html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } progress { vertical-align: baseline } [hidden], template { display: none } a { background-color: transparent; -webkit-text-decoration-skip: objects } a:active, a:hover { outline-width: 0 } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: inherit; font-weight: bolder } dfn { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } svg:not(:root) { overflow: hidden } code, kbd, pre, samp { font-family: monospace; font-size: 1em } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0; overflow: visible } button, input, optgroup, select, textarea { font: inherit; margin: 0 } optgroup { font-weight: 700 } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-input-placeholder { color: inherit; opacity: .54 } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0) } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -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-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-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-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-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-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-pagination { position: absolute; text-align: center; -webkit-transition: .3s; transition: .3s; -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-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; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-white .swiper-pagination-bullet { background: #fff } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px } .swiper-pagination-progress { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical>.swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-progress.swiper-pagination-white { background: hsla(0, 0%, 100%, .5) } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000 } .swiper-container-3d { -webkit-perspective: 75pc; -o-perspective: 75pc; perspective: 75pc } .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, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent) } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 75pc } .swiper-container-cube, .swiper-container-flip { overflow: visible } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .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, .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-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .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-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; font-family: object-fit\: contain; object-fit: contain } .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-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%; 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 { to { -webkit-transform: rotate(360deg) } } .mfp-bg { z-index: 1042; overflow: hidden; background: #0b0b0b; opacity: .8 } .mfp-bg, .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; position: fixed } .mfp-wrap { z-index: 1043; outline: 0!important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-ajax-holder .mfp-content, .mfp-inline-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-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -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: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #ccc } .mfp-preloader a:hover { color: #fff } .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; 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: .65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:focus, .mfp-close:hover { opacity: 1 } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-iframe-holder .mfp-close, .mfp-image-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: 9pt; line-height: 18px; white-space: nowrap } .mfp-arrow { position: absolute; opacity: .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:focus, .mfp-arrow:hover { opacity: 1 } .mfp-arrow:after, .mfp-arrow:before { 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: .7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; box-sizing: border-box; padding: 40px 0; margin: 0 auto } .mfp-figure, img.mfp-img { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #444 } .mfp-figure small { color: #bdbdbd; display: block; font-size: 9pt; 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-height: 300px), screen and (max-width: 800px) and (orientation: landscape) { .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; 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 } } .irs { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .irs, .irs-line { position: relative; display: block } .irs-line { overflow: hidden; outline: 0!important } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0 } .irs-line-left { left: 0; width: 11% } .irs-line-mid { left: 9%; width: 82% } .irs-line-right { right: 0; width: 11% } .irs-bar { width: 0 } .irs-bar, .irs-bar-edge { position: absolute; display: block; left: 0 } .irs-bar-edge { top: 0 } .irs-shadow { position: absolute; display: none; left: 0; width: 0 } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1 } .irs-slider.type_last { z-index: 2 } .irs-min { left: 0 } .irs-max, .irs-min { position: absolute; display: block; cursor: default } .irs-max { right: 0 } .irs-from, .irs-single, .irs-to { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px } .irs-with-grid .irs-grid { display: block } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000 } .irs-grid-pol.small { height: 4px } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000 } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: transparent; z-index: 2 } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed } .irs-disabled { opacity: .4 } .irs-hidden-input { position: absolute!important; display: block!important; top: 0!important; left: 0!important; width: 0!important; height: 0!important; font-size: 0!important; line-height: 0!important; padding: 0!important; margin: 0!important; overflow: hidden; outline: 0!important; z-index: -9999!important; background: none!important; border-style: solid!important; border-color: transparent!important } .irs-bar, .irs-bar-edge, .irs-line-left, .irs-line-mid, .irs-line-right, .irs-slider { background: url(_/vendor/ion.rangeSlider/img/sprite-skin-flat.png) repeat-x } .irs { height: 40px } .irs-with-grid { height: 60px } .irs-line { height: 9pt; top: 25px } .irs-line-left { height: 9pt; background-position: 0 -30px } .irs-line-mid { height: 9pt; background-position: 0 0 } .irs-line-right { height: 9pt; background-position: 100% -30px } .irs-bar { height: 9pt; top: 25px; background-position: 0 -60px } .irs-bar-edge { top: 25px; height: 9pt; width: 9px; background-position: 0 -90px } .irs-shadow { height: 3px; top: 34px; background: #000; opacity: .25 } .lt-ie9 .irs-shadow { filter: alpha(opacity=25) } .irs-slider { width: 1pc; height: 18px; top: 22px; background-position: 0 -90pt } .irs-slider.state_hover, .irs-slider:hover { background-position: 0 -150px } .irs-max, .irs-min { color: #999; top: 0; padding: 1px 3px; background: #e1e4e9 } .irs-from, .irs-max, .irs-min, .irs-single, .irs-to { font-size: 10px; line-height: 1.333; text-shadow: none; border-radius: 4px } .irs-from, .irs-single, .irs-to { color: #fff; padding: 1px 5px; background: #ed5565 } .irs-from:after, .irs-single:after, .irs-to:after { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565 } .irs-grid-pol { background: #e1e4e9 } .irs-grid-text { color: #999 } .date-picker { width: 170px; height: 25px; padding: 0; border: 0; line-height: 25px; padding-left: 10px; font-weight: 700; cursor: pointer; color: #303030; position: relative; z-index: 2 } .date-picker, .date-picker-wrapper { font-size: 9pt; font-family: Arial, sans-serif } .date-picker-wrapper { position: absolute; z-index: 1; border: 1px solid #bfbfbf; background-color: #efefef; padding: 5px 9pt; line-height: 20px; color: #aaa; box-shadow: 3px 3px 10px rgba(0, 0, 0, .5); box-sizing: initial } .date-picker-wrapper.inline-wrapper { position: relative; box-shadow: none; display: inline-block } .date-picker-wrapper.single-date { width: auto } .date-picker-wrapper.no-shortcuts { padding-bottom: 9pt } .date-picker-wrapper.no-topbar { padding-top: 9pt } .date-picker-wrapper .footer { font-size: 11px; padding-top: 3px } .date-picker-wrapper b { color: #666; font-weight: 700 } .date-picker-wrapper a { color: #6bb4d6; text-decoration: underline } .date-picker-wrapper .month-name { text-transform: uppercase } .date-picker-wrapper .month-wrapper { border: 1px solid #bfbfbf; border-radius: 3px; background-color: #fff; padding: 5px; cursor: default; position: relative; _overflow: hidden } .date-picker-wrapper .month-wrapper table, .date-picker-wrapper .month-wrapper table.month2 { width: 190px; float: left } .date-picker-wrapper .month-wrapper table td, .date-picker-wrapper .month-wrapper table th { vertical-align: middle; text-align: center; line-height: 14px; margin: 0; padding: 0 } .date-picker-wrapper .month-wrapper table .day { padding: 5px 0; line-height: 1; font-size: 9pt; margin-bottom: 1px; color: #ccc; cursor: default } .date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth { color: #999; cursor: default } .date-picker-wrapper .month-wrapper table .day.checked { background-color: #9cdbf7 } .date-picker-wrapper .month-wrapper table .week-name { height: 20px; line-height: 20px; font-weight: 100; text-transform: uppercase } .date-picker-wrapper .month-wrapper table .day.has-tooltip { cursor: help!important } .date-picker-wrapper .time label { white-space: nowrap } .date-picker-wrapper .month-wrapper table .day.toMonth.valid { color: #333; cursor: pointer } .date-picker-wrapper .month-wrapper table .day.toMonth.hovering { background-color: #cdecfa } .date-picker-wrapper .month-wrapper table .day.lastMonth, .date-picker-wrapper .month-wrapper table .day.nextMonth { display: none } .date-picker-wrapper .month-wrapper table .day.real-today { background-color: #ffe684 } .date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering { background-color: #70ccd5 } .date-picker-wrapper table .caption { height: 40px } .date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev { padding: 0 5px; cursor: pointer } .date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover { background-color: #ccc; color: #fff } .date-picker-wrapper .gap { position: relative; z-index: 1; width: 15px; height: 100%; background-color: red; font-size: 0; line-height: 0; float: left; top: -5px; margin: 0 10px -10px; visibility: hidden; height: 0 } .date-picker-wrapper .gap .gap-lines { height: 100%; overflow: hidden } .date-picker-wrapper .gap .gap-line { height: 15px; width: 15px; position: relative } .date-picker-wrapper .gap .gap-line .gap-1 { z-index: 1; height: 0; border-left: 8px solid #fff; border-top: 8px solid #eee; border-bottom: 8px solid #eee } .date-picker-wrapper .gap .gap-line .gap-2 { position: absolute; right: 0; top: 0; z-index: 2; height: 0; border-left: 8px solid transparent; border-top: 8px solid #fff } .date-picker-wrapper .gap .gap-line .gap-3 { position: absolute; right: 0; top: 8px; z-index: 2; height: 0; border-left: 8px solid transparent; border-bottom: 8px solid #fff } .date-picker-wrapper .gap .gap-top-mask { width: 6px; height: 1px; position: absolute; top: -1px; left: 1px; background-color: #eee; z-index: 3 } .date-picker-wrapper .gap .gap-bottom-mask { width: 6px; height: 1px; position: absolute; bottom: -1px; left: 7px; background-color: #eee; z-index: 3 } .date-picker-wrapper .selected-days { display: none } .date-picker-wrapper .drp_top-bar { line-height: 1.4; position: relative; padding: 10px 40px 10px 0 } .date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top { display: none } .date-picker-wrapper .drp_top-bar .default-top { display: block } .date-picker-wrapper .drp_top-bar.error .default-top { display: none } .date-picker-wrapper .drp_top-bar.error .error-top { display: block; color: red } .date-picker-wrapper .drp_top-bar.normal .default-top { display: none } .date-picker-wrapper .drp_top-bar.normal .normal-top { display: block } .date-picker-wrapper .drp_top-bar .apply-btn { position: absolute; right: 0; top: 6px; padding: 3px 5px; margin: 0; font-size: 9pt; border-radius: 4px; cursor: pointer; color: #d9eef7; border: 1px solid #0076a3; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); color: #fff; line-height: initial } .date-picker-wrapper .drp_top-bar .apply-btn.disabled { cursor: pointer; color: #606060; border: 1px solid #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed') } .date-picker-wrapper .time { position: relative } .date-picker-wrapper.single-month .time { display: block } .date-picker-wrapper .time input[type=range] { vertical-align: middle; width: 129px; padding: 0; margin: 0; height: 20px } .date-picker-wrapper .time1, .time2 { width: 180px; padding: 0 5px; text-align: center } .date-picker-wrapper .time1 { float: left } .date-picker-wrapper .time2 { float: right } .date-picker-wrapper .hour, .minute { text-align: right } .date-picker-wrapper .hide { display: none } .date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected { background-color: #49e!important; color: #fff!important } .date-picker-wrapper .date-range-length-tip { position: absolute; margin-top: -4px; margin-left: -8px; box-shadow: 0 0 3px rgba(0, 0, 0, .3); display: none; background-color: #ff0; padding: 0 6px; border-radius: 2px; font-size: 9pt; line-height: 1pc; -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3)); -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3)); -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3)); -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3)); filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3)) } .date-picker-wrapper .date-range-length-tip:after { content: ''; position: absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ff0; left: 50%; margin-left: -4px; bottom: -4px } .date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev { display: none } .date-picker-wrapper .week-number { padding: 5px 0; line-height: 1; font-size: 9pt; margin-bottom: 1px; color: #999; cursor: pointer } .date-picker-wrapper .week-number.week-number-selected { color: #49e; font-weight: 700 } .tipso_bubble, .tipso_bubble>.tipso_arrow { box-sizing: border-box } .tipso_bubble { position: absolute; text-align: center; border-radius: 6px; z-index: 9999 } .tipso_style { cursor: help; border-bottom: 1px dotted } .tipso_title { border-radius: 6px 6px 0 0 } .tipso_content { word-wrap: break-word; padding: .5em } .tipso_bubble.tiny { font-size: .6rem } .tipso_bubble.small { font-size: .8rem } .tipso_bubble.default { font-size: 1rem } .tipso_bubble.large { font-size: 1.2rem; width: 100% } .tipso_bubble>.tipso_arrow { position: absolute; width: 0; height: 0; border: 8px solid; pointer-events: none } .tipso_bubble.top>.tipso_arrow { border-top-color: #000; border-bottom-color: transparent; top: 100% } .tipso_bubble.bottom>.tipso_arrow, .tipso_bubble.top>.tipso_arrow { border-right-color: transparent; border-left-color: transparent; left: 50%; margin-left: -8px } .tipso_bubble.bottom>.tipso_arrow { border-bottom-color: #000; border-top-color: transparent; bottom: 100% } .tipso_bubble.left>.tipso_arrow { border-left-color: #000; border-right-color: transparent; left: 100% } .tipso_bubble.left>.tipso_arrow, .tipso_bubble.right>.tipso_arrow { border-top-color: transparent; border-bottom-color: transparent; top: 50%; margin-top: -8px } .tipso_bubble.right>.tipso_arrow { border-right-color: #000; border-left-color: transparent; right: 100% } .tipso_bubble .top_right_corner, .tipso_bubble.top_right_corner { border-bottom-left-radius: 0 } .tipso_bubble .bottom_right_corner, .tipso_bubble.bottom_right_corner { border-top-left-radius: 0 } .tipso_bubble .top_left_corner, .tipso_bubble.top_left_corner { border-bottom-right-radius: 0 } .tipso_bubble .bottom_left_corner, .tipso_bubble.bottom_left_corner { border-top-right-radius: 0 } * { box-sizing: border-box } html { height: 100% } body { overflow-x: hidden; font-family: Open Sans, sans-serif; color: #403f3f; font-size: 13px; line-height: 1; font-weight: 400; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } body:after { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; background: rgba(0, 0, 0, .3); opacity: 0; visibility: hidden; /*-webkit-transition: all .3s; transition: all .3s*/ } body.covered:after { opacity: 1; visibility: visible } body.covered-left:after { opacity: 1; visibility: visible } body.fixed { overflow: hidden; position: fixed; left: 0; right: 0; top: 0 } .br-safari main, .ios main { height: auto } footer { margin-top: auto } main { height: 100% } input:focus { outline: 0 } img { max-width: 100% } .hidden { visibility: hidden!important } textarea { resize: none } textarea:focus { outline: 0 } a { text-decoration: none; color: #73c5ea } button { border: 0; padding: 0; cursor: pointer } .clearfix:after, .clearfix:before { content: " "; display: table } .clearfix:after { clear: both } ol, ul { list-style-type: none } ol, ol li, ul, ul li { margin: 0; padding: 0 } h2 { font-size: 24px; color: #525151; margin: 0; font-weight: 400 } button:focus, input:focus, select:focus { outline: 0 } button, input, select, textarea { -webkit-appearance: none; border-radius: 0 } .svg-icon { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 15px; /* margin-right: 5px; */ } .hidden_search, .hidden_url { display: none } .guru-meditation { display: block; font: 1.3em Arial, Helvetica, sans-serif; border: 1px solid #c1c1c1; border-radius: 9px; text-align: center; padding: 30px 0; width: 100% } .guru-text-notfound { display: block; font-size: 1.7em } .guru-text-tryagain { display: block; font-size: 1.1em } .guru-button { display: inline-block; border-radius: 9px; margin-top: 9px; padding: 6px; border: 1px solid; background-color: #2a9fd4; color: #fff; cursor: pointer; font-weight: 700 } .guru-button:hover { background-color: #45b5e7 } .json-overlay { background-position: center top; margin-top: 30px; height: 750pt; z-index: 1000 } .json-overlay, .json-overlay-filter { background-image: url('/DESIGN/SITE/images/ajax-loader.gif'); background-repeat: no-repeat; width: 100% } .json-overlay-filter { background-position: center; background-color: hsla(0, 0%, 100%, .6); height: 100%; position: absolute; top: 0; left: 0 } .brand-rules-window { padding: 23px 20px!important; padding-bottom: 2px!important; font-size: 13px; /*box-shadow: 0 0 13px 1px #bedcf0 inset;*/ box-shadow: 0 0 10px 2px #73c5ea inset; border-radius: 10px; margin-bottom: 20px; margin-top: 10px } .brand-rules-title { font-size: 18px; border-bottom: 1px solid #eaeaea; padding-bottom: 6px; font-weight: 700 } .brand-rules-window-close { padding: 10px 17px; font-size: 18px; text-align: center; margin-top: 9px; margin-bottom: 1pc; background: #45b5e7 no-repeat; border-radius: 7px; border: none; color: #fff; cursor: pointer; text-decoration: none; font-weight: 700; display: inline-block; margin: 10px 0 0 } .brand-rules-row { margin-bottom: 30px } .brand-min-order-window { padding: 23px 20px!important; font-size: 13px; box-shadow: 0 0 10px 2px #fc7b9f inset; border-radius: 10px; margin-bottom: 20px; margin-top: 10px } .brand-min-order-title { font-size: 18px; border-bottom: 1px solid #eaeaea; padding-bottom: 6px; font-weight: 700 } .brand-min-order-row { /*margin-bottom: 30px*/ } .brand-min-order-row ul { list-style-type: disc; margin-top: 5px; } .brand-min-order-row ul li { margin-left: 20px; } .brand-min-order-row ul li:nth-child(n+2) { margin-top: 3px; } .brand-min-order-text { font-size: 14px; padding-top: 5px; padding-bottom: 5px; } .brand-min-order-row .brand-min-order-price { font-weight: 600; } .feedback_wrap { max-width: 500px; margin: 0 auto } div.errors { margin: 0 } #content div.errors table, div.errors table { border: none; margin-bottom: 43px } #content div.errors td, div.errors td { font-size: 1px; padding: 0; border: none; background: #fef4d1 } #content div.errors td.eTd, div.errors td.eTd { width: 5px; height: 5px } div.errors td.eTd1 { background: url(/DESIGN/SITE/images/ugol6_1.png) no-repeat 0 0 } div.errors td.eTd2 { background: url(/DESIGN/SITE/images/ugol6_2.png) no-repeat right 0 } div.errors td.eTd3 { background: url(/DESIGN/SITE/images/ugol6_3.png) no-repeat 0 bottom } div.errors td.eTd4 { background: url(/DESIGN/SITE/images/ugol6_4.png) no-repeat right bottom } #content div.errors td.eTdCont, div.errors td.eTdCont { padding: 8px 1pc 4px; color: #626262; font-size: 9pt } div.errors td.eTdCont div { font-size: 11px; line-height: 9pt } div.errors td.eTdCont h4 { margin: 0; margin-bottom: 15px; line-height: 30px; color: #e84138; font: bold 9pt arial } .date-picker-wrapper .drp_top-bar .apply-btn.disabled { color: #a4a3a3!important } .date-picker-wrapper .drp_top-bar .apply-btn { height: 27px!important; line-height: 28px!important; background: #fff!important; border: 0!important; font-size: 13px!important; border-radius: 1pc!important; /*box-shadow: 0 0 7px 0 rgba(0, 0, 0, .06), 0 0 0 1px #e8e8e8!important;*/ box-shadow: 0 0 0 1px #e8e8e8!important; width: 75pt!important; -webkit-transition: all .3s!important; transition: all .3s!important; -webkit-transform: translateZ(0)!important; transform: translateZ(0)!important; color: #159cd8!important; top: 10px!important } .date-picker-wrapper .drp_top-bar .apply-btn:hover { color: #159cd8!important; background: #fff!important; /*box-shadow: 0 0 7px 0 rgba(0, 0, 0, .06), 0 0 0 1px #159cd8!important*/ box-shadow: 0 0 0 1px #159cd8!important } .info-table__cell--data.green { color: #98d42f } .info-table__cell--data.red { color: red } #basket .b-pagination__wrap { margin-top: 20px; text-align: right } #basket .show-by { text-align: left; margin-top: -11px; margin-bottom: 1pc } @media(max-width:1023px) { #basket .show-by { margin: 10px 15px 0 } } #basket .show-by .show-by__text { line-height: 30px } #basket .show-by .show-by__list, #basket .show-by .show-by__list a, #basket .show-by .show-by__text { display: inline-block; vertical-align: middle } #basket .show-by .show-by__list a { color: #a4a2a2; margin: 0 6px; box-shadow: 0 0 7px 0 rgba(0, 0, 0, .06), 0 0 0 1px #f5f5f5; border-radius: 1pc; padding: 8px 9pt 9px } #basket .show-by .show-by__list a:hover { background: #209fda; color: #fff } #basket .show-by .show-by__list a.active { background-color: #73c5ea; color: #fff; border-radius: 1pc; box-shadow: 0 0 7px 0 rgba(0, 0, 0, .06), 0 0 0 1px #e8e8e8; text-align: center; padding: 8px 9pt 9px; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateZ(0); transform: translateZ(0); border: 0 } .desc_modal { background-color: #fff; max-width: 25pc; display: none; margin: 0 auto; padding: 20px 35px 20px 20px; position: relative } .mfp-content .desc_modal { display: block } .desc_modal .mfp-close { display: block!important } .date-picker-wrapper { position: absolute; z-index: 1; border: 0; background-color: #fff; padding: 24px 14px; font-size: 9pt; line-height: 1; color: #42464a; font-family: Open Sans, sans-serif; box-shadow: 0 0 22px 0 rgba(0, 0, 1, .19) } .date-picker-wrapper .footer { display: none } .date-picker-wrapper .drp_top-bar { padding: 0; line-height: 1; font-size: 13px; padding-bottom: 8px; position: static } .date-picker-wrapper .drp_top-bar b, .date-picker-wrapper .drp_top-bar span { font-weight: 400; color: #42464a } .date-picker-wrapper .selected-days { display: inline-block; font-style: normal; color: #929292 } .date-picker-wrapper .selected-days span { color: #929292 } .date-picker-wrapper .month-wrapper { border: 0; border-top: 1px solid #ededed } .date-picker-wrapper .month-wrapper table .caption .next, .date-picker-wrapper .month-wrapper table .caption .prev { width: 38px; height: 38px; display: block; font-size: 0 } .date-picker-wrapper .month-wrapper table .caption .next:hover, .date-picker-wrapper .month-wrapper table .caption .prev:hover { background-color: #fff } .date-picker-wrapper .month-wrapper table .caption .prev { -webkit-transform: scaleX(-1); transform: scaleX(-1); margin-left: -10px } .date-picker-wrapper .month-wrapper table .caption .next { margin-right: -10px } .date-picker-wrapper .month-wrapper table .day { font-weight: 600; color: #42464a; padding: 0; height: 17px; line-height: 17px; margin: 0 auto 3px } .date-picker-wrapper .month-wrapper table .day .day-num { width: 17px; height: 17px; line-height: 17px; text-align: center; display: block; margin: auto; border-radius: 50%; position: relative; z-index: 1 } .date-picker-wrapper .month-wrapper table .day:hover .day-num { background: #73c5ea } .date-picker-wrapper .month-wrapper table .day.toMonth.valid { color: #42464a } .date-picker-wrapper .month-wrapper table .day.real-today { background: none!important } .date-picker-wrapper .month-wrapper table .day.checked, .date-picker-wrapper .month-wrapper table .day.toMonth.hovering { background: #f2f2f2 } .date-picker-wrapper .month-name { font-size: 9pt; font-weight: 600; color: #1390c8 } .date-picker-wrapper .week-name th { color: #a9a9a9; font-weight: 600 } .date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected { background: #f2f2f2!important; color: #42464a!important } .date-picker-wrapper .first-date-selected .day-num, .date-picker-wrapper .last-date-selected .day-num { background: #73c5ea } .date-picker-wrapper .first-date-selected { position: relative } .date-picker-wrapper .first-date-selected:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 50%; background: #fff } .date-picker-wrapper .last-date-selected { position: relative } .date-picker-wrapper .last-date-selected:before { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 50%; background: #fff } .date-picker-wrapper .date-range-length-tip { z-index: 1 } .date-picker-wrapper .drp_top-bar .apply-btn { position: absolute; right: 10px; top: 14px; width: 23px; height: 23px; background-position: center; background-repeat: no-repeat; background-size: contain; padding: 0; margin: 0; border-radius: 0; cursor: pointer; border: 0; background: transparent; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); color: transparent; font-size: 0; line-height: initial } .date-picker-wrapper .drp_top-bar .apply-btn.disabled { border: 0 } @media(max-width:767px) { .date-picker-wrapper { padding: 45px 14px } } .date-picker-wrapper.no-shortcuts { padding-bottom: 24px } .mCSB_inside>.mCSB_container { margin-right: 0 } .mCSB_scrollTools { width: 5px } .mCSB_scrollTools .mCSB_draggerRail { width: 5px; background: #f3f2f2; border-radius: 0 } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; border-radius: 0; background: #dad8d8 } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #dad8d8 } .mfp-bg { background-color: rgba(0, 0, 0, .3); position: fixed!important } .mfp-close { display: none!important } .arrow-link { color: #159cd8 } .arrow-link span { display: inline-block; font-size: 15px; vertical-align: middle; color: #159cd8 } .arrow-link .inline-arrow { margin-left: 7px } .arrow-link:hover span:not(.inline-arrow), .arrow-link:hover:before { text-decoration: underline } .autocomplete-suggestions { border: 2px solid #159cd8; border-top: 0; background: #fff; overflow: hidden } .autocomplete-suggestion { height: 30px; line-height: 30px; display: block; overflow: hidden; padding: 0 7px; padding-left: 21px; cursor: pointer } .autocomplete-selected { color: #fff; background-color: #0081c2; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #08c, #0077b3); background-image: linear-gradient(to bottom, #08c, #0077b3); background-repeat: repeat-x } .autocomplete-suggestions strong { font-weight: 400; color: #39f } .autocomplete-group { padding: 2px 5px } .autocomplete-group strong { display: block; border-bottom: 1px solid #000 } .b-about { margin-top: 44px } .b-about__image { margin-bottom: 29px; text-align: center } .b-about__image img { max-height: 325px; width: 100%; -o-object-fit: cover; font-family: "object-fit:cover;object-position:center"; object-fit: cover; -o-object-position: center; object-position: center } @media(max-width:767px) { .b-about__image img { max-height: 99pt } } .b-about__content.content-box h2 { margin-bottom: 11px } .b-about__advantages { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin-top: 30px; margin-bottom: 55px } @media(max-width:767px) { .b-about__advantages { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0 } } .b-about__advantage { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; text-align: center } @media(max-width:767px) { .b-about__advantage { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; margin-bottom: 60px } } .b-about__advantage-top { width: 75pt; height: 75pt; background: #fff; border-radius: 50%; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .06); color: #73c5ea; margin: auto; font-size: 56px } .b-about__advantage-text { max-width: 235px; line-height: 1.4; font-size: 1pc; margin: auto; margin-top: 25px } @media(max-width:1200px) { .b-about__advantage-text { max-width: 140px; font-size: 14px } } .b-about__highlighted { margin: 45px 0 60px } @media(max-width:767px) { .b-about__highlighted { margin-top: 0 } } .b-about__highlighted-wrap { padding: 37px 67px; border: 1px solid #ebebeb; box-shadow: 0 40px 45px -31px rgba(0, 0, 0, .2) } .b-about__highlighted-wrap ul li { color: #626262!important } @media(max-width:767px) { .b-about__highlighted-wrap { padding: 27px 15px } } .b-about__contacts { background: #fcfcfc; border: 1px solid #eee; padding: 37px 67px 22px } @media(max-width:767px) { .b-about__contacts { padding: 37px 15px } } .b-about__contacts-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media(max-width:767px) { .b-about__contacts-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } .b-about__contacts-item { -webkit-box-flex: 0; -ms-flex: 0 1 28%; flex: 0 1 28%; font-size: 14px; color: #000; line-height: 1.4 } @media(max-width:767px) { .b-about__contacts-item { font-size: 13px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 14px } } .b-about__contacts-text-red { color: #ea5345; font-size: 14px; margin-top: 22px } .b-aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media(max-width:1023px) { .b-aside { -ms-flex-wrap: wrap; flex-wrap: wrap } } .b-aside--detail, .b-aside--main { margin-bottom: 60px } @media(max-width:767px) { .b-aside--main { margin-bottom: 0 } } .b-aside--catalog { margin-bottom: 60px } @media (min-width: 1024px) and (max-width: 1150px) { .b-aside--catalog-left .b-aside__left { -webkit-box-flex: 0; -ms-flex: 0 0 330px; flex: 0 0 330px; width: 330px } .b-catalog__item-cart-wrap { /* margin-bottom: 10px !important; */ } } @media (min-width: 1024px) and (max-width: 1150px) { .b-aside--catalog-left .b-aside__right { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 330px); flex-basis: calc(100% - 330px); width: calc(100% - 330px); max-width: calc(100% - 330px) } } /*.b-aside__left { -webkit-box-flex: 0; -ms-flex: 0 0 385px; flex: 0 0 385px; width: 385px }*/ .b-aside__left { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px } @media(max-width:1023px) { .b-aside__left { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100% } } .b-aside__right { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 245px); flex-basis: calc(100% - 245px); width: calc(100% - 245px); padding-left: 20px; max-width: calc(100% - 245px) } @media(max-width:1023px) { .b-aside__right { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; padding-left: 0; max-width: 100% } } .b-brands__wrap { position: relative; padding-top: 1pc } .b-brands__views { position: absolute; right: 0; top: -53px; margin-top: 0!important } @media(max-width:1023px) { .b-brands__views { display: block!important } } .b-brands__table { margin-bottom: 35px } .b-brands__pagination { text-align: right } .b-brands__table-row-letter { box-shadow: 0 1px 9px 0 rgba(0, 0, 1, .24); width: 26px; height: 26px; border-radius: 50%; line-height: 26px; text-align: center; font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; background: #73c5ea; margin-left: 3px } .b-brands__table-row-head { position: relative; margin-bottom: 18px } .b-brands__table-row-head:after { content: ''; position: absolute; left: 3pc; right: 0; top: 0; bottom: 0; margin: auto; height: 1px; background: #73c5ea } .b-brands__table-row-list { font-size: 0; margin: -10px } .b-brands__table-row { margin-bottom: 40px } .b-brands__table-item { padding: 10px; display: inline-block; vertical-align: top; width: 11.11111%; margin-bottom: 7px } @media(max-width:1420px) { .b-brands__table-item { width: 12.5% } } @media(max-width:1300px) { .b-brands__table-item { width: 14.28571% } } @media(max-width:1180px) { .b-brands__table-item { width: 16.66667% } } @media(max-width:1050px) { .b-brands__table-item { width: 20% } } @media(max-width:900px) { .b-brands__table-item { width: 25% } } @media(max-width:767px) { .b-brands__table-item { width: 33.33333% } } @media(max-width:640px) { .b-brands__table-item { width: 50% } } .b-brands__table-item-wrap { display: block } .b-brands__table-item-wrap:hover .b-brands__table-item-text { color: #159cd8; text-decoration: underline } .b-brands__table-item-wrap:hover .b-brands__table-item-top { box-shadow: 0 0 20px 0 rgba(0, 0, 0, .06) } .b-brands__table-item-top { border: 1px solid #e8e8e8; margin-bottom: 9pt; height: 90pt; padding: 15px; font-size: 0; text-align: center; -webkit-transition: all .3s; transition: all .3s } .b-brands__table-item-top img { display: inline-block; vertical-align: middle; margin: auto; max-height: 100% } .b-brands__table-item-top:after { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100% } .b-brands__table-item-text { text-align: center; color: #929292; font-weight: 600; font-size: 13px; -webkit-transition: all .3s; transition: all .3s } .b-brands__list-letter { box-shadow: 0 1px 9px 0 rgba(0, 0, 1, .24); width: 26px; height: 26px; border-radius: 50%; line-height: 26px; text-align: center; font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; background: #73c5ea; margin-left: 1px; margin-bottom: 1pc } .b-brands__list-item { margin-bottom: 1pc } .b-brands__list-link { font-size: 14px; color: #939393; font-weight: 600; -webkit-transition: all .3s; transition: all .3s } .b-brands__list-link:hover { color: #159cd8; text-decoration: underline } .b-brands__list { font-size: 0 } .b-brands__list-wrap { display: inline-block; vertical-align: top; width: 16.66667%; margin-bottom: 38px; padding-right: 20px } @media(max-width:1300px) { .b-brands__list-wrap { width: 25% } } @media(max-width:767px) { .b-brands__list-wrap { width: 50% } } @media(max-width:1023px) { .b-cart { margin: 0 -15px } } .b-cart--favs .b-cart__cell--product { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50% } .b-cart--favs .b-cart__cell--options { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px } .b-cart--favs .b-cart__cell--count { -webkit-box-flex: 1; -ms-flex: 1 0 4%; flex: 1 0 4% } @media(max-width:1023px) { .b-cart--history { margin: 0 } } @media(max-width:767px) { .b-cart--history { margin: 0 -9px } } @media(max-width:1023px) { .b-cart--history .b-cart__item { min-height: 150px } } @media(max-width:767px) { .b-cart--history .b-cart__item { min-height: auto } } .b-cart--order .b-cart__cell--product { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50% } .b-cart--order .b-cart__cell--count, .b-cart--order .b-cart__cell--price, .b-cart--order .b-cart__cell--sale, .b-cart--order .b-cart__cell--summ { -webkit-box-flex: 0; -ms-flex: 0 1 180px; flex: 0 1 180px } .b-cart--order .b-cart__bottom { margin-top: 17px } .b-cart--order .b-cart__bottom-right { margin-top: 23px } @media(max-width:1023px) { .b-cart--order { border-top: 1px solid #eee } } @media(max-width:1023px) { .b-cart--order .b-cart__item { min-height: 157px } } @media(max-width:767px) { .b-cart--order .b-cart__item { min-height: auto } } .b-cart--small .b-cart__head { display: none } .b-cart--small .b-cart__cell { -webkit-box-flex: 1!important; -ms-flex: 1 1 100%!important; flex: 1 1 100%!important; 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; padding-left: 0 } .b-cart--small .b-cart__cell:last-of-type { margin-bottom: 0 } .b-cart--small .b-cart__cell--product { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; padding-bottom: 20px; border-bottom: 1px solid #f7f7f7; margin-bottom: 20px; position: relative; width: 100%; left: 0 } .b-cart--small .b-cart__cell--summ .b-cart__item-price.b-price { font-weight: 600; color: #000 } .b-cart--small .b-cart__cell--options { margin-top: 5px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .b-cart--small .b-cart__item { padding-bottom: 17px; padding-top: 25px } .b-cart--small .b-cart__item--warning { padding-top: 17px } .b-cart--small .b-cart__item-image { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; margin: 0; display: block } .b-cart--small .b-cart__item-text { font-size: 14px } .b-cart--small .b-cart__item-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .b-cart--small .b-cart__item-price.b-price { font-size: 14px } .b-cart--small .b-cart__item-count { margin-top: 0 } .b-cart--small .b-cart__item-count .b-count__input { font-size: 14px } .b-cart--small .b-cart__bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px } .b-cart--small .b-cart__bottom-left { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; height: 115px } .b-cart--small .b-cart__bottom-cell, .b-cart--small .b-cart__bottom-cell.b-price { font-size: 14px } .b-cart--small .b-cart__textarea-grey { font-size: 13px } .b-cart--small .b-cart__bottom-right { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 25px } .b-cart--small .b-cart__cell-link { margin-top: 0 } .b-cart--small .b-cart__item-cell-name { display: block; font-size: 14px; color: #aba9a9 } .b-cart--small .b-cart__item-cell-data { width: 110px; text-align: center } .b-cart--small .b-cart__item-warning { padding-bottom: 13px } .b-cart--small .b-cart__item-warning:before { font-size: 18px } .b-cart--small .b-cart__item-warning-text { font-size: 9pt } .b-cart__wrap { width: 100% } .b-cart__head .b-cart__cell { color: #929292; padding-top: 18px; padding-bottom: 18px } .b-cart__head-inner { display: -webkit-box; display: -ms-flexbox; display: flex; background: #fcfcfc; border: 1px solid #eee } @media(max-width:1023px) { .b-cart__head-inner { display: none } } .b-cart__cell { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; min-width: 117px; } @media(max-width:1023px) { .b-cart__cell { padding-left: 62%; -webkit-box-flex: 1!important; -ms-flex: 1 1 100%!important; flex: 1 1 100%!important; 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:1023px) { .b-cart__cell:last-of-type { margin-bottom: 0 } } @media(max-width:767px) { .b-cart__cell { padding-left: 0 } } .b-cart__cell--product { -webkit-box-flex: 1; -ms-flex: 1 1 35%; flex: 1 1 35%; text-align: left; padding-left: 18px; display: -webkit-box; display: -ms-flexbox; display: flex } @media(max-width:1023px) { .b-cart__cell--product { position: absolute; left: 15px; width: 50%; padding: 0 } } @media(max-width:767px) { .b-cart__cell--product { position: relative; width: 100%; left: 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; padding-bottom: 20px; border-bottom: 1px solid #f7f7f7; margin-bottom: 20px } } .b-cart__cell--sale { -webkit-box-flex: 1; -ms-flex: 1 0 8%; flex: 1 0 8%; padding: 0 3px } @media(max-width:1023px) { .b-cart__cell--sale { padding-left: 62% } } @media(max-width:767px) { .b-cart__cell--sale { padding-left: 0 } } .b-cart__cell--price { -webkit-box-flex: 1; -ms-flex: 1 0 8%; flex: 1 0 8% } .b-cart__cell--count { -webkit-box-flex: 1; -ms-flex: 1 0 12%; flex: 1 0 12% } .b-cart__cell--summ { -webkit-box-flex: 1; -ms-flex: 1 0 11%; flex: 1 0 11% } .b-cart__cell--vol { -webkit-box-flex: 1; -ms-flex: 1 0 11%; flex: 1 0 11% } @media(max-width:1023px) { .b-cart__cell--summ .b-cart__item-price.b-price { font-weight: 600; color: #000 } } .b-cart__cell--options { -webkit-box-flex: 0; -ms-flex: 0 0 138px; flex: 0 0 138px } @media(max-width:1023px) { .b-cart__cell--options { margin-top: 5px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } .b-cart__cell-sort.none { display: inline-block } .b-cart__cell-sort.none a { box-shadow: 0 0 0 1px #ededed; border-radius: 1pc; background-color: #fff; padding: 5px 20px 7px; -webkit-transition: all .3s; transition: all .3s; border: 0; color: #a4a2a2 } .b-cart__cell-sort.none a:hover { background: #209fda; color: #fff } .b-cart__cell-sort.down { display: inline-block } .b-cart__cell-sort.down a { box-shadow: 0 0 7px 0 rgba(0, 0, 0, .06), 0 0 0 1px #e8e8e8; border-radius: 1pc; background-color: #73c5ea; padding: 5px 20px 7px; -webkit-transition: all .3s; transition: all .3s; border: 0; color: #fff } .b-cart__cell-sort.down a:after { background-image: url(/images/arrow_down.png); content: ''; display: inline-block; vertical-align: middle; width: 9px; height: 8px; margin-left: 10px; margin-top: -1px } .b-cart__cell-sort.up { display: inline-block } .b-cart__cell-sort.up a { box-shadow: 0 0 7px 0 rgba(0, 0, 0, .06), 0 0 0 1px #e8e8e8; border-radius: 1pc; background-color: #73c5ea; padding: 5px 20px 7px; -webkit-transition: all .3s; transition: all .3s; border: 0; color: #fff } .b-cart__cell-sort.up a:after { background-image: url(/images/arrow_up.png); content: ''; display: inline-block; vertical-align: middle; width: 9px; height: 8px; margin-left: 10px; margin-top: -1px } .b-cart__item { padding: 55px 0 35px; border-bottom: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; position: relative } @media(max-width:1023px) { .b-cart__item { padding-bottom: 17px; padding-top: 25px } } .b-cart__item--warning { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 9px } .b-cart__item-old-price { text-decoration: line-through; margin-bottom: 2px } .b-cart__item-no-sale, .b-cart__item-old-price { text-align: center; color: #989696; font-weight: 400; font-size: 13px; white-space: nowrap } .b-cart__item-no-sale { margin-top: 2px } .b-cart__item-image { -webkit-box-flex: 0; -ms-flex: 0 0 155px; flex: 0 0 155px; padding-right: 17px; margin-top: -20px; display: block } @media (min-width:1024px) and (max-width:1279px) { .btn--excel { margin-left: 20px !important; } .cart-body .b-cart__wrap .b-cart__item-image { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; } .cart-body .b-cart__wrap .b-cart__item-title { font-size: 12px !important; } .cart-body .b-cart__wrap .b-cart__item-info { font-size: 11px !important; } .cart-body .b-cart__wrap .b-cart__item-info--preorder { font-size: 13px !important; } .cart-body .b-cart__wrap .b-cart__item-text { font-size: 13px !important; } .cart-body .b-cart__wrap .b-count__input { height: 18px !important; font-size: 13px !important; margin-top: 2px; line-height: 15px !important; } .cart-body .b-cart__wrap .b-count__btn { width: 18px !important; height: 18px !important; } .cart-body .b-cart__wrap .b-cart__item-count { margin-top: 0 !important; } .cart-body .b-cart__wrap .b-cart__cell { min-width: 90px !important; display: flex; flex-direction: row; justify-content: center; align-items: center; } .cart-body .b-cart__wrap .btn { height: 18px !important; line-height: 18px !important; margin-top: 8px; } .cart-body .b-cart__wrap .b-cart__item { padding: 35px 0 25px !important; } .cart-body .b-cart__wrap .btn--blue-text .btn__text { font-size: 8pt !important; } .cart-body .b-cart__wrap .b-count__btn:before { width: 11px !important; height: 1px !important; } .cart-body .b-cart__wrap .b-count__btn:after { height: 11px !important; width: 1px !important; } .cart-body .b-cart__wrap .btn__cross:after, .btn__cross:before { width: 11px !important; } .cart-body .b-cart__wrap .b-cart__item-warning-text { font-size:13px !important; padding-left: 15px !important; } .cart-body .b-cart__wrap .b-cart__item-warning:before { -ms-flex: 0 0 20px; flex: 0 0 20px; width: 20px; height: 20px; line-height: 20px; } } .b-cart__item-image img { max-height: 150px } @media(max-width:767px) { .b-cart__item-image { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; margin: 0 } } .b-cart__item-descr { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .b-cart__item-title { font-size: 14px; color: #000; font-weight: 600; line-height: 1.28; margin-bottom: 9px; display: inline-block; -webkit-transition: all .3s; transition: all .3s } .b-cart__item-title:hover { color: #73c5ea } .b-cart__item-info { color: #838383; margin-bottom: 4px } .b-cart__item-info--preorder { /*color: #e34ee3;*/ /*color: #d573ad;*/ color: rgba(0, 0, 0, 0.68); font-weight: 700; font-size: 14px; } .b-cart__item-info:last-of-type { margin-bottom: 0 } .b-cart__item-text { font-size: 1pc; color: #838383 } .b-cart__item-min-order-price { color: #de0000; margin: 5px 0; font-weight: 700; font-size: 13px; } .b-cart__item .hide { display: none; } @media(max-width:1023px) { .b-cart__item-text { font-size: 14px } } .b-cart__item-wrap { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex } @media(max-width:1023px) { .b-cart__item-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 15px } } .b-cart__item-price.b-price { font-size: 1pc; color: #838383; font-weight: 400 } @media(max-width:1023px) { .b-cart__item-price.b-price { font-size: 14px } } .b-cart__item-count { margin-top: -7px } .b-cart__item-count .b-count__input { color: #838383; font-size: 1pc; width: 50px } @media(max-width:1023px) { .b-cart__item-count { margin-top: 0 } } @media(max-width:1023px) { .b-cart__item-count .b-count__input { font-size: 14px } } .b-cart__item-link { font-size: 0; margin-bottom: 9pt; text-align: left } .b-cart__item-link a { display: inline-block; color: #159cd8; font-size: 9pt } .b-cart__item-link a:hover { text-decoration: underline } .b-cart__item-link:last-of-type { margin-bottom: 0 } .b-cart__bottom { margin-top: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 130px; } @media(max-width:1023px) { .b-cart__bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; padding: 0 15px } } .b-cart__bottom-left { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .b-cart__bottom-left input { border: 0; padding: 0; height: 40px; line-height: 40px; border-bottom: 1px solid #159cd8 } .b-cart__bottom-left input, .b-cart__bottom-left textarea { box-shadow: none; font-size: 14px; background: #fff; width: 100% } .b-cart__bottom-left textarea { border: 0; line-height: 1.2; border: 1px solid #ededed; padding: 9px 11px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% } @media(max-width:1023px) { .b-cart__bottom-left { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; height: 115px } } .b-cart__bottom-table { display: table; width: 100%; max-width: 350px; margin-left: auto } .b-cart__bottom-row { display: table-row } .b-cart__bottom-row--bold .b-cart__bottom-cell { padding-top: 9px; color: #2e3034; font-weight: 700; font-size: 18px } .b-cart__bottom-row--bold .b-cart__bottom-cell.b-price { color: #2e3034; font-weight: 700; font-size: 18px } .b-cart__bottom-cell { display: table-cell; vertical-align: bottom; color: #838383; font-size: 1pc; padding-bottom: 7px; text-align: right } @media(max-width:1200px) { .b-cart__bottom-cell { font-size: 14px } } .b-cart__bottom-cell.b-price { color: #838383; font-size: 1pc; font-weight: 400 } @media(max-width:1200px) { .b-cart__bottom-cell.b-price { font-size: 14px } } .b-cart__bottom-cell--name { padding-right: 15px; text-align: right } .b-cart__bottom-btn { margin-top: 21px } .b-cart__bottom-btn .btn { display: block; width: 100% } .b-cart__textarea-grey { width: 500px; height: 90px; border: 0; font-size: 1pc; border-bottom: 2px solid #1b99d4; resize: none; background: #f7f7f7; padding: 13px } .b-cart__textarea-grey::-webkit-input-placeholder { color: #1b99d4 } .b-cart__textarea-grey::-moz-placeholder { color: #1b99d4 } .b-cart__textarea-grey:-ms-input-placeholder { color: #1b99d4 } .b-cart__textarea-grey::placeholder { color: #1b99d4 } @media(max-width:1023px) { .b-cart__textarea-grey { font-size: 13px } } .b-cart__bottom-right { margin-left: auto } @media(max-width:1023px) { .b-cart__bottom-right { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 25px } } .b-cart__cell-link { margin-top: -7px } @media(max-width:1023px) { .b-cart__cell-link { margin-top: 0 } } .b-cart__item-warning { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-bottom: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media(max-width:1023px) { .b-cart__item-warning { padding: 0 15px 28px } } .b-cart__item-warning:before { content: '!'; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; width: 30px; height: 30px; color: #fff; background: #ea5345; line-height: 30px; text-align: center; border-radius: 50%; top: 0; left: 0; display: block } .b-cart__item-warning-text { font-size: 14px; color: #eb5c4e; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 19px; line-height: 1.3 } @media(max-width:767px) { .b-cart__item-warning-text { font-size: 9pt } } .b-cart__bottom-btns { margin-top: 10px; text-align: right } @media(max-width:767px) { .b-cart__bottom-btns--order .btn { display: block; width: 100% } } .b-cart__item-cell-name { display: none } @media(max-width:1023px) { .b-cart__item-cell-name { display: block; font-size: 14px; color: #aba9a9 } } @media(max-width:1023px) { .b-cart__item-cell-data { /* width: 50%; */ width: 100%; text-align: center } } .b-cart__cell--sale .b-cart__item-cell-data.box_discount { display: flex; flex-direction: row; align-items: center; } .b-cart__cell--sale .b-cart__item-cell-data.box_discount .b-cart__item-text { display: flex; flex-flow:row; justify-content: center; } .b-cart__cell--sale .b-cart__item-cell-data.box_discount .b-cart__item-text:before { content: url(/images/cart_box.png); margin-right: 5px; } .b-cart__item.notavailable .b-cart__cell--count { visibility: hidden } .b-catalog__head--out { position: relative } .b-catalog__head-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .b-catalog__head-wrap.scrolled:before { opacity: 1; visibility: visible } .b-catalog__head-wrap.scrolled-end:after { opacity: 0; visibility: hidden } .b-catalog__head-wrap:after { content: ''; position: absolute; right: 0; top: 0; height: 50px; width: 30px; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(71%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, .9))); background: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, .9) 71%, hsla(0, 0%, 100%, .9) 100%); background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, .9) 71%, hsla(0, 0%, 100%, .9) 100%); background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, .9) 71%, hsla(0, 0%, 100%, .9) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1); display: block; opacity: 1; visibility: visible; -webkit-transition: all .3s; transition: all .3s } @media(min-width:1024px) { .b-catalog__head-wrap:after { display: none } } .b-catalog__head-wrap:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; height: 50px; width: 30px; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, .9)), color-stop(29%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, .9) 0%, hsla(0, 0%, 100%, .9) 29%, hsla(0, 0%, 100%, 0) 100%); background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, .9) 0%, hsla(0, 0%, 100%, .9) 29%, rgba(255, 255, 255, ) 100%); background: linear-gradient(90deg, hsla(0, 0%, 100%, .9) 0%, hsla(0, 0%, 100%, .9) 29%, rgba(255, 255, 255, ) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1); opacity: 0; visibility: hidden; display: block; -webkit-transition: all .3s; transition: all .3s } @media(min-width:1024px) { .b-catalog__head-wrap:before { display: none } } .b-catalog__sections { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 115px); flex-basis: calc(100% - 115px); width: calc(100% - 115px); position: relative; font-size: 0 } @media(max-width:1023px) { .b-catalog__sections { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% } } @media(max-width:767px) { .b-catalog__sections { display: none } } .b-catalog__section { margin-right: 10px; margin-bottom: 10px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media(max-width:1023px) { .b-catalog__section { margin-bottom: 10px } } .b-catalog__section:last-of-type { margin-right: 0 } .b-catalog__section.active .b-catalog__section-link { background: #fff } .b-catalog__section-link { border: 2px solid #f3f3f4; font-size: 0; padding: 8px 10px; display: block; background: #f3f3f4; text-align: center; -webkit-transition: all .3s; transition: all .3s } .b-catalog__section-link span { font-size: 13px; display: inline-block; vertical-align: middle; color: #2393c8; font-weight: 600 } .b-catalog__section-link span:last-of-type { margin-left: 1pc } .b-catalog__section-link:hover { background: #fcfcfc } .b-catalog__sortings { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; } @media(max-width:767px) { .b-catalog__sortings { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .b-catalog__sortings .checkbox-item__wrap { padding: 8px 20px 9px; } .b-catalog__sort { display: inline-block; color: #a4a2a2; background: #fff; margin-right: 9pt; position: relative; border-radius: 1pc; padding: 8px 20px 9px; box-shadow: 0 0 0 1px #f5f5f5; text-align: center; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .b-catalog__sort.b-catalog__sort--nums { border: 0; box-shadow: none; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: right; padding: 0 } @media(max-width:1200px) { .b-catalog__sort.b-catalog__sort--nums { text-align: left } } @media(max-width:1023px) { .b-catalog__sort.b-catalog__sort--nums { text-align: right } } @media(max-width:767px) { .b-catalog__sort.b-catalog__sort--nums { box-shadow: 0 0 0 1px #f5f5f5; -webkit-box-flex: 0; -ms-flex: 0 1 48%; flex: 0 1 48%; margin-bottom: 23px; padding: 8px 20px 9px; text-align: center } } @media (max-width: 420px) { .b-catalog__sort.b-catalog__sort--nums { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: 9pt } } .b-catalog__sort.b-catalog__sort--nums:hover { color: #a4a2a2; background: transparent } @media(max-width:1365px) { .b-catalog__sort { margin-right: 10px; } } @media(max-width:1200px) { .b-catalog__sort { margin-bottom: 0; } } @media(max-width:1023px) { .b-catalog__sort { margin-bottom: 0 } } @media(max-width:767px) { .b-catalog__sort { margin-right: 0; -webkit-box-flex: 0; -ms-flex: 0 1 48%; flex: 0 1 48%; margin-bottom: 23px } } @media(max-width:420px) { .b-catalog__sort { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: 9pt } } @media(max-width:400px) { .b-catalog__sort { min-width: 10pc } } .b-catalog__sort:hover { background: #209fda; color: #fff } .b-catalog__sort:last-child { margin-right: 0 } .strict_search { box-shadow: 0 0 2pc -7px #ff5757 !important; display: inline-block; color: #a4a2a2; background: #fff; margin-right: 9pt; position: relative; border-radius: 1pc; padding: 8px 20px 9px; text-align: center; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .strict_search_active { background-color: #73c5ea; color: #fff; border-radius: 1pc; text-align: center; padding: 8px 9pt 9px; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateZ(0); transform: translateZ(0); border: 0; } .b-catalog__sort.grow { background-color: #73c5ea; color: #fff; border-radius: 1pc; box-shadow: 0 0 7px 0 rgba(0, 0, 0, .06), 0 0 0 1px #e8e8e8; padding: 8px 20px 9px; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateZ(0); transform: translateZ(0); border: 0 } .b-catalog__sort.grow:focus { outline: 0 } .b-catalog__sort.grow:after { background-image: url(/images/arrow_down.png); content: ''; display: inline-block; vertical-align: middle; width: 9px; height: 8px; margin-left: 10px; margin-top: -1px } .b-catalog__sort.fall { background-color: #73c5ea; color: #fff; border-radius: 1pc; box-shadow: 0 0 7px 0 rgba(0, 0, 0, .06), 0 0 0 1px #e8e8e8; padding: 8px 20px 9px; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateZ(0); transform: translateZ(0); border: 0 } .b-catalog__sort.fall:focus { outline: 0 } .b-catalog__sort.fall:after { background-image: url(/images/arrow_up.png); content: ''; display: inline-block; vertical-align: middle; width: 9px; height: 8px; margin-left: 10px; margin-top: -1px } .b-catalog__sort--nums:after { display: none } @media(max-width:767px) { .b-catalog__sort--nums:after { display: inline-block } } .b-catalog__sort-num { display: inline-block; vertical-align: middle; color: #a4a2a2; margin: 0 6px; box-shadow: 0 0 7px 0 rgba(0, 0, 0, .06), 0 0 0 1px #f5f5f5; border-radius: 1pc; padding: 8px 9pt 9px } .b-catalog__sort-num:last-child { margin-right: 0 } @media(max-width:1365px) { .b-catalog__sort-num { margin: 0 3px } } @media(max-width:767px) { .b-catalog__sort-num { display: block; margin-bottom: 6px; box-shadow: none } } .b-catalog__sort-num:hover { background: #209fda; color: #fff } .b-catalog__sort-num.active { background-color: #73c5ea; color: #fff; border-radius: 1pc; box-shadow: 0 0 7px 0 rgba(0, 0, 0, .06), 0 0 0 1px #e8e8e8; text-align: center; padding: 8px 9pt 9px; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateZ(0); transform: translateZ(0); border: 0 } .b-catalog__sort-num.active:hover { text-decoration: none } .b-catalog__list { margin: 20px 0 25px } @media(max-width:767px) { .b-catalog__list { margin: 20px 0 18px } } .b-catalog__list-wrap { 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; margin: -10px } @media(max-width:640px) { .b-catalog__list-wrap { margin: 0 } } .b-catalog__list-wrap--line { margin: 0 !important; } .b-catalog__list-wrap--line .b-catalog__item { padding: 0 0 20px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100% } .b-catalog__list-wrap--line .b-catalog__item-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 17px 13px; -webkit-box-align: stretch; -ms-flex-align: stretch; -ms-grid-row-align: stretch; align-items: stretch } .b-catalog__list-wrap--line .b-catalog__item-img { width:193px; -webkit-box-flex: 0; -ms-flex: 0 0 193px; flex: 0 0 193px; margin-bottom: 0 } .b-catalog__list-wrap--line .b-catalog__item-text { -webkit-box-flex: 1; -ms-flex: 0 1 calc(100% - 282px - 365px); flex: 0 1 calc(100% - 282px - 365px); width: calc(100% - 282px - 365px); max-width: calc(100% - 282px - 365px); padding-top: 21px; padding-right: 30px; padding-bottom: 22px; margin-bottom: 0; position: relative; } .b-catalog__list-wrap--line .b-catalog__item-wrap--big-price .b-catalog__item-text { -webkit-box-flex: 1; -ms-flex: 1 1 calc(100% - 282px - 365px); flex: 1 1 calc(100% - 282px - 365px); width: calc(100% - 282px - 365px); max-width: calc(100% - 282px - 365px); } .b-catalog__list-wrap--line .b-catalog__item-no-sale { margin-top: 5px; } .b-catalog__list-wrap--line .b-catalog__item-old-price { margin-bottom: 3px; } .b-catalog__list-wrap--line .b-catalog__item-text::after{ content: ''; position: absolute; right: 0; top: 17px; bottom: 17px; width: 1px; background-color: #ececec; } @media(max-width: 760px){ .b-catalog__list-wrap--line .b-catalog__item-text::after{ display: none; } } .b-catalog__list-wrap--line .b-catalog__item-cart { -webkit-box-flex: 0; -ms-flex: 0 0 319px; flex: 0 0 319px; max-width: 319px; -ms-flex-item-align: center; align-self: center; margin-top: 0; padding: 0; border-top: 0; padding: 0 30px; height: auto; } .b-catalog__list-wrap--line .b-catalog__item-wrap--big-price .b-catalog__item-cart { -webkit-box-flex: 0; -ms-flex: 0 0 365px; flex: 0 0 365px; max-width: 365px; } .b-catalog__list-wrap--line .b-catalog__item-buy-btn { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; margin-top: 10px; } .b-catalog__list-wrap--line .b-catalog__item-count { -webkit-box-flex: 0; -ms-flex: 0 0 75px; flex: 0 0 75px } .b-catalog__list-wrap--line .b-catalog__item-cart-auth-link .svg-icon { display: block; margin: 0 auto 4px } .b-catalog__list-wrap--line .b-catalog__item-cart-auth-link span { display: block; margin-bottom: 10px } .b-catalog__list-wrap--line .b-catalog__item-cart-auth-text { display: block } @media(max-width:767px) { .b-catalog__list-wrap--line .b-catalog__item-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; -ms-grid-row-align: stretch; align-items: stretch } .b-catalog__list-wrap--line .b-catalog__item-img { width: 44%; -webkit-box-flex: 1; -ms-flex: 1 1 44%; flex: 1 1 44% } .b-catalog__list-wrap--line .b-catalog__item-text { -webkit-box-flex: 1; -ms-flex: 1 1 56%; flex: 1 1 56%; width: 56%; border-right: 0; padding: 6px 0 0 5px } .b-catalog__list-wrap--line .b-catalog__item-cart { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; padding-top: 19px; padding-bottom: 6px; margin-left: 0; border-top: 1px solid #ececec } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .b-catalog__list-wrap--line .b-catalog__item-price { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: flex; flex-wrap: wrap; align-items: center; } .b-catalog__list-wrap--line .b-catalog__item-no-sale { flex: 1 1 100%; order: 3; } .b-catalog__list-wrap--line .b-price__num { order: 0; } .b-catalog__list-wrap--line .b-price__font { order: 1; } .b-catalog__list-wrap--line .b-catalog__item-old-price { order: 2; margin-left: 10px; margin-bottom: 0; } .b-catalog__list-wrap--line .b-catalog__item-buy-btn { width: 43%; -webkit-box-flex: 0; -ms-flex: 0 1 43%; flex: 0 1 43%; margin-top: 0 } .b-catalog__list-wrap--line .b-catalog__item-count { -webkit-box-flex: 1; -ms-flex: 1 0 75px; flex: 1 0 75px } .b-catalog__list-wrap--line .b-catalog__item-cart-auth-link .svg-icon { display: inline-block } .b-catalog__list-wrap--line .b-catalog__item-cart-auth-link span { display: inline-block; margin-bottom: 0 } .b-catalog__list-wrap--line .b-catalog__item-cart-auth-text { display: inline-block } } @media(max-width:1365px) { .b-catalog__list-wrap--line .b-catalog__item-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .b-catalog__item { padding: 10px; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; width: 50%; max-width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex } .b-catalog__item.preorder_status .b-catalog__item-wrap { background-color: #fff; -webkit-filter: invert(0.02); filter: invert(0.02); } .b-catalog__item.preorder_status:hover .b-catalog__item-wrap { -webkit-filter: none; filter: none; } .b-catalog__list-wrap:not(.b-catalog__list-wrap--line) .b-catalog__item.preorder_status .b-catalog__item-info-wrap { height:15px; /*line-height: 1;*/ overflow-y: hidden; } @media(max-width:640px) { .b-catalog__item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; padding-bottom: 15px; width: 100%; max-width: 100% } } .b-catalog__item.item__cart__liked .b-catalog__item-wrap { box-shadow: 0px 0px 32px -10px rgba(255,87,87,1) !important } html.br-firefox .b-catalog__item.item__cart__liked .b-catalog__item-wrap { box-shadow: 0px 0px 20px -10px rgba(255,87,87,1) !important } .b-catalog__item.item__cart__inbasket .b-catalog__item-wrap { box-shadow: 0px 0px 32px -10px rgba(43,188,255,1) !important } html.br-firefox .b-catalog__item.item__cart__inbasket .b-catalog__item-wrap { box-shadow: 0px 0px 20px -10px rgba(43,188,255,1) !important } .b-catalog__item-old-price { text-align: left; color: #989696; font-weight: 400; font-size: 1pc; white-space: nowrap; text-decoration: line-through; margin-bottom: 1px } .b-catalog__list-wrap--line .b-catalog__item-old-price { text-align: left } .b-catalog-liked .b-catalog__item-old-price { text-align: right } .b-catalog-liked .b-catalog__list-wrap--line .b-catalog__item-old-price { text-align: left } .b-catalog__item-no-sale { text-align: left; color: #989696; font-weight: 400; font-size: 14px; white-space: nowrap; margin-top: 0px; } .b-catalog__item-wrap { padding: 0px; border: 1px solid #e8e8e8; 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-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-transition: all .3s; transition: all .3s; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media(max-width:640px) { .b-catalog__item-wrap { padding: 9px } } .b-catalog__item-wrap:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 1, .06) } .b-catalog__item-img { -webkit-box-flex: 0; -ms-flex: 0 1 46%; flex: 0 1 46%; width: 46%; max-width: 46%; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 22px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } .b-catalog__item-img img { width: 100% } @media(max-width:640px) { .b-catalog__item-img { margin-bottom: 0 } } .b-catalog__tags { position: absolute; left: 10px; top: 10px } .b-catalog__tag { margin-bottom: 5px } .b-catalog__tag:last-of-type { margin-bottom: 0 } .b-catalog__list-wrap:not(.b-catalog__list-wrap--line).b-catalog__item-text { -webkit-box-flex: 0; -ms-flex: 0 1 54%; flex: 0 1 54%; width: 54%; max-width: 54%; margin-bottom: 22px; padding: 10px 0 0 10px } @media(max-width:1365px) { .b-catalog__item-text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; width: 100%; padding-left: 0 } } @media(max-width:640px) { .b-catalog__item-text { padding-top: 0 } } .b-catalog__item-title { display: inline-block; margin-right: 35px; font-size: 14px; font-weight: 600; color: #000001; line-height: 1.28; -webkit-transition: all .3s; transition: all .3s; overflow-wrap: break-word } .b-catalog__item-title:hover { color: #2393c8 } .b-catalog__item-title-wrap { margin-bottom: 7px } .b-catalog__item-section { font-size: 9pt; color: #979595 } .b-catalog__item-table { margin-top: 17px } @media only screen and (min-width: 1035px) and (max-width: 1279px) { .b-catalog__item-cart { height: calc(100% - 170px); } } @media only screen and (min-width: 1280px) and (max-width: 1365px) { .b-catalog__item-cart { height: calc(100% - 160px); } .b-modal__buy-item.b-price { min-width: 17%; max-width: 17%; } .b-modal__body .b-price-opt { font-size: 24px; min-width: 20% !important; max-width: 20% !important; margin-bottom: 0px !important; } } @media(max-width:1365px) { .b-catalog__item-table.info-table--small .info-table__cell { padding: 2px 0 } .b-catalog__item-table.info-table--small .info-table__cell--data { padding: 2px 0 2px 10px; vertical-align: bottom } } .b-catalog__item-cart { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; border-top: 1px solid #ececec; padding: 21px 8px 8px; /* height: auto; */ display: flex; z-index: 1; } @media(max-width:1365px) { } @media(max-width:640px) { .b-catalog__item-cart { padding: 15px 0 9px } } .b-catalog__item-cart--auth { padding: 28px 8px 1pc } @media(max-width:1365px) { .b-catalog__item-cart--auth { padding: 21px 8px 9pt } } @media(max-width:640px) { .b-catalog__item-cart--auth { padding: 19px 0 7px } } .b-catalog__item-cart-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; width: 100%; } @media (min-width:1024px) and (max-width: 1365px) { .b-catalog__item-cart-wrap { flex-wrap: wrap; } } /* Позиции в линию*/ @media only screen and (min-width:1600px) { .b-catalog__item-cart-wrap { justify-content: flex-start; } .b-price { flex: 1 1 46%; max-width: 46%; /* min-width:75%; */ } .b-price-opt { flex: 1 1 40%; max-width: 40%; min-width:20%; } .b-catalog__item-cart-wrap > .b-count { flex: 1 1 47%; max-width: 47%; margin-top: 10px; margin-bottom: 10px; height: 25px; /* min-width:70%;*/ } .b-catalog__item-buy-btn { flex: 1 1 40%; max-width: 40%; /* min-width:20%;*/ } } @media (max-width:1600px) { .b-catalog__item-cart-wrap { justify-content: flex-start; } .b-price { flex: 1 1 46%; max-width: 46%; /* min-width:75%; */ } .b-price-opt { flex: 1 1 40%; max-width: 40%; min-width:20%; } .b-catalog__item-cart-wrap > .b-count { flex: 1 1 42%; max-width: 42%; margin-top: 10px; margin-bottom: 10px; height: 25px; /* min-width:70%;*/ } .b-catalog__list-wrap--line .b-count { max-width: 47%; } .b-catalog__item-buy-btn { flex: 1 1 40%; max-width: 40%; /* min-width:20%;*/ } .b-cart__cell .b-price { max-width: 100% !important; } } @media only screen and (min-width:1280px) and (max-width:1365px) { .b-catalog__item-cart { padding-left: 30px; } .b-catalog__item-cart-wrap { /* margin-bottom: 18px; */ } .b-catalog__list-wrap--line .b-catalog__item-cart { padding-right:20px; } .b-catalog__list-wrap--line .btn-hundred { min-width: 160px; } .cart_msg_padding { padding-top: 10px !important; padding-right: 20px; } } @media only screen and (min-width:1280px) and (max-width:1365px) { .b-modal__buy-item .b-price-opt { flex: 1 1 15%; /* max-width: 50%; */ min-width: 15%; } } /* @media (min-width:1199px) and (max-width:1233px) { .b-catalog__item-cart { padding-bottom: 15px !important; padding-top: 15px !important; } .b-catalog__list-wrap--line .b-catalog__item-cart { padding-bottom: 0px !important; padding-top: 0px !important; } } */ @media (min-width:1234px) and (max-width:1279px) { .b-catalog__item-cart { padding-bottom: 30px !important; padding-top: 15px !important; } } @media (min-width:1151px) and (max-width:1200px) { .b-catalog__list-wrap--line .b-catalog__item-text { min-width: 280px !important; } } @media only screen and (min-width:1280px) and (max-width:1365px) { .b-catalog__list-wrap--line .b-catalog__item-cart { padding-top: 10px; } .b-catalog--search.b-price { flex: 1 1 40%; max-width: 40%; } .b-catalog__item-price.b-price { flex: 1 1 43%; max-width: 43%; } .b-catalog--search.b-catalog__item-cart-wrap > .b-count { flex: 1 1 40%; max-width: 40%; } .b-modal__buy-price .b-price-opt { flex: 1 1 15% !important; /* max-width: 50%; */ min-width: 15%; } .b-catalog__list-wrap--line .b-catalog__item-price.b-price-opt{ margin-top: 20px; } .b-catalog__item-price.b-price-opt { flex: 1 1 25%; max-width: 25%; min-width: 25%; margin-top: 15px; margin-bottom: 15px; } .b-catalog__item-cart-wrap > .b-count { flex: 1 1 42%; max-width: 42%; } .b-catalog__list-wrap--line .b-catalog__item-text { min-width: calc(100% - 180px - 227px); } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap > .b-count { flex: 1 1 54%; max-width: 54%; min-width: 54%; } .b-catalog__list-wrap--line .b-price { min-width: 80%; } .b-catalog__list-wrap--line .b-catalog__item-buy-btn { margin-top: 0px; } .b-catalog__item-cart { padding-top: 0px; } .b-catalog__item-cart-wrap .btn-hundred { max-width: 150px !important; margin-left: 3px; } .b-catalog__list-wrap--line .btn-hundred { margin-left: 0px; } } @media only screen and (min-width: 1024px) and (max-width: 1029px) { .b-catalog__item-cart { /* height: calc(100% - 180px); */ } .b-catalog__item-cart-wrap { min-height: 20px; } .b-catalog__item-cart { min-height: 60px; } } @media only screen and (min-width: 1030px) and (max-width: 1135px) { .b-catalog__item-cart { height: calc(100% - 180px); } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .b-catalog__item-cart-wrap .b-price { max-width: 144px; } .b-catalog__item-cart-wrap > .b-count { max-width: 47%; } .b-price-opt { margin-right: 10px; } .b-catalog__list-wrap--line .btn__text { font-weight: 100; } .b-modal__buy-item.b-price { min-width: 17%; max-width: 17%; } .b-modal__body .b-price-opt { font-size: 24px; min-width: 20% !important; max-width: 20% !important; } .b-modal__body .item__cart__btn { max-width: 18%; } .btn__cart-icon { font-size:16px !important; } .b-catalog__item-text { /* max-height: calc(100% - 100px); */ /* min-height: calc(100% - 130px); */ flex: 1 calc(100% - 199px); width: calc(100% - 199px); max-width: calc(100% - 199px); } .b-catalog__list-wrap--line .b-catalog__item-text { max-height: 100% !important; } } @media only screen and (min-width: 1135px) and (max-width: 1279px) { .b-catalog__item-cart { padding-top: 10px; padding-bottom: 18px; } } @media only screen and (min-width: 1115px) and (max-width: 1279px) { .b-catalog__item-cart { padding-top: 15px; padding-bottom: 10px; } } @media only screen and (min-width: 1150px) and (max-width: 1279px) { .b-price { max-width: 170px; } .b-catalog__item-price.b-price { max-width: 190px; } .b-catalog__list-wrap--line .b-catalog__item-buy-btn { max-width: 150px; } .b-catalog__list-wrap--line .b-catalog__item-text { -webkit-box-flex: 1; -ms-flex: 1 1 calc(100% - 192px - 210px) !important; flex: 1 1 calc(100% - 192px - 210px) !important; width: calc(100% - 192px - 210px) !important; max-width: calc(100% - 192px - 210px) !important; min-width: 420px; } } @media(max-width:1279px) { .b-catalog__list-wrap--line .b-catalog__item-cart-wrap > .b-count { flex: 1 1 80%; max-width: 80%; /* min-width:70%;*/ } } @media(max-width:1365px) { .b-catalog__list-wrap--line .b-price { flex: 1 1 100%; max-width: 100%; /* min-width:75%; */ } .b-catalog__list-wrap--line .b-price-opt { flex: 1 1 100%; max-width: 100%; min-width:20%; } .b-catalog__list-wrap--line .b-catalog__item-buy-btn { flex: 1 1 10%; /* min-width:20%;*/ } .b-catalog__list-wrap--line .b-catalog__item-buy-btn { height: 25px; width: 25px; max-width: 25px; padding-left: calc(100% - 185px); } _:-ms-fullscreen, :root .b-catalog__list-wrap--line .b-catalog__item-buy-btn { padding-left: 0; } @supports (-ms-ime-align:auto) { .b-catalog__list-wrap--line .b-catalog__item-buy-btn { padding-left: 0; } } .b-catalog__list-wrap--line .btn__cart-icon { font-size: 16px; } } @media (min-width:1366px) and (max-width:1599px) { .b-catalog__item-cart-wrap { flex-wrap: nowrap; } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap { flex-wrap: wrap; } .b-catalog__item-buy-btn { width: 25px; height: 25px; max-width: 25%; min-width: 25px; min-height: 5px; line-height: 24px !important; } .btn__cart-icon { font-size: 14px !important; } .b-catalog__item-cart { padding: 5px 20px 8px 20px; } .b-price { flex: 1 1 28%; max-width: 25%; min-width: 28%; } .sup-price { top: -0.9em !important; } .svg-icon { width: 22px !important; } .b-price-opt { flex: 1 1 34%; max-width: 30%; min-width: 30%; font-size: 18px; } .b-catalog__item-cart-wrap > .b-count { min-width: 30%; } .b-catalog__list-wrap--line .b-price { flex: 1 1 100%; max-width: 100%; min-width: 100%; font-size: 22px; margin-bottom: 25px; } .b-catalog__list-wrap--line .b-price-opt { flex: 1 1 100%; max-width: 100%; min-width: 100%; font-size: 22px; margin-bottom: 14px; } .sup_cop { top: -.62em; } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap > .b-count { min-width: 30%; } .b-catalog__list-wrap--line .b-catalog__item-buy-btn { height: 25px; width: 25px; max-width: 25px; margin-top: 2px; margin-left: 10px; } .b-catalog__list-wrap--line .b-catalog__item-text { max-width: calc(100% - 282px - 215px); width: calc(100% - 282px - 115px); min-width: calc(100% - 282px - 215px); } .b-catalog__list-wrap--line .b-catalog__item-cart { padding-top: 15px; padding-left: 30px !important; padding-bottom: 5px; } .b-catalog__item-price .sup_cop { font-size: 12px; } .b-catalog__list-wrap--line .sup { top: -.7em; } .sub-count { font-size: 12px !important; } .sup-price { font-size: 12px !important; } .b-cart__cell .b-price { max-width: 100%; } .b-modal__buy-item.b-price { min-width: 17%; max-width: 17%; } .b-modal__body .b-price-opt { font-size: 24px; min-width: 20%; max-width: 20%; } } @media only screen and (min-width:1600px) { .b-price { flex: 1 1 40%; } .b-price-opt { flex: 1; min-width: 28%; } .b-count { flex: 1; } .b-catalog__item-buy-btn { flex: 1; } .b-catalog__list-wrap--line .b-price { flex: 1 1 40%; min-width: 40%; margin-bottom: 8px; max-width: 50% !important; } .b-catalog__list-wrap--line .b-catalog__item-buy-btn { margin-top:0px; -webkit-box-flex: 1; -ms-flex: 1 1 35%; flex: 1 1 35%; width: 170px; max-width: 300px; height: 35px; line-height: 35px; margin-bottom: 10px; min-width: 170px; } .b-catalog__list-wrap--line .btn__text { font-size: 14px; margin-left: 11px; } .b-catalog__list-wrap--line.b-catalog__item-price.b-price { font-size: 25px; } .b-catalog__item-price.b-price { font-size: 26px; min-width: 31%; max-width: 185px; } .b-catalog b-catalog--search.b-price { min-width: 28%; } .b-catalog__item-price.b-price-opt { font-size: 26px; } .b-catalog__list-wrap--line .b-count__wrap { padding-left: 0px; } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap > .b-count { margin-left: 0px; max-width: 60%; } .b-catalog__list-wrap--line .b-price-opt { margin-right: 0; } .b-catalog__list-wrap--line .b-price-opt { flex: 1 1 40%; margin-bottom: 8px; } .btn__text { font-weight: 100; } .b-catalog__item-cart-wrap { flex-wrap: nowrap; flex: 1 1 200px; margin-right: 0px; } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap { flex-wrap: nowrap; flex: 1 1 200px; margin-right: -38px; min-height: 120px; } .b-catalog__item-cart-wrap > .b-count { margin-left: 20px; max-width: 37%; min-width: 115px; } .b-catalog__item-cart { height: auto; } .b-count__wrap { display: flex; } .b-detail__buy .b-count__wrap { padding-left: 0px; } .b-cart__body .b-count__wrap { display: block; } .b-catalog__list-wrap--line .b-catalog__item-count { margin-bottom: 20px; } .b-catalog__item-buy-btn { min-width: 35px; height: 35px !important; line-height: 35px !important; } .b-modal__buy-item.b-price { min-width: 17%; max-width: 17%; } .b-modal__body .b-price-opt { min-width: 22%; max-width: 22%; } } .b-catalog__item-price { /* -webkit-box-flex: 0; -ms-flex: 0 0 11%; flex: 0 0 11% */ } .b-catalog__item-price.b-price { /* font-size: 23px; */ font-weight: 600; /* margin-bottom: 10px; */ } .b-catalog__item-buy-btn { width: 43%; /* -webkit-box-flex: 0; -ms-flex: 0 1 43%; flex: 0 1 43% */ } @media(max-width:1023px) { .b-detail__buy-wrap .b-detail__buy-price { order: 1; } .b-detail__buy-wrap .b-detail__buy-count { order: 2; } .b-detail__buy-wrap .b-detail__buy-btn { order: 3; } .b-detail__buy-wrap .small-item__liked-heart-detail { order: 4; margin-left: 10px; } } @media(max-width:1365px) { .b-catalog__item-buy-btn { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; margin-top: 21px } .b-price-opt { font-size:22px; } .b-cart__cell .b-price { max-width: 100% !important; } } .b-catalog__item-count { /* -webkit-box-flex: 0!important; -ms-flex: 0 0 120px!important; flex: 0 0 120px!important */ -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .b-catalog__item-cart-auth { text-align: center; width: 100%; } .b-catalog__item-cart-auth-link { display: inline-block; vertical-align: middle; padding-top: 2%; color: #e95345; font-size: 1pc; text-align: center } .b-catalog__item-cart-auth-link span { display: inline-block; vertical-align: middle; /* margin-left: 7px; */ /* border-bottom: 1px solid #e95345; */ -webkit-transition: all .01s; transition: all .01s; text-decoration: underline; } @media(max-width:640px) { .b-catalog__item-cart-auth-link { font-size: 13px } } .b-catalog__item-cart-auth-link:hover span { /* border-bottom: 1px solid transparent */ } @media(max-width:1365px) { .b-catalog__item-cart-auth-link .svg-icon { display: block; margin: 0 auto 7px } } @media(max-width:640px) { .b-catalog__item-cart-auth-link .svg-icon { display: inline-block; margin: 0 } } @media(max-width:1365px) { .b-catalog__item-cart-auth-link span { display: block; margin-bottom: 5px; margin-top: -2%; } } @media(max-width:640px) { .b-catalog__item-cart-auth-link span { display: inline-block; margin-bottom: 0 } } .b-catalog__item-cart-auth-text { display: inline-block; vertical-align: middle; font-size: 1pc; color: #909090; text-decoration: underline solid #FFF !important; } @media(max-width:1365px) { .b-catalog__item-cart-auth-text { display: block; font-size: 13px; } } @media(max-width:640px) { .b-catalog__item-cart-auth-text { display: inline-block; font-size: 13px padding-top:2%; } } .b-catalog__bottom { 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:767px) { .b-catalog__bottom { -ms-flex-wrap: wrap; flex-wrap: wrap } } @media(max-width:767px) { .b-catalog__bottom-more { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 22px } } @media(max-width:767px) { .b-catalog__pagination { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% } } @media(max-width:1023px) { .b-catalog__views { display: none } } .b-catalog__mobile-head { display: none; height: 79px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; z-index: 3; margin-bottom: 8px } @media(max-width:1023px) { .b-catalog__mobile-head { display: block } } .b-catalog__mobile-head-wrap { padding: 14px 0; height: 79px; display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; /*-webkit-transition: background .3s; transition: background .3s*/ } .b-catalog__mobile-head-wrap.fixed { position: fixed; left: 0; right: 0; top: 0; z-index: 2; padding: 14px 15px; /*background: hsla(0, 0%, 100%, .9); box-shadow: 0 0 1pc 0 rgba(0, 0, 0, .2)*/ border-bottom: 1px solid #7ac8eb; } .b-catalog__mobile-head-wrap.fixed .b-catalog__mobile-head-item { color: #a5a5a5; background: #fff; box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .09) } .b-catalog__mobile-head-wrap.fixed .b-catalog__mobile-head-item .header-main__cart-link { background: #fff } .b-catalog__mobile-head-wrap.fixed .b-catalog__mobile-head-item .filter-icon__line:after { border: 2px solid #fff } .b-catalog__mobile-head-item { height: 51px; background: #f2f2f2; color: #929292; text-align: center; line-height: 51px; -webkit-box-flex: 0; -ms-flex: 0 0 54px; flex: 0 0 54px; margin: 0 10px; font-size: 25px; -webkit-transition: all .3s; transition: all .3s } .b-catalog__mobile-head-item.open-filter { cursor: pointer; max-width: 54px; } .b-catalog__mobile-head-item .header-main__cart-link { background: #eaeaea; margin: auto; height: 51px; line-height: 51px } .b-catalog__mobile-head-item .header-main__cart-link .header-main__cart-num { font-size: 13px } .b-catalog__mobile-head-item--text { font-size: 13px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .b-catalog__mobile-head-item:last-child { margin-right: 0 } .b-catalog__mobile-head-item:first-child { margin-left: 0 } .b-catalog__sort-list { display: inline-block } .b-catalog__sort-list.opened { display: block; z-index: 3 } @media(max-width:767px) { .b-catalog__sort-list { display: none; position: absolute; top: 100%; left: 0; right: 0; padding-top: 10px; background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 1, .06); z-index: 2; border-radius: 1pc } } .b-catalog__list-wrap--line .b-catalog__item-cart { /*padding-left: 50px;*/ padding-left: 20px; /*padding-right: 50px;*/ padding-right: 0; } @media (max-width: 1200px) { .b-catalog__list-wrap--line .b-catalog__item-cart { } } .b-catalog__list-wrap--line .b-catalog__item-count { -webkit-box-flex: 0; -ms-flex: 1 0 40%; flex: 1 0 40%; margin-top: 10px; } @media (max-width: 1200px) { .b-catalog__list-wrap--line .b-catalog__item-count { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30% } } @media (max-width: 1200px) { .b-catalog__list-wrap--line .b-catalog__item-price { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% } } @media (max-width: 500px) { .b-catalog__list-wrap--line .b-catalog__item-text { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% } } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width: 500px) { .b-catalog__list-wrap--line .b-catalog__item-buy-btn { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 20px } } .b-catalog__item-cart-wrap { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center } .b-catalog--search .b-catalog__head--out { margin-top: 10px } @media (max-width: 1023px) { .b-catalog--search .b-catalog__head--out { margin-top: 0 } } .item__cart__err__msg { padding-top: 10px; color: red } .item__cart__add__msg { padding-top: 10px; color: #32cd32 } .b-contacts__title { padding-bottom: 6px; border-bottom: 1px solid #e9e9e9; font-size: 24px; color: #000; margin-bottom: 33px } @media(max-width:1200px) { .b-contacts__title { font-size: 20px } } .b-contacts__block-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .b-contacts__block-wrap, .b-contacts__item { display: -webkit-box; display: -ms-flexbox; display: flex } .b-contacts__item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; margin-bottom: 50px } @media(max-width:1023px) { .b-contacts__item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% } } @media(max-width:767px) { .b-contacts__item { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 9pt } } .b-contacts__item-left { -webkit-box-flex: 0; -ms-flex: 0 0 122px; flex: 0 0 122px; margin-right: 30px } @media(max-width:767px) { .b-contacts__item-left { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; text-align: center; margin-right: 0; margin-bottom: 10px } } .b-contacts__item-right { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 40px } @media(max-width:1023px) { .b-contacts__item-right { margin-right: 0 } } .b-contacts__item-image { width: 122px; height: 122px; border-radius: 50%; overflow: hidden; position: relative; border: 1px solid #eee; background: #fbfbfb; margin: auto } .b-contacts__item-image img { width: 100%; height: 100% } .b-contacts__item-image:not(.b-contacts__item-image--no-photo) img { -o-object-fit: contain; font-family: "object-fit:contain;object-position:center"; object-fit: contain; -o-object-position: center; object-position: center; padding: 10px 10px 0 } .b-contacts__item-image--no-photo img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: auto; height: auto; margin-bottom: -3px } .b-contacts__item-name { font-size: 18px; color: #000; font-weight: 600; margin-bottom: 6px } .b-contacts__item-job { font-size: 9pt; line-height: 1.5; color: #000 } .b-contacts__item-info { margin-top: 24px } @media(max-width:767px) { .b-contacts__item-info { margin-top: 14px } } .b-contacts__item-info-row { margin-bottom: 9pt } .b-contacts__item-info-title { margin-right: 1pc; width: 90px; color: #a9a9a9; font-size: 14px; display: inline-block; vertical-align: middle } @media(max-width:1023px) { .b-contacts__item-info-title { font-size: 13px; margin-right: 8px } } .b-contacts__item-info-data { color: #000; font-size: 14px; display: inline-block; vertical-align: middle } .b-contacts__item-info-data a { color: #000 } .b-contacts__item-info-data a:hover { text-decoration: underline } @media(max-width:1023px) { .b-contacts__item-info-data { font-size: 13px } } .b-contacts__map { margin-bottom: 4pc } @media(max-width:767px) { .b-contacts__map { margin: 0 -15px 44px } } .b-contacts__map-wrap { height: 470px; width: 100% } @media(max-width:767px) { .b-contacts__map-wrap { height: 380px } } .b-contacts__cities { font-size: 0 } .b-contacts__cities-item { display: inline-block; vertical-align: top; width: 25%; margin-bottom: 45px; padding-right: 60px } @media(max-width:1023px) { .b-contacts__cities-item { width: 33%; padding-right: 20px } .b-contacts__cities-item:nth-of-type(3n+3) { padding-right: 0 } } @media(max-width:767px) { .b-contacts__cities-item { width: 50%; padding-right: 20px } .b-contacts__cities-item:nth-of-type(3n+3) { padding-right: 20px } .b-contacts__cities-item:nth-of-type(2n+2) { padding-right: 0 } } .b-contacts__cities-item-title { font-size: 14px; color: #010101; font-weight: 600; margin-bottom: 13px } .b-contacts__cities-item-address { color: #626262; font-size: 14px; line-height: 1.4; margin-bottom: 14px } .b-contacts__cities-item-phone { color: #626262; font-size: 14px } .b-contacts__cities-item-phone a { color: #626262 } .b-count { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .b-count__wrap { font-size: 0; } .b-count__btn { width: 25px; height: 25px; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15); border-radius: 50%; display: inline-block; vertical-align: middle; position: relative; background: #fff; /*-webkit-transition: all .3s; transition: all .3s;*/ cursor: pointer } .b-count__btn:after, .b-count__btn:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #838383; /*-webkit-transition: all .3s; transition: all .3s*/ } .b-count__btn:before { width: 13px; height: 1px } .b-count__btn:after { height: 13px; width: 1px } .b-count__btn--minus:after { display: none } .b-count__btn:hover { background: #73c5ea } .b-count__btn:hover:after, .b-count__btn:hover:before { background: #fff } .b-count__input-wrap { display: inline-block; vertical-align: middle } .b-count__input { width: 100%; border: 0; height: 25px; line-height: 25px; font-size: 1pc; text-align: center; padding: 0 4px; width: 56px; margin-right: 5px; margin-left: 5px; background-color: #fff; border: 1px solid #eee; border-radius: 17px } .b-count__input--grey { background: #fcfcfc } .b-count--small .b-count__btn { width: 23px; height: 23px } .b-count--small .b-count__btn:before { width: 7px } .b-count--small .b-count__btn:after { height: 7px } .b-count--small .b-count__input { height: 23px; line-height: 23px; font-size: 9pt; width: 44px; margin-right: 5px; margin-left: 5px; background-color: #fff; border: 1px solid #eee; border-radius: 15px; box-shadow: none } .b-detail .small-item__liked-heart-detail { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 5px } .b-detail__images { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 460px); flex-basis: calc(100% - 460px); width: calc(100% - 460px); max-width: calc(100% - 460px); position: relative } @media(max-width:1420px) { .b-detail__images { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; margin-bottom: 2pc; max-width: 100% } } .b-detail__slider { position: absolute; left: 0; top: 0; width: 26%; bottom: 0; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed } /*@media(max-width:1400px) { .b-detail__slider { width: 20% } }*/ @media(max-width:1200px) { .b-detail__slider { width: 26% } } @media(max-width:767px) { .b-detail__slider { display: none } } .b-detail__slider-wrap { height: 100%; overflow: hidden; margin: 0 -20px } .b-detail__slider-wrap .swiper-container { padding: 0 20px } .b-detail__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media(max-width:1420px) { .b-detail__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } .b-detail__old-price { text-decoration: line-through; margin-bottom: 2px } .b-detail__no-sale, .b-detail__old-price { text-align: left; color: #989696; font-weight: 400; font-size: 1pc; white-space: nowrap } .b-detail__no-sale { margin-top: 2px } .b-detail__chars { -webkit-box-flex: 0; -ms-flex: 0 0 460px; flex: 0 0 460px; padding-left: 20px; width: 460px } .b-detail__chars .temp_alert, .b-cart__item .temp_alert { display: flex; margin-bottom: 15px; /*color: #e34ee3;*/ justify-content: center; font-size: 14px; /*color: #1b99d4;*/ color: #de0000; } .b-detail__chars .temp_alert { margin-top: -15px; } .b-cart__item .temp_alert { margin-top: 15px; margin-bottom: -15px; font-size: 13px; justify-content: left; font-weight: 700; } @media(max-width:1420px) { .b-detail__chars { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 0 } } @media(max-width: 1280px) { .b-cart__item .temp_alert { margin-bottom: -5px; } } @media(max-width:767px) { .b-detail__images { margin-bottom: 27px } } .b-detail__big-img, .b-detail__big-img_no-preview { width: 100%; position: relative; } .b-detail__big-img_no-preview { padding-left: inherit } .b-detail__big-img { padding-left: calc(26% + 20px) } /*@media(max-width:1400px) { .b-detail__big-img { padding-left: calc(20% + 20px) } }*/ @media(max-width:1200px) { .b-detail__big-img { padding-left: calc(26% + 20px) } } @media(max-width:767px) { .b-detail__big-img { padding-left: 0 } } .b-detail__big-img-item-wrap { display: block; text-align: center } .b-detail__big-img-item { border: 1px solid #ededed; text-align: center; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .b-detail__big-img-item-img { display: block; padding: 5px; margin: auto } @media(max-width:1420px) { .b-detail__big-img-item-img { max-height: 25pc } } @media(max-width:767px) { .b-detail__big-img-item-img { padding: 22px 10px; max-height: 280px } } .b-detail__slider-arrow, .b-detail__slider-arrow .svg-icon { left: 0; right: 0; margin: auto; position: absolute } .b-detail__slider-arrow .svg-icon { top: 0; bottom: 0 } .b-detail__slider-arrow--prev { top: -10px } .b-detail__slider-arrow--prev .svg-icon { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .b-detail__slider-arrow--next { bottom: -10px } .b-detail__slider-arrow--next .svg-icon { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .b-detail__slider-item { border: 1px solid #ededed; -webkit-transition: all .3s; transition: all .3s; background: #fff } /*.b-detail__slider-item.swiper-slide-active,*/ .b-detail__slider-item.swiper-slide-thumb-active, .b-detail__slider-item:hover { /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, .06)*/ box-shadow: 0 0 20px 0 rgba(43,188,255,1) } .swiper-container-thumbs { height: 100%; } /*.swiper-container-thumbs .swiper-slide { height: inherit; }*/ .swiper-container-thumbs .swiper-slide { display: flex; flex-direction: column; justify-content: center; } .swiper-container-thumbs .swiper-slide .b-detail__slider-item-wrap, .swiper-container-thumbs .swiper-slide .b-detail__slider-item-wrap img { max-height: 100%; } .swiper-slide-video-thumb .play-btn-wrap { position: absolute; z-index: 20; width: 100%; height: 25%; display: flex; justify-content: center; } .swiper-slide-video-thumb .play-btn-wrap .play-btn-container { width:25%; } .swiper-slide-video-thumb:hover .play-btn path:first-child { fill: rgba(43,188,255,1); fill-opacity: 1; } .b-detail__slider-item-img { display: block; margin: auto } .b-detail__slider-item-wrap { display: block; padding: 10px; min-height: 50px } .b-detail__product-title { margin: 0; color: #000; line-height: 1; font-weight: 400; margin-bottom: 17px; font-size: 30px; overflow-wrap: break-word } @media(max-width:1420px) { .b-detail__product-title { font-size: 24px } } @media(max-width:767px) { .b-detail__product-title { font-size: 22px } } .b-detail__chars-table { margin-bottom: 35px } @media(max-width:1200px) { .b-detail__chars-table .info-table__cell { font-size: 14px } } @media(max-width:767px) { .b-detail__chars-table .info-table__cell { font-size: 13px } } .b-detail__buy { padding: 30px 23px; background: #fcfcfc; border: 1px solid #eee } @media(max-width:1420px) { .b-detail__buy { padding: 30px 47px } } @media(max-width:767px) { .b-detail__buy { margin: 0 -15px; padding: 24px 15px 20px } } .b-detail__buy-price.b-price { font-size: 24px; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40% } @media(min-width:1420px) { .b-detail__buy-price.b-price { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; /* order: 1; */ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } } @media(max-width:1420px) { .b-detail__buy-price.b-price { -webkit-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; min-width: 50%; } } @media(max-width:768px) { .b-detail__buy-price.b-price { -webkit-box-flex: 0; -ms-flex: 1 1 40%; flex: 1 1 40% } } .b-detail__buy-count { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; text-align: right } @media(min-width:1420px) { .b-detail__buy-count { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } } @media(max-width:1420px) { .b-detail__buy-count { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; text-align: left } } @media(max-width:768px) { .b-detail__buy-count { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; /* text-align: right */ } } .b-detail__buy-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; /* max-height: 60px; min-height: 40px; */ -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 } @media(min-width:1420px) { .b-detail__buy-wrap { padding: 0 30px } } .b-detail__buy-btn.btn { padding: 0 26px; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; margin-top: 25px } @media(min-width:1420px) { .b-detail__buy-btn.btn { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-left: auto; margin-right: auto } } @media(max-width:1420px) { .b-detail__buy-btn.btn { padding: 0 47px; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 1 1 48%; max-width: 48%; margin-top: 0 } } @media(max-width:768px) { .b-detail__buy-btn.btn { padding: 0 5px; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; margin-top: 25px } } @media(min-width:1420px) { .b-detail .small-item__liked-heart-detail { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; /* margin-top: 0 */ } } @media(max-width:1420px) { .b-detail .small-item__liked-heart-detail { margin-top: 0 } } @media(max-width:768px) { .b-detail .small-item__liked-heart-detail { margin-top: 25px } } .b-detail__content { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 50px } .b-detail__tabs-head { margin-bottom: 35px } .b-detail__tab-content-wrap { padding: 0 20px } @media(max-width:1200px) { .b-detail__tab-content-wrap { padding: 0 } } @media(max-width:1360px) { .b-detail__tab-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } @media(max-width:1360px) { .b-detail__tab-item { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; width: 50% } .b-detail__tab-item:nth-of-type(2n+2) { border-right: 0 } .b-detail__tab-item:nth-of-type(1), .b-detail__tab-item:nth-of-type(2) { z-index: 1 } } @media(max-width:767px) { .b-detail__tab-item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; border-right: 0!important } .b-detail__tab-item:nth-of-type(2n+2) { border-right: 0 } .b-detail__tab-item:nth-of-type(1) { z-index: 3 } .b-detail__tab-item:nth-of-type(2) { z-index: 2 } .b-detail__tab-item:nth-of-type(3) { z-index: 1 } .b-detail__tab-item:nth-of-type(4) { z-index: 0 } } .b-detail__big-img-arrow { display: none; position: absolute; z-index: 3!important; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .b-detail__big-img-arrow--prev { left: -10px } .b-detail__big-img-arrow--next { right: -10px } .b-detail__big-img-arrow--next .svg-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } @media(max-width:767px) { .b-detail__big-img-arrow { display: block } } .b-detail__slider-pagination { display: none; position: absolute; left: 0; right: 0; bottom: 10px } .b-detail__slider-pagination .swiper-pagination-bullet { width: 6px; height: 6px; border-radius: 50%; border: 1px solid #98d42f; margin-right: 10px; background: #fff } .b-detail__slider-pagination .swiper-pagination-bullet:last-of-type { margin-right: 0 } .b-detail__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #98d42f } @media(max-width:767px) { .b-detail__slider-pagination { display: block } } .b-detail__big-img-slider { height: 100% } .b-detail__buy-auth { text-align: center } .b-detail__buy-auth-link { display: inline-block; vertical-align: middle; color: #e95345; font-size: 1pc; text-align: center } .b-detail__buy-auth-link span { display: inline-block; vertical-align: middle; /* margin-left: 7px; */ margin-right: 7px; /* border-bottom: 1px solid #e95345; */ -webkit-transition: all .3s; transition: all .3s; text-decoration: underline; } @media(max-width:767px) { .b-detail__buy-auth-link { font-size: 14px } } .b-detail__buy-auth-link:hover span { /*border-bottom: 1px solid transparent*/ } .b-detail__buy-auth-text { display: inline-block; vertical-align: middle; font-size: 1pc; color: #909090 } @media(max-width:767px) { .b-detail__buy-auth-text { font-size: 14px } } .br-safari .b-detail__slider-item, .ipad .b-detail__slider-item { height: 0; padding-bottom: 95% } .b-filter { margin-bottom: 5px } @media(max-width:1023px) { .b-filter { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; z-index: 4; margin-bottom: 0 } .b-filter.opened { display: block } } .b-filter__wrap { padding: 20px 15px; background: #f3f3f4 } @media(max-width:1023px) { .b-filter__wrap { overflow: hidden } } @media(max-width:767px) { .b-filter__wrap { padding: 17px 15px } } .b-filter__block { padding: 21px 7px 10px; border-bottom: 1px solid #ececec } @media(max-width:767px) { .b-filter__block { padding: 35px 0 7px } } .b-filter__block:last-of-type { border-bottom: 0 } .b-filter__block--range-slider { padding: 6px 20px 10px } @media(max-width:767px) { .b-filter__block--range-slider { padding: 6px 10px 7px } } .b-filter__block--extend { padding-bottom: 0; position: relative } .b-filter__block--extend .b-filter__item:nth-of-type(n+15) { display: none } .b-filter__block--extend.opened .b-filter__item { display: block } .b-filter__title { font-size: 9pt; font-weight: 600; text-transform: uppercase; color: #2393c8; margin-bottom: 20px } /*.b-filter__range-slider { height: 60px } .b-filter__range-slider .irs { height: 30px } .b-filter__range-slider .irs-line { height: 2px; background: #838383; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .b-filter__range-slider .irs-line>* { height: 2px; background: #838383 } .b-filter__range-slider .irs-from, .b-filter__range-slider .irs-single, .b-filter__range-slider .irs-to { color: #838383; font-size: 1pc; background: transparent; border-radius: 0; line-height: 1; padding: 0; top: calc(100% + 10px) } .b-filter__range-slider .irs-from:after, .b-filter__range-slider .irs-single:after, .b-filter__range-slider .irs-to:after { display: none } .b-filter__range-slider .irs-bar { height: 4px; background: #72bbdd } .b-filter__range-slider .irs-bar, .b-filter__range-slider .irs-slider { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .b-filter__range-slider .irs-slider { cursor: pointer; width: 30px; height: 30px; border-radius: 50%; background: #fff; box-shadow: 0 2px 7px 0 rgba(0, 0, 1, .15) } .b-filter__range-slider .irs-slider.to { margin-left: 2px } .b-filter__range-slider .irs-slider:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 24px; height: 24px; border-radius: 50%; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(226, 226, 228, 1)), color-stop(26%, rgba(252, 252, 252, 1)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(300deg, #e2e2e4 0%, #fcfcfc 26%, #fff 100%); background: linear-gradient(150deg, #e2e2e4 0%, #fcfcfc 26%, #fff 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e4', endColorstr='#ffffff', GradientType=0) } @media(max-width:767px) { .b-filter__range-slider .irs-from, .b-filter__range-slider .irs-single, .b-filter__range-slider .irs-to { font-size: 14px } }*/ .b-filter__block-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .b-filter__block-column { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50% } .b-filter__block-column:nth-of-type(2n+1) { padding-right: 5px } .b-filter__item { margin-bottom: 13px } .b-filter__item-disabled .checkbox-item__text { color: #c9c9c9 } @media(max-width:1023px) { .b-filter__item { margin-bottom: 25px } } .b-filter__item.radio-item { min-height: 18px } @media(max-width:767px) { .b-filter__item .radio-item__text { font-size: 14px; line-height: 17px } } @media(max-width:767px) { .b-filter__item .checkbox-item__text { font-size: 14px; line-height: 18px; padding-top: 0 } } .b-filter__list--inline { 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 } .b-filter__list--inline .b-filter__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } .b-filter__more { margin-top: 22px; font-size: 13px; display: block } .b-filter__close { position: absolute; width: 25px; height: 25px; right: 9px; top: 11px; z-index: 1; } @media(min-width:1024px) { .b-filter__close { display: none } } .b-filter__close:after, .b-filter__close:before { content: ''; position: absolute; width: 13px; height: 1px; background: #159cd8; left: 0; right: 0; top: 0; bottom: 0; margin: auto } .b-filter__close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .b-filter__close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .b-form--center { max-width: 500px; margin: auto } .b-form--align-center { text-align: center } .b-form__text { color: #a9a9a9; font-size: 9pt; line-height: 1.5 } .b-form__padding { padding-top: 74px } .b-form__links { padding-top: 20px } .b-form__links a+a { padding-left: 15px } .b-form__links a { color: #73c5ea; cursor: pointer } .b-form__links a:hover { text-decoration: underline } .b-form__btn-wrap { text-align: center; margin-top: 38px } .b-hor-slider { margin-bottom: 38px } .b-hor-slider__arrow { display: inline-block; vertical-align: middle } @media(max-width:767px) { .b-hor-slider__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3!important } } .b-hor-slider__arrow--prev { margin-right: 14px } @media(max-width:767px) { .b-hor-slider__arrow--prev { margin: 0; left: -9pt } } .b-hor-slider__arrow--next .svg-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } @media(max-width:767px) { .b-hor-slider__arrow--next { right: -9pt } } .b-hor-slider__carousel { padding: 20px 10px; } @media(max-width:1023px) { .b-hor-slider__carousel { padding: 15px } } .b-hor-slider__carousel-wrap { margin: -20px -10px } @media(max-width:1023px) { .b-hor-slider__carousel-wrap { margin: -15px } } .b-hor-slider__body { position: relative } .b-hor-slider__body-nav { display: none } @media(max-width:767px) { .b-hor-slider__body-nav { display: block } } .b-modal { margin: auto; box-shadow: 0 0 22px 0 rgba(0, 0, 1, .19) } .b-modal p { margin-bottom: 15px; font-size: 14px; color: #626262 } .b-modal__wrap { position: relative } .b-modal__desc-wrap { min-height: 66px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 0 } .b-modal__desc-title { font-size: 21px; font-weight: 700; margin-bottom: 14px; color: #1b99d4; border-bottom: 1px solid #eee; padding-bottom: 9pt } .b-modal__desc-text { font-size: 18px } .b-modal__close { position: absolute; top: 1pc; right: 14px; width: 23px; height: 23px; cursor: pointer } .b-modal__close:after, .b-modal__close:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 2px; background: #cdcdcd } .b-modal__close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .b-modal__close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .b-modal--text { max-width: 420px } .b-modal--text .b-modal__body { padding: 45px 65px 38px } .b-modal--text .b-modal__text { text-align: center } .b-modal--detail { max-width: 810px } .b-modal--detail .b-modal__body { padding: 30px 35px } .b-modal--detail.b-modal-detail-desc { max-width: 840px } .b-modal__buy-link { white-space: nowrap } .b-modal--vacancies { max-width: 622px } .b-modal--vacancies .b-modal__wrap { max-height: 700px } .b-modal--vacancies .b-modal__body { padding: 40px 47px 40px 58px; margin-right: 11px } .b-modal--vacancies .b-modal__close { right: 25px } .b-modal--vacancies .input-blue, .b-modal--vacancies .input-wrap__name { font-size: 14px } .b-modal--vacancies .input-wrap.labelup .input-wrap__name { top: 0; font-size: 9pt } @media(max-width:767px) { .b-modal--vacancies .b-modal__body { padding: 40px 11px 40px 20px } } .b-modal__wrap { background: #fff } .b-modal__sign { text-align: center; margin-bottom: 10px } .b-modal__title { font-size: 20px; color: #000; text-align: center; margin-bottom: 20px } .b-modal__title--red { color: #ea5345 } .b-modal__text { line-height: 1.3 } .b-modal__btns { margin-top: 38px; text-align: center } .b-modal__header { display: flex; flex-flow: row; justify-content: center; flex-wrap: wrap; } .b-modal__header .b-modal__sign, .b-modal__header .b-modal__title { margin-right: 10px; margin-left: 10px; } .basket-btn { display: flex; flex-flow: row; /*justify-content: space-around;*/ justify-content: center; flex-wrap: wrap; } .basket-btn .b-modal__btns-btn { width: auto !important; padding-right: 10px !important; padding-left: 10px !important; min-width: 67px; display: block; white-space: nowrap; } .basket-btn .b-modal__btns-btn.btn-yes { z-index:2; } .basket-btn .b-modal__btns-btn.btn-yes-exclude { margin-right: -20px !important; padding-right: 28px !important; } .basket-btn .b-modal__btns-btn:last-of-type { margin-left: inherit; } .b-modal__body .b-modal__request { text-align: center; margin-top:20px; } .b-modal__body .b-modal__request:empty { display:none; } .basket-dialog .b-modal__btns { margin-top: 20px; } .basket-dialog .sign-icon { display: none; } .basket-dialog .selected_red { color: #de0000; font-weight: 800; } .basket-dialog .selected_blue { color: #1b99d4; font-weight: 700; } @media(min-width:300px) { .basket-btn .btn-no { margin-right: 20px } } @media(max-width:299px) { .basket-btn .b-modal__btns-btn { margin-right:10px; margin-left:10px; } } @media(max-width:420px) { .basket-btn { justify-content: center; } .basket-btn .b-modal__btns-btn:first-of-type { margin-top:10px; } .basket-btn .b-modal__btns-btn:not(:last-of-type) { margin-bottom:10px; } .basket-btn .b-modal__btns-btn.btn-yes-exclude { margin-right: inherit !important; padding-right: 10px !important; } .basket-btn { flex-flow: column; } .basket-btn .btn-no { margin-right: inherit; } /*.basket-dialog .basket-btn { order: 3; }*/ } .b-modal__btns-btn { width: 67px } .b-modal__btns-btn:last-of-type { margin-left: 20px } .b-modal__vacancies-radios { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px } .b-modal__vacancies-radio { margin-bottom: 14px; -webkit-box-flex: 0; -ms-flex: 0 1 33%; flex: 0 1 33% } @media(max-width:767px) { .b-modal__vacancies-radio { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% } } .b-modal__vacancies-title { font-size: 18px; font-weight: 600; text-align: center; color: #000; margin-bottom: 25px } .b-modal__slider-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3!important } .b-modal__slider-arrow--next { right: 7px } .b-modal__slider-arrow--next .svg-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .b-modal__slider-arrow--prev { left: 7px } .b-modal__slider { text-align: center; position: relative } .b-modal__buy { padding-top: 15px; margin-top: 20px; border-top: 1px solid #eee } .b-modal__buy-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 19px 23px; background: #fdfdfd; border: 1px solid #eee } @media(max-width:767px) { .b-modal__buy-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } .b-modal__old-price { text-decoration: line-through } .b-modal__no-sale, .b-modal__old-price { text-align: left; color: #989696; font-weight: 400; font-size: 1pc; white-space: nowrap } .b-modal__buy-item { margin-right: 10px; flex: 1 1 10%; } .b-modal__buy-item.b-price { font-size: 24px } @media(max-width:767px) { .b-modal__buy-item { margin-right: 20px } } .b-modal__buy-link { margin-left: auto; margin-right: 0; display: block; text-align: right } .b-modal__slider-wrap .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center } .b-news--search .b-news__wrap { padding-bottom: 0; padding-top: 30px; border-top: 1px solid #ececec } .b-news__wrap { position: relative; padding-bottom: 70px } .b-news__body { padding-right: 405px } @media(max-width:1200px) { .b-news__body { padding-right: 90px } } @media(max-width:1023px) { .b-news__body { padding-right: 0 } } .b-news__item { margin-bottom: 42px } .b-news__item:last-child { margin-bottom: 26px } .b-news__item-link { line-height: 1.3; display: inline-block; font-size: 18px; color: #159cd8; font-weight: 600 } @media(max-width:1023px) { .b-news__item-link { font-size: 1pc } } .b-news__item-title { margin-bottom: 11px } .b-news__item-text.content-box { line-height: 1.3 } .b-news__item-date { color: #a9a9a9; font-size: 9pt; margin-top: 10px } .b-news__pagination { position: absolute; right: 0; bottom: 0 } .b-pagination__wrap { font-size: 0 } .b-pagination__item { display: inline-block; vertical-align: middle; font-size: 1pc; color: #a4a2a2; -webkit-transition: all .3s; transition: all .3s } .b-pagination__item--text { margin-right: 8px; width: 38px; height: 38px; box-shadow: 0 0 0 1px #f5f5f5; background: #fff; border-radius: 50%; line-height: 38px; text-align: center; -webkit-transform: translateZ(0); transform: translateZ(0) } .b-pagination__item--text:hover { color: #fff; background: #2592c8 } .b-pagination__item--text.active { color: #fff; background: #73c5ea } .b-pagination__item--dots { margin-right: 8px } .b-pagination__arrow--prev { margin-right: 17px } .b-pagination__arrow--next { margin-left: 9px } .b-pagination__arrow--next .svg-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .b-personal__head { margin-top: 30px; margin-bottom: 17px } .b-personal__head-cart { text-align: right; margin-top: 25px } .b-personal__main-text { color: #636363; font-size: 1pc; line-height: 1.37 } .b-personal__section-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 35px 0; -ms-flex-wrap: wrap; flex-wrap: wrap } @media(max-width:1250px) { .b-personal__section-list:after { content: ''; -webkit-box-flex: 0; -ms-flex: 0 1 33%; flex: 0 1 33% } } .b-personal__section-list-item { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; margin-bottom: 45px } @media(max-width:1250px) { .b-personal__section-list-item { -webkit-box-flex: 0; -ms-flex: 0 1 33%; flex: 0 1 33% } } @media(max-width:1023px) { .b-personal__section-list-item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50% } } @media(max-width:767px) { .b-personal__section-list-item { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100% } } .b-personal__section-list-item:hover .b-personal__section-list-item-text { color: #636363 } .b-personal__section-list-item:last-child { margin-right: auto } .b-personal__section-list-item-link { color: #169cd8; font-size: 18px; font-weight: 600; margin-bottom: 11px; display: inline-block } .b-personal__section-list-item-link:hover { text-decoration: underline } .b-personal__section-list-item-text { font-size: 14px; color: #a9a9a9; line-height: 1.4; -webkit-transition: all .3s; transition: all .3s; max-width: 270px } @media(max-width:1023px) { .b-personal__section-list-item-text { max-width: 90% } } @media(max-width:767px) { .b-personal__section-list-item-text { max-width: 90% } } .b-personal__quiz-wrap { padding: 2pc 60px 2pc 85px; background: #fff; border: 1px solid #eee; box-shadow: 0 40px 45px -31px rgba(0, 0, 0, .2) } @media(max-width:1200px) { .b-personal__quiz-wrap { padding: 2pc 5pc } } @media(max-width:767px) { .b-personal__quiz-wrap { padding: 38px 24px 25px } } .b-personal__quiz-title { color: #000001; font-size: 20px; margin-bottom: 43px } .b-personal__quiz-list-item { margin-bottom: 19px; padding-left: 3px; padding-top: 5px } .b-personal__quiz-list-item .input-blue { height: 2pc; line-height: 2pc; font-size: 14px; margin-top: 4px } @media(max-width:767px) { .b-personal__quiz-list-item .input-blue { margin-top: 30px } } .b-personal__quiz-list { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0 } @media(max-width:1200px) { .b-personal__quiz-list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3 } } @media(max-width:1023px) { .b-personal__quiz-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 } } @media(max-width:767px) { .b-personal__quiz-list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 } } .b-personal__subs-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 45px } @media(max-width:1023px) { .b-personal__subs-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } .b-personal__subs-title { color: #169cd8; font-size: 18px; font-weight: 600; margin-bottom: 10px } @media(max-width:1023px) { .b-personal__subs-title { font-size: 1pc } } .b-personal__subs-text { color: #a9a9a9; font-size: 14px; line-height: 1.4 } .b-personal__subs-text p { margin: 0; margin-bottom: 18px } .b-personal__subs-text a { color: #169cd8; font-size: 13px } .b-personal__subs-text a:hover { text-decoration: underline } @media(max-width:1023px) { .b-personal__subs-text { font-size: 13px } } .b-personal__subs-checkbox { margin-bottom: 15px } .b-personal__subs-type-radio { margin-bottom: 17px } .b-personal__subs-column { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .b-personal__subs-column .input-wrap { max-width: 776px } .b-personal__subs-column--auth { -webkit-box-flex: 1; -ms-flex: 1 0 250px; flex: 1 0 250px } .b-personal__subs-column--email { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 5pc; max-width: 930px } .b-personal__subs-column--options { -webkit-box-flex: 0; -ms-flex: 0 0 260px; flex: 0 0 260px } @media(max-width:1023px) { .b-personal__subs-column { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; margin-bottom: 30px } } .b-personal__subs-type-title { font-size: 9pt; font-weight: 600; color: #1b99d4; text-transform: uppercase; margin-bottom: 1pc } .b-personal__subs-btns { margin-top: 2pc } .b-personal__subs-btn { display: inline-block; vertical-align: middle; color: #159cd8; margin-left: 35px } .b-personal__subs-btn:hover { text-decoration: underline } .b-personal__subs-checkbox-list { margin-bottom: 30px } @media(max-width:1023px) { .b-personal__tab-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } @media(max-width:1023px) { .b-personal__tab-item { -webkit-box-flex: 0!important; -ms-flex: 0 1 50%!important; flex: 0 1 50%!important } .b-personal__tab-item:nth-of-type(2n+2) { border-right: 0 } .b-personal__tab-item:nth-of-type(1) { z-index: 4 } .b-personal__tab-item:nth-of-type(2) { z-index: 3 } .b-personal__tab-item:nth-of-type(3) { z-index: 2 } .b-personal__tab-item:nth-of-type(4) { z-index: 1 } } @media(max-width:767px) { .b-personal__tab-item { -webkit-box-flex: 1!important; -ms-flex: 1 1 100%!important; flex: 1 1 100%!important; border-right: 0!important } } .b-price { color: #1b99d4; font-weight: 600; font-size: 18px; display: inline-block; vertical-align: middle; white-space: nowrap } .b-price__font, .b-price__num { display: inline-block; vertical-align: baseline } .b-price__num > small { display: block; margin: 0 0 5px 0; font-style: italic; } .b-price__font { font-family: Rouble, sans-serif; font-size: inherit; font-weight: 400 } .b-section-list.opened .b-section-list__item { display: block !important; } .main-catalog__blocks-list > div{ z-index: 2; position: relative; display:flex; flex-flow:column wrap; } @media(min-width:1400px) { .b-section-list__wrap { height:1100px; } .b-section-list__wrap_high { height:1700px !important; } } @media(min-width:1138px) and (max-width:1400px) { .b-section-list__wrap { height:1700px; } .b-section-list__wrap_high { height:2750px; } } @media(max-width:1150px) { .b-section-list__wrap { height:1100px; } .b-section-list__wrap_high { height:1700px; } } .b-section-list__item-wrap { height: 150px; position: relative; background-repeat: no-repeat; background-position: right bottom; z-index: 0; overflow: hidden; cursor: pointer; } @media(max-width:1150px) { .b-section-list__item-wrap:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; visibility: visible; opacity: 1; -webkit-transition: all .3s .3s; transition: all .3s .3s } } .b-section-list__item-wrap__hover { z-index: 1; overflow: visible; cursor: pointer; } .b-section-list__item-wrap__hover .b-section-list__item-inner { box-shadow: 0 3px 8px 1px rgba(0, 0, 0, .2) } .b-section-list__item-wrap__hover .b-section-list__item-catalog-list-numbs { display: inline-block } .b-section-list__item-wrap__hover .b-section-list__item-catalog-list-item { display: block } .b-section-list__item-wrap__hover .b-section-list__item-catalog-list-item:hover .b-section-list__item-catalog-list-link { text-decoration: underline } .b-section-list__item-wrap__hover .b-section-list__item-catalog-list-link { vertical-align: middle; color: #0291cb; padding-right: 10px } .b-section-list__item-wrap__hover .b-section-list__item-catalog-list-link-count { vertical-align: middle } .b-section-list__item-wrap__hover .b-section-list__item-catalog-list { width: auto } .b-section-list__item-wrap__hover .b-section-list__item-inner { width: calc(100% + 75pt) } .b-section-list__item-wrap__hover .b-section-list__item-bg-image { right: -75pt } .b-section-list__item-wrap__hover:after { visibility: hidden; opacity: 0 } @media(max-width:1150px) { .b-section-list__item-wrap__hover .b-section-list__item-catalog { display: block } .b-section-list__item-wrap__hover .b-section-list__item-title { text-align: left; margin-right: 7px } .b-section-list__item-wrap__hover .b-section-list__item-inner { width: 210%; padding: 1pc 21px } .b-section-list__item-wrap__hover .b-section-list__item-bg-image { right: -110%; background-position: right bottom; background-size: auto; height: 100%; width: 130px } .b-section-list__item-wrap__hover .b-section-list__item-head { text-align: left } .b-section-list__item-wrap__hover .b-section-list__item-new-link, .b-section-list__item-wrap__hover .b-section-list__item-num { display: inline-block } } .b-section-list__item-bg-image { position: absolute; right: 0; bottom: 0; background-repeat: no-repeat; background-position: right bottom; width: 130px; height: 100% } @media(max-width:1150px) { .b-section-list__item-bg-image { height: 63%; background-size: auto 94px; background-position: center bottom; width: 100% } } .b-section-list__item-inner { background-repeat: no-repeat; padding: 1pc 21px; background-position: right bottom; min-height: 100% } @media(max-width:1150px) { .b-section-list__item-inner { padding: 1pc 6px } } .b-section-list__item-section-link { display: inline-block; vertical-align: middle; margin-right: 15px; line-height: 18px } @media(max-width:1150px) { .b-section-list__item-section-link { margin-right: 0 } } .b-section-list__item-new-link { display: inline-block; vertical-align: middle; margin-left: 14px } @media(max-width:1150px) { .b-section-list__item-new-link { display: none } } .b-section-list__item-title { font-size: 14px; color: #000; font-weight: 600; display: inline-block; vertical-align: middle } @media(max-width:1150px) { .b-section-list__item-title { text-align: center } } .b-section-list__item-num { display: inline-block; vertical-align: middle; margin-left: 0; font-size: 13px; color: #000 } @media(max-width:1150px) { .b-section-list__item-num { display: none } } .b-section-list__item { padding: 10px; width: 33.33333% } /*.b-section-list__item:nth-of-type(n+16) { display: none }*/ @media(min-width:1400px) { .b-section-list__item:nth-child(n+6):nth-child(-n+9),.b-section-list__item:nth-child(n+15):nth-child(-n+17),.b-section-list__item:nth-child(n+23):nth-child(-n+25) { display: none } } @media(max-width:1400px) { .b-section-list__item:nth-child(n+9):nth-child(-n+10),.b-section-list__item:nth-child(n+18):nth-child(-n+25) { display: none } } .b-section-list__item--right .b-section-list__item-wrap__hover .b-section-list__item-inner { position: absolute; right: 0 } .b-section-list__item--right .b-section-list__item-wrap__hover .b-section-list__item-bg-image { right: 0; z-index: 1 } @media(max-width:1150px) { .b-section-list__item--right .b-section-list__item-wrap__hover .b-section-list__item-inner { position: absolute; right: 0 } .b-section-list__item--right .b-section-list__item-wrap__hover .b-section-list__item-bg-image { right: 0; z-index: 1 } } @media(max-width:1450px) and (min-width:1150px) { .b-section-list__item { width: 50% } } .b-section-list__item--big .b-section-list__item-bg-image { width: 100%; background-size: auto } .b-section-list__item--big .b-section-list__item-wrap { height: 320px } @media(max-width:1150px) { .b-section-list__item--big .b-section-list__item-bg-image { height: 100%; background-size: contain } } @media(max-width:1150px) { .b-section-list__item--big .b-section-list__item-wrap__hover .b-section-list__item-bg-image { width: 200% } } .b-section-list__item--blue .b-section-list__item-inner { background-color: #d9f0fb } .b-section-list__item--green .b-section-list__item-inner { background-color: #edffcf } .b-section-list__item--pink .b-section-list__item-inner { background-color: #ffeded } .b-section-list__item--yellow .b-section-list__item-inner { background-color: #fffed7 } .b-section-list__item--orange .b-section-list__item-inner { background-color: #ffe8d6 } .b-section-list__item--grey .b-section-list__item-inner { background-color: #f5f5f5 } .b-section-list__item-head { margin-bottom: 11px; position: relative; z-index: 2 } @media(max-width:1150px) { .b-section-list__item-head { text-align: center } } .b-section-list__item-catalog-list-item { margin-bottom: 7px } .b-section-list__item-catalog-list-item:last-of-type { margin-bottom: 0 } .b-section-list__item-catalog-list-item:nth-of-type(n+4) { display: none } .b-section-list__item-catalog-list-link { display: inline; vertical-align: middle; color: #9e9e9e } .b-section-list__item-catalog-list-link:hover { /*text-decoration: underline*/ text-decoration: none } .b-section-list__item-catalog { position: relative; padding-right: 109px; z-index: 2 } @media(max-width:1150px) { .b-section-list__item-catalog { display: none } } .b-section-list__item-cover-link { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .b-section-list__item-catalog-list-link-count { display: inline-block; vertical-align: middle; font-size: 13px; color: #9e9e9e } .b-section-list__item-nums { display: inline-block; vertical-align: middle; line-height: 18px } .b-section-list__item-catalog-list-numbs { display: none; vertical-align: middle; line-height: 18px } .b-section-list__item-catalog-list-link-count-new { display: inline-block; vertical-align: middle; margin-left: 5px } .b-sections__item-head { margin-bottom: 20px } @media(max-width:1200px) { .b-sections__item-head { margin-bottom: 30px; line-height: 1.4 } } .b-sections__item-head-title { display: inline; vertical-align: middle; color: #169cd8; font-size: 22px; margin-right: 14px } .b-sections__item-head-title:hover { text-decoration: underline } @media(max-width:1200px) { .b-sections__item-head-title { font-size: 20px } } .b-sections__item-head-name { display: inline-block; vertical-align: middle; color: #000101; font-size: 22px; margin-right: 14px } @media(max-width:1200px) { .b-sections__item-head-name { font-size: 20px } } .b-sections__item-head-new { margin-left: 25px; display: inline-block; vertical-align: middle } .b-sections__item-head-num { display: inline-block; vertical-align: middle; color: #bdbdbd; font-size: 13px } .b-sections__item-section { padding: 10px; padding-bottom: 30px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; width: 16.66667%; max-width: 16.66667%; position: relative } @media(max-width:1500px) { .b-sections__item-section { -webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%; width: 20%; max-width: 20% } } @media(max-width:1200px) { .b-sections__item-section { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; width: 25%; max-width: 25% } } @media(max-width:1023px) { .b-sections__item-section { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; width: 33.33333%; max-width: 33.33333% } } @media(max-width:767px) { .b-sections__item-section { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; width: 50%; max-width: 50% } } @media(max-width:480px) { .b-sections__item-section { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100% } } .b-sections__item-section-head { margin-bottom: 8px } .b-sections__item-section-title { color: #000001; font-size: 14px; font-weight: 600; line-height: 1.4 } .b-sections__item-section-num { font-size: 13px; line-height: 1.5; color: #bdbdbd; margin-top: 2px; display: inline-block; vertical-align: middle; margin-right: 7px } .b-sections__item-section-wrap { padding: 19px 15px 0; display: block; height: 227px; overflow: hidden; -webkit-transition: all .3s; transition: all .3s; position: relative } .b-sections__item-section-wrap:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 1, .1) } .b-sections__item-body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px -10px 0 } .b-sections__item-section-img { display: block; text-align: center } .b-sections__item-section-link { display: inline; vertical-align: middle; margin-right: 10px; font-size: 14px; font-weight: 600; color: #9d9d9d } .b-sections__item-section-new-link { display: inline-block; vertical-align: middle; line-height: 1.4 } .b-sections__item-section-new { position: absolute; right: 0; top: 0 } .b-sections__item-image { width: 188px; height: 188px; margin: auto; background: #fff; border-radius: 50%; box-shadow: 0 0 27px 0 rgba(0, 0, 1, .06); overflow: hidden } .b-sections__item-image img { width: 100%; height: 100%; -o-object-fit: contain; font-family: "object-fit:contain;object-position:center"; object-fit: contain; -o-object-position: center; object-position: center } .b-sections__item-right { display: none } @media(max-width:767px) { .b-sections__item-right { display: none } } .b-sections__item { margin-bottom: 70px } @media(max-width:767px) { .b-sections__item-left { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% } } .b-sections__item-section-num-text { display: none } .b-sections__item-head-nums, .b-sections__item-section-nums { vertical-align: middle; display: inline-block } .b-slider-head { margin-bottom: 26px } @media(max-width:767px) { .b-slider-head { margin-bottom: 2px } } .b-slider-head__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:767px) { .b-slider-head__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } @media(max-width:767px) { .b-slider-head__left { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 18px } } @media(max-width:767px) { .b-slider-head__right { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-bottom: 22px } } .b-slider-head__title { font-size: 24px; color: #525151; display: inline-block; vertical-align: middle } @media(max-width:1200px) { .b-slider-head__title { font-size: 20px } } @media(max-width:767px) { .b-slider-head__title { font-size: 18px } } .b-slider-head__nav { display: inline-block; vertical-align: middle; margin-left: 20px } @media(max-width:767px) { .b-slider-head__nav { display: none } } .b-sort-new__plus { display: inline-block; vertical-align: middle; width: 15px; height: 15px; border-radius: 50%; background: #98d42f; /*box-shadow: 0 1px 9px 0 rgba(0, 0, 0, .24);*/ position: relative } .b-sort-new__plus:after { width: 7px; height: 1px } .b-sort-new__plus:after, .b-sort-new__plus:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #fff } .b-sort-new__plus:before { width: 1px; height: 7px } .b-sort-new__num { color: #98d42f; font-weight: 600; display: inline-block; vertical-align: middle; margin-left: 4px } .b-sort-new__num--regular { font-weight: 400 } .b-sort-new__circle { color: #fff; width: 29px; height: 29px; line-height: 29px; text-align: center; border-radius: 50%; background: #98d42f; box-shadow: 0 1px 9px 0 rgba(0, 0, 0, .24) } .b-steps__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; counter-reset: stepsCounter } @media(max-width:1023px) { .b-steps__list { -ms-flex-wrap: wrap; flex-wrap: wrap } } .b-steps__list-item { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; margin-left: 21px; margin-right: 20px; background: #fff; border: 1px solid #eee; padding: 14px 14px 25px 25px; box-shadow: 0 40px 45px -31px rgba(0, 0, 0, .2); position: relative; 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:1023px) { .b-steps__list-item { -webkit-box-flex: 0; -ms-flex: 0 1 43%; flex: 0 1 43%; margin-bottom: 37px } } @media(max-width:767px) { .b-steps__list-item { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-right: 0; margin-bottom: 37px } } .b-steps__list-item:before { content: counter(stepsCounter); counter-increment: stepsCounter; position: absolute; left: -18px; top: 20px; width: 37px; height: 37px; border-radius: 50%; background: #73c5ea; color: #fff; line-height: 37px; text-align: center; box-shadow: 0 1px 9px 0 rgba(0, 0, 1, .24) } .b-steps__list-item-title { font-size: 14px; font-weight: 600; color: #000; height: 47px; overflow: hidden; padding-left: 4px } .b-steps__list-item-text { color: #626262; font-size: 14px; line-height: 1.4 } .b-tabs-content { display: none } .b-tabs-content.active { display: block } .b-tabs--middle .b-tabs__item { height: 47px; line-height: 47px } .b-tabs--middle .b-tabs__item-text { font-size: 1pc } .b-tabs__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .b-tabs__item { display: block; font-size: 1pc; font-size: 0; color: #169cd8; text-align: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background: #fff; border-right: 1px solid #e5e5e5; /*-webkit-transition: all .3s; transition: all .3s;*/ height: 56px; line-height: 56px; padding: 0 5px; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .07) } .b-tabs__item:last-of-type { border-right: 0 } .b-tabs__item:hover { box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .07) } .b-tabs__item.active { color: #828282; background: #f6f6f6 } .b-tabs__item-text { display: inline-block; vertical-align: middle; font-size: 1pc } @media(max-width:1023px) { .b-tabs__item-text { font-size: 14px } } .b-tabs__item-num { display: inline-block; vertical-align: middle; margin-left: 15px; width: 25px; height: 25px; line-height: 25px; color: #fff; background: #93c13e; font-size: 9pt; box-shadow: 0 1px 9px 0 rgba(0, 0, 1, .24); border-radius: 50% } .b-vacancies { margin-top: 40px } @media(max-width:1023px) { .b-vacancies { margin-top: 0 } } .b-vacancies__wrap { display: -webkit-box; display: -ms-flexbox; display: flex } @media(max-width:1023px) { .b-vacancies__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } .b-vacancies__list { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; padding-right: 5% } @media(max-width:1200px) { .b-vacancies__list { -webkit-box-flex: 0; -ms-flex: 0 1 66%; flex: 0 1 66% } } @media(max-width:1023px) { .b-vacancies__list { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-right: 0; margin-bottom: 40px } } @media(max-width:1023px) { .b-vacancies__work { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% } } .b-vacancies__item { margin-bottom: 40px } @media(max-width:1023px) { .b-vacancies__item { margin-bottom: 25px } } .b-vacancies__item:last-of-type { margin-bottom: 0 } .b-vacancies__item-title { font-size: 18px; font-weight: 600; color: #000; margin-bottom: 11px } @media(max-width:1023px) { .b-vacancies__item-title { font-size: 1pc } } .b-vacancies__item-info { display: table; width: 100%; max-width: 600px } @media(max-width:1023px) { .b-vacancies__item-info { max-width: none } } .b-vacancies__item-info-row { display: table-row; width: 100% } .b-vacancies__item-info-cell { display: table-cell; vertical-align: top; line-height: 1.2; padding-bottom: 8px; font-size: 1pc; color: #000 } @media(max-width:1200px) { .b-vacancies__item-info-cell { font-size: 14px } } @media(max-width:1023px) { .b-vacancies__item-info-cell { font-size: 13px } } .b-vacancies__item-info-cell--name { padding-right: 10px; color: #a9a9a9; width: 135px } @media(max-width:1200px) { .b-vacancies__item-info-cell--name { width: 110px } } .b-vacancies__work-wrap { padding: 35px 40px; background: #fff; box-shadow: 0 40px 45px -31px rgba(0, 0, 0, .2); max-width: 520px; border: 1px solid #eee } @media(max-width:1023px) { .b-vacancies__work-wrap { max-width: none; padding: 28px 1pc } } .b-vacancies__work-wrap.content-box h2 { margin-bottom: 9pt } .b-vacancies__work-block { margin-bottom: 38px } .b-vacancies__work-text { line-height: 1.5; font-size: 1pc; color: #000 } @media(max-width:1200px) { .b-vacancies__work-text { font-size: 14px; line-height: 1.4 } } .b-vacancies__work-btn { text-align: center } .b-vacancies__work-btn .btn { width: 100%; max-width: 270px } .b-view-type { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; font-size: 0; text-align: right; margin-top: 6px } .b-view-type__view { display: inline-block; padding: 8px 9px; position: relative; background: #fff; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; vertical-align: middle } .b-view-type__view.active, .b-view-type__view:hover { box-shadow: 0 0 7px 0 rgba(0, 0, 1, .06) } .b-view-type__view--table { margin-right: 14px } .b-view-type__view--table .b-view-type__view-item-center { height: 5px; width: 5px; display: inline-block; vertical-align: middle; margin: 0 3px; background: #cdcdcd } .b-view-type__view--table .b-view-type__view-item { margin-bottom: 3px; background: #fff } .b-view-type__view--table .b-view-type__view-item:after, .b-view-type__view--table .b-view-type__view-item:before { content: ''; height: 5px; width: 5px; background: #cdcdcd; display: inline-block; vertical-align: middle } .b-view-type__view--table.active .b-view-type__view-item-center, .b-view-type__view--table.active .b-view-type__view-item:after, .b-view-type__view--table.active .b-view-type__view-item:before { background: #73bddf } .b-view-type__view--line .b-view-type__view-item { height: 2px; width: 21px; margin-bottom: 4px; background: #cdcdcd } .b-view-type__view--line .b-view-type__view-item:last-of-type { margin-bottom: 1px } .b-view-type__view--line.active .b-view-type__view-item { background: #73bddf } .b-view-type__view-item { background: #cdcdcd; display: block } .b-view-type__view-item:last-of-type { margin-bottom: 0 } .b-modal__sign_char--warn { color: #fff; /*display: flex; flex-flow: column;*/ z-index: 10; position: relative; margin-bottom: -26px; font-size: 24px; } .b-error-sign { display: inline-block; /*display: flex; flex-flow: row;*/ justify-content: center vertical-align: middle; width: 30px; height: 30px; color: #fff; background: #ea5345; line-height: 30px; text-align: center; border-radius: 50%; font-size: 18px } .b-warn-sign { display: inline-block; position: relative; background-color: orange; text-align: left; } .b-warn-sign:before, .b-warn-sign:after { content: ''; position: absolute; background-color: inherit; } .b-warn-sign, .b-warn-sign:before, .b-warn-sign:after { width: 20px; height: 20px; border-top-right-radius: 30%; } .b-warn-sign { transform: rotate(-60deg) skewX(-30deg) scale(1,.866); } .b-warn-sign:before { transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%); } .b-warn-sign:after { transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%); } .b-warning { margin-bottom: 46px; border: 1px solid #eee; background: #fcfcfc; color: #626262; font-size: 1pc; line-height: 1.5; padding: 18px 11px 17px 89px; position: relative } @media(max-width:1200px) { .b-warning { font-size: 14px } } @media(max-width:767px) { .b-warning { padding: 65px 9px 22px; text-align: center; margin-bottom: 27px } } .b-warning__text { max-width: 1130px } .b-warning__text > p { margin-block-start: 0em; margin-block-end: 0em } .b-warning__icon { position: absolute; width: 30px; height: 30px; border-radius: 50%; left: 30px; top: 17px; background: #fff; box-shadow: 0 2px 7px 0 rgba(0, 0, 1, .06); text-align: center } @media(max-width:767px) { .b-warning__icon { top: 15px; left: 0; right: 0; margin: auto } } .b-warning__icon:after { content: '!'; font-size: 18px; font-weight: 600; color: #ea5345; line-height: 30px; display: block } .blue-select.selectboxit-container * { font-family: Open Sans, sans-serif } .blue-select.selectboxit-container .selectboxit { margin: 0; padding: 0; border-radius: 0; overflow: hidden; display: block; position: relative; height: 30px; line-height: 30px; background: transparent; border: 0 } .blue-select.selectboxit-container .selectboxit-open .selectboxit-arrow-container .selectboxit-arrow { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg) } .blue-select.selectboxit-container .selectboxit-option-icon-container { display: none } .blue-select.selectboxit-container .selectboxit-text { height: 30px; line-height: 30px; float: none; display: inline-block; vertical-align: middle; font-family: Open Sans, sans-serif; font-size: 13px; color: #159cd8 } .blue-select.selectboxit-container .selectboxit-arrow-container { display: inline-block; vertical-align: middle; width: 11px; position: relative; height: 30px; line-height: 30px; margin-left: 3px } .blue-select.selectboxit-container .selectboxit-arrow-container .selectboxit-arrow { width: 0; height: 0; border-top: 4px solid #159cd8; border-right: 3px solid transparent; border-left: 3px solid transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s; transition: all .3s } .blue-select.selectboxit-container .selectboxit-enabled:focus, .blue-select.selectboxit-container .selectboxit-enabled:hover { background: transparent } .blue-select.selectboxit-container .selectboxit-options { border-radius: 0; border-top: 0 } .blue-select.selectboxit-container .selectboxit-options * { font-size: 13px } .border-line { height: 1px; background-color: #e8e8e8 } @media (min-width: 1365px) { .border-line { margin-bottom: 15px } } .b-catalog__list-wrap--single-line { margin-bottom: -15px } .brand-detail { margin-bottom: 60px } .brand-detail__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media(max-width:767px) { .brand-detail__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } .brand-detail__image { width: 154px; padding: 5px; border: 1px solid #e8e8e8; text-align: center; margin-right: 20px; margin-bottom: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 154px; flex: 0 0 154px } @media(max-width:767px) { .brand-detail__image { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 215px; margin: 0 auto 1pc } } .brand-detail__text { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .brands-slider { margin-bottom: 45px } .brands-slider__wrap { padding: 56px 0 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media(max-width:1023px) { .brands-slider__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 18px 0 } } .brands-slider__title { font-size: 22px; line-height: 1.3; margin-bottom: 6px; max-width: 15pc } @media(max-width:1200px) { .brands-slider__title { font-size: 20px } } @media(max-width:1023px) { .brands-slider__title { font-size: 18px; max-width: 100% } } .brands-slider__link { display: inline-block; color: #169cd8; font-size: 20px; } .brands-slider__link span { display: inline-block; vertical-align: middle } .brands-slider__link:hover span:not(.inline-arrow) { text-decoration: underline } @media(max-width:1023px) { .brands-slider__link { font-size: 9pt } } .brands-slider__left { -webkit-box-flex: 0; -ms-flex: 0 0 385px; flex: 0 0 385px } @media(max-width:1023px) { .brands-slider__left { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 18px } } .brands-slider__right { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 385px); flex-basis: calc(100% - 385px); width: calc(100% - 385px); max-width: calc(100% - 385px); padding-left: 20px } @media(max-width:1023px) { .brands-slider__right { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; width: 100%; max-width: 100% } } .brands-slider__slider-item { text-align: center; padding: 0 5px; -webkit-transition: all .3s; transition: all .3s; opacity: 1; display: block } .brands-slider__slider-item:hover { opacity: .7 } @media(max-width:640px) { .brands-slider__slider-item { padding: 0 15px } } .brands-slider__slider-wrap { padding: 0 30px; position: relative } .brands-slider__carousel .swiper-wrapper { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center } .brands-slider__arrow { position: absolute; top: 0; bottom: 0; margin: auto } .brands-slider__arrow--prev { left: 0 } @media(max-width:640px) { .brands-slider__arrow--prev { left: -10px } } .brands-slider__arrow--next { right: 0 } .brands-slider__arrow--next .svg-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } @media(max-width:640px) { .brands-slider__arrow--next { right: -10px } } .breadcrumbs { margin-bottom: 22px } .breadcrumbs__item { line-height: 1.5 } .breadcrumbs__item, .breadcrumbs__item:before { display: inline-block; vertical-align: middle; font-size: 0 } .breadcrumbs__item:before { content: ''; background: #73c5ea; width: 11px; height: 1px; margin: 0 4px } .breadcrumbs__item:first-of-type:before { display: none } .breadcrumbs__item:last-of-type:before { background: #a9a9a9 } .breadcrumbs__link { font-size: 11pt; color: #a9a9a9; display: inline-block; vertical-align: middle } .breadcrumbs__link:hover { text-decoration: underline } .breadcrumbs__text { color: #73c5ea; font-size: 9pt; display: inline-block; vertical-align: middle } .small-item__liked-heart--catalog { right: 18px!important; top: 20px!important; z-index: 2!important; width: 23px; text-align: center; padding-left: 6px; } @media(max-width: 1365px){ .small-item__liked-heart--catalog{ top: 7px !important; right: 13px !important; padding-left: 2px; } } .small-item__liked-heart--hide-block { display: none } .small-item__liked-heart--hide-list { display: block } .b-catalog__list-wrap--line .small-item__liked-heart--hide-list { display: none } .b-catalog__list-wrap--line .small-item__liked-heart--hide-block { display: block } .small-item__liked-heart--hide-block { top: 7px!important } .btn--delete .btn__text { color: #73c5ea } @media (max-width: 1170px) { .btn--delete { margin-left: 15px } } .btn--delete:hover .btn__delete-icon, .btn--delete:hover .btn__text { color: #fff } .btn__delete-icon { font-size: 23px; margin-left: 5px; color: #73c5ea } @media (max-width: 1170px) { .btn__delete-icon { margin-left: 0 } } @media (max-width: 1170px) { .b-catalog__list-wrap--multi .btn--small { -webkit-box-flex: 1!important; -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } } @media (max-width: 1170px) { .b-catalog__list-wrap--multi .btn--delete { padding-right: 5px!important; padding-left: 5px!important } } @media (max-width: 1170px) { .b-catalog__list-wrap--multi .btn--delete .btn__text { display: none } } @media (max-width: 400px) { .b-catalog__list-wrap--single-line .btn--small { -webkit-box-flex: 1!important; -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } } @media (max-width: 400px) { .b-catalog__list-wrap--single-line .btn--delete { padding-right: 5px!important; padding-left: 5px!important; margin-left: 15px } } @media (max-width: 400px) { .b-catalog__list-wrap--single-line .btn--delete .btn__text { display: none } } .header-main__cart-link--liked { position: relative; padding: 0 15px!important } .header-main__liked-count--f { height: 27px!important; width: 27px!important; right: -14px!important; top: -17px!important } @media (max-width: 1200px) { .header-main__cart-icon--f { font-size: 20px!important } } .f-header__top-cart--liked { margin-right: 18px!important } .header-main__liked-btn-wrap { position: relative; height: 57px; margin-left: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px } @media (max-width: 1024px) { .header-main__liked-btn-wrap { margin-left: 14px } } @media (max-width: 640px) { .header-main__liked-btn-wrap { margin-left: 34px } } @media (max-width: 480px) { .header-main__liked-btn-wrap { margin-left: 1pc } } @media (max-width: 400px) { .header-main__liked-btn-wrap { margin-left: 4px } } @media (max-width: 356px) { .header-main__liked-btn-wrap { margin-top: 11px; margin-left: 34px } } @media (max-width: 320px) { .header-main__liked-btn-wrap { margin-right: 0; margin-left: auto } } .header-main__liked-btn { display: block; width: 100%; line-height: 57px; font-size: 13px; background: #e7e7e7; color: #9d9d9d; -webkit-transition: all .3s; transition: all .3s } .header-main__liked-btn:hover .header-main__liked-btn-icon { color: #fc7b9f } @media (max-width: 1023px) { .header-main__liked-btn { height: 50px; line-height: 50px; width: 54px; margin-left: 6px } } .header-main__liked-btn-icon { font-size: 23px } .header-main__liked-count { display: inline-block; position: absolute; height: 31px; width: 31px; right: -9px; top: -10px; vertical-align: middle; text-align: center; line-height: 28px; color: #fff; background-color: #fc7b9f; border-radius: 100%; z-index: 2 } .small-item__liked-heart-detail { display: block; height: 33px; width: 33px; text-align: center; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15); border-radius: 50%; line-height: 2pc } .small-item__liked-heart-detail .small-item__heart-icon { font-size: 14px } @media (max-width: 768px) { .small-item__liked-heart-detail { margin-top: 20px } } .small-item__liked-heart-detail:hover .stroke { fill: #e53d69 } .btn { height: 25px; line-height: 24px; display: inline-block; vertical-align: middle; background: #fff; cursor: pointer; border: 0; font-size: 13px; color: #a4a3a3; border-radius: 1pc; /*box-shadow: 0 0 7px 0 rgba(0, 0, 0, .06), 0 0 0 1px #e8e8e8;*/ box-shadow: 0 0 0 1px #e8e8e8; text-align: center; padding: 0 37px; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateZ(0); transform: translateZ(0) } .btn:focus { outline: 0 } .btn:hover { background: #73c5ea; color: #fff } .btn--blue { background: #1b99d4; color: #fff } .btn--blue:hover { background: #73c5ea } .btn--text { font-size: 0 } .btn--blue-text { color: #159cd8 } .btn--blue-text .btn__text { font-size: 9pt } .btn--blue-text:hover { color: #159cd8; background: #fff; /*box-shadow: 0 0 7px 0 rgba(0, 0, 0, .06), 0 0 0 1px #159cd8*/ box-shadow: 0 0 0 1px #159cd8 } .btn--middle { padding: 0 25px } .btn--small { padding: 0 1px 0 0px; } .btn__cart-icon { font-size: 18px; } .btn__text { font-size: 13px; margin-left: 11px; } @media (max-width: 1599px) { .b-catalog__item-cart .btn__text { min-width: 75px; margin-left: 0px; } } .btn__cross, .btn__text { display: inline-block; vertical-align: middle } .btn__cross { margin-left: 20px; position: relative; /* width: 14px; */ height: 14px } .btn__cross:after, .btn__cross:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 1px; background: #159cd8; width: 13px } .btn__cross:after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .btn__cross:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .item__cart__btn { background: #73c5ea; color: #fff; -webkit-transition: none; transition: none } .item__cart__btn:hover { background: #209fda; color: #fff } .test-buttons { position: absolute; z-index: 9999999999; left: 0; right: 0; margin: auto; text-align: center; top: -62px } .test-buttons__item { width: 50px; height: 50px; margin-bottom: 10px; border-radius: 100% } .test-buttons__item-pink { background-color: pink } .test-buttons__item-blue { background-color: blue } .test-pink { box-shadow: 0 0 2pc -10px #ff5757!important } .test-blue { box-shadow: 0 0 2pc -10px #2bbcff!important } .cart-header { padding-bottom: 1pc } @media(max-width:1023px) { .cart-header { border-bottom: 1px solid #ededed; padding-bottom: 19px } } .cart-header--small { border-bottom: 1px solid #ededed; padding-bottom: 19px } .cart-header--small .cart-header__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .cart-header--small .cart-header__btns { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .cart-header--small .cart-header__btns .cart-header__btn.btn { padding: 0 15px; margin: 0 } .btn--excel { margin-left: 24px; } .cart-header__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:767px) { .cart-header__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } .cart-header__tabs { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50% } .cart-header__btn:last-of-type { margin-left: 24px } @media(max-width:767px) { .cart-header__btns { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .cart-header__btns .cart-header__btn.btn { padding: 0 15px; margin: 0 } } .cart-header__btns--full { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .cart-header__btns--full .cart-header__btn.btn { padding: 0 15px; margin: 0 } .catalog-list { z-index: 3; position: relative; -webkit-transition: .3s; transition: .3s; background: #fff } @media(max-width:1023px) { .catalog-list { display: none } } .catalog-list.active { background: #f3f3f3 } .catalog-list__wrap { position: relative } .catalog-list__item { margin-bottom: 7px; background: #f3f3f3; position: relative } .catalog-list__item--new .catalog-list__item-new-link:before { display: block } .catalog-list__item:after, .catalog-list__item:before { content: ''; position: absolute; left: 0; right: 0; background: #eee; opacity: 0; visibility: hidden; height: 7px } .catalog-list__item:after { top: -7px } .catalog-list__item:before { bottom: -7px } .catalog-list__item:hover { background: #fff; z-index: 5 } .catalog-list__item:hover .catalog-list__item-menu.has-children { display: block } .catalog-list__item:hover:after, .catalog-list__item:hover:before { opacity: 1; visibility: visible } .catalog-list__item:last-of-type { margin-bottom: 0 } .catalog-list__item-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: calc(100% - 70px); } .catalog-list__item-title { font-size: 9pt; color: #0291cb; font-weight: 600; text-transform: uppercase; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 35px); flex-basis: calc(100% - 35px); width: calc(100% - 35px) } .catalog-list__item-count { -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; text-align: right; color: #bdbdbd } .catalog-list__item-link-wrap { max-width: 315px; padding: 15px 15px 15px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 1 315px; flex: 0 1 315px } .catalog-list__item-link-wrap, .catalog-list__item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .catalog-list__item-wrap { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } .catalog-list__item-new-link { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; width: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 15px; position: relative } .catalog-list__item-new-link:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 29px; background: #ececec; display: none } .catalog-list__item-menu { position: absolute; left: 100%; padding-left: 20px; top: -50px; z-index: 4; display: none; overflow: hidden } .catalog-list__item-menu-wrap { background: #fff; position: relative; white-space: nowrap } .catalog-list__item-menu-wrap:after { content: ''; position: absolute; left: -9px; top: 4pc; width: 0; border-right: 9px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent } .catalog-list__item-menu-list { display: block; width: 100% } .catalog-list__item-menu-item { display: block; width: 100%; margin-bottom: 5px } .catalog-list__item-menu-item>* { display: inline; vertical-align: middle; line-height: 18px } .catalog-list__item-menu-item:last-of-type { margin-bottom: 0 } .catalog-list__item-menu-title { color: #159cd8 } .catalog-list__item-menu-title:hover { text-decoration: underline } .catalog-list__item-menu-count { margin-right: 4px; display: inline-block; vertical-align: middle; color: #483e3e; } .catalog-list__item-menu-list-wrap { margin-right: 40px; width: 20pc; padding: 18px 0 11px 18px; display: inline-block; vertical-align: top; white-space: normal } @media(max-width:1150px) { .catalog-list__item-menu-list-wrap { width: 209px; padding: 18px 0 11px 9pt } } .catalog-list__item-menu-image-wrap { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .catalog-list__item-menu-image { width: 188px; height: 188px; border-radius: 50%; overflow: hidden; background: #fff; box-shadow: 0 0 27px 0 rgba(0, 0, 1, .06); position: absolute; padding: 20px; right: -43px; bottom: -43px } .catalog-list__item-menu-image img { width: 100%; -o-object-fit: contain; font-family: "object-fit:contain;object-position:center"; object-fit: contain; height: 100%; -o-object-position: center; object-position: center } @media(max-width:1100px) { .catalog-list__item-menu-image { width: 129px; height: 129px; padding: 10px; right: -33px; bottom: -24px } } .catalog-list__item-menu-image-bg { position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; background-position: center; background-repeat: no-repeat; background-size: contain } @media(max-width:1100px) { .catalog-list__item-menu-image-bg { left: 10px; right: 10px; top: 10px; bottom: 10px } } .catalog-list__item-menu-new-link { display: inline-block; vertical-align: middle } .catalog-list__item-menu-nums { display: inline-block } .catalog-list__item-menu-banner { display: inline-block; vertical-align: top; width: 335px } .catalog-list__item-menu-banner a, .catalog-list__item-menu-banner img { display: block } .catalog-list__item-menu-banner--big { height: 475px } .catalog-list__item-menu-banner--middle { height: 254px } .catalog-list__item-menu-banner--small { height: 10pc; width: 257px } .checkbox-item__input { display: none; visibility: hidden } .checkbox-item__input:checked+.checkbox-item__label .checkbox-item__circle { border: 1px solid #76bedf } .checkbox-item__input:checked+.checkbox-item__label .checkbox-item__circle:after, .checkbox-item__input:checked+.checkbox-item__label .checkbox-item__circle:before, .checkbox-item__input:checked+.checkbox-item__label .checkbox-item__smile { opacity: 1 } .checkbox-item__input:checked+.checkbox-item__label .checkbox-item__text { color: #73bddf } .checkbox-item__label { display: inline-block; vertical-align: middle; cursor: pointer; max-width: 100%; } .checkbox-item__label:hover .checkbox-item__text { color: #73bddf } .checkbox-item__label:hover .checkbox-item__circle { border: 1px solid #76bedf } .checkbox-item__label-wrap { display: -webkit-box; display: -ms-flexbox; display: flex } .checkbox-item__text { font-size: 1pc; color: #838383; padding-top: 1px; -webkit-transition: all .3s; transition: all .3s } .checkbox-item__circle { -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; width: 18px; height: 18px; max-width: 18px; box-shadow: 0 2px 7px 0 rgba(0, 0, 1, .06); background: #fff; border-radius: 50%; margin-right: 9px; display: block; border: 1px solid transparent; position: relative; /*-webkit-transition: all .3s; transition: all .3s*/ } .checkbox-item__circle:after, .checkbox-item__circle:before { content: ''; width: 3px; height: 3px; background: #73bddf; position: absolute; top: 4px; border-radius: 50%; opacity: 0; /*-webkit-transition: all .3s; transition: all .3s*/ } .checkbox-item__circle:after { right: 3px } .checkbox-item__circle:before { left: 3px } .checkbox-item__smile { position: absolute; width: 10px; height: 5px; overflow: hidden; left: 0; right: 0; margin: auto; bottom: 3px; border-radius: 50%; opacity: 0; -webkit-transition: all .3s; transition: all .3s } .checkbox-item__smile:after { content: ''; position: absolute; height: 10px; left: 0; right: 0; margin: auto; bottom: 0; border-radius: 50%; background: #fff; border: 1px solid #73bddf } .b-filter__item-disabled .checkbox-item__input:checked+.checkbox-item__label .checkbox-item__circle { border: 1px solid #c9c9c9 } .b-filter__item-disabled .checkbox-item__input:checked+.checkbox-item__label .checkbox-item__circle:after, .b-filter__item-disabled .checkbox-item__input:checked+.checkbox-item__label .checkbox-item__circle:before { opacity: 1; background: #c9c9c9 } .b-filter__item-disabled .checkbox-item__input:checked+.checkbox-item__label .checkbox-item__smile { opacity: 1 } .b-filter__item-disabled .checkbox-item__input:checked+.checkbox-item__label .checkbox-item__smile:after { border: 1px solid #c9c9c9 } .b-filter__item-disabled .checkbox-item__input:checked+.checkbox-item__label .checkbox-item__text { color: #c9c9c9 } .b-filter__item-disabled .checkbox-item__label { cursor: default } .b-filter__item-disabled .checkbox-item__label:hover .checkbox-item__text { color: #c9c9c9 } .b-filter__item-disabled .checkbox-item__label:hover .checkbox-item__circle { border: 1px solid transparent } .container { max-width: 1600px; width: 100%; padding: 0 20px; margin: auto } @media(max-width:1023px) { .container { padding: 0 15px } } .content-box { color: #636363; font-size: 1pc; line-height: 1.5 } .content-box p { margin: 0; margin-bottom: 26px } .content-box h1 { font-size: 30px; margin-bottom: 20px } .content-box h1, .content-box h2 { font-weight: 400; line-height: 1.2; color: #000; margin: 0 } .content-box h2 { font-size: 24px; margin-bottom: 26px } .content-box h3 { font-size: 18px; color: #000; font-weight: 600; margin: 0; margin-bottom: 9pt; line-height: 1.2 } .content-box ul { list-style-type: none } .content-box ul li { padding-left: 18px; position: relative; font-size: 1pc; color: #000; line-height: 1.2; margin-bottom: 22px } .content-box ul li:before { content: ''; width: 7px; height: 7px; position: absolute; left: 3px; top: 7px; background: #7ac8eb; border-radius: 50% } .content-box table { width: 100%; border-collapse: collapse; border-spacing: 0 } .content-box table thead tr { border: 1px solid #eee } .content-box table th { font-size: 13px; color: #929292; padding: 18px 20px; background: #fcfcfc; text-align: left; font-weight: 400 } .content-box table th:first-child { text-align: left } .content-box table tbody tr { border-bottom: 1px solid #ededed } .content-box table td { font-size: 1pc; color: #838383; line-height: 1.5; padding: 1pc 20px; text-align: left } .content-box table td:first-child { text-align: left } .content-box table.content-box__table--big td { color: #626262; text-align: left; padding: 30px 20px 20px } @media(max-width:1200px) { .content-box { font-size: 14px } } @media(max-width:1023px) { .content-box { font-size: 13px; line-height: 1.4 } } @media(max-width:767px) { .content-box p { margin-bottom: 15px } } @media(max-width:1200px) { .content-box h1 { font-size: 24px } } @media(max-width:767px) { .content-box h1 { font-size: 22px } } @media(max-width:1200px) { .content-box h2 { font-size: 20px } } @media(max-width:767px) { .content-box h2 { font-size: 18px } } @media(max-width:1200px) { .content-box h3 { font-size: 14px } } .content-box__column { display: inline-block; vertical-align: top; width: 49%; padding-right: 60px } .content-box__column p { margin-bottom: 1pc } @media(max-width:1200px) { .content-box__column { padding-right: 10px } } @media(max-width:1023px) { .content-box__column { display: block; width: 100%; padding: 0; margin-bottom: 30px } } @media(max-width:1200px) { .content-box ul li { font-size: 14px; margin-bottom: 19px } } @media(max-width:1200px) { .content-box ul li:before { top: 5px } } .content-box__red { color: #ea5345 } .content-box__table-inner { overflow: auto; position: relative; margin: 30px 0 } @media(max-width:767px) { .content-box__table-inner { margin: 22px 0 } } @media(max-width:767px) { .content-box__table-inner table { min-width: 580px } } @media(max-width:1200px) { .content-box table td, .content-box table th { padding: 18px 13px } } @media(max-width:1023px) { .content-box table td { font-size: 14px } } .content-box__table-small-text { color: #a9a9a9; font-size: 9pt; margin-bottom: 8px } @media(max-width:767px) { .content-box__table-small-text { margin-bottom: 2px } } @media(max-width:767px) { .delivery-table { display: block; border-top: 1px solid #ededed } } @media(max-width:767px) { .delivery-table__head { display: none } } .delivery-table__cell-title { display: none; color: #a9a9a9; margin-right: 9pt; -webkit-box-flex: 0; -ms-flex: 0 0 72px; flex: 0 0 72px } @media(max-width:767px) { .delivery-table__cell-title { display: block } } @media(max-width:767px) { .delivery-table__row { display: block; padding-top: 21px } } .delivery-table__cell-text { color: #626262 } @media(max-width:767px) { .delivery-table__cell-text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } } @media(max-width:767px) { .delivery-table__cell { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0!important; margin-bottom: 1pc } } @media(max-width:767px) { .delivery-table__cell--top { display: block; margin-bottom: 22px } } .down-btns-liked { 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-bottom: 25px } .down-btns-liked .btn--text { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } @media (max-width: 480px) { .down-btns-liked .btn--text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-left: 0; max-width: 100%; } } .download-file__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 260px } .download-file__icon { -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; margin-right: 15px; font-size: 35px; color: #1b99d4; line-height: 1 } .download-file__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 1.4; color: #838383; font-size: 13px } @media(min-width:768px) { .expand-text--mobile .expand-text__btn, .expand-text--mobile .expand-text__preview { display: none } .expand-text--mobile .expand-text__full { display: block } } .expand-text.opened .expand-text__preview { display: none } .expand-text.opened .expand-text__full { display: block } .expand-text.opened .expand-text__btn:before { content: attr(data-hide) } .expand-text__full { display: none } .expand-text__btn { margin-top: 1pc; line-height: 1; display: inline-block } .expand-text__btn:before { content: attr(data-show); display: inline-block; vertical-align: middle } .f-catalog { position: fixed; left: 0; right: 0; top: -100%; z-index: 3; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; background: #fff } @media(max-width:767px) { .f-catalog { display: none } } .f-catalog.active { box-shadow: 0 10px 13px 0 rgba(0, 0, 0, .06) } .f-catalog.active .f-catalog__btn-arrow .svg-icon { -webkit-transform: scaleY(-1) rotate(-90deg) translateZ(0); transform: scaleY(-1) rotate(-90deg) translateZ(0) } .f-catalog.active .f-catalog__wrap, .f-catalog.show { opacity: 1; visibility: visible } .f-catalog.show { -webkit-transition: top .5s; transition: top .5s } .f-catalog__wrap { max-width: 1640px; padding: 30px 20px 17px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; visibility: hidden; -webkit-transition: .5s; transition: .5s } @media(max-width:1200px) { .f-catalog__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } @media(max-width:1023px) { .f-catalog__wrap { padding: 30px 15px 17px } } .f-catalog__list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; width: 16.66667%; border-right: 1px solid #e8e8e8; margin-right: 1%; padding-right: 2% } @media(max-width:1200px) { .f-catalog__list { -webkit-box-flex: 1; -ms-flex: 1 1 33%; flex: 1 1 33%; width: 33%; border-right: 1px solid #e8e8e8; margin-right: 0; padding-right: 2% } .f-catalog__list:nth-of-type(3) { border: 0; margin-right: 0; padding-right: 0 } } .f-catalog__list:last-of-type { border: 0; margin-right: 0; padding-right: 0 } .f-catalog__text { display: block } .f-catalog__text:hover .f-catalog__link { margin-left: 0; background: #f3f3f3; -webkit-transform: translateX(18px) translateZ(0); transform: translateX(18px) translateZ(0) } .f-catalog__link { display: inline-block; color: #0291cb; font-size: 13px; line-height: 1.2; padding: 7px 18px; -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); background: #fff; -webkit-transition: background .3s .4s, -webkit-transform .4s; transition: background .3s .4s, -webkit-transform .4s; transition: transform .4s, background .3s .4s; transition: transform .4s, background .3s .4s, -webkit-transform .4s } .f-catalog__item { width: 100%; -webkit-transition: all .4s; transition: all .4s } .f-catalog__btn { margin: auto; color: #fff; font-weight: 600; font-size: 14px; background: #21a1da; opacity: .95; padding: 10px 10px 5px; width: 164px; text-align: center; cursor: pointer } .f-catalog__btn, .f-catalog__btn:after { position: absolute; top: 100%; left: 0; right: 0 } .f-catalog__btn:after { content: ''; width: 0; height: 0; border-left: 82px solid transparent; border-right: 82px solid transparent; border-top: 26px solid #21a1da } .f-catalog__btn-text { display: inline-block; vertical-align: middle; margin-right: 4px } .f-catalog__btn-arrow { display: inline-block; vertical-align: middle; font-size: 9pt } .f-catalog__btn-arrow .svg-icon { -webkit-transition: all .3s; transition: all .3s; -webkit-transform: rotate(-90deg) translateZ(0); transform: rotate(-90deg) translateZ(0); -webkit-transform-origin: center; transform-origin: center } .f-header { position: fixed; left: 0; right: 0; top: 0; z-index: 3; top: -100%; /*-webkit-transition: all .8s; transition: all .8s;*/ z-index: 7 } @media(max-width:1023px) { .f-header { display: none } } .f-header.show { top: 0 } .f-header__top, .f-header__wrap { position: relative } .f-header__top { /*background: hsla(0, 0%, 100%, .95);*/ background: #ffffff; /*box-shadow: 0 0 1pc 0 rgba(0, 0, 0, .2);*/ border-bottom: 1px solid #7ac8eb; z-index: 1 } .f-header__top-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 0; padding-top: 20px; height: 5pc } .f-header__logo { -webkit-box-flex: 0; -ms-flex: 0 0 105px; flex: 0 0 105px; text-align: center; height: 50px } .f-header__logo img { display: block; height: 100%; margin: auto; max-height: 100% } .f-header__top-menu-btn { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; width: 50px; height: 50px; background: #fff; border: 1px solid transparent; box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .09); padding: 1pc 0; position: relative; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; margin-right: 20px } .f-header__top-menu-btn:hover .f-header__top-menu-btn-line { background: #7ac8eb } .f-header__top-menu-btn:after { content: ''; opacity: 0; visibility: hidden; position: absolute; width: 0; height: 0; bottom: -10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-top: 10px solid #fff; border-left: 14px solid transparent; border-right: 14px solid transparent; -webkit-transition: all .3s; transition: all .3s } .f-header__top-menu-btn.active { border: 1px solid #7ac8eb } .f-header__top-menu-btn.active .f-header__top-menu-btn-line { background: #7ac8eb } .f-header__top-menu-btn.active:after { visibility: visible; opacity: 1; bottom: -20px } .f-header__top-menu-btn-line { width: 23px; height: 2px; background: #9d9d9d; margin: auto; display: block; margin-bottom: 5px; -webkit-transition: all .3s; transition: all .3s } .f-header__top-search { -webkit-box-flex: 0; -ms-flex: 0 1 39%; flex: 0 1 39%; position: relative; margin-right: 20px } @media(max-width:1200px) { .f-header__top-search { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px } } .f-header__top-search-btn { display: none; width: 50px; height: 50px; line-height: 50px; text-align: center; border: 1px solid transparent; cursor: pointer; color: #a2a2a2; font-size: 17px; -webkit-transition: all .3s; transition: all .3s; box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .09); position: relative } .f-header__top-search-btn:hover { color: #7ac8eb } .f-header__top-search-btn:after { content: ''; opacity: 0; visibility: hidden; position: absolute; width: 0; height: 0; bottom: -10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-top: 10px solid #fff; border-left: 14px solid transparent; border-right: 14px solid transparent; -webkit-transition: all .3s; transition: all .3s } @media(max-width:1200px) { .f-header__top-search-btn { display: block } } .f-header__top-search-btn.active { border: 1px solid #7ac8eb; color: #7ac8eb } @media(max-width:1200px) { .f-header__top-search-btn.active:after { opacity: 1; visibility: visible; bottom: -20px } } @media(max-width:1200px) { .f-header__top-search-wrap { display: none } } .f-header__top-search-input { width: 100%; display: block; height: 50px; border: 0; font-size: 13px; border-bottom: 1px solid #7ac8eb; box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .09); background: #fff; padding-left: 18px; padding-right: 65px } .f-header__top-search-input:focus:placeholder { -webkit-transform: translateX(-100px); transform: translateX(-100px) } .f-header__top-search-submit { border: 0; width: 50px; height: 50px; background: transparent; position: absolute; right: 0; top: 0; color: #a2a2a2; font-size: 17px; line-height: 50px; -webkit-transition: all .3s; transition: all .3s } .f-header__top-search-submit:hover { color: #fff; background: #7ac8eb } .f-header__top-cart { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; margin-right: 28px; position: relative } .f-header__top-cart .header-main__cart-link { height: 50px; line-height: 50px; background: #fff; box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .09) } .f-header__top-cart .header-main__cart-icon { margin: 0; font-size: 25px; color: #a2a2a2; -webkit-transition: all .3s; transition: all .3s } .f-header__top-cart .header-main__cart-num { right: -1pc; top: -6px } .f-header__top-cart .header-main__label { left: 0; -webkit-transform: translateX(0); transform: translateX(0); top: -1pc; display: block } .f-header__top-cart .header-main__label:after { margin: 0; left: 18px } .f-header__top-cart:hover .header-main__cart-icon { color: #7ac8eb } @media (min-width: 1201px) { .f-header__top-cart .header-main__cart-link { padding-right: 15px!important } } @media (max-width: 1023px) { .f-header__top-cart .header-main__label { display: none } } .f-header__manager { padding-top: 9pt; font-size: 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .f-header__manager-head-title { font-size: 9pt; color: #000; margin-bottom: 4px } .f-header__manager-head-name { color: #000; font-size: 18px; font-weight: 600 } .f-header__manager-head { margin-right: 22px; display: inline-block; vertical-align: top } .f-header__manager-info-block { display: inline-block; vertical-align: top; margin-right: 24px } .f-header__manager-info-block:last-child { margin-right: 0 } .f-header__manager-info-table { display: table; width: 100% } .f-header__manager-info-row { display: table-row; width: 100% } .f-header__manager-info-cell { display: table-cell; vertical-align: middle; white-space: nowrap; font-size: 9pt; color: #000; padding-bottom: 8px } .f-header__manager-info-cell a { color: #000 } .f-header__manager-info-cell a:hover { text-decoration: underline } .f-header__manager-info-cell span { display: inline-block; vertical-align: middle } .f-header__manager-info-cell--name { color: #5b5f61; padding-right: 10px } .f-header__manager-info-icon { margin-right: 5px } .f-header__bottom { position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: all .3s; transition: all .3s; background: #f2f2f2; box-shadow: 0 0 1pc 0 rgba(0, 0, 0, .2) } .f-header__bottom.active { bottom: -50px; opacity: 1; visibility: visible } @media(max-width:1200px) { .f-header__bottom--menu { height: 42px } } @media(max-width:1200px) { .f-header__bottom--menu.active { bottom: -42px } } @media(min-width:1201px) { .f-header__bottom--search { display: none } } .f-header__bottom-search { position: relative } .f-header__bottom-search .f-header__top-search-input { background: #f2f2f2; box-shadow: none } .f-header__logo-svg { width: 52px!important; height: 38px!important } .f-header__logo-text { font-family: GothamProMedium, sans-serif; color: #b3b4b4; font-size: 9px; margin-top: 3px } .filter-icon { background: #eaeaea; padding: 15px 11px } .filter-icon__line { width: 2pc; height: 1px; display: block; margin: auto; background: #ccc; position: relative; margin-bottom: 9px } .filter-icon__line:nth-of-type(1):after { left: 3px } .filter-icon__line:nth-of-type(2):after { left: 21px } .filter-icon__line:nth-of-type(3) { margin-bottom: 0 } .filter-icon__line:nth-of-type(3):after { left: 11px } .filter-icon__line:after { content: ''; position: absolute; width: 4px; height: 4px; top: 0; border-radius: 50%; background: #ccc; border: 2px solid #eaeaea; bottom: 0; margin: auto } .fixed-head.fixed .fixed-head__wrap { position: fixed; left: 20px; right: 20px; top: 0; max-width: 100pc; margin: auto; z-index: 2; margin: 0 auto } @media(max-width:1023px) { .fixed-head.fixed .fixed-head__wrap { margin: 0 auto; display: none } } .footer-city { position: absolute; left: 0; right: 0; top: -22px; bottom: -72px; background: #626162; display: none } .footer-city .mCSB_scrollTools { width: 41px; opacity: 1 } .footer-city .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 33px 0 } .footer-city .mCSB_scrollTools .mCSB_draggerRail { width: 1px; background: #8d8c8c } .footer-city .mCSB_scrollTools .mCSB_dragger { width: 19px; height: 19px!important; border-radius: 50%; background: #626162; border: 1px solid #8d8c8c; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 1!important } .footer-city .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { display: none } .footer-city .mCSB_scrollTools .mCSB_buttonDown, .footer-city .mCSB_scrollTools .mCSB_buttonUp { background-image: none; height: 33px; opacity: 1 } .footer-city .mCSB_scrollTools .mCSB_buttonDown:after, .footer-city .mCSB_scrollTools .mCSB_buttonDown:before, .footer-city .mCSB_scrollTools .mCSB_buttonUp:after, .footer-city .mCSB_scrollTools .mCSB_buttonUp:before { content: ''; position: absolute; height: 8px; width: 1px; background: #8d8c8c; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform-origin: top; transform-origin: top } .footer-city .mCSB_scrollTools .mCSB_buttonDown:after, .footer-city .mCSB_scrollTools .mCSB_buttonUp:after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .footer-city .mCSB_scrollTools .mCSB_buttonDown:before, .footer-city .mCSB_scrollTools .mCSB_buttonUp:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .footer-city .mCSB_scrollTools .mCSB_buttonDown { -webkit-transform: scaleY(-1); transform: scaleY(-1) } .footer-city.opened { display: block } @media(max-width:1350px) { .footer-city { top: -34px; bottom: -30px } } @media(max-width:1023px) { .footer-city { top: -30px; bottom: -20px } } .footer-city__list { padding: 10px 0; margin-right: 40px } .footer-city__link { font-size: 13px; color: #b9b8b8; padding: 11px 1pc 10px; display: block; background: transparent; -webkit-transition: all .3s; transition: all .3s } .footer-city__link:hover { background: #747474; color: #fff } .footer { margin-top: 60px; background-color: #535253; position: relative } @media(max-width:1023px) { .footer { margin-top: 25px } } .footer--no-margin { margin-top: 0 } .footer__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media(max-width:1023px) { .footer__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } .footer__left { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50% } @media(max-width:1350px) { .footer__left { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; width: 60% } } @media(max-width:1023px) { .footer__left { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100% } } .footer__right { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; left: 50%; width: 50vw; top: 0; bottom: 0 } @media(max-width:1350px) { .footer__right { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; left: 60%; width: 40vw } } @media(max-width:767px) { .footer__right { position: relative; left: 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; display: none; height: 327px; margin: 0 -15px } } .footer__info { color: #b9b8b8; padding: 0 20px 22px 10px } @media (max-width: 1350px) { .footer__info { padding: 0 20px 18px 0 } } @media (max-width: 1023px) { .footer__info { width: 60% } } @media (max-width: 767px) { .footer__info { width: 100%; padding: 0 0 18px } } .footer__map { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; height: 100% } .footer__left-wrap { padding: 22px 10px 25px; display: -webkit-box; display: -ms-flexbox; display: flex } @media(max-width:1350px) { .footer__left-wrap { padding: 22px 0 } } @media(max-width:1023px) { .footer__left-wrap { padding: 20px 0 } } @media(max-width:767px) { .footer__left-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .footer__column { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .footer__column--menu { margin-right: 5pc } @media(max-width:1350px) { .footer__column--menu { margin-right: 40px } } @media(max-width:1023px) { .footer__column--menu { display: none } } .footer__column--contacts { 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 auto; flex: 0 1 auto } .footer__column-title { font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 22px } .footer__list-item { margin-bottom: 21px } .footer__list-item:last-of-type { margin-bottom: 0 } .footer__list-link { color: #b9b8b8 } .footer__list-link:hover { text-decoration: underline } .footer__city { color: #b9b8b8 } .footer__city-title { margin-bottom: 18px } .footer__city-phone { color: #b9b8b8; line-height: 1.8; display: inline-block; -webkit-transition: all .3s; transition: all .3s; opacity: 1 } .footer__city-phone:hover { opacity: .5 } .footer__city-text { line-height: 1.8; width: 300px } .footer__cities-list { max-width: 280px; display: inline-block; vertical-align: top } @media(max-width:767px) { .footer__cities-list { max-width: 230px } } .footer__copyrights { margin-top: auto; color: #b9b8b8 } @media(max-width:1023px) { .footer__copyrights { margin-top: 18px } } .footer__slogan { margin-bottom: 2px } .footer__cities-btn { display: inline-block; vertical-align: top; font-size: 25px; color: #868686; padding: 42px 25px; border-left: 1px solid #868686; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; opacity: 1 } .footer__cities-btn:hover { opacity: .5 } @media(max-width:767px) { .footer__cities-btn { padding: 42px 10px 42px 24px } } .footer__fact-copyrights { color: #b9b8b8; margin-top: 10px } .footer__fact-copyrights a { color: #b9b8b8; -webkit-transition: all .3s; transition: all .3s } .footer__fact-copyrights a:hover { text-decoration: underline } .full-grey { background: #fcfcfc; border-top: 1px solid #eee; border-bottom: 1px solid #eee } .gallery-popup .mfp-content { background: #fff; max-width: 75pc; margin: auto; height: 80%; position: relative; width: 80% } .gallery-popup .mfp-figure:after { display: none } .gallery-popup img.mfp-img { padding: 40px; max-height: 100%!important; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .gallery-popup .mfp-counter { display: none } .gallery-popup .mfp-close { display: block!important; width: 20px; height: 20px; color: #333; right: 20px; cursor: pointer!important } @media(max-width:767px) { .gallery-popup .mfp-arrow-left:before { margin-left: 8px } .gallery-popup .mfp-arrow-left:after { margin-left: 14px } .gallery-popup .mfp-arrow-right:before { margin-left: 54px } .gallery-popup .mfp-arrow-right:after { margin-left: 58px } } .head-anchors { margin-bottom: 45px } @media(max-width:767px) { .head-anchors--line { display: none } } @media(max-width:767px) { .head-anchors--not-sticky { display: none } } .head-anchors.fixed { z-index: 2 } .head-anchors.fixed .head-anchors__wrap { margin: auto; position: fixed; left: 0; right: 0; top: 0; box-shadow: 0 10px 13px 0 rgba(0, 0, 0, .06); padding: 24px 20px; z-index: 1 } .head-anchors.fixed .head-anchors__item:nth-of-type(n+19) { display: none } .head-anchors.fixed .head-anchors__arrow, .head-anchors.fixed .head-anchors__inner.show .head-anchors__item:nth-of-type(n+19) { display: block } @media(max-width:1023px) { .head-anchors.fixed .head-anchors__wrap { padding: 30px 15px 24px } } .head-anchors--line .head-anchors__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-count: none; -moz-column-count: none; column-count: none; -ms-flex-wrap: wrap; flex-wrap: wrap } .head-anchors--line .head-anchors__item { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; width: 16.66667%; max-width: 16.66667% } @media(max-width:1200px) { .head-anchors--line .head-anchors__item { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; width: 25%; max-width: 25% } } .head-anchors--border { border-top: 1px solid #e4e2e2; border-bottom: 1px solid #e4e2e2 } .head-anchors__inner { max-width: 100pc; margin: auto; -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; overflow: hidden; -webkit-transition: all .3s; transition: all .3s } @media(max-width:1200px) { .head-anchors__inner { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4 } } .head-anchors__wrap { padding: 30px 0 24px; background: #fff } .head-anchors__item { line-height: 1.2; margin-bottom: 15px } .head-anchors__item.active .head-anchors__item-link { color: #929292 } .head-anchors__item-link { font-size: 14px; font-weight: 600; color: #169cd8; margin-right: 20px; display: inline-block; -webkit-transition: all .3s; transition: all .3s } .head-anchors__item-link:hover { color: #929292 } .head-anchors__item-link-all { font-size: 14px; font-weight: 600; color: #169cd8; margin-right: 20px; display: inline-block; -webkit-transition: all .3s; transition: all .3s } .head-anchors__item-link-all:hover { color: #929292 } .head-anchors__arrow { position: absolute; left: 0; right: 0; margin: auto; bottom: -10px; z-index: 2; display: none; -webkit-transition: all .3s; transition: all .3s } .head-anchors__arrow .svg-icon { -webkit-transform: scaleY(1) rotate(-90deg); transform: scaleY(1) rotate(-90deg); -webkit-transition: all .3s; transition: all .3s } .head-anchors__arrow.up .svg-icon { -webkit-transform: scaleY(-1) rotate(-90deg); transform: scaleY(-1) rotate(-90deg) } .header-main__wrap { 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; padding: 24px 0 30px; position: relative } @media(max-width:1200px) { .header-main__wrap { padding: 33px 0 30px } } @media(max-width:1023px) { .header-main__wrap { padding: 19px 0 0 } } .header-main__label { position: absolute; display: none; background: #73c5ea; color: #fff; font-size: 9pt; top: -28px; left: 170%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 5px 10px; z-index: 100; white-space: nowrap; border-radius: 30px; box-shadow: 0 2px 9px -1px rgba(0, 0, 0, .33) } @media (min-width: 1024px) and (max-width: 1200px) { .header-main__label { display: block } } @media (max-width: 1023px) { .header-main__label { display: none; position: fixed; top: auto; left: 50%; padding: 10px 25px; bottom: 90px } } .header-main__label:after { content: ''; position: absolute; left: 10%; width: 0; height: 0; margin: auto; bottom: -8px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #73c5ea } @media (max-width: 1023px) { .header-main__label:after { display: none } } .header-main__logo { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; width: 140px; margin-right: 47px } @media(max-width:1200px) { .header-main__logo { margin-right: 0; position: absolute; left: 0; top: 11px; width: 105px; -webkit-box-flex: 0; -ms-flex: 0 0 105px; flex: 0 0 105px } } @media(max-width:1023px) { .header-main__logo { margin-right: 0; position: absolute; left: 8px; top: 1pc; width: 4pc; -webkit-box-flex: 0; -ms-flex: 0 0 64px; flex: 0 0 64px } } .header-main__logo-img, .header-main__logo-link { display: block } .header-main__center { -webkit-box-flex: 1; -ms-flex: 1 1 200px; flex: 1 1 200px; margin-right: 40px } @media(max-width:1200px) { .header-main__center { margin-right: 37px } } @media(max-width:1023px) { .header-main__center { margin-right: 0 } } .header-main__search-input { height: 22px; color: #159cd8; border: 0; background: rgba(255, 255, 255, 0); width: 100%; padding: 0; padding-left: 23px; line-height: 22px; border-radius: 0; overflow: hidden; margin-top: 22px; } @media(max-width:1200px) { .header-main__search-input { padding-left: 20px } } @media(max-width:1023px) { .header-main__search-input { height: 22px; margin-top: 14px; } } .header-main__search-input::-webkit-input-placeholder { opacity: 1; -webkit-transition: all .3s; transition: all .3s } .header-main__search-input::-moz-placeholder { opacity: 1; -webkit-transition: all .3s; transition: all .3s } .header-main__search-input:-ms-input-placeholder { opacity: 1; -webkit-transition: all .3s; transition: all .3s } .header-main__search-input::placeholder { opacity: 1; -webkit-transition: all .3s; transition: all .3s } .header-main__search-input:focus::-webkit-input-placeholder { opacity: 0; -webkit-transform: translateX(-75px); transform: translateX(-75px) } .header-main__search-input:focus::-moz-placeholder { opacity: 0; transform: translateX(-75px) } .header-main__search-input:focus:-ms-input-placeholder { opacity: 0; transform: translateX(-75px) } .header-main__search-input:focus::placeholder { opacity: 0; -webkit-transform: translateX(-75px); transform: translateX(-75px) } .header-main__search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 0; -webkit-box-flex: 1; -ms-flex: 1 1 200px; flex: 1 1 200px; width: calc(100% - 210px) } @media(max-width:1200px) { .header-main__search { margin-right: 0 } } @media(max-width:1023px) { .header-main__search { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 20px; margin-right: 0; position: relative; width: auto; height: 50px; } } @media(max-width:640px) { .header-main__search { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0; margin-top: 7px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media(max-width:360px) { .header-main__search { margin-top: 5px } } .header-main__search-input-wrap { -webkit-box-flex: 1; -ms-flex: 1 1 420px; flex: 1 1 420px; overflow: hidden; position: relative; background: #f7f7f7; } @media(max-width:1200px) { .header-main__search-input-wrap { -webkit-box-flex: 1; -ms-flex: 1 1 240px; flex: 1 1 240px } } .header-main__search-input-wrap:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #159cd8; -webkit-transition: all .3s; transition: all .3s } @media(max-width:1023px) { .header-main__search-input-wrap:after { display: block; } } @media(max-width:640px) { .header-main__search-input-wrap:after { bottom: 0 } } .header-main__search-btn-wrap { position: relative; height: 57px; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px /*!*blue-line*!*/ } @media(max-width:1023px) { .header-main__search-btn-wrap { height: 50px; -webkit-box-flex: 0; -ms-flex: 0 0 54px; flex: 0 0 54px } } .header-main__search-btn { display: block; width: 100%; line-height: 57px; font-size: 17px; background: #e7e7e7; color: #9d9d9d; -webkit-transition: all .3s; transition: all .3s } .header-main__search-btn:hover { color: #73c5ea } @media(max-width:1023px) { .header-main__search-btn { line-height: 50px } } .header-main__search-sections-icon { margin-right: 9pt; -webkit-box-flex: 0; -ms-flex: 0 0 12px; flex: 0 0 12px } .header-main__search-sections-icon-line { width: 9pt; height: 2px; background: #ffc948; margin-bottom: 3px; display: block } .header-main__search-sections-icon-line:last-of-type { margin-bottom: 0 } .header-main__center-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 26px } @media(max-width:1200px) { .header-main__center-top { margin-bottom: 24px; padding-left: 154px } } @media(max-width:1023px) { .header-main__center-top { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 10px } } @media(max-width:640px) { .header-main__center-top { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } @media(max-width:320px) { .header-main__center-top { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .header-main__cart { -webkit-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; width: 190px; position: relative; margin-left: 20px } @media(max-width:1200px) { .header-main__cart { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px } } @media(max-width:1023px) { .header-main__cart { -webkit-box-flex: 0; -ms-flex: 0 0 54px; flex: 0 0 54px; width: 54px } } .header-main__cart-link { height: 57px; background: #eaeaea; color: #159cd8; line-height: 57px; text-align: center; position: relative; display: block; -webkit-transition: all .3s; transition: all .3s; font-size: 0 } .header-main__cart-link:hover .header-main__cart-icon { color: #159cd8 } @media(max-width:1023px) { .header-main__cart-link { height: 50px; line-height: 50px; width: 54px } } @media(min-width:1201px) { .header-main__cart-link { line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 15px; padding-right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .header-main__cart-icon { font-size: 25px; margin-right: 14px; -webkit-transition: all .3s; transition: all .3s; color: #9d9d9d } @media(max-width:1200px) { .header-main__cart-icon { margin: 0 } } .header-main__cart-text { display: inline-block; width: 136px; height: 58px; padding: 13px 14.1px; vertical-align: middle; -webkit-transition: all .3s; transition: all .3s; font-size: 13px; text-align: center; background-color: #f7f7f7 } @media(max-width:1200px) { .header-main__cart-text { display: none } } .header-main__cart-num { position: absolute; right: -8px; top: -13px; width: 31px; height: 31px; font-size: 13px; color: #fff; background: #73c5ea; box-shadow: 0 0 1pc 0 rgba(0, 0, 0, .2); line-height: 31px; border-radius: 50% } @media(min-width:1024px) { .header-main__cart-num { display: none } } @media(max-width:1023px) { .header-main__cart-num { right: -9px; top: -10px } } .header-main__manager { -webkit-box-flex: 0; -ms-flex: 0 0 290px; flex: 0 0 290px } @media(max-width:1023px) { .header-main__manager { display: none } } .header-main__manager-img { width: 50px; height: 50px; border-radius: 50px; overflow: hidden; border: 1px solid #eaeaea; margin-right: 22px; background-position: center top; background-repeat: no-repeat } .header-main__manager-img, .header-main__manager-text { display: inline-block; vertical-align: middle } .header-main__manager-title { font-size: 9pt; margin-bottom: 3px } .header-main__manager-name { font-size: 18px; font-weight: 600 } .header-main__manager-head { margin-bottom: 15px } .header-main__manager-info-row:not(:last-of-type) { margin-bottom: 7px } .header-main__manager-info-cell { display: inline-block; vertical-align: middle } .header-main__manager-info-cell--name { font-size: 9pt; color: #5b5f61; width: 110px } .header-main__manager-info-cell--name span { display: inline-block; vertical-align: middle } .header-main__manager-info-cell--data a { color: #403f3f } .header-main__manager-info-cell--data a:hover { text-decoration: underline } .header-main__manager-info-icon { margin-right: 5px } .header-main__search-select { opacity: 0 } .header-main__search-select.selectboxit { opacity: 1; height: 55px; line-height: 55px; border: 0; border-radius: 0; width: 100% } .header-main__search-sections { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 370px; flex: 1 1 370px; background: #f7f7f7 } .header-main__search-sections .selectboxit-container { display: block; width: 100% } .header-main__search-sections .selectboxit-container .header-main__search-select { max-width: 100% } .header-main__search-sections .selectboxit-container .header-main__search-select.selectboxit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 57px; line-height: 57px; border: 0; border-radius: 0; background: #f7f7f7; width: 100% } .header-main__search-sections .selectboxit-container .header-main__search-select.selectboxit .selectboxit-text { height: 55px; line-height: 55px; max-width: none!important; color: #ffc948 } .header-main__search-sections .selectboxit-container .header-main__search-select.selectboxit .selectboxit-option-icon-container { position: relative; width: 9pt; height: 9pt; margin: 0 } .header-main__search-sections .selectboxit-container .header-main__search-select.selectboxit .selectboxit-option-icon-container .selectboxit-option-icon { position: absolute; width: 9pt; height: 2px; background: #ffc948; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .header-main__search-sections .selectboxit-container .header-main__search-select.selectboxit .selectboxit-option-icon-container:after, .header-main__search-sections .selectboxit-container .header-main__search-select.selectboxit .selectboxit-option-icon-container:before { content: ''; width: 9pt; height: 2px; background: #ffc948; display: block; left: 0; right: 0; position: absolute } .header-main__search-sections .selectboxit-container .header-main__search-select.selectboxit .selectboxit-option-icon-container:after { top: 0 } .header-main__search-sections .selectboxit-container .header-main__search-select.selectboxit .selectboxit-option-icon-container:before { bottom: 0 } .header-main__search-sections .selectboxit-container .header-main__search-select.selectboxit .selectboxit-arrow-container { position: relative; width: 10px; height: 10px; line-height: 10px; margin-left: 8px; margin-right: 8px } .header-main__search-sections .selectboxit-container .header-main__search-select.selectboxit .selectboxit-arrow-container .selectboxit-arrow { -webkit-transform: translateY(-50%); transform: translateY(-50%); border-top: 4px solid #ffc948; border-right: 3px solid transparent; border-left: 3px solid transparent } .header-main__search-sections .selectboxit-container .header-main__search-select.selectboxit:focus, .header-main__search-sections .selectboxit-container .header-main__search-select.selectboxit:hover { background: #f7f7f7 } .header-main__search-sections .selectboxit-container .selectboxit-options { border-radius: 0; background: #f7f7f7; border: 2px solid #ffc948; border-top: 2px solid #f7f7f7; margin-top: -2px; -webkit-transition: max-height .5s; transition: max-height .5s } @media(max-width:1200px) { .header-main__search-sections { -webkit-box-flex: 1; -ms-flex: 1 1 155px; flex: 1 1 155px; min-width: 155px } } @media(max-width:1023px) { .header-main__search-sections { display: none } } .header-main__search-sections:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #ffc948; -webkit-transition: all .3s; transition: all .3s } .header-main__menu-btn { display: none; width: 54px; height: 50px; background: #eaeaea; padding: 17px 0; text-align: center; margin-left: 90px } @media(max-width:1023px) { .header-main__menu-btn { display: block } } @media(max-width:640px) { .header-main__menu-btn { margin-right: 40px } } @media(max-width:480px) { .header-main__menu-btn { margin-right: 20px } } @media(max-width:400px) { .header-main__menu-btn { margin-right: 10px; margin-left: 77px } } @media(max-width:320px) { .header-main__menu-btn { margin-right: 0; margin-left: 75pt } } .header-main__menu-btn-line { width: 23px; height: 2px; background: #ccc; display: block; margin: 0 auto 5px } .header-main__menu-btn-line:last-of-type { margin-bottom: 0 } .header-main__phone { display: none; width: 54px; height: 50px; line-height: 50px; -webkit-box-flex: 0; -ms-flex: 0 0 54px; flex: 0 0 54px; background: #eaeaea; color: #ccc; font-size: 14px; text-align: center; margin-left: 20px } @media(max-width:1023px) { .header-main__phone { display: block } } @media(max-width:640px) { .header-main__phone { margin-left: 40px } } @media(max-width:480px) { .header-main__phone { margin-left: 20px } } @media(max-width:400px) { .header-main__phone { margin-left: 10px } } @media(max-width:320px) { .header-main__phone { margin-left: 0 } } .header-main__logo-svg { width: 140px!important; height: 95px!important; margin-bottom: 11px } @media(max-width:1200px) { .header-main__logo-svg { width: 105px!important; height: 69px!important; margin-bottom: 5px } } @media(max-width:1023px) { .header-main__logo-svg { width: 4pc!important; height: 42px!important; margin-bottom: 3px } } .header-main__logo-text { text-align: center; font-family: GothamProMedium, sans-serif; color: #b3b4b4; font-size: 17px } @media(max-width:1200px) { .header-main__logo-text { font-size: 9pt } } @media(max-width:1023px) { .header-main__logo-text { font-size: 7px } } .header-main__return { text-align: center; font-size: 20px; padding: 9px 0 5px } .header-main__return a { color: #159cd8; font-weight: 700 } .header-main__return a:hover { text-decoration: underline } @media (max-width: 1024px) { .header-main__return { font-size: 1pc } } .header-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media(max-width:767px) { .header-menu { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media(max-width:1200px) { .header-menu--fixed .header-menu__item { height: 42px; line-height: 42px } } .header-menu__item { height: 50px; background: #f2f2f2; text-align: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 50px; position: relative; overflow: hidden } .header-menu__item, .header-menu__item>a { color: #929292; display: block } .header-menu__item:hover:before { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } .header-menu__item:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; -webkit-transform: translateY(3px); transform: translateY(3px); background: #73c5ea; opacity: 0; -webkit-transition: all .3s; transition: all .3s } @media(max-width:767px) { .header-menu__item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; margin-bottom: 5px; height: 45px; line-height: 45px } .header-menu__item:nth-of-type(2n+2):after { display: none } } .header-menu__item:after { content: ''; position: absolute; right: 0; top: 4px; bottom: 4px; background: #e9e9e9; width: 1px } .header-menu__item:last-child:after { display: none } .header-menu__item.active { color: #fff; background: #73c5ea; margin-left: -1px; } .header-menu__item.active>a { color: #fff; display: block } .header-menu__item.active:after { display: none } .header-menu__catalog-menu-dropdown { position: relative; overflow: visible } .header-menu__catalog-menu-dropdown:hover .header-menu__dropdown { display: block } .header-menu__dropdown { width: 100%; z-index: 9999; display: none; position: absolute; visibility: visible; min-width: 170px; right: 0 } @media (max-width: 767px) { .header-menu__dropdown-prices { right: inherit } } .header-menu__dropdown-item { display: block } @media(max-width:767px) { .header-menu__dropdown-item { margin-bottom: 0 } } .header-top { border-bottom: 1px solid #f2f2f2 } @media(max-width:1023px) { .header-top { display: none } } .header-top.opened { position: fixed; display: block; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; z-index: 5; margin-bottom: 0; background: #fff } .header-top__wrap { height: 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 } @media(max-width:1023px) { .header-top__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: auto; padding-top: 9pt; padding-bottom: 20px } } .header-top__item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } @media(max-width:1023px) { .header-top__item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% } } .header-top__name { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 600; color: #403f3f } @media(max-width:767px) { .header-top__name { font-size: 13px } } .header-top__name:hover { text-decoration: underline } .header-top__user-icon { font-size: 15px; color: #9d9d9d; margin-right: 10px } .header-top__logout { color: #159cd8; margin-left: 14px; display: inline-block; vertical-align: middle } .header-top__logout:hover { text-decoration: underline } .header-top__phone-link { font-size: 14px; color: #9d9d9d } .header-top__phone-number { color: #403f3f; font-weight: 600; font-size: 18px; display: inline-block; vertical-align: middle; margin-left: 7px } .header-top__ask-link { display: inline-block; vertical-align: middle; color: #159cd8; margin-left: 9pt } .header-top__ask-link:hover { text-decoration: underline } .header-top__city { -webkit-box-flex: 0; -ms-flex: 0 0 290px; flex: 0 0 290px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media(max-width:1023px) { .header-top__city { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 15px } } .header-top__city-icon { color: #9d9d9d; font-size: 15px } .header-top__city-title { color: #9d9d9d; margin-left: 1px; display: inline-block; vertical-align: middle } .header-top__city-select { opacity: 0 } .header-top__city-select-wrap { padding-left: 7px; font-size: 15px } .header-top__city-select-wrap #selectCity { color: #159cd8 } .header-top__city-select-wrap #selectCity:hover { text-decoration: underline } .header-top__city-select.selectboxit, .header-top__city-select.selectboxit-container { opacity: 1 } .header-top__menu { display: none } @media(max-width:1023px) { .header-top__menu { display: -webkit-box; display: -ms-flexbox; display: flex } } .header-top__manager { display: none; margin-bottom: 30px } @media(max-width:1023px) { .header-top__manager { display: block } } @media(max-width:1023px) { .header-top__phone { display: none } } .header-top__mobile-close { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; display: none } @media(max-width:1023px) { .header-top__mobile-close { display: block } } .header-top__mobile-close:after, .header-top__mobile-close:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 13px; height: 1px; background: #ccc } .header-top__mobile-close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .header-top__mobile-close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } @media(max-width:1023px) { .header-top__user { padding-bottom: 10px; border-bottom: 1px solid #f3f3f3 } } .header { box-shadow: .5px .866px 29px 0 rgba(0, 0, 0, .07); margin-bottom: 29px } @media(max-width:767px) { .header { box-shadow: none; margin-bottom: 15px } } .header--no-margin { margin-bottom: 0 } .history-item { border: 1px solid #73c5ea; border-bottom: 0; margin-bottom: 6px } .history-item .b-cart__bottom-right { margin-top: 0 } .history-item.opened .history-item__head-item-arrow { -webkit-transform: scaleY(-1) rotate(-90deg); transform: scaleY(-1) rotate(-90deg) } .history-item__head { padding: 24px 20px; 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; border-bottom: 1px solid #73c5ea; cursor: pointer; position: relative } @media(max-width:767px) { .history-item__head { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 17px 45px 5px 10px } } .history-item__head-item { color: #159cd8; font-weight: 600; font-size: 14px } .history-item__head-item--title { -webkit-box-flex: 0; -ms-flex: 0 1 33%; flex: 0 1 33% } @media(max-width:1023px) { .history-item__head-item--title { -webkit-box-flex: 0; -ms-flex: 0 1 35%; flex: 0 1 35% } } .history-item__head-item--status { -webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20% } @media(max-width:1023px) { .history-item__head-item--status { -webkit-box-flex: 0; -ms-flex: 0 1 22%; flex: 0 1 22% } } .history-item__head-item--price { -webkit-box-flex: 0; -ms-flex: 0 1 17%; flex: 0 1 17% } @media(max-width:1023px) { .history-item__head-item--price { -webkit-box-flex: 0; -ms-flex: 0 1 19%; flex: 0 1 19% } } .history-item__head-item--arrow { -webkit-box-flex: 0; -ms-flex: 0 0 34px; flex: 0 0 34px } @media(max-width:767px) { .history-item__head-item--arrow { position: absolute; right: 14px; top: 17px } } @media(max-width:767px) { .history-item__head-item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 9pt } } .history-item__head-item-arrow { font-size: 9pt; text-align: center; -webkit-transform: scaleY(1) rotate(-90deg); transform: scaleY(1) rotate(-90deg); -webkit-transition: all .3s; transition: all .3s } .history-item__body { padding: 15px 22px 22px; border-bottom: 1px solid #73c5ea; display: none } @media(max-width:767px) { .history-item__body { padding: 15px 9px 22px } } .info-table--small .info-table__cell { font-size: 13px; padding: 5px 0 } .info-table--small .info-table__cell--data { padding: 5px 0 5px 10px } .info-table--small .info-table__cell-name:after { bottom: 4px } .info-table--history { margin-bottom: 40px } .info-table--history .info-table__cell { font-size: 14px; padding: 5px 0 } .info-table--history .info-table__cell--name { width: 60% } .info-table--history .info-table__cell--data { padding: 5px 0 5px 10px; color: #010101 } @media(max-width:767px) { .info-table--history { margin-bottom: 15px } } @media(max-width:767px) { .info-table--history .info-table__cell--name { display: none } } @media(max-width:767px) { .info-table--history .info-table__cell--data { padding-left: 3px } } .info-table__wrap { display: table; width: 100% } .info-table__row { display: table-row; width: 100% } .info-table__cell { display: table-cell; vertical-align: top; padding: 6px 0; position: relative; font-size: 1pc } .info-table__cell--name { /* width: 100%*/ } .info-table__cell--data { padding: 6px 0 6px 10px; color: #010101; line-height: 18px } .info-table__cell--data a { color: #1b99d4 } .info-table__cell--data a:hover { text-decoration: underline } .info-table__cell-name { color: #5b5f61; position: relative; z-index: 1; display: block } .info-table__cell-name:after { content: ''; left: 0; top: auto; bottom: 3px; height: 1px; right: 0; border-bottom: 1px dotted #c1c1c1; position: absolute } .info-table__row.info-table__row--preorder .info-table__cell-name, .info-table__row.info-table__row--preorder .info-table__cell--data { /*color: #e34ee3;*/ /*color: #d573ad;*/ color: rgba(0, 0, 0, 0.68); font-weight: 700; } .info-table__cell-desc-link, .info-table__cell-video-link { color: #c1c1c1; position: relative; z-index: 1; display: inline-block; line-height: 18px; cursor: pointer; border-bottom: 1px dotted #c1c1c1 } .info-table__cell-name-text { background: #fff; position: relative; line-height: 18px; z-index: 1 } .inline-arrow { font-family: MinionProRegular, sans-serif; display: inline-block; vertical-align: middle; margin-left: 2px } .input-blue { font-size: 1pc; height: 35px; line-height: 35px; border: 0; padding: 0; width: 100%; color: #1b99d4; box-shadow: -1px 0 0 0 #fff, 0 1px 0 0 #1b99d4; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateZ(0); transform: translateZ(0) } .input-blue.focus, .input-blue:focus { box-shadow: -1px 0 0 0 #fff, 0 2px 0 0 #1b99d4 } @media(max-width:1200px) { .input-blue { font-size: 14px } } .textarea-blue { font-size: 1pc; width: 100%; color: #1b99d4; box-shadow: none; border: 1px solid #ededed; padding: 7px 5px 5px } @media(max-width:1200px) { .textarea-blue { font-size: 14px } } .input-wrap { margin-bottom: 20px; position: relative } .input-wrap--arrow:after { content: ''; position: absolute; right: 21px; bottom: 13px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid #1b99d4 } .input-wrap.labelup .input-wrap__name { top: 0; font-size: 14px } @media(max-width:1200px) { .input-wrap.labelup .input-wrap__name { font-size: 9pt } } .input-wrap.error .input-wrap__name { color: #dc5245 } .input-wrap.error .input-blue { color: #dc5245; box-shadow: 0 1px 0 0 #dc5245 } .input-wrap.error .input-blue.focus, .input-wrap.error .input-blue:focus { box-shadow: 0 2px 0 0 #dc5245 } .input-wrap--bigger-margin { margin-bottom: 25px } .input-wrap__name { font-size: 1pc; color: #a9a9a9; position: absolute; left: 0; top: 23px; z-index: 1; -webkit-transition: all .3s; transition: all .3s } @media(max-width:1200px) { .input-wrap__name { font-size: 14px; top: 25px } } @media(max-width:767px) { .input-wrap__name { font-size: 13px } } .input-wrap__input { position: relative; padding-top: 14px } @media(max-width:1200px) { .input-wrap__input { padding-top: 9pt } } .input-wrap__require { color: #dc5245 } .input-multiple-wrap { margin-top: 10px; margin-bottom: 10px } .vacs-form h2 { margin-bottom: 15px } .textarea-wrap .input-wrap__name { left: 5px } .textarea-wrap .input-wrap__input { padding-top: 1pc } .textarea-wrap.labelup .input-wrap__name { left: 0 } .item-tags__item-text { font-size: 9pt; color: #fff; height: 22px; line-height: 22px; padding: 0 17px; text-align: center; opacity: .8; display: inline-block; border-radius: 20px } .item-tags__item--action .item-tags__item-text { background: #49b79f } .item-tags__item--hit .item-tags__item-text { background: #93c13e } .item-tags__item--action .item-tags__item-text { background: #cb5098 } .item-tags__item--new .item-tags__item-text { background: #74bdde } .item-tags__item--no-sale .item-tags__item-text { background: #f5c34c } .item-tags__item--new-arrival .item-tags__item-text { background: #9a66a8 } .item-tags__item--sale .item-tags__item-text { background: #cb5098 } .item-tags__item--pre-order .item-tags__item-text { background: #ed6c26 } .item-tags__item--week-product .item-tags__item-text { background: #b29908 } .b-count__btn--big { width: 25px!important; height: 25px!important } .b-count__input--big { width: 56px!important; height: 25px!important; margin-right: 5px; margin-left: 5px; background-color: #fff; border: 1px solid #eee; border-radius: 17px; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .07) } @media (max-width: 1200px) { .b-catalog__list-wrap--single-line .b-count--small { -webkit-box-flex: 0!important; -ms-flex: 0 0 55%!important; flex: 0 0 55%!important; text-align: right } .b-catalog__list-wrap--single-line .btn--text { margin-top: 20px } } @media (max-width: 500px) { .b-catalog__list-wrap--single-line .b-catalog__item-buy-btn { margin-left: 0 } } .b-catalog__list-wrap--multi .b-catalog__item-count { -webkit-box-flex: 0!important; -ms-flex: 0 0 55%!important; flex: 0 0 55%!important } .b-catalog__list-wrap--multi .b-catalog__item-cart-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .b-catalog__list-wrap--multi .btn--text { margin-top: 20px } .b-catalog__list-wrap--multi .b-count__wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .b-catalog__list-wrap--multi .b-price { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: right } .b-catalog__list-wrap--multi .btn--small { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .b-catalog__list-wrap--multi .btn--delete { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } @media (max-width: 1365px) { .b-catalog__list-wrap--multi .b-catalog__item-buy-btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; padding-right: 20px; padding-left: 20px } } @media (max-width: 640px) { .b-catalog .b-catalog__list-wrap--multi .b-catalog__item-count { -webkit-box-flex: 0!important; -ms-flex: 0 0 65%!important; flex: 0 0 65%!important } } .main-catalog { margin-bottom: 50px } @media(max-width:767px) { .main-catalog { margin-bottom: 0; display: none } } @media(max-width:767px) { .main-catalog__right { display: none } } .main-catalog__blocks-list { margin: -10px -10px 22px } .main-catalog__all { text-align: right } .main-catalog__all-link { display: inline-block } .main-catalog__all-link:hover .main-catalog__all-icon { margin-right: 0 } .main-catalog__all-link.hide { display: none } .main-catalog__all-icon { font-size: 18px; color: #14a0d3; margin-right: 6px; vertical-align: bottom; -webkit-transition: all .3s; transition: all .3s } .main-catalog__all-text { font-size: 18px; font-weight: 600; color: #010101; display: inline-block; vertical-align: bottom; margin-right: 3px } .main-catalog__all-count { display: inline-block; vertical-align: bottom; color: #b5b5b5 } .small-item__wrap--heart { position: relative } .small-item__liked-heart { position: absolute; right: 7%; top: 5% } .small-item__liked-heart:hover .stroke { fill: #e6416c } .small-item__heart-icon { font-size: 22px; color: #989696; padding-left: 2px; } .item__cart__liked .item__cart__like path { stroke: #e6416c; fill: #e6416c; } .main-seo__title { color: #403f3f; font-size: 22px; font-weight: 400; line-height: 1.2; margin: 0; margin-bottom: 26px } @media(max-width:1200px) { .main-seo__title { font-size: 20px } } @media(max-width:1023px) { .main-seo__title { font-size: 18px } } .main-seo-h2 { margin-bottom: 30px; font-size: 24px; color: #525151; display: inline-block; vertical-align: middle } @media (max-width: 1200px) { .main-seo-h2 { font-size: 20px; margin-bottom: 26px } } @media (max-width: 767px) { .main-seo-h2 { font-size: 18px; margin-bottom: 18px } } .main-slider { position: relative; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .07) } .main-slider__arrow { position: absolute; top: 0; bottom: 0; margin: auto } .main-slider__arrow--prev { left: -13px } .main-slider__arrow--next { right: -13px } .main-slider__arrow--next .svg-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .main-slider__item-img { display: block } .main-top { margin-bottom: 35px } @media(max-width:1023px) { .main-top { margin-bottom: 20px } } .main-top__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media(max-width:830px) { .main-top__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } .main-top__left { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; padding-right: 10px; max-width: 50% } @media(max-width:830px) { .main-top__left { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-right: 0; max-width: 100%; margin-bottom: 15px } } .main-top__right { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; padding-left: 10px; max-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 } @media(max-width:830px) { .main-top__right { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 0; max-width: 100%; display: block } } .main-top__banner { box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .07); display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } @media(max-width:830px) { .main-top__banner { margin-bottom: 15px } } .main-top__banner-img { display: block } .main-top__banner-img::-moz-selection { background: transparent } .main-top__banner-img::selection { background: transparent } .main-top__banners { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .map-baloon { padding: 6px 2px } .map-baloon__image { width: 8pc; padding-left: 17px; padding-right: 23px } .map-baloon__image, .map-baloon__text { display: inline-block; vertical-align: top } .map-baloon__text { color: #010101; font-size: 14px; line-height: 1.3; padding-right: 15px } .map-baloon__text a { color: #73c5ea } .map-baloon__text a:hover { text-decoration: underline } .mobile-catalog { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 5; background: #fff; overflow: auto } .mobile-catalog.can-back { overflow: hidden } .mobile-catalog.can-back .mobile-catalog__head-title-main { -webkit-transform: translateY(-100%); transform: translateY(-100%) } .mobile-catalog.can-back .mobile-catalog__head-title-prev { -webkit-transform: translateY(-50%); transform: translateY(-50%) } .mobile-catalog__head { height: 45px; line-height: 45px; padding: 0; position: fixed; left: 0; right: 0; top: 0; background: #73c5ea; z-index: 1 } .mobile-catalog__head-title { color: #fff; font-size: 13px; padding: 0 15px; height: 100% } .mobile-catalog__head-close { width: 21px; height: 21px; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .mobile-catalog__head-close:after, .mobile-catalog__head-close:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 1px; height: 13px; margin: auto; background: #fff } .mobile-catalog__head-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .mobile-catalog__head-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .mobile-catalog__body { padding-top: 45px } .mobile-catalog__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; background: #f3f3f3; margin: 6px 0 } .mobile-catalog__list-item.expand .mobile-catalog__sub-list-wrap { -webkit-transform: translateX(0); transform: translateX(0) } .mobile-catalog__list-item-link { padding: 14px 0 14px 15px; font-size: 9pt; color: #0291cb; text-transform: uppercase; font-weight: 600; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .mobile-catalog__list-item-arrow { -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; position: relative } .mobile-catalog__list-item-arrow:after, .mobile-catalog__list-item-arrow:before { content: ''; position: absolute; width: 7px; height: 1px; background: #0893cc; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform-origin: right; transform-origin: right } .mobile-catalog__list-item-arrow:after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .mobile-catalog__list-item-arrow:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .mobile-catalog__sub-list-wrap { position: fixed; top: 45px; left: 0; right: 0; bottom: 0; background: #fff; overflow: auto; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .3s; transition: all .3s; z-index: 1 } .mobile-catalog__sub-list-item { background: #f3f3f3; margin: 6px 0 } .mobile-catalog__sub-list-item-link { padding: 14px 0 14px 15px; font-size: 9pt; color: #0291cb; text-transform: uppercase; font-weight: 600; display: block } .mobile-catalog__head-title-prev { -webkit-transform: translateY(100%); transform: translateY(100%) } .mobile-catalog__head-title-main, .mobile-catalog__head-title-prev { position: absolute; top: 50%; -webkit-transition: all .3s; transition: all .3s } .mobile-catalog__head-title-main { -webkit-transform: translateY(-50%); transform: translateY(-50%) } .mobile-catalog__head-title-overflow { position: absolute; top: 0; bottom: 0; height: 25px; margin: auto; left: 15px; right: 0; overflow: hidden } @media(max-width:1023px) { .mobile-catalog.opened { display: block } } .new-catalog { margin-bottom: 50px } .new-catalog__head { margin-bottom: 18px; 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 } .new-catalog__title { font-size: 24px; color: #525151 } .new-catalog__links, .new-catalog__title { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .new-catalog__links--wide .new-catalog__link { padding: 9px 28px } @media(max-width:767px) { .new-catalog__links--wide { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% } .new-catalog__links--wide .new-catalog__link { width: 100% } } .new-catalog__links-wrap { font-size: 0 } .new-catalog__link { display: inline-block; vertical-align: middle; color: #0091d4; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .07); border-right: 1px solid #e5e5e5; background: #fff; padding: 9px 9pt; font-size: 13px; text-align: center; -webkit-transition: all .3s; transition: all .3s } .new-catalog__link:hover { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .07) } @media(max-width:767px) { .new-catalog__link { padding: 9px 8px } } .new-catalog__link:last-of-type { border-right: 0 } .new-catalog__wrap { margin: -10px -10px 0 } .new-catalog__catalog { 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 } .new-catalog__item { padding: 10px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; width: 16.66667% } .news-detail { margin-top: 30px } .news-detail__image { text-align: center; margin-bottom: 40px } .news-detail__image img { max-height: 430px; -o-object-fit: cover; font-family: "object-fit:cover;object-position:center"; object-fit: cover; -o-object-position: center; object-position: center } @media(max-width:767px) { .news-detail__image { margin: 0 -15px; margin-bottom: 25px } } @media(max-width:767px) { .news-detail__image img { max-height: 207px } } .news-detail__content.content-box p { margin-bottom: 20px } @media(max-width:1200px) { .news-detail__content.content-box p { margin-bottom: 15px } } .news-detail__date { font-size: 9pt; color: #a9a9a9; margin-top: 22px } .news-detail__all { margin-top: 23px } .order-body__title { font-size: 18px; font-weight: 600; color: #000001; margin-bottom: 21px } @media(max-width:767px) { .order-body__title { font-size: 1pc; margin-bottom: 18px } } .order-body__input-wrap { max-width: 520px } .order-body__inputs-column { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; padding-right: 5pc } @media(max-width:767px) { .order-body__inputs-column { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0 } } .order-body__inputs { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 45px } @media(max-width:767px) { .order-body__inputs { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px } } .order-body__radio { margin-bottom: 22px } .order-body__radios { margin-bottom: 30px; max-width: 50%; padding-right: 40px } @media(max-width:1023px) { .order-body__radios { max-width: 100% } } @media(max-width:767px) { .order-body__radios { margin-bottom: 42px } } .order-complete { margin-top: 58px } @media(max-width:1023px) { .order-complete { margin-top: 33px } } .order-complete__title { font-size: 20px; color: #000001; margin-bottom: 18px } @media(max-width:1023px) { .order-complete__title { font-size: 18px } } .order-complete__order-title { font-size: 18px; font-weight: 600; color: #626363; margin-bottom: 26px } order-complete__notification { line-height: 2.5; font-size: 16px; font-weight: normal; } @media(max-width:1023px) { .order-complete__order-title { font-size: 1pc; margin-bottom: 22px } } .order-complete__order-text { font-size: 14px; color: #626363; line-height: 1.4; margin-bottom: 22px } .order-header { margin-bottom: 35px } @media(max-width:767px) { .order-header { margin-bottom: 44px } } .order-header__tabs { width: 515px } @media(max-width:767px) { .order-header__tabs { width: 100% } } @media(max-width:767px) { .order-header__tabs-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } } @media(max-width:767px) { .order-header__tab-item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; border-right: 0 } .order-header__tab-item:first-child { z-index: 1 } } .page-404 { background: #f4fafb; position: relative; padding-top: 30px } .page-404__bottom { height: 155px; background-position: top center; bottom: 0; left: 0; right: 0 } .page-404__content { background-repeat: no-repeat; background-position: center; background-size: contain; padding: 10pc 0 90pt; color: #8c8d8d; margin-left: 9%; position: relative } .page-404__content h1 { color: #159cd8 } @media(max-width:1500px) { .page-404__content { padding: 73px 0 86px } } @media(max-width:1400px) { .page-404__content { padding: 60px 0 75px } } .page-404__text { max-width: 500px; position: relative; z-index: 1 } .page-404__baloon { position: absolute; right: 9%; top: 0; bottom: 22px; background-position: center; background-size: contain; width: 316px; background-repeat: no-repeat } @media(max-width:767px) { .page-404__baloon { right: 0 } } .page-title { color: #000001; margin: 0; font-size: 30px; margin-bottom: 20px; font-weight: 400 } @media(max-width:1200px) { .page-title { font-size: 24px } } .title-wrapper{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .title-wrapper .page-title{ margin-bottom: 0; width: 300px; flex-shrink: 0; } .title-wrapper .result_mess{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 285px); flex-basis: calc(100% - 285px); width: calc(100% - 285px); padding-left: 20px; max-width: calc(100% - 285px); } @media(max-width:1024px){ .title-wrapper{ flex-wrap: wrap; margin-bottom: 0; } .title-wrapper .page-title{ width: 100%; } .title-wrapper .result_mess{ width: 100%; flex-basis: 100%; max-width: 100%; padding-left: 0; } } @media(max-width:720px){ .title-wrapper{ flex-wrap: wrap; margin-bottom: 10px; } .title-wrapper .page-title{ margin-bottom: 20px; } } .personal-archive { margin-top: 27px } .personal-archive .b-catalog__pagination { text-align: right; margin-top: 15px } .personal-archive .b-catalog__sort { text-align: right } .personal-archive .b-cart__cell--check { -webkit-box-flex: 0; -ms-flex: 0 1 27px; flex: 0 1 27px; position: relative } .personal-archive .b-cart__cell--check .checkbox-item__wrap { position: absolute; top: 50%; margin-top: -50% } .personal-archive .checkbox-item__label .checkbox-item__circle { border: 1px solid #76bedf } .personal-archive .btn--repeat-in, .personal-archive .btn--repeat-selected-in { display: inline-block; width: auto } .personal-archive .repeat-oi-link { margin-top: 10px } .personal-archive__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; margin-bottom: 1pc } @media(max-width:767px) { .personal-archive__head { -ms-flex-wrap: wrap; flex-wrap: wrap } } .personal-archive__date-title { margin-right: 7px } .personal-archive__date-title, .personal-archive__reset { display: inline-block; vertical-align: middle; font-size: 13px; color: #2a8bbb } .personal-archive__reset { margin-left: 7px; cursor: pointer } .personal-archive__reset:hover { text-decoration: underline } .personal-archive__date-input-wrap { display: inline-block; vertical-align: middle } @media(max-width:767px) { .personal-archive__date-input-wrap { display: block; margin-top: 10px } } .personal-archive__date-input { height: 27px; color: #454242; font-size: 13px; border: 0; box-shadow: none; border-bottom: 1px solid #1390c8; background: #f2f2f2; padding: 0 10px; width: 175px } @media(min-width:768px) { .personal-archive .b-cart__cell--date { -webkit-box-flex: 0; -ms-flex: 0 1 15%; flex: 0 1 15%; text-align: center } .personal-archive .b-cart__cell--date.history-item__head-item { font-weight: 700 } .personal-archive .b-cart__cell--orders { -webkit-box-flex: 0; -ms-flex: 0 1 15%; flex: 0 1 15%; text-align: center } .personal-archive .b-cart__cell--orders.history-item__head-item { font-weight: 700 } .personal-archive .b-cart__cell--items-count { -webkit-box-flex: 0; -ms-flex: 0 1 18%; flex: 0 1 18%; text-align: center } .personal-archive .b-cart__cell--items-count.history-item__head-item { font-weight: 700 } .personal-archive .b-cart__cell--total-price { -webkit-box-flex: 0; -ms-flex: 0 1 17%; flex: 0 1 17%; text-align: center } .personal-archive .b-cart__cell--total-price.history-item__head-item, .personal-archive .b-cart__cell--total-price.history-item__head-item .b-price__font { font-weight: 700 } .personal-archive .b-cart__cell--actions { -webkit-box-flex: 0; -ms-flex: 0 1 17%; flex: 0 1 17%; text-align: center } .personal-archive .b-cart__cell--actions.history-item__head-item { font-weight: 700 } .personal-archive .b-cart__cell--actions.history-item__head-item .btn { font-weight: 400 } .personal-archive .b-cart__cell--archive-options { -webkit-box-flex: 0; -ms-flex: 0 0 27px; flex: 0 0 27px; text-align: center } .personal-archive .b-cart__cell--archive-options.history-item__head-item { font-weight: 700 } .personal-archive__body-head { margin-bottom: 17px } } .personal-archive__body-head-wrap { padding: 0 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media(max-width:767px) { .personal-archive .b-catalog__sort { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 10px; text-align: left } } @media (max-width: 1023px) { .personal-archive .b-cart__cell--check { position: relative } .personal-archive .b-cart__cell--check .checkbox-item__wrap { position: absolute; left: -20px; padding: 0; top: 0; margin: 0 } } @media (max-width: 767px) { .personal-archive .b-cart__cell--check { position: relative } .personal-archive .b-cart__cell--check .checkbox-item__wrap { position: static; padding: 0; margin: 0 } } .radio-item__input { display: none; visibility: hidden } .radio-item__input:checked+.radio-item__label .radio-item__circle { border: 1px solid #76bedf } .radio-item__input:checked+.radio-item__label .radio-item__circle:after { -webkit-transform: scale(1); transform: scale(1) } .radio-item__input:checked+.radio-item__label .radio-item__content, .radio-item__input:checked+.radio-item__label .radio-item__text { color: #74bdde } .radio-item__label { display: inline-block; vertical-align: middle; cursor: pointer } .radio-item__label--block { display: block } .radio-item__label:hover .radio-item__circle { border: 1px solid #76bedf } .radio-item__label:hover .radio-item__content, .radio-item__label:hover .radio-item__text { color: #74bdde } .radio-item__label-wrap { display: -webkit-box; display: -ms-flexbox; display: flex } .radio-item__circle { -webkit-box-flex: 0; -ms-flex: 0 0 17px; flex: 0 0 17px; width: 17px; height: 17px; max-width: 17px; box-shadow: 0 2px 7px 0 rgba(0, 0, 1, .16); background: #fff; border-radius: 50%; margin-right: 9px; display: block; border: 1px solid transparent; position: relative; -webkit-transition: all .3s; transition: all .3s } .radio-item__circle:after { content: ''; width: 7px; height: 7px; background: #74bdde; position: absolute; border-radius: 50%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .3s; transition: all .3s } .radio-item__text { font-size: 1pc; padding-top: 0 } .radio-item__content, .radio-item__text { color: #838383; -webkit-transition: all .3s; transition: all .3s } .radio-item__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .radio-item__title { font-size: 1pc; display: block } .radio-item__descr { display: block; font-size: 13px; line-height: 1.4; margin-top: 6px } .radio-item__descr .b-price { font-size: 13px; color: #838383; font-weight: 400; white-space: nowrap } #modalPrediction { max-width: 300px; text-align: center; margin: auto; padding: 18px 34px; background-color: #fff } #modalPrediction .btn { margin-right: 9pt; background-color: #73c5ea; color: #fff } #modalPrediction .prediction { font-size: 1.6em; text-align: center; color: #403f3f; margin-bottom: 30px } #modalCity { margin: auto; padding: 8px 34px; background-color: #fff; max-width: 540px; max-height: 100% } #modalCity .input-wrap { margin-bottom: 5px } #modalCity .btn { display: block; max-width: 200px; margin: 4pt auto; background-color: #1b99d4; color: #fff; } @media(max-width:768px) { #modalCity .btn { display: block; max-width: 200px; margin: 0 auto; margin-bottom: 9pt } } #modalCity .btn:hover { background-color: #73c5ea } #modalCity .hint { margin-top: 3px } #modalCity .citiesPrompt, #modalCity .regionsPrompt { overflow-y: auto } .countryChoose { text-align: center; margin: 18px 0 } .modalCountryHead { font-size: 1.6em; text-align: center; color: #403f3f; margin-bottom: 30px } .modalAlphabet { padding: 5px 0; margin: 5px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .modalAlphabetElement, .regModalAlphabetElement { text-transform: uppercase; font-weight: 700; font-size: 1.2em; display: inline-block; text-decoration: none; color: #299fd3; padding: 3px; margin: auto } @media(max-width:768px) { .modalAlphabetElement, .regModalAlphabetElement { margin: 0 10px 0 0 } } .jsRegionRegionalColumn { display: inline-block; width: 49%; vertical-align: top } @media(max-width:768px) { .jsRegionRegionalColumn { display: block; width: 100% } } .cityModalElement, .regCityModalElement, .regionModalElement { margin-bottom: 4px; display: block; font-size: 1.2em; color: #299fd3; text-decoration: underline; cursor: pointer } .regionModalElement { text-decoration: none } .regionModalElement:hover { text-decoration: underline } .jsRegionalColumn { display: inline-block; width: 33%; vertical-align: top } @media(max-width:768px) { .jsRegionalColumn { display: block; width: 100% } } .modalChooseCountry, .regmodalChooseCountry { margin-left: 8px; padding: 8px; border-radius: 8px; cursor: pointer } .modalAlphabetActive, .modalChooseCountry, .regmodalChooseCountry { display: inline-block; background-color: #73c5ea; color: #fff; font-weight: 700 } .modalAlphabetActive { text-transform: uppercase; font-size: 1.2em; text-decoration: none; padding: 3px; margin: auto } .modalAlphabetElement:hover, .regModalAlphabetElement:hover { background-color: #73c5ea; color: #fff; cursor: pointer } .search-categories__wrap { background: #f3f3f4; padding: 28px 38px 20px } .search-categories__title { font-size: 9pt; font-weight: 600; color: #2a8bbb; margin-bottom: 22px; text-transform: uppercase } .search-categories__link-text { color: #72b5d4 } .search-categories__link-count, .search-categories__link-text { display: inline-block; vertical-align: middle; font-size: 1pc; line-height: 1.2 } .search-categories__link-count { color: #a9a8a9 } .search-categories__item { margin-bottom: 13px } .search-categories__item:nth-of-type(n+10) { display: none } .search-categories.opened .search-categories__item { display: block } .search-brands__wrap { background: #f3f3f4; padding: 28px 38px 56px } .search-brands__title { font-size: 9pt; font-weight: 600; color: #2a8bbb; margin-bottom: 22px; text-transform: uppercase } .search-brands__link-text { color: #72b5d4 } .search-brands__link-count, .search-brands__link-text { display: inline-block; vertical-align: middle; font-size: 1pc; line-height: 1.2 } .search-brands__link-count { color: #a9a8a9 } .search-brands__item { margin-bottom: 13px } .search-brands__item:nth-of-type(n+10) { display: none } .search-brands.opened .search-brands__item { display: block } .search-message { width: 100%; /*margin-top: -25px*/ padding-left: 10px; padding-right: 10px; margin-top: 15px; } .search-message__wrap { background: #fcfcfc; border: 1px solid #eee; padding: 30px 10px 35px; text-align: center; /*margin-top: 15px;*/ } .search-message__title { font-size: 18px; font-weight: 600; color: #159cd8; margin-bottom: 10px } .search-message__text { color: #636363; font-size: 14px } .search-message__btn { margin-top: 28px } @media (max-width: 1365px){ .search-message{ padding-left: 5px; padding-right: 5px; } } .b-catalog__list-wrap--line .search-message { margin: -35px -10px 0 } .search-result-line { background: #fcfcfc; border: 1px solid #eee; font-size: 14px; color: #636363; text-align: center; padding: 0.9pc; /*margin:0 -10px 9pt -10px;*/ display: flex; align-items: center; /*justify-content: space-between;*/ justify-content: center; } .search-result-phrase { font-size: 18px; color: #636363; text-align: center; padding: 0.5pc; padding-left:0; display: flex; align-items: left; justify-content: center; } .search-result-line > div.checkbox-item__wrap:first-of-type { margin-right:20pt; } .search-result-line .checkbox-item__input:checked + .checkbox-item__label .checkbox-item__text { color: #2393c8; } /*.search-result-line > div.result_mess > span{ white-space: nowrap; line-height: 1.4; }*/ /*.search-result-line > div.checkbox-item__wrap{*/ .search-result-line > div.strict_checkbox{ flex: 0 0 auto; margin-left:10px; margin-right:10px; } .search-result-line > div.result_mess{ flex: 0 1 100%; padding: 0 10px; } .search-result-line b { font-weight: 600; color: #000 } @media(max-width:1023px) { .search-result-line { margin-top: 25px } } @media(max-width:720px) { .search-result-line { flex-wrap: wrap; text-align: left; } .search-result-line > div.strict_checkbox{ margin-bottom: 20px; } } .slider-arrow { width: 28px; height: 28px; background: #fff; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .2); border-radius: 50%; z-index: 1; line-height: 28px; text-align: center; color: #159cd8; font-size: 0; cursor: pointer; -webkit-transition: all .3s; transition: all .3s } .slider-arrow:hover { box-shadow: 0 2px 9px 2px rgba(0, 0, 0, .2) } .slider-arrow__icon { font-size: 13px } .small-cart { position: absolute; top: 100%; right: 0; max-height: 740px; background: #fff; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .21); z-index: 4; visibility: hidden; opacity: 0; -webkit-transition: all .3s; transition: all .3s } .small-cart.opened { opacity: 1; visibility: visible } .small-cart__wrap { width: 342px; padding: 33px 18px 25px 1pc } .small-cart__close { width: 15px; height: 15px; right: 18px; top: 7px } .small-item__wrap { padding: 1pc 2pc 24px; border: 1px solid #e8e8e8; -webkit-transition: all .3s; transition: all .3s } .small-item__wrap:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, .06) } .small-item.item__cart__liked .small-item__wrap { box-shadow: 0px 0px 32px -10px rgba(255,87,87,1) !important } html.br-firefox .small-item.item__cart__liked .small-item__wrap { box-shadow: 0px 0px 20px -10px rgba(255,87,87,1) !important } .small-item.item__cart__inbasket .small-item__wrap { box-shadow: 0px 0px 32px -10px rgba(43,188,255,1) !important } html.br-firefox .item__cart__inbasket .small-item__wrap { box-shadow: 0px 0px 20px -10px rgba(43,188,255,1) !important } .small-item__image-wrap { display: block; margin-bottom: 10px; font-size: 0; height: 195px; text-align: center } .small-item__image-wrap:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0 } .small-item__image { display: inline-block; vertical-align: middle; max-height: 100% } .small-item__title { margin-bottom: 4px } .small-item__title-link { font-size: 14px; font-weight: 600; color: #000; line-height: 1.25; -webkit-transition: all .3s; transition: all .3s } .small-item__title-link:hover { color: #2393c8 } @media(max-width:1200px) { .small-item__title-link { font-size: 13px } } .small-item__section-link { font-size: 9pt; color: #5b5f61; } .small-item__text { height: 83px } .small-item__old-price { text-decoration: line-through; margin-bottom: 2px } .small-item__no-sale, .small-item__old-price { text-align: right; color: #989696; font-weight: 400; font-size: 14px; white-space: nowrap } .small-item__no-sale { margin: -18px 0 18px; margin-bottom: 4px; } .small-item__count-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 18px; height: 23px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .small-item__count, .small-item__price { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .small-item__price { font-size: 17px; margin-left: 10px; } .small-item__btn { display: block; width: 100% } .small-item__auth { text-align: center; margin-top: 4px } .small-item__auth-link { display: inline-block; vertical-align: middle; color: #e95345; font-size: 1pc; text-align: center } .small-item__auth-link .svg-icon { display: block; margin: 0 auto 7px } .small-item__auth-link span { display: block; /* margin-bottom: 10px; */ /* margin-left: 7px; */ border-bottom: 1px solid #e95345; -webkit-transition: all .3s; transition: all .3s } .small-item__auth-link:hover span { border-bottom: 1px solid transparent } .small-item__auth-text { display: block; vertical-align: middle; font-size: 1pc; color: #909090 } .svg-icon { display: inline-block; vertical-align: middle; width: 1em; height: 1em } .uplink { width: 66px; height: 66px; border-radius: 50%; opacity: 0; visibility: hidden; background: #8ad3f3; color: #fff; position: fixed; bottom: 15px; right: 15px; z-index: 3; cursor: pointer; -webkit-transition: all .3s; transition: all .3s } .uplink.show { opacity: .6; visibility: visible } .uplink:hover { opacity: 1 } .uplink__text { font-size: 14px; font-weight: 600; text-align: center; line-height: 66px; margin-top: 2px } .uplink__arrow { position: absolute; top: 13px; left: 0; right: 0; margin: auto; width: 9pt; height: 7px; font-size: 0; text-align: center } .uplink__arrow:after, .uplink__arrow:before { content: ''; display: inline-block; vertical-align: middle; width: 2px; height: 7px; -webkit-transform-origin: top; transform-origin: top; background: #fff } .uplink__arrow:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-right: -2px } .uplink__arrow:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .uplink__arrow:nth-of-type(2) { top: 18px } .selectboxit-container { position: relative; display: inline-block; vertical-align: top } .selectboxit-container * { font: 14px Helvetica, Arial; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -o-user-select: none; user-select: none; outline: 0; white-space: nowrap } .selectboxit-container .selectboxit { width: 220px; cursor: pointer; margin: 0; padding: 0; border-radius: 6px; overflow: hidden; display: block; position: relative } .selectboxit-container .selectboxit-options a, .selectboxit-container span { height: 30px; line-height: 30px; display: block } .selectboxit-container .selectboxit:focus { outline: 0 } .selectboxit-options .selectboxit-disabled, .selectboxit.selectboxit-disabled { opacity: .65; filter: alpha(opacity=65); box-shadow: none; cursor: default } .selectboxit-text { text-indent: 5px; overflow: hidden; text-overflow: ellipsis; float: left } .selectboxit .selectboxit-option-icon-container { margin-left: 5px } .selectboxit-container .selectboxit-options { box-sizing: border-box; min-width: 100%; *width: 100%; margin: 0; padding: 0; list-style: none; position: absolute; overflow-x: hidden; overflow-y: auto; cursor: pointer; display: none; z-index: 9999999999999; border-radius: 6px; text-align: left; box-shadow: none } .selectboxit-option .selectboxit-option-anchor { padding: 0 2px } .selectboxit-option .selectboxit-option-anchor:hover { text-decoration: none } .selectboxit-optgroup-header, .selectboxit-option { text-indent: 5px; margin: 0; list-style-type: none } .selectboxit-option-first { border-top-right-radius: 6px; border-top-left-radius: 6px } .selectboxit-optgroup-header+.selectboxit-option-first { border-top-right-radius: 0; border-top-left-radius: 0 } .selectboxit-option-last { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px } .selectboxit-optgroup-header { font-weight: 700 } .selectboxit-optgroup-header:hover { cursor: default } .selectboxit-arrow-container { width: 30px; position: absolute; right: 0 } .selectboxit .selectboxit-arrow-container .selectboxit-arrow { margin: 0 auto; position: absolute; top: 50%; right: 0; left: 0 } .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon { top: 30% } .selectboxit-option-icon-container { float: left } .selectboxit-container .selectboxit-option-icon { margin: 0; padding: 0; vertical-align: middle } .selectboxit-option-icon-url { width: 18px; background-size: 18px 18px; background-repeat: no-repeat; height: 100%; background-position: center; float: left } .selectboxit-rendering { display: inline-block!important; *display: inline!important; zoom: 1!important; visibility: visible!important; position: absolute!important; top: -9999px!important; left: -9999px!important } .jqueryui .ui-icon { background-color: inherit } .jqueryui .ui-icon-triangle-1-s { background-position: -4pc -1pc } .selectboxit-btn { background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #ccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); border-bottom-color: #b3b3b3 } .selectboxit-btn.selectboxit-enabled:active, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:hover { color: #333; background-color: #e6e6e6 } .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:hover { color: #333; text-decoration: none; background-position: 0 -15px } .selectboxit-default-arrow { width: 0; height: 0; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent } .selectboxit-list { background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2) } .selectboxit-list .selectboxit-option-anchor { color: #333 } .selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor { color: #fff; background-color: #0081c2; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #08c, #0077b3); background-image: linear-gradient(to bottom, #08c, #0077b3); background-repeat: repeat-x } .selectboxit-list>.selectboxit-disabled>.selectboxit-option-anchor { color: #999 } .sup-price { font-size: 0.55em; top: -1em; } .sub-count { bottom: -.25em; margin-left: -2.2em; color: gray; font-weight: 100; font-size: 0.55em; } .b-price-opt { color: #ff9900; font-weight: 600; display: inline-block; vertical-align: middle; white-space: nowrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media(max-width: 1279px){ .b-price-opt { margin-bottom: 10px; margin-top: 10px; } } .b-detail__buy .b-price-opt { -webkit-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; min-width: 40%; } @media(min-width: 1600px) { .b-detail__buy .b-price-opt { max-width: 40%; } } .sup_cop { font-size: 15px; margin-left: 5px; } #order-ul{ display: inline-block; vertical-align: middle; z-index: 9999; } #order-ul li{ float:left; margin-right:10px; position:relative; display:block; padding:5px; color: #a4a3a3; text-decoration:none; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; line-height: 25px; padding: 0 25px; } #order-ul li:hover { color:#159cd8; background: #FFF; text-decoration:none; border-color: #159cd8; text-decoration:none; } #order-ul li ul li:hover { background: none; } #order-ul li a{ display:block; padding:5px; color: #a4a3a3; text-decoration:none; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; line-height: 25px; padding: 0 25px; box-shadow: 0 0 0 1px #e8e8e8; -moz-border-radius: 15px; padding-top: 1px; float: none; transition: all .3s; } #order-ul li a:hover { color:#159cd8; text-decoration:none; background-color:#159cd8; text-decoration:none; } /*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/ #order-ul ul{ list-style:none; position:absolute; left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */ opacity:0; /* Устанавливаем начальное состояние прозрачности */ -webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */ margin-right:20px; text-align: center; } #order-ul ul li{ padding-top:5px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */ float:none; margin: 10px 0 10px 0; } #order-ul ul a{ white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */ display:block; color:#159cd8; } #order-ul li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */ left:0; /* Приносим его обратно на экран, когда нужно */ opacity:1; /* Делаем непрозрачным */ } #order-ul li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */ background:#159cd8; text-decoration:none; /* -moz-transform:scale(1.05); -webkit-transform:scale(1.05); */ } #order-ul ul{ margin-left: -125px; list-style:none; position:absolute; left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод, лучше чем display:none;) */ opacity:0; /* Устанавливаем начальное состояние прозрачности */ -webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */ } #order-ul ul li{ } #order-ul ul a{ white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */ display:block; } #order-ul li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */ left:0; /* Приносим его обратно на экран, когда нужно */ opacity:1; /* Делаем непрозрачным */ background: rgba(236, 236, 236, 0.7); border-radius: 20px; -moz-border-radius:20px; -webkit-border-radius:20px; padding: 15px; } #order-ul li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */ background:#FFF; text-decoration:none; } #order-ul li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */ text-decoration:none; /* -webkit-transition:-webkit-transform 0.075s linear; */ } #order-ul li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */ background:#159cd8; color:#FFF; text-decoration:none; /* -moz-transform:scale(1.05); -webkit-transform:scale(1.05); */ } .b-count__btn_opt { width: 110px; height: 20px; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15); border-radius: 20px; display: block; margin: 10px auto; vertical-align: middle; position: relative; background: #fff; cursor: pointer; padding: 5px; font-size: 10px; font-family: Open Sans, sans-serif; font-weight: 400; transition: all .3s; white-space: nowrap; color: #a4a3a3; } .b-count__btn_opt:hover { background: #73c5ea; color:#FFF; } .b-detail__buy .b-price-opt { font-size: 24px; } .block-opt { margin-top: 25px; } @media (min-width: 1024px) and (max-width:1279px) { .b-detail__buy-wrap .b-price { min-width: 60%; } .btn--excel { margin-left: 15px; } .wrap_padding { /* padding-top: 15px !important; */ /* margin-bottom: -10px; */ } .price_width { max-width: 40% !important; } } @media (max-width:1023px) { .b-price-opt, .b-modal-new__old-price { max-width: 1px; display: none !important; } .b-detail__buy-wrap .b-price { flex: 1 1 20% !important; max-width: 20%; min-width: 20%; } } .opt h3, .retail h3 { margin-left: 10px; } @media (max-width: 1023px) { .retail { margin-top: 100px; } } .b-cart__body .b-cart__body { min-width: 0px; } .cart-header__link_opt { margin-bottom:10px; } .link-opt-top { margin-right: 10px; } .link-opt-bottom { float: right; margin-bottom:10px; } .btn--excel { margin-left: 25px; } .mfp-content .item__cart__msg .btn { height: 33px; line-height: 33px; width: 33px; display: inline-block; vertical-align: middle; /* background: #fff; */ cursor: pointer; border: 0; font-size: 13px; } _:-ms-fullscreen, :root .mfp-content .item__cart__msg .btn { padding:0px; margin-left:10px; } _:-ms-fullscreen, :root .btn__cross, .item__cart__msg .btn__text { min-width: 80px; } .mfp-content .item__cart__msg .b-modal__buy-item { margin-right:5px; } .mfp-content .b-modal__body .item__cart__msg .b-price-opt { min-width: 26% !important; max-width: 26% !important; margin-bottom: 0px; margin-top: -3px; } .basket_count_modal { width: 15%; display:flex; } _:-moz-any-link, :root .mfp-content .item__cart__msg .b-modal__body .b-price-opt { min-width: 24% !important; max-width: 24% !important; margin-top: 0px; } @media (min-width:1600px) { .mfp-content .item__cart__msg .b-modal__body .b-price-opt { font-size:24px; } } .mfp-content .small-item__liked-heart-detail { margin-right: 5px; margin-left: 5px; } .mfp-content .small-item__heart-icon { padding-left:0px; } .mfp-content .b-modal__buy-wrap { padding: 19px 10px; } .mfp-content .b-count__wrap{ min-width: 120px; } @media (min-width:1162px) and (max-width:1279px) { .b-catalog__item-cart-wrap { padding:10px; } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap { padding:0px; } } .b-form__btn-wrap .btn { line-height: 25px; } .b-form__btn-wrap .btn { height: 33px; } @media (min-width:1024px) and (max-width:1279px) { .b-catalog__item .small-item__liked-heart{ opacity: 0; visibility: hidden; } .b-catalog__item .b-catalog__item-wrap:hover .small-item__liked-heart{ opacity: 1; visibility: visible; } .b-catalog__item-title-wrap { margin-right:0; } .b-catalog__item .b-catalog__item-wrap:hover .b-catalog__item-title-wrap { margin-right: 36px; } .b-catalog:not(.b-catalog-liked) .b-catalog__list-wrap:not(.b-catalog__list-wrap--line) .item__cart__liked .b-catalog__item-title-wrap{ margin-right: 36px; } .b-catalog:not(.b-catalog-liked) .b-catalog__list-wrap:not(.b-catalog__list-wrap--line) .b-catalog__item:not(.item__cart__notLogin) .b-catalog__item-wrap:hover .b-catalog__item-title-wrap{ margin-right: 36px; } .b-catalog__item.item__cart__liked .small-item__liked-heart{ opacity: 1; visibility: visible; } .small-item__liked-heart{ opacity: 0; visibility: hidden; } .b-catalog:not(.b-catalog-liked) .b-catalog__list-wrap:not(.b-catalog__list-wrap--line) .item__cart__liked .b-catalog__item-title-wrap { margin-right: 36px; } } @media (min-width: 1024px) and (max-width: 1100px) { .f-header__top-menu-btn { margin-right: 5px !important; } .f-header__top-search { margin-right: 5px !important; } .f-header__top-cart--liked { margin-right: 5px !important; } .f-header__logo { margin-left: -15px; } .f-header__top-cart { margin-right: 10px; } .f-header__manager-head { margin-right: 10px; } } @media (min-width: 1366px) and (max-width: 1599px) { .b-catalog__item.item__cart__liked .small-item__liked-heart { margin-top: -2px !important; } } .arrow-link-assortment > a > span { color: #fc7b9f; margin-top:-30px; } .link-assortment { color: #fc7b9f; -webkit-transition: all .3s; } .link-assortment:hover { color: #73c5ea; } @media (max-width:1365px) { .b-main-grid__item--half .d-main-grid__category-title + .count-more { margin-left: -10px; } } .no_auth_text { padding-left:13%; } @media (max-width:1279px) { .no_auth_text { padding-left:13% !important; } } @media (max-width:1023px) { .no_auth_block_catalog { padding-right: 0px !important; margin-top: -20px; margin-left: -10px; width: 150px; } .icon-no-auth { display:none; } .b-catalog__item-cart-auth-link span { font-size:16px; margin-top:2px; } .b-catalog__item-cart-wrap > .b-count { flex: 1 1 50%; max-width: 50%; margin-top: 10px; margin-bottom: 10px; height: 25px; /* min-width: 70%; */ } .no_auth_block_catalog .svg-icon { display:none; } } @media (min-width:1280px) AND (max-width:1365px) { .no_auth_text { padding-left:20% !important; } .b-price-opt { font-weight: 500; } } @media (min-width:1366px) AND (max-width:1599px) { .no_auth_text { padding-left:10% !important; } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap .no_auth_block_catalog .svg-icon { margin-top: -20px; margin-left: 65px; margin-bottom: -5px; } .small-item__price { margin-right: 10px; } .b-catalog__list-wrap--line .b-catalog__item-cart-auth-link span { margin-top: 8px; } } @media (min-width:1601px) { .no_auth_text { padding-left:15% !important; } } .no_auth_block_catalog { display: flex; flex-direction: row; justify-content: flex-end; padding-right: 40px; } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap .b-catalog__item-cart-auth-link { /* padding-top: 7% !important; */ margin-left: -15px; /* width: 80%; */ /* text-align: left; */ } .no_auth_block_catalog > div > a > span:hover { } @media (max-width:1599px) { .icon-no-auth { } } @media (min-width:1024px) AND (max-width:1599px) { .b-catalog__list-wrap--line .b-catalog__item-cart-wrap .no_auth_block_catalog { display: flex; flex-direction: row; justify-content: flex-start; padding-right: 40px; margin-top: -15px; width: 300px; margin-left: 0px; margin-top: -10px; } } @media (min-width:1422px) { .no_auth_block_catalog > a { padding-top: 25px !important; margin-bottom: -15px; width: 200px; } .b-detail__buy-count .svg-icon { font-size: 1pc !important; margin-top: 6px !important; margin-right: -105px !important; } .detail-no-auth .no_auth_block_catalog { padding-right: 0px !important; margin-top: -45px; } .b-detail__buy-auth-link .b-catalog__item-cart-auth-text { font-size: 1pc; margin-top: 3px; } } @media (min-width:1600px) { .b-catalog__list-wrap--line .b-catalog__item-cart-wrap .no_auth_block { flex: 1 0 60% !important; } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap .no_auth_block_catalog { margin-top: -25px; margin-left: 10px; width: 300px; } .b-catalog__item-cart-auth-link span { font-size:1pc; margin-top: -3px; } .b-catalog__list-wrap--line .b-catalog__item-cart-auth-link span { margin-top:4px; } .b-catalog__list-wrap--line .b-catalog__item-cart-auth-text { margin-top: 10px !important; } .b-catalog__item-cart-auth-link { padding-top:0px; } .no_auth_block_catalog { display: flex; flex-direction: row; justify-content: flex-end; padding-right: 25px; margin-left: -150px; margin-top: 0px; width: 500px; } .b-catalog__list-wrap--line .no_auth_block_catalog { padding-right: 0px; } .b-catalog__list-wrap--line .no_auth_block_catalog .svg-icon { /* margin-bottom: -24px; */ margin-right: 10px; font-size: 1pc; margin-left: 80px; } .no_auth_block { width: 100% !important; max-width: 100% !important; } /*.no_auth_block_catalog > a { padding-top: 25px !important; margin-bottom: -15px; width: 200px; }*/ .b-detail__buy-auth-link { display: inline-block; vertical-align: middle; color: #e95345; font-size: 1pc; text-align: center; } .b-detail__buy-auth-link .b-catalog__item-cart-auth-text { font-size: 1pc; margin-top: 3px; } .no_auth_block_catalog > div > a > span { font-size:1pc; } .no_auth_block_catalog > div { padding-top:3px; } .no_auth_block_catalog .svg-icon { margin-top:2px; margin-right: 10px; font-size: 1pc; } .detail-no-auth { margin-bottom: 5px; } .detail-no-auth-link > span { font-size: 1pc; } } @media (min-width:1366px) AND (max-width:1599px) { .no_auth_block { width: 100% !important; max-width: 100% !important; } .b-catalog__item-cart-auth-link span { /* margin-top: 4px; */ font-size: 14px; } /*.no_auth_block_catalog > a { padding-top:5px !important; }*/ .no_auth_block_catalog > div > a > span { font-size:14px; } .no_auth_block_catalog > div { padding-top:3px; } .b-catalog__list-wrap--line .no_auth_block_catalog > div { display:inline-block; } .no_auth_block_catalog .svg-icon { margin-right: 6px; /* margin-top: 2px; */ font-size: 14px; } .b-catalog__item-cart-auth-link { padding-top: 0px !important; } .b-detail__buy-wrap .no_auth_block_catalog { width: 450px; } .no_auth_block_catalog { display: flex; flex-direction: row; justify-content: flex-end; margin-left: 20px; padding-right: 10px; margin-top: 0px; width: 400px; margin-left: -110px; } /*.b-detail__buy-auth-link .b-catalog__item-cart-auth-text { font-size: 1pc; margin-top: -3px; }*/ .b-catalog__list-wrap--line .no_auth_block_catalog { width: 200px; margin-left: 5px; } .detail-no-auth { margin-bottom: 2px; } .detail-no-auth .svg-icon { margin-top:5px; font-size: 1pc; } .detail-no-auth { margin-bottom: 5px; } .detail-no-auth-link > span { font-size: 1pc; } } @media (min-width:1280px) AND (max-width:1365px) { .b-catalog__item-price.b-price { font-weight: 500 !important; } .no_auth_block { width: 100% !important; max-width: 100% !important; margin-top: 0px !important; } .b-detail__buy-wrap .detail-no-auth { width:50%; } .b-catalog__item-cart-auth-link span { font-size:13px; margin-top: 4px; } .b-catalog__list-wrap--line .b-catalog__item-cart-auth-link span { font-size:13px; margin-top: 8px; } .no_auth_block_catalog > a { padding-top:5px !important; } .b-catalog__list-wrap--line .no_auth_block_catalog > div > a > span { font-size:16px; } .no_auth_block_catalog > div > a > span { font-size:13px; } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap .no_auth_block_catalog > div > a > span { font-size: 13px; } .no_auth_block_catalog .svg-icon { margin-right: 10px; font-size: 13px; margin-top: 0px; margin-left: 80px; margin-bottom: -5px; } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap .no_auth_block_catalog .svg-icon { /* margin-right: 5px; */ margin-right: -80px; margin-top: -60px; margin-left: 80px; font-size: 13px; } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap .no_auth_block_catalog { display: flex; flex-direction: row; justify-content: flex-start; padding-right: 0px; margin-left: -10px; margin-top: -15px; width: 300px; } .b-catalog__list-wrap--line .no_auth_block_catalog > div { display:inline-block; } .no_auth_block_catalog { display: flex; flex-direction: row; justify-content: flex-end; padding-right: 10px; margin-left: 27px; margin-top: -10px; } .b-detail__buy-wrap .no_auth_block_catalog { display: flex; flex-direction: row; justify-content: flex-end; padding-right: 10px; margin-left: -450px; margin-top: -10px; } .b-detail__buy-auth-link span { font-size: 1pc; margin-top: -3px; } .no_auth_block_catalog > div { padding-top:3px; } .detail-no-auth { margin-bottom: 2px; } .detail-no-auth .svg-icon { margin-top:4px; font-size: 1pc; } .detail-no-auth { margin-bottom: 5px; } .detail-no-auth-link > span { font-size: 1pc; } } @media (min-width:1024px) AND (max-width:1279px) { .no_auth_block { width: 100% !important; max-width: 100% !important; } .b-catalog__item-cart-auth-link span { font-size:13px; margin-top: 4px; } .b-catalog__list-wrap--line .b-catalog__item-cart-auth-link span { font-size:13px; } .b-catalog__list-wrap--line .b-catalog__item-cart-auth-text { margin-top: 8px; } .b-catalog__item-cart-auth-link { margin-top: -15px; } .no_auth_block_catalog > a { padding-top:5px !important; } .no_auth_block_catalog > div > a > span { font-size:13px; } .b-catalog__list-wrap--line .no_auth_block_catalog > div > a > span { font-size:13px; } .b-catalog__list-wrap--line .no_auth_block_catalog > div > a > span { width: 200px; } .no_auth_block_catalog .svg-icon { margin-right: 10px; font-size: 16px; margin-top: -12px; margin-left: 80px; font-size: 13px; margin-bottom: -5px; } .b-catalog__list-wrap--line .no_auth_block_catalog .svg-icon { margin-right: 10px; font-size: 16px; margin-top: -62px; margin-left: 0px; margin-right: -90px; font-size: 13px; margin-bottom: -5px; } .no_auth_block_catalog .b-catalog__item-cart-auth-link { margin-top: -2px; } .b-catalog__list-wrap--line .b-catalog__item-cart-wrap .no_auth_block_catalog { display: flex; flex-direction: row; justify-content: flex-start; padding-right: 0px; margin-left: 80px; margin-top: 0px; } .no_auth_block_catalog { display: flex; flex-direction: row; justify-content: flex-end; padding-right: 0px; margin-left: -5px; } @-moz-document url-prefix() { .no_auth_block_catalog { display: flex; flex-direction: row; justify-content: flex-end; padding-right: 0px; } } .detail-no-auth { margin-bottom: 2px; } .detail-no-auth .svg-icon { margin-top: -16px; font-size: 30px; margin-right: -80px; } .b-detail__buy-auth-link span { font-size:1pc; margin-top: 3px; } .detail-no-auth { margin-bottom: 5px; width: 40%; } .detail-no-auth-link > span { font-size: 18px; } .b-catalog__item-cart-wrap > .no_auth_block { max-width: 100% !important; } .no_auth_block .no_auth_block_catalog > div { max-width: 100% !important; display: inline-block; } } .swiper__preorder-item .small-item__section { overflow-y: hidden; height: 12px; } .swiper__preorder-text { font-size: 14px; font-weight: 700; /*color: #e34ee3;*/ color: rgba(0, 0, 0, 0.68); margin-top: 7px; white-space: nowrap; } .cart-body .btn--checkout { color: #fff !important; background-color: #88cdeb !important; } .b-about__advantage-top .svg-icon { font-size: 42px !important; }