/* Start:/local/client/build/main.css?1635160430789120*/ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * 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 ========================================================================== */ /** * 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 */ } /** * 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 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * 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 size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 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 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 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 in Chrome and Safari on macOS. */ [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 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */.noUi-target, .noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base, .noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect, .noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{position:absolute}.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;-webkit-box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;-webkit-box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{-webkit-box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after, .noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target{cursor:not-allowed}.noUi-pips, .noUi-pips *{-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large, .noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}@font-face { font-family: "Roboto"; font-display: swap; src: local("Roboto-Regular"), url('/local/client/app/fonts/roboto-regular.woff2') format('woff2'), url('/local/client/app/fonts/roboto-regular.woff') format('woff'); font-weight: 400; } @font-face { font-family: "Roboto"; font-display: swap; src: local("Roboto-Medium"), url('/local/client/app/fonts/roboto-medium.woff2') format('woff2'), url('/local/client/app/fonts/roboto-medium.woff') format('woff'); font-weight: 500; } @font-face { font-family: "Roboto"; font-display: swap; src: local("Roboto-Bold"), url('/local/client/app/fonts/roboto-bold.woff2') format('woff2'), url('/local/client/app/fonts/roboto-bold.woff') format('woff'); font-weight: 700; } @font-face { font-family: "Brutal Type"; font-display: fallback; src: local("Brutal Type"), url('/local/client/app/fonts/Brutal-Type_500.woff') format('woff'), url('/local/client/app/fonts/Brutal-Type_500.woff2') format('woff2'); font-weight: 600; } /** * selectize.css (v0.12.6) * Copyright (c) 2013–2015 Brian Reavis & contributors * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * * @author Brian Reavis */ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, .06) !important; border: 0 none !important; -webkit-box-shadow: inset 0 0 12px 4px #fff; box-shadow: inset 0 0 12px 4px #fff; } .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: '!'; visibility: hidden; } .selectize-control.plugin-drag_drop .ui-sortable-helper { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); box-shadow: 0 2px 5px rgba(0, 0, 0, .2); } .selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; border-radius: 3px 3px 0 0; } .selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .selectize-dropdown-header-close:hover { color: #000000; } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; /* fixes ie bug (see #392) */ position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: bold; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #d0d0d0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, .05); } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca; } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #ffffff; } .selectize-control.plugin-remove_button .remove-single { position: absolute; right: 0; top: 0; font-size: 23px; } .selectize-control { position: relative; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #fff; cursor: text; display: inline-block; } .selectize-input { border: 1px solid #d0d0d0; padding: 8px 8px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); border-radius: 3px; } .selectize-control.multi .selectize-input.has-items { padding: 6px 8px 3px; } .selectize-input.full { background-color: #fff; } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15); } .selectize-input.dropdown-active { border-radius: 3px 3px 0 0; } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0 solid #d0d0d0; } .selectize-control.multi .selectize-input > div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #7d7d7d; background: #ffffff; border: 0 solid #ffffff; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #d0d0d0; background: #fff; margin: -1px 0 0 0; border-top: 0 none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1); box-shadow: 0 1px 3px rgba(0, 0, 0, .1); border-radius: 0 0 3px 3px; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, .2); border-radius: 1px; } .selectize-dropdown .option, .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown .option, .selectize-dropdown [data-disabled], .selectize-dropdown [data-disabled] [data-selectable].option { cursor: inherit; opacity: 0.5; } .selectize-dropdown [data-selectable].option { opacity: 1; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #303030; background: #fff; cursor: default; } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68; } .selectize-dropdown .active.create { color: #495c68; } .selectize-dropdown .create { color: rgba(48, 48, 48, .5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent #808080 transparent; } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; } @media print { * { background: transparent !important; } #panel, header, .cookie-alert, .b-breadcrumbs, h1, .lk.lk-orders.lk-order-detail .aside-sidebar, .footer-form, .footer__inner > *:not(.footer__left), .footer-copyright { display: none !important; } .main.mb { margin-bottom: 30px !important; } footer .footer__inner { padding: 0; } footer .footer__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 0; } footer .footer__logo img { width: 110px !important; } .lk.lk-orders.lk-order-detail .aside-main { width: 100%; margin: 0; } .lk.lk-orders.lk-order-detail .aside-main .lk-order-detail__main { margin-bottom: 0; } .lk.lk-orders.lk-order-detail .aside-main .lk-order-detail__main .head { padding: 20px 40px 0; border-bottom: none; } .lk.lk-orders.lk-order-detail .aside-main .lk-order-detail__main .body { display: block; padding: 30px 40px 0; } .lk.lk-orders.lk-order-detail .aside-main .lk-order-detail__main .body .order-info { width: 100%; margin-right: 0; } .lk.lk-orders.lk-order-detail .aside-main .lk-order-detail__main .body .personal-info { width: 100%; padding: 10px 0 20px; } .lk.lk-orders.lk-order-detail .aside-main .lk-order-detail__main .funcs { display: none; } .lk.lk-orders.lk-order-detail .aside-main .lk-order-detail__list .head { padding: 10px 40px; border-bottom: 0; } .lk.lk-orders.lk-order-detail .aside-main .lk-order-detail__list .cart-header { display: none; } .lk.lk-orders.lk-order-detail .aside-main .lk-order-detail__list .cart__section .toggle .i-icon { display: none; } .lk.lk-orders.lk-order-detail .aside-main .lk-order-detail__list .cart-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 15px 10px; } .lk.lk-orders.lk-order-detail .aside-main .lk-order-detail__list .cart-item > div { padding: 0 } .lk.lk-orders.lk-order-detail .aside-main .lk-order-detail__list .cart-item > div:first-of-type, .lk.lk-orders.lk-order-detail .aside-main .lk-order-detail__list .cart-item > div:first-of-type { padding-left: 0; } .lk.lk-orders.lk-order-detail .aside-main .lk-order-detail__list .cart__m-title { display: block; } }/** * Swiper 4.3.5 * 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: July 31, 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;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;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{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;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;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform} .swiper-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, .5)),to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(right,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0));background-image:-o-linear-gradient(right,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0));background-image:-webkit-gradient(linear,right top, left top,from(rgba(0, 0, 0, .5)),to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0))} .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0, 0, 0, .5)),to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(left,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0));background-image:-o-linear-gradient(left,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0));background-image:-webkit-gradient(linear,left top, right top,from(rgba(0, 0, 0, .5)),to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0))} .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0, 0, 0, .5)),to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(bottom,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0));background-image:-o-linear-gradient(bottom,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0));background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0, 0, 0, .5)),to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0))} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0, 0, 0, .5)),to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(top,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0));background-image:-o-linear-gradient(top,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0));background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0, 0, 0, .5)),to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0))} .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;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-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(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.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;-o-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top;-webkit-transition:.2s transform,.2s top,.2s -webkit-transform;-o-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;-o-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left;-webkit-transition:.2s transform,.2s left,.2s -webkit-transform;-o-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;-o-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right;-webkit-transition:.2s transform,.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right,.2s -webkit-transform;transition:.2s transform,.2s right,.2s -webkit-transform} .swiper-pagination-progressbar{background:rgba(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, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .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, .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, .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, .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, .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:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items: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;font-family:"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;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-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:url('data:image/svg+xml;charset=utf-8,#filter');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}.tooltipster-fall, .tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none;position:absolute}.tooltipster-box{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.tooltipster-content{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;transition-property:all;left:0!important;opacity:0}@-webkit-keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{-webkit-animation:tooltipster-fading .4s;animation:tooltipster-fading .4s}@-webkit-keyframes tooltipster-rotating{25%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes tooltipster-rotating{25%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.tooltipster-update-rotate{-webkit-animation:tooltipster-rotating .6s;animation:tooltipster-rotating .6s}@-webkit-keyframes tooltipster-scaling{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tooltipster-scaling{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tooltipster-update-scale{-webkit-animation:tooltipster-scaling .6s;animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}@charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes scaling { 0% { opacity: 0.4; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0.6; -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: 0.4; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaling { 0% { opacity: 0.4; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0.6; -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: 0.4; -webkit-transform: scale(1); transform: scale(1); } }.b-media { height: 0; position: relative; padding-bottom: 56.25%; margin: 25px 0; } .b-media iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .catalog-slider { margin: 0; } .catalog-slider__title { color: var(--text); font-size: 14px; line-height: 1.2; text-align: left; margin: 0; margin-bottom: 20px; height: 30px; overflow: hidden; width: 100%; font-weight: 700; } .catalog-slider__img { height: 170px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-slider__img img { -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; }.main-slider-catalog .title-2--news:hover, .main-slider-catalog h2--news:hover{ color: inherit; } @media (max-width: 1024px){ .main-slider-catalog .main-brand-slide__left{ width: 320px; } .main-slider-catalog .main-brand-slide__right{ width: calc(100% - 320px); padding: 50px 40px 35px 50px; background: rgba(0, 0, 0, .55); } .main-slider-catalog .main-brand-slide{ display: -webkit-box; display: -ms-flexbox; display: flex; } .main-slider-catalog .main-brand-slide__link{ margin-top: auto; } .main-slider-catalog .main-brand-slide__content{ max-height: 130px; min-height: 130px; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; line-clamp: 6; box-orient: vertical; } } @media (max-width: 767px){ .main-slider-catalog .main-brand-slide{ display: block; } .main-slider-catalog .main-brand-slide__right{ padding: 25px 20px 20px; } .main-slider-catalog .main-brand-slide__content{ max-height: 60px; min-height: 60px; font-size: 13px; text-overflow: ellipsis; display: box; line-clamp: 3; box-orient: vertical; } .main-slider-catalog .main-brand-slide__link{ font-size: 13px; padding: 0; margin: auto 0 0 !important; } } @media (max-width: 500px){ .main-slider-catalog .b-slider__header .title-2{ max-width: 100%; } .main-slider-catalog .b-slider__header--widtch{ margin-bottom: 20px; } } .select-sorting { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; z-index: 5; } .select-sorting__head { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } .select-sorting__head::after { margin: 1px 0 0 3px; content: ''; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-top: 4px solid #072451; border-left: 3px solid transparent; border-right: 3px solid transparent; } .select-sorting__drop { position: absolute; top: 25px; right: 0; width: 140px; padding: 15px; background: #fff; border: 1px solid #C4C4C4; border-radius: 2px; font-weight: 500; font-size: 12px; line-height: 19px; -webkit-transform: translateX(68px); transform: translateX(68px); opacity: 0; visibility: hidden } .select-sorting__drop::after { background-color: #fff; content: ''; display: block; border: 1px solid #C4C4C4; border-width: 1px 1px 0 0; position: absolute; top: -5px; left: 50%; width: 8px; height: 8px; -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); } .select-sorting__item { color: #9FAAB9; cursor: pointer; margin-bottom: 5px; -webkit-transition: color .25s; transition: color .25s; } .select-sorting__item:hover, .select-sorting__item--active { color: #072451; } .select-sorting__item--active span { border-bottom: 1px solid #072451; } .select-sorting--open .select-sorting__drop { opacity: 1; visibility: visible; } .trade-company-offer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .trade-company-offer__price { font-weight: bold; font-size: 14px; line-height: 20px; margin-bottom: 5px; } .trade-company-offer__delivery { font-weight: 500; font-size: 10px; line-height: 15px; margin-bottom: 1px; } .trade-company-offer__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .trade-company-offer__name { font-weight: 500; font-size: 10px; line-height: 15px; color: #9FAAB9; margin-right: 6px; } .trade-company-offer__rating .im { margin: 0; } .trade-company-offer__bonus { font-size: 10px; line-height: 15px; color: #9FAAB9; margin-right: 6px; } .trade-company-offer__btn { width: 80px; } .trade-company-offer .btn { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; font-weight: bold; font-size: 10px; line-height: 18px; padding: 6px; width: 80px; border-radius: 2px; height: 30px } .trade-company-offer .btn:first-child { margin-bottom: 5px; } .bx-html-editor { min-width: 100% !important; }.lk-company-prices__body { margin-top: 10px; } .lk-company-prices__body p { margin-top: 10px; margin-bottom: 10px; } .suggestions-nowrap{white-space:nowrap}.suggestions-input{-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.suggestions-input::-ms-clear{display:none}.suggestions-wrapper{position:relative;margin:0;padding:0;vertical-align:top;-webkit-text-size-adjust:100%}.suggestions-suggestions{background:#fff;border:1px solid #999;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;left:0;min-width:100%;position:absolute;z-index:9999;-webkit-text-size-adjust:100%}.suggestions-suggestions strong{font-weight:400;color:#39f}.suggestions-suggestions.suggestions-mobile{border-style:none}.suggestions-suggestions.suggestions-mobile .suggestions-suggestion{border-bottom:1px solid #ddd}.suggestions-suggestion{padding:4px 4px;overflow:hidden}.suggestions-suggestion:hover{background:#f7f7f7}.suggestions-selected{background:#f0f0f0}.suggestions-selected:hover{background:#f0f0f0}.suggestions-hint{padding:4px 4px;white-space:nowrap;overflow:hidden;color:#777;font-size:85%;line-height:20px}.suggestions-subtext{color:#777}.suggestions-subtext_inline{display:inline-block;min-width:6em;vertical-align:bottom;margin:0 .5em 0 0}.suggestions-subtext-delimiter{display:inline-block;width:2px}.suggestions-subtext_label{margin:0 0 0 .25em;border-radius:3px;padding:0 3px;background:#f5f5f5;font-size:85%}.suggestions-value[data-suggestion-status=LIQUIDATED]{position:relative}.suggestions-value[data-suggestion-status=LIQUIDATED]:after{position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(0, 0, 0, .4);content:""}.suggestions-promo{font-size:85%;display:none;color:#777;padding:4px;text-align:center}.suggestions-promo a{color:#777;display:block;filter:url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%);line-height:20px;text-decoration:none}.suggestions-promo a:hover{filter:url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter:grayscale(0);filter:grayscale(0)}.suggestions-promo svg{height:20px;vertical-align:bottom}@media screen and (min-width:600px){.suggestions-promo{position:absolute;top:0;right:0;text-align:left}}/* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6); box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6); box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, .6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .datepicker--cells{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-flexbox;display:-webkit-box;display:flex;position:relative;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92, 196, 239, .1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92, 196, 239, .2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92, 196, 239, .5);background-color:rgba(92, 196, 239, .1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92, 196, 239, .5);background-color:rgba(92, 196, 239, .1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex:1;-webkit-box-flex:1;flex:1 1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content, .datepicker--body, .datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years, .datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;-webkit-box-shadow:0 4px 12px rgba(0, 0, 0, .15);box-shadow:0 4px 12px rgba(0, 0, 0, .15);border-radius:4px;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;-webkit-transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;-webkit-transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;-webkit-box-shadow:none;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{-webkit-box-sizing:content-box;box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover, .datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer{left:calc(50% - 5px)}.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer{top:calc(50% - 5px)}.datepicker--body.active{display:block}.datepicker--nav{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action, .datepicker--nav-title{display:-ms-flexbox;display:-webkit-box;display:flex;cursor:pointer;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons, .datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-ms-flexbox;display:-webkit-box;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-ms-flex:1;-webkit-box-flex:1;flex:1 1;display:-ms-inline-flexbox;display:-webkit-inline-box;display:inline-flex;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-ms-flex:0 1 138px;-webkit-box-flex:0;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-ms-flex:0 1 153px;-webkit-box-flex:0;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex:1;-webkit-box-flex:1;flex:1 1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours, .datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;font-size:11px;height:17px;background:-webkit-gradient(linear,left top, right top,from(#dedede),to(#dedede)) left 50%/100% 1px no-repeat;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-ms-flex:1;-webkit-box-flex:1;flex:1 1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after, .datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92, 196, 239, .1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92, 196, 239, .2)}.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}/*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .document-wrap { display: block; } @media (max-width: 1024px) { .document-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 640px) { .document-wrap-detail-item { display: block; } } .document-wrap .btn-buy { display: block; } .b-product__footer .document-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-product__footer .document-wrap .btn { cursor: pointer; } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } .b-alert { display: -webkit-box; display: -ms-flexbox; display: flex; color: #D41920; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-alert .i-icon { width: 16px; height: 16px; margin-right: 5px; } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-social-footer__items { background: var(--white); padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 16px; } @media (max-width: 720px) { .b-social-footer__items { padding-top: 10px; padding-bottom: 10px; } } .b-social-footer__text { font-size: 13px; line-height: 22px; color: var(--grey); margin-right: 20px; } .b-social-footer__item { display: block; width: 24px; height: 24px; margin-right: 12px; } .b-social-footer__item img { width: 100%; } .b-social-footer__item:last-child { margin-right: 0; } .b-social-footer__link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-social-footer__link li { margin-bottom: 0 !important; }/*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .bidding-history__item { padding: 25px 40px; border-bottom: 1px solid #DFE2E7; } @media (max-width: 500px) { .bidding-history__item { padding: 25px 15px; } } @media (max-width: 1700px) and (min-width: 1279px) { .bidding-history__item { padding: 25px 32px; } } .bidding-history__item-title { margin-bottom: 6px; } .bidding-history__item-date { margin-bottom: 4px; } .bidding-history__item-content { max-width: 600px; } .bidding-history__item-images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 14px; } .bidding-history__item-image { margin: 0 10px 10px 0; width: 75px; height: 50px; } .bidding-history__item-footer { margin-top: 24px; } .bidding-history__item-footer-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: -10px; } @media (max-width: 1278px) { .bidding-history__item-footer-holder { display: block; } } .bidding-history__item-footer .btn { width: auto; white-space: nowrap; margin-bottom: 10px; margin-right: 10px; } @media (max-width: 1023px) { .bidding-history__item-footer .btn { width: 100%; } } .bidding-history__item-action { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .bidding-history__item-action { display: block; } } .bidding-history__item-blocked .btn { font-weight: 500; font-size: 12px; line-height: 19px; border-radius: 40px; padding: 2px 9px; text-transform: none; } .bidding-history__item-error:not(:empty) { margin-bottom: 5px; } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .bidding-info__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 15px; } @media (max-width: 768px) { .bidding-info__item { display: block; } } .bidding-info__item-title { width: 300px; padding-right: 20px; font-weight: bold; } @media (max-width: 768px) { .bidding-info__item-title { width: 100%; } } .bidding-info__item-value { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 1; } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } .sugg_wrapper { position: relative; } .sugg_cont { display: none; position: absolute; width: 100%; padding: 10px 20px; background-color: #fff; z-index: 1 } .sugg_cont.active { display: block; border: 1px solid #D3D9DE; } .sugg_item { cursor: pointer } .sugg_item:not(:last-of-type) { padding-bottom: 10px; } .sugg_item:hover, .sugg_item.active { color: #D41920; }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } .trade-company-form-bidding .b-modal__title { margin-bottom: 11px; text-align: left; } .trade-company-form-bidding__price { font-weight: 500; font-size: 14px; line-height: 19px; margin: 30px 0; } .trade-company-form-bidding__fields { max-width: 352px; width: 100%; margin: 0 auto; } .trade-company-form-bidding__error { color: #D41920; } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .trade-company-offers { position: relative; width: 100%; margin-top: 35px; } .trade-company-offers__count { font-weight: bold; font-size: 14px; line-height: 20px; margin-bottom: 3px; padding-right: 5px; } .trade-company-offers__sorting { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 14px; font-weight: 500; font-size: 12px; line-height: 19px; } .trade-company-offers__sorting-title { color: #9FAAB9; margin-right: 5px; } .trade-company-offers__list-item { padding: 20px 0; border-bottom: 1px solid #F3F4F5 } .trade-company-offers__list-item:first-child { border-top: 1px solid #F3F4F5; } @media (max-width: 768px) { .trade-company-offers__list-item:nth-child(3) ~ div { display: none; } } .trade-company-offers__more { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; padding-top: 20px; } @media (max-width: 768px) { .trade-company-offers__more { display: -webkit-box; display: -ms-flexbox; display: flex; } } .trade-company-offers__more-btn { font-weight: 500; font-size: 12px; line-height: 20px; width: 210px; padding: 7px 0; text-align: center; background: #F3F4F5; border-radius: 40px; } .trade-company-offers__more--hide { display: none; } .trade-company-offers--scroll::before { pointer-events: none; content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 42px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%); } @media (max-width: 768px) { .trade-company-offers--scroll::before { display: none; } } .trade-company-offers--scroll .trade-company-offers__list { position: relative; max-height: 310px; overflow: hidden; margin-right: -10px; padding-right: 20px; margin-bottom: -20px; } @media (max-width: 768px) { .trade-company-offers--scroll .trade-company-offers__list { margin-bottom: 0; padding-bottom: 0; max-height: none; overflow: visible; } } @media (max-width: 768px) { .trade-company-offers--show .trade-company-offers__list-item:nth-child(3) ~ div { display: block; } } .trade-company-offers--load .trade-company-offers__list { opacity: .5; } .trade-company-offers .detail-card__rating-wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .trade-company-offers .detail-card__rating { margin: 0; width: 65px !important; } .trade-company-offers .detail-card__rating .rate-select-layer { line-height: inherit; } .trade-company-offers .detail-card__rating .im { cursor: default; width: 12px; height: 12px; background-size: contain; } .trade-company-offers .detail-card__quantity { font-size: 10px; } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .library-item { height: 300px; position: relative; overflow: hidden; } @media (max-width: 1200px) { .library-item { height: 250px; } } @media (max-width: 1080px) { .library-item { height: 200px; } } .library-item:hover .library-item__img { -webkit-transform: scale(1.2); transform: scale(1.2); } .library-item__img { height: 100%; -o-object-fit: cover; font-family: "object-fit:cover"; object-fit: cover; -webkit-transition: 0.3s; transition: 0.3s; } @media (max-width: 360px) { .library-item__img { width: 100%; } } .library-item__wrap { position: absolute; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 20px; background-color: rgba(255, 255, 255, .6); z-index: 1; padding-bottom: 0; height: 65px; } @media (max-width: 1200px) { .library-item__wrap { padding-left: 10px; padding-right: 10px; height: 60px; } } @media (max-width: 1136px) { .library-item__wrap { height: 45px; padding-top: 5px; } } @media (max-width: 900px) { .library-item__wrap { padding-left: 5px; padding-right: 5px; height: 40px; } } @media (max-width: 855px) { .library-item__wrap { padding-left: 10px; padding-right: 10px; height: 45px; } } @media (max-width: 720px) { .library-item__wrap { padding-left: 5px; padding-right: 5px; } } @media (max-width: 667px) { .library-item__wrap { height: 40px; } } @media (max-width: 640px) { .library-item__wrap { height: 45px; } } @media (max-width: 414px) { .library-item__wrap { height: 40px; } } @media (max-width: 360px) { .library-item__wrap { height: 55px; padding-top: 10px; padding-left: 10px; padding-right: 10px; } } .library-item__title { width: 100%; overflow: hidden; font-weight: 700; } @media (max-width: 1200px) { .library-item__title { font-size: 14px; } } @media (max-width: 1136px) { .library-item__title { font-size: 12px; } } @media (max-width: 900px) { .library-item__title { font-size: 10px; } } @media (max-width: 855px) { .library-item__title { font-size: 12px; } } @media (max-width: 667px) { .library-item__title { font-size: 10px; } } @media (max-width: 640px) { .library-item__title { font-size: 12px; } } @media (max-width: 414px) { .library-item__title { font-size: 10px; } } @media (max-width: 375px) { .library-item__title { font-size: 12px; } } .library-item__icon { margin-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 3px; } @media (max-width: 1200px) { .library-item__icon { padding-top: 2px; } } @media (max-width: 1136px) { .library-item__icon { padding-top: 1px; } } @media (max-width: 900px) { .library-item__icon { padding-top: 0; } } @media (max-width: 375px) { .library-item__icon { margin-right: 10px; } } @media (max-width: 360px) { .library-item__icon { margin-right: 15px; } }/*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ /*Отображение элементов каталога во всю ширину экрана. Доступно только на мобильной версии*/ .b-catalog__single .b-product { width: 100%; margin-left: 0; margin-bottom: 10px; } .b-catalog__single .b-product .document-wrap { min-width: auto; } .b-catalog__single .b-product .document-wrap .btn { max-height: 50px; } .b-catalog__single .b-product .document-wrap .tooltip { margin-left: 6%; } @media (max-width: 414px) { .b-catalog__single .b-product .document-wrap .tooltip { margin-left: 3.5%; } } .b-catalog__single .b-price__current span { font-size: 24px; }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .wsnw { white-space: nowrap; } .hlt { color: #E40208; } @media (max-width: 500px) { .m-hidden { display: none; } } .nopoint { pointer-events: none; } .opaque { opacity: 0; } .posr { position: relative; }/*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .adm-photoeditor-container { min-width: 650px; min-height: 420px; } .adm-photoeditor-container .adm-photoeditor-buttons-panel-save, .adm-photoeditor-container #FMcropPresets, .adm-photoeditor-container .adm-photoeditor-preview-panel, .adm-photoeditor-container .adm-photoeditor-sidebar-scale { display: none; } .adm-photoeditor-container .adm-photoeditor-active-block-outer { width: 100%; }/*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } .b-company-price { position: relative } .b-company-price::before { content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 62px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%); } @media (max-width: 768px) { .b-company-price::before { bottom: 4px } } .b-company-price__holder { height: auto; max-height: 500px; overflow: hidden; margin-right: -10px; position: relative; } .b-company-price__wrap { min-width: 668px; padding-right: 20px; } .b-company-price__file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-company-price__file-download { margin-right: 20px; color: #D41920; } .b-company-price__date { margin-right: 30px; } .b-company-price__product span { color: #9FAAB9; } .b-company-price__table { width: 100%; border-collapse: collapse; font-size: 13px; line-height: 19px; margin: 0 0 35px; } .b-company-price__table thead { font-size: 11px; line-height: 16px; } .b-company-price__table th:not(:last-child), .b-company-price__table td:not(:last-child) { padding-right: 10px; } .b-company-price__table th.right, .b-company-price__table td.right { text-align: right; } .b-company-price__table th { text-align: left; padding: 17px 0; border-bottom: 1px solid #DFE2E7; } @media (max-width: 768px) { .b-company-price__table th { padding: 15px 0 } } .b-company-price__table td { border-bottom: 1px solid #DFE2E7; padding: 15px 0 35px; vertical-align: top; } @media (max-width: 768px) { .b-company-price__table td { padding: 15px 0 } } .b-company-price .ps__rail-x { z-index: 5; } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-scheme { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 116px; padding-bottom: 65px; } .b-scheme__signature { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 18px; line-height: 21px; text-transform: uppercase; color: #002454; font-weight: bold; padding-bottom: 72px; } .b-scheme__signature--m { display: none; } .b-scheme__text { font-size: 14px; line-height: 17px; color: #72849B; max-width: 235px; position: absolute; z-index: 5; top: 0; left: 0; right: 0; margin: auto; } .b-scheme__slide { position: absolute; z-index: 9; cursor: ew-resize; height: 100%; width: 3px; background: #002454 } .b-scheme__slide::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: -webkit-gradient(linear, left bottom, left top, from(#D12D21), to(#D12D21)); background: linear-gradient(0deg, #D12D21, #D12D21); width: 50px; height: 50px; border-radius: 50%; left: -22px; } .b-scheme__slide::after { content: ''; position: absolute; background: -webkit-gradient(linear, left bottom, left top, from(#D12D21), to(#D12D21)); background: linear-gradient(0deg, #D12D21, #D12D21); opacity: 0.3; width: 80px; height: 80px; border-radius: 50%; left: -37px; top: 0; bottom: 0; margin: auto; -webkit-animation: animate-circle 1s infinite; animation: animate-circle 1s infinite; } .b-scheme__slide-arrow { position: absolute; top: 0; bottom: 0; width: 28px; height: 10px; margin: auto; left: -11px; } .b-scheme__slide-arrow:before { position: absolute; content: ''; background-image: url('/local/client/img/arrow-l-f.svg'); width: 28px; height: 10px; left: 0; } .b-scheme__wrap { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1040px; height: 465px; max-width: 100%; margin: auto; } .b-scheme__wrap-img { position: absolute; width: auto; height: auto; overflow: hidden; height: 465px; background: #F7F5F6; } .b-scheme__wrap-img svg { padding: 0 33px; width: 1040px; height: 465px; } .b-scheme__wrap-img svg .text { font-size: 15px; line-height: 17px; } @media (max-width: 1024px) { .b-scheme { padding-top: 40px; padding-bottom: 40px; } .b-scheme__wrap { width: 100%; } .b-scheme__wrap-img { width: 100%; } .b-scheme__wrap-img svg { width: 100vw; margin: 0 -15px; padding: 0 15px; } .b-scheme__signature { padding-bottom: 20px; } .b-scheme__signature--m{ display: inline-block; } .b-scheme__signature--m a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 14px; } .b-scheme__signature--d { display: none; } } @media (max-width: 767px) { .b-scheme { padding-top: 30px; padding-bottom: 25px; } .b-scheme__signature { font-size: 12px; line-height: 14px; } .b-scheme__wrap { height: 187px; } .b-scheme__wrap-img { height: 187px; } .b-scheme__wrap-img svg { height: 100%; } .b-scheme__slide { width: 2px; } .b-scheme__slide::before { width: 28px; height: 28px; left: -13px; } .b-scheme__slide::after { width: 60px; height: 60px; border-radius: 50%; left: -29px; } .b-scheme__slide-arrow { left: -6px; top: 4px; width: 14px; } .b-scheme__slide-arrow:before { background-size: contain; background-repeat: no-repeat; width: 14px; } .b-scheme__wrap-img svg { padding: 0 15px; } .b-scheme__wrap-img svg .text { font-size: 25px; } } @-webkit-keyframes animate-circle { from { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes animate-circle { from { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-m-nav { padding: 20px 15px; height: 100vh; z-index: 2000; background-color: #ffffff; position: fixed; width: 100%; left: 0; opacity: 0; visibility: hidden; -webkit-transition: .3s ease; transition: .3s ease; -webkit-transform: translateY(-100%); transform: translateY(-100%); overflow: auto; color: #002454 } .b-m-nav.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } .b-m-nav.active:before { content: ''; position: absolute; width: calc(100% - 30px); top: 0; right: 0; left: 0; margin: auto; height: 1px; background-color: #D3D9DE; } .b-m-nav__block { padding-bottom: 8px; color: #002454; } .b-m-nav__down { display: none; position: relative; top: calc(100% + 10px); padding: 10px 10px 0; left: 0; right: 0; margin: auto; z-index: 1100; } .b-m-nav__down-list li:not(:last-child) { margin-bottom: 5px; } .b-m-nav__down-list:not(:last-child) { margin-bottom: 5px; } .b-m-nav__down--position { position: absolute; background: #ffffff; left: auto; width: calc(100vw - 30px); padding: 14px !important; right: -15px; z-index: 10; top: 41px; } @media (max-width: 1024px) { .b-m-nav__down--position { width: 220px } } .b-m-nav__head { padding: 20px 10px 30px 10px; position: relative; font-size: 16px; color: #DCDCDC; } .b-m-nav__head .close { display: block; position: absolute; top: 12px; right: 0; width: 30px; height: 30px; cursor: pointer } .b-m-nav__head .close:after, .b-m-nav__head .close:before { content: ''; width: 20px; height: 2px; background-color: #DCDCDC; position: absolute; top: 14px; right: 5px; } .b-m-nav__head .close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .b-m-nav__head .close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .b-m-nav__head .close:active:after, .b-m-nav__head .close:active:before { background-color: #E40208; } .b-m-nav__actions { margin-bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .b-m-nav__actions-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 320px; max-width: 320px; padding: 0 44px; } .b-m-nav__actions-inner .header__link { margin: 0 !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .b-m-nav__actions-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 20px; } .b-m-nav__actions-bottom { padding-top: 20px; } .b-m-nav__actions-bottom .b-header-address { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-m-nav__list { font-size: 14px; } .b-m-nav__list .row { text-align: center; font-size: 16px } .b-m-nav__list .row:not(:last-child) { margin-bottom: 25px; } .b-m-nav__list .row.active > a { color: #E40208; } .b-m-nav__list .row.active .b-m-nav__down-list li.active { color: #E40208; } .b-m-nav__list .row--brand { text-align: left; padding-left: 0 !important; margin-bottom: 0 !important; } .b-m-nav__list .row--brand .b-m-nav__down { padding: 0; padding-bottom: 16px; font-size: 13px; } .b-m-nav__list .row--brand .b-m-nav__item { font-weight: 500; } @media (max-width: 500px) { .b-m-nav__list .row .select-options { position: relative } } @media (max-width: 500px) { .b-m-nav__list .row .select-wrap--dropdown .select-options { padding: 10px 0 } } @media (max-width: 500px) { .b-m-nav__list .row .select-wrap--dropdown .select-options:after { display: none } } @media (max-width: 500px) { .b-m-nav__list .row .select-wrap--dropdown .select-options li:not(:last-of-type) { padding-bottom: 5px } } @media (max-width: 500px) { .b-m-nav__list .row .select-wrap--dropdown .select-styled.active + .select-options { border: none } } .b-m-nav__list--brand { text-align: left; } .b-m-nav__list--brand li { padding-left: 0 !important } .b-m-nav__list--brand li:before { display: none; } .b-m-nav__list--brand .b-m-nav__list { padding-left: 0; } .b-m-nav__list--brand .b-m-nav__item { text-align: left; font-size: 13px; } .b-m-nav__list--brand .b-m-nav__item--title { font-weight: 500; font-size: 16px; line-height: 19px; color: #002454; padding: 16px 0; padding-left: 0 } .b-m-nav__list--brand .b-m-nav__item--title.active { color: #002454 } .b-m-nav__list--brand .b-m-nav__item--title.active + .b-m-nav__down { border-top: 1px solid #D4D9DD; padding: 16px 0 8px; margin-bottom: 16px; border-bottom: 1px solid #D4D9DD; } .b-m-nav__list--brand .b-m-nav__item--title.active.active { color: #D12D21; } .b-m-nav__item { width: 100%; text-align: center; display: block } .b-m-nav__item.down { width: auto; display: inline-block; padding: 0 15px; position: relative } .b-m-nav__item.down:after { display: inline-block; content: ''; position: absolute; right: 0; top: 50%; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid currentColor; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .2s; transition: .2s; } .b-m-nav__item.down.active:after { border-top: none; border-bottom: 5px solid currentColor; } .b-m-nav__item.down.close { opacity: 0; } .b-m-nav__item--position { position: relative; } .b-m-nav__item--title.down { padding: 0 15px 0 0; margin-bottom: 16px; } .b-m-nav .select-wrap { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .b-m-nav .select-wrap .select-styled { padding-top: 0; padding-bottom: 0; color: #E40208; } .b-m-nav .select-wrap .select { margin: auto; }/*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } .b-tarif { text-align: center; font-size: 13px; line-height: 19px; } .b-tarif__title { margin-bottom: 11px; font-weight: bold; font-size: 14px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .b-tarif__title-switcher { margin-right: 5px; width: 32px; height: 20px; background: #EBEDEF; border-radius: 20px; position: relative; } @media (max-width: 768px) { .b-tarif__title-switcher { position: absolute; top: 50%; right: 40px; margin-top: -10px; } } .b-tarif__title-switcher::before { content: ''; position: absolute; left: 2px; top: 2px; width: 16px; height: 16px; background: #9FAAB9; border-radius: 50%; } .b-tarif__value { margin-bottom: 11px; } @media (max-width: 500px) { .b-tarif__value--desktop { display: none; } } @media (min-width: 501px) { .b-tarif__value--mobile { display: none; } } .b-tarif__value--price { font-weight: 500; } .b-tarif__value--red { color: #D32D21; } .b-tarif__btn { margin-top: 27px; } .b-tarif .btn { max-width: 130px; padding-left: 10px; padding-right: 10px; } .b-tarif__pay, .b-tarif__valid { margin-top: 11px; font-weight: 500; } .b-tarif__pay { font-size: 12px; line-height: 19px; color: #D32D21; } .b-tarif__valid { font-size: 10px; line-height: 15px; color: #9FAAB9; } .b-tarif--active .b-tarif__title-switcher { background-color: #F6D5D3 } .b-tarif--active .b-tarif__title-switcher::before { background-color: #D32D21; left: auto; right: 2px; } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } .b-tarifs { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-tarifs__titles { width: 200px; position: relative; padding-top: 31px; font-size: 13px; line-height: 19px; color: #9FAAB9; } @media (max-width: 768px) { .b-tarifs__titles { display: none; } } .b-tarifs__titles::after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #DFE2E7; } .b-tarifs__title { margin-bottom: 11px; } .b-tarifs__wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 1; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .b-tarifs__wrap { display: block; overflow: visible; } } .b-tarifs__wrap::-webkit-scrollbar { width: 4px; height: 4px; } .b-tarifs__wrap::-webkit-scrollbar-track { background-color: #F3F4F5; border-radius: 4px; } .b-tarifs__wrap::-webkit-scrollbar-thumb { background-color: #E3E6E8; border-radius: 4px; } .b-tarifs__item { width: 33.333%; -ms-flex-negative: 0; flex-shrink: 0; padding-bottom: 10px; } @media (max-width: 768px) { .b-tarifs__item { width: auto; margin: 0 -40px; padding: 25px 0; } } .b-tarifs__item:not(:last-child) { border: 1px solid #DFE2E7; border-width: 0 1px 0; } @media (max-width: 768px) { .b-tarifs__item:not(:last-child) { border-width: 0 0 1px; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .btn-nav { display: none; position: relative; height: 17px; width: 21px; margin-right: 15px; cursor: pointer; -webkit-transition: .2s ease-out; transition: .2s ease-out; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: transparent; } @media (max-width: 1024px) { .btn-nav { display: block; } } .btn-nav.active { -webkit-transform: translateZ(0); transform: translateZ(0); } .btn-nav.active .btn-nav__line { width: 25px; background-color: transparent; -webkit-transition: none; transition: none; } .btn-nav.active .btn-nav__line::before, .btn-nav.active .btn-nav__line::after { top: 0; bottom: 0; margin: auto; background-color: #E40208; } .btn-nav.active .btn-nav__line::before { -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } .btn-nav.active .btn-nav__line::after { -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .btn-nav__line { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 2px; width: 21px; border-radius: 1px; margin: auto; background-color: #9EAABB; -webkit-transition: background-color 0.8s, -webkit-transform 0.6s; transition: background-color 0.8s, -webkit-transform 0.6s; transition: transform 0.6s, background-color 0.8s; transition: transform 0.6s, background-color 0.8s, -webkit-transform 0.6s; } .btn-nav__line::before, .btn-nav__line::after { content: ''; position: absolute; left: 0; right: 0; height: 2px; background-color: #9EAABB; -webkit-transition: -webkit-transform 0.6s; transition: -webkit-transform 0.6s; transition: transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s; } .btn-nav__line::before { top: 7px; } .btn-nav__line::after { bottom: 7px; }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .description_section { text-align: justify; color: #9EAABB; max-width: 1360px; padding-left: 55px; padding-right: 55px; margin: 0 auto; } @media (max-width: 1200px) { .description_section { padding-left: 75px; padding-right: 75px; } } @media (max-width: 855px) { .description_section { padding-left: 60px; padding-right: 60px; } } @media (max-width: 768px) { .description_section { padding-left: 5%; padding-right: 5%; } } @media (max-width: 768px) { .description_section { padding-left: 4%; padding-right: 4%; } } .description_section h2 { margin: 40px 0 10px; } .description_section li::before { background-color: #9EAABB !important; }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ @media (max-width: 500px) { .main { margin-top: 18px; } } .main-m-wrapper .title-2 { text-transform: uppercase; } .main-library .title-2 { text-transform: uppercase; }/*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } .stock__end { font-weight: normal; } @media (max-width: 768px) { .stock__end, .stock__start { margin-bottom: 13px; white-space: normal; padding-right: 20px !important; } } @media (max-width: 500px) { .stock__end, .stock__start { width: 100%; padding-right: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .stock__actions { position: relative; min-width: 110px; } .stock__actions-delay { position: relative; } .stock__actions-delay-add { margin-right: 20px; } .stock__actions-delay-add svg * { stroke: #9eaabb; } .stock__actions-delay-add:hover svg * { stroke: #E40208; } .stock__actions-delay:hover .tooltip__content { display: block; color: #ffffff; left: -145px; top: 48%; width: 138px; } .stock__actions-delay:hover .tooltip__content:before { content: ''; width: 12px; height: 12px; position: absolute; left: 129px; top: calc(50% - 8px); background-color: #002454; text-align: left; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 1024px) { .stock__actions-delay .tooltip__content { display: none !important; } } @media (max-width: 768px) { .stock__actions { min-width: 60px; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin-left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 500px) { .stock__actions { min-width: 50px; margin-left: 0; } } .stock__actions svg { width: 20px; height: 20px; color: #9eaabb; } .stock__actions svg:hover { color: red; } .stock__actions svg:hover .svg-inner { stroke: #E40208; } .stock__actions svg .svg-inner { -webkit-transition: .2s; transition: .2s; } .stock__actions a:not(:last-child){ margin-right: 10px; } .stock__btn { display: -webkit-box; display: -ms-flexbox; display: flex; }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .tooltipster-base { max-width: 229px } .tooltipster-base:before { content: ''; position: absolute; background-image: url('/local/client/img/union.png'); right: 32px; top: 100%; width: 22px; height: 13px; z-index: 10; margin-top: -2px; } .tooltipster-base.tooltipster-sidetip .tooltipster-box { border-radius: 31.5px; border: 1px solid #D3D9DE; -webkit-box-shadow: 0 4px 6px rgba(0, 36, 84, .04); box-shadow: 0 4px 6px rgba(0, 36, 84, .04); background: #ffffff; } .tooltipster-base.tooltipster-sidetip .tooltipster-content { color: #002454; padding: 20px 15px; font-size: 14px; line-height: 16px; } .tooltipster-base.tooltipster-sidetip.tooltipster-left { margin-top: -44px; margin-left: 49px; } .tooltipster-base.tooltipster-sidetip.tooltipster-left .tooltipster-arrow { display: none; } .tooltipster-base.tooltipster-sidetip.tooltipster-right { margin-top: -44px; margin-left: -49px; } .tooltipster-base.tooltipster-sidetip.tooltipster-right .tooltipster-arrow { display: none; } .tooltipster-base.tooltipster-sidetip.tooltipster-right:before { right: auto; top: 100%; width: 22px; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); height: 13px; left: 35px; } .tooltipster-base.tooltipster-left .tooltipster-arrow { bottom: 0; top: auto !important; margin: 0; right: 33px; } @media (max-width: 1024px) { .tooltipster-base { display: none !important } } .tooltipster-base.tooltipster-noir { margin-top: 0 !important; margin-left: 0 !important; max-width: 988px; padding: 68px 112px; background: #002454; } .tooltipster-base.tooltipster-noir .tooltipster-box { background-color: transparent; border: none; margin: 0 !important; } .tooltipster-base.tooltipster-noir .tooltipster-content { padding: 0; } .tooltipster-base.tooltipster-noir:before { display: none; } .tooltipstered { cursor: pointer } .tooltipstered:hover .toll-hover { fill: #ffffff; } .tooltipster--detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 17px; height: 17px; margin-left: 3px; font-size: 14px; font-weight: 700; border-radius: 50%; color: #ffffff; cursor: pointer; background-color: #D12D21; padding-left: 1px; } @media (max-width: 1692px) { .tooltipster--detail { padding-left: 0 } } @media (max-width: 1024px) { .tooltipster--detail { display: none } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .z-width { width: 100vw; left: 50%; margin-left: -50vw; position: relative; } .z-width--color { background: #F7F5F6; }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ @media (max-width: 500px) { .lk-templates .search { border-bottom: none !important; } } .lk-templates__body { display: none; } .lk-templates__body .table-template__notify-form .btn { margin-top: 0; } .lk-templates__body .news__funcs-date.from .b-form__input { padding: 16px 38px 16px 16px; } .lk-templates .news__search { font-size: 14px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; } @media (max-width: 768px) { .lk-templates .news__search { border-bottom: none; } } @media (max-width: 500px) { .lk-templates .news__search { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .lk-templates .news__search-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .lk-templates .news__search-field { bottom: 0; top: auto; } .lk-templates .count { -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 500px) { .lk-templates .b-section-medium { padding: 0; } } .lk-templates .b-section-medium .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } @media (max-width: 500px) { .lk-templates .b-section-medium .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 500px) { .lk-templates .b-section-medium .wrapper__left { width: 100%; } } .lk-templates__reminder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 500px) { .lk-templates__reminder { padding: 9px 15px; border-bottom: 1px solid #D3D9DE; } } .lk-templates__reminder-title { margin-right: 20px; white-space: nowrap; color: #9EAABB; } @media (max-width: 500px) { .lk-templates__reminder .b-form__cbs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .lk-templates__reminder .b-form__cbs .b-checkbox { padding-right: 0; } .lk-templates__reminder .b-form__cbs .b-checkbox:not(:last-child) { margin-right: 20px; } @media (max-width: 1700px) and (min-width: 1279px) { .lk-templates__reminder .b-form__cbs .b-checkbox:not(:last-child) { margin-top: 0; } } @media (max-width: 500px) { .lk-templates__reminder .b-form__cbs .b-checkbox:not(:last-child) { margin-right: 0; margin-bottom: 7px; } } .lk-templates__reminder .b-form__cbs .b-checkbox__box { margin-right: 10px; } .lk-templates__email { margin-bottom: 25px; } @media (max-width: 500px) { .lk-templates__email { padding: 17px 15px; margin-bottom: 0; } } .lk-templates__section { border-top: 1px solid #D3D9DE; } .lk-templates__section .lk-templates__toggle-arrow .active .i-icon { -webkit-transform: scaleY(1); transform: scaleY(1); color: #E40208; } .lk-templates__section .table-template__inner { padding-bottom: 0; } .lk-templates__section:not(.active) .lk-templates__toggle-arrow a .i-icon { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .lk-templates__section:not(.active) .lk-templates__toggle-arrow a .i-icon * { fill: black; } .lk-templates__section.active .lk-templates__toggle-arrow a .i-icon { -webkit-transform: scaleY(1); transform: scaleY(1); } .lk-templates__section.active .lk-templates__toggle-arrow a .i-icon * { fill: red; } .lk-templates__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; padding: 22px 20px 22px 40px; position: relative; } .lk-templates__head .show-to-rename { margin-right: auto; position: absolute; width: calc(100% - 60px); } @media (max-width: 500px) { .lk-templates__head .show-to-rename { width: calc(100% - 74px); } } .lk-templates__head .show-to-rename .b-form__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; } .lk-templates__head .show-to-rename .b-form__block { margin-bottom: 0; } @media (max-width: 500px) { .lk-templates__head .show-to-rename .b-form__block { width: calc(100% - 100px); padding-right: 0; } } @media (max-width: 500px) { .lk-templates__head .show-to-rename .b-form__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100px; margin: 0 0 0 15px; } } .lk-templates__head .show-to-rename .b-form__btns .btn { margin-top: 0; } @media (max-width: 500px) { .lk-templates__head .show-to-rename .b-form__btns .btn { width: 100px; height: 30px; margin: 0; padding: 0; } } @media (max-width: 500px) { .lk-templates__head .show-to-rename .b-form__btns .btn:first-of-type { margin-bottom: 5px; } } @media (max-width: 768px) { .lk-templates__head { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 15px; } } .lk-templates__head div:not(:last-child) { padding-right: 40px; } @media (max-width: 768px) { .lk-templates__head div:not(:last-child) { padding-right: 10px; margin-bottom: 5px; } } .lk-templates__notify .notify-link { cursor: default; height: 35px; width: 35px; border-radius: 50%; background-color: #FAFAFA; color: #9EAABB; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .lk-templates__notify .notify-link .i-icon { -webkit-transition: .3s ease-out; transition: .3s ease-out; } .lk-templates__notify .notify-link:hover { color: #E40208; cursor:pointer; } .lk-templates__notify .notify-link.reminder { color: #E40208; } @media (max-width: 500px) { .lk-templates__notify { margin-left: auto; margin-top: 20px; } } .lk-templates__name { -ms-flex-preferred-size: 140px; flex-basis: 140px; margin-right: auto; cursor: pointer; } @media (max-width: 768px) { .lk-templates__name { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: 100%; } } .lk-templates__name:hover { color: #E40208; } .lk-templates__name.active ~ .lk-templates__toggle-arrow .i-icon { -webkit-transform: scaleY(1); transform: scaleY(1); } .lk-templates__name.active ~ .lk-templates__toggle-arrow .i-icon * { color: #E40208; } .lk-templates__rename { color: #9EAABB; } .lk-templates__rename .i-icon { width: 18px; height: 18px; margin-right: 10px; } .lk-templates__rename a { white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s ease-out; transition: .3s ease-out } .lk-templates__rename a:hover { color: #E40208; } @media (max-width: 500px) { .lk-templates__rename { margin-right: 30px; margin-top: 15px; } .lk-templates__rename span { display: none; } .lk-templates__rename .i-icon { margin-right: 0; } } .lk-templates__create { color: #9EAABB; } .lk-templates__create .i-icon { width: 18px; height: 18px; margin-right: 10px; } .lk-templates__create a { white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s ease-out; transition: .3s ease-out } .lk-templates__create a:hover { color: #E40208; } @media (max-width: 500px) { .lk-templates__create { margin-right: 30px; margin-top: 15px; } .lk-templates__create span { display: none; } .lk-templates__create .i-icon { margin-right: 0; } } .lk-templates__delete { color: #9EAABB; } .lk-templates__delete .i-icon { width: 20px; height: 20px; margin-right: 10px; } .lk-templates__delete a { white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s ease-out; transition: .3s ease-out } .lk-templates__delete a:hover { color: #E40208; } @media (max-width: 500px) { .lk-templates__delete { margin-top: 15px; } .lk-templates__delete span { display: none; } .lk-templates__delete .i-icon { margin-right: 0; } } .lk-templates__toggle { color: #9EAABB; padding: 10px; cursor: pointer; } @media (max-width: 768px) { .lk-templates__toggle { position: absolute; top: 0; right: 5px; } } .lk-templates__toggle svg * { fill: #9EAABB; -webkit-transition: .3s ease-out; transition: .3s ease-out; } .lk-templates__toggle .i-icon { width: 7px; height: 7px; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .lk-templates__toggle:hover svg *, .lk-templates__toggle.active svg * { fill: #E40208; } .lk-templates__toggle.active { -webkit-transform: scaleY(-1); transform: scaleY(-1); } @media (max-width: 500px) { .lk-templates__toggle-arrow { margin-top: 20px; } } .lk-templates__toggle-arrow .i-icon { width: 7px; height: 7px; min-width: 7px; -webkit-transform: scaleY(-1); transform: scaleY(-1); -webkit-transition: .3s ease-out; transition: .3s ease-out; } @media (max-width: 1700px) and (min-width: 1279px) { .lk-templates__toggle-arrow .i-icon { width: 5.6px; height: 5.6px; min-width: 5.6px; } } .lk-templates__toggle-arrow a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 35px; height: 35px; margin-right: -14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1700px) and (min-width: 1279px) { .lk-templates__toggle-arrow a { width: 25px; height: 25px; margin-right: -13px; } } @media (max-width: 768px) { .lk-templates__toggle-arrow a { margin-right: -10px; } } @media (max-width: 500px) { .lk-templates__toggle-arrow a { margin-right: -14px; } } .lk-templates__toggle-arrow a:hover .i-icon * { color: #F28081; } .lk-templates__toggle-arrow a.active .i-icon { -webkit-transform: scaleY(1); transform: scaleY(1); } .lk-templates__toggle-arrow a.active .i-icon * { color: #E40208; } .lk-templates .select-options { top: 35px; } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none !important; } select { border: none; max-width: 56px; } html { height: 100%; min-width: 320px; overflow-x: hidden } html.locked { overflow: hidden; height: 100%; } body { font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: #002454; background-color: #FAFAFA; overflow: hidden; position: relative; } @media (max-width: 767px) { body { font-size: 14px; } } @media (max-width: 767px) { body > .container { overflow: hidden; } } .title-1, h1, .title-2, h2, .title-3, h3, .title-4, h4 { display: block; margin: 0; font-weight: 700; } .title-1, h1 { margin-bottom: 36px; font-size: 28px; } @media (max-width: 768px) { .title-1, h1 { padding-top: 20px; margin-bottom: 30px; font-size: 24px; } } @media (max-width: 500px) { .title-1, h1 { margin-bottom: 20px; font-size: 20px; } } .title-2, h2 { margin-bottom: 25px; font-size: 24px; } .title-2--icon, h2--icon { height: 17.5px !important; margin-bottom: 4.4px; } @media (max-width: 500px) { .title-2--icon, h2--icon { height: 14px !important; } } @media (max-width: 1700px) and (min-width: 1279px) { .title-2--icon, h2--icon { height: 15px !important; } } .title-2--news:hover, h2--news:hover { color: #E40208; } @media (max-width: 768px) { .title-2, h2 { margin-bottom: 20px; font-size: 22px; } } @media (max-width: 500px) { .title-2, h2 { margin-bottom: 15px; font-size: 18px; } } .title-3, h3 { margin-bottom: 25px; font-size: 18px; } @media (max-width: 768px) { .title-3, h3 { font-size: 16px; margin-bottom: 20px; } } @media (max-width: 500px) { .title-3, h3 { font-size: 14px; margin-bottom: 15px; } } .title-4, h4 { margin-bottom: 15px; font-weight: 700; } @media (max-width: 500px) { .title-4, h4 { margin-bottom: 7px; } } .container { max-width: 1360px; margin: auto; padding: 0 40px; width: 100%; } @media (max-width: 1600px) { .container { width: 80%; } } @media (max-width: 1536px) { .container { width: 100%; } } @media (max-width: 1279px) { .container { padding-top: 0; padding-left: 5%; padding-right: 5%; padding-bottom: 0; } } @media (max-width: 960px) { .container { max-width: 100%; } } @media (max-width: 736px) { .container { padding-left: 4%; padding-right: 4%; } } p { display: block; line-height: 1.7; margin: 0; } @media (max-width: 500px) { p { line-height: 20px; } } img { max-width: 100%; max-height: 100%; } a { display: inline; color: inherit; text-decoration: none !important; -webkit-transition: .3s; transition: .3s; cursor: pointer; } button { background-color: transparent; } .clearfix::after, .clearfix::before { content: ''; display: table; clear: both; } ul { list-style-type: none; margin: 0; padding: 0; } button { border: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; } @media (max-width: 500px) { .bx-ios.bx-touch input, .bx-ios.bx-touch textarea { font-size: 16px; } } @media (max-width: 500px) { .bx-ios.bx-touch .b-filter input { font-size: 14px; } } @media (max-width: 500px) { .bx-ios.bx-touch .b-form__block--location .bx-sls .bx-ui-sls-container input, .bx-ios.bx-touch .b-form__block--location .bx-sls .bx-ui-sls-variants { font-size: 16px; } } input::-ms-clear { display: none; } .link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #D41920; -webkit-transition: .3s ease-out; transition: .3s ease-out; cursor: pointer } .link.disabled { pointer-events: none; } .link:hover { color: #F28081; } .link--grey { color: #9EAABB; } .link--black { color: #002454; } .link--black:hover { color: #E40208; } .hidden { display: none !important; } .i-icon { background-repeat: no-repeat; background-position: center; display: inline-block; vertical-align: middle; width: 1em; height: 1em; fill: currentColor; } .i-icon--big { width: 5em; height: 5em; } .i-icon--help { width: 20px; height: 20px; margin-left: 6px; } @media (max-width: 500px) { .i-icon--help { width: 15px; height: 15px; } } #panel { height: 0; } .bold { font-weight: 700; } .datepicker { z-index: 1500 !important; } .hover-over:after { content: ''; opacity: 0; visibility: hidden; background-color: #292727; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: .3s ease-out; transition: .3s ease-out; } .hover-over:hover:after { opacity: 0.2; visibility: visible; } .hover-border:after { content: ''; opacity: 0; visibility: hidden; background-color: #E40208; height: 1px; position: absolute; bottom: 0; left: 0; -webkit-transition: .3s ease-out; transition: .3s ease-out; width: 0; } .hover-border:hover:after { opacity: 1; visibility: visible; width: 100%; } .success { color: #29AD2E; } .error { color: #E40208; } .loader { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; visibility: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; max-height: 100%; top: 0; right: 0; z-index: 10000; background: rgba(255, 255, 255, .7); -webkit-transition: .3s ease-out; transition: .3s ease-out } .loader.animated { -webkit-animation-duration: 0.3s !important; animation-duration: 0.3s !important; } .loader img { width: 180px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .loader img { -webkit-animation: load 1.3s linear infinite; animation: load 1.3s linear infinite; } } .loader.active { opacity: 1; visibility: visible; } .bx-ie11 .loader.active img { -webkit-animation: cssload-gogoloader 1.3s infinite; animation: cssload-gogoloader 1.3s infinite; } .bx-ie .select.loading .select-styled:before, .bx-ie .b-form__block .sugg_wrapper.loading:after, .bx-firefox .select.loading .select-styled:before, .bx-firefox .b-form__block .sugg_wrapper.loading:after { top: 17px; -webkit-animation: cssload-gogoloader 1.3s infinite; animation: cssload-gogoloader 1.3s infinite; } @media (max-width: 768px) { .bx-ie .select.loading .select-styled:before, .bx-ie .b-form__block .sugg_wrapper.loading:after, .bx-firefox .select.loading .select-styled:before, .bx-firefox .b-form__block .sugg_wrapper.loading:after { top: 15px; } } @-webkit-keyframes cssload-gogoloader { 0% { opacity: 0.3; } 50% { opacity: 1; } 100% { opacity: 0.3; } } @keyframes cssload-gogoloader { 0% { opacity: 0.3; } 50% { opacity: 1; } 100% { opacity: 0.3; } } .ticket_file { clear: both; display: block } .ticket_file:not(:last-of-type) { margin-bottom: 10px; } .ticket_image { } .altasib-support-button-save { margin-right: 20px; margin-top: 15px; display: inline-block; font-weight: 600; } .altasib-support-button-cancel { margin-top: 15px; display: inline-block; color: #B1B1B1; } .altasib-column-support-info, .ticket_textarea_wrap { width: 100%; } .choose_p, .ticket_field { background-color: #ffffff; margin-left: 0 !important; position: relative; padding: 15px; -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, .16); box-shadow: 0 20px 40px rgba(0, 0, 0, .16); } .choose_p li, .ticket_field li { cursor: pointer } .choose_p li:hover, .ticket_field li:hover { color: #E40208; } .altasib_editCommentArea { width: 100%; padding: 16px 20px; border: 1px solid #DEE2E8; border-radius: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1; -webkit-transition: .2s; transition: .2s; position: relative; resize: none; height: 150px !important; } .ticket_change { color: #B1B1B1; display: inline-block; margin-right: 5px } .ticket_change:hover { color: #E40208; } .ticket_toggle { cursor: pointer } .ticket_toggle:hover { color: #E40208; } .ticket_toggle + div { display: block; margin-left: 20px; } font.errortext { color: #E40208 !important; font-size: 15px !important; padding: 3px 0; } div.bx-html-editor { margin: 0 0 0 1px; z-index: 9; } font.notetext { color: green; } @media (max-width: 1700px) and (min-width: 1279px) { body { font-family: "Roboto", sans-serif; } .title-1, h1 { margin-bottom: 28.8px; } .title-2, h2 { margin-bottom: 20px; } .title-3, h3 { margin-bottom: 20px; font-size: 14.4px; } .title-4, h4 { margin-bottom: 12px; } .bx-ie .select.loading .select-styled:before, .bx-ie .b-form__block .sugg_wrapper.loading:after, .bx-firefox .select.loading .select-styled:before, .bx-firefox .b-form__block .sugg_wrapper.loading:after { top: 12px; } } /* Рейтинг звездочками */ .im { background-image: url('/local/client/icons/star.svg'); background-size: 15px 15px; background-repeat: no-repeat; width: 15px; height: 15px; display: inline-block; cursor: pointer; margin-right: 5px; } .rate-hover-layer .im, .rate-select-layer .im { background-image: url('/local/client/icons/star_h.svg'); background-size: contain; } /* flex table */ .b-table .t-row { display: -webkit-box; display: -ms-flexbox; display: flex } .b-table .t-row:not(:last-child) { margin-bottom: 3px; } .b-table .t-row div { width: 50%; } /* Пустой блок */ .result-empty { background-color: #ffffff; } @media (max-width: 768px) { .result-empty { padding: 20px 15px; } } /* xls stuff */ .xls__radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .xls__radio-container { margin-bottom: 20px; display: inline-block; margin-left: auto; margin-right: auto; } .xls__radio-container .b-checkbox:not(:last-child) { margin-bottom: 10px; } .xls__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .xls__btns .btn:not(:last-child) { margin-right: 10px; } .xls__modal .result-error { text-align: center; margin-top: 5px; } .editor { margin-bottom: 25px; } .indention { position: relative; padding-top: 50px; padding-bottom: 50px } .indention:before { content: ""; position: absolute; top: 0; height: 10px; background: #FAFAFA; margin-left: -40px; margin-right: -40px; width: calc(100% + 80px); } @media (max-width: 500px) { .indention:before { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } } .indention:after { content: ""; position: absolute; bottom: 0; height: 10px; background: #FAFAFA; margin-left: -40px; margin-right: -40px; width: calc(100% + 80px); } @media (max-width: 500px) { .indention:after { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } } .bx-ios .rub { font-family: "Brutal Type", "Verdana", 'sans-serif'; font-weight: 600; }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .about-section { margin-bottom: 10px; padding: 60px 0 40px 40px; background-color: #ffffff; position: relative; } .about-section .title-2 { text-transform: uppercase; } .about-section iframe { margin-top: 20px; width: 100%; height: 500px; } @media (max-width: 768px) { .about-section iframe { height: 400px; } } @media (max-width: 640px) { .about-section iframe { height: 300px; } } @media (max-width: 500px) { .about-section iframe { height: 250px; } } @media (max-width: 768px) { .about-section { padding: 30px 0 30px 30px; } } @media (max-width: 640px) { .about-section { padding: 20px 15px; } } .about-section--slider { padding-right: 20px; padding-bottom: 0; } @media (max-width: 1024px) { .about-section--slider { padding-bottom: 1px; } } .about-section--slider .main-brand .swiper-container-brand { overflow: visible; } @media (max-width: 1024px) { .about-section--slider .main-brand .swiper-container[data-slider="brand-preview"] .swiper-wrapper { width: calc(100% + 35px); margin-left: -15px; margin-right: -20px; } } .about-section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-section__left { padding-right: 40px; width: 100%; } @media (max-width: 768px) { .about-section__left { padding-right: 30px; } } .about-section__right { min-width: 540px; max-width: 540px; max-height: 370px; } @media (max-width: 1024px) { .about-section__right { min-width: 320px; max-width: 320px; } } @media (max-width: 768px) { .about-section__right { min-width: 200px; max-width: 200px; } } @media (max-width: 640px) { .about-section__right { display: none; } } @media (max-width: 768px) { .about-section.about-requisites { padding: 30px; } } @media (max-width: 500px) { .about-section.about-requisites { padding: 20px 15px; } } @media (max-width: 768px) { .about-section.about-requisites .about-section__inner { display: block; } } .about-brand { padding-right: 40px; } @media (max-width: 768px) { .about-brand { padding-right: 30px; } } @media (max-width: 640px) { .about-brand { padding-right: 0; } } .about-brand__inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -20px; } @media (max-width: 768px) { .about-brand__inner { margin-left: -10px; } } @media (max-width: 500px) { .about-brand__inner { margin-left: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .about-brand__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(20% - 20px); height: 135px; margin-left: 20px; margin-bottom: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; border: 1px solid #D3D9DE; } @media (max-width: 768px) { .about-brand__item { height: 75px; width: calc(20% - 10px); margin-left: 10px; margin-bottom: 10px; } } @media (max-width: 500px) { .about-brand__item { height: 130px; width: 100%; margin-left: 0; margin-bottom: 10px; } } .about-brand__item:hover { -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .25); box-shadow: 0 0 12px rgba(0, 0, 0, .25); } .about-brand__item img { width: 100%; } @media (max-width: 500px) { .about-brand__item img { max-width: 200px; } } .about-brand .btn { max-width: 235px; margin-top: 30px; } @media (max-width: 500px) { .about-brand .btn { max-width: 100%; margin-top: 15px; } } .about__map { position: absolute; right: 0; top: 0; bottom: 0; left: calc(50% + 40px); } @media (max-width: 768px) { .about__map { position: relative; height: 400px; width: 100%; left: 0; margin-top: 30px; } } @media (max-width: 500px) { .about .requisites .b-c-list__title { max-width: 100%; margin-right: 0; } } .about .main-brand__bg { display: none; } @media (max-width: 1700px) and (min-width: 1279px) { .about-section { margin-bottom: 8px; padding: 48px 0 32px 32px; } .about-section--slider { padding-right: 20px; padding-bottom: 0; } .about-section__left { padding-right: 32px; } .about-section__right { min-width: 432px; max-width: 432px; max-height: 296px; } .about-brand { padding-right: 32px; } .about-brand__inner { margin-left: -16px; } .about-brand__item { width: calc(20% - 16px); height: 108px; margin-left: 16px; margin-bottom: 16px; padding: 8px; } .about-brand .btn { max-width: 188px; margin-top: 24px; } .about__map { left: calc(50% + 32px); } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .aside { display: -webkit-box; display: -ms-flexbox; display: flex; } .aside--right .aside-main { margin-left: 0; margin-right: 20px; } @media (max-width: 1023px) { .aside--right .aside-main { padding-bottom: 30px; } } .aside-main { width: calc(100% - 330px); margin-left: 20px; } @media (max-width: 1450px) { .aside-main {} } @media (max-width: 1279px) { .aside-main {} } @media (max-width: 1023px) { .aside-main { width: 100%; } } .aside-main--no-filter { width: 100%; } .aside-main--no-filter.b-catalog__content { width: 100%; } @media (max-width: 1024px) { .aside-main--no-filter.b-catalog__content { margin-left: 20px; margin-right: 0; } } @media (max-width: 768px) { .aside-main--no-filter.b-catalog__content { margin-left: 0; } } @media (max-width: 500px) { .aside-main .file-selectdialog .file-extended .file-selector { padding: 55px 0 0; } } @media (max-width: 500px) { .aside-main .file-selectdialog .file-extended .file-load-img { width: 50px; height: 50px; left: 50%; top: 0; background-size: 50px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 1023px) { .aside-sidebar { width: 100%; } } .aside-sidebar__inner { padding: 30px 20px; background-color: #ffffff; }/*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } .b-breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 21px; margin-bottom: 23px; } @media (max-width: 768px) { .b-breadcrumbs { margin-bottom: 20px; } .b-breadcrumbs__item { white-space: nowrap; } } @media (max-width: 320px) { .b-breadcrumbs { margin-bottom: 10px; } } @media (max-width: 768px) { .b-breadcrumbs__adaptive:last-child { display: none; } .b-breadcrumbs__adaptive:nth-last-of-type(2) { color: #002454; } } .b-breadcrumbs__item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-right: 3px; color: #9EAABB; font-size: 13px; cursor: default; } @media (max-width: 1536px) { .b-breadcrumbs__item { font-size: 11px; } } @media (max-width: 1200px) { .b-breadcrumbs__item { font-size: 12px; } } .b-breadcrumbs__item:before { content: '-'; padding-right: 3px; } .b-breadcrumbs__item:first-of-type { padding-left: 0; } .b-breadcrumbs__item:first-of-type:before { display: none; } .b-breadcrumbs__item:last-of-type { padding-right: 0; color: #002454; } .b-breadcrumbs__link { cursor: pointer; -webkit-transition: .2s; transition: .2s; } .b-breadcrumbs__link:hover { color: #E40208; } @media (max-width: 1700px) and (min-width: 1279px) { .b-breadcrumbs__item:before { padding-right: 2.4px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-c-list a:hover { color: #E40208; } .b-c-list__line { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 855px) { .b-c-list__line { font-size: 14px; } } @media (max-width: 801px) { .b-c-list__line { font-size: 12px; } } @media (max-width: 768px) { .b-c-list__line { font-size: 16px; } } @media (max-width: 360px) { .b-c-list__line { font-size: 14px; } } .b-c-list__line:not(:last-child) { margin-bottom: 17px; } .b-c-list__title { min-width: 200px; margin-right: 60px; font-weight: 500; } @media (max-width: 768px) { .b-c-list__title { margin-right: 20px; min-width: 180px; } } @media (max-width: 500px) { .b-c-list__title { min-width: 100px; max-width: 100px; } } .b-c-list__value { width: calc(100% - 256px); font-weight: 400; word-wrap: break-word; word-wrap: break-word; word-break: break-word; } @media (max-width: 500px) { .b-c-list__value { width: calc(100% - 130px); } } .b-c-list__value--status .select-wrap--dropdown { -ms-flex-wrap: wrap; flex-wrap: wrap; } .b-c-list__value--status .select-wrap--dropdown .b-c-list__stat { display: block; width: 100%; margin-bottom: 17px; } @media (max-width: 1024px) { .b-c-list__value--status .select-wrap--dropdown .b-c-list__stat { margin-bottom: 13px; } } .b-c-list__value--status .select-wrap--dropdown .select-styled { font-weight: 600; color: #E40208; } .b-c-list__value .select-wrap--dropdown .select { width: 100%; } .b-c-list__value .select-wrap--dropdown .select-styled { display: block; text-overflow: ellipsis; overflow: hidden; } .b-c-list__value .select-wrap--dropdown .select-options { top: calc(100% + 7px); } @media (max-width: 1700px) and (min-width: 1279px) { .b-c-list__line:not(:last-child) { margin-bottom: 13.6px; } .b-c-list__title { min-width: 160px; margin-right: 48px; } .b-c-list__value--status .select-wrap--dropdown { -ms-flex-wrap: wrap; flex-wrap: wrap; } .b-c-list__value--status .select-wrap--dropdown .b-c-list__stat { margin-bottom: 13.6px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-cart-empty__text { text-transform: uppercase; font-size: 24px; margin-bottom: 27px; font-weight: 700; } .b-cart-empty__text .errortext { color: #002454; } .b-cart-empty__message { margin-bottom: 35px; } .b-cart-empty__funcs { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 500px) { .b-cart-empty__funcs { display: block; } } .b-cart-empty__funcs .btn { height: 50px; width: 315px; margin-top: 10px; } @media (max-width: 640px) { .b-cart-empty__funcs .btn { width: 100%; } } .b-cart-empty__funcs .btn:not(:last-child) { margin-right: 10px; } @media (max-width: 500px) { .b-cart-empty__funcs .btn:not(:last-child) { margin-right: 0; } } .b-cart-empty .b-slider { margin-top: 58px; } .b-cart-empty .b-slider .swiper-slide { height: auto; } .b-cart-empty .b-slider .swiper-slide .b-product { height: 100%; } @media (max-width: 1700px) and (min-width: 1279px) { .b-cart-empty__text { font-size: 19.2px; margin-bottom: 21.6px; } .b-cart-empty__message { margin-bottom: 28px; } .b-cart-empty__funcs { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-cart-empty__funcs .btn { width: 252px; height: 40px } .b-cart-empty__funcs .btn:not(:last-child) { margin-right: 8px; } .b-cart-empty .b-slider { margin-top: 46.4px; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-checkbox { display: block; padding-right: 10px; vertical-align: middle; cursor: pointer; } @media (max-width: 640px) { .b-checkbox { padding-right: 0; } } .b-checkbox--translate { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; width: 20%; padding-right: 0 !important; } @media (max-width: 1692px) { .b-checkbox--translate { width: 21%; } } @media (max-width: 1200px) { .b-checkbox--translate { width: 24%; } } @media (max-width: 1136px) { .b-checkbox--translate { width: 26%; } } @media (max-width: 1106px) { .b-checkbox--translate { width: 27%; } } @media (max-width: 1080px) { .b-checkbox--translate { width: 29%; } } @media (max-width: 1024px) { .b-checkbox--translate { width: 20%; } } @media (max-width: 960px) { .b-checkbox--translate { width: 22%; } } @media (max-width: 900px) { .b-checkbox--translate { width: 23%; } } @media (max-width: 855px) { .b-checkbox--translate { width: 25%; } } @media (max-width: 823px) { .b-checkbox--translate { width: 26%; } } @media (max-width: 768px) { .b-checkbox--translate { width: 28%; } } @media (max-width: 667px) { .b-checkbox--translate { width: 31%; } } @media (max-width: 640px) { .b-checkbox--translate { margin: 0 auto; } } @media (max-width: 568px) { .b-checkbox--translate { width: 35%; } } @media (max-width: 540px) { .b-checkbox--translate { width: 38%; } } @media (max-width: 430px) { .b-checkbox--translate { width: 45%; } } @media (max-width: 414px) { .b-checkbox--translate { width: 46%; } } @media (max-width: 375px) { .b-checkbox--translate { width: 52%; } } @media (max-width: 360px) { .b-checkbox--translate { width: 54%; } } @media (max-width: 320px) { .b-checkbox--translate { width: 63%; } } .b-checkbox_reg { margin-top: 0; } .b-checkbox_reg .b-checkbox__text { font-size: 14px; line-height: 18px; } .b-checkbox__input { display: none; } .b-checkbox__input:checked + .b-checkbox__box { border-color: #E40208; } .b-checkbox__input:checked + .b-checkbox__box:after { -webkit-transform: scale(1); transform: scale(1); } .b-checkbox__input.disabled + .b-checkbox__box { cursor: default; opacity: .4; } .b-checkbox__input.disabled + .b-checkbox__box + .b-checkbox__text { cursor: default; opacity: .4; } .b-checkbox__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .b-checkbox__label.disabled { cursor: default; opacity: .4; } .b-checkbox__box { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 20px; max-width: 20px; height: 20px; margin-right: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; border: 1px solid #D3D9DE; border-radius: 2px; position: relative; cursor: pointer; } .b-checkbox__box:after { content: ''; width: 10px; height: 10px; border-radius: 2px; background-color: #E40208; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: .2s; transition: .2s; } .b-checkbox__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; cursor: pointer; } .b-checkbox--reg { margin-bottom: 14px; } .b-checkbox--radio .b-checkbox__box { border-radius: 50% } .b-checkbox--radio .b-checkbox__box:after { content: ''; border-radius: 50%; } .b-checkbox--toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 640px) { .b-checkbox--toggle { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 15px; } } .b-checkbox--toggle .b-checkbox__input { border: none !important } .b-checkbox--toggle .b-checkbox__input:checked + .b-checkbox__box { background-color: #FCDEDF !important; } .b-checkbox--toggle .b-checkbox__input:checked + .b-checkbox__box:after { content: ''; background-color: #E40208 !important; -webkit-transform: scale(1) translateX(100%) translateX(-15px); transform: scale(1) translateX(100%) translateX(-15px); } .b-checkbox--toggle .b-checkbox__box { border: none !important; width: 35px; min-width: 35px; height: 11px; margin-right: 0; border-radius: 20px; background-color: #E5E6E7; -webkit-transition: .3s ease-out; transition: .3s ease-out } .b-checkbox--toggle .b-checkbox__box:after { content: ''; width: 20px !important; height: 20px !important; -webkit-transform: scale(1) translateX(-100%) translateX(15px); transform: scale(1) translateX(-100%) translateX(15px); border-radius: 50% !important; background-color: #B1B1B1 !important; border: 2px solid #ffffff !important; } .b-checkbox--toggle .b-checkbox__box--translate { margin-right: 8px; width: 30%; margin-left: 10px; } @media (max-width: 640px) { .b-checkbox--toggle .b-checkbox__box--translate { margin-left: 0; } } @media (max-width: 1700px) and (min-width: 1279px) { .b-checkbox { padding-right: 8px; } .b-checkbox__box { min-width: 16px; max-width: 16px; height: 16px; margin-right: 12px } .b-checkbox__box:after { width: 8px; height: 8px; } .b-checkbox__box--translate { margin-right: 10px !important; } .b-checkbox--toggle .b-checkbox__box { width: 28px; min-width: 28px; height: 8.8px; border-radius: 16px } .b-checkbox--toggle .b-checkbox__box:after { width: 16px !important; height: 16px !important; -webkit-transform: scale(1) translateX(-100%) translateX(12px); transform: scale(1) translateX(-100%) translateX(12px); } } @media (max-width: 767px) { .b-checkbox--radio_reg { width: 100%; margin-bottom: 16px; } } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } .b-count { width: 141px; height: 50px; background-color: #fff; border: 1px solid #D3D9DE; -webkit-transition: .2s; transition: .2s } .b-count:hover { border-color: #9EAABB; } .b-count.error { border-color: #E40208; } /*@media (--max768) { width: 113px; }*/ .b-count--inline { margin-top: 10px; } .b-count__btn { display: inline-block; min-width: 40px; height: 40px; background-color: transparent; -webkit-transition: all ease .2s; transition: all ease .2s; position: relative; cursor: pointer; } @media (max-width: 768px) { .b-count__btn { width: 30px } } .b-count__btn:before { background-color: #9EAABB; position: absolute; width: 15px; height: 3px; content: ""; top: 0; bottom: 0; margin: auto; left: 0; right: 0; } .b-count__btn:hover:before, .b-count__btn:hover:after { -webkit-transition: .2s; transition: .2s; background-color: #E40208; } .b-count__btn--plus:after { background-color: #9EAABB; position: absolute; height: 15px; width: 3px; content: ""; top: 0; bottom: 0; margin: auto; left: 0; right: 0; } .b-count__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .b-count__wrap-delay { padding-left: 32px; } @media (max-width: 768px) { .b-count__wrap-delay { padding-left: 0 } } .b-count__input-wrap { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; text-align: center; } .b-count__input-wrap input { width: 100%; padding: 0; background-color: transparent; font-size: 16px; line-height: 23px; border: 0; text-align: center; } @media (max-width: 768px) { .b-count__input-wrap input { width: 60px } } .b-count-text { margin-bottom: 15px; font-size: 14px; } @media (max-width: 1700px) and (min-width: 1279px) { .b-count { width: 112.8px; height: 40px; } .b-count--inline { margin-top: 8px; } .b-count__btn { min-width: 32px; height: 32px } .b-count__btn:before { width: 12px; height: 2.4px; } .b-count__btn--plus:after { height: 12px; width: 2.4px; } .b-count__input-wrap input { font-size: 12.8px; line-height: 18.4px; } .b-count-text { margin-bottom: 12px; font-size: 11.2px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-filter { padding: 20px; background-color: #ffffff; z-index: 10; } .b-filter--manufacture { margin-bottom: 20px; } @media (max-width: 768px) { .b-filter.active { width: 100%; } } .b-filter__header { margin-bottom: 15px; font-size: 18px; font-weight: 500; text-transform: uppercase; } @media (max-width: 1024px) { .b-filter__header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .b-filter__content { display: none; } .b-filter__content.active { display: block; } .b-filter__content .b-checkbox__text { white-space: normal; } .b-filter__item { position: relative; margin-bottom: 8px; } .b-filter__item--btn .b-filter__title.active { padding-bottom: 10px; } .b-filter__item--btn .b-filter__title svg { position: absolute; right: 0; } .b-filter__item--btn .b-filter__title.active { padding-bottom: 10px; } .b-filter__item--btn .b-filter__title.active.b-filter__title--filter { padding-bottom: 0; } .b-filter__item--btn .b-filter__title svg { position: absolute; right: 0; } .b-filter__item--range .filter__result-count { top: auto !important; bottom: 57px; } .b-filter__all { width: 100%; padding: 0; border: none; background-color: transparent; color: #002454; font-weight: 700; text-align: left; text-transform: uppercase; cursor: pointer; line-height: 1.5; } .b-filter__title { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 700; text-transform: uppercase; cursor: pointer; -webkit-transition: .4s; transition: .4s; } .b-filter__title:hover { color: #E40208; } .b-filter__title--border { border-top: 1px solid #DEE2E8; border-bottom: 1px solid #DEE2E8; } .b-filter__title--filter { padding: 0; } .b-filter__title span { width: calc(100% - 15px); margin-right: 20px; } .b-filter__title svg { -webkit-box-flex: 0; -ms-flex: 0 0 10px; flex: 0 0 10px; width: 10px; margin-left: auto; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .b-filter__title svg * { fill: #002454; } @media (max-width: 1023px) { .b-filter__title.active { padding-bottom: 10px; } } .b-filter__title.active svg { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .b-filter__title.active svg * { fill: #E40208; } .b-filter__btns { padding-top: 20px; } .b-filter__btns .btn { margin-bottom: 10px; } .b-filter__opener { font-size: 16px; color: #004391; font-weight: 500; cursor: pointer; } @media (max-width: 1024px) { .b-filter__opener { margin-right: 10px; } } .b-filter__opener svg { width: 20px; margin-right: 4px; } .b-filter__close { display: none; } @media (max-width: 1024px) { .b-filter__close { display: block; } } .b-filter .b-checkbox__label { margin-bottom: 15px; } .b-filter__manufactures { border-top: 1px solid #DEE2E8; margin-top: 20px; padding-top: 20px; } .b-filter__manufactures .switch { margin: 0; } .b-filter__manufactures .b-filter__title { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .filter__result-wrap { height: 0; } @media (max-width: 768px) { .filter__result { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .filter__result-count { position: absolute; left: 108%; z-index: 3; } @media (max-width: 1024px) { .filter__result-count { left: -200px; } } @media (max-width: 768px) { .filter__result-count { position: relative; right: 0; left: 0; } } .filter__result-count span { padding: 0 1px; } .filter__result-count div { position: relative; min-width: 180px; width: auto; height: 100%; padding: 12px 20px; background: #002454; font-size: 14px; font-weight: 500; color: #ffffff; -webkit-transition: .2s ease; transition: .2s ease; white-space: nowrap; } .filter__result-count div:after { content: ''; width: 12px; height: 12px; position: absolute; left: -8px; top: 21px; background-color: #002454; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); } @media (max-width: 1024px) { .filter__result-count div:after { left: auto; right: 0; } } @media (max-width: 768px) { .filter__result-count div { width: 100%; height: auto; padding: 0; background-color: transparent; color: #B1B1B1; text-align: center; } .filter__result-count div:after { display: none; } } .filter__result-count:hover div { color: #FFD93D; } @media (max-width: 1700px) and (min-width: 1279px) { .b-filter { padding: 16px; } .b-filter__header { margin-bottom: 12px; font-size: 14.4px; } .b-filter__item { position: relative; } .b-filter__item--range .filter__result-count { bottom: 45.6px; } .b-filter__title { font-size: 11.2px; } .b-filter__title svg { width: 8px; } .b-filter__title.active { padding-bottom: 16px; } .b-filter__btns { padding-top: 16px; } .b-filter__btns .btn { margin-bottom: 8px; } .b-filter__opener { font-size: 12.8px; } .b-filter__opener svg { width: 16px; margin-right: 3.2px; } .b-filter .b-checkbox__label { margin-bottom: 12px; } .b-filter__manufactures { border-top: 1px solid #DEE2E8; margin-top: 16px; padding-top: 16px; } .filter__result-count { right: -144px; } .filter__result-count div { width: 144px; padding: 9.6px 16px; font-size: 11.2px } .filter__result-count div:after { width: 9.6px; height: 9.6px; left: -6.4px; top: 16.8px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-form__block-hidden { margin-top: -39px; top: 10px; } .b-form__input-hidden { opacity: 0; height: 1px; } .b-form__title-section { font-size: 14px; line-height: 18px; margin-bottom: 48px; font-weight: bold; } .b-form__wrap-input { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-form__title-radio { font-weight: bold; font-size: 14px; line-height: 16px; width: 100%; margin-bottom: 5px; } .b-form__wrap-input { margin-bottom: 40px; } .b-form__open { display: none; } .b-form .b-form__open.b-form__block--number { display: none; } .b-form .open { display: inline-block; } .b-form .b-form__check-modal { position: fixed; background: white; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 600px; min-height: 100px; display: none; z-index: 100; } .b-form .b-form__check-modal.open { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-form .b-form__check-modal-wrap { width: 100%; height: 100%; position: relative; padding: 100px; } .b-form .check-modal-close { position: absolute; right: 10px; top: 10px; } .b-form__property { margin-bottom: 15px; } .b-form .error-block, .b-form .b-form__error { display: none; } .b-form__warning { color: #D12D21; font-size: 14px; line-height: 22px; margin-bottom: 8px; width: 100%; } .b-form__form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .b-form__form.js-form-individual, .b-form__form.js-form-entity, .b-form__form.js-form-manufacturer, .b-form__form.js-form-trade { display: none; } .b-form__form.js-form-individual.open, .b-form__form.js-form-entity.open, .b-form__form.js-form-manufacturer.open, .b-form__form.js-form-trade.open { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-form__block-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-form__openBlock { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .b-form__openBlock.b-form__openBlock--hidden { display: none; } .b-form__min-select { font-weight: bold; font-size: 14px; line-height: 18px; color: #002454; text-transform: uppercase; padding-bottom: 16px; border-bottom: 1px solid #002454; width: 100%; position: relative; margin-bottom: 32px; cursor: pointer; } .b-form__min-select span { color: #D12D21; } .b-form__min-select:after { content: ''; position: absolute; border: 4px solid transparent; border-top: 6px solid #002454; right: 0; top: 8px; -webkit-transition: .3s; transition: .3s; } .b-form__min-select.active:after { top: 5px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .b-form__min-select.active + .b-form__openBlock--hidden { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-form__min-select--block { cursor: unset; } .b-form__min-select--block:after { display: none; } .b-form__add { display: inline-block; max-width: 352px; } .b-form__add--margin { margin-top: -57px; } .b-form__add--margin .b-checkbox { margin-bottom: 0 } .b-form__add--margin .b-checkbox + .b-form__openBlock { margin-top: 40px; } .b-form__add--block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: none; width: 100%; } .b-form__left, .b-form__right { width: 352px; } .b-form__left--width { -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-form .b-form__block.error .error-block, .b-form .b-form__block.error .b-form__error { display: block; } .b-form .b-form__block.error .b-form__input, .b-form .b-form__block.error .b-form__textarea, .b-form .b-form__block.error .not-selected { border-color: #E40208; } .b-form > .success:not(.b-form__block), .b-form > .error:not(.b-form__block) { margin-bottom: 5px; font-size: 15px; } .b-form__privacy { margin-bottom: 15px; } .b-form__privacy .b-checkbox:not(:last-of-type) { margin-bottom: 5px; } .b-form__privacy .b-checkbox__text { font-size: 13px; line-height: 1.3; } .b-form__privacy .b-checkbox__text .link { display: inline; } .b-form__privacy--reg { margin-top: 64px !important; } .b-form__textarea { width: 100%; height: 150px; resize: none; } .b-form__textarea--small { height: 100px; } @media (max-width: 768px) { .b-form__textarea { height: 90px; } } .b-form__label { display: block; margin-bottom: 10px; font-size: 14px; font-weight: 700; } .b-form__label--star { color: #D12D21; } .b-form__block { position: relative; margin-bottom: 15px; } .b-form__block--translate { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 640px) { .b-form__block--translate { display: block !important; } } .b-form__block--right, .b-form__block--left { width: 47%; } .b-form__block:last-of-type { margin-bottom: 0; } .b-form__block .input-multiple-wrap { position: relative; } .b-form__block .input-multiple-wrap .clone-remove { position: absolute; top: 0; bottom: 0; margin: auto; right: -25px; width: 20px; height: 20px; cursor: pointer; } @media (max-width: 500px) { .b-form__block .input-multiple-wrap .clone-remove { right: 10px; } } .b-form__block .input-multiple-wrap .clone-remove:hover { opacity: 0.8; } .b-form__block .input-multiple-wrap .clone-remove:after, .b-form__block .input-multiple-wrap .clone-remove:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 15px; height: 2px; background-color: red; } .b-form__block .input-multiple-wrap .clone-remove:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .b-form__block .input-multiple-wrap .clone-remove:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .b-form__block .input-multiple-wrap:not(:last-of-type) { margin-bottom: 10px; } .b-form__block.input-block.loading:after, .b-form__block .sugg_wrapper.loading:after { content: ""; position: absolute; top: 44px; right: 7px; width: 32px; height: 20px; background: url('/local/client/icons/loader.svg') no-repeat; background-size: 100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .b-form__block.input-block.loading:after, .b-form__block .sugg_wrapper.loading:after { -webkit-animation: load 1.3s linear infinite; animation: load 1.3s linear infinite; } } .b-form__block.input-block.loading .b-form__input, .b-form__block .sugg_wrapper.loading .b-form__input { padding-right: 33px; } .b-form__block .sugg_wrapper.loading:after { top: 15px; } @media (max-width: 500px) { .b-form__block--location .bx-sls { height: 47px; } .b-form__block--location .bx-sls .dropdown-icon { top: 16px; } .b-form__block--location .bx-sls .bx-ui-sls-clear { margin: 8px 0; } .b-form__block--location .bx-sls .bx-ui-sls-container { min-height: 45px; } .b-form__block--location .bx-sls .bx-ui-sls-container input { height: 100%; font-size: 14px; } } .b-form__block--error { color: #E40208; } .b-form__block--width { max-width: 352px; width: 100%; } .b-form__block--namber { width: 47%; display: none; overflow: hidden; } .b-form__block--namber label { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .b-form__title--address { margin: 20px 0 10px; font-weight: 700; font-size: 18px; } @media (max-width: 768px) { .b-form__title--address { margin: 10px 0 5px; font-size: 16px; } } .b-form__input { height: 50px; } @media (max-width: 500px) { .b-form__input { height: 45px; } } .b-form__input-add { cursor: pointer; -webkit-transition: .3s ease; transition: .3s ease; margin-top: 10px; font-size: 14px; } .b-form__input-add:hover { opacity: 0.8; } .b-form__input, .b-form__textarea { width: 100%; padding: 16px 20px; border: 1px solid #DEE2E8; border-radius: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1; -webkit-transition: .2s; transition: .2s; position: relative; } .b-form__input--centermsg ~ .b-form__error, .b-form__textarea--centermsg ~ .b-form__error { left: 0; right: 0; margin: auto; } .b-form__input.error ~ .b-form__error, .b-form__textarea.error ~ .b-form__error { display: block; } .b-form__input::-webkit-input-placeholder, .b-form__textarea::-webkit-input-placeholder { color: #9EAABB; } .b-form__input:-ms-input-placeholder, .b-form__textarea:-ms-input-placeholder { color: #9EAABB; } .b-form__input::-ms-input-placeholder, .b-form__textarea::-ms-input-placeholder { color: #9EAABB; } .b-form__input::placeholder, .b-form__textarea::placeholder { color: #9EAABB; } .b-form__input:hover, .b-form__textarea:hover { border-color: #9EAABB; } .b-form__input:focus, .b-form__textarea:focus { border-color: #E40208; } .b-form__input:disabled, .b-form__textarea:disabled { background-color: #FAFAFA; } .b-form__btns { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -10px; } @media (max-width: 500px) { .b-form__btns { display: block; } } .b-form__btns .btn { width: calc(50% - 10px); margin-left: 10px; height: 50px; } .b-form__btns .btn span { overflow: hidden; text-overflow: ellipsis; } .b-form__btns--reg .btn { width: 352px; margin-top: 0 !important; } .b-form-privacy { margin-top: 20px; font-size: 14px; } .b-form-privacy-reg { margin-bottom: 24px; } .b-form-privacy-reg .b-checkbox__text { font-size: 14px; line-height: 18px; } @media (max-width: 500px) { .b-form .file-selectdialog .file-extended .file-selector { padding: 105px 0 0; text-align: center; border: 3px dashed transparent; } } @media (max-width: 500px) { .b-form .file-selectdialog .file-extended .file-selector:hover { border: 3px dashed #d4dde1; } } @media (max-width: 500px) { .b-form .file-selectdialog .file-extended .file-load-img { left: 50% !important; top: 13px !important; -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } } .b-form__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } @media (max-width: 500px) { .b-form__wrap { display: block; margin-bottom: 15px; } } .b-form__wrap .b-form__block { width: 50%; margin-bottom: 0; } @media (max-width: 500px) { .b-form__wrap .b-form__block { width: 100%; } } .b-form__wrap .b-form__block:not(:last-child) { margin-right: 20px; } @media (max-width: 500px) { .b-form__wrap .b-form__block:not(:last-child) { margin-right: 0; margin-bottom: 15px; } } .b-form__requirements { font-size: 14px; margin-top: 18px; } .b-form__agreement { font-size: 14px; } .b-form__agreement a { display: inline; } .b-form__cbs { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-form__cbs .b-checkbox:not(:last-child) { margin-right: 40px; } .b-form__cbs--reg { margin-bottom: 20px; } .b-form__cbs--reg .b-checkbox:not(:last-child) { margin-right: 32px; } .b-form__section { position: relative; margin-bottom: 10px; } .b-form__section .b-form__input { margin-bottom: 0; padding: 16px 40px 16px 20px; } .b-form__section .b-form__input--margin { margin-bottom: 10px; } .b-form__section .tooltip { position: absolute; right: 15px; top: 17px; } @media (max-width: 1024px) { .b-form__section input:focus + .tooltip .tooltip__content { visibility: visible; opacity: 1; } } @media (max-width: 768px) { .b-form__submit { width: 100% !important; } } .b-form__success-result { margin-top: 20px; color: #29AD2E; text-align: right; } @media (max-width: 768px) { .b-form__success-result { text-align: left; } } .b-form__error, .b-form .error-block { position: absolute; color: #E40208; text-transform: none; font-weight: normal; -webkit-transition: .2s; transition: .2s; font-size: 11px; bottom: 1px; left: 20px; pointer-events: none; } .b-form__error.active, .b-form .error-block.active { margin-top: -5px; margin-bottom: 5px; position: static; visibility: visible; opacity: 1; } .b-form__success { position: absolute; bottom: 1px; font-size: 11px; left: 20px; color: #29AD2E; display: none; } .b-form .btn { margin-top: 20px; } .b-form .btn--wrap { margin-top: 0; } textarea.error, input.error { border-color: #E40208 !important; -webkit-transition: .2s; transition: .2s; } textarea.success, input.success { border-color: #29AD2E !important; -webkit-transition: .2s; transition: .2s; } .result-text { color: #29AD2E; } .errors_cont, .error-text { color: #E40208; margin-bottom: 5px; font-size: 15px; } .success_cont, .result_cont { color: #29AD2E; margin-bottom: 5px; font-size: 15px; } /* clears the 'X' from Internet Explorer */ input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } /* clears the 'X' from Chrome */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } @media (max-width: 1700px) and (min-width: 1279px) { .b-form__textarea { height: 120px; } .b-form__textarea--small { height: 80px; } .b-form__label { margin-bottom: 8px; font-size: 11.2px; } .b-form__block { margin-bottom: 16px; } .b-form__block .bx-sls { height: 40px; } .b-form__block .bx-sls .dropdown-icon { top: 12px; } .b-form__block .bx-sls .bx-ui-sls-clear { margin: 4px 0; } .b-form__block .bx-sls .bx-ui-sls-container { min-height: 38px; } .b-form__block .bx-sls .bx-ui-sls-container input { height: 100%; font-size: 12.8px; } .b-form__block .bx-sls .bx-ui-sls-variants { font-size: 12.8px; } .b-form__block.input-block.loading:after { top: 32px; right: 5px; } .b-form__title--address { margin: 16px 0 8px; font-weight: 700; font-size: 14.4px; } .b-form__input { height: 40px; } .b-form__input, .b-form__textarea { padding: 12.8px 16px; font-size: 12.8px; } .b-form__btns { margin-left: -8px; } .b-form__btns .btn { width: calc(50% - 8px); margin-left: 8px; height: 40px; } .b-form__btns--reg .btn { width: 352px; } .b-form-privacy { margin-top: 16px; font-size: 11.2px; } .b-form__wrap .b-form__block:not(:last-child) { margin-right: 16px; } .b-form__requirements { font-size: 11.2px; margin-top: 14.4px; } .b-form__agreement { font-size: 11.2px; } .b-form__cbs { height: 40px; } .b-form__cbs .b-checkbox:not(:last-child) { margin-right: 32px; margin-top: 16px; } .b-form__cbs--reg .b-checkbox { margin-top: 0 !important; } .b-form__section { margin-bottom: 8px; } .b-form__section .b-form__input { padding: 12.8px 32px 12.8px 16px; } .b-form__section .b-form__input--margin { margin-bottom: 8px; } .b-form__section .tooltip { position: absolute; right: 12px; top: 13.6px; } .b-form__success-result { margin-top: 16px; } .b-form__error.active { margin-top: -4px; margin-bottom: 4px; } } @media (max-width: 1200px) { .b-form__left, .b-form__right { width: 43%; } .b-form__block--width { max-width: none; } } @media (max-width: 1023px) { .b-form__left, .b-form__right { width: 100%; margin-bottom: 24px; } .b-form__add { margin-top: 0; } } .nav-none .bxhtmled-top-bar-wrap { display: none; } .manufacturer-select .selectize-input { padding-left: 65px; } .manufacturer-select .selectize-input.focus { padding-left: 10px; } .manufacturer-select .selectize-input:before { position: absolute; top: 0; left: 15px; bottom: 0; display: block; width: 40px; margin: auto; height: 20px; content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; } .manufacturer-select .selectize-input.focus:before { display: none; } .selectize-dropdown-content .option:before { display: block; width: 40px; min-width: 40px; max-width: 40px; height: 20px; content: ''; margin-right: 8px; background-repeat: no-repeat; background-position: center; background-size: contain; } .selectize-dropdown-content .option { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .b-form__cbs--reg { -ms-flex-wrap: wrap; flex-wrap: wrap; } .b-form__cbs--reg .b-checkbox { margin-top: 0; } .b-form__btns--reg { width: 100%; max-width: none; } .b-form__title-section { margin-bottom: 48px; } } .suggestions-promo { display: none !important; } .select-wrap__reg .select-options li { color: #002454; } .suggestions-value strong { color: #292727; } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-list { padding-bottom: 40px; max-width: 527px; } /* ? */ .b-list div { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .b-list div.hidden { display: none !important; } .b-list span:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .b-list span:first-of-type:after { content: ''; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-bottom: 1px dotted #9EAABB; position: relative; bottom: 6px; margin: 0 3px; } .b-list span:last-of-type { //max-width: 50%; text-align: right; } @media (max-width: 1700px) and (min-width: 1279px) { .b-list { padding-bottom: 32px; max-width: 421.6px; } .b-list div { margin-bottom: 8px; } .b-list span:first-of-type:after { bottom: 4.8px; margin: 0 2.4px; } }/*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } .b-modal { display: none; width: calc(100% - 30px); padding: 38px 60px 30px; max-width: 500px; margin: 20px auto; background-color: #fff; position: relative; } @media (max-width: 768px) { .b-modal { padding: 20px 15px; } } /*NEW*/ .b-modal--register-success .b-modal__content { text-align: center; } .b-modal--auth-block, .b-modal--registration-block { display: none; } .b-modal--auth-block.open, .b-modal--registration-block.open { display: block; } /*delete*/ .b-modal--registration { max-width: 1040px; padding: 64px 0 56px; } .b-modal--bidding { padding: 64px 64px 75px; max-width: 1040px; } .b-modal--auth { padding: 64px 64px 75px; max-width: 456px; } .b-modal--auth.open-reg { max-width: 1040px; padding: 64px 0 56px; } .b-modal__error-text { padding: 24px 37px; background: rgba(82%, 18%, 13%, .1); color: #D12D21; margin-bottom: 64px; } .b-modal--blank-fields { max-width: 688px; padding-right: 132px; padding-left: 132px; } .b-modal--blank-fields .b-form__block--width { max-width: 100%; } .b-modal__auth-registration { font-size: 14px; line-height: 18px; color: #002454; margin-bottom: 45px; text-align: center; } .b-modal__auth-registration--margin { margin-bottom: 64px; } .b-modal__register { font-size: 14px; line-height: 18px; } .b-modal__register--recovery { color: #002454; font-weight: 500; } .b-modal__sotial--text { font-size: 16px; line-height: 18px; text-align: center; color: #A0AAB9; margin-bottom: 18px; text-align: center; font-weight: 500; padding: 0 15px; } .b-modal__sotial--icon { width: 24px; height: 24px; display: inline-block; margin-right: 24px; opacity: 1; -webkit-transition: .4s; transition: .4s } .b-modal__sotial--icon:last-child { margin-right: 0; } .b-modal__sotial--icon img { width: 100%; height: auto; max-height: 100%; } .b-modal__sotial--icon-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .b-modal__sotial--icon:hover { opacity: .5; } .b-modal__sotial--reg { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #F3F5F7; padding: 28px 0px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 48px; border-radius: 3px; width: 100%; } .b-modal__sotial--reg .b-modal__sotial--text { font-size: 14px; line-height: 18px; text-align: left; color: #002454; margin-bottom: 0; margin-right: 30px; } .b-modal--create-appeal .b-modal__title { margin-bottom: 13px; } .b-modal--create-appeal .b-modal__content { text-align: center; } .b-modal--prductCards { background: #002454; } @media (max-width: 500px) { .b-modal--add-feed .b-form__cbs, .b-modal--contact-mfr .b-form__cbs, .b-modal--small-table .b-form__cbs { display: block; } .b-modal--add-feed .b-form__cbs .b-checkbox:not(:last-child), .b-modal--contact-mfr .b-form__cbs .b-checkbox:not(:last-child), .b-modal--small-table .b-form__cbs .b-checkbox:not(:last-child) { margin-bottom: 13px; } } .b-modal--add-feed .b-form__btns, .b-modal--contact-mfr .b-form__btns, .b-modal--small-table .b-form__btns { margin: 0; } .b-modal--add-feed .b-form__btns .btn, .b-modal--contact-mfr .b-form__btns .btn, .b-modal--small-table .b-form__btns .btn { margin: 0; width: 100%; } .b-modal--add-feed .input-block { margin-bottom: 15px; } .b-modal--add-feed .input-block textarea { width: 100%; } .b-modal--add-feed .b-form__block--property { padding: 20px 25px; margin-bottom: 20px; background-color: #FAFAFA; border: 1px solid #DEE2E8; border-radius: 2px; } .b-modal--add-feed .b-form__input:not(:last-child) { margin-bottom: 15px; } .b-modal--add-feed .selectize-control{ height: 50px; margin-bottom: 15px; } .b-modal--add-feed .selectize-input { padding: 15px 30px 15px 8px; font-size: 16px; } .b-modal--auth .b-form__privacy { margin-top: 15px; } /*END NEW*/ .b-modal--zoom { padding: 30px; } .b-modal--zoom .b-modal__close { right: 15px; top: 15px; z-index: 10; } .b-modal--video { padding: 30px; } .b-modal--video .b-modal__close { right: 10px; top: 10px; } .b-modal--question .b-modal__title { text-align: left; font-size: 16px; line-height: 24px; } .b-modal--question .b-form__block { margin-bottom: 30px; } .b-modal--question .b-form__btn { width: auto; height: 40px !important; margin-right: 7px; padding: 0 25px !important; font-size: 12px; line-height: 14px; text-transform: uppercase; vertical-align: top; } .b-modal--question .b-form__label { font-weight: normal; font-size: 13px; line-height: 21px; } .b-modal--question .b-form__label span { color: #E40208; } .b-modal--question .b-form__input { height: 40px; } .b-modal--question .select { margin-left: 0 !important; margin-right: 0 !important; } .b-modal--project { margin: 15px auto !important; padding: 53px 30px 40px !important; } @media (max-width: 768px) { .b-modal--project { padding: 30px 15px !important; } } .b-modal--project .b-modal__title { margin-bottom: 20px; padding: 0; font-size: 20px; font-weight: 500; text-align: left; color: #004391; } @media (max-width: 768px) { .b-modal--project .b-modal__title { margin-bottom: 10px; font-size: 16px; } } .b-modal--project .b-projects__locate { margin-bottom: 15px; color: #004391; } .b-modal--project .b-projects__locate svg path { fill: #004391; } .b-modal--project .b-modal__close { right: 20px; } @media (max-width: 768px) { .b-modal--project .b-modal__close { top: 5px; right: 5px; } } .b-modal__rating { margin: auto; margin-bottom: 15px; } .b-modal__cancel input[type="submit"] { height: 40px; margin-bottom: 10px; } .b-modal__cancel--title { margin-bottom: 10px; } .b-modal__title-img { width: 100%; height: 340px; margin-bottom: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 768px) { .b-modal__title-img { height: 220px; } } .b-modal__img { text-align: center; } @media (max-width: 768px) { .b-modal__img { overflow-y: hidden; overflow-x: auto; } .b-modal__img img { max-height: none; max-width: none; } } .b-modal__close { position: absolute !important; right: 15px; top: 15px; } @media (max-width: 768px) { .b-modal__close { right: 15px; top: 15px; } } .b-modal__content { margin-top: 6px; } .b-modal__content .result_cont { font-size: 14px; } .b-modal__content .result_cont .error-text { color: #E40208; } .b-modal__content .message { color: green; font-size: 14px; } .b-modal__title { margin-bottom: 25px; font-size: 24px; font-weight: 500; text-align: center; } .b-modal__title--auth { font-size: 24px; line-height: 28px; margin-bottom: 16px; font-weight: bold; } @media (max-width: 768px) { .b-modal__title { margin-bottom: 20px; padding: 0 35px; font-size: 20px; } } .b-modal__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .b-modal__buttons { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-modal__buttons > * { width: calc(50% - 5px); } @media (max-width: 768px) { .b-modal__buttons > * { width: 100%; margin-bottom: 15px; } } .b-modal__buttons > *:last-child { margin-left: 10px; } @media (max-width: 768px) { .b-modal__buttons > *:last-child { margin: 0; } } .b-modal__buttons--required { margin-top: 45px; margin-bottom: 45px; /* font-size: 14px; line-height: 16px; height: 50px; */ } .b-modal--product {} .b-modal--text-document { padding-bottom: 38px; } .b-modal--text-document .b-static { padding: 0; } .b-modal--text-document .b-static p.bold { margin-bottom: 10px; } .b-modal--text-document .b-static ul:not(.news__tags-items) { margin-bottom: 0 } .b-modal--text-document .b-static ul:not(.news__tags-items):not(:last-child) { margin-bottom: 15px; } .b-modal--text-document .b-static ul:not(.news__tags-items) > li { line-height: 1.3; } .b-modal--text-document .b-static ul:not(.news__tags-items) > li:not(:last-child) { margin-bottom: 5px; } .b-modal--text-document .b-static ul:not(.news__tags-items) > li:before { top: 7px; } @media (max-width: 1700px) and (min-width: 1279px) { .b-modal--text-document .b-static ul:not(.news__tags-items) > li:before { top: 5px; } } .b-modal__product { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .b-modal__product-img { width: 100%; height: 160px; background-repeat: no-repeat; background-size: contain; background-position: center; } .b-modal__product-title { margin-bottom: 10px; font-size: 18px; font-weight: 500; color: #004391; } .b-modal__product .b-sorting__item { margin: 0 0 20px; } .b-modal__product .btn { width: 100% } .b-modal__product .btn:not(:last-of-type) { margin-bottom: 10px; } .b-modal__product .select-options { width: 140px !important; } .b-modal__register { display: inline-block; font-size: 14px; margin-top: 0; } .b-modal__text { margin-bottom: 10px; line-height: 1.4; } .b-modal__link { margin-bottom: 10px; color: #004391; -webkit-text-decoration: underline #004391; text-decoration: underline #004391; -webkit-transition: .2s; transition: .2s; } .b-modal__link:hover { -webkit-text-decoration: underline transparent; text-decoration: underline transparent; } .b-modal .btn { padding: 10px; height: 50px; } .b-modal .btn__required { margin: 0; } @media (max-width: 768px) { .b-modal .btn { width: 100%; } } .b-modal__submit { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin: 0 auto; } .b-modal__solution--item { font-size: 14px; line-height: 16px; margin-bottom: 12px } .b-modal__solution--item:last-child { margin-bottom: 0; } .b-modal--toolips { padding: 64px 25px 64px; border-bottom: 3px solid #D12D21; } .b-modal--toolips .b-modal__title { padding: 0; margin: 0; margin-bottom: 20px; color: #D12D21; font-size: 16px; line-height: 19px; text-align: left; text-transform: uppercase; } .b-modal#question-manufacturer-thanks { display: none; } .mfp-container { padding: 0 !important; } .mfp-container .mfp-content .b-modal { display: block; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } @media (max-width: 1700px) and (min-width: 1279px) { .b-modal { width: calc(100% - 24px); padding: 30.4px 48px 24px; margin: 16px auto; } .b-modal--create-appeal .b-modal__title { margin-bottom: 10.4px; } .b-modal--thanks { max-width: 1280px; padding: 90px 30px 150px; } .b-modal--bidding { padding: 64px 64px 75px; max-width: 1040px; } .b-modal--auth { padding: 64px 64px 75px; max-width: 456px; } /* delete */ .b-modal--registration { max-width: 1040px; padding: 64px 0px 56px; } .b-modal--add-feed { padding: 30.4px 32px 24px; } .b-modal--add-feed .input-block { margin-bottom: 12px; } .b-modal--add-feed .b-form__input:not(:last-child) { margin-bottom: 12px; } .b-modal--add-feed .selectize-control { height: 40px; margin-bottom: 12px; } .b-modal--add-feed .selectize-input { font-size: 12.8px; } .b-modal--text-document { padding-bottom: 30.4px; } .b-modal--auth .b-form__privacy { margin-top: 12px; } .b-modal__close { right: 12px; top: 12px; } .b-modal__content { margin-top: 4.8px; } .b-modal__title { margin-bottom: 20px; font-size: 19.2px; } .b-modal__buttons > * { width: calc(50% - 3px); } .b-modal__buttons > *:last-child { margin-left: 8px; } .b-modal__text { margin-bottom: 8px; } .b-modal__link { margin-bottom: 8px; } .b-modal .btn { padding: 8px; height: 40px; } } @media (max-width: 1200px) { .b-modal--bidding { padding: 40px 14px 51px; } .b-modal--auth { padding: 40px 14px 51px; max-width: 320px; } .b-modal__title--auth { margin-bottom: 12px; } .b-modal__buttons--required { margin-bottom: 74px; } .b-modal__sotial--icon { margin-right: 20px; } } @media (max-width: 1024px) { .b-modal__sotial--reg { padding: 30px; } .b-modal__sotial--reg .b-modal__sotial--text { width: 100%; text-align: center; margin-bottom: 24px; padding: 0; text-align: center; margin-right: 0; } } @media (max-width: 767px) { .b-modal--bidding { padding: 40px 14px 51px; } .b-modal--auth { padding: 40px 14px 51px; max-width: 320px; } .b-modal__sotial--reg { padding: 30px 10px; } .b-modal__sotial--icon { margin-bottom: 15px; } .b-modal__error-text { margin-bottom: 48px; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-price__footer { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-price__wrap { margin-left: auto; } @media (max-width: 768px) { .b-price__wrap { margin-right: auto; margin-left: 0; } } @media (max-width: 500px) { .b-price__wrap { margin-right: 0; } } .b-price__wrap .b-price { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-price__text { color: #E40208; } .b-price__bonus { font-size: 12px; line-height: 18px; color: #9EAABB; width: 100%; margin-top: 2px; } .b-price__scores { font-size: 12px; line-height: 18px; color: #9EAABB; font-weight: normal; margin-top: 5px; margin-bottom: 30px; } @media (max-width: 1136px) { .b-price__scores { margin-bottom: 10px; } } @media (max-width: 1024px) { .b-price__scores { width: 100%; } } .b-price__scores--bold { font-weight: bold; } .b-price__scores span { font-size: 12px !important; } .b-price__current { font-size: 20px; font-weight: 700; white-space: nowrap; } @media (max-width: 653px) { .b-price__current { font-size: 18px; } } @media (max-width: 568px) { .b-price__current { font-size: 16px; } } @media (max-width: 414px) { .b-price__current { font-size: 18px; } } .b-price__current sup { display: none; /* TODO */ } .b-price__current-rub { font-size: 16px; color: #7994A8; } @media (max-width: 414px) { .b-price__current-rub { margin-left: 20px; } } @media (max-width: 768px) { .b-price__current-rub span { font-size: 14px; } } .b-price__old { display: inline-block; margin-right: 10px; position: relative; color: #9EAABB; font-size: 14px; font-weight: 500; padding-top: 5px; white-space: nowrap; } .b-price__old sup { display: none; /* TODO */ } .b-price__old-rub { padding-top: 1px; font-size: 12px; } @media (max-width: 768px) { .b-price__old-rub { padding-top: 2px; } } .b-price__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .b-price__inner .b-price__current-rub { margin-left: 0; } .b-price__vat { font-size: 13px; font-weight: 500; color: #9EAABB; margin-bottom: 0; } @media (max-width: 414px) { .b-prices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .b-prices__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-prices__wrapper .b-prices .b-price { margin-bottom: 0; } .b-prices_detail-card { width: auto; } @media (max-width: 1700px) and (min-width: 1279px) { .b-price__current { margin-right: 8px; } .b-price__current-rub { font-size: 12.8px; } .b-price__old { margin-right: 8px; font-size: 11.2px; padding-top: 4px; } .b-price__old-rub { font-size: 9.6px; padding-top: 3px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-section { padding: 40px; background-color: #ffffff; } @media (max-width: 500px) { .b-section { padding: 20px 15px; } } .b-section:not(.mb) { margin-bottom: 10px; } .b-section:last-of-type { margin-bottom: 0; } .b-section--forgot p, .b-section--auth p { max-width: 600px; margin-bottom: 25px; } .b-section--forgot .b-form__privacy, .b-section--auth .b-form__privacy { max-width: 400px; } .b-section--forgot .b-form__btns, .b-section--auth .b-form__btns { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 500px) { .b-section--forgot .b-form__btns, .b-section--auth .b-form__btns { margin-left: 0; } } .b-section--forgot .b-form__btns .btn, .b-section--auth .b-form__btns .btn { height: 50px; width: auto; } @media (max-width: 500px) { .b-section--forgot .b-form__btns .btn, .b-section--auth .b-form__btns .btn { margin-top: 10px; margin-left: 0; width: 100%; } } .b-section--forgot .b-form__block, .b-section--auth .b-form__block { margin-bottom: 0; max-width: 400px; } .b-section--forgot .b-form__block:not(:last-child), .b-section--auth .b-form__block:not(:last-child) { margin-bottom: 15px; } .b-section--forgot .b-form__btns { max-width: 400px; margin-left: 0; } .b-section--forgot .b-form__btns .btn { -webkit-box-flex: 1; -ms-flex: 1 1 48%; flex: 1 1 48%; max-width: 195px; } @media (max-width: 500px) { .b-section--forgot .b-form__btns .btn { max-width: none; } } .b-section--forgot .b-form__btns .btn:first-child { margin-left: 0; } .b-section-small { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; background-color: #ffffff; } .b-section-small-info-box { background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0 20px 20px; width: 50%; } @media (max-width: 500px) { .b-section-small-info-box { display: block; padding: 20px 10px !important; width: 100%; } } @media (max-width: 1024px) { .b-section-small-info-box { padding: 20px 0 0 0; width: 100%; } } @media (max-width: 500px) { .b-section-small { padding: 20px 15px; } } .b-section-small .select-options { z-index: 2; } .b-section-small .dataTables_filter label { z-index: 50 !important; } .b-section-medium { padding: 30px 40px; background-color: #ffffff; } @media (max-width: 960px) { .b-section-medium { font-size: 14px; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; } } .b-section-medium .title { font-weight: 700; font-size: 18px; } @media (max-width: 768px) { .b-section-medium .title { font-size: 16px; } } @media (max-width: 500px) { .b-section-medium .title { font-size: 14px; } } @media (max-width: 500px) { .b-section-medium { padding: 20px 15px; } } @media (max-width: 1700px) and (min-width: 1279px) { .b-section { padding: 32px } .b-section:not(.mb) { margin-bottom: 8px; } .b-section--forgot p, .b-section--auth p { max-width: 480px; margin-bottom: 20px; } .b-section--forgot .b-form__privacy, .b-section--auth .b-form__privacy { max-width: 320px; } .b-section--forgot .b-form__btns .btn, .b-section--auth .b-form__btns .btn { height: 40px; } .b-section--forgot .b-form__block, .b-section--auth .b-form__block { max-width: 320px } .b-section--forgot .b-form__block:not(:last-child), .b-section--auth .b-form__block:not(:last-child) { margin-bottom: 12px; } .b-section--forgot .b-form__btns { max-width: 320px; } .b-section--forgot .b-form__btns .btn { max-width: 156px; } .b-section-medium { padding: 24px 32px; } .b-section-medium .title { font-size: 14.4px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-slider-main { height: 750px; } @media (max-width: 768px) { .b-slider-main { height: auto; } } .b-slider-main__slide { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .b-slider-main__slide { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-slider-main__slide.img-only .b-slider-main__left { min-height: 0; padding: 0; } .b-slider-main__left { min-width: 466px; max-width: 466px; padding: 376px 53px 52px 37px; color: #fff; background: linear-gradient(123deg, #e40208 0%, #842ea4 100%); position: relative; min-height: 218px; } @media (max-width: 1024px) { .b-slider-main__left { -webkit-box-flex: 0; -ms-flex: 0 0 280px; flex: 0 0 280px; max-width: 280px; padding: 46px 53px 32px 20px; } } @media (max-width: 768px) { .b-slider-main__left { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; height: 268px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 17px 30px 40px; text-align: center; } } .b-slider-main__left--mobile-show { display: none; } .b-slider-main__left--mobile-show * { display: none !important; } @media (max-width: 768px) { .b-slider-main__left--mobile-show { display: block; } } .b-slider-main__right { width: 100%; height: 100%; position: relative; background-position: center bottom; /*background-size: ;*/ background-repeat: no-repeat; /*background-image: none !important;*/ background-color: #fff; } @media (max-width: 768px) { .b-slider-main__right { height: 176px; } } .b-slider-main__title { height: 74px; margin-bottom: 30px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 24px; font-weight: 500; line-height: 1; /*overflow: hidden;*/ } @media (max-width: 768px) { .b-slider-main__title { margin-bottom: 15px; font-size: 20px; } } .b-slider-main__text { height: 42px; margin-bottom: 25px; font-size: 16px; line-height: 1.4; overflow: hidden; } @media (max-width: 768px) { .b-slider-main__text { height: 95px; margin-bottom: 21px; font-size: 14px; } } .b-slider-main__link { min-width: 150px !important; } @media (max-width: 768px) { .b-slider-main__link { margin: 0 auto; } } .b-slider-main__pagination { width: auto !important; height: 20px; position: absolute; left: 38px !important; bottom: auto !important; bottom: initial !important; top: 34px; } @media (max-width: 1024px) { .b-slider-main__pagination { left: 21px !important; top: 24px; } } @media (max-width: 768px) { .b-slider-main__pagination { left: 50% !important; top: auto; bottom: 10px !important; -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } } .b-slider-main__pagination .swiper-pagination-bullet { /*todo*/ background-color: #EE8EA0; margin: 0 !important; border-radius: 0; width: 7px; height: 7px; } .b-slider-main__pagination .swiper-pagination-bullet:not(:last-of-type) { margin-right: 7px !important; } .b-slider-main__pagination .swiper-pagination-bullet-active { background-color: #fff; } .b-slider-main .b-slider__arrow { bottom: 30px; top: auto; left: auto; } @media (max-width: 768px) { .b-slider-main .b-slider__arrow { display: none; } } .b-slider-main .b-slider__arrow--prev { right: 70px; } .b-slider-main .b-slider__arrow--next { right: 30px; } @media (max-width: 768px) { .b-slider-main .tag { display: none; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-range-slider { margin-bottom: 10px; } /*font-size: 15px;*/ .b-range-slider__inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-range-slider__input-wrap span { color: #B2BDCB; } .b-range-slider__input { width: calc(50% - 10px); height: 50px; padding: 11px 16px; background-color: transparent; border: 1px solid #D3D9DE; } .b-range-slider__slider { margin-top: 26px; } .b-filter form .noUi-handle { border: none; border-radius: 4px; } .b-filter form .noUi-horizontal { margin: 25px 0; height: 5px; background-color: #FAFAFA; } .b-filter form .noUi-handle { display: -webkit-box; display: -ms-flexbox; display: flex; width: 30px; height: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; top: calc(50% + 2px); left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer } .b-filter form .noUi-handle:before, .b-filter form .noUi-handle:after { content: ''; position: absolute; top: 50%; left: 50%; border-radius: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .b-filter form .noUi-handle:before { width: 12px; height: 12px; background-color: #fff; z-index: 3; } .b-filter form .noUi-handle:after { width: 26px; height: 26px; background-color: #E40208; border: 2px solid #fff; z-index: 1; } .b-filter form .noUi-target { border: none; border-radius: 4px; background-color: #FAFAFA; -webkit-box-shadow: none; box-shadow: none; } .b-filter form .noUi-connect { height: 5px; background: #E40208; } .b-filter form .noUi-connects { background-color: #DEE2E8; border-radius: 2px; } @media (max-width: 1700px) and (min-width: 1279px) { .b-range-slider { margin-bottom: 8px; } .b-range-slider__input { width: calc(50% - 8px); height: 40px; padding: 8.8px 12.8px; } .b-range-slider__slider { margin-top: 20.8px; } .b-filter form .noUi-handle { border: none; border-radius: 3.2px; } .b-filter form .noUi-horizontal { margin: 20px 0; height: 4px; } .b-filter form .noUi-handle { width: 24px; height: 24px; top: calc(50% + 2px) } .b-filter form .noUi-handle:before { width: 9.6px; height: 9.6px; } .b-filter form .noUi-handle:after { width: 20.8px; height: 20.8px; } .b-filter form .noUi-target { border-radius: 3.2px; } .b-filter form .noUi-connect { height: 4px; } .b-filter form .noUi-connects { border-radius: 1.6px; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ @media (max-width: 414px) { .b-slider .b-prices { margin-bottom: 10px; } } .b-slider-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-slider-pagination .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-slider-pagination .swiper-pagination-bullets { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .b-slider-pagination .swiper-pagination-bullet { width: 24px; height: 3px; margin-right: 5px; background-color: #ffffff; opacity: 0.40; border-radius: 40px; } .b-slider-pagination .swiper-pagination-bullet-active { background-color: #ffffff; opacity: 1; } .b-slider__header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; margin-bottom: 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 500px) { .b-slider__header { margin-bottom: 15px; } } .b-slider__header--catalog { margin-bottom: 20px; } .b-slider__header .title-2 { margin: 0; } .b-slider__inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 500px) { .b-slider__inner { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: none; } } .b-slider__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 38px; max-width: 38px; height: 38px; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #9EAABB; cursor: pointer; -webkit-transition: .2s; transition: .2s; } @media (max-width: 500px) { .b-slider__arrow--prev { margin-right: 8px; } } .b-slider__arrow:hover:not(.swiper-button-disabled) { border-color: #E40208; } .b-slider__arrow:hover:not(.swiper-button-disabled) svg * { fill: #E40208; } .b-slider__arrow--next { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .b-slider__arrow.swiper-button-disabled { opacity: 0.4; cursor: default; } .b-slider__arrow svg { width: 16px; height: 10px; } .b-slider__arrow svg * { fill: #9EAABB; -webkit-transition: .2s; transition: .2s; } .b-slider .b-product { width: 100%; margin: 0; } .b-slider .swiper-container { padding-bottom: 30px; } .b-slider .swiper-pagination { margin: 0 15px; position: static; font-size: 14px; font-weight: 500; color: #9EAABB; z-index: 1; } @media (max-width: 500px) { .b-slider .swiper-pagination { margin: 0 5px; } } .b-slider .news-item { width: 100%; margin: 0; } @media (max-width: 1700px) and (min-width: 1279px) { .b-slider-pagination .swiper-pagination { font-size: 11px; } .b-slider-pagination .swiper-pagination-bullet { width: 19.2px; height: 2.4px; margin-right: 4px; border-radius: 32px; } .b-slider__header { margin-bottom: 20px; } .b-slider__header--catalog { margin-bottom: 20px; } .b-slider__arrow { min-width: 32px; max-width: 32px; height: 32px; } .b-slider__arrow svg { width: 12.8px; height: 8px; } } [data-slider = "mobile"] { position: relative; } [data-slider = "mobile"] .b-slider-pagination .swiper-pagination-bullet { background-color: #A0AAB9; } [data-slider = "mobile"] .b-slider-pagination .swiper-pagination-bullet-active { background-color: #292727; } .swiper-button-lock { display: none !important; }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-static__images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 60px); margin-left: -60px; } @media (max-width: 1359px) { .b-static__images { width: calc(100% + 40px); margin-left: -40px; } } @media (max-width: 1024px) { .b-static__images { width: 100%; margin-left: 0; } } .b-static p:not(:last-child) { margin-bottom: 15px; } .b-static ul:not(.news__tags-items):not(:last-child) { margin-bottom: 25px; } .b-static ul:not(.news__tags-items) li { padding-left: 20px; position: relative; } .b-static ul:not(.news__tags-items) li:not(:last-child) { margin-bottom: 12px; } .b-static ul:not(.news__tags-items) li:before { content: ''; position: absolute; top: 9px; margin: auto; left: 0; height: 6px; width: 6px; background-color: #E40208; border-radius: 50%; } @media (max-width: 1700px) and (min-width: 1279px) { .b-static__images { width: calc(100% + 48px); margin-left: -48px; } .b-static p:not(:last-child) { margin-bottom: 12px; } ul li { padding-left: 16px } ul li:not(:last-child) { margin-bottom: 9.6px; } ul li:before { top: 7.2px; height: 4.8px; width: 4.8px; } } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } .b-tabs-head { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-tabs-head__mini-title { font-size: 16px; line-height: 18px; margin-bottom: 12px; display: inline-block; width: auto; } .b-tabs-head__mini-title span { position: relative } .b-tabs-head__mini-title span:before { content: ''; position: absolute; top: 0; background-image: url('/local/client/img/red-arrow.svg'); width: 16px; height: 10px; background-size: cover; background-position: center; background-repeat: no-repeat; right: -28px; opacity: 0; -webkit-transition: .3s; transition: .3s; } .b-tabs-head__link { margin-right: 45px; font-size: 15px; font-weight: 700; text-transform: uppercase; -webkit-transition: .2s; transition: .2s } .b-tabs-head__link:last-of-type { margin-right: 0; } .b-tabs-head__link:hover, .b-tabs-head__link.active { color: #E40208; } .b-tabs-head__link--sh { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-tabs-head__link--sh svg { width: 10px; margin-right: 5px; -webkit-transform: scaleY(-1); transform: scaleY(-1); } .b-tabs-head__link--sh svg * { fill: #001d43; } .b-tabs-head__link--sh.active svg { -webkit-transform: scaleY(1); transform: scaleY(1); } .b-tabs-head__link--sh.active svg * { fill: #E40208; } .b-tabs-head__link-reg { width: 50%; margin: 0; border-top: 1px solid #D4D9DD; border-bottom: 1px solid #D4D9DD; padding: 40px 80px; } .b-tabs-head__link-reg:last-child { border-left: 1px solid #D4D9DD; } .b-tabs-head__link-reg.active .b-tabs-head__mini-title span:before { opacity: 1; } .b-tabs-head__subtext { font-size: 12px; line-height: 16px; color: #8091A9; text-transform: none; width: 100%; } .b-tabs-body-item { display: none } .b-tabs-body-item.active { display: block; } .b-tabs-body__wrap-reg { padding: 45px 88px 0; } @media (max-width: 1700px) and (min-width: 1279px) { .b-tabs-head__link-reg { width: 50%; margin: 0; border-top: 1px solid #D4D9DD; border-bottom: 1px solid #D4D9DD; padding: 40px 80px } .b-tabs-head__link-reg:last-child { border-left: 1px solid #D4D9DD; } } @media (max-width: 1023px) { .b-tabs-head__link-reg { padding: 16px 23px } .b-tabs-head__link-reg.active .b-tabs-head__subtext { display: block; } .b-tabs-head__mini-title { font-size: 11px; line-height: 18px; margin: 0; } .b-tabs-head__subtext { display: none; position: absolute; left: 0; top: 100%; margin-top: 20px; font-weight: normal; font-size: 12px; line-height: 16px; padding: 0 14px; } .b-tabs-body__wrap-reg { padding: 14px; } } @media (max-width: 767px) { .b-tabs-head__link-reg { padding: 16px 12px; } .b-tabs-head__mini-title span:before { display: none; } .b-tabs-head__subtext { } .b-tabs-body { } } @media (max-width: 500px) { .b-tabs-head { margin-bottom: 88px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1024px) { .b-wrapper { margin-bottom: 15px; } } @media (max-width: 768px) { .b-wrapper { margin-bottom: 10px; } } @media (max-width: 568px) { .b-wrapper .m-hidden { display: none; } } .b-wrapper .b-filter__opener { display: none; margin-bottom: 10px; margin-right: 10px; width: 15%; } @media (max-width: 1024px) { .b-wrapper .b-filter__opener { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; width: 15%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 2%; padding-right: 2%; } } @media (max-width: 960px) { .b-wrapper .b-filter__opener { width: 20%; padding-left: 3%; padding-right: 3%; } } @media (max-width: 823px) { .b-wrapper .b-filter__opener { padding-left: 2%; padding-right: 2%; } } @media (max-width: 736px) { .b-wrapper .b-filter__opener { width: 25%; padding-left: 3%; padding-right: 3%; } } @media (max-width: 640px) { .b-wrapper .b-filter__opener { padding-left: 2%; padding-right: 2%; } } @media (max-width: 568px) { .b-wrapper .b-filter__opener { width: 12%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 540px) { .b-wrapper .b-filter__opener { width: 16%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 414px) { .b-wrapper .b-filter__opener { width: 17%; } } @media (max-width: 375px) { .b-wrapper .b-filter__opener { width: 22%; } } @media (max-width: 320px) { .b-wrapper .b-filter__opener { width: 25%; padding-left: 5%; padding-right: 5%; } } @media (max-width: 1024px) { .b-wrapper .b-filter__opener .i-icon { margin-right: 0; } } .b-sorting { display: -webkit-box; display: -ms-flexbox; display: flex; height: 79px; margin-bottom: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #ffffff; padding-left: 3%; padding-right: 3%; width: 100%; } @media (max-width: 1359px) { .b-sorting { height: auto; padding-top: 10px; padding-bottom: 10px; } } @media (max-width: 1200px) { .b-sorting { padding-left: 2%; padding-right: 2%; margin-bottom: 15px; } } @media (max-width: 1024px) { .b-sorting { margin-bottom: 0; } } @media (max-width: 414px) { .b-sorting { padding-left: 3%; padding-right: 3%; } } @media (max-width: 500px) { .b-sorting--search .b-sorting__items { width: calc(100% - 55px); } } .b-sorting--search .b-sorting__item--filter { display: none; } @media (max-width: 1024px) { .b-sorting--search .b-sorting__item--filter { display: block; margin: 0 0 0 auto; } } @media (max-width: 500px) { .b-sorting--search .b-sorting__item--filter { width: auto; padding: 0; margin-left: 10px; border-bottom: none !important; } } @media (max-width: 500px) { .b-sorting--search .b-sorting__item--filter .b-filter__opener { width: 45px; height: 45px; padding: 0; } } @media (max-width: 500px) { .b-sorting--search .b-sorting__item--filter .b-filter__opener svg { margin-right: 0; } } .b-sorting--search .b-sorting__display { margin-left: 15px; } .b-sorting__text { font-weight: 500; } @media (max-width: 1024px) { .b-sorting__text { display: none; } } .b-sorting__top { display: none; margin-bottom: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .b-sorting__top { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-sorting__top .b-catalog-nav { margin-bottom: 0; } .b-sorting__top .b-catalog-nav__back { margin-bottom: 0; width: 235px; max-height: 45px; } } @media (max-width: 1024px) and (max-width: 500px) { .b-sorting__top .b-catalog-nav__back { width: 100%; } } @media (max-width: 1024px) { .b-sorting__top .b-filter__opener.btn { width: auto; height: 45px; float: right; margin-bottom: 10px; } } @media (max-width: 1024px) and (max-width: 1024px) { .b-sorting__top .b-filter__opener.btn { margin-bottom: 0; } } @media (max-width: 1024px) and (max-width: 1024px) { .b-sorting__top .b-filter__opener.btn.b-catalog-section__toolkit--toolkit-none { width: 15%; } } @media (max-width: 1024px) and (max-width: 960px) { .b-sorting__top .b-filter__opener.btn.b-catalog-section__toolkit--toolkit-none { width: 20%; } } @media (max-width: 1024px) and (max-width: 736px) { .b-sorting__top .b-filter__opener.btn.b-catalog-section__toolkit--toolkit-none { width: 25%; } } @media (max-width: 1024px) and (max-width: 500px) { .b-sorting__top .b-filter__opener.btn { width: 45px; padding: 0; -ms-flex-negative: 0; flex-shrink: 0; } } @media (max-width: 1024px) and (max-width: 500px) { .b-sorting__top .b-filter__opener.btn .i-icon { margin-right: 0; } } @media (max-width: 568px) { .b-sorting__top { margin-bottom: 10px; } } .b-sorting__top .b-sorting__text { display: block; } .b-sorting__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1359px) { .b-sorting__items { -ms-flex-wrap: wrap; flex-wrap: wrap; } .b-sorting__items .b-sorting__link { width: 100%; } } @media (max-width: 500px) { .b-sorting__items .select-options { width: auto; } } .b-sorting__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 500px) { .b-sorting__item { margin-right: 0; width: 100%; background-color: #ffffff; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 768px) { .b-sorting__item .select-styled { padding-left: 0; } } .b-sorting__item .b-sorting__title { white-space: nowrap; } .b-sorting__item .select-styled:after { border-top-color: currentColor; } .b-sorting__item--show-num { margin-right: 0; } @media (max-width: 768px) { .b-sorting__item--show-num { display: none; } } .b-sorting__title { color: #9EAABB; } @media (max-width: 768px) { .b-sorting__title { display: none; } } .b-sorting__display { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .b-sorting__display #svg-display-single-adaptive, .b-sorting__display #svg-display-double-adaptive { display: inline-block; } } @media (max-width: 320px) { .b-sorting__display { margin-left: 15px; } } .b-sorting__display #svg-display-list { display: inline-block; } .b-sorting__display #svg-display-single-adaptive, .b-sorting__display #svg-display-double-adaptive { display: none; } .b-sorting__display-item { display: inline-block; margin-right: 10px; } @media (max-width: 1024px) { .b-sorting__display-item { margin-right: 30px; } } @media (max-width: 360px) { .b-sorting__display-item { margin-right: 20px; } } @media (max-width: 320px) { .b-sorting__display-item { margin-right: 10px; } } .b-sorting__display-item_single { display: none; } @media (max-width: 768px) { .b-sorting__display-item_single { display: block; } } .b-sorting__display-item:last-child { margin-right: 0; } .b-sorting__display-item_mobile { display: none; } @media (max-width: 1200px) { .b-sorting__display-item_mobile { display: inline-block; } } @media (max-width: 1024px) { .b-sorting__display-item_mobile { display: none; } } @media (max-width: 768px) { .b-sorting__display-item_mobile { display: block; } } .b-sorting__display-item_mobile-gosts { display: none; } @media (max-width: 568px) { .b-sorting__display-item_mobile-gosts { display: block; } } @media (max-width: 1200px) { .b-sorting__display-item_desc { display: none; } } @media (max-width: 1024px) { .b-sorting__display-item_desc { display: block; } } @media (max-width: 768px) { .b-sorting__display-item_desc { display: none; } } @media (max-width: 568px) { .b-sorting__display-item_desc-gosts { display: none; } } .b-sorting__display-item.active { cursor: default; } .b-sorting__display-item.active .svg-inner, .b-sorting__display-item:hover .svg-inner { fill: #E40208; } .b-sorting__display-item svg { width: 15px; height: 15px; color: transparent; } .b-sorting__display-item svg .svg-inner { fill: #9EAABB; -webkit-transition: .2s; transition: .2s; } .b-sorting__display .b-sorting__title { display: none; } .b-sorting__link { color: #9EAABB; -webkit-transition: .2s; transition: .2s; } @media (max-width: 500px) { .b-sorting__link { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 20px 0; text-align: center; } } .b-sorting__link:hover { color: #E40208; } .b-sorting__link svg { width: 20px; height: 20px; margin-right: 10px; } @media (max-width: 1700px) and (min-width: 1279px) { .b-sorting { height: 63.2px; } .b-sorting__top { margin-bottom: 8px; } .b-sorting__item { margin-right: 32px; } .b-sorting__display-item { margin-right: 8px; } .b-sorting__display-item svg { width: 12px; height: 12px; } .b-sorting__link svg { width: 16px; height: 16px; margin-right: 8px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .brands .tooltip { margin-left: 10px; } .brands__title { margin-bottom: 0; } .brands__topic { position: relative; } .brands__topic a:hover { color: #E40208; } .brands__topic ul a *:hover { color: #E40208; } .brands__topic ul a:hover { color: #E40208; } .brands__topic::after { content: ""; opacity: 0; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; background: rgb(255, 255, 255); background: -webkit-gradient( linear, left bottom, left top, from(rgba(255, 255, 255, 1)), color-stop(90%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)) ); background: linear-gradient( 0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100% ); -webkit-transition: opacity 0.4s; transition: opacity 0.4s; pointer-events: none; } .brands__topic_gradi::after { opacity: 1; } .brands__map { position: absolute; right: 0; top: 0; bottom: 0; left: calc(50% + 40px); } @media (max-width: 768px) { .brands__map { position: relative; height: 400px; width: 100%; left: 0; margin-top: 30px; } } .brands__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .brands__inner { display: block; } } @media (max-width: 500px) { .brands-slider__news .swiper-container { width: calc(100% + 35px); } } .brands-slider__news .swiper-slide { height: auto; } @media (max-width: 500px) { .brands-slider__news .swiper-slide { max-width: calc(100% - 65px); } } .brands-slider__news .swiper-slide .news-item { height: 100%; } .brands__logo { display: block; max-width: 170px; max-height: 60px; margin: auto 0; } @media (max-width: 500px) { .brands__logo { width: auto; max-width: 122px; max-height: 50px; margin-right: 0; padding-right: 0; } } .brands__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 1024px) { .brands__img { width: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } @media (max-width: 500px) { .brands__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 80px; margin-bottom: 0; padding: 15px; } } @media (max-width: 320px) { .brands__img { width: 100px; } } .brands__header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; border-bottom: 1px solid #D3D9DE; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-top: 20px; } @media (max-width: 1024px) { .brands__header { padding-left: 30px; padding-right: 30px; padding-top: 0; } } @media (max-width: 500px) { .brands__header { padding: 0; } } .brands__header-wrapper { display: block; width: 19%; -webkit-box-flex: 0; -ms-flex: 0 0 19%; flex: 0 0 19%; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -8px; margin-right: auto; } @media (max-width: 500px) { .brands__header-wrapper { -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; margin-bottom: 0; padding: 20px 10px; display: block; } } @media (max-width: 1080px) { .brands__header-wrapper { width: 20%; } } @media (max-width: 1024px) { .brands__header-wrapper { width: 100%; } } .brands__header-wrapper > * { margin-bottom: 8px; } @media (max-width: 500px) { .brands__header-wrapper > * { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; margin-right: 0 !important; } .brands__header-wrapper > *:not(:last-child) { margin-bottom: 15px; } } .brands__header--drop-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 500px) { .brands__header--drop-item { -ms-flex-preferred-size: auto; flex-basis: auto; } } .brands__header-list .header-nav { margin-right: 0 !important; } .brands__header-list .header-nav__down-list { padding: 0; } .brands__header-list .header-nav__down-list li { padding: 0 15px; padding-left: 15px !important } .brands__header-list .header-nav__down-list li:first-child { padding-top: 20px; } .brands__header-list .header-nav__down-list li:last-child { padding-bottom: 20px; } .brands__header-list .header-nav__down-list li:before { display: none; } .brands__header-list .header-nav__link { font-weight: 500; } .brands__header-list .header-nav__down-item-link { position: relative; border-bottom: 1px solid #D4D9DD; color: #D12D21; padding-bottom: 15px !important; } .brands__header-list .header-nav__item { padding-right: 30px } .brands__header-list .header-nav__item:before { display: none; } .brands__header-list-mobile { display: none; } .brands__header-cards .header-catalog-link { margin-right: 0; } .brands__show-more { width: 100%; margin-top: 40px; } .brands__show-more--show, .brands__show-more--hide { font-weight: bold; font-size: 13px; line-height: 19px; text-transform: uppercase; display: none; position: relative; color: #D12D21; padding-right: 16px; cursor: pointer; } .brands__show-more--show .i-icon, .brands__show-more--hide .i-icon { font-size: 9px; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; width: 8px; height: 4px; } .brands__show-more--show.open, .brands__show-more--hide.open { display: inline-block; } .brands__show-more--show .i-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .brands__rating { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9EAABB; } @media (max-width: 1200px) { .brands__rating { margin-right: 20px; } } @media (max-width: 500px) { .brands__rating { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-right: 0; } } .brands__rating-stars { margin: 0 10px 0; } .brands__rating-stars span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 500px) { .brands__rating-stars { margin: 0 8px 0; } } @media (max-width: 500px) { .brands__rating-title { margin-bottom: 3px; white-space: nowrap; } .brands__rating-stars { margin: 0; } .brands__rating-value { margin-left: 5px; } } @media (max-width: 500px) { .brands__rating-stars { width: 90px !important; margin-left: 5px; } } @media (max-width: 500px) { .brands__rating-stars .im { margin-right: 3px; } } .brands__link { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9EAABB; -webkit-transition: .2s; transition: .2s; } .brands__link:hover { color: #E40208; } .brands__link--catalog { color: #E40208; } .brands__link--catalog:hover { color: #F28081; } .brands__link .i-icon { width: 20px; height: 16px; margin-right: 10px; } @media (max-width: 500px) { .brands__slider .b-slider .swiper-container { width: calc(100% + 35px); } } .brands__slider .b-slider .swiper-slide { height: auto; } @media (max-width: 500px) { .brands__slider .b-slider .swiper-slide { max-width: calc(100% - 65px); } } .brands__slider .b-slider .b-product { height: 100%; } @media (max-width: 1024px) { .brands__slider .b-slider .b-product__footer .document-wrap { min-width: 0; } } @media (max-width: 500px) { .brands__slider .b-slider .b-product__footer .document-wrap { margin-top: 15px; } } @media (max-width: 500px) { .brands__slider .b-slider .b-product__footer .document-wrap .btn { margin-top: 0; } } @media (max-width: 500px) { .brands__slider .b-slider .b-product__footer .btn { margin-top: 15px; } } .brands__info { overflow: hidden; } @media (max-width: 1024px) { .brands__info { padding-left: 30px; padding-right: 30px; } } @media (max-width: 500px) { .brands__info { padding: 20px 15px; } } .brands__info .right img { float: right; margin: 0 0 20px 60px; } @media (max-width: 1278px) { .brands__info .right img { margin-left: 40px; } } .brands__info img { float: right; margin: 0 0 20px 60px; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } @media (max-width: 1278px) { .brands__info img { margin-right: 40px; } } @media (max-width: 1024px) { .brands__info img { width: 100%; margin: 0 0 18px 0; height: 300px; } } @media (max-width: 855px) { .brands__info img { height: 250px; } } @media (max-width: 720px) { .brands__info img { height: 200px; } } @media (max-width: 568px) { .brands__info img { height: 150px; } } @media (max-width: 500px) { .brands__info img { height: 100%; } } @media (max-width: 1024px) { .brands__info iframe { width: 100%; height: 400px; } } @media (max-width: 500px) { .brands__info iframe { height: 220px; } } .brands__info--left, .brands__info--right { width: 50%; } .brands__info--left { width: 48%; margin-right: 19px; } .brands__info--right { width: 48%; margin-left: 19px; } .brands__info--blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .brands__info--blocks img { float: unset; width: 100%; margin: 0; } .brands__info--blocks .title-2 { width: 100%; } .brands__info--overfolow { overflow: hidden; position: relative; } .brands__info--overfolow.shadowtext::after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(99%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1)) ); background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 99%, rgba(255, 255, 255, 1) 100% ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(0, 255, 255)',\A endColorstr='#ffffff', GradientType=0 ); bottom: 0; content: ''; height: 30px; left: 0; position: absolute; width: 100%; } .brands.b-static .news-item__name:not(:last-of-type) { display: none; } .brands__reviews:before { content: ""; display: block; padding-top: 80px; margin-top: -80px; } @media (max-width: 500px) { .brands__reviews:before { padding-top: 115px; margin-top: -115px; } } .brands__reviews-empty { color: #B1B1B1; background-color: #ffffff; padding: 20px 40px; } @media (max-width: 500px) { .brands__reviews-empty { padding: 20px 15px; } } .brands__reviews .b-slider .swiper-container .swiper-wrapper { -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; } .brands__reviews .b-slider .swiper-container .swiper-slide { height: auto; } .brands__reviews .b-slider .swiper-container .b-section.review.shadow { height: 100%; } .brands__reviews .b-slider .swiper-container { margin-bottom: 0 !important; padding-bottom: 0 !important; } @media (max-width: 500px) { .brands__reviews .b-slider .swiper-container { width: calc(100% + 15px); } } @media (max-width: 500px) { .brands__reviews .review { padding: 20px 15px; } } .brands__reviews .btn { max-width: 190px; margin-top: 30px; } @media (max-width: 500px) { .brands__reviews .btn { max-width: 100%; margin-top: 10px; } } @media (max-width: 500px) { .brands-form { padding: 20px 15px; } } .brands-form__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 297px; margin-left: -30px; margin-bottom: -30px; } @media (max-width: 1200px) { .brands-form__inner { margin-left: -20px; height: auto; } } .brands-form__col { width: calc(33.33% - 30px); margin-bottom: 30px; margin-left: 30px; } @media (max-width: 1200px) { .brands-form__col { width: calc(50% - 20px); margin-bottom: 20px; margin-left: 20px; } .brands-form__col:last-child { width: calc(100% - 20px); } } @media (max-width: 768px) { .brands-form__col { width: calc(100% - 20px); } } .brands-form__radio { display: -webkit-box; display: -ms-flexbox; display: flex; height: 53px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brands-form__radio .b-checkbox:first-of-type { margin-right: 40px; } .brands-form__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 30px; } @media (max-width: 768px) { .brands-form__footer { display: block; } } .brands-form__privacy { width: calc(33.33% - 30px); margin-left: 30px; font-size: 14px; } @media (max-width: 1200px) { .brands-form__privacy { width: calc(50% - 30px); } } @media (max-width: 768px) { .brands-form__privacy { width: 100%; margin-left: 0; } } .brands-form__privacy .link { display: inline; } .brands-form .b-form__label { white-space: nowrap; } @media (max-width: 500px) { .brands-form .b-form__label { white-space: normal; } } .brands-form .b-form__btns { width: calc(33.33% - 10px); } @media (max-width: 1200px) { .brands-form .b-form__btns { width: calc(50% - 10px); } } @media (max-width: 768px) { .brands-form .b-form__btns { width: 100%; margin-left: 0; margin-bottom: 15px; } } .brands-form .b-form__btns .btn { margin-top: 0; padding: 0; } @media (max-width: 768px) { .brands-form .b-form__btns .btn { margin-left: 0; width: 100%; } .brands-form .b-form__btns .btn:not(:last-child) { margin-bottom: 10px; } } .brands__requisites { position: relative; padding: 60px 0 40px 40px; } @media (max-width: 768px) { .brands__requisites { padding-top: 30px; padding-left: 20px; padding-right: 20px; } } @media (max-width: 500px) { .brands__requisites { padding: 20px 15px; } } .brands .requisites { width: 50%; } @media (max-width: 768px) { .brands .requisites { width: 100%; } } .brands__drop-down--item { font-size: 13px; line-height: 19px; color: #D12D21; font-weight: 500; padding: 0 !important; } .brands__drop-down--item li { font-size: 13px; line-height: 19px; padding: 0 !important } .brands__drop-down--item li::before { display: none; } .brands__drop-down--item li li { color: #002454; } .brands__drop-down--item .brands__drop-down--item { font-size: 16px; line-height: 19px; padding: 16px 0; } @media (max-width: 1700px) and (min-width: 1279px) { .brands__logo { max-height: 67.2px; } .brands__header-wrapper { margin-bottom: -6.4px } .brands__header-wrapper > * { margin-bottom: 6.4px; } .brands__header-list { margin-right: 0; } .brands__rating { margin-right: 32px; } .brands__rating-stars { margin: 0 8px; max-height: 24px; } .brands__link { margin-right: 32px; } .brands__link .i-icon { width: 16px; height: 12.8px; margin-right: 8px; } .brands__info--left, .brands__info--right { width: 50%; } .brands__info--left { width: 48%; margin-right: 19px; } .brands__info--right { width: 48%; margin-left: 19px; } .brands__info--blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .brands__info--blocks img { float: unset; width: 100%; margin: 0; } .brands__info--blocks .title-2 { width: 100%; } .brands__info--overfolow { overflow: hidden; } .brands-form__inner { height: 237.6px; margin-left: -24px; margin-bottom: -24px; } .brands-form__col { width: calc(33.33% - 24px); margin-bottom: 24px; margin-left: 24px; } .brands-form__radio { height: 42.4px; } .brands-form__radio .b-checkbox:first-of-type { margin-right: 32px; } .brands-form__footer { margin-top: 24px; } .brands-form__privacy { width: calc(33.33% - 24px); margin-left: 24px; font-size: 11.2px; } .brands-form .b-form__btns { width: calc(33.33% - 8px); } } @media (max-width: 1024px) { .brands__header { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; padding-right: 0; padding-bottom: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .brands__header-wrapper { margin-right: 0; padding: 15px 12px 15px 0; width: 55%; } .brands__header-wrapper .brands__rating { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .brands__header--drop-item { width: 100%; border-top: 1px solid #D4D9DD; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 14px 0 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brands__header-list .header-nav__down-item-link { border-bottom: none; padding-bottom: 20px !important; } .brands__info--left, .brands__info--right { width: 100%; margin: 0; margin-bottom: 20px; } .brands .header-catalog-link { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .brands .header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .brands .brands__header-list { width: auto; margin-right: 0; } .brands__header-list-mobile { display: block; } .brands__header-list-desctop { display: none; } .brands__img { padding: 15px 0 15px 15px; } .brands__rating { margin-right: 0; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .btn-buy span:first-of-type { display: inline; } .btn-buy span:last-of-type { display: none; } .btn-buy.active span:not(.tooltip__content):first-of-type { display: none; } .btn-buy.active span:not(.tooltip__content):last-of-type { display: inline; }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 15px 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; border-radius: 2px; font-size: 16px; font-weight: 700; text-transform: uppercase; cursor: pointer; -webkit-transition: .2s; transition: .2s; text-align: center; position: relative; background-color: #DCDCDC } .btn:hover { color: #ffffff; } @media (max-width: 568px) { .btn { font-size: 14px } } .btn--red { color: #ffffff; background-color: #E40208; padding: 15px 20px } @media (min-width: 1279px) { .btn--red__becomeParticipant { display: none } } .btn--red:not(.disabled):hover { background-color: #D41920; } @media (max-width: 500px) { .btn--info-box { width: 100% } } @media (max-width: 1024px) { .btn--info-box { margin-right: auto } } .btn--info-box--left-btn { margin-right: 10px; margin-left: auto; } @media (max-width: 1024px) { .btn--info-box--left-btn { margin-bottom: 10px } } .btn--catalog { width: calc(100% - 22px); } @media (max-width: 768px) { .btn--pricing { max-width: 310px; width: 310px } } @media (max-width: 768px) { .btn--pricing--red { max-width: 310px; width: 310px } } .btn--translate { width: 40%; } .btn--grey { background-color: #F3F4F5 } .btn--grey:hover { background-color: #E5E6E7; } .btn--yellow { background-color: #FBF2CF } .btn--yellow:hover { background-color: #FFD93D; } .btn--white { background-color: #ffffff; color: #E40208 } .btn--white:hover { background-color: #E40208; color: #ffffff; } .btn.disabled { cursor: default; opacity: 0.6; } .btn .i-icon { width: 20px; height: 20px; margin-right: 10px; } .btn--social-footer { font-weight: bold; font-size: 13px; line-height: 19px; padding: 17px 24px; } .btn.disabled { cursor: default; opacity: 0.6; } .btn .i-icon { width: 20px; height: 20px; margin-right: 10px; } .btn--social-footer { font-size: 13px; line-height: 19px; padding: 17px 24px; } @media (max-width: 1700px) and (min-width: 1279px) { .btn { padding: 12px 24px; } .btn .i-icon { width: 16px; height: 16px; margin-right: 8px; } } @media (max-width: 640px) { .btn--translate { width: 100% !important; margin-top: 0; } .btn--social-footer { padding: 17px 20px; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ @media (max-width: 1279px) { .cart .aside { display: block; } } @media (max-width: 1279px) { .cart .aside-main { width: 100%; } } .cart .aside-sidebar { width: 30%; } @media (max-width: 1279px) { .cart .aside-sidebar { width: 100%; max-width: 100%; min-width: 0; } } @media (max-width: 500px) { .cart .aside-sidebar__inner { padding: 20px 15px; } } @media (max-width: 1279px) { .cart .aside--right .aside-main { padding-bottom: 30px; } } @media (max-width: 1024px) { .cart .aside--right .aside-main { width: 100%; } } .cart-top { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; padding-top: 20px; padding-left: 30px; padding-right: 30px; } @media (max-width: 1024px) { .cart-top { display: block; } } .cart-top__link { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9EAABB; -webkit-transition: .2s; transition: .2s; } @media (max-width: 1024px) { .cart-top__link { margin-right: 0; } .cart-top__link:not(:last-child) { margin-bottom: 15px; } } .cart-top__link:hover { color: #E40208; } .cart-top__link .i-icon { width: 20px; height: 20px; margin-right: 10px; } .cart-sidebar .b-form-privacy { margin-bottom: 25px; } @media (max-width: 1024px) { .cart-sidebar { width: 100%; max-width: 100%; } } .cart-sidebar__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-sidebar__item:last-of-type { margin-bottom: 20px; } .cart-sidebar__item--sum { margin-bottom: 15px; font-size: 18px; font-weight: 700; color: #E40208; } .cart-sidebar__text { padding-top: 7px; padding-bottom: 7px; font-size: 14px; } .cart-sidebar__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart-sidebar__btns .btn { width: calc(100% - 28px) } .cart-sidebar__btns .btn:first-child:last-child { width: 100%; } .cart-sidebar__btns .tooltip { cursor: pointer; margin-left: 8px; } .cart__section { background-color: #ffffff; } .cart__section .title-3 { margin: 0; padding: 23px 40px; } @media (max-width: 500px) { .cart__section .title-3 { padding: 20px 15px; } } .cart__section:not(:last-child) { margin-bottom: 20px; } .cart__table { display: table; table-layout: auto; background-color: #ffffff; width: 100%; border-collapse: collapse; } @media (max-width: 768px) { .cart__table { display: block; border-top: 1px solid #D3D9DE; } } .cart-item > div, .cart-header > div { display: table-cell; vertical-align: middle; font-size: 14px; min-height: 100%; min-width: 115px; } @media (max-width: 768px) { .cart-item > div, .cart-header > div { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cart-item > div:first-of-type, .cart-header > div:first-of-type { padding-left: 40px; } @media (max-width: 768px) { .cart-item > div:first-of-type, .cart-header > div:first-of-type { padding-left: 0; } } .cart-item > div:last-of-type, .cart-header > div:last-of-type { padding-right: 40px; } @media (max-width: 1279px) { .cart-item > div:last-of-type, .cart-header > div:last-of-type { min-width: 30px; padding-right: 15px; } } @media (max-width: 768px) { .cart-item > div:last-of-type, .cart-header > div:last-of-type { padding-right: 0; } } .cart-item > div.cart__actions, .cart-header > div.cart__actions { padding-right: 40px; } @media (max-width: 1279px) { .cart-item > div.cart__actions, .cart-header > div.cart__actions { min-width: 30px; padding-right: 15px; } } @media (max-width: 768px) { .cart-item > div.cart__actions, .cart-header > div.cart__actions { padding-right: 0; } } @media (max-width: 768px) { .cart-item > .cart__actions, .cart-header > .cart__actions { min-width: 20px; } } @media (max-width: 500px) { .cart-item > .cart__actions, .cart-header > .cart__actions { margin-bottom: 0; } } .cart-header { display: table-row; background-color: #FBF2CF; font-weight: 700; } @media (max-width: 768px) { .cart-header { display: none; } } .cart-header > div { padding: 15px 10px; } .cart-item { display: table-row; } .cart-item:not(:last-child) { border-bottom: 1px solid #D3D9DE; } @media (max-width: 768px) { .cart-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 15px; padding-bottom: 0; } } @media (max-width: 500px) { .cart-item { padding: 10px 15px 20px; padding-bottom: 5px; } } .cart-item .b-count { margin-right: 0; } @media (max-width: 768px) { .cart-item .b-count { margin-left: auto; } } @media (max-width: 500px) { .cart-item .b-count { width: 100%; } } .cart-item.locked .b-count button { display: none; } .cart-item > div { padding: 20px 10px 35px 10px; overflow: visible; vertical-align: middle; } @media (max-width: 768px) { .cart-item > div { padding: 0; } } .cart-item > div:nth-of-type(2) { position: relative; left: 0; } .cart__price { white-space: nowrap; } @media (max-width: 768px) { .cart__price { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cart__sum { font-weight: 700; white-space: nowrap; } @media (max-width: 768px) { .cart__price, .cart__sum, .cart__article, .cart__qty, .cart__value, .cart .stock__end { margin-bottom: 13px; white-space: normal; } } @media (max-width: 500px) { .cart__price, .cart__sum, .cart__article, .cart__qty, .cart__value, .cart .stock__end { width: 100%; padding-right: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 768px) { .cart__title { width: 100%; margin-bottom: 8px; } } .cart__title div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart__title img { width: 80px; max-height: 80px; margin-right: 20px; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } @media (max-width: 1024px) { .cart__title img { width: 70px; max-height: 60px; } } .cart__title a { display: block; width: 131px; -webkit-transition: .2s; transition: .2s; } @media (max-width: 768px) { .cart__title a { width: 100%; } } .cart__title a:hover { color: #E40208; } @media (max-width: 768px) { .cart__value { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; width: calc(100% - 35px); margin-bottom: 0; padding-right: 0.5% !important; } } @media (max-width: 736px) { .cart__value { padding-right: 0.6% !important; } } @media (max-width: 667px) { .cart__value { padding-right: 1% !important; } } @media (max-width: 667px) { .cart__value { padding-right: 2% !important; } } .cart__actions { position: relative; text-align: right; } @media (max-width: 768px) { .cart__actions { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin-left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cart__actions-delay { position: relative; } .cart__actions-delay-add { margin-right: 20px; } .cart__actions-delay-add svg * { stroke: #9EAABB; } .cart__actions-delay-add:hover svg *, .cart__actions-delay-add.active svg * { stroke: #E40208; } .cart__actions-delay:hover .tooltip__content { display: block; color: #ffffff; right: 35px; left: auto; top: 48%; width: auto; white-space: nowrap; } .cart__actions-delay:hover .tooltip__content:before { content: ''; width: 12px; height: 12px; position: absolute; right: -6px; left: auto; top: calc(50% - 7px); background-color: #002454; text-align: left; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 1024px) { .cart__actions-delay .tooltip__content { display: none !important; } } .cart__actions svg { width: 20px; height: 20px; } .cart__actions svg:hover .svg-inner { stroke: #E40208; } .cart__actions svg .svg-inner { -webkit-transition: .2s; transition: .2s; } .cart__text { position: absolute; bottom: 20px !important; display: none; margin: auto; left: 10px; right: auto; font-size: 12px; color: #9EAABB; } .cart__text.mobile { display: none; } @media (max-width: 768px) { .cart__text { position: relative; -webkit-box-ordinal-group: 101; -ms-flex-order: 100; order: 100; bottom: auto !important; left: 0; font-size: 12px !important; line-height: 1.5em !important; } } @media (max-width: 768px) { .cart__text--desktop { display: none !important; } } .cart__warning { display: none !important; } @media (max-width: 768px) { .cart__warning { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; margin-top: 10px; font-weight: 700; } } .cart-options { padding: 20px; } @media (max-width: 768px) { .cart-options { padding-top: 0; } } .cart-options__inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: -20px; margin-right: -20px; } @media (max-width: 500px) { .cart-options__inner { margin-bottom: 0; margin-right: 0; display: block; } } .cart-options__info { margin-top: 15px; } .cart-options__item { width: 300px; margin-right: 20px; margin-bottom: 20px; } @media (max-width: 500px) { .cart-options__item { width: 100%; margin-right: 0; margin-bottom: 0; } .cart-options__item:not(:last-child) { margin-bottom: 10px; } } .cart-options__label { margin-bottom: 10px; font-size: 14px; font-weight: 700; } .cart-options__text { margin-top: 8px; font-size: 14px; color: #9EAABB; } /* */ .cart__m-title { display: none; font-size: 14px; color: #9EAABB; font-weight: 400; margin-right: 5px; } @media (max-width: 768px) { .cart__m-title { display: block; } } @media (max-width: 768px) { .cart--delay .cart__actions { margin-left: 0; } } @media (max-width: 768px) { .cart--delay .cart__value { width: 100%; } } @media (max-width: 1700px) and (min-width: 1279px) { .cart-top { margin-bottom: 8px; } .cart-top__link .i-icon { width: 16px; height: 16px; margin-right: 8px; } .cart-sidebar__item { margin-bottom: 8px } .cart-sidebar__item:last-of-type { margin-bottom: 16px; } .cart-sidebar__item--sum { margin-bottom: 12px; font-size: 14.4px; } .cart-sidebar__text { padding-top: 5.6px; padding-bottom: 5.6px;; font-size: 11.2px; } .cart__section .title-3 { margin: 0; padding: 18.4px 32px; } .cart__section:not(:last-child) { margin-bottom: 16px; } .cart-item > div, .cart-header > div { font-size: 11.2px; min-width: 92px; } .cart-item > div:first-of-type, .cart-header > div:first-of-type { padding-left: 32px; } .cart-item > div:last-of-type, .cart-header > div:last-of-type { padding-right: 32px; } .cart-header > div { padding: 12px 8px; } .cart-item > div { padding: 16px 8px 28px 8px; } .cart__title img { width: 64px; //height: 64px; margin-right: 16px; } .cart__title a { width: 104.8px; } .cart__actions svg { width: 16px; height: 16px; } .cart__text { bottom: 16px !important; left: 8px; font-size: 9.6px; } .cart-options { padding: 16px; } .cart-options__inner { margin-bottom: -16px; margin-right: -16px; } .cart-options__info { margin-top: 12px; } .cart-options__item { width: 240px; margin-right: 16px; margin-bottom: 16px; } .cart-options__label { margin-bottom: 8px; font-size: 11.2px; } .cart-options__text { margin-top: 6.4px; font-size: 11.2px; } .cart__m-title { font-size: 11.2px; margin-right: 4px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .contacts { background-color: #fff; } .contacts__link { color: #9EAABB; } .contacts__inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; } @media (max-width: 640px) { .contacts__inner { display: block; } } .contacts__inner .requisites { width: 100%; padding: 58px 40px; } @media (max-width: 768px) { .contacts__inner .requisites { padding: 20px 15px; } } .contacts__left { padding: 58px 40px 70px; width: 50%; } @media (max-width: 768px) { .contacts__left { padding: 20px 15px; } } @media (max-width: 640px) { .contacts__left { width: 100%; } } .contacts__left p { margin-bottom: 38px; } @media (max-width: 768px) { .contacts__left p { margin-bottom: 20px; } } .contacts__map { width: 50%; } @media (max-width: 640px) { .contacts__map { width: 100%; height: 300px; } } @media (max-width: 500px) { .contacts__map { height: 220px; } } .contacts__list li:not(:last-child) { margin-bottom: 15px; } .contacts__list li a:hover { color: #E40208; } .contacts__title { font-weight: 700; margin-bottom: 5px; } @media (max-width: 1700px) and (min-width: 1279px) { .contacts__left { padding: 46.4px 32px 56px; } .contacts__left p { margin-bottom: 30.4px; } .contacts__list li:not(:last-child) { margin-bottom: 12px; } .contacts__title { margin-bottom: 4px; } .contacts .requisites { padding: 46.4px 32px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .comparison__items { margin-bottom: 20px; -webkit-transition: .2s ease-out; transition: .2s ease-out; } .comparison__items .b-product .btn { white-space: nowrap; } .comparison__items .b-product-actions { display: block; opacity: 1; } .comparison__items .b-product-actions__link svg * { stroke: none; } .comparison__items .b-product-actions__link svg * .svg-inner * { stroke: #B1B1B1; } .comparison__items .b-product-actions__link.buy svg * { stroke: #B1B1B1; } .comparison__items .b-product-actions__link.active svg * { stroke: #E40208; } .comparison__items .b-product .b-price__current { font-size: 20px !important; } @media (max-width: 768px) { .comparison__items .b-product .b-price__current { font-size: 18px !important; } } @media (max-width: 500px) { .comparison__items .b-product .b-price__old { padding-top: 0; padding-bottom: 5px; } } .comparison__items.fixed { position: fixed; z-index: 100; background-color: #fff; margin-bottom: 0; -webkit-box-shadow: 0 9px 20px rgba(0, 0, 0, .1); box-shadow: 0 9px 20px rgba(0, 0, 0, .1); left: 0; width: 100%; } @media (max-width: 500px) { .comparison__items.fixed { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 109px; } } .comparison__items.fixed .comparison__radio { display: none; } .comparison__items.fixed .comparison__cbs { margin: 0; padding-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-preferred-size: 20%; flex-basis: 20%; padding-left: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1024px) { .comparison__items.fixed .comparison__cbs { display: none; } } .comparison__items.fixed .comparison__cbs .title { margin-bottom: 0; } .comparison__items.fixed .comparison__cards { margin: 0; } .comparison__items.fixed .comparison__items-inner { max-width: 1300px; position: relative; left: 0; right: 0; margin: auto; } @media (max-width: 1024px) { .comparison__items.fixed .comparison__items-inner { width: calc(100% - 30px); } } @media (max-width: 640px) { .comparison__items.fixed .comparison__items-inner { width: calc(100% - 15px); margin-right: 0; } } @media (max-width: 500px) { .comparison__items.fixed .comparison__items-inner { margin-bottom: 0; } } .comparison__items.fixed .b-product { padding-left: 0; padding-right: 0; } @media (max-width: 1024px) { .comparison__items.fixed .b-product { padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 20px; } } .comparison__items.fixed .b-product-actions { display: none; } .comparison__items.fixed .b-product__top { margin-bottom: 18px; } @media (max-width: 768px) { .comparison__items.fixed .b-product__top { margin-bottom: 0; padding: 0; } } .comparison__items.fixed .b-product__brand { display: none; } .comparison__items.fixed .b-product__footer { display: none; } .comparison__items.fixed .b-product__img { margin: auto; width: 100px; height: 100px; } .comparison__items.fixed .b-product__img img { -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; width: 100%; height: 100%; } @media (max-width: 768px) { .comparison__items.fixed .b-product__img { display: none; } } .comparison__items.fixed .b-product__title { margin: 0; min-height: 0; } @media (max-width: 500px) { .comparison__items.fixed .b-product__title { padding-left: 0; padding-right: 0; } } .comparison__items-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1024px) { .comparison__items-inner { display: block; } } .comparison__items .b-product__img { height: 204px; } .comparison__items .b-product__title { font-size: 14px; } .comparison__radio { -webkit-transition: .3s ease-out; transition: .3s ease-out; } .comparison__cbs { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; padding-top: 48px; } @media (max-width: 1024px) { .comparison__cbs { padding-top: 0; margin-bottom: 20px; margin-left: 0; } } .comparison__cbs .title { font-weight: 700; margin-bottom: 20px; } .comparison__cbs .b-checkbox:not(:last-child) { margin-bottom: 15px; } .comparison__clear { margin: 15px 0 0 0; width: auto; } .comparison__clear .btn { width: auto; } @media (max-width: 1024px) { .comparison__clear { margin-right: 0; } } .comparison__cards { width: 80%; } @media (max-width: 1024px) { .comparison__cards { margin-left: 0; width: 100%; } } .comparison__cards .b-slider .swiper-slide { height: auto; } .comparison__cards .b-slider .b-product__footer { margin-top: auto; } @media (max-width: 500px) { .comparison__cards .b-slider .b-product__brand { margin-bottom: 15px; } } @media (max-width: 500px) { .comparison__cards .b-slider { width: calc(100% - 55px) !important; margin-right: -55px; } .comparison__cards .b-slider .swiper-wrapper { margin-right: -55px; } .comparison__cards .b-slider .swiper-container { overflow: visible; } } .comparison__table { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 18px; background-color: #fff; } .comparison__table .titles { width: 20%; } @media (max-width: 1024px) { .comparison__table .titles { display: none; } } .comparison__table .table-slider { width: 80%; } @media (max-width: 1024px) { .comparison__table .table-slider { width: 100%; } } @media (max-width: 500px) { .comparison__table .table-slider .b-slider { width: calc(100% - 55px) !important; margin-right: -55px; } .comparison__table .table-slider .b-slider .swiper-wrapper { margin-right: -55px; } .comparison__table .table-slider .b-slider .swiper-container { overflow: visible; } } .comparison__table .table-slider .b-slider .tooltip__content { width: 200px; } @media (max-width: 640px) { .comparison__table { overflow: auto; width: calc(100% + 15px); } } .comparison__table-row { max-height: 61px; height: auto !important; background-color: #fff; font-size: 14px; margin-right: -20px; } @media (max-width: 1024px) { .comparison__table-row { max-height: 77px; } } .comparison__table-row:not(:last-child) { border-bottom: 1px solid #D3D9DE; } .comparison__table-row:not(:last-child) .tooltip__content.active { left: -42%; top: 30px; -webkit-transform: translateX(-42%); transform: translateX(-42%); } .comparison__table-row:not(:last-child) .tooltip__content.active:before { left: 50%; top: 0; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); } .comparison__table-row:last-child .tooltip__content.active { left: -42%; top: -65px; -webkit-transform: translateX(-42%); transform: translateX(-42%); } .comparison__table-row:last-child .tooltip__content.active:before { left: 50%; top: auto; bottom: -8px; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); } .comparison__table-row .m-title { display: none; } @media (max-width: 1024px) { .comparison__table-row .m-title { display: block; font-weight: 700; padding-left: 15px; padding-top: 13px; } } .comparison__table-row .title { max-height: 61px; font-weight: 700; } @media (max-width: 1024px) { .comparison__table-row .title { width: 100%; max-height: 77px; padding-bottom: 0; padding-top: 15px; } } .comparison__table-title .no-data, .comparison__table-specs .no-data { color: #9EAABB; } @media (max-width: 640px) { .comparison__table-title, .comparison__table-specs { width: auto; background-color: #fff; } } .comparison__table-title div, .comparison__table-specs div { padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } .comparison__table-title div .tooltip, .comparison__table-specs div .tooltip { margin-right: 0; margin-left: 6px; } @media (max-width: 1024px) { .comparison__table-title div, .comparison__table-specs div { padding-left: 15px; padding-top: 5px; } } .comparison__table-title { padding-left: 20px; } .comparison__table-specs { display: -webkit-box; display: -ms-flexbox; display: flex; } .comparison__table-specs .small-title { display: none; } @media (max-width: 1024px) { .comparison__table-specs .small-title { display: block; position: absolute; font-size: 14px; top: 13px; left: 15px; font-weight: 600; } } @media (max-width: 1024px) { .comparison__table-specs { position: relative; } .comparison__table-specs .code-wrap { padding-bottom: 15px; padding-top: 40px; } } .comparison__tabs .b-tabs-head { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -10px; } .comparison__tabs .b-tabs-head__link { margin-bottom: 10px; } .comparison__body { //transition: .2s ease-out; } .comparison__bottom .link { display: inline; } .comparison .tooltip { margin-left: 0; margin-right: 10px; } .comparison .tooltip__content { font-size: 12px; padding: 10px; } .comparison .b-slider { width: 100%; position: relative; } .comparison .b-slider .b-product { height: 100%; } .comparison .b-slider .b-product__brand:hover { color: #539FE0; } .comparison .b-slider .b-product .b-product-actions__link.btn-buy.active:hover { cursor: default; background-color: #FAFAFA; } .comparison .b-slider .b-product .btn-buy:not(.active):hover span { display: inline; } .comparison .b-slider .b-product .btn-buy span { display: none; } @media (max-width: 640px) { .comparison .b-slider { //width: calc(100% + 15px); } } .comparison .b-slider .swiper-container { margin-bottom: 0; padding-bottom: 0; } .comparison .b-slider .swiper-slide {} .comparison .b-slider .swiper-button-disabled { display: none; } .comparison .b-slider__arrow { position: absolute; top: 40%; bottom: 0; z-index: 10; -webkit-transform: translateY(-40%); transform: translateY(-40%); } @media (max-width: 768px) { .comparison .b-slider__arrow { display: none; } } .comparison .b-slider__arrow--prev { left: 15px; } .comparison .b-slider__arrow--next { right: 15px; -webkit-transform: translateY(-40%) scaleX(-1); transform: translateY(-40%) scaleX(-1); } .comparison .b-section-medium { margin-bottom: 20px; } @media (max-width: 1024px) { .comparison .b-section-medium { padding: 20px; } } @media (max-width: 768px) { .comparison .b-tabs-head { display: block; } } @media (max-width: 1024px) { .comparison .b-tabs-head__link { font-size: 14px; } } @media (max-width: 768px) { .comparison .b-tabs-head__link { font-size: 12px; display: block; } .comparison .b-tabs-head__link:not(:last-child) { margin-bottom: 7px; } } @media (max-width: 1700px) and (min-width: 1279px) { .comparison__clear { margin: 12px 0 0 0; } .comparison__items { margin-bottom: 16px; } .comparison__items .b-product .b-price__current { font-size: 16px !important; } .comparison__items.fixed { -webkit-box-shadow: 0 7.2px 16px rgba(0, 0, 0, .1); box-shadow: 0 7.2px 16px rgba(0, 0, 0, .1); } .comparison__items.fixed .comparison__cbs { padding-left: 16px; } .comparison__items.fixed .comparison__items-inner { max-width: 1040px; } .comparison__items.fixed .b-product__top { margin-bottom: 8px; } .comparison__items.fixed .b-product__img { width: 80px; height: 80px; } .comparison__items .b-product__img { height: 104px; } .comparison__items .b-product__title { font-size: 11.2px; } .comparison__cbs { padding-top: 38.4px; } .comparison__cbs .title { margin-bottom: 16px; } .comparison__cbs .b-checkbox:not(:last-child) { margin-bottom: 12px; } .comparison__table { margin-bottom: 14.4px; } .comparison__table-row { max-height: 49px; font-size: 11.2px; margin-right: -16px } .comparison__table-row:not(:last-child) .tooltip__content.active { top: 24px; } .comparison__table-row:last-child .tooltip__content.active { top: -52px; } .comparison__table-row .title { max-height: 49px; } .comparison__table-title div, .comparison__table-specs div { padding-right: 16px; padding-top: 16px; padding-bottom: 16px; } .comparison__table-title div .tooltip, .comparison__table-specs div .tooltip { margin-left: 4.8px; } .comparison__table-title { padding-left: 16px; } .comparison__table .table-slider .b-slider .tooltip__content { width: 160px; } .comparison .tooltip { margin-right: 8px; } .comparison .tooltip__content { font-size: 9.6px; padding: 8px; } .comparison .b-slider__arrow--prev { left: 12px; } .comparison .b-slider__arrow--next { right: 12px; } .comparison .b-section-medium { padding: 15px 30px; margin-bottom: 16px; } .comparison .table-slider .b-slider .swiper-slide:last-child .tooltip__content { right: 28.8px } .comparison .table-slider .b-slider .swiper-slide:last-child .tooltip__content:before { right: -4.8px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .product_detail_manufacturer .main-brand-slide__left { background: rgba(208, 208, 207, .6); } .product_detail_manufacturer .main-brand-slide__left-link { padding: 20px 25px; } .product_detail_manufacturer .main-brand-slide__left img { margin: 0; } @media (min-width: 1025px) { .ismobile { display: none !important; } } @media (max-width: 1024px) { .product_detail_manufacturer .main-brand-slide__right { height: 300px; } .product_detail_manufacturer .main-brand-slide__right-link { max-height: 130px; min-height: 130px; } .isDesktop { display: none !important; } .product_detail_manufacturer .main-brand-slide__left img { margin: auto; height: auto; max-width: 225px; } } @media (max-width: 767px) { .main-slider-catalog .main-brand-slide__left { width: 100%; height: 65px; padding: 0; } .product_detail_manufacturer .main-brand-slide__right { height: 155px; width: 100%; } .product_detail_manufacturer .main-brand-slide__right-link { max-height: 60px; min-height: 60px; } .product_detail_manufacturer .main-brand-slide__left-link { padding: 8px 0; } .product_detail_manufacturer .main-brand-slide__left img { max-width: 110px; margin: 0 20px 0; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .data-protection p { margin-left: 15px; text-indent: 25px; text-align: justify } .data-protection p:not(:last-child) { margin-bottom: 15px; } .data-protection h3 { margin-top: 20px; } .data-protection .level-2 { margin-left: 30px; } .data-protection .level-3 { margin-left: 30px; } .data-protection a { color: #E40208 } .data-protection a:hover { color: #F28081; } .data-protection ul { margin-left: 15px; text-align: justify; text-indent: 15px } .data-protection ul:not(:last-child) { margin-bottom: 25px; } .data-protection ul li { padding-left: 20px; position: relative } .data-protection ul li:not(:last-child) { margin-bottom: 12px; } .data-protection ul li:before { content: ''; position: absolute; top: 9px; margin: auto; left: 0; height: 6px; width: 6px; background-color: #E40208; border-radius: 50%; } .data-protection ul .level-3 { margin-top: 15px; } .data-protection .reqs-list { margin-left: 15px } .data-protection .reqs-list:not(:last-child) { margin-bottom: 25px; } .data-protection .reqs-list__line { display: -webkit-box; display: -ms-flexbox; display: flex } .data-protection .reqs-list__line:not(:last-child) { margin-bottom: 17px; } .data-protection .reqs-list__title { width: 400px; margin-right: 60px; font-weight: 500; } @media (max-width: 768px) { .data-protection .reqs-list__title { margin-right: 20px; min-width: 180px } } @media (max-width: 500px) { .data-protection .reqs-list__title { min-width: 100px; max-width: 150px } } .data-protection .reqs-list__value { width: calc(100% - 256px); font-weight: 400; word-wrap: break-word; word-wrap: break-word; word-break: break-word; } @media (max-width: 500px) { .data-protection .reqs-list__value { width: calc(100% - 130px) } } .data-protection .space { padding: 15px; } @media (max-width: 1700px) and (min-width: 1279px) { .data-protection p { margin-left: 12px; text-indent: 20px } .data-protection p:not(:last-child) { margin-bottom: 12px; } .data-protection .level-2 { margin-left: 24px; } .data-protection .level-3 { margin-left: 48px; } .data-protection h3 { margin-top: 16px; } .data-protection ul { text-indent: 12px; } .data-protection ul li { padding-left: 16px } .data-protection ul li:not(:last-child) { margin-bottom: 9.6px; } .data-protection ul li:before { top: 7.2px; height: 4.8px; width: 4.8px; } .data-protection .reqs-list__line:not(:last-child) { margin-bottom: 13.6px; } .data-protection .reqs-list__title { min-width: 160px; margin-right: 48px; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .error-404, .empty-page { margin-bottom: 20px; text-align: center; margin-left: auto; margin-right: auto; padding: 0 20px; } .error-404__img, .empty-page__img { margin: 70px 0; text-align: center; } @media (max-width: 768px) { .error-404__img, .empty-page__img { margin: 30px auto; padding: 0 15px; } } .error-404__title, .empty-page__title { margin-bottom: 25px; font-size: 24px; font-weight: 500; } @media (max-width: 768px) { .error-404__title, .empty-page__title { font-size: 20px; } } .error-404__text, .empty-page__text { font-size: 16px; margin-bottom: 40px; } @media (max-width: 768px) { .error-404__text, .empty-page__text { font-size: 14px; } } .error-404__btn, .empty-page__btn { max-width: 170px; } @media (max-width: 768px) { .empty-page { margin-bottom: 0; } } .empty-page__img { margin-top: 53px; margin-bottom: 42px; } @media (max-width: 823px) { .empty-page__img { margin-top: 0; margin-bottom: 20px; } } @media (max-width: 768px) { .empty-page__img { margin-bottom: 0; } } @media (max-width: 500px) { .empty-page__img { margin: 30px auto; padding: 0 15px; } } @media (max-width: 320px) { .empty-page__img { margin-top: 20px; margin-bottom: 20px; } } @media (max-width: 768px) { .empty-page__text { margin-bottom: 20px; } } .empty-page h1 { margin-top: 0; } @media (max-width: 768px) { .empty-page h1 { margin-bottom: 10px; } } @media (max-width: 1700px) and (min-width: 1279px) { .error-404, .empty-page { margin-bottom: 16px; } .error-404__title, .empty-page__title { margin-bottom: 20px; font-size: 19.2px; } .error-404__text, .empty-page__text { font-size: 12.8px; margin-bottom: 32px; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ @media (max-width: 1024px) { .faq .aside { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .faq .aside-main { padding-bottom: 0 !important; } @media (max-width: 1024px) { .faq .aside-main { width: 100%; margin-right: 0; } } @media (max-width: 1024px) { .faq .aside-sidebar { width: 100%; max-width: 100%; margin-top: 10px; } } .faq__top { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .faq__top-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -15px; } .faq__top .b-checkbox { margin-bottom: 15px; } .faq__top .b-checkbox__text { white-space: nowrap; } .faq__top .b-checkbox:not(:last-child) {} .faq__top .b-checkbox { margin-right: 40px; } .faq__section { margin-bottom: 20px; } .faq__section:last-of-type { margin-bottom: 0; } .faq__section .title-3 { margin-bottom: 0; padding: 23px 40px; background-color: #fff; border-bottom: 1px solid #FAFAFA; } @media (max-width: 500px) { .faq__section .title-3 { padding: 20px 15px; } } .faq__item { border-bottom: 1px solid #FAFAFA; background-color: #fff; } .faq__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 40px; font-weight: 700; cursor: pointer; } .faq__title:hover { color: #E40208; } @media (max-width: 500px) { .faq__title { padding: 20px 15px; } } .faq__title.active .i-icon { color:#E40208; -webkit-transform: scaleY(1) !important; transform: scaleY(1) !important; } .faq__title.active:hover .i-icon { -webkit-transform: scaleY(1) scale(1.3) rotateZ(0) !important; transform: scaleY(1) scale(1.3) rotateZ(0) !important; } .faq__title .title { padding-right: 20px; } .faq__title .title:hover { color: #E40208; } .faq__title .i-icon { width: 10px; min-width: 10px; height: 10px; margin-left: auto; -webkit-transform: scaleY(-1); transform: scaleY(-1); -webkit-transition: .3s ease-out; transition: .3s ease-out; } .faq__title .i-icon * { -webkit-transition: .2s ease-out; transition: .2s ease-out; } .faq__title:hover .i-icon { -webkit-transform: scaleY(-1) scale(1.3) rotateZ(0); transform: scaleY(-1) scale(1.3) rotateZ(0); } .faq__title:hover .i-icon * { //fill: #004391; } .faq__text { display: none; padding: 0 40px 25px; } .faq__text a:hover{ color: #E40208; } @media (max-width: 500px) { .faq__text { padding: 0 15px 20px; } } .faq .b-form__btns { margin-left: 0; } .faq .b-form__btns .btn { width: 100%; max-width: 315px; margin-left: 0; } @media (max-width: 500px) { .faq .b-form__btns .btn { max-width: none; } } @media (max-width: 1700px) and (min-width: 1279px) { .faq__top { margin-bottom: 16px; } .faq__top-inner { margin-bottom: -12px; } .faq__top .b-checkbox { margin-bottom: 12px; margin-right: 32px; } .faq__section { margin-bottom: 16px; } .faq__section .title-3 { padding: 18.4px 32px; } .faq__title { padding: 20px 32px } .faq__title:hover { color: #E40208; } .faq__title .title { padding-right: 16px; } .faq__title .i-icon { width: 8px; min-width: 8px; height: 8px; } .faq__text { padding: 0 32px 20px; } .faq .b-form__btns .btn { max-width: 252px; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .general-info { margin-bottom: 20px; padding: 40px; background-color: #fff; position: relative; } .general-info__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .general-info__content p { text-align: justify; text-indent: 25px; } .general-info__content ul { margin-left: 15px; text-indent: 10px; text-align: justify; } .general-info__content li { padding-left: 10px; position: relative } .general-info__content li:before { content: ''; position: absolute; top: 9px; margin: auto; left: 0; height: 6px; width: 6px; background-color: #E40208; border-radius: 50%; } .general-info__content ul:not(:last-child) { margin-bottom: 15px; } .general-info__content li:not(:last-child) { margin-bottom: 15px; } .general-info__content p:not(:last-child) { margin-bottom: 15px; } .general-info__content h2:not(:first-child) { margin-top: 25px; } .general-info__content a { color: #E40208 } .general-info__content a:hover { color: #F28081; } .general-info__slider { padding-right: 20px; padding-bottom: 0; } @media (max-width: 1024px) { .general-info__slider { padding-bottom: 1px; } } .general-info__requisites { margin-top: -10px; padding: 60px 0 40px 40px; } @media (max-width: 768px) { .general-info__requisites { display: block; padding: 30px; } } @media (max-width: 500px) { .general-info__requisites { padding: 20px 15px; } } .general-info__map { position: absolute; right: 0; top: 0; bottom: 0; left: calc(50% + 40px); } @media (max-width: 768px) { .general-info__map { position: relative; height: 400px; width: 100%; left: 0; margin-top: 30px; } } .general .main-brand__bg { display: none; } @media (max-width: 1700px) and (min-width: 1279px) { .general-info { margin-bottom: 8px; padding: 32px; } .general-info__requisites { margin-top: -8px; padding: 48px 0 32px 32px; } .general-info__slider { padding-right: 20px; padding-bottom: 0; } .general-info__map { left: calc(50% + 32px); } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .footer { background-color: #ffffff; position: relative; z-index: 4; } .footer-form { background: linear-gradient(123deg, #e40208 0%, #842ea4 100%); margin-top: 40px; } .footer-form .b-form__error, .footer-form .b-form__success { left: 25px; } @media (max-width: 1700px) and (min-width: 1279px) { .footer-form .b-form__error, .footer-form .b-form__success { left: 20px; } } .footer-form .b-form__success.success_cont { bottom: 1px; margin-bottom: 0; font-size: 11px; } .footer-form .error_cont { color: #ffffff; } .footer-form__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 18px 0; } @media (max-width: 640px) { .footer-form__wrap { display: block; } } .footer-form__title { font-size: 18px; color: #ffffff; padding-right: 20px; } @media (max-width: 1024px) { .footer-form__title { font-size: 16px; } } @media (max-width: 768px) { .footer-form__title { font-size: 14px; } } @media (max-width: 640px) { .footer-form__title { margin-bottom: 16px; width: 100%; margin-right: 0; } } .footer-form__form { display: -webkit-box; display: -ms-flexbox; display: flex; width: 60%; max-width: 643px; margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 640px) { .footer-form__form { width: 100%; } } .footer-form__form form { width: 100%; position: relative; } .footer-form__form form input.success { color: #29AD2E; } .footer-form__form form input.success ~ .b-form__error { display: none; } .footer-form__form form input.success ~ .b-form__success { display: block; } .footer-form__form form.error { color: #E40208; } .footer-form__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-form__input { width: calc(100% - 205px); height: 50px; padding: 15px 25px; border: none; background-color: #ffffff; border-radius: 0; } @media (max-width: 1024px) { .footer-form__input { width: calc(100% - 150px); } } @media (max-width: 768px) { .footer-form__input { height: 45px; width: calc(100% - 45px); } } .footer-form__btn { width: 205px; padding: 0; background-color: #FAFAFA; font-size: 14px; font-weight: 700; color: #002454; text-align: center; text-transform: uppercase; -webkit-transition: .2s; transition: .2s; cursor: pointer; } @media (max-width: 1024px) { .footer-form__btn { width: 150px; } } @media (max-width: 768px) { .footer-form__btn { padding: 15px; width: 45px; height: 45px; } } .footer-form__btn .desktop { display: block; letter-spacing: 1px; } @media (max-width: 768px) { .footer-form__btn .desktop { display: none; } } .footer-form__btn .i-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); display: none; } @media (max-width: 768px) { .footer-form__btn .i-icon { display: block; } } .footer-form__btn:hover { background-color: #E5E6E7; } .footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 60px 0 40px; } @media (max-width: 1024px) { .footer__inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 0; } } @media (max-width: 768px) { .footer__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0; } } .footer__left { width: 200px; text-align: right; margin-right: 60px; } @media (max-width: 1024px) { .footer__left { margin-right: 20px; width: 130px; -ms-flex-negative: 0; flex-shrink: 0; } } @media (max-width: 768px) { .footer__left { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .footer__left .social { margin-top: 14px; color: #9EAABB; } @media (max-width: 768px) { .footer__left .social { margin: 0; } } .footer-nav { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 445px); padding: 0 40px; -ms-flex-pack: distribute; justify-content: space-around; } @media (max-width: 1024px) { .footer-nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px; width: 100%; } } @media (max-width: 768px) { .footer-nav { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0; } } @media (max-width: 500px) { .footer-nav { display: block; text-align: center; } } @media (max-width: 768px) { .footer-nav__inner { margin-bottom: -15px; width: 50%; } } @media (max-width: 768px) and (max-width: 500px) { .footer-nav__inner { margin-bottom: 0; } } @media (max-width: 500px) { .footer-nav__inner { width: 100%; } } @media (max-width: 1024px) { .footer-nav__inner:not(:last-child) { margin-right: 20px; } } @media (max-width: 768px) { .footer-nav__inner:not(:last-child) { margin-right: 0; } } .footer-nav__link { display: block; margin-bottom: 10px; -webkit-transition: .3s ease-out; transition: .3s ease-out; } .footer-nav__link:hover { color: #E40208; } @media (max-width: 768px) { .footer-nav__link { margin-bottom: 10px; } } .footer-nav__link.down { position: relative; } .footer-nav__link.down .footer-nav__down_main { position: relative; padding-right: 15px; -webkit-transition: unset; transition: unset; } .footer-nav__link.down .footer-nav__down_main:after { right: -1px; content: ''; position: absolute; top: 7px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #002454; -webkit-transition: .3s ease-out; transition: .3s ease-out; } @media (max-width: 1700px) { .footer-nav__link.down .footer-nav__down_main:after { top: 5px; } } @media (max-width: 1279px) { .footer-nav__link.down .footer-nav__down_main:after { top: 7px; } } @media (max-width: 841px) { .footer-nav__link.down .footer-nav__down_main:after { right: -5px; position: relative; top: 12px; } } @media (max-width: 768px) { .footer-nav__link.down .footer-nav__down_main:after { top: 11px; } } @media (min-width: 501px) { .footer-nav__link.down .footer-nav__down_main:hover { color: #E40208; } } @media (max-width: 500px) { .footer-nav__link.down .footer-nav__down_main { color: #002454; } .footer-nav__link.down .footer-nav__down_main:after { position: absolute; top: 6px; right: -2px; } .footer-nav__link.down .footer-nav__down_main.active { color: #E40208; } .footer-nav__link.down .footer-nav__down_main.active:after { border-top: none; border-bottom: 5px solid #E40208; } } @media (min-width: 501px) { .footer-nav__link.down:hover .footer-nav__link__down-list { opacity: 1; visibility: visible; } .footer-nav__link.down:hover .footer-nav__down_main:after { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); border-top-color: #E40208; } } .footer-nav__link__down-list { position: absolute; top: -40px; width: 100%; background-color: #ffffff; opacity: 0; visibility: hidden; -webkit-transition: .3s ease-out; transition: .3s ease-out; border-radius: 2px; border: 1px solid #D3D9DE; z-index: 1050; padding: 20px 15px; display: block; left: 255px; } .footer-nav__link__down-list:before { content: ''; position: absolute; top: 45px; width: 10px; height: 10px; -webkit-transform: rotate(315deg); transform: rotate(315deg); background-color: #ffffff; border-left: 1px solid #D3D9DE; border-top: 1px solid #D3D9DE; right: 100%; left: -6px; margin: auto; border-radius: 2px; } .footer-nav__link__down-list.extend-5 { top: -72px; } .footer-nav__link__down-list.extend-5:before { top: 77px; } .footer-nav__link__down-list.extend-6 { top: -104px; } .footer-nav__link__down-list.extend-6:before { top: 109px; } .footer-nav__link__down-list.extend-7 { top: -136px; } .footer-nav__link__down-list.extend-7:before { top: 141px; } .footer-nav__link__down-list.extend-8 { top: -168px; } .footer-nav__link__down-list.extend-8:before { top: 173px; } .footer-nav__link__down-list.extend-9 { top: -200px; } .footer-nav__link__down-list.extend-9:before { top: 205px; } .footer-nav__link__down-list.extend-10 { top: -232px; } .footer-nav__link__down-list.extend-10:before { top: 237px; } .footer-nav__link__down-list:after { content: ''; position: absolute; top: -13px; width: 100%; height: 13px; background-color: transparent; left: 0; } .footer-nav__link__down-list a { display: inherit; color: #002454; } .footer-nav__link__down-list a:hover { color: #E40208; } .footer-nav__link__down-list a:not(:last-child) { margin-bottom: 10px; } @media (max-width: 1700px) { .footer-nav__link__down-list { left: 210px; } .footer-nav__link__down-list:before { top: 42px; } } @media (max-width: 1279px) { .footer-nav__link__down-list { left: 250px; } .footer-nav__link__down-list:before { top: 45px; } } @media (max-width: 827px) { .footer-nav__link__down-list { top: -840%; left: 60px; } .footer-nav__link__down-list:before { bottom: -6px; top: auto; left: 75%; -webkit-transform: rotate(225deg); transform: rotate(225deg); } } @media (max-width: 799px) { .footer-nav__link__down-list { top: -470% !important; left: -5px; } } @media (max-width: 768px) { .footer-nav__link__down-list { top: 35px !important; } .footer-nav__link__down-list:before { bottom: auto; top: -6px !important; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @media (max-width: 500px) { .footer-nav__link__down-list { left: 0; right: 0; margin-left: auto; margin-right: auto; max-width: 250px; } .footer-nav__link__down-list:before { left: 50%; } } .footer-contacts { width: 205px; } @media (max-width: 1024px) { .footer-contacts { -ms-flex-negative: 0; flex-shrink: 0; } } @media (max-width: 768px) { .footer-contacts { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin-bottom: 20px; display: block; text-align: center; } } .footer-contacts__phone { font-size: 20px; font-weight: 700; color: #002454; display: block; margin-top: -4px; margin-bottom: 8px; } @media (max-width: 1700px) and (min-width: 1279px) { .footer-contacts__phone { margin-bottom: 16px; } } @media (max-width: 768px) { .footer-contacts__phone { display: inline; margin-bottom: 8px; text-align: center; vertical-align: middle; } .footer-contacts__phone::after { content: " - "; color: #9EAABB; font-weight: normal; } } .footer-contacts__phone:hover { color: #E40208; } .footer-contacts .link { margin-bottom: 10px; color: #9EAABB; } .footer-contacts .link:hover { color: #E40208; } @media (max-width: 768px) { .footer-contacts .link { vertical-align: text-top; } } .footer__logo img { width: 199px; height: 68px; } @media (max-width: 768px) { .footer__logo img { width: 120px; height: 41px; } } .footer-copyright { background-color: #FAFAFA; } .footer-copyright__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; font-size: 14px; color: #9EAABB; } @media (max-width: 640px) { .footer-copyright__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .footer-copyright__inner a:hover { color: #E40208; } .footer-copyright__inner span:not(:last-child) { margin-bottom: 5px; } @media (max-width: 1700px) and (min-width: 1279px) { .footer-form__wrap { padding: 14.4px 0; } .footer-form__title { padding-right: 16px; } .footer-form__form { max-width: 514.4px; } .footer-form__input { width: calc(100% - 164px); height: 40px; padding: 12px 20px; } .footer-form__btn { width: 164px; padding: 12px; } .footer__inner { padding: 48px 0 32px; } .footer__left { width: 160px; margin-right: 48px; } .footer__left .social { margin-top: 11.2px; } .footer-nav { width: calc(100% - 356px); padding: 0 32px; } .footer-nav__link { margin-bottom: 16px; } .footer-contacts { width: 164px; } .footer-contacts__phone { font-size: 16px; } .footer-contacts .link { margin-bottom: 16px; } .footer__logo img { width: 159.2px; height: 54.4px; } .footer-copyright__inner { padding: 16px 0; } .footer-copyright__inner span:not(:last-child) { margin-bottom: 4px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .mfp-gallery .mfp-arrow, .mfp-gallery .mfp-close { display: none; } .mfp-gallery .mfp-content { width: 600px; max-height: 90vh; } @media (max-width: 1024px) { .mfp-gallery .mfp-content { width: 100%; max-width: 90vw !important; } } .mfp-gallery .b-modal--gallery { width: 100%; max-width: none; padding: 40px 60px; margin: 0; } @media (max-width: 500px) { .mfp-gallery .b-modal--gallery { padding: 50px 0 0; } } .mfp-gallery .b-modal--gallery img.mfp-img { max-height: 80vh !important; width: 100%; padding: 0; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } .mfp-gallery .b-modal--gallery .b-slider__arrow { position: absolute; top: 50%; left: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 500px) { .mfp-gallery .b-modal--gallery .b-slider__arrow { min-width: 30px; max-width: 30px; height: 30px; border: 1px solid #9EAABB; top: 10px; left: 15px; -webkit-transform: translateY(0%); transform: translateY(0%); } } @media (max-width: 500px) { .mfp-gallery .b-modal--gallery .b-slider__arrow:hover { border-color: #E40208; } } .mfp-gallery .b-modal--gallery .b-slider__arrow--next { left: auto; right: 10px; -webkit-transform: scaleX(-1) translateY(-50%); transform: scaleX(-1) translateY(-50%); } @media (max-width: 500px) { .mfp-gallery .b-modal--gallery .b-slider__arrow--next { top: 10px; left: 60px; right: 0; -webkit-transform: scaleX(-1) translateY(0%); transform: scaleX(-1) translateY(0%); } } @media (max-width: 500px) { .mfp-gallery .b-modal--gallery .b-slider__arrow svg { min-width: 14px; width: 14px; } } @media (max-width: 1700px) and (min-width: 1279px) { .mfp-gallery .b-modal--gallery img.mfp-img { } .mfp-gallery .b-modal--gallery .b-slider__arrow { left: 15px; } .mfp-gallery .b-modal--gallery .b-slider__arrow--next { left: auto; right: 15px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .news__inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -20px; margin-bottom: -20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 500px) { .news__inner { margin-left: 0; margin-bottom: 0; } } .news-item { background-color: #ffffff; position: relative; width: calc(25% - 20px); margin-left: 20px; margin-bottom: 20px; -webkit-transition: .3s ease-out; transition: .3s ease-out; border-radius: 2px; } @media (max-width: 1024px) { .news-item { width: calc(33.333% - 20px); } } @media (max-width: 768px) { .news-item { width: calc(50% - 20px); } } @media (max-width: 500px) { .news-item { width: 100%; margin-left: 0; margin-bottom: 0; } .news-item:not(:last-child) { margin-bottom: 10px; } } @media (max-width: 768px) { .news__search { width: 100%; } } @media (max-width: 320px) { .news__search { font-size: 12px; } } .news__search-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; color: #E40208; font-weight: 700; } @media (max-width: 768px) { .news__search-link { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 10px; padding-bottom: 10px; } } .news__search-field { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 100%; left: 0; top: 0; background: #ffffff; z-index: 10; padding: 15px 20px; opacity: 0; visibility: hidden; -webkit-transition: .3s ease-out; transition: .3s ease-out; } .news__search-field.active { visibility: visible; opacity: 1; } @media (max-width: 768px) { .news__search-field.active { margin-top: 10px; } } .news__search-field .b-form__input { max-width: calc(100% - 30px) !important; } .news__search-field .close { margin-left: auto; opacity: 1; } .news__search-field .close .i-icon { margin-right: 0; } .news__search .i-icon { width: 15px; height: 15px; margin-right: 15px; } .news__date { margin-right: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .news__date { width: 100%; margin-right: 0; padding: 20px 15px; border-bottom: 1px solid #D3D9DE; } } @media (max-width: 500px) { .news__date { display: block; } } .news__date .title { margin-right: 20px; } @media (max-width: 500px) { .news__date .title { margin-bottom: 13px; font-weight: 700; } } @media (max-width: 1024px) { .news__category { display: -webkit-box; display: -ms-flexbox; display: flex; height: 30px; } } @media (max-width: 768px) { .news__category { width: 100%; height: 40px; border-bottom: 1px solid #D3D9DE; } } .news__category .title { padding-left: 20px; color: #9EAABB; white-space: nowrap; padding-right: 20px; } .news__category .select-options__inner.ps--active-y > li { padding-right: 15px; } .news__funcs-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1024px) { .news__funcs-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .news__funcs-wrap:last-child { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; } .news__funcs-wrap.bx-searchtitle { margin: 0; } .news__funcs-wrap > form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .news__funcs-wrap > form { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .news__funcs-wrap .news__category .news__funcs-category .select-wrap--dropdown .select-styled { max-width: 215px; overflow: hidden; text-overflow: ellipsis; display: inline-block; } @media (max-width: 1279px) { .news__funcs-wrap .news__category .news__funcs-category .select-wrap--dropdown .select-styled { max-width: 85px; } } @media (max-width: 1023px) { .news__funcs-wrap .news__category .news__funcs-category .select-wrap--dropdown .select-styled { max-width: 200px; } } @media (max-width: 600px) { .news__funcs-wrap .news__category .news__funcs-category .select-wrap--dropdown .select-styled { max-width: 100px; } } .news__funcs-category { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .news__funcs-category .select-styled { padding-top: 0; padding-bottom: 0; } } .news__funcs-category .select-styled:after { border-top: 5px solid #292727; } @media (max-width: 1024px) { .news__funcs-category .select-options { top: 30px; } } @media (max-width: 500px) { .news__funcs-category .select-options { left: inherit; right: 0; -webkit-transform: translateX(65%); transform: translateX(65%); white-space: normal; } } @media (max-width: 375px) { .news__funcs-category .select-options { -webkit-transform: translateX(35%); transform: translateX(35%); } } @media (max-width: 500px) { .news__funcs-category .select-options:after { left: 25% !important; } } @media (max-width: 375px) { .news__funcs-category .select-options:after { left: 52% !important; } } .news__funcs-date { position: relative; } @media (max-width: 768px) { .news__funcs-date { width: 100%; } } @media (max-width: 500px) { .news__funcs-date:not(:last-child) { margin-bottom: 10px; } } .news__funcs-date img { position: absolute; top: 0; bottom: 0; width: 18px; height: 18px; right: 14px; margin: auto; pointer-events: none; } .news__funcs-date.from .b-form__input, .news__funcs-date.to .b-form__input { padding: 16px 38px 16px 50px; } .news__funcs-date.to .b-form__input { padding-left: 40px; } .news__funcs-text { 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; position: absolute; top: 0; bottom: 0; margin: auto; left: 10px; color: #9EAABB; z-index: 10; } .news__funcs-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 20px; background-color: #ffffff; margin-bottom: 2px; position: relative; } @media (max-width: 1024px) { .news__funcs-top { padding-top: 10px; padding-bottom: 5px; } } @media (max-width: 768px) { .news__funcs-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin-bottom: 0; border-bottom: 1px solid #D3D9DE; } } .news__funcs-top .b-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .news__funcs-top .b-form { width: 100%; } } @media (max-width: 500px) { .news__funcs-top .b-form { display: block; } } .news__funcs-top .b-form__input { position: relative; height: 50px; max-width: 180px; } @media (max-width: 768px) { .news__funcs-top .b-form__input { max-width: 100%; } } .news__funcs-top .b-form__input.from:before { content: '\43E\442'; } .news__funcs-top .sep { width: 12px; height: 2px; background-color: #9EAABB; margin: auto 5px; } @media (max-width: 500px) { .news__funcs-top .sep { display: none; } } .news__funcs-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #ffffff; padding: 27px 20px; margin-bottom: 10px; } @media (max-width: 768px) { .news__funcs-bottom { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 640px) { .news__funcs-bottom { display: block; } } .news__funcs-bottom .b-checkbox:not(:last-child) { margin-right: 40px; } @media (max-width: 1024px) { .news__funcs-bottom .b-checkbox:not(:last-child) { margin-right: 20px; } } @media (max-width: 768px) { .news__funcs-bottom .b-checkbox:not(:last-child) { margin-right: 0; } } @media (max-width: 768px) { .news__funcs-bottom .b-checkbox:not(:last-child) { margin-bottom: 20px; } } .news__tags { margin-top: 20px; background-color: #ffffff; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; } @media (max-width: 768px) { .news__tags { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .news__tags-title { color: #292727; } .news__tags-items { color: #9EAABB; margin-bottom: -5px; } .news__tags-items li { display: inline-block; margin-bottom: 5px } .news__tags-items li:not(:last-child) { margin-right: 14px; } .news__tags-items li a { -webkit-transition: .3s ease-out; transition: .3s ease-out; white-space: nowrap; } .news__tags-items li a:hover { color: #E40208; } .news__tags .counter-block { margin-right: 46px; } @media (max-width: 1700px) and (min-width: 1279px) { .news__tags .counter-block { margin-right: 43px; } } @media (max-width: 768px) { .news__tags .counter-block { margin-left: 0; } } .news__tags .header__link { margin-bottom: 15px; position: relative; } @media (max-width: 768px) { .news__tags .header__link { margin-bottom: 10px; } } .news__tags .header__link > span { right: 0; top: 50%; display: block; width: auto; height: auto; max-width: 51px; padding: 5px 4px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; font-size: 13px; line-height: 1; -webkit-transform: translateY(-50%) translateX(calc(100% + 5px)); transform: translateY(-50%) translateX(calc(100% + 5px)); position: absolute; } .news .pagination { width: 100%; margin-left: 20px; margin-top: 20px; margin-bottom: 25px; } @media (max-width: 768px) { .news .pagination { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; } } @media (max-width: 640px) { .news .pagination { margin-left: 0; } } @media (max-width: 500px) { .news .pagination { margin-bottom: 0; } } @media (max-width: 768px) { .news .pagination__text { display: none; } } @media (max-width: 1700px) and (min-width: 1279px) { .news__inner { margin-left: -16px; margin-bottom: -16px; } .news-item { width: calc(25% - 16px); margin-left: 16px; margin-bottom: 16px; } .news__search-field { padding: 12px 16px; } .news__search-field .b-form__input { max-width: calc(100% - 24px) !important; } .news__search .i-icon { width: 12px; height: 12px; margin-right: 12px; } .news__date { margin-right: 32px; } .news__date .title { margin-right: 16px; } .news__funcs-category .select-styled:after { border-top: 4px solid #292727; } .news__funcs-category .select-options { min-width: 160px; } .news__funcs-date img { width: 14.4px; height: 14.4px; right: 11.2px; } .news__funcs-date:before { left: 8px; color: #9EAABB; z-index: 10; } .news__funcs-top { padding: 12px 16px; } .news__funcs-top .b-form__input { height: 40px; max-width: 144px; } .news__funcs-top .sep { width: 9.6px; height: 1.6px; margin: auto 4px; } .news__funcs-bottom { padding: 21.6px 16px; margin-bottom: 8px; } .news__funcs-bottom .b-checkbox:not(:last-child) { margin-right: 32px; } .news__tags { padding: 16px; font-size: 11.2px; } .news__tags-items { margin-bottom: -4px; } .news__tags-items li { margin-bottom: 4px } .news__tags-items li:not(:last-child) { margin-right: 11.2px; } .news .pagination { margin-left: 16px; margin-bottom: 20px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .img { filter:url('data:image/svg+xml;charset=utf-8,#filter'); } .img__no_photo { opacity:0.3; filter:url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter:grayscale(100%); filter:grayscale(100%); }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .news-detail__main { background-color: #fff; padding: 28px 170px 40px; word-wrap: break-word; } @media (max-width: 1200px) { .news-detail__main { padding: 28px 60px 40px; } } @media (max-width: 1024px) { .news-detail__main { padding: 28px 30px 40px; } } @media (max-width: 768px) { .news-detail__main { padding: 20px 15px; } } .news-detail__main .news__tags { padding-left: 0; padding-right: 0; } @media (max-width: 768px) { .news-detail__main .news__tags { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; padding-right: 0; } } .news-detail__main .news__tags .counter-block { margin-left: 0; } .news-detail__main .detail-comment__header { padding-left: 0; padding-right: 0; } .news-detail__main .detail-comment__item { padding-left: 0; padding-right: 0; } .news-detail__main .news__tags-items { margin-left: 10px; } @media (max-width: 768px) { .news-detail__main .news__tags-items { margin-left: 0; } } @media (max-width: 500px) { .news-detail__main .detail-comment-sorting { padding: 0; } } .news-detail__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; } @media (max-width: 767px) { .news-detail__title { display: block; } } .news-detail__img { margin-bottom: 25px; height: 350px; width: 100%; } @media (max-width: 768px) { .news-detail__img { height: 250px; } } .news-detail__img img { width: 100%; height: 100%; -o-object-fit: cover; font-family: "object-fit:cover"; object-fit: cover; } .news-detail__props { color: #9EAABB; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } @media (max-width: 1024px) { .news-detail__topic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .news-detail__topic h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .news-detail__topic h3 img{ margin: 0; } .news-detail__topic p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .news-detail__topic p span{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .news-detail__topic img { height: auto; width: auto; } .news-detail__topic>table, .news-detail__topic>div>table { width: auto !important; display: block; } .news-detail__topic tbody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .news-detail__topic tbody tr{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .news-detail__topic tbody tr td{ width: auto !important; border: none; } } .news-detail__topic a:hover { color: #E40208; } .news-detail__topic ul a *:hover { color: #E40208; } .news-detail__topic ul a:hover { color: #E40208; } .news-detail__funcs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 30px; border-top: 1px solid #D3D9DE; margin-top: 30px; } @media (max-width: 640px) { .news-detail__funcs { display: block; padding-top: 20px; margin-top: 20px; } } @media (max-width: 640px) { .news-detail__funcs .links { margin-bottom: 15px; } } .news-detail__funcs .link:not(:last-child) { margin-right: 29px; } .news-detail__date { margin-right: 40px; } .news-detail__author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .news-detail__author__link:hover { color: #E40208; } .news-detail__author .i-icon { margin-right: 10px; width: 15px; min-width: 15px; height: 15px; } .news-detail h1 { width: calc(100% - 240px); margin: 0; padding: 0; } @media (max-width: 767px) { .news-detail h1 { width: 100%; } } .news-detail .b-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 220px; margin: 15px 0 0 20px; color: #9EAABB; } @media (max-width: 767px) { .news-detail .b-share { width: 100%; margin: 10px 0 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .news-detail .b-share__title { margin-right: 14px; } .news-detail .b-share__links { white-space: nowrap; } .news-detail .b-share ul li { margin: 0 4px 0 0 !important } .news-detail .b-share ul li:first-of-type { padding-left: 0; } .news-detail .b-share ul li:before { display: none; } .news-detail .b-share ul li:last-child { margin-right: 0 !important; } .news-detail .social__link { margin-right: 0 } .news-detail .social__link:not(:last-child) { margin-right: 24px; } @media (max-width: 1024px) { .news-detail iframe { width: 100%; height: 400px; } } @media (max-width: 500px) { .news-detail iframe { height: 220px; } } @media (max-width: 1700px) and (min-width: 1279px) { .news-detail__main { padding: 22.4px 136px 32px; } .news-detail__title { margin-bottom: 16px; } .news-detail__img { margin-bottom: 20px; height: 280px; } .news-detail__props { margin-bottom: 16px; } .news-detail__funcs { padding-top: 24px; margin-top: 24px; } .news-detail__funcs .link:not(:last-child) { margin-right: 23.2px; } .news-detail__date { margin-right: 32px; } .news-detail__author .i-icon { margin-right: 8px; width: 12px; min-width: 12px; height: 12px; } .news-detail h1 { width: calc(100% - 236px); } .news-detail .b-share { margin: 12px 0 0 16px; } .news-detail .b-share__title { margin-right: 11.2px; } .news-detail .social__link:not(:last-child) { margin-right: 19.2px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .order-finish__bill { margin-bottom: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .order-finish__bill-title { color: #E40208; } .order-finish__bill .i-icon { width: 15px; height: 20px; margin-right: 12px } .order-finish__bill .i-icon * { stroke: #E40208; } .order-finish__checkout { margin-bottom: 20px; } .order-finish__checkout .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .order-finish__checkout .row:not(:last-child) { margin-bottom: 10px; } .order-finish__checkout .row.main { font-weight: 700; color: #E40208; margin-bottom: 15px; font-size: 18px; } .order-finish__message { font-size: 14px; line-height: 20px; } .order-finish .cart__section:not(:last-child) { margin-bottom: 20px; } .order-finish .cart__section .title-3 { cursor: pointer; } .order-finish .cart__section .toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; cursor: pointer; padding-right: 40px; } @media (max-width: 500px) { .order-finish .cart__section .toggle { padding-right: 15px; } } .order-finish .cart__section .toggle.active svg { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .order-finish .cart__section .toggle svg { -webkit-transition: .3s ease-out; transition: .3s ease-out; width: 10px; height: 10px; margin-left: auto; -webkit-transform: scaleY(1); transform: scaleY(1); } .order-finish .b-section-medium .bold { font-weight: 700; } .order-finish .b-section-medium.top { padding-bottom: 78px; } @media (max-width: 768px) { .order-finish .b-section-medium.top { padding-bottom: 40px; } } @media (max-width: 500px) { .order-finish .b-section-medium.top { padding-bottom: 20px; } } .order-finish .b-section-medium { margin-bottom: 20px; } .order-finish .b-section-medium:last-child { margin-bottom: 50px; } @media (max-width: 1024px) { .order-finish .aside { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1024px) { .order-finish .aside-main { width: 100%; margin-right: 0; } } @media (max-width: 1024px) { .order-finish .aside-sidebar { width: 100%; max-width: 100%; margin-top: 20px; } } @media (max-width: 1700px) and (min-width: 1279px) { .order-finish__bill { margin-bottom: 14.4px; } .order-finish__bill .i-icon { margin-right: 9.6px; } .order-finish__checkout { margin-bottom: 16px; } .order-finish__checkout .row:not(:last-child) { margin-bottom: 8px; } .order-finish__checkout .row.main { margin-bottom: 12px; font-size: 14.4px; } .order-finish__message { font-size: 11.2px; line-height: 16px; } .order-finish .cart__section:not(:last-child) { margin-bottom: 16px; } .order-finish .cart__section .toggle { padding-right: 32px; } .order-finish .cart__section .toggle svg { width: 8px; height: 8px; } .order-finish .b-section-medium.top { padding-bottom: 62.4px; } .order-finish .b-section-medium { margin-bottom: 16px; } .order-finish .b-section-medium:last-child { margin-bottom: 40px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .order__block-errors { margin-bottom: 10px; } .order__block-errors--consent { margin-top: 25px; margin-bottom: -10px; } .order__block-error { color: red; } @media (max-width: 1024px) { .order .aside { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .order .aside-main { padding-bottom: 0 !important; } @media (max-width: 1024px) { .order .aside-main { width: 100%; margin-right: 0; } } @media (max-width: 1024px) { .order .aside-sidebar { width: 100%; max-width: 100%; margin-top: 10px; } } .order .b-section:not(:last-child) { margin-bottom: 10px; } @media (max-width: 500px) { .order .b-section { padding: 20px 15px; } } .order__left { width: 100%; } @media (max-width: 1024px) { .order__left { max-width: 100%; } } .order__left .btn { max-width: 225px; } @media (max-width: 500px) { .order__left .btn { max-width: 100%; } } .order__left .select { width: 100%; } .order__left .select-styled { display: block; text-overflow: ellipsis; overflow: hidden; } .order__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .order__bonus { margin-top: 5px; } @media (max-width: 500px) { .order__bonus.b-form__block .tooltip { position: static; position: initial; } } .order__bonus.b-form__block .tooltip__content { z-index: 50; left: 50%; top: 31px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 450px; text-align: left; } @media (max-width: 500px) { .order__bonus.b-form__block .tooltip__content { top: calc(100% + 12px); width: 280px; } } .order__bonus.b-form__block .tooltip__content:before { left: calc(50% - 6px); top: -6px; } @media (max-width: 500px) { .order__bonus.b-form__block .tooltip__content:before { left: 20%; } } @media (max-width: 500px) { .order__bonus-link { position: relative; } } @media (max-width: 500px) { .order__bonus-link .tooltip { position: static; position: initial; } } @media (max-width: 500px) { .order__bonus-link .tooltip__content { width: 280px; top: calc(100% + 40px); left: -10px; } } @media (max-width: 640px) { .order__bonus-link .tooltip__content:before { top: calc(50% - 47px); } } @media (max-width: 500px) { .order__bonus-link .tooltip__content:before { left: 20%; top: -6px; } } .order__map { display: block; width: 50%; max-height: 338px; margin-top: 31px; padding-left: 20px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 768px) { .order__map { width: 100%; height: 300px; max-height: none; max-height: initial; margin-top: 15px; padding-left: 0; } } @media (max-width: 500px) { .order__map { height: 260px; } } .order__map a:hover { color: #E40208; } @media (max-width: 768px) { .order__shipping { display: block; } } .order__shipping .bx-ui-sls-container.loading:after { content: ""; position: absolute; right: 10px; top: 12px; width: 32px; height: 20px; background: url('/local/client/icons/loader.svg') no-repeat; background-size: 100%; } .order__shipping .bx-ui-sls-container input { padding-right: 40px !important; } @media (max-width: 500px) { .order__comment .b-form__label { display: none; } } .order__comment textarea::-webkit-input-placeholder { visibility: hidden; } .order__comment textarea:-ms-input-placeholder { visibility: hidden; } .order__comment textarea::-ms-input-placeholder { visibility: hidden; } .order__comment textarea::placeholder { visibility: hidden; } @media (max-width: 500px) { .order__comment textarea::-webkit-input-placeholder { display: inline-block; visibility: visible; } .order__comment textarea:-ms-input-placeholder { display: inline-block; visibility: visible; } .order__comment textarea::-ms-input-placeholder { display: inline-block; visibility: visible; } .order__comment textarea::placeholder { display: inline-block; visibility: visible; } } .order p { margin-bottom: 25px; } @media (max-width: 500px) { .order p { margin-bottom: 17px; } } .order .aside-sidebar { width: 35%; } @media (max-width: 1080px) { .order .aside-sidebar { width: 40%; } } @media (max-width: 1024px) { .order .aside-sidebar { width: 100%; } } @media (max-width: 1024px) { .order .aside-sidebar__inner { padding-bottom: 20px; } } .order .btn--red { margin-top: 30px; margin-bottom: 20px; } @media (max-width: 1200px) { .order .btn--red { margin-bottom: 10px; } } @media (max-width: 1024px) { .order .btn--red { margin-top: 20px; } } @media (max-width: 768px) { .order .btn--red { margin-top: 10px; margin-bottom: 5px; } } @media (max-width: 1024px) { .order .b-section { padding-top: 30px; padding-left: 20px; padding-right: 20px; padding-bottom: 30px; } } @media (max-width: 1700px) and (min-width: 1279px) { .order .b-section:not(:last-child) { margin-bottom: 8px; } .order__shipping .bx-ui-sls-container.loading:after { right: 9px; top: 7px; } .order__left .btn { max-width: 180px; } .order__bonus { margin-top: 4px; } .order__bonus-hint { margin: 4px 0 0; font-size: 11.2px; line-height: 12.8px; } .order__map { max-height: 270.4px; margin-top: 24.8px; padding-left: 16px; } .order p { margin-bottom: 20px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; } @media (max-width: 768px) { .pagination { margin-right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 10px; } } .pagination .show-more { text-transform: uppercase; font-weight: 700; font-size: 14px; } @media (max-width: 768px) { .pagination .show-more { width: auto; margin-bottom: 15px; margin-right: 0; } } .pagination .show-more .show-more { margin-bottom: 0; } .pagination div .show-more { width: 100%; } .pagination__text { font-size: 14px; color: #9EAABB; text-align: center; } @media (max-width: 768px) { .pagination__text { display: none; } } .pagination__inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 768px) { .pagination__inner { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .pagination__inner, .pagination__inner .paging_numbers span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .pagination__inner .ellipsis, .pagination__inner .paging_numbers span .ellipsis { margin-right: 14px; } .pagination__item, .pagination .paginate_button { display: -webkit-box; display: -ms-flexbox; display: flex; height: 20px; width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; font-weight: 700; color: #9EAABB; cursor: pointer; -webkit-transition: .3s ease; transition: .3s ease; } .pagination__item:not(:last-child), .pagination .paginate_button:not(:last-child) { margin-right: 10px; } .pagination__item:hover, .pagination__item.active, .pagination__item.current, .pagination .paginate_button:hover, .pagination .paginate_button.active, .pagination .paginate_button.current { color: #E40208; } .pagination__item.active, .pagination__item.current, .pagination__item--dots, .pagination .paginate_button.active, .pagination .paginate_button.current, .pagination .paginate_button--dots { cursor: default; } .pagination__item--dots:hover, .pagination .paginate_button--dots:hover { color: #9EAABB; } .pagination .btn { max-width: 200px; } @media (max-width: 1700px) and (min-width: 1279px) { .pagination .show-more { font-size: 11.2px; } .pagination__text { font-size: 11.2px; } .pagination__item, .pagination .paginate_button { height: 16px; font-size: 11.2px } .pagination__item:not(:last-child), .pagination .paginate_button:not(:last-child) { margin-right: 8px; } .pagination .btn { max-width: 160px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .plus { position: relative; width: 15px; height: 15px; padding: 10px; cursor: pointer; z-index: 10 } .plus:hover:before, .plus:hover:after { background-color: #E40208 !important; } .plus:before, .plus:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 2px; height: 20px; background-color: #9EAABB; -webkit-transition: .2s; transition: .2s; } .plus:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .plus:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .plus--cross:before, .plus--cross:after { background-color: #9EAABB; } .plus--cross:hover:before, .plus--cross:hover:after { background-color: #E40208; } @media (max-width: 1700px) and (min-width: 1279px) { .plus { position: relative; width: 12px; height: 12px; padding: 8px } .plus:before, .plus:after { width: 2px; height: 16px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .question { background-color: #fff; padding: 38px 30px; } @media (max-width: 768px) { .question { padding: 20px 15px; } } .question__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 1024px) { .question__inner { display: block; } } .question__inner .b-c-list__value { width: 100%; } @media (max-width: 500px) { .question__inner .b-c-list__line { display: block; } } @media (max-width: 500px) { .question__inner .b-c-list__title { max-width: 100%; } } .question__data { margin-right: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; background-color: #FAFAFA; padding: 30px 30px 30px 40px; } @media (max-width: 1024px) { .question__data { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; margin-bottom: 20px; } } @media (max-width: 768px) { .question__data { padding: 20px; } } .question__fields { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } @media (max-width: 1024px) { .question__fields { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .question__fields .select-wrap { font-size: 14px; } .question__form .b-form__btns { margin-left: 0; width: 100%; } @media (max-width: 500px) { .question__form .b-form__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .question__form .b-form__btns .btn { height: 50px; margin-left: 0; margin-top: 0; padding: 0 15px; white-space: nowrap; width: 100%; } @media (max-width: 500px) { .question__form .b-form__btns .btn { width: 100%; } } .question__form .b-form__btns .btn:not(:first-child) { margin-left: 10px; } @media (max-width: 500px) { .question__form .b-form__btns .btn:not(:first-child) { margin-left: 0; margin-top: 10px; } } .question__form .b-form__btns .btn .i-icon { margin-right: 10px; width: 20px; height: 20px; } .question__form .b-form__block { margin-bottom: 15px; } .question__form .b-form .select-styled { display: block; text-overflow: ellipsis; } @media (max-width: 1700px) and (min-width: 1279px) { .question { padding: 30.4px 24px; } .question__data { margin-right: 24px; padding: 24px 24px 24px 32px; } .question__form .b-form__btns .btn { height: 40px; padding: 0 12px } .question__form .b-form__btns .btn:not(:first-child) { margin-left: 8px; } .question__form .b-form__btns .btn .i-icon { margin-right: 8px; width: 16px; height: 16px; } .question__form .b-form__block { margin-bottom: 12px; } .question__form .select { font-size: 12.8px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .requisites { width: 50%; } @media (max-width: 768px) { .requisites { width: 100%; } } .requisites-modal { width: 100%; } .requisites__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .requisites__item span { display: block; margin-bottom: 15px } .requisites__item span:first-of-type { width: 45%; padding-right: 30px; font-weight: 500; } .requisites__item span:last-of-type { width: 55%; padding-right: 15px; } .requisites .b-c-list__title { margin-right: 30px; } @media (max-width: 1080px) { .requisites .b-c-list__title { margin-right: 10px; } } @media (max-width: 414px) { .requisites .b-c-list__title { margin-right: 40px; } } @media (max-width: 375px) { .requisites .b-c-list__title { margin-right: 20px; } } @media (max-width: 500px) { .requisites .b-c-list__title { max-width: 100%; } } .requisites .b-c-list__value { width: 100%; } @media (max-width: 1700px) and (min-width: 1279px) { .requisites__item span { margin-bottom: 12px } .requisites__item span:first-of-type { padding-right: 24px; } .requisites__item span:last-of-type { padding-right: 12px; } .requisites .b-c-list__title { margin-right: 24px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ @media (max-width: 1536px) { .mfrs { width: 1200px; } } @media (max-width: 1200px) { .mfrs { width: 100%; } } .mfrs .swiper-container { padding-bottom: 0; } .mfrs .select { height: 24px; } .mfrs .select-styled { padding-top: 0; padding-bottom: 0; } .mfrs__container { text-align: center; margin-top: 15px; margin-bottom: 35px; } @media (max-width: 1450px) { .mfrs__container { margin-top: 0; margin-bottom: 25px; } } @media (max-width: 1366px) { .mfrs__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } } @media (max-width: 500px) { .mfrs__container { margin: 10px 0; } } .mfrs__img { position: absolute; background: white; padding: 20px; border-radius: 100%; height: 260px; top: 11%; width: 260px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1800px) { .mfrs__img { top: 12%; } } @media (max-width: 1836px) { .mfrs__img { width: 150px; height: 150px; } } @media (max-width: 1450px) { .mfrs__img { height: 140px; width: 140px; } } @media (max-width: 1366px) { .mfrs__img { padding: 0; height: auto; width: auto; top: -4px; } } @media (max-width: 500px) { .mfrs__img { top: -1px; } } .mfrs__img--last { top: 14%; } @media (max-width: 1800px) { .mfrs__img--last { top: 16%; } } .mfrs__img:hover span { color: #E40208; } .mfrs__img:hover svg * { stroke: #E40208; } .mfrs__img:hover svg g g path[data-name="Path 1391"] { fill: #E40208; } .mfrs__img svg { position: relative; height: 45px; width: 100px; } @media (max-width: 1450px) { .mfrs__img svg { width: 70px; } } @media (max-width: 500px) { .mfrs__img svg { height: 30px; } } @media (max-width: 375px) { .mfrs__img svg { width: 50px; } } .mfrs__img span { position: absolute; left: 37px; font-size: 24px; top: 6px; } @media (max-width: 1450px) { .mfrs__img span { left: 24px; } } @media (max-width: 500px) { .mfrs__img span { left: 26px; font-size: 18px; top: 3px; } } @media (max-width: 375px) { .mfrs__img span { left: 18px; font-size: 14px; top: 5px; } } .mfrs__img-icon { position: relative; } .mfrs__img--left { left: 0; } .mfrs__img--left svg { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .mfrs__img--right { right: 1%; } @media (max-width: 1200px) { .mfrs__img--right { right: 0; } } .mfrs__img--right span { left: 45px; } @media (max-width: 1450px) { .mfrs__img--right span { left: 33px; } } @media (max-width: 375px) { .mfrs__img--right span { left: 24px; } } .mfrs__title { font-size: 24px; font-weight: 600; position: relative; display: inline-block; } @media (max-width: 500px) { .mfrs__title { font-size: 18px; } } .mfrs__title-c { text-align: center; } .mfrs__title:after { height: 5px; content: ""; background: #44495b; position: absolute; width: 11px; top: 42%; border-radius: 10px; right: -20px; } @media (max-width: 500px) { .mfrs__title:after { right: -15px; width: 9px; height: 3px; } } .mfrs__title:before { height: 5px; content: ""; background: #44495b; position: absolute; width: 11px; top: 41%; border-radius: 10px; left: -20px; } @media (max-width: 500px) { .mfrs__title:before { right: -15px; width: 9px; height: 3px; } } .mfrs .b-section-medium { margin-bottom: 30px; padding: 35px 40px 60px; } @media (max-width: 1450px) { .mfrs .b-section-medium { padding: 35px 40px; } } @media (max-width: 500px) { .mfrs .b-section-medium { padding: 10px 15px; } } .mfrs__main {} .mfrs__inner { display: grid; grid-template-columns: 5fr 5fr; grid-column-gap: 2%; grid-row-gap: 15px; } @media (max-width: 768px) { .mfrs__inner { grid-template-columns: 1fr; } } .mfrs__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; font-weight: 600; color: #9EAABB; margin: 30px 0 50px; } .mfrs__pagination a { margin: 0 10px; } .mfrs__pagination span { margin: 0 10px; } .mfrs__pagination-title { text-transform: uppercase; color: #E40208; } .mfrs__pagination-link:hover { cursor: pointer; color: #E40208; } .mfrs .pagination { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .mfrs .pagination { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 10px; } } @media (max-width: 640px) { .mfrs .pagination { margin-left: 0; } } @media (max-width: 768px) { .mfrs .pagination__text { display: none; } } .mfrs .show-more { width: auto !important; } .mfrs .news__funcs-wrap { width: 65%; } @media (max-width: 1024px) { .mfrs .news__funcs-wrap { width: 60%; } } @media (max-width: 960px) { .mfrs .news__funcs-wrap { width: 55%; } } @media (max-width: 855px) { .mfrs .news__funcs-wrap { width: 50%; } } @media (max-width: 768px) { .mfrs .news__funcs-wrap { width: 100%; } } .mfrs .news__funcs-wrap:last-child { width: 35%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .mfrs .news__funcs-wrap:last-child { width: 100%; } } .mfrs .news__category:not(:last-child) { margin-right: 40px; } @media (max-width: 768px) { .mfrs .news__category:not(:last-child) { margin-right: 0; } } @media (max-width: 414px) { .mfrs .b-product__footer .document-wrap .tooltip { margin-left: 4%; } } @media (max-width: 1700px) and (min-width: 1279px) { .mfrs .b-section-medium { margin-bottom: 16px; } .mfrs .news__category:not(:last-child) { margin-right: 32px; } } .manufacturer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 250px; background-size: cover; background-position: center; -webkit-transition: .3s ease-out; transition: .3s ease-out; } @media (max-width: 1692px) { .manufacturer { height: 237px; } } @media (max-width: 1200px) { .manufacturer { height: 260px; } } @media (max-width: 1196px) { .manufacturer { height: 214px; } } @media (max-width: 960px) { .manufacturer { height: 164px; } } @media (max-width: 768px) { .manufacturer { height: 336px; } } @media (max-width: 736px) { .manufacturer { height: 327px; } } @media (max-width: 667px) { .manufacturer { height: 291px; } } @media (max-width: 640px) { .manufacturer { height: 285px; } } @media (max-width: 568px) { .manufacturer { height: 251px; } } @media (max-width: 414px) { .manufacturer { height: 178px; } } @media (max-width: 360px) { .manufacturer { height: 154px; } } @media (max-width: 320px) { .manufacturer { height: 135px; } } .manufacturer:hover { -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .5); box-shadow: 0 3px 20px rgba(0, 0, 0, .5); } .manufacturer__white { 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; background-color: rgba(255, 255, 255, .45); width: 38%; height: 100%; } .manufacturer__logo { width: 75%; height: auto; } .manufacturer__black { 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; background-color: rgba(0, 0, 0, .45); height: 100%; width: 63%; } .manufacturer__text { font-size: 16px; color: white; padding-left: 5%; padding-right: 5%; width: 100%; } @media (max-width: 1600px) { .manufacturer__text { font-size: 14px; } } @media (max-width: 768px) { .manufacturer__text { font-size: 16px; } } @media (max-width: 414px) { .manufacturer__text { font-size: 14px; } } @media (max-width: 414px) { .manufacturer__text { font-size: 12px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .registration .b-form__privacy { margin-top: 15px; } .registration__body { padding: 40px; background-color: #fff; } @media (max-width: 768px) { .registration__body { padding: 18px 15px; } } .registration__tabs { padding: 25px 40px; background-color: #fff; border-bottom: 1px solid #D3D9DE; } @media (max-width: 768px) { .registration__tabs { padding: 18px 15px; } } .registration__tabs .b-tabs-head { margin-bottom: -5px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .registration__tabs .b-tabs-head__link { margin-bottom: 5px; } @media (max-width: 768px) { .registration__tabs .b-tabs-head__link { font-size: 14px; } .registration__tabs .b-tabs-head__link:not(:last-child) { margin-right: 20px; } } @media (max-width: 500px) { .registration__tabs .b-tabs-head__link { font-size: 12px; } } .registration__inner { margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1024px) { .registration__inner { margin-left: -20px; } } @media (max-width: 768px) { .registration__inner { margin-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .registration__fields { width: calc(50% - 40px); margin-left: 40px; } @media (max-width: 1024px) { .registration__fields { width: calc(50% - 20px); margin-left: 20px; } } @media (max-width: 768px) { .registration__fields { width: 100%; margin-left: 0; } .registration__fields:not(:last-child) { margin-bottom: 15px; } } .registration__fields .address { height: 250px; } @media (max-width: 768px) { .registration__fields .address { height: 90px; } } .registration-wrap { margin: 10px 0; } .registration-wrap__title { position: relative; cursor: pointer; max-width: 160px; margin-bottom: 5px; color: #D41920; } @media (max-width: 767px) { .registration-wrap__title { max-width: 140px; } } .registration-wrap__title:after { position: absolute; content: ""; top: 7px; left: 160px; width: 5px; height: 5px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .3s; transition: .3s; } @media (max-width: 767px) { .registration-wrap__title:after { left: 140px; } } .registration-wrap__title:hover { color: #F28081; } .registration-wrap__title.active:after { top: 11px; -webkit-transform: rotate(225deg); transform: rotate(225deg); } .registration-wrap__inner {} .registration__message { margin-bottom: 38px; line-height: 26px; } @media (max-width: 768px) { .registration__message { margin-bottom: 18px; } } .registration__cbs { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 10px 0; } @media (max-width: 640px) { .registration__cbs { display: block; } } .registration__cbs .b-checkbox { padding-right: 0; } .registration__cbs .b-checkbox:not(:last-child) { margin-right: 35px; } @media (max-width: 640px) { .registration__cbs .b-checkbox:not(:last-child) { margin-right: 0; margin-bottom: 13px; } } .registration .b-form__btns { margin-top: 30px; margin-left: 0; } @media (max-width: 1024px) { .registration .b-form__btns { display: block; } } @media (max-width: 768px) { .registration .b-form__btns { margin-top: 20px; } } .registration .b-form__btns .btn { width: auto; margin-top: 0; margin-left: 0; margin-right: 20px; } @media (max-width: 1024px) { .registration .b-form__btns .btn { margin-right: 0; margin-bottom: 13px; } } @media (max-width: 500px) { .registration .b-form__btns .btn { width: 100%; } } .registration__thanks { text-align: center; } .registration__thanks .btn { width: auto; height: 40px; padding: 0 25px; font-size: 12px; line-height: 14px; text-transform: uppercase; } .registration__thanks-ttl { margin-bottom: 26px; font-size: 18px; line-height: 24px; font-weight: 500; color: #002454; } .registration__thanks-ttl span { color: #E40208; } .registration__thanks-txt { margin-bottom: 34px; font-size: 13px; line-height: 21px; color: #002454; } .registration__thanks-img { display: block; max-width: 100%; margin: 0 auto 30px; } @media (max-width: 1700px) and (min-width: 1279px) { .registration__body { padding: 32px; } .registration__tabs { padding: 20px 32px; } .registration__tabs .b-tabs-head { margin-bottom: -4px; } .registration__tabs .b-tabs-head__link { margin-bottom: 4px; } .registration__inner { margin-left: -32px; } .registration__fields { width: calc(50% - 32px); margin-left: 32px; } .registration__fields .address { height: 200px; } .registration__fields .b-form__cbs .b-checkbox:not(:last-child) { margin-top: 0; } .registration-wrap__title { max-width: 128px; margin-bottom: 4px } .registration-wrap__title:after { top: 6px; left: 128px; width: 4px; height: 4px; } .registration-wrap__title.active:after { top: 9px; } .registration__message { margin-bottom: 30.4px; line-height: 20.8px; } .registration__cbs { margin: 8px 0; } .registration__cbs .b-checkbox:not(:last-child) { margin-right: 28px; } .registration .b-form__btns { margin-top: 24px; } .registration .b-form__btns .btn { margin-right: 16px; } } .modal-page-register { max-width: 1040px; margin: 0 auto; margin-top: 30px; } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-touch-action: auto; touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; /*opacity: 0;*/ -webkit-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; margin: 0 10px; } .ps__rail-y { display: none; /*opacity: 0;*/ transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; margin: 10px 0; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; z-index: 100; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps__rail-x:hover, .ps__rail-y:hover, .ps__rail-x:focus, .ps__rail-y:focus { background-color: #F3F4F5; /*opacity: 0.9;*/ } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #E40208; border-radius: 6px; -webkit-transition: background-color .2s linear, height .2s ease-in-out; transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #E40208; border-radius: 6px; -webkit-transition: background-color .2s linear, width .2s ease-in-out; transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x { background-color: #E40208; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y { background-color: #E40208; width: 11px; } @media (max-width: 1700px) and (min-width: 1279px) { .ps__rail-x { height: 12px; } .ps__rail-y { width: 12px; } /* * Scrollbar thumb styles */ .ps__thumb-x { height: 4.8px; } .ps__thumb-y { width: 4.8px; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x { height: 8.8px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y { width: 8.8px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .selectize-input { height: 50px; width: 100%; padding: 15px 30px 15px 8px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; border-color: #D3D9DE; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; white-space: nowrap; } .selectize-input .item { max-width: 100%; text-overflow: ellipsis; overflow: hidden; font-size: 16px; } @media (max-width: 500px) { .selectize-input .item { font-size: 14px; } } .selectize-input input { min-width: 1px !important; width: auto; text-overflow: ellipsis; padding: 10px 0; font-size: 16px; } @media (max-width: 500px) { .selectize-input input { font-size: 14px; } } .selectize-input.input-active.not-full input { top: 0; } .selectize-input.input-active input { top: -4px; } .selectize-control { width: 100%; height: 50px; } .selectize-control.multi .selectize-input > div { margin: 0 5px 5px 0!important; padding: 6px 10px !important; background-color: #F3F4F5; color: #9EAABB; border-radius: 2px; font-size: 14px; } .selectize-dropdown-content .create { background-color: #FBF2CF; color: #9EAABB; padding: 10px 14px; font-size: 14px; } @media (max-width: 1700px) and (min-width: 1279px) { .selectize-input { height: 40px; padding: 10px 24px 10px 6.4px; } .selectize-input .item { font-size: 12.8px; } .selectize-input input { font-size: 12.8px; } .selectize-input.input-active input { top: -6px; } .selectize-control { height: 40px } .selectize-control.multi { margin: 0 4px 4px 0 !important; padding: 4.8px 8px !important; font-size: 11.2px; } .selectize-dropdown-content .create { padding: 8px 11.2px; font-size: 11.2px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .shadow { position: relative } .shadow:hover:after { opacity: 1; } .shadow:after { /* display: none; */ content: ''; position: absolute; left: 20px; right: 20px; bottom: 20px; top: 0; -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, .16); box-shadow: 0 20px 40px rgba(0, 0, 0, .16); z-index: -1; opacity: 0; -webkit-transition: .2s ease-in; transition: .2s ease-in; } @media (max-width: 1700px) and (min-width: 1279px) { .shadow:after { left: 16px; right: 16px; bottom: 16; -webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, .16); box-shadow: 0 16px 32px rgba(0, 0, 0, .16); } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .social { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .social__link { display: block; -webkit-transition: .3s ease-out; transition: .3s ease-out } .social__link:not(:last-child) { margin-right: 21px; } @media (max-width: 1024px) { .social__link:not(:last-child) { margin-right: 11px; } } .social__link:hover { color: #E40208; } .social__link--fb svg { width: 9px; height: 19px; } .social__link--vk svg { width: 24px; height: 14px; } .social__link--youtube svg { width: 22px; height: 16px; } .social__link--twitter svg { width: 22px; height: 22px; margin-top: 2px; } .social__link--instagram svg { width: 25px; height: 25px; margin-top: 2px; } @media (max-width: 1700px) and (min-width: 1279px) { .social__link:not(:last-child) { margin-right: 16.8px; } .social__link--fb svg { width: 7.2px; height: 15.2px; } .social__link--vk svg { width: 19.2px; height: 11.2px; } .social__link--youtube svg { width: 17.6px; height: 12.8px; } .social__link--twitter svg { width: 17.6px; height: 17.6px; margin-top: 1.6px; } .social__link--instagram svg { width: 20px; height: 20px; margin-top: 1.6px; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .news-item { padding: 20px; background-color: #ffffff; word-wrap: break-word } .news-item:hover .title-4 { color: #E40208; } .news-item:hover .news-item__img { -webkit-transform: scale(1.1) rotateZ(0.001deg) translateZ(0); transform: scale(1.1) rotateZ(0.001deg) translateZ(0); } .news-item__top { display: block; margin-top: -20px; margin-left: -20px; margin-right: -20px; margin-bottom: 20px; position: relative; overflow: hidden; height: 210px; } .news-item__img { width: 100%; height: 210px; -o-object-fit: cover; font-family: "object-fit:cover"; object-fit: cover; -webkit-transition: .3s ease-out; transition: .3s ease-out; } .news-item__date { position: absolute; top: 10px; left: 10px; padding: 4px 10px; background-color: #ffffff; font-size: 14px; border-radius: 2px; z-index: 2; } .news-item .title-4 { display: -webkit-box; display: -ms-flexbox; display: flex; height: 41px; margin-bottom: 13px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .news-item__position { margin-bottom: 8px; font-size: 14px; color: #539FE0; /* TODO */ text-transform: capitalize !important; } .news-item__name { font-size: 14px; color: #9EAABB; } .news-item p { margin-bottom: 10px; } @media (max-width: 1700px) and (min-width: 1279px) { .news-item__date { top: 8px; left: 8px; padding: 3.2px 8px; } .news-item .title-4 { height: 32.8px; margin-bottom: 10.4px; } .news-item__position { margin-bottom: 6.4px; } .news-item p { margin-bottom: 8px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .styled-list li { padding-left: 20px; position: relative } .styled-list li:not(:last-child) { margin-bottom: 12px; } .styled-list li:before { content: ''; position: absolute; top: 9px; margin: auto; left: 0; height: 6px; width: 6px; background-color: #E40208; border-radius: 50%; } @media (max-width: 1700px) and (min-width: 1279px) { .styled-list li { padding-left: 16px } .styled-list li:not(:last-child) { margin-bottom: 9.6px; } .styled-list li:before { top: 7.2px; height: 4.8px; width: 4.8px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .styled-table { margin-top: 20px; border-collapse: collapse; width: 100%; } .styled-table__nowrap { white-space: nowrap; } .styled-table__type { width: 15%; } .styled-table__operation { width: 85%; } @media (max-width: 768px) { .styled-table tr { display: block; } } .styled-table tr:first-of-type { background-color: #FBF2CF; font-weight: 700; text-align: center; } @media (max-width: 768px) { .styled-table tr:first-of-type { display: none; } } .styled-table tr:not(:first-of-type) { background-color: #ffffff; border: 2px solid #FAFAFA; border-top: 2px solid transparent; } @media (max-width: 768px) { .styled-table tr:not(:first-of-type) { border: 2px solid transparent; border-top: 2px solid #FAFAFA; } } @media (max-width: 768px) { .styled-table tr:last-of-type { border-bottom: 2px solid #FAFAFA; } } .styled-table tr td { padding: 20px; text-align: justify; } @media (max-width: 768px) { .styled-table tr td { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 20px 0px; } } @media (max-width: 500px) { .styled-table tr td { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 0 10px 0px; } } @media (max-width: 768px) { .styled-table tr td:first-of-type { padding-top: 20px; } } @media (max-width: 500px) { .styled-table tr td:first-of-type { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 10px; } } .styled-table tr td:not(:first-of-type) { text-align: center; } .styled-table tr td .hidden { width: 130px; font-weight: 700; } @media (max-width: 768px) { .styled-table tr td .hidden { display: inline-block !important; } } @media (max-width: 500px) { .styled-table tr td .hidden { width: 100%; margin-bottom: 5px; } } @media (max-width: 768px) { .styled-table tr td div { width: calc(100% - 130px); } } @media (max-width: 500px) { .styled-table tr td div { width: 100%; } } @media (max-width: 1700px) and (min-width: 1279px) { .styled-table tr td { padding: 16px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .table { width: 100% !important; border-collapse: collapse; text-align: left; } .table__num { color: #E40208; } .table-nav { margin-bottom: -10px; } @media (max-width: 500px) { .table-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: -10px; } } .table-nav__header { padding: 20px; background-color: #fff; border-bottom: 1px solid #D3D9DE; } .table-nav__empty { display: none; } @media (max-width: 500px) { .table-nav__empty { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 1%; flex: 1 0 1%; } } .table-nav .title { display: inline-block; margin-right: 10px; color: #9EAABB; } .table-nav a { display: inline-block; margin-right: 10px; color: #002454; -webkit-transition: .3s ease-out; transition: .3s ease-out; margin-bottom: 10px; } .table-nav a:hover { color: #E40208; } .table-nav a.active { color: #9EAABB; text-decoration: line-through; } .table-nav a.active:hover { text-decoration: none; } .table__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } @media (max-width: 768px) { .table__header { padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* TODO */ .table__header #trade-company-bidding-table_filter, .table__header #orders_filter, .table__header #appeals_filter, .table__header #appealsManuf_filter, .table__header #customers_filter, .table__header #bids_filter, .table__header #not-bids_filter, .table__header #not-allowed_filter, .table__header #methods_filter, .table__header #applications_filter, .table__header #history_filter, .table__header #bonuses-history_filter, .table__header #company_filter { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; } @media (max-width: 1024px) { .table__header #trade-company-bidding-table_filter, .table__header #orders_filter, .table__header #appeals_filter, .table__header #appealsManuf_filter, .table__header #customers_filter, .table__header #bids_filter, .table__header #not-bids_filter, .table__header #not-allowed_filter, .table__header #methods_filter, .table__header #applications_filter, .table__header #history_filter, .table__header #bonuses-history_filter, .table__header #company_filter { margin-top: 15px; width: 100%; } } @media (max-width: 768px) { .table__header #trade-company-bidding-table_filter, .table__header #orders_filter, .table__header #appeals_filter, .table__header #appealsManuf_filter, .table__header #customers_filter, .table__header #bids_filter, .table__header #not-bids_filter, .table__header #not-allowed_filter, .table__header #methods_filter, .table__header #applications_filter, .table__header #history_filter, .table__header #bonuses-history_filter, .table__header #company_filter { margin-top: 0; padding: 20px 15px; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .table__header #trade-company-bidding-table_filter label, .table__header #orders_filter label, .table__header #appeals_filter label, .table__header #appealsManuf_filter label, .table__header #customers_filter label, .table__header #bids_filter label, .table__header #not-bids_filter label, .table__header #not-allowed_filter label, .table__header #methods_filter label, .table__header #applications_filter label, .table__header #history_filter label, .table__header #bonuses-history_filter label, .table__header #company_filter label { width: calc(100% - 92px); /* btn width + paddings */ position: absolute; top: 0; bottom: 0; margin: auto; left: 40px; background-color: #fff; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; } @media (max-width: 768px) { .table__header #trade-company-bidding-table_filter label, .table__header #orders_filter label, .table__header #appeals_filter label, .table__header #appealsManuf_filter label, .table__header #customers_filter label, .table__header #bids_filter label, .table__header #not-bids_filter label, .table__header #not-allowed_filter label, .table__header #methods_filter label, .table__header #applications_filter label, .table__header #history_filter label, .table__header #bonuses-history_filter label, .table__header #company_filter label { width: calc(100% - 65px); left: 15px; } } .table__header #trade-company-bidding-table_filter input, .table__header #orders_filter input, .table__header #appeals_filter input, .table__header #appealsManuf_filter input, .table__header #customers_filter input, .table__header #bids_filter input, .table__header #not-bids_filter input, .table__header #not-allowed_filter input, .table__header #methods_filter input, .table__header #applications_filter input, .table__header #history_filter input, .table__header #bonuses-history_filter input, .table__header #company_filter input { height: 50px; width: 100%; padding: 16px 20px; border: 1px solid #DEE2E8; border-radius: 2px; overflow: hidden; text-overflow: ellipsis; line-height: 1; -webkit-transition: .2s; transition: .2s; margin: auto auto 20px; } @media (max-width: 768px) { .table__header #trade-company-bidding-table_filter input, .table__header #orders_filter input, .table__header #appeals_filter input, .table__header #appealsManuf_filter input, .table__header #customers_filter input, .table__header #bids_filter input, .table__header #not-bids_filter input, .table__header #not-allowed_filter input, .table__header #methods_filter input, .table__header #applications_filter input, .table__header #history_filter input, .table__header #bonuses-history_filter input, .table__header #company_filter input { margin: auto; } } .table__header #company_filter label { width: calc(100% - 45px); left: 0; } .table-search { width: 170px; margin-left: auto; } @media (max-width: 1024px) { .table-search { margin-bottom: 15px; } } @media (max-width: 768px) { .table-search { margin-bottom: 0; margin-right: auto; } } @media (max-width: 500px) { .table-search { margin: auto; } } .table-search.active { width: 16px; -webkit-transition: .2s; transition: .2s; margin-right: 0; margin-left: auto; } .table-search.active .table-search-btn { display: none; } .table-search.active .table-search-clear { display: block; } .table-search-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; white-space: nowrap; font-size: 14px; font-weight: 700; color: #E40208; cursor: pointer; } .table-search-btn svg { width: 16px; height: 16px; } .table-search-btn svg * { stroke: #E40208; } .table-search-btn span { display: block; margin-left: 15px; } .table-search-clear { display: none; cursor: pointer; } .table__select { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9EAABB; } .table__select .select-wrap { color: #002454; } /* } */ .table__price { white-space: nowrap; } /* white-space: nowrap; */ .table__sum { font-weight: 700; white-space: nowrap; } /* &__price { */ .table__status span { color: #9EAABB; } .table__payment--success { color: #29AD2E; } .table__payment--new { color: #539FE0; } .table__payment--reject { color: #E40208; } .table__payment a { display: block; } .table__sub { /*display: none;*/ background-color: #E5E6E7 !important; border-bottom: none !important; } .table__sub + .table__sub .table__num { position: relative; } .table__sub + .table__sub .table__num:after { content: ''; width: 2px; height: 50px; position: absolute; bottom: calc(100% + 10px); left: 16px; background-image: url('/local/client/img/table-decorate.svg'); background-size: cover; } .table__parent { /* TODO переименовать */ cursor: pointer; position: relative; } .table__parent a:hover { color: #E40208; } .table__parent-toggle { position: absolute; padding: 15px; margin: -15px; top: 9px; right: 0 } .table__parent-toggle:hover:after { border-color: #E40208; } .table__parent-toggle.expanded:after { top: calc(50% + 4px); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg); transform: translateX(-50%) translateY(-50%) rotate(-135deg); } .table__parent-toggle:after { position: absolute; content: ""; top: 50%; right: 50%; width: 7px; height: 7px; border-bottom: 1px solid #002454; border-right: 1px solid #002454; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transition: .3s; transition: .3s; } .table thead { background-color: #FBF2CF; } .table tbody tr { background-color: #fff; border-bottom: 2px solid #FAFAFA; position: relative } .table tbody tr.shadow:after { opacity: 1; } .table td { vertical-align: top; } .table th, .table td { padding: 20px; font-size: 14px; text-align: left; } .table th:first-of-type, .table td:first-of-type { padding-left: 40px; } @media (max-width: 500px) { .table th:first-of-type, .table td:first-of-type { padding-left: 15px; } } .table th:last-of-type, .table td:last-of-type { padding-right: 40px; } @media (max-width: 500px) { .table th:last-of-type, .table td:last-of-type { padding-right: 15px; } } .table th.sorting_asc span { background-image: url('/local/client/img/table-sort__up.svg'); } .table th.sorting_desc span { background-image: url('/local/client/img/table-sort__down.svg'); } .table th span { display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 20px; background-image: url('/local/client/img/table-sort.svg'); background-repeat: no-repeat; background-size: 8px 12px; background-position: calc(100% - 5px) center; /* TODO ie? */ cursor: pointer; } .table-date { margin-right: 40px; -ms-flex-negative: 0; flex-shrink: 0; } .table-date .b-form__input { padding-left: 30px; } .table-date .sep { width: 12px; height: 2px; background-color: #9EAABB; margin: auto 5px; } @media (max-width: 500px) { .table-date .sep { display: none; } } .table-date__item { max-width: 180px; } @media (max-width: 640px) { .table-date__item { max-width: 100%; } } @media (max-width: 500px) { .table-date__item:not(:last-child) { margin-bottom: 10px; } } .table-date__title { font-weight: 700; margin-bottom: 10px; } .table-date .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 500px) { .table-date .wrap { display: block; } } @media (max-width: 768px) { .table-date { width: 100%; margin-right: 0; padding: 20px 15px; border-bottom: 1px solid #D3D9DE; } } .table-date .title { margin-bottom: 10px; font-weight: 700; } @media (max-width: 500px) { .table-date .title { margin-bottom: 13px; } } .table__doc { display: -webkit-box; display: -ms-flexbox; display: flex; } .table__doc svg { width: 20px; height: 20px; margin-right: 5px; } .table-appeals {} .table__highlight:not(th) { color: #002454; } .table__highlight:not(th):hover { color: #E40208; } .table__highlight:not(th) a:hover { color: #E40208; } .table__cut-title { position: relative; } .table__cut-title:hover .table__tooltip { display: block; } .table__cut-title > a { display: block; max-width: 92px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .table__cut-title .table__tooltip { display: none; position: absolute; top: 50%; left: 90%; min-width: 200px; padding: 7px 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 3px; background-color: #002454; color: #fff; } .table__cut-title .table__tooltip:before { content: ""; position: absolute; top: 50%; left: -5px; width: 10px; height: 10px; background-color: #002454; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .table-template:not(:last-child) { border-bottom: 1px solid #D3D9DE; } .table-template__notify { padding: 20px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-bottom: 1px solid #D3D9DE; -ms-flex-wrap: wrap; flex-wrap: wrap; } .table-template__notify-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 500px) { .table-template__notify-form { display: block; width: 100%; } } .table-template__notify-form .btn { margin-left: 5px; } @media (max-width: 500px) { .table-template__notify-form .btn { width: 100%; margin-left: 0; } } .table-template__notify-form input { -ms-flex-negative: 0; flex-shrink: 0; width: 180px; } @media (max-width: 500px) { .table-template__notify-form input { width: 100%; } } @media (max-width: 500px) { .table-template__notify { padding: 20px 15px; } } .table-template__notify .title { color: #9EAABB; margin-right: 14px; } @media (max-width: 1200px) { .table-template__notify .title { width: 100%; margin-bottom: 10px; } } @media (max-width: 1200px) { .table-template__notify .news__funcs-date { width: 100%; } } .table-template__notify .b-form__input { max-width: 180px; padding-left: 30px; } @media (max-width: 1200px) { .table-template__notify .b-form__input { max-width: 100%; width: 100%; } } .table-template__notify .notify-labels { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-top: 10px; margin-left: -10px; margin-bottom: -10px; } @media (max-width: 500px) { .table-template__notify .notify-labels { display: block; width: 100%; } } .table-template__notify .notify-label { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 135px; background-color: #FAFAFA; margin-left: 10px; margin-bottom: 10px; } @media (max-width: 500px) { .table-template__notify .notify-label { width: 100%; } .table-template__notify .notify-label:not(:last-child) { margin-bottom: 10px; } } .table-template__notify .notify-label__remove {} .table-template__notify .notify-label .i-icon { width: 10px; height: 10px; min-width: 10px; margin-bottom: 3px; color: #9EAABB; -webkit-transition: .3s ease-out; transition: .3s ease-out; cursor: pointer; } .table-template__notify .notify-label .i-icon:hover { color: #E40208; } .table-template__notify .notify-label .i-icon * { pointer-events: none; } .table-template__title { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 1px 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; padding: 22px 20px 22px 40px; cursor: pointer; } @media (max-width: 500px) { .table-template__title { padding: 20px 15px; } } .table-template__title .i-icon { -webkit-transform: scaleY(-1); transform: scaleY(-1); -webkit-transition: .3s ease-out; transition: .3s ease-out; width: 7px; height: 7px; min-width: 7px; } .table-template__title.active .i-icon { color: #E40208; -webkit-transform: scaleY(1); transform: scaleY(1); } .table-template__title .title-4 { margin-bottom: 0; } .table-template__inner { display: none; padding-bottom: 20px; } @media (max-width: 500px) { .table-template__inner .cart__value { width: 100%; } } .table-template__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .table-template__name img { width: 80px; height: 80px; margin-right: 20px; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } @media (max-width: 1024px) { .table-template__name img { display: none; } } .table-template td { vertical-align: middle; } .table-upload { margin-top: 30px; } .table-upload__header { padding: 20px; background-color: #fff; } .table-upload__nav { margin-bottom: -10px; } .table-upload__nav .title { display: inline-block; margin-right: 10px; color: #9EAABB; } .table-upload__nav a { display: inline-block; margin-right: 10px; color: #002454; -webkit-transition: .3s ease-out; transition: .3s ease-out; margin-bottom: 10px } .table-upload__nav a:hover, .table-upload__nav a.active { color: #E40208; } .table-upload .dataTables_scrollBody { max-height: 590px; } .table-upload .dataTables_scrollHead { /*overflow: visible;*/ /* под тултипы */ } .table.table--bidding tbody tr.selected-row { background-color: lightgray; font-weight: bold; } .dataTables_length { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9EAABB; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 768px) { .dataTables_length { padding: 8px 15px; width: 100%; border-bottom: 1px solid #D3D9DE; } } .dataTables_length .select-wrap { color: #9EAABB; } @media (max-width: 500px) { .dataTables_length .select-wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .dataTables_length .select { color: #002454; } @media (max-width: 1700px) and (min-width: 1279px) { .table-nav { margin-bottom: -8px; } .table-nav__header { padding: 16px; } .table-nav .title { margin-right: 8px; } .table-nav a { margin-right: 8px; margin-bottom: 8px; } /* TODO */ .table__header #trade-company-bidding-table_filter label, .table__header #orders_filter label, .table__header #appeals_filter label, .table__header #customers_filter label, .table__header #applications_filter label, .table__header #company_filter label { width: calc(100% - 73.6px); left: 32px; height: 40px; } .table__header #trade-company-bidding-table_filter input, .table__header #orders_filter input, .table__header #appeals_filter input, .table__header #customers_filter input, .table__header #applications_filter input, .table__header #company_filter input { height: 40px; padding: 12.8px 16px; margin: auto auto 16px; } .table__header #company_filter label { width: calc(100% - 29.6px); left: 0; } .table-search { width: 136px } .table-search.active { width: 12.8px; } .table-search-btn { font-size: 11.2px; } .table-search-btn svg { width: 12.8px; height: 12.8px; } .table-search-btn span { margin-left: 12px; } .table__sub + .table__sub .table__num:after { width: 1.6px; height: 40px; bottom: calc(100% + 8px); left: 12.8px; } .table th, .table td { padding: 16px; font-size: 11.2px } .table th:first-of-type, .table td:first-of-type { padding-left: 32px; } .table th:last-of-type, .table td:last-of-type { padding-right: 32px; } .table th span { padding-right: 16px; background-size: 6.4px 9.6px; background-position: calc(100% - 4px) center; } .table-date { margin-right: 32px; } .table-date .b-form__input { padding-left: 24px; } .table-date .sep { width: 9.6px; height: 1.6px; margin: auto 4px; } .table-date__item { max-width: 144px; } .table-date__title { margin-bottom: 8px; } .table-date .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .table-date .title { margin-bottom: 8px; } .table__doc svg { width: 16px; height: 16px; margin-right: 4px; } .table-template__notify { padding: 16px 32px; } .table-template__notify .title { margin-right: 11.2px; } .table-template__notify .b-form__input { max-width: 144px; padding-left: 24px; } .table-template__notify .notify-label { height: 40px; padding: 0 12px; width: 108px; margin-left: 8px; } .table-template__notify .notify-label .i-icon { width: 8px; height: 8px; min-width: 8px; } .table-template__title { margin: 1px 0; padding: 16px 16px 17.6px 32px; } .table-template__title .i-icon { width: 5.6px; height: 5.6px; min-width: 5.6px; } .table-template__inner { padding-bottom: 16px; } .table-template__name img { width: 64px; height: 64px; margin-right: 16px; } .table-upload { margin-top: 24px; } .table-upload__header { padding: 16px; } .table-upload__nav { margin-bottom: -8px; } .table-upload__nav .title { margin-right: 8px; } .table-upload__nav a { margin-right: 8px; margin-bottom: 8px; } .table-upload .dataTables_scrollBody { max-height: 472px; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .terms-of-anything { margin-bottom: 15px; } .terms-of-anything__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; text-indent: 25px; font-weight: 700 } .terms-of-anything__title:hover { color: #E40208; background-color: #FAFAFA; } .terms-of-anything__title.active { background-color: #ffffff; } .terms-of-anything__title.active .i-icon { color:#E40208; -webkit-transform: scaleY(1) !important; transform: scaleY(1) !important; } .terms-of-anything__title.active:hover .i-icon { -webkit-transform: scaleY(1) scale(1.3) rotateZ(0) !important; transform: scaleY(1) scale(1.3) rotateZ(0) !important; } .terms-of-anything__title .title { margin-left: 15px; padding-right: 20px; } .terms-of-anything__title .title:hover { color: #E40208; } .terms-of-anything__title .i-icon { width: 10px; min-width: 10px; height: 10px; margin-right: auto; -webkit-transform: scaleY(-1); transform: scaleY(-1); -webkit-transition: .3s ease-out; transition: .3s ease-out; } .terms-of-anything__title .i-icon * { -webkit-transition: .2s ease-out; transition: .2s ease-out; } .terms-of-anything__title:hover .i-icon { -webkit-transform: scaleY(-1) scale(1.3) rotateZ(0); transform: scaleY(-1) scale(1.3) rotateZ(0); } .terms-of-anything__text { display: none; padding: 15px 50px; background-color: #ffffff; }/*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } .tooltip { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 17px; height: 17px; margin-left: 3px; background-color: #E40208; font-size: 14px; font-weight: 700; border-radius: 50%; color: #ffffff; cursor: pointer; position: relative; min-width: 17px; } @media (max-width: 1692px) { .tooltip { padding-right: 0; } } .tooltip--gray { background-color: #9EAABB; } .tooltip--blue { background-color: #002454; } .tooltip--translate { margin-left: 10px; } .tooltip.show .tooltip__content { display: block; } .tooltip__content { display: none; width: 257px; padding: 10px 20px; position: absolute; left: 36px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #002454; font-size: 14px; font-weight: 400 !important; z-index: 20; } @media (max-width: 414px) { .tooltip__content { left: -100px; top: 8vh; } } @media (max-width: 375px) { .tooltip__content { top: 9vh; } } @media (max-width: 320px) { .tooltip__content { top: 11vh; } } .tooltip__content:before { content: ''; width: 12px; height: 12px; position: absolute; left: -6px; top: calc(50% - 8px); background-color: #002454; text-align: left; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 414px) { .tooltip__content:before { -webkit-transform: rotate(135deg); transform: rotate(135deg); top: -7%; left: 40%; } } .tooltip__content.active { display: block; } .tooltip__content--left { right: 36px; left: auto; } .tooltip__content--left:before { right: -6px; left: auto; } .tooltip__content--right { white-space: normal; } @media (max-width: 500px) { .tooltip__content--up { top: -620%; left: -90px; } .tooltip__content--up:before { left: 95px; top: 98%; } } @media (max-width: 1700px) and (min-width: 1279px) { .tooltip__content { width: 205.6px; padding: 8px 16px; left: 28.8px; font-size: 11.2px } .tooltip__content:before { width: 9.6px; height: 9.6px; left: -4.8px; top: calc(50% - 6.4px); } .tooltip__content--left { right: 28.8px; left: auto; } .tooltip__content--left:before { right: -4.8px; left: auto; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .tag { width: auto; /*margin-bottom: 5px;*/ /*background-size: 100% 100%;*/ text-align: center; border-radius: 2px; font-size: 14px; line-height: 30px; color: #fff; pointer-events: none; padding: 0 20px } .tag:not(:last-child) { margin-bottom: 5px; } .tag { /* &--new { */ /* background-image: url('/local/client/_icons/tag-new.svg'); */ /* } */ /* &--order { */ /* background-image: url('/local/client/_icons/tag-order.svg'); */ /* } */ } .tag__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: absolute; top: -5px; left: -5px; z-index: 2; } .tag--sale { background-color: #E40208; } .tag--month { background-color: #29AD2E; } @media (max-width: 1700px) and (min-width: 1279px) { .tag { border-radius: 2px; font-size: 11.2px; line-height: 24px; padding: 0 16px } .tag:not(:last-child) { margin-bottom: 4px; } .tag__wrap { top: -4px; left: -4px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-catalog-nav { margin-bottom: 32px; background-color: #fff; } @media (max-width: 1024px) { .b-catalog-nav { display: none; } } @media (max-width: 500px) { .b-catalog-nav { width: 100%; margin-right: 15px; } } .b-catalog-nav__wrap { padding-bottom: 20px; } .b-catalog-nav__inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 11px 3px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-catalog-nav__inner.active svg { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .b-catalog-nav__inner svg { -ms-flex-negative: 0; flex-shrink: 0; width: 30px; height: 30px; margin-left: auto; padding: 10px; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); cursor: pointer; -webkit-transition: .3s ease-out; transition: .3s ease-out; } .b-catalog-nav__inner svg > * { -webkit-transition: .3s ease; transition: .3s ease; } .b-catalog-nav__inner svg:hover > * { fill: #004391; } .b-catalog-nav__inner a { -webkit-transition: .2s; transition: .2s; } .b-catalog-nav__inner a:hover { color: #E40208; } .b-catalog-nav__item { display: block; margin-bottom: 1px; padding: 5px 20px 5px 40px; -webkit-transition: .2s; transition: .2s; } .b-catalog-nav__item:hover, .b-catalog-nav__item.active { color: #E40208; } .b-catalog-nav__back { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 17px; background-color: #FBF2CF; font-size: 14px; font-weight: 700; -webkit-transition: .2s; transition: .2s; } .b-catalog-nav__back:hover { background-color: #FFD93D; } .b-catalog-nav__back svg { width: 16px; height: 10px; margin-right: 10px; } @media (max-width: 1700px) and (min-width: 1279px) { .b-catalog-nav { margin-bottom: 25.6px; } .b-catalog-nav__wrap { padding-bottom: 16px; } .b-catalog-nav__inner { padding: 0 8.8px 2.4px 16px; } .b-catalog-nav__inner svg { width: 24px; height: 24px; padding: 8px; } .b-catalog-nav__item { padding: 3px 16px 3px 32px; -webkit-transition: .2s; transition: .2s; } .b-catalog-nav__back { margin-bottom: 20px; padding: 13.6px; font-size: 11.2px; } .b-catalog-nav__back svg { width: 12.8px; height: 8px; margin-right: 8px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-catalog-section { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; } @media (max-width: 1200px) { .b-catalog-section { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 1024px) { .b-catalog-section { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (max-width: 900px) { .b-catalog-section { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 667px) { .b-catalog-section { grid-template-columns: 1fr 1fr; } } @media (max-width: 568px) { .b-catalog-section { grid-column-gap: 10px; grid-row-gap: 10px; } } .b-catalog-section .empty-page { grid-column-start: 1; grid-column-end: 5; } .b-catalog-section__m-back { display: none; } @media (max-width: 500px) { .b-catalog-section__m-back { display: block; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 1px; margin-bottom: 22px; } .b-catalog-section__m-back .i-icon { margin-right: 10px; } } .b-catalog-section__toolkit { background-color: #ffffff; text-align: left; padding-left: 6%; padding-right: 6%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 122px; } .b-catalog-section__toolkit:hover .b-catalog-section__toolkit_name { color: #E40208; } @media (max-width: 1024px) { .b-catalog-section__toolkit { display: none; } } @media (max-width: 500px) { .b-catalog-section__toolkit { text-align: center; } } .b-catalog-section__toolkit_icon { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 1024px) { .b-catalog-section__toolkit_icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .b-catalog-section__toolkit_icon svg { height: 85%; width: auto; } @media (max-width: 1024px) { .b-catalog-section__toolkit_icon svg { height: 80%; } } .b-catalog-section__toolkit_name { font-size: 16px; -webkit-transition: 0.5s; transition: 0.5s; } @media (max-width: 1024px) { .b-catalog-section__toolkit_name { text-transform: uppercase; margin-right: 3%; font-weight: bold; } } @media (max-width: 667px) { .b-catalog-section__toolkit_name { margin-right: 5%; } } @media (max-width: 568px) { .b-catalog-section__toolkit_name { font-size: 14px; } } @media (max-width: 320px) { .b-catalog-section__toolkit_name { font-size: 10px; } } .b-catalog-section__toolkit--mob { width: 100%; background-color: #ffffff; height: 45px; text-align: right; 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; } @media (min-width: 1025px) { .b-catalog-section__toolkit--mob { display: none; } } .b-catalog-section__toolkit--none { display: none; } .b-catalog-section__item { background-color: #ffffff; padding: 20px 30px 25px; -webkit-transition: .2s; transition: .2s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 568px) { .b-catalog-section__item { padding: 20px; text-align: center; } } @media (max-width: 500px) { .b-catalog-section__item { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media (max-width: 414px) { .b-catalog-section__item { padding: 10px; } } @media (max-width: 375px) { .b-catalog-section__item { padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; } } .b-catalog-section__item:hover .b-catalog-section__title { color: #E40208; } .b-catalog-section__img { height: 175px; margin: auto auto 0; } @media (max-width: 414px) { .b-catalog-section__img { height: 130px; } } .b-catalog-section__img img { width: 100%; height: 100%; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } .b-catalog-section__title { margin-right: -15px; margin-bottom: 30px; margin-left: -15px; font-weight: 700; text-transform: uppercase; -webkit-transition: .2s; transition: .2s; } @media (max-width: 1692px) { .b-catalog-section__title { font-size: 14px; margin-bottom: 5px; } } @media (max-width: 414px) { .b-catalog-section__title { font-size: 12px; } } @media (max-width: 375px) { .b-catalog-section__title { font-size: 10px; } } @media (max-width: 500px) { .b-catalog-section__title { text-align: center; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .switch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: default; position: relative; padding: 10px 0; height: 39px; } .switch__title { max-width: 160px; margin-right: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; //transition: .25s ease-in-out; } @media (max-width: 768px) { .switch__title { max-width: 100%; white-space: normal; } } @media (max-width: 500px) { .switch__title { max-width: 260px; white-space: nowrap; } } .switch__title.hide { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .10); box-shadow: 0 2px 4px rgba(0, 0, 0, .10); max-width: none; position: absolute; left: -20px; z-index: 100; padding: 6px 20px; cursor: pointer; background: white; overflow: inherit; } @media (max-width: 1700px) and (min-width: 1279px) { .switch__title.hide { left: -16px; padding: 10px 16px; } } @media (max-width: 1024px) { .switch__title.hide { left: auto; right: -40px; } } @media (max-width: 500px) { .switch__title.hide { left: -20px; right: auto; white-space: normal; min-width: 300px; } } .switch__label { position: relative; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; width: 30px; height: 10px; margin-left: auto; } .switch input { display: none; } .switch__box { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(229, 230, 231); -webkit-transition: .4s; transition: .4s; border-radius: 34px; border: 1px solid white; } .switch__box:before { position: absolute; content: ""; height: 14px; width: 14px; left: 0; top: -3px; background-color: rgb(158, 170, 187); -webkit-transition: .4s; transition: .4s; border-radius: 50%; } .switch input:checked + .switch__box { background-color: #fae5e5; } .switch input:focus + .switch__box { -webkit-box-shadow: 0 0 1px #fae5e5; box-shadow: 0 0 1px #fae5e5; } .switch input + .switch__box:before { -webkit-transform: none; transform: none; background-color: rgb(158, 170, 187); } .switch input:checked + .switch__box:before { -webkit-transform: translateX(14px); transform: translateX(14px); background-color: #E40208; } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .detail-card { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1024px) { .detail-card { display: block; } } .detail-card .related-tab { font-size: 16px; } .detail-card__delivery { margin-top: 30px; } @media (max-width: 1024px) { .detail-card__delivery { margin-top: 20px; } } .detail-card__rating { overflow: hidden; width: auto; display: inline-block; margin-top: 0; margin-left: 0; margin-bottom: 0; margin-right: 6px; } .detail-card__rating:not(:checked) > label { float: right; padding: 0; cursor: pointer; display: inline-block; width: auto; } .detail-card__rating:not(:checked) > input { display: none; } .detail-card__rating:not(:checked) > label svg { fill: #9EAABB; } .detail-card__rating > input:checked ~ label svg { fill: #FFD93D; } .detail-card__rating > label:active { position: relative; } .detail-card__rating-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } .detail-card__rating .rate-select-layer { line-height: 15px; } .detail-card__quantity { font-size: 13px; line-height: 18px; display: inline-block; color: #9EAABB; position: relative; top: -1px; } .detail-card__popup { border-radius: 50%; background: #D12D21; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; display: none; font-size: 14px; padding: 6px; height: 20px; width: 20px; font-weight: 700; } @media (max-width: 1024px) { .detail-card__popup { display: -webkit-box; display: -ms-flexbox; display: flex; } } .detail-card__circuit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 840px; } .detail-card__circuit--item { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1 1 280px; flex: 1 1 280px; padding-right: 80px; color: #ffffff; font-size: 12px; line-height: 14px; text-align: center; position: relative } .detail-card__circuit--item:before { content: ''; background-image: url('/local/client/img/arrow-product-2.svg'); position: absolute; background-repeat: no-repeat; width: 32px; height: 32px; top: 25px; right: 26px; } .detail-card__circuit--item:last-child { padding-right: 0; -ms-flex-preferred-size: 200px; flex-basis: 200px; } .detail-card__circuit--item:last-child:before { display: none; } .detail-card__circuit--image-wrap { margin: 0 auto; margin-bottom: 18px; height: 80px; width: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .detail-card__circuit--image-wrap img { width: 100%; height: auto; max-height: 100%; } .detail-card__circuit--window .detail-card__circuit--text { color: #002454; font-size: 14px; line-height: 16px; max-width: 200px; white-space: normal; } .detail-card__circuit--window .detail-card__circuit--item:before { top: 21px; margin: auto; background-image: url('/local/client/img/arrow-product.svg'); } .detail-card__circuit--window { display: none; position: absolute; left: 100%; top: 0; bottom: 0; margin: auto; height: 100%; background: #ffffff; max-width: 750px; margin-left: 38px; padding-top: 50px; } @media (max-width: 1024px) { .detail-card__circuit { -ms-flex-wrap: wrap; flex-wrap: wrap; } .detail-card__circuit--item { width: 100%; margin-right: 0; margin-bottom: 70px; padding-right: 0; } .detail-card__circuit--item:before { top: auto; bottom: -49px; left: 0; right: 0; margin: auto; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .detail-card__circuit--item:last-child { margin-bottom: 0; } .detail-card__circuit--window { padding-top: 0; } .detail-card__circuit--window .detail-card__circuit--text { max-width: none; font-size: 12px; line-height: 14px; } .detail-card__circuit--window .detail-card__circuit--item:before { top: auto; bottom: -49px; } .detail-card__circuit--window { display: -webkit-box; display: -ms-flexbox; display: flex; position: unset; height: auto; max-width: none; margin-left: 0; } } .detail-card__delivery--term, .detail-card__delivery--payment, .detail-card__delivery--manufacturing { font-weight: bold; font-size: 12px; line-height: 18px; color: #002454; } .detail-card__delivery--term span, .detail-card__delivery--payment span, .detail-card__delivery--manufacturing span { font-weight: normal; } .detail-card__delivery--term, .detail-card__delivery--manufacturing { margin-bottom: 6px; } .detail-card__left { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 390px); padding: 20px 30px 30px 22px; border-right: 10px solid #FAFAFA; background-color: #ffffff; } @media (max-width: 1024px) { .detail-card__left { border-right: none; width: 100%; padding: 20px 30px; margin-bottom: 10px; } } @media (max-width: 768px) { .detail-card__left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 500px) { .detail-card__left { padding: 15px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .detail-card__img { position: absolute; background: white; padding: 20px; border-radius: 100%; height: 260px; width: 260px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #9EAABB; } @media (max-width: 1800px) { .detail-card__img { height: 200px; width: 200px; top: 12%; } } @media (max-width: 1450px) { .detail-card__img { height: 140px; width: 140px; } } @media (max-width: 1279px) { .detail-card__img { width: 50%; position: relative; border-radius: unset; height: 60px; } .detail-card__img:not(:last-child) { margin-right: 10px; } } @media (max-width: 768px) { .detail-card__img { width: 100%; } } .detail-card__img:hover { color: #E40208; } .detail-card__img svg { position: relative; margin-left: 3px; width: 11px; margin-bottom: 2px; } .detail-card__img span { font-size: 16px; } @media (max-width: 500px) { .detail-card__img span { font-size: 14px; } } .detail-card__img--left { left: 0; } .detail-card__img--right { right: 0; } .detail-card__conds { width: 100%; background-color: #ffffff; display: block; margin-top: 10px; } @media (max-width: 500px) { .detail-card__conds { display: none; } } @media (max-width: 1024px) { .detail-card__conds { width: 100%; margin-top: 10px; } } @media (max-width: 1700px) and (min-width: 1279px) { .detail-card__conds { margin-top: 8px; } } .detail-card__conds .toggle { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .detail-card__conds .toggle.active .i-icon__arrow { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .detail-card__conds .toggle .title { margin-right: 5px; } .detail-card__conds .toggle .i-icon__arrow { -webkit-transition: .3s ease-out; transition: .3s ease-out; width: 10px; height: 10px; fill: #E40208; } .detail-card__conds .wrap { display: none; padding: 0; } .detail-card__conds-link { display: inherit; font-size: 15px; padding-top: 10px; } @media (max-width: 500px) { .detail-card__conds-link { font-size: 14px; } } @media (max-width: 1700px) and (min-width: 1279px) { .detail-card__conds-link { padding-top: 8px; } } .detail-card__conds-link:hover { color: #E40208; } .detail-card__conds_title { margin-top: 20px; text-align: left; height: 20px; font-size: 16px; font-weight: 600; } .detail-card__right { display: -webkit-box; display: -ms-flexbox; display: flex; width: 390px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .detail-card__right__info { width: 100%; padding: 20px 20px 20px 20px; background-color: #ffffff; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 1; -webkit-transition: height 1s; transition: height 1s } .detail-card__right__info.extended.min { height: 300px; } @media (max-width: 1024px) { .detail-card__right__info.extended.min { height: calc(100% - 140px); } } @media (max-width: 1024px) { .detail-card__right__info { width: 100%; margin-right: 10px; } } .detail-card__right__ym { width: 100%; margin-top: 10px; background-color: #ffffff; display: none; } .detail-card__right__ym_wdgt { padding: 0 20px 20px 20px; width: 100%; } .detail-card__right__ym.loaded { display: block; } .detail-card__right__ym .toggle { display: -webkit-box; display: -ms-flexbox; display: flex; color: #9EAABB; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; } .detail-card__right__ym .toggle:hover { color: #E40208; } .detail-card__right__ym .toggle:hover .tooltip { background-color: #E40208; } .detail-card__right__ym .toggle .title { height: 20px; margin-right: 10px; } .detail-card__right__ym .toggle svg { margin-left: auto; -webkit-transition: .3s ease-out; transition: .3s ease-out; width: 10px; height: 10px; fill: #E40208; } .detail-card__right__ym .toggle.active svg { -webkit-transform: scaleY(-1); transform: scaleY(-1); fill: currentColor; } .detail-card__right__ym .toggle .tooltip { background-color: #9EAABB; } .detail-card__right__ym .wrap { max-height: 0; overflow: hidden; -webkit-transition: max-height 1s; transition: max-height 1s; padding: 0; } .detail-card__right__ym .wrap.active { max-height: 2000px; } .detail-card__right__ym .activehr { display: none; } .detail-card__right__ym .activehr_small { display: inherit; background-color: #D3D9DE; height: 1px; margin: 10px 20px; } .detail-card__right__ym .activehr.active { display: inherit; border-bottom: 1px solid #D3D9DE; } .detail-card__right__ym_title { margin-top: 20px; text-align: left; height: 20px; font-size: 16px; font-weight: 600; padding: 0 20px 20px 20px; } @media (max-width: 1024px) { .detail-card__right__ym { width: 33%; margin-top: 0; margin-right: 10px; height: 60px; } .detail-card__right__ym.active { height: 100%; } } @media (max-width: 768px) { .detail-card__right__ym { height: 100%; width: 100%; margin-top: 10px; margin-left: 0; } } @media (max-width: 1024px) { .detail-card__right { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 500px) { .detail-card__right { padding: 0; } } .detail-card-sliders { width: 440px; position: relative; } @media (max-width: 1279px) { .detail-card-sliders { width: 350px; } } @media (max-width: 1200px) { .detail-card-sliders { width: 250px; } } @media (max-width: 1024px) { .detail-card-sliders { width: 300px; margin: 0 auto; } } @media (max-width: 768px) { .detail-card-sliders { width: 100%; margin-bottom: 20px; } } @media (max-width: 500px) { .detail-card-sliders { padding-top: 73px; padding-bottom: 0; margin-bottom: 0; } } .detail-card-sliders__main { margin-bottom: 10px !important; } .detail-card-sliders__main .image-wrap { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .detail-card-sliders__main .b-product-actions { display: none; } @media (max-width: 768px) { .detail-card-sliders__main .b-product-actions { display: block; opacity: 1; top: 0; right: 0; z-index: 1; } } .detail-card-sliders__main .swiper-pagination-lock { display: none; } .detail-card-sliders__main .b-slider-pagination { display: none; } @media (max-width: 500px) { .detail-card-sliders__main .b-slider-pagination { display: block; bottom: 0; } } .detail-card-sliders__main .swiper-pagination-bullet { background-color: #E40208; } .detail-card-sliders__main .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; height: 280px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1024px) { .detail-card-sliders__main .swiper-slide { height: 230px; } } @media (max-width: 768px) { .detail-card-sliders__main .swiper-slide { height: 280px; } } .detail-card-sliders__main .swiper-slide > a { height: 100%; } .detail-card-sliders__preview { position: relative; } @media (max-width: 500px) { .detail-card-sliders__preview { display: none; } } .detail-card-sliders__preview .b-slider__arrow { position: absolute; top: 0; bottom: 0; margin: auto; min-width: 32px; max-width: 32px; height: 32px; background-color: rgba(255, 255, 255, .8); z-index: 1000; border: none } .detail-card-sliders__preview .b-slider__arrow:hover { background-color: #E40208; } .detail-card-sliders__preview .b-slider__arrow:hover .i-icon * { fill: #ffffff; } .detail-card-sliders__preview .b-slider__arrow--prev { left: 0; } .detail-card-sliders__preview .b-slider__arrow--next { right: 0; } .detail-card-sliders__preview .swiper-slide { height: 80px; opacity: 0.5; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } @media (max-width: 1024px) { .detail-card-sliders__preview .swiper-slide { height: 70px; } } @media (max-width: 768px) { .detail-card-sliders__preview .swiper-slide { height: 60px; } } .detail-card-sliders__preview .swiper-slide img { margin: auto; } .detail-card-sliders__preview .swiper-slide:hover, .detail-card-sliders__preview .swiper-slide.active { opacity: 1; } .detail-card__info { width: calc(100% - 440px); padding-left: 57px; } @media (max-width: 1279px) { .detail-card__info { width: calc(100% - 350px); } } @media (max-width: 1200px) { .detail-card__info { width: calc(100% - 250px); padding-left: 30px; } } @media (max-width: 1024px) { .detail-card__info { width: 100%; } } @media (max-width: 768px) { .detail-card__info { padding-left: 0; } } @media (max-width: 500px) { .detail-card__info { padding-top: 0; } .detail-card__info .detail-card__article { display: none; } .detail-card__info .b-list { display: none; } } @media (max-width: 414px) { .detail-card__info .detail-card__title { padding-top: 0; } } .detail-card__brand { margin-bottom: 1em; font-size: 13px; line-height: 18px; font-weight: 700; } @media (max-width: 1024px) { .detail-card__brand { margin-top: 10px; } } .detail-card__brand__txt { margin-bottom: 9px; display: inline-block; } @media (max-width: 500px) { .detail-card__brand { margin-bottom: 0; } } .detail-card__brand__link { margin-bottom: 9px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .detail-card__brand__link:hover { color: #E40208; } .detail-card__brand__link div { text-decoration: underline; } .detail-card__brand__link div:hover { text-decoration: none; } .detail-card__brand__link svg { width: 17px; margin-top: 5px; margin-left: 5px; } @media (max-width: 500px) { .detail-card__brand__link svg { width: 11px; } } .detail-card__article { margin-bottom: 1.4em; font-size: 15px; color: #9EAABB; } .detail-card__availability { margin-bottom: 10px; } .detail-card__availability.active span:last-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; } .detail-card__availability.active span:first-of-type { display: none; } .detail-card__availability span:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; color: #E40208; } .detail-card__availability span:last-of-type { display: none; color: #29AD2E; } .detail-card__availability svg { display: -webkit-box; display: -ms-flexbox; display: flex; width: 22px; height: 22px; margin-right: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px; border: 2px solid #E40208; border-radius: 50%; } .detail-card__availability img { width: 22px; height: 22px; margin-right: 10px; } .detail-card__time { margin-bottom: 34px; font-size: 14px; color: #9EAABB; } @media (max-width: 768px) { .detail-card__time { margin-bottom: 20px; } } @media (max-width: 500px) { .detail-card__time { margin-bottom: 13px; } } .detail-card__title { margin-bottom: 23px; font-size: 20px; } @media (max-width: 1136px) { .detail-card__title { font-size: 16px; height: auto; } } @media (max-width: 1080px) { .detail-card__title { font-size: 14px; } } @media (max-width: 1024px) { .detail-card__title { font-size: 18px; } } .detail-card .document-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1024px) { .detail-card .document-wrap { width: 100%; } } @media (max-width: 500px) { .detail-card .document-wrap { text-align: center; } } @media (max-width: 640px) { .detail-card .document-wrap .btn { max-width: none; } } .detail-card .document-wrap .detail-card__document { margin-top: 20px; } @media (max-width: 1024px) { .detail-card .document-wrap .detail-card__document { margin-top: 0; } } @media (max-width: 640px) { .detail-card .document-wrap .detail-card__document { margin-top: 20px; } } .detail-card .document-wrap .tooltip { -ms-flex-negative: 0; flex-shrink: 0; } .detail-card__document { color: #9EAABB; } .detail-card__document:hover { color: #E40208; } @media (max-width: 500px) { .detail-card__document { margin: auto; } } .detail-card .b-count { width: 100%; margin-bottom: 8px; } .detail-card .b-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .detail-card .b-price__current { display: block; margin-right: 0.5em; font-size: 20px; } @media (max-width: 500px) { .detail-card .b-price__current { padding-bottom: 0; } } .detail-card .b-price__current-rub span { font-size: 16px; } .detail-card .b-price__price { display: -webkit-box; display: -ms-flexbox; display: flex; } .detail-card .b-price__price__text { font-size: 16px; } .detail-card .b-price__price .rub { margin-left: 5px; } @media (max-width: 500px) { .detail-card .b-price__old { padding-top: 0; } } .detail-card .b-price__text { margin-bottom: 9px; color: #E40208; } .detail-card .b-list { padding-bottom: 0; font-size: 15px; max-width: 100%; } .detail-card__wrapper .b-count-text { display: none; } @media (max-width: 1024px) { .detail-card__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .detail-card__wrapper .btn { margin: 0; height: 50px; } .detail-card__wrapper .b-count-text { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; margin-top: 10px; } } @media (max-width: 500px) { .detail-card__wrapper { display: block; } .detail-card__wrapper .btn { width: 100%; height: 50px; } .detail-card__wrapper .b-count { margin-right: 0; width: 100%; } .detail-card__wrapper .b-count-text { margin-top: 10px; margin-bottom: 0; } } .detail-card .tag__wrap { top: -8px; left: -4px; } @media (max-width: 768px) { .detail-card .tag__wrap { top: 0; left: 0; } } @media (max-width: 1700px) and (min-width: 1279px) { .detail-card .related-tab { font-size: 12.8px; } .detail-card__left { width: calc(100% - 312px); padding: 16px 24px 24px 17.6px; border-right: 8px solid #FAFAFA; background-color: #fff; } .detail-card__footer.loaded { width: calc(100% - 312px); border-right: 8px solid #FAFAFA; } .detail-card__right { width: 312px; } .detail-card-sliders { width: 352px; padding-top: 18.4px; } .detail-card-sliders__main { margin-bottom: 8px !important; } .detail-card-sliders__preview .b-slider__arrow { min-width: 25.6px; max-width: 25.6px; height: 25.6px; } .detail-card-sliders__preview .swiper-slide { height: 64px; } .detail-card__info { width: calc(100% - 352px); padding-left: 45.6px; padding-top: 8px; } .detail-card__brand__txt, .detail-card__brand__link { margin-bottom: 7.2px; } .detail-card__article { font-size: 12px; } .detail-card__availability { margin-bottom: 8px; } .detail-card__availability svg { width: 17.6px; height: 17.6px; margin-right: 8px; padding: 4px; } .detail-card__availability img { width: 17.6px; height: 17.6px; margin-right: 8px; } .detail-card__time { margin-bottom: 27.2px; font-size: 11.2px; } .detail-card .b-count { margin-bottom: 6.4px; } .detail-card__wrapper { margin-bottom: 16px; } .detail-card .tag__wrap { top: -6.4px; left: -3.2px; } } .document-wrap .tooltip_mobile { display: none; } @media (max-width: 1024px) { .document-wrap .tooltip_desktop { display: none; } .document-wrap .tooltip_mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .detail-comment__header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 25px 20px 40px; border-bottom: 2px solid #FAFAFA; } @media (max-width: 768px) { .detail-comment__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 8px; } } @media (max-width: 500px) { .detail-comment__header { padding: 0; border-bottom: none; } } .detail-comment__header .btn { max-width: 275px; margin-left: auto; } @media (max-width: 768px) { .detail-comment__header .btn { margin-right: auto; } } @media (max-width: 500px) { .detail-comment__header .btn { max-width: 100%; margin-top: 10px; margin-bottom: 20px; } } .detail-comment-sorting { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 500px) { .detail-comment-sorting { width: 100%; padding: 0 15px; } } .detail-comment-sorting__title { color: #9EAABB; } .detail-comment__inner { display: table; width: 100%; } @media (max-width: 640px) { .detail-comment__inner { display: block; } } .detail-comment__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 25px 26px 26px 40px; } @media (max-width: 640px) { .detail-comment__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 500px) { .detail-comment__item { padding: 20px 15px; } } .detail-comment__item:last-of-type { margin-bottom: 40px; } .detail-comment__item.new { background-color: #FBF2CF; } .detail-comment__item + .detail-comment-form { margin-left: 180px; } @media (max-width: 768px) { .detail-comment__item + .detail-comment-form { margin-left: 170px; } } @media (max-width: 640px) { .detail-comment__item + .detail-comment-form { margin-left: 25px; } } @media (max-width: 500px) { .detail-comment__item + .detail-comment-form { margin-left: 0; } } .detail-comment__info { min-width: 160px; max-width: 160px; } @media (max-width: 768px) { .detail-comment__info { min-width: 130px; max-width: 130px; } } @media (max-width: 640px) { .detail-comment__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; min-width: 0; max-width: 100%; margin-bottom: 15px; } .detail-comment__info .title-4 { margin-bottom: 0; } } .detail-comment__position { margin-bottom: 10px; font-size: 14px; color: #9EAABB; } @media (max-width: 640px) { .detail-comment__position { width: 100%; margin-top: 7px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .detail-comment__date { font-size: 14px; color: #9EAABB; } @media (max-width: 640px) { .detail-comment__date { margin-bottom: 0; } } .detail-comment__right { width: calc(100% - 160px); padding-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 640px) { .detail-comment__right { width: 100%; padding-left: 0; } } .detail-comment__deleted { color: #B1B1B1; height: 100%; background-color: #FAFAFA; padding: 15px; font-size: 14px; } .detail-comment__expand { margin-left: 220px; -webkit-transition: .3s ease; transition: .3s ease; } @media (max-width: 768px) { .detail-comment__expand { margin-left: 190px; } } @media (max-width: 640px) { .detail-comment__expand { margin-left: 40px; } } @media (max-width: 500px) { .detail-comment__expand { margin-left: 15px; } } .detail-comment__expand span { display: inline-block; margin-right: 5px; } .detail-comment__expand span:nth-child(1) { display: inline-block; } .detail-comment__expand span:nth-child(2) { display: none; } .detail-comment__expand.active { margin-bottom: 10px; } .detail-comment__expand.active span:nth-child(1) { display: none; } .detail-comment__expand.active span:nth-child(2) { display: inline-block; } .detail-comment__answers { display: none; } .detail-comment__answers.active { display: block; } .detail-comment__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 15px; margin-top: auto; } .detail-comment__reply { color: #9EAABB; -webkit-transition: .2s; transition: .2s; } .detail-comment__reply:hover { color: #E40208; } .detail-comment__like, .detail-comment__dislike { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; } .detail-comment__like svg, .detail-comment__dislike svg { width: 14px; height: 15px; margin-right: 7px; } .detail-comment__like svg *, .detail-comment__dislike svg * { -webkit-transition: .2s; transition: .2s; } .detail-comment__like { margin-left: auto; color: #29AD2E; } .detail-comment__like:hover svg *, .detail-comment__like.active svg * { fill: #29AD2E; } .detail-comment__dislike { margin-left: 15px; color: #E40208; } .detail-comment__dislike:hover svg *, .detail-comment__dislike.active svg * { fill: #E40208; } .detail-comment__dislike svg { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .detail-comment__subitem { margin: 0 26px 26px 240px; padding: 20px 30px; position: relative; } .detail-comment__subitem p { word-break: break-word; } @media (max-width: 768px) { .detail-comment__subitem { margin-left: 210px; } } @media (max-width: 640px) { .detail-comment__subitem { margin: 0 15px 15px 45px; } } @media (max-width: 500px) { .detail-comment__subitem { margin-left: 19px; padding: 20px 15px; } } .detail-comment__subitem.new { background-color: #FBF2CF; } .detail-comment__subitem:after { content: ''; width: 2px; position: absolute; left: -20px; top: 0; bottom: 0; background-color: #FAFAFA; } @media (max-width: 640px) { .detail-comment__subitem:after { left: -4px; background-color: #D3D9DE; } } .detail-comment__subitem .detail-comment__info { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 100%; max-width: 100%; } .detail-comment__subitem .detail-comment__position { margin-left: auto; margin-right: 20px; color: #539FE0; /* TODO */ } .detail-comment__subitem + .detail-comment-form { margin-left: 200px; padding-top: 0; } @media (max-width: 768px) { .detail-comment__subitem + .detail-comment-form { margin-left: 170px; padding: 25px 30px; padding-top: 0; } } @media (max-width: 640px) { .detail-comment__subitem + .detail-comment-form { margin-left: 25px; padding: 25px 15px; padding-top: 0; } } @media (max-width: 500px) { .detail-comment__subitem + .detail-comment-form { margin-left: 0; } } .detail-comment-form { display: none; padding: 25px 40px; border-bottom: 1px solid #FAFAFA; } .detail-comment-form.active { display: block; } @media (max-width: 500px) { .detail-comment-form { padding: 20px 15px; } } .detail-comment-form__btns { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 12px; } @media (max-width: 375px) { .detail-comment-form__btns { display: block; margin-top: 6px; } } .detail-comment-form__btns .btn { max-width: 170px; margin-top: 0; } @media (max-width: 640px) { .detail-comment-form__btns .btn { max-width: 100%; } } .detail-comment-form__btns .btn:not(:last-of-type) { margin-right: 10px; } @media (max-width: 375px) { .detail-comment-form__btns .btn:not(:last-of-type) { margin-right: 0; margin-bottom: 10px; } } .detail-comment__more { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; } .detail-comment__more .btn { width: auto; margin: auto; } @media (max-width: 500px) { .detail-comment__more .btn { max-width: 100%; width: 100%; } } @media (max-width: 1700px) and (min-width: 1279px) { .detail-comment__header { padding: 16px 20px 16px 32px; } .detail-comment__header .btn { max-width: 220px; } .detail-comment__item { padding: 20px 20.8px 20.8px 32px } .detail-comment__item:last-of-type { margin-bottom: 32px; } .detail-comment__item + .detail-comment-form { margin-left: 144px; } .detail-comment__info { min-width: 128px; max-width: 128px; } .detail-comment__position { margin-bottom: 8px; color: #9EAABB; } .detail-comment__date { font-size: 11.2px; } .detail-comment__right { width: calc(100% - 128px); padding-left: 16px; } .detail-comment__actions { margin-top: 12px; } .detail-comment__like, .detail-comment__dislike { font-size: 11.2px; } .detail-comment__like svg, .detail-comment__dislike svg { width: 11.2px; height: 12px; margin-right: 5.6px; } .detail-comment__dislike { margin-left: 12px; } .detail-comment__subitem { margin: 0 20.8px 20.8px 192px; padding: 16px 24px } .detail-comment__subitem:after { width: 2px; left: -16px; } .detail-comment__subitem .detail-comment__position { margin-right: 16px; } .detail-comment__subitem + .detail-comment-form { margin-left: 160px; } .detail-comment-form { padding: 20px 32px; } .detail-comment-form__btns { margin-top: 9.6px; } .detail-comment-form__btns .btn { max-width: 136px } .detail-comment-form__btns .btn:not(:last-of-type) { margin-right: 8px; } .detail-comment__more { padding: 16px 0; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .detail-description__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .detail-description__top { display: none; } } .detail-description__top .btn { max-width: 275px; } .detail-description__top img { max-width: 280px; max-height:50px; } .detail-description__bottom { margin-top: 10px; } @media (max-width: 500px) { .detail-description__bottom { padding: 20px 15px; margin-top: 0; } } .detail-description__bottom--comment { padding: 0; } .detail-description__icons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 15px); margin-left: -15px; } @media (max-width: 768px) { .detail-description__icons { width: calc(100% + 8px); margin-left: -8px; } } .detail-description__icons-item { width: 55px; height: 55px; margin-left: 15px; margin-bottom: 15px; } @media (max-width: 768px) { .detail-description__icons-item { margin-left: 8px; margin-bottom: 8px; } } @media (max-width: 500px) { .detail-description__icons-item { width: 40px; height: 40px; } } .detail-description__icons-item img { width: 100%; height: 100%; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } .detail-description__video { height: 395px; } @media (max-width: 500px) { .detail-description__video { height: 290px; } } .detail-description__video .youtube_frame { width: 100%; max-width: 560px; height: 315px; } @media (max-width: 500px) { .detail-description__video .youtube_frame { height: 250px; } } .detail-description__title { margin-left: 50px; font-weight: 700; margin-right: 50px; } @media (max-width: 1200px) { .detail-description__title { margin-left: 20px; } } .detail-description-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; } @media (max-width: 500px) { .detail-description-item { margin-bottom: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .detail-description-item__img { width: 110px; height: 90px; } @media (max-width: 500px) { .detail-description-item__img { margin-bottom: 13px; } } .detail-description-item__text { max-width: 965px; margin-left: 20px; } @media (max-width: 500px) { .detail-description-item__text { max-width: 100%; margin-left: 0; } } .detail-description .b-price { margin-right: 80px; margin-left: auto; } .detail-description .b-price__price { text-align:center; } .detail-description .styled-list:not(:last-of-type) { margin-bottom: 35px; } @media (max-width: 500px) { .detail-description .styled-list:not(:last-of-type) { margin-bottom: 18px; } } .detail-description .b-list { padding-bottom: 0; } .detail-description .b-list:not(:last-of-type) { margin-bottom: 40px; } @media (max-width: 500px) { .detail-description .b-list:not(:last-of-type) { margin-bottom: 30px; } } .detail-description .document-wrap { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .detail-description .document-wrap .detail-card__document { margin-top: 7px; } .detail-description .document-wrap .tooltip { -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 1700px) and (min-width: 1279px) { .detail-description__top .btn { max-width: 220px; } .detail-description__bottom { margin-top: 8px; } .detail-description__icons { width: calc(100% + 12px); margin-left: -12px; } .detail-description__icons-item { width: 44px; height: 44px; margin-left: 12px; margin-bottom: 12px; } .detail-description__video { height: 316px; } .detail-description__video .youtube_frame { max-width: 448px; height: 252px; } .detail-description__title { margin-left: 40px; margin-right: 40px; } .detail-description-item { margin-bottom: 24px; } .detail-description-item__img { width: 95.2px; height: 72px; } .detail-description-item__text { max-width: 772px; margin-left: 16px; } .detail-description .b-price { margin-right: 64px; } .detail-description .styled-list:not(:last-of-type) { margin-bottom: 28px; } .detail-description .b-list:not(:last-of-type) { margin-bottom: 32px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ @media (max-width: 768px) { .detail { padding-top: 0; } } .detail .swiper-container { padding-bottom: 0; } @media (max-width: 960px) { .detail .b-product__footer .document-wrap .tooltip { margin-left: 7%; } } @media (max-width: 960px) { .detail .b-product__footer .document-wrap .tooltip { margin-left: 5%; } } .detail .b-product__title { height: 45px; } @media (max-width: 320px) { .detail .b-product__title { padding-left: 15px; padding-right: 15px; } } .detail__topic a:hover { color: #E40208; } .detail__topic ul a *:hover { color: #E40208; } .detail__topic ul a:hover { color: #E40208; } .detail-header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; padding-top: 20px; } @media (max-width: 1024px) { .detail-header { padding: 20px 30px; } } @media (max-width: 768px) { .detail-header { display: block; text-align: center; padding: 0; } } @media (max-width: 500px) { .detail-header { margin-bottom: 0; border-bottom: 1px solid #D3D9DE; } } .detail-header__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } @media (max-width: 768px) { .detail-header__main { padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; } } @media (max-width: 414px) { .detail-header__main { padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; } } .detail-header__img { -ms-flex-negative: 0; flex-shrink: 0; width: 140px; height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 5%; } @media (max-width: 768px) { .detail-header__img { padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #D3D9DE; width: 100%; height: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .detail-header__logo { max-width: 140px; max-height: 56px; } @media (max-width: 768px) { .detail-header__logo { margin: auto; height: auto; } } .detail-header__link { color: #9EAABB; display: block; margin-left: 20px; white-space: nowrap; } .detail-header__link.detail-header__link--templates .i-icon * { fill: #9EAABB; stroke: transparent; } .detail-header__link--favorites { margin-right: 35px; } @media (max-width: 1279px) { .detail-header__link--favorites { margin-right: 25px; } } @media (max-width: 1200px) { .detail-header__link--favorites { margin-right: 0; margin-bottom: 15px; } } .detail-header__link--favorites .i-icon { width: 22px; height: 20px; } .detail-header__link--favorites .i-icon path { fill: #9EAABB; } .detail-header__link--favorites.active .i-icon path { fill: #E40208; } .detail-header__link--compare .i-icon { width: 19px; height: 19px; } .detail-header__link--templates { margin-right: 35px; } @media (max-width: 1279px) { .detail-header__link--templates { margin-right: 25px; } } @media (max-width: 1200px) { .detail-header__link--templates { margin-right: 0; margin-bottom: 15px; } } .detail-header__link--templates svg { width: 20px; height: 20px; } .detail-header__link:hover { color: #E40208; } .detail-header__link.active span:first-of-type { display: none; } .detail-header__link.active span:last-of-type { display: inline; } .detail-header__link.active.detail-header__link--templates .i-icon * { fill: #E40208; stroke: transparent; } .detail-header__link.active .i-icon * { stroke: #E40208; } .detail-header__link.active .i-icon .svg-inner { fill: #E40208; } .detail-header__link .i-icon { margin-right: 11px; } .detail-header__link .i-icon * { stroke: #9EAABB; } .detail-header__link span:first-of-type { display: inline; } .detail-header__link span:last-of-type { display: none; } .detail-header .b-tabs-head { margin-right: auto; } @media (max-width: 1024px) { .detail-header .b-tabs-head { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 768px) { .detail-header .b-tabs-head { margin-bottom: -5px; } } @media (max-width: 1279px) { .detail-header .b-tabs-head__link { margin-right: 25px; } } @media (max-width: 768px) { .detail-header .b-tabs-head__link { font-size: 14px; margin-bottom: 5px; } } .detail-funcs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1200px) { .detail-funcs { display: block; } } @media (max-width: 768px) { .detail-funcs { display: none; } } .detail-funcs .detail-header__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .detail .b-tabs-body__item { background-color: #ffffff; } .detail__sliders .b-slider .main-brand__bg { background-color: transparent; } @media (max-width: 768px) { .detail__sliders .b-slider .swiper-container { margin-bottom: 20px; padding-bottom: 0; } } @media (max-width: 500px) { .detail__sliders .b-slider .swiper-container { width: 100%; margin-bottom: 0; } } .detail__sliders .b-slider__arrow { padding: 10px; margin: -10px; } .detail__sliders .b-slider .b-product { height: 100%; } @media (max-width: 500px) { .detail__sliders .b-slider .b-product .tag__wrap { top: 10px; left: 10px; } } .detail__sliders .b-slider .b-product__brand { display: block; } @media (max-width: 500px) { .detail__sliders .b-slider .b-product__footer .btn { padding-top: 10px; padding-bottom: 10px; margin-top: auto; } } .detail .document-wrap-detail-item .detail-card__document { display: inline-block; } .detail .document-wrap-detail-item .detail-card__document .i-icon { margin-bottom: 3px; } .detail .document-wrap-detail-item .btn-buy { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 90%; } @media (max-width: 1692px) { .detail .document-wrap-detail-item .btn-buy { width: 88%; padding-left: 20px; padding-right: 20px; } } @media (max-width: 1200px) { .detail .document-wrap-detail-item .btn-buy { width: 90%; } } @media (max-width: 1024px) { .detail .document-wrap-detail-item .btn-buy { width: 96%; } } @media (max-width: 900px) { .detail .document-wrap-detail-item .btn-buy { width: 95%; } } @media (max-width: 720px) { .detail .document-wrap-detail-item .btn-buy { width: 94%; } } @media (max-width: 640px) { .detail .document-wrap-detail-item .btn-buy { width: 93%; } } @media (max-width: 414px) { .detail .document-wrap-detail-item .btn-buy { width: 90%; } } @media (max-width: 375px) { .detail .document-wrap-detail-item .btn-buy { width: 88%; } } @media (max-width: 320px) { .detail .document-wrap-detail-item .btn-buy { width: 86%; } } .detail .document-wrap-detail-item .btn-buy .tooltip { width: 100%; height: 100%; left: 0; top: 0; display: inline-block; position: absolute; background: transparent; } .detail .document-wrap-detail-item .btn-buy .tooltip__content { display: none; text-transform: none; top: -50px; } .detail .document-wrap-detail-item .btn-buy .tooltip__content:before { bottom: -6px; left: 220px; right: auto; top: auto; } .detail .document-wrap-detail-item .btn-buy .tooltip__content.active { display: block; } .detail__unavailable__link { margin-bottom: 0; } .detail__unavailable__link span { text-decoration: underline; color: #001d43; font-weight: 500 } .detail__unavailable__link span:hover { text-decoration: none; color: #E40208; } .detail__unavailable__block { text-align: justify; margin-bottom: 10px; } @media (max-width: 500px) { .detail__unavailable__block { margin-bottom: 0; border-bottom: 1px solid #D3D9DE; } } @media (max-width: 1700px) and (min-width: 1279px) { .detail-header { margin-bottom: 8px; } .detail-header__img { width: 112px; height: 44.8px; } .detail-header__link--favorites { margin-right: 28px; } .detail-header__link--favorites .i-icon { width: 17.6px; height: 16px; } .detail-header__link--compare .i-icon { width: 15.2px; height: 15.2px; } .detail-header__link .i-icon { margin-right: 8.8px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .gost-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #ffffff; height: 50px; padding-left: 40px; padding-right: 40px; margin-bottom: 20px; } @media (max-width: 960px) { .gost-header { padding-left: 30px; padding-right: 30px; } } @media (max-width: 900px) { .gost-header { padding-left: 20px; padding-right: 20px; } } @media (max-width: 375px) { .gost-header { height: 40px; margin-bottom: 10px; } } @media (max-width: 320px) { .gost-header { padding-left: 10px; padding-right: 10px; } } .gost-header__link { font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .gost-header__link { font-size: 14px; } } @media (max-width: 640px) { .gost-header__link { font-size: 12px; } } @media (max-width: 414px) { .gost-header__link { font-size: 14px; } } @media (max-width: 375px) { .gost-header__link { font-size: 12px; } } .gost-header__link_catalog { color: #002454; } .gost-header__link_compare { color: #9EAABB; } .gost-header__icon { width: 28px; height: auto; } @media (max-width: 768px) { .gost-header__icon { width: 24px; } } @media (max-width: 375px) { .gost-header__icon { width: 20px; } } .gost-header__text { margin-left: 10px; margin-top: 2px; } .gost-header__text_in { display: none; } .gost-header__text_to { display: inline; } @media (max-width: 568px) { .gost-header__text_desk-part { display: none; } } .gost-header .active .gost-header__text_in { display: inline; } .gost-header .active .gost-header__text_to { display: none; } .gost-card { background-color: #ffffff; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 40px; padding-right: 40px; padding-top: 30px; padding-bottom: 30px; } @media (max-width: 960px) { .gost-card { padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; } } @media (max-width: 900px) { .gost-card { padding-left: 20px; padding-right: 20px; } } @media (max-width: 568px) { .gost-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 30px; padding-right: 30px; padding-top: 20px; } } @media (max-width: 414px) { .gost-card { padding-bottom: 10px; } } .gost-card__title { color: #002454; font-size: 16px; font-weight: bold; display: block; margin-bottom: 20px; padding-top: 0; } @media (max-width: 640px) { .gost-card__title { font-size: 12px; } } @media (max-width: 568px) { .gost-card__title { font-size: 16px; } } .gost-card__title_mini { font-size: 14px; } @media (max-width: 640px) { .gost-card__title_mini { font-size: 12px; } } @media (max-width: 568px) { .gost-card__title_mini { font-size: 16px; } } .gost-card__specifications { max-width: 100%; padding-bottom: 0; } .gost-card__specifications span { font-size: 16px; } @media (max-width: 960px) { .gost-card__specifications span { font-size: 14px; } } @media (max-width: 768px) { .gost-card__specifications span { font-size: 12px; } } @media (max-width: 568px) { .gost-card__specifications span { font-size: 14px; } } @media (max-width: 414px) { .gost-card__specifications span { font-size: 12px; } } @media (max-width: 960px) { .gost-card__img .swiper-slide { width: 100% !important; } } @media (max-width: 568px) { .gost-card__img .swiper-slide { width: 100% !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 568px) { .gost-card__img { margin-bottom: 30px; } } @media (max-width: 414px) { .gost-card__img { margin-bottom: 20px; } } @media (max-width: 855px) { .gost-card__left { width: 35%; } } @media (max-width: 667px) { .gost-card__left { width: 30%; } } @media (max-width: 640px) { .gost-card__left { width: 25%; } } @media (max-width: 568px) { .gost-card__left { width: 100%; } } .gost-card__right { width: 65%; } @media (max-width: 1136px) { .gost-card__right { width: 60%; } } @media (max-width: 1024px) { .gost-card__right { width: 55%; } } @media (max-width: 855px) { .gost-card__right { width: 60%; } } @media (max-width: 667px) { .gost-card__right { width: 65%; } } @media (max-width: 640px) { .gost-card__right { width: 70%; } } @media (max-width: 568px) { .gost-card__right { width: 100%; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-catalog { position: relative } .b-catalog .active { left: 0; -webkit-transition: 0.5s; transition: 0.5s; } @media (max-width: 1024px) { .b-catalog--first .b-sorting__top { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media (max-width: 1024px) { .b-catalog--first .b-sorting__top .b-catalog-nav { display: none } } .b-catalog__inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; position: relative; } .b-catalog__full-items { width: 100%; } .b-catalog__content { width: calc(100% - 244px); margin-right: 0; } @media (max-width: 1024px) { .b-catalog__content { margin: 0; width: 100% } } @media (max-width: 500px) { .b-catalog__content { padding-bottom: 0 } } .b-catalog__sidebar { min-width: 244px; max-width: 244px; -webkit-transition: 0.5s; transition: 0.5s; } @media (max-width: 1024px) { .b-catalog__sidebar { position: absolute; z-index: 11; left: -300px } } .b-catalog__sidebar .b-sorting__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; font-weight: 700; letter-spacing: 1px; color: #002454; } .b-catalog-table { margin-bottom: 25px; } .b-catalog-table .empty-page { margin: 0 auto; } .b-catalog__list { display: grid; grid-template-columns: 2fr 2fr 2fr; grid-column-gap: 2%; grid-row-gap: 20px; margin-bottom: 25px; } @media (max-width: 1692px) { .b-catalog__list { grid-row-gap: 15px } } @media (max-width: 1200px) { .b-catalog__list { grid-template-columns: 3fr 3fr } } @media (max-width: 1024px) { .b-catalog__list { grid-template-columns: 2fr 2fr 2fr } } @media (max-width: 768px) { .b-catalog__list { grid-template-columns: 3fr 3fr } } @media (max-width: 667px) { .b-catalog__list { grid-row-gap: 10px } } @media (max-width: 414px) { .b-catalog__list { grid-column-gap: 3% } } @media (max-width: 320px) { .b-catalog__list { grid-column-gap: 4% } } .b-catalog__list .b-prices { height: 32px; } @media (max-width: 1024px) { .b-catalog__list .b-prices { height: 27px } } @media (max-width: 823px) { .b-catalog__list .b-prices { height: 24px } } .b-catalog__list .empty-page { margin: 0 auto; } .b-catalog__list .b-catalog-empty { margin-left: 20px; } @media (max-width: 1024px) { .b-catalog__list .b-catalog-empty { margin-left: 15px } } @media (max-width: 500px) { .b-catalog__list .b-catalog-empty { margin-left: 0 } } @media (max-width: 414px) { .b-catalog__list .b-product__brand { margin-top: 0 } } @media (max-width: 320px) { .b-catalog__list .b-product__brand { padding-left: 5px; padding-right: 5px; height: auto } } .b-catalog__list .b-product__title { height: 45px; } @media (max-width: 500px) { .b-catalog__list .b-product__footer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media (max-width: 375px) { .b-catalog__list .b-product__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media (max-width: 414px) { .b-catalog__list .b-product__footer .b-price { margin-bottom: 10px } } @media (max-width: 1024px) { .b-catalog__list .b-product__footer .b-price__current { font-size: 18px } } @media (max-width: 960px) { .b-catalog__list .b-product__footer .b-price__current { font-size: 18px } } @media (max-width: 855px) { .b-catalog__list .b-product__footer .b-price__current { font-size: 16px } } @media (max-width: 768px) { .b-catalog__list .b-product__footer .b-price__current { font-size: 18px } } @media (max-width: 568px) { .b-catalog__list .b-product__footer .b-price__current { font-size: 16px } } @media (max-width: 540px) { .b-catalog__list .b-product__footer .b-price__current { font-size: 14px } } @media (max-width: 414px) { .b-catalog__list .b-product__footer .b-price__current { font-size: 18px } } @media (max-width: 375px) { .b-catalog__list .b-product__footer .b-price__current { padding-bottom: 0 } } @media (max-width: 900px) { .b-catalog__list .b-product__footer .btn { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 10px; width: auto } } @media (max-width: 768px) { .b-catalog__list .b-product__footer .btn { font-size: 16px } } @media (max-width: 568px) { .b-catalog__list .b-product__footer .btn { font-size: 12px } } @media (max-width: 414px) { .b-catalog__list .b-product__footer .btn { font-size: 14px } } @media (max-width: 500px) { .b-catalog__list .b-product__footer .btn { max-width: 100%; height: 40px } } @media (max-width: 375px) { .b-catalog__list .b-product__footer .btn { max-width: 100% } } @media (max-width: 360px) { .b-catalog__list .b-product__footer .btn { font-size: 12px } } @media (max-width: 320px) { .b-catalog__list .b-product__footer .btn { font-size: 10px; height: 35px; padding-top: 10px; width: 85% } } @media (max-width: 1024px) { .b-catalog__list .b-product__img { height: 195px } } @media (max-width: 414px) { .b-catalog__list .b-product__img { height: 150px } } .b-catalog__list-four-items .b-product { width: calc(25% - 20px); } @media (max-width: 1200px) { .b-catalog__list-four-items .b-product { width: calc(33.333% - 20px) } } @media (max-width: 767px) { .b-catalog__list-four-items .b-product { width: calc(50% - 15px) } } @media (max-width: 500px) { .b-catalog__list-four-items .b-product { width: 100% } } .b-catalog-empty { height: 100%; width: 100%; padding: 25px 20px; background-color: #ffffff; margin-left: 10px; } @media (max-width: 1024px) { .b-catalog-empty { padding: 20px 15px } } .b-catalog-empty__title { font-size: 17px; } @media (max-width: 1024px) { .b-catalog-empty__title { font-size: 14px } } @media (max-width: 500px) { .b-catalog-empty__title { font-size: 13px } } .b-catalog-empty__text { font-size: 16px; } .b-catalog-empty__link { margin-left: 7px; color: #004391; text-decoration: underline; -webkit-transition: .2s; transition: .2s } .b-catalog-empty__link:hover { -webkit-text-decoration: underline transparent; text-decoration: underline transparent; } @media (max-width: 768px) { .b-catalog .b-slider__wrap { margin: 0 15px } } @media (max-width: 768px) { .b-catalog .b-slider__wrap .swiper-wrapper { padding-bottom: 40px } } .b-catalog .b-seo { margin-bottom: 20px; } .b-catalog .pagination { margin-top: 0; } @media (max-width: 768px) { .b-catalog .b-slider { padding-bottom: 45px } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .gost-nav { margin-bottom: 20px; background-color: #ffffff; } @media (max-width: 1024px) { .gost-nav { display: none; } } @media (max-width: 500px) { .gost-nav { width: 100%; margin-right: 15px; } } .gost-nav__wrap { padding-bottom: 20px; } .gost-nav__inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 11px 3px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gost-nav__inner.active svg { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .gost-nav__inner svg { -ms-flex-negative: 0; flex-shrink: 0; width: 30px; height: 30px; margin-left: auto; padding: 10px; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); cursor: pointer; -webkit-transition: .3s ease-out; transition: .3s ease-out; } .gost-nav__inner svg > * { -webkit-transition: .3s ease; transition: .3s ease; } .gost-nav__inner svg:hover > * { fill: #004391; } .gost-nav__inner a { -webkit-transition: .2s; transition: .2s; } .gost-nav__inner a:hover { color: #E40208; } .gost-nav__item { display: block; margin-bottom: 1px; padding: 5px 20px 5px 40px; -webkit-transition: .2s; transition: .2s; } .gost-nav__item:hover, .gost-nav__item.active { color: #E40208; } .gost-nav__back { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 17px; background-color: #FBF2CF; font-size: 14px; font-weight: 700; -webkit-transition: .2s; transition: .2s; } .gost-nav__back:hover { background-color: #FFD93D; } .gost-nav__back svg { width: 16px; height: 10px; margin-right: 10px; } @media (max-width: 1700px) and (min-width: 1279px) { .gost-nav__wrap { padding-bottom: 16px; } .gost-nav__inner { padding: 0 8.8px 2.4px 16px; } .gost-nav__inner svg { width: 24px; height: 24px; padding: 8px; } .gost-nav__item { padding: 3px 16px 3px 32px; -webkit-transition: .2s; transition: .2s; } .gost-nav__back { margin-bottom: 20px; padding: 13.6px; font-size: 11.2px; } .gost-nav__back svg { width: 12.8px; height: 8px; margin-right: 8px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .gost-section { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; } @media (max-width: 1136px) { .gost-section { grid-column-gap: 10px; grid-row-gap: 10px; } } @media (max-width: 768px) { .gost-section { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 568px) { .gost-section { grid-template-columns: 1fr 1fr; } } .gost-section__m-back { display: none; } @media (max-width: 500px) { .gost-section__m-back { display: block; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 1px; margin-bottom: 22px; } .gost-section__m-back .i-icon { margin-right: 10px; } } .gost-section__item { background-color: #ffffff; padding: 40px 30px 25px; -webkit-transition: .2s; transition: .2s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1200px) { .gost-section__item { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } } @media (max-width: 960px) { .gost-section__item { padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } } @media (max-width: 768px) { .gost-section__item { padding-top: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 15px; } } @media (max-width: 720px) { .gost-section__item { padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } } @media (max-width: 568px) { .gost-section__item { padding-top: 15px; padding-left: 20px; padding-right: 20px; padding-bottom: 15px; } } @media (max-width: 414px) { .gost-section__item { padding-top: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 15px; } } .gost-section__item:hover .gost-section__title { color: #E40208; } .gost-section__img { height: 175px; margin: auto auto 0; } @media (max-width: 900px) { .gost-section__img { height: 150px; } } @media (max-width: 375px) { .gost-section__img { height: 110px; } } @media (max-width: 320px) { .gost-section__img { height: 100px; } } .gost-section__img img { width: 100%; height: 100%; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } .gost-section__title { margin-bottom: 30px; font-weight: 700; text-transform: uppercase; -webkit-transition: .2s; transition: .2s; } @media (max-width: 1106px) { .gost-section__title { font-size: 14px; } } @media (max-width: 900px) { .gost-section__title { margin-bottom: 10px; font-size: 12px; } } @media (max-width: 768px) { .gost-section__title { margin-bottom: 20px; font-size: 14px; } } @media (max-width: 653px) { .gost-section__title { margin-bottom: 10px; font-size: 12px; } } @media (max-width: 568px) { .gost-section__title { margin-bottom: 20px; font-size: 16px; } } @media (max-width: 500px) { .gost-section__title { text-align: center; } } @media (max-width: 568px) { .gost-section__title { margin-bottom: 10px; font-size: 12px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .gost { position: relative; } .gost__inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; position: relative; } .gost__full-items { width: 100%; } .gost__content { width: calc(100% - 260px); margin-right: 0; } @media (max-width: 1024px) { .gost__content { margin: 0; width: 100%; } } @media (max-width: 500px) { .gost__content { padding-bottom: 0; } } .gost__sidebar { width: 240px; } @media (max-width: 1024px) { .gost__sidebar { width: 250px; position: absolute; right: -50px; top: 0; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .16); box-shadow: 0 3px 10px rgba(0, 0, 0, .16); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: .4s ease-out; transition: .4s ease-out; z-index: 13; } } @media (max-width: 768px) { .gost__sidebar { position: fixed; opacity: 0; visibility: hidden; -webkit-transform: translateY(-100%) translateX(0); transform: translateY(-100%) translateX(0); top: 0; left: 0; height: 100%; width: 100%; max-width: 100%; -webkit-transition: .4s ease-out; transition: .4s ease-out; padding-bottom: 60px; z-index: 1500; background-color: #ffffff; } } @media (min-width: 769px) and (max-width: 1024px) { .gost__sidebar.active { -webkit-transform: translateX(-40px); transform: translateX(-40px); -webkit-transition: .4s ease-in; transition: .4s ease-in; } } @media (max-width: 768px) { .gost__sidebar.active { overflow-x: auto; visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .gost__sidebar .b-sorting__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; font-weight: 700; letter-spacing: 1px; color: #002454; } .gost-table { margin-bottom: 25px; } .gost-table .empty-page { margin: 0 auto; } .gost__list { display: grid; margin-bottom: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; } @media (max-width: 768px) { .gost__list { grid-column-gap: 10px; grid-row-gap: 10px; } } @media (max-width: 568px) { .gost__list { grid-template-columns: 1fr 1fr; } } @media (max-width: 500px) { .gost__list { margin-left: 0; } } .gost__list .empty-page { margin: 0 auto; } .gost__list .gost-empty { margin-left: 20px; } @media (max-width: 1024px) { .gost__list .gost-empty { margin-left: 15px; } } @media (max-width: 500px) { .gost__list .gost-empty { margin-left: 0; } } @media (max-width: 500px) { .gost__list .b-product { width: 100%; margin-left: 0; } } @media (max-width: 1024px) { .gost__list .b-product__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 500px) { .gost__list .b-product__footer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 375px) { .gost__list .b-product__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 1024px) { .gost__list .b-product__footer .b-price { margin-bottom: 10px; } } @media (max-width: 500px) { .gost__list .b-product__footer .b-price { margin-bottom: 0; } } @media (max-width: 375px) { .gost__list .b-product__footer .b-price { margin-bottom: 10px; } } @media (max-width: 1024px) { .gost__list .b-product__footer .btn { max-width: 100%; } } @media (max-width: 500px) { .gost__list .b-product__footer .btn { max-width: 100%; height: 45px; } } @media (max-width: 375px) { .gost__list .b-product__footer .btn { max-width: 100%; } } @media (max-width: 1024px) { .gost__list .b-product__img { height: 195px; } } @media (max-width: 500px) { .gost__list .b-product__title { min-height: 0; } } .gost__list-four-items .b-product { width: calc(25% - 20px); } @media (max-width: 1200px) { .gost__list-four-items .b-product { width: calc(33.333% - 20px); } } @media (max-width: 767px) { .gost__list-four-items .b-product { width: calc(50% - 15px); } } @media (max-width: 500px) { .gost__list-four-items .b-product { width: 100%; } } .gost-empty { height: 100%; width: 100%; padding: 25px 20px; background-color: #ffffff; } @media (max-width: 1024px) { .gost-empty { padding: 20px 15px; } } .gost-empty__title { font-size: 17px; } @media (max-width: 1024px) { .gost-empty__title { font-size: 14px; } } @media (max-width: 500px) { .gost-empty__title { font-size: 13px; } } .gost-empty__text { font-size: 16px; } .gost-empty__link { margin-left: 7px; color: #004391; text-decoration: underline; -webkit-transition: .2s; transition: .2s; } .gost-empty__link:hover { -webkit-text-decoration: underline transparent; text-decoration: underline transparent; } @media (max-width: 768px) { .gost .b-slider__wrap { margin: 0 15px; } } @media (max-width: 768px) { .gost .b-slider__wrap .swiper-wrapper { padding-bottom: 40px; } } .gost .b-seo { margin-bottom: 20px; } .gost .pagination { margin-top: 0; } @media (max-width: 768px) { .gost .b-slider { padding-bottom: 45px; } } @media (max-width: 1700px) and (min-width: 1279px) { .gost__inner { margin-bottom: 16px; } .gost__content { width: calc(100% - 208px); } .gost__sidebar { width: 192px; } .gost-table { margin-bottom: 20px; } .gost-empty { padding: 32px 24px; } .gost-empty__title { margin-bottom: 12px; font-size: 16px; } .gost-empty__text { font-size: 12.8px; } .gost-empty__link { margin-left: 5.6px; } .gost .b-seo { margin-bottom: 16px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lib__funcs-wrap { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lib__funcs-wrap .news__search-link { height: 50px; } @media (max-width: 1023px) { .lib__funcs-wrap .news__search-link { height: 45px; } } .lib__funcs-wrap .news__search-field { padding: 0; height: 50px; } @media (max-width: 1023px) { .lib__funcs-wrap .news__search-field { height: 45px; } } .lib__funcs-wrap .news__search-field .link { min-width: 50px; width: 50px; height: 50px; } @media (max-width: 1023px) { .lib__funcs-wrap .news__search-field .link { height: 45px; } } .lib__funcs-wrap .news__funcs-wrap { height: 50px; } .lib__funcs-wrap .link { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .library { margin-bottom: 15px; } @media (max-width: 768px) { .library { margin-bottom: 10px; } } .library_img_margin { margin: 10px; } .library .news__category { padding-top: 10px; padding-bottom: 10px; border-bottom: none; } @media (max-width: 500px) { .library .news__category { padding-left: 0; } } .library .news__category .title { padding-left: 0; } .library .b-section-medium { margin-bottom: 15px; } .library_inner { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; } @media (max-width: 855px) { .library_inner { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 640px) { .library_inner { grid-template-columns: 1fr 1fr; } } @media (max-width: 414px) { .library_inner { grid-column-gap: 10px; grid-row-gap: 10px; } } @media (max-width: 360px) { .library_inner { grid-template-columns: 1fr; grid-row-gap: 20px; } } @media (max-width: 855px) { .library_reviews { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (max-width: 801px) { .library_reviews { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 568px) { .library_reviews { grid-column-gap: 10px; grid-row-gap: 10px; } } @media (max-width: 540px) { .library_reviews { grid-template-columns: 1fr 1fr; } } @media (max-width: 360px) { .library_reviews { grid-template-columns: 1fr; } } .library_search-wrap { margin-bottom: 20px; } .library_search__search { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; } .library_search__search-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; color: #E40208; font-weight: 700; } .library_search__search .i-icon { width: 15px; height: 15px; margin-right: 15px; } .library_search__search-form { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 100%; padding: 0 20px; display: none; -webkit-transition: .3s ease-out; transition: .3s ease-out; z-index: 10 } .library_search__search-form.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .library_search__search-form .close { margin-left: auto; } .library_search__search-form .close .i-icon { margin-right: 0; } .library_element { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: .3s ease-out; transition: .3s ease-out; overflow: hidden; padding: 20px; } @media (max-width: 375px) { .library_element { padding: 10px; } } @media (max-width: 360px) { .library_element { padding: 20px; } } .library_element:hover { -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .5); box-shadow: 0 3px 20px rgba(0, 0, 0, .5); } .library_element:hover .library_element__text { color: #E40208; } @media (max-width: 1024px) { .library_element_reviews { padding: 10px; } } @media (max-width: 360px) { .library_element_reviews { padding: 15px; } } .library_element_reviews .library_element__img { height: 150px; padding-bottom: 20px; } @media (max-width: 1200px) { .library_element_reviews .library_element__img { height: 140px; } } @media (max-width: 1136px) { .library_element_reviews .library_element__img { height: 130px; } } @media (max-width: 1024px) { .library_element_reviews .library_element__img { height: 120px; padding-bottom: 10px; } } @media (max-width: 960px) { .library_element_reviews .library_element__img { height: 110px; } } @media (max-width: 900px) { .library_element_reviews .library_element__img { height: 100px; } } @media (max-width: 801px) { .library_element_reviews .library_element__img { height: 130px; } } @media (max-width: 768px) { .library_element_reviews .library_element__img { height: 120px; } } @media (max-width: 568px) { .library_element_reviews .library_element__img { height: 90px; } } @media (max-width: 414px) { .library_element_reviews .library_element__img { height: 100px; } } @media (max-width: 375px) { .library_element_reviews .library_element__img { height: 90px; } } @media (max-width: 360px) { .library_element_reviews .library_element__img { height: 150px; padding-bottom: 20px; } } @media (max-width: 855px) { .library_element_reviews .library_element__text { font-size: 12px; } } @media (max-width: 801px) { .library_element_reviews .library_element__text { font-size: 16px; } } @media (max-width: 736px) { .library_element_reviews .library_element__text { font-size: 14px; } } @media (max-width: 653px) { .library_element_reviews .library_element__text { font-size: 12px; } } @media (max-width: 540px) { .library_element_reviews .library_element__text { font-size: 16px; } } @media (max-width: 414px) { .library_element_reviews .library_element__text { font-size: 12px; } } @media (max-width: 360px) { .library_element_reviews .library_element__text { font-size: 16px; } } .library_element--small { background-color: #ffffff; } .library_element__img { text-align: center; } .library_element__img__manuf { height: 50%; position: relative; width: 100%; padding: 0; } .library_element__img__manuf img { -o-object-fit: cover; font-family: "object-fit:cover"; object-fit: cover; max-width: 200px; padding: 15px 15px 0 15px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .library_element__img img { -o-object-fit: cover; font-family: "object-fit:cover"; object-fit: cover; width: 100%; height: auto; } .library_element__text { font-weight: 500; color: #002454; font-size: 16px; text-align: center; width: 100%; } @media (max-width: 1080px) { .library_element__text { font-size: 14px; } } @media (max-width: 960px) { .library_element__text { font-size: 12px; } } @media (max-width: 855px) { .library_element__text { font-size: 16px; } } @media (max-width: 815px) { .library_element__text { font-size: 14px; } } @media (max-width: 667px) { .library_element__text { font-size: 12px; } } @media (max-width: 640px) { .library_element__text { font-size: 16px; } } @media (max-width: 414px) { .library_element__text { font-size: 12px; } } @media (max-width: 360px) { .library_element__text { font-size: 16px; } } @media (max-width: 640px) { .library_element { width: 100%; margin-left: 0; margin-bottom: 0; } } .library_main { padding: 40px; background-color: #ffffff; } @media (max-width: 768px) { .library_main { padding: 15px; } } @media (max-width: 1024px) { .library_main iframe { width: 100%; height: 400px; } } @media (max-width: 500px) { .library_main iframe { height: 220px; } } .library_main .news__tags { padding-left: 0; padding-right: 0; } @media (max-width: 768px) { .library_main .news__tags { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; padding-right: 0; } } .library_main .news__tags .counter-block { margin-left: 0; } .library_main .detail-comment__header { padding-left: 0; padding-right: 0; } .library_main .detail-comment__item { padding-left: 0; padding-right: 0; } .library_main .news__tags-items { margin-left: 10px; } @media (max-width: 768px) { .library_main .news__tags-items { margin-left: 0; } } @media (max-width: 500px) { .library_main .detail-comment-sorting { padding: 0; } } .library_desc { padding: 40px; background-color: #ffffff; margin-bottom: 16px; } @media (max-width: 768px) { .library_desc { padding: 20px; } } .library_article__head { width: 100%; height: 350px; background-size: 100%; background-position: center; background-repeat: no-repeat; margin-bottom: 20px; } .library_article__table { margin-top: 20px; width: 100%; border-collapse: collapse; } .library_article__table tr:first-of-type { background-color: #ffffff; font-weight: 700; } .library_article__table tr:not(:first-of-type) { background-color: #ffffff; border: 2px solid #539FE0; border-bottom: 1px solid #539FE0; } .library_article__table tr th { color: #E40208; border-bottom: 2px solid #539FE0; } .library_article__table tr td { padding: 20px; } .library_article__blue_table { border-collapse: collapse; margin-bottom: 10px; } .library_article__blue_table td { border: 1pt solid #004391; } .library_article a:hover { color: #E40208; } .library_files__file { display: -webkit-box; display: -ms-flexbox; display: flex; height: 79px; padding: 10px 11px 11px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffffff; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 1359px) { .library_files__file { height: auto; padding-top: 15px; padding-bottom: 15px; } } @media (max-width: 1359px) { .library_files__file { padding-top: 10px; padding-bottom: 10px; } } .library_files__icon { width: 30px; height: 30px; margin-right: 15px; min-width: 30px; } @media (max-width: 500px) { .library_files__icon { height: auto; } } .library_files__link:hover { color: #E40208; } .library--search .library_inner { margin-bottom: 0; } .library .b-catalog-empty { margin-left: 0; } .library .news__funcs-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 500px) { .library .news__funcs-wrap { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .library .news__funcs-wrap form:first-child { margin-right: 20px; } @media (max-width: 500px) { .library .news__funcs-wrap form:first-child { margin-right: 0; } } .library .news__funcs-wrap .news__search-field { padding: 0; height: 50px; } @media (max-width: 1023px) { .library .news__funcs-wrap .news__search-field { height: 45px; } } .library .news__funcs-wrap .news__search-field .link { min-width: 50px; width: 50px; height: 50px; } @media (max-width: 1023px) { .library .news__funcs-wrap .news__search-field .link { height: 45px; } } .library .news__funcs-wrap .news__funcs-wrap { width: 100%; margin-bottom: 15px; } .library .news__funcs-wrap .news__funcs-wrap div { font-size: 16px; } .library .news__funcs-wrap .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bx-ie .library_element__img img { max-width: 190px; height: 100%; } @media (max-width: 1700px) and (min-width: 1279px) { .library_files__file { height: 63.2px; padding: 8px 8.8px 8.8px 16px; margin-bottom: 8px; } .bx-ie .library_element__img img { max-width: 140px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .msf-progress { height: 12px; width: 100%; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .msf-progress-bar { width: 19%; background-color: #9EAABB } .msf-progress-bar.active { background-color: #29AD2E; } .pricing-stub { padding: 0 0 15px 0; } .pricing-stub iframe { float:right; margin-left: 30px; } @media (max-width: 1024px) { .pricing-stub iframe { width: 100%; height: 400px; } } @media (max-width: 500px) { .pricing-stub iframe { height: 220px; } } .pricing-static { text-align: center; padding: 30px 40px 15px 40px; } .pricing-static .title { text-align: left; } .pricing-static p { text-align: justify; } .pricing-head-ajaxed { display:none; padding: 30px 40px 15px 40px ; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .pricing-head-ajaxed .to-order, .pricing-head-ajaxed .repeat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9EAABB; -webkit-transition: .3s ease-out; transition: .3s ease-out } .pricing-head-ajaxed .to-order:hover, .pricing-head-ajaxed .repeat:hover { color: #E40208; } .pricing-head-ajaxed .to-order .i-icon, .pricing-head-ajaxed .repeat .i-icon { width: 20px; height: 20px; margin-right: 10px; } .pricing-head-ajaxed .to-order { display: none } .pricing-head-ajaxed .to-order.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .pricing-head-ajaxed .to-order:hover .i-icon { fill: #E40208; stroke: #E40208; } .pricing-head-ajaxed .to-order:hover .i-icon path { fill: #E40208; stroke: #E40208; } .pricing-head-ajaxed .to-order .i-icon { -webkit-transition: .3s ease-out; transition: .3s ease-out; fill: #9EAABB; stroke: #9EAABB; } .pricing-head-ajaxed .to-order .i-icon path { fill: #9EAABB; stroke: #9EAABB; } .pricing-head-ajaxed .download { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pricing-head-ajaxed .download .tooltip { margin-left: 8px; } .pricing-head-ajaxed:hover .pricing-head-ajaxed--info--btn { color: #E40208; } .pricing-head-ajaxed--info { max-height: 0px; -webkit-transition: max-height 1s; transition: max-height 1s; overflow: hidden; } .pricing-head-ajaxed--info--btn svg { width: 15px; -webkit-transform: rotate(180deg); transform: rotate(180deg); cursor: pointer; -webkit-transition: .3s ease-out; transition: .3s ease-out; } .pricing-head-ajaxed--info--btn.active { color: #E40208; } .pricing-head-ajaxed--info--btn.active svg { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .pricing-head-ajaxed--info--btn:hover { color: #E40208; } .pricing-head-ajaxed--info.active { max-height: 500px; } .pricing-head-ajaxed--info--element { padding: 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; } .pricing-head-ajaxed--info--element .tooltip__content { width: 350px; top: 10%; -webkit-transform: translateY(-70%); transform: translateY(-70%) } .pricing-head-ajaxed--info--element .tooltip__content:before { top: calc(75% - 5px); } .view-overflow .xls__radio-container { overflow-y: scroll; height: auto; max-height: 300px; } .pricing-rows-range { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pricing-rows-range input { width: 49%; } .pricing-div-tooltip { display: -webkit-box; display: -ms-flexbox; display: flex; } .pricing-div-tooltip .tooltip { margin-left: 20px; } .box { font-size: 20px; font-size: 1.25rem; position: relative; text-align: center; max-width: 680px; margin: 10px auto; padding: 50px 20px; } .box .important { font-weight: bold; } .box__dragndrop, .box__icon { display: none; } .box__input { display: block; } .box.has-advanced-upload .box__gradndrop { display: inline; } .box.has-advanced-upload .box__icon { width: 100%; height: 80px; display: block; margin-bottom: 40px; } .box__file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .box__file + label { max-width: 80%; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; } .box--full { max-width: 100%; } .msf-view { display: none; } .result-error{ color: #E40208; } .error-table{ overflow: auto; } .not-allowed-to-buy .pagination div { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .not-allowed-to-buy .pagination div span { top: 15px; } .not-allowed-to-buy .pagination div a { max-width: unset; } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .library_classifiers { display: block; } .library_classifiers_notification { padding: 20px; font-weight: 500; padding-left: 0; } .library_classifier_section { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #ffffff; padding: 20px; cursor: pointer; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .library_classifier_section_name { padding: 10px; } .library_classifier_section_childes { display: block; } .library_classifier_section_child { display: none } .library_classifier_section_child.active { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .library_classifier_section_child.child { display: none; } .library_classifier_section_child.inactive table { color: #9EAABB; } .library_classifier_section_child.inactive:hover table { color: #E40208; } .library_classifier_section_child.expanded .library_classifier_toggle:after { border-color: #E40208; top: calc(50% + 4px); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg); transform: translateX(-50%) translateY(-50%) rotate(-135deg); } .library_classifier_section_child.hasChildes { cursor: pointer; } .library_classifier_section_child.hasChildes .library_classifier_toggle { width: 60px; background-color: #f3f8ff; } .library_classifier_section_child.hasChildes:hover { color: #E40208; } .library_classifier_section_child.hasChildes:hover .library_classifier_toggle:after { border-color: #E40208; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(1.2); transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(1.2); } .library_classifier_section_child.hasChildes:hover.expanded .library_classifier_toggle:after { border-color: #E40208; top: calc(50% + 4px); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg) scale(1.2); transform: translateX(-50%) translateY(-50%) rotate(-135deg) scale(1.2); } .library_classifier_section_child.depth-2 { width: 95%; margin-left: auto; } .library_classifier_section_child.depth-2 table { background-color: #e6f5ff; } .library_classifier_section_child.depth-2 .library_classifier_toggle { background-color: #e6f5ff; } .library_classifier_section_child.depth-3 { width: 90%; margin-left: auto; } .library_classifier_section_child.depth-3 table { background-color: #ccebff; } .library_classifier_section_child.depth-3 .library_classifier_toggle { background-color: #ccebff; } .library_classifier_section_child.depth-4 { width: 85%; margin-left: auto; } .library_classifier_section_child.depth-4 table { background-color: #b3e0ff; } .library_classifier_section_child.depth-4 .library_classifier_toggle { background-color: #b3e0ff; } .library_classifier_section_child.depth-5 { width: 80%; margin-left: auto; } .library_classifier_section_child.depth-5 table { background-color: #99d6ff; } .library_classifier_section_child.depth-5 .library_classifier_toggle { background-color: #99d6ff; } .library_classifier_section_child.depth-6 { width: 75%; margin-left: auto; } .library_classifier_section_child.depth-6 table { background-color: #80ccff; } .library_classifier_section_child.depth-6 .library_classifier_toggle { background-color: #80ccff; } .library_classifier_section_child.depth-7 { width: 70%; margin-left: auto; } .library_classifier_section_child.depth-7 table { background-color: #66c2ff; } .library_classifier_section_child.depth-7 .library_classifier_toggle { background-color: #66c2ff; } .library_classifier_section_child.depth-8 { width: 65%; margin-left: auto; } .library_classifier_section_child.depth-8 table { background-color: #4db8ff; } .library_classifier_section_child.depth-8 .library_classifier_toggle { background-color: #4db8ff; } .library_classifier_section_child table { background-color: #f3f8ff; width: 100%; } @media (max-width: 640px) { .library_classifier_section_child table { display: block; overflow: scroll; } } .library_classifier_section_child table thead { color: #9EAABB; } .library_classifier_section_child table thead td { padding: 10px; text-align: left; border-bottom: 1px solid #004391; } .library_classifier_section_child table thead .width-10 { width: 10%; } .library_classifier_section_child table thead .width-11 { width: 11%; } .library_classifier_section_child table thead .width-12 { width: 12%; } .library_classifier_section_child table thead .width-13 { width: 13%; } .library_classifier_section_child table thead .width-14 { width: 14%; } .library_classifier_section_child table thead .width-15 { width: 15%; } .library_classifier_section_child table thead .width-16 { width: 16%; } .library_classifier_section_child table thead .width-17 { width: 17%; } .library_classifier_section_child table thead .width-18 { width: 18%; } .library_classifier_section_child table thead .width-19 { width: 19%; } .library_classifier_section_child table thead .width-20 { width: 20%; } .library_classifier_section_child table thead .width-21 { width: 21%; } .library_classifier_section_child table thead .width-22 { width: 22%; } .library_classifier_section_child table thead .width-23 { width: 23%; } .library_classifier_section_child table thead .width-24 { width: 24%; } .library_classifier_section_child table thead .width-25 { width: 25%; } .library_classifier_section_child table thead .width-26 { width: 26%; } .library_classifier_section_child table thead .width-27 { width: 27%; } .library_classifier_section_child table thead .width-28 { width: 28%; } .library_classifier_section_child table thead .width-29 { width: 29%; } .library_classifier_section_child table thead .width-30 { width: 30%; } .library_classifier_section_child table thead .width-31 { width: 31%; } .library_classifier_section_child table thead .width-32 { width: 32%; } .library_classifier_section_child table thead .width-33 { width: 33%; } .library_classifier_section_child table thead .width-34 { width: 34%; } .library_classifier_section_child table thead .width-35 { width: 35%; } .library_classifier_section_child table thead .width-36 { width: 36%; } .library_classifier_section_child table thead .width-37 { width: 37%; } .library_classifier_section_child table thead .width-38 { width: 38%; } .library_classifier_section_child table thead .width-39 { width: 39%; } .library_classifier_section_child table thead .width-40 { width: 40%; } .library_classifier_section_child table thead .width-41 { width: 41%; } .library_classifier_section_child table thead .width-42 { width: 42%; } .library_classifier_section_child table thead .width-43 { width: 43%; } .library_classifier_section_child table thead .width-44 { width: 44%; } .library_classifier_section_child table thead .width-45 { width: 45%; } .library_classifier_section_child table thead .width-46 { width: 46%; } .library_classifier_section_child table thead .width-47 { width: 47%; } .library_classifier_section_child table thead .width-48 { width: 48%; } .library_classifier_section_child table thead .width-49 { width: 49%; } .library_classifier_section_child table thead .width-50 { width: 50%; } .library_classifier_section_child table tbody td { padding: 10px; text-align: left; } .library_classifier_section_child .hasChildes { width: calc(100% - 60px); } .library_classifier_section_child .width100 { width: 100%; } .library_classifier_section_child:not(:last-child) { margin-bottom: 5px; } .library_classifier_section:not(:first-child) { margin-top: 10px; } .library_classifier_section:hover { color: #E40208; } .library_classifier_section:hover .library_classifier_toggle:after { border-color: #E40208; width: 9px; height: 9px; -webkit-transform: scale(1.3) translateX(-50%) translateY(-50%) rotate(45deg); transform: scale(1.3) translateX(-50%) translateY(-50%) rotate(45deg); } .library_classifier_section:hover.active .library_classifier_toggle:after { border-color: #E40208; top: calc(50% + 4px); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg) scale(1.2); transform: translateX(-50%) translateY(-50%) rotate(-135deg) scale(1.2); } .library_classifier_section.active .library_classifier_toggle:after { border-color: #E40208; top: calc(50% + 4px); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg); transform: translateX(-50%) translateY(-50%) rotate(-135deg); } .library_classifier_toggle { position: relative; padding: 10px; } .library_classifier_toggle:after { position: absolute; content: ""; top: 50%; right: 50%; width: 7px; height: 7px; border-bottom: 1px solid #002454; border-right: 1px solid #002454; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transition: .3s; transition: .3s; }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-appeal-detail__main { padding: 38px 40px; background-color: #fff; margin-bottom: 20px; } @media (max-width: 768px) { .lk-appeal-detail__main { padding: 20px 15px; } } .lk-appeal-detail__list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 500px) { .lk-appeal-detail__list li { display: block; } } .lk-appeal-detail__list li:not(:last-child) { margin-bottom: 18px; } @media (max-width: 500px) { .lk-appeal-detail__list li:not(:last-child) { margin-bottom: 13px; } } .lk-appeal-detail__list li .title { font-weight: 500; min-width: 180px; margin-right: 78px; } @media (max-width: 768px) { .lk-appeal-detail__list li .title { margin-right: 40px; } } @media (max-width: 500px) { .lk-appeal-detail__list li .title { margin-right: 0; margin-bottom: 3px; } } .lk-appeal-detail__list li .row:not(:last-child) { margin-bottom: 18px; } @media (max-width: 500px) { .lk-appeal-detail__list li .row:not(:last-child) { margin-bottom: 5px; } } .lk-appeal-detail__list a:hover { color: #E40208; } .lk-appeal-detail__history .head { padding: 25px 40px; background-color: #fff; font-size: 18px; font-weight: 700; } @media (max-width: 768px) { .lk-appeal-detail__history .head { font-size: 16px; padding: 20px 40px; } } @media (max-width: 500px) { .lk-appeal-detail__history .head { font-size: 14px; padding: 20px 15px; } } .lk-appeal-detail__history .body { border-bottom: 1px solid #D3D9DE; } .lk-appeal-detail__history .reply { padding: 22px 40px 40px; background-color: #fff; } @media (max-width: 500px) { .lk-appeal-detail__history .reply { padding: 20px 15px; } } .lk-appeal-detail__history .reply__filename { margin-left: 20px; font-size: 14px; color: #9EAABB; } @media (max-width: 500px) { .lk-appeal-detail__history .reply__filename { margin-left: 0; margin-top: 10px; text-align: center; } } @media (max-width: 500px) { .lk-appeal-detail__history .reply .b-form__textarea { height: 150px; } } .lk-appeal-detail__history .reply .b-form__btns { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; } .lk-appeal-detail__history .reply .b-form__btns .btn { margin-top: 0; margin-left: 0; width: 218px; } @media (max-width: 768px) { .lk-appeal-detail__history .reply .b-form__btns .btn { width: auto; } } @media (max-width: 500px) { .lk-appeal-detail__history .reply .b-form__btns .btn { width: 100%; } } .lk-appeal-detail__history .reply .b-form__btns .btn:first-child { margin-right: 10px; } @media (max-width: 500px) { .lk-appeal-detail__history .reply .b-form__btns .btn:first-child { margin-right: 0; margin-bottom: 10px; } } .lk-appeal-detail__history .reply .btn { width: auto; } @media (max-width: 500px) { .lk-appeal-detail__history .reply .btn { width: 100%; } } .lk-appeal-detail__history .message { padding: 28px 40px 30px; background-color: #fff; } .lk-appeal-detail__history .message.your { background-color: #FBF2CF; } @media (max-width: 500px) { .lk-appeal-detail__history .message { padding: 20px 15px; } } .lk-appeal-detail__history .message__name { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 500px) { .lk-appeal-detail__history .message__name { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .lk-appeal-detail__history .message__name .date { color: #9EAABB; font-size: 14px; } @media (max-width: 500px) { .lk-appeal-detail__history .message__name .date { margin-left: auto; } } .lk-appeal-detail__history .message__name h4 { margin-bottom: 0; } @media (max-width: 1700px) and (min-width: 1279px) { .lk-appeal-detail__main { padding: 30.4px 32px; margin-bottom: 16px; } .lk-appeal-detail__list li:not(:last-child) { margin-bottom: 14.4px; } .lk-appeal-detail__list li .title { min-width: 144px; margin-right: 62.4px; } .lk-appeal-detail__list li .row:not(:last-child) { margin-bottom: 14.4px; } .lk-appeal-detail__history .head { padding: 20px 32px; font-size: 14.4px; } .lk-appeal-detail__history .reply { padding: 17.6px 32px 32px; } .lk-appeal-detail__history .reply__filename { margin-left: 16px; font-size: 11.2px; } .lk-appeal-detail__history .reply .b-form__btns .btn { width: 200px } .lk-appeal-detail__history .reply .b-form__btns .btn:first-child { margin-right: 8px; } .lk-appeal-detail__history .message { padding: 22.4px 32px 24px; } .lk-appeal-detail__history .message__name { margin-bottom: 12px; } .lk-appeal-detail__history .message__name .date { font-size: 11.2px; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-appeals__support-cbs { margin-top: 15px; } .lk-appeals__support-cbs .b-checkbox:not(:last-child) { margin-bottom: 10px; } .lk-appeals__support-cbs .dop_title_block_2 { font-weight: 600; margin-bottom: 10px; } .lk-appeals__support-form:not(:last-child) { margin-bottom: 10px; } .lk-appeals .table__header { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .lk-appeals .table__header .dataTables_filter label { top: auto !important; width: calc(100% + 182px) !important; left: auto !important; right: 40px !important; } @media (max-width: 768px) { .lk-appeals .table__header .dataTables_filter label { width: calc(100% - 60px) !important; top: 0 !important; } } .lk-appeals .table-search { padding-bottom: 15px; } @media (max-width: 1024px) { .lk-appeals .table-search { padding-bottom: 0; } } .lk-appeals .table__payment { position: relative; } .lk-appeals .table__payment:after { content: ''; position: absolute; top: 6px; right: -12px; width: 9px; height: 9px; border-radius: 50%; } .lk-appeals .table__payment.gray { opacity: 0.6; } .lk-appeals .table__payment.gray:after { background-color: #9EAABB; } .lk-appeals .table__payment.red:after { background-color: #E40208; } .lk-appeals .table__payment.brown:after { background-color: #964B00; } .lk-appeals .table__payment.green:after { background-color: #29AD2E; } .lk-appeals .pagination { margin-bottom: 30px; } .lk-appeals .b-section-medium { margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 40px; } @media (max-width: 500px) { .lk-appeals .b-section-medium { padding: 20px 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .lk-appeals .b-section-medium .btn { width: auto; } .lk-appeals__bottom .b-tabs-head { padding: 30px 40px; background-color: #fff; } @media (max-width: 768px) { .lk-appeals__bottom .b-tabs-head { padding: 30px; } } @media (max-width: 500px) { .lk-appeals__bottom .b-tabs-head { padding: 16px 15px; } } .lk-appeals__bottom .b-tabs-head__link:not(:last-child) { margin-right: 20px; } .lk-appeals__search { color: #E40208; font-weight: 700; padding-top: 20px; } @media (max-width: 768px) { .lk-appeals__search { padding: 20px 15px; width: 100%; border-bottom: 1px solid #D3D9DE; } } .lk-appeals__search-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; } @media (max-width: 768px) { .lk-appeals__search-link { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .lk-appeals__search .i-icon { width: 15px; height: 15px; margin-right: 15px; } .lk-appeals__date { margin-right: 40px; } @media (max-width: 768px) { .lk-appeals__date { width: 100%; margin-right: 0; padding: 20px 15px; border-bottom: 1px solid #D3D9DE; } } .lk-appeals__date .title { margin-bottom: 10px; font-weight: 700; } @media (max-width: 500px) { .lk-appeals__date .title { margin-bottom: 13px; } } .lk-appeals__count { padding-top: 20px; } @media (max-width: 768px) { .lk-appeals__count { width: 100%; padding: 20px 15px; border-bottom: 1px solid #D3D9DE; } } .lk-appeals__count .title { color: #9EAABB; } .lk-appeals__funcs-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1359px) { .lk-appeals__funcs-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .lk-appeals__funcs-count { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lk-appeals__funcs-count .title { color: #9EAABB; } @media (max-width: 1024px) { .lk-appeals__funcs-count .select-styled { padding-top: 0; padding-bottom: 0; } } .lk-appeals__funcs-count .select-styled:after { border-top: 5px solid #292727; } .lk-appeals__funcs-date { position: relative; } @media (max-width: 768px) { .lk-appeals__funcs-date { width: 100%; } } @media (max-width: 500px) { .lk-appeals__funcs-date:not(:last-child) { margin-bottom: 10px; } } .lk-appeals__funcs-date img { position: absolute; top: 0; bottom: 0; width: 18px; height: 18px; right: 14px; margin: auto; } .lk-appeals__funcs-date:before { 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; position: absolute; top: 0; bottom: 0; margin: auto; left: 10px; color: #9EAABB; z-index: 10; } .lk-appeals__funcs-date.from:before { content: '\43E\442'; } .lk-appeals__funcs-date.to:before { content: '\434\43E'; } .lk-appeals__funcs-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 40px; background-color: #fff; margin-bottom: 2px; } @media (max-width: 768px) { .lk-appeals__funcs-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin-bottom: 0; } } .lk-appeals__funcs-top .b-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .lk-appeals__funcs-top .b-form { width: 100%; } } @media (max-width: 500px) { .lk-appeals__funcs-top .b-form { display: block; } } .lk-appeals__funcs-top .b-form__input { padding-left: 47px; position: relative; height: 50px; max-width: 180px; } @media (max-width: 768px) { .lk-appeals__funcs-top .b-form__input { max-width: 100%; } } .lk-appeals__funcs-top .b-form__input.from:before { content: '\43E\442'; } .lk-appeals__funcs-top .sep { width: 12px; height: 2px; background-color: #9EAABB; margin: auto 5px; } @media (max-width: 500px) { .lk-appeals__funcs-top .sep { display: none; } } .lk-appeals__funcs-sort {} .lk-appeals__funcs-search {} .lk-appeals__funcs-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; padding: 27px 20px; margin-bottom: 10px; } @media (max-width: 768px) { .lk-appeals__funcs-bottom { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 640px) { .lk-appeals__funcs-bottom { display: block; } } .lk-appeals__funcs-bottom .b-checkbox:not(:last-child) { margin-right: 40px; } @media (max-width: 1024px) { .lk-appeals__funcs-bottom .b-checkbox:not(:last-child) { margin-right: 20px; } } @media (max-width: 768px) { .lk-appeals__funcs-bottom .b-checkbox:not(:last-child) { margin-right: 0; } } @media (max-width: 768px) { .lk-appeals__funcs-bottom .b-checkbox:not(:last-child) { margin-bottom: 20px; } } .lk-appeals__reviews, .lk-appeals__comments { display: none; } .lk-appeals__reviews.active, .lk-appeals__comments.active { display: block; } .lk-appeals__reviews .review { padding: 38px 40px 40px; border-top: 1px solid #D3D9DE; background-color: #fff; } .lk-appeals__reviews .review p { word-break: break-word; } @media (max-width: 500px) { .lk-appeals__reviews .review { padding: 20px 15px; } } .lk-appeals__reviews .review__name { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .lk-appeals__reviews .review__name .role { margin-left: auto; color: #9EAABB; margin-right: 20px; font-size: 14px; } @media (max-width: 500px) { .lk-appeals__reviews .review__name .role { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-right: 0; margin-left: 0; width: 100%; margin-top: 8px; } } .lk-appeals__reviews .review__name .date { color: #9EAABB; font-size: 14px; } @media (max-width: 500px) { .lk-appeals__reviews .review__name .date { margin-left: auto; } } .lk-appeals__reviews .review__name .manufacture { width: 100%; margin-top: 4px; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; font-size: 15px; color: #95989A; } .lk-appeals__reviews .review__name h4 { margin-bottom: 0; } .lk-appeals__reviews .review__funcs { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; } .lk-appeals__reviews .review__funcs .func { -webkit-transition: .3s ease-out; transition: .3s ease-out; color: #9EAABB } .lk-appeals__reviews .review__funcs .func:hover { color: #E40208; } .lk-appeals__reviews .review__funcs .func:not(:last-child) { margin-right: 20px; } .lk-appeals__reviews .review__funcs .func.complain-send { pointer-events: none; } .lk-appeals__comments .comment { padding: 38px 40px 40px; border-top: 1px solid #D3D9DE; background-color: #fff; } @media (max-width: 500px) { .lk-appeals__comments .comment { padding: 20px 15px; } } .lk-appeals__comments .comment__name { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 500px) { .lk-appeals__comments .comment__name { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .lk-appeals__comments .comment__name .role { margin-left: auto; color: #9EAABB; margin-right: 20px; font-size: 14px; } @media (max-width: 500px) { .lk-appeals__comments .comment__name .role { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-right: 0; margin-left: 0; width: 100%; margin-top: 8px; } } .lk-appeals__comments .comment__name .date { color: #9EAABB; font-size: 14px; } @media (max-width: 500px) { .lk-appeals__comments .comment__name .date { margin-left: auto; } } .lk-appeals__comments .comment__name h4 { margin-bottom: 0; } .lk-appeals__comments .comment__data { font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9EAABB; } .lk-appeals__comments .comment__role { margin-right: 20px; } .lk-appeals__comments .comment__bottom { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 500px) { .lk-appeals__comments .comment__bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .lk-appeals__comments .comment__funcs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9EAABB; } @media (max-width: 500px) { .lk-appeals__comments .comment__funcs { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 500px) { .lk-appeals__comments .comment__funcs .goto { width: 100%; margin-bottom: 5px; } } .lk-appeals__comments .comment__funcs a { -webkit-transition: .3s ease-out; transition: .3s ease-out; } .lk-appeals__comments .comment__funcs a:not(:last-child) { margin-right: 20px; } .lk-appeals__comments .comment__funcs a:not(.link):hover { color: #E40208; } .lk-appeals__comments .comment__likes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lk-appeals__comments .comment__likes .item { font-size: 14px; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 500px) { .lk-appeals__comments .comment__likes .item { margin-bottom: 2px; } } .lk-appeals__comments .comment__likes .item .i-icon { width: 15px; height: 15px; margin-right: 7px; } .lk-appeals__comments .comment__likes .item:not(:last-child) { margin-right: 20px; } .lk-appeals__comments .comment__likes .item.like span { color: #29AD2E; } .lk-appeals__comments .comment__likes .item.dislike span { color: #E40208; } .lk-appeals__comments .detail-comment__item:not(:last-child) { border-bottom: 2px solid #FAFAFA; } .lk-appeals__comments .detail-comment__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 1 calc(100% - 160px); flex-grow: 0; flex-shrink: 1; flex-basis: calc(100% - 160px); } .lk-appeals__comments .detail-comment__actions { margin-top: auto; padding-top: 15px; } .lk-appeals__comments .detail-comment__actions a:not(.detail-comment__like) { margin-right: 10px; } @media (max-width: 640px) { .lk-appeals__comments .detail-comment__actions { margin-top: 15px; } } @media (max-width: 500px) { .lk-appeals__comments .detail-comment__actions { -ms-flex-wrap: wrap; flex-wrap: wrap; } .lk-appeals__comments .detail-comment__actions .goto.link { width: 100%; margin-bottom: 15px; } } .lk-appeals__comments .detail-comment__position { margin-bottom: 5px; } .lk-appeals__comments .detail-comment__date { margin-bottom: 5px; } .lk-appeals__comments .detail-comment__info .detail-comment__info { font-size: 14px; } /* MODAL create-appeal.php */ .lk-appeals__modal .text { margin-bottom: 25px; } .lk-appeals__modal .cbs { display: block; max-width: 260px; margin: 0 auto 40px auto; } @media (max-width: 500px) { .lk-appeals__modal .cbs { margin-bottom: 15px; } } .lk-appeals__modal .cbs .b-checkbox { margin-bottom: 7px; text-align: left; } @media (max-width: 500px) { .lk-appeals__modal .cbs .b-checkbox { min-width: 150px; margin-bottom: 15px; } } .lk-appeals__modal .btn { width: auto; height: 50px; padding: 15px 40px; } @media (max-width: 1700px) and (min-width: 1279px) { .lk-appeals .table__header .dataTables_filter label { width: calc(100% + 145.6px) !important; } .lk-appeals .table-search { padding-bottom: 12px; } .lk-appeals .pagination { margin-bottom: 40px; } .lk-appeals .b-section-medium { margin-bottom: 4px; padding: 16px 32px; } .lk-appeals__bottom .b-tabs-head { padding: 24px 32px; } .lk-appeals__bottom .b-tabs-head__link:not(:last-child) { margin-right: 16px; } .lk-appeals__search { padding-top: 16px; } .lk-appeals__search .i-icon { width: 12px; height: 12px; margin-right: 12px; } .lk-appeals__date { margin-right: 32px; } .lk-appeals__date .title { margin-bottom: 8px; } .lk-appeals__count { padding-top: 16px; } .lk-appeals__funcs-count .select-styled:after { border-top: 4px solid #292727; } .lk-appeals__funcs-date img { width: 14.4px; height: 14.4px; right: 11.2px; } .lk-appeals__funcs-date:before { left: 8px; } .lk-appeals__funcs-top { padding: 16px 32px; } .lk-appeals__funcs-top .b-form__input { padding-left: 37.6px; height: 40px; max-width: 144px; } .lk-appeals__funcs-top .sep { width: 9.6px; height: 1.6px; margin: auto 4px; } .lk-appeals__funcs-bottom { padding: 21.6px 16px; margin-bottom: 8px; } .lk-appeals__funcs-bottom .b-checkbox:not(:last-child) { margin-right: 32px; } .lk-appeals__reviews .review { padding: 30.4px 32px 32px; } .lk-appeals__reviews .review__name { margin-bottom: 12px; } .lk-appeals__reviews .review__name .role { margin-right: 16px; font-size: 11.2px; } .lk-appeals__reviews .review__name .date { font-size: 11.2px; } .lk-appeals__reviews .review__funcs { margin-top: 12px; } .lk-appeals__reviews .review__funcs .func:not(:last-child) { margin-right: 16px; } .lk-appeals__comments .comment { padding: 30.4px 32px 32px; } .lk-appeals__comments .comment__name { margin-bottom: 12px; } .lk-appeals__comments .comment__name .role { margin-right: 16px; font-size: 11.2px; } .lk-appeals__comments .comment__name .date { font-size: 11.2px; } .lk-appeals__comments .comment__data { font-size: 11.2px; } .lk-appeals__comments .comment__role { margin-right: 16px; } .lk-appeals__comments .comment__bottom { margin-top: 12px; } .lk-appeals__comments .comment__funcs a:not(:last-child) { margin-right: 16px; } .lk-appeals__comments .comment__likes .item { font-size: 11.2px; } .lk-appeals__comments .comment__likes .item .i-icon { width: 12px; height: 12px; margin-right: 5.6px; } .lk-appeals__comments .comment__likes .item:not(:last-child) { margin-right: 16px; } .lk-appeals__modal .text { margin-bottom: 20px; } .lk-appeals__modal .cbs { max-width: 208px; margin-bottom: 32px; } .lk-appeals__modal .btn { height: 40px; padding: 12px 32px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .bidding-status--created { color: #54A943; } .bidding-status--waiting_buyer { color: #54A943; } .bidding-status--waiting_company { color: #54A943; } .bidding-status--completed { color: #072451; } .bidding-status--canceled { color: #072451; } .bidding-status--ordered { color: #9FAAB9; } .bidding-block__container._success { color: green; } .bidding-list__event-count { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 24px; min-width: 24px; height: 24px; margin-right: .5em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: #FFD93D; font-size: 14px; font-weight: 700; color: #002454 !important; } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-bonuses__inner { } .lk-bonuses__top { padding: 25px 40px; margin-bottom: 15px; background-color: #fff; } @media (max-width: 500px) { .lk-bonuses__top { padding: 20px 15px; } } .lk-bonuses__top-info.b-static { margin-bottom: 20px; } .lk-bonuses__top-info.b-static ul:not(.news__tags-items) li:not(:last-child) { margin-bottom: 3px; } .lk-bonuses__top-count .btn { max-width: 315px; margin-top: 15px; } .lk-bonuses .table-upload { margin-top: 0; } .lk-bonuses .table-upload__header { padding: 25px 40px; border-bottom: 1px solid #D3D9DE; } @media (max-width: 1700px) and (min-width: 1279px) { .lk-bonuses__top { padding: 20px 32px; margin-bottom: 12px; } .lk-bonuses__top-count .btn { max-width: 252px; margin-top: 12px; } .lk-bonuses .table-upload__header { padding: 20px 32px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-company-create-order__main { padding-bottom: 40px; } .lk-company-create-order__main .result-table, .lk-company-create-order__main .error-table, .lk-company-create-order__main .not-allowed-to-buy { margin-top: 15px; background-color: #fff } .lk-company-create-order__main .result-table > a, .lk-company-create-order__main .error-table > a, .lk-company-create-order__main .not-allowed-to-buy > a { padding-left: 40px; color: #E40208; -webkit-transition: .2s ease; transition: .2s ease; } .lk-company-create-order__main .result-table > a:hover, .lk-company-create-order__main .error-table > a:hover, .lk-company-create-order__main .not-allowed-to-buy > a:hover { opacity: 0.8; } @media (max-width: 768px) { .lk-company-create-order__main .result-table > a, .lk-company-create-order__main .error-table > a, .lk-company-create-order__main .not-allowed-to-buy > a { padding-left: 15px; } } .lk-company-create-order__main .result-table .pagination, .lk-company-create-order__main .error-table .pagination, .lk-company-create-order__main .not-allowed-to-buy .pagination { margin-top: 10px!important; padding-left: 40px; padding-right: 40px; } @media (max-width: 768px) { .lk-company-create-order__main .result-table .pagination, .lk-company-create-order__main .error-table .pagination, .lk-company-create-order__main .not-allowed-to-buy .pagination { padding-left: 15px; padding-right: 15px; } } .lk-company-create-order__main .result-table .alert, .lk-company-create-order__main .error-table .alert, .lk-company-create-order__main .not-allowed-to-buy .alert { margin-left: 40px; font-weight: 600; } .lk-company-create-order__main .result-table .alert.alone, .lk-company-create-order__main .error-table .alert.alone, .lk-company-create-order__main .not-allowed-to-buy .alert.alone { padding: 20px 0; } @media (max-width: 768px) { .lk-company-create-order__main .result-table .alert, .lk-company-create-order__main .error-table .alert, .lk-company-create-order__main .not-allowed-to-buy .alert { margin-left: 15px; } } .lk-company-create-order__main .result-table .alert-success, .lk-company-create-order__main .error-table .alert-success, .lk-company-create-order__main .not-allowed-to-buy .alert-success { color: #29AD2E; } .lk-company-create-order__main .result-table .alert-danger, .lk-company-create-order__main .error-table .alert-danger, .lk-company-create-order__main .not-allowed-to-buy .alert-danger { color: #E40208; } .lk-company-create-order__main .result-table__link:hover, .lk-company-create-order__main .not-allowed-to-buy__link:hover { color: #E40208; } .lk-company-create-order__main .result-table tr:nth-of-type(1) .result-table__tooltip, .lk-company-create-order__main .result-table tr:nth-of-type(2) .result-table__tooltip, .lk-company-create-order__main .not-allowed-to-buy tr:nth-of-type(1) .result-table__tooltip, .lk-company-create-order__main .not-allowed-to-buy tr:nth-of-type(2) .result-table__tooltip { bottom: auto; top: 50px; } .lk-company-create-order__main .result-table tr:nth-of-type(1) .result-table__tooltip:before, .lk-company-create-order__main .result-table tr:nth-of-type(2) .result-table__tooltip:before, .lk-company-create-order__main .not-allowed-to-buy tr:nth-of-type(1) .result-table__tooltip:before, .lk-company-create-order__main .not-allowed-to-buy tr:nth-of-type(2) .result-table__tooltip:before { bottom: auto; top: -5px; } .lk-company-create-order__main .result-table__tooltip, .lk-company-create-order__main .not-allowed-to-buy__tooltip { display: none; position: absolute; content: ""; width: 278px; bottom: 90%; left: 15%; padding: 10px 15px; background-color: #002454; border-radius: 4px; color: #fff; z-index: 2 } .lk-company-create-order__main .result-table__tooltip:before, .lk-company-create-order__main .not-allowed-to-buy__tooltip:before { position: absolute; content: ""; width: 10px; height: 10px; bottom: -5px; left: 20%; background-color: #002454; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 1700px) and (min-width: 1279px) { .lk-company-create-order__main .result-table__tooltip:before, .lk-company-create-order__main .not-allowed-to-buy__tooltip:before { left: 15%; } } @media (max-width: 768px) { .lk-company-create-order__main .result-table__tooltip:before, .lk-company-create-order__main .not-allowed-to-buy__tooltip:before { left: 21%; } } @media (max-width: 500px) { .lk-company-create-order__main .result-table__tooltip:before, .lk-company-create-order__main .not-allowed-to-buy__tooltip:before { left: 37px; } } .lk-company-create-order__main .result-table__info, .lk-company-create-order__main .not-allowed-to-buy__info { display: none; position: absolute; top: 20px; right: 0; width: 20px; height: 20px; background-color: #002454; border-radius: 50%; font-weight: 700; text-align: center; } @media (max-width: 1700px) and (min-width: 1279px) { .lk-company-create-order__main .result-table__info, .lk-company-create-order__main .not-allowed-to-buy__info { top: 15px; } } @media (max-width: 768px) { .lk-company-create-order__main .result-table__info, .lk-company-create-order__main .not-allowed-to-buy__info { right: -9px; } } .lk-company-create-order__main .result-table .count-change, .lk-company-create-order__main .not-allowed-to-buy .count-change { position: relative; } .lk-company-create-order__main .result-table .count-change .result-table__link:hover, .lk-company-create-order__main .not-allowed-to-buy .count-change .result-table__link:hover { color: #002454; } .lk-company-create-order__main .result-table .count-change:hover .result-table__tooltip, .lk-company-create-order__main .not-allowed-to-buy .count-change:hover .result-table__tooltip { display: block; } .lk-company-create-order__main .result-table .count-change .result-table__info, .lk-company-create-order__main .not-allowed-to-buy .count-change .result-table__info { display: block; } .lk-company-create-order__main .error-table.shown, .lk-company-create-order__main .not-allowed-to-buy.shown { padding-top: 20px; } .lk-company-create-order__main .box { margin: 0 auto; background-color: #DCDCDC; } .lk-company-create-order__main .box.has-advanced-upload { outline: none; } .lk-company-create-order__main .box__icon { fill: #B1B1B1 !important; } .lk-company-create-order__main .box__file + label { font-size: 16px !important; } .lk-company-create-order__main .box__file + label:hover strong { color: #E40208; } .lk-company-create-order__main .container { padding-bottom: 40px; background-color: #fff; } .lk-company-create-order__main--no-indent { margin: 0; padding: 0; } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-company-page .table__header .dataTables_length, .lk-company-page .table__header .table__select { margin-right: 20px; } @media (max-width: 768px) { .lk-company-page .table__header .dataTables_length, .lk-company-page .table__header .table__select { margin-right: 0; width: 100%; border-bottom: 1px solid #D3D9DE; min-height: 50px; padding: 0 15px; } .lk-company-page .table__header .dataTables_length .select-wrap, .lk-company-page .table__header .dataTables_length .select, .lk-company-page .table__header .table__select .select-wrap, .lk-company-page .table__header .table__select .select { width: 100%; } .lk-company-page .table__header .dataTables_length .select-wrap--dropdown .select, .lk-company-page .table__header .table__select .select-wrap--dropdown .select { width: auto; } .lk-company-page .table__header .dataTables_length .select-wrap--dropdown .select-options:after, .lk-company-page .table__header .table__select .select-wrap--dropdown .select-options:after { left: 35%; } } .lk-company-page .head { background-color: #fff; padding: 25px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; border-bottom: 1px solid #D3D9DE; } @media (max-width: 500px) { .lk-company-page .head { padding: 20px 15px; display: block; } } .lk-company-page .head .title { font-size: 18px; } @media (max-width: 768px) { .lk-company-page .head .title { font-size: 16px; } } @media (max-width: 500px) { .lk-company-page .head .title { font-size: 14px; } } .lk-company-page .head .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-size: 14px; } @media (max-width: 500px) { .lk-company-page .head .link { margin-top: 10px; } } .lk-company-page .head .link .i-icon { margin-right: 10px; } .lk-company-page__wrapper { border-bottom: 1px solid #D3D9DE; margin-bottom: 30px; } @media (max-width: 500px) { .lk-company-page .b-form__btns .btn { width: calc(100% - 10px); } } .lk-company-page__img { margin-bottom: 20px; } .lk-company-page__img-inner { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 20px; max-width: 450px; height: 300px; width: 100%; background-color: #F3F4F5; } .lk-company-page__img-inner a { position: absolute; bottom: 10px; right: 10px; padding: 7px 10px; background-color: #fff; font-weight: 600; border-radius: 5px; font-size: 14px; -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, .16); box-shadow: 0 20px 40px rgba(0, 0, 0, .16) } .lk-company-page__img-inner a:hover { background-color: #DCDCDC; } .lk-company-page__img img { display: block; width: 100%; height: 100%; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } .lk-company-page__editor { padding: 40px; background-color: #fff; margin-bottom: 30px; } @media (max-width: 500px) { .lk-company-page__editor { padding: 20px 15px; } } .lk-company-page__editor .logo-upload { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 640px) { .lk-company-page__editor .logo-upload { display: block; } } .lk-company-page__editor .logo-upload .title { font-weight: 700; font-size: 14px; margin-right: 130px; min-width: 150px; } @media (max-width: 768px) { .lk-company-page__editor .logo-upload .title { margin-right: 30px; } } @media (max-width: 640px) { .lk-company-page__editor .logo-upload .title { margin-bottom: 10px; } } .lk-company-page__editor .logo-upload .btn { margin-top: 0; width: auto; min-width: 217px; } @media (max-width: 500px) { .lk-company-page__editor .logo-upload .btn { width: 100%; min-width: 100%; } } .lk-company-page__editor .logo-upload .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 500px) { .lk-company-page__editor .logo-upload .button { display: block; } } .lk-company-page__editor .logo-upload .button .filename { white-space: nowrap; font-size: 14px; color: #9EAABB; margin-left: 20px; text-overflow: ellipsis; margin-right: 0px; overflow: hidden; width: calc(100% - 90px); } @media (max-width: 500px) { .lk-company-page__editor .logo-upload .button .filename { margin-left: 0; margin-top: 10px; } } .lk-company-page__editor .text-editor { width: 100%; height: 400px; } .lk-company-page__editor .text-editor img { -o-object-fit: cover; font-family: "object-fit:cover"; object-fit: cover; width: 100%; height: 100%; } .lk-company-page__editor .b-form .head { padding: 0 0 25px; } .lk-company-page__editor .b-form .adm-fileinput-wrapper .adm-fileinput-btn-panel { display: none; } .lk-company-page__editor .b-form .adm-fileinput-wrapper div.adm-fileinput-item { width: 174px; } .lk-company-page__editor .b-form .adm-fileinput-wrapper div.adm-fileinput-item .adm-fileinput-item-preview { width: 148px; } .lk-company-page__editor .editor { margin-bottom: 0; } .lk-company-page__list { margin-bottom: 50px; } .lk-company-page__list .dates { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 40px; border-bottom: 1px solid #D3D9DE; background-color: #fff; } @media (max-width: 500px) { .lk-company-page__list .dates { padding: 20px 15px; } } @media (max-width: 375px) { .lk-company-page__list .dates { display: block; } } .lk-company-page__list .dates .b-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 768px) { .lk-company-page__list .dates .b-form { width: 100%; } } @media (max-width: 640px) { .lk-company-page__list .dates .b-form { display: block; } } .lk-company-page__list .dates .b-form__input { padding-left: 47px; position: relative; height: 50px; //max-width: 180px; } @media (max-width: 768px) { .lk-company-page__list .dates .b-form__input { max-width: 100%; } } .lk-company-page__list .dates .b-form__input.from:before { content: '\43E\442'; } .lk-company-page__list .dates .sep { width: 12px; height: 2px; background-color: #9EAABB; margin: auto 5px; } @media (max-width: 640px) { .lk-company-page__list .dates .sep { display: none; } } .lk-company-page__list .dates .date-input { position: relative; } .lk-company-page__list .dates .date-input img { pointer-events: none; } @media (max-width: 768px) { .lk-company-page__list .dates .date-input { width: 100%; height: 100%; } } @media (max-width: 640px) { .lk-company-page__list .dates .date-input:not(:last-child) { margin-bottom: 10px; } } .lk-company-page__list .dates .date-input img { position: absolute; top: 0; bottom: 0; width: 18px; height: 18px; right: 14px; margin: auto; } .lk-company-page__list .dates .date-input:before { 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; position: absolute; top: 0; bottom: 0; margin: auto; left: 10px; color: #9EAABB; z-index: 10; } .lk-company-page__list .dates .date-input.from:before { content: '\43E\442'; } @media (max-width: 640px) { .lk-company-page__list .dates .date-input.stock { margin-right: 15px; } } .lk-company-page__list .dates .date-input.to:before { content: '\434\43E'; } .lk-company-page__list .dates__block { width: 50%; } @media (max-width: 375px) { .lk-company-page__list .dates__block { width: 100%; } } .lk-company-page__list .dates__block:not(:last-child) { margin-right: 38px; } @media (max-width: 768px) { .lk-company-page__list .dates__block:not(:last-child) { margin-right: 15px; } } @media (max-width: 375px) { .lk-company-page__list .dates__block:not(:last-child) { margin-right: 0; margin-bottom: 15px; } } .lk-company-page__list .dates__block .title { margin-bottom: 7px; font-weight: 700; font-size: 14px; } .lk-company-page__list .dates__date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .lk-company-page__list .dates__date { width: 100%; margin-right: 0; padding: 20px 15px; border-bottom: 1px solid #D3D9DE; } } @media (max-width: 500px) { .lk-company-page__list .dates__date { display: block; } } .lk-company-page__list .dates__date .title { margin-bottom: 7px; font-weight: 700; font-size: 14px; } @media (max-width: 500px) { .lk-company-page__list .dates__date .title { margin-bottom: 13px; font-weight: 700; } } .lk-company-page__list .dates__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 640px) { .lk-company-page__list .dates__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .lk-company-page__list .dates__wrap .select-wrap { width: 100%; margin-bottom: 15px; } .lk-company-page__list .dates__wrap .select-wrap input { max-width: calc(100% - 40px) !important; width: 80% !important; } .lk-company-page__list .dates__wrap .b-form__block { margin-bottom: auto; } .lk-company-page__list .dates__stock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .lk-company-page__list .dates__name { margin-right: 0 !important; width: 100%; } @media (max-width: 375px) { .lk-company-page__list .dates__name { width: 100%; } } .lk-company-page__list .dates__name:not(:last-child) { margin-right: 38px; } @media (max-width: 768px) { .lk-company-page__list .dates__name:not(:last-child) { margin-right: 15px; } } @media (max-width: 375px) { .lk-company-page__list .dates__name:not(:last-child) { margin-right: 0; margin-bottom: 15px; } } .lk-company-page__list .dates__name .title { margin-bottom: 7px; font-weight: 700; font-size: 14px; } .lk-company-page__list .dates__period .dates__block { width: 100%; margin-right: 0 !important; margin-bottom: 15px; } .lk-company-page__list .dates__period .dates__block .title { font-size: 14px; } .lk-company-page__list .dates__period .btn { width: auto; } @media (max-width: 500px) { .lk-company-page__list .dates__period .btn { width: 100%; } } .lk-company-page__list .dates--grid { padding: 0; } .lk-company-page__list .dates--grid .result_cont { margin-bottom: 15px; } .lk-company-page__list .sort { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 40px; } @media (max-width: 1359px) { .lk-company-page__list .sort { display: block; } } @media (max-width: 500px) { .lk-company-page__list .sort { padding: 20px 15px; } } .lk-company-page__list .sort .news-selects { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1359px) { .lk-company-page__list .sort .news-selects { margin-bottom: 15px; } } @media (max-width: 768px) { .lk-company-page__list .sort .news-selects { display: block; } } .lk-company-page__list .sort .news-selects__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lk-company-page__list .sort .news-selects__item .title { color: #9EAABB; } .lk-company-page__list .sort .news-selects__item:not(:last-child) { margin-right: 30px; } @media (max-width: 768px) { .lk-company-page__list .sort .news-selects__item:not(:last-child) { margin-right: 0; margin-bottom: 10px; } } .lk-company-page__list .sort .news-selects__item .select-styled { padding-top: 0; padding-bottom: 0; } .lk-company-page__list .sort .news-selects__item .select-styled:after { border-top: 5px solid #292727; } .lk-company-page__list .sort .news-search .link { text-transform: uppercase; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; } .lk-company-page__list .sort .news-search .link .i-icon { width: 20px; height: 20px; margin-right: 15px; } .lk-company-page__promo { padding: 0; } .lk-company-page__promo .lk-company-page__list { margin-bottom: 0; background-color: #FFF; } .lk-company-page__promo .dates { border-bottom: none; } .lk-company-page__promo .selectize-input { padding: 15px 30px 15px 8px; } .lk-company-page__promo .selectize-dropdown { z-index: 11; } .lk-company-page__requisites { background-color: #fff; padding: 40px; margin-top: 50px; } @media (max-width: 500px) { .lk-company-page__requisites { padding: 20px 15px; } } .lk-company-page__requisites .b-c-list__title { margin-right: 30px; } .lk-company-page__tabs { width: 100%; padding: 25px 40px; border-bottom: 1px solid #D3D9DE; background-color: #fff; } @media (max-width: 500px) { .lk-company-page__tabs { padding: 20px 15px; } } .lk-company-page__tabs .b-tabs-head { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 768px) { .lk-company-page__tabs .b-tabs-head__link { font-size: 14px; } } @media (max-width: 768px) { .lk-company-page__tabs .b-tabs-head__link:not(:last-child) { margin-right: 20px; } } .lk-company-page__content .b-form .head { width: calc(100% + 80px); margin: 0 -40px; padding: 25px 40px; border: none; } @media (max-width: 500px) { .lk-company-page__content .b-form .head { width: calc(100% + 30px); margin: 0 -15px; padding: 20px 15px; text-transform: uppercase; } } .lk-company-page__content .b-form .head:first-child { padding-top: 0; } .lk-company-page__content .b-form .head:not(:first-child) { margin-top: 50px; border-top: 1px solid #D3D9DE; } @media (max-width: 500px) { .lk-company-page__content .b-form .head:not(:first-child) { margin-top: 30px; } } .lk-company-page__content .b-form__block .btn { width: calc(50% - 10px); } .lk-company-page__content .b-form__btns { width: calc(100% + 80px); padding: 15px 40px 0 30px; margin: 40px -40px 0 -40px; border-top: 1px solid #D3D9DE; } @media (max-width: 500px) { .lk-company-page__content .b-form__btns { width: calc(100% + 30px); padding: 0 20px 0 5px; margin: 35px -15px 0 -15px; } } @media (max-width: 1700px) and (min-width: 1279px) and (max-width: 500px) { .lk-company-page .b-form__btns .btn { width: calc(100% - 10px); } } @media (max-width: 1700px) and (min-width: 1279px) { .lk-company-page__img { margin-bottom: 16px; } .lk-company-page__img-inner { padding: 16px; max-width: 360px; height: 240px; } .lk-company-page__img-inner a { bottom: 8px; right: 8px; padding: 5.6px 8px; font-size: 11.2px; -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, .16); box-shadow: 0 20px 40px rgba(0, 0, 0, .16); } .lk-company-page .table__header .dataTables_length, .lk-company-page .table__header .table__select { margin-right: 16px; } .lk-company-page .head { padding: 20px 32px; } .lk-company-page .head .title { font-size: 14.4px; } .lk-company-page .head .link { font-size: 11.2px; } .lk-company-page .head .link .i-icon { margin-right: 8px; } .lk-company-page__editor { padding: 32px; margin-bottom: 24px; } .lk-company-page__editor .logo-upload { margin-bottom: 24px; } .lk-company-page__editor .logo-upload .title { font-size: 11.2px; margin-right: 104px; } .lk-company-page__editor .logo-upload .btn { min-width: 173.6px; } .lk-company-page__editor .logo-upload .button .filename { font-size: 11.2px; margin-left: 16px; width: calc(80% - 72px); } .lk-company-page__editor .text-editor { height: 200px; } .lk-company-page__editor .text-editor img { -o-object-position: 100% 0; object-position: 100% 0; } .lk-company-page__list { margin-bottom: 40px; } .lk-company-page__list .dates { padding: 16px 32px; } .lk-company-page__list .dates .b-form__input { padding-left: 37.6px; height: 40px; } .lk-company-page__list .dates .sep { width: 9.6px; height: 1.6px; margin: auto 4px; } .lk-company-page__list .dates .date-input img { width: 14.4px; height: 14.4px; right: 11.2px; } .lk-company-page__list .dates .date-input:before { left: 8px; } .lk-company-page__list .dates__block:not(:last-child) { margin-right: 30.4px; } .lk-company-page__list .dates__block .title { margin-bottom: 5.6px; font-size: 11.2px; } .lk-company-page__list .dates__date .title { margin-bottom: 5.6px; font-size: 11.2px; } .lk-company-page__list .dates .select-wrap { margin-bottom: 12px; } .lk-company-page__list .dates__period .dates__block { margin-right: 0px; margin-bottom: 12px; } .lk-company-page__list .dates--grid { padding: 0px; } .lk-company-page__list .dates--grid .result_cont { margin-bottom: 12px; } .lk-company-page__list .sort { padding: 16px 32px; } .lk-company-page__list .sort .news-selects__item:not(:last-child) { margin-right: 24px; } .lk-company-page__list .sort .news-selects__item .select-styled:after { border-top: 4px solid #292727; } .lk-company-page__list .sort .news-search .link { font-size: 11.2px; } .lk-company-page__list .sort .news-search .link .i-icon { width: 16px; height: 16px; margin-right: 12px; } .lk-company-page__requisites { padding: 32px; margin-top: 40px; } .lk-company-page__requisites .b-c-list__title { margin-right: 24px; } .lk-company-page__tabs { padding: 20px 32px; } .lk-company-page__content .b-form .head { width: calc(100% + 64px); margin: 0 -32px; padding: 20px 32px; border: none } .lk-company-page__content .b-form .head:not(:first-child) { margin-top: 40px; } .lk-company-page__content .b-form__btns { width: calc(100% + 64px); padding: 12px 32px 0 24px; margin: 32px -32px 0 -32px; border-top: 1px solid #D3D9DE; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-company-profile .head { background-color: #fff; padding: 25px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; border-bottom: 1px solid #D3D9DE; } @media (max-width: 500px) { .lk-company-profile .head { padding: 20px 15px; display: block; } } .lk-company-profile .head .title { font-size: 18px; } @media (max-width: 768px) { .lk-company-profile .head .title { font-size: 16px; } } @media (max-width: 500px) { .lk-company-profile .head .title { font-size: 14px; } } .lk-company-profile .head .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-size: 14px; } @media (max-width: 500px) { .lk-company-profile .head .link { margin-top: 10px; } } .lk-company-profile .head .link .i-icon { margin-right: 10px; } .lk-company-profile .b-section-medium { padding: 25px 40px; border-bottom: 1px solid #D3D9DE; } @media (max-width: 500px) { .lk-company-profile .b-section-medium { padding: 20px 15px; } } @media (max-width: 500px) { .lk-company-profile .tooltip__content { width: 290px; top: 34px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 500px) { .lk-company-profile .tooltip__content:before { left: 50%; top: -2px; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); } } .lk-company-profile .b-form { width: 100%; } .lk-company-profile .b-form .fields { padding: 30px 40px 40px; border-bottom: 1px solid #D3D9DE; } @media (max-width: 500px) { .lk-company-profile .b-form .fields { padding: 20px 15px; } } .lk-company-profile .b-form .btns { padding: 25px 40px; } @media (max-width: 500px) { .lk-company-profile .b-form .btns { padding: 20px 15px; } } .lk-company-profile .b-form .btns--company { padding: 35px 0 0; margin: 0 -40px; } @media (max-width: 500px) { .lk-company-profile .b-form .btns--company { padding-top: 20px; margin: 0 -15px; } } .lk-company-profile .b-form .btns--company .b-form__btns { padding: 30px 40px 0; border-top: 1px solid #D3D9DE; } @media (max-width: 500px) { .lk-company-profile .b-form .btns--company .b-form__btns { padding: 15px 15px 0; } } .lk-company-profile .b-form__inner { max-width: 623px; } .lk-company-profile .b-form .select-wrap { width: 100%; } .lk-company-profile .b-form__col { width: 100%; } .lk-company-profile .b-form__btns { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; width: 100%; } .lk-company-profile .b-form__btns .filename { width: calc(50% - 255px); margin-left: 20px; font-size: 14px; color: #9EAABB; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } @media (max-width: 1024px) { .lk-company-profile .b-form__btns .filename { width: auto; margin-bottom: 3px; white-space: normal; } } @media (max-width: 500px) { .lk-company-profile .b-form__btns .filename { margin-left: 0; margin-top: 10px; text-align: center; } } .lk-company-profile .b-form__btns .btn { margin-top: 0; margin-left: 0; width: 255px; } @media (max-width: 500px) { .lk-company-profile .b-form__btns .btn { width: 100%; } } @media (max-width: 500px) { .lk-company-profile .b-form__btns .btn:first-child { margin-bottom: 10px; } } .lk-company-profile .b-form__label { min-width: 170px; max-width: 170px; margin-right: 18px; margin-bottom: 0; padding-top: 10px; } .lk-company-profile .b-form__label.nopt { padding-top: 0; } @media (max-width: 768px) { .lk-company-profile .b-form__label { margin-right: 50px; } } @media (max-width: 500px) { .lk-company-profile .b-form__label { margin-right: 0; margin-bottom: 10px; padding-top: 0; } } .lk-company-profile .b-form__block { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 500px) { .lk-company-profile .b-form__block { display: block; } } .lk-company-profile .b-form__privacy { -ms-flex-wrap: wrap; flex-wrap: wrap; } .lk-company-profile .b-form__error { left: auto; bottom: auto; top: 1px; right: 5px; } @media (max-width: 500px) { .lk-company-profile .b-form__error { top: auto; bottom: 1px; } } .lk-company-profile__cbs { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 10px 0; } @media (max-width: 640px) { .lk-company-profile__cbs { display: block; } } .lk-company-profile__cbs .b-checkbox { padding-right: 0; } .lk-company-profile__cbs .b-checkbox:not(:last-child) { margin-right: 40px; } @media (max-width: 640px) { .lk-company-profile__cbs .b-checkbox:not(:last-child) { margin-right: 0; margin-bottom: 13px; } } .lk-company-profile__block { margin-bottom: 20px; background-color: #fff; } .lk-company-profile__block .b-section-medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .lk-company-profile__block .b-section-medium { display: block; } } @media (max-width: 768px) { .lk-company-profile__block .b-section-medium .title { margin-bottom: 10px; } } .lk-company-profile__block-content { padding: 25px 40px; } @media (max-width: 500px) { .lk-company-profile__block-content { padding: 20px 15px; } } @media (max-width: 1700px) and (min-width: 1279px) { .lk-company-profile__block-content { padding: 20px 32px; } } .lk-company-profile__main { background-color: #fff; margin-bottom: 20px; } .lk-company-profile__main-funcs { width: 100%; } .lk-company-profile__main-funcs .row { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .lk-company-profile__main-funcs .row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .lk-company-profile__main-funcs .row--contract { padding: 0 0 15px; } @media (max-width: 500px) { .lk-company-profile__main-funcs .row--contract { padding-bottom: 0; } } .lk-company-profile__main-funcs .row .funcs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; } @media (max-width: 1024px) { .lk-company-profile__main-funcs .row .funcs { margin-left: 0; margin-bottom: 10px; } } @media (max-width: 500px) { .lk-company-profile__main-funcs .row .funcs { display: block; } } .lk-company-profile__main-funcs .row .funcs .func { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9EAABB; -webkit-transition: .3s ease-out; transition: .3s ease-out; } .lk-company-profile__main-funcs .row .funcs .func:hover { color: #E40208; } .lk-company-profile__main-funcs .row .funcs .func .i-icon { width: 20px; height: 20px; margin-right: 10px; } .lk-company-profile__main-funcs .row .funcs .func:not(:last-child) { margin-right: 30px; } @media (max-width: 500px) { .lk-company-profile__main-funcs .row .funcs .func:not(:last-child) { margin-right: 0; margin-bottom: 14px; } } .lk-company-profile__main-funcs .row:not(:last-child) { margin-bottom: 15px; } @media (max-width: 500px) { .lk-company-profile__main-funcs .btn { width: 100% !important; } .lk-company-profile__main-funcs .btn:not(:last-child) { margin-bottom: 10px; } } .lk-company-profile__section { margin-bottom: 15px; } .lk-company-profile__section#actual-address { margin-top: 20px; border-top: 1px solid #D3D9DE; } .lk-company-profile__section--border, .lk-company-profile__section#delivery-address { padding-bottom: 10px; border-bottom: 1px solid #D3D9DE; } .lk-company-profile__section#actual-address .b-form__title--address, .lk-company-profile__section#delivery-address .b-form__title--address { cursor: pointer; position: relative; max-width: 200px; } @media (max-width: 768px) { .lk-company-profile__section#actual-address .b-form__title--address, .lk-company-profile__section#delivery-address .b-form__title--address { max-width: 170px; } } .lk-company-profile__section#actual-address .b-form__title--address:after, .lk-company-profile__section#delivery-address .b-form__title--address:after { position: absolute; content: ""; top: 9px; left: 200px; width: 5px; height: 5px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .3s; transition: .3s; } @media (max-width: 768px) { .lk-company-profile__section#actual-address .b-form__title--address:after, .lk-company-profile__section#delivery-address .b-form__title--address:after { top: 7px; left: 170px; } } .lk-company-profile__section#actual-address .b-form__title--address:hover, .lk-company-profile__section#delivery-address .b-form__title--address:hover { color: #D41920; } .lk-company-profile__section#actual-address .b-form__title--address.active:after, .lk-company-profile__section#delivery-address .b-form__title--address.active:after { top: 12px; -webkit-transform: rotate(225deg); transform: rotate(225deg); } @media (max-width: 768px) { .lk-company-profile__section#actual-address .b-form__title--address.active:after, .lk-company-profile__section#delivery-address .b-form__title--address.active:after { top: 11px; } } .lk-company-profile__subscription { background-color: #fff; margin-bottom: 20px; } .lk-company-profile__subscription .body .sub-list { padding-top: 10px; } .lk-company-profile__subscription .body .sub-list__root { margin-bottom: 28px !important } .lk-company-profile__subscription .body .sub-list__root > .b-checkbox { margin-bottom: 20px; } .lk-company-profile__subscription .body .sub-list__root li:not(:last-child) { margin-bottom: 20px; } .lk-company-profile__subscription .body .sub-list li ul { margin-left: 30px; } .lk-company-profile__subscription .b-form .fields { border-bottom: none; } .lk-company-profile__subscription .b-form__btns { margin-top: 40px; } .lk-company-profile__subscription .b-form__btns .btn { width: auto; padding: 15px 40px; } @media (max-width: 500px) { .lk-company-profile__subscription .b-form__btns .btn { width: 100%; margin-bottom: 0 !important; } } .lk-company-profile__settings { background-color: #fff; margin-bottom: 20px; } .lk-company-profile__settings .b-form .fields { border-bottom: none; } .lk-company-profile__settings .b-form__col .b-checkbox:not(:last-child) { margin-bottom: 18px; } .lk-company-profile__settings .b-form__btns { margin-top: 40px; } .lk-company-profile__settings .b-form__btns .btn { width: auto; } .lk-company-profile__settings .b-form__btns .btn .i-icon { width: 12px; height: 12px; } .lk-company-profile__subaccounts .subaccounts__table { display: table; width: 100%; } .lk-company-profile__subaccounts .subaccounts__head { display: table-row; background-color: #FBF2CF; font-weight: 700; } @media (max-width: 768px) { .lk-company-profile__subaccounts .subaccounts__head { display: none; } } .lk-company-profile__subaccounts .subaccounts__head > div { padding: 15px 10px; } .lk-company-profile__subaccounts .subaccounts__row { display: table-row; background-color: #fff; } @media (max-width: 768px) { .lk-company-profile__subaccounts .subaccounts__row { display: block; padding: 20px 15px; } .lk-company-profile__subaccounts .subaccounts__row:not(:last-child) { border-bottom: 1px solid #D3D9DE; } } .lk-company-profile__subaccounts .subaccounts__row .m-title { display: none; } @media (max-width: 768px) { .lk-company-profile__subaccounts .subaccounts__row .m-title { display: block; color: #9EAABB; margin-right: 10px; } } .lk-company-profile__subaccounts .subaccounts__row > div { padding: 17px 10px; border-bottom: 1px solid #D3D9DE; } @media (max-width: 768px) { .lk-company-profile__subaccounts .subaccounts__row > div { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding: 0; border-bottom: none; } .lk-company-profile__subaccounts .subaccounts__row > div:not(:last-child) { margin-bottom: 10px; } } @media (max-width: 500px) { .lk-company-profile__subaccounts .subaccounts__row > div { display: block !important; } } .lk-company-profile__subaccounts .subaccounts__row > div:nth-of-type(2) { position: relative; } @media (max-width: 768px) { .lk-company-profile__subaccounts .subaccounts__row > div:nth-of-type(1) { padding: 0 !important; width: 100%; margin-bottom: 10px; } } .lk-company-profile__subaccounts .subaccounts__row .rights .row:not(:last-child) { margin-bottom: 5px; } .lk-company-profile__subaccounts .subaccounts__row .status--blocked { color: #E40208; } .lk-company-profile__subaccounts .subaccounts__row .status--active { color: #29AD2E; } .lk-company-profile__subaccounts .subaccounts__row .status--deleted { color: #9EAABB; } .lk-company-profile__subaccounts .subaccounts__row .funcs__btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .lk-company-profile__subaccounts .subaccounts__row .funcs .func { color: #9EAABB; position: relative; } .lk-company-profile__subaccounts .subaccounts__row .funcs .func .i-icon { width: 20px; height: 20px; -webkit-transition: .3s ease-out; transition: .3s ease-out; } .lk-company-profile__subaccounts .subaccounts__row .funcs .func:not(:last-child) { margin-right: 10px; } .lk-company-profile__subaccounts .subaccounts__row .funcs .func:hover { color: #E40208; } .lk-company-profile__subaccounts .subaccounts__row .funcs .func:hover .func__down { opacity: 1; visibility: visible; } .lk-company-profile__subaccounts .subaccounts__row .funcs .func__down { position: absolute; top: 30px; white-space: nowrap; opacity: 0; visibility: hidden; } .lk-company-profile__subaccounts .subaccounts__row .funcs .func.lock .func__down.unlock { opacity: 0!important; visibility: hidden!important; } .lk-company-profile__subaccounts .subaccounts__row .funcs .func.lock:hover .func__down.lock { opacity: 1; visibility: visible; } .lk-company-profile__subaccounts .subaccounts__row .funcs .func.unlock .func__down.unlock { opacity: 0!important; visibility: hidden!important; } .lk-company-profile__subaccounts .subaccounts__row .funcs .func.unlock:hover .func__down.lock { opacity: 1; visibility: visible; } .lk-company-profile__subaccounts .subaccounts__head > div, .lk-company-profile__subaccounts .subaccounts__row > div { display: table-cell; vertical-align: top; font-size: 14px; } .lk-company-profile__subaccounts .subaccounts__head > div:first-of-type, .lk-company-profile__subaccounts .subaccounts__row > div:first-of-type { padding-left: 40px; } .lk-company-profile__account { background-color: #fff; } .lk-company-profile__account .body { padding: 30px 40px 40px; } @media (max-width: 500px) { .lk-company-profile__account .body { padding: 30px 20px 40px; } } .lk-company-profile__account .body .btn { width: 255px; } @media (max-width: 500px) { .lk-company-profile__account .body .btn { width: 250px; } } .lk-company-profile h1 .tooltip { vertical-align: middle; } .lk-company-profile .lk_profile-company_uf_location .bx-sls, .lk-company-profile .lk_profile-company_uf_location .sugg_wrapper { width: 100%; } @media (max-width: 1700px) and (min-width: 1279px) { .lk-company-profile .head { padding: 20px 32px; } .lk-company-profile .head .title { font-size: 14.4px; } .lk-company-profile .head .link { font-size: 11.2px; } .lk-company-profile .head .link .i-icon { margin-right: 8px; } .lk-company-profile .b-section-medium { padding: 20px 32px; } .lk-company-profile .b-form .fields { padding: 24px 32px 32px; } .lk-company-profile .b-form .btns { padding: 20px 32px; } .lk-company-profile .b-form .btns--company { margin: 0 -32px; padding-right: 0; padding-left: 0; padding-bottom: 0; } .lk-company-profile .b-form .btns--company .b-form__btns { padding: 30px 32px 0; } .lk-company-profile .b-form__inner { max-width: 498.4px; } .lk-company-profile .b-form__btns .filename { width: calc(50% - 204px); margin-left: 16px; font-size: 11.2px; } .lk-company-profile .b-form__btns .btn { width: 204px; } .lk-company-profile .b-form__btns input.btn { padding: 0 68.8px; } .lk-company-profile .b-form__label { min-width: 136px; max-width: 136px; margin-right:14.4px; padding-top: 8px; } .lk-company-profile__cbs { margin: 8px 0; } .lk-company-profile__cbs .b-checkbox:not(:last-child) { margin-right: 32px; } .lk-company-profile__main { margin-bottom: 16px; } .lk-company-profile__main-funcs .row .funcs .func .i-icon { width: 16px; height: 16px; margin-right: 8px; } .lk-company-profile__main-funcs .row .funcs .func:not(:last-child) { margin-right: 24px; } .lk-company-profile__main-funcs .row:not(:last-child) { margin-bottom: 12px; } .lk-company-profile__section { margin-bottom: 12px } .lk-company-profile__section#actual-address { margin-top: 16px; } .lk-company-profile__section--border, .lk-company-profile__section#delivery-address { padding-bottom: 8px; } .lk-company-profile__section#actual-address .b-form__title--address, .lk-company-profile__section#delivery-address .b-form__title--address { max-width: 160px; } .lk-company-profile__section#actual-address .b-form__title--address:after, .lk-company-profile__section#delivery-address .b-form__title--address:after { top: 6px; left: 160px; width: 4px; height: 4px; } .lk-company-profile__section#actual-address .b-form__title--address.active:after, .lk-company-profile__section#delivery-address .b-form__title--address.active:after { top: 11px; } .lk-company-profile__subscription { margin-bottom: 16px; } .lk-company-profile__subscription .body .sub-list { padding-top: 8px; } .lk-company-profile__subscription .body .sub-list__root { margin-bottom: 22.4px !important } .lk-company-profile__subscription .body .sub-list__root > .b-checkbox { margin-bottom: 16px; } .lk-company-profile__subscription .body .sub-list__root li:not(:last-child) { margin-bottom: 16px; } .lk-company-profile__subscription .body .sub-list li ul { margin-left: 24px; } .lk-company-profile__subscription .b-form__btns { margin-top: 32px; } .lk-company-profile__subscription .b-form__btns .btn { padding: 12px 32px; } .lk-company-profile__settings { margin-bottom: 16px; } .lk-company-profile__settings .b-form__col .b-checkbox:not(:last-child) { margin-bottom: 14.4px; } .lk-company-profile__settings .b-form__btns { margin-top: 32px; } .lk-company-profile__settings .b-form__btns .btn .i-icon { width: 9.6px; height: 9.6px; } .lk-company-profile__subaccounts .subaccounts__head > div { padding: 12px 8px; } .lk-company-profile__subaccounts .subaccounts__row > div { padding: 13.6px 8px; } .lk-company-profile__subaccounts .subaccounts__row .rights .row:not(:last-child) { margin-bottom: 4px; } .lk-company-profile__subaccounts .subaccounts__row .funcs .func .i-icon { width: 16px; height: 16px; } .lk-company-profile__subaccounts .subaccounts__row .funcs .func:not(:last-child) { margin-right: 8px; margin-bottom: 8px; } .lk-company-profile__subaccounts .subaccounts__head > div, .lk-company-profile__subaccounts .subaccounts__row > div { font-size: 11.2px; } .lk-company-profile__subaccounts .subaccounts__head > div:first-of-type, .lk-company-profile__subaccounts .subaccounts__row > div:first-of-type { padding-left: 32px; } } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-create-news__main { padding: 40px; background-color: #fff; } @media (max-width: 500px) { .lk-create-news__main { padding: 20px 15px; } } .lk-create-news .b-form { width: 100%; } .lk-create-news .b-form .date-input { position: relative; } .lk-create-news .b-form .date-input img { pointer-events: none; } @media (max-width: 768px) { .lk-create-news .b-form .date-input { width: 100%; } } @media (max-width: 640px) { .lk-create-news .b-form .date-input:not(:last-child) { margin-bottom: 10px; } } .lk-create-news .b-form .date-input .b-form__input { max-width: 150px; } @media (max-width: 640px) { .lk-create-news .b-form .date-input .b-form__input { max-width: 100%; } } .lk-create-news .b-form .date-input img { position: absolute; top: 0; bottom: 0; width: 18px; height: 18px; right: 14px; margin: auto; } .lk-create-news .b-form .date-input:before { 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; position: absolute; top: 0; bottom: 0; margin: auto; left: 10px; color: #9EAABB; z-index: 10; } .lk-create-news .b-form__inner { max-width: 647px; margin-bottom: 40px; } .lk-create-news .b-form .select-wrap { width: 100%; } .lk-create-news .b-form__col { width: 100%; } .lk-create-news .b-form__btns { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; width: 100%; } .lk-create-news .b-form__btns .filename { margin-left: 20px; font-size: 14px; color: #9EAABB; } @media (max-width: 1024px) { .lk-create-news .b-form__btns .filename { margin-bottom: 3px; } } @media (max-width: 500px) { .lk-create-news .b-form__btns .filename { margin-left: 0; margin-top: 10px; text-align: center; } } .lk-create-news .b-form__btns .btn { margin-top: 0; margin-left: 0; padding: 15px 40px; width: auto; } @media (max-width: 500px) { .lk-create-news .b-form__btns .btn { width: 100%; } } .lk-create-news .b-form__btns .btn:not(:last-child) { margin-right: 10px; } @media (max-width: 500px) { .lk-create-news .b-form__btns .btn:not(:last-child) { margin-right: 0; margin-bottom: 10px; } } .lk-create-news .b-form__label { min-width: 193px; max-width: 193px; margin-right: 18px; margin-bottom: 0; padding-top: 10px; } .lk-create-news .b-form__label.nopt { padding-top: 0; } @media (max-width: 768px) { .lk-create-news .b-form__label { margin-right: 50px; } } @media (max-width: 640px) { .lk-create-news .b-form__label { margin-right: 0; margin-bottom: 10px; padding-top: 0; } } .lk-create-news .b-form__block { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 640px) { .lk-create-news .b-form__block { display: block; } } @media (max-width: 1700px) and (min-width: 1279px) { .lk-create-news__main { padding: 32px; } .lk-create-news .b-form .date-input .b-form__input { max-width: 120px; } .lk-create-news .b-form .date-input img { width: 14.4px; height: 14.4px; right: 11.2px; } .lk-create-news .b-form .date-input:before { left: 8px; } .lk-create-news .b-form__inner { max-width: 517.6px; margin-bottom: 32px; } .lk-create-news .b-form__btns .filename { margin-left: 16px; font-size: 11.2px; } .lk-create-news .b-form__btns .btn { padding: 12px 32px } .lk-create-news .b-form__btns .btn:not(:last-child) { margin-right: 8px; } .lk-create-news .b-form__label { min-width: 154.4px; max-width: 154.4px; margin-right: 14.4px; padding-top: 8px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-create-order .b-section-medium { padding: 20px 40px; margin-bottom: 20px; } @media (max-width: 500px) { .lk-create-order .b-section-medium { padding: 20px 15px; } } .lk-create-order .lk-upload__btn .btn { margin-right: 20px; } @media (max-width: 1200px) { .lk-create-order .lk-upload__btn .btn { margin-right: 0; } } .lk-create-order .lk-upload__btn .filename { font-size: 14px; color: #9EAABB; } @media (max-width: 1200px) { .lk-create-order .lk-upload__btn .filename { margin-top: 10px; } } .lk-create-order__table:not(:last-child) { margin-bottom: 20px; } .lk-create-order__table .head { background-color: #fff; padding: 25px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; } @media (max-width: 500px) { .lk-create-order__table .head { padding: 20px 15px; display: block; } } .lk-create-order__table .head .title { font-size: 18px; } .lk-create-order__table .head .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-size: 14px; } @media (max-width: 500px) { .lk-create-order__table .head .link { margin-top: 10px; } } .lk-create-order__table .head .link .i-icon { margin-right: 10px; } .lk-create-order__table .body { padding: 25px 40px; background-color: #fff; border-top: 1px solid #D3D9DE; } @media (max-width: 1700px) and (min-width: 1279px) { .lk-create-order .b-section-medium { padding: 16px 32px; margin-bottom: 16px; } .lk-create-order .lk-upload__btn .btn { margin-right: 16px; } .lk-create-order .lk-upload__btn .filename { font-size: 11.2px; } .lk-create-order__table:not(:last-child) { margin-bottom: 16px; } .lk-create-order__table .head { padding: 20px 32px; } .lk-create-order__table .head .title { font-size: 14.4px; } .lk-create-order__table .head .link { font-size: 11.2px; } .lk-create-order__table .head .link .i-icon { margin-right: 8px; } .lk-create-order__table .body { padding: 20px 32px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-create-appeal__main { background-color: #fff; padding: 40px; } @media (max-width: 768px) { .lk-create-appeal__main { padding: 30px; } } @media (max-width: 500px) { .lk-create-appeal__main { padding: 20px 15px; } } .lk-create-appeal__main .b-form { max-width: 650px; } .lk-create-appeal__main .b-form .select-wrap { width: 100%; } .lk-create-appeal__main .b-form .select-wrap .select-styled { display: block; overflow: hidden; text-overflow: ellipsis; } .lk-create-appeal__main .b-form__btns { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; } .lk-create-appeal__main .b-form__btns .filename { margin-left: 20px; font-size: 14px; color: #9EAABB; } @media (max-width: 500px) { .lk-create-appeal__main .b-form__btns .filename { margin-left: 0; margin-top: 10px; text-align: center; } } .lk-create-appeal__main .b-form__btns .btn { margin-top: 0; margin-left: 0; width: 218px; } @media (max-width: 768px) { .lk-create-appeal__main .b-form__btns .btn { width: auto; } } @media (max-width: 500px) { .lk-create-appeal__main .b-form__btns .btn { width: 100%; } } .lk-create-appeal__main .b-form__btns .btn:first-child { margin-right: 10px; } @media (max-width: 500px) { .lk-create-appeal__main .b-form__btns .btn:first-child { margin-right: 0; margin-bottom: 10px; } } .lk-create-appeal__main .b-form__label { min-width: 122px; margin-right: 90px; margin-bottom: 0; padding-top: 10px; } @media (max-width: 768px) { .lk-create-appeal__main .b-form__label { margin-right: 50px; } } @media (max-width: 500px) { .lk-create-appeal__main .b-form__label { margin-right: 0; margin-bottom: 10px; padding-top: 0; } } .lk-create-appeal__main .b-form__block { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .lk-create-appeal__main .b-form__block { display: block; } } .lk-create-appeal__main .b-form__privacy { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1700px) and (min-width: 1279px) { .lk-create-appeal__main { padding: 32px; } .lk-create-appeal__main .b-form { max-width: 520px; } .lk-create-appeal__main .b-form__btns .filename { margin-left: 16px; font-size: 11.2px; } .lk-create-appeal__main .b-form__btns .btn { margin-top: 0; margin-left: 0; width: 218px } .lk-create-appeal__main .b-form__btns .btn:first-child { margin-right: 8px; } .lk-create-appeal__main .b-form__label { min-width: 97.6px; margin-right: 72px; padding-top: 8px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-nav { margin-bottom: 20px; //padding: 40px 30px; background-color: #fff; /*@media (--max1279) { padding: 15px 20px; }*/ } @media (max-width: 1024px) { .lk-nav { border-radius: 2px; border: 1px solid #D3D9DE; } } .lk-nav__link { position: relative; display: block; font-size: 14px; font-weight: 700; text-transform: uppercase; -webkit-transition: .2s; transition: .2s; padding: 17px 42px 17px 30px; } @media (max-width: 1024px) { .lk-nav__link { padding: 15px; } } .lk-nav__link:not(:last-of-type) { border-bottom: 1px solid #D3D9DE; } .lk-nav__link:hover, .lk-nav__link.active { color: #E40208; } .lk-nav__event-count { position: absolute; right: 12px; top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 24px; min-width: 24px; height: 24px; margin-left: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: #FFD93D; font-size: 14px; font-weight: 700; color: #002454 !important; } @media (max-width: 1024px) { .lk-nav__event-count { top: 13px; } } @media (max-width: 500px) { .lk-nav__event-count { top: 14px; } } .lk-nav__link--title { display: none; margin-bottom: 0 !important; position: relative; } .lk-nav__link--title:after { right: 15px; content: ''; position: absolute; top: 23px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid currentColor; -webkit-transition: .3s ease-out; transition: .3s ease-out; } @media (max-width: 1024px) { .lk-nav__link--title { display: block; border-bottom: none !important; } } .lk-nav__link--title.active { border-bottom: 1px solid #D3D9DE !important; } .lk-nav__link--title.active:after { //top: calc(50% + 2px); -webkit-transform: translateY(-50%) scale(1) rotateX(180deg); transform: translateY(-50%) scale(1) rotateX(180deg); } .lk-nav__links { -webkit-transition: .2s; transition: .2s; overflow: hidden; } @media (max-width: 1024px) { .lk-nav__links { max-height: 0; } } @media (max-width: 1024px) { .lk-nav__links.active { max-height: 500px; //margin-top: 20px; } } @media (max-width: 1024px) { .lk-nav__links .b-lk-nav__link.active { display: none; } } @media (max-width: 1700px) and (min-width: 1279px) { .lk-nav { margin-bottom: 16px; } .lk-nav__link { font-size: 11.2px; padding: 13.6px 33.6px 13.6px 24px; } .lk-nav__event-count { top: 12px; width: 19.2px; min-width: 19.2px; height: 19.2px; margin-left: 8px; font-size: 11.2px; } .lk-nav__link--title:after { right: 12px; top: 18.4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid currentColor; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-order-detail .head { padding: 25px 40px; border-bottom: 1px solid #D3D9DE; background-color: #ffffff; } @media (max-width: 500px) { .lk-order-detail .head { padding: 20px 15px; } } .lk-order-detail .head .title { font-weight: 700; font-size: 18px; } .lk-order-detail__main { margin-bottom: 20px; } .lk-order-detail__main .head { padding: 38px 40px 30px; } @media (max-width: 500px) { .lk-order-detail__main .head { padding: 0; } } @media (max-width: 500px) { .lk-order-detail__main .head .wrapper { padding: 20px 15px; border-bottom: 1px solid #D3D9DE; } } .lk-order-detail__main .head .funcs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 25px); margin-top: 25px; margin-left: -25px; margin-bottom: -20px; } .lk-order-detail__main .head .funcs a { padding: 0; margin: 0; margin-left: 25px; } @media (max-width: 1359px) { .lk-order-detail__main .head .funcs a { margin-bottom: 20px; width: calc(50% - 25px); } } @media (max-width: 1359px) { .lk-order-detail__main .head .funcs { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -20px; } } @media (max-width: 500px) { .lk-order-detail__main .head .funcs { width: 100%; margin: 0; padding: 20px 15px; } } .lk-order-detail__main .head .funcs > a { -webkit-box-flex: 0; -ms-flex: 0 1 calc(33% - 25px); flex-grow: 0; flex-shrink: 1; flex-basis: calc(33% - 25px); padding: 0; margin: 0 0 20px 25px; } @media (max-width: 1023px) { .lk-order-detail__main .head .funcs > a { -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 25px); flex-grow: 1; flex-shrink: 1; flex-basis: calc(50% - 25px); } } @media (max-width: 767px) { .lk-order-detail__main .head .funcs > a { -webkit-box-flex: 1; -ms-flex: 1 1 calc(100% - 25px); flex-grow: 1; flex-shrink: 1; flex-basis: calc(100% - 25px); } } @media (max-width: 500px) { .lk-order-detail__main .head .funcs > a { margin-left: 0; } } @media (max-width: 767px) { .lk-order-detail__main .head .funcs > a:last-of-type { margin-bottom: 0; } } .lk-order-detail__main .head .funcs > a > span { width: calc(100% - 28px); } .lk-order-detail__main .head .funcs__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9EAABB; -webkit-transition: .3s ease-out; transition: .3s ease-out; padding-right: 20px; } @media (max-width: 1359px) { .lk-order-detail__main .head .funcs__item { width: 50%; margin-bottom: 20px; } } @media (max-width: 500px) { .lk-order-detail__main .head .funcs__item { width: 100%; margin-bottom: 0; } .lk-order-detail__main .head .funcs__item:not(:last-child) { margin-bottom: 15px; } } .lk-order-detail__main .head .funcs__item:hover { color: #E40208; } .lk-order-detail__main .head .funcs__item .i-icon { width: 20px; height: 20px; margin-right: 10px; } .lk-order-detail__main .body { padding: 34px 40px; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 768px) { .lk-order-detail__main .body { display: block; padding: 30px 40px; } } @media (max-width: 500px) { .lk-order-detail__main .body { padding: 20px 15px; } } .lk-order-detail__main .body .order-info { width: 50%; margin-right: 10px; } @media (max-width: 1024px) { .lk-order-detail__main .body .order-info { font-size: 14px; } } @media (max-width: 768px) { .lk-order-detail__main .body .order-info { width: 100%; margin-bottom: 20px; } } .lk-order-detail__main .body .order-info .b-c-list__line { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media (max-width: 1024px) { .lk-order-detail__main .body .order-info .b-c-list__line:not(:last-child) { margin-bottom: 13px; } } .lk-order-detail__main .body .order-info .b-c-list__title { width: auto !important; min-width: 172px; max-width: 172px; margin-right: 84px; } @media (max-width: 1200px) { .lk-order-detail__main .body .order-info .b-c-list__title { margin-right: 50px; } } @media (max-width: 1024px) { .lk-order-detail__main .body .order-info .b-c-list__title { margin-right: 25px; } } @media (max-width: 500px) { .lk-order-detail__main .body .order-info .b-c-list__title { min-width: 110px; max-width: 110px; margin-right: 20px; } } .lk-order-detail__main .body .order-info .b-c-list .select-wrap .select-styled { padding-top: 0; padding-bottom: 0; padding-left: 0 } .lk-order-detail__main .body .order-info .b-c-list .select-wrap .select-styled:after { border-top-color: currentColor; } .lk-order-detail__main .body .order-dimensions .b-form__block { width: 100%; } .lk-order-detail__main .body .personal-info { background-color: #FAFAFA; padding: 28px 30px; width: 50%; } @media (max-width: 1024px) { .lk-order-detail__main .body .personal-info { font-size: 14px; padding: 20px 15px; } } @media (max-width: 768px) { .lk-order-detail__main .body .personal-info { width: 100%; } } @media (max-width: 1200px) { .lk-order-detail__main .body .personal-info .b-c-list__line { display: block; } } @media (max-width: 1024px) { .lk-order-detail__main .body .personal-info .b-c-list__line { display: -webkit-box; display: -ms-flexbox; display: flex; } .lk-order-detail__main .body .personal-info .b-c-list__line:not(:last-child) { margin-bottom: 13px; } } .lk-order-detail__main .body .personal-info .b-c-list__title { min-width: 144px; max-width: 144px; margin-right: 40px; width: auto !important; } @media (max-width: 1024px) { .lk-order-detail__main .body .personal-info .b-c-list__title { margin-right: 25px; } } @media (max-width: 500px) { .lk-order-detail__main .body .personal-info .b-c-list__title { min-width: 75px; max-width: 75px; margin-right: 25px; } } .lk-order-detail__main .body .personal-info .b-c-list__value { width: calc(100% - 184px); } @media (max-width: 500px) { .lk-order-detail__main .body .personal-info .b-c-list__value { width: calc(100% - 100px); } } .lk-order-detail__docs { background-color: #ffffff; margin-bottom: 20px; } .lk-order-detail__docs .doc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 18px 40px; } @media (max-width: 768px) { .lk-order-detail__docs .doc { display: block; } } @media (max-width: 500px) { .lk-order-detail__docs .doc { padding: 20px 15px; } } .lk-order-detail__docs .doc:not(:last-child) { border-bottom: 1px solid #D3D9DE; } .lk-order-detail__docs .doc__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #E40208; } @media (max-width: 768px) { .lk-order-detail__docs .doc__name { margin-bottom: 14px; } } .lk-order-detail__docs .doc__name .i-icon { width: 20px; height: 20px; margin-right: 12px; } .lk-order-detail__docs .doc__funcs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; } @media (max-width: 500px) { .lk-order-detail__docs .doc__funcs { display: block; } } .lk-order-detail__docs .doc__funcs .func { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #9EAABB; -webkit-transition: .3s ease-out; transition: .3s ease-out; } .lk-order-detail__docs .doc__funcs .func:hover { color: #E40208; } .lk-order-detail__docs .doc__funcs .func .i-icon { width: 20px; height: 20px; margin-right: 10px; } .lk-order-detail__docs .doc__funcs .func:not(:last-child) { margin-right: 30px; } @media (max-width: 500px) { .lk-order-detail__docs .doc__funcs .func:not(:last-child) { margin-right: 0; margin-bottom: 14px; } } .lk-order-detail__section:not(:last-child) { margin-bottom: 40px; } .lk-order-detail__list .cart__section .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; } .lk-order-detail__list .cart__section .title .subtitle { color: #9EAABB; margin-left: 20px; } @media (max-width: 500px) { .lk-order-detail__list .cart__section .title .subtitle { margin-left: 0; margin-top: 5px; } } .lk-order-detail__list .cart__section .title-4 { cursor: pointer; margin-bottom: 0; } .lk-order-detail__list .cart__section .toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding-right: 20px; -webkit-transition: .2s; transition: .2s; background-color: #FAFAFA; } @media (max-width: 500px) { .lk-order-detail__list .cart__section .toggle { padding-right: 15px; } } .lk-order-detail__list .cart__section .toggle.active svg { -webkit-transform: scaleY(1); transform: scaleY(1); } .lk-order-detail__list .cart__section .toggle.active svg * { fill: #E40208; } .lk-order-detail__list .cart__section .toggle svg { -webkit-transition: .3s ease-out; transition: .3s ease-out; width: 10px; height: 10px; margin-left: auto; -webkit-transform: scaleY(-1); transform: scaleY(-1); } .lk-order-detail__list .cart__section .toggle svg * { fill: #9EAABB; } .lk-order-detail__list .cart__section .toggle:hover svg * { fill: #E40208; } .lk-order-detail__list .cart__table { border-bottom: 1px solid #D3D9DE; } .lk-order-detail__save { background-color: #ffffff; padding: 20px 40px; } @media (max-width: 500px) { .lk-order-detail__save { padding: 20px 15px; } } .lk-order-detail__save .btn { width: auto; padding: 15px 40px; } @media (max-width: 500px) { .lk-order-detail__save .btn { width: 100%; } } @media (max-width: 1700px) and (min-width: 1279px) { .lk-order-detail .head { padding: 20px 32px; } .lk-order-detail .head .title { font-size: 14.4px; } .lk-order-detail__main { margin-bottom: 16px; } .lk-order-detail__main .head { padding: 30.4px 32px 24px; } .lk-order-detail__main .head .funcs { margin-top: 20px; } .lk-order-detail__main .head .funcs__item { padding-right: 16px } .lk-order-detail__main .head .funcs__item:hover { color: #E40208; } .lk-order-detail__main .head .funcs__item .i-icon { width: 16px; height: 16px; margin-right: 8px; } .lk-order-detail__main .body { padding: 27.2px 32px; } .lk-order-detail__main .body .order-info { margin-right: 8px; } .lk-order-detail__main .body .order-info .b-c-list__title { min-width: 137.6px; max-width: 137.6px; margin-right: 67.2px; } .lk-order-detail__main .body .personal-info { padding: 22.4px 24px; } .lk-order-detail__main .body .personal-info .b-c-list__title { min-width: 115.2px; max-width: 115.2px; margin-right: 32px; } .lk-order-detail__docs { background-color: #ffffff; margin-bottom: 16px; } .lk-order-detail__docs .doc { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 14.4px 32px; } .lk-order-detail__docs .doc__name .i-icon { width: 16px; height: 16px; margin-right: 9.6px; } .lk-order-detail__docs .doc__funcs .func .i-icon { width: 16px; height: 16px; margin-right: 8px; } .lk-order-detail__docs .doc__funcs .func:not(:last-child) { margin-right: 24px; } .lk-order-detail__list .cart__section .title .subtitle { margin-left: 16px; } .lk-order-detail__list .cart__section .toggle svg { width: 8px; height: 8px; } .lk-order-detail__save { padding: 16px 32px; } .lk-order-detail__save .btn { padding: 12px 32px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-orders .table__header { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 1024px) { .lk-orders .table__header { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (max-width: 768px) { .lk-orders .table__header { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .lk-orders .table__header .dataTables_filter label { top: auto !important; width: calc(100% + 182px) !important; left: auto !important; right: 40px !important; } @media (max-width: 768px) { .lk-orders .table__header .dataTables_filter label { width: calc(100% - 60px) !important; top: 0 !important; } } .lk-orders .table-search { padding-bottom: 15px; } @media (max-width: 1024px) { .lk-orders .table-search { padding-bottom: 0; } } @media (max-width: 1024px) { .lk-orders .aside { display: block; } } @media (max-width: 1024px) { .lk-orders .aside-sidebar { width: 100%; max-width: 100%; min-width: 0; } } @media (max-width: 1024px) { .lk-orders .aside-main { width: 100%; margin: 0; } } .lk-orders .b-section-medium { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 500px) { .lk-orders .b-section-medium { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .lk-orders__email { font-size: 18px; } @media (max-width: 768px) { .lk-orders__email { font-size: 16px; } } @media (max-width: 500px) { .lk-orders__email { margin-bottom: 15px; font-size: 14px; } } .lk-orders__create { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-size: 14px; } @media (max-width: 500px) { .lk-orders__create { font-size: 12px; } } .lk-orders__create .i-icon { width: 12px; height: 12px; margin-right: 10px; } @media (max-width: 1700px) and (min-width: 1279px) { .lk-orders .table__header .dataTables_filter label { width: calc(100% + 145.6px) !important; right: 32px !important; } .lk-orders .table-search { padding-bottom: 12px; } .lk-orders .b-section-medium { margin-bottom: 16px; } .lk-orders__email { font-size: 14.4px; } .lk-orders__create { font-size: 11.2px; } .lk-orders__create .i-icon { width: 9.6px; height: 9.6px; margin-right: 8px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-order-cancel__back { margin-bottom: 20px; } .lk-order-cancel__back svg { width: 15px; height: 15px; margin-right: 5px; margin-bottom: 4px; } .lk-order-cancel__number { font-weight: 700; } .lk-order-cancel__msg { color: #E40208; } .lk-order-cancel__title { margin-bottom: 5px; } .lk-order-cancel .b-form { width: 100%; max-width: 600px; } .lk-order-cancel .b-form .btn { max-width: 200px; }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-upload .b-section-medium { margin-bottom: 20px; } .lk-upload__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { .lk-upload__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .lk-upload__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1200px) { .lk-upload__btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 768px) { .lk-upload__btn { margin-bottom: 15px; } } @media (max-width: 500px) { .lk-upload__btn { width: 100%; } } .lk-upload__btn .btn { width: auto; } @media (max-width: 500px) { .lk-upload__btn .btn { width: 100%; } } .lk-upload__btn .btn .i-icon { width: 20px; height: 20px; margin-right: 10px; } .lk-upload__btn .message { font-size: 14px; margin-left: 20px; color: #29AD2E; } @media (max-width: 1200px) { .lk-upload__btn .message { margin-left: 0; margin-top: 8px; } } .lk-upload__docs {} .lk-upload__doc { display: -webkit-box; display: -ms-flexbox; display: flex; } .lk-upload__doc:not(:last-child) { margin-bottom: 15px; } .lk-upload__doc .i-icon { margin-right: 10px; width: 20px; height: 20px; } .lk-upload__table .head { padding: 40px; font-size: 18px; font-weight: 700; background-color: #fff; } @media (max-width: 768px) { .lk-upload__table .head { padding: 30px; } } @media (max-width: 500px) { .lk-upload__table .head { padding: 20px 15px; } } /* MODAL add-feed.php */ .lk-upload__modal .cbs { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 25px 0 } .lk-upload__modal .cbs.bottom { margin-top: 10px; } @media (max-width: 640px) { .lk-upload__modal .cbs { display: block; } } .lk-upload__modal .cbs .b-checkbox { padding-right: 0; } .lk-upload__modal .cbs .b-checkbox:not(:last-child) { margin-right: 40px; } @media (max-width: 640px) { .lk-upload__modal .cbs .b-checkbox:not(:last-child) { margin-right: 0; margin-bottom: 13px; } } .lk-upload { /* END MODAL */ } .lk-upload__modal-tab { display: none; } .lk-upload__modal-tab .btn { margin-top: 0; height: 50px; } .lk-upload__modal-tab .btn span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lk-upload__modal-tab.active { display: block; } .lk-upload__modal-date { position: relative; } .lk-upload__modal-date img { position: absolute; top: 0; bottom: 0; width: 18px; height: 18px; right: 14px; margin: auto; } .lk-upload__modal-filename { font-size: 14px; color: #002454; margin-top: 20px; } .lk-upload__modal-formats { margin: 18px 0; } .lk-upload__modal .b-form__cbs { height: auto; } @media (max-width: 1700px) and (min-width: 1279px) { .lk-upload .b-section-medium { margin-bottom: 16px; } .lk-upload__btn .btn .i-icon { width: 16px; height: 16px; margin-right: 8px; } .lk-upload__btn .message { font-size: 11.2px; margin-left: 16px; } .lk-upload__doc:not(:last-child) { margin-bottom: 12px; } .lk-upload__doc .i-icon { margin-right: 8px; width: 16px; height: 16px; } .lk-upload__table .head { padding: 32px; font-size: 14.4px; } .lk-upload__modal .cbs { margin: 20px 0 } .lk-upload__modal .cbs.bottom { margin-top: 8px; } .lk-upload__modal .cbs .b-checkbox:not(:last-child) { margin-right: 32px; } .lk-upload__modal-tab .btn { height: 40px; } .lk-upload__modal-date img { width: 14.4px; height: 14.4px; right: 11.2px; } .lk-upload__modal-filename { font-size: 11.2px; margin-top: 16px; } .lk-upload__modal-formats { margin: 14.4px 0; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk-customers .b-section-medium, .lk-test-applications .b-section-medium { padding: 20px 40px; } .lk-customers .b-section-medium .wrapper, .lk-test-applications .b-section-medium .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 500px) { .lk-customers .b-section-medium .wrapper, .lk-test-applications .b-section-medium .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 500px) { .lk-customers .b-section-medium, .lk-test-applications .b-section-medium { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1700px) and (min-width: 1279px) { .lk-customers .b-section-medium, .lk-test-applications .b-section-medium { padding: 16px 32px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .main-brand { position: relative; width: 100%; } .main-brand .swiper-container { width: 100%; } .main-brand .swiper-container-brand .swiper-slide { max-width: 100%; width: 100%; } .main-brand .swiper-container--preview-2 { -webkit-transform: translate(-45%); transform: translate(-45%); } .main-brand .swiper-container--preview-2 .swiper-slide.swiper-slide-active { position: relative } .main-brand .swiper-container--preview-2 .swiper-slide.swiper-slide-active:after { content: ''; position: absolute; border: 6px solid transparent; border-bottom: 11px solid #F7F5F6; bottom: 0; margin: auto; height: 0; z-index: 20; left: 56px; } @media (max-width: 1278px) { .main-brand .swiper-container--preview-2 { -webkit-transform: translate(calc(-50vw + 80px)); transform: translate(calc(-50vw + 80px)); } } .main-brand--second .main-brand__bg { background: transparent; } .main-brand-slide { display: -webkit-box; display: -ms-flexbox; display: flex; color: #ffffff; } @media (max-width: 1024px) { .main-brand-slide { display: block; } } .main-brand-slide__left { display: -webkit-box; display: -ms-flexbox; display: flex; width: 400px; padding: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 2px solid rgba(0, 0, 0, .05); background: rgba(255, 255, 255, .45); } @media (max-width: 1024px) { .main-brand-slide__left { width: 100%; padding: 20px 15px; border-right: none; border-bottom: 2px solid rgba(0, 0, 0, .05); } } @media (max-width: 500px) { .main-brand-slide__left { padding: 0; } } .main-brand-slide__left-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } @media (max-width: 500px) { .main-brand-slide__left-link { padding: 33px 15px; } } .main-brand-slide__left img { width: 100%; margin: auto; } @media (max-width: 1024px) { .main-brand-slide__left img { width: auto; height: 100px; max-width: 200px; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } } .main-brand-slide__content { width: 100%; max-height: 18em; min-height: 18em; overflow: hidden; } @media (max-width: 1024px) { .main-brand-slide__content { font-size: 15px; } } @media (max-width: 375px) { .main-brand-slide__content { max-height: 23.5em; min-height: 23.5em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } .main-brand-slide__right { width: calc(100% - 400px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 45px 50px 40px 40px; height: 424px; background: rgba(0, 0, 0, .45); } @media (max-width: 1024px) { .main-brand-slide__right { width: 100%; padding: 20px 15px; height: auto; } } @media (max-width: 500px) { .main-brand-slide__right.product_detail_manufacturer { width: 100%; padding: 20px 15px; height: auto; } } .main-brand-slide__right-link { width: 100%; max-height: 17em; min-height: 17em; overflow: hidden; } @media (max-width: 375px) { .main-brand-slide__right-link { max-height: 23.5em; min-height: 23.5em; } } .main-brand-slide__right p { margin-bottom: 1em; width: 100%; } @media (max-width: 1024px) { .main-brand-slide__right p { margin-bottom: 1em; } } .main-brand-slide__link { display: block; margin-top: auto; font-size: 14px; font-weight: 700; position: relative; } .main-brand-slide__link--question-manufacturer { display: none; } .main-brand-slide__link__slider-link{ font-size: 20px; bottom: 65px; position: absolute; color: #fff; } @media (max-width: 1700px) and (min-width: 1279px) { .main-brand-slide__link__slider-link { font-size: 16px; bottom: 52px; } } @media (max-width: 1024px) { .main-brand-slide__link__slider-link { display:none; } } .main-brand-slide__link:hover { color: #E40208; } @media (max-width: 1024px) { .main-brand-slide__link { margin-top: 20px; } } @media (max-width: 500px) { .main-brand-slide__link { margin: 20px -15px -15px; padding: 15px; font-size: 12px; } } @media (max-width: 500px) { .main-brand-slide__link.hover-border:after { width: calc(100% - 30px); left: 15px; bottom: 15px; } } .main-brand-slide ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: -20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1024px) { .main-brand-slide ul { display: block; margin-bottom: 0; } } .main-brand-slide ul li { width: 50%; margin-bottom: 20px; padding-right: 10px; padding-left: 20px; position: relative; } @media (max-width: 1024px) { .main-brand-slide ul li { line-height: 1.3em; width: 100%; padding-right: 0; margin-bottom: 0; } .main-brand-slide ul li:not(:last-child) { margin-bottom: 15px; } } @media (max-width: 1024px) and (max-width: 1024px) { .main-brand-slide ul li:not(:last-child) { margin-bottom: 1em; } } .main-brand-slide ul li:before { content: ''; display: block; width: 8px; height: 8px; position: absolute; top: 7px; left: 0; border-radius: 50%; background-color: #ffffff; } .main-brand__preview { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 75px; min-height: 75px; height: 75px !important; margin-top: 10px; padding: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0.4; -webkit-transition: .2s; transition: .2s; cursor: pointer; } @media (max-width: 768px) { .main-brand__preview { margin-top: 0; } } .main-brand__preview img { width: 100%; height: 100%; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } .main-brand__preview.active { opacity: 1; } @media (min-width: 1024px) { .main-brand__preview:hover { opacity: 1; } } .main-brand__bg { position: absolute; left: -50vw; bottom: 20px; top: -2000px; right: 180px; z-index: -1; background-color: #ffffff; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; } @media (max-width: 1024px) { .main-brand__bg { display: none; } } .main-brand .swiper-container { overflow: visible } .main-brand .swiper-container[data-slider="brand-preview"] { width: 100%; } @media (max-width: 1278px) { .main-brand .swiper-container[data-slider="brand-preview"] { margin: 0; } } @media (max-width: 1024px) { .main-brand .swiper-container[data-slider="brand-preview"] { background-color: #ffffff; padding-left: 20px; padding-right: 20px; } } @media (max-width: 1024px) { .main-brand .swiper-container[data-slider="brand-preview"] .swiper-wrapper { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; overflow: auto; } } .main-brand .swiper-container[data-slider="brand-preview"] .main-brand__preview { max-width: 130px; min-width: 130px; width: 130px; } .main-brand .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 500px) { .main-brand .swiper-pagination { display: none; } } .main-brand .swiper-container__top-block { margin: 0; padding: 0; } .main-brand .swiper-container__top-block .swiper-slide { margin-top: 0; } .main-brand .swiper-container__top-block .swiper-slide__img-wrap { height: 36px; } .main-brand .swiper-container__top-block .swiper-slide.main-brand__preview { max-width: 130px; } .main-brand .swiper-container__top-block[data-slider="brand-preview"] { padding-bottom: 15px; } .main-brand .swiper-container__block { padding: 0 15px; position: relative; padding-top: 30px; max-width: 1380px; } .main-brand .swiper-container__block .swiper-slide { background-color: #ffffff; max-width: 172px; padding: 14px; margin-right: 16px } .main-brand .swiper-container__block .swiper-slide.open { display: -webkit-box; display: -ms-flexbox; display: flex; } .main-brand .swiper-container__block .main-brand-slide { min-height: 145px; } .main-brand .swiper-container__block-wrap { width: 100vw; left: 50%; margin-left: -50vw; position: relative; background: #F7F5F6; } .main-brand .swiper-container__block--text { font-size: 16px; line-height: 14px; font-weight: bold; color: #002454; margin-bottom: 25px; } @media (max-width: 500px) { .main-brand .b-slider__header .title-2 { text-transform: uppercase; } } .main-brand .swiper-container__block-wrap--brand2 .swiper-container { margin-bottom: 0; } @media (max-width: 1700px) and (min-width: 1279px) { .main-brand-slide__left { width: 320px; padding: 16px; } .main-brand-slide__right { width: calc(100% - 320px); padding: 36px 40px 32px 32px; height: 339.2px; } .main-brand-slide__right p { margin-bottom: 16px; } .main-brand-slide__link { font-size: 16px; } .main-brand-slide ul { margin-bottom: -16px; } .main-brand-slide ul li { margin-bottom: 16px; padding-right: 8px; padding-left: 16px } .main-brand-slide ul li:before { width: 6.4px; height: 6.4px; top: 5.6px; } .main-brand__preview { max-height: 60px; min-height: 60px; height: 60px !important; margin-top: 8px; padding: 12px; } .main-brand__bg { left: -40vw; bottom: 16px; top: -1600px; right: 144px; } .main-brand .swiper-container[data-slider="brand-preview-2"] { width: calc(100% + 140px); margin: 0 -120px -40px -10px; } .main-brand .swiper-container[data-slider="brand-preview-2"] .main-brand__preview { max-width: 100px; } .main-brand .swiper-container__block { max-width: 1104px; } .main-brand .swiper-container--preview-2 { -webkit-transform: translate(-44.5%); transform: translate(-44.5%); } } @media (min-width: 1280px) { .main-brand__main .swiper-container__top-block { margin: 0; } .main-brand__main .swiper-container__top-block .main-brand__preview { max-width: 160px; } .main-brand__main .swiper-container__block:before { left: 100px; } .main-brand__main .swiper-container__block { padding: 0 32px; margin: auto; padding-top: 40px; } .main-brand__main .swiper-container__block .swiper-slide { padding: 20px; max-width: 248px; } .main-brand__main .swiper-container__block .main-brand-slide { min-height: 210px; } .main-brand__main .swiper-container__top-block { margin-bottom: 0 !important; padding-bottom: 24px; } .main-brand__main .swiper-container__top-block .swiper-slide.swiper-slide-active:after { border: 9px solid transparent; border-bottom: 15px solid #F7F5F6; bottom: -25px; z-index: 20; left: 39px; } .main-brand__main .swiper-container--preview-2 .swiper-wrapper { margin: 0 -16px; } .main-brand__main .b-catalog-section { margin-left: 0; } } @media (min-width: 1280px) { .swiper-container__top-block .swiper-slide.swiper-slide-active:after { border: 9px solid transparent; border-bottom: 15px solid #F7F5F6; bottom: -25px; z-index: 20; left: 39px; } } @media (min-width: 1700px) { .swiper-container__top-block .swiper-slide.swiper-slide-active:after { left: 56px !important; } } @media (max-width: 768px) { .main-brand .swiper-container--preview-2 { -webkit-transform: translate(calc(-50vw + 81px)); transform: translate(calc(-50vw + 81px)); } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .lk .lk-company-info { position: relative; padding: 30px 30px 30px 160px; margin: 30px 0; font-size: 14px; line-height: 24px; color: #002454; background: #FAFAFA } .lk .lk-company-info:before { position: absolute; top: 28px; left: 43px; display: block; width: 58px; height: 71px; background-image: url("data:image/svg+xml,%3Csvg width='58' height='71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.022 31.875H.133a6.361 6.361 0 016.356-6.357v.001h8.063a11.629 11.629 0 003.47 6.357z' fill='%236E92AF'/%3E%3Cpath d='M37.7 23.3a11.66 11.66 0 01-1.898 6.466c-.505.771-1.1 1.48-1.768 2.11H18.022a11.63 11.63 0 01-3.664-8.407c-.047-6.445 5.14-11.709 11.585-11.755h.085c6.408-.003 11.625 5.169 11.672 11.585z' fill='%23FFD93C'/%3E%3Cpath d='M47.807 31.875H34.034a11.676 11.676 0 001.768-2.11 11.582 11.582 0 001.702-4.246h3.946a6.36 6.36 0 015.999 4.247c.232.66.358 1.37.358 2.11z' fill='%236E92AF'/%3E%3Cpath d='M40.282 47.985a3.179 3.179 0 110 6.358 3.179 3.179 0 010-6.358z' fill='%23ECEFF0'/%3E%3Cpath d='M40.282 44.805a6.359 6.359 0 00-6.358 6.277c-.002.027-.002.056-.002.083a6.36 6.36 0 006.36 6.358h17.335V44.805H40.283zm3.18 6.359a3.179 3.179 0 11-6.36 0 3.177 3.177 0 013.18-3.179 3.179 3.179 0 013.18 3.179z' fill='%236E92AF'/%3E%3Cpath d='M33.922 51.165a6.36 6.36 0 006.36 6.357h17.335v6.572a6.36 6.36 0 01-6.358 6.192H6.491a6.358 6.358 0 01-6.358-6.358H.132V31.875h51.127a6.358 6.358 0 016.358 6.359v6.57H40.282a6.36 6.36 0 00-6.36 6.36z' fill='%23CFDFEE'/%3E%3Cpath opacity='.2' d='M47.807 31.875H.133c0-.74.126-1.449.359-2.11h46.957c.232.661.358 1.37.358 2.11z' fill='%23000'/%3E%3Cpath opacity='.2' d='M57.617 51.082v6.44H40.282a6.36 6.36 0 01-6.36-6.357l.001-.083h23.694z' fill='url(%23paint0_linear)'/%3E%3Ccircle cx='46.5' cy='8.5' r='8.5' fill='%23FFD93C'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='45.769' y1='51.082' x2='45.769' y2='57.523' gradientUnits='userSpaceOnUse'%3E%3Cstop/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); background-size: 58px; content: ''; } .lk .lk-company-info__txt { max-width: 355px; } .lk .lk-company-info__txt span { color: #E40208; } @media (max-width: 1024px) { .lk .aside { display: block } } @media (max-width: 1024px) { .lk .aside-sidebar { width: 100%; max-width: 100%; min-width: 0 } } @media (max-width: 1024px) { .lk .aside-main { width: 100%; margin: 0 } } .lk .aside-main .dataTables_wrapper { margin-bottom: 20px; } .lk .count { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 500px) { .lk .count { padding: 17px 15px; border-bottom: 1px solid #D3D9DE; width: 100% } } .lk .count .text { color: #9EAABB; } .lk .count .select-styled { padding-top: 0; padding-bottom: 0 } .lk .count .select-styled:after { border-top-color: currentColor; } .lk .search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; } @media (max-width: 500px) { .lk .search { padding: 17px 15px; border-bottom: 1px solid #D3D9DE; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .lk .search .i-icon { width: 16px; height: 16px; margin-right: 15px; } .lk font.notetext { display: block; font-size: 13px; padding: 10px 0; color: #29AD2E; } .lk #errors { display: block; font-size: 13px; padding: 10px 0; color: #E40208; } @media (max-width: 1700px) and (min-width: 1279px) { .lk .search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 11.2px; } .lk .search .i-icon { width: 12.8px; height: 12.8px; margin-right: 12px; } } #OWNER_ID_chosen { display: none; } :root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .main-library { padding-top: 20px; padding-bottom: 10px; } .main-library__inner { margin-left: -20px; margin-bottom: -20px; position: relative; } @media (max-width: 500px) { .main-library__inner { margin-left: 0; margin-bottom: 0; } } .main-library__item { display: block; height: 300px; overflow: hidden; margin-left: 20px; } @media (max-width: 1279px) { .main-library__item { height: 250px; } } @media (max-width: 1080px) { .main-library__item { height: 200px; } } @media (max-width: 900px) { .main-library__item { height: 150px; } } @media (max-width: 855px) { .main-library__item { height: 200px; } } @media (max-width: 500px) { .main-library__item { height: auto; max-height: 270px; min-height: 200px; width: 100% !important; margin-left: 0; margin-bottom: 0; } } .main-library__item:hover { color: #E40208; } .main-library__item:hover > img { -webkit-transform: scale(1.2); transform: scale(1.2); } .main-library__item-width50 { width: 48.4%; margin-bottom: 20px; } @media (max-width: 1600px) { .main-library__item-width50 { width: 48.3%; } } @media (max-width: 1200px) { .main-library__item-width50 { width: 48%; } } @media (max-width: 1080px) { .main-library__item-width50 { width: 47.9%; } } @media (max-width: 1024px) { .main-library__item-width50 { width: 47.8%; } } @media (max-width: 960px) { .main-library__item-width50 { width: 47.7%; } } @media (max-width: 900px) { .main-library__item-width50 { width: 47.5%; } } @media (max-width: 855px) { .main-library__item-width50 { width: 47%; } } @media (max-width: 667px) { .main-library__item-width50 { width: 46.5%; } } @media (max-width: 640px) { .main-library__item-width50 { width: 46%; } } .main-library__item.main-library__item-width33 { width: calc(33.33% - 20px); } @media (max-width: 640px) { .main-library__item.main-library__item-width33 { width: 46%; margin-bottom: 20px; } .main-library__item.main-library__item-width33:last-child { width: 96%; } .main-library__item.main-library__item-width33:last-child .main-library__title { width: 90%; } } .main-library__item > img { width: 100%; height: 100%; -o-object-fit: cover; font-family: "object-fit:cover"; object-fit: cover; -webkit-transition: .3s; transition: .3s; } .main-library__icon { position: absolute; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 40px; padding: 10px 20px; background-color: rgba(255, 255, 255, .6); z-index: 1; } @media (max-width: 1024px) { .main-library__icon { padding-left: 10px; padding-right: 10px; } } .main-library__icon svg { width: 25px; height: 21px; } .main-library__icon img { width: 25px; height: 21px; } .main-library__title { position: absolute; bottom: 9px; right: 5px; display: block; width: calc(100% - 70px); font-size: 16px; font-weight: 700; z-index: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 1080px) { .main-library__title { font-size: 14px; width: 75%; } } @media (max-width: 900px) { .main-library__title { font-size: 12px; } } @media (max-width: 855px) { .main-library__title { font-size: 14px; } } @media (max-width: 414px) { .main-library__title { width: 85%; } } @media (max-width: 375px) { .main-library__title { font-size: 12px; } } @media (max-width: 360px) { .main-library__title { width: 85%; font-size: 16px; } } @media (max-width: 1700px) and (min-width: 1279px) { .main-library { padding-bottom: 5px; } .main-library__inner { margin-left: -16px; margin-bottom: -16px; } } @media (max-width: 1359px) { .main-library { padding-top: 0; padding-bottom: 0; } } @media (max-width: 768px) { .main .main-library.mb { margin-bottom: 35px !important; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .main { display: block; } .main .description_section { padding-left: 0; padding-right: 0; } .main-catalog .title-2 { text-transform: uppercase; } .main-catalog__inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -20px; margin-bottom: -20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1279px) { .main-catalog__inner { margin-left: -15px; margin-bottom: -15px; } } @media (max-width: 500px) { .main-catalog__inner { margin-left: 0; margin-bottom: 0; } } .main-catalog__item { width: calc(50% - 20px) !important; margin-left: 20px; margin-bottom: 20px; padding: 40px; background-color: #ffffff; background-repeat: no-repeat; background-position: right center; background-size: 40%; } .main-catalog__item .link { display: block; } @media (max-width: 1279px) { .main-catalog__item { margin-left: 15px; margin-bottom: 15px; width: calc(50% - 15px) !important; } } @media (max-width: 768px) { .main-catalog__item { padding: 20px 15px 40px; background-size: 30%; } } @media (max-width: 500px) { .main-catalog__item { margin-left: 0; margin-bottom: 10px; width: 100% !important; height: 280px !important; } } .main-catalog__links { max-height: 150px; overflow: hidden; margin-bottom: 15px; } @media (max-width: 500px) { .main-catalog__links { max-height: 125px; margin-bottom: 13px; } } .main-catalog__link { display: block; max-width: 236px; margin-bottom: 18px; -webkit-transition: .2s; transition: .2s; } @media (max-width: 768px) { .main-catalog__link { max-width: 70%; } } @media (max-width: 500px) { .main-catalog__link { margin-bottom: 13px; } } .main-catalog__link:last-of-type { margin-bottom: 0; } .main-catalog__link:hover { color: #E40208; } .main-catalog .title-3 { min-height: 54px; max-width: 266px; margin-bottom: 25px; } @media (max-width: 768px) { .main-catalog .title-3 { font-size: 16px; } } @media (max-width: 500px) { .main-catalog .title-3 { width: calc(100% - 70px); min-height: 0; font-size: 14px; margin-bottom: 20px; } } .main-catalog .title-3:hover { color: #E40208; } .main-info { position: relative; } .main-info__inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 600px; background-color: #ffffff; } @media (max-width: 1359px) { .main-info__inner { height: 450px; } } @media (max-width: 1024px) { .main-info__inner { height: 300px; } } @media (max-width: 768px) { .main-info__inner { height: auto; display: block; } } .main-info__left { width: calc(50% - 10px); } @media (max-width: 1024px) { .main-info__left { width: 33.333%; } } @media (max-width: 768px) { .main-info__left { width: 100%; height: 300px; } } @media (max-width: 500px) { .main-info__left { height: 200px; } } .main-info__left img { width: 100%; height: 100%; -o-object-fit: cover; font-family: "object-fit:cover"; object-fit: cover; } .main-info__right { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 168px 60px 60px; } @media (max-width: 1359px) { .main-info__right { padding: 110px 30px 30px; } } @media (max-width: 1024px) { .main-info__right { padding: 20px 15px; width: 66.666%; } } @media (max-width: 768px) { .main-info__right { width: 100%; position: relative; } } @media (max-width: 500px) { .main-info__right { padding: 20px 15px 25px; } } .main-info__right img { width: 619px; height: 619px; position: absolute; right: -300px; top: 0; z-index: 0; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } @media (max-width: 768px) { .main-info__right img { width: 100%; height: 100%; right: -50%; } } @media (max-width: 500px) { .main-info__right img { height: calc(100% - 28px); top: 7px; } } .main-info__right p { max-width: 600px; font-size: 18px; line-height: 1.8; position: relative; z-index: 2; } @media (max-width: 1359px) { .main-info__right p { font-size: 16px; } } @media (max-width: 768px) { .main-info__right p { min-height: 100px; max-height: 100px; overflow: hidden; font-size: 14px; max-width: 100%; } } @media (max-width: 500px) { .main-info__right p { min-height: 140px; max-height: 140px; line-height: 20px; } } .main-info .b-tabs-head { line-height: 1; margin-bottom: 30px; z-index: 1; } @media (max-width: 1024px) { .main-info .b-tabs-head { margin-bottom: 20px; } } .main-info .b-tabs-head__link { margin-right: 60px; font-size: 20px; letter-spacing: 1.6px; } @media (max-width: 1024px) { .main-info .b-tabs-head__link { font-size: 18px; } } @media (max-width: 768px) { .main-info .b-tabs-head__link { font-size: 14px; } } @media (max-width: 500px) { .main-info .b-tabs-head__link { font-size: 12px; margin-right: 40px; letter-spacing: 1px; } } .main-m-wrapper { margin-bottom: 35px; height: 100%; } @media (max-width: 768px) { .main-m-wrapper { background-color: #ffffff; margin-bottom: 30px; overflow: hidden; } } @media (max-width: 500px) { .main-m-wrapper { margin-bottom: 23px; } } @media (max-width: 1700px) and (min-width: 1279px) { .main-sale__inner { margin-left: -16px; margin-bottom: -16px; } .main-sale__item { height: 208px; margin-left: 16px; margin-bottom: 16px } .main-sale__item:nth-of-type(2) { float: right; } .main-sale__item:nth-of-type(1), .main-sale__item:nth-of-type(2) { width: calc(50% - 16px); } .main-sale__item:nth-of-type(3), .main-sale__item:nth-of-type(4), .main-sale__item:nth-of-type(5) { width: calc(33.33% - 16px); } .main-catalog__inner { margin-left: -16px; margin-bottom: -16px; } .main-catalog__item { width: calc(50% - 16px) !important; margin-left: 16px; margin-bottom: 16px; padding: 24px; } .main-catalog__links { max-height: 96px; margin-bottom: 12px; } .main-catalog__link { max-width: 188.8px; margin-bottom: 8px; } .main-catalog .title-3 { min-height: 43.2px; max-width: 212.8px; margin-bottom: 12px; } .main-info__inner { height: 360px; } .main-info__left { width: calc(50% - 8px); } .main-info__left img { -o-object-position: 0 0; object-position: 0 0; } .main-info__right { padding: 134.4px 48px 48px; } .main-info__right img { width: 495.2px; height: 495.2px; right: -240px; } .main-info__right p { max-width: 480px; font-size: 14.4px; } .main-info .b-tabs-head { margin-bottom: 24px; } .main-info .b-tabs-head__link { margin-right: 48px; font-size: 16px; } .main-m-wrapper { margin-bottom: 23px; } } @media (max-width: 768px) { .mobile_title { padding-top: 0; } } @media (min-width: 500px) { [data-slider="mobile"] .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-product-table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; background-color: #fff; position: relative } .b-product-table:not(:last-child) { border-bottom: 1px solid #D3D9DE; } @media (max-width: 768px) { .b-product-table { -ms-flex-wrap: wrap; flex-wrap: wrap } } .b-product-table__left { max-width: calc(100% - 471px); } @media (max-width: 768px) { .b-product-table__left { max-width: 100%; width: 100%; margin-bottom: 10px } } .b-product-table__title { margin-bottom: 5px; display: block; -webkit-transition: .2s; transition: .2s } .b-product-table__title:hover { color: #E40208; } .b-product-table__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; } @media (max-width: 1200px) { .b-product-table__info { display: block } } .b-product-table__article { margin-right: 27px; color: #9EAABB; } @media (max-width: 1200px) { .b-product-table__article { margin-right: 0 } } .b-product-table__brand { color: #539FE0 /* TODO */ } .b-product-table__brand:hover { color: #E40208; } .b-product-table .b-price { max-width: 150px; margin-left: auto; margin-right: 35px; } @media (max-width: 1200px) { .b-product-table .b-price { margin-right: 30px; padding-left: 20px } } @media (max-width: 768px) { .b-product-table .b-price { max-width: none; margin-right: auto; margin-left: 0; padding-left: 0 } } @media (max-width: 500px) { .b-product-table .b-price { width: 100% } } @media (max-width: 500px) { .b-product-table .b-price__current { padding-bottom: 0 } } .b-product-table .b-price__current span { font-size: 22px; } .b-product-table .b-count { margin-right: 10px; height: 50px; } @media (max-width: 375px) { .b-product-table .b-count { width: 100%; margin-right: 0; margin-bottom: 10px } } .b-product-table .btn { max-width: 135px; padding: 15px 20px 14px; } @media (max-width: 500px) { .b-product-table .btn { margin-left: auto } } @media (max-width: 360px) { .b-product-table .btn { width: 65%; padding-left: 1%; padding-right: 1% } } @media (max-width: 320px) { .b-product-table .btn { font-size: 12px; padding-top: 10px; padding-bottom: 10px } } .b-product-table.request_buy .document-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .b-product-table .document-wrap { width: 285px; } @media (max-width: 1700px) and (min-width: 1279px) { .b-product-table .document-wrap { max-width: 230px } } @media (max-width: 500px) { .b-product-table .document-wrap { max-width: 100%; width: 100% } } .b-product-table .document-wrap .tooltip { margin-left: 0; margin-right: 5%; } @media (max-width: 500px) { .b-product-table .document-wrap .tooltip { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 6%; margin-right: 0 } } @media (max-width: 375px) { .b-product-table .document-wrap .tooltip { margin-left: 7% } } @media (max-width: 500px) { .b-product-table .document-wrap .tooltip__content.active { right: 32px; width: 220px; padding: 10px } } @media (max-width: 500px) { .b-product-table .document-wrap .btn-buy { margin-left: 0 } } @media (max-width: 1700px) and (min-width: 1279px) { .b-product-table { padding: 16px; } .b-product-table__title { margin-bottom: 4px; } .b-product-table__left { max-width: calc(100% - 376.8px); } .b-product-table__info { font-size: 11.2px; } .b-product-table__article { margin-right: 21.6px; } .b-product-table .b-price { width: 120px; margin-right: 28px; } .b-product-table .b-count { margin-right: 8px; height: 40px; } .b-product-table .btn { max-width: 108px; padding: 12px 16px 11.2px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-product { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; background-color: #ffffff; } @media (max-width: 500px) { .b-product { padding: 0; } } .b-product_gosts { padding-bottom: 15px; } @media (max-width: 320px) { .b-product_gosts { padding-left: 10px; padding-right: 10px; } } .b-product_gosts .b-product__img { height: 160px; } .b-product_gosts .b-product__title { min-height: auto; margin-bottom: 0; } .b-product_gosts .b-product__top { margin-bottom: 20px; } .b-product:hover .b-product-actions { opacity: 1; } .b-product__top { margin-bottom: 27px; position: relative; } @media (max-width: 500px) { .b-product__top { padding: 15px 15px 10px; margin-bottom: 5px; } } .b-product__img { display: -webkit-box; display: -ms-flexbox; display: flex; height: 250px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .b-product__text { text-transform: uppercase; color: #9EAABB; opacity: 0.5; } .b-product-actions { position: absolute; top: -5px; right: -5px; opacity: 0; -webkit-transition: .2s ease-in; transition: .2s ease-in; } @media (max-width: 1024px) { .b-product-actions { opacity: 1; top: 0; right: 0; } } @media (max-width: 500px) { .b-product-actions { top: 15px; right: 15px; } } .b-product-actions__link { display: -webkit-box; display: -ms-flexbox; display: flex; width: 35px; height: 35px; margin-bottom: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: #FAFAFA; -webkit-transition: .2s; transition: .2s; } .b-product-actions__link.b-product-actions__link--favorites svg *, .b-product-actions__link.b-product-actions__link--templates svg * { fill: #9EAABB; stroke: transparent; } .b-product-actions__link svg * { stroke: #9EAABB; } .b-product-actions__link:hover { background-color: #E5E6E7; } .b-product-actions__link:hover .tooltip__content { display: block; color: #ffffff; left: -145px; top: 48%; width: 138px; } .b-product-actions__link:hover .tooltip__content:before { content: ''; width: 12px; height: 12px; position: absolute; left: 129px; top: calc(50% - 8px); background-color: #002454; text-align: left; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 500px) { .b-product-actions__link:hover .tooltip__content { left: -145px; top: 48%; width: 138px; } .b-product-actions__link:hover .tooltip__content:before { left: 129px; top: calc(50% - 8px); } } .b-product-actions__link.active.b-product-actions__link--favorites svg *, .b-product-actions__link.active.b-product-actions__link--templates svg * { fill: #E40208; stroke: transparent; } .b-product-actions__link.active svg * { stroke: #E40208; } .b-product-actions__link.active svg .svg-inner { fill: #E40208; } .b-product-actions__link svg * { stroke: #9EAABB; } .b-product__title { margin-bottom: 5px; -webkit-transition: color .2s; transition: color .2s; line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 70px; } @media (max-width: 960px) { .b-product__title { height: 50px; } } @media (max-width: 900px) { .b-product__title { height: 70px; } } @media (max-width: 500px) { .b-product__title { padding-left: 15px; padding-right: 15px; height: 60px; } } @media (max-width: 320px) { .b-product__title { padding-left: 5px; padding-right: 5px; } } .b-product__title:hover { color: #E40208; } .b-product__brand { font-size: 14px; color: #539FE0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 1200px) { .b-product__brand { margin-bottom: 10px; } } @media (max-width: 1024px) { .b-product__brand { height: 42px; } } @media (max-width: 500px) { .b-product__brand { padding-left: 15px; padding-right: 15px; margin-bottom: 10px; } } @media (max-width: 320px) { .b-product__brand { height: 40px; } } .b-product__brand--space { display: none; min-height: 1.5em; } .b-product__brand:hover { color: #E40208; } .b-product__brand--static { color: #002454; } .b-product__brand--static:hover { color: #002454; } .b-product__props { margin-bottom: auto; padding-top: 15px; font-size: 14px; position: relative; } @media (max-width: 500px) { .b-product__props { display: none; } } .b-product__props:after { content: ''; top: 0; left: -20px; right: -20px; height: 2px; background-color: #FAFAFA; position: absolute; } .b-product__props div { margin-bottom: 5px; } .b-product__footer { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1692px) { .b-product__footer { margin-top: 0; } } @media (max-width: 500px) { .b-product__footer .b-price__old { padding-top: 0; padding-bottom: 15px; } } @media (max-width: 500px) { .b-product__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: block; padding: 15px; padding-top: 10px; border-top: 1px solid #D3D9DE; } } .b-product__footer .btn { max-width: 135px; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (max-width: 653px) { .b-product__footer .btn { padding: 10px; font-size: 14px; } } @media (max-width: 568px) { .b-product__footer .btn { font-size: 12px; } } @media (max-width: 500px) { .b-product__footer .btn { max-width: 100%; margin-left: 0; } } .b-product__footer .document-wrap { position: relative; min-width: 135px; margin-left: auto; } @media (max-width: 1692px) { .b-product__footer .document-wrap { min-width: 110px; } } @media (max-width: 823px) { .b-product__footer .document-wrap { min-width: 90px; } } .b-product__footer .document-wrap .tooltip { min-width: 17px; margin-left: 6%; } @media (max-width: 1692px) { .b-product__footer .document-wrap .tooltip { margin-left: 5%; } } @media (max-width: 1200px) { .b-product__footer .document-wrap .tooltip { margin-left: 7.1%; } } @media (max-width: 1136px) { .b-product__footer .document-wrap .tooltip { margin-left: 6%; } } @media (max-width: 1024px) { .b-product__footer .document-wrap .tooltip { margin-left: 6%; } } @media (max-width: 960px) { .b-product__footer .document-wrap .tooltip { margin-left: 9%; } } @media (max-width: 855px) { .b-product__footer .document-wrap .tooltip { margin-left: 10%; } } @media (max-width: 823px) { .b-product__footer .document-wrap .tooltip { margin-left: 9%; } } @media (max-width: 768px) { .b-product__footer .document-wrap .tooltip { margin-left: 7%; } } @media (max-width: 720px) { .b-product__footer .document-wrap .tooltip { margin-left: 6%; } } @media (max-width: 568px) { .b-product__footer .document-wrap .tooltip { margin-left: 7.5%; } } @media (max-width: 414px) { .b-product__footer .document-wrap .tooltip { margin-left: 25%; } } @media (max-width: 375px) { .b-product__footer .document-wrap .tooltip { margin-left: 15%; } } @media (max-width: 360px) { .b-product__footer .document-wrap .tooltip { margin-left: 20%; } } .b-product__footer .document-wrap .tooltip__content { z-index: 3; } @media (max-width: 500px) { .b-product__footer .document-wrap .tooltip__content { right: 32px; width: 230px; padding: 10px; } } .b-product__footer .document-wrap svg { display: none; } .b-product .tag__wrap { top: auto; left: auto; } @media (max-width: 500px) { .b-product .tag__wrap { top: 10px; left: 10px; } } @media (max-width: 1700px) and (min-width: 1279px) { .b-product { padding: 16px; } .b-product__top { margin-bottom: 21.6px; } .b-product__img { height: 200px; } .b-product-actions { top: -4px; right: -4px; } .b-product-actions__link { width: 28px; height: 28px; margin-bottom: 8px } .b-product-actions__link:hover .tooltip__content { left: -116px; width: 110.4px; } .b-product-actions__link:hover .tooltip__content:before { width: 9.6px; height: 9.6px; left: 103.2px; top: calc(50% - 6.4px); } .b-product__title { margin-bottom: 4px; } .b-product__brand { margin-bottom: 8.8px; } .b-product__props { padding-top: 12px; font-size: 11.2px } .b-product__props:after { left: -16px; right: -16px; } .b-product__props div { margin-bottom: 4px; } .b-product__footer .document-wrap { min-width: 108px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .manufacturers-list .b-checkbox:not(:last-child) { margin-bottom: 10px; } .contact-mft-multiple-modal.sent { display: none; } .contact-mft-multiple-modal.sent.active { display: block; } .contact-mft-multiple-modal.sent div { text-align: center; margin-bottom: 20px; }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .b-search { position: fixed; left: 0; width: 100vw; /*margin-top: -1px;*/ padding-top: 110px; background-color: #FAFAFA; opacity: 0; z-index: -1; -webkit-transition: .2s; transition: .2s; } @media (max-width: 1279px) { .b-search { padding-top: 100px; } } @media (max-width: 500px) { .b-search { padding-top: 60px; } } .b-search__inner { text-align: center; } .b-search .empty-page { margin-top: 40px; } .b-search .empty-page__img { margin: 0; } .b-search .empty-page__text { margin-bottom: 59px; } .b-search__close { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 15px; top: 10px; width: 45px; height: 45px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; } @media (max-width: 1279px) { .b-search__close { top: 30px; right: 15px; } } @media (max-width: 500px) { .b-search__close { top: 20px; width: 25px; height: 25px; } } .b-search__close .plus:before, .b-search__close .plus:after { background-color: #9EAABB; } .b-search__close .plus:before:active, .b-search__close .plus:after:active { background-color: #E40208; } .b-search-input { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 15px; border-bottom: 2px solid #D3D9DE; } .b-search-input__input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: calc(100% - 95px); padding-right: 15px; border: none; background-color: transparent; font-size: 18px; } @media (max-width: 500px) { .b-search-input__input { font-size: 16px; } } .b-search-input__input::-webkit-input-placeholder { color: #292727; } .b-search-input__input:-ms-input-placeholder { color: #292727; } .b-search-input__input::-ms-input-placeholder { color: #292727; } .b-search-input__input::placeholder { color: #292727; } .b-search-input__btn { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: transparent; cursor: pointer; } .b-search-input__btn:hover svg * { stroke: #004391; } .b-search-input__btn:hover span { color: #004391; } .b-search-input__btn svg { width: 16px; height: 16px; margin-right: 15px; } .b-search-input__btn svg * { stroke: #E40208; } .b-search-input__btn span { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #E40208; } .b-search__count { margin-top: 15px; margin-bottom: 10px; } .b-search__menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -10px; font-weight: 600; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; } .b-search__menu-list-container { margin-bottom: 10px; padding: 20px; background-color: #fff; } .b-search__menu-list li { margin-bottom: 10px; color: #002454 } .b-search__menu-list li:not(:last-child) { margin-right: 20px; } .b-search__menu-list li .link { color: #002454; } .b-search__menu-list li .link:hover { opacity: 0.8; } .b-search__menu-list li .link.active { color: #E40208; } @media (max-width: 1700px) and (min-width: 1279px) { .b-search { width: 100vw; /*margin-top: -1px;*/ padding-top: 88px; } .b-search__inner { text-align: center; } .b-search .empty-page { margin-top: 32px; } .b-search .empty-page__text { margin-bottom: 47.2px; } .b-search__close { right: 12px; top: 8px; width: 36px; height: 36px; } .b-search-input { padding-bottom: 12px; } .b-search-input__input { max-width: calc(100% - 76px); padding-right: 12px; font-size: 14.4px; } .b-search-input__btn svg { width: 12.8px; height: 12.8px; margin-right: 12px; } .b-search-input__btn span { font-size: 11.2px; } }:root { /* new */ /* + #FDF9E8 (comments detail) */ /* ? */ } /*header only*/ /*header only*/ /*header only*/ /* iPhone 12 Pro Max */ /* Минимум по ширине */ /* Девайсы */ .title-search-result { padding-top: 35px; border: 1px solid #D4D9DD; background: #ffffff; z-index: 10 !important; } .title-search-result .title-search:first-of-type { margin-top: 10px; } .title-search-result.global { border: none; background: transparent; padding: 35px 0; } @media (max-width: 1024px) { .title-search-result.global { padding: 10px; } } .title-search-result.title-search-result--mnf { display: block; height: 400px; margin-top: -35px; padding-top: 0; overflow: auto; } @media (max-width: 768px) { .title-search-result.title-search-result--mnf { height: 300px; } } .title-search-result.title-search-result--mnf tr:last-of-type { border-bottom: none; } .title-search-result.title-search-result--mnf td.title-search-item a { margin-bottom: 10px; } .title-search-result.title-search-result--mnf td.title-search-item img { margin-right: 5px; } .title-search-item { margin-bottom: 10px; } .title-search-item b { font-weight: 400; color: #E40208; } .title-search-item a:hover { text-decoration: underline; } .title-search .title-3 { margin-bottom: 10px; } @media (max-width: 1700px) and (min-width: 1279px) { .title-search-result { padding-top: 28px; } .title-search-result .title-search:first-of-type { margin-top: 8px; } .title-search-item { margin-bottom: 8px; } .title-search .title-3 { margin-bottom: 8px; } } /* End */ /* Start:/local/templates/citfact.template/components/bitrix/search.title/.default/style.css?16226299552758*/ table.title-search-result { border-collapse: collapse; border: none; width: 100%; } table.title-search-result th { background-color: #F1F7FB; color: #292727; font-weight: normal; padding-top: 2px; padding-bottom: 2px; padding-left: 13px; padding-right: 13px; font-size: 14px; text-align: right; vertical-align: top; } table.title-search-result tr{ padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #f0f2f3; display: block; } table.title-search-result td { background-color: white; color: black; font-weight: normal; text-align: left; } table.title-search-result td.title-search-item { } table.title-search-result td.title-search-item a { text-decoration: none; color: black; vertical-align: top; display: block; } table.title-search-result td.title-search-item a:hover{ text-decoration: underline; } table.title-search-result td.title-search-item img { vertical-align: top; } table.title-search-result td.title-search-item b { font-weight: normal; } /*table.title-search-result tr.title-search-selected td, table.title-search-result tr.title-search-selected a, table.title-search-result tr.title-search-selected td.title-search-more a {*/ /*background-color: #fff2be;*/ /*}*/ table.title-search-result td.title-search-more { display: block; width: 100%; font-size: 11px; font-weight: normal; padding-right: 15px; padding-left: 24px; padding-top: 7px; padding-bottom: 7px; } @media (max-width: 480px) { table.title-search-result td.title-search-more { padding-left: 5px; padding-right: 5px; } } table.title-search-result td.title-search-more a { padding-left: 4px; padding-right: 15px; text-decoration: none; font-size: 12px; color: #212121; white-space: normal; } table.title-search-result td.title-search-more b { color: #D80037; font-weight: 400; } table.title-search-result td.title-search-all { padding-left: 24px; padding-right: 15px; padding-top: 7px; padding-bottom: 7px; } @media (max-width: 480px) { table.title-search-result td.title-search-all { padding-left: 5px; padding-right: 5px; } } table.title-search-result td.title-search-all a { padding-left: 4px; text-decoration: none; color: #808080; } table.title-search-result td.title-search-separator, table.title-search-result th.title-search-separator { padding-top: 0px; padding-bottom: 0px; font-size: 4px; } div.title-search-fader { display: none; background-image: url('/local/templates/citfact.template/components/bitrix/search.title/.default/images/fader.png'); background-position: right top; background-repeat: repeat-y; position: absolute; } /* End */ /* /local/client/build/main.css?1635160430789120 */ /* /local/templates/citfact.template/components/bitrix/search.title/.default/style.css?16226299552758 */