/* Start:/local/templates/d-handle_adaptive/css/fonts.css?17381457741228*/ @font-face { font-family: 'Roboto'; font-weight: 300; font-style: normal; font-display: swap; src: url('/local/templates/d-handle_adaptive/fonts/roboto/Roboto-Light.woff2') format('woff2'), url('/local/templates/d-handle_adaptive/fonts/roboto/Roboto-Light.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-weight: 400; font-style: normal; font-display: swap; src: url('/local/templates/d-handle_adaptive/fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('/local/templates/d-handle_adaptive/fonts/roboto/Roboto-Regular.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-weight: 500; font-style: normal; font-display: swap; src: url('/local/templates/d-handle_adaptive/fonts/roboto/Roboto-Medium.woff2') format('woff2'), url('/local/templates/d-handle_adaptive/fonts/roboto/Roboto-Medium.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-weight: 700; font-style: normal; font-display: swap; src: url('/local/templates/d-handle_adaptive/fonts/roboto/Roboto-Bold.woff2') format('woff2'), url('/local/templates/d-handle_adaptive/fonts/roboto/Roboto-Bold.woff') format('woff'); } /* End */ /* Start:/local/templates/d-handle_adaptive/components/bitrix/search.title/custom/style.css?16686665954218*/ .bx-searchtitle { /*margin: 5px;*/ } .bx-searchtitle .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; /*display: table;*/ display: flex; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { /*display: table-cell;*/ position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; /*display: block;*/ display: flex; flex-wrap: nowrap; border-radius: 15px 0 0 15px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; /*border-radius: 2px 0 0 2px;*/ outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; /*white-space: nowrap;*/ /*vertical-align: middle;*/ /*display: table-cell;*/ } .bx-searchtitle .bx-input-group-btn button { position: relative; border-radius: 0 15px 15px 0; overflow: hidden; width: 70px; outline: none; border: none; background: #519307; display: inline-block; margin-bottom: 0; cursor: pointer; padding:6px 12px; /*border-radius: 0 2px 2px 0;*/ color: #fff; font-size: 16px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background: #3c7405; } div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:999; min-width: 222px; margin-top:-3px; background-color: #FFF; } div.title-search-fader { display:none; background-image: url('/local/templates/d-handle_adaptive/components/bitrix/search.title/custom/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_searche{} .bx_searche .bx_img_element{ background: #fafafa; float: left; width: 67px; padding: 5px 10px; position: absolute; top: 0; bottom: 0; } .bx_searche .bx_item_block{ min-height: 65px; position: relative } .bx_searche .bx_image{ width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; } .bx_searche .bx_item_element{ /*float: left;*/ padding-left: 10px; margin-left: 70px; } .bx_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_searche .bx_item_element a{ margin-top: 10px; display: inline-block; color: #4788cb; font-size: 13px; text-decoration: none; } .bx_searche .bx_item_element a b{color: #000;font-weight: normal;} .bx_searche .bx_item_element a:hover, .bx_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_searche .bx_price{ font-weight:bold; font-size:13px; } .bx_searche .bx_price .old{ font-weight:normal; text-decoration: line-through; color: #636363 } .bx_item_block.all_result{min-height:0} .bx_item_block.others_result{ min-height: 0; padding: 0 0 12px; line-height: 12px; } .bx_item_block.all_result .all_result_title{ display: block; font-size: 12px; color: #a7a7a7; padding-top: 15px; padding-bottom: 10px; } .bx_item_block.all_result .all_result_title a{color: #a7a7a7} .bx_item_block.all_result .all_result_title a:hover{color: #4788cb} .bx_item_block.all_result a{ margin-top: 0; } /* End */ /* Start:/local/templates/d-handle_adaptive/components/bitrix/search.title/custom_mobile/style.css?17164574234241*/ .bx-searchtitle { /*margin: 5px;*/ } .bx-searchtitle .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; /*display: table;*/ display: flex; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { /*display: table-cell;*/ position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; /*display: block;*/ display: flex; flex-wrap: nowrap; border-radius: 15px 0 0 15px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; /*border-radius: 2px 0 0 2px;*/ outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; /*white-space: nowrap;*/ /*vertical-align: middle;*/ /*display: table-cell;*/ } .bx-searchtitle .bx-input-group-btn button { position: relative; border-radius: 0 15px 15px 0; overflow: hidden; width: 70px; outline: none; border: none; background: #519307; display: inline-block; margin-bottom: 0; cursor: pointer; padding:6px 12px; /*border-radius: 0 2px 2px 0;*/ color: #fff; font-size: 16px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background: #3c7405; } div.title-search-result { border:1px solid #c6c6c6; display:none; z-index:999; min-width: 222px; margin-top:-3px; background-color: #FFF; max-height: 300px; overflow-y: scroll; } div.title-search-fader { display:none; background-image: url('/local/templates/d-handle_adaptive/components/bitrix/search.title/custom_mobile/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_searche{} .bx_searche .bx_img_element{ background: #fafafa; float: left; width: 67px; padding: 5px 10px; position: absolute; top: 0; bottom: 0; } .bx_searche .bx_item_block{ min-height: 65px; position: relative } .bx_searche .bx_image{ width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; } .bx_searche .bx_item_element{ /*float: left;*/ padding-left: 10px; margin-left: 70px; } .bx_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_searche .bx_item_element a{ margin-top: 10px; display: inline-block; color: #4788cb; font-size: 13px; text-decoration: none; } .bx_searche .bx_item_element a b{color: #000;font-weight: normal;} .bx_searche .bx_item_element a:hover, .bx_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_searche .bx_price{ font-weight:bold; font-size:13px; } .bx_searche .bx_price .old{ font-weight:normal; text-decoration: line-through; color: #636363 } .bx_item_block.all_result{min-height:0} .bx_item_block.others_result{ min-height: 0; padding: 0 0 12px; line-height: 12px; } .bx_item_block.all_result .all_result_title{ display: block; font-size: 12px; color: #a7a7a7; padding-top: 15px; padding-bottom: 10px; } .bx_item_block.all_result .all_result_title a{color: #a7a7a7} .bx_item_block.all_result .all_result_title a:hover{color: #4788cb} .bx_item_block.all_result a{ margin-top: 0; } /* End */ /* Start:/local/components/custom/agree.cookie/templates/.default/style.css?17471240981353*/ .agree-cookie { position: fixed; max-width: 819px; bottom: 0; left: 50%; transform: translateX(-50%); padding: 18px 22px; background: #F2F3F5; z-index: 100; width: 100%; } .agree-cookie__wrap { display: flex; gap: 20px; } .agree-cookie__text p { font-weight: 400; font-size: 12px; line-height: 14px; color: #6C6A6B; padding: 0; } .agree-cookie__more { margin-top: 6px; font-weight: 400; font-size: 12px; line-height: 100%; text-decoration: underline; color: #000000; display: block; } .agree-cookie__more:hover { text-decoration: none; } .agree-cookie__btn { max-width: 160px; width: 100%; } .agree-cookie__btn .btn { font-weight: 500; font-size: 14px; line-height: 16px; width: 100%; } @media (max-width: 1024px) { .agree-cookie { max-width: 700px; } } @media (max-width: 767px) { .agree-cookie { left: 0; padding: 9px 10px; max-width: 261px; transform: none; } .agree-cookie__wrap { flex-wrap: wrap; gap: 7px; } .agree-cookie__text p { font-size: 10px; line-height: 12px; } .agree-cookie__more { margin-top: 10px; font-size: 10px; } .agree-cookie__btn { max-width: 100%; } } /* End */ /* Start:/local/templates/d-handle_adaptive/template_styles.css?1747402509471737*/ @charset "UTF-8"; /*bootstrap breakpoints*/ /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ /* Document ========================================================================== */ /** * 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 on Windows Phone and in iOS. */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * 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; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. */ figcaption, figure { display: block; } /** * 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 { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Add the correct display in IE. */ main { display: block; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* 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; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * 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 ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. */ button { 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 */ } button, [type="button"], [type="reset"], [type="submit"] { /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Show the overflow in Edge. */ input { overflow: visible; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; 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 macOS. */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 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 */ } /** * 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 { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Add the correct display in IE 9-. */ menu { display: block; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .list-disc { list-style: disc; } .pl-20 { padding-left: 20px; } .mb-10 { margin-bottom: 10px; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-size: 14px; color: #333333; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 1024px) { .container { width: 970px; } } @media (min-width: 1220px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 1024px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1220px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } .clearfix:before, .catalog-filters__item-title:before, .footer__right:before, .footer__contacts:before, .header__dropdown-list-item:before, .catalog-card--complect:before, .cart-order__form:before, .product-card__details:before, .showroom-masonry:before, .clearfix:after, .catalog-filters__item-title:after, .footer__right:after, .footer__contacts:after, .header__dropdown-list-item:after, .catalog-card--complect:after, .cart-order__form:after, .product-card__details:after, .showroom-masonry:after { content: " "; display: table; } .clearfix:after, .catalog-filters__item-title:after, .footer__right:after, .footer__contacts:after, .header__dropdown-list-item:after, .catalog-card--complect:after, .cart-order__form:after, .product-card__details:after, .showroom-masonry:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 1023px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 1023px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1219px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1024px) and (max-width: 1219px) { .visible-md-block { display: block !important; } } @media (min-width: 1024px) and (max-width: 1219px) { .visible-md-inline { display: inline !important; } } @media (min-width: 1024px) and (max-width: 1219px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1220px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1220px) { .visible-lg-block { display: block !important; } } @media (min-width: 1220px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1220px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } .show-xs { display: block!important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } } @media (min-width: 1024px) and (max-width: 1219px) { .hidden-md { display: none !important; } } @media (min-width: 1220px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .clearfix:after, .catalog-filters__item-title:after, .footer__right:after, .footer__contacts:after, .header__dropdown-list-item:after, .catalog-card--complect:after, .cart-order__form:after, .product-card__details:after, .showroom-masonry:after { content: ""; display: table; clear: both; } .centered { display: table; width: 100%; height: 100%; } .centered > * { display: table-cell; text-align: center; vertical-align: middle; } .box-shadow, q, blockquote, .about-slider__item-wrapper:after, .brands-list__item-img:after, .filter-checkbox__tooltip:before, .header__dropdown, .header__tablet-dropdown, .article-list__item:after, .cart-box, .cart-order__info-wrapper, .cart-thanks__box, .contacts-item, .info-item { -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15); } /*@mixin retina-sprite($variab) { min-width: 0; }*/ body { background: #fefefe; color: #000; font-family: "Roboto", Arial; font-size: 18px; font-weight: 300; line-height: 1.4; } h1, h2, h3, h4, h5, h6 { color: #000; font-family: "Roboto", Arial; margin: 0; padding: 0; color: #000; } h1 { font-size: 30px; font-weight: 700; text-transform: uppercase; padding: 0 0 30px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { h1 { font-size: 25px; padding: 0 0 20px; } } h2, .h2 { font-size: 24px; font-weight: 700; padding: 0 0 25px; text-transform: uppercase; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { h2, .h2 { font-size: 20px; padding: 0 0 20px; } } h3 { font-size: 20px; font-weight: 500; padding: 0 0 15px; text-transform: uppercase; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { h3 { font-size: 18px; } } h4 { font-size: 20px; font-weight: 500; padding: 0 0 20px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { h4 { font-size: 16px; } } h5 { font-size: 18px; font-weight: 500; padding: 0 0 15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { h5 { font-size: 16px; } } h6 { font-size: 16px; font-weight: 500; padding: 0 0 15px; } p { padding: 0 0 13px; margin: 0; } hr { overflow: hidden; height: 1px; background: #888888; border: 0; margin: 0 0 30px; } q, blockquote { text-align: left; display: block; font-style: italic; background: #fff; padding: 30px 25px 27px 70px; position: relative; margin: 10px 0 30px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { q, blockquote { padding: 15px 25px 13px 70px; margin: 25px 0 40px; line-height: 1.5; } } @media (max-width: 1023px) { q, blockquote { margin: 28px 0 40px; } } @media (max-width: 767px) { q, blockquote { margin: 0 0 25px; padding: 20px 15px 25px 90px; } } q:before, blockquote:before { content: ''; background-image: url("/local/templates/d-handle_adaptive/images/quote.svg"); background-size: 100%; background-repeat: no-repeat; background-position: 0 0; position: absolute; width: 22px; height: 21px; top: 35px; left: 20px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { q:before, blockquote:before { width: 33px; height: 31px; top: 28px; left: 20px; } } strong, b { font-weight: 700; } a { text-decoration: none; outline: none; } a:focus { outline: none; } a:hover { text-decoration: none; } a.btn { text-decoration: none; } a.btn:hover { text-decoration: none; } [class*="icon-"] { display: inline-block; vertical-align: top; } img[style*="float: left"], img[style*="float:left"], img[align="left"] { margin: 0 20px 5px 0; } img[style*="float: right"], img[style*="float:right"], img[align="right"] { margin: 0 0 5px 20px; } ul { list-style: none; margin: 0; padding: 0; } figure { margin: 0 0 20px; } figure img { max-width: 100%; } .static-content { font-size: 18px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .static-content { font-size: 14px; line-height: 1.45; } } .text-bold { font-weight: 700; } .static-content ul { padding: 0 0 20px; } .static-content ul li { position: relative; padding-left: 15px; } .static-content ul li:before { position: absolute; content: ''; left: 0; top: 8px; width: 6px; height: 6px; background: #555555; border-radius: 50%; } .static-content table { margin: 0 0 30px; } .static-content a { display: inline-block; border-bottom: 1px solid #ffcc00; color: #000; font-weight: 400; line-height: 1.1; } .static-content a:hover { border-bottom: 1px solid transparent; } ol { list-style-type: decimal; list-style-position: inside; counter-reset: item; padding: 0; margin: 0; } ol li { display: block; position: relative; padding: 0 0 15px 27px; } ol li:before { content: counters(item, ".") ""; counter-increment: item; display: inline; vertical-align: top; font-weight: 700; position: absolute; left: 12px; } table { width: 100%; } table th { text-align: left; border-bottom: 1px solid #e6e6e6; padding: 15px; } table td { text-align: left; border-bottom: 1px solid #e6e6e6; padding: 15px; vertical-align: middle; font-size: 16px; } .upper { text-transform: uppercase; } .content__breadcrumbs { padding: 0 0 15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .content__breadcrumbs { padding: 0; } } .content-back { display: block; padding: 0 0 0 23px; font-size: 14px; line-height: 1.9; color: #000; position: relative; margin: 0 0 17px; } .content-back__icon { width: 12px; height: 30px; position: absolute; fill: #ffcc00; stroke: #ffcc00; top: -3px; left: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .content-back:hover .content-back__icon { left: -5px; } .rubl:before { content: "\20BD"; } .unstyled-list { padding: 0 !important; } .unstyled-list li { padding: 0 0 17px 80px !important; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .unstyled-list li { padding: 0 0 17px 15px !important; } } .unstyled-list li:before { display: none; } /*! jQuery UI - v1.12.1 - 2018-01-10 * http://jqueryui.com * Includes: core.css, slider.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333; } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold; } .ui-widget-header a { color: #333; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #ccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { -webkit-box-shadow: 0 0 3px 1px #5e9ed6; box-shadow: 0 0 3px 1px #5e9ed6; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #fff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/local/templates/d-handle_adaptive/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/local/templates/d-handle_adaptive/images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/local/templates/d-handle_adaptive/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/local/templates/d-handle_adaptive/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/local/templates/d-handle_adaptive/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/local/templates/d-handle_adaptive/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/local/templates/d-handle_adaptive/images/ui-icons_777777_256x240.png"); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } .ui-widget-overlay { background: #aaa; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; } body.fancybox-active { overflow: hidden; } body.fancybox-iosfix { position: fixed; left: 0; right: 0; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .87; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; -webkit-transition: opacity .25s, visibility 0s linear .25s; transition: opacity .25s, visibility 0s linear .25s; -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; visibility: visible; -webkit-transition: opacity .25s, visibility 0s; transition: opacity .25s, visibility 0s; } .fancybox-infobar { top: 0; left: 0; font-size: 13px; padding: 0 10px; height: 44px; min-width: 44px; line-height: 44px; color: #ccc; text-align: center; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; mix-blend-mode: exclusion; } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translateZ(0); } .fancybox-is-closing .fancybox-stage { overflow: visible; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-slide:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image:before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #e5e3df; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-slide > base, .fancybox-slide > link, .fancybox-slide > meta, .fancybox-slide > script, .fancybox-slide > style, .fancybox-slide > title { display: none; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; padding: 0; border: 0; height: 100%; } .fancybox-error, .fancybox-iframe { margin: 0; width: 100%; background: #fff; } .fancybox-error { padding: 40px; max-width: 380px; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font-size: 16px; line-height: 20px; } .fancybox-button { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 0; background: rgba(30, 30, 30, 0.6); -webkit-transition: color .3s ease; transition: color .3s ease; cursor: pointer; outline: none; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: .6; } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--zoom svg path { fill: transparent; } .fancybox-navigation { display: none; } .fancybox-show-nav .fancybox-navigation { display: block; } .fancybox-navigation button { position: absolute; top: 50%; margin: -50px 0 0; z-index: 99997; background: transparent; width: 60px; height: 100px; padding: 17px; } .fancybox-navigation button:before { content: ""; position: absolute; top: 30px; right: 10px; width: 40px; height: 40px; background: rgba(30, 30, 30, 0.6); } .fancybox-navigation .fancybox-button--arrow_left { left: 0; } .fancybox-navigation .fancybox-button--arrow_right { right: 0; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: "×"; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background-color: transparent; -webkit-transition: background-color .25s; transition: background-color .25s; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small { top: 0; right: -44px; } .fancybox-slide--iframe .fancybox-close-small:after, .fancybox-slide--image .fancybox-close-small:after { font-size: 35px; color: #aaa; } .fancybox-slide--iframe .fancybox-close-small:hover:after, .fancybox-slide--image .fancybox-close-small:hover:after { color: #fff; background: transparent; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(40%, rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.6)), color-stop(80%, rgba(0, 0, 0, 0.8))); background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8)); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative; } .fancybox-caption a { color: #fff; text-decoration: underline; } .fancybox-slide > .fancybox-loading { border: 6px solid rgba(99, 99, 99, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: a .8s infinite linear; animation: a .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999; } @-webkit-keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); opacity: 1; } .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-1turn); -ms-transform: rotate(-1turn); transform: rotate(-1turn); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); opacity: 1; } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; } .fancybox-share h1 { color: #222; margin: 0 0 20px; font-size: 33px; font-weight: 700; text-align: center; } .fancybox-share p { margin: 0; padding: 0; text-align: center; } .fancybox-share p:first-of-type { margin-right: -10px; } .fancybox-share_button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 10px 20px; border: 0; border-radius: 3px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16); background: #fff; white-space: nowrap; font-size: 16px; line-height: 23px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 140px; color: #707070; -webkit-transition: all .2s; transition: all .2s; } .fancybox-share_button:focus, .fancybox-share_button:hover { text-decoration: none; color: #333; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } .fancybox-share_button svg { margin-right: 5px; width: 20px; height: 20px; vertical-align: text-bottom; } .fancybox-share input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 5px 0 0; padding: 10px 15px; border: 1px solid #d7d7d7; border-radius: 3px; background: #ebebeb; color: #5d5b5b; font-size: 14px; outline: none; } .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 99995; } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; white-space: nowrap; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; padding: 0; margin: 2px; width: 100px; height: 75px; max-width: calc(50% - 4px); max-height: calc(100% - 8px); position: relative; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px); } } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr; } .mCSB_container { overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer { 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: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; 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; } .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; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .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; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } .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; 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; 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; 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; } .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; -webkit-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } .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 { 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; margin-left: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -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_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { -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; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .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.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(/local/templates/d-handle_adaptive/mCSB_buttons.png); background-repeat: no-repeat; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0; } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: .3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%); } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { border-radius: 16px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px; } .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical { -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools { -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } /*! * jReject (jQuery Browser Rejection Plugin) * Version 1.1.x * URL: http://jreject.turnwheel.com/ * Description: jReject is a easy method of rejecting specific browsers on your site * Author: Steven Bower (TurnWheel Designs) http://turnwheel.com/ * Copyright: Copyright (c) 2009-2014 Steven Bower under dual MIT/GPL license. */ #jr_overlay { top: 0; left: 0; padding: 0; margin: 0; z-index: 2147483646; position: absolute; } #jr_wrap { position: absolute; width: 100%; z-index: 2147483647; padding: 0; margin: 0; } #jr_inner { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 12px; background: #FFF; border: 1px solid #CCC; color: #4F4F4F; margin: 0 auto; height: auto; padding: 20px; position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; } #jr_header { display: block; color: #333; padding: 5px; padding-bottom: 0; margin: 0; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 20px; line-height: 24px; margin-bottom: 0.5em; } #jr_inner p { padding: 5px; line-height: 20px; font-size: 14px; margin: 0; } #jr_inner ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 15px 0; } #jr_inner ul:after { content: ''; display: block; clear: both; } #jr_inner ul li { cursor: pointer; float: left; width: 120px; height: 122px; margin: 0 10px 10px 10px; padding: 0; text-align: center; } #jr_inner li a { color: #333; font-size: 0.8em; text-decoration: none; padding: 0; margin: 0; } #jr_inner li a:hover { text-decoration: underline; } #jr_inner .jr_icon { width: 100px; height: 100px; margin: 1px auto; padding: 0; background: transparent no-repeat center; background-size: 80px 80px; cursor: pointer; } #jr_close { clear: both; padding: 0; margin: 0; } #jr_close a { color: #000; display: block; width: auto; margin: 0; padding: 0; text-decoration: underline; } #jr_close p { padding: 10px 0 0 0; margin: 0; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; 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); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .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 { object-fit: contain; display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-initialized.js-product-complect-slider .slick-slide { display: flex; align-items: center; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /** * Swiper 4.1.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 13, 2018 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top, .2s -webkit-transform; transition: .2s top, .2s -webkit-transform; -webkit-transition: .2s transform, .2s top; transition: .2s transform, .2s top; -webkit-transition: .2s transform, .2s top, .2s -webkit-transform; transition: .2s transform, .2s top, .2s -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left, .2s -webkit-transform; transition: .2s left, .2s -webkit-transform; -webkit-transition: .2s transform, .2s left; transition: .2s transform, .2s left; -webkit-transition: .2s transform, .2s left, .2s -webkit-transform; transition: .2s transform, .2s left, .2s -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right, .2s -webkit-transform; transition: .2s right, .2s -webkit-transform; -webkit-transition: .2s transform, .2s right; transition: .2s transform, .2s right; -webkit-transition: .2s transform, .2s right, .2s -webkit-transform; transition: .2s transform, .2s right, .2s -webkit-transform; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } body { height: 100%; min-width: 320px; } .container { margin: 0 auto; width: 1200px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .container:after { content: " "; display: block; clear: both; } @media (max-width: 1219px) { .container { width: 992px; } } @media (max-width: 1023px) { .container { width: 730px; } } @media (max-width: 767px) { .container { width: 100%; } } .container-inner { padding: 0 15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .container-inner { padding: 0; } } .welcome-to-project-html { min-height: 100%; } .wrapper { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (min-width: 768px) { .wrapper.sticky-wrapper { padding-top: 128px; } } @media (min-width: 1024px) { .wrapper.sticky-wrapper { padding-top: 218px; } } .layout { overflow: hidden; } .content { padding: 15px 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .content { padding: 23px 0 15px; } } @media (max-width: 1023px) { .content { padding: 14px 0 15px; } } .content.shift { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .content.shift { padding-left: 320px; width: calc(100% + 320px); } } @media (max-width: 479px) { .content.shift { padding-left: 100%; width: 200%; } } .content-left { height: 100%; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .content-left { position: fixed; height: 100%; z-index: 11; width: 320px; left: -320px; top: 0; -webkit-transition: left 0.5s; transition: left 0.5s; } } @media (max-width: 479px) { .content-left { width: 100%; left: -100%; } } .content-left.active { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .content-left.active { left: 0; min-height: 100vh; background: #fefefe; } } .content-left__layout { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .content-left__layout { z-index: -1; position: fixed; width: 0; height: 100%; background: rgba(0, 0, 0, 0.8); top: 0; left: 0; -webkit-transition: left 0.5s; transition: left 0.5s; } } @media (max-width: 479px) { .content-left__layout { display: none; } } .content-left__layout.active { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .content-left__layout.active { z-index: 10; left: 320px; width: calc(100% - 320px); } } .content-left__wrapper { padding-right: 5px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .content-left__wrapper { padding-right: 15px; } } @media (max-width: 1023px) { .content-left__wrapper { position: static; } } .content-right__wrapper { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .content-right__wrapper { padding-left: 0; } } @media (max-width: 767px) { .content-right__wrapper { padding-left: 15px; } } .body-shift { height: 100%; overflow: hidden; width: 100%; position: fixed; } /*.full-width-block { @include b(desktop) { margin-left: -305px; padding-left: 65px; background: #fefefe; position: relative; z-index: 2; } @include b(tablet) { margin-left: -270px; padding-left: 0; } &--tablet { @include b(tablet) { margin-left: -270px; padding-left: 0; position: relative; z-index: 2; } .full-width-block { @include b(tablet) { margin-left: 0; padding-left: 0; } } } }*/ button, .btn { text-align: center; vertical-align: top; font-weight: 700; font-size: 18px; line-height: 1.4; padding: 6px 30px; background: #ffcc00; color: #fff; border: 2px solid #ffcc00; border-radius: 20px; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: inline-block; cursor: pointer; outline: 0; -webkit-appearance: none; font-family: "Roboto", Arial; } button:hover, button:focus, button.active, .btn:hover, .btn:focus, .btn.active { color: #ffcc00; background: #fff; } button.disabled, button[disabled="disabled"], button[disabled], .btn.disabled, .btn[disabled="disabled"], .btn[disabled] { background: #dedede; color: #fff; cursor: not-allowed; border-color: #dedede; } button--gray, .btn--gray { color: #dedede; border-color: #dedede; background: #fff; font-weight: 900; } button--gray:hover, button--gray:focus, button--gray.active, .btn--gray:hover, .btn--gray:focus, .btn--gray.active { border-color: #ffcc00; } button--invert, .btn--invert { color: #ffcc00; background: #fff; } button--invert:hover, button--invert:focus, button--invert.active, .btn--invert:hover, .btn--invert:focus, .btn--invert.active { background: #ffcc00; color: #fff; } button-green, .btn-green { background: #15a01b; border-radius: 0; padding: 30px; display: block; width: 100%; font-size: 20px; text-align: center; border: none; font-weight: 700; } button-green:hover, button-green:focus, button-green.active, .btn-green:hover, .btn-green:focus, .btn-green.active { color: #fff; background: #12882c; } input[type="checkbox"] { position: absolute; left: -9999px; } input[type="checkbox"] + label { display: inline-block; vertical-align: top; padding: 0 0 0 47px; position: relative; cursor: pointer; font-size: 14px; line-height: 2.6; width: auto; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } input[type="checkbox"] + label:before, input[type="checkbox"] + label:after { position: absolute; content: ''; } input[type="checkbox"] + label:before { width: 26px; height: 26px; border: 2px solid #dedede; border-radius: 5px; top: 3px; left: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } input[type="checkbox"] + label .checkbox__icon { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; position: absolute; stroke: #fff; width: 13px; height: 14px; display: inline-block; left: 7px; top: 9px; } input[type="checkbox"] + label .checkbox__link { color: #000; } input[type="checkbox"] + label .checkbox__link:hover { text-decoration: underline; } input[type="checkbox"]:checked + label:before { border-color: #ffcc00; background: #ffcc00; } input[type="checkbox"]:checked + label .checkbox__icon { opacity: 1; } input[type="checkbox"]:disabled:checked + label:before { background: #dedede; border: 2px solid #dedede; } input[type="checkbox"]:disabled:checked + label .checkbox__icon { opacity: 0.5; } input[type="checkbox"]:disabled:not(:checked) + label:before { background: #dedede; } input, textarea, select, .input { background-color: #fff; border: 1px solid #d9d9d9; color: #000; font-size: 14px; line-height: 2.57; padding: 7px 17px 6px; width: 100%; display: block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-appearance: none; border-radius: 20px; outline: 0; font-family: "Roboto", Arial; /*&.valid, &:valid { border-color: $yellow; } &.error, &:invalid { border-color: $red; }*/ } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, .input::-webkit-input-placeholder { color: #8b8b8b; } input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, .input:-ms-input-placeholder { color: #8b8b8b; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, .input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, .input:focus:-ms-input-placeholder { color: transparent; } input:focus::placeholder, textarea:focus::placeholder, select:focus::placeholder, .input:focus::placeholder { color: transparent; } @media screen\0 { input, textarea, select, .input { height: 50px; } } input:focus, textarea:focus, select:focus, .input:focus { border-color: #888888; color: #555555; background-color: #fff; } input.disabled, input[disabled="disabled"], input[disabled], textarea.disabled, textarea[disabled="disabled"], textarea[disabled], select.disabled, select[disabled="disabled"], select[disabled], .input.disabled, .input[disabled="disabled"], .input[disabled] { background-color: #f3f3f3; } textarea { height: 150px; resize: none; } input[type="file"] { display: none; } input[type="file"] + label { display: block; background: #fff; font-size: 14px; line-height: 24px; padding: 25px 15px; color: #969696; text-align: center; border: 1px dashed #c4c4c4; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } input[type="file"] + label:hover { border-color: #696969; background: #e9e9e9; } .input-box { display: inline-block; vertical-align: top; position: relative; } .input-box__label { display: none; font-size: 12px; top: -7px; left: 13px; background: #fff; padding: 0 5px; position: absolute; } .input-box__icon { top: 19px; right: 17px; position: absolute; display: inline-block; width: auto; } .input-box__icon-img { display: none; width: 11px; height: 11px; } .input-box--valid .input-box__label { display: block; color: #ffcc00; } .input-box--valid .input-box__icon-img-valid { display: block; fill: #ffcc00; stroke: #ffcc00; width: 13px; height: 13px; } .input-box--valid input, .input-box--valid textarea, .input-box--valid select, .input-box--valid .input { border-color: #ffcc00; padding-right: 30px; } .input-box--error .input-box__label { display: block; color: #fe4040; } .input-box--error .input-box__icon-img-error { display: block; fill: #fe4040; } .input-box--error input, .input-box--error textarea, .input-box--error select, .input-box--error .input { border-color: #fe4040; padding-right: 30px; } input[type="radio"] { position: absolute; left: -9999px; } input[type="radio"] + label { display: inline-block; vertical-align: top; padding: 0 0 0 43px; position: relative; cursor: pointer; font-size: 18px; line-height: 2.6; width: auto; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { input[type="radio"] + label { font-size: 16px; line-height: 2.85; } } @media (max-width: 767px) { input[type="radio"] + label { font-size: 14px; line-height: 1.25; margin-bottom: 22px; } } input[type="radio"] + label:before, input[type="radio"] + label:after { position: absolute; content: ''; } input[type="radio"] + label:before { width: 26px; height: 26px; border: 2px solid #dedede; border-radius: 50%; top: 9px; left: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { input[type="radio"] + label:before { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } input[type="radio"] + label .checkbox__icon { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; position: absolute; stroke: #fff; width: 13px; height: 14px; display: inline-block; left: 7px; top: 15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { input[type="radio"] + label .checkbox__icon { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } input[type="radio"] + label .checkbox__link { color: #000; } input[type="radio"] + label .checkbox__link:hover { text-decoration: underline; } input[type="radio"]:checked + label:before { border-color: #ffcc00; background: #ffcc00; } input[type="radio"]:checked + label .checkbox__icon { opacity: 1; } input[type="radio"]:disabled:checked + label:before { background: #dedede; border: 2px solid #dedede; } input[type="radio"]:disabled:checked + label .checkbox__icon { opacity: 0.5; } input[type="radio"]:disabled:not(:checked) + label:before { background: #dedede; } .mCSB_container { overflow-y: hidden; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #e6e6e6; -webkit-filter: none; filter: none; width: 3px; border-radius: 1.5px; } .mCSB_outside + .mCSB_scrollTools { right: 0; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 7px; border-radius: 4px; background-color: #ffcc00; -webkit-filter: none; filter: none; outline: 0; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fde47f; -webkit-filter: none; filter: none; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 8px; border-radius: 4px; margin: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { height: 8px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 1px auto; border-radius: 4px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px 0 5px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 10px 0 5px; } } .mCSB_scrollTools.mCSB_scrollTools_horizontal { opacity: 1; } /*swiper*/ .swiper-container-horizontal > .swiper-scrollbar { background: #e6e6e6; height: 8px; border-radius: 4px; bottom: 0; width: calc(100% - 16px); left: 8px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .swiper-container-horizontal > .swiper-scrollbar { display: none; } } .swiper-container-horizontal .swiper-scrollbar-drag { background: #ffcc00; border-radius: 4px; cursor: pointer; } /*====================================================================== Selectric ======================================================================*/ .selectric-wrapper { position: relative; margin: 0 0 10px; width: 300px; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #DDD; background: #F8F8F8; position: relative; border-radius: 2px; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; margin: 0 30px 0 0; padding: 6px; font-size: 12px; line-height: 18px; color: #444; min-height: 18px; text-align: left; font-weight: 300; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 30px; height: 30px; color: #BBB; text-align: center; font: 0/0 a; /* IE Fix */ *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric-hover .selectric { border-color: #CCC; } .selectric-hover .selectric .button { color: #888; } .selectric-hover .selectric .button:after { border-top-color: #888; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #CCC; background: #F0F0F0; z-index: 9999; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; display: none; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; overflow: auto; top: 100%; left: 0; background: #F9F9F9; border: 1px solid #CCC; z-index: 9998; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 5px; border-top: 1px solid #FFF; border-bottom: 1px solid #EEE; color: #666; cursor: pointer; } .selectric-items li.selected { background: #EFEFEF; color: #444; border-top-color: #E0E0E0; } .selectric-items li:hover { background: #F0F0F0; color: #444; } .selectric-items li.disabled { background: #F5F5F5; color: #BBB; border-top-color: #FAFAFA; cursor: default; } select { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-transition: none; transition: none; background-position: right 25px center; background-repeat: no-repeat; background-size: 29px 17px; background-color: #fff; } .default-select .selectric { border: 1px solid #d9d9d9; color: #000; font-size: 14px; line-height: 2.57; padding: 7px 40px 6px 17px; width: 100%; display: block; width: 100%; display: block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: #fff; border-radius: 20px; } .default-select .selectric-wrapper { width: 100%; margin: 0; } .default-select .selectric .label { font-size: 14px; color: #000; font-family: "Roboto"; padding: 0; font-weight: 300; line-height: 2.57; } .default-select .selectric .button { top: 21px; right: 15px; width: 13px; height: 10px; color: transparent; background-image: url("/local/templates/d-handle_adaptive/images/chevron-down.svg"); background-size: 100%; background-repeat: no-repeat; font-size: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .default-select .selectric .button:after { display: none; } .default-select .selectric .button:hover { color: transparent; } .default-select .selectric .button:after { border-top-color: #888888; } .default-select .selectric-items { font-size: 12px; padding: 25px 15px 0; background: #fff; border: none; margin: -25px 0 0 0; -webkit-box-shadow: none; box-shadow: none; } .default-select .selectric-items li { font-size: 12px; border: 1px solid #e6e6e6; border-top: none; } .default-select .selectric-open .selectric { border-color: #888888; background: #fff; } .default-select .selectric-open .selectric .button { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); top: 17px; } .slick-dots { text-align: center; bottom: 10px; font-size: 0; position: absolute; width: 100%; } .slick-dots li { display: inline-block; width: 8px; height: 8px; margin: 0 5px 0 0; outline: none; border: none; border-radius: 4px; } .slick-dots li button { width: 100%; height: 8px; padding: 0; border-width: 1px; font-size: 0; color: #ffcc00; outline: none; border-radius: 4px; } .slick-dots li.slick-active { outline: none; border: none; width: 30px; background: #ffcc00; border-radius: 4px; } .slick-dots li.slick-active button { background: #ffcc00; } .spinner { font-size: 0; width: 85px; } .spinner__minus, .spinner__plus { display: inline-block; vertical-align: middle; border-radius: 50%; background: #ffcc00; border: 1px solid #ffcc00; color: #fff; font-size: 14px; text-align: center; width: 18px; height: 18px; line-height: 10px; padding-top: 3px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-weight: 500; } .spinner__minus:hover, .spinner__plus:hover { background: #fff; color: #ffcc00; } .spinner__minus:hover .spinner__icon, .spinner__plus:hover .spinner__icon { fill: #ffcc00; } .spinner__icon { width: 10px; height: 10px; display: inline-block; fill: #fff; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .spinner__text { color: #555555; font-weight: 400; font-size: 25px; line-height: 1; padding: 0; border: 0; outline: none; border-radius: 0; height: auto; display: inline-block; vertical-align: middle; width: 45px; text-align: center; } .spinner--invert { width: 56px; } .spinner--invert .spinner__minus, .spinner--invert .spinner__plus { background: #fff; color: #ffcc00; } .spinner--invert .spinner__minus .spinner__icon, .spinner--invert .spinner__plus .spinner__icon { fill: #ffcc00; } .spinner--invert .spinner__minus:hover, .spinner--invert .spinner__plus:hover { background: #ffcc00; color: #fff; } .spinner--invert .spinner__minus:hover .spinner__icon, .spinner--invert .spinner__plus:hover .spinner__icon { fill: #fff; } .spinner--invert .spinner__text { color: #fff; background: #ffcc00; font-size: 18px; width: 20px; } .about-slider { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*.slick-slide:not(.slick-center) { @include b(tablet) { overflow: hidden; margin: 20px 0 0; } } .slick-center:not(.slick-cloned) { @include b(tablet) { position: relative; z-index: 2; overflow: visible; //min-height: 700px; margin:0; left:-75px; } .about-slider__footer { display: block; } .about-slider__img { height: 455px; @include trsn; } .about-slider__item-wrapper { @include b(tablet) { width:300px; z-index: 3; } &:after { opacity: 1; } &:before { @include b(tablet) { display: none; } } } }*/ } @media (max-width: 1219px) { .about-slider { width: 100%; } } .about-slider__wrapper { position: relative; padding: 0 0 35px; font-size: 18px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .about-slider__wrapper { padding: 0 0 28px; } } @media (max-width: 1023px) { .about-slider__wrapper { padding: 0 0 28px; max-width: 435px; margin: 0 auto; } } @media (max-width: 767px) { .about-slider__wrapper { width: 300px; padding: 0 0 15px; } } @media (max-width: 374px) { .about-slider__wrapper { width: 100%; } } .about-slider__item { outline: none; } .about-slider__item-wrapper { width: 265px; margin: 0 auto 20px; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .about-slider__item-wrapper { width: 300px; margin: 0 0 20px; } } @media (max-width: 767px) { .about-slider__item-wrapper { margin: 0 auto 20px; } } .about-slider__item-wrapper:before { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .about-slider__item-wrapper:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.6); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 1; } } @media (max-width: 767px) { .about-slider__item-wrapper:before { display: none; } } .about-slider__item-wrapper:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: -1; } .about-slider__item.slick-slide:not(.slick-center) { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .about-slider__item.slick-slide:not(.slick-center) { overflow: hidden; margin: 20px 0 0; } } @media (max-width: 767px) { .about-slider__item.slick-slide:not(.slick-center) { margin: 0; } } .about-slider__item[data-slick-index="0"] { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .about-slider__item.slick-center { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .about-slider__item.slick-center { position: relative; z-index: 2; overflow: visible; margin: 0; left: -78px; } } @media (max-width: 767px) { .about-slider__item.slick-center { left: 0; } } .about-slider__item.slick-center .about-slider__footer { display: block; } .about-slider__item.slick-center .about-slider__img { height: 455px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .about-slider__item.slick-center .about-slider__item-wrapper { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .about-slider__item.slick-center .about-slider__item-wrapper { width: 300px; z-index: 3; } } .about-slider__item.slick-center .about-slider__item-wrapper:after { opacity: 1; } .about-slider__item.slick-center .about-slider__item-wrapper:before { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .about-slider__item.slick-center .about-slider__item-wrapper:before { display: none; } } .about-slider__img { height: 400px; background-position: center; background-size: cover; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .about-slider__img { height: 455px; } } .about-slider__footer { display: none; background: #fff; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .about-slider__footer { display: block; } } .about-slider__title { padding: 30px 30px 22px; font-size: 16px; line-height: 1.6; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .about-slider__title { padding: 30px 30px 22px 67px; } } .about-slider__title-name { display: block; font-weight: 700; } .about-slider__nav-item { position: absolute; top: 217px; width: 50px; height: 50px; border-radius: 50%; border: none; text-align: center; padding: 7px 3px 0 0; opacity: 0.7; background: #ffcc00; z-index: 2; } .about-slider__nav-item:hover, .about-slider__nav-item:focus { opacity: 1; background: #ffcc00; } .about-slider__nav-item svg { fill: #fff; width: 13px; height: 24px; display: inline-block; } .about-slider__nav-item--prev { left: 265px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .about-slider__nav-item--prev { left: 301px; } } @media (max-width: 1023px) { .about-slider__nav-item--prev { left: 44px; } } @media (max-width: 767px) { .about-slider__nav-item--prev { left: -23px; } } @media (max-width: 374px) { .about-slider__nav-item--prev { left: 0; } } .about-slider__nav-item--next { right: 265px; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .about-slider__nav-item--next { right: -5px; } } @media (max-width: 1023px) { .about-slider__nav-item--next { right: 43px; } } @media (max-width: 767px) { .about-slider__nav-item--next { right: -23px; } } @media (max-width: 374px) { .about-slider__nav-item--next { right: 0; } } .about-slider__contacts { background: #ffcc00; display: block; padding: 15px 10px 15px 75px; position: relative; color: #fff; font-weight: 700; font-size: 16px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .about-slider__contacts:hover { opacity: 0.7; } @media (max-width: 1219px) { .about-slider__contacts { padding: 15px 10px 15px 100px; } } .about-slider__contacts:before { content: ''; position: absolute; top: 10px; left: 25px; background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -112px -132px; width: 34px; height: 34px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .about-slider__contacts:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } @media (max-width: 1219px) { .about-slider__contacts:before { left: 50px; } } .reset-animation .about-slider__item { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .reset-animation .about-slider__item .about-slider__img { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .brand-slider__img { width: 100px; height: 100px; max-width: 100%; max-height: 100%; } .banner-slider__item { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .banner-slider__item { overflow: hidden; height: 320px; } } @media (max-width: 767px) { .banner-slider__item { height: auto; } } .banner-slider__link { display: block; position: relative; background: #f1f1f1; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .banner-slider__link { padding: 20px 0 15px; } } .banner-slider__img { max-width: 100%; height: 385px; object-fit: cover; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .banner-slider__img { margin: 0 auto; height: 382px; } } @media (max-width: 767px) { .banner-slider__img { width: auto; height: auto; max-height: 265px; } } @media (max-width: 479px) { .banner-slider__img { width: 100%; height: auto; } } .banner-slider__text { position: absolute; top: 0; left: 0; padding: 40px 35px 0; font-size: 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .banner-slider__text { padding: 32px 30px 0; } } @media (max-width: 767px) { .banner-slider__text { padding: 32px 15px 0; text-align: center; width: 100%; } } @media (max-width: 479px) { .banner-slider__text { text-align: left; } } .banner-slider__text-img { display: inline-block !important; vertical-align: middle; max-width: 160px; margin: 0 33px 0 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .banner-slider__text-img { max-width: 135px; margin: 0 28px 0 0; } } @media (max-width: 767px) { .banner-slider__text-img { max-width: 115px; margin: 0 25px 0 0; } } .banner-slider__title { display: inline-block; vertical-align: middle; width: calc(100% - 193px); font-size: 22px; line-height: 1.1; color: #555555 !important; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .banner-slider__title { font-size: 18px; width: calc(100% - 163px); } } @media (max-width: 767px) { .banner-slider__title { font-size: 16px; width: calc(100% - 140px); max-width: 290px; } } .banner-slider .slick-dots { bottom: 20px; } .benefits { background: #ffcc00; padding: 62px 0 35px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .benefits { padding: 42px 0 30px; } } .benefits-list { font-size: 0; text-align: center; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .benefits-list { padding: 0 60px; } } @media (max-width: 767px) { .benefits-list { padding: 0 10px; } } .benefits-item { display: inline-block; vertical-align: top; font-size: 18px; line-height: 1.7; color: #555555; width: 260px; outline: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .benefits-item { width: 190px; margin: 0 25px; } } @media (max-width: 1023px) { .benefits-item { width: 50%; padding: 0 30px; margin: 0; } } @media (max-width: 479px) { .benefits-item { padding: 0 40px; width: 100%; } } .benefits-item:first-child { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .benefits-item:first-child { width: 210px; margin: 0 25px 0 0; } } @media (max-width: 1023px) { .benefits-item:first-child { width: 50%; margin: 0; } } @media (max-width: 479px) { .benefits-item:first-child { width: 100%; } } .benefits-item:last-child { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .benefits-item:last-child { width: 210px; margin: 0 0 0 25px; } } @media (max-width: 1023px) { .benefits-item:last-child { width: 50%; margin: 0; } } @media (max-width: 479px) { .benefits-item:last-child { width: 100%; } } .benefits-icon { display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; background: #fff; border-radius: 50%; width: 130px; height: 130px; text-align: center; line-height: 130px; } .benefits-title { display: block; } .benefits .slick-arrow { top: calc(50% - 25px); width: 50px; height: 50px; border-radius: 50%; background-color: #fff; background-image: url(/local/templates/d-handle_adaptive/images/slider-arrow.svg); background-size: 30%; background-position: 15px 11px; background-repeat: no-repeat; padding: 0; font-size: 0; position: absolute; } @media screen\0 { .benefits .slick-arrow { background-size: 50%; background-position: 10px 11px; } } .benefits .slick-prev { left: -25px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .benefits .slick-prev { left: 0; } } .benefits .slick-next { right: -25px; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .benefits .slick-next { right: 0; } } .brands-list { font-size: 0; max-width: 820px; padding: 0 0 15px; margin: 0 -30px 0 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .brands-list { margin: 0; } } @media (max-width: 767px) { .brands-list { padding: 0 10px 15px; text-align: center; margin: 0; } } @media (max-width: 374px) { .brands-list { padding: 0; margin: 0 -17px; } } .brands-list__item { font-size: 18px; display: inline-block; vertical-align: top; margin: 0 30px 20px 0; width: calc(25% - 40px); text-align: center; color: #000; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*&:nth-of-type(4n) { margin-right: 0; @include b(desktop) { margin-right: 30px; } @include b(tablet) { margin-right: 58px; } @include b(mobile) { margin-right: 10px; } @include b(375) { margin-right:5px; } } &:nth-of-type(3n) { @include b(desktop) { margin-right: 0; } @include b(mobile) { margin-right: 10px; } @include b(375) { margin-right:5px; } } */ } @media (max-width: 1219px) { .brands-list__item { width: calc(33.33% - 55px); margin: 0 30px 8px 0; } } @media (max-width: 1023px) { .brands-list__item { width: calc(33.33% - 68px); margin: 0 34px 18px; } } @media (max-width: 767px) { .brands-list__item { width: calc(50% - 20px); margin: 0 10px 0; } } @media (max-width: 374px) { .brands-list__item { margin: 0 5px 0; } } .brands-list__item:hover .brands-list__item-img:after { -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3); } .brands-list__item-img { display: table; table-layout: fixed; width: 100%; height: 165px; margin: 0 0 15px; background: #fff; position: relative; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .brands-list__item-img { height: 140px; width: 140px; margin: 0 auto 12px; } } @media (max-width: 374px) { .brands-list__item-img { width: 100%; } } .brands-list__item-img:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .brands-list__item-img-wrapper { display: table-cell; vertical-align: middle; width: 100%; } .brands-list__item-img-wrapper img { max-width: 100%; } .brands-list__item-title { font-weight: 700; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .brands-list__item-title { font-size: 16px; } } .breadcrumbs { font-size: 0; padding: 0; } .breadcrumbs__item { display: inline-block; margin: 0 13px 0 0; font-size: 14px; line-height: 1.9; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .breadcrumbs__item { line-height: 1.7; } } @media (max-width: 767px) { .breadcrumbs__item { display: none; } } .breadcrumbs__item:after { display: inline-block; margin: 0 0 0 13px; content: '/'; color: #8b8b8b; } .breadcrumbs__item:last-child { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .breadcrumbs__item:last-child { display: inline-block; max-width: calc(100% - 130px); margin: 0; } } .breadcrumbs__item:last-child:after { display: none; } .breadcrumbs__item:first-child { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .breadcrumbs__item:first-child { display: inline-block; } } .breadcrumbs__item--dots { display: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .breadcrumbs__item--dots { display: inline-block; } } .breadcrumbs__link { color: #8b8b8b; } .breadcrumbs__link:hover { text-decoration: underline; } .breadcrumbs__last { color: #000; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .breadcrumbs__last { max-width: 100%; display: inline-block; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } .cart-item { padding: 37px 30px 32px 55px; font-size: 0; border-bottom: 1px solid #dfdfdf; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-item { padding: 30px 15px 20px 10px; } } @media (max-width: 767px) { .cart-item { padding: 30px 20px 25px 10px; position: relative; } } .cart-item:first-of-type .cart-item__col-title { display: block; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-item:first-of-type .cart-item__col-title { display: none; } } .cart-item:first-of-type .cart-item__col--discount, .cart-item:first-of-type .cart-item__col--qty { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-item:first-of-type .cart-item__col--discount, .cart-item:first-of-type .cart-item__col--qty { top: 95px; } } @media (max-width: 767px) { .cart-item:first-of-type .cart-item__col--discount, .cart-item:first-of-type .cart-item__col--qty { top: 10px; } } .cart-item__img img { max-width: 100%; } .cart-item__col { display: inline-block; vertical-align: top; font-size: 18px; } .cart-item__col-wrapper { width: calc(100% - 240px); display: inline-block; vertical-align: top; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-item__col-wrapper { width: calc(100% - 230px); } } @media (max-width: 1023px) { .cart-item__col-wrapper { width: calc(100% - 170px); position: relative; } } @media (max-width: 767px) { .cart-item__col-wrapper { width: calc(100% - 90px); } } .cart-item__col-title { display: none; font-size: 14px; line-height: 1.3; color: #8b8b8b; min-height: 40px; padding-bottom: 22px; } .cart-item__col-content { padding-top: 30px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-item__col-content { padding-top: 0; } } .cart-item__col--img { width: 220px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-item__col--img { width: 210px; } } @media (max-width: 1023px) { .cart-item__col--img { width: 150px; } } @media (max-width: 767px) { .cart-item__col--img { width: 90px; } } .cart-item__col--img .cart-item__col-content { padding-top: 0; } .cart-item__col--title { padding: 0 20px 0 45px; width: 33%; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-item__col--title { padding: 0 10px 0 20px; width: 35%; } } @media (max-width: 1023px) { .cart-item__col--title { padding: 0 10px 0 8px; width: 47%; } } @media (max-width: 767px) { .cart-item__col--title { width: 100%; padding: 10px 40px 0 10px; } } .cart-item__col--title .cart-item__col-content { padding-top: 25px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-item__col--title .cart-item__col-content { padding: 0; } } .cart-item__col--price { width: 21%; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-item__col--price { width: 30%; } } @media (max-width: 767px) { .cart-item__col--price { display: none; } } .cart-item__col--discount { width: 12.8%; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-item__col--discount { width: 12%; } } @media (max-width: 1023px) { .cart-item__col--discount { width: 30%; position: absolute; top: 55px; left: 47%; } } @media (max-width: 767px) { .cart-item__col--discount { display: none; } } .cart-item__col--discount .cart-item__col-title { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-item__col--discount .cart-item__col-title { display: none !important; } } .cart-item__col--qty { width: 15.2%; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-item__col--qty { width: 16%; } } @media (max-width: 1023px) { .cart-item__col--qty { width: 22%; position: absolute; top: 55px; left: 77%; } } @media (max-width: 767px) { .cart-item__col--qty { top: 10px; left: auto; right: 0; width: 35px; } } .cart-item__col--qty .cart-item__col-title { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-item__col--qty .cart-item__col-title { display: none !important; } } .cart-item__col--sum { width: 16.5%; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-item__col--sum { width: 16%; } } @media (max-width: 1023px) { .cart-item__col--sum { width: 22%; } } @media (max-width: 767px) { .cart-item__col--sum { width: 100%; padding: 0 0 0 10px; } } .cart-item__col--remove { width: 20px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-item__col--remove { position: absolute; right: 26px; bottom: 28px; } } .cart-item__img { display: table-cell; vertical-align: middle; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-item__img { vertical-align: top; padding-top: 5px; } } @media (max-width: 767px) { .cart-item__img { padding: 0; } } .cart-item__img-wrapper { display: table; table-layout: fixed; width: 100%; height: 220px; background: #fff; text-align: center; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-item__img-wrapper { height: 205px; } } @media (max-width: 767px) { .cart-item__img-wrapper { height: 100px; } } .cart-item__img--empty { background: #f4f3f3; } .cart-item__title { font-size: 18px; line-height: 1.2; color: #000; display: block; max-height: 75px; padding-bottom: 15px; margin-bottom: 5px; overflow: hidden; position: relative; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-item__title { font-size: 14px; max-height: 60px; } } .cart-item__title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 15px; background: rgba(255, 255, 255, 0.2); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(#fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0.2)', endColorstr='#fff ', GradientType=0); } .cart-item__title:hover { color: #555555; } .cart-item__price { display: inline-block; vertical-align: top; color: #555555; font-weight: 900; font-size: 30px; line-height: 1; vertical-align: middle; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-item__price { font-size: 25px; } } .cart-item__price .rubl { font-weight: 500; font-size: 75%; } .cart-item__price-old { display: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-item__price-old { display: inline-block; font-size: 20px; color: #8b8b8b; position: relative; line-height: 1; font-weight: 900; vertical-align: middle; margin: 0 0 0 10px; } } .cart-item__price-old:after { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-item__price-old:after { position: absolute; content: ''; border-bottom: 2px solid #fe4040; bottom: 0; width: 100%; left: 0; bottom: 8px; } } .cart-item__features { padding: 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-item__features { padding: 0 0 8px; } } .cart-item__features-item { display: block; padding: 0 0 5px; line-height: 1.1; font-size: 14px; color: #8b8b8b; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-item__features-item { font-size: 12px; } } @media (max-width: 374px) { .cart-item__features-item { font-size: 0; } } .cart-item__features-link { color: #555555; margin-left: 5px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 374px) { .cart-item__features-link { font-size: 12px; margin-left: 0; } } .cart-item__features-link--id { font-weight: 700; } .cart-item__discount { font-weight: 400; font-size: 30px; color: #555555; line-height: 1; } .cart-item__discount-percent { font-weight: 300; font-size: 18px; } .cart-item__spinner .spinner { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-item__spinner .spinner { width: 35px; text-align: center; } } .cart-item__spinner .spinner__text { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-item__spinner .spinner__text { width: 35px; padding: 5px 0; } } .cart-item__remove { display: block; padding: 0; background: none; border: none; border-radius: 0; width: 18px; height: 24px; position: relative; } .cart-item__remove:before, .cart-item__remove:after { content: ''; position: absolute; bottom: 0; left: 0; } .cart-item__remove:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -116px -94px; width: 18px; height: 21px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .cart-item__remove:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } @media (max-width: 767px) { .cart-item__remove:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -98px -179px; width: 18px; height: 21px; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi) { .cart-item__remove:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } .cart-item__remove:after { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -98px -179px; width: 18px; height: 21px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .cart-item__remove:after { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } @media (max-width: 767px) { .cart-item__remove:after { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -116px -94px; width: 18px; height: 21px; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi) { .cart-item__remove:after { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } .cart-item__remove:hover:after, .cart-item__remove:focus:after { opacity: 0; } .cart-item__remove:hover:before, .cart-item__remove:focus:before { opacity: 1; } .catalog-card { border: 2px solid #fff; -webkit-box-shadow: 0px 0px 0px 1px #e6e6e6; box-shadow: 0px 0px 0px 1px #e6e6e6; padding: 30px 15px 25px; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin: 0 0 32px; background: #fff; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .catalog-card { margin: 0 0 25px; padding: 30px 25px 22px; } } @media (max-width: 1023px) { .catalog-card { margin: 0 0 22px; } } @media (max-width: 767px) { .catalog-card { padding: 0; margin: 0; display: flex; flex-direction: column; height: 100% !important; } } .catalog-card:hover, .catalog-card.favourite { border: 2px solid #ffcc00; -webkit-box-shadow: 0px 0px 0px 1px #ffcc00; box-shadow: 0px 0px 0px 1px #ffcc00; } .catalog-card__wishlist { position: absolute; top: 10px; right: 10px; width: 22px; height: 20px; background: #fff !important; padding: 0 !important; border: none !important; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .catalog-card__wishlist.js-wishlist.favourite:before { opacity: 1; background-image: url("/local/templates/d-handle_adaptive/images/sprite.png"); width: 22px; height: 20px; background-size: 254px 205px; } .catalog-card__wishlist.js-wishlist.favourite:after { opacity: 0; } @media (max-width: 767px) { .catalog-card__wishlist { top: 15px; right: 20px; } } .catalog-card__wishlist:before, .catalog-card__wishlist:after { display: block; content: ''; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; top: 0; left: 0; } .catalog-card__wishlist:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -232px -59px; width: 22px; height: 20px; opacity: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .catalog-card__wishlist:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } .catalog-card__wishlist:after { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -232px -84px; width: 22px; height: 20px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .catalog-card__wishlist:after { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } .catalog-card__wishlist:hover:after { opacity: 0; } .catalog-card__wishlist:hover:before { opacity: 1; } .catalog-card__special { position: absolute; display: flex; gap: 3px; left: -10px; top: 8px; } .product-card__img .catalog-card__special { left: -6px; top: 9px; } .catalog-card__special-item { display: block; color: #fff; text-transform: uppercase; min-width: 37px; text-align: center; padding: 2px 10px; border-radius: 6px 6px 0 6px; font-size: 12px; font-weight: 700; line-height: 16px; } .catalog-card__special-item--discount { background: #FE4040; } .catalog-card__special-item--hit { background: #30847E; } .catalog-card__special-item--new { background: #A4A4A4; } .catalog-card__special-item--exc { background: #a89952; } .catalog-card__img { display: table-cell; vertical-align: middle; } @media (max-width: 767px) { .catalog-card__img { display: block; max-width: 100%; margin: 0; } .catalog-card__special { top: 2px; flex-direction: column; left: 0; } } .catalog-card__img--empty { background: #f4f3f3; } .catalog-card__img-wrapper { display: table; table-layout: fixed; width: 100%; height: 230px; background: #fff; text-align: center; margin: 0 0 20px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .catalog-card__img-wrapper { height: auto; } } .catalog-card__img img { max-width: 100%; display: block; margin: 0 auto; max-height: 230px; object-fit: contain; } .catalog-card__footer { padding: 0 7px; } @media (max-width: 767px) { .catalog-card__footer { padding: 0; height: 100%; display: flex; flex-direction: column; } } .catalog-card__title { font-size: 14px; line-height: 1.2; color: #000; display: block; margin: 0 0 5px; height: auto; min-height: 75px; max-height: 75px; padding: 0 0 10px; overflow: hidden; position: relative; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .catalog-card__title { padding: 0 0 7px; } } @media (max-width: 767px) { .catalog-card__title { min-height: 35px; height: auto; padding: 0; margin: 0 0 10px; word-break: break-all; } } .catalog-card__title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: rgba(255, 255, 255, 0.2); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(#fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0.2)', endColorstr='#fff ', GradientType=0); } .catalog-card__title:hover { color: #555555; } .catalog-card__price { display: flex; align-items: center; vertical-align: top; color: #555555; margin: 0; padding-top: 10px; font-size: 24px; font-weight: 700; line-height: 28px; text-align: left; white-space: nowrap; width: 100%; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .catalog-card__no-price { display: inline-block; color: #555555; font-weight: 900; font-size: 19px; line-height: 0.7; margin: 0; max-width: max-content; width: calc(100% - 100px); vertical-align: center; white-space: nowrap; vertical-align: -webkit-baseline-middle; } .product-card__complect .catalog-card__no-price { width: calc(100% - 200px); } @media (max-width: 767px) { .catalog-card__price { width: 100%; margin: 0 0 12px; padding-top: 0; font-size: 20px; flex-wrap: wrap; } .catalog-card__no-price { margin-bottom: 12px; } } .catalog-card__price-old { display: inline-block; position: relative; font-size: 15px; font-weight: 500; line-height: 18px; color: #9C9C9C; vertical-align: top; } .catalog-card__price-old + .rubl:before { font-size: 15px; font-weight: 500; line-height: 18px; color: #9C9C9C; vertical-align: top; } .catalog-card__price-old:after { position: absolute; content: ''; border-bottom: 2px solid #fe4040; width: 100%; left: 0; bottom: 50%; } .catalog-card .rubl { margin-left: 5px; font-weight: 700; line-height: 28px; } .catalog-card .rubl:before { font-weight: 500; } .catalog-card__purchase { display: inline-block; vertical-align: top; padding: 6px 10px; font-size: 16px; font-weight: 500; line-height: 18px; min-width: 98px; margin: 5px -30px 0 auto; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .catalog-card__purchase { min-width: 145px; } } @media (max-width: 767px) { .catalog-card__purchase { width: 100%; margin: auto 0 10px; font-size: 16px; padding: 4px 10px; min-width: 0; display: flex; align-items: center; justify-content: center; } } .catalog-card__purchase-buy { display: inline-block; } .catalog-card__purchase-incart { display: none; font-size: 15px; } .catalog-card__features { padding: 0; margin-top: 5px; } @media (max-width: 767px) { .catalog-card__features { display: none; } } .catalog-card__features-item { display: block; padding: 0 0 5px; line-height: 1.1; font-size: 14px; color: #8b8b8b; } .catalog-card__features-link { color: #000; margin-left: 5px; } .catalog-card .catalog-card__wishlist.favourite:after { opacity: 0; } .catalog-card .catalog-card__wishlist.favourite:before { opacity: 1; } .catalog-card.incart .catalog-card__purchase-buy { display: none; } .catalog-card.incart .catalog-card__purchase-incart { display: inline-block; } .tags { font-size: 0; } .tags__item { display: inline-block; vertical-align: middle; margin: 0 8px 9px 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .show-tags { font-size: 16px; font-weight: 500; display: inline-block; padding: 6px 10px; color: #000; background: none; border: none; } @media (max-width: 767px) { .tags__item { /*width: 100%;*/ /*margin: 0 0 10px;*/ text-align: center; } .show-tags { display: block; margin: 0 auto; } } .tags__link { padding: 5px 14px 6px; border: 1px solid #ffcc00; border-radius: 25px; font-size: 14px; line-height: 1.5; display: inline-block; color: #8b8b8b; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { /*.tags__link {*/ /*width: 100%; } */ } .tags__link:hover, .tags__link:focus { background: #ffcc00; color: #fff; } .catalog-filters { background: #fefefe; position: relative; height: 100%; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .catalog-filters { padding: 0 20px 0 0; max-height: 100vh; overflow: auto; } } @media (max-width: 767px) { .catalog-filters { padding: 0 20px 0 0; max-height: calc(100vh - 60px); } } @media (max-width: 767px) { .catalog-filters { padding: 0 20px 0 20px; max-width: 340px; margin: 0 auto; } } @media (max-width: 374px) { .catalog-filters { padding: 0 5px; } } .catalog-filters__wrapper { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .catalog-filters__wrapper { min-height: 100%; position: relative; padding-bottom: 65px; } } .catalog-filters__item { border: 1px solid #e6e6e6; border-top: none; } .catalog-filters__item:first-of-type { border-top: 1px solid #e6e6e6; } .catalog-filters__item-title { padding: 13px 24px 10px; font-weight: 700; color: #555555; font-size: 16px; line-height: 2.4; cursor: pointer; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .catalog-filters__item-title:hover { color: #000; } .catalog-filters__item-open { float: right; font-weight: 300; font-size: 28px; line-height: 1.3; } .catalog-filters__item-open, .catalog-filters__item-close { float: right; font-weight: 300; font-size: 28px; line-height: 1.3; } .catalog-filters__item-close { display: none; } .catalog-filters__item.active .catalog-filters__item-close { display: inline-block; } .catalog-filters__item.active .catalog-filters__item-open { display: none; } .catalog-filters__content { display: none; padding: 3px 24px 27px; } .catalog-filters__content--range { padding-top: 8px; } .catalog-filters__content--colors { padding-top: 21px; } .catalog-filters__buttons { padding: 30px 0 20px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .bx-filter-section form { padding-bottom: 80px; } .catalog-filters__buttons { padding: 0 0 0 10px; position: fixed; bottom: 0; } } @media (max-width: 767px) { .catalog-filters__buttons { padding: 30px 0 0; text-align: center; width: 280px; } } @media (max-width: 374px) { .catalog-filters__buttons { width: calc(100% - 10px); } } .catalog-filters__reset { padding: 6px 22px; margin-right: 15px; } .catalog-filters__submit { padding: 6px 22px; width: auto } .catalog-filters__up { position: absolute; bottom: 0; width: 100%; -webkit-transition: border 0.3s ease-out, color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out; transition: border 0.3s ease-out, color 0.3s ease-out, background 0.3s ease-out, opacity 0.3s ease-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .catalog-filters__up { display: none; } } .catalog-filters__up-wrapper { height: 40px; } .catalog-filters__up.fixed { position: fixed; bottom: 20px; width: 280px; opacity: 1; color: #ffcc00; border-color: #ffcc00; } .catalog-filters__open { display: none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .catalog-filters__open { position: absolute; opacity: 0; z-index: -1; min-width: 280px; text-align: center; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .catalog-filters__open.fixed { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .catalog-filters__open.fixed { position: fixed; opacity: 1; z-index: 2; } } .catalog-filters__open.hidden { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .catalog-filters__open.hidden { display: none; } } .catalog-filters__open-btn { background: #ffcc00; -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.23); box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.23); font-size: 18px; border-color: #ffcc00; color: #fff; } .catalog-filters__open-btn:hover, .catalog-filters__open-btn:focus { background: #fff; color: #ffcc00; } .catalog-filters__close { width: 100%; background: #ffcc00 !important; position: relative; margin: 0 0 10px; padding: 5px 33px; color: #000 !important; font-size: 18px; border-radius: 0; text-align: left; font-weight: 300; } .catalog-filters__close-icon { position: absolute; top: 10px; right: 35px; width: 15px; height: 15px; } .filter-colors { font-size: 0; padding: 0 0 25px; } .filter-colors__item { display: inline-block; vertical-align: middle; width: 42px; height: 42px; margin: 0 5px 5px 0; position: relative; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .filter-colors__item { margin: 0 9px 5px 0; } } @media (min-width: 480px) and (max-width: 767px) { .filter-colors__item { margin: 0 5px 5px 0; } } .filter-colors__item:nth-child(5n) { margin-right: 0; } .filter-colors__item .filter-checkbox__tooltip { left: 45px; } .filter-colors input[type="checkbox"] + label { display: inline-block; width: 42px; height: 42px; padding: 0; border-radius: 50%; border: 1px solid transparent; } .filter-colors input[type="checkbox"] + label:before { display: none; } .filter-colors input[type="checkbox"] + label:hover { border: 1px solid #000; } .filter-colors input[type="checkbox"]:checked + label { border: 1px solid #000; } .filter-colors input[type="checkbox"]:checked + .filter-colors__icon { opacity: 1; } .filter-colors__img { width: 100%; height: 100%; border-radius: 50%; } .filter-colors__icon { stroke: #fff; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 14px; height: 13px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 1; } .filter-colors__label--black .filter-colors__icon { stroke: #000; } .filter-colors__form { padding: 0 0 25px; position: relative; } .filter-colors__input { width: 100%; display: block; border-width: 2px; font-size: 12px; line-height: 3; padding: 0 55px 0 15px; } @media screen\0 { .filter-colors__input { height: 40px; } } .filter-colors__btn { width: 43px; height: 40px; border-radius: 50%; background: #ffcc00; border: 2px solid #ffcc00; text-align: center; padding: 0; position: absolute; right: 0; top: 0; } .filter-colors__btn:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -232px -134px; width: 20px; height: 20px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .filter-colors__btn:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } .filter-colors__btn:after { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -232px -159px; width: 20px; height: 20px; opacity: 1; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .filter-colors__btn:after { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } .filter-colors__btn:before, .filter-colors__btn:after { content: ''; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .filter-colors__btn:hover { background: #fff; } .filter-colors__btn:hover:before { opacity: 1; } .filter-colors__btn:hover:after { opacity: 0; } .filter-checkbox { position: relative; } .filter-checkbox-scroll { max-height: 325px; position: relative; } .filter-checkbox__item { position: relative; } .filter-checkbox__tooltip { font-size: 12px; max-width: 180px; text-align: center; color: #8b8b8b; display: none; right: -50px; position: absolute; z-index: 11; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .filter-checkbox__tooltip-wrapper { padding: 13px 15px 11px 32px; display: block; border-left: none; background-image: url("/local/templates/d-handle_adaptive/images/tooltip.svg"); background-size: 100%; background-repeat: no-repeat; position: relative; z-index: 1; } .filter-checkbox__tooltip-title { display: block; line-height: 1.6; } .filter-checkbox__tooltip-value, .filter-checkbox__tooltip-link { color: #000; } .filter-checkbox__tooltip-link { line-height: 1.2; border-bottom: 1px solid #ffcc00; display: inline-block; } .filter-checkbox__tooltip-link:hover { border-bottom: 1px solid transparent; } .filter-checkbox__tooltip:before { content: ''; position: absolute; width: calc(100% - 18px); height: 100%; right: 1px; top: 0; } .range-slider { padding-top: 50px; padding-bottom: 7px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .range-slider { padding-top: 0; } } .range-slider .ui-slider { height: 2px; border: none; background: #ffcc00; margin: 0 0 38px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .range-slider .ui-slider-range { height: 4px; border: none; background: #ffcc00; } .range-slider .ui-slider-handle { width: 23px; height: 23px; border: 2px solid #fff; border-radius: 50%; background: #fff; top: -10px; cursor: pointer; } .range-slider .ui-slider-handle:before { content: ''; display: block; width: 100%; height: 100%; border: 3px solid #ffcc00; background: #fff; border-radius: 50%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .range-slider .ui-slider-handle.ui-state-active, .range-slider .ui-slider-handle.ui-state-hover, .range-slider .ui-slider-handle.ui-state-focus { outline: 0; border: 2px solid #fff; background: #fff; } .range-slider .ui-slider-handle.ui-state-active:before, .range-slider .ui-slider-handle.ui-state-hover:before, .range-slider .ui-slider-handle.ui-state-focus:before { border: 2px solid #ffcc00; background: #ffcc00; } .range-slider .ui-slider-handle:first-of-type { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .range-slider .ui-slider-handle:last-of-type { -webkit-transform: translateX(-12px); -ms-transform: translateX(-12px); transform: translateX(-12px); } .range-slider__tooltip { position: absolute; z-index: 2; width: 25px; height: 32px; padding-top: 6px; top: -36px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .range-slider__tooltip { display: none; } } .range-slider__tooltip-wrapper { position: relative; width: 100%; display: none; } .range-slider__tooltip svg { position: absolute; top: 0; left: -23px; width: 68px; height: 32px; } .range-slider__tooltip-value { font-size: 12px; position: relative; z-index: 1; text-align: center; display: inline-block; left: -23px; position: absolute; width: 68px; color: #000 !important; } .range-slider__form { position: relative; } .range-slider__values { width: 100%; padding: 0 80px 0 15px; border: 2px solid #ffcc00; border-radius: 25px; font-size: 14px; line-height: 2.57; display: inline-block; position: relative; } @media screen\0 { .range-slider__values { height: 42px; line-height: 35px; } } .range-slider__input { border: none; background: none; padding: 0; width: auto; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 2.57; color: #000; width: 42px; text-align: center; } @media screen\0 { .range-slider__input { height: 42px; line-height: 35px; } } .range-slider__btn { position: absolute; right: 0; top: 0; padding: 6px 25px; text-transform: uppercase; height: 40px; } .footer { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .footer-layout { background: #555555; padding: 38px 0 15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .footer-layout { padding: 38px 0 40px; } } @media (max-width: 767px) { .footer-layout { padding: 45px 0 70px; } } .footer__menu { display: inline-block; vertical-align: top; width: calc(50% - 30px); margin: 15px 22px 0 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .footer__menu { width: auto; margin: 15px 0 0 38px; } } @media (max-width: 1023px) { .footer__menu { margin: 7px 0 0 0; } } @media (max-width: 767px) { .footer__menu { margin: 0 0 20px 0; } } .footer__menu:first-of-type { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .footer__menu:first-of-type { display: none; } } .footer__menu-title { font-size: 25px; font-weight: 700; line-height: 1; text-transform: uppercase; padding: 0 0 17px; color: #fff; } .footer__menu-list { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .footer__menu-list { padding: 0 0 20px; } } @media (max-width: 1023px) { .footer__menu-list { padding: 0 0 30px; } } .footer__menu-list-link { color: #fff; font-size: 16px; line-height: 1.9; } .footer__menu-list-link:hover { text-decoration: underline; } .footer__menu-contacts { display: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .footer__menu-contacts { display: block; } } .footer__right { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .footer__right { padding: 5px 0 0 42px; } } @media (max-width: 1023px) { .footer__right { padding: 5px 0 0 22px; } } @media (max-width: 767px) { .footer__right { padding: 26px 0 115px; position: relative; } } .footer__contacts { float: right; width: 195px; margin: 0 -15px 0 55px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .footer__contacts { width: 100%; margin: 0 0 25px 0; } } @media (max-width: 767px) { .footer__contacts { margin: 0 0 27px; } } .footer__contacts-links { margin: 0 0 10px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .footer__contacts-links { display: none; } } .footer__contacts-phone { color: #fff; font-size: 18px; line-height: 1.2; font-weight: 900; display: block; } .footer__contacts-phone:hover { color: #dedede; } .footer__contacts-email { color: #fff; font-size: 14px; line-height: 1.57; display: block; } .footer__contacts-email:hover { color: #dedede; } .footer__contacts-hours { display: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .footer__contacts-hours { display: block; margin: 20px 0 0; } } .footer__contacts-hours-item { display: block; font-size: 12px; color: #fff; } .footer__showroom { color: #fff; font-size: 12px; line-height: 1.9; display: block; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .footer__showroom { width: calc(100% - 205px); display: inline-block; vertical-align: top; margin: -7px 0 0; } } @media (max-width: 1023px) { .footer__showroom { width: calc(100% - 225px); } } @media (max-width: 767px) { .footer__showroom { position: absolute; width: 200px; left: 0; bottom: 0; } .footer__showroom_bottom { bottom: -45px; } } .footer__showroom:hover { text-decoration: underline; } .footer__showroom-title { text-transform: uppercase; font-weight: 500; display: block; } .footer__logo { max-width: 182px; margin: 0 0 15px; display: block; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .footer__logo { display: inline-block; vertical-align: top; margin: 0 17px 0 0; } } @media (max-width: 1023px) { .footer__logo { margin: 0 30px 0 0; } } .footer__logo img { width: 182px; height: auto; } .footer__find-us { float: right; width: 430px; margin: 0 0 0 -15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .footer__find-us { margin: 0; width: 100%; } } .footer__find-us-text { color: #fff; font-size: 14px; line-height: 1.7; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .footer__find-us-text { padding: 0 0 28px; } } @media (max-width: 767px) { .footer__find-us-text { padding: 0 0 10px; } } @media (max-width: 374px) { .footer__find-us-text { font-size: 13px; } } .footer__find-us-metro { font-weight: 700; } .bold { font-weight: bold; } .footer__find-us-icon { width: 15px; height: 16px; fill: #ffcc00; display: inline-block; vertical-align: baseline; margin: 0 3px; } .footer__find-us-icon--trolley { height: 21px; } .footer__find-us-btn { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .footer__find-us-btn { margin: 0 auto 30px; } } .footer__map { width: 100%; height: 240px; margin-bottom: 10px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .footer__map { width: auto; margin: 0 -15px 5px; } } .footer__map > ymaps { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .footer__map > ymaps { width: 100% !important; } } .footer__copyright { font-size: 14px; line-height: 2.57; color: #555555; text-align: right; padding: 8px 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .footer__copyright { text-align: center; line-height: 1.35; padding: 12px 0 10px; } } @media (max-width: 1023px) { .footer { position: relative; -webkit-transition: left 0.5s; transition: left 0.5s; } } .footer.shift { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .footer.shift { left: 320px; } } @media (max-width: 479px) { .footer.shift { left: 100%; } } .header { padding-top: 73px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .header { padding-top: 60px; } } @media (max-width: 1023px) { .header { position: relative; -webkit-transition: left 0.5s; transition: left 0.5s; padding-top: 53px; } } @media (max-width: 767px) { .header { padding-top: 0; position: fixed; z-index: 9; top: 0; left: 0; width: 100%; background: #fefefe; padding-bottom: 3px; } } .header__top { position: absolute; top: 0; left: 0; border-bottom: 2px solid #ffcc00; width: 100%; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (min-width: 768px) { .header__top { display: block !important; } } @media (max-width: 767px) { .header__top { top: auto; display: none; width: calc(50% - 5px); left: 3px; background: #fff; -webkit-box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.45); padding: 20px 0 5px; border-bottom: 5px solid #ffcc00; z-index: 3; margin-top: 5px; } } .header__top-list { padding: 17px 0 0; font-size: 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .header__top-list { padding: 13px 0 0; } } @media (max-width: 767px) { .header__top-list { padding: 0; } } .header__top-list-item { padding: 0 28px 16px 0; display: inline-block; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .header__top-list-item-active { background-color: #FE4040; color: #ffffff; font-size: 14px; line-height: 1; padding: 5px 15px; border-radius: 15px; border: 1px solid #FE4040; transition: all .3s ease-in-out; margin-left: 5px; } .header__top-list-item-active:hover { background-color: #ffffff; border-color: #ffcc00; color: #ffcc00; } .header__top-list-link { color: #555555; font-size: 13px; font-weight: 500; line-height: 14px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1280px) { .header__top-list-item-active { margin-left: 0; } } @media (max-width: 1023px) { .header__top-list-item { padding: 0 7px 12px 0; } .header__top-list-item-active { padding: 5px 11px; font-size: 12px; } .header__top-list-link { font-size: 12px; } } @media (max-width: 767px) { .header__top-list-item { padding: 0 0 17px; display: block; } .header__top-list-item-active { background-color: transparent; font-size: 14px; line-height: 1.3; color: #000; padding: 0; border: none; } .header__top-list-item-active:hover { text-decoration: underline; color: #000; } } @media (max-width: 767px) { .header__top-list-link { font-size: 14px; line-height: 1.3; color: #000; } } .header__top-list-link:hover { text-decoration: underline; } .header-main { font-size: 0; padding: 0 0 20px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .header-main .container { display: flex; align-items: center; justify-content: space-between; } .header-main .container:before, .header-main .container:after { content: none; } @media (max-width: 1219px) { .header-main .container { gap: 10px; } .header-main { padding: 0 0 19px; } } @media (max-width: 1023px) { .header-main { padding: 0 0 19px; } } @media (max-width: 767px) { .header-main { padding: 15px 0 6px; background: #ffcc00; } } @media (max-width: 470px) { .header-main .container { flex-direction: column; } .header-main .container .prods_block { display: flex; justify-content: space-around; } .header-main .container .header__info { margin-top: 10px; margin-bottom: 0; display: flex; justify-content: center; width: 100%; } .js-header__icon--phone { display: none; } .header-main .container .header__search-icon, .header-main .container .header__phone-mobile, .header-main .container .header__wishlist { margin-right: 25px; } } @media (max-width: 420px) { .wa-icon.header__icon { background-color: unset; border-color: unset; border: none; } .header-main .container .header__icon { width: 35px; height: 35px; } } @media (max-width: 767px) { .header-main .container .header__icon svg { width: 22px; height: 22px; overflow: visible; } .header-main .container a.header__icon--search { background: url("/local/templates/d-handle_adaptive/images/search.svg") no-repeat center; } .header-main .container span.header__icon--phone.header__icon { background: url("/local/templates/d-handle_adaptive/images/phone.svg") no-repeat center; } .header-main .container a.header__icon--phone.wa-icon { background-image: url("/local/templates/d-handle_adaptive/images/whatsapp.svg"); background-repeat: no-repeat; background-position: center; } } @media (max-width: 350px) { .header-main .container .header__search-icon, .header-main .container .header__phone-mobile, .header-main .container .header__wishlist { margin-right: 15px; } } .header__logo { display: inline-block; vertical-align: top; width: 200px; margin: 3px 30px 0 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .header__logo { width: 173px; margin: 10px 10px 0 0; } } @media (max-width: 1023px) { .header__logo { width: 113px; margin: 10px 33px 0 0; } } @media (max-width: 767px) { .header__logo { width: 103px; margin: 0 20px 0 0; } } @media (max-width: 374px) { .header__logo { margin: 0; } } .header__showroom { display: inline-block; vertical-align: top; width: 235px; color: #95989a; font-size: 14px; line-height: 1.6; text-decoration: none; margin-right: 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .header__showroom { margin: 13px 0 0 0; width: 205px; } } @media (max-width: 1023px) { .header__showroom { margin: 5px 15px 0 0; line-height: 1.38; } } @media (max-width: 767px) { .header__showroom { display: none; } } .header__showroom-expo { font-weight: 400; padding-left: 15px; margin-left: -15px; position: relative; color: #000; display: block; } .header__showroom span { font-size: 13px; font-weight: 400; line-height: 16px; padding-left: 15px; margin-left: -15px; position: relative; color: #000; display: block; } .header__showroom span + span { margin-top: 18px; } .header__showroom-expo:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -142px -110px; width: 11px; height: 11px; content: ''; position: absolute; left: 1px; top: 0; } .header__showroom-map:before { content: ''; left: 0; top: 5px; background: url('/local/templates/d-handle_adaptive/images/map-icon.svg') no-repeat center/contain; width: 8px; height: 10px; position: absolute; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .header__showroom-expo:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } .header__showroom:hover { text-decoration: underline; } .header__contacts { display: inline-block; vertical-align: top; width: 192px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .header__contacts { width: 180px; } } .header__contacts-links { padding: 0 0 10px; } .header__contacts-phone { font-weight: 900; font-size: 18px; line-height: 1.4; color: #555555; display: block; } .header__contacts-phone:hover { color: #888888; } .header__contacts-email { font-size: 14px; line-height: 1.57; color: #000000; font-weight: 600; } .header__contacts-email:hover { color: #888888; } .header__contacts-hours-item { display: block; font-size: 12px; color: #000000; } .header__info { display: inline-block; vertical-align: top; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .header__info { padding-top: 12px; } } @media (max-width: 767px) { .header__info { padding: 0 7px 0 0; width: calc(100% - 123px); text-align: right; display: flex; justify-content: right; } } @media (max-width: 374px) { .header__info { padding: 0; width: calc(100% - 115px); } } .header__phone-mobile { display: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .header__phone-mobile { display: inline-block; margin: 0 5px 0 0; } } .header__search { display: inline-block; vertical-align: bottom; position: relative; width: 215px; margin: 0 30px 0 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .header__search { width: 186px; margin: 0 12px 0 0; } } @media (max-width: 767px) { .header__search { display: none; } } .header__search-icon { display: none; margin-right: 5px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .header__search-icon { display: inline-block; } } .header__search-mobile { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (min-width: 768px) { .header__search-mobile { display: none !important; } } @media (max-width: 767px) { .header__search-mobile { display: none; } } .header__search-mobile-wrapper { position: relative; padding: 10px 15px 7px; } .header__search-mobile .header__search-text { border-width: 2px; } .header__search-mobile .header__search-btn { top: 11px; right: 16px; } .header__search-text { width: 100%; padding: 11px 60px 11px 15px; border: 1px solid #ffcc00; border-radius: 25px; font-size: 16px; line-height: 1.5; display: inline-block; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media screen\0 { .header__search-text { height: 48px; } } @media (max-width: 1023px) { .header__search-text { padding: 9px 60px 9px 15px; } } @media screen\0 and (max-width: 1023px) { .header__search-text { height: 44px; } } .header__search-text:focus { border: 1px solid #ffcc00; } .header__search-btn { position: absolute !important; right: 0; top: 0; padding: 0; } .header__wishlist, .header__cart { display: inline-block; vertical-align: bottom; } @media (max-width: 767px) { .header__cart { margin-right: 5px; } } .header__wishlist { margin: 0 20px 0 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .header__wishlist { margin: 0 12px 0 0; } } @media (max-width: 767px) { .header__wishlist { margin: 0 5px 0 0; } } .header__icon { width: 48px; height: 48px; border-radius: 50%; background: #ffcc00; border: 2px solid #ffcc00; text-align: center; padding: 0; position: relative; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .header__icon { width: 43px; height: 43px; } } .header__icon-info { width: 30px; height: 30px; position: absolute; border-radius: 50%; background: #a89952; border: 2px solid #fff; right: -17px; top: -14px; font-size: 12px; font-weight: 900; color: #fff; text-align: center; line-height: 27px; z-index: 2; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .header__icon-info { width: 19px; height: 19px; line-height: 20px; font-size: 9px; right: -7px; top: -3px; border: unset; } } .header__icon svg { width: 32px; height: 32px; fill: #fff; stroke: #fff; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header__icon:before, .header__icon:after { content: ''; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header__icon:hover, .header__icon.active { background: #fff; } .header__icon:hover:after, .header__icon.active:after { opacity: 0; } .header__icon:hover svg, .header__icon.active svg { fill: #ffcc00; stroke: #ffcc00; } .header__icon--search { /*&.active { &:before { @include retina-sprite($search-group); } &:after { @include retina-sprite($search-dark-group); } }*/ } .header__icon--search:before { /*background-image: url(/local/templates/d-handle_adaptive/images/sprite.png);*/ /*background-position: -199px -86px;*/ width: 28px; height: 26px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /*.header__icon--search:before {*/ /* background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png);*/ /* background-size: 254px 205px;*/ /*}*/ } .header__icon--search:after { /*background-image: url(/local/templates/d-handle_adaptive/images/sprite.png);*/ /*background-position: -199px -55px;*/ width: 28px; height: 26px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .header__icon--search:after { /*background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png);*/ /*background-size: 254px 205px;*/ } } .header__icon--phone { -webkit-transform: none; -ms-transform: none; transform: none; } .header__icon--wishlist:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -232px -59px; width: 22px; height: 20px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .header__icon--wishlist:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } @media (max-width: 767px) { .header__icon--wishlist:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -34px -179px; width: 29px; height: 26px; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi) { .header__icon--wishlist:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } .header__icon--wishlist:after { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -232px -34px; width: 22px; height: 20px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .header__icon--wishlist:after { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } @media (max-width: 767px) { .header__icon--wishlist:after { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: 0px -179px; width: 29px; height: 26px; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi) { .header__icon--wishlist:after { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } .header__icon--cart:before, .header__icon--cart:after { background-image: url(/local/templates/d-handle_adaptive/images/cart.svg); background-repeat: no-repeat; background-size: cover; width: 21px; height: 19px; } @media (max-width: 767px) { .header__icon--cart:before, .header__icon--cart:after { width: 25px; height: 25px; } } .header__nav { background: #8b8b8b; position: relative; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (min-width: 768px) { .header__nav { display: block !important; } } @media (max-width: 767px) { .header__nav { top: auto; display: none; width: calc(50% - 5px); right: 3px; background: #fff; -webkit-box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.45); padding: 5px 0 0; border-bottom: 5px solid #ffcc00; z-index: 3; margin-top: 5px; position: absolute; min-width: 210px; } } .header__nav .container { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .header__nav .container { padding: 0; } } .header__nav-list { font-size: 0; padding: 0; justify-content: space-between; display: flex; } .header__nav-list-wrapper { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .header__nav-list-wrapper { display: inline-block; } } @media (max-width: 1023px) { .header__nav-list-wrapper { display: inline-block; } } @media (max-width: 767px) { .header__nav-list-wrapper { margin: 0; display: block; max-height: calc(100vh - 150px); overflow: auto; } .header__nav-list { flex-direction: column; } } .header__nav-list-wrapper .mCSB_outside + .mCSB_scrollTools { right: auto; left: -20px; } .header__nav-list-wrapper .mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; } .header__nav-list-item { display: inline-block; vertical-align: middle; padding: 0 10px 0 0; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .header__nav-list-item { padding: 0 18px 0 0; } } @media (max-width: 1023px) { .header__nav-list-item { padding: 0; } } @media (max-width: 767px) { .header__nav-list-item { display: block; padding: 0 0 5px; } } .header__nav-list-item:nth-child(3) .header__dropdown { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .header__nav-list-item:nth-child(3) .header__dropdown { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 767px) { .header__nav-list-item:nth-child(3) .header__dropdown { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } } .header__nav-list-item:nth-child(4) .header__dropdown { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .header__nav-list-item:nth-child(4) .header__dropdown { right: 0; left: auto; } } @media (max-width: 767px) { .header__nav-list-item:nth-child(4) .header__dropdown { left: 0; right: auto; } } .header__nav-list-item:nth-last-child(2) .header__dropdown { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .header__nav-list-item:nth-last-child(2) .header__dropdown { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 767px) { .header__nav-list-item:nth-last-child(2) .header__dropdown { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } } .header__nav-list-item:last-child .header__dropdown { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .header__nav-list-item:last-child .header__dropdown { right: 0; left: auto; } } @media (max-width: 767px) { .header__nav-list-item:last-child .header__dropdown { left: 0; right: auto; } } .header__nav-list-item:hover:before { opacity: 1; } .header__nav-list-item:hover .header__nav-list-link { background: #ffcc00; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .header__nav-list-item.active:before { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .header__nav-list-item.active:before { opacity: 1; } } .header__nav-list-item.active .header__nav-list-link { background: #ffcc00; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .header__nav-list-item--dropdown:before { left: calc(50% - 17px); top: 40px; position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 8.5px 0 8.5px; border-color: #fecd08 transparent transparent transparent; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 10; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .header__nav-list-item--dropdown:before { left: calc(50% - 10px); } } @media (max-width: 767px) { .header__nav-list-item--dropdown:before { display: none; } } .header__nav-list-item--dropdown .header__nav-list-link:before { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .header__nav-list-item--dropdown:hover .header__nav-list-link:before { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .header__nav-list-item--dropdown.active .header__nav-list-link:before { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .header__nav-list-link { font-size: 14px; text-transform: uppercase; color: #fff; line-height: 1; padding: 14px 6px 12px; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .header__dropdown { display: none; position: absolute; /*min-width: 475px;*/ min-width: 210px; left: 0; top: 40px; z-index: 9; background: #fff; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .header__dropdown { position: relative; top: 0; left: 0; width: auto; -webkit-box-shadow: none; box-shadow: none; min-width: 210px; } } .header__dropdown-layout { display: none; z-index: 8; background: rgba(85, 85, 85, 0.53); width: 100vw; height: 100vh; left: 0; top: 40px; position: absolute; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .header__dropdown-layout { display: none !important; } } .header__dropdown-content { display: table; width: 100%; /*min-height: 540px;*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .header__dropdown-content { display: block; } } .header__dropdown-list { font-size: 16px; line-height: 1.5; padding: 19px 12px 5px 22px; border-right: 1px solid #ffcc00; width: calc(100% - 265px); display: table-cell; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .header__dropdown-list { display: block; padding: 10px 15px 0; width: 100%; border: none; } } .header__dropdown-list-item { display: block; padding: 0 0 23px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .header__dropdown-list-item { padding: 0 20px 10px 0; } } .header__dropdown-list-item.active .header__dropdown-list-link { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .header__dropdown-list-item.active .header__dropdown-sublist-trigger:before { content: '\2212'; } .header__dropdown-list-link { color: #555555; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .header__dropdown-list-link:hover { color: #000; } .header__dropdown-qty { color: #8b8b8b; font-size: 12px; margin-left: 8px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .header__dropdown-sublist { display: none; font-size: 16px; padding: 15px 0 0 15px; } .header__dropdown-sublist-trigger { float: right; font-weight: 300; font-size: 28px; line-height: 1; margin-top: -5px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .header__dropdown-sublist-trigger:before { content: '+'; } @media (max-width: 767px) { .header__dropdown-sublist-trigger { font-size: 20px; margin: 2px 0 0; } } .header__dropdown-sublist-item { display: block; line-height: 1.2; padding: 0 0 8px; } .header__dropdown-sublist-link { color: #555555; display: block; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .header__dropdown-sublist-link { font-size: 14px; } } .header__dropdown-sublist-link:hover { color: #000; } .header__dropdown-product { width: 265px; display: table-cell; padding: 20px 0 0; position: absolute; opacity: 0; background: #fff; min-height: 540px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .header__dropdown-product { display: none; } } .header__dropdown-product-title { text-align: right; padding: 0 25px 0; font-weight: 900; color: #555555; font-size: 16px; line-height: 1.4; } .header__dropdown-product-content .catalog-card { border: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding-top: 10px; /*display: none;*/ position: absolute; z-index: 1; } .header__dropdown-product-content .catalog-card__wishlist { display: none; } .header__dropdown-product-content .catalog-card__price { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .header__dropdown-product-content .catalog-card__price { width: calc(100% - 90px); } } .header__dropdown-product-content .catalog-card__purchase { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .header__dropdown-product-content .catalog-card__purchase { margin: 0 -40px 27px 0; min-width: 130px; } } .header__tablet-nav { display: inline-block; vertical-align: middle; width: 44px; height: 40px; float: right; position: relative; } .header__tablet-nav:before { left: 13px; top: 40px; position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 8.5px 0 8.5px; border-color: #fecd08 transparent transparent transparent; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 10; } .header__tablet-nav.active:before { opacity: 1; } .header__tablet-nav.active .header__hamburger-btn { background: #ffcc00; } .header__tablet-nav.active .header__hamburger-btn:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 18px; } .header__tablet-nav.active .header__hamburger-btn:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; } .header__tablet-nav.active .header__hamburger-btn-row { opacity: 0; } .header__tablet-dropdown { display: none; position: absolute; min-width: 205px; right: 0; top: 40px; z-index: 9; background: #fff; } .header__tablet-dropdown .header__dropdown-list { border: none; } .header__tablet-dropdown .header__dropdown-list-link { text-transform: uppercase; font-size: 14px; } .header__hamburger-btn { display: inline-block; position: relative; width: 44px; height: 40px; border-radius: 0; border: none; background: none; padding: 0; } .header__hamburger-btn:hover, .header__hamburger-btn:focus { background: #ffcc00; } .header__hamburger-btn-row, .header__hamburger-btn:before, .header__hamburger-btn:after { content: ''; height: 3px; width: 25px; background: #fff; position: absolute; left: 9px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .header__hamburger-btn-row { top: 13px; } .header__hamburger-btn:before { top: 19px; } .header__hamburger-btn:after { top: 25px; } .header.sticky { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .header.sticky .header-main { display: none; } .header__top-phone { display: none; position: relative; right: -105px; } .header__top-phone span:first-child { border-radius: 50%; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border: 1px solid transparent; transition: .3s; position: absolute; left: -45px; } .header__top-phone a:hover span:first-child { background: transparent; border-color: #43d854; } .header__top-phone a { position: relative; display: flex; gap: 10px; align-items: center; white-space: nowrap; font-size: 13px; font-weight: 700; line-height: 14px; color: #000000; } .header__top-phone a img { transition: .3s; } .header__top-phone a:hover img { filter: brightness(0) saturate(100%) invert(64%) sepia(86%) saturate(399%) hue-rotate(73deg) brightness(94%) contrast(91%); } @media (min-width: 1220px) { .header.sticky .header__top-phone { display: inline-block; } } @media (min-width: 1024px) { .header.sticky { position: fixed; z-index: 9; top: 0; left: 0; width: 100%; padding-top: 50px; background: #fefefe; } .header.sticky .header-main { padding: 0 0 10px; } .header.sticky .header__logo { width: 113px; margin: 0 47px 0 0; } .header.sticky .header__contacts { width: 363px; } .header.sticky .header__search { width: 470px; } .header.sticky .header__contacts-links, .header.sticky .header__contacts-hours { display: inline-block; vertical-align: top; } .header.sticky .header__contacts-links { margin-right: 32px; } .header.sticky .header__info { margin-top: -5px; padding-top: 0; } .header.sticky .header__showroom { display: none; } } .header.sticky .header__top { display: none; } @media (min-width: 1024px) and (max-width: 1219px) { .header.sticky .header__search { width: 288px; } } @media (max-width: 1023px) { .header.sticky { padding-top: 7px; position: fixed; z-index: 9; top: 0; left: 0; width: 100%; background: #fefefe; } .header.sticky .header__top { position: unset; } } @media (max-width: 767px) { .header.sticky { padding-top: 0; } .header.sticky .header-main { display: block; } } .header.shift { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .header.shift { left: 320px; } } @media (max-width: 479px) { .header.shift { left: 100%; } } .header--small { border-bottom: 2px solid #ffcc00; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .header--small { border-bottom: none; } } .header--small .header__nav { display: none !important; } .header--small .header__mobile-nav-btn { width: calc(100% - 6px); margin: 0 3px; } .header--small .header__mobile-nav-btn:nth-of-type(2) { display: none; } .header--small .header__top { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .header--small .header__top { width: calc(100% - 6px); } } .fancybox-active .header.sticky { width: calc(100% - 17px); /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .fancybox-active .header.sticky { width: 100%; } } .overflow-hidden .header__top, .fancybox-active .header__top { width: calc(100% - 17px); /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .overflow-hidden .header__top, .fancybox-active .header__top { width: 100%; } } .pagination { text-align: center; font-size: 0; padding: 0; } .pagination__item { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 374px) { .pagination__item { margin: 0; } } .pagination__item:nth-of-type(6), .pagination__item:nth-of-type(7), .pagination__item:nth-of-type(8) { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .pagination__item:nth-of-type(6), .pagination__item:nth-of-type(7), .pagination__item:nth-of-type(8) { /*display: none; */ } } .pagination__item--dots, .pagination__item--last { display: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .pagination__item--dots, .pagination__item--last { display: inline-block; } } .pagination__item--current .pagination__link { background: #ffcc00; color: #fff; font-weight: 700; } .pagination__item--prev .pagination__link, .pagination__item--next .pagination__link { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .pagination__item--prev .pagination__link, .pagination__item--next .pagination__link { font-size: 0; } } .pagination__item--prev .pagination__link:before, .pagination__item--next .pagination__link:before { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .pagination__item--prev .pagination__link:before, .pagination__item--next .pagination__link:before { font-size: 18px; } } .pagination__item--prev .pagination__link:before { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .pagination__item--prev .pagination__link:before { content: '<'; } } .pagination__item--next .pagination__link:before { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .pagination__item--next .pagination__link:before { content: '>'; } } .pagination__link { border-radius: 25px; padding: 9px 15px; font-size: 18px; line-height: 1; color: #000; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 374px) { .pagination__link { font-size: 16px; padding: 7px 12px; } } .pagination__link:hover { background: #ffcc00; color: #fff; } .popup { display: none; -webkit-box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.2); border-radius: 15px; padding: 55px 30px 40px; max-width: 450px; color: #555555; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .popup { padding: 25px 15px 20px; width: calc(100% - 30px); } } .popup .fancybox-close-small { display: none; } .popup__close { position: absolute; top: 7px; right: 7px; width: 33px; height: 33px; border-radius: 50%; background: #fff; border-width: 1px; text-align: center; padding: 5px 0 0; border: none; } .popup__close-icon { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 17px; height: 17px; fill: #ffcc00; } .popup__close:hover, .popup__close:focus { background: #ffcc00; } .popup__close:hover .popup__close-icon, .popup__close:focus .popup__close-icon { fill: #fff; } .popup__title { font-weight: 300; padding: 0 0 15px; color: #555555; font-size: 24px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .popup__title.h3 { text-transform: uppercase; } @media (max-width: 767px) { .popup__title { font-size: 18px; } } .popup__text { line-height: 1.2; padding: 0 0 42px; } .popup__callback { font-size: 0; position: relative; } .popup__callback-input { width: 100%; border-color: #ffcc00; border-width: 2px; border-radius: 55px; font-size: 21px; line-height: 1.3; padding: 18px 30px; padding-right: 140px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .popup__callback-input:focus { border-color: #ffcc00; } .popup__callback-input-box { width: 100%; } @media (max-width: 767px) { .popup__callback-input { padding: 10px 15px; border-width: 1px; border-radius: 25px; font-size: 16px; padding-right: 100px; } } @media (max-width: 375px) { .popup__callback-input { font-size: 14px; } } .popup__callback-btn { position: absolute; right: 1px; top: 1px; padding: 18px; border-radius: 45px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .popup__callback-btn { padding: 8px 10px 7px; font-size: 16px; border-radius: 25px; } } .fancybox-bg { background: #fff; } .fancybox-is-open .fancybox-bg { opacity: .3; } #preloader { position: fixed; margin: 0 auto; top: 0; bottom: 0; right: 0; left: 0; background: #fff; z-index: 9999; } #preloader .preloader-wrapper { position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; } /* @license Copyright (c) 2014 The Polymer Project Authors. All rights reserved. This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as part of the polymer project is also subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt */ /**************************/ /* STYLES FOR THE SPINNER */ /**************************/ /* * Constants: * STROKEWIDTH = 3px * ARCSIZE = 270 degrees (amount of circle the arc takes up) * ARCTIME = 1333ms (time it takes to expand and contract arc) * ARCSTARTROT = 216 degrees (how much the start location of the arc * should rotate each time, 216 gives us a * 5 pointed star shape (it's 360/5 * 3). * For a 7 pointed star, we might do * 360/7 * 3 = 154.286) * CONTAINERWIDTH = 28px * SHRINK_TIME = 400ms */ .preloader-wrapper.small { width: 36px; height: 36px; } .preloader-wrapper.big { width: 64px; height: 64px; } .preloader-wrapper.active { /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */ -webkit-animation: container-rotate 1568ms linear infinite; animation: container-rotate 1568ms linear infinite; } @-webkit-keyframes container-rotate { to { -webkit-transform: rotate(360deg); } } @keyframes container-rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-layer { position: absolute; width: 100%; height: 100%; opacity: 0; border-color: #ffcc00; } .spinner-blue, .spinner-blue-only { border-color: #4285f4; } .spinner-red, .spinner-red-only { border-color: #db4437; } .spinner-yellow, .spinner-yellow-only { border-color: #f4b400; } .spinner-green, .spinner-green-only { border-color: #0f9d58; } /** * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee): * * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't * guarantee that the animation will start _exactly_ after that value. So we avoid using * animation-delay and instead set custom keyframes for each color (as redundant as it * seems). * * We write out each animation in full (instead of separating animation-name, * animation-duration, etc.) because under the polyfill, Safari does not recognize those * specific properties properly, treats them as -webkit-animation, and overrides the * other animation rules. See https://github.com/Polymer/platform/issues/53. */ .active .spinner-layer.spinner-blue { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-red { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-yellow { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer.spinner-green { /* durations: 4 * ARCTIME */ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .spinner-layer, .active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only { /* durations: 4 * ARCTIME */ opacity: 1; -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @-webkit-keyframes fill-unfill-rotate { 12.5% { -webkit-transform: rotate(135deg); } /* 0.5 * ARCSIZE */ 25% { -webkit-transform: rotate(270deg); } /* 1 * ARCSIZE */ 37.5% { -webkit-transform: rotate(405deg); } /* 1.5 * ARCSIZE */ 50% { -webkit-transform: rotate(540deg); } /* 2 * ARCSIZE */ 62.5% { -webkit-transform: rotate(675deg); } /* 2.5 * ARCSIZE */ 75% { -webkit-transform: rotate(810deg); } /* 3 * ARCSIZE */ 87.5% { -webkit-transform: rotate(945deg); } /* 3.5 * ARCSIZE */ to { -webkit-transform: rotate(1080deg); } /* 4 * ARCSIZE */ } @keyframes fill-unfill-rotate { 12.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg); } /* 0.5 * ARCSIZE */ 25% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } /* 1 * ARCSIZE */ 37.5% { -webkit-transform: rotate(405deg); transform: rotate(405deg); } /* 1.5 * ARCSIZE */ 50% { -webkit-transform: rotate(540deg); transform: rotate(540deg); } /* 2 * ARCSIZE */ 62.5% { -webkit-transform: rotate(675deg); transform: rotate(675deg); } /* 2.5 * ARCSIZE */ 75% { -webkit-transform: rotate(810deg); transform: rotate(810deg); } /* 3 * ARCSIZE */ 87.5% { -webkit-transform: rotate(945deg); transform: rotate(945deg); } /* 3.5 * ARCSIZE */ to { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); } /* 4 * ARCSIZE */ } @-webkit-keyframes blue-fade-in-out { from { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @keyframes blue-fade-in-out { from { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes red-fade-in-out { from { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } @keyframes red-fade-in-out { from { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } } @-webkit-keyframes yellow-fade-in-out { from { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } } @keyframes yellow-fade-in-out { from { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } } @-webkit-keyframes green-fade-in-out { from { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes green-fade-in-out { from { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } /** * Patch the gap that appear between the two adjacent div.circle-clipper while the * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11). */ .gap-patch { position: absolute; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; } .gap-patch .circle { width: 1000%; left: -450%; } .circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; } .circle-clipper .circle { width: 200%; height: 100%; border-width: 3px; /* STROKEWIDTH */ border-style: solid; border-color: inherit; border-bottom-color: transparent !important; border-radius: 50%; -webkit-animation: none; animation: none; position: absolute; top: 0; right: 0; bottom: 0; } .circle-clipper.left .circle { left: 0; border-right-color: transparent !important; -webkit-transform: rotate(129deg); -ms-transform: rotate(129deg); transform: rotate(129deg); } .circle-clipper.right .circle { left: -100%; border-left-color: transparent !important; -webkit-transform: rotate(-129deg); -ms-transform: rotate(-129deg); transform: rotate(-129deg); } .active .circle-clipper.left .circle { /* duration: ARCTIME */ -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .active .circle-clipper.right .circle { /* duration: ARCTIME */ -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @-webkit-keyframes left-spin { from { -webkit-transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); } } @keyframes left-spin { from { -webkit-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); transform: rotate(130deg); } } @-webkit-keyframes right-spin { from { -webkit-transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); } } @keyframes right-spin { from { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } } #spinnerContainer.cooldown { /* duration: SHRINK_TIME */ -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); } @-webkit-keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } .product-card__slider { height: 375px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .product-card-slider-arrow, .product-card-slider-arrow-next { background: url('/local/templates/d-handle_adaptive/images/arrow1.png') no-repeat; height: 28px; width: 15px; top: 45%; position: absolute; cursor: pointer; z-index: 2; } .product-card-slider-arrow-next { right: 0; background: url('/local/templates/d-handle_adaptive/images/arrow.png') no-repeat; } @media (max-width: 1219px) { .product-card__slider { height: 315px; } } @media (max-width: 1023px) { .product-card__slider { height: 295px; } } .product-card__slider-item { height: 375px; text-align: center; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .product-card__slider-item { height: 315px; } } @media (max-width: 1023px) { .product-card__slider-item { height: 295px; } } .product-card__slider a { display: inline-block; /*width: 100%;*/ max-height: 100%; text-align: center; height: 100%; } .product-card__slider img { /*height: 375px;*/ width: auto; max-width: 100%; display: inline-block; vertical-align: middle; object-fit: contain; height: 100%; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .product-card__slider img { height: 315px; } } @media (max-width: 1023px) { .product-card__slider img { height: 295px; } } .product-card__slider .slick-dots { text-align: left; bottom: 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .product-card__slider .slick-dots { bottom: -45px; } } @media (max-width: 1023px) { .product-card__slider .slick-dots { bottom: -25px; } } @media (max-width: 767px) { .product-card__slider .slick-dots { text-align: center; } } .product-complect__title { font-weight: 300; padding: 0 0 23px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .product-complect__title { font-size: 16px; padding: 0 20px 15px; } } @media (max-width: 374px) { .product-complect__title { padding: 0 0 15px; } } .product-complect__slider { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .product-complect__slider { margin: 0 -8px; } } .catalog-card--complect { -webkit-box-shadow: 0px 0px 0px 1px #fff; box-shadow: 0px 0px 0px 1px #fff; padding: 20px 15px 0 20px; margin: 0 0 5px; display: table; width: 100%; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .catalog-card--complect { display: block; padding: 50px 15px 25px 20px; margin: 0 8px; } } @media (max-width: 374px) { .catalog-card--complect { padding: 20px 10px 25px 10px; } } .catalog-card--complect .catalog-card__wishlist { right: auto; left: 123px; top: 13px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .catalog-card--complect .catalog-card__wishlist { left: 160px; } } @media (max-width: 767px) { .catalog-card--complect .catalog-card__wishlist { left: auto; right: 20px; } } .catalog-card--complect .catalog-card__special { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .catalog-card--complect .catalog-card__special { left: 25px; } } @media (max-width: 767px) { .catalog-card--complect .catalog-card__special { left: -10px; } } .catalog-card--complect .catalog-card__img-wrapper { display: table-cell; vertical-align: middle; width: 145px; height: auto; margin: 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .catalog-card--complect .catalog-card__img-wrapper { width: 185px; padding: 0 15px 0 0; } } @media (max-width: 767px) { .catalog-card--complect .catalog-card__img-wrapper { display: block; width: 140px; float: left; } } @media (max-width: 374px) { .catalog-card--complect .catalog-card__img-wrapper { width: calc(100% - 50px); float: none; padding: 0; margin: 10px auto; display: table; table-layout: fixed; } } .catalog-card--complect .catalog-card__img { display: inline-block; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 374px) { .catalog-card--complect .catalog-card__img { display: table-cell; vertical-align: middle; text-align: center; } } .catalog-card--complect .catalog-card__img img { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media screen\0 { .catalog-card--complect .catalog-card__img img { max-width: 145px; } } @media (max-width: 374px) { .catalog-card--complect .catalog-card__img img { height: 120px; width: auto; } } .catalog-card--complect .catalog-card__footer { padding: 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .catalog-card--complect .catalog-card__footer { width: calc(100% - 50px); float: right; } } @media (max-width: 374px) { .catalog-card--complect .catalog-card__footer { width: 100%; float: none; padding: 0 25px; } } .catalog-card--complect .catalog-card__features { padding: 0 0 10px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .catalog-card--complect .catalog-card__features { padding: 0 0 5px; } } .catalog-card--complect .catalog-card__features-link { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .catalog-card--complect .catalog-card__features-link { display: block; margin: 0 0 5px; } } .catalog-card--complect .catalog-card__price { width: calc(100% - 200px); /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .catalog-card--complect .catalog-card__price { width: 150px; } } @media (max-width: 767px) { .catalog-card--complect .catalog-card__price { display: block; margin: 0 0 12px 0; padding-top: 0; width: auto; } } .catalog-card--complect .product-card__purchase-qty { padding: 10px; margin: 0 0 20px -5px; width: 200px; display: inline-block; vertical-align: middle; position: relative; min-height: 49px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .catalog-card--complect .product-card__purchase-qty { float: right; margin: 5px 0 15px 0; } } @media (max-width: 767px) { .catalog-card--complect .product-card__purchase-qty { float: none; margin: 5px 0 20px 0; width: 270px; } } @media (max-width: 479px) { .catalog-card--complect .product-card__purchase-qty { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 374px) { .catalog-card--complect .product-card__purchase-qty { position: relative; } } .catalog-card--complect .product-card__purchase-btn { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .catalog-card--complect .product-card__purchase-btn { margin-left: 0; } } .catalog-card--complect .catalog-card__img--empty { width: calc(100% - 20px); height: 120px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .catalog-card--complect .catalog-card__img--empty { width: 100%; } } .catalog-card--complect.incart .product-card__purchase-btn { left: 0; top: 10px; position: absolute; z-index: 1; width: 100%; } .product-slider { font-size: 0; margin: -50px 0 0; width: 100%; padding-bottom: 15px; /*.mCSB_draggerContainer { @include b(tablet) { display: none; } } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { bottom: 570px; width:15px; height: 28px; background: none; background-image: url('/local/templates/d-handle_adaptive/images/slider-arrow.svg'); background-size: 100%; background-repeat: no-repeat; opacity: 1!important; text-decoration: none; background-position: 0 0; background-repeat: no-repeat; @include b(tablet) { bottom: 280px; width:50px; height: 50px; border-radius: 50%; background-color: $yellow; background-image: url('/local/templates/d-handle_adaptive/images/slider-arrow-white.svg'); background-size: 30%; background-position: 15px 11px; } &:hover, &:focus { background: none; background-image: url('/local/templates/d-handle_adaptive/images/slider-arrow.svg'); border: none; opacity: 1!important; @include b(tablet) { background-color: $yellow; background-image: url('/local/templates/d-handle_adaptive/images/slider-arrow-white.svg'); background-size: 30%; background-position: 15px 11px; background-repeat: no-repeat; } } } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left:calc(100% - 68px); @include b(tablet) { left:0; } } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { transform: scale(-1, 1); right: 13px; @include b(tablet) { right:0; } }*/ } .product-slider__wrapper { width: calc(100% - 4px); margin-left: -8px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .product-slider__wrapper { width: auto; margin: 0 -8px; } } @media (max-width: 767px) { .product-slider__wrapper { position: relative; margin: 0 -10px 0; } } .product-slider__item { display: inline-block; vertical-align: top; margin: 60px 0 0 0; width: 25%; padding: 0 8px 0 8px; white-space: normal; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .product-slider__item { width: 33.33%; padding: 0 12px 0 8px; } } @media (max-width: 1023px) { .product-slider__item { width: 50%; padding: 0 15px 0 8px; } } @media (max-width: 767px) { .product-slider__item { padding: 0 8px 0 12px; } } @media (max-width: 479px) { .product-slider__item { width: 100%; } } .product-slider__item .catalog-card { margin: 0 0 5px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 479px) { .product-slider__item .catalog-card { padding-bottom: 50px; } } .product-slider__item .catalog-card__price { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .product-slider__item .catalog-card__price { width: calc(100% - 100px); } } @media (max-width: 1023px) { .product-slider__item .catalog-card__price { width: calc(100% - 140px); } } .product-slider__more { text-align: center; margin: 5px 0 0; } .product-slider__navigation { position: relative; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 479px) { .product-slider__navigation { display: none; } } .product-slider__navigation .swiper-button-next, .product-slider__navigation .swiper-button-prev { position: absolute; top: 0; width: 15px; height: 28px; background: none; background-image: url("/local/templates/d-handle_adaptive/images/slider-arrow.svg"); background-size: 100%; background-repeat: no-repeat; opacity: 1; text-decoration: none; background-position: 0 0; background-repeat: no-repeat; margin-top: 0; z-index: 8; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .product-slider__navigation .swiper-button-next, .product-slider__navigation .swiper-button-prev { top: auto; bottom: -340px; width: 50px; height: 50px; border-radius: 50%; background-color: #ffcc00; background-image: url("/local/templates/d-handle_adaptive/images/slider-arrow-white.svg"); background-size: 30%; background-position: 15px 11px; } } @media screen\0 and (max-width: 1023px) { .product-slider__navigation .swiper-button-next, .product-slider__navigation .swiper-button-prev { background-size: 50%; background-position: 10px 12px; } } .product-slider__navigation .swiper-button-next:hover, .product-slider__navigation .swiper-button-next:focus, .product-slider__navigation .swiper-button-next.swiper-button-disabled, .product-slider__navigation .swiper-button-prev:hover, .product-slider__navigation .swiper-button-prev:focus, .product-slider__navigation .swiper-button-prev.swiper-button-disabled { background: none; background-image: url("/local/templates/d-handle_adaptive/images/slider-arrow.svg"); border: none; opacity: 0.7; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .product-slider__navigation .swiper-button-next:hover, .product-slider__navigation .swiper-button-next:focus, .product-slider__navigation .swiper-button-next.swiper-button-disabled, .product-slider__navigation .swiper-button-prev:hover, .product-slider__navigation .swiper-button-prev:focus, .product-slider__navigation .swiper-button-prev.swiper-button-disabled { background-color: #ffcc00; background-image: url("/local/templates/d-handle_adaptive/images/slider-arrow-white.svg"); background-size: 30%; background-position: 15px 11px; background-repeat: no-repeat; } } @media screen\0 and (max-width: 1023px) { .product-slider__navigation .swiper-button-next:hover, .product-slider__navigation .swiper-button-next:focus, .product-slider__navigation .swiper-button-next.swiper-button-disabled, .product-slider__navigation .swiper-button-prev:hover, .product-slider__navigation .swiper-button-prev:focus, .product-slider__navigation .swiper-button-prev.swiper-button-disabled { background-size: 50%; background-position: 10px 12px; } } .product-slider__navigation .swiper-button-next { right: 8px; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .product-slider__navigation .swiper-button-next { right: -7px; } } @media (max-width: 767px) { .product-slider__navigation .swiper-button-next { right: 0; } } .product-slider__navigation .swiper-button-prev { right: 48px; left: auto; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .product-slider__navigation .swiper-button-prev { right: auto; left: -12px; } } @media (max-width: 767px) { .product-slider__navigation .swiper-button-prev { left: 0; } } .product-slider__dots { display: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 479px) { .product-slider__dots { text-align: center; position: absolute; bottom: 40px; width: 100%; display: block; } } .product-slider__dots-arrow { background-image: url("/local/templates/d-handle_adaptive/images/slider-arrow.svg"); background-size: 100%; background-repeat: no-repeat; width: 8px; height: 15px; display: inline-block; vertical-align: middle; position: relative; left: auto; right: auto; margin: 0 2px; } .product-slider__dots-arrow--next { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .product-slider__dots-arrow:hover, .product-slider__dots-arrow:focus, .product-slider__dots-arrow.swiper-button-disabled { background-size: 100%; } .product-slider__dots .swiper-pagination { display: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 479px) { .product-slider__dots .swiper-pagination { display: inline-block; width: auto; position: relative; } } .product-slider__dots .swiper-pagination-bullet { background: #ffcc00; opacity: 1; border-radius: 4px; margin: 0 2px; } .product-slider__dots .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; } .reviews-list { font-size: 18px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .reviews-list { padding: 0 20px; } } @media (max-width: 374px) { .reviews-list { padding: 0; } } .reviews-list__item { padding: 0 0 42px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .reviews-list__item { font-size: 14px; padding: 0; line-height: 1.45; } } .reviews-list__item-title { padding: 0 0 15px; font-weight: 500; } .sort-order { font-size: 0; text-align: right; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .sort-order { position: relative; text-align: left; } } .sort-order__list { vertical-align: middle; padding: 0 0 0 15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (min-width: 768px) { .sort-order__list { display: inline-block !important; } } @media (max-width: 1219px) { .sort-order__list { padding: 0; } } @media (max-width: 767px) { .sort-order__list { display: none; position: absolute; border: 1px solid #CCC; background: #F9F9F9; width: calc(50% - 12px); z-index: 1; top: 30px; left: 0; } } .sort-order__item { display: inline-block; vertical-align: middle; margin: 0 18px 15px 0; font-size: 16px; color: #555555; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .sort-order__item { margin: 0 18px 18px 0; } } @media (max-width: 1023px) { .sort-order__item { margin: 0 10px 18px 0; } } @media (max-width: 767px) { .sort-order__item { border-top: 1px solid #FFF; border-bottom: 1px solid #EEE; font-size: 14px; padding: 5px 7px; display: block; margin: 0; } } .sort-order__item input[type="checkbox"] + label, .sort-order__item input[type="radio"] + label { padding: 0; font-size: 16px; line-height: 1.3; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .sort-order__item input[type="checkbox"] + label, .sort-order__item input[type="radio"] + label { font-size: 14px; margin: 5px 0; } } .sort-order__item input[type="checkbox"] + label:before, .sort-order__item input[type="radio"] + label:before { display: none; } .sort-order__item input[type="checkbox"] + label:after, .sort-order__item input[type="radio"] + label:after { height: 1px; position: absolute; width: 100%; bottom: 0; left: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .sort-order__item input[type="checkbox"] + label .sort-order__icon, .sort-order__item input[type="radio"] + label .sort-order__icon { width: 13px; height: 13px; position: absolute; top: 3px; left: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .sort-order__item input[type="checkbox"]:checked + label, .sort-order__item input[type="radio"]:checked + label, .sort-order__item label:hover { color: #000; } .sort-order__item input[type="checkbox"]:checked + label:before, .sort-order__item input[type="radio"]:checked + label:before, .sort-order__item label:hover:before { display: none; } .sort-order__item input[type="checkbox"]:checked + label:after, .sort-order__item input[type="radio"]:checked + label:after, .sort-order__item label:hover:after { background: #ffcc00; } .sort-order__item--price input[type="checkbox"] + label { padding-left: 20px; } /*.sort-order__item--price input[type="checkbox"] + label .sort-order__icon { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1);*/ .sort-order__item--price input[type="checkbox"] + label .sort-order__icon.checked { transform: scale(1, -1); } .sort-order__qty { display: inline-block; vertical-align: middle; margin: 0 0 15px 0; font-size: 16px; color: #555555; padding: 0 15px 2px 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .sort-order__qty { margin: 0 0 18px 0; padding: 0 12px 2px 0; } } @media (max-width: 1023px) { .sort-order__qty { margin: 0 0 18px 0; } } @media (max-width: 767px) { .sort-order__qty { text-align: right; width: 50%; padding: 0; } } @media (max-width: 374px) { .sort-order__qty { font-size: 14px; } } .sort-order__qty-title { display: inline-block; vertical-align: middle; margin: 0 3px 0 0; } .sort-order__qty .selectric-wrapper { width: auto; margin: 0; display: inline-block; vertical-align: middle; } .sort-order__qty .selectric { border: none; background: none; } .sort-order__qty .selectric .label { font-size: 16px; color: #555555; padding: 0; margin: 0 15px 0 0; } .sort-order__qty .selectric .button { top: 6px; right: 0; width: 9px; height: 6px; color: transparent; background-image: url(/local/templates/d-handle_adaptive/images/chevron-down.svg); background-size: 100%; background-repeat: no-repeat; font-size: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .sort-order__qty .selectric .button:after { display: none; } .sort-order__qty .selectric-open .selectric .button { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); top: 5px; } .sort-order__qty .selectric-items li { text-align: center; font-size: 14px; padding: 5px 3px; } .sort-order__filter { display: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .sort-order__filter { padding: 5px 19px; font-size: 12px; margin: 0 15px 18px 0; display: inline-block; vertical-align: middle; } } @media (max-width: 767px) { .sort-order__filter { display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; background: #ECECEC; font-size: 12px; font-weight: 700; line-height: 14.06px; text-transform: uppercase; color: #000000; opacity: 0; z-index: -1; width: 100%; border: unset; border-radius: unset; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 13px 0; } .sort-order__filter.fixed { position: fixed; width: auto; width: -moz-available; left: 30px; right: 30px; top: 77px; margin: 0; transition: none; } } @media (max-width: 470px) { .sort-order__filter.fixed { top: 121px; } } .sort-order__filter.visible { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .sort-order__filter.visible { opacity: 1; z-index: 2; } } .sort-order__filter:before { content: attr(data-title); /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .sort-order__filter:before { content: attr(data-title-mobile); } .sort-order__filter:after { content: ' '; background: url('/local/templates/d-handle_adaptive/./images/filter-icon.svg') no-repeat center; width: 15px; height: 10px; display: inline-block; margin-right: 9px; } } .sort-order__title { display: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .sort-order__title { display: inline-block; width: 50%; font-size: 16px; cursor: pointer; padding: 0 0 18px; } } @media (max-width: 374px) { .sort-order__title { font-size: 14px; } } .sort-order__title-icon { display: inline-block; vertical-align: middle; width: 9px; height: 6px; margin: 0 0 0 3px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .sort-order__title.active .sort-order__title-icon { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .button-tabs__nav-item { margin: 0 25px 30px 0; padding: 6px 37px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .button-tabs__nav-item { margin: 0 20px 30px 0; padding: 6px 25px; } } @media (max-width: 1023px) { .button-tabs__nav-item { margin: 0 20px 20px 0; } } .button-tabs__item { display: none; } .button-tabs__item.active { display: block; } .link-tabs__nav-item { border: none; border-bottom: 1px solid transparent; color: #000; background: none; line-height: 1.2; font-size: 20px; font-weight: 500; padding: 0; margin: 0 17px 5px; display: inline-block; vertical-align: middle; border-radius: 0; background: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .link-tabs__nav-item.active, .link-tabs__nav-item:hover, .link-tabs__nav-item:focus { border-bottom: 1px solid #ffcc00; background: none; } .link-tabs__nav-item:last-child { margin-right: 0; } .link-tabs__nav--gray .link-tabs__nav-item { text-transform: uppercase; border-width: 2px; margin: 0 35px 20px 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .link-tabs__nav--gray .link-tabs__nav-item { font-size: 20px; } } @media (max-width: 767px) { .link-tabs__nav { gap: 15px; display: flex; flex-direction: column; } .link-tabs__nav--gray .link-tabs__nav-item { font-size: 15px; margin: 0; max-width: fit-content; } } .link-tabs__nav--gray .link-tabs__nav-item:not(.active) { color: #8b8b8b; } .link-tabs__nav--gray .link-tabs__nav-item:not(.active):hover { border-bottom-color: #8b8b8b; } .link-tabs__nav--gray .link-tabs__nav-item:last-child { margin-right: 0; } .link-tabs__content { display: none; } .link-tabs__content.active { display: block; } .about-content { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .about-content { margin: 0 -7px; } } @media (max-width: 1023px) { .about-content { margin: 0; } } .about-title { padding: 0 0 30px 11px !important; line-height: 1.3 !important; margin-top: -5px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .about-title { margin: 0; padding: 0 0 37px !important; line-height: 1.2 !important; max-width: 500px; } } @media (max-width: 1023px) { .about-title { max-width: none; } } @media (max-width: 767px) { .about-title { padding: 0 0 20px 20px !important; } } .about-text { padding: 0 15px 20px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .about-text { padding: 0 15px 30px; } } @media (max-width: 1023px) { .about-text { padding: 0 0 20px; } } @media (max-width: 767px) { .about-text { padding: 0 20px 13px; } } .about-text q, .about-text blockquote { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .about-text q, .about-text blockquote { margin: 15px -20px 25px; } } .about-table { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .about-table { margin: 0 0 50px !important; } } @media (max-width: 767px) { .about-table { margin: 0 0 35px !important; } } .about-sertificates { padding: 30px 25px 30px 25px !important; /*&__nav { &-item { position: absolute; top:calc(50% - 25px); width:50px; height: 50px; border-radius: 50%; border: none; text-align: center; padding:7px 3px 0 0; opacity: 0.7; background: $yellow; z-index: 2; &:hover, &:focus { opacity: 1; background: $yellow; } svg { fill: $white; width:13px; height: 24px; display: inline-block; } &--prev { left:-15px; } &--next { right:-15px; transform: scale(-1, 1); } } }*/ } .about-sertificates__item { padding: 0 0 35px; width: 100%; } .about-sertificates__item-title { padding: 0 0 27px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .about-sertificates__item-title { font-size: 14px; padding: 0 0 20px; } } .about-sertificates__slider { font-size: 0; width: 100%; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .about-sertificates__slider { padding: 0 30px; } } .about-sertificates__slider .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: 0; margin-right: 0; } .about-sertificates__slider .slick-arrow { position: absolute; opacity: 1; background-position: 0 0; background-repeat: no-repeat; margin-top: 0; top: calc(50% - 25px); width: 50px; height: 50px; border-radius: 50%; background-color: #ffcc00; background-image: url("/local/templates/d-handle_adaptive/images/slider-arrow-white.svg"); background-size: 30%; background-position: 15px 11px; padding: 0; font-size: 0; z-index: 1; } .about-sertificates__slider .slick-arrow:hover, .about-sertificates__slider .slick-arrow:focus { opacity: 0.7; } .about-sertificates__slider .slick-next { right: -25px; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .about-sertificates__slider .slick-prev { left: -25px; } .about-sertificates__slider-item { width: 164px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .about-sertificates__slider-item { width: 161px; } } .about-sertificates__slider-item a { display: block; width: 100%; } .about-sertificates__slider-item img { height: auto; max-width: 100%; margin: 0 auto; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .about-sertificates__slider-item img { width: 100%; } } .article-content { font-size: 0; padding: 8px 10px 20px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .article-content { padding: 5px 0 20px; } } @media (max-width: 1023px) { .article-content { margin: 0; position: relative; } } @media (max-width: 767px) { .article-content { padding: 0 20px; } } @media (max-width: 374px) { .article-content { padding: 0; } } .article-date { vertical-align: bottom; display: inline-block; width: 150px; text-align: right; font-size: 14px; padding: 0 0 20px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .article-date { width: 130px; padding: 0 0 25px; } } @media (max-width: 1023px) { .article-date { position: absolute; padding: 0; top: 5px; right: 0; } } @media (max-width: 767px) { .article-date { right: 20px; } } @media (max-width: 374px) { .article-date { right: 0; } } .article-title { width: calc(100% - 150px); display: inline-block; vertical-align: bottom; padding: 0 0 20px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .article-title { width: calc(100% - 130px); line-height: 1.2; padding: 0 0 22px; } } @media (max-width: 1023px) { .article-title { width: 100%; } } @media (max-width: 767px) { .article-title { font-size: 18px; line-height: 1.45; padding: 0 0 15px; } } .article-text { font-size: 18px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .article-text { font-size: 14px; line-height: 1.45; } } .article-text figure { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .article-text figure { margin: 0 -40px 10px; } } @media (max-width: 374px) { .article-text figure { margin: 0 -15px 10px; } } .article-text h2 { font-size: 16px; } .article-text h3, .article-text h4, .article-text h5, .article-text h6 { font-size: 14px; } .article-list { padding: 0 0 50px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .article-list { padding: 0 0 25px; } } @media (max-width: 1023px) { .article-list { padding: 0 0 15px; } } @media (max-width: 767px) { .article-list { margin: 0 -20px 0 0; } } @media (max-width: 479px) { .article-list { margin: 0; } } .article-list__item { width: calc(50% - 18px); margin: 0 16px 15px 0; text-align: left; font-size: 18px; display: inline-block; vertical-align: top; background: #fff; color: #000; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .article-list__item { margin-bottom: 25px; } } @media (max-width: 1023px) { .article-list__item { margin-bottom: 30px; } } @media (max-width: 767px) { .article-list__item { margin-bottom: 25px; } } @media (max-width: 479px) { .article-list__item { width: 100%; margin: 0 0 25px 0; } } .article-list__item-img { max-width: 100%; } .article-list__item-footer { padding: 35px 35px 0 30px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .article-list__item-footer { padding: 15px 30px 0; } } @media (max-width: 767px) { .article-list__item-footer { padding: 15px 20px 0; } } .article-list__item-footer:after { display: block; height: 30px; content: ''; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .article-list__item-footer:after { height: 20px; } } .article-list__item-date { font-size: 14px; padding: 0 0 10px; } .article-list__item-title { text-transform: uppercase; font-weight: 700; font-size: 20px; line-height: 1.2; letter-spacing: 0.2px; padding: 0 0 20px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .article-list__item-title { font-size: 14px; line-height: 1.45; padding: 0 0 15px; } } .article-list__item-text { padding: 0; } .article-list__item-intro { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .article-list__item-intro { max-height: 130px; padding: 0; overflow: hidden; } } @media (max-width: 767px) { .article-list__item-intro { font-size: 14px; line-height: 1.45; max-height: 100px; } } @media (max-width: 479px) { .article-list__item-intro { max-height: none; } } .article-list__item:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; top: 0; left: 0; } .article-list__item:hover { color: #555555; } .article-list__item:hover:after { -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3); } .article-list__item-thumbnail { height: 240px; background-size: cover; } .article-pagination { padding: 0 0 50px; } .brands-content { padding: 0 10px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .brands-content { padding: 0; } } @media (max-width: 1023px) { .brands-content { margin: 0; } } .brands-title { padding: 0 0 28px !important; } .brands-text { padding: 0 0 80px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .brands-text { padding: 0 0 10px; } } .brands-text p { padding: 0 0 25px; } .brands-list__wrapper { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .brands-list__wrapper { margin: 20px 0 0 0; } } .cart { padding: 55px 0 10px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart { padding: 62px 0 10px; } } @media (max-width: 1023px) { .cart { padding: 10px 0 10px; } } .cart-title { font-size: 30px; text-transform: none; padding: 0 0 35px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-title { padding: 0 0 23px; } } @media (max-width: 767px) { .cart-title { font-size: 20px; padding: 0 0 10px 20px; } } .cart-subtitle { font-size: 25px; text-transform: none; padding: 0 0 35px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-subtitle { padding: 0 0 20px; } } @media (max-width: 767px) { .cart-subtitle { font-size: 20px; padding: 0 0 15px 20px; } } .cart-box { background: #fff; margin-bottom: 52px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-box { margin-bottom: 30px; } } .cart-order__link { float: right; display: inline-block; vertical-align: middle; color: #000; font-size: 14px; line-height: 1.2; border-bottom: 1px solid #ffcc00; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; padding-top: 23px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .cart-order__link:hover { border-bottom: 1px solid transparent; } @media (max-width: 767px) { .cart-order__link { font-size: 12px; padding-top: 10px; } } .cart-order__options { width: calc(59% - 15px); display: inline-block; vertical-align: top; margin-right: 24px; padding: 63px 68px 20px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-order__options { width: calc(53% - 20px); margin-right: 34px; padding: 32px 38px 35px; } } @media (max-width: 1023px) { .cart-order__options { padding: 35px 65px 0; width: 100%; margin-right: 0; } } @media (max-width: 767px) { .cart-order__options { padding: 35px 20px 0; margin-bottom: 20px; } } .cart-order__contacts { width: calc(41% - 15px); display: inline-block; vertical-align: top; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-order__contacts { width: calc(47% - 20px); } } @media (max-width: 1023px) { .cart-order__contacts { width: 100%; } } .cart-order__title { margin: 0 0 25px; position: relative; display: inline-block; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-order__title { margin: 0 0 23px; } } @media (max-width: 767px) { .cart-order__title { margin: 0 0 30px; } } @media (max-width: 374px) { .cart-order__title { margin: 0 0 20px; font-size: 14px; } } .cart-order__title-descr { font-weight: 700; color: #555555; font-size: 18px; } .cart-order__title-info { cursor: pointer; width: 18px; height: 18px; border: 1px solid #ffcc00; border-radius: 50%; display: inline-block; vertical-align: middle; color: #ffcc00; font-weight: 500; line-height: 18px; text-align: center; font-size: 14px; margin: 0 0 0 10px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; z-index: 2; } .cart-order__title-info.active { z-index: 4; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-order__title-info.active { z-index: 2; } } .cart-order__title-info.active, .cart-order__title-info:hover, .cart-order__title-info:focus { color: #fff; background: #ffcc00; } .cart-order__title:first-of-type .cart-order__info:before { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-order__title:first-of-type .cart-order__info:before { -webkit-transform: none; -ms-transform: none; transform: none; left: 287px; } } .cart-order__title:nth-of-type(2) .cart-order__info:before { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-order__title:nth-of-type(2) .cart-order__info:before { -webkit-transform: none; -ms-transform: none; transform: none; left: 272px; } } .cart-order__list { padding: 0 0 30px 25px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-order__list { padding: 0 0 35px; } } @media (max-width: 1023px) { .cart-order__list { padding: 0 0 30px; } } .cart-order__form { padding: 63px 63px 20px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-order__form { padding: 32px 50px 20px; } } @media (max-width: 1023px) { .cart-order__form { padding: 35px 65px 20px; } } @media (max-width: 767px) { .cart-order__form { padding: 35px 20px 20px; } } .cart-order__form .cart-order__title { margin: 0 0 5px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-order__form .cart-order__title { padding: 0; margin: 0 0 20px; } } .cart-order__form-input { width: 100%; margin: 0 0 20px; } .cart-order__form-index { width: calc(47% - 5px); margin: 0 5px 20px 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-order__form-index { width: calc(28% - 9px); margin: 0 3px 25px 0; } } @media (max-width: 767px) { .cart-order__form-index { width: 100%; margin: 0 0 20px; } } .cart-order__form-city { width: calc(52% - 5px); margin: 0 0 20px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-order__form-city { width: 29%; } } @media (max-width: 767px) { .cart-order__form-city { width: 100%; margin: 0 0 20px; } } .cart-order__form-phone { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-order__form-phone { width: calc(43% - 9px); margin: 0 3px 25px 0; } } @media (max-width: 767px) { .cart-order__form-phone { width: 100%; margin: 0 0 20px; } } .cart-order__total { margin: 12px 0 -5px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-order__total { width: auto; float: right; margin: 8px 0 0; } } .cart-order__col { border-bottom: none; padding: 0; font-size: 14px; line-height: 1.75; color: #555555; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*&:last-child() { @include b(mobile) { text-align: right; } }*/ } @media (min-width: 1200px) { .result-sum-order { min-width: 129px; } } .cart-order__col .rubl { font-weight: 700; font-size: 75%; margin: 0 0 0 2px; } .cart-order__row--total-price .cart-order__col { font-size: 18px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-order__row--total-price .cart-order__col { white-space: nowrap; } } .cart-order__row--total-price .cart-order__col:nth-child(2) { width: 38%; position: relative; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .cart-order__row--total-price .cart-order__col:nth-child(2):after { position: absolute; left: 5px; bottom: 10px; content: ''; width: calc(100% - 10px); height: 1px; border-bottom: 1px dotted #555555; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .cart-order__row--total-price .cart-order__col:last-child { font-weight: 900; } .cart-order__info { width: 0; overflow: hidden; position: absolute; right: 15px; top: 0; -webkit-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); transform: translate(100%, -50%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 3; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-order__info { right: 0; top: 10px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } } @media (max-width: 767px) { .cart-order__info { -webkit-transform: none; -ms-transform: none; transform: none; right: auto; left: -20px; position: relative; display: none; overflow: visible; width: calc(100% + 40px); top: -3px; -webkit-transition: none; transition: none; } } .cart-order__info:before { content: ''; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 24px 16px 24px 0; border-color: transparent #ffffff transparent transparent; z-index: 2; margin-top: 10px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-order__info:before { border-width: 0 15px 10px 15px; border-color: transparent transparent #ffffff transparent; top: 7px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: -10px; } } .cart-order__info.open { width: 540px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-order__info.open { width: calc(100% + 40px); } } .cart-order__info-wrapper { background: #fff; padding: 33px 20px 25px 45px; margin: 27px 27px 27px 36px; position: relative; width: 464px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-order__info-wrapper { width: 100%; padding: 30px 20px; margin: 15px 0 0 0; } } .cart-order__info-item { margin: 0 0 8px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .cart-order__info-item:nth-of-type(2) { margin: 0 0 22px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-order__info-item:nth-of-type(2) { margin: 0; } } @media (max-width: 767px) { .cart-order__info-item { margin: 0; } } .cart-total { padding: 33px 70px 40px; font-size: 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-total { padding-right: 28px; } } @media (max-width: 1023px) { .cart-total { padding: 27px 65px 40px; } } @media (max-width: 767px) { .cart-total { padding: 0 0 30px; } } .cart-total__promo { display: inline-block; vertical-align: middle; width: 80%; padding-top: 7px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-total__promo { width: 100%; padding: 30px 20px 25px; border-bottom: 1px solid #dfdfdf; } } .cart-total__promo-input { width: 365px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-total__promo-input { width: 280px; } } @media (max-width: 767px) { .cart-total__promo-input { width: 100%; } } .cart-total__promo-input input[type="text"] { padding-left: 25px; padding-right: 55px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media screen\0 { .cart-total__promo-input input[type="text"] { height: 50px; } } @media (max-width: 767px) { .cart-total__promo-input input[type="text"] { padding-left: 17px; padding-right: 17px; } } .cart-total__promo-btn { margin-left: -35px; padding: 11px 30px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media screen\0 { .cart-total__promo-btn { height: 50px; } } @media (max-width: 767px) { .cart-total__promo-btn { margin-left: -59px; padding: 11px 15px; } } .cart-total__promo-btn-desktop { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-total__promo-btn-desktop { display: none; } } .cart-total__promo-btn-mobile { display: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-total__promo-btn-mobile { display: inline; } } .cart-total__price { display: inline-block; vertical-align: middle; width: 100%; text-align: right; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-total__price { padding: 30px 20px 0; } } .cart-total__price-wrapper { display: inline-block; text-align: left; width: auto; } .cart-total__price-title { font-size: 14px; line-height: 1.3; color: #8b8b8b; display: block; padding: 0 0 10px; } .cart-thanks { padding: 55px 0 10px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-thanks { padding: 30px 0 10px; } } @media (max-width: 1023px) { .cart-thanks { padding: 20px 0 10px; } } @media (max-width: 767px) { .cart-thanks { padding: 15px 0 10px; } } .cart-thanks__box { background: #fff; min-height: 570px; padding: 85px 75px 40px; margin-top: 105px; margin-bottom: 200px; text-align: center; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .cart-thanks__box { margin: 0 30px 20px 15px; } } @media (max-width: 1023px) { .cart-thanks__box { margin: 0 0 20px; } } @media (max-width: 767px) { .cart-thanks__box { padding: 35px 25px 0; min-height: 0; margin-top: 35px; } } .cart-thanks__success { border: 10px solid #12882c; width: 135px; height: 135px; border-radius: 50%; margin: 0 auto 75px; padding-top: 33px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .cart-thanks__success { margin: 0 auto 80px; } } @media (max-width: 767px) { .cart-thanks__success { margin: 0 auto 45px; } } .cart-thanks__icon { stroke: #12882c; fill: #12882c; width: 60px; height: 50px; } .cart-thanks__title { text-transform: none; padding: 0 0 43px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .cart-thanks__title { font-size: 25px; } } .cart-thanks p { padding: 0 0 30px; line-height: 1.7; } .catalog-title { font-weight: 700; font-size: 24px; padding: 8px 0 35px; text-transform: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .textinform { padding: 1px 0 35px; } @media (max-width: 1219px) { .catalog-title { padding: 12px 12px 25px; } .textinform { padding: 1px 12px 25px; } } @media (max-width: 1023px) { .catalog-title { padding: 12px 12px 12px; } .textinform { padding: 1px 12px 22px; } .catalog-content { padding: 0 15px; } } @media (max-width: 767px) { .catalog-title { font-size: 18px; padding: 17px 10px 17px 10px; } .textinform { padding: 1px 10px 17px 20px; } } .catalog-sort { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .catalog-list { font-size: 0; padding: 0 10px 15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .catalog-list { padding: 0 10px 10px; } } @media (max-width: 1023px) { .catalog-list { padding: 0 5px 20px 15px; } } @media (max-width: 767px) { .catalog-list { padding: 0 0 20px; display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; } } .catalog-item { width: calc(33% - 19px); margin: 0 30px 0 0; display: inline-block; vertical-align: top; font-size: 18px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@include b(mobile) { width: 50%; margin: 0!important; }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .catalog-item:nth-of-type(3n) { margin-right: 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .catalog-item:nth-of-type(3n) { margin-right: 25px; } } .catalog-item:nth-of-type(2n) { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .catalog-item:nth-of-type(2n) { margin-right: 0; } } @media (max-width: 1219px) { .catalog-item { width: calc(50% - 13px); margin: 0 25px 0 0; } } @media (max-width: 767px) { .catalog-item:nth-of-type(2n), .catalog-item:nth-of-type(3n) { margin-right: unset; } .catalog-item { width: 100%; margin: 0; padding: 0; } } .catalog-text { padding: 0 10px; } .catalog-text p, .catalog-text ul, .catalog-text ol { line-height: 1.42; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .catalog-text p, .catalog-text ul, .catalog-text ol { font-size: 16px; } } .catalog-pagination { padding-bottom: 77px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .catalog-pagination { padding-bottom: 45px; } } @media (max-width: 1023px) { .catalog-pagination { padding-bottom: 38px; } } .catalog-search { display: inline-block; vertical-align: middle; width: 582px; margin: 0 38px 45px 10px; position: relative; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .catalog-search { width: 405px; } } @media (max-width: 1023px) { .catalog-search { margin: 15px 25px 30px 0; } } @media (max-width: 767px) { .catalog-search { width: 100%; } } .catalog-search + .catalog-title { display: inline-block; vertical-align: middle; font-size: 18px; padding: 0 0 40px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .catalog-search + .catalog-title { padding: 15px 0 30px; } } .catalog-search__text { width: 100%; padding: 11px 60px 11px 20px; border: 1px solid #ffcc00; border-radius: 25px; font-size: 16px; line-height: 1.5; display: inline-block; position: relative; color: #8b8b8b; } .catalog-search__text:focus { border: 1px solid #ffcc00; } .catalog-search__btn { width: 48px; height: 48px; border-radius: 50%; background: #ffcc00; border: 2px solid #ffcc00; text-align: center; padding: 0; position: absolute !important; right: 0; top: 0; } .catalog-search__btn:before, .catalog-search__btn:after { content: ''; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .catalog-search__btn:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -199px -86px; width: 28px; height: 26px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .catalog-search__btn:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } .catalog-search__btn:after { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -199px -55px; width: 28px; height: 26px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .catalog-search__btn:after { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } .catalog-search__btn:hover:after, .catalog-search__btn:focus:after { opacity: 0; } .catalog-tags { margin-top: -5px; padding: 0 0 32px; } .contacts-content { font-size: 0; padding: 0 10px; margin: 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .contacts-content { padding: 0; } } @media (max-width: 1023px) { .contacts-content { margin: 0; } } .contacts__title { text-transform: none; font-size: 24px; padding: 0 0 20px; line-height: 1; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .contacts__title { font-size: 18px; padding: 0 0 15px; } } .contacts-col { width: 375px; display: inline-block; vertical-align: top; font-size: 18px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .contacts-col:first-of-type { margin: 0 85px 20px 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .contacts-col:first-of-type { margin: 0 25px 20px 0; } } @media (max-width: 1023px) { .contacts-col:first-of-type { margin: 0 0 10px 0; width: 100%; } } @media (max-width: 767px) { .contacts-col:first-of-type { margin: 0; } } .contacts-col:nth-of-type(2) { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .contacts-col:nth-of-type(2) { width: 200px; } } @media (max-width: 1023px) { .contacts-col:nth-of-type(2) { margin: 0 0 10px; } } @media (max-width: 767px) { .contacts-col { padding: 0 20px; } } @media (max-width: 374px) { .contacts-col { padding: 0; } } .contacts__info { padding: 0 0 25px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .contacts__info { padding: 0 0 20px; font-size: 14px; line-height: 1.45; } } .contacts__info-expo { font-weight: 400; position: relative; padding-left: 15px; margin-left: -15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .contacts__info-expo { padding-left: 12px; margin-left: -12px; } } .contacts__info-expo:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -142px -110px; width: 11px; height: 11px; content: ''; position: absolute; left: 0; top: 7px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .contacts__info-expo:before { top: 3px; } } .contacts__info-title { font-weight: 500; } .contacts__info-email { color: #000; } .contacts__info-email:hover { text-decoration: underline; } .contacts-link { font-weight: 500; display: inline-block; line-height: 1.1; border-bottom: 1px solid #ffcc00; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #000; } .contacts-link:hover { border-bottom-color: transparent; } .contacts-link--map { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .contacts-link--map { border-bottom-color: transparent; } } .contacts-item { background: #fff; margin: 0 0 48px; padding: 30px 32px 25px 33px; font-size: 18px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .contacts-item { margin: 0 0 20px; } } @media (max-width: 767px) { .contacts-item { padding: 25px 20px 20px; } } .contacts-item img { width: 100%; height: auto; max-width: 100%; } .contacts-schema__text { padding: 0 0 50px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .contacts-schema__text { padding: 0 0 28px; } } @media (max-width: 767px) { .contacts-schema__text { font-size: 14px; max-width: 240px; line-height: 1.45; padding: 0 0 15px; } } @media (max-width: 374px) { .contacts-schema__text { font-size: 13px; } } .contacts-schema__text-item { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .contacts-schema__text-item { padding: 0 0 10px; display: inline-block; } } .contacts-schema__img { position: relative; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .contacts-schema__img { padding-bottom: 17px; } } .contacts-schema__img > img { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .contacts-schema__img > picture img { height: 417px; object-fit: contain; object-position: left; } } .contacts-schema__img:after { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .contacts-schema__img:after { content: ''; height: 17px; background: #fff; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; } } .contacts-schema__img-wrapper { position: relative; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .contacts-schema__img-wrapper { margin: 0 0 -17px; } } @media (max-width: 767px) { .contacts-schema__img-scroll.hidden { opacity: 0; } } .contacts-schema__img-scroll svg { fill: #ffcc00; stroke: #ffcc00; width: 35px; height: 38px; display: inline-block; } .contacts-schema__details { position: absolute; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .contacts-schema__details--491 { left: 108px; top: 175px; width: 24px; height: 25px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .contacts-schema__details--491 { left: 78px; top: 126px; width: 17px; height: 19px; } } @media (max-width: 1023px) { .contacts-schema__details--491 { left: 87px; top: 141px; width: 20px; } } @media (max-width: 767px) { .contacts-schema__details--491 { left: 93px; top: 346px; width: 14px; height: 14px; } } .contacts-schema__details--491 .contacts-schema__link { width: 24px; height: 25px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .contacts-schema__details--491 .contacts-schema__link { width: 17px; height: 19px; } } @media (max-width: 1023px) { .contacts-schema__details--491 .contacts-schema__link { width: 20px; height: 21px; } } @media (max-width: 767px) { .contacts-schema__details--491 .contacts-schema__link { width: 14px; height: 14px; } } .contacts-schema__details--491 .contacts-schema__popup { left: 30px; } .contacts-schema__details--491 .contacts-schema__popup-wrapper { margin-left: 15px; } .contacts-schema__details--491 .contacts-schema__popup-wrapper:after { left: -10px; border-width: 10px 10px 10px 0; border-color: transparent #fecd08 transparent transparent; } .contacts-schema__details--201 { left: 435px; top: 212px; width: 25px; height: 25px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .contacts-schema__details--201 { left: 314px; top: 153px; width: 18px; height: 18px; } } @media (max-width: 1023px) { .contacts-schema__details--201 { left: 352px; top: 171px; width: 20px; height: 21px; } } @media (max-width: 767px) { .contacts-schema__details--201 { left: 112px; top: 172px; width: 14px; height: 14px; } } .contacts-schema__details--201 .contacts-schema__link { width: 25px; height: 25px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .contacts-schema__details--201 .contacts-schema__link { width: 18px; height: 18px; } } @media (max-width: 1023px) { .contacts-schema__details--201 .contacts-schema__link { width: 20px; height: 21px; } } @media (max-width: 767px) { .contacts-schema__details--201 .contacts-schema__link { width: 14px; height: 14px; } } .contacts-schema__details--201 .contacts-schema__popup { -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .contacts-schema__details--201 .contacts-schema__popup-wrapper:after { right: -10px; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #fecd08; } .contacts-schema__details--77 { left: 568px; top: 175px; width: 13px; height: 25px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .contacts-schema__details--77 { left: 409px; top: 126px; width: 10px; height: 18px; } } @media (max-width: 1023px) { .contacts-schema__details--77 { left: 459px; top: 141px; width: 11px; height: 21px; } } @media (max-width: 767px) { .contacts-schema__details--77 { left: 93px; top: 108px; width: 14px; height: 10px; } } .contacts-schema__details--77 .contacts-schema__link { width: 13px; height: 25px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .contacts-schema__details--77 .contacts-schema__link { width: 10px; height: 18px; } } @media (max-width: 1023px) { .contacts-schema__details--77 .contacts-schema__link { width: 11px; height: 21px; } } @media (max-width: 767px) { .contacts-schema__details--77 .contacts-schema__link { width: 14px; height: 8px; } } .contacts-schema__details--77 .contacts-schema__popup { -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .contacts-schema__details--77 .contacts-schema__popup-wrapper:after { right: -10px; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #fecd08; } .contacts-schema__link { background: #fff; opacity: 0.3; position: absolute; top: 0; left: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .contacts-schema__link:hover { opacity: 0; } .contacts-schema__link.active { -webkit-animation-name: binding; animation-name: binding; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-iteration-count: 5; animation-iteration-count: 5; opacity: 0; } .contacts-schema__popup { position: absolute; width: 0; overflow: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .contacts-schema__popup.open { width: 355px; } .contacts-schema__popup-wrapper { width: 340px; background: #ffcc00; padding: 25px 25px 10px; display: inline-block; text-align: left; position: relative; } .contacts-schema__popup-wrapper:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0; height: 0; border-style: solid; } @media (max-width: 767px) { .contacts-schema__popup { display: none; } } .contacts-map__container { width: 100%; height: 455px; margin: 0 0 28px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .contacts-map__container { height: 330px; margin: 0 0 15px; } } @media (max-width: 1023px) { .contacts-map__container { height: 390px; margin: 0 0 25px; } } @media (max-width: 767px) { .contacts-map__container { height: 240px; } } .contacts-map__container > ymaps { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .contacts-map__container > ymaps { width: 100% !important; height: 330px !important; } } @media (max-width: 1023px) { .contacts-map__container > ymaps { height: 390px !important; } } @media (max-width: 767px) { .contacts-map__container > ymaps { height: 240px !important; } } .contacts-map__way { line-height: 1; padding: 0 0 35px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .contacts-map__way { padding: 0 0 20px; line-height: 1.33; max-width: 500px; } } @media (max-width: 1023px) { .contacts-map__way { max-width: none; line-height: 1; padding: 0 0 30px; } } @media (max-width: 767px) { .contacts-map__way { font-size: 14px; line-height: 1.9; } } .contacts-map__way br:nth-of-type(1) { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .contacts-map__way br:nth-of-type(1) { display: none; } } .contacts-map__metro { font-weight: 700; } .contacts-map__icon { width: 17px; height: 18px; fill: #ffcc00; display: inline-block; vertical-align: baseline; margin: 0 6px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .contacts-map__icon--trolley { height: 25px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .contacts-map__icon--trolley { height: 21px !important; } } @media (max-width: 767px) { .contacts-map__icon { width: 15px; height: 15px; margin: 0 3px; } } @-webkit-keyframes binding { from { opacity: 0.8; } to { opacity: 0; } } @keyframes binding { from { opacity: 0.8; } to { opacity: 0; } } .delivery-title { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .delivery-title { padding: 0 0 35px 15px !important; } } @media (max-width: 1023px) { .delivery-title { padding: 0 0 35px 0 !important; } } @media (max-width: 767px) { .delivery-title { padding: 0 0 15px 20px !important; } } .delivery-item { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .delivery-item { padding: 35px 60px 25px 80px !important; } } @media (max-width: 1023px) { .delivery-item { padding: 35px 60px 25px 40px !important; } } @media (max-width: 767px) { .delivery-item { padding: 30px 20px 15px !important; } } .delivery-item:first-of-type { width: 375px; margin-right: 30px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .delivery-item:first-of-type { width: 100%; margin: 0 0 25px; } } .delivery-item:nth-of-type(2) { width: 475px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .delivery-item:nth-of-type(2) { width: 100%; } } .delivery-item__title { text-transform: uppercase; font-weight: 700; font-size: 20px; padding: 0 0 18px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .delivery-item__title { font-size: 14px; line-height: 1.7; } } .delivery-item__title-details { text-transform: none; color: #ffcc00; display: block; font-size: 16px; line-height: 1; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .delivery-item__title-details { font-size: 14px; } } .delivery-item__price { padding: 0 0 0 35px; text-transform: uppercase; font-weight: 500; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .delivery-item__price { font-size: 14px; padding: 0 0 0 63px; } } .delivery-item__info { padding: 0 0 15px; display: table; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .delivery-item__info { font-size: 14px; line-height: 1.5; } } .delivery-item__info-number { font-weight: 500; } .delivery-item__info .rubl { font-family: sans-serif; } .delivery-item__info-text { display: table-cell; vertical-align: middle; } .delivery-item__info-icon { display: table-cell; vertical-align: middle; position: relative; width: 35px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .delivery-item__info-icon { width: 63px; } } @media screen\0 { .delivery-item__info--delivery .delivery-item__info-icon, .delivery-item__info--pickup .delivery-item__info-icon { line-height: 100%; } } .delivery-item__info--delivery .delivery-item__info-icon:before, .delivery-item__info--pickup .delivery-item__info-icon:before { position: absolute; content: ''; left: -10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media screen\0 { .delivery-item__info--delivery .delivery-item__info-icon:before, .delivery-item__info--pickup .delivery-item__info-icon:before { -webkit-transform: none; -ms-transform: none; transform: none; top: 0; position: relative; vertical-align: middle; } } @media (max-width: 767px) { .delivery-item__info--delivery .delivery-item__info-icon:before, .delivery-item__info--pickup .delivery-item__info-icon:before { left: 15px; } } .delivery-item__info--pickup .delivery-item__info-icon:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -232px 0px; width: 22px; height: 29px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .delivery-item__info--pickup .delivery-item__info-icon:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } @media (max-width: 767px) { .delivery-item__info--pickup .delivery-item__info-icon:before { left: 20px; } } .delivery-item__info--delivery .delivery-item__info-icon:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -151px -132px; width: 31px; height: 33px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .delivery-item__info--delivery .delivery-item__info-icon:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } .home { padding: 27px 0 12px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .home { padding-top: 40px; } } @media (max-width: 1023px) { .home { padding-top: 20px; } } @media (max-width: 767px) { .home { padding-top: 0; } } .home__top { padding: 0 0 50px 15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .home__top > .row { display: flex; align-items: stretch; flex-wrap: wrap; } @media (min-width: 1219px) { .home__top .col-xs-12.col-sm-4.col-lg-3 { padding: 0 !important; } } @media (max-width: 1219px) { .home__top { padding: 0 0 35px; } } @media (max-width: 767px) { .home__top { padding: 0 0 38px; } } .home__top-slider { margin-left: -15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .home__top-slider { margin-left: 0; } } @media (max-width: 1023px) { .home__top-slider { margin-right: 30px; } } @media (max-width: 767px) { .home__top-slider { margin: 0 -15px; } } .home-contacts { background: url("/local/templates/d-handle_adaptive/images/home-showroom.png") center center no-repeat; background-size: cover; position: relative; padding: 14px 38px; text-align: center; height: 385px; display: flex; flex-direction: column; justify-content: center; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .home-contacts { margin: 0 15px 0 -15px; } } @media (max-width: 1023px) { .home-contacts { height: 320px; margin: 0 0 0 -35px; } } @media (max-width: 767px) { .home-contacts { height: auto; margin: 0 -15px; } } .home-contacts:before { position: absolute; content: ''; width: 100%; height: 100%; background: #8b8b8b; opacity: 0.9; z-index: 0; top: 0; left: 0; } .home-contacts__showrooms { position: relative; z-index: 1; padding: 0px 0 15px; color: #fff; text-transform: uppercase; font-weight: 900; font-size: 33px; line-height: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: block; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .home-contacts__showrooms { padding-bottom: 65px; } } @media (max-width: 1023px) { .home-contacts__showrooms { font-size: 30px; padding-bottom: 15px; } } .home-contacts__showrooms:hover { opacity: 0.7; } .home-contacts__showrooms-expo { max-width: 172px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .home-contacts__showrooms-expo { display: none; } } .home-contacts__item { position: relative; z-index: 1; border-bottom: 2px solid #fff; color: #fff; font-weight: 700; line-height: 1.4; padding: 0 0 10px; margin: 0 0 5px; display: block; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .home-contacts__item:after { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .home-contacts__item:after { content: ''; position: absolute; bottom: 0; left: 20px; height: 2px; background: #fff; width: calc(100% - 40px); } } @media (max-width: 1023px) { .home-contacts__item { line-height: 1.2; font-size: 16px; padding: 0 0 25px; margin: 0 0 20px; border-bottom: none; } } @media (max-width: 767px) { .home-contacts__item { max-width: 200px; display: block; margin: 0 auto 20px; } } .home-contacts__item:hover { text-decoration: underline; } .home-contacts__item:last-of-type { border-bottom: none; margin: 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .home-contacts__item:last-of-type { padding: 0 0 7px; } } @media (max-width: 767px) { .home-contacts__item:last-of-type { margin: 0 auto; } } .home-contacts__item:last-of-type:after { display: none; } .home-contacts__item-title { display: block; } .home-contacts__tel { font-weight: 100; display: block; /*font-size: 0.9em;*/ } .home-category-link { display: table; width: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; height: 185px; margin: 0 0 14px 0; } .home-category-link:last-of-type { margin: 0; } .home-category-link__inner { display: table-cell; vertical-align: middle; text-align: center; color: #fff; text-transform: uppercase; font-weight: 900; font-size: 30px; line-height: 1; } .home-category-link--pink { background: rgba(254, 64, 64, 0.53); } .home-category-link--pink:hover { background: #fe4040; } .home-category-link--brown { background: rgba(168, 153, 82, 0.53); } .home-category-link--brown:hover { background: #a89952; } .home__tabs-nav { text-align: center; padding: 0 0 30px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .home__tabs-nav { padding: 0 0 10px; } } .home__tabs-nav .link-tabs__nav-item { font-size: 25px; margin: 0 22px 20px; } @media (max-width: 767px) { .home__tabs-nav .link-tabs__nav-item { font-size: 16px; margin: 0 7px 15px; } } @media (max-width: 374px) { .home__tabs-nav .link-tabs__nav-item { display: block; margin: 0 auto 15px; } } .home__tabs-nav .link-tabs__nav-item:last-child { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 374px) { .home__tabs-nav .link-tabs__nav-item:last-child { margin-right: auto; } } .home__products { padding: 0 0 40px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .home__products:first-child { padding: 0 15px; } @media (max-width: 1219px) { .home__products { padding: 0 0 33px; } } @media (max-width: 1023px) { .home__products { padding: 0 0 40px; } } @media (max-width: 767px) { .home__products { padding: 0 0 32px; } } .home__products-card { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .home__products-card { width: 50%; } } @media (max-width: 479px) { .home__products-card { width: 100%; } } .home__products-more { text-align: center; position: relative; top: -5px; } .home__products-more-link { display: inline-block; color: #555555; line-height: 1.2; border-bottom: 1px solid #555555; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .home__products-more-link:hover { border-bottom-color: transparent; } @media (max-width: 767px) { .home__products-more-link { font-size: 16px; } } .home__show-more { text-align: center; } .slick-initialized + .home__show-more { margin-top: 30px; } .home__info { padding: 0 0 47px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .home__info { padding: 0 0 40px; } } @media (max-width: 767px) { .home__info { padding: 0 0 30px; } } .home__text { color: #555555; background-color: #fefefe; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .home__text { position: relative; z-index: 1; } } @media (max-width: 767px) { .home__text { padding: 0 20px 0 0; } } .home__text-title { color: #888888; font-weight: 700; font-size: 25px; line-height: 1.38; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .home__text-title { font-size: 20px; line-height: 1.25; } } @media (max-width: 479px) { .home__text-title { font-size: 18px; } } .home__text p:not(.home__text-title) { padding: 0; line-height: 1.7; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .home__text p:not(.home__text-title) { font-size: 16px; line-height: 1.45; } } @media (max-width: 479px) { .home__text p:not(.home__text-title) { font-size: 14px; } } .home__text--center { padding: 0 30px; margin: 0 -15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .home__text--center { margin: 0 27px 0 32px; } } @media (max-width: 1023px) { .home__text--center { margin: 0 -15px; padding: 0 15px 0 45px; } } @media (max-width: 767px) { .home__text--center { padding: 0 20px 25px 0; margin: 0; } } .home__text--left { padding: 0 50px 0 0; margin-right: -30px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .home__text--left { padding: 0 20px 0 0; margin-right: -20px; } } @media (max-width: 1023px) { .home__text--left { margin-right: 5px; } } @media (max-width: 767px) { .home__text--left { margin-right: 0; padding: 0 20px 25px 0; } } .home__text--left .home__text-title { padding: 0 0 20px; } .home__benefits { margin: 0 0 55px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .home__benefits { margin: 0 0 48px; } } @media (max-width: 767px) { .home__benefits { margin: 0 0 38px; } } .home__info-img { margin: 0 0 55px; background-position: right center; background-repeat: no-repeat; background-size: contain; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .home__info-img { margin: 0 0 43px; background-size: auto; } } @media (max-width: 767px) { .home__info-img { background-position: center bottom; background-size: 100%; padding-bottom: 66.6vw; } } .home__info-img-container { max-width: 1170px; margin: 0 auto; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .home__info-img-container .container { width: auto; } @media (max-width: 1219px) { .home__info-img-container { max-width: 992px; } } @media (max-width: 1023px) { .home__info-img-container { max-width: 730px; } } @media (max-width: 767px) { .home__info-img-container { max-width: 100%; } } .home__info-img-wrapper { background-position: left center; background-repeat: no-repeat; background-size: contain; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .home__info-img-wrapper { position: relative; } } .home__info-img-wrapper:after { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .home__info-img-wrapper:after { content: ''; position: absolute; top: 0; height: 100%; width: 50%; background: #fefefe; } } .home__info-img--left .home__info-img-wrapper:after { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .home__info-img--left .home__info-img-wrapper:after { left: 0; } } .home__info-img--center { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .home__info-img--center { background: none; padding-bottom: 0; } } .home__info-img--center .home__info-img-wrapper { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .home__info-img--center .home__info-img-wrapper { background-position: center bottom; background-size: 100%; padding-bottom: 66.6vw; } } .home__info-img--center .home__info-img-wrapper:after { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .home__info-img--center .home__info-img-wrapper:after { right: 0; } } @media (max-width: 767px) { .home__info-img--center .home__info-img-wrapper:after { display: none; } } .info-content { font-size: 0; margin: 0 -7px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .info-content { margin: 0; } } .info-title { font-size: 24px; line-height: 1; text-transform: none; padding: 0 0 30px 15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .info-title { padding: 0 0 35px 0; } } @media (max-width: 767px) { .info-title { padding: 0 0 15px 20px; font-size: 18px; } } .info-nav { padding: 0 15px; margin: 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .info-nav { padding: 0; } } @media (max-width: 1023px) { .info-nav { position: relative; z-index: 3; } } .info-nav__item { display: block; line-height: 1.3; padding: 0 0 17px; } .info-nav__item--current .info-nav__link { border-bottom: 1px solid #ffcc00; font-weight: 700; } .info-nav__link { display: inline-block; color: #000; border-bottom: 1px solid transparent; line-height: 1.2; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-size: 18px; } .info-nav__link:hover { border-bottom: 1px solid #ffcc00; } .info-nav__up { -webkit-transition: border 0.3s ease-out, color 0.3s ease-out, background 0.3s ease-out; transition: border 0.3s ease-out, color 0.3s ease-out, background 0.3s ease-out; bottom: 15px; position: absolute; left: -295px; width: 280px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .info-nav__up-wrapper { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .info-nav__up-wrapper { display: none; } } .info-nav__up-wrapper--desktop { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .info-nav__up-wrapper--desktop { display: none; } } @media (max-width: 1023px) { .info-nav__up { left: -225px; width: 250px; } } .info-nav__up.fixed { position: fixed; left: auto; margin-left: -310px; opacity: 1; color: #ffcc00; border-color: #ffcc00; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .info-nav__up.fixed { margin-left: -243px; } } .info__breadcrumbs { padding: 0 0 27px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .info__breadcrumbs { padding: 0 0 20px; } } .info-item { font-size: 18px; width: 100%; margin: 0 0 30px 0; background: #fff; padding: 35px 20px 30px 30px; display: inline-block; vertical-align: top; position: relative; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .info-item { padding: 25px 20px; margin: 0 0 20px 0; } } .info-item__title { text-transform: uppercase; font-size: 20px; padding: 0 0 25px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .info-item__title { font-size: 18px; } } .info-item--table { margin-bottom: 40px; padding: 35px 20px 8px 30px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .info-item--table { margin-bottom: 30px; } } @media (max-width: 767px) { .info-item--table { padding: 25px 20px 30px; } } .info-item--table:before { position: absolute; content: ''; height: 100%; width: 330px; left: 0; top: 0; background: #f4f3f3; z-index: 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .info-item--table:before { width: 275px; } } @media (max-width: 767px) { .info-item--table:before { display: none; } } .info-table { position: relative; z-index: 1; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .info-table { display: block; } } .info-table__th { border: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .info-table__th { display: block; padding: 0; } } .info-table__th.payment-item__title { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .info-table__th.payment-item__title { padding: 0 0 5px; } } .info-table__td { padding: 0 0 15px 15px; border: none; vertical-align: bottom; font-size: 18px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .info-table__td { vertical-align: top; } } @media (max-width: 767px) { .info-table__td { display: block; font-size: 14px; padding: 0 0 10px; } } .info-table__td--th { width: 300px; padding: 0 0 15px 0; vertical-align: top; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .info-table__td--th { width: 245px; } } @media (max-width: 767px) { .info-table__td--th { width: 100%; font-weight: 500; padding: 0; } } @media (min-width: 375px) and (max-width: 767px) { .info-table__td--th-float { width: 90px; margin-right: 20px; float: left; } } .info-table .payment-item__title { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .info-table .payment-item__title { font-size: 18px; } } .info-left { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .info-left { width: calc(100% + 30px); } } .info-left__wrapper { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .info-left__wrapper { display: none; } } .payment-title { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .payment-title { padding-left: 0; } } @media (max-width: 767px) { .payment-title { padding-left: 20px; } } .payment-item { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .payment-item { padding-bottom: 35px; } } @media (max-width: 767px) { .payment-item { padding-bottom: 25px; } } .payment-item__title { text-transform: uppercase; font-weight: 700; font-size: 20px; padding: 0 0 15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .payment-item__title { font-size: 18px; padding: 0 0 27px; } } .payment-item__info { padding: 0 0 15px; display: block; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .payment-item__info { padding: 0 0 5px; } } @media (max-width: 767px) { .payment-item__info { font-size: 14px; } } .payment-item__info-expo { width: 100px; display: inline-block; vertical-align: middle; } .payment-item--cash { width: 375px; margin-right: 30px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .payment-item--cash { width: 100%; margin-right: 0; padding-right: 120px; padding-left: 57px; } } @media (max-width: 1023px) { .payment-item--cash { padding-right: 65px; } } @media (max-width: 767px) { .payment-item--cash { padding-left: 20px; } } .payment-item--cash .payment-item__title { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .payment-item--cash .payment-item__title { padding: 0 0 3px; } } .payment-item--cash:before { position: absolute; content: ''; right: 23px; top: 20px; background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -74px 0px; width: 63px; height: 51px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .payment-item--cash:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } @media (max-width: 1219px) { .payment-item--cash:before { right: 60px; } } @media (max-width: 1023px) { .payment-item--cash:before { right: 23px; } } @media (max-width: 767px) { .payment-item--cash:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -59px -132px; width: 48px; height: 38px; right: 13px; top: 13px; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi) { .payment-item--cash:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } .payment-item--credit { width: 475px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .payment-item--credit { width: 100%; padding-right: 120px; padding-left: 57px; } } @media (max-width: 1023px) { .payment-item--credit { padding-right: 65px; } } @media (max-width: 767px) { .payment-item--credit { padding-left: 20px; padding-right: 20px; } } .payment-item--credit:before { position: absolute; content: ''; right: 23px; top: 23px; background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: 0px 0px; width: 69px; height: 64px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .payment-item--credit:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } @media (max-width: 1219px) { .payment-item--credit:before { right: 60px; } } @media (max-width: 1023px) { .payment-item--credit:before { right: 23px; } } @media (max-width: 767px) { .payment-item--credit:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite.png); background-position: -142px 0px; width: 52px; height: 48px; right: 13px; top: 13px; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi) { .payment-item--credit:before { background-image: url(/local/templates/d-handle_adaptive/images/sprite@2x.png); background-size: 254px 205px; } } .payment-item__cards { font-size: 0; margin: 25px 0 0; text-align: center; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .payment-item__cards { text-align: left; margin: 37px 0 0; } } @media (max-width: 767px) { .payment-item__cards { text-align: center; margin: 25px 0 0; } } .payment-item__cards-item { display: inline-block; vertical-align: middle; margin: 0 5px; max-width: 65px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .payment-item__cards-item { margin: 0 10px 0 0; } } @media (max-width: 767px) { .payment-item__cards-item { margin: 0 5px; } } @media (max-width: 374px) { .payment-item__cards-item { max-width: 58px; } } .payment-item__cards-item:hover { opacity: 0.7; } .payment-item__cards-item:first-child { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .payment-item__cards-item:first-child { max-width: 58px; } } .payment-item__cards-img { width: 100%; height: auto; } .product-card__breadcrumbs { padding: 0 0 15px; } .product-card__img { border: 1px solid #e6e6e6; height: 425px; position: relative; padding: 20px 20px 25px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .product-card__img { padding: 45px 20px 55px; margin-right: -25px; } } @media (max-width: 1023px) { .product-card__img { margin-right: 0; padding: 22px 20px 50px; height: 370px; } } @media (max-width: 767px) { .product-card__img { margin: 0 0 23px; } } .product-card__img .catalog-card__special { z-index: 1; } .product-card__info { margin: -5px 0 0 20px; } @media (max-width: 1219px) { .product-card__info { margin-left: 25px; } } @media (max-width: 1023px) { .product-card__info { margin: 20px 0 0 0; } } @media (max-width: 767px) { .product-card__info { margin: 0; } } .product-card__title { font-weight: 300; font-size: 24px; line-height: 1.2; padding: 0 0 25px; text-transform: none; } @media (max-width: 767px) { .product-card__title { display: block; font-size: 18px; margin: 0 20px 30px; padding: 0 0 30px; } } .product-card__features { padding: 0 0 3px; display: flex; flex-direction: column; gap: 4px; } .product-card__features-item { gap: 3px; display: flex; padding-left: 10px; align-items: center; } ul li.product-card__features-item:before { width: 3px; height: 3px; top: 7px; left: -4px; } .product-card__features-value, a.product-card__features-value { color: #0A0A0A; font-size: 14px; font-weight: 600; line-height: 16.8px; text-align: left; } .product-card__features-name { font-size: 14px; font-weight: 400; line-height: 17px; text-align: left; color: #555555; max-width: 227px; width: 100%; display: inline-block; position: relative; overflow: hidden; } .product-card__features-name:after { content: ""; position: absolute; width: 100%; bottom: 4px; height: 1px; border-bottom: 1px dashed #C5C5C5; } .product-card__features-link--id { font-weight: 700; } .product-card__features-anchor { display: inline-block; line-height: 1.2; border-bottom: 1px solid #ffcc00; font-size: 14px; color: #000; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .product-card__features-anchor:hover { border-bottom: 1px solid transparent; } .product-card__widget { padding: 30px 0 0 3px; } @media (max-width: 1023px) { .product-card__widget { display: none; } } .product-card__order-info { padding: 0 0 0 25px; } @media (max-width: 1219px) { .product-card__order-info { padding: 0; margin: 0 0 0 -15px; } } @media (max-width: 1023px) { .product-card__order-info { margin: 20px 0 0 35px; } } @media (max-width: 767px) { .product-card__order-info { margin: 30px 0 0; display: flex; gap: 30px; justify-content: space-between; } } @media (max-width: 640px) { .product-card__order-info { flex-direction: column; } } @media (max-width: 374px) { .product-card__order-info { padding: 0; } } .product-card__purchase { border: 1px solid #e6e6e6; padding: 12px 8px 5px; margin: 0 0 10px; background: #fff; justify-content: center; display: flex; flex-direction: column; align-items: center; } @media (max-width: 1023px) { .product-card__purchase { margin: 0 0 10px; } } @media (max-width: 767px) { .product-card__purchase { margin: 0; } .product-card__purchase:not(.product-card__delivery) { border: none; } } @media (max-width: 374px) { .product-card__purchase { padding: 15px 0 5px; } } .product-card__purchase-title { color: #000000; font-size: 18px; font-weight: 400; line-height: 21px; padding: 0; margin-bottom: 15px; } .product-card__purchase-price-old + .rubl { font-size: 18px; font-weight: 500; line-height: 21px; vertical-align: top; color: #9C9C9C; } .product-card__purchase-price { line-height: 0.9; font-weight: 900; color: #555555; text-align: center; display: block; } .product-card__purchase-no-price { font-size: 25px; line-height: 0.9; font-weight: 900; color: #555555; padding: 0 0 16px 22px; display: block; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .product-card__purchase-price { padding: 0 0 5px; text-align: center; } } .product-card__purchase-price-cur { display: inline-block; width: 100%; font-size: 24px; font-weight: 700; line-height: 28px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .product-card__purchase-price-cur { width: auto; margin: 0 5px 20px; } } .product-card__purchase-price-old { display: inline-block; color: #9C9C9C; position: relative; top: 0; vertical-align: top; font-size: 18px; font-weight: 500; line-height: 21px; text-align: left; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .product-card__purchase-price .product-card__purchase-price-old + .rubl { margin-left: -5px; } @media (max-width: 767px) { .product-card__purchase-price-old { margin: 0 5px 20px; top: 0; vertical-align: baseline; } .product-card__purchase-price .product-card__purchase-price-old + .rubl { vertical-align: baseline; margin-left: -10px; } } .product-card__purchase-price-old:after { position: absolute; content: ''; border-bottom: 1px solid #fe4040; width: 100%; left: 0; bottom: 8px; } .product-card__purchase-price .rubl { margin-left: 5px; } .product-card__purchase-price .rubl:before { font-weight: 500; } .product-card__purchase-qty { padding: 3px 29px 6px 23px; background: #ffcc00; border-radius: 30px; margin: 13px 0 12px; position: relative; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .product-card__purchase-qty { margin: 0 auto 20px; width: 270px; padding: 5px 15px; } } .product-card__purchase-qty-spinner { display: inline-block; vertical-align: middle; margin: 0; } .product-card__purchase-qty.incart .product-card__purchase-qty-spinner { display: none; } .product-card__purchase-qty-spinner .spinner { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .product-card__purchase-qty-spinner .spinner { width: 110px; display: flex; justify-content: space-between; align-items: center; } } .product-card__purchase-qty-spinner .spinner__minus, .product-card__purchase-qty-spinner .spinner__plus { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .product-card__purchase-qty-spinner .spinner__icon { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .product-card__purchase-qty-spinner .spinner__icon { width: 12px; height: 12px; } } .product-card__purchase-qty-spinner .spinner__text { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .product-card__purchase-qty.incart { min-height: 34px; width: calc(100% - 20px); max-width: 270px; } .product-card__purchase-qty.incart .product-card__purchase-buy { display: none; } .product-card__purchase-qty.incart .product-card__purchase-incart { display: inline-block; } .product-card__purchase-qty.incart .product-card__purchase-btn { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .product-card__purchase-qty.incart .product-card__purchase-btn { margin: 0; } } .product-card__purchase-btn { padding: 0; display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 500; line-height: 16px; transition: 0s; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .product-card__purchase-btn { margin-left: 20px; } } .product-card__purchase-btn:hover, .product-card__purchase-btn:focus { background: #ffcc00; color: #ffe682; } .product-card__purchase-incart { display: none; font-size: 14px; color: #ffffff; } .product-card__purchase-bottom { text-align: center; color: #555555; font-size: 12px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .product-card__purchase-bottom { font-size: 14px; width: 100%; } } .product-card__purchase-fast-link { display: inline-block; max-width: 200px; margin-bottom: 12px; text-align: center; color: #555555; border: 1px solid #555555; border-radius: 24px; transition: .3s; font-size: 14px; font-weight: 500; line-height: 16px; padding: 7px 18px; width: max-content; } @media (max-width: 767px) { .product-card__purchase-fast-link { margin-bottom: 0; max-width: 270px; width: 100%; } } .product-card__purchase-fast-link:hover { background: #FFCC00; border-color: #FFCC00; color: #FEFEFE; transition: .3s; } .product-card__purchase-delivery { padding: 0 0 5px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .product-card__purchase-delivery { padding: 0; } } .product-card__purchase-delivery-expo { display: inline-block; vertical-align: middle; width: 80px; } .product-card__purchase-delivery-free { font-weight: 700; } .product-card__details { background: #f6f5f3; padding: 40px 0 30px; margin: 55px 0 40px; font-size: 0; } @media (max-width: 1219px) { .product-card__details { padding: 45px 0 25px; margin: 52px 0 42px; } } @media (max-width: 1023px) { .product-card__details { margin: 32px 0 30px; padding: 47px 0 30px; } } .product-card__details--brand { margin-bottom: 33px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .product-card__details--brand { margin-bottom: 50px; padding-bottom: 55px; } } .product-card__tabs { font-size: 18px; display: block; vertical-align: top; margin: 0 30px 0 0; padding: 0 0 0 15px; } @media (max-width: 1219px) { .product-card__tabs { padding: 0; width: calc(46% - 10px); margin: 0 20px 0 0; } } @media (max-width: 1023px) { .product-card__tabs { float: none; width: 100%; margin: 0; } } @media (max-width: 767px) { .product-card__tabs { padding: 0 10px 0 25px; } } .product-card__tabs-nav { padding: 0 0 8px; } @media (max-width: 767px) { .product-card__tabs-nav { padding: 0 0 16px; } } .product-card__tabs p { padding: 0 0 25px; } @media (max-width: 767px) { .product-card__tabs p { padding: 0 0 20px; } } .product-card__tabs-text { margin-bottom: 25px; font-size: 18px; font-weight: 300; line-height: 25px; } .product-card__tabs--brand { float: left; } @media (max-width: 1219px) { .product-card__tabs--brand { width: calc(50% - 10px); } } @media (max-width: 1023px) { .product-card__tabs--brand { float: none; width: 100%; } } .product-card__right { font-size: 18px; display: block; vertical-align: top; margin-bottom: 17px; } .product-card__set-desc { font-size: 18px; display: block; margin: 0 30px 0 0; padding: 0 0 0 15px; } @media (max-width: 1219px) { .product-card__right { width: calc(54% - 10px); margin-bottom: 0; } } @media (max-width: 1023px) { .product-card__right { float: none; width: 100%; padding: 0 0 35px; } } .product-card__right--brand { float: left; margin: -10px 0 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .product-card__right--brand { width: calc(50% - 10px); margin: 0; } } @media (max-width: 1023px) { .product-card__right--brand { float: none; width: 100%; padding: 0 0 18px; } } .product-card__brand { display: table; margin: 0 15px 0 0; } .product-card__brand img { max-width: 100%; margin: 0 0 23px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .product-card__brand img { margin: 0 0 30px; } } .product-card__brand-cell { display: table-cell; vertical-align: middle; background: #fff; padding: 40px 50px 25px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .product-card__brand-cell { padding: 45px 65px 25px; } } @media (max-width: 767px) { .product-card__brand-cell { padding: 35px 30px 25px; font-size: 14px; } } .product-card__product-slider-wrapper { padding: 0 0 0 15px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .product-card__product-slider-wrapper { padding: 0; width: auto; } } .product-card__product-slider-title { font-size: 24px; font-weight: 300; text-transform: uppercase; padding: 0 0 23px; } @media (max-width: 1219px) { .product-card__product-slider-title { padding: 0 0 15px; } } @media (max-width: 1023px) { .product-card__product-slider-title { padding: 0 0 12px; } } @media (max-width: 767px) { .product-card__product-slider-title { font-size: 16px; padding: 5px 0 5px; } } .reviews-content { padding: 0 10px; } @media (max-width: 1219px) { .reviews-content { padding: 0; } } @media (max-width: 1023px) { .reviews-content { margin: 0; } } .reviews-title { font-size: 24px; line-height: 1; text-transform: none; padding: 0 0 35px; } @media (max-width: 767px) { .reviews-title { padding: 0 0 15px 20px; font-size: 18px; } } .reviews-form { max-width: 550px; padding: 0 !important; margin: 0 0 55px !important; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .reviews-form { max-width: 100%; margin: 0 0 45px !important; } } @media (max-width: 1023px) { .reviews-form { margin: 0 0 35px !important; } } .reviews-form__title { padding: 0 0 17px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .reviews-form__title { font-size: 14px; padding: 0 0 25px; } } .reviews-form__fields { padding: 27px 66px 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .reviews-form__fields { padding: 25px 50px 0; } } @media (max-width: 767px) { .reviews-form__fields { padding: 30px 20px 0; } } .reviews-form__fields-item { display: block; margin: 0 0 23px; } .reviews-form__captcha { font-size: 0; } .reviews-form__captcha-field { width: 210px; margin: 0 25px 23px 0; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .reviews-form__captcha-field { margin: 0 10px 23px 0; } } @media (max-width: 374px) { .reviews-form__captcha-field { width: 100%; margin: 0 0 15px; } } .reviews-form__captcha-img { padding-top: 5px; display: inline-block; vertical-align: top; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 374px) { .reviews-form__captcha-img { text-align: center; display: block; margin: 0 0 15px; } } .reviews-pagination { padding: 0 0 75px; } .showroom-content { margin-top: -5px; padding: 0 10px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .showroom-content { margin: 3px -5px 0; padding: 0; } } @media (max-width: 1023px) { .showroom-content { margin: 0; } } .showroom-title { padding: 0 35px 44px 0; display: inline-block; vertical-align: middle; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .showroom-title { padding: 0 0 47px 0; } } @media (max-width: 1023px) { .showroom-title { padding: 0 35px 33px 0; } } @media (max-width: 767px) { .showroom-title { text-align: center; display: block; padding: 0 0 20px; } } .showroom-title__expo { width: 150px; display: inline-block; vertical-align: middle; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .showroom-title__expo { width: 120px; } } .showroom-parent-tabs__nav { display: inline-block; vertical-align: middle; padding: 0 0 14px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .showroom-parent-tabs__nav { padding: 0 0 17px; } } @media (max-width: 1023px) { .showroom-parent-tabs__nav { padding: 0 0 10px; } } @media (max-width: 767px) { .showroom-parent-tabs__nav { text-align: center; display: block; padding: 0 0 12px; } } .showroom-parent-tabs__nav .button-tabs__nav-item { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .showroom-parent-tabs__nav .button-tabs__nav-item { margin: 0 5px 10px; } } .showroom-tabs__nav { text-align: center; padding: 0 0 30px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .showroom-tabs__nav { padding: 0 0 18px; } } .showroom-tabs .link-tabs__nav-item { /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 767px) { .showroom-tabs .link-tabs__nav-item { margin: 0 7px 5px; font-size: 14px; } } .showroom-masonry { font-size: 0; margin-right: -30px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .showroom-masonry { margin-right: -20px; } } @media (max-width: 767px) { .showroom-masonry { max-width: 450px; margin: 0 auto; } } @media (max-width: 479px) { .showroom-masonry { margin: 0 -7px; } } .showroom-masonry__item { width: 292px; height: 262px; margin-bottom: 30px; overflow: hidden; position: relative; display: inline-block; vertical-align: top; float: left; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } .showroom-masonry__item.js-masonry-grid-sizer { position: absolute; z-index: -1; } .showroom-masonry__item:after { content: ''; width: 30px; height: 100%; position: absolute; top: 0; right: 0; background: #fefefe; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .showroom-masonry__item:after { width: 20px; } } @media (max-width: 767px) { .showroom-masonry__item:after { display: none; } } @media (max-width: 1219px) { .showroom-masonry__item { width: 215px; height: 262px; margin-bottom: 20px; } } @media (max-width: 1023px) { .showroom-masonry__item { width: 33.33%; height: 230px; } } @media (max-width: 767px) { .showroom-masonry__item { height: 44vw; margin: 0 7px 15px; width: calc(50% - 15px); max-height: 190px; } } .showroom-masonry__item--2col { width: 584px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .showroom-masonry__item--2col { width: 435px; } } @media (max-width: 1023px) { .showroom-masonry__item--2col { width: 66.66%; } } @media (max-width: 767px) { .showroom-masonry__item--2col { width: calc(100% - 15px); } } .showroom-masonry__item--2row { height: 554px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .showroom-masonry__item--2row { height: 545px; } } @media (max-width: 1023px) { .showroom-masonry__item--2row { height: 480px; } } .showroom-masonry__item-img { width: calc(100% - 30px); height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; -webkit-transition: all 0.7s; transition: all 0.7s; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1219px) { .showroom-masonry__item-img { width: calc(100% - 20px); } } @media (max-width: 767px) { .showroom-masonry__item-img { width: 100%; } } .showroom-masonry__item-img:hover { -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .showroom-masonry__item img { width: 100%; height: auto; max-width: 100%; -webkit-transition: all 0.7s; transition: all 0.7s; } .showroom-masonry__link { display: block; padding: 0; margin: 0; font-size: 0; } .showroom-masonry__stamp { display: none; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .showroom-masonry__stamp { position: absolute; left: 0; top: 0; width: 270px; height: 220px; } } .ex-product_delivery { box-shadow: 0px 0px 100px 0px #e4e4e4; color: black; margin-top: 50px; height: 53px; width: 100%; background-color: #ffffff; text-align: center; line-height: 53px; } .ex-product_delivery span { vertical-align: middle; display: inline-block; height: 100%; } .ex-product_delivery img { vertical-align: middle; margin-right: 12px; } .brands-nav { padding-bottom: 75px; /*@if $point == desktop { @media (max-width: 1219px) and (min-width:1024px) { @content ; } }*/ } @media (max-width: 1023px) { .brands-nav { display: none; } } .brands-nav__item { display: block; padding: 0 0 15px; } .brands-nav__link { color: #000; font-size: 18px; line-height: 1.4; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-bottom: 1px solid transparent; position: relative; } .brands-nav__link:hover { border-bottom-color: #ffcc00; } .brands-nav__link-qty { color: #8b8b8b; font-size: 12px; margin-left: 5px; } .bx-composite-btn-fixed { left: 15px !important; right: auto !important; } .header__dropdown-list-collections { margin-left: 10px; } .header__dropdown-list-collections__title { margin-bottom: 7px; display: block !important; } .complex-list-item { margin-left: -7px; } .collections-list-item { padding: 0 0 15px; } .types-list-item { padding: 0 0 15px; } @media (max-height: 740px) { .collections-list-item { padding: 0 0 9px; } .types-list-item { padding: 0 0 9px; } } .social-link { margin-top: 20px; display: flex; align-items: center; text-transform: uppercase; font-weight: 500; color: #fff; font-size: 12px; } a.social-link { margin-top: 0; } .social-link img { margin-right: 10px; } a:hover.social-link { text-decoration: underline; } @media (max-width: 1213px) { .social-div { } } @media (max-width: 767px) { .social-link { position: absolute; left: 0; bottom: -20px; } } .wa-icon { background-color: #43d854; border-color: #43d854; } .wa-icon:hover { border-color: #43d854; } .wa-icon:hover svg, .wa-icon.active svg { fill: #43d854; stroke: #43d854; } /*.header__icon {*/ /* width: 40px;*/ /* height: 40px;*/ /*}*/ /*.header__icon svg{*/ /* width: 30px;*/ /* height: 30px;*/ /*}*/ /*.header__icon:before, .header__icon:after{*/ /*}*/ .header__icon svg { width: 30px; height: 30px; } .top-catalog-btn { margin: 0 0 10px; } .top-catalog-btn a { margin: 5px 0; text-align: center; vertical-align: top; font-weight: 700; padding: 6px 30px; background: #ffcc00; color: #fff; border: 2px solid #ffcc00; border-radius: 20px; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: inline-block; cursor: pointer; outline: 0; -webkit-appearance: none; } .top-catalog-btn a:hover, .top-catalog-btn a:focus, .top-catalog-btn a:active { color: #ffcc00; background: #fff; } .top-catalog-btn a.__gray { background: #8b8b8b; color: #fff; border: 2px solid #8b8b8b; } @media (max-width: 767px) { .top-catalog-btn a { font-size: 14px; font-weight: 600; width: 100%; padding: 4px 20px; } } .favorite-products_empty { display: flex; flex-direction: column; align-items: center; } .link__back { border: 1px solid #ffcc00; background-color: #ffcc00; border-radius: 22px; padding: 10px 30px; color: #fff; transition: all .3s; } .link__back:hover { background-color: #fff; color: #ffcc00; } @media (max-width: 767px) { .visible-md.slider-visible, .slider-visible { display: block !important; } .container-inner .row .single-item .slick-dots, .home__tabs-content.link-tabs__content .slick-dots { bottom: -15px; } } @media (max-width: 375px) { .favorite-products_empty { margin-top: 50px; } } .home__products .slick-list, .home__products.slick-list { overflow: visible; } .scroll-back_wrapper { display: none; } @media (max-width: 767px) { .scroll-back { width: 40px; height: 40px; background: #FAFAFA url('/local/templates/d-handle_adaptive/images/arrow-up.svg') no-repeat center; border-radius: 21px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); } .scroll-back_wrapper { position: fixed; right: 32px; bottom: 20%; inset: auto 32px 20% auto; z-index: 5; } .scroll-back:hover { cursor: pointer; } } .notice__banner-wrapper { margin-top: 27px; background: #F2F3F5; } .notice__banner-text { font-size: 15px; font-weight: 400; line-height: 18px; text-align: center; color: #6C6A6B; padding: 6px 0; } @media (max-width: 767px) { .container.notice__banner { padding-top: 65px; padding-left: 0; padding-right: 0; } .notice__banner-wrapper { margin: 5px auto; } .notice__banner-text { padding: 15px 20px; font-size: 12px; line-height: 14px; } } @media (max-width: 470px) { .notice__banner-wrapper { margin-top: 50px; } } .other-product__wrap { display: flex; gap: 12px; margin-bottom: 20px; flex-direction: column; } .other-product__color-name { font-size: 14px; line-height: 16px; font-weight: 400; display: flex; gap: 10px; align-items: center; } .other-product__color-name span { display: block; } .other-product__list { display: grid; gap: 5px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .other-product__item { width: 64px; height: 64px; position: relative; display: block; } .other-product__item img { display: block; max-width: 64px; max-height: 64px; padding: 5px; border: 1px solid #E6E6E6; height: 100%; width: 100%; object-fit: contain; } .other-product__item.selected img, .other-product__item:hover img { border: 1px solid #000; } .other-product__name { z-index: 1; padding: 5px 10px; border-radius: 10px; background: #ffcc00; color: #000; opacity: 0; transition: .3s; font-size: 12px; line-height: 14px; left: 50%; transform: translateX(-50%); top: 80%; position: absolute; white-space: nowrap; } .other-product__item:hover .other-product__name { opacity: 1; } .product-card__purchase.product-card__delivery { padding: 12px 8px 13px; margin: 0; } .product-delivery__list { gap: 15px; display: grid; grid-template-columns: 1.9fr 1fr; } .product-delivery__title { font-size: 12px; font-weight: 300; line-height: 16.8px; color: #555555; } .product-delivery__value { font-size: 12px; font-weight: 700; line-height: 16.8px; text-align: right; color: #555555; } .product-delivery__title.list-item { position: relative; margin-left: 10px; } .product-delivery__title.list-item:before { content: ""; position: absolute; width: 2px; height: 2px; background: #555555; border-radius: 50%; left: -10px; top: 7px; } .product-card__description { padding: 0 15px; margin: 22px 0 35px; } .product-card__description-title { font-size: 24px; font-weight: 300; line-height: 34px; color: #000; margin-bottom: 10px; text-transform: uppercase; } .product-card__description-info { display: flex; gap: 45px; } .product-card__description-img { max-width: 130px; width: 100%; } .product-card__description-text { font-size: 18px; font-weight: 300; line-height: 25px; color: #000; margin-top: 25px; } .benefits-icon--card { padding-top: 12px; } @media (max-width: 767px) { .hidden-mob { display: none; } .product-card__description { padding: 0; } .product-card__tabs-text { font-size: 14px; line-height: 18px; } .product-card__details { margin: 18px 0 35px; padding: 50px 0 70px; } .product-card__set-desc { font-size: 14px; line-height: 16px; padding: 0; margin: 0; } .other-product__list { display: flex; flex-wrap: wrap; gap: 5px; } ul.product-card__features { padding: 0; gap: 8px; } .product-card__features-item { gap: 0; flex-direction: column; align-items: start; } ul li.product-card__features-item:before { left: 5px; } .product-card__features-name { max-width: 100%; } .product-card__features-name:after { display: none; } .product-card__description-info { flex-direction: column; gap: 15px; } .product-card__description-text { margin-top: 0; } .product-card__purchase-title { margin-bottom: 20px; } .product-delivery__list { gap: 21px; grid-template-columns: 1.9fr 1fr; } .product-card__purchase.product-card__delivery { padding: 12px 8px 20px; } } .home__brands-slider { margin: 0 0 25px 0; } /* End */ /* /local/templates/d-handle_adaptive/css/fonts.css?17381457741228 */ /* /local/templates/d-handle_adaptive/components/bitrix/search.title/custom/style.css?16686665954218 */ /* /local/templates/d-handle_adaptive/components/bitrix/search.title/custom_mobile/style.css?17164574234241 */ /* /local/components/custom/agree.cookie/templates/.default/style.css?17471240981353 */ /* /local/templates/d-handle_adaptive/template_styles.css?1747402509471737 */