/* Start:/local/templates/schiefer/build/nonCritical.css?159981753785495*/ /** * Swiper 3.4.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: October 16, 2016 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { 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 { 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; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; align-items: flex-start; transition-property: transform, height; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { 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-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.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"); } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; transition: 300ms; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.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%; 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; } /* Progress */ .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { 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: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } /* 3D Container */ .swiper-container-3d { -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .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-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .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-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-right { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-top { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-bottom { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Cube + Flip */ .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-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube */ .swiper-container-cube .swiper-slide { visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; 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: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; 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"); } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75); } .mfp-arrow-left { transform-origin: 0; } .mfp-arrow-right { transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* This is the core CSS of Tooltipster */ /* GENERAL STRUCTURE RULES (do not edit this section) */ .tooltipster-base { /* this ensures that a constrained height set by functionPosition, if greater that the natural height of the tooltip, will be enforced in browsers that support display:flex */ display: -ms-flexbox; display: flex; pointer-events: none; /* this may be overriden in JS for fixed position origins */ position: absolute; } .tooltipster-box { /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10- and flex-basis auto for IE11- (at least) */ -ms-flex: 1 1 auto; flex: 1 1 auto; } .tooltipster-content { /* prevents an overflow if the user adds padding to the div */ box-sizing: border-box; /* these make sure we'll be able to detect any overflow */ max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { /* these let us test the size of the tooltip without overflowing the window */ bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } /* ANIMATIONS */ /* Open/close animations */ /* fade */ .tooltipster-fade { opacity: 0; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } /* grow */ .tooltipster-grow { transform: scale(0,0); transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { transform: scale(1,1); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } /* swing */ .tooltipster-swing { opacity: 0; transform: rotateZ(4deg); transition-property: transform; } .tooltipster-swing.tooltipster-show { opacity: 1; transform: rotateZ(0deg); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } /* fall */ .tooltipster-fall { transition-property: top; transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-show { } .tooltipster-fall.tooltipster-dying { transition-property: all; top: 0 !important; opacity: 0; } /* slide */ .tooltipster-slide { transition-property: left; transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-show { } .tooltipster-slide.tooltipster-dying { transition-property: all; left: 0 !important; opacity: 0; } /* Update animations */ /* We use animations rather than transitions here because transition durations may be specified in the style tag due to animationDuration, and we try to avoid collisions and the use of !important */ /* fade */ @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading 400ms; } /* rotate */ @keyframes tooltipster-rotating { 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0); } } .tooltipster-update-rotate { animation: tooltipster-rotating 600ms; } /* scale */ @keyframes tooltipster-scaling { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .tooltipster-update-scale { animation: tooltipster-scaling 600ms; } /** * DEFAULT STYLE OF THE SIDETIP PLUGIN * * All styles are "namespaced" with .tooltipster-sidetip to prevent * conflicts between plugins. */ /* .tooltipster-box */ .tooltipster-sidetip .tooltipster-box { background: #565656; border: 2px solid black; border-radius: 4px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } /* .tooltipster-content */ .tooltipster-sidetip .tooltipster-content { color: white; line-height: 18px; padding: 6px 14px; } /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that corresponds to the arrow we want to display */ .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; /* half the width, for centering */ margin-left: -10px; top: 0; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not been positioned yet */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; /* same as .tooltipster-left .tooltipster-arrow */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; } /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } /* .tooltipster-arrow-background */ .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #565656; left: 0px; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #565656; left: -3px; top: 0px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #565656; left: 3px; top: 0px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #565656; left: 0px; top: -3px; } /* .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: black; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: black; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: black; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: black; } /* tooltipster-arrow-uncropped */ .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !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 { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { } .irs-slider.from { } .irs-slider.to { } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { 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: rgba(0,0,0,0.0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: 0.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: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* Ion.RangeSlider, Flat UI Skin // css version 2.0.3 // © Denis Ineshin, 2014 https://github.com/IonDen // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider { background: url(/local/templates/schiefer/build/_/_/_/_/_/_/_/_/dev/projects/drschiefer/httpdocs/local/templates/schiefer/vendor/ion.rangeSlider/img/sprite-skin-flat.png) repeat-x; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 12px; top: 25px; } .irs-line-left { height: 12px; background-position: 0 -30px; } .irs-line-mid { height: 12px; background-position: 0 0; } .irs-line-right { height: 12px; background-position: 100% -30px; } .irs-bar { height: 12px; top: 25px; background-position: 0 -60px; } .irs-bar-edge { top: 25px; height: 12px; width: 9px; background-position: 0 -90px; } .irs-shadow { height: 3px; top: 34px; background: #000; opacity: 0.25; } .lt-ie9 .irs-shadow { filter: alpha(opacity=25); } .irs-slider { width: 16px; height: 18px; top: 22px; background-position: 0 -120px; } .irs-slider.state_hover, .irs-slider:hover { background-position: 0 -150px; } .irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: #e1e4e9; border-radius: 4px; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #ed5565; border-radius: 4px; } .irs-from:after, .irs-to:after, .irs-single: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; } .irs-disabled { } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/schiefer/build/_/_/_/_/_/_/_/_/dev/projects/drschiefer/httpdocs/local/templates/schiefer/vendor/malihu-custom-scrollbar-plugin/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/schiefer/build/critical.css?1599817537301249*/ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } :focus { outline: none; } * { box-sizing: border-box; } html { font-size: 14px; height: 100%; } html.blured .header, html.blured main, html.blured footer{ -webkit-filter: blur(3px); filter: blur(3px); } html.br-ie body{ /*height: 100%;*/ } body{ font-family: "Pragmatica", sans-serif; line-height: 1; overflow-x: hidden; color: #272727; margin: auto; } body.project-page{ display: block; } /*@media(--mobile){ display: flex; }*/ body.project-page main{ margin-top: 0; /*@media(--mobile){ margin-top: 45px; }*/ } body.project-page .container{ max-width: 1950px; /*@media(--mobile){ max-width: 1390px; }*/ } body.fixed{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; } main{ width: 100%; } @media(max-width: 800px){ main { margin-top: 100px; } } @media(max-width: 760px){ main { margin-top: 45px; } } footer{ } .container{ max-width: 1390px; width: 100%; margin: auto; padding: 0 20px; } .container--no-padding{ padding: 0; } @media(min-width: 951px){ .container--about { padding: 0 99px; } } @media(max-width: 760px){ .container { padding: 0 15px; } } h1, h2, h3, h4, h5, h6{ margin: 0; font-weight: normal; } h1{ font-size: 25px; font-family: "Pragmatica Light Bold"; margin-bottom: 9px; } @media(max-width: 760px){ h1 { font-size: 16px; } } h2{ font-size: 20px; font-family: "Pragmatica Light Bold"; margin-bottom: 9px; } @media(max-width: 760px){ h2 { font-size: 14px; } } h3{ font-family: "Pragmatica Light Bold"; font-size: 16px; margin-bottom: 9px; line-height: 1.375; } h3 a{ border-bottom: 1px dotted currentColor; transition: all .3s; } h3 a:hover{ border-bottom: 1px dotted transparent; } h4{ font-size: 14px; font-family: "Pragmatica Light Bold"; margin-bottom: 4px; } img { max-width: 100%; max-height: 100%; } a{ color: inherit; text-decoration: none; } .clearfix:after, .clearfix:before { content: ''; display: table; clear: both; } ul, ol{ list-style-type: none; margin: 0; padding: 0; } input{ border: 0; box-shadow: none; padding: 0; } textarea{ width: 100%; resize: vertical; } select, input, button, textarea, [type='submit']{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } button{ border: 0; box-shadow: none; padding: 0; } input::-ms-clear { display: none; } select::-ms-expand { display: none; } p{ margin: 0; } .result_cont{ margin-top: 15px; } .i-icon { background-repeat: no-repeat; background-position: center; display: inline-block; vertical-align: middle; width: 1em; height: 1em; fill: currentColor; } .i-icon--save{ fill: #fff; stroke: #272727; } .i-icon--save.saved{ fill: #fdb913; stroke: #fdb913; } @font-face { font-family: "Rouble"; src: url(/local/templates/schiefer/build/fonts/rouble.eot); src: url(/local/templates/schiefer/build/fonts/rouble.eot?#iefix)format("embedded-opentype"), url(/local/templates/schiefer/build/fonts/rouble.woff2) format("woff2"), url(/local/templates/schiefer/build/fonts/rouble.woff) format("woff"), url(/local/templates/schiefer/build/fonts/rouble.ttf) format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: 'Pragmatica'; src: url(/local/templates/schiefer/build/fonts/PragmaticaC.eot); src: url(/local/templates/schiefer/build/fonts/PragmaticaC.eot?#iefix) format('embedded-opentype'), url(/local/templates/schiefer/build/fonts/PragmaticaC.woff2) format('woff2'), url(/local/templates/schiefer/build/fonts/PragmaticaC.woff) format('woff'), url(/local/templates/schiefer/build/fonts/PragmaticaC.ttf) format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Pragmatica Light Bold'; src: url(/local/templates/schiefer/build/fonts/PragmaticaLightC-Bold.eot); src: url(/local/templates/schiefer/build/fonts/PragmaticaLightC-Bold.eot?#iefix) format('embedded-opentype'), url(/local/templates/schiefer/build/fonts/PragmaticaLightC-Bold.woff2) format('woff2'), url(/local/templates/schiefer/build/fonts/PragmaticaLightC-Bold.woff) format('woff'), url(/local/templates/schiefer/build/fonts/PragmaticaLightC-Bold.ttf) format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Pragmatica Italic'; src: url(/local/templates/schiefer/build/fonts/PragmaticaC-Italic.eot); src: url(/local/templates/schiefer/build/fonts/PragmaticaC-Italic.eot?#iefix) format('embedded-opentype'), url(/local/templates/schiefer/build/fonts/PragmaticaC-Italic.woff2) format('woff2'), url(/local/templates/schiefer/build/fonts/PragmaticaC-Italic.woff) format('woff'), url(/local/templates/schiefer/build/fonts/PragmaticaC-Italic.ttf) format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Pragmatica Bold'; src: url(/local/templates/schiefer/build/fonts/PragmaticaC-Bold.eot); src: url(/local/templates/schiefer/build/fonts/PragmaticaC-Bold.eot?#iefix) format('embedded-opentype'), url(/local/templates/schiefer/build/fonts/PragmaticaC-Bold.woff2) format('woff2'), url(/local/templates/schiefer/build/fonts/PragmaticaC-Bold.woff) format('woff'), url(/local/templates/schiefer/build/fonts/PragmaticaC-Bold.ttf) format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } .irs{ height: 21px; margin-top: 15px; } .irs-bar{ top: 8px; height: 5px; background: #fdb913; } .irs-slider{ width: 21px; height: 21px; border-radius: 50%; background: #fdb913; top: 0; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); cursor: pointer; } .irs-slider::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 9px; height: 9px; border-radius: 50%; background: #272727; } .irs-line{ border-radius: 10px; overflow: hidden; top: 8px; height: 5px; background: #e8e8e8; } .irs-line > *{ height: 5px; background: #e8e8e8; } .irs-min, .irs-max, .irs-from, .irs-to, .irs-single{ display: none; } .mCSB_scrollTools .mCSB_draggerRail{ width: 5px; background: #e7e7e7; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 5px; background: #fdb913 !important; } .swiper-container-horizontal > .swiper-scrollbar{ left: 0 !important; width: 100% !important; } .mfp-arrow{ width: 40px; height: 40px; background: #e7e7e7 !important; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; transition: background .3s; cursor: pointer; opacity: 1; margin: 0 !important; } .mfp-arrow:hover{ background: #fdb913 !important; } .mfp-arrow::after, .mfp-arrow::before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin: 0 auto; content: ''; background: currentColor; transform-origin: right; } .mfp-arrow::after{ transform: translateY(-50%) rotate(45deg) translateZ(0); } .mfp-arrow::before{ transform: translateY(-50%) rotate(-45deg) translateZ(0); } .mfp-arrow::after, .mfp-arrow::before{ width: 10px; height: 1px; transition: all .3s; border: 0 !important; } .mfp-arrow.mfp-arrow-left{ left: 0; } .mfp-arrow.mfp-arrow-left::after, .mfp-arrow.mfp-arrow-left::before{ transform-origin: left; } .mfp-arrow.mfp-arrow-right{ right: 0; } .mfp-arrow.mfp-arrow-right::after, .mfp-arrow.mfp-arrow-right::before{ transform-origin: right; } .mfp-arrow.mfp-arrow-right{ right: 8px; } .mfp-arrow.mfp-arrow-left{ left: 8px; } .mfp-bg{ background-size: cover; background: #00080f; } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; transition: all 0.3s ease-out; transform: translateZ(0); } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.7; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.3s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-close{ text-align: center; cursor: pointer !important; width: 40px !important; } .mfp-gallery img.mfp-img{ padding: 0; } .mfp-gallery .mfp-image-holder .mfp-close{ width: 45px !important; height: 45px; background: #e7e7e7; padding-right: 0; right: 0; font-size: 0; opacity: 1; text-align: center; background: #e8e8e8; transition: all .3s; } .mfp-gallery .mfp-image-holder .mfp-close:hover{ background: #fdb913; } .mfp-gallery .mfp-image-holder .mfp-close::after, .mfp-gallery .mfp-image-holder .mfp-close::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 18px; height: 1px; background: #272727; } .mfp-gallery .mfp-image-holder .mfp-close::after{ transform: rotate(-45deg) translateZ(0); } .mfp-gallery .mfp-image-holder .mfp-close::before{ transform: rotate(45deg) translateZ(0); } .mfp-align-top{ top: 20px; } .swiper-scrollbar{ height: 8px !important; background: #e8e8e8 !important; cursor: pointer; } .swiper-scrollbar-drag{ background: #fdb913 !important; } .swiper-lazy{ opacity: 0; transition: opacity .3s; } .swiper-lazy-loaded{ opacity: 1; } .about-style-list{ position: relative; height: 381px; margin-bottom: 60px; } @media(max-width: 760px){ .about-style-list{ margin-bottom: 0; } } .about-style-list__left{ padding: 35px 40px; background: #fff; max-width: 555px; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.16); position: relative; z-index: 1; position: absolute; left: 7.5%; top: 50%; transform: translateY(-50%); } @media(max-width: 1100px){ .about-style-list__left{ left: 0; } } @media(max-width: 760px){ .about-style-list__left{ padding: 0; box-shadow: none; } } .about-style-list__right{ width: 536px; height: 381px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; right: 7.5%; top: 0; } @media(max-width: 1100px){ .about-style-list__right{ right: 0; } } @media(max-width: 760px){ .about-style-list__right{ display: none; } } .animate-tabs{ margin-bottom: 25px; } .animate-tabs--inline{ display: inline-block; } .animate-tabs--inline .animate-tabs__item{ padding: 0 25px; } @media(max-width: 1000px){ .animate-tabs--inline .animate-tabs__item{ padding: 0 15px; } } @media(max-width: 760px){ .animate-tabs--inline{ width: 100%; } } .animate-tabs__wrap{ display: -ms-flexbox; display: flex; border-radius: 20px; box-shadow: inset 0 0 0 1px #fdb913; height: 40px; position: relative; } .animate-tabs__item{ -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; line-height: 40px; position: relative; z-index: 1; cursor: pointer; transition: all .3s; } .animate-tabs__item:hover{ color: #fdb913; } .animate-tabs__item.active{ color: #272727; } .animate-tabs__roll{ height: 40px; position: absolute; width: 0; top: 0; left: 0; bottom: 0; border-radius: 20px; background: #fdb913; transition: all .3s; -ms-flex-item-align: start; align-self: flex-start; } .animate-tabs__roll.static{ transition: none; } .arrow-list__item{ margin-bottom: 15px; line-height: 1.3; display: -ms-flexbox; display: flex; } .arrow-list__item-icon{ -ms-flex: 0 0 24px; flex: 0 0 24px; } .arrow-list__item-icon::after, .arrow-list__item-icon::before{ content: ''; display: inline-block; width: 2px; background: #272727; transform-origin: bottom; } .arrow-list__item-icon::before{ height: 7px; transform: rotate(-35deg); margin-right: -2px; } .arrow-list__item-icon::after{ height: 12px; transform: rotate(35deg); } .arrow-list__item-text{ font-family: 'Pragmatica Light Bold', sans-serif; } @media(min-width: 1251px){ .articles-slider .swiper-container:not(.swiper-container-horizontal) .articles-slider__item{ max-width: calc(50% - 20px); margin-right: 20px; } } @media(min-width: 767px) and (max-width: 1000px){ .articles-slider .swiper-container:not(.swiper-container-horizontal) .articles-slider__item{ max-width: calc(50% - 20px); margin-right: 20px; } } .articles-slider__item{ width: 258px; } @media(max-width: 760px){ .articles-slider__item{ width: 258px !important; } } @media(max-width: 760px){ .articles-slider{ margin-right: -15px; } .articles-slider .slider-arrows__item { /*display: none;*/ } } .aside-menu{ margin-bottom: 25px; position: relative; } @media(max-width: 760px){ .aside-menu{ margin-bottom: 15px; } } .aside-menu--filter .aside-menu__head{ cursor: pointer; } .aside-menu--filter .aside-menu__body{ display: none; } .aside-menu--filter .aside-menu__sub-list{ padding: 10px 15px; } .aside-menu--profile{ border-top: 1px solid #e7e7e7; } .aside-menu--profile .aside-menu__body{ border-top: 1px solid #e7e7e7; } .aside-menu--profile .aside-menu__list-link{ font-size: 14px; } @media (min-width: 761px) { .aside-menu--search .aside-menu__head{ display: none; } } .aside-menu--search .aside-menu__body{ border-top: 1px solid #e7e7e7; padding: 15px; } .aside-menu__search-block-title{ font-family: "Pragmatica Light Bold"; margin-bottom: 15px; } .aside-menu__search-list{ padding-left: 9px; } .aside-menu__search-list-link{ transition: all .3s; } .aside-menu__search-list-link:hover{ color: #fdb913; } .aside-menu__search-list-item{ margin-bottom: 8px; font-size: 13px; } .aside-menu__search-list-item.active .aside-menu__search-list-link{ color: #fdb913; } .aside-menu__search-block{ margin-bottom: 25px; } .aside-menu__search-block:last-of-type{ margin-bottom: 0; } .aside-menu__head{ padding: 15px; background-color: #fdb913; font-family: "Pragmatica Light Bold", sans-serif; position: relative; } .aside-menu__head .aside-menu__list-arrow{ display: none; position: absolute; right: 0; top: 0; bottom: 0; } .aside-menu__head .aside-menu__list-arrow--plus{ display: block; } @media(max-width: 760px){ .aside-menu__head{ font-family: "Pragmatica", sans-serif; text-align: center; position: relative; } .aside-menu__head .aside-menu__list-arrow{ display: block; } } .aside-menu__head.active .aside-menu__list-arrow{ transform: scaleY(-1); } .aside-menu__head.active .aside-menu__list-arrow--plus{ transform: none; } .aside-menu__head.active .aside-menu__list-arrow--plus::after{ transform: rotate(45deg) translateZ(0); } .aside-menu__head.active .aside-menu__list-arrow--plus::before{ transform: rotate(135deg) translateZ(0); } .aside-menu__body{ border: 1px solid #e7e7e7; border-top: 0; } @media(max-width: 760px){ .aside-menu__body{ display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; z-index: 5; } } .aside-menu__body.active{ display: block; } .aside-menu__list-item{ border-bottom: 1px solid #e7e7e7; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .aside-menu__list-item:last-of-type{ border-bottom: 0; } .aside-menu__list-item[data-collapse-wrap] .aside-menu__list-link{ width: calc(100% - 44px); max-width: calc(100% - 44px); } .aside-menu__list-item[data-collapse-btn] .aside-menu__list-link{ width: calc(100% - 44px); max-width: calc(100% - 44px); } .aside-menu__list-item.current{ background: #fdb913; border-bottom: 1px solid #fdb913; } .aside-menu__list-item.current:hover .aside-menu__list-link{ background: #fdb913; } .aside-menu__list-item-wrap{ border-bottom: 1px solid #e7e7e7; } .aside-menu__list-item-wrap:last-of-type{ border-bottom: 0; } .aside-menu__list-item-wrap .aside-menu__list-item{ border-bottom: 0; transition: all .3s; cursor: pointer; } .aside-menu__list-item-wrap .aside-menu__list-item:hover{ background-color: #e7e7e7; } .aside-menu__list-item-wrap .aside-menu__list-item.active .aside-menu__list-arrow{ transform: scaleY(-1); } .aside-menu__list-item-wrap .aside-menu__list-item .aside-menu__list-link{ background: none; } .aside-menu__list-item-wrap .aside-menu__list-item .aside-menu__list-link + .aside-menu__list-arrow{ background-color: transparent !important; } .aside-menu__list-link{ -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 44px); flex-basis: calc(100% - 44px); display: block; font-size: 15px; padding: 15px; transition: all .3s; } .aside-menu__list-link--logout span{ display: inline-block; vertical-align: middle; } .aside-menu__list-link--logout .i-icon{ margin-right: 4px; font-size: 13px; } .aside-menu__list-link:hover, .aside-menu__list-link.highlighted{ background-color: #e7e7e7; } .aside-menu__list-link:hover + .aside-menu__list-arrow, .aside-menu__list-link.highlighted + .aside-menu__list-arrow{ background-color: #e7e7e7; } .aside-menu__list-arrow{ -ms-flex: 0 0 44px; flex: 0 0 44px; width: 44px; position: relative; color: #272727; transform: scaleY(1); transition: all .3s; cursor: pointer; } .aside-menu__list-arrow.active{ transform: scaleY(-1); } .aside-menu__list-arrow::after, .aside-menu__list-arrow::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform-origin: bottom; background-color: currentColor; } .aside-menu__list-arrow::after{ transform: rotate(45deg) translateZ(0); } .aside-menu__list-arrow::before{ transform: rotate(-45deg) translateZ(0); } .aside-menu__list-arrow::after, .aside-menu__list-arrow::before{ height: 8px; width: 1px; } .aside-menu__list-arrow--plus{ background: #fda813; transition: all .3s; } .aside-menu__list-arrow--plus:hover{ background: #fdb913; } .aside-menu__list-arrow--plus::after, .aside-menu__list-arrow--plus::before{ transform-origin: center; height: 15px; width: 1px; transition: all .3s; } .aside-menu__list-arrow--plus::after{ transform: rotate(0deg) translateZ(0); } .aside-menu__list-arrow--plus::before{ transform: rotate(90deg) translateZ(0); } .aside-menu__sub-list{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 10px 24px; display: none; } .aside-menu__sub-list--open{ display: block; } .aside-menu__sub-item{ margin-bottom: 9px; } .aside-menu__sub-item.active, .aside-menu__sub-item.highlighted{ color: #fdb913; } .aside-menu__sub-link{ transition: all .3s; } .aside-menu__sub-link:hover{ color: #fdb913; } .auth-changepassword__auth { border-bottom: 1px dotted currentColor; } .auth-changepassword .errortext, .auth-changepassword .notetext { display: block; margin-bottom: 15px; } .auth-changepassword .changepassword-form { max-width: 500px; } .auth-changepassword .changepassword-form__submit { text-align: left; }.b-advantages{ position: relative; margin: 55px 0; background-position: center; background-size: cover; background-repeat: no-repeat; } @media(max-width: 760px){ .b-advantages{ padding: 35px 0; margin: 35px 0 25px; } } .b-advantages--main{ margin-bottom: 40px; margin-top: 40px; } .b-advantages--main .b-advantages__wrap{ padding: 50px 0 35px; } @media(max-width: 1000px){ .b-advantages--main{ display: none; } } .b-advantages::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.7); } .b-advantages__wrap{ display: -ms-flexbox; display: flex; padding: 35px 0; position: relative; z-index: 1; } @media(max-width: 760px){ .b-advantages__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 24px 55px 0; } } .b-advantages__item{ -ms-flex: 1 1 0%; flex: 1 1 0%; padding: 0 6px; text-align: center; color: #fff; } @media(max-width: 760px){ .b-advantages__item{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; margin-bottom: 45px; } } .b-advantages__item-top{ display: block; width: 90px; height: 90px; margin: auto; border-radius: 50%; background: rgba(0,0,0,.5); text-align: center; line-height: 90px; margin-bottom: 16px; transition: all .3s; } @media(max-width: 950px) and (min-width: 761px){ .b-advantages__item-top{ width: 70px; height: 70px; line-height: 70px; margin-bottom: 11px; } } .b-advantages__item-top .i-icon{ width: 50px; height: 50px; } @media(max-width: 950px) and (min-width: 761px){ .b-advantages__item-top .i-icon{ width: 40px; height: 40px; } } .b-advantages__item-text{ line-height: 1.429; display: block; transition: all .3s; } @media(max-width: 950px){ .b-advantages__item-text{ font-size: 13px; } } .b-advantages__item-inner{ display: inline-block; cursor: pointer; } .b-advantages__item-inner:hover{ color: #fdb913; } .b-advantages__title{ text-align: center; padding-top: 35px; } @media(max-width: 760px){ .b-advantages__title{ padding-top: 27px; } } .b-advantages .b-title{ position: relative; z-index: 2; text-align: center; color: #fff; display: inline-block; } .b-aside{ display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .b-aside{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-aside__left{ -ms-flex: 0 0 273px; flex: 0 0 273px; padding-right: 16px; max-width: 273px; width: 273px; } @media(max-width: 760px){ .b-aside__left--first-level .aside-menu{ margin-left: -15px; margin-right: -15px; } .b-aside__left--first-level .aside-menu__body{ display: block !important; position: relative; } .b-aside__left--first-level .aside-menu__head{ text-align: left; font-family: 'Pragmatica Light Bold', sans-serif; } .b-aside__left--first-level .aside-menu__head .aside-menu__list-arrow{ display: none; } } @media(max-width: 900px){ .b-aside__left{ -ms-flex: 0 0 230px; flex: 0 0 230px; padding-right: 12px; max-width: 230px; width: 230px; } } @media(max-width: 760px){ .b-aside__left{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; max-width: none; width: 100%; } } .b-aside__right{ -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 273px); flex-basis: calc(100% - 273px); max-width: calc(100% - 273px); width: calc(100% - 273px); } @media(max-width: 900px){ .b-aside__right{ -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 230px); flex-basis: calc(100% - 230px); max-width: calc(100% - 230px); width: calc(100% - 230px); } } @media(max-width: 760px){ .b-aside__right{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; width: 100%; } } @media(max-width: 900px){ .b-aside__left-offer{ display: none; } } @media(min-width: 761px){ .b-aside__right-items-slider-wrap .swiper-container:not(.swiper-container-horizontal) .good-item{ margin-right: 14px; width: calc(25% - 14px); } } @media(max-width: 1360px) and (min-width: 761px){ .b-aside__right-items-slider-wrap .swiper-container:not(.swiper-container-horizontal) .good-item{ width: calc(33% - 14px); } } @media(max-width: 1100px) and (min-width: 761px){ .b-aside__right-items-slider-wrap .swiper-container:not(.swiper-container-horizontal) .good-item{ width: calc(50% - 14px); } } .b-banners{ margin-bottom: 40px; } @media(max-width: 760px){ .b-banners{ margin-right: -15px; } .b-banners .swiper-container{ padding-right: 10px; } } .b-banners__item{ transition: opacity .3s; } .b-banners__item img{ height: auto; } .b-banners__item:hover{ opacity: .85; } .b-banners__item.swiper-slide{ width: 258px; } .b-banners__item-wrap{ width: 100%; height: 322px; } .b-banners__img{ display: block; } @media(min-width: 900px){ .b-cart--table .b-cart__item--color{ display: block; } } .b-cart__top{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } @media(max-width: 760px){ .b-cart__top{ margin-bottom: 25px; } } .b-cart__top-left{ -ms-flex: 0 0 auto; flex: 0 0 auto; } @media(max-width: 760px){ .b-cart__top-left{ display: none; } } .b-cart__top-right{ -ms-flex: 0 0 auto; flex: 0 0 auto; } @media(max-width: 760px){ .b-cart__top-right{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } .b-cart__top-right .btn{ width: 100%; max-width: 100%; } } @media(max-width: 760px){ .b-cart__head{ display: none; } } .b-cart__item{ padding: 0 5px; } .b-cart__item--title{ -ms-flex: 1 1 450px; flex: 1 1 450px; max-width: 450px; } @media(max-width: 760px){ .b-cart__item--title{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .b-cart__item--count{ -ms-flex: 0 0 200px; flex: 0 0 200px; max-width: 200px; } @media(max-width: 1130px){ .b-cart__item--count{ -ms-flex: 0 0 135px; flex: 0 0 135px; max-width: 135px; } } @media(max-width: 1000px){ .b-cart__item--count{ -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; } } .b-cart__item--price{ -ms-flex: 0 0 125px; flex: 0 0 125px; max-width: 125px; } @media(max-width: 1000px){ .b-cart__item--price{ -ms-flex: 0 0 115px; flex: 0 0 115px; max-width: 115px; } } .b-cart__item--sale-price{ -ms-flex: 0 0 135px; flex: 0 0 135px; max-width: 135px; } .b-cart__item--total{ -ms-flex: 0 0 130px; flex: 0 0 130px; max-width: 130px; } .b-cart__item--delete{ -ms-flex: 0 0 52px; flex: 0 0 52px; max-width: 52px; } @media(max-width: 1000px){ .b-cart__item--delete{ -ms-flex: 0 0 0%; flex: 0 0 0%; padding: 0; margin: 0 !important; } } @media(max-width: 760px){ .b-cart__item{ padding: 0; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-bottom: 22px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .b-cart__item--color{ display: none ; -ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px; } .b-cart__head-row{ background: #e8e8e8; font-family: 'Pragmatica Light Bold', sans-serif; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-left: 20px; -ms-flex-pack: justify; justify-content: space-between; } @media(max-width: 1000px){ .b-cart__head-row{ padding-left: 10px; } } .b-cart__head-item{ padding: 15px 5px; } @media(max-width: 760px){ .b-cart__row{ margin: 0 -15px; } } .b-cart__mobile-title{ display: none; } @media(max-width: 760px){ .b-cart__mobile-title{ display: block; font-size: 12px; color: #666666; -ms-flex: 0 0 120px; flex: 0 0 120px; font-family: 'Pragmatica', sans-serif; } } @media(max-width: 760px){ .b-cart__item-content{ -ms-flex: 1 1 auto; flex: 1 1 auto; } } .b-cart__main{ margin-bottom: 20px; } .b-cart__bottom-wrap{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } @media(max-width: 760px){ .b-cart__bottom-wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 18px; } } .b-cart__bottom-price{ font-family: 'Pragmatica Light Bold', sans-serif; font-size: 16px; line-height: 1.25; } .b-cart__bottom-price .b-price{ font-size: 20px; font-family: 'Pragmatica Bold', sans-serif; } .b-cart__bottom-btns{ text-align: right; } .b-cart__bottom-btns .btn{ margin-right: 18px; } @media(max-width: 760px){ .b-cart__bottom-btns .btn{ width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 10px; } } .b-cart__bottom-btns .btn:last-child{ margin: 0; } @media(max-width: 760px){ .b-cart__promo{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-bottom: 18px; } } @media(max-width: 760px){ .b-cart__promo .input-send__input-wrap{ -ms-flex: 1 1 auto; flex: 1 1 auto; } } .b-cart__promo .coupon-warning{ margin: 10px; color: red; } .b-cart__promo .coupon-warning.valid{ color: #3C763D; } .b-cart__bottom{ margin-bottom: 40px; } .b-catalog--search{ margin-top: 15px; } .b-catalog--line .b-catalog__item{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; margin-bottom: 15px; width: 100%; max-width: 100%; } .b-catalog--line .b-catalog__body{ margin: 0; margin-bottom: 25px; } .b-catalog__sort{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 18px; } @media(max-width: 1330px){ .b-catalog__sort{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-catalog__sort-left{ -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 10px; max-width: 50%; } @media(max-width: 1330px){ .b-catalog__sort-left{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding-right: 0px; margin-bottom: 15px; max-width: 100%; } } @media(max-width: 760px){ .b-catalog__sort-left{ margin-bottom: 0; } } .b-catalog__sort-right{ -ms-flex: 0 0 50%; flex: 0 0 50%; } @media(max-width: 1330px){ .b-catalog__sort-right{ -ms-flex: 1 1 100%; flex: 1 1 100%; } } .b-catalog__sort-right .b-selects{ margin-bottom: 0; } .b-catalog__body{ display: -ms-flexbox; display: flex; margin: 0 -7px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; } .b-catalog__body--search{ margin-bottom: 15px !important; } .b-catalog__body--search .pagination{ width: 100%; } .b-catalog__item{ padding: 7px; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; max-width: 25%; } @media(max-width: 1360px){ .b-catalog__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; width: 33.33%; max-width: 33.33%; } } @media(max-width: 1110px){ .b-catalog__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; } } @media(max-width: 560px){ .b-catalog__item{ -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; padding: 0px 15px; margin-bottom: 20px; } } .b-catalog__view{ display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .b-catalog__view{ display: none; } } .b-catalog__view-item{ -ms-flex: 0 0 40px; flex: 0 0 40px; background: #fff; cursor: pointer; color: #a5a4a4; position: relative; border: 1px solid #e7e7e7; text-align: center; } .b-catalog__view-item:hover{ color: #fdb913; } .b-catalog__view-item.active{ color: #272727; background: #fdb913; border: 1px solid #fdb913; } .b-catalog__view-item--line .b-catalog__view-item-element{ width: 17px; height: 3px; font-size: 0; } .b-catalog__view-item--line .b-catalog__view-item-element::before{ content: ''; display: inline-block; vertical-align: middle; width: 3px; height: 3px; background: currentColor; margin-right: 3px; } .b-catalog__view-item--line .b-catalog__view-item-element::after{ content: ''; display: inline-block; vertical-align: middle; width: 11px; height: 1px; background: currentColor; } .b-catalog__view-item--table .b-catalog__view-item-element{ width: 3px; height: 3px; font-size: 0; background: currentColor; } .b-catalog__view-item--table .b-catalog__view-item-element::before{ content: ''; position: absolute; left: -6px; width: 3px; height: 3px; background: currentColor; } .b-catalog__view-item--table .b-catalog__view-item-element::after{ content: ''; position: absolute; left: 6px; width: 3px; height: 3px; background: currentColor; } .b-catalog__view-item-element{ position: absolute; left: 0; right: 0; margin: auto; } .b-catalog__view-item-element::after, .b-catalog__view-item-element::before{ transition: all .3s; } .b-catalog__view-item-element:nth-of-type(1){ top: 11px; } .b-catalog__view-item-element:nth-of-type(2){ top: 17px; } .b-catalog__view-item-element:nth-of-type(3){ top: 23px; } .b-checkbox{ display: inline-block; vertical-align: middle; cursor: pointer; max-width: 100%; } .b-checkbox--square .b-checkbox__circle{ border-radius: 0; } .b-checkbox--square .b-checkbox__circle::after{ border-radius: 0; } .b-checkbox--lh .b-checkbox__text{ line-height: 1.571; } .b-checkbox--lh .b-checkbox__circle{ margin-top: 2px; } .b-checkbox--color .b-checkbox__circle{ width: 20px; height: 20px; -ms-flex: 0 0 20px; flex: 0 0 20px; min-width: 20px; max-width: 20px; border-radius: 0; border: 0; background-position: center; background-size: cover; background-repeat: no-repeat; } .b-checkbox--color .b-checkbox__circle::after{ content: ''; position: absolute; left: -3px; margin: auto; width: 24px; height: 24px; background: transparent; border: 1px solid #fdb913; opacity: 0; border-radius: 0; transform: scale(0) translateZ(0); transition: all .3s; } .b-checkbox--color .b-checkbox__label{ -ms-flex-align: center; align-items: center; } .b-checkbox--color-big .b-checkbox__circle{ width: 50px; height: 50px; -ms-flex: 0 0 50px; flex: 0 0 50px; min-width: 50px; max-width: 50px; display: block; } .b-checkbox--color-big .b-checkbox__circle::after{ width: 54px; height: 54px; } .b-checkbox__input{ display: none; } .b-checkbox__input:checked + label .b-checkbox__circle::after{ transform: scale(1) translateZ(0); opacity: 1; } .b-checkbox__input:disabled + label{ cursor: default; } .b-checkbox__input:disabled + label .b-checkbox__circle::after{ background: #cacaca; } .b-checkbox__label{ display: -ms-flexbox; display: flex; cursor: pointer; } .b-checkbox__text{ margin-left: 8px; -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 1.2; } .b-checkbox__text a{ text-decoration: underline; } .b-checkbox__text a:hover{ text-decoration: none; } .b-checkbox__circle{ width: 15px; height: 15px; -ms-flex: 0 0 15px; flex: 0 0 15px; min-width: 15px; max-width: 15px; border: 1px solid #cacaca; border-radius: 50%; position: relative; display: block; } .b-checkbox__circle::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 9px; height: 9px; background: #fdb913; border-radius: 50%; transform: scale(0) translateZ(0); transition: all .3s; } .b-checkbox__circle.error{ border: 1px solid #f34040; } .b-checkout__footer{ text-align: right; padding-top: 20px; border-top: 1px solid #e7e7e7; } .b-checkout__footer .personal{ text-align: left; color: #777777; } .b-checkout__footer .personal a{ text-decoration: underline; } .b-checkout__footer .personal a:hover{ text-decoration: none; } @media(max-width: 760px){ .b-checkout__footer{ border-top: 0; text-align: center; padding-top: 0; } .b-checkout__footer .btn{ width: 100%; } } .b-checkout__body{ margin: 15px 0 25px; } .b-checkout__body .input-item{ max-width: 540px; } .b-checkout__body .input-item .address-select .b-select__item .remove-address{ width: 15px; height: 15px; position: absolute; margin: auto; } .b-checkout__body .input-item .address-select .b-select__item .remove-address:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 15px; height: 1px; background: #272727; transition: all .3s; transform: rotate(45deg) translateZ(0); } .b-checkout__body .input-item .address-select .b-select__item .remove-address:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 15px; height: 1px; background: #272727; transition: all .3s; transform: rotate(-45deg) translateZ(0); } .b-checkout__body .input-item .address-select .b-select__item .remove-address:hover:before, .b-checkout__body .input-item .address-select .b-select__item .remove-address:hover:after { background: #fda813; } .b-checkout__self-left-item{ line-height: 1.375; margin-bottom: 2px; } .b-checkout__self-left-title{ font-family: 'Pragmatica Light Bold', sans-serif; display: inline-block; vertical-align: middle; } .b-checkout__self-left-text{ display: inline-block; vertical-align: middle; } .b-checkout__self-image{ margin-right: 30px; display: inline-block; vertical-align: top; } @media(max-width: 760px){ .b-checkout__self-image{ margin-right: 0; margin-bottom: 14px; width: 100%; text-align: center; } } .b-checkout__self-image img{ max-height: 233px; max-width: 345px; } @media(max-width: 760px){ .b-checkout__self-image img{ max-height: 195px; } } .b-checkout__self{ display: -ms-flexbox; display: flex; } @media(max-width: 1000px){ .b-checkout__self{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-checkout__self-left{ -ms-flex: 0 0 40%; flex: 0 0 40%; padding-right: 20px; } @media(max-width: 1000px){ .b-checkout__self-left{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding-right: 0; margin-bottom: 15px; } } .b-checkout__self-link{ margin-bottom: 15px; } @media(max-width: 760px){ .b-checkout__self-link{ -ms-flex: 1 1 50%; flex: 1 1 50%; } } .b-checkout__self-link .i-icon{ font-size: 20px; margin-right: 4px; } .b-checkout__self-link-text{ display: inline-block; vertical-align: middle; border-bottom: 1px dotted currentColor; transition: all .3s; } .b-checkout__self-link-text:hover{ border-bottom: 1px dotted transparent; } .b-checkout__self-right{ -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 1000px){ .b-checkout__self-right{ -ms-flex: 1 1 100%; flex: 1 1 100%; } } .b-checkout__self-links{ display: inline-block; vertical-align: top; } @media(max-width: 760px){ .b-checkout__self-links{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-checkout__complete{ margin-bottom: 45px; line-height: 1.375; } @media(max-width: 760px){ .b-checkout__complete{ margin-bottom: 0; } } .b-collapse{ margin-bottom: 10px; } .b-collapse--faq .b-collapse__head{ padding-left: 45px; } .b-collapse--faq .b-collapse__head:hover{ background: #fff; border: 1px solid #fdb913; z-index: 1; } .b-collapse--faq .b-collapse__head.active{ background: #e7e7e7; border: 1px solid #e7e7e7; } .b-collapse--faq .b-collapse__head-text{ font-family: 'Pragmatica Light Bold', sans-serif; } @media(max-width: 760px){ .b-collapse{ margin: 0 -15px; margin-top: -1px; } } .b-collapse__head{ padding: 17px 20px; padding-right: 50px; position: relative; border: 1px solid #e7e7e7; background: #fff; cursor: pointer; transition: all .3s; } .b-collapse__head:hover{ background: #e7e7e7; } .b-collapse__head.active{ background: #fdb913; border: 1px solid #fdb913; } .b-collapse__head.active .b-collapse__head-arrow{ transform: scaleY(-1); } @media(max-width: 760px){ .b-collapse__head{ padding: 15px; } } .b-collapse__head-text{ font-family: 'Pragmatica Light Bold', sans-serif; } @media(max-width: 760px){ .b-collapse__head-text{ font-family: 'Pragmatica', sans-serif; } } .b-collapse__head-arrow{ width: 50px; right: 0; top: 0; bottom: 0; position: absolute; color: #272727; transform: scaleY(1); transition: all .3s; } .b-collapse__head-arrow::after, .b-collapse__head-arrow::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform-origin: bottom; background-color: currentColor; } .b-collapse__head-arrow::after{ transform: rotate(45deg) translateZ(0); } .b-collapse__head-arrow::before{ transform: rotate(-45deg) translateZ(0); } .b-collapse__head-arrow::after, .b-collapse__head-arrow::before{ height: 10px; width: 1px; } .b-collapse__body{ display: none; } .b-collapse__body.active{ display: block; } .b-collapse__faq-icon{ position: absolute; top: 50%; transform: translateY(-50%); font-size: 20px; left: 15px; } .b-collapse__body-text{ padding: 20px 15px; } .b-compare{ margin-bottom: 25px; } @media(max-width: 760px){ .b-compare{ margin-bottom: 0; } } .b-compare__wrap{ display: none; } .b-compare__wrap.active{ display: block; } .b-compare__head-outer{ transform: translateZ(0); } .b-compare.fixed .b-compare__head-outer{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); position: fixed; top: 0; z-index: 6; background: #fff; left: 0; right: 0; top: 0; min-height: 60px; opacity: 0; } @media(max-width: 760px){ .b-compare.fixed .b-compare__head-outer{ min-height: 55px; } } .b-compare.fixed .b-compare__head{ background: #fff; margin: auto; } .b-compare.fixed .b-compare__head-left{ -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; border-bottom: 0; } @media(max-width: 760px){ .b-compare.fixed .b-compare__head-left{ display: none; } } .b-compare.fixed .good-item__top, .b-compare.fixed .good-item__cart-wrap, .b-compare.fixed .good-item__close{ display: none; } .b-compare.fixed .b-compare__head-checkbox{ display: none; } .b-compare.fixed .b-compare__head-title{ margin-bottom: 0; } .b-compare.fixed .good-item__wrap{ box-shadow: none; } .b-compare.fixed .good-item__wrap:hover{ box-shadow: none; } .b-compare.fixed .good-item--compare{ min-height: 60px; } @media(max-width: 760px){ .b-compare.fixed .good-item--compare{ min-height: 55px; } } .b-compare.fixed .good-item--compare::after{ content: ''; position: absolute; top: 0; bottom: 0; right: -15px; width: 1px; background: #e7e7e7; z-index: 1; } .b-compare.fixed .good-item--compare .good-item__title{ height: auto; } .b-compare.animate .b-compare__head-outer{ opacity: 1; transition: opacity .3s; } .b-compare__head-left{ -ms-flex: 0 0 270px; flex: 0 0 270px; max-width: 270px; text-align: left; padding: 0 16px; } @media(max-width: 850px){ .b-compare__head-left{ -ms-flex: 0 0 220px; flex: 0 0 220px; max-width: 220px; } } @media(max-width: 760px){ .b-compare__head-left{ -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 20px 0; max-width: 100%; } } .b-compare__inner{} .b-compare__head-right{ -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 270px); flex-basis: calc(100% - 270px); width: calc(100% - 270px); max-width: calc(100% - 270px); } @media(max-width: 850px){ .b-compare__head-right{ -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 220px); flex-basis: calc(100% - 220px); width: calc(100% - 220px); max-width: calc(100% - 220px); } } @media(max-width: 760px){ .b-compare__head-right{ -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100%; } } .b-compare__head{ display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .b-compare__head{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-compare__body{ margin-top: 20px; } .b-compare__body.hide-similar .b-compare__row--hasDifference{ display: none; } .b-compare__row{ display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .b-compare__row{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media(min-width: 761px){ .b-compare__row:hover .b-compare__cell{ background: #e7e7e7; } } .b-compare__cell-prop-name{ -ms-flex: 0 0 270px; flex: 0 0 270px; line-height: 1.375; padding: 18px 16px; background: #f5f6f8; max-width: 270px; font-family: "Pragmatica Light Bold", sans-serif; } @media(max-width: 850px){ .b-compare__cell-prop-name{ -ms-flex: 0 0 220px; flex: 0 0 220px; max-width: 220px; } } @media(max-width: 760px){ .b-compare__cell-prop-name{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .b-compare__inner-row{ -ms-flex: 1 1 auto; flex: 1 1 auto; display: -ms-flexbox; display: flex; } .b-compare__inner-cell{ -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; max-width: 25%; padding: 18px 16px; line-height: 1.25; display: none; } .b-compare__inner-cell.active{ display: block; } .b-compare__inner-cell.hovered{ background: #e7e7e7; } .b-compare__inner-cell .b-price{ font-size: 26px; font-weight: 500; font-family: "Roboto Medium"; } @media(max-width: 760px){ .b-compare__inner-cell .b-price{ font-size: 20px; } } @media(max-width: 1390px){ .b-compare__inner-cell{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; width: 33.33%; max-width: 33.33%; } } @media(max-width: 1120px){ .b-compare__inner-cell{ -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; } } @media(max-width: 760px){ .b-compare{ word-break: break-word; } } .b-compare__head-checkbox{ margin-bottom: 15px; } .b-compare__head-checkbox:last-of-type{ margin-bottom: 0; } .b-compare__head-title{ font-family: "Pragmatica Light Bold", sans-serif; margin-bottom: 18px; } .b-compare__head-mobile{ display: none; } @media(max-width: 760px){ .b-compare__head-mobile{ display: block; margin-bottom: 0; } } @media(max-width: 760px){ .b-compare__head-desktop{ display: none; } } .b-compare__slider .slider-arrows__item--prev{ left: 10px; } .b-compare__slider .slider-arrows__item--next{ right: 10px; } .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: 21px; height: 35px; border: 1px solid #e8e8e8; display: inline-block; vertical-align: middle; position: relative; background: #e8e8e8; cursor: pointer; transition: all .3s; } .b-count__btn:hover{ background: #fdb913; border: 1px solid #fdb913; } .b-count__btn::before, .b-count__btn::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #777; transition: all .3s; } .b-count__btn::before{ width: 9px; height: 1px; } .b-count__btn::after{ height: 9px; width: 1px; } .b-count__btn--minus::after{ display: none; } .b-count__input-wrap{ display: inline-block; vertical-align: middle; } .b-count__input{ width: 100%; border: 0; height: 35px; text-align: center; padding: 0 4px; width: 43px; border: 1px solid #e8e8e8; font-size: 14px; } .b-date{ font-size: 12px; color: #666666; } .b-date__text{ display: inline-block; vertical-align: middle; margin-left: 4px; } .b-detail{ display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0px; } .b-detail--modal{ margin-bottom: 0; } @media(max-width: 760px){ .b-detail--modal .b-detail__body-head{ display: none; } } .b-detail--modal .b-detail__slider{ -ms-flex: 0 0 54%; flex: 0 0 54%; max-width: 54%; padding-right: 40px; } @media(max-width: 900px){ .b-detail--modal .b-detail__slider{ display: none; } } .b-detail--modal .b-detail__content{ -ms-flex: 0 0 46%; flex: 0 0 46%; max-width: 46%; padding: 0; } @media(max-width: 960px){ .b-detail--modal .b-detail__content{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .b-detail--modal .detail-slider__vertical-item{ width: 100% !important; } @media(max-width: 760px){ .b-detail--modal .detail-checkout__cart-item--small{ display: none; } } .b-detail__slider{ -ms-flex: 0 1 40%; flex: 0 1 40%; padding-right: 20px; max-width: 40%; } @media(max-width: 1180px){ .b-detail__slider{ -ms-flex: 0 0 45%; flex: 0 0 45%; padding-right: 20px; max-width: 45%; } } @media(max-width: 1000px){ .b-detail__slider{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding-right: 0; max-width: 100%; margin-bottom: 25px; } } @media(max-width: 760px){ .b-detail__slider{ margin-bottom: 8px; } } .b-detail__content{ -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } @media(max-width: 1180px){ .b-detail__content{ -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; } } @media(max-width: 1000px){ .b-detail__content{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .b-detail__tab .content-box__table table { width: 100%; } @media(max-width: 760px){ .b-detail__tabs{ margin: 0 -15px; } } .b-detail__tabs-body-item{ display: none; } .b-detail__tabs-body-item.active{ display: block; } @media(max-width: 760px){ .b-detail__tabs-body-item{ display: block !important; } .b-detail__tabs-body-item:first-of-type .b-detail__body-head{ border-top: 1px solid #e7e7e7; } } .b-detail__bottom{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 16px 10px; background: #f5f6f8; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-top: 15px; } @media(max-width: 760px){ .b-detail__bottom{ -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px 5px; } } @media(max-width: 760px){ .b-detail__bottom-docs{ -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 17px; } } @media(max-width: 760px){ .b-detail__soc{ -ms-flex: 1 1 100%; flex: 1 1 100%; } } .b-detail__bottom-docs-item{ display: inline-block; vertical-align: middle; margin-right: 26px; transition: all .3s; } .b-detail__bottom-docs-item:hover{ color: #fdb913; } .b-detail__bottom-docs-item .i-icon{ font-size: 20px; margin-right: 8px; } .b-detail__bottom-docs-item span{ display: inline-block; vertical-align: middle; } .b-detail__descr{ line-height: 1.429; margin-top: 12px; } @media(max-width: 760px){ .b-detail__tabs-head{ display: none; } } .b-detail__body-head{ display: none; position: relative; height: 45px; line-height: 45px; border-bottom: 1px solid #e7e7e7; padding-right: 45px; padding-left: 15px; } @media(max-width: 760px){ .b-detail__body-head{ display: block; } } .b-detail__body-head.active{ background: #f2f2f2; } .b-detail__body-head.active .b-detail__body-head-arrow{ transform: scaleY(-1); } .b-detail__body-head-arrow{ width: 45px; height: 45px; position: absolute; right: 0; top: 0; color: #272727; transform: scaleY(1); transition: all .3s; cursor: pointer; } .b-detail__body-head-arrow::after, .b-detail__body-head-arrow::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform-origin: bottom; height: 8px; width: 1px; background-color: currentColor; } .b-detail__body-head-arrow::after{ transform: rotate(45deg) translateZ(0); } .b-detail__body-head-arrow::before{ transform: rotate(-45deg) translateZ(0); } @media(max-width: 760px){ .b-detail__tab{ display: none; padding: 10px 15px; border-bottom: 1px solid #e7e7e7; } .b-detail__tab.active{ display: block; } .b-detail__tab .files-table{ margin: 0 -15px; } } .b-detail__descr{ margin-bottom: 15px; } .b-download{ line-height: 18px; } .b-download__link{ display: inline-block; } .b-download__link:hover .b-download__text{ border-bottom: 1px solid transparent; } .b-download__text{ display: inline; vertical-align: middle; border-bottom: 1px solid currentColor; transition: all .3s; margin-bottom: 7px; } .b-download__icon{ font-size: 26px; margin-right: 7px; margin-bottom: 4px; } .b-filter__range{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 23px; width: 100%; } .b-filter__range-input-wrap{ -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); } .b-filter__range-input-wrap--min{ margin-right: 15px; } .b-filter__range-input-wrap--max{ position: relative; margin-left: 15px; } .b-filter__range-input-wrap--max::before { content: ''; position: absolute; width: 15px; height: 1px; background: #e7e7e7; left: -22px; top: 0; bottom: 0; margin: auto; } .b-filter__range-input{ width: 100%; height: 30px; border-radius: 2px; border: 1px solid #e7e7e7; padding: 0 8px; } .b-filter__range-slider-wrap{ -ms-flex: 1 1 100%; flex: 1 1 100%; } .b-filter__checkbox-item{ margin-bottom: 15px; -ms-flex: 1 1 100%; flex: 1 1 100%; } .b-filter__checkbox-item--half{ -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 100%; font-size: 13px; padding-right: 5px; } .b-filter__inner-list{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .b-filter__bottom{ padding: 15px; } .b-filter__bottom-checkbox{ margin-bottom: 22px; } .b-filter__btn-show{ width: 100%; margin-bottom: 13px; } .b-filter__bottom-bnts{ text-align: center; } .b-filter .bx_filter_container_modef{ position: absolute; left: calc(100% + 10px); z-index: 4; } @media(max-width: 760px){ .b-filter .bx_filter_container_modef{ position: relative; left: 0; } } .b-filter .bx_filter_popup_result.left{ position: relative; height: 40px; background: #fff; -ms-flex-align: center; align-items: center; border-bottom-right-radius: 2px; border-top-right-radius: 2px; border: 1px solid #fdb913; padding-left: 15px; } .b-filter .bx_filter_popup_result.left::before{ content: ''; position: absolute; left: -6px; top: 0; bottom: 0; margin: auto; transform: rotate(45deg); border-bottom: 1px solid #fdb913; border-left: 1px solid #fdb913; background: #ffffff; z-index: 1; width: 10px; height: 10px; } @media(max-width: 760px){ .b-filter .bx_filter_popup_result.left::before{ display: none; } } .b-filter .bx_filter_popup_result.left .bx_filter_popup_result-text{ white-space: nowrap; } .b-filter .bx_filter_popup_result.left a{ display: block; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; line-height: 38px; padding: 0 25px; background: #fdb913; margin-left: 15px; } @media(max-width: 760px){} .b-info-links{ border: 1px solid #e7e7e7; padding: 25px; width: 100%; } .b-info-links__item{ margin-bottom: 18px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .b-info-links__item:last-of-type{ margin-bottom: 0; } .b-info-links__icon{ font-size: 25px; margin-right: 20px; } .b-info-links__text{ display: inline; vertical-align: middle; line-height: 1.2; } .b-info-links__text--solid{ border-bottom: 1px solid currentColor; } .b-info-links__text--solid:hover{ border-bottom: 1px solid transparent; } .b-info-links__text--dotted{ border-bottom: 1px dotted currentColor; } .b-info-links__text--dotted:hover{ border-bottom: 1px dotted transparent; } .b-info-links__text--dashed{ border-bottom: 1px dashed currentColor; } .b-info-links__text--dashed:hover{ border-bottom: 1px dashed transparent; } .b-label{ transform: skew(-40deg); padding: 6px 21px 6px 26px; color: #fff; margin-left: -12px; } @media(max-width: 760px){ .b-label{ font-size: 12px; } } .b-label--sale{ background: #3884e5; } .b-label--new{ background: #cc3b96; } .b-label--hit{ background: #8261d4; } .b-label--action{ background: #7dc33c } .b-label--mini{ padding: 3px 10px 3px 15px; } .b-label__wrap{ transform: skew(40deg); } .b-modal{ margin: auto; max-width: 520px; } .b-modal--detail{ max-width: 1095px; } .b-modal--project{ max-width: 1500px; } .b-modal__wrap{ padding: 25px; background: #fff; position: relative; } @media(max-width: 760px){ .b-modal__wrap{ padding: 15px; } } .b-modal__close{ width: 45px; height: 45px; background: #e8e8e8; position: absolute; right: 0; cursor: pointer; top: 0; z-index: 1; transition: all .3s; } .b-modal__close:hover{ background: #fdb913; } .b-modal__close::after, .b-modal__close::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 18px; height: 1px; background: #272727; } .b-modal__close::after{ transform: rotate(-45deg) translateZ(0); } .b-modal__close::before{ transform: rotate(45deg) translateZ(0); } .b-modal__head{ margin-bottom: 25px; padding-right: 35px; } .b-modal__personal{ margin-bottom: 20px; color: #777777; line-height: 1.1; letter-spacing: 0.2px; } .b-modal__personal a{ text-decoration: underline; } .b-modal__personal a:hover{ text-decoration: none; } .b-modal__submit{ text-align: center; margin-bottom: 15px; } .b-modal__btns{ margin-top: 22px; } .b-modal__btns-item{ margin-right: 20px; } @media(max-width: 760px){ .b-modal__btns-item{ width: 100%; margin-right: 0; margin-bottom: 15px; } } .b-modal__btns-item:last-child{ margin-right: 0; margin-bottom: 0; } .b-modal__tabs-wrap{ position: relative; } .b-modal__tab-inner{} .b-modal__tab{ display: none; } .b-modal__tab.active{ display: block; } .b-modal__soc{ margin-top: 25px; text-align: center; } .b-modal__soc--left{ text-align: left; } .b-modal__soc-title{ margin-bottom: 10px; font-size: 17px; font-family: "Pragmatica Light Bold"; } .b-modal [data-error-block]{ color: red; margin-bottom: 10px; } .b-nav{ text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 35px 0; } .b-nav--small-margin{ margin: 20px 0 15px; } .b-nav__item{ -ms-flex: 0 0 35px; flex: 0 0 35px; width: 35px; height: 35px; border: 1px solid transparent; line-height: 33px; display: block; border-radius: 50%; margin: 0 2px; transition: all .3s; } .b-nav__item:hover{ color: #fdb913; } .b-nav__item.active{ border: 1px solid #fdb913; } .b-nav__dots{ -ms-flex: 0 0 18px; flex: 0 0 18px; width: 18px; height: 35px; line-height: 35px; display: block; margin: 0 2px; } .b-nav__arrow{ -ms-flex: 0 0 16px; flex: 0 0 16px; width: 16px; height: 35px; line-height: 35px; display: block; margin: 0 2px; position: relative; } .b-nav__arrow:hover::after, .b-nav__arrow:hover::before{ background-color: #fdb913; } .b-nav__arrow::after, .b-nav__arrow::before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin: 0 auto; content: ''; background: currentColor; transform-origin: right; } .b-nav__arrow::after{ transform: translateY(-50%) rotate(45deg) translateZ(0); } .b-nav__arrow::before{ transform: translateY(-50%) rotate(-45deg) translateZ(0); } .b-nav__arrow::after, .b-nav__arrow::before{ width: 7px; height: 1px; background-color: #272727; transition: all .3s; } .b-nav__arrow--prev{ transform: scaleX(-1); } @media (min-width: 320px) and (max-width: 381px){ .b-nav__item{ max-width: 27px; max-height: 27px; line-height: 25px!important; } } .b-news{ display: -ms-flexbox; display: flex; height: auto; } .b-news--profile .b-news__save{ display: none; } .b-news--line:not(.b-news--line-small) .b-news__wrap{ transition: all .3s; } .b-news--line:not(.b-news--line-small) .b-news__wrap:hover{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .b-news--line:not(.b-news--line-small) .b-news__wrap:hover .b-news__more-btn-top{ opacity: 1; visibility: visible; } .b-news--line:not(.b-news--line-small) .b-news__wrap:hover .b-news__image::after{ opacity: 1; } .b-news--line:not(.b-news--line-small) .b-news__wrap:hover .b-news__save{ opacity: 1; } @media(max-width: 640px){ .b-news--line:not(.b-news--line-small) .b-news__content{ padding-bottom: 25px; } } @media(min-width: 641px){ .b-news--line .b-news__wrap{ -ms-flex-direction: row; flex-direction: row; max-height: 200px; } .b-news--line .b-news__image{ -ms-flex: 0 0 40%; flex: 0 0 40%; width: 40%; height: auto; } .b-news--line .b-news__text{ max-height: 84px; } .b-news--line .b-news__content{ border-left: 0; } .b-news--line .b-news__image{ border-bottom: 1px solid #e7e7e7; border-right: 0; position: relative; } .b-news--line .b-news__image::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6); opacity: 0; transition: all .3s; } } .b-news--line-small{ margin-bottom: 30px; } .b-news--line-small:last-of-type{ margin-bottom: 0; } @media(max-width: 600px){ .b-news--line-small .b-news__wrap{ -ms-flex-direction: column; flex-direction: column; } } .b-news--line-small .b-news__image{ -ms-flex: 0 0 130px; flex: 0 0 130px; width: 130px; height: auto; border: 0; } .b-news--line-small .b-news__image::after{ display: none; } @media(max-width: 600px){ .b-news--line-small .b-news__image{ height: 150px; width: 100%; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .b-news--line-small .b-news__content{ border: 0; padding: 0 20px; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 600px){ .b-news--line-small .b-news__content{ padding: 13px 13px 20px; border: 1px solid #e7e7e7; } } .b-news--line-small .b-news__title{ height: 35px; margin-bottom: 12px; } @media(max-width: 600px){ .b-news--line-small .b-news__title{ height: auto; max-height: 53px; } } .b-news--line-small .b-news__link{ font-size: 14px; } .b-news--line-small .b-news__text{ max-height: 60px; } .b-news--big-article .b-news__image{ height: 219px; bottom: 0; } @media(max-width: 760px){ .b-news--big-article .b-news__image{ height: 190px; } } .b-news--big-article .b-news__title{ height: 35px; margin-bottom: 12px; } .b-news--big-article .b-news__link{ font-size: 14px; } .b-news--big-article .b-news__text{ max-height: none; } @media(max-width: 760px){ .b-news--big-article .b-news__text{ max-height: 63px; } } .b-news--big-article .b-news__content{ border: 0; padding: 15px 0; } .b-news--album .b-news__wrap{ transition: all .3s; } .b-news--album .b-news__wrap:hover{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .b-news--album .b-news__wrap:hover .b-news__image::after{ opacity: 1; } .b-news--album .b-news__wrap:hover .b-news__save{ opacity: 1; } .b-news--album .b-news__image{ height: 230px; position: relative; } .b-news--album .b-news__image::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6); opacity: 0; transition: all .3s; } @media(max-width: 640px){ .b-news--album .b-news__image::after{ opacity: 1; background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 31%); } } .b-news--album .b-news__content{ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .b-news--album .b-news__title{ height: auto; margin-bottom: 14px; -ms-flex: 1 1 auto; flex: 1 1 auto; max-height: 200px; overflow: hidden; } .b-news--portfolio .b-news__wrap{ transition: all .3s; } .b-news--portfolio .b-news__wrap:hover{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .b-news--portfolio .b-news__wrap:hover .b-news__more-btn-top{ opacity: 1; visibility: visible; } .b-news--portfolio .b-news__wrap:hover .b-news__image::after{ opacity: 1; } .b-news--portfolio .b-news__wrap:hover .b-news__save{ opacity: 1; } @media(max-width: 640px){ .b-news--portfolio .b-news__save{ display: none; } } .b-news--portfolio .b-news__image{ height: 180px; position: relative; @mediia(max-width: 640px){ height: 195px; } } .b-news--portfolio .b-news__image::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6); opacity: 0; transition: all .3s; } @media(max-width: 640px){ .b-news--portfolio .b-news__image::after{ display: none; } } .b-news--portfolio .b-news__content{ padding-bottom: 18px; } @media(max-width: 640px){ .b-news--portfolio .b-news__content{ padding-bottom: 25px; } } .b-news--video .b-news__wrap{ transition: all .3s; } .b-news--video .b-news__wrap:hover{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .b-news--video .b-news__save{ position: relative; left: 0; top: 0; margin-bottom: 9px; opacity: 1; visibility: visible; } .b-news--video .b-news__image{ height: 245px; } @media(max-width: 760px){ .b-news--video .b-news__image{ height: 163px; } } .b-news--video .b-news__image iframe{ width: 100%; height: 100%; } .b-news--video .b-news__image::after{ display: none; content: ''; position: absolute; left: 0; right: 0; top: 0; height: 50px; background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 31%); } .b-news--video .b-news__title{ position: absolute; left: 10px; top: 10px; color: #fff; font-family: 'Pragmatica', sans-serif; height: auto; margin-bottom: 0; font-size: 14px; display: none; } .b-news__wrap{ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; position: relative; } .b-news__image{ height: 180px; border: 1px solid #e7e7e7; border-bottom: 0; } .b-news__image img{ width: 100%; height: 100%; -o-object-fit: cover; font-family: "object-fit:cover;object-position:center"; object-fit: cover; -o-object-position: center; object-position: center; } .b-news__content{ border: 1px solid #e7e7e7; padding: 12px 14px; -ms-flex: 1 1 auto; flex: 1 1 auto; } .b-news__title{ line-height: 1.25; margin-bottom: 20px; height: 43px; overflow: hidden; font-family: "Pragmatica Light Bold", sans-serif; font-size: 0; } @media(max-width: 760px){ .b-news__title{ height: auto; margin-bottom: 12px; } } .b-news__title::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .b-news__link{ display: inline-block; vertical-align: middle; font-size: 16px; transition: all .3s; } .b-news__link:hover{ color: #fdb913; } .b-news__date{ margin-bottom: 14px; } .b-news__text{ max-height: 100px; overflow: hidden; line-height: 1.429; } .b-news__article-btn{ margin-top: 30px; } .b-news__grey-text{ color: #666666; margin-bottom: 5px; } .b-news__section{ margin-bottom: 3px; } .b-news__save{ position: absolute; top: 10px; left: 15px; z-index: 1; opacity: 0; } @media(max-width: 640px){ .b-news__save{ opacity: 1; } } .b-news__more-btn-top{ text-align: center; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; opacity: 0; visibility: hidden; transition: all .3s; } @media(max-width: 640px){ .b-news__more-btn-top{ display: none; } } .b-news__more-btn-bottom{ margin-top: 15px; display: block; text-align: center; } @media(min-width: 641px){ .b-news__more-btn-bottom{ display: none; } } .b-offers-list{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -7px; } @media(max-width: 620px){ .b-offers-list{ margin: 0; } } .b-offers-list__item{ padding: 7px; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } @media(max-width: 1390px){ .b-offers-list__item{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } } @media(max-width: 1150px){ .b-offers-list__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; } } @media(max-width: 860px){ .b-offers-list__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } @media(max-width: 620px){ .b-offers-list__item{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 10px 15px; } } .b-offers-list__filter { display: -ms-flexbox; display: flex; } @media (max-width: 760px) { .b-offers-list__filter{ display: block; } } @media (max-width: 760px) { .b-offers-list__filter .b-selects{ margin: 0; } } .b-offers-list__filter form { width: 100%; } @media (max-width: 760px) { .b-offers-list__filter form .b-selects{ border-top: none; } } .b-offers-list__filter .action-currency { padding-right: 10px; } @media (max-width: 760px) { .b-offers-list__filter .action-currency{ padding-right: 0; } } .b-page{ padding: 24px 0 34px; } @media(max-width: 760px){ .b-page{ padding: 15px 0 25px; } } .b-page--about{ padding: 55px 0 25px; } @media(max-width: 760px){ .b-page--about{ padding-top: 18px; } } .b-page--404{ padding-bottom: 0; } body.project-page .b-page{ padding: 0; } .b-page__slider-wrap{ margin-bottom: 25px; } .b-page__slider-wrap:hover{ position: relative; z-index: 3; } .b-page__banners-slider{ margin-top: 50px; margin-bottom: 20px; } .b-price{ color: inherit; font-size: inherit; font-weight: inherit; white-space: nowrap; } .b-price::after{ content: 'i'; display: inline-block; vertical-align: baseline; font-family: Rouble; font-weight: inherit; } .b-price--old{ color: #666666; position: relative; } .b-price--old::before{ content: ''; position: absolute; top: 50%; margin-bottom: 1px; left: -2px; right: -3px; height: 1px; background: #666666; } .b-price--measure { font-size:14px; } .b-quiz__title{ line-height: 1.429; margin-bottom: 17px; } .b-quiz__item{ margin-bottom: 15px; } .b-quiz__item:last-of-type{ margin-bottom: 0; } .b-quiz__item-btn-wrap{ margin-top: 28px; } .b-quiz__item-message{ margin-top: 15px; } .b-radio__input{ display: none; } .b-radio__input:checked + label .b-radio__circle::after{ transform: scale(1); } .b-radio__label{ display: -ms-flexbox; display: flex; } .b-radio__text{ margin-left: 10px; -ms-flex: 1 1 auto; flex: 1 1 auto; } .b-radio__circle{ width: 15px; height: 15px; -ms-flex: 0 0 15px; flex: 0 0 15px; min-width: 15px; max-width: 15px; border: 1px solid #cacaca; border-radius: 50%; position: relative; } .b-radio__circle::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 9px; height: 9px; background: #fdb913; border-radius: 50%; transform: scale(0); transition: all .3s; } .b-save{ cursor: pointer; transition: all .3s; } .b-save:hover .b-save__icon{ stroke: #fdb913; fill: #fdb913; } .b-save:hover .b-save__text{ color: #fdb913; border-bottom: 1px solid currentColor; } .b-save__icon{ height: 24px; width: 16px; margin-right: 4px; fill: transparent; stroke: #272727; padding-top: 1px; transition: all .3s; transform: translateZ(0); } .b-save__text{ display: inline-block; vertical-align: middle; font-size: 12px; transition: all .3s; border-bottom: 1px solid transparent; } .b-save--white{ color: #fff; } .b-save--white .b-save__icon{ fill: transparent; stroke: #fff; } .b-save--big .b-save__text{ font-size: 14px; border-bottom: 1px solid currentColor; } .b-save.active .b-save__icon{ fill: #fdb913; stroke: #fdb913; } .bx-touch .b-save .b-save__icon { fill: transparent !important; stroke: #272727 !important; } .bx-touch .b-save.active .b-save__icon { fill: #fdb913 !important; stroke: #fdb913 !important; } .bx-touch .b-save.active .b-save__text, .bx-touch .b-save .b-save__text { border-bottom: 1px solid transparent !important; color: #272727 !important; } .bx-touch .b-news__save.b-save--white .b-save__icon { fill: transparent !important; stroke: #fff !important; } .bx-touch .b-news__save.b-save--white.active .b-save__icon { fill: #fdb913 !important; stroke: #fdb913 !important; } .bx-touch .b-news__save.b-save--white.active .b-save__text { border-bottom: 1px solid transparent !important; color: #fff !important; } .bx-touch .b-news__save.b-save--white .b-save__text { color: #fff !important; } .b-select{ width: 100%; } .b-select--leftside .b-select__wrap{ margin-left: -5px; } .b-select--leftside .b-select__inner{ padding-left: 5px !important; } .b-select--mid-height .b-select__wrap{ height: 35px; } .b-select--mid-height .b-select__wrap::after{ right: 5px; } .b-select--mid-height .b-select__wrap .b-select__inner{ height: 35px; line-height: 33px; padding: 0 18px 0 15px; border: 1px solid #e7e7e7; } @media(max-width: 760px){ .b-select--mid-height .b-select__wrap{ height: 35px; } } .b-select--transparent:hover .b-select__active-item .b-select__text{ border-bottom: 1px dashed transparent; } .b-select--transparent .b-select__wrap::after{ display: none; } .b-select--transparent .b-select__wrap.opened .b-select__inner{ background: #fff; border: 1px solid #e7e7e7; } .b-select--transparent .b-select__wrap.opened .b-select__title{ opacity: 0; display: block; } @media(max-width: 760px){ .b-select--transparent .b-select__title{ font-size: 12px; } } .b-select--transparent .b-select__active-item{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 38px; } @media(max-width: 760px){ .b-select--transparent .b-select__active-item{ height: 46px; } } .b-select--transparent .b-select__active-item .b-select__text{ border-bottom: 1px dashed currentColor; } .b-select--transparent .b-select__inner{ background: transparent; border: 1px solid transparent; padding-left: 0; transition: all .3s; } .b-select--transparent .b-select__text{ line-height: 1.2; width: auto; text-overflow: ellipsis; overflow: hidden; } .b-select--transparent .b-select__item{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .b-select__wrap{ position: relative; height: 40px; cursor: pointer; } .b-select__wrap.opened .b-select__title{ display: none; } .b-select__wrap.disabled{ opacity: 0.8 !important; cursor: default; } .b-select__wrap.disabled .b-select__text { border-bottom: none !important; } .b-select__wrap.overtop .b-select__inner{ z-index: 4; } .b-select__wrap.overtop::after{ z-index: 5; } .b-select__wrap.no-choice::after{ z-index: 0; } .b-select__wrap.no-choice.overtop::after{ z-index: 0; } @media(max-width: 760px){ .b-select__wrap{ height: 46px; } } .b-select__wrap::after{ content: ''; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) translateZ(0); margin: auto; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #838383; z-index: 3; } @media(max-width: 760px){ .b-select__wrap::after{ z-index: 3; } } .b-select__inner{ position: absolute; left: 0; right: 0; border: 1px solid #e7e7e7; padding: 0 27px 0 15px; display: -ms-flexbox; display: flex; line-height: 38px; height: 40px; overflow: hidden; background: #fff; z-index: 3; transition: height .3s; } .b-select--transparent .b-select__wrap.overtop .b-select__inner { overflow: hidden; max-height: 300px; } .b-select--transparent .b-select__wrap.overtop .b-select__inner { overflow: hidden; max-height: 150px; } .b-select--transparent .b-select__wrap.opened .b-select__inner { max-height: 300px; overflow: auto; } .small-cart .b-select--transparent .b-select__wrap.opened .b-select__inner { max-height: 150px; } html.br-ie .b-select__inner{ transition: none; } @media(max-width: 760px){ .b-select__inner{ border: 0; border-bottom: 1px solid #e7e7e7; height: 46px; line-height: 45px; -ms-flex-pack: justify; justify-content: space-between; } } .b-select__title{ -ms-flex: 0 0 auto; flex: 0 0 auto; color: #666666; margin-right: 12px; } .b-select__list{ -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; overflow: hidden; } .b-select__list-inner{ padding-bottom: 1px; padding-top: 5px; } .b-select__item{ transition: all .3s; font-size: 0; line-height: 1.4; margin-bottom: 10px; } .b-select__item:hover{ color: #fdb913; } .b-select__item.selected{ display: none; } .b-select__active-item{ white-space: nowrap; font-size: 0; } .b-select__color{ display: inline-block; vertical-align: middle; width: 25px; -ms-flex: 0 0 25px; flex: 0 0 25px; height: 25px; background-position: center; background-size: cover; background-repeat: no-repeat; margin-right: 10px; } .b-select__text{ display: inline-block; vertical-align: middle; font-size: 14px; text-overflow: ellipsis; overflow: hidden; width: 100%; text-align: right !important; } .b-select--address .b-select__active-item div.b-select__text { color: #838383; } .b-select--address .b-select__text { text-align: left !important; } .b-selects{ display: -ms-flexbox; display: flex; margin-bottom: 0px; max-width: 100%; } .b-selects--catalog .b-selects__item{ margin-bottom: 0; } .b-selects__wrap{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex: 1 1 auto; flex: 1 1 auto; width: calc(100% - 120px); } @media(max-width: 760px){ .b-selects__wrap{ -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; } } @media(max-width: 760px){ .b-selects{ -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #e7e7e7; margin: 0 -15px 20px; max-width: none; } } .b-selects__item{ -ms-flex: 1 0 195px; flex: 1 0 195px; padding-right: 10px; max-width: 320px; margin-bottom: 10px; min-width: 195px; } .b-selects__item:last-of-type{ padding-right: 0; } .b-selects__item--small{ -ms-flex: 0 0 135px; flex: 0 0 135px; max-width: 135px; width: 135px; min-width: 0; } .b-selects__item--big{ -ms-flex: 1 0 275px; flex: 1 0 275px; min-width: 275px; } @media(max-width: 760px){ .b-selects__item{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; width: 100%; margin: 0; padding-right: 0; } .b-selects__item .btn{ width: 100%; margin-top: 15px; } } .b-selects__btn{ -ms-flex: 0 0 120px; flex: 0 0 120px; min-width: 120px; max-width: 120px; width: 120px; padding-left: 10px; } .b-selects__btn .b-selects__item{ min-width: 0; } .b-selects__btn .btn{ padding: 0 31px; } @media(max-width: 760px){ .b-selects__btn{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; padding: 0 15px !important; } } .b-selects .b-catalog__view{ -ms-flex: 0 0 80px; flex: 0 0 80px; } @media(max-width: 1330px){ .b-selects .b-catalog__view{ margin-left: auto; } } .b-soc__icon{ display: inline-block; vertical-align: middle; font-size: 26px; color: #838383; margin-right: 8px; transition: all .3s; } .b-soc__icon::last-of-type{ margin-right: 0; } .b-soc__icon--md{ font-size: 23px; } .b-soc__icon--fb:hover{ color: #3c5a98; } .b-soc__icon--tw:hover{ color: #2aa9e0; } .b-soc__icon--vk:hover{ color: #4d75a4; } .b-soc__icon--yt:hover{ color: #ed1d1b; } .b-soc__text{ margin-right: 9px; display: inline-block; vertical-align: middle; color: #777; } .b-soc__text--bold{ color: #272727; font-family: 'Pragmatica Light Bold', sans-serif; } .b-soc--big .b-soc__icon{ font-size: 32px; } .b-thread{ margin-bottom: 43px; } @media(max-width: 760px){ .b-thread{ margin-bottom: 35px; } } .b-thread--small{ margin-bottom: 20px; } .b-thread--small:last-of-type{ margin-bottom: 0; } .b-thread--small .b-thread__image{ display: none; } .b-thread--small .b-thread__text{ max-height: 43px; overflow: hidden; } .b-thread--small .b-thread__wrap{ padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; } .b-thread--small .b-thread__text-quote{ display: none; } .b-thread--feedback{ margin-bottom: 65px; } @media(max-width: 760px){ .b-thread--feedback{ margin-bottom: 33px; } } .b-thread--feedback .b-thread__title{ font-size: 14px; } @media(max-width: 760px){ .b-thread--feedback .b-thread__title{ text-align: center; margin-bottom: 8px; } } .b-thread--feedback .b-thread__name-wrap{ display: none; } .b-thread--feedback .b-thread__info{ display: block; } @media(max-width: 760px){ .b-thread--feedback .b-thread__info{ text-align: center; } } .b-thread--feedback .b-thread__date{ margin-right: 0; } .b-thread__image{ -ms-flex: 0 0 96px; flex: 0 0 96px; max-width: 96px; padding-right: 18px; } @media(max-width: 760px){ .b-thread__image{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 96px; margin: auto; text-align: center; padding-right: 0; margin-bottom: 17px; } } .b-thread__wrap{ display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .b-thread__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-thread__content{ -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 760px){ .b-thread__content{ -ms-flex: 1 1 100%; flex: 1 1 100%; } } .b-thread__title{ margin-bottom: 15px; font-family: "Pragmatica Light Bold", sans-serif; font-size: 16px; } .b-thread__info{ margin-bottom: 14px; display: -ms-flexbox; display: flex; color: #777777; font-size: 12px; } @media(max-width: 760px){ .b-thread__info{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-thread__date{ margin-right: 16px; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media(max-width: 760px){ .b-thread__date{ -ms-flex-order: 1; order: 1; } } .b-thread__name-wrap{ display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .b-thread__name-wrap{ margin-bottom: 5px; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .b-thread__name-wrap .i-icon{ margin-right: 5px; } .b-thread__text{ line-height: 1.429; } .b-thread__reply{ padding-left: 111px; margin: 22px 0; } @media(max-width: 760px){ .b-thread__reply{ padding-left: 0; margin: 15px 0; } } .b-thread__link{ transition: all .3s; } .b-thread__link:hover{ color: #fdb913; } .b-thread__text-quote{ padding: 10px; border: 1px solid #dedede; margin-bottom: 10px; } .b-thread__text-quote div{ padding: 5px 10px; border: 1px solid #dedede; } .b-thread__text-quote div:not(:last-of-type){ margin-bottom: 10px; } .b-thread__rating { text-align: right; margin-top: 20px; } .b-thread__rating .i-icon { font-size: 20px; margin-left: 15px; margin-top: -7px; } .b-thread__rating .i-icon path { fill: #999; transition: 0.3s ease; } .b-thread__rating .i-icon.bad { transform: rotate(180deg); margin-top: 0; } .b-thread__rating .i-icon:hover path, .b-thread__rating .i-icon.active path { fill: #000; } .b-thread__rating-num { padding-left: 5px; } .b-thread__rating-num.pos { color: #3884e5; } .b-thread__rating-num.neg { color: red; } .b-title{ position: relative; margin-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .b-title--mt { margin-top: 40px; } .b-title--center{ text-align: center; margin-bottom: 0; } .b-title--center::after{ left: 0; right: 0; margin: auto; } .b-title h1, .b-title h2, .b-title h3, .b-title h4, .b-title h5, .b-title h6{ margin: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .b-title h1 a, .b-title h2 a, .b-title h3 a, .b-title h4 a, .b-title h5 a, .b-title h6 a{ transition: all .3s; } .b-title h1 a:hover, .b-title h2 a:hover, .b-title h3 a:hover, .b-title h4 a:hover, .b-title h5 a:hover, .b-title h6 a:hover{ color: #fdb913; } .b-title h4{ padding-bottom: 10px; } .b-title h2{ padding-bottom: 12px; } .b-title::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 2px; background: #fdb913; } .b-title::left{ -ms-flex: 0 0 auto; flex: 0 0 auto; } .big-banner{ margin-bottom: 40px; position: relative; } @media(max-width: 760px){ .big-banner--main{ display: none; } } .big-banner--main a{ display: block; } .big-banner--main a img{ height: auto; } .big-banner__btn{ position: absolute; left: 4%; bottom: 20%; } .big-table{ margin-bottom: 20px; } .big-table__row{ display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .big-table__row{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .big-table__row:hover .big-table__cell{ background: #e7e7e7; } .big-table__cell{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 15px 20px; transition: all .3s; line-height: 1.2; } @media(max-width: 760px){ .big-table__cell{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; padding: 13px 15px; } } .big-table__title{ background: #f5f6f8; font-family: 'Pragmatica Light Bold'; } .booklet-list{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -9px; } .booklet-list--small .booklet-list__item{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } @media(max-width: 1100px){ .booklet-list--small .booklet-list__item{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } } @media(max-width: 1000px){ .booklet-list--small .booklet-list__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; } } @media(max-width: 760px){ .booklet-list--small .booklet-list__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; padding: 0 7px; } } @media(max-width: 760px){ .booklet-list{ margin: 0 -7px; } } .booklet-list__item{ -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(100% / 6); flex-basis: calc(100% / 6); max-width: calc(100% / 6); width: calc(100% / 6); padding: 0 9px; margin-bottom: 30px; } @media(max-width: 1100px){ .booklet-list__item{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } } @media(max-width: 990px){ .booklet-list__item{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } } @media(max-width: 760px){ .booklet-list__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; padding: 0 7px; } } .booklet-list__item-wrap{ display: block; text-align: center; } .booklet-list__item-wrap:hover .booklet-list__item-image{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .booklet-list__item-image{ display: block; height: 130px; box-shadow: 0 0 0 1px #e7e7e7; transition: all .3s; padding: 25px; background: #fff; font-size: 0; margin-bottom: 12px; } @media(max-width: 760px){ .booklet-list__item-image{ height: 90px; } } .booklet-list__item-image::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .booklet-list__item-image img{ display: inline-block; vertical-align: middle; } .brand-detail{ display: -ms-flexbox; display: flex; margin-bottom: 20px; } @media(max-width: 760px){ .brand-detail{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .brand-detail__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 35px; max-width: 50%; } @media(max-width: 1000px){ .brand-detail__item{ -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; padding-right: 0; } } @media(max-width: 760px){ .brand-detail__item{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-bottom: 35px; } } .brand-detail__catalog{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 10px; } @media(max-width: 1000px){ .brand-detail__catalog{ -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; } } @media(max-width: 760px){ .brand-detail__catalog{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: none; padding-left: 0; margin: 0 -15px; } } @media(min-width: 621px){ .brand-item--small .brand-item__image{ width: 96px; height: 96px; -ms-flex: 0 0 96px; flex: 0 0 96px; max-width: 96px; padding: 22px; } .brand-item--small .brand-item__text{ padding: 0; } } .brand-item--small .brand-item__image{ padding: 10px; } @media(max-width: 620px){ .brand-item--small .brand-item__image{ margin-bottom: 14px; } } @media(min-width: 621px){ .brand-item--big .brand-item__image{ width: 181px; height: 181px; -ms-flex: 0 0 181px; flex: 0 0 181px; max-width: 181px; padding: 30px; } } @media(max-width: 1000px){ .brand-item--big .brand-item__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; } } @media(max-width: 760px){ .brand-item--big .brand-item__wrap{ -ms-flex-pack: center; justify-content: center; } } @media(max-width: 1000px){ .brand-item--big .brand-item__image{ margin-bottom: 20px; } } @media(max-width: 1000px){ .brand-item--big .brand-item__content{ padding-left: 0; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media(max-width: 1000px){ .brand-item--big .brand-item__name{ text-align: center; } } @media(max-width: 1000px){ .brand-item--big .brand-item__text{ padding-right: 0; } } .brand-item__wrap{ width: 100%; display: -ms-flexbox; display: flex; } @media(max-width: 620px){ .brand-item__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } } .brand-item__image{ width: 162px; max-width: 162px; -ms-flex: 0 0 162px; flex: 0 0 162px; height: 162px; border: 1px solid #e7e7e7; padding: 25px; font-size: 0; text-align: center; display: block; } @media(max-width: 620px){ .brand-item__image{ margin-bottom: 20px; } } .brand-item__image::after{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .brand-item__image img{ display: inline-block; vertical-align: middle; } .brand-item__content{ -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 20px; } @media(max-width: 620px){ .brand-item__content{ padding-left: 0; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .brand-item__name{ display: inline-block; font-family: "Pragmatica Light Bold", sans-serif; margin-bottom: 10px; line-height: 1.2; } @media(max-width: 620px){ .brand-item__name{ text-align: center; } } .brand-item__text{ line-height: 1.429; padding-right: 20px; } @media(max-width: 950px){ .brand-item__text{ padding-right: 0; } } .brand-item__btn{ margin-top: 20px; } @media(max-width: 620px){ .brand-item__btn .btn{ width: 100%; } } .brands-slider{ padding: 45px 0; border-top: 1px solid #e7e7e7; text-align: center; } @media(max-width: 760px){ .brands-slider .slider-arrows__item{ display: none; } .brands-slider .container{ padding: 0; padding-left: 15px; } } .brands-slider__inner{ padding: 0 75px; position: relative; } @media(max-width: 760px){ .brands-slider__inner{ padding: 0; } } .brands-slider__item{ width: 104px; } .swiper-container:not(.swiper-container-horizontal) .brands-slider__item { width: calc(100% / 8); } @media(max-width: 1350px){ .swiper-container:not(.swiper-container-horizontal) .brands-slider__item{ width: calc(100% / 7); } } @media(max-width: 1150px){ .swiper-container:not(.swiper-container-horizontal) .brands-slider__item{ width: calc(100% / 6); } } @media(max-width: 1050px){ .swiper-container:not(.swiper-container-horizontal) .brands-slider__item{ width: calc(100% / 5); } } @media(max-width: 880px) and (min-width: 761px){ .swiper-container:not(.swiper-container-horizontal) .brands-slider__item{ width: calc(100% / 4); } } @media(max-width: 760px){ .brands-slider__item{ width: 104px !important; } } .brands-slider__link{ display: block; margin: auto; width: 125px; height: 78px; line-height: 78px; font-size: 0; } @media(max-width: 760px){ .brands-slider__link{ width: 100%; } } .brands-slider__link:hover .brands-slider__img{ -webkit-filter: grayscale(0); filter: grayscale(0); } .brands-slider__link::after{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .brands-slider__img{ display: inline-block; vertical-align: middle; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all .3s; } .breadcrumbs{ margin-bottom: 27px; } @media(max-width: 760px){ .breadcrumbs{ display: none; } } .breadcrumbs__item{ display: inline-block; vertical-align: middle; color: #666666; font-size: 13px; } .breadcrumbs__home{ font-size: 19px; color: #fdb913; } .breadcrumbs__link{ display: inline-block; vertical-align: middle; } .breadcrumbs__link:hover{ text-decoration: underline; } .breadcrumbs__current{ display: inline-block; vertical-align: middle; } .breadcrumbs__arrow{ width: 15px; margin: 0 13px; } .btn { display: inline-block; vertical-align: middle; text-align: center; height: 40px; line-height: 38px; border-radius: 2px; border: 1px solid #fdb913; background-color: #fdb913; color: #272727; padding: 0 35px; transition: all .3s; cursor: pointer; } .btn:hover { background-color: #fda813; border: 1px solid #fda813; } .btn--transparent-bg { border: 1px solid #fff; color: #fff; background: rgba(0, 0, 0, .2); } .btn--transparent-bg:hover { border: 1px solid #fdb913; color: #272727; background: #fdb913; } .btn--mid-height { height: 35px; line-height: 33px; } .btn--yellow-transparent { color: #fdb913; background-color: transparent; } .btn--yellow-transparent:hover { background-color: transparent; border: 1px solid #fdb913; } .btn--border { background-color: #fff; } .btn--border:hover { background-color: #fdb913; border: 1px solid #fdb913; } .btn--icon { font-size: 0; } .btn--cart .btn__icon { font-size: 24px; } .btn--disabled { background-color: #ffe29a; border: 1px solid #ffe29a; cursor: default; } .btn--disabled:hover { background-color: #ffe29a; border: 1px solid #ffe29a; } .btn--dashed { border: 0; background-color: transparent; height: auto; line-height: 1; border-bottom: 1px dashed currentColor; padding-bottom: 1px; padding: 0; border-radius: 0; } .btn--dashed:hover { background-color: transparent; border: 0; border-bottom: 1px dashed transparent; } .btn--bottom-solid { border: 0; background-color: transparent; height: auto; line-height: 1; border-bottom: 1px solid currentColor; padding-bottom: 1px; padding: 0; border-radius: 0; } .btn--bottom-solid:hover { background-color: transparent; border: 0; border-bottom: 1px solid transparent; } .btn__icon { margin-right: 8px; font-size: 20px; } .btn__text { display: inline-block; vertical-align: middle; font-size: 14px; } .btn__search { margin-left: 15px; max-width: 111px; } .cart-item{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0 15px 20px; border: 1px solid #e7e7e7; position: relative; margin-top: -1px; } .cart-item.overtop{ z-index: 4 !important; } .cart-item--table .good-item__basket-labels{ display: none; } @media(min-width: 900px){ .cart-item--table .cart-item__info-color{ display: none; } } @media(min-width: 761px){ .cart-item--table .cart-item__image{ display: none; } } .cart-item--small{ border-left: 0 !important; border-right: 0 !important; -ms-flex-align: start; align-items: flex-start; padding-top: 10px; padding-bottom: 10px; } .cart-item--small:hover{ border-top: 1px solid #e7e7e7 !important; border-bottom: 1px solid #e7e7e7 !important; } .cart-item--small:first-child{ border-top: 0 !important; } .cart-item--small .cart-item__image{ -ms-flex: 0 0 110px; flex: 0 0 110px; } .cart-item--small .cart-item__image img{ max-height: 100px; } .cart-item--small .cart-item__title{ font-family: 'Pragmatica', sans-serif; } .cart-item--small .cart-item__count-num{ width: auto; } .cart-item--small .cart-item__count-type{ margin-top: 7px; } .cart-item--small .cart-item__remove{ position: relative; top: 0; right: 0; } @media(max-width: 1000px){ .cart-item{ padding-left: 10px; } } @media(max-width: 760px){ .cart-item{ padding: 10px 15px 45px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cart-item:hover{ border: 1px solid #fdb913; z-index: 1; } .cart-item__info-wrap{ display: -ms-flexbox; display: flex; } @media(max-width: 1000px) and (min-width: 761px){ .cart-item__info-wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cart-item__image{ -ms-flex: 0 0 160px; flex: 0 0 160px; text-align: center; padding-right: 20px; font-size: 0; } .cart-item__image::after{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } @media(max-width: 1000px) and (min-width: 761px){ .cart-item__image{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding-right: 0; text-align: left; margin-bottom: 10px; } } @media(max-width: 760px){ .cart-item__image{ -ms-flex: 0 0 90px; flex: 0 0 90px; } } .cart-item__image img{ max-height: 135px; display: inline-block; vertical-align: middle; } @media(max-width: 1000px){ .cart-item__image img{ max-height: 80px; } } @media(max-width: 760px){ .cart-item__image img{ max-height: 90px; } } .cart-item__title{ line-height: 1.429; font-family: 'Pragmatica Light Bold', sans-serif; margin-bottom: 10px; } @media(max-width: 760px){ .cart-item__title{ font-size: 12px; padding-right: 15px; } } .cart-item__info-color{ margin-bottom: 17px; } .cart-item__info-color .b-select__text { text-align: left !important; } @media(max-width: 760px){ .cart-item__btns{ position: absolute; bottom: 18px; left: 15px; right: 15px; } } .cart-item__btn{ display: inline-block; vertical-align: middle; margin-right: 15px; } .cart-item__btn.stock-btn--not-in-store .stock-btn__icon{ color: #e4243c; } .cart-item__btn:last-child{ margin-right: 0; } .cart-item__btn .cart-item__btn-text { padding-top: 4px; } .cart-item__count-type{ width: 100%; display: block; margin-left: 0; margin-top: 7px; vertical-align: middle; } @media(max-width: 1130px) and (min-width: 761px){ .cart-item__count-type{ margin-left: 0; margin-top: 10px; } } .cart-item__count-num{ display: inline-block; vertical-align: middle; } @media(max-width: 1130px) and (min-width: 761px){ .cart-item__count-num{ width: 100%; } } .cart-item__price{ white-space: nowrap; font-size: 16px; } @media(max-width: 1000px){ .cart-item__price{ font-size: 14px; } } .cart-item__price--total{ font-family: 'Pragmatica Light Bold', sans-serif; } .cart-item__remove{ width: 25px; height: 25px; margin: auto; position: relative; cursor: pointer; text-align: center; display: block; } @media(max-width: 1000px){ .cart-item__remove{ position: absolute; right: 5px; top: 5px; } } .cart-item__remove:hover::after, .cart-item__remove:hover::before{ background: #fdb913; } .cart-item__remove::after, .cart-item__remove::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 15px; height: 1px; background: #272727; transition: all .3s; } .cart-item__remove::after{ transform: rotate(-45deg) translateZ(0); } .cart-item__remove::before{ transform: rotate(45deg) translateZ(0); } .cart-item__count-price{ margin-top: 25px; font-size: 16px; } .cart-item .b-count__wrap { display: -ms-flexbox; display: flex; } .catalog-image__image{ display: none; } .catalog-image__image.active{ display: block; } .catalog-image-btn{ position: absolute; right: 0; top: -15px; z-index: 3; } @media (max-width: 960px) { .catalog-image-btn{ position: static; } }.certificats-list__wrap{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -9px; } @media(max-width: 450px){ .certificats-list__wrap{ margin: 0; } } .certificats-list__item{ -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(100% / 6); flex-basis: calc(100% / 6); width: calc(100% / 6); max-width: calc(100% / 6); padding: 0 9px; margin-bottom: 35px; } @media(max-width: 1260px){ .certificats-list__item{ -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; max-width: 20%; } } @media(max-width: 1100px){ .certificats-list__item{ -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; max-width: 25%; } } @media(max-width: 860px){ .certificats-list__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; width: 33.33%; max-width: 33.33%; } } @media(max-width: 760px){ .certificats-list__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; } } @media(max-width: 450px){ .certificats-list__item{ -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; padding: 0 39px; } } .certificats-list__iten-wrap{ display: block; text-align: center; } .certificats-list__iten-wrap:hover .certificats-list__image{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .certificats-list__image{ display: block; height: 260px; padding: 17px 23px; background: #fff; box-shadow: 0 0 0 1px #e7e7e7; transition: box-shadow .3s; margin-bottom: 12px; font-size: 0; } .certificats-list__image::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .certificats-list__image img{ display: inline-block; vertical-align: middle; } .certificats-list__title{ display: block; font-size: 16px; line-height: 1.375; padding: 0 15px; } @media(max-width: 760px){ .certificats-list__title{ font-size: 14px; } } .checkout-progress{ margin-bottom: 40px; } @media(max-width: 760px){ .checkout-progress{ display: none; } } .checkout-progress__wrap{ display: -ms-flexbox; display: flex; } .checkout-progress__item{ -ms-flex: 0 0 25%; flex: 0 0 25%; position: relative; cursor: pointer; } .checkout-progress__item:hover::before{ opacity: 1; } .checkout-progress__item:hover::after{ border-top: 1px solid #fdb913; border-right: 1px solid #fdb913; } .checkout-progress__item:hover .checkout-progress__item-wrap{ border: 1px solid #fdb913; } .checkout-progress__item.active{ cursor: default; } .checkout-progress__item.active::after{ background: #fff; border-top: 1px solid #fdb913; border-right: 1px solid #fdb913; } .checkout-progress__item.active::before{ opacity: 1; } .checkout-progress__item.active .checkout-progress__item-wrap{ background: #fff; border: 1px solid #fdb913; cursor: default; } .checkout-progress__item:last-child::after{ display: none; } .checkout-progress__item:first-child .checkout-progress__item-wrap{ padding-left: 0; } .checkout-progress__item:first-child::before{ display: none; } .checkout-progress__item::after{ content: ''; position: absolute; height: 31px; background: #fdf6e3; border-top: 1px solid #fdf6e3; border-right: 1px solid #fdf6e3; z-index: 2; box-shadow: 3px -3px 0 3px #fff; width: 31px; top: 7px; right: -16px; transform: rotate(45deg) translateZ(0); transition: all .3s; } .checkout-progress__item::before{ content: ''; position: absolute; height: 31px; background: transparent; border-top: 1px solid #fdb913; border-right: 1px solid #fdb913; z-index: 1; width: 31px; top: 7px; left: -6px; transform: rotate(45deg) translateZ(0); opacity: 0; transition: opacity .3s; } .checkout-progress__item-wrap{ display: block; height: 46px; background: #fdf6e3; border: 1px solid #fdf6e3; text-align: center; line-height: 44px; font-size: 15px; transition: all .3s; padding-left: 30px; } @media(max-width: 1000px){ .checkout-progress__item-wrap{ font-size: 14px; } } .compare-slider .swiper-container:not(.swiper-container-horizontal) .good-item { margin-right: 15px; width: calc((25% - 15px) + (15px / 4)); } @media (max-width: 1390px) { .compare-slider .swiper-container:not(.swiper-container-horizontal) .good-item { width: calc(33% - 15px); } } @media (max-width: 1120px) { .compare-slider .swiper-container:not(.swiper-container-horizontal) .good-item { width: calc(50% - 15px); } } @media (max-width: 760px) { .compare-slider .swiper-container:not(.swiper-container-horizontal) .good-item { margin-right: 12px; width: calc(50% - 12px); } }.content-box{ line-height: 1.571; } .content-box::after, .content-box::before { content: ''; display: table; clear: both; } @media(max-width: 760px){ .content-box{ line-height: 1.429; } } .content-box p{ margin-bottom: 23px; } .content-box img{ margin: 15px; margin-top: 0; margin-left: 0; /*float: left;*/ height: auto; } .content-box__grey{ color: #777; } .content-box__line{ background: #e7e7e7; height: 1px; margin: .5em 0; } .content-box__head-image{ float: right; margin-left: 25px; margin-bottom: 25px; max-width: 50%; //height: 352px; width: 50%; } @media(max-width: 760px){ .content-box__head-image{ //height: 200px; width: 100%; } } .content-box__head-image img{ width: 100%; height: auto; max-height: none; //object-fit: cover; //object-position: center; margin: 0; } @media(max-width: 760px){ .content-box__head-image{ max-width: 100%; margin: 0; float: none; margin-bottom: 10px; margin-top: 10px; } } .content-box__left-image{ float: left; margin-right: 25px; margin-bottom: 25px; max-width: 50%; } @media(max-width: 760px){ .content-box__left-image{ max-width: 100%; margin: 0; float: none; margin-bottom: 10px; margin-top: 10px; } } .content-box__table{ overflow-x: auto; } .content-box table{ /*min-width: 600px;*/ border-spacing: 0; border-collapse: collapse; border: 1px solid #e7e7e7; } .content-box table thead tr{ background: #e7e7e7; } .content-box table th{ padding: 15px 12px 15px 18px; font-family: "Pragmatica Light Bold", sans-serif; font-weight: normal; text-align: left; } .content-box table tbody tr{ border-bottom: 1px solid #e7e7e7; } .content-box table tbody tr:last-of-type{ border-bottom: 0; } .content-box table tbody tr td{ padding: 12px 12px 12px 18px; line-height: 1.28; } .content-box table tbody tr td a{ text-decoration: underline; } .content-box table tbody tr td a:hover{ text-decoration: none; } .content-box a{ color: #fdb913; text-decoration: underline; } .content-box a:hover{ text-decoration: none; } .content-box__images{ display: -ms-flexbox; display: flex; margin-left: -15px; -ms-flex-pack: center; justify-content: center; } @media(max-width: 760px){ .content-box__images{ margin-left: 0; display: block; } } .content-box__images-item{ -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(33% - 15px); flex-basis: calc(33% - 15px); max-width: calc(33% - 15px); margin-left: 15px; margin-bottom: 15px; } .content-box__images-item:last-of-type:first-of-type{ margin-left: 0; } @media(max-width: 760px){ .content-box__images-item{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-left: 0; margin-bottom: 25px; } } .content-box__image-block{ margin-bottom: 15px; } @media(max-width: 760px){ .content-box__image-block{ margin-bottom: 25px; } } .content-box__image-block img{ margin: 0; float: none; max-height: 400px; } .content-box__image-block-title{ margin-top: 5px; font-size: 13px; color: #777777; } .detail-cart{ display: -ms-flexbox; display: flex; } @media(max-width: 1180px){ .detail-cart{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .detail-cart__left{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding-right: 20px; } @media(max-width: 1180px){ .detail-cart__left{ padding-right: 0; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; display: -ms-flexbox; display: flex; margin-bottom: 20px; } } @media(max-width: 760px){ .detail-cart__left{ -ms-flex-order: 1; order: 1; margin-top: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .detail-cart__props{ padding-left: 20px; } @media(max-width: 1180px){ .detail-cart__props{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media(max-width: 760px){ .detail-cart__props{ padding-left: 0; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .detail-cart__props-row{ display: -ms-flexbox; display: flex; margin-bottom: 15px; } .detail-cart__props-title{ -ms-flex: 0 0 120px; flex: 0 0 120px; padding-right: 10px; font-family: "Pragmatica Light Bold" } .detail-cart__props-text{ -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 1.2; } .detail-cart__right{ -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 1180px){ .detail-cart__info{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media(max-width: 760px){ .detail-cart__info{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .detail-checkout__date { margin-bottom: 9px; } .detail-checkout__date .i-icon { font-size: 10px; color: #4ca819; } .detail-checkout__date-not-in-stock { margin-bottom: 9px; } .detail-checkout__date-not-in-stock .i-icon { font-size: 10px; color: #e4243c; } .detail-checkout__date-text { display: inline-block; vertical-align: middle; } .detail-checkout__body { padding: 15px 20px 20px; background: #f5f6f8; } @media (max-width: 760px) { .detail-checkout__body { padding: 15px 15px 20px; margin: 0 -15px; } } .detail-checkout__price-wrap { margin-bottom: 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .detail-checkout__price-left { -ms-flex: 0 0 60%; flex: 0 0 60%; padding-right: 30px; max-width: 60%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 760px) { .detail-checkout__price-left { padding-right: 10px; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; -ms-flex-pack: start; justify-content: flex-start; } } .detail-checkout__price-right { -ms-flex: 0 0 40%; flex: 0 0 40%; padding-left: 20px; max-width: 40%; } @media (max-width: 760px) { .detail-checkout__price-right { -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } } .detail-checkout__price-name { color: #626262; } @media (max-width: 760px) { .detail-checkout__price-name { font-size: 12px; -ms-flex: 0 0 84px; flex: 0 0 84px; } } .detail-checkout__price { font-family: 'Pragmatica Bold', sans-serif; font-size: 18px; } .detail-checkout__price .b-price::after { font-weight: bold; } .detail-checkout__top-label { color: #626262; font-size: 12px; margin-bottom: 4px; } @media (max-width: 760px) { .detail-checkout__top-label { -ms-flex: 0 0 84px; flex: 0 0 84px; margin-bottom: 0; } } .detail-checkout__count { padding-right: 10px; } @media (max-width: 760px) { .detail-checkout__count { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .detail-checkout__count-input input { height: 35px; border: 1px solid #e7e7e7; padding: 0 5px; text-align: center; width: 100%; } .detail-checkout__total { display: -ms-flexbox; display: flex; -ms-flex-item-align: end; align-self: flex-end; margin-top: 30px; margin-bottom: 25px; } @media (max-width: 760px) { .detail-checkout__total { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 15px 0; } } .detail-checkout__total-left { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 760px) { .detail-checkout__total-left { -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-bottom: 15px; } } .detail-checkout__total-right { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding-left: 20px; } @media (max-width: 760px) { .detail-checkout__total-right { -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; padding-left: 0; } } .detail-checkout__total-right .detail-checkout__price { height: 35px; line-height: 35px; } .detail-checkout__select { -ms-flex: 0 0 55px; flex: 0 0 55px; margin-right: 10px; } .detail-checkout__select.measure{ -ms-flex: 0 0 90px; flex: 0 0 90px; } @media (max-width: 760px) { .detail-checkout__select { -ms-flex: 0 0 60px; flex: 0 0 60px; } } .detail-checkout__select:last-of-type { margin-right: 0; } .detail-checkout__select .b-select__text { text-align: center !important; } .detail-checkout__color { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .detail-checkout__color .b-select { -ms-flex: 0 0 75%; flex: 0 0 75%; } @media (max-width: 760px) { .detail-checkout__color .b-select { -ms-flex: 1 1 100%; flex: 1 1 100%; } } .detail-checkout__color .b-select__text { text-align: left !important; } .detail-checkout__color-title { -ms-flex: 0 0 auto; flex: 0 0 auto; color: #626262; margin-right: 15px; } @media (max-width: 760px) { .detail-checkout__color-title { font-size: 12px; -ms-flex: 0 0 84px; flex: 0 0 84px; margin-right: 0; } } .detail-checkout__color-select { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: pointer; } .detail-checkout__color-image { width: 30px; height: 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; background-position: center; background-repeat: no-repeat; background-size: cover; } .detail-checkout__color-name { border-bottom: 1px dashed currentColor; transition: all .3s; margin-left: 10px; } .detail-checkout__color-name:hover { border-bottom: 1px dashed transparent; } .detail-checkout__cart { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 15px -10px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .b-modal .detail-checkout__cart { margin-left: 0; margin-right: 0; } @media (max-width: 760px) { .detail-checkout__cart { margin: 15px -10px 25px; } } .detail-checkout__cart-item { -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 10px; max-width: 50%; } .detail-checkout__cart-item .btn { width: 100%; margin-bottom: 20px; } @media (max-width: 760px) { .detail-checkout__cart-item { -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0 10px; max-width: 100%; } .detail-checkout__cart-item .btn { margin-bottom: 10px; } } .detail-checkout__cart-item--small { -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 10px; max-width: 50%; } .detail-checkout__cart-item .b-info-links__item { margin-top: 18px; } .detail-checkout__cart-item .b-info-links__icon { margin-right: 8px; font-size: 20px; } .detail-checkout__cart-btn { display: inline-block; } .detail-checkout__cart-btn:hover .detail-checkout__cart-btn-text { text-decoration: underline; } @media (max-width: 760px) { .detail-checkout__cart-btn { height: 40px; line-height: 38px; text-align: center; border-radius: 2px; border: 1px solid #e7e7e7; width: 100%; } } .detail-checkout__cart-btn-text { display: inline-block; vertical-align: middle; } .detail-checkout__cart-btn-text--compare { margin-left: -30px; padding-left: 30px; } .detail-checkout__cart-btn-text--mobile { display: none; } @media (max-width: 760px) { .detail-checkout__cart-btn-text--mobile { display: inline-block; } } @media (max-width: 760px) { .detail-checkout__cart-btn-text--desktop { display: none; } } .detail-checkout__cart-btn-icon { font-size: 20px; margin-right: 8px; } .detail-checkout__one-click-form { -ms-flex: 1 1 100%; flex: 1 1 100%; display: none; margin-bottom: 15px; padding: 15px 20px 20px; border: 1px solid #fdb913; } @media (max-width: 760px) { .detail-checkout__one-click-form { padding: 10px 10px 0 !important; } } .detail-checkout__one-click-form .input-item { margin-bottom: 10px; } .detail-checkout__one-click-form .personal{ margin: 10px 0; color: #777777; line-height: 1.1; letter-spacing: 0.2px; } .detail-checkout__one-click-form .personal a{ text-decoration: underline; } .detail-checkout__one-click-form .personal a:hover{ text-decoration: none; } .detail-checkout__one-click-form-submit { text-align: right; } .detail-checkout__detail-link { margin-top: 15px; text-align: right; } .detail-checkout__detail-link a { border-bottom: 1px dashed #333; } .detail-checkout__detail-link a:hover { border-bottom: none; } .detail-colors{ padding: 0 20px; display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .detail-colors{ padding: 0; } } @media(max-width: 1100px){ .detail-colors{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .detail-colors__list .swiper-wrapper{ font-size: 0; display: block; } .detail-colors__list .slider-arrows__item{ display: none; } @media(max-width: 760px){ .detail-colors__list .slider-arrows__item{ display: block; } } @media(max-width: 760px){ .detail-colors__list-wrap{ padding: 0 15px; } .detail-colors__list-wrap .slider-arrows__item--next{ right: -10px; } .detail-colors__list-wrap .slider-arrows__item--prev{ left: -10px; } } .detail-colors__item{ display: inline-block; vertical-align: top; box-sizing: content-box; padding: 7px; } @media(min-width: 761px){ .detail-colors__item{ width: 50px !important; } } @media(max-width: 760px){ .detail-colors__item{ box-sizing: border-box; text-align: center; } } .detail-colors__title{ font-family: "Pragmatica Light Bold", sans-serif; margin-bottom: 10px; } .detail-colors__colors{ -ms-flex: 0 0 37%; flex: 0 0 37%; max-width: 37%; } @media(max-width: 1100px){ .detail-colors__colors{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-bottom: 15px; } } .detail-colors__images{ -ms-flex: 0 0 63%; flex: 0 0 63%; padding-left: 40px; max-width: 63%; } @media(max-width: 1100px){ .detail-colors__images{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 0; max-width: 100%; } } .detail-colors__images-pics{ display: -ms-flexbox; display: flex; height: 340px; } @media(max-width: 1000px){ .detail-colors__images-pics{ height: 260px; } } .detail-colors__images-inner{ display: none; } .detail-colors__images-inner.active{ display: block; } .detail-colors__image{ margin-right: 15px; margin-bottom: 15px; } .detail-colors__image:last-of-type{ margin-right: 0; } .detail-colors__images-title{ font-family: "Pragmatica Light Bold", sans-serif; } .detail-compl__item{ margin-bottom: 30px; display: -ms-flexbox; display: flex; height: auto !important; width: 188px; } .detail-compl__item-wrap{ padding: 10px; border: 1px solid #e7e7e7; width: 100%; } .detail-compl__img{ height: 150px; font-size: 0; margin-bottom: 10px; text-align: center; } .detail-compl__img::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .detail-compl__img img{ display: inline-block; vertical-align: middle; } .detail-compl__text{ line-height: 1.429; } .detail-slider{ display: -ms-flexbox; display: flex; } .detail-slider__big{ -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; overflow: hidden; } @media(max-width: 760px){ .detail-slider__big{ display: none; } } .detail-slider__img-block{ height: 420px; padding: 10px 15px; border: 1px solid #e7e7e7; font-size: 0; text-align: center; display: block; } .detail-slider__img-block.hide{ display: none; } .detail-slider__img-block::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .detail-slider__img-block .detail-slider__vertical-item-video-on{ display: none; } .detail-slider__img-block.video .detail-slider__vertical-item-video-on{ display: block; } .detail-slider__big-img{ display: inline-block; vertical-align: middle; } .detail-slider__vertical-item-wrap{ padding: 2px; text-align: center; position: relative; -ms-flex: 1 1 100%; flex: 1 1 100%; cursor: pointer; height: 100%; font-size: 0; } .detail-slider__vertical-item-wrap::after{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .detail-slider__vertical-item-wrap img{ display: inline-block; vertical-align: middle; } .detail-slider__vertical-item{ position: relative; display: -ms-flexbox; display: flex; border: 1px solid #e7e7e7; -ms-flex-align: center; align-items: center; } @media(min-width: 761px){ .swiper-container:not(.swiper-container-vertical) .detail-slider__vertical-item{ height: calc(20% - 9px); margin-bottom: 9px; } } .detail-slider__vertical-item--video .detail-slider__vertical-item-video-on{ display: block; } .detail-slider__vertical-item.active{ border: 1px solid #fdb913; } @media(max-width: 760px){ .detail-slider__vertical-item{ border: 0 !important; height: 340px !important; } } .detail-slider__vertical{ -ms-flex: 0 0 135px; flex: 0 0 135px; max-width: 135px; padding-left: 10px; height: 420px; } .detail-slider__vertical .swiper-container{ height: 100%; } @media(max-width: 760px){ .detail-slider__vertical{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100vw; padding-left: 0px; height: 340px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 -15px; border-top: 1px solid #e7e7e7; position: relative; } .detail-slider__vertical .swiper-container{ height: auto; } } .detail-slider__vertical-wrap{ padding: 0 0 50px; height: 100%; } @media(max-width: 760px){ .detail-slider__vertical-wrap{ padding: 0; height: auto; max-width: 100%; width: 100%; } } .detail-slider__vertical-item-video-on{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: rgba(0,0,0,.47); display: none; text-align: center; cursor: pointer; } .detail-slider__vertical-item-video-on .i-icon{ color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 40px; height: 40px; } .detail-slider__big-labels{ position: absolute; left: 0; top: 0; z-index: 1; } .detail-slider__big-fav{ position: absolute; right: 0; top: 0; width: 36px; height: 36px; line-height: 36px; text-align: center; cursor: pointer; z-index: 1; } @media(max-width: 760px){ .detail-slider__big-fav{ right: 10px; } } .detail-slider__big-fav:hover .i-icon{ color: #fdb913; } .detail-slider__big-fav .i-icon{ font-size: 21px; color: #797676; transition: all .3s; } .detail-slider__big-brand{ position: absolute; left: 15px; bottom: 10px; width: 90px; z-index: 1; } .detail-slider__vertical-mobile{ display: none; } @media(max-width: 760px){ .detail-slider__vertical-mobile{ display: block; } } .detail-slider iframe{ width: 100%; height: 420px; z-index: 3; position: relative; display: none; } .detail-slider iframe.show{ display: block; } .detail-slider__vertical .swiper-container .good-item { height: 200px !important; }.fav-btn{ display: inline-block; cursor: pointer; } .fav-btn--big .fav-btn__icon{ font-size: 21px; } .fav-btn:hover .fav-btn__icon{ stroke: #fdb913; } .fav-btn.active .fav-btn__icon{ stroke: #fdb913; fill: #fdb913; } .fav-btn__icon{ font-size: 15px; transition: all .3s; margin-right: 0 !important; fill: transparent; stroke: currentColor; } .fav-btn__text{ display: inline-block; vertical-align: middle; /*margin-left: 3px;*/ } .files-table{ padding-top: 1px; } @media(min-width: 761px){ .files-table--small .files-table__save{ -ms-flex: 0 0 112px; flex: 0 0 112px; } .files-table--small .files-table__size{ -ms-flex: 0 0 70px; flex: 0 0 70px; } .files-table--small .files-table__download{ -ms-flex: 0 0 35px; flex: 0 0 35px; } .files-table--small .files-table__view{ -ms-flex: 0 0 35px; flex: 0 0 35px; } .files-table--small .files-table__date{ -ms-flex: 0 0 100px; flex: 0 0 100px; } } @media(min-width: 761px){ .files-table--catalog .files-table__row{ -ms-flex-pack: start; justify-content: flex-start; } .files-table--catalog .files-table__title{ -ms-flex: 0 1 300px; flex: 0 1 300px; } .files-table--catalog .files-table__view{ -ms-flex: 0 0 105px; flex: 0 0 105px; margin-left: auto; } .files-table--catalog .files-table__view .files-table__text{ border-bottom: 1px solid currentColor; } .files-table--catalog .files-table__view:hover .files-table__text{ border-bottom: 1px solid transparent; } } @media(max-width: 760px){ .files-table--catalog .files-table__row{ -ms-flex-pack: justify; justify-content: space-between; } .files-table--catalog .files-table__cell{ margin-bottom: 0; } .files-table--catalog .files-table__title{ margin-bottom: 13px; } } @media(max-width: 760px){ .files-table--profile .files-table__row{ margin-bottom: 20px; } .files-table--profile .files-table__download{ -ms-flex: 0 0 100px; flex: 0 0 100px; } } .files-table__row{ border: 1px solid #e7e7e7; transform: translateZ(0); margin-top: -1px; padding: 20px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .files-table__row:hover{ border: 1px solid #fdb913; z-index: 1; } @media(max-width: 760px){ .files-table__row{ -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; padding: 15px; } } @media (max-width: 760px) { .files-table__row_title{ display: none !important; } } .files-table__cell{ padding: 0 5px; transform: translateZ(0); } .files-table__cell a{ transition: all .3s; } .files-table__cell a:hover{ color: #fdb913; } @media(max-width: 760px){ .files-table__cell{ padding: 0; margin-bottom: 16px; } } .files-table__icon{ font-size: 20px; margin-right: 4px; } @media(max-width: 760px){ .files-table__icon{ margin-right: 8px; } } .files-table__text{ display: inline-block; vertical-align: middle; } .files-table__text--wrap{ display: -ms-flexbox; display: flex; width: 100%; -ms-flex-align: center; align-items: center; } .files-table__text--mobile{ display: none; } @media(max-width: 760px){ .files-table__text--mobile{ display: inline-block; } } .files-table__text--grey{ color: #666666; } .files-table__date{ -ms-flex: 0 0 130px; flex: 0 0 130px; } @media(max-width: 1000px){ .files-table__date{ -ms-flex: 0 0 110px; flex: 0 0 110px; } } @media(max-width: 760px){ .files-table__date{ -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-order: -2; order: -2; margin-bottom: 11px; } .files-table__date .files-table__text--mobile{ width: 140px; } } .files-table__download{ -ms-flex: 0 0 70px; flex: 0 0 70px; } @media(max-width: 1000px){ .files-table__download{ -ms-flex: 0 0 50px; flex: 0 0 50px; } } @media(max-width: 760px){ .files-table__download{ -ms-flex: 0 0 140px; flex: 0 0 140px; } } .files-table__view{ -ms-flex: 0 0 70px; flex: 0 0 70px; } @media(max-width: 1000px){ .files-table__view{ -ms-flex: 0 0 50px; flex: 0 0 50px; } } @media(max-width: 760px){ .files-table__view{ -ms-flex: 0 0 140px; flex: 0 0 140px; } } .files-table__size{ -ms-flex: 0 0 105px; flex: 0 0 105px; } @media(max-width: 1000px){ .files-table__size{ -ms-flex: 0 0 80px; flex: 0 0 80px; } } @media(max-width: 760px){ .files-table__size{ -ms-flex-order: -1; order: -1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 15px; } .files-table__size .files-table__text--mobile{ width: 140px; } } .files-table__save{ -ms-flex: 0 0 140px; flex: 0 0 140px; } .files-table__save .files-table__text{ border-bottom: 1px solid currentColor; transition: all .3s; cursor: pointer; } .files-table__save .files-table__text:hover{ border-bottom: 1px solid transparent; } @media(max-width: 760px){ .files-table__save .files-table__text{ border-bottom: 0 !important; } } @media(max-width: 1000px){ .files-table__save{ -ms-flex: 0 0 120px; flex: 0 0 120px; } } @media(max-width: 760px){ .files-table__save{ -ms-flex: 0 0 140px; flex: 0 0 140px; margin-bottom: 0; } } .files-table__title{ -ms-flex: 0 1 450px; flex: 0 1 450px; padding-left: 0; line-height: 1.42; } .files-table__title .i-icon{ font-size: 26px; margin-right: 10px; } .files-table__title--bold{ font-family: 'Pragmatica Light Bold', sans-serif; } @media(max-width: 760px){ .files-table__title{ -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 18px; -ms-flex-order: -3; order: -3; } } .files-table__prods-count{ -ms-flex: 0 0 110px; flex: 0 0 110px; } .footer-fixed{ position: fixed; left: 0; right: 0; bottom: 0; background: #f8f8f8; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); z-index: 3; transform: translateZ(0); } @media(max-width: 1000px){ .footer-fixed{ display: none; } } .footer-fixed__wrap{ display: -ms-flexbox; display: flex; height: 40px; } .footer-fixed__item{ display: block; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(100% / 7); flex-basis: calc(100% / 7); border-left: 1px solid #e7e7e7; line-height: 40px; text-align: center; transition: all .3s; max-width: calc(100% / 7); } .footer-fixed__item--favorite .footer-fixed__item-icon{ stroke: currentColor; fill: transparent; } @media(max-width: 1200px){ .footer-fixed__item{ -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(100% / 6); flex-basis: calc(100% / 6); max-width: calc(100% / 6); } .footer-fixed__item:first-of-type{ border-left: 0; } } .footer-fixed__item--yellow{ background: #fdb913; border-left: 1px solid #fdb913; color: #272727 !important; } .footer-fixed__item--yellow:hover{ opacity: .8; } .footer-fixed__item:first-child{ border-left: 0; } .footer-fixed__phone{ font-size: 16px; } @media(max-width: 1200px){ .footer-fixed__phone{ display: none; } } .footer-fixed__item-icon{ font-size: 20px; margin-right: 6px; } .footer-fixed__item-icon--save{ fill:none; stroke:#000000; } .footer-fixed__item-text{ display: inline-block; vertical-align: middle; } .footer-fixed a.footer-fixed__item:hover{ color: #fdb913; } .footer{ position: relative; z-index: 1; opacity: 0; transition: opacity .3s; } .footer.visible{ opacity: 1; } .footer--project-page{ display: none; /*@media(--mobile){ display: block; }*/ } .footer__menu{ background: #272727; } @media(max-width: 760px){ .footer__menu .container{ padding: 0; } } .footer__menu-list{ display: -ms-flexbox; display: flex; height: 45px; } @media(max-width: 760px){ .footer__menu-list{ height: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .footer__menu-link{ display: block; line-height: 45px; } @media(max-width: 760px){ .footer__menu-link{ padding: 0 15px; } } .footer__menu-item{ text-align: center; font-size: 16px; color: #fff; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 360px; } @media(max-width: 760px){ .footer__menu-item{ border-bottom: 1px solid #363636; text-align: left; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 14px; max-width: 100%; } .footer__menu-item:last-of-type{ border-bottom: 0; } } .footer__menu-item:hover{ background: #404040; } .footer__main{ padding: 25px 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .footer__main #asd_subscribe_res{ margin-bottom: 10px; max-width: 256px; } @media(max-width: 1000px){ .footer__main{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .footer__email-sub{ margin-bottom: 15px; } .footer__email-sub input{ width: 216px; } .footer__center{ padding: 0 15px; } @media(max-width: 1000px){ .footer__center{ padding: 0; } } .footer__soc{ margin-bottom: 16px; } .footer__rules{ padding: 0 0 25px; line-height: 1.4; } .footer__rules-link{ padding-bottom: 1px; border-bottom: 1px solid currentColor; transition: all .3s; margin-right: 10px; white-space: nowrap; } .footer__rules-link:hover{ border-bottom: 1px solid transparent; } .footer__main-block{ margin-bottom: 15px; } .footer__main-block:last-of-type{ margin-bottom: 0; } .footer__phone{ margin-right: 4px; display: inline-block; vertical-align: middle; } .footer__main-icon{ color: #888888; margin-right: 8px; } .footer__link-wrap{ display: inline-block; vertical-align: middle; } .footer__link-wrap:hover .footer__link{ border-bottom: 1px dotted transparent; } .footer__link{ border-bottom: 1px dotted currentColor; padding-bottom: 1px; transition: all .3s; } .footer__copyrights{ font-size: 12px; } .footer__bottom-fake{ height: 40px; } @media(max-width: 1000px){ .footer__bottom-fake{ display: none; } } @media(max-width: 1000px){ .footer__main-item{ -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 35px; } .footer__main-item:last-of-type{ margin-bottom: 0; } } @media(max-width: 760px){ .footer__main-item{ -ms-flex: 1 1 100%; flex: 1 1 100%; } } .footer__address{ line-height: 1.429; } .footer__mail:hover span{ text-decoration: underline; } .footer__fact-copyrights a:hover{ text-decoration: underline; } .gallery-slider{ margin-bottom: 20px; } .gallery-slider__wrap{ margin: -20px -29px; } @media(max-width: 760px){ .gallery-slider__wrap{ margin: -20px 0; padding: 0 !important; } } .gallery-slider__wrap .slider-arrows__item{ top: 20px !important; bottom: 20px !important; } @media(max-width: 760px){ .gallery-slider__wrap .slider-arrows__item{ display: none; } } .gallery-slider .swiper-container{ padding: 20px 29px; width: 100%; } @media(max-width: 760px){ .gallery-slider .swiper-container{ padding: 20px 0; } } .gallery-slider__item{ height: 170px !important; display: block; position: relative; transform: translateZ(0); transition: box-shadow .3s; } .swiper-container:not(.swiper-container-horizontal) .gallery-slider__item { margin-right: 20px; width: calc(20% - 20px); } @media(max-width: 1250px){ .swiper-container:not(.swiper-container-horizontal) .gallery-slider__item{ width: calc(25% - 20px); } } @media(max-width: 980px) and (min-width: 761px){ .swiper-container:not(.swiper-container-horizontal) .gallery-slider__item{ width: calc(33% - 20px); } } @media(max-width: 760px){ .gallery-slider__item{ width: 244px !important; } } .gallery-slider__item:hover{ box-shadow: 0 2px 10px 6px rgba(0,0,0,.3); } .gallery-slider__item:hover .gallery-slider__item-img{ transform: scale(1.07) rotate(0.02deg) translateZ(0); } .gallery-slider__item:hover .gallery-slider__item-overlay{ opacity: 1; visibility: visible; } .gallery-slider__item-img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center; background-size: cover; transform: scale(1) translateZ(0); transition: transform .3s; } .gallery-slider__item-overlay{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.7); text-align: center; opacity: 0; visibility: hidden; transition: all .3s; } .gallery-slider__item-overlay .i-icon{ color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; font-size: 34px; } .good-item{ position: relative; display: -ms-flexbox; display: flex; height: auto !important; } .good-item:hover{ z-index: 2; } @media(max-width: 760px){ .good-item.swiper-slide{ width: 258px; } } @media(min-width: 561px){ .good-item--line .good-item__wrap{ -ms-flex-direction: row; flex-direction: row; -ms-flex-align: start; align-items: flex-start; } .good-item--line .good-item__wrap:hover{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .good-item--line .good-item__top{ -ms-flex: 0 0 240px; flex: 0 0 240px; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: stretch; align-self: stretch; } @media(max-width: 1250px){ .good-item--line .good-item__top{ -ms-flex: 0 0 200px; flex: 0 0 200px; } } @media(max-width: 900px){ .good-item--line .good-item__top{ -ms-flex: 0 0 150px; flex: 0 0 150px; } } .good-item--line .good-item__image{ height: auto; padding: 10px; } .good-item--line .good-item__image img{ max-height: 220px; } .good-item--line .good-item__cart{ position: relative; top: 0; } .good-item--line .good-item__info{ display: block; } .good-item--line .good-item__title{ height: auto; } .good-item--line .good-item__body{ padding: 20px; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 1200px){ .good-item--line .good-item__body{ -ms-flex: 1 1 100%; flex: 1 1 100%; } } .good-item--line .good-item__cart-wrap{ padding: 20px; -ms-flex: 0 0 360px; flex: 0 0 360px; height: auto; } @media(max-width: 1200px){ .good-item--line .good-item__cart-wrap{ padding-top: 0; } } @media(max-width: 900px){ .good-item--line .good-item__cart-wrap{ -ms-flex: 1 1 100%; flex: 1 1 100%; } } .good-item--line .good-item__cart{ padding: 0; box-shadow: none !important; } .good-item--line .good-item__prices{ padding: 0; padding-bottom: 20px; } .good-item--line .good-item__cart-buy{ -ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0; } .good-item--line .good-item__cart-buy .btn{ padding: 0 20px; } .good-item--line .good-item__cart-fast{ -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 8%; max-width: 50%; text-align: left; } .good-item--line .good-item__content{ -ms-flex-direction: row; flex-direction: row; } @media(max-width: 1200px){ .good-item--line .good-item__content{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .good-item--line .good-item__cart{ display: -ms-flexbox; display: flex; } } @media(min-width: 1301px){ .good-item--line-small .good-item__top{ -ms-flex: 0 0 157px; flex: 0 0 157px; background: #fff; position: relative; z-index: 2; } .good-item--line-small .good-item__info{ display: none; } .good-item--line-small .good-item__cart{ display: none; position: absolute; left: 0; right: 0; top: 100%; box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15) !important; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 20px; } .good-item--line-small .good-item__wrap{ -ms-flex-align: stretch; align-items: stretch; } .good-item--line-small .good-item__wrap:hover .good-item__cart{ display: -ms-flexbox; display: flex; } .good-item--line-small .good-item__content{ -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column; max-width: calc(100% - 158px); } .good-item--line-small .good-item__cart-wrap{ -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0; } .good-item--line-small .good-item__prices{ padding: 0 20px 25px; background: #fff; position: relative; z-index: 2; } .good-item--line-small .good-item__body{ padding-bottom: 0; } .good-item--line-small .good-item__image img{ max-height: 137px; } .good-item--line-small .good-item__fast-view{ display: none !important; } .good-item--line-small .good-item__cart-items{ -ms-flex: 0 0 170px; flex: 0 0 170px; padding-left: 23px; } .good-item--line-small .good-item__cart-item{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0 !important; max-width: 100%; } .good-item--line-small .good-item__cart-item.good-item__cart-item--compare{ margin-bottom: 0; } .good-item--line-small .good-item__cart-item--in-store{ display: none; } .good-item--line-small .good-item__cart-btns{ margin: 0; padding-right: 17px; } .good-item--line-small .good-item__cart-fast{ display: none; } .good-item--line-small .good-item__cart-item{ margin-bottom: 2px; } .good-item--line-small .good-item__cart-item-text{ margin-left: 3px; } } @media(max-width: 760px){ .good-item--line-small .good-item__cart-more{ padding: 0 35px; position: relative; left: 0px; right: 0px; bottom: 0px; border-radius: 2px; background: #fff; } .good-item--line-small .good-item__cart-item--in-store{ display: none; } } .good-item--accessories .good-item__cart-btns{ margin: 0; } .good-item--accessories .good-item__cart-buy{ margin: 0; } .good-item--accessories .good-item__cart-wrap{ height: auto; } .good-item--compare .good-item__cart{ position: relative; display: -ms-flexbox; display: flex; top: 0; box-shadow: none !important; } .good-item--compare .good-item__cart-item--in-store{ padding-left: 8%; } @media(max-width: 760px){ .good-item--compare .good-item__cart-item{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; max-width: 100%; } } @media(max-width: 760px){ .good-item--compare .good-item__prices{ display: none; } } @media(max-width: 760px){ .good-item--compare .good-item__title{ height: auto; font-size: 12px; } } @media(max-width: 760px){ .good-item--compare .good-item__body{ -ms-flex: 1 1 auto; flex: 1 1 auto; } } .good-item--compare .good-item__cart-wrap{ height: auto; } @media(max-width: 760px){ .good-item--compare .good-item__cart-wrap{ -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media(max-width: 760px){ .good-item--compare .good-item__cart-btns{ margin-top: 30px; } } @media(max-width: 760px){ .good-item--compare .good-item__image{ height: 115px; } } .good-item__wrap{ box-shadow: 0 0 0 1px #e7e7e7; position: relative; overflow: hidden; transform: translateZ(0); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; } .good-item__wrap:hover{ box-shadow: 0 0 9px 0px rgba(0,0,0,.2); overflow: visible; } .good-item__wrap:hover .good-item__cart{ box-shadow: 0 0 9px 0px rgba(0,0,0,.2); display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .good-item__wrap:hover .good-item__cart{ box-shadow: none; } } .good-item__wrap:hover .good-item__fast-view{ display: block; } @media(max-width: 760px){ .good-item__wrap:hover .good-item__fast-view{ display: none; } } .good-item__top{ position: relative; padding: 3px 3px 0; overflow: hidden; } .good-item__image{ display: block; height: 177px; font-size: 0; text-align: center; } .good-item__image::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .good-item__image img{ display: inline-block; vertical-align: middle; } .good-item__labels{ position: absolute; left: 0; top: 0; z-index: 1; } .good-item__basket-labels{ position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; padding-right: 10px; } .good-item__prices{ display: -ms-flexbox; display: flex; padding: 14px; background: #fff; position: relative; z-index: 2; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-top: 0; } .good-item__prices-item{ -ms-flex: 0 0 50%; flex: 0 0 50%; } .good-item__prices-item .good-item__cart-item{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } .good-item__prices-item .good-item__cart-item:last-of-type{ margin-bottom: 0; } .good-item__prices-item:nth-of-type(2){ padding-left: 8%; } .good-item__prices-item--cart:nth-of-type(2){ padding-left: 0; } .good-item__prices-title{ font-size: 13px; color: #666666; margin-bottom: 6px; } .good-item__price{ font-family: "Pragmatica Bold", sans-serif; font-size: 18px; } .good-item__price .b-price::after{ font-weight: bold; } .good-item__price-old{ color: #666666; margin-top: 6px; } .good-item__title{ line-height: 1.429; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; margin-bottom: 17px; } .good-item__body{ padding: 14px; -ms-flex: 1 1 auto; flex: 1 1 auto; background: #fff; position: relative; z-index: 2; padding-bottom: 0; } .good-item__cart{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 14px; -ms-flex-pack: justify; justify-content: space-between; position: absolute; background: #fff; z-index: 1; left: 0; right: 0; top: 100%; padding-bottom: 20px; display: none; } @media(max-width: 760px){ .good-item__cart{ position: relative; top: 0; display: -ms-flexbox; display: flex; } } .good-item__cart-item{ -ms-flex: 0 0 50%; flex: 0 0 50%; cursor: pointer; margin-bottom: 12px; max-width: 50%; font-size: 13px; white-space: nowrap; } .good-item__cart-item .i-icon{ //margin-right: 6px !important; width: 15px; } @media(max-width: 800px) and (min-width: 760px){ .good-item__cart-item .i-icon{ width: 13px; } } .good-item__cart-item--fav .i-icon{ font-size: 15px; color: #8f8f8f; } @media(max-width: 800px) and (min-width: 760px){ .good-item__cart-item--fav .i-icon{ font-size: 13px; } } .good-item__cart-item--compare{ padding-left: 5%; transition: all .3s; } .good-item__cart-item--compare:hover{ opacity: .65; } .good-item__cart-item--compare .i-icon{ font-size: 15px; color: #e4243c; } @media(max-width: 800px) and (min-width: 760px){ .good-item__cart-item--compare .i-icon{ font-size: 13px; } } .good-item__cart-item--in-store .i-icon{ font-size: 10px; color: #4ba818; } .good-item__cart-item--not-in-store .i-icon{ font-size: 10px; color: #e4243c; } .good-item__cart-item-text{ display: inline-block; vertical-align: middle; } @media(max-width: 900px){ .good-item__cart-item-text{ font-size: 13px; } } @media(max-width: 800px) and (min-width: 760px){ .good-item__cart-item-text{ font-size: 12px; } } .good-item__cart-item-text.to-favorite, .good-item__cart-item-text.to-compare { margin-left: -20px; padding-left: 20px; line-height: 21px; } .good-item__cart-buy{ -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 5px; margin-bottom: 10px; } .good-item__cart-buy .btn{ width: 100%; } .good-item__cart-item--not-in-store{ max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; white-space: normal; } .good-item__cart-item--not-in-store .stock-btn__text { max-width: 80%; } .good-item__cart-item--not-in-store .stock-btn__text svg{ max-width: 80%; } .good-item__cart-fast{ -ms-flex: 1 1 100%; flex: 1 1 100%; text-align: center; } .good-item__fast-view{ position: absolute; left: 0; right: 0; bottom: 0; height: 30px; display: block; background: rgba(0,0,0,.65); text-align: center; line-height: 30px; color: #fff; font-size: 13px; display: none; transition: all .3s; } .good-item__fast-view:hover{ background: rgba(0,0,0,.8); } @media(max-width: 1050px){ .good-item__fast-view{ display: none !important; } } .good-item__cart-wrap{ -ms-flex: 0 0 auto; flex: 0 0 auto; height: 71px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 760px) { .good-item__cart-wrap{ height: auto; } } .good-item__info{ display: none; } .good-item__info-row{ margin-bottom: 6px; } .good-item__info-cell{ display: inline-block; vertical-align: baseline; } .good-item__info-cell:first-of-type{ margin-right: 6px; } .good-item__cart-btns{ -ms-flex: 1 1 100%; flex: 1 1 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-top: 10px; } .good-item__content{ -ms-flex: 1 1 auto; flex: 1 1 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .good-item__cart-more{ width: 100%; } @media(max-width: 760px){ .good-item__cart-more{ padding: 0; position: absolute; left: 0px; right: 0px; bottom: 0px; border-radius: 0; background: #fdb913; } } .good-item__close{ width: 45px; height: 45px; background: #e8e8e8; position: absolute; right: 0; cursor: pointer; top: 0; z-index: 1; } @media(max-width: 760px){ .good-item__close{ width: 29px; height: 29px; } } .good-item__close::after, .good-item__close::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 18px; height: 1px; background: #272727; transition: all .3s; } @media(max-width: 760px){ .good-item__close::after, .good-item__close::before{ width: 13px; } } .good-item__close::after{ transform: rotate(-45deg) translateZ(0); } .good-item__close::before{ transform: rotate(45deg) translateZ(0); } .good-item__close:hover{ background: #fdb913; } .good-item__cart-items{ -ms-flex: 1 1 100%; flex: 1 1 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .detail-slider__vertical .swiper-container .good-item__title { height: 5.5em !important; } .good-items-slider .swiper-container{ padding: 10px 10px 166px; } @media(max-width: 760px){ .good-items-slider .swiper-container{ padding-bottom: 10px; } } .good-items-slider .swiper-container:hover{ z-index: 2; } .good-items-slider .slider-block{ margin: -10px -10px -166px; } @media(max-width: 760px){ .good-items-slider .slider-block{ margin-right: -15px; margin-bottom: -10px; } } .good-items-slider--small .swiper-container{ padding: 10px; } .good-items-slider--small .slider-block{ margin: -10px; } .good-items-slider.project-slider .slider-arrows__item{ top: 160px; transform: none; } @media(max-width: 760px){ .good-items-slider.project-slider .slider-arrows__item{ display: none; } } @media(min-width: 761px){ .good-items-slider .swiper-container:not(.swiper-container-horizontal) .good-item{ margin-right: 14px; width: calc(20% - 14px); } } @media(max-width: 1360px) and (min-width: 761px){ .good-items-slider .swiper-container:not(.swiper-container-horizontal) .good-item{ width: calc(25% - 14px); } } @media(max-width: 1100px) and (min-width: 761px){ .good-items-slider .swiper-container:not(.swiper-container-horizontal) .good-item{ width: calc(33% - 14px); } } .header-main{ position: absolute; left: 0; right: 0; top: 40px; } .header-main.fixed{ position: fixed; top: 0; } .header-main.fixed .header-main__logo{ height: 60px; width: 210px; } @media(max-width: 1100px){ .header-main.fixed .header-main__logo{ width: 200px; } } .header-main.fixed .header-main__wrap{ padding-left: 210px; } @media(max-width: 1100px){ .header-main.fixed .header-main__wrap{ padding-left: 200px; } } .header-main.fixed .header-main__logo-link{ height: 60px; } .header-main.fixed .header-main__logo-icon{ width: 137px; height: 40px; } @media(max-width: 800px){ .header-main{ position: relative; top: 0; left: 0; right: 0; } .header-main .container{ padding: 0; } } .header-main__wrap{ height: 60px; background: #fff; position: relative; padding-left: 284px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); transition: all .3s; } @media(max-width: 1100px){ .header-main__wrap{ padding-left: 200px; } } @media(max-width: 1000px){ .header-main__wrap{ padding-left: 0; } } @media(max-width: 760px){ .header-main__wrap{ height: 45px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .header-main__logo{ position: absolute; left: 0; bottom: 0; width: 284px; height: 100px; background: #fff; transition: width .3s; } @media(max-width: 1100px){ .header-main__logo{ width: 200px; } } @media(max-width: 1000px){ .header-main__logo{ bottom: auto; top: -40px; height: 40px; width: 170px; background: transparent; } } @media(max-width: 760px){ .header-main__logo{ display: block; top: 0; height: auto; width: auto; position: relative; } } .header-main__logo-link{ display: block; height: 100px; font-size: 0; text-align: center; } @media(max-width: 1000px){ .header-main__logo-link{ height: 40px; } } @media(max-width: 760px){ .header-main__logo-link{ height: auto; } } .header-main__logo-link::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .header-main__logo-icon{ width: 213px; height: 62px; } @media(max-width: 1100px){ .header-main__logo-icon{ width: 175px; } } @media(max-width: 1000px){ .header-main__logo-icon{ width: 120px; height: 40px; } } @media(max-width: 760px){ .header-main__logo-icon{ width: 121px; height: 35px; } } .header-main__menu{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 60px; position: relative; } @media(max-width: 760px){ .header-main__menu{ height: 45px; margin-left: auto; } } .header-main__menu-list{ -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-main__funcs{ -ms-flex: 0 0 auto; flex: 0 0 auto; display: -ms-flexbox; display: flex; } .header-main__funcs-item{ -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px; line-height: 60px; text-align: center; display: block; font-size: 26px; position: relative; cursor: pointer; transition: background-color .3s; } @media(max-width: 1100px){ .header-main__funcs-item{ -ms-flex: 0 0 50px; flex: 0 0 50px; width: 50px; } } @media(max-width: 760px){ .header-main__funcs-item{ -ms-flex: 0 0 45px; flex: 0 0 45px; width: 45px; line-height: 45px; font-size: 20px; } } .header-main__funcs-item:hover{ background-color: #e7e7e7; } .header-main__funcs-item--cart{ font-size: 30px; background: #fdb913; } @media(max-width: 1100px){ .header-main__funcs-item--cart{ -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px; } } @media(max-width: 760px){ .header-main__funcs-item--cart{ font-size: 23px; -ms-flex: 0 0 45px; flex: 0 0 45px; width: 45px; } } @media(max-width: 760px){ .header-main__funcs-item--auth{ display: none; } } .header-main__funcs-item--authorized{ background: #fdb913; } .header-main__cart-num{ position: absolute; display: block; right: 5px; top: 9px; width: 20px; height: 20px; border-radius: 50%; background: #272727; color: #fff; font-family: "Arial", sans-serif; font-size: 11px; text-align: center; line-height: 20px; } @media(max-width: 760px){ .header-main__cart-num{ right: 5px; top: 5px; width: 17px; height: 17px; font-size: 10px; line-height: 17px; } } .header-main__mobile-btn{ display: none; height: 45px; width: 45px; background: #e7e7e7; padding: 16px 0; margin-right: 10px; } @media(max-width: 760px){ .header-main__mobile-btn{ display: block; } } .header-main__mobile-btn-line{ width: 20px; height: 1px; margin-bottom: 5px; background: #333; margin: 0 auto 5px; } .header-main__mobile-btn-line:last-of-type{ margin-bottom: 0; } .header-menu{ display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .header-menu{ display: none; } } .header-menu__item{ display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; transition: all .3s; position: relative; height: 60px; } @media(max-width: 1150px){ .header-menu__item:nth-last-child(2), .header-menu__item:nth-last-child(3){ display: none; } } .header-menu__item:hover{ background-color: #e7e7e7; } .header-menu__item--sub:hover .header-menu__arrow{ transform: translate(2px, 1px) rotate(45deg) translateZ(0); } .header-menu__item--sub:hover .header-menu__sub-menu{ display: -ms-flexbox; display: flex; } .header-menu__item--sub.touch-item:hover { background-color: transparent; } .header-menu__item--sub.touch-item:hover .header-menu__sub-menu{ display: none !important; } .header-menu__item--sub.touch-item.touch-active { background-color: #e7e7e7; } .header-menu__item--sub.touch-item.touch-active .header-menu__sub-menu{ display: -ms-flexbox !important; display: flex !important; } .header-menu__item--sub .header-menu__text{ padding-right: 10px; } .header-menu__item--sub .header-menu__arrow{ display: block; } .header-menu__item--full{ position: static; } .header-menu__item--full .header-menu__sub-menu{ right: 0; left: 0; } .header-menu__item--full .header-menu__sub-menu{ width: auto; } .header-menu__item--full .header-menu__sub-list{ width: 170px; border-right: 1px solid #e7e7e7; -ms-flex: 0 0 170px; flex: 0 0 170px; } .header-menu__item--additional{ display: none; } .header-menu__item--additional .header-menu__sub-item:hover .header-menu__sub-item-list{ display: block; } @media(max-width: 1150px){ .header-menu__item--additional{ display: -ms-flexbox; display: flex; } } .header-menu__link{ display: block; font-size: 0; text-align: center; width: 100%; height: 60px; } .header-menu__link::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .header-menu__text{ display: inline-block; vertical-align: middle; font-size: 14px; position: relative; } .header-menu__arrow{ display: none; position: absolute; right: 0px; bottom: 0; width: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #272727; transform: rotate(45deg) translateZ(0); transition: all .3s; } .header-menu__sub-menu{ display: none; position: absolute; left: 0; top: 100%; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); width: 250px; } .header-menu__sub-list{ background-color: #fff; width: 100%; } .header-menu__sub-item:hover >.header-menu__sub-link{ padding-left: 31px; width: 100%; } .header-menu__sub-item:hover >.header-menu__sub-link::before{ transform: translateX(0) translateZ(0); } .header-menu__sub-item.active .header-menu__sub-link{ padding-left: 31px; width: 100%; } .header-menu__sub-item.active .header-menu__sub-link::before{ transform: translateX(0) translateZ(0); } .header-menu__sub-link{ padding: 13px 10px 12px 21px; display: block; overflow: hidden; transition: all .3s; position: relative; width: calc(100% - 10px); } .header-menu__sub-link::before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; transform: translateX(-3px) translateZ(0); background: #fda813; transition: all .3s; } .header-menu__sub-sub-list{ -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__sub-sub-menu{ display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 13px 18px; background-color: #fff; transition: all .3s; } .header-menu__sub-sub-menu.active{ opacity: 1; transform: translateX(0); } .header-menu__sub-sub-item{ display: inline-block; vertical-align: top; width: 48%; margin-bottom: 20px; padding-right: 15px; } .header-menu__sub-sub-link{ transition: all .3s; } .header-menu__sub-sub-link:hover{ color: #fda813; } .header-menu__sub-sub-menu-wrap{ -ms-flex: 1 1 auto; flex: 1 1 auto; display: none; } .header-menu__sub-sub-menu-wrap.active{ display: -ms-flexbox; display: flex; } .header-menu__action{ -ms-flex: 0 0 320px; flex: 0 0 320px; display: -ms-flexbox; display: flex; } @media(max-width: 1200px){ .header-menu__action{ display: none; } } .header-menu__action-left{ -ms-flex: 0 0 135px; flex: 0 0 135px; padding-right: 15px; max-width: 135px; } .header-menu__action-right{ -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 135px); flex-basis: calc(100% - 135px); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 135px); max-width: calc(100% - 135px); } .header-menu__action-right .b-price, .header-menu__action-right .good-item__price{ font-family: "Pragmatica Bold", sans-serif; font-size: 18px; color: #272727; } .header-menu__action-title{ display: block; line-height: 1.429; margin-bottom: 12px; transition: color .3s; } .header-menu__action-title:hover{ color: #fdb913; } .header-menu__action-info{ padding-bottom:10px; color: #666; } .header-menu__action-right-content{ -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__action-link{ -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 20px; } .header-menu__sub-item-list{ position: absolute; right: 100%; width: 250px; top: 0; z-index: 1; display: none; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); } .header-search{ position: absolute; right: 0; width: calc(100vw - (100vw - 1360px) - 414px); top: 0; bottom: 0; display: -ms-flexbox; display: flex; border-left: 1px solid #e7e7e7; display: none; } @media(max-width: 1410px){ .header-search{ width: calc(100vw - 460px); } } @media(max-width: 1100px){ .header-search{ width: calc(100vw - 366px); } } @media(max-width: 1000px){ .header-search{ width: calc(100vw - 166px); } } @media(max-width: 800px){ .header-search{ width: calc(100vw - 127px); } } @media(max-width: 760px){ .header-search{ width: calc(100vw - 60px); } } .header-main.fixed .header-search { width: calc(100vw - (100vw - 1360px) - 340px); } @media(max-width: 1410px){ .header-main.fixed .header-search{ width: calc(100vw - 386px); } } .header-search.active{ display: -ms-flexbox; display: flex; } .header-search__btn-wrap{ -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px; } @media(max-width: 760px){ .header-search__btn-wrap{ -ms-flex: 0 0 45px; flex: 0 0 45px; height: 45px; width: 45px; } } .header-search__btn{ width: 60px; height: 60px; margin-left: auto; line-height: 60px; background: #e7e7e7; text-align: center; border: 0; padding: 0; cursor: pointer; } @media(max-width: 760px){ .header-search__btn{ height: 45px; width: 45px; line-height: 45px; } } .header-search__input-wrap{ -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; font-size: 14px; } .header-search__input{ padding: 0 20px 0; width: 100%; font-size: 14px; position: relative; z-index: 2; height: 60px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); } .header-search__input:focus{ background-color: #f5f6f8; } @media(max-width: 760px){ .header-search__input{ height: 45px; } } .header-search__results{ position: absolute; top: 100%; left: 0; right: 0; padding: 0; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); background: #fff; } .header-search__results-item{ color: #666666; display: block; padding: 8px 20px; line-height: 1; text-align: left; display: -ms-flexbox; display: flex; transition: all .3s; } .header-search__results-item:hover{ background-color: #f5f6f8; } .header-search__results-found{ color: #272727; } .header-search__results-category{ border-bottom: 1px solid #e7e7e7; margin: 10px 0 10px 20px; } .header-search__results-picture{ position: relative; -ms-flex: 0 0 35px; flex: 0 0 35px; width: 35px; height: 35px; margin-right: 20px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 3px solid #e8e8e8; } .header-search__results-picture::after{ content: ''; position: absolute; left: -2px; right: -2px; top: -2px; bottom: -2px; border: 2px solid #fff; } .header-search__results-text{ -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-search__results-catname{ color: #fdb913; } .header-top{ background: #272727; position: absolute; left: 0; right: 0; top: 0; } @media(max-width: 800px){ .header-top{ position: relative; } } @media(max-width: 760px){ .header-top{ display: none; } } .header-top__wrap{ height: 40px; padding-left: 305px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } @media(max-width: 1100px){ .header-top__wrap{ padding-left: 220px; } } @media(max-width: 1000px){ .header-top__wrap{ padding-left: 200px; } } .header-top__left, .header-top__right{ display: block; } .header-top__address{ display: inline-block; vertical-align: middle; color: #fff; margin-right: 4px; } .header-top__address-text{ display: inline-block; vertical-align: middle; } .header-top__address-icon{ margin-right: 4px; font-size: 15px; } .header-top__link-wrap{ display: inline-block; vertical-align: middle; } .header-top__link{ color: #c3bfbf; border-bottom: 1px dotted #c3bfbf; transition: border .3s; } @media(max-width: 1000px){ .header-top__link{ display: none; } } .header-top__link:hover{ border-bottom: 1px dotted transparent; } .header-top__phone{ display: inline-block; vertical-align: middle; margin-right: 10px; color: #fff; } .header{ position: relative; left: 0; right: 0; top: 0; z-index: 6; height: 100px; } @media(max-width: 800px){ .header{ height: auto; position: fixed; } } .header--project-page{ display: none; /*@media(--mobile){ display: block; }*/ } .input-file__input{ display: none; } .input-file__btn{ display: inline-block; background: #e8e8e8; height: 40px; line-height: 40px; padding: 0 35px; text-align: center; font-size: 0; cursor: pointer; border-radius: 2px; } .input-file__btn .i-icon{ font-size: 18px; color: #4f4f4f; margin-right: 10px; } .input-file__btn-text{ display: inline-block; vertical-align: middle; font-size: 14px; } .input-item{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .input-item--clearable .input-item__input{ padding-right: 30px; } @media(max-width: 760px){ .input-item{ -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 13px; } } .input-item--top{ -ms-flex-align: start; align-items: flex-start; } .input-item--top .input-item__label{ padding-top: 12px; } @media(max-width: 760px){ .input-item--top .input-item__label{ padding-top: 0; } } .input-item__label{ display: block; -ms-flex: 0 0 169px; flex: 0 0 169px; padding-right: 10px; font-weight: normal; } @media(max-width: 760px){ .input-item__label{ -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 7px; } } .input-item__label--bold{ font-family: 'Pragmatica Light Bold', sans-serif; } .input-item__input-wrap{ -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 760px){ .input-item__input-wrap{ -ms-flex: 1 1 100%; flex: 1 1 100%; } .input-item__input-wrap .b-select__inner{ border: 1px solid #e7e7e7; } } .input-item__input{ width: 100%; } .input-item__input--search{ padding-left: 37px !important; padding-right: 30px !important; } .input-item__input-wrap{ position: relative; } .input-item__input-wrap--select::after{ content: ''; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #838383; width: 0; } .input-item__input-clear{ position: absolute; right: 0; top: 0; width: 30px; bottom: 0; cursor: pointer; } .input-item__input-clear::after, .input-item__input-clear::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 12px; height: 1px; background: #272727; } .input-item__input-clear::after{ transform: rotate(-45deg) translateZ(0); } .input-item__input-clear::before{ transform: rotate(45deg) translateZ(0); } .input-item__input-clear:hover::after, .input-item__input-clear:hover::before { background: #fda813 } .input-item__add-element-btn{ display: inline-block; border-bottom: 1px solid currentColor; cursor: pointer; transition: all .3s; background-color: transparent; } .input-item__add-element-btn:hover{ border-bottom: 1px solid transparent; } .input-item__input-icon{ position: absolute; left: 0; top: 0; height: 40px; width: 37px; text-align: center; font-size: 15px; line-height: 38px; } .input-item__search { width: calc(100% - 130px); display: inline-block; margin-bottom: 15px; } [data-clone-wrap] .input-item--clearable:first-child{ display: none; } .input-send{ display: -ms-flexbox; display: flex; } .input-send--arrow .input-send__btn{ background: #fdb913; width: 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; color: #272727; transition: all .3s; } .input-send--arrow .input-send__btn:hover{ background: #fda813; } .input-send--arrow .input-send__btn::after, .input-send--arrow .input-send__btn::before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin: 0 auto; content: ''; background: currentColor; transform-origin: right; } .input-send--arrow .input-send__btn::after{ transform: translateY(-50%) rotate(45deg) translateZ(0); } .input-send--arrow .input-send__btn::before{ transform: translateY(-50%) rotate(-45deg) translateZ(0); } .input-send--arrow .input-send__btn::after, .input-send--arrow .input-send__btn::before{ height: 1px; width: 10px; } .input-send__input-wrap{ -ms-flex: 0 1 auto; flex: 0 1 auto; } .input-send__btn{ position: relative; cursor: pointer; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .input-send__btn.btn{ padding: 0 25px; } .input-send__input{ border-right: 0; width: 100%; } .input-text{ height: 40px; padding: 0 15px; border: 1px solid #e7e7e7; border-radius: 2px; transition: all .3s; vertical-align: middle; } .input-text:focus{ border: 1px solid #fdb913; } .input-text.error{ border: 1px solid #f34040; } .item-angle--transparent{ -webkit-clip-path: polygon(100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 0); } .item-angle--transparent .item-angle__angle{ background: transparent; } .item-angle--big .item-angle__angle{ width: 35px; height: 35px; } .item-angle--big .item-angle__angle::after{ border-width: 35px 35px 0 0; } .item-angle--small .item-angle__angle{ width: 27px; height: 27px; } .item-angle--small .item-angle__angle::after{ border-width: 27px 27px 0 0; } .item-angle--yellow .item-angle__angle::after{ border-color: #fdb913 transparent transparent transparent; } .item-angle__angle{ position: absolute; right: 0; bottom: 0; width: 32px; height: 32px; background: #fff; } .item-angle__angle::after{ content: ''; width: 0; height: 0; width: 0; border-style: solid; border-color: #dedede transparent transparent transparent; border-width: 32px 32px 0 0; position: absolute; top: 0; left: 0; } .load-more{ margin: 25px 0; text-align: center; } .load-more__wrap{ display: inline-block; cursor: pointer; } .load-more__wrap:hover .load-more__icon{ transform: rotate(-180deg); } .load-more__text{ display: inline-block; vertical-align: middle; margin-left: 5px; } .load-more__icon{ font-size: 16px; transition: all .5s; } .main-links{ background: #fdb913; } @media(max-width: 1000px){ .main-links{ display: none; } } .main-links__wrap{ height: 45px; display: -ms-flexbox; display: flex; } .main-links__item{ display: block; -ms-flex: 0 0 20%; flex: 0 0 20%; text-align: center; line-height: 45px; transition: all .3s; } .main-links__item:hover{ background: #fda813; } .main-links__icon{ font-size: 30px; margin-right: 10px; } .main-links__text{ display: inline-block; vertical-align: middle; font-size: 16px; } .main-slider{ width: 100%; max-width: 100%; margin-top: -60px; } @media(max-width: 1200px){ .main-slider .slider-arrows__item{ display: none; } } @media(max-width: 760px){ .main-slider{ margin-top: 0; } .main-slider .slider-nav__nav{ display: none; } } .main-slider__bg{ height: 506px; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 85px; position: relative; } @media(max-width: 760px){ .main-slider__bg{ padding-top: 10px; padding-bottom: 10px; height: 265px; } } .main-slider__image{ position: absolute; width: 100%; height: 100%; -o-object-fit: cover; font-family: "object-fit:cover;object-position:center"; object-fit: cover; -o-object-position: center; object-position: center; top: 0; } .main-slider__container{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .main-slider__big-wrap{ -ms-flex: 0 0 563px; flex: 0 0 563px; } @media(max-width: 760px){ .main-slider__big-wrap{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .main-slider__big{ background: rgba(0,0,0,.6); position: relative; padding: 32px 40px 45px; color: #fff; width: 100%; } @media(max-width: 760px){ .main-slider__big{ padding: 20px 15px; } } .main-slider__big-title{ font-size: 50px; font-family: "Pragmatica Bold", sans-serif; margin-bottom: 13px; } @media(max-width: 760px){ .main-slider__big-title{ font-size: 25px; } } .main-slider__big-text{ line-height: 1.35; font-size: 20px; margin-bottom: 30px; } @media(max-width: 760px){ .main-slider__big-text{ font-size: 15px; margin-bottom: 22px; max-height: 63px; overflow: hidden; } .main-slider__big-text br{ display: none; } } .main-slider__small-wrap{ -ms-flex: 0 0 311px; flex: 0 0 311px; } @media(max-width: 1000px){ .main-slider__small-wrap{ display: none; } } .main-slider__small-item{ display: block; padding: 16px 63px 10px; background-color: rgba(255,255,255,.8); margin-bottom: 20px; position: relative; transition: all .3s; } .main-slider__small-item:hover{ background-color: #ffe29a; } .main-slider__small-item:last-of-type{ margin-bottom: 0; } .main-slider__small-title{ display: block; max-height: 45px; overflow: hidden; font-family: "Pragmatica Light Bold", sans-serif; line-height: 1.429; margin-bottom: 10px; } .main-slider__small-text{ display: block; line-height: 1.429; max-height: 43px; overflow: hidden; } .main-slider__small-icon{ position: absolute; font-size: 30px; color: #272727; left: 15px; top: 20px; } .main-slider__big-btn-wrap .btn:hover{ opacity: .6; } html.br-ie .main-slider__big-angle { display: none !important; } .material-categories{ display: -ms-flexbox; display: flex; margin: -7px -7px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .material-categories__item{ padding: 7px; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } @media(max-width: 1150px){ .material-categories__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; } } @media(max-width: 980px){ .material-categories__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } @media(max-width: 460px){ .material-categories__item{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } } .material-categories__item-wrap{ display: block; transition: all .3s; border: 1px solid #e7e7e7; } .material-categories__item-wrap:hover{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .material-categories__image{ display: block; height: 190px; } @media(max-width: 760px){ .material-categories__image{ height: 130px; } } .material-categories__image img{ width: 100%; height: 100%; -o-object-fit: cover; font-family: "object-fit:cover;object-position:center"; object-fit: cover; -o-object-position: center; object-position: center; } .material-categories__text{ padding: 0 14px; height: 50px; display: block; font-size: 0; } @media(max-width: 760px){ .material-categories__text{ height: 40px; } } .material-categories__text::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .material-categories__text-inner{ display: inline-block; vertical-align: middle; font-size: 14px; line-height: 1.3; } .mobile-list{ position: relative; } .mobile-list__item{ border-bottom: 1px solid #e6e6e6; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .mobile-list__item--back{ background: #fdb913; } .mobile-list__item--back .mobile-list__arrow::after { display: none; } .mobile-list__link{ padding: 16px; -ms-flex: 1 1 auto; flex: 1 1 auto; display: block; } .mobile-list__arrow{ -ms-flex: 0 0 60px; flex: 0 0 60px; display: block; height: 46px; border-left: 1px solid #e6e6e6; } .mobile-list__sub-menu{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; z-index: 1; transform: translateX(100%); transition: all .3s; overflow-x: hidden; } .mobile-list__sub-menu.active{ display: block; transform: translateX(0); } .mobile-list__arrow{ position: relative; -ms-flex-align: center; align-items: center; text-align: center; -ms-flex-pack: center; justify-content: center; } .mobile-list__arrow::before{ content: ''; position: absolute; height: 1px; width: 11px; background: #272727; margin: auto; transform-origin: right; top: 0; bottom: 0; left: 25px; } .mobile-list__arrow::after{ content: ''; position: absolute; height: 10px; width: 1px; background: #272727; margin: auto; transform-origin: right; top: 0; bottom: 0; } .mobile-menu{ position: fixed; visibility: hidden; left: 0; right: 0; top: 0; bottom: 0; background: #fff; z-index: 4; transition: all .3s; transform: translateX(-100%); } .mobile-menu.opened{ visibility: visible; transform: translateX(0); } .mobile-menu__header{ display: -ms-flexbox; display: flex; height: 45px; -ms-flex-pack: justify; justify-content: space-between; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); -ms-flex-align: center; align-items: center; padding-right: 16px; background: #fff; z-index: 1; position: relative; } .mobile-menu__catalog{ overflow-x: hidden; } .mobile-menu__header-close{ -ms-flex: 0 0 45px; flex: 0 0 45px; position: relative; background: #e7e7e7; height: 45px; } .mobile-menu__header-close::after, .mobile-menu__header-close::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #333; width: 20px; height: 1px; } .mobile-menu__header-close::after{ transform: rotate(45deg) translateZ(0); } .mobile-menu__header-close::before{ transform: rotate(-45deg) translateZ(0); } .mobile-menu__menu{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile-menu__menu-item{ -ms-flex: 0 1 50%; flex: 0 1 50%; display: block; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; text-align: center; font-size: 12px; color: #272727; padding: 14px 0; } .mobile-menu__menu-item .i-icon{ font-size: 20px; } .mobile-menu__menu-item:nth-of-type(2n + 2){ border-right: 0; } .mobile-menu__menu-item-icon{ display: block; margin-bottom: 7px; } .mobile-menu__menu-item-text{ display: block; } .mobile-menu__body{ position: absolute; left: 0; right: 0; top: 40px; bottom: 0; overflow: auto; } .news-list{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-list--main{ display: block; } .news-list--news{ margin: 0 -10px; } @media(max-width: 640px){ .news-list--news{ margin: 0; } } .news-list--news .news-list__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; padding: 10px; } @media(max-width: 900px){ .news-list--news .news-list__item{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-bottom: 20px; } .news-list--news .news-list__item:last-of-type{ margin-bottom: 0; } } .news-list--album{ margin: 0 -8px; padding-left: 1px; } @media(max-width: 640px){ .news-list--album{ margin: 0; } } .news-list--album .news-list__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; padding: 10px 7px; } @media(max-width: 900px){ .news-list--album .news-list__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } @media(max-width: 640px){ .news-list--album .news-list__item{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-bottom: 20px; } .news-list--album .news-list__item:last-of-type{ margin-bottom: 0; } } .news-list--portfolio{ margin: 0 -7px; } @media(max-width: 640px){ .news-list--portfolio{ margin: 0; } } .news-list--portfolio .news-list__item{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; padding: 10px 7px; } @media(max-width: 1100px){ .news-list--portfolio .news-list__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; } } @media(max-width: 900px){ .news-list--portfolio .news-list__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } @media(max-width: 640px){ .news-list--portfolio .news-list__item{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-bottom: 20px; } .news-list--portfolio .news-list__item:last-of-type{ margin-bottom: 0; } } .news-list--portfolio-profile{ margin: -10px -7px 0; } @media(max-width: 640px){ .news-list--portfolio-profile{ margin: 0; } } .news-list--portfolio-profile .news-list__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; padding: 10px 7px; } @media(max-width: 1100px){ .news-list--portfolio-profile .news-list__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } @media(max-width: 640px){ .news-list--portfolio-profile .news-list__item{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-bottom: 20px; } .news-list--portfolio-profile .news-list__item:last-of-type{ margin-bottom: 0; } } .news-list--project{ margin: 0 -7px; } @media(max-width: 640px){ .news-list--project{ margin: 0; } } .news-list--project .news-list__item{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; padding: 10px 7px; } @media(max-width: 1600px){ .news-list--project .news-list__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; } } @media(max-width: 900px){ .news-list--project .news-list__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } @media(max-width: 640px){ .news-list--project .news-list__item{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-bottom: 20px; } .news-list--project .news-list__item:last-of-type{ margin-bottom: 0; } } .news-list--video{ margin: 0 -11px; } @media(max-width: 640px){ .news-list--video{ margin: 0; } } .news-list--video .news-list__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; padding: 10px; } @media(max-width: 900px){ .news-list--video .news-list__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } @media(max-width: 640px){ .news-list--video .news-list__item{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-bottom: 20px; } .news-list--video .news-list__item:last-of-type{ margin-bottom: 0; } } .offer-detail__wrap{ display: -ms-flexbox; display: flex; } @media(max-width: 1000px){ .offer-detail__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .offer-detail__text{ -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 20px; max-width: 50%; } @media(max-width: 1000px){ .offer-detail__text{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 0; max-width: 100%; } } .offer-detail__cart{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media(max-width: 1000px){ .offer-detail__cart{ -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 25px; max-width: 100%; } } @media(max-width: 760px){ .offer-detail__cart{ padding: 0 20px; margin-bottom: 0; } } .offer-detail__cart-item{ margin-bottom: 25px; } @media(max-width: 760px){ .offer-detail__cart-btn{ display: none; } } .offer-detail__btn{ display: none; } @media(max-width: 760px){ .offer-detail__btn{ display: inline-block; margin-top: 25px; width: 100%; } } .offer-item{ display: -ms-flexbox; display: flex; height: auto; } @media(max-width: 850px){ .offer-item.swiper-slide{ width: 258px; } } @media(min-width: 541px){ .offer-item--line{ max-width: 680px; } .offer-item--line .offer-item__wrap{ -ms-flex-direction: row; flex-direction: row; } .offer-item--line .offer-item__top{ -ms-flex: 0 1 304px; flex: 0 1 304px; max-width: 304px; display: -ms-flexbox; display: flex; min-width: 220px; } @media(min-width: 541px){ .offer-item--line .offer-item__top{ border-bottom: 1px solid #e7e7e7; border-right: 0; } } .offer-item--line .offer-item__image{ height: auto; width: 100%; } .offer-item--line .offer-item__content{ border-top: 1px solid #e7e7e7; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .offer-item--line .offer-item__info{ -ms-flex: 1 1 100%; flex: 1 1 100%; background: #fff; padding-bottom: 30px; } .offer-item--line .offer-item__link{ font-family: 'Pragmatica Light Bold', sans-serif; } .offer-item--line .offer-item__title{ margin-bottom: 20px; } } .offer-item__wrap{ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 100%; flex: 1 1 100%; position: relative; } .offer-item__top{ position: relative; overflow: hidden; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; } .offer-item__image{ height: 181px; display: block; } .offer-item__image img{ height: 100%; width: 100%; -o-object-fit: cover; font-family: "object-fit:cover;object-position:center"; object-fit: cover; -o-object-position: center; object-position: center; } .offer-item__labels{ position: absolute; left: 0; top: 0; z-index: 1; transform: translateZ(0); } .offer-item__content{ border: 1px solid #dedede; border-top: 0; position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .offer-item__title{ padding: 10px 15px; -ms-flex: 1 1 auto; flex: 1 1 auto; } .offer-item__link{ display: block; line-height: 1.429; transition: color .3s; } .offer-item__link:hover{ color: #fdb913; } .offer-item__info{ padding: 10px 15px 15px; background: #f5f5f5; } .offer-item__info-row{ display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 12px; } .offer-item__info-row:last-of-type{ margin-bottom: 0; } .offer-item__info-name{ color: #666666; } .offer-item__info-name{ -ms-flex: 0 0 70px; flex: 0 0 70px; padding-right: 5px; } .offer-item__info-data{ font-size: 14px; } .offer-item__info-data .b-price{ font-size: 18px; font-family: "Pragmatica Bold", sans-serif; } .offer-item__hidden-angle{ position: absolute; right: -1px; bottom: -1px; width: 32px; height: 32px; background: #fff; } .offer-item__hidden-angle::after{ content: ''; width: 0; height: 0; width: 0; border-style: solid; border-color: #dedede transparent transparent transparent; border-width: 32px 32px 0 0; position: absolute; top: 0; left: 0; } .offers-slider{ margin-bottom: 40px; } .offers-slider .swiper-container:not(.swiper-container-horizontal) .offer-item{ max-width: calc(20% - 15px); margin-right: 15px; } @media(max-width: 1390px){ .offers-slider .swiper-container:not(.swiper-container-horizontal) .offer-item{ max-width: calc(25% - 15px); } } @media(max-width: 1120px){ .offers-slider .swiper-container:not(.swiper-container-horizontal) .offer-item{ max-width: calc(33.333% - 15px); } } @media(max-width: 850px){ .offers-slider .swiper-container:not(.swiper-container-horizontal) .offer-item{ max-width: calc(50% - 15px); } } @media(max-width: 760px){ .offers-slider .swiper-container:not(.swiper-container-horizontal) .offer-item{ margin-right: 10px; width: 258px; } } .offers-slider .offer-item{ height: auto; } @media(max-width: 850px){ .offers-slider .slider-arrows__item{ display: none; } } .our-garanties{ padding-top: 35px; border-top: 1px solid #e7e7e7; margin-bottom: 20px; } @media(max-width: 760px){ .our-garanties{ padding-top: 0; border-top: 0; } } .our-garanties .b-title{ margin-bottom: 40px; } @media(max-width: 760px){ .our-garanties .b-title{ text-align: left; margin-bottom: 32px; } .our-garanties .b-title::after{ right: auto; margin: 0; } } .our-garanties__list{ list-style: none; counter-reset: mainCounter; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } @media(max-width: 760px){ .our-garanties__list{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .our-garanties__list-item{ padding: 34px 0 0 30px; position: relative; -ms-flex: 1 1 0%; flex: 1 1 0%; margin-right: 15px; } @media(max-width: 760px){ .our-garanties__list-item{ margin-right: 0; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 35px; } } .our-garanties__list-item:last-of-type{ margin-right: 0; margin-bottom: 0; } .our-garanties__list-item-num{ width: 76px; height: 72px; border-radius: 50%; position: absolute; left: 0; top: 0; color: #fff; background: #dfdfdf; font-family: 'Pragmatica Bold', sans-serif; text-align: right; line-height: 77px; overflow: hidden; } .our-garanties__list-item-num::before{ counter-increment: mainCounter; content: counter(mainCounter); margin-right: -9px; font-size: 103px; } .our-garanties__list-item-text{ position: relative; z-index: 1; font-family: 'Pragmatica Light Bold', sans-serif; line-height: 1.429; } .p-404{ height: 687px; background: url(/local/templates/schiefer/build/_/images/404-bg.png); background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; background-size: cover; } @media(max-width: 760px){ .p-404{ height: auto; } } .p-404__man{ bottom: -4px; right: 9%; width: 475px; height: 567px; position: absolute; background: url(/local/templates/schiefer/build/_/images/404-man.png); z-index: 1; } @media(max-width: 1000px){ .p-404__man{ right: 0%; width: 364px; height: 435px; background-size: contain; background-repeat: no-repeat; } } @media(max-width: 760px){ .p-404__man{ position: relative; right: 0; bottom: 0; width: 184px; height: 215px; margin-left: auto; } } .p-404__num{ width: 480px; height: 197px; top: 45px; left: 12%; position: absolute; background: url(/local/templates/schiefer/build/_/images/404-num.png); background-repeat: no-repeat; } @media(max-width: 1200px){ .p-404__num{ left: 4%; } } @media(max-width: 760px){ .p-404__num{ position: relative; top: 0; left: 0; width: 205px; height: 85px; margin: auto; margin-bottom: 27px; background-size: contain; } } .p-404__content{ width: 425px; left: 12%; top: 283px; line-height: 1.38; z-index: 1; position: absolute; } @media(max-width: 1200px){ .p-404__content{ left: 4%; } } @media(max-width: 760px){ .p-404__content{ width: 100%; position: relative; top: 0; left: 0; } .p-404__content .btn{ display: none; } } .p-404__content p{ margin-bottom: 20px; } .p-about__top{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media(max-width: 950px){ .p-about__top{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .p-about__top-left{ -ms-flex: 0 0 60%; flex: 0 0 60%; } @media(max-width: 950px){ .p-about__top-left{ -ms-flex: 1 1 100%; flex: 1 1 100%; } } .p-about__top-right{ -ms-flex: 0 0 40%; flex: 0 0 40%; text-align: right; padding-left: 30px; max-width: 40%; margin-top: 15px; } @media(max-width: 950px){ .p-about__top-right{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 0; padding: 0 20px; max-width: 100%; text-align: center; } } .p-compare__tabs{ margin-bottom: 25px; } .p-contacts__map { height: 556px; position: relative; margin-bottom: 35px; } .p-contacts__map .container { position: relative; } @media (max-width: 1000px) { .p-contacts__map { height: auto; } } @media (max-width: 760px) { .p-contacts__map { margin-bottom: 15px; } } .p-contacts__addresses { position: absolute; z-index: 1; top: 30px; left: 38px; } @media (max-width: 1000px) { .p-contacts__addresses { position: relative; top: 0; left: 0; margin-bottom: 40px; } } @media (max-width: 760px) { .p-contacts__addresses { margin-bottom: 0; } } .p-contacts__address { background: #fff; margin-bottom: 20px; padding: 30px; max-width: 600px; cursor: pointer; border: 1px solid transparent; transition: all .3s; position: relative; } .p-contacts__address:hover { border: 1px solid #fdb913; } .p-contacts__address .b-collapse__head { display: none; } @media (max-width: 1000px) { .p-contacts__address { max-width: none; padding: 0; border: 0 !important; } .p-contacts__address .b-title { display: none; } .p-contacts__address .b-collapse__head { display: block; } } @media (max-width: 760px) { .p-contacts__address { margin-bottom: 0; } } .p-contacts__address:last-of-type { margin-bottom: 0; } .p-contacts__address.active { border: 1px solid #fdb913; } .p-contacts__map-wrap { height: 100%; } @media (max-width: 1000px) { .p-contacts__map-wrap { height: 480px; } } @media (max-width: 760px) { .p-contacts__map-wrap { height: 230px; } } .p-contacts__content-tab { display: none; } .p-contacts__content-tab.active { display: block; } .p-contacts__address-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .p-contacts__address-item:last-of-type { margin-bottom: 0; } .p-contacts__address-item a:hover { text-decoration: underline; } .p-contacts__address-item-icon { margin-right: 10px; font-size: 18px; } .p-contacts__address-item-modal { display: inline-block; vertical-align: middle; margin-left: 10px; border-bottom: 1px dotted currentColor; } .p-contacts__address-item-modal:hover { border-bottom: transparent; text-decoration: none !important; } .p-contacts__address-link { display: block; position: absolute; right: 24px; top: 30px; } .p-contacts__address-link .i-icon { font-size: 20px; margin-right: 5px; } .p-contacts__address-link span { display: inline-block; vertical-align: middle; border-bottom: 1px dotted currentColor; } .p-contacts__address-link:hover span { border-bottom: transparent; } @media (max-width: 1000px) { .p-contacts__address-link { position: static; margin-top: 15px; } } .p-contacts__soc { margin-top: 25px; margin-bottom: 33px; } .p-contacts__btn { margin-bottom: 20px; } @media (max-width: 760px) { .p-contacts__btn .btn { width: 100%; } } @media (max-width: 1000px) { .p-contacts__address-inner { display: none; padding: 20px 15px; } } .p-contacts__download { margin-bottom: 30px; } .p-contacts.p-contacts__rekv { display:none; } .p-contacts.p-contacts__rekv .b-title { display: block !important; } .p-contacts.p-contacts__rekv .p-contacts__map { height: auto } .p-contacts.p-contacts__rekv .p-contacts__addresses{ position:relative; left:0; } .p-contacts.p-contacts__rekv .p-contacts__address { border: 1px solid #fda813; } .p-contacts.p-contacts__rekv .p-contacts__address:hover{ cursor:default; } .p-contacts.p-contacts__rekv .p-contacts__address-inner { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-contacts.p-contacts__rekv .p-contacts__address-item { -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; -ms-flex-align: start; align-items: start; } .p-main-content{ margin-bottom: 29px; } .p-main-content__row{ display: -ms-flexbox; display: flex; margin: 0 -10px; } @media(max-width: 1250px){ .p-main-content__row{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media(max-width: 760px){ .p-main-content__row{ margin: 0 -15px; } } .p-main-content__cell{ padding: 10px; display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; } @media(max-width: 760px){ .p-main-content__cell{ padding-left: 0; padding-right: 0; } } .p-main-content__cell--half{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media(max-width: 1000px){ .p-main-content__cell--half{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } @media(max-width: 760px){ .p-main-content__cell--news .p-main-content__cell-inner{ padding-top: 0; padding-bottom: 0; } } @media(max-width: 600px){ .p-main-content__cell--news .b-news{ margin-bottom: 0; } .p-main-content__cell--news .b-news:nth-child(n+2){ display: none; } } @media(max-width: 760px){ .p-main-content__cell--articles .p-main-content__cell-inner{ padding-top: 0; padding-bottom: 0; } } .p-main-content__cell--about{ -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } @media(max-width: 1000px){ .p-main-content__cell--about{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .p-main-content__cell--contacts{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } @media(max-width: 1000px){ .p-main-content__cell--contacts{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media(max-width: 760px){ .p-main-content__cell--contacts .p-main-content__cell-inner{ padding-top: 0; padding-bottom: 0; } } .p-main-content__cell--reviews{ -ms-flex: 0 0 470px; flex: 0 0 470px; max-width: 470px; } @media(max-width: 1250px){ .p-main-content__cell--reviews{ -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 322px); flex-basis: calc(100% - 322px); max-width: calc(100% - 322px); } } @media(max-width: 760px){ .p-main-content__cell--reviews{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } .p-main-content__cell--reviews .p-main-content__cell-inner{ border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } } .p-main-content__cell--quiz{ -ms-flex: 0 0 322px; flex: 0 0 322px; max-width: 322px; } @media(max-width: 760px){ .p-main-content__cell--quiz{ display: none; } } .p-main-content__cell--forum .p-main-content__cell-inner{ overflow: hidden; } @media(max-width: 1250px){ .p-main-content__cell--forum{ -ms-flex-order: 1; order: 1; } } @media(max-width: 760px){ .p-main-content__cell--forum .b-title{ display: none; } .p-main-content__cell--forum .p-main-content__cell-inner{ padding-top: 0; padding-bottom: 0; } } .p-main-content__cell-inner{ padding: 20px 25px; border: 1px solid #e7e7e7; max-width: 100%; width: 100%; } @media(max-width: 760px){ .p-main-content__cell-inner{ padding: 20px 15px; border: 0; } } .p-main-content__cell-inner--grey{ background: #f5f6f8; } @media(max-width: 760px){ .p-main-content__cell-inner--grey{ border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } } .p-main-content__seo p{ line-height: 1.429; margin-bottom: 10px; } @media(max-width: 760px){ .p-main-content__seo p:nth-of-type(n+2){ display: none; } } .p-main-content__contact-item{ margin-bottom: 13px; } .p-main-content__contact-item a:hover{ text-decoration: underline; } @media(max-width: 760px){ .p-main-content__contact-item{ margin-bottom: 7px; } } .p-main-content__contact-item .i-icon{ margin-right: 8px; } @media(max-width: 760px){ .p-main-content__contact-item .i-icon{ display: none; } } .p-main-content__contact-title{ margin-bottom: 18px; } .p-main-content__threads{ max-height: 272px; padding-right: 10px; position: relative; } @media(max-width: 760px){ .p-main-content__threads{ display: none; } } .p-main-content__threads::after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; box-shadow: 0 0 17px 10px #fff; } .p-main-content__threads .mCSB_inside > .mCSB_container{ margin-right: 0; } .p-main-content__threads-btn{ display: none; } @media(max-width: 760px){ .p-main-content__threads-btn{ display: block; } .p-main-content__threads-btn .btn{ width: 100%; } } .p-main-top{ margin-bottom: 40px; } @media(max-width: 760px){ .p-main-top{ margin-bottom: 0; } } .p-project{ display: -ms-flexbox; display: flex; } .p-project__left{ -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 530px); flex-basis: calc(100% - 530px); max-width: calc(100% - 530px); padding-right: 60px; padding-top: 30px; padding-bottom: 60px; } @media(max-width: 1600px){ .p-project__left{ -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 460px); flex-basis: calc(100% - 460px); max-width: calc(100% - 460px); padding-right: 40px; } } @media(max-width: 1300px){ .p-project__left{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; padding-right: 0; } } @media(max-width: 760px){ .p-project__left{ padding-bottom: 15px; } } .p-project__right{ -ms-flex: 0 0 530px; flex: 0 0 530px; border-left: 1px solid #e7e7e7; padding-top: 30px; //padding: 30px 0 80px; } @media(max-width: 1600px){ .p-project__right{ -ms-flex: 0 0 460px; flex: 0 0 460px; } } @media(max-width: 1300px){ .p-project__right{ -ms-flex: 0 0 0%; flex: 0 0 0%; opacity: 0; visibility: hidden; padding: 0; display: none; } } .p-project__right .b-title{ margin-left: 40px; } .p-project__sliders{ margin-bottom: 30px; } .p-project__sliders-big-item-img{ height: 610px; background-size: contain !important; background-position: center; background-repeat: no-repeat; display: block; } @media(max-width: 1600px){ .p-project__sliders-big-item-img{ height: 480px; } } @media(max-width: 760px){ .p-project__sliders-big-item-img{ height: 130px; } } .p-project__sliders-big-item-img img{ display: none; } @media(max-width: 760px){ .p-project__sliders-big-item{ width: 230px; } } .p-project__sliders-big{ margin-bottom: 20px; } @media(max-width: 760px){ .p-project__sliders-big{ margin-bottom: 10px; } .p-project__sliders-big .slider-arrows__item { display: block !important; } } @media(max-width: 760px){ .p-project__sliders-preview{ display: none; } } .p-project__sliders-preview-item-img{ height: 130px; background-size: cover; background-position: center; background-repeat: no-repeat; } .p-project__sliders-preview-item{ border: 1px solid transparent; transition: border .3s; cursor: pointer; position: relative; } .swiper-container:not(.swiper-container-horizontal) .p-project__sliders-preview-item { width: calc(20% - 10px); margin-right: 10px; } @media(max-width: 1600px){ .swiper-container:not(.swiper-container-horizontal) .p-project__sliders-preview-item{ width: calc(25% - 10px); } } .p-project__sliders-preview-item::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.3); opacity: 0; transition: opacity .3s; } .p-project__sliders-preview-item.active{ border: 1px solid #fdb913; } .p-project__sliders-preview-item.active::after{ opacity: 1; } .p-project__text{ line-height: 1.571; margin-bottom: 18px; } .p-project__footer{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } @media(max-width: 760px){ .p-project__footer{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .p-project__footer-left{ -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 19px; } .p-project__footer-right{ -ms-flex: 0 0 auto; flex: 0 0 auto; } .p-project__list-item{ margin-bottom: 20px; } @media(min-width: 1301px){ .p-project__list-item{ width: auto !important; margin-right: 0 !important; } } @media(max-width: 1300px){ .p-project__list-item{ margin-bottom: 0; } } .p-project__list-wrap{ position: relative; height: 100%; } .p-project__list{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .p-project__list-inner{ padding-bottom: 60px; padding-left: 40px; padding-right: 20px; padding-top: 15px; } @media(max-width: 1300px){ .p-project__list-inner{ padding: 0; } } .p-project .mCSB_outside + .mCSB_scrollTools{ right: -16px; } .p-project__close{ width: 45px; height: 45px; background: #e8e8e8; position: absolute; right: 0; cursor: pointer; top: 0; transition: all .3s; } .p-project__close:hover{ background: #fdb913; } .p-project__close::after, .p-project__close::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 18px; height: 1px; background: #272727; } .p-project__close::after{ transform: rotate(-45deg) translateZ(0); } .p-project__close::before{ transform: rotate(45deg) translateZ(0); } .p-project .b-page__slider-wrap{ display: none; } @media(max-width: 1300px){ .p-project .b-page__slider-wrap{ display: block; } } .page-title{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 25px; -ms-flex-align: center; align-items: center; } .b-modal .page-title { padding-right: 35px; } @media(max-width: 760px){ .page-title{ -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; } } .page-title h1{ margin: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 1.3; } @media(max-width: 760px){ .page-title h1{ -ms-flex: 1 1 100%; flex: 1 1 100%; } } .page-title__left{ -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 20px; } @media(max-width: 760px){ .page-title__left{ -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 10px; border: 1px solid #e6e6e6; margin-top: 17px; text-align: center; } .page-title__left--btn{ padding: 0; border: 0; } .page-title__left--btn .btn{ width: 100%; } .page-title__left .rounded-link__text{ border-bottom: 0; } } .partners-links{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -11px; } @media(min-width: 621px){ .partners-links--small .partners-links__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; margin-bottom: 30px; } } @media(max-width: 1100px){ .partners-links--small .partners-links__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media(max-width: 620px){ .partners-links--small .partners-links__item{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .partners-links__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 10px; margin-bottom: 40px; } @media(max-width: 950px){ .partners-links__item{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .partners-links__item-name{ transition: all .3s; } .partners-links__item-name:hover{ color: #fdb913; } .personal-auth-form{ max-width: 500px; } .personal-auth-form .b-modal__submit{ margin-top: 15px; margin-bottom: 15px; text-align: left; } .auth-form-error { margin-bottom: 10px; } .auth-form-confirm-msg { margin: 25px 0 10px; }.product-color{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-color__color{ -ms-flex: 0 0 25px; flex: 0 0 25px; width: 25px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-right: 10px; } .product-color__text{ -ms-flex: 1 1 auto; flex: 1 1 auto; } .profile-card__wrap{ padding: 23px; border: 1px solid #e7e7e7; display: -ms-flexbox; display: flex; } @media(max-width: 1000px){ .profile-card__wrap{ display: block; } } @media(max-width: 760px){ .profile-card__wrap{ padding: 0; border: 0; } } .profile-card__image{ -ms-flex: 0 0 230px; flex: 0 0 230px; max-width: 230px; width: 230px; height: 210px; padding-right: 23px; font-size: 0; position: relative; } .profile-card__image:hover .profile-card__image-btn{ opacity: 1; visibility: visible; } .profile-card__image form{ position: relative; height: 100%; text-align: center; } .profile-card__image form::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } @media(max-width: 1200px){ .profile-card__image{ -ms-flex: 0 0 120px; flex: 0 0 120px; max-width: 120px; width: 120px; height: 100px; } } @media(max-width: 1000px){ .profile-card__image{ -ms-flex: 0 0 90px; flex: 0 0 90px; max-width: 90px; width: 90px; height: 70px; float: left; } } @media(max-width: 760px){ .profile-card__image{ text-align: center; width: 100%; height: auto; float: none; max-width: 100%; padding-right: 0; margin-bottom: 10px; } } .profile-card__image::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .profile-card__image img{ display: inline-block; vertical-align: middle; cursor: pointer; max-height: 210px; } .profile-card__info{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media(max-width: 760px){ .profile-card__info{ text-align: left; margin-bottom: 20px; } } .profile-card__info-item{ margin-bottom: 15px; -ms-flex: 1 1 50%; flex: 1 1 50%; display: -ms-flexbox; display: flex; line-height: 1.3; } .profile-card__info-item--checkbox .b-checkbox__input:disabled + label .b-checkbox__circle::after { background: #fdb913; } @media(max-width: 760px){ .profile-card__info-item--checkbox{ margin-top: 20px; } } @media(max-width: 900px){ .profile-card__info-item{ -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 11px; } } .profile-card__info-title{ -ms-flex: 0 0 80px; flex: 0 0 80px; color: #666666; } .profile-card__company{ font-size: 16px; font-family: 'Pragmatica Light Bold', sans-serif; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 900px) and (min-width: 761px){ .profile-card__company{ font-size: 14px; } } .profile-card__content-top{ margin-bottom: 7px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } @media(max-width: 1250px){ .profile-card__content-top .profile-card__links{ display: none; } } .profile-card__content{ -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 760px){ .profile-card__content{ text-align: center; } } .profile-card__name{ font-size: 16px; font-family: 'Pragmatica Light Bold', sans-serif; margin: 18px 0; line-height: 1.375; } @media(max-width: 900px) and (min-width: 761px){ .profile-card__name{ font-size: 14px; } } .profile-card__links{ -ms-flex: 0 0 auto; flex: 0 0 auto; } .profile-card__links-item{ display: inline-block; vertical-align: middle; border-bottom: 1px dotted currentColor; //margin-right: 35px; position: relative; transition: all .3s; } .profile-card__links-item:hover{ border-bottom: 1px dotted transparent; } @media(min-width: 761px){ .profile-card__links-item:last-of-type{ margin-right: 0; margin-left: 20px; } } @media(max-width: 760px){ .profile-card__links-item{ margin: 0 15px 15px; } } .profile-card__bottom-links{ display: none; } @media(max-width: 1250px){ .profile-card__bottom-links{ display: block; } } .profile-card__modal{ border-bottom: 1px dotted currentColor; transition: all .3s; } .profile-card__modal:hover{ border-bottom: 1px dotted transparent; } .profile-card__links-icon{ margin-right: 10px; right: -10px; top: -12px; font-size: 12px; color: #878787; } .profile-card__image-btn{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) translateZ(0); font-size: 14px; opacity: 0; visibility: hidden; transition: all .3s; } .profile-tabs__item{ display: none; } .profile-tabs__item.active{ display: block; } .profile-tabs__item[data-tab-body='profile-docs-buch'] .files-table { padding-top: 0; } .profile-tabs .files-table[data-collapse-body=''] { display: none; } .profile-tabs .files-table[data-collapse-body=''] .files-table__row { background-color: #f5f5f5; } .profile-tabs__accounting{ margin-bottom:15px; } .profile-tabs__doc-name { display: block; padding: 20px 50px 20px 20px; cursor: pointer; position: relative; border: 1px solid #e7e7e7; margin-top: -1px; } .profile-tabs__doc-name:before, .profile-tabs__doc-name:after { position: absolute; right: 20px; top: 50%; content: ''; width: 7px; height: 1px; background-color: #272727; transition: all .3s; } .profile-tabs__doc-name:before { transform: rotate(-45deg) translateZ(0); } .profile-tabs__doc-name:after { transform: rotate(45deg) translateZ(0); right: 25px; } .profile-tabs__doc-name:hover, .profile-tabs__doc-name.active { border: 1px solid #fdb913; z-index: 1; } .profile-tabs__doc-name:hover:before, .profile-tabs__doc-name:hover:after { background-color: #fdb913; } .profile-tabs__doc-name.active:after { background-color: #fdb913; transform: rotate(-45deg) translateZ(0); } .profile-tabs__doc-name.active:before { background-color: #fdb913; transform: rotate(45deg) translateZ(0); } .profile-top{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } @media(max-width: 760px){ .profile-top .btn{ width: 100%; } } @media(max-width: 1200px){ .profile-top:not(.profile-top--line){ -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media(max-width: 900px){ .profile-top{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .profile-top .animate-tabs{ margin-bottom: 0; } .profile-top__left{ -ms-flex: 0 0 auto; flex: 0 0 auto; } @media(max-width: 760px){ .profile-top__left{ -ms-flex: 1 1 100%; flex: 1 1 100%; } } .profile-top__left .b-selects{ margin-bottom: 0; } @media(max-width: 1200px){ .profile-top:not(.profile-top--line) .profile-top__left{ -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media(max-width: 900px){ .profile-top:not(.profile-top--line) .profile-top__left{ -ms-flex: 1 1 100%; flex: 1 1 100%; } } .profile-top__right{ -ms-flex: 0 0 auto; flex: 0 0 auto; } @media(max-width: 1200px){ .profile-top:not(.profile-top--line) .profile-top__right{ -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 20px; } } @media(max-width: 900px){ .profile-top__right{ -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 20px; } } .profile-top__right--select{ display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-pack: end; justify-content: flex-end; } @media(max-width: 1200px){ .profile-top__right--select{ -ms-flex-pack: start; justify-content: flex-start; margin-top: 20px; } } @media(max-width: 900px){ .profile-top__right--select{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media(max-width: 760px){ .profile-top__right--select{ margin-top: 0 !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .profile-top__link{ margin-right: 26px; } .profile-top__link:last-of-type{ margin-right: 0; } .profile-top__link .i-icon{ font-size: 20px; margin-right: 5px; } .profile-top__link span{ display: inline-block; vertical-align: middle; border-bottom: 1px dotted currentColor; } .profile-top__link:hover span { border-bottom: 1px dotted transparent; } @media(max-width: 760px){ .profile-top__link{ margin-right: 0; margin-bottom: 14px; display: block; } .profile-top__link:last-of-type{ margin-bottom: 0; } } .profile-top__right-select{ margin-right: 10px; } @media(max-width: 900px){ .profile-top__right-select{ margin-bottom: 15px; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-right: -15px; } } @media(max-width: 800px) and (min-width: 760px){ .project-slider .good-item__cart-item .i-icon{ margin-right: 1px !important; } .project-slider .good-item__cart-item--compare{ padding-left: 3% !important; } } @media (max-width: 760px) { .project-slider .good-item__cart{ padding-bottom: 40px; } }.regform .b-select__inner.error { border: 1px solid #f34040; } .regform .input-item__input--search{ padding: 0 15px !important; } .regform .b-checkbox{ margin-bottom: 10px; }.repeat-order{ display: -ms-flexbox; display: flex; margin-top: 20px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media(max-width: 760px){ .repeat-order{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .repeat-order__left{ -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; } @media(max-width: 760px){ .repeat-order__left{ margin-right: 0; -ms-flex: 1 1 100%; flex: 1 1 100%; } .repeat-order__left .btn{ width: 100%; } } .repeat-order__right{ font-family: 'Pragmatica Light Bold', sans-serif; font-size: 16px; text-align: right; line-height: 1.2; } @media(max-width: 760px){ .repeat-order__right{ -ms-flex-order: -1; order: -1; margin-bottom: 20px; text-align: left; } } .repeat-order__right .b-price{ font-family: 'Pragmatica Bold', sans-serif; font-size: 20px; } @media(max-width: 760px){ .repeat-order__right .b-price{ display: block; } } .responsive-table{ width: 100%; border-spacing: 0; border-collapse: collapse; border: 1px solid #e7e7e7; } @media(max-width: 760px){ .responsive-table{ border: 0; display: block; } } .responsive-table thead tr{ background: #e7e7e7; } @media(max-width: 760px){ .responsive-table thead{ display: none; } } .responsive-table th{ padding: 15px 12px 15px 18px; font-family: "Pragmatica Light Bold", sans-serif; font-weight: normal; text-align: left; } @media(max-width: 900px){ .responsive-table th{ padding-left: 12px; font-size: 12px; } } @media(max-width: 760px){ .responsive-table tbody{ display: block; } } .responsive-table tbody tr{ border-bottom: 1px solid #e7e7e7; } @media(max-width: 760px){ .responsive-table tbody tr{ display: block; border: 1px solid #e7e7e7 !important; margin-bottom: 20px; } } .responsive-table tbody tr:last-of-type{ border-bottom: 0; } .responsive-table tbody tr td{ padding: 12px 12px 12px 18px; line-height: 1.28; } @media(max-width: 900px) and (min-width: 761px){ .responsive-table tbody tr td{ padding-left: 12px; font-size: 12px; } } @media(max-width: 760px){ .responsive-table tbody tr td{ display: -ms-flexbox; display: flex; padding: 0 15px; margin-bottom: 15px; } } @media(max-width: 760px){ .responsive-table tbody tr td.responsive-table__head-cell{ display: block; text-align: center; background: #e7e7e7; font-family: 'Pragmatica Light Bold', sans-serif; } .responsive-table tbody tr td.responsive-table__head-cell--not-styled{ background: #fff; text-align: left; padding-bottom: 0; } .responsive-table tbody tr td.responsive-table__head-cell a{ display: block; padding: 15px; text-decoration: none; } } .responsive-table tbody tr td a{ text-decoration: underline; } .responsive-table tbody tr td a +a{ display: block; font-size: 11px; padding-top: 5px; -webkit-text-decoration-skip: none; text-decoration-skip: none; text-decoration-skip-ink: none; } .responsive-table tbody tr td a:hover{ text-decoration: none; } .responsive-table__cell-title{ display: none; } @media(max-width: 760px){ .responsive-table__cell-title{ display: block; color: #666666; -ms-flex: 0 0 100px; flex: 0 0 100px; } } @media(max-width: 760px){ .responsive-table__cell-funcs{ -ms-flex-pack: center; justify-content: center; margin-top: 20px; } } .responsive-table__cell-nowrap{ white-space: nowrap; } @media(max-width: 760px){ .reviews-slider .slider-arrows__item{ display: none; } } .reviews-slider__wrap{ padding: 0 35px; margin-bottom: 18px; } @media(max-width: 800px){ .reviews-slider__wrap{ padding: 0 25px; } } @media(max-width: 760px){ .reviews-slider__wrap{ padding: 0; } } .reviews-slider__item .swiper-container:not(.swiper-container-horizontal){ width: calc(33% - 3px); } .reviews-slider__item.swiper-slide-active .reviews-slider__item-wrap{ transform: scale(1); padding: 5px; border: 1px solid #fdb913; } .reviews-slider__item.swiper-slide-active .reviews-slider__item-img{ border-radius: 50%; opacity: 1; } .reviews-slider__item-wrap{ width: 105px; height: 105px; border-radius: 50%; border: 1px solid #f5f6f8; padding: 0px; position: relative; text-align: center; line-height: 105px; transform: scale(.77); margin: auto; overflow: hidden; } @media(max-width: 760px){ .reviews-slider__item-wrap{ width: 97px; height: 97px; line-height: 97px; } } .reviews-slider__item-img{ width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: .75; } .reviews-slider__title{ text-align: center; font-family: "Pragmatica Light Bold", sans-serif; margin-bottom: 14px; } .reviews-slider__text{ line-height: 1.429; } .reviews-slider__content{ display: none; } .reviews-slider__content.active{ display: block; } @media(max-width: 760px){ .round-tabs{ margin: 0 -15px; height: 46px; position: relative; z-index: 4; } .round-tabs.opened .round-tabs__arrow-mobile{ transform: scaleY(-1); } } .round-tabs--line .round-tabs__list{ -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .round-tabs--faq{ margin-bottom: 15px; } .round-tabs__item{ -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 11px 20px; text-align: center; border: 1px solid transparent; border-radius: 20px; cursor: pointer; transition: all .3s; } .round-tabs__item:hover .round-tabs__text{ border-bottom: 1px dotted transparent; } .round-tabs__item.active{ border: 1px solid #fdb913; } .round-tabs__item.active .round-tabs__text{ border-bottom: 1px dotted transparent; } @media(max-width: 760px){ .round-tabs__item{ padding: 0; text-align: left; border: 0 !important; border-radius: 0; } .round-tabs__item.active{ border: 0; } } .round-tabs__text{ display: inline-block; vertical-align: middle; border-bottom: 1px dotted currentColor; transition: all .3s; } @media(max-width: 760px){ .round-tabs__text{ border-bottom: 0 !important; } } .round-tabs__list{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .round-tabs__list a{ display:block; } @media(max-width: 760px){ .round-tabs__list{ display: block; } } .round-tabs__active-item{ display: none; position: relative; } @media(max-width: 760px){ .round-tabs__active-item{ display: block; border-bottom: solid 1px #d2d2d2; } } @media(max-width: 760px){ .round-tabs__wrap{ height: 46px; line-height: 45px; position: absolute; left: 0; right: 0; padding: 0 27px 0 15px; overflow: hidden; background: #e8e8e8; z-index: 3; } } .round-tabs__arrow-mobile{ position: absolute; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 30px; color: #272727; transform: scaleY(1); transition: all .3s; display: none; z-index: 4; } @media(max-width: 760px){ .round-tabs__arrow-mobile{ display: block; } } .round-tabs__arrow-mobile::after, .round-tabs__arrow-mobile::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform-origin: bottom; height: 8px; width: 1px; background-color: currentColor; } .round-tabs__arrow-mobile::after{ transform: rotate(45deg) translateZ(0); } .round-tabs__arrow-mobile::before{ transform: rotate(-45deg) translateZ(0); } .rounded-arrow{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 50%; color: currentColor; border: 1px solid currentColor; position: relative; } .rounded-arrow::after, .rounded-arrow::before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin: 0 auto; content: ''; background: currentColor; transform-origin: right; } .rounded-arrow::after{ transform: translateY(-50%) rotate(45deg) translateZ(0); } .rounded-arrow::before{ transform: translateY(-50%) rotate(-45deg) translateZ(0); } .rounded-arrow::after, .rounded-arrow::before{ height: 1px; width: 5px; } .rounded-link{ display: inline-block; vertical-align: middle; transition: color .3s; } .rounded-link--back .rounded-link__arrow{ transform: scaleX(-1); } .rounded-link--back .rounded-link__text{ margin-left: 3px; margin-right: 0; } .profile-tabs .rounded-link--back { margin-bottom: 15px; } @media (max-width: 760px) { .profile-tabs .rounded-link--back{ margin-bottom: 0 !important; } } .rounded-link:hover{ color: #fdb913; } .rounded-link:hover .rounded-link__text{ border-bottom: 1px solid transparent; } .rounded-link__text{ display: inline-block; vertical-align: middle; border-bottom: 1px solid #272727; margin-right: 3px; transition: border .3s; } .search-news{ margin-top: 30px; } .search-news__item{ display: block; border: 1px solid #e7e7e7; padding: 15px 20px; margin-bottom: 15px; position: relative; transition: border .3s; } @media(max-width: 760px){ .search-news__item{ padding: 12px 20px; } } .search-news__item:hover{ border: 1px solid #fdb913; } .search-news__section{ font-size: 12px; color: #888888; display: inline-block; vertical-align: middle; margin-right: 18px; } .search-news__info{ display: block; margin-top: 7px; padding-right: 110px; } @media(max-width: 760px){ .search-news__info{ padding-right: 0; } } .search-news__date{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } @media(max-width: 760px){ .search-news__date{ display: inline-block; vertical-align: middle; position: relative; top: 0; right: 0; transform: none; } } .search-news__title{ display: block; padding-right: 110px; font-family: 'Pragmatica Light Bold', sans-serif; line-height: 1.2; } @media(max-width: 760px){ .search-news__title{ padding-right: 0; } }@media(max-width: 760px){ .search-page__input{ width: 100% } } @media(max-width: 760px){ .search-page__submit{ width: 100% } }.search-popup{ z-index: 9999 !important; }.sections-image{ margin-bottom: 50px; } .sections-image--faq{ margin-bottom: 23px; } @media(max-width: 760px){ .sections-image{ margin-bottom: 37px; } } .sections-image--big .sections-image__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; } @media(max-width: 760px){ .sections-image--big .sections-image__wrap{ margin: 0; } } .sections-image--big .sections-image__item-wrap{ height: 165px; } @media(max-width: 760px){ .sections-image--big .sections-image__item-wrap{ height: 110px; } } .sections-image--big .sections-image__item{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } @media(max-width: 1100px){ .sections-image--big .sections-image__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 5px; } } @media(max-width: 640px){ .sections-image--big .sections-image__item{ -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; padding: 5px 0; } } .sections-image--big .sections-image__item-text{ left: 20px; right: 20px; bottom: 20px; } @media(max-width: 760px){ .sections-image--big .sections-image__item-text{ bottom: 14px; left: 14px; right: 14px; font-size: 14px; } } .sections-image--md .sections-image__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; } @media(max-width: 760px){ .sections-image--md .sections-image__wrap{ margin: 0 -16px; } } .sections-image--md .sections-image__item-wrap{ height: 130px; } @media(max-width: 760px){ .sections-image--md .sections-image__item-wrap{ height: 80px; } } .sections-image--md .sections-image__item{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } @media(max-width: 1100px){ .sections-image--md .sections-image__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 5px; } } @media(max-width: 1000px){ .sections-image--md .sections-image__item{ -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; } } @media(max-width: 760px){ .sections-image--md .sections-image__item{ padding: 1px; } } .sections-image--md .sections-image__item-text{ left: 14px; right: 14px; bottom: 14px; font-size: 16px; } @media(max-width: 760px){ .sections-image--md .sections-image__item-text{ bottom: 8px; font-size: 14px; } } .sections-image__wrap{ display: -ms-flexbox; display: flex; margin: 0 -6px; } @media(max-width: 1300px){ .sections-image__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media(max-width: 760px){ .sections-image__wrap{ margin: 0 -15px; } } .sections-image__item{ -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(100% / 6); flex-basis: calc(100% / 6); max-width: calc(100% /6); padding: 6px; } @media(max-width: 1300px){ .sections-image__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: calc(100% /3); } } @media(max-width: 760px){ .sections-image__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 1px; } } .sections-image__item-wrap{ display: block; height: 110px; position: relative; } .sections-image__item-wrap.active{ border: 1px solid #fdb913; } .sections-image__item-wrap.active .sections-image__item-text{ color: #fdb913; } @media(max-width: 760px){ .sections-image__item-wrap{ height: 81px; } } .sections-image__item-wrap:hover .sections-image__item-text{ color: #fdb913; } @media(min-width: 761px){ .sections-image__item-wrap:hover .sections-image__item-bg{ transform: scale(1.05) rotate(0.02deg) translateZ(0); } .sections-image__item-wrap:hover .sections-image__item-bg::after{ opacity: 1; } } .sections-image__item-bg{ position: absolute; background-size: cover; background-position: center; background-repeat: no-repeat; left: 0; right: 0; top: 0; bottom: 0; transform: scale(1) translateZ(0); transition: all .3s; } .sections-image__item-bg::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; opacity: 0; transition: opacity .3s; box-shadow: 0 0px 8px 2px rgba(0,0,0,.2); } .sections-image__item-bg::before{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; /* ff3.6+ */ /* safari4+,chrome */ /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */ background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* w3c */ } .sections-image__item-text{ display: block; position: absolute; left: 16px; right: 16px; bottom: 16px; z-index: 1; font-size: 16px; color: #fff; transition: all .3s; } @media(max-width: 760px){ .sections-image__item-text{ left: 15px; right: 15px; bottom: 9px; } } .select-default{ position: relative; cursor: pointer; } .select-default::after{ content: ''; position: absolute; width: 0; height: 0; top: 0; bottom: 0; right: 7px; margin: auto; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #838383; } .select-default__select{ height: 40px; border: 1px solid #e7e7e7; width: 100%; padding: 0 25px 0 15px; cursor: pointer; } .show-form-btn{ text-align: center; margin-top: 10px; margin-bottom: 20px; } @media(max-width: 760px){ .show-form-btn{ margin-top: 20px; } .show-form-btn .btn{ width: 100%; padding: 0 !important; margin-bottom: 10px; } } .show-form-btn .i-icon{ font-size: 25px; margin-right: 7px; } .show-form-btn__top_indent { margin-top: 20px; }.slider-arrows--big-out .slider-arrows__item--prev{ left: -50px; } @media(max-width: 1520px){ .slider-arrows--big-out .slider-arrows__item--prev{ left: 20px; } } .slider-arrows--big-out .slider-arrows__item--next{ right: -50px; } @media(max-width: 1520px){ .slider-arrows--big-out .slider-arrows__item--next{ right: 20px; } } @media(max-width: 760px){ .slider-arrows--big-out .slider-arrows__item{ display: none; } } .slider-arrows--transparent .slider-arrows__item{ background: rgba(0,0,0,.6); color: #fff; } .slider-arrows--transparent .slider-arrows__item:hover{ background: #fff; color: #272727; } .slider-arrows--article-top .slider-arrows__item{ top: 89px; transform: none; } .slider-arrows--article-top .slider-arrows__item--prev{ left: -25px; } .slider-arrows--article-top .slider-arrows__item--next{ right: -25px; } .slider-arrows--no-bg .slider-arrows__item{ background: transparent; } .slider-arrows--no-bg .slider-arrows__item:hover{ background: transparent; color: #fdb913; } .slider-arrows--vertical .slider-arrows__item{ height: 25px; width: 100%; transform: translateZ(0); } .slider-arrows--vertical .slider-arrows__item::after, .slider-arrows--vertical .slider-arrows__item::before{ width: 1px; height: 10px; } .slider-arrows--vertical .slider-arrows__item--next{ top: auto; bottom: 0; } .slider-arrows--vertical .slider-arrows__item--next::after, .slider-arrows--vertical .slider-arrows__item--next::before{ transform-origin: bottom; } .slider-arrows--vertical .slider-arrows__item--prev{ top: 0; } .slider-arrows--vertical .slider-arrows__item--prev::after, .slider-arrows--vertical .slider-arrows__item--prev::before{ transform-origin: top; } @media(max-width: 760px){ .slider-arrows--vertical .slider-arrows__item{ display: none; } } .slider-arrows--full-height{ padding: 0 29px; } .slider-arrows--full-height .slider-arrows__item{ width: 29px; height: auto; top: 0; bottom: 0; transform: none; } .slider-arrows__wrap{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 0; } .slider-arrows__item{ width: 40px; height: 40px; background: #e7e7e7; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; transition: background .3s; cursor: pointer; } .slider-arrows__item:hover{ background: #fdb913; } .slider-arrows__item::after, .slider-arrows__item::before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin: 0 auto; content: ''; background: currentColor; transform-origin: right; } .slider-arrows__item::after{ transform: translateY(-50%) rotate(45deg) translateZ(0); } .slider-arrows__item::before{ transform: translateY(-50%) rotate(-45deg) translateZ(0); } .slider-arrows__item::after, .slider-arrows__item::before{ width: 10px; height: 1px; transition: all .3s; } .slider-arrows__item--prev{ left: 0; } .slider-arrows__item--prev::after, .slider-arrows__item--prev::before{ transform-origin: left; } .slider-arrows__item--next{ right: 0; } .slider-arrows__item--next::after, .slider-arrows__item--next::before{ transform-origin: right; } .slider-arrows__item.disabled{ cursor: auto; opacity:0.3; } .slider-arrows__item.disabled:hover { background: #e7e7e7; } [data-slider="items"] + .slider-arrows__wrap, [data-slider="items-recommend"] + .slider-arrows__wrap, [data-slider="aside-right-items"] + .slider-arrows__wrap{ margin: auto auto 332px; } @media (max-width: 760px) { [data-slider="items"] + .slider-arrows__wrap, [data-slider="items-recommend"] + .slider-arrows__wrap, [data-slider="aside-right-items"] + .slider-arrows__wrap{ display: none; } } [data-slider="items"] + .slider-arrows__wrap .slider-arrows__item--prev, [data-slider="items-recommend"] + .slider-arrows__wrap .slider-arrows__item--prev, [data-slider="aside-right-items"] + .slider-arrows__wrap .slider-arrows__item--prev { left: 8px; } [data-slider="items"] + .slider-arrows__wrap .slider-arrows__item--next, [data-slider="items-recommend"] + .slider-arrows__wrap .slider-arrows__item--next, [data-slider="aside-right-items"] + .slider-arrows__wrap .slider-arrows__item--next { right: 8px; }.slider-block{ position: relative; } .slider-nav__nav{ position: absolute; bottom: 30px !important; left: 0; right: 0; margin: auto; z-index: 2; text-align: center; } .slider-nav__nav .swiper-pagination-bullet{ width: 10px; height: 10px; background: #272727; border-radius: 0; border: 1px solid #fdb913; opacity: 1; margin: 0 7px !important; } .slider-nav__nav .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fdb913; } .small-cart{ position: relative; opacity: 0; visibility: hidden; transition: all .3s; } .small-cart .mCSB_inside > .mCSB_container{ margin-right: 0; padding-top: 1px; } .small-cart .mCSB_scrollTools{ z-index: 4; background: #fff; } .small-cart.show{ opacity: 1; visibility: visible; } @media(max-width: 760px){ .small-cart{ display: none; } } .small-cart__wrap{ position: absolute; width: 685px; right: 0; max-height: 440px; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.36); padding: 5px 0; } @media(max-width: 900px){ .small-cart__wrap{ width: 100%; } } .small-cart__body{ height: 100%; } .small-cart__footer{ left: 0; right: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; background: #fff; padding: 15px 20px; /*border-top: 1px solid var(--grey-light);*/ z-index: 4; } .small-cart__footer-text{ margin-bottom: 11px; } .small-cart__footer-total{ font-family: 'Pragmatica Light Bold', sans-serif; font-size: 16px; } .small-cart__footer-total .b-price{ font-size: 20px; font-family: 'Pragmatica Bold', sans-serif; } .small-cart__info{ -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-right: 10px; } .small-cart__count{ -ms-flex: 0 0 190px; flex: 0 0 190px; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; } .small-cart__count .cart-item__count{ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .small-cart__count .cart-item__count-price{ margin-bottom: 25px; margin-top: auto; } .small-cart__count .cart-item__top-indent{ margin-top: 25px; } .small-cart__remove{ -ms-flex: 0 0 55px; flex: 0 0 55px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .small-cart .cart-item__info-color{ max-width: 100%; } .stock-btn{ display: inline-block; cursor: default; } .stock-btn__icon{ color: #4ca819; font-size: 10px; } .stock-btn__text{ display: inline-block; vertical-align: middle; margin-left: 3px; } .styled-phone{ font-family: "Pragmatica Light Bold", sans-serif; } .styled-phone--black{ color: #333333; } .styled-phone__number{ display: inline-block; vertical-align: middle; line-height: 0; } .styled-phone__icon{ font-size: 15px; } .styled-phone__yellow{ color: #fdb913; } .tab-body{ display: none; } .tab-body.active{ display: block; } .team-list{ display: -ms-flexbox; display: flex; margin: 0 -10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media(max-width: 760px){ .team-list{ margin: 0; } } .team-list__item{ padding: 10px; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } @media(max-width: 1350px){ .team-list__item{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } } @media(max-width: 1000px){ .team-list__item{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; } } @media(max-width: 760px){ .team-list__item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; padding: 10px 18px; } } @media(max-width: 570px){ .team-list__item{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } } .team-list__item-wrap{ height: 335px; position: relative; overflow: hidden; transform: translateZ(0); } @media(max-width: 1024px){ .team-list__item-wrap{ cursor: pointer; } } .team-list__item-wrap:hover .team-list__content{ /*transform: translateY(0) translateZ(0);*/ } .team-list__item-wrap:hover .team-list__content-bottom{ display: block; } .team-list__image{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .team-list__content{ position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); padding: 0 14px; color: #fff; line-height: 1.2; /*transform: translateY(100%) translateY(-60px) translateZ(0);*/ transition: all .3s; } .team-list__content-top{ padding: 12px 0; transform: translateZ(0); } .team-list__content-bottom{ padding: 6px 0 18px; transform: translateZ(0); font-size: 12px; display: none; } .team-list__name{ font-family: 'Pragmatica Light Bold', sans-serif; margin-bottom: 6px; transform: translateZ(0); } .team-list__text{ font-size: 12px; transform: translateZ(0); } .team-list__text a{ display: inline-block; } .team-list__text a:hover{ text-decoration: underline; } .team-list__text a:not(:last-of-type){ margin-bottom: 4px; } .textarea-text{ padding: 10px 15px; line-height: 1.29; border-radius: 2px; border: 1px solid #e7e7e7; height: 108px; min-height: 108px; } .tooltip{ position: relative; } .tooltip::after{ content: attr(data-tooltip); position: absolute; background: #fff; font-size: 12px; padding: 5px; max-width: 250px; margin: auto; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: all.3s; border: 1px solid #878787; bottom: calc(100% + 10px); z-index: 5; } .tooltip:hover::after{ opacity: 1; visibility: visible; }.zoom-item{ position: relative; display: inline-block; border: 1px solid #e7e7e7; } .zoom-item:hover .zoom-item__overlay{ opacity: 1; visibility: visible; } .zoom-item__overlay{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; visibility: hidden; transition: all .3s; background: rgba(0,0,0,.7); } .zoom-item__overlay .i-icon{ font-size: 34px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } @media print { .p-contacts { padding: 0 15px; } .p-contacts__content { display: none; } .p-contacts__btn { display: none; } .p-contacts__map{ height:auto!important; } .p-contacts__addresses {} .p-contacts__address { background: #fff !important; margin-top: 35px !important; padding: 0px !important; max-width: 100% !important; cursor: pointer !important; border: 1px solid transparent !important; transition: all .3s !important; } .p-contacts__address-inner { padding:0!important; } .p-contacts__map-wrap { display: none; } .p-contacts__address-inner { display: block !important; } .p-contacts .b-collapse__head { display: none !important; } .p-contacts .b-title { display: block !important; } .p-contacts__rekv { display:block!important; } .p-contacts__rekv .p-contacts__map .container .p-contacts__addresses { position: absolute; } .p-contacts__rekv .p-contacts__map .container .p-contacts__address-inner { display: -ms-flexbox !important; display: flex !important; max-width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; } .p-contacts__rekv .p-contacts__map .container .p-contacts__address-item { padding-bottom:10px; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; -ms-flex-align: start; align-items: start; } }@media print { #panel { display: none; } .profile-top { display: none !important; } .breadcrumbs { display: none; margin: 0 !important; } .aside-menu--profile { display: none; } .b-catalog__item { display: block !important; padding: 10px 0 0 0 !important; width: 650px !important; page-break-inside: avoid; } .good-item__fast-view { display: none !important; } .good-item__cart-item--fav, .good-item__cart-item--compare { display: none; } .good-item__cart-btns { display: none !important; } .good-item__image { text-align: left !important; } .b-catalog__body { display: block !important; width: 650px !important; } .good-item__wrap { box-shadow: none !important; display: block !important; width: 650px !important; } .good-item__prices-item { -ms-flex: 0 0 30% !important; flex: 0 0 30% !important; } .page-title__left { display: none !important; } .b-selects { display: none !important; } .b-news--album .b-news__wrap .b-news__save { display: none !important; } .b-news--album .b-news__wrap .b-news__image::after { display: none !important; } .news-list--album { display: block !important; width: 650px; } .news-list--album .news-list__item { display: block !important; padding: 10px 0 !important; width: 650px !important; page-break-inside: avoid; } .b-news__image, .b-news__content { border: none !important; } .b-news__image img { -o-object-fit: none !important; font-family: "object-fit:none;object-position:left" !important; object-fit: none !important; -o-object-position: left !important; object-position: left !important; } .b-news--album .b-news__image { height: 250px !important; } .material-categories { display: block !important; page-break-inside: avoid; } .material-categories__item-wrap { border: none !important; } .material-categories__item { display: block !important; padding: 30px 0 0 0 !important; page-break-inside: avoid; } .b-news--video .b-news__save { display: none !important; } .b-news--video .b-news__image { height: 120px !important; } .profile-tabs__item .page-title h1 { display: none !important; } .b-news__content { padding: 10px 0 0 0 !important; } .b-news__more-btn-top { display: none !important; } .news-list { display: block !important; width: 650px !important; } .news-list--portfolio .news-list__item { display: block !important; page-break-inside: avoid; padding-bottom: 20px !important; } .b-news__more-btn-bottom { display: none !important; } .b-news--portfolio .b-news__image { height: 150px !important; } .b-aside__right { display: block !important; width: 650px !important; text-align: left !important; } .b-aside { display: block !important; width: 650px !important; } .b-aside__left { display: none !important; } .b-page { padding: 0 !important; width: 650px !important; } .good-item__content { display: block !important; width: 650px !important; } .good-item { display: block !important; width: 650px !important; } .b-news__wrap { display: block !important; width: 650px !important; } .b-news { display: block !important; width: 650px !important; } .container { max-width: none !important; } .profile-tabs__item.active { width: 650px !important; } .news-list--video .news-list__item { display: block; width: 650px !important; page-break-inside: avoid; padding: 20px 0 0 0 !important; } }@media print { .footer { display: none; } }@media print { #panel { display: none; } .header-top { display: none; } .mobile-menu { display: none; } .header { height: auto !important; position: relative !important; } .header-main__menu { display: none !important; } .header-main__mobile-btn { display: none !important; } .header-main, .fixed { position: relative !important; left: 0; right: 0; top: 0px !important; } .header-main .header-main__wrap, .fixed .header-main__wrap { padding: 0px !important; height: 45px !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center !important; align-items: center !important; box-shadow: none; } .header-main .header-main__wrap .header-main__mobile-btn, .fixed .header-main__wrap .header-main__mobile-btn { display: none !important; } .header-main .header-main__wrap .header-main__logo, .fixed .header-main__wrap .header-main__logo { margin: auto; display: block !important; top: 0 !important; height: auto !important; width: auto !important; position: relative !important; padding-left: 30px; } .header-main .header-main__wrap .header-main__logo-link, .fixed .header-main__wrap .header-main__logo-link { height: 40px !important; } .header-main .header-main__wrap .header-main__logo-icon, .fixed .header-main__wrap .header-main__logo-icon { width: 120px !important; height: 40px !important; } .b-page { padding: 15px 0 15px !important; } .b-page .breadcrumbs { display: none; } .b-page .page-title { margin-bottom: 10px; } }.table-emulate { display: table; table-layout: fixed; } .table-emulate > div, .table-emulate > ul { display: table-cell; } .table-emulate li { display: block; } .table-emulate--middle > div { vertical-align: middle; } .table-emulate--top > div { vertical-align: top; } .table-emulate--bottom > div { vertical-align: bottom; } .inline-block { display: inline-block; } .justify { text-align: justify; margin-bottom: -1.2em; } .justify * { text-align: left; } .justify > div { display: inline-block; } .justify::after { content: ''; display: inline-block; height: 0; width: 100%; visibility: hidden; overflow: hidden; } .justify.vert-middle > div { vertical-align: middle; } .justify.vert-top > div { vertical-align: top; } .justify.vert-bot > div { vertical-align: bottom; } .cell-emulate { display: table-cell; } .align-right { text-align: right; } .align-left { text-align: left; } .align-center { text-align: center; } .full { width: 100%; } .float-left { float: left; } .float-right { float: right; } .no-padding { padding: 0; } .no-padding-important { padding: 0 !important; } .no-padding-right { padding-right: 0; } .no-padding-left { padding-left: 0; } .relative { position: relative; } .no-margin { margin: 0; } .no-border-top { border-top: 0 !important; } .rounded { border-radius: 100%; } .bold { font-family: "Roboto"; } .big-zindex { z-index: 500; } .white-back { background: white; } .vert-middle { vertical-align: middle; } .vert-top { vertical-align: top; } .wrapper { max-width: 1300px; margin: auto; width: 100%; } .half-width { width: 50%; } .absolute-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .overflow-x-hidden { overflow-x: hidden; } .hidden { display: none !important; } .space-between { -ms-flex-pack: justify; justify-content: space-between; } .margin-auto { margin: auto; display: block; } .desktop-hidden{ display: none !important; } @media(max-width: 760px){ .desktop-hidden { display: block !important; } } @media(max-width: 760px){ .mobile-hidden { display: none !important; } } .link-underline{ text-decoration: underline; } .link-underline:hover{ text-decoration: none; } /** * Swiper 3.4.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: October 16, 2016 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { 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 { 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; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; align-items: flex-start; transition-property: transform, height; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { 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-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.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"); } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; transition: 300ms; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.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%; 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; } /* Progress */ .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { 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: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } /* 3D Container */ .swiper-container-3d { -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .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-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .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-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-right { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-top { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-bottom { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Cube + Flip */ .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-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube */ .swiper-container-cube .swiper-slide { visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; 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: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; 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"); } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* End */ /* Start:/local/templates/schiefer/components/citfact/search.title/header-input-search/style.css?1599817555359*/ div.title-search-result { width: 100% !important; top: auto !important; left: auto !important; position: relative!important; display: block !important; } div.title-search-result .header-search__results-item b{ color: #272727; font-family: "Pragmatica Bold", sans-serif; } .header-search__results-category:first-child { display: none; } /* End */ /* Start:/local/templates/schiefer/components/bitrix/sale.basket.basket.line/small/style.min.css?15998175523569*/ .bx-basket-block{font-size:12px;padding-bottom:5px;white-space:nowrap;position:relative;padding-left:20px}.bx-basket-block>.fa{color:#97a1ab;width:12px;position:absolute;left:0;top:3px}.bx-basket-block a{color:#039be5;border-bottom:1px dashed;margin-right:10px}.bx-basket-block a:hover{text-decoration:none;border-bottom-color:transparent}@media(min-width:768px){.bx-basket-fixed{width:200px;position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden;bottom:0;left:0;right:0}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;padding-bottom:20px;border-top:1px solid #f7f7f7;overflow:hidden}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;bottom:0;left:0;right:0}.bx-closed .bx-basket-item-list{height:20px;overflow:hidden}.bx-basket-item-list-action{cursor:pointer;background:#f7f7f7;position:absolute;bottom:0;right:0;left:0;z-index:120;height:20px;line-height:14px;vertical-align:middle;text-align:center;font-size:12px;color:#4f4f4f;padding:3px 0}.bx-basket-item-list-button-container{text-align:center;position:absolute;bottom:20px;border-top:1px solid #f7f7f7;padding:10px 0;background:#fff;left:0;right:0}.bx-basket-item-list-button-container a.btn{color:#ddd;text-decoration:none}.bx-basket-item-list-button-container a.btn:hover,.bx-basket-item-list-button-container a.btn:active{color:#fff}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{padding-top:15px;position:relative;padding-right:10px;padding-left:10px;margin-bottom:15px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{border-bottom:0;margin-bottom:0}.bx-basket-item-list-item-status{font-weight:bold;padding:3px;background:#ebebeb;margin:0 10px 20px;line-height:16px;font-size:13px;border-radius:3px;text-align:center;white-space:normal}.bx-basket-item-list-item-img{text-align:center;position:relative;padding-bottom:5px}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;color:#3f3f3f;text-decoration:none;white-space:normal;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;right:10px;top:-7px;width:20px;height:20px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;opacity:.5}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;text-decoration:line-through;color:#b0b0b0}.bx_cart_login_top .bx-hdr-profile a{text-decoration:none}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} /* End */ /* Start:/local/templates/schiefer/components/bitrix/sale.basket.basket.line/.default/style.min.css?15998175523569*/ .bx-basket-block{font-size:12px;padding-bottom:5px;white-space:nowrap;position:relative;padding-left:20px}.bx-basket-block>.fa{color:#97a1ab;width:12px;position:absolute;left:0;top:3px}.bx-basket-block a{color:#039be5;border-bottom:1px dashed;margin-right:10px}.bx-basket-block a:hover{text-decoration:none;border-bottom-color:transparent}@media(min-width:768px){.bx-basket-fixed{width:200px;position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden;bottom:0;left:0;right:0}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;padding-bottom:20px;border-top:1px solid #f7f7f7;overflow:hidden}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;bottom:0;left:0;right:0}.bx-closed .bx-basket-item-list{height:20px;overflow:hidden}.bx-basket-item-list-action{cursor:pointer;background:#f7f7f7;position:absolute;bottom:0;right:0;left:0;z-index:120;height:20px;line-height:14px;vertical-align:middle;text-align:center;font-size:12px;color:#4f4f4f;padding:3px 0}.bx-basket-item-list-button-container{text-align:center;position:absolute;bottom:20px;border-top:1px solid #f7f7f7;padding:10px 0;background:#fff;left:0;right:0}.bx-basket-item-list-button-container a.btn{color:#ddd;text-decoration:none}.bx-basket-item-list-button-container a.btn:hover,.bx-basket-item-list-button-container a.btn:active{color:#fff}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{padding-top:15px;position:relative;padding-right:10px;padding-left:10px;margin-bottom:15px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{border-bottom:0;margin-bottom:0}.bx-basket-item-list-item-status{font-weight:bold;padding:3px;background:#ebebeb;margin:0 10px 20px;line-height:16px;font-size:13px;border-radius:3px;text-align:center;white-space:normal}.bx-basket-item-list-item-img{text-align:center;position:relative;padding-bottom:5px}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;color:#3f3f3f;text-decoration:none;white-space:normal;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;right:10px;top:-7px;width:20px;height:20px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;opacity:.5}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;text-decoration:line-through;color:#b0b0b0}.bx_cart_login_top .bx-hdr-profile a{text-decoration:none}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} /* End */ /* Start:/local/templates/schiefer/components/bitrix/catalog.compare.list/.default/style.css?15998175381265*/ .bx_catalog-compare-list{ font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:12px; z-index:998; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:270px; max-height:100%; padding:10px 8px 0; white-space:normal; color:#404040; border:1px solid #b7b7b7; border-radius:3px; background:#fff; box-shadow:0 2px 5px 0 rgba(0,0,0,.18); margin-bottom: 10px; } .bx_catalog-compare-list.fix{ position:fixed; } .bx_catalog-compare-list.top{ top:5px; } .bx_catalog-compare-list.right{ right:5px; } .bx_catalog-compare-list.bottom{ bottom:5px; } .bx_catalog-compare-list.left{ left:5px; } .bx_catalog-compare-list .bx_catalog_compare_form { } .bx_catalog-compare-list:hover .bx_catalog_compare_form { } .bx_catalog-compare-list a{ font-size:11px; color:#327ab7; } .bx_catalog-compare-list a:hover{ text-decoration:none; } .bx_catalog_compare_count p{ margin:0 0 10px 0; } .bx_catalog_compare_count p.compare-redirect{ text-align: center; font-weight: bold; } .bx_catalog-compare-list .compare-items td{ font-size:12px; font-weight:bold; padding-bottom:10px; vertical-align: top; } /* End */ /* Start:/local/templates/schiefer/components/bitrix/system.auth.form/.default/style.min.css?1599817552424*/ div.bx-system-auth-form span.bx-auth-secure{background-color:#fffae3;border:1px solid #dedbc8;padding:2px;display:inline-block;vertical-align:bottom;margin-top:-1px}div.bx-system-auth-form div.bx-auth-secure-icon{background-image:url(/local/templates/schiefer/components/bitrix/system.auth.form/.default/images/sec.png);background-repeat:no-repeat;background-position:center;width:19px;height:18px}div.bx-system-auth-form div.bx-auth-secure-unlock{background-image:url(/local/templates/schiefer/components/bitrix/system.auth.form/.default/images/sec-unlocked.png)} /* End */ /* Start:/local/components/ulogin/auth/templates/.default/style.css?1599816643781*/ .ulogin-buttons-container div { float: left; display: inherit; position: relative; margin: 0px 10px 10px 0px; padding: 0px; outline: none; border: none; border-radius: 0px; cursor: pointer; width: 32px; height: 32px; left: 0px; top: 0px; box-sizing: content-box; background-size: contain; background-repeat: no-repeat; color: #838383; opacity: 0.5; } .ulogin-buttons-container .ulogin-button-vkontakte { background-image: url('/local/templates/schiefer/images/vk.png')!important; } .ulogin-buttons-container .ulogin-button-facebook { background-image: url('/local/templates/schiefer/images/facebook.png')!important; } .ulogin-buttons-container .ulogin-button-googleplus { background-image: url('/local/templates/schiefer/images/googleplus.png')!important; } /* End */ /* Start:/local/templates/schiefer/components/bitrix/sale.ajax.locations/basket/style.css?1599817552605*/ div.search-popup { padding: 0 20px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); background: #fff; } div.search-popup-row, div.search-popup-row-active { cursor: pointer; color: #666666; display: block; padding: 15px 0; line-height: 1; text-align: left; } div.search-popup-row { background: #FFFFFF; } div.search-popup-row-active { color: #fdb913; } div.search-popup-el-name, div.search-popup-el-cnt { position: relative; margin: 0px; padding: 0px; text-align: left; } div.search-popup-el-cnt { text-align: right; float: right; } /* End */ /* Start:/local/templates/schiefer/components/bitrix/menu/footer_menu/style.min.css?1599817540490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/schiefer/components/bitrix/menu/footer_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/schiefer/styles.css?1749624193404464*/ /** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ 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; 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 { 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; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { 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-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.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"); } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.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; } /* Progress */ .swiper-pagination-progress { background: rgba(0, 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: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .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-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .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-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-right { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-top { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-bottom { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Cube + Flip */ .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-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube */ .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-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; 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 > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .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 { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: auto; bottom: -36px; right: 0; color: #000; background-color: #e8e8e8; font-size: 12px; line-height: 35px; white-space: nowrap; } .mfp-counter span { padding: 0 10px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* This is the core CSS of Tooltipster */ /* GENERAL STRUCTURE RULES (do not edit this section) */ .tooltipster-base { /* this ensures that a constrained height set by functionPosition, if greater that the natural height of the tooltip, will be enforced in browsers that support display:flex */ display: -webkit-box; display: -ms-flexbox; display: flex; pointer-events: none; /* this may be overriden in JS for fixed position origins */ position: absolute; } .tooltipster-box { /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10- and flex-basis auto for IE11- (at least) */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .tooltipster-content { /* prevents an overflow if the user adds padding to the div */ box-sizing: border-box; /* these make sure we'll be able to detect any overflow */ max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { /* these let us test the size of the tooltip without overflowing the window */ bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } /* ANIMATIONS */ /* Open/close animations */ /* fade */ .tooltipster-fade { opacity: 0; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } /* grow */ .tooltipster-grow { -webkit-transform: scale(0,0); transform: scale(0,0); transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -webkit-transform: scale(1,1); transform: scale(1,1); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } /* swing */ .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); transform: rotateZ(4deg); transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } /* fall */ .tooltipster-fall { transition-property: top; transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-show { } .tooltipster-fall.tooltipster-dying { transition-property: all; top: 0 !important; opacity: 0; } /* slide */ .tooltipster-slide { transition-property: left; transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-show { } .tooltipster-slide.tooltipster-dying { transition-property: all; left: 0 !important; opacity: 0; } /* Update animations */ /* We use animations rather than transitions here because transition durations may be specified in the style tag due to animationDuration, and we try to avoid collisions and the use of !important */ /* fade */ @-webkit-keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { -webkit-animation: tooltipster-fading 400ms; animation: tooltipster-fading 400ms; } /* rotate */ @-webkit-keyframes tooltipster-rotating { 25% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 75% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes tooltipster-rotating { 25% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 75% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .tooltipster-update-rotate { -webkit-animation: tooltipster-rotating 600ms; animation: tooltipster-rotating 600ms; } /* scale */ @-webkit-keyframes tooltipster-scaling { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes tooltipster-scaling { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .tooltipster-update-scale { -webkit-animation: tooltipster-scaling 600ms; animation: tooltipster-scaling 600ms; } /** * DEFAULT STYLE OF THE SIDETIP PLUGIN * * All styles are "namespaced" with .tooltipster-sidetip to prevent * conflicts between plugins. */ /* .tooltipster-box */ .tooltipster-sidetip .tooltipster-box { background: #565656; border: 2px solid black; border-radius: 4px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } /* .tooltipster-content */ .tooltipster-sidetip .tooltipster-content { color: white; line-height: 18px; padding: 6px 14px; } /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that corresponds to the arrow we want to display */ .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; /* half the width, for centering */ margin-left: -10px; top: 0; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not been positioned yet */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; /* same as .tooltipster-left .tooltipster-arrow */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; } /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } /* .tooltipster-arrow-background */ .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #565656; left: 0px; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #565656; left: -3px; top: 0px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #565656; left: 3px; top: 0px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #565656; left: 0px; top: -3px; } /* .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: black; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: black; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: black; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: black; } /* tooltipster-arrow-uncropped */ .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !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 { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { } .irs-slider.from { } .irs-slider.to { } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { 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: rgba(0,0,0,0.0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: 0.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: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* Ion.RangeSlider, Flat UI Skin // css version 2.0.3 // © Denis Ineshin, 2014 https://github.com/IonDen // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider { background: url(/local/templates/schiefer/build/_/vendor/ion.rangeSlider/img/sprite-skin-flat.png) repeat-x; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 12px; top: 25px; } .irs-line-left { height: 12px; background-position: 0 -30px; } .irs-line-mid { height: 12px; background-position: 0 0; } .irs-line-right { height: 12px; background-position: 100% -30px; } .irs-bar { height: 12px; top: 25px; background-position: 0 -60px; } .irs-bar-edge { top: 25px; height: 12px; width: 9px; background-position: 0 -90px; } .irs-shadow { height: 3px; top: 34px; background: #000; opacity: 0.25; } .lt-ie9 .irs-shadow { filter: alpha(opacity=25); } .irs-slider { width: 16px; height: 18px; top: 22px; background-position: 0 -120px; } .irs-slider.state_hover, .irs-slider:hover { background-position: 0 -150px; } .irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: #e1e4e9; border-radius: 4px; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #ed5565; border-radius: 4px; } .irs-from:after, .irs-to:after, .irs-single: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; } .irs-disabled { } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/schiefer/build/_/vendor/malihu-custom-scrollbar-plugin/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } :focus { outline: none; } * { box-sizing: border-box; } html { font-size: 14px; height: 100%; } html.blured .header, html.blured main, html.blured footer{ -webkit-filter: blur(3px); filter: blur(3px); } html.br-ie body{ /*height: 100%;*/ } body{ font-family: "Pragmatica", sans-serif; line-height: 1; overflow-x: hidden; color: #272727; margin: auto; } body.project-page{ display: block; } /*@media(--mobile){ display: flex; }*/ body.project-page main{ margin-top: 0; /*@media(--mobile){ margin-top: 45px; }*/ } body.project-page .container{ max-width: 1950px; /*@media(--mobile){ max-width: 1390px; }*/ } body.fixed{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; } main{ width: 100%; } @media(max-width: 800px){ main { margin-top: 100px; } } @media(max-width: 760px){ main { margin-top: 45px; } } footer{ } .container{ max-width: 1390px; width: 100%; margin: auto; padding: 0 20px; } .container--no-padding{ padding: 0; } @media(min-width: 951px){ .container--about { padding: 0 99px; } } @media(max-width: 760px){ .container { padding: 0 15px; } } h1, h2, h3, h4, h5, h6{ margin: 0; font-weight: normal; } h1{ font-size: 25px; font-family: "Pragmatica Light Bold"; margin-bottom: 9px; } @media(max-width: 760px){ h1 { font-size: 16px; } } h2{ font-size: 20px; font-family: "Pragmatica Light Bold"; margin-bottom: 9px; } @media(max-width: 760px){ h2 { font-size: 14px; } } h3{ font-family: "Pragmatica Light Bold"; font-size: 16px; margin-bottom: 9px; line-height: 1.375; } h3 a{ border-bottom: 1px dotted currentColor; transition: all .3s; } h3 a:hover{ border-bottom: 1px dotted transparent; } h4{ font-size: 14px; font-family: "Pragmatica Light Bold"; margin-bottom: 4px; } img { max-width: 100%; max-height: 100%; } a{ color: inherit; text-decoration: none; } .clearfix:after, .clearfix:before { content: ''; display: table; clear: both; } ul, ol{ list-style-type: none; margin: 0; padding: 0; } input{ border: 0; box-shadow: none; padding: 0; } textarea{ width: 100%; resize: vertical; } select, input, button, textarea, [type='submit']{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } button{ border: 0; box-shadow: none; padding: 0; } input::-ms-clear { display: none; } select::-ms-expand { display: none; } p{ margin: 0; } .i-icon { background-repeat: no-repeat; background-position: center; display: inline-block; vertical-align: middle; width: 1em; height: 1em; fill: currentColor; } .i-icon--save{ fill:none; stroke:#000000; } .i-icon--save.saved{ fill: #fdb913; stroke: #fdb913; } @font-face { font-family: "Rouble"; src: url(/local/templates/schiefer/build/fonts/rouble.eot); src: url(/local/templates/schiefer/build/fonts/rouble.eot?#iefix)format("embedded-opentype"), url(/local/templates/schiefer/build/fonts/rouble.woff2) format("woff2"), url(/local/templates/schiefer/build/fonts/rouble.woff) format("woff"), url(/local/templates/schiefer/build/fonts/rouble.ttf) format("truetype"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: 'Pragmatica'; src: url(/local/templates/schiefer/build/fonts/PragmaticaC.eot); src: url(/local/templates/schiefer/build/fonts/PragmaticaC.eot?#iefix) format('embedded-opentype'), url(/local/templates/schiefer/build/fonts/PragmaticaC.woff2) format("woff2"), url(/local/templates/schiefer/build/fonts/PragmaticaC.woff) format('woff'), url(/local/templates/schiefer/build/fonts/PragmaticaC.ttf) format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Pragmatica Light Bold'; src: url(/local/templates/schiefer/build/fonts/PragmaticaLightC-Bold.eot); src: url(/local/templates/schiefer/build/fonts/PragmaticaLightC-Bold.eot?#iefix) format('embedded-opentype'), url(/local/templates/schiefer/build/fonts/PragmaticaLightC-Bold.woff2) format("woff2"), url(/local/templates/schiefer/build/fonts/PragmaticaLightC-Bold.woff) format('woff'), url(/local/templates/schiefer/build/fonts/PragmaticaLightC-Bold.ttf) format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Pragmatica Italic'; src: url(/local/templates/schiefer/build/fonts/PragmaticaC-Italic.eot); src: url(/local/templates/schiefer/build/fonts/PragmaticaC-Italic.eot?#iefix) format('embedded-opentype'), url(/local/templates/schiefer/build/fonts/PragmaticaC-Italic.woff2) format("woff2"), url(/local/templates/schiefer/build/fonts/PragmaticaC-Italic.woff) format('woff'), url(/local/templates/schiefer/build/fonts/PragmaticaC-Italic.ttf) format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Pragmatica Bold'; src: url(/local/templates/schiefer/build/fonts/PragmaticaC-Bold.eot); src: url(/local/templates/schiefer/build/fonts/PragmaticaC-Bold.eot?#iefix) format('embedded-opentype'), url(/local/templates/schiefer/build/fonts/PragmaticaC-Bold.woff2) format("woff2"), url(/local/templates/schiefer/build/fonts/PragmaticaC-Bold.woff) format('woff'), url(/local/templates/schiefer/build/fonts/PragmaticaC-Bold.ttf) format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Magnolia-Script'; src: url('/local/templates/schiefer/build/fonts/magnolia-script.eot'); /* IE 9 Compatibility Mode */ src: url('/local/templates/schiefer/build/fonts/magnolia-script.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('/local/templates/schiefer/build/fonts/magnolia-script.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/schiefer/build/fonts/magnolia-script.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('/local/templates/schiefer/build/fonts/magnolia-script.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/schiefer/build/fonts/magnolia-script.svg#magnolia-script') format('svg'); /* Chrome < 4, Legacy iOS */ font-display: swap; } .irs{ height: 21px; margin-top: 15px; } .irs-bar{ top: 8px; height: 5px; background: #fdb913; } .irs-slider{ width: 21px; height: 21px; border-radius: 50%; background: #fdb913; top: 0; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); cursor: pointer; } .irs-slider::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 9px; height: 9px; border-radius: 50%; background: #272727; } .irs-line{ border-radius: 10px; overflow: hidden; top: 8px; height: 5px; background: #e8e8e8; } .irs-line > *{ height: 5px; background: #e8e8e8; } .irs-min, .irs-max, .irs-from, .irs-to, .irs-single{ display: none; } .mCSB_scrollTools .mCSB_draggerRail{ width: 5px; background: #e7e7e7; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 5px; background: #fdb913 !important; } .swiper-container-horizontal > .swiper-scrollbar{ left: 0 !important; width: 100% !important; } .mfp-arrow{ width: 40px; height: 40px; background: #e7e7e7 !important; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; transition: background .3s; cursor: pointer; opacity: 1; margin: 0 !important; } .mfp-arrow:hover{ background: #fdb913 !important; } .mfp-arrow::after, .mfp-arrow::before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin: 0 auto; content: ''; background: currentColor; -webkit-transform-origin: right; transform-origin: right; } .mfp-arrow::after{ -webkit-transform: translateY(-50%) rotate(45deg) translateZ(0); transform: translateY(-50%) rotate(45deg) translateZ(0); } .mfp-arrow::before{ -webkit-transform: translateY(-50%) rotate(-45deg) translateZ(0); transform: translateY(-50%) rotate(-45deg) translateZ(0); } .mfp-arrow::after, .mfp-arrow::before{ width: 10px; height: 1px; transition: all .3s; border: 0 !important; } .mfp-arrow.mfp-arrow-left{ left: 0; } .mfp-arrow.mfp-arrow-left::after, .mfp-arrow.mfp-arrow-left::before{ -webkit-transform-origin: left; transform-origin: left; } .mfp-arrow.mfp-arrow-right{ right: 0; } .mfp-arrow.mfp-arrow-right::after, .mfp-arrow.mfp-arrow-right::before{ -webkit-transform-origin: right; transform-origin: right; } .mfp-arrow.mfp-arrow-right{ right: 8px; } .mfp-arrow.mfp-arrow-left{ left: 8px; } .mfp-bg{ background-size: cover; background: #00080f; } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; transition: all 0.3s ease-out; -webkit-transform: translateZ(0); transform: translateZ(0); } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.7; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.3s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-close{ text-align: center; cursor: pointer !important; width: 40px !important; } .mfp-gallery img.mfp-img{ padding: 0; } .mfp-gallery .mfp-image-holder .mfp-close{ width: 45px !important; height: 45px; background: #e7e7e7; padding-right: 0; right: 0; font-size: 0; opacity: 1; text-align: center; background: #e8e8e8; transition: all .3s; } .mfp-gallery .mfp-image-holder .mfp-close:hover{ background: #fdb913; } .mfp-gallery .mfp-image-holder .mfp-close::after, .mfp-gallery .mfp-image-holder .mfp-close::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 18px; height: 1px; background: #272727; } .mfp-gallery .mfp-image-holder .mfp-close::after{ -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } .mfp-gallery .mfp-image-holder .mfp-close::before{ -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .mfp-align-top{ top: 20px; } .swiper-scrollbar{ height: 8px !important; background: #e8e8e8 !important; cursor: pointer; } .swiper-scrollbar-drag{ background: #fdb913 !important; } .swiper-lazy{ opacity: 0; transition: opacity .3s; } .swiper-lazy-loaded{ opacity: 1; } .about-style-list{ position: relative; height: 381px; margin-bottom: 60px; } @media(max-width: 760px){ .about-style-list{ margin-bottom: 0; } } .about-style-list__left{ padding: 35px 40px; background: #fff; max-width: 555px; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.16); position: relative; z-index: 1; position: absolute; left: 7.5%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media(max-width: 1100px){ .about-style-list__left{ left: 0; } } @media(max-width: 760px){ .about-style-list__left{ padding: 0; box-shadow: none; } } .about-style-list__right{ width: 536px; height: 381px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; right: 7.5%; top: 0; } @media(max-width: 1100px){ .about-style-list__right{ right: 0; } } @media(max-width: 760px){ .about-style-list__right{ display: none; } } .animate-tabs{ margin-bottom: 25px; } .animate-tabs--inline{ display: inline-block; } .animate-tabs--inline .animate-tabs__item{ padding: 0 25px; } @media(max-width: 1000px){ .animate-tabs--inline .animate-tabs__item{ padding: 0 15px; } } @media(max-width: 760px){ .animate-tabs--inline{ width: 100%; } } .animate-tabs__wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 20px; box-shadow: inset 0 0 0 1px #fdb913; height: 40px; position: relative; } .animate-tabs__item{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; line-height: 40px; position: relative; z-index: 1; cursor: pointer; transition: all .3s; } .animate-tabs__item:hover{ color: #fdb913; } .animate-tabs__item.active{ color: #272727; } .animate-tabs__roll{ height: 40px; position: absolute; width: 0; top: 0; left: 0; bottom: 0; border-radius: 20px; background: #fdb913; transition: all .3s; -ms-flex-item-align: start; align-self: flex-start; } .animate-tabs__roll.static{ transition: none; } .arrow-list__item{ margin-bottom: 15px; line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; } .arrow-list__item-icon{ -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; } .arrow-list__item-icon::after, .arrow-list__item-icon::before{ content: ''; display: inline-block; width: 2px; background: #272727; -webkit-transform-origin: bottom; transform-origin: bottom; } .arrow-list__item-icon::before{ height: 7px; -webkit-transform: rotate(-35deg); transform: rotate(-35deg); margin-right: -2px; } .arrow-list__item-icon::after{ height: 12px; -webkit-transform: rotate(35deg); transform: rotate(35deg); } .arrow-list__item-text{ font-family: 'Pragmatica Light Bold', sans-serif; } @media(min-width: 1251px){ .articles-slider .swiper-container:not(.swiper-container-horizontal) .articles-slider__item{ max-width: calc(50% - 20px); margin-right: 20px; } } @media(min-width: 767px) and (max-width: 1000px){ .articles-slider .swiper-container:not(.swiper-container-horizontal) .articles-slider__item{ max-width: calc(50% - 20px); margin-right: 20px; } } .articles-slider__item{ width: 258px; } @media(max-width: 760px){ .articles-slider__item{ width: 258px !important; } } @media(max-width: 760px){ .articles-slider{ margin-right: -15px; } .articles-slider .slider-arrows__item { display: none; } } .aside-menu{ margin-bottom: 25px; position: relative; } @media(max-width: 760px){ .aside-menu{ margin-bottom: 15px; } } .aside-menu--filter .aside-menu__head{ cursor: pointer; } .aside-menu--filter .aside-menu__body{ display: none; } .aside-menu--filter .aside-menu__sub-list{ padding: 10px 15px; } .aside-menu--profile{ border-top: 1px solid #e7e7e7; } .aside-menu--profile .aside-menu__body{ border-top: 1px solid #e7e7e7; } .aside-menu--profile .aside-menu__list-link{ font-size: 14px; } @media (min-width: 761px) { .aside-menu--search .aside-menu__head{ display: none; } } .aside-menu--search .aside-menu__body{ border-top: 1px solid #e7e7e7; padding: 15px; } .aside-menu__search-block-title{ font-family: "Pragmatica Light Bold"; margin-bottom: 15px; } .aside-menu__search-list{ padding-left: 9px; } .aside-menu__search-list-link{ transition: all .3s; } .aside-menu__search-list-link:hover{ color: #fdb913; } .aside-menu__search-list-item{ margin-bottom: 8px; font-size: 13px; } .aside-menu__search-list-item.active .aside-menu__search-list-link{ color: #fdb913; } .aside-menu__search-block{ margin-bottom: 25px; } .aside-menu__search-block:last-of-type{ margin-bottom: 0; } .aside-menu__head{ padding: 15px; background-color: #fdb913; font-family: "Pragmatica Light Bold", sans-serif; position: relative; } .aside-menu__head .aside-menu__list-arrow{ display: none; position: absolute; right: 0; top: 0; bottom: 0; } .aside-menu__head .aside-menu__list-arrow--plus{ display: block; } @media(max-width: 760px){ .aside-menu__head{ font-family: "Pragmatica", sans-serif; text-align: center; position: relative; } .aside-menu__head .aside-menu__list-arrow{ display: block; } } .aside-menu__head.active .aside-menu__list-arrow{ -webkit-transform: scaleY(-1); transform: scaleY(-1); } .aside-menu__head.active .aside-menu__list-arrow--plus{ -webkit-transform: none; transform: none; } .aside-menu__head.active .aside-menu__list-arrow--plus::after{ -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .aside-menu__head.active .aside-menu__list-arrow--plus::before{ -webkit-transform: rotate(135deg) translateZ(0); transform: rotate(135deg) translateZ(0); } .aside-menu__body{ border: 1px solid #e7e7e7; border-top: 0; } @media(max-width: 760px){ .aside-menu__body{ display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; z-index: 5; } } .aside-menu__body.active{ display: block; } .aside-menu__list-item{ border-bottom: 1px solid #e7e7e7; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .aside-menu__list-item:last-of-type{ border-bottom: 0; } .aside-menu__list-item[data-collapse-wrap] .aside-menu__list-link{ width: calc(100% - 44px); max-width: calc(100% - 44px); } .aside-menu__list-item[data-collapse-btn] .aside-menu__list-link{ width: calc(100% - 44px); max-width: calc(100% - 44px); } .aside-menu__list-item.current{ background: #fdb913; border-bottom: 1px solid #fdb913; } .aside-menu__list-item.current:hover .aside-menu__list-link{ background: #fdb913; } .aside-menu__list-item-wrap{ border-bottom: 1px solid #e7e7e7; } .aside-menu__list-item-wrap:last-of-type{ border-bottom: 0; } .aside-menu__list-item-wrap .aside-menu__list-item{ border-bottom: 0; transition: all .3s; cursor: pointer; } .aside-menu__list-item-wrap .aside-menu__list-item:hover{ background-color: #e7e7e7; } .aside-menu__list-item-wrap .aside-menu__list-item.active .aside-menu__list-arrow{ -webkit-transform: scaleY(-1); transform: scaleY(-1); } .aside-menu__list-item-wrap .aside-menu__list-item .aside-menu__list-link{ background: none; } .aside-menu__list-item-wrap .aside-menu__list-item .aside-menu__list-link + .aside-menu__list-arrow{ background-color: transparent !important; } .aside-menu__list-link{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 44px); flex-basis: calc(100% - 44px); display: block; font-size: 15px; padding: 15px; transition: all .3s; } .aside-menu__list-link--logout span{ display: inline-block; vertical-align: middle; } .aside-menu__list-link--logout .i-icon{ margin-right: 4px; font-size: 13px; } .aside-menu__list-link:hover, .aside-menu__list-link.highlighted{ background-color: #e7e7e7; } .aside-menu__list-link:hover + .aside-menu__list-arrow, .aside-menu__list-link.highlighted + .aside-menu__list-arrow{ background-color: #e7e7e7; } .aside-menu__list-arrow{ -webkit-box-flex: 0; -ms-flex: 0 0 44px; flex: 0 0 44px; width: 44px; position: relative; color: #272727; -webkit-transform: scaleY(1); transform: scaleY(1); transition: all .3s; cursor: pointer; } .aside-menu__list-arrow.active{ -webkit-transform: scaleY(-1); transform: scaleY(-1); } .aside-menu__list-arrow::after, .aside-menu__list-arrow::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform-origin: bottom; transform-origin: bottom; background-color: currentColor; } .aside-menu__list-arrow::after{ -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .aside-menu__list-arrow::before{ -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } .aside-menu__list-arrow::after, .aside-menu__list-arrow::before{ height: 8px; width: 1px; } .aside-menu__list-arrow--plus{ background: #fda813; transition: all .3s; } .aside-menu__list-arrow--plus:hover{ background: #fdb913; } .aside-menu__list-arrow--plus::after, .aside-menu__list-arrow--plus::before{ -webkit-transform-origin: center; transform-origin: center; height: 15px; width: 1px; transition: all .3s; } .aside-menu__list-arrow--plus::after{ -webkit-transform: rotate(0deg) translateZ(0); transform: rotate(0deg) translateZ(0); } .aside-menu__list-arrow--plus::before{ -webkit-transform: rotate(90deg) translateZ(0); transform: rotate(90deg) translateZ(0); } .aside-menu__sub-list{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 10px 24px; display: none; } .aside-menu__sub-list--open{ display: block; } .aside-menu__sub-item{ margin-bottom: 9px; } .aside-menu__sub-item.active, .aside-menu__sub-item.highlighted{ color: #fdb913; } .aside-menu__sub-link{ transition: all .3s; } .aside-menu__sub-link:hover{ color: #fdb913; } .b-advantages{ position: relative; margin: 55px 0; background-position: center; background-size: cover; background-repeat: no-repeat; } @media(max-width: 760px){ .b-advantages{ padding: 35px 0; margin: 35px 0 25px; } } .b-advantages--main{ margin-bottom: 40px; margin-top: 40px; } .b-advantages--main .b-advantages__wrap{ padding: 50px 0 35px; } @media(max-width: 1000px){ .b-advantages--main{ display: none; } } .b-advantages::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.7); } .b-advantages__wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 35px 0; position: relative; z-index: 1; margin: auto; width: 70%; } @media(max-width: 760px){ .b-advantages__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 24px 55px 0; } } .b-advantages__item{ -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; padding: 0 6px; text-align: center; color: #fff; } @media(max-width: 760px){ .b-advantages__item{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; margin-bottom: 45px; } } .b-advantages__item-top{ display: block; width: 90px; height: 90px; margin: auto; border-radius: 50%; background: rgba(0,0,0,.5); text-align: center; line-height: 90px; margin-bottom: 16px; transition: all .3s; } @media(max-width: 950px) and (min-width: 761px){ .b-advantages__item-top{ width: 70px; height: 70px; line-height: 70px; margin-bottom: 11px; } } .b-advantages__item-top .i-icon{ width: 50px; height: 50px; } @media(max-width: 950px) and (min-width: 761px){ .b-advantages__item-top .i-icon{ width: 40px; height: 40px; } } .b-advantages__item-text{ line-height: 1.429; display: block; transition: all .3s; } @media(max-width: 950px){ .b-advantages__item-text{ font-size: 13px; } } .b-advantages__item-inner{ display: inline-block; cursor: pointer; } .b-advantages__item-inner:hover{ color: #fdb913; } .b-advantages__title{ text-align: center; padding-top: 35px; } @media(max-width: 760px){ .b-advantages__title{ padding-top: 27px; } } .b-advantages .b-title{ position: relative; z-index: 2; text-align: center; color: #fff; display: inline-block; } .b-aside{ display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .b-aside{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-aside__left{ -webkit-box-flex: 0; -ms-flex: 0 0 273px; flex: 0 0 273px; padding-right: 16px; max-width: 273px; width: 273px; } @media(max-width: 760px){ .b-aside__left--first-level .aside-menu{ margin-left: -15px; margin-right: -15px; } .b-aside__left--first-level .aside-menu__body{ display: block !important; position: relative; } .b-aside__left--first-level .aside-menu__head{ text-align: left; font-family: 'Pragmatica Light Bold', sans-serif; } .b-aside__left--first-level .aside-menu__head .aside-menu__list-arrow{ display: none; } } @media(max-width: 900px){ .b-aside__left{ -webkit-box-flex: 0; -ms-flex: 0 0 230px; flex: 0 0 230px; padding-right: 12px; max-width: 230px; width: 230px; } } @media(max-width: 760px){ .b-aside__left{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; max-width: none; 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% - 273px); flex-basis: calc(100% - 273px); max-width: calc(100% - 273px); width: calc(100% - 273px); } @media(max-width: 900px){ .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% - 230px); flex-basis: calc(100% - 230px); max-width: calc(100% - 230px); width: calc(100% - 230px); } } @media(max-width: 760px){ .b-aside__right{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; width: 100%; } } @media(max-width: 900px){ .b-aside__left-offer{ display: none; } } @media(min-width: 761px){ .b-aside__right-items-slider-wrap .swiper-container:not(.swiper-container-horizontal) .good-item{ margin-right: 14px; width: calc(25% - 14px); } } @media(max-width: 1360px) and (min-width: 761px){ .b-aside__right-items-slider-wrap .swiper-container:not(.swiper-container-horizontal) .good-item{ width: calc(33% - 14px); } } @media(max-width: 1100px) and (min-width: 761px){ .b-aside__right-items-slider-wrap .swiper-container:not(.swiper-container-horizontal) .good-item{ width: calc(50% - 14px); } } .b-banners{ margin-bottom: 40px; } @media(max-width: 760px){ .b-banners{ margin-right: -15px; } .b-banners .swiper-container{ padding-right: 10px; } } .b-banners__item{ transition: opacity .3s; } .b-banners__item img{ height: auto; } .b-banners__item:hover{ opacity: .85; } .b-banners__item.swiper-slide{ width: 258px; } .b-banners__item-wrap{ width: 100%; height: 322px; } .b-banners__img{ display: block; } @media(min-width: 900px){ .b-cart--table .b-cart__item--color{ display: block; } } .b-cart__top{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media(max-width: 760px){ .b-cart__top{ margin-bottom: 25px; } } .b-cart__top-left{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media(max-width: 760px){ .b-cart__top-left{ display: none; } } .b-cart__top-right{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media(max-width: 760px){ .b-cart__top-right{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } .b-cart__top-right .btn{ width: 100%; max-width: 100%; } } @media(max-width: 760px){ .b-cart__head{ display: none; } } .b-cart__item{ padding: 0 5px; } .b-cart__item--title{ -webkit-box-flex: 1; -ms-flex: 1 1 450px; flex: 1 1 450px; max-width: 450px; } @media(max-width: 760px){ .b-cart__item--title{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .b-cart__item--count{ -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; max-width: 200px; } @media(max-width: 1130px){ .b-cart__item--count{ -webkit-box-flex: 0; -ms-flex: 0 0 135px; flex: 0 0 135px; max-width: 135px; } } @media(max-width: 1000px){ .b-cart__item--count{ -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; } } .b-cart__item--price{ -webkit-box-flex: 0; -ms-flex: 0 0 125px; flex: 0 0 125px; max-width: 125px; } @media(max-width: 1000px){ .b-cart__item--price{ -webkit-box-flex: 0; -ms-flex: 0 0 115px; flex: 0 0 115px; max-width: 115px; } } .b-cart__item--sale-price{ -webkit-box-flex: 0; -ms-flex: 0 0 135px; flex: 0 0 135px; max-width: 135px; } .b-cart__item--total{ -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; max-width: 130px; } .b-cart__item--delete{ -webkit-box-flex: 0; -ms-flex: 0 0 52px; flex: 0 0 52px; max-width: 52px; } @media(max-width: 1000px){ .b-cart__item--delete{ -webkit-box-flex: 0; -ms-flex: 0 0 0%; flex: 0 0 0%; padding: 0; margin: 0 !important; } } @media(max-width: 760px){ .b-cart__item{ padding: 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-bottom: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .b-cart__item--color{ display: none ; -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px; } .b-cart__head-row{ background: #e8e8e8; font-family: 'Pragmatica Light Bold', sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media(max-width: 1000px){ .b-cart__head-row{ padding-left: 10px; } } .b-cart__head-item{ padding: 15px 5px; } @media(max-width: 760px){ .b-cart__row{ margin: 0 -15px; } } .b-cart__mobile-title{ display: none; } @media(max-width: 760px){ .b-cart__mobile-title{ display: block; font-size: 12px; color: #666666; -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; font-family: 'Pragmatica', sans-serif; } } @media(max-width: 760px){ .b-cart__item-content{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .b-cart__main{ margin-bottom: 20px; } .b-cart__bottom-wrap{ 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: 10px; } @media(max-width: 760px){ .b-cart__bottom-wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 18px; } } .b-cart__bottom-price{ font-family: 'Pragmatica Light Bold', sans-serif; font-size: 16px; line-height: 1.25; } .b-cart__bottom-price .b-price{ font-size: 20px; font-family: 'Pragmatica Bold', sans-serif; } .b-cart__bottom-btns{ text-align: right; } .b-cart__bottom-btns .btn{ margin-right: 18px; } @media(max-width: 760px){ .b-cart__bottom-btns .btn{ width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 10px; } } .b-cart__bottom-btns .btn:last-child{ margin: 0; } @media(max-width: 760px){ .b-cart__promo{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-bottom: 18px; } } @media(max-width: 760px){ .b-cart__promo .input-send__input-wrap{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .b-cart__bottom{ margin-bottom: 40px; } .b-catalog--search{ margin-top: 15px; } .b-catalog--line .b-catalog__item{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; margin-bottom: 15px; width: 100%; max-width: 100%; } .b-catalog--line .b-catalog__body{ margin: 0; margin-bottom: 25px; } .b-catalog__sort{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 18px; } @media(max-width: 1330px){ .b-catalog__sort{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-catalog__sort-left{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 10px; max-width: 50%; } @media(max-width: 1330px){ .b-catalog__sort-left{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-right: 0px; margin-bottom: 15px; max-width: 100%; } } @media(max-width: 760px){ .b-catalog__sort-left{ margin-bottom: 0; } } .b-catalog__sort-right{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } @media(max-width: 1330px){ .b-catalog__sort-right{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .b-catalog__sort-right .b-selects{ margin-bottom: 0; } .b-catalog__body{ display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -7px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; } .b-catalog__body--search{ margin-bottom: 15px !important; } .b-catalog__body--search .pagination{ width: 100%; } .b-catalog__item{ padding: 7px; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; max-width: 25%; } @media(max-width: 1360px){ .b-catalog__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; width: 33.33%; max-width: 33.33%; } } @media(max-width: 1110px){ .b-catalog__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; } } @media(max-width: 560px){ .b-catalog__item{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; padding: 0px 15px; margin-bottom: 20px; } } .b-catalog__view{ display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .b-catalog__view{ display: none; } } .b-catalog__view-item{ -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; background: #fff; cursor: pointer; color: #a5a4a4; position: relative; border: 1px solid #e7e7e7; text-align: center; } .b-catalog__view-item:hover{ color: #fdb913; } .b-catalog__view-item.active{ color: #272727; background: #fdb913; border: 1px solid #fdb913; } .b-catalog__view-item--line .b-catalog__view-item-element{ width: 17px; height: 3px; font-size: 0; } .b-catalog__view-item--line .b-catalog__view-item-element::before{ content: ''; display: inline-block; vertical-align: middle; width: 3px; height: 3px; background: currentColor; margin-right: 3px; } .b-catalog__view-item--line .b-catalog__view-item-element::after{ content: ''; display: inline-block; vertical-align: middle; width: 11px; height: 1px; background: currentColor; } .b-catalog__view-item--table .b-catalog__view-item-element{ width: 3px; height: 3px; font-size: 0; background: currentColor; } .b-catalog__view-item--table .b-catalog__view-item-element::before{ content: ''; position: absolute; left: -6px; width: 3px; height: 3px; background: currentColor; } .b-catalog__view-item--table .b-catalog__view-item-element::after{ content: ''; position: absolute; left: 6px; width: 3px; height: 3px; background: currentColor; } .b-catalog__view-item-element{ position: absolute; left: 0; right: 0; margin: auto; } .b-catalog__view-item-element::after, .b-catalog__view-item-element::before{ transition: all .3s; } .b-catalog__view-item-element:nth-of-type(1){ top: 11px; } .b-catalog__view-item-element:nth-of-type(2){ top: 17px; } .b-catalog__view-item-element:nth-of-type(3){ top: 23px; } .b-checkbox{ display: inline-block; vertical-align: middle; cursor: pointer; max-width: 100%; } .b-checkbox--square .b-checkbox__circle{ border-radius: 0; } .b-checkbox--square .b-checkbox__circle::after{ border-radius: 0; } .b-checkbox--lh .b-checkbox__text{ line-height: 1.571; } .b-checkbox--lh .b-checkbox__circle{ margin-top: 2px; } .b-checkbox--color .b-checkbox__circle{ width: 20px; height: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; min-width: 20px; max-width: 20px; border-radius: 0; border: 0; background-position: center; background-size: cover; background-repeat: no-repeat; } .b-checkbox--color .b-checkbox__circle::after{ content: ''; position: absolute; left: -3px; margin: auto; width: 24px; height: 24px; background: transparent; border: 1px solid #fdb913; opacity: 0; border-radius: 0; -webkit-transform: scale(0) translateZ(0); transform: scale(0) translateZ(0); transition: all .3s; } .b-checkbox--color .b-checkbox__label{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-checkbox--color-big .b-checkbox__circle{ width: 50px; height: 50px; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; min-width: 50px; max-width: 50px; display: block; } .b-checkbox--color-big .b-checkbox__circle::after{ width: 54px; height: 54px; } .b-checkbox__input{ display: none; } .b-checkbox__input:checked + label .b-checkbox__circle::after{ -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); opacity: 1; } .b-checkbox__input:disabled + label{ cursor: default; } .b-checkbox__input:disabled + label .b-checkbox__circle::after{ background: #cacaca; } .b-checkbox__label{ display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .b-checkbox__text{ margin-left: 8px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 1.2; } .b-checkbox__circle{ width: 15px; height: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 15px; flex: 0 0 15px; min-width: 15px; max-width: 15px; border: 1px solid #cacaca; border-radius: 50%; position: relative; display: block; } .b-checkbox__circle::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 9px; height: 9px; background: #fdb913; border-radius: 50%; -webkit-transform: scale(0) translateZ(0); transform: scale(0) translateZ(0); transition: all .3s; } .b-checkbox__circle.error{ border: 1px solid #f34040; } .b-checkout__footer{ text-align: right; padding-top: 20px; border-top: 1px solid #e7e7e7; } @media(max-width: 760px){ .b-checkout__footer{ border-top: 0; text-align: center; padding-top: 0; } .b-checkout__footer .btn{ width: 100%; } } .b-checkout__body{ margin: 15px 0 25px; } .b-checkout__body .input-item{ max-width: 540px; } .b-checkout__self-left-item{ line-height: 1.375; margin-bottom: 2px; } .b-checkout__self-left-title{ font-family: 'Pragmatica Light Bold', sans-serif; display: inline-block; vertical-align: middle; } .b-checkout__self-left-text{ display: inline-block; vertical-align: middle; } .b-checkout__self-image{ margin-right: 30px; display: inline-block; vertical-align: top; } @media(max-width: 760px){ .b-checkout__self-image{ margin-right: 0; margin-bottom: 14px; width: 100%; text-align: center; } } .b-checkout__self-image img{ max-height: 233px; max-width: 345px; } @media(max-width: 760px){ .b-checkout__self-image img{ max-height: 195px; } } .b-checkout__self{ display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 1000px){ .b-checkout__self{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-checkout__self-left{ -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; padding-right: 20px; } @media(max-width: 1000px){ .b-checkout__self-left{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-right: 0; margin-bottom: 15px; } } .b-checkout__self-link{ margin-bottom: 15px; } @media(max-width: 760px){ .b-checkout__self-link{ -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } } .b-checkout__self-link .i-icon{ font-size: 20px; margin-right: 4px; } .b-checkout__self-link-text{ display: inline-block; vertical-align: middle; border-bottom: 1px dotted currentColor; transition: all .3s; } .b-checkout__self-link-text:hover{ border-bottom: 1px dotted transparent; } .b-checkout__self-right{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 1000px){ .b-checkout__self-right{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .b-checkout__self-links{ display: inline-block; vertical-align: top; } @media(max-width: 760px){ .b-checkout__self-links{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-checkout__complete{ margin-bottom: 45px; line-height: 1.375; } @media(max-width: 760px){ .b-checkout__complete{ margin-bottom: 0; } } .b-collapse{ margin-bottom: 10px; } .b-collapse--faq .b-collapse__head{ padding-left: 45px; } .b-collapse--faq .b-collapse__head:hover{ background: #fff; border: 1px solid #fdb913; z-index: 1; } .b-collapse--faq .b-collapse__head.active{ background: #e7e7e7; border: 1px solid #e7e7e7; } .b-collapse--faq .b-collapse__head-text{ font-family: 'Pragmatica Light Bold', sans-serif; } @media(max-width: 760px){ .b-collapse{ margin: 0 -15px; margin-top: -1px; } } .b-collapse__head{ padding: 17px 20px; padding-right: 50px; position: relative; border: 1px solid #e7e7e7; background: #fff; cursor: pointer; transition: all .3s; } .b-collapse__head:hover{ background: #e7e7e7; } .b-collapse__head.active{ background: #fdb913; border: 1px solid #fdb913; } .b-collapse__head.active .b-collapse__head-arrow{ -webkit-transform: scaleY(-1); transform: scaleY(-1); } @media(max-width: 760px){ .b-collapse__head{ padding: 15px; } } .b-collapse__head-text{ font-family: 'Pragmatica Light Bold', sans-serif; } @media(max-width: 760px){ .b-collapse__head-text{ font-family: 'Pragmatica', sans-serif; } } .b-collapse__head-arrow{ width: 50px; right: 0; top: 0; bottom: 0; position: absolute; color: #272727; -webkit-transform: scaleY(1); transform: scaleY(1); transition: all .3s; } .b-collapse__head-arrow::after, .b-collapse__head-arrow::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform-origin: bottom; transform-origin: bottom; background-color: currentColor; } .b-collapse__head-arrow::after{ -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .b-collapse__head-arrow::before{ -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } .b-collapse__head-arrow::after, .b-collapse__head-arrow::before{ height: 10px; width: 1px; } .b-collapse__body{ display: none; } .b-collapse__body.active{ display: block; } .b-collapse__faq-icon{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; left: 15px; } .b-collapse__body-text{ padding: 20px 15px; } .b-compare{ margin-bottom: 25px; } @media(max-width: 760px){ .b-compare{ margin-bottom: 0; } } .b-compare__wrap{ display: none; } .b-compare__wrap.active{ display: block; } .b-compare__head-outer{ -webkit-transform: translateZ(0); transform: translateZ(0); } .b-compare.fixed .b-compare__head-outer{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); position: fixed; top: 0; z-index: 6; background: #fff; left: 0; right: 0; top: 0; min-height: 60px; opacity: 0; } @media(max-width: 760px){ .b-compare.fixed .b-compare__head-outer{ min-height: 55px; } } .b-compare.fixed .b-compare__head{ background: #fff; margin: auto; } .b-compare.fixed .b-compare__head-left{ -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; border-bottom: 0; } @media(max-width: 760px){ .b-compare.fixed .b-compare__head-left{ display: none; } } .b-compare.fixed .good-item__top, .b-compare.fixed .good-item__cart-wrap, .b-compare.fixed .good-item__close{ display: none; } .b-compare.fixed .b-compare__head-checkbox{ display: none; } .b-compare.fixed .b-compare__head-title{ margin-bottom: 0; } .b-compare.fixed .good-item__wrap{ box-shadow: none; } .b-compare.fixed .good-item__wrap:hover{ box-shadow: none; } .b-compare.fixed .good-item--compare{ min-height: 60px; } @media(max-width: 760px){ .b-compare.fixed .good-item--compare{ min-height: 55px; } } .b-compare.fixed .good-item--compare::after{ content: ''; position: absolute; top: 0; bottom: 0; right: -15px; width: 1px; background: #e7e7e7; z-index: 1; } .b-compare.fixed .good-item--compare .good-item__title{ height: auto; } .b-compare.animate .b-compare__head-outer{ opacity: 1; transition: opacity .3s; } .b-compare__head-left{ -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; max-width: 270px; text-align: left; padding: 0 16px; } @media(max-width: 850px){ .b-compare__head-left{ -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; max-width: 220px; } } @media(max-width: 760px){ .b-compare__head-left{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding: 20px 0; max-width: 100%; } } .b-compare__inner{} .b-compare__head-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% - 270px); flex-basis: calc(100% - 270px); width: calc(100% - 270px); max-width: calc(100% - 270px); } @media(max-width: 850px){ .b-compare__head-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% - 220px); flex-basis: calc(100% - 220px); width: calc(100% - 220px); max-width: calc(100% - 220px); } } @media(max-width: 760px){ .b-compare__head-right{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; max-width: 100%; } } .b-compare__head{ display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .b-compare__head{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-compare__body{ margin-top: 20px; } .b-compare__body.hide-similar .b-compare__row--hasDifference{ display: none; } .b-compare__row{ display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .b-compare__row{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media(min-width: 761px){ .b-compare__row:hover .b-compare__cell{ background: #e7e7e7; } } .b-compare__cell-prop-name{ -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; line-height: 1.375; padding: 18px 16px; background: #f5f6f8; max-width: 270px; font-family: "Pragmatica Light Bold", sans-serif; } @media(max-width: 850px){ .b-compare__cell-prop-name{ -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; max-width: 220px; } } @media(max-width: 760px){ .b-compare__cell-prop-name{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .b-compare__inner-row{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .b-compare__inner-cell{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; max-width: 25%; padding: 18px 16px; line-height: 1.25; display: none; } .b-compare__inner-cell.active{ display: block; } .b-compare__inner-cell.hovered{ background: #e7e7e7; } .b-compare__inner-cell .b-price{ font-size: 26px; font-weight: 500; font-family: "Roboto Medium"; } @media(max-width: 760px){ .b-compare__inner-cell .b-price{ font-size: 20px; } } @media(max-width: 1390px){ .b-compare__inner-cell{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; width: 33.33%; max-width: 33.33%; } } @media(max-width: 1120px){ .b-compare__inner-cell{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; } } @media(max-width: 760px){ .b-compare{ word-break: break-word; } } .b-compare__head-checkbox{ margin-bottom: 15px; } .b-compare__head-checkbox:last-of-type{ margin-bottom: 0; } .b-compare__head-title{ font-family: "Pragmatica Light Bold", sans-serif; margin-bottom: 18px; } .b-compare__head-mobile{ display: none; } @media(max-width: 760px){ .b-compare__head-mobile{ display: block; margin-bottom: 0; } } @media(max-width: 760px){ .b-compare__head-desktop{ display: none; } } .b-compare__slider .slider-arrows__item--prev{ left: 10px; } .b-compare__slider .slider-arrows__item--next{ right: 10px; } .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: 21px; height: 35px; border: 1px solid #e8e8e8; display: inline-block; vertical-align: middle; position: relative; background: #e8e8e8; cursor: pointer; transition: all .3s; } .b-count__btn:hover{ background: #fdb913; border: 1px solid #fdb913; } .b-count__btn::before, .b-count__btn::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #777; transition: all .3s; } .b-count__btn::before{ width: 9px; height: 1px; } .b-count__btn::after{ height: 9px; width: 1px; } .b-count__btn--minus::after{ display: none; } .b-count__input-wrap{ display: inline-block; vertical-align: middle; } .b-count__input{ width: 100%; border: 0; height: 35px; text-align: center; padding: 0 4px; width: 43px; border: 1px solid #e8e8e8; font-size: 14px; } .b-date{ font-size: 12px; color: #666666; } .b-date__text{ display: inline-block; vertical-align: middle; margin-left: 4px; } .b-detail{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0px; } .b-detail--modal{ margin-bottom: 0; } @media(max-width: 760px){ .b-detail--modal .b-detail__body-head{ display: none; } } .b-detail--modal .b-detail__slider{ -webkit-box-flex: 0; -ms-flex: 0 0 54%; flex: 0 0 54%; max-width: 54%; padding-right: 40px; } @media(max-width: 900px){ .b-detail--modal .b-detail__slider{ display: none; } } .b-detail--modal .b-detail__content{ -webkit-box-flex: 0; -ms-flex: 0 0 46%; flex: 0 0 46%; max-width: 46%; padding: 0; } @media(max-width: 960px){ .b-detail--modal .b-detail__content{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .b-detail--modal .detail-slider__vertical-item{ width: 100% !important; } @media(max-width: 760px){ .b-detail--modal .detail-checkout__cart-item--small{ display: none; } } .b-detail__slider{ -webkit-box-flex: 0; -ms-flex: 0 1 40%; flex: 0 1 40%; padding-right: 20px; max-width: 40%; } @media(max-width: 1180px){ .b-detail__slider{ -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; padding-right: 20px; max-width: 45%; } } @media(max-width: 1000px){ .b-detail__slider{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-right: 0; max-width: 100%; margin-bottom: 25px; } } @media(max-width: 760px){ .b-detail__slider{ margin-bottom: 8px; } } .b-detail__content{ -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } @media(max-width: 1180px){ .b-detail__content{ -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; } } @media(max-width: 1000px){ .b-detail__content{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } @media(max-width: 760px){ .b-detail__tabs{ margin: 0 -15px; } } .b-detail__tabs-body-item{ display: none; } .b-detail__tabs-body-item.active{ display: block; } @media(max-width: 760px){ .b-detail__tabs-body-item{ display: block !important; } .b-detail__tabs-body-item:first-of-type .b-detail__body-head{ border-top: 1px solid #e7e7e7; } } .b-detail__bottom{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 16px 10px; background: #f5f6f8; 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-top: 15px; } @media(max-width: 760px){ .b-detail__bottom{ -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px 5px; } } @media(max-width: 760px){ .b-detail__bottom-docs{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 17px; } } @media(max-width: 760px){ .b-detail__soc{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .b-detail__bottom-docs-item{ display: inline-block; vertical-align: middle; margin-right: 26px; transition: all .3s; } .b-detail__bottom-docs-item:hover{ color: #fdb913; } .b-detail__bottom-docs-item .i-icon{ font-size: 20px; margin-right: 8px; } .b-detail__bottom-docs-item span{ display: inline-block; vertical-align: middle; } .b-detail__descr{ line-height: 1.429; margin-top: 12px; } @media(max-width: 760px){ .b-detail__tabs-head{ display: none; } } .b-detail__body-head{ display: none; position: relative; height: 45px; line-height: 45px; border-bottom: 1px solid #e7e7e7; padding-right: 45px; padding-left: 15px; } @media(max-width: 760px){ .b-detail__body-head{ display: block; } } .b-detail__body-head.active{ background: #f2f2f2; } .b-detail__body-head.active .b-detail__body-head-arrow{ -webkit-transform: scaleY(-1); transform: scaleY(-1); } .b-detail__body-head-arrow{ width: 45px; height: 45px; position: absolute; right: 0; top: 0; color: #272727; -webkit-transform: scaleY(1); transform: scaleY(1); transition: all .3s; cursor: pointer; } .b-detail__body-head-arrow::after, .b-detail__body-head-arrow::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform-origin: bottom; transform-origin: bottom; height: 8px; width: 1px; background-color: currentColor; } .b-detail__body-head-arrow::after{ -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .b-detail__body-head-arrow::before{ -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } @media(max-width: 760px){ .b-detail__tab{ display: none; padding: 10px 15px; border-bottom: 1px solid #e7e7e7; } .b-detail__tab.active{ display: block; } .b-detail__tab .files-table{ margin: 0 -15px; } } .b-detail__descr{ margin-bottom: 15px; } .b-download__link{ display: inline-block; } .b-download__link:hover .b-download__text{ border-bottom: 1px solid transparent; } .b-download__text{ display: inline; vertical-align: middle; border-bottom: 1px solid currentColor; transition: all .3s; margin-bottom: 7px; } .b-download__icon{ font-size: 26px; margin-right: 7px; } .b-filter__range{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 23px; width: 100%; } .b-filter__range-input-wrap{ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); } .b-filter__range-input-wrap--min{ margin-right: 15px; } .b-filter__range-input-wrap--max{ position: relative; margin-left: 15px; } .b-filter__range-input-wrap--max::before { content: ''; position: absolute; width: 15px; height: 1px; background: #e7e7e7; left: -22px; top: 0; bottom: 0; margin: auto; } .b-filter__range-input{ width: 100%; height: 30px; border-radius: 2px; border: 1px solid #e7e7e7; padding: 0 8px; } .b-filter__range-slider-wrap{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .b-filter__checkbox-item{ margin-bottom: 15px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .b-filter__checkbox-item--half{ -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 100%; font-size: 13px; padding-right: 5px; } .b-filter__inner-list{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .b-filter__bottom{ padding: 15px; } .b-filter__bottom-checkbox{ margin-bottom: 22px; } .b-filter__btn-show{ width: 100%; margin-bottom: 13px; } .b-filter__bottom-bnts{ text-align: center; } .b-filter .bx_filter_container_modef{ position: absolute; left: calc(100% + 10px); z-index: 4; } @media(max-width: 760px){ .b-filter .bx_filter_container_modef{ position: relative; left: 0; } } .b-filter .bx_filter_popup_result.left{ position: relative; height: 40px; background: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom-right-radius: 2px; border-top-right-radius: 2px; border: 1px solid #fdb913; padding-left: 15px; } .b-filter .bx_filter_popup_result.left::before{ content: ''; position: absolute; left: -6px; top: 0; bottom: 0; margin: auto; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom: 1px solid #fdb913; border-left: 1px solid #fdb913; background: #ffffff; z-index: 1; width: 10px; height: 10px; } @media(max-width: 760px){ .b-filter .bx_filter_popup_result.left::before{ display: none; } } .b-filter .bx_filter_popup_result.left .bx_filter_popup_result-text{ white-space: nowrap; } .b-filter .bx_filter_popup_result.left a{ display: block; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; line-height: 38px; padding: 0 25px; background: #fdb913; margin-left: 15px; } @media(max-width: 760px){} .b-info-links{ border: 1px solid #e7e7e7; padding: 25px; width: 100%; } .b-info-links__item{ margin-bottom: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-info-links__item:last-of-type{ margin-bottom: 0; } .b-info-links__icon{ font-size: 25px; margin-right: 20px; } .b-info-links__text{ display: inline; vertical-align: middle; line-height: 1.2; } .b-info-links__text--solid{ border-bottom: 1px solid currentColor; } .b-info-links__text--solid:hover{ border-bottom: 1px solid transparent; } .b-info-links__text--dotted{ border-bottom: 1px dotted currentColor; } .b-info-links__text--dotted:hover{ border-bottom: 1px dotted transparent; } .b-info-links__text--dashed{ border-bottom: 1px dashed currentColor; } .b-info-links__text--dashed:hover{ border-bottom: 1px dashed transparent; } .b-label{ -webkit-transform: skew(-40deg); transform: skew(-40deg); padding: 6px 21px 6px 26px; color: #fff; margin-left: -12px; } @media(max-width: 760px){ .b-label{ font-size: 12px; } } .b-label--mini{ padding: 3px 10px 3px 15px; } .b-label--sale{ background: #3884e5; } .b-label--new{ background: #cc3b96; } .b-label--hit{ background: #8261d4; } .b-label--action{ background: #7dc33c } .b-label__wrap{ -webkit-transform: skew(40deg); transform: skew(40deg); } .b-modal{ margin: auto; max-width: 520px; } .b-modal--detail{ max-width: 1095px; } .b-modal--project{ max-width: 1500px; } .b-modal__wrap{ padding: 25px; background: #fff; position: relative; } @media(max-width: 760px){ .b-modal__wrap{ padding: 15px; } } .b-modal__close{ width: 45px; height: 45px; background: #e8e8e8; position: absolute; right: 0; cursor: pointer; top: 0; z-index: 1; transition: all .3s; } .b-modal__close:hover{ background: #fdb913; } .b-modal__close::after, .b-modal__close::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 18px; height: 1px; background: #272727; } .b-modal__close::after{ -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } .b-modal__close::before{ -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .b-modal__head{ margin-bottom: 25px; padding-right: 35px; } .b-modal__submit{ text-align: center; } .b-modal__btns{ margin-top: 22px; } .b-modal__btns-item{ margin-right: 20px; } @media(max-width: 760px){ .b-modal__btns-item{ width: 100%; margin-right: 0; margin-bottom: 15px; } } .b-modal__btns-item:last-child{ margin-right: 0; margin-bottom: 0; } .b-modal__tabs-wrap{ position: relative; } .b-modal__tab-inner{} .b-modal__tab{ display: none; } .b-modal__tab.active{ display: block; } .b-modal__soc{ margin-top: 25px; text-align: center; } .b-modal__soc--left{ text-align: left; } .b-modal__soc-title{ margin-bottom: 10px; font-size: 17px; font-family: "Pragmatica Light Bold"; } .b-modal [data-error-block]{ color: red; margin-bottom: 10px; } .b-nav{ text-align: center; 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; margin: 35px 0; } .b-nav--small-margin{ margin: 20px 0 15px; } .b-nav__item{ -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; width: 35px; height: 35px; border: 1px solid transparent; line-height: 33px; display: block; border-radius: 50%; margin: 0 2px; transition: all .3s; } .b-nav__item:hover{ color: #fdb913; } .b-nav__item.active{ border: 1px solid #fdb913; } .b-nav__dots{ -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; width: 18px; height: 35px; line-height: 35px; display: block; margin: 0 2px; } .b-nav__arrow{ -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; width: 16px; height: 35px; line-height: 35px; display: block; margin: 0 2px; position: relative; } .b-nav__arrow:hover::after, .b-nav__arrow:hover::before{ background-color: #fdb913; } .b-nav__arrow::after, .b-nav__arrow::before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin: 0 auto; content: ''; background: currentColor; -webkit-transform-origin: right; transform-origin: right; } .b-nav__arrow::after{ -webkit-transform: translateY(-50%) rotate(45deg) translateZ(0); transform: translateY(-50%) rotate(45deg) translateZ(0); } .b-nav__arrow::before{ -webkit-transform: translateY(-50%) rotate(-45deg) translateZ(0); transform: translateY(-50%) rotate(-45deg) translateZ(0); } .b-nav__arrow::after, .b-nav__arrow::before{ width: 7px; height: 1px; background-color: #272727; transition: all .3s; } .b-nav__arrow--prev{ -webkit-transform: scaleX(-1); transform: scaleX(-1); } .b-news{ display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } .b-news--profile .b-news__save{ display: none; } .b-news--line:not(.b-news--line-small) .b-news__wrap{ transition: all .3s; } .b-news--line:not(.b-news--line-small) .b-news__wrap:hover{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .b-news--line:not(.b-news--line-small) .b-news__wrap:hover .b-news__more-btn-top{ opacity: 1; visibility: visible; } .b-news--line:not(.b-news--line-small) .b-news__wrap:hover .b-news__image::after{ opacity: 1; } .b-news--line:not(.b-news--line-small) .b-news__wrap:hover .b-news__save{ opacity: 1; } @media(max-width: 640px){ .b-news--line:not(.b-news--line-small) .b-news__content{ padding-bottom: 25px; } } @media(min-width: 641px){ .b-news--line .b-news__wrap{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-height: 200px; } .b-news--line .b-news__image{ -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 198px; width: 40%; height: auto; } .b-news--line .b-news__text{ max-height: 84px; } .b-news--line .b-news__content{ border-left: 0; } .b-news--line .b-news__image{ border-bottom: 1px solid #e7e7e7; border-right: 0; position: relative; } .b-news--line .b-news__image::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6); opacity: 0; transition: all .3s; } } .b-news--line-small{ margin-bottom: 30px; } .b-news--line-small:last-of-type{ margin-bottom: 0; } @media(max-width: 600px){ .b-news--line-small .b-news__wrap{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .b-news--line-small .b-news__image{ -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; width: 130px; height: auto; border: 0; } .b-news--line-small .b-news__image::after{ display: none; } @media(max-width: 600px){ .b-news--line-small .b-news__image{ /*height: 150px;*/ width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .b-news--line-small .b-news__content{ border: 0; padding: 0 20px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 600px){ .b-news--line-small .b-news__content{ padding: 13px 13px 20px; border: 1px solid #e7e7e7; } } .b-news--line-small .b-news__title{ height: 35px; margin-bottom: 12px; } @media(max-width: 600px){ .b-news--line-small .b-news__title{ height: auto; max-height: 53px; } } .b-news--line-small .b-news__link{ font-size: 14px; } .b-news--line-small .b-news__text{ max-height: 60px; } .b-news--big-article .b-news__image{ height: 219px; bottom: 0; } @media(max-width: 760px){ .b-news--big-article .b-news__image{ height: 190px; } } .b-news--big-article .b-news__title{ height: 35px; margin-bottom: 12px; } .b-news--big-article .b-news__link{ font-size: 14px; } .b-news--big-article .b-news__text{ max-height: none; } @media(max-width: 760px){ .b-news--big-article .b-news__text{ max-height: 63px; } } .b-news--big-article .b-news__content{ border: 0; padding: 15px 0; } .b-news--album .b-news__wrap{ transition: all .3s; } .b-news--album .b-news__wrap:hover{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .b-news--album .b-news__wrap:hover .b-news__image::after{ opacity: 1; } .b-news--album .b-news__wrap:hover .b-news__save{ opacity: 1; } .b-news--album .b-news__image{ height: 230px; position: relative; } .b-news--album .b-news__image::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6); opacity: 0; transition: all .3s; } @media(max-width: 640px){ .b-news--album .b-news__image::after{ opacity: 1; background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 31%); } } .b-news--album .b-news__content{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .b-news--album .b-news__title{ height: auto; margin-bottom: 14px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .b-news--portfolio .b-news__wrap{ transition: all .3s; } .b-news--portfolio .b-news__wrap:hover{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .b-news--portfolio .b-news__wrap:hover .b-news__more-btn-top{ opacity: 1; visibility: visible; } .b-news--portfolio .b-news__wrap:hover .b-news__image::after{ opacity: 1; } .b-news--portfolio .b-news__wrap:hover .b-news__save{ opacity: 1; } @media(max-width: 640px){ .b-news--portfolio .b-news__save{ display: none; } } .b-news--portfolio .b-news__image{ height: 180px; position: relative; @mediia(max-width: 640px){ height: 195px; } } .b-news--portfolio .b-news__image::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6); opacity: 0; transition: all .3s; } @media(max-width: 640px){ .b-news--portfolio .b-news__image::after{ display: none; } } .b-news--portfolio .b-news__content{ padding-bottom: 18px; } @media(max-width: 640px){ .b-news--portfolio .b-news__content{ padding-bottom: 25px; } } .b-news--video .b-news__wrap{ transition: all .3s; } .b-news--video .b-news__wrap:hover{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .b-news--video .b-news__save{ position: relative; left: 0; top: 0; margin-bottom: 9px; opacity: 1; visibility: visible; } .b-news--video .b-news__image{ height: 245px; } @media(max-width: 760px){ .b-news--video .b-news__image{ height: 163px; } } .b-news--video .b-news__image iframe{ width: 100%; height: 100%; } .b-news--video .b-news__image::after{ display: none; content: ''; position: absolute; left: 0; right: 0; top: 0; height: 50px; background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 31%); } .b-news--video .b-news__title{ position: absolute; left: 10px; top: 10px; color: #fff; font-family: 'Pragmatica', sans-serif; height: auto; margin-bottom: 0; font-size: 14px; display: none; } .b-news__wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; position: relative; } .b-news__image{ height: auto; border: 1px solid #e7e7e7; border-bottom: 0; } .b-news__image img{ width: 100%; height: 100%; -o-object-fit: cover; font-family: "object-fit:cover;object-position:center"; object-fit: cover; -o-object-position: center; object-position: center; } .b-news__content{ border: 1px solid #e7e7e7; padding: 12px 14px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .b-news__title{ line-height: 1.25; margin-bottom: 20px; height: 43px; overflow: hidden; font-family: "Pragmatica Light Bold", sans-serif; font-size: 0; } @media(max-width: 760px){ .b-news__title{ height: auto; margin-bottom: 12px; } } .b-news__title::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .b-news__link{ display: inline-block; vertical-align: middle; font-size: 16px; transition: all .3s; } .b-news__link:hover{ color: #fdb913; } .b-news__date{ margin-bottom: 14px; } .b-news__text{ max-height: 100px; overflow: hidden; line-height: 1.429; } .b-news__article-btn{ margin-top: 30px; } .b-news__grey-text{ color: #666666; margin-bottom: 5px; } .b-news__section{ margin-bottom: 3px; } .b-news__save{ position: absolute; top: 10px; left: 15px; z-index: 1; opacity: 0; } @media(max-width: 640px){ .b-news__save{ opacity: 1; } } .b-news__more-btn-top{ text-align: center; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; opacity: 0; visibility: hidden; transition: all .3s; } @media(max-width: 640px){ .b-news__more-btn-top{ display: none; } } .b-news__more-btn-bottom{ margin-top: 15px; display: block; text-align: center; } @media(min-width: 641px){ .b-news__more-btn-bottom{ display: none; } } .b-offers-list{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -7px; } @media(max-width: 620px){ .b-offers-list{ margin: 0; } } .b-offers-list__item{ padding: 7px; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } @media(max-width: 1390px){ .b-offers-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } } @media(max-width: 1150px){ .b-offers-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; } } @media(max-width: 860px){ .b-offers-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } @media(max-width: 620px){ .b-offers-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 10px 15px; } } .b-page{ padding: 24px 0 34px; } @media(max-width: 760px){ .b-page{ padding: 15px 0 25px; } } .b-page--about{ padding: 55px 0 25px; } @media(max-width: 760px){ .b-page--about{ padding-top: 18px; } } .b-page--404{ padding-bottom: 0; } body.project-page .b-page{ padding: 0; } .b-page__slider-wrap{ margin-bottom: 25px; } .b-page__slider-wrap:hover{ position: relative; z-index: 3; } .b-page__banners-slider{ margin-top: 50px; margin-bottom: 20px; } .b-price{ color: inherit; font-size: inherit; font-weight: inherit; white-space: nowrap; } .b-price::after{ content: 'i'; display: inline-block; vertical-align: baseline; font-family: Rouble; font-weight: inherit; } .b-price--old{ color: #666666; position: relative; } .b-price--old::before{ content: ''; position: absolute; top: 50%; margin-bottom: 1px; left: -2px; right: -3px; height: 1px; background: #666666; } .b-quiz__title{ line-height: 1.429; margin-bottom: 17px; } .b-quiz__item{ margin-bottom: 15px; } .b-quiz__item:last-of-type{ margin-bottom: 0; } .b-quiz__item-btn-wrap{ margin-top: 28px; } .b-quiz__item-message{ margin-top: 15px; } .b-radio__input{ display: none; } .b-radio__input:checked + label .b-radio__circle::after{ -webkit-transform: scale(1); transform: scale(1); } .b-radio__label{ display: -webkit-box; display: -ms-flexbox; display: flex; } .b-radio__text{ margin-left: 10px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .b-radio__circle{ width: 15px; height: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 15px; flex: 0 0 15px; min-width: 15px; max-width: 15px; border: 1px solid #cacaca; border-radius: 50%; position: relative; } .b-radio__circle::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 9px; height: 9px; background: #fdb913; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); transition: all .3s; } .b-save{ cursor: pointer; transition: all .3s; } .b-save:hover .b-save__icon{ stroke: #fdb913; fill: #fdb913; } .b-save:hover .b-save__text{ color: #fdb913; border-bottom: 1px solid currentColor; } .b-save__icon{ height: 24px; width: 16px; margin-right: 4px; fill: transparent; stroke: #272727; padding-top: 1px; transition: all .3s; -webkit-transform: translateZ(0); transform: translateZ(0); } .b-save__text{ display: inline-block; vertical-align: middle; font-size: 12px; transition: all .3s; border-bottom: 1px solid transparent; } .b-save--white{ color: #fff; } .b-save--white .b-save__icon{ fill: transparent; stroke: #fff; } .b-save--big .b-save__text{ font-size: 14px; border-bottom: 1px solid currentColor; } .b-save.active .b-save__icon{ fill: #fdb913; stroke: #fdb913; } .b-select--leftside .b-select__wrap{ margin-left: -5px; } .b-select--leftside .b-select__inner{ padding-left: 5px !important; } .b-select--mid-height .b-select__wrap{ height: 35px; } .b-select--mid-height .b-select__wrap::after{ right: 5px; } .b-select--mid-height .b-select__wrap .b-select__inner{ height: 35px; line-height: 33px; padding: 0 18px 0 15px; border: 1px solid #e7e7e7; } @media(max-width: 760px){ .b-select--mid-height .b-select__wrap{ height: 35px; } } .b-select--transparent:hover .b-select__active-item .b-select__text{ border-bottom: 1px dashed transparent; } .b-select--transparent .b-select__wrap::after{ display: none; } .b-select--transparent .b-select__wrap.opened .b-select__inner{ background: #fff; border: 1px solid #e7e7e7; } .b-select--transparent .b-select__wrap.opened .b-select__title{ opacity: 0; display: block; } @media(max-width: 760px){ .b-select--transparent .b-select__title{ font-size: 12px; } } .b-select--transparent .b-select__active-item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 38px; } @media(max-width: 760px){ .b-select--transparent .b-select__active-item{ height: 46px; } } .b-select--transparent .b-select__active-item .b-select__text{ border-bottom: 1px dashed currentColor; } .b-select--transparent .b-select__inner{ background: transparent; border: 1px solid transparent; padding-left: 0; transition: all .3s; } .b-select--transparent .b-select__text{ line-height: 1.2; width: auto; text-overflow: ellipsis; overflow: hidden; } .b-select--transparent .b-select__item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-select__wrap{ position: relative; height: 40px; cursor: pointer; } .b-select__wrap.opened .b-select__title{ display: none; } .b-select__wrap.disabled{ opacity: 0.5; } .b-select__wrap.overtop .b-select__inner{ z-index: 4; } .b-select__wrap.overtop::after{ z-index: 5; } @media(max-width: 760px){ .b-select__wrap{ height: 46px; } } .b-select__wrap::after{ content: ''; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); margin: auto; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #838383; z-index: 3; } @media(max-width: 760px){ .b-select__wrap::after{ z-index: 3; } } .b-select__inner{ position: absolute; left: 0; right: 0; border: 1px solid #e7e7e7; padding: 0 27px 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 38px; height: 40px; overflow: hidden; background: #fff; z-index: 3; transition: height .3s; } .b-select--transparent .b-select__wrap.overtop .b-select__inner { overflow: hidden; max-height: 300px; } .b-select--transparent .b-select__wrap.overtop .b-select__inner { overflow: hidden; max-height: 150px; } .b-select--transparent .b-select__wrap.opened .b-select__inner { max-height: 300px; overflow: auto; } .small-cart .b-select--transparent .b-select__wrap.opened .b-select__inner { max-height: 150px; } html.br-ie .b-select__inner{ transition: none; } @media(max-width: 760px){ .b-select__inner{ border: 0; border-bottom: 1px solid #e7e7e7; height: 46px; line-height: 45px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 27px 0 15px; } } .b-select__title{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #666666; margin-right: 12px; } .b-select__list{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; overflow: hidden; } .b-select__list-inner{ padding-bottom: 1px; padding-top: 5px; } .b-select__item{ transition: all .3s; font-size: 0; line-height: 1.4; margin-bottom: 10px; } .b-select__item:hover{ color: #fdb913; } .b-select__item.selected{ display: none; } .b-select__active-item{ white-space: nowrap; font-size: 0; } .b-select__color{ display: inline-block; vertical-align: middle; width: 25px; -webkit-box-flex: 0; -ms-flex: 0 0 25px; flex: 0 0 25px; height: 25px; background-position: center; background-size: cover; background-repeat: no-repeat; margin-right: 10px; } .b-select__text{ display: inline-block; vertical-align: middle; font-size: 14px; width: 100%; text-align: center; } .b-selects{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0px; max-width: 100%; } .b-selects--catalog .b-selects__item{ margin-bottom: 0; } .b-selects__wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: calc(100% - 120px); } @media(max-width: 760px){ .b-selects__wrap{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; } } @media(max-width: 760px){ .b-selects{ -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #e7e7e7; margin: 0 -15px 20px; max-width: none; } } .b-selects__item{ -webkit-box-flex: 1; -ms-flex: 1 0 195px; flex: 1 0 195px; padding-right: 10px; max-width: 320px; margin-bottom: 10px; min-width: 195px; } .b-selects__item:last-of-type{ padding-right: 0; } .b-selects__item--small{ -webkit-box-flex: 0; -ms-flex: 0 0 135px; flex: 0 0 135px; max-width: 135px; width: 135px; min-width: 0; } .b-selects__item--big{ -webkit-box-flex: 1; -ms-flex: 1 0 275px; flex: 1 0 275px; min-width: 275px; } @media(max-width: 760px){ .b-selects__item{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; width: 100%; margin: 0; padding-right: 0; } .b-selects__item .btn{ width: 100%; margin-top: 15px; } } .b-selects__btn{ -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; min-width: 120px; max-width: 120px; width: 120px; padding-left: 10px; } .b-selects__btn .b-selects__item{ min-width: 0; } .b-selects__btn .btn{ padding: 0 31px; } @media(max-width: 760px){ .b-selects__btn{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; padding: 0 15px !important; } } .b-selects .b-catalog__view{ -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } @media(max-width: 1330px){ .b-selects .b-catalog__view{ margin-left: auto; } } .b-soc__icon{ display: inline-block; vertical-align: middle; font-size: 26px; color: #838383; margin-right: 8px; transition: all .3s; } .b-soc__icon::last-of-type{ margin-right: 0; } .b-soc__icon--md{ font-size: 23px; } .b-soc__icon--fb:hover{ color: #3c5a98; } .b-soc__icon--tw:hover{ color: #2aa9e0; } .b-soc__icon--ins:hover{ color: #000000; } .b-soc__icon--vk:hover{ color: #4d75a4; } .b-soc__icon--yt:hover{ color: #ed1d1b; } .b-soc__text{ margin-right: 9px; display: inline-block; vertical-align: middle; color: #777; } .b-soc__text--bold{ color: #272727; font-family: 'Pragmatica Light Bold', sans-serif; } .b-soc--big .b-soc__icon{ font-size: 32px; } .b-thread{ margin-bottom: 43px; } @media(max-width: 760px){ .b-thread{ margin-bottom: 35px; } } .b-thread--small{ margin-bottom: 20px; } .b-thread--small:last-of-type{ margin-bottom: 0; } .b-thread--small .b-thread__image{ display: none; } .b-thread--small .b-thread__text{ max-height: 43px; overflow: hidden; } .b-thread--small .b-thread__wrap{ padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; } .b-thread--small .b-thread__text-quote{ display: none; } .b-thread--feedback{ margin-bottom: 65px; } @media(max-width: 760px){ .b-thread--feedback{ margin-bottom: 33px; } } .b-thread--feedback .b-thread__title{ font-size: 14px; } @media(max-width: 760px){ .b-thread--feedback .b-thread__title{ text-align: center; margin-bottom: 8px; } } .b-thread--feedback .b-thread__name-wrap{ display: none; } .b-thread--feedback .b-thread__info{ display: block; } @media(max-width: 760px){ .b-thread--feedback .b-thread__info{ text-align: center; } } .b-thread--feedback .b-thread__date{ margin-right: 0; } .b-thread__image{ -webkit-box-flex: 0; -ms-flex: 0 0 96px; flex: 0 0 96px; max-width: 96px; padding-right: 18px; } @media(max-width: 760px){ .b-thread__image{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 96px; margin: auto; text-align: center; padding-right: 0; margin-bottom: 17px; } } .b-thread__wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .b-thread__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-thread__content{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 760px){ .b-thread__content{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .b-thread__title{ margin-bottom: 15px; font-family: "Pragmatica Light Bold", sans-serif; font-size: 16px; } .b-thread__info{ margin-bottom: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #777777; font-size: 12px; } @media(max-width: 760px){ .b-thread__info{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .b-thread__date{ margin-right: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media(max-width: 760px){ .b-thread__date{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .b-thread__name-wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .b-thread__name-wrap{ margin-bottom: 5px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .b-thread__name-wrap .i-icon{ margin-right: 5px; } .b-thread__text{ line-height: 1.429; } .b-thread__reply{ padding-left: 111px; margin: 22px 0; } @media(max-width: 760px){ .b-thread__reply{ padding-left: 0; margin: 15px 0; } } .b-thread__link{ transition: all .3s; } .b-thread__link:hover{ color: #fdb913; } .b-thread__text-quote{ padding: 10px; border: 1px solid #dedede; margin-bottom: 10px; } .b-thread__text-quote div{ padding: 5px 10px; border: 1px solid #dedede; } .b-thread__text-quote div:not(:last-of-type){ margin-bottom: 10px; } .b-title{ position: relative; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .b-title--center{ text-align: center; margin-bottom: 0; } .b-title--center::after{ left: 0; right: 0; margin: auto; } .b-title h1, .b-title h2, .b-title h3, .b-title h4, .b-title h5, .b-title h6{ margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .b-title h1 a, .b-title h2 a, .b-title h3 a, .b-title h4 a, .b-title h5 a, .b-title h6 a{ transition: all .3s; } .b-title h1 a:hover, .b-title h2 a:hover, .b-title h3 a:hover, .b-title h4 a:hover, .b-title h5 a:hover, .b-title h6 a:hover{ color: #fdb913; } .b-title p a:hover{ color: #fdb913; } .b-title h4{ padding-bottom: 10px; } .b-title h2{ padding-bottom: 12px; } .b-title::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 2px; background: #fdb913; } .b-title::left{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .big-banner{ margin-bottom: 40px; position: relative; } @media(max-width: 760px){ .big-banner--main{ display: none; } } .big-banner--main a{ display: block; } .big-banner--main a img{ height: auto; } .big-banner__btn{ position: absolute; left: 4%; bottom: 20%; } .big-table{ margin-bottom: 20px; } .big-table__row{ display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .big-table__row{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .big-table__row:hover .big-table__cell{ background: #e7e7e7; } .big-table__cell{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 15px 20px; transition: all .3s; line-height: 1.2; } @media(max-width: 760px){ .big-table__cell{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; padding: 13px 15px; } } .big-table__title{ background: #f5f6f8; font-family: 'Pragmatica Light Bold'; } .booklet-list{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -9px; } .booklet-list--small .booklet-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } @media(max-width: 1100px){ .booklet-list--small .booklet-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } } @media(max-width: 1000px){ .booklet-list--small .booklet-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; } } @media(max-width: 760px){ .booklet-list--small .booklet-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; padding: 0 7px; } } @media(max-width: 760px){ .booklet-list{ margin: 0 -7px; } } .booklet-list__item{ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(100% / 6); flex-basis: calc(100% / 6); max-width: calc(100% / 6); width: calc(100% / 6); padding: 0 9px; margin-bottom: 30px; } @media(max-width: 1100px){ .booklet-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } } @media(max-width: 990px){ .booklet-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } } @media(max-width: 760px){ .booklet-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; padding: 0 7px; } } .booklet-list__item-wrap{ display: block; text-align: center; } .booklet-list__item-wrap:hover .booklet-list__item-image{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .booklet-list__item-image{ display: block; height: 130px; box-shadow: 0 0 0 1px #e7e7e7; transition: all .3s; padding: 25px; background: #fff; font-size: 0; margin-bottom: 12px; } @media(max-width: 760px){ .booklet-list__item-image{ height: 90px; } } .booklet-list__item-image::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .booklet-list__item-image img{ display: inline-block; vertical-align: middle; } .brand-detail{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } @media(max-width: 760px){ .brand-detail{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .brand-detail__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 35px; max-width: 50%; } @media(max-width: 1000px){ .brand-detail__item{ -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; padding-right: 0; } } @media(max-width: 760px){ .brand-detail__item{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-bottom: 35px; } } .brand-detail__catalog{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 10px; } @media(max-width: 1000px){ .brand-detail__catalog{ -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; } } @media(max-width: 760px){ .brand-detail__catalog{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: none; padding-left: 0; margin: 0 -15px; } } @media(min-width: 621px){ .brand-item--small .brand-item__image{ width: 96px; height: 96px; -webkit-box-flex: 0; -ms-flex: 0 0 96px; flex: 0 0 96px; max-width: 96px; padding: 22px; } .brand-item--small .brand-item__text{ padding: 0; } } .brand-item--small .brand-item__image{ padding: 10px; } @media(max-width: 620px){ .brand-item--small .brand-item__image{ margin-bottom: 14px; } } @media(min-width: 621px){ .brand-item--big .brand-item__image{ width: 181px; height: 181px; -webkit-box-flex: 0; -ms-flex: 0 0 181px; flex: 0 0 181px; max-width: 181px; padding: 30px; } } @media(max-width: 1000px){ .brand-item--big .brand-item__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media(max-width: 760px){ .brand-item--big .brand-item__wrap{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media(max-width: 1000px){ .brand-item--big .brand-item__image{ margin-bottom: 20px; } } @media(max-width: 1000px){ .brand-item--big .brand-item__content{ padding-left: 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media(max-width: 1000px){ .brand-item--big .brand-item__name{ text-align: center; } } @media(max-width: 1000px){ .brand-item--big .brand-item__text{ padding-right: 0; } } .brand-item__wrap{ position: relative; height: 100%; width: 100%; padding-bottom: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 620px){ .brand-item__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .brand-item__image{ width: 162px; max-width: 162px; -webkit-box-flex: 0; -ms-flex: 0 0 162px; flex: 0 0 162px; height: 162px; border: 1px solid #e7e7e7; padding: 25px; font-size: 0; text-align: center; display: block; } @media(max-width: 620px){ .brand-item__image{ margin-bottom: 20px; } } .brand-item__image::after{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .brand-item__image img{ display: inline-block; vertical-align: middle; } .brand-item__content{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 20px; } @media(max-width: 620px){ .brand-item__content{ padding-left: 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .brand-item__name{ display: inline-block; font-family: "Pragmatica Light Bold", sans-serif; margin-bottom: 10px; line-height: 1.2; } @media(max-width: 620px){ .brand-item__name{ text-align: center; } } .brand-item__text{ line-height: 1.429; padding-right: 20px; } @media(max-width: 950px){ .brand-item__text{ padding-right: 0; } } .brand-item__btn{ position: absolute; bottom: 0; //margin-top: 20px; } @media(max-width: 620px){ .brand-item__btn{ width: 100%; } } .brands-slider{ padding: 45px 0; border-top: 1px solid #e7e7e7; text-align: center; } @media(max-width: 760px){ .brands-slider .slider-arrows__item{ display: none; } .brands-slider .container{ padding: 0; padding-left: 15px; } } .brands-slider__inner{ padding: 0 75px; position: relative; } @media(max-width: 760px){ .brands-slider__inner{ padding: 0; } } .brands-slider__item{ width: 104px; } .swiper-container:not(.swiper-container-horizontal) .brands-slider__item { width: calc(100% / 8); } @media(max-width: 1350px){ .swiper-container:not(.swiper-container-horizontal) .brands-slider__item{ width: calc(100% / 7); } } @media(max-width: 1150px){ .swiper-container:not(.swiper-container-horizontal) .brands-slider__item{ width: calc(100% / 6); } } @media(max-width: 1050px){ .swiper-container:not(.swiper-container-horizontal) .brands-slider__item{ width: calc(100% / 5); } } @media(max-width: 880px) and (min-width: 761px){ .swiper-container:not(.swiper-container-horizontal) .brands-slider__item{ width: calc(100% / 4); } } @media(max-width: 760px){ .brands-slider__item{ width: 104px !important; } } .brands-slider__link{ display: block; margin: auto; width: 125px; height: 78px; line-height: 78px; font-size: 0; } @media(max-width: 760px){ .brands-slider__link{ width: 100%; } } .brands-slider__link:hover .brands-slider__img{ -webkit-filter: grayscale(0); filter: grayscale(0); } .brands-slider__link::after{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .brands-slider__img{ display: inline-block; vertical-align: middle; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all .3s; } .breadcrumbs{ margin-bottom: 27px; } @media(max-width: 760px){ .breadcrumbs{ display: none; } } .breadcrumbs__item{ display: inline-block; vertical-align: middle; color: #666666; font-size: 13px; } .breadcrumbs__home{ font-size: 19px; color: #fdb913; } .breadcrumbs__link{ display: inline-block; vertical-align: middle; } .breadcrumbs__link:hover{ text-decoration: underline; } .breadcrumbs__current{ display: inline-block; vertical-align: middle; } .breadcrumbs__arrow{ width: 15px; margin: 0 13px; } .btn{ display: inline-block; vertical-align: middle; text-align: center; height: 40px; line-height: 38px; border-radius: 2px; border: 1px solid #fdb913; background-color: #fdb913; color: #272727; padding: 0 35px; transition: all .3s; cursor: pointer; } .btn:hover{ background-color: #fda813; border: 1px solid #fda813; } .btn--transparent-bg{ border: 1px solid #fff; color: #fff; background: rgba(0,0,0,.2); } .btn--transparent-bg:hover{ border: 1px solid #fdb913; color: #272727; background: #fdb913; } .btn--mid-height{ height: 35px; line-height: 33px; } .btn--yellow-transparent{ color: #fdb913; background-color: transparent; } .btn--yellow-transparent:hover{ background-color: transparent; border: 1px solid #fdb913; } .btn--border{ background-color: #fff; } .btn--border:hover{ background-color: #fdb913; border: 1px solid #fdb913; } .btn--icon{ font-size: 0; } .btn--cart .btn__icon{ font-size: 24px; } .btn--disabled{ /*background-color: #ffe29a;*/ background-color: #e8e8e8; border: 1px solid #ffe29a; cursor: default; } .btn--disabled:hover{ background-color: #ffe29a; border: 1px solid #ffe29a; } .btn--dashed{ border: 0; background-color: transparent; height: auto; line-height: 1; border-bottom: 1px dashed currentColor; padding-bottom: 1px; padding: 0; border-radius: 0; } .btn--dashed:hover{ background-color: transparent; border: 0; border-bottom: 1px dashed transparent; } .btn--bottom-solid{ border: 0; background-color: transparent; height: auto; line-height: 1; border-bottom: 1px solid currentColor; padding-bottom: 1px; padding: 0; border-radius: 0; } .btn--bottom-solid:hover{ background-color: transparent; border: 0; border-bottom: 1px solid transparent; } .btn__icon{ margin-right: 8px; font-size: 20px; } .btn__text{ display: inline-block; vertical-align: middle; font-size: 14px; } .btn__search { margin-left: 15px; } .cart-item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0 15px 20px; border: 1px solid #e7e7e7; position: relative; margin-top: -1px; } .cart-item.overtop{ z-index: 4 !important; } @media(min-width: 900px){ .cart-item--table .cart-item__info-color{ display: none; } } @media(min-width: 761px){ .cart-item--table .cart-item__image{ display: none; } } .cart-item--small{ border-left: 0 !important; border-right: 0 !important; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 10px; padding-bottom: 10px; } .cart-item--small:hover{ border-top: 1px solid #e7e7e7 !important; border-bottom: 1px solid #e7e7e7 !important; } .cart-item--small:first-child{ border-top: 0 !important; } .cart-item--small .cart-item__image{ -webkit-box-flex: 0; -ms-flex: 0 0 110px; flex: 0 0 110px; } .cart-item--small .cart-item__image img{ max-height: 100px; } .cart-item--small .cart-item__title{ font-family: 'Pragmatica', sans-serif; } .cart-item--small .cart-item__count-num{ width: auto; } .cart-item--small .cart-item__count-type{ margin-top: 7px; } .cart-item--small .cart-item__remove{ position: relative; top: 0; right: 0; } @media(max-width: 1000px){ .cart-item{ padding-left: 10px; } } @media(max-width: 760px){ .cart-item{ padding: 10px 15px 45px; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cart-item:hover{ border: 1px solid #fdb913; z-index: 1; } .cart-item__info-wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 1000px) and (min-width: 761px){ .cart-item__info-wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .cart-item__image{ -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; text-align: center; padding-right: 20px; font-size: 0; } .cart-item__image::after{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } @media(max-width: 1000px) and (min-width: 761px){ .cart-item__image{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-right: 0; text-align: left; margin-bottom: 10px; } } @media(max-width: 760px){ .cart-item__image{ -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; } } .cart-item__image img{ max-height: 135px; display: inline-block; vertical-align: middle; } @media(max-width: 1000px){ .cart-item__image img{ max-height: 80px; } } @media(max-width: 760px){ .cart-item__image img{ max-height: 90px; } } .cart-item__title{ line-height: 1.429; font-family: 'Pragmatica Light Bold', sans-serif; margin-bottom: 10px; } @media(max-width: 760px){ .cart-item__title{ font-size: 12px; padding-right: 15px; } } .cart-item__info-color{ margin-bottom: 17px; } @media(max-width: 760px){ .cart-item__btns{ position: absolute; bottom: 18px; left: 15px; right: 15px; } } .cart-item__btn{ display: inline-block; vertical-align: middle; margin-right: 15px; } .cart-item__btn.stock-btn--not-in-store .stock-btn__icon{ color: #e4243c; } .cart-item__btn:last-child{ margin-right: 0; } .cart-item__count-type{ width: 100%; display: block; margin-left: 0; margin-top: 7px; vertical-align: middle; } @media(max-width: 1130px) and (min-width: 761px){ .cart-item__count-type{ margin-left: 0; margin-top: 10px; } } .cart-item__count-num{ display: inline-block; vertical-align: middle; } @media(max-width: 1130px) and (min-width: 761px){ .cart-item__count-num{ width: 100%; } } .cart-item__price{ white-space: nowrap; font-size: 16px; } @media(max-width: 1000px){ .cart-item__price{ font-size: 14px; } } .cart-item__price--total{ font-family: 'Pragmatica Light Bold', sans-serif; } .cart-item__remove{ width: 25px; height: 25px; margin: auto; position: relative; cursor: pointer; text-align: center; display: block; } @media(max-width: 1000px){ .cart-item__remove{ position: absolute; right: 5px; top: 5px; } } .cart-item__remove:hover::after, .cart-item__remove:hover::before{ background: #fdb913; } .cart-item__remove::after, .cart-item__remove::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 15px; height: 1px; background: #272727; transition: all .3s; } .cart-item__remove::after{ -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } .cart-item__remove::before{ -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .cart-item__count-price{ margin-top: 25px; font-size: 16px; } .catalog-image__image{ display: none; } .catalog-image__image.active{ display: block; } .catalog-image-btn{ margin-top: 15px; }.certificats-list__wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -9px; } @media(max-width: 450px){ .certificats-list__wrap{ margin: 0; } } .certificats-list__item{ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(100% / 6); flex-basis: calc(100% / 6); width: calc(100% / 6); max-width: calc(100% / 6); padding: 0 9px; margin-bottom: 35px; } @media(max-width: 1260px){ .certificats-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; max-width: 20%; } } @media(max-width: 1100px){ .certificats-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; max-width: 25%; } } @media(max-width: 860px){ .certificats-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; width: 33.33%; max-width: 33.33%; } } @media(max-width: 760px){ .certificats-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; } } @media(max-width: 450px){ .certificats-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; padding: 0 39px; } } .certificats-list__iten-wrap{ display: block; text-align: center; } .certificats-list__iten-wrap:hover .certificats-list__image{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .certificats-list__image{ display: block; height: 260px; padding: 17px 23px; background: #fff; box-shadow: 0 0 0 1px #e7e7e7; transition: box-shadow .3s; margin-bottom: 12px; font-size: 0; } .certificats-list__image::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .certificats-list__image img{ display: inline-block; vertical-align: middle; } .certificats-list__title{ display: block; font-size: 16px; line-height: 1.375; padding: 0 15px; } @media(max-width: 760px){ .certificats-list__title{ font-size: 14px; } } .checkout-progress{ margin-bottom: 40px; } @media(max-width: 760px){ .checkout-progress{ display: none; } } .checkout-progress__wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; } .checkout-progress__item{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; position: relative; cursor: pointer; } .checkout-progress__item:hover::before{ opacity: 1; } .checkout-progress__item:hover::after{ border-top: 1px solid #fdb913; border-right: 1px solid #fdb913; } .checkout-progress__item:hover .checkout-progress__item-wrap{ border: 1px solid #fdb913; } .checkout-progress__item.active{ cursor: default; } .checkout-progress__item.active::after{ background: #fff; border-top: 1px solid #fdb913; border-right: 1px solid #fdb913; } .checkout-progress__item.active::before{ opacity: 1; } .checkout-progress__item.active .checkout-progress__item-wrap{ background: #fff; border: 1px solid #fdb913; cursor: default; } .checkout-progress__item:last-child::after{ display: none; } .checkout-progress__item:first-child .checkout-progress__item-wrap{ padding-left: 0; } .checkout-progress__item:first-child::before{ display: none; } .checkout-progress__item::after{ content: ''; position: absolute; height: 31px; background: #fdf6e3; border-top: 1px solid #fdf6e3; border-right: 1px solid #fdf6e3; z-index: 2; box-shadow: 3px -3px 0 3px #fff; width: 31px; top: 7px; right: -16px; -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); transition: all .3s; } .checkout-progress__item::before{ content: ''; position: absolute; height: 31px; background: transparent; border-top: 1px solid #fdb913; border-right: 1px solid #fdb913; z-index: 1; width: 31px; top: 7px; left: -6px; -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); opacity: 0; transition: opacity .3s; } .checkout-progress__item-wrap{ display: block; height: 46px; background: #fdf6e3; border: 1px solid #fdf6e3; text-align: center; line-height: 44px; font-size: 15px; transition: all .3s; padding-left: 30px; } @media(max-width: 1000px){ .checkout-progress__item-wrap{ font-size: 14px; } } .compare-slider .swiper-container:not(.swiper-container-horizontal) .good-item { margin-right: 15px; width: calc((25% - 15px) + (15px / 4)); } @media (max-width: 1390px) { .compare-slider .swiper-container:not(.swiper-container-horizontal) .good-item { width: calc(33% - 15px); } } @media (max-width: 1120px) { .compare-slider .swiper-container:not(.swiper-container-horizontal) .good-item { width: calc(50% - 15px); } } @media (max-width: 760px) { .compare-slider .swiper-container:not(.swiper-container-horizontal) .good-item { margin-right: 12px; width: calc(50% - 12px); } }.content-box{ line-height: 1.571; } .content-box::after, .content-box::before { content: ''; display: table; clear: both; } @media(max-width: 760px){ .content-box{ line-height: 1.429; } } .content-box p{ margin-bottom: 23px; } .content-box ul{ margin-left: 0; padding-left: 0; padding-right: 1.1em; padding-bottom: 1em; list-style: disc!important; list-style-position: inside!important; } .content-box ul li { transform: translateX(1.1em); animation: fixlists 1s; } .content-box img{ margin: 0px 15px 13px; margin-top: 0; margin-left: 0; /*float: left;*/ height: auto; } .content-box__grey{ color: #777; } .content-box__line{ background: #e7e7e7; height: 1px; margin: .5em 0; } .content-box__head-image{ float: right; margin-left: 25px; margin-bottom: 25px; max-width: 50%; //height: 352px; width: 50%; } @media(max-width: 760px){ .content-box__head-image{ //height: 200px; width: 100%; } } .content-box__head-image img{ width: auto; max-width: 100%; height: auto; max-height: none; //-o-object-fit: cover; //font-family: "object-fit:cover;object-position:center"; //object-fit: cover; //-o-object-position: center; //object-position: center; margin: 0; } @media(max-width: 760px){ .content-box__head-image{ max-width: 100%; margin: 0; float: none; margin-bottom: 10px; margin-top: 10px; } } .content-box__left-image{ float: left; margin-right: 25px; margin-bottom: 25px; max-width: 50%; } @media(max-width: 760px){ .content-box__left-image{ max-width: 100%; margin: 0; float: none; margin-bottom: 10px; margin-top: 10px; } } .content-box__table{ overflow-x: auto; } .content-box table{ /*min-width: 600px;*/ border-spacing: 0; border-collapse: collapse; border: 1px solid #e7e7e7; } .content-box table thead tr{ background: #e7e7e7; } .content-box table th{ padding: 15px 12px 15px 18px; font-family: "Pragmatica Light Bold", sans-serif; font-weight: normal; text-align: left; } .content-box table tbody tr{ border-bottom: 1px solid #e7e7e7; } .content-box table tbody tr:last-of-type{ border-bottom: 0; } .content-box table tbody tr td{ padding: 12px 12px 12px 18px; line-height: 1.28; } .content-box table tbody tr td a{ text-decoration: underline; } .content-box table tbody tr td a:hover{ text-decoration: none; } .content-box a{ color: #fdb913; text-decoration: underline; } .content-box a:hover{ text-decoration: none; } .content-box__images{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media(max-width: 760px){ .content-box__images{ margin-left: 0; display: block; } } .content-box__images-item{ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(33% - 15px); flex-basis: calc(33% - 15px); max-width: calc(33% - 15px); margin-left: 15px; margin-bottom: 15px; } .content-box__images-item:last-of-type:first-of-type{ margin-left: 0; } @media(max-width: 760px){ .content-box__images-item{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-left: 0; margin-bottom: 25px; } } .content-box__image-block{ margin-bottom: 15px; } @media(max-width: 760px){ .content-box__image-block{ margin-bottom: 25px; } } .content-box__image-block img{ margin: 0; float: none; max-height: 400px; } .content-box__image-block-title{ margin-top: 5px; font-size: 13px; color: #777777; } .detail-cart{ display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 1180px){ .detail-cart{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .detail-cart__left{ -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding-right: 20px; } @media(max-width: 1180px){ .detail-cart__left{ padding-right: 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } } @media(max-width: 760px){ .detail-cart__left{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .detail-cart__props{ padding-left: 20px; } @media(max-width: 1180px){ .detail-cart__props{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media(max-width: 760px){ .detail-cart__props{ padding-left: 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .detail-cart__props-row{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .detail-cart__props-title{ -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; padding-right: 10px; font-family: "Pragmatica Light Bold" } .detail-cart__props-text{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 1.2; } .detail-cart__right{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 1180px){ .detail-cart__info{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media(max-width: 760px){ .detail-cart__info{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .detail-checkout__date{ margin-bottom: 9px; } .detail-checkout__date .i-icon{ font-size: 10px; color: #4ca819; margin-bottom: 3px; margin-right: 3px; } .detail-checkout__date-not-in-stock{ margin-bottom: 9px; } .detail-checkout__date-not-in-stock .i-icon{ font-size: 10px; color: #e4243c; margin-bottom: 1px; margin-right: 3px; } .detail-checkout__date-text{ display: inline-block; vertical-align: middle; } .detail-checkout__body{ padding: 15px 20px 20px; background: #f5f6f8; } @media(max-width: 760px){ .detail-checkout__body{ padding: 15px 15px 20px; margin: 0 -15px; } } .detail-checkout__price-wrap{ margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .detail-checkout__price-left{ -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; padding-right: 30px; max-width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media(max-width: 760px){ .detail-checkout__price-left{ padding-right: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .detail-checkout__price-right{ -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; padding-left: 20px; max-width: 40%; } @media(max-width: 760px){ .detail-checkout__price-right{ -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } } .detail-checkout__price-name{ color: #626262; } @media(max-width: 760px){ .detail-checkout__price-name{ font-size: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 84px; flex: 0 0 84px; } } .detail-checkout__price{ font-family: 'Pragmatica Bold', sans-serif; font-size: 18px; } .detail-checkout__price .b-price::after{ font-weight: bold; } .detail-checkout__top-label{ color: #626262; font-size: 12px; margin-bottom: 4px; } @media(max-width: 760px){ .detail-checkout__top-label{ -webkit-box-flex: 0; -ms-flex: 0 0 84px; flex: 0 0 84px; margin-bottom: 0; } } .detail-checkout__count{ padding-right: 10px; } @media(max-width: 760px){ .detail-checkout__count{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .detail-checkout__count-input input{ height: 35px; border: 1px solid #e7e7e7; padding: 0 5px; text-align: center; width: 100%; } .detail-checkout__total{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: end; align-self: flex-end; margin-top: 30px; margin-bottom: 25px; } @media(max-width: 760px){ .detail-checkout__total{ -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 15px 0; } } .detail-checkout__total-left{ -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media(max-width: 760px){ .detail-checkout__total-left{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-bottom: 15px; } } .detail-checkout__total-right{ -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 4%; max-width: 40%; padding-left: 20px; } @media(max-width: 760px){ .detail-checkout__total-right{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; padding-left: 0; } } .detail-checkout__total-right .detail-checkout__price{ height: 35px; line-height: 35px; white-space: nowrap; } .detail-checkout__select{ -webkit-box-flex: 0; -ms-flex: 0 0 55px; flex: 0 0 55px; margin-right: 10px; } @media(max-width: 760px){ .detail-checkout__select{ -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; } } .detail-checkout__select:last-of-type{ margin-right: 0; } .detail-checkout__color{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .detail-checkout__color .b-select{ /*-webkit-box-flex: 0; -ms-flex: 0 0 75%;*/ flex: 0 0 100%; } @media(max-width: 760px){ .detail-checkout__color .b-select{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .detail-checkout__color-title{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #626262; margin-right: 15px; } @media(max-width: 760px){ .detail-checkout__color-title{ font-size: 12px; -webkit-box-flex: 0; -ms-flex: 0 0 84px; flex: 0 0 84px; margin-right: 0; } } .detail-checkout__color-select{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .detail-checkout__color-image{ width: 30px; height: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; background-position: center; background-repeat: no-repeat; background-size: cover; } .detail-checkout__color-name{ border-bottom: 1px dashed currentColor; transition: all .3s; margin-left: 10px; } .detail-checkout__color-name:hover{ border-bottom: 1px dashed transparent; } .detail-checkout__cart{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 15px -10px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .b-modal .detail-checkout__cart { margin-left: 0; margin-right: 0; } @media(max-width: 760px){ .detail-checkout__cart{ margin: 15px -10px 25px; } } .detail-checkout__cart-item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 10px; max-width: 50%; } .detail-checkout__cart-item .btn{ width: 100%; margin-bottom: 20px; } @media(max-width: 760px){ .detail-checkout__cart-item{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0 10px; max-width: 100%; } .detail-checkout__cart-item .btn{ margin-bottom: 10px; } } .detail-checkout__cart-item--small{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 10px; max-width: 50%; } .detail-checkout__cart-item .b-info-links__item{ margin-top: 18px; } .detail-checkout__cart-item .b-info-links__icon{ margin-right: 8px; font-size: 20px; } .detail-checkout__cart-btn{ display: inline-block; } .detail-checkout__cart-btn:hover .detail-checkout__cart-btn-text{ text-decoration: underline; } @media(max-width: 760px){ .detail-checkout__cart-btn{ height: 40px; line-height: 38px; text-align: center; border-radius: 2px; border: 1px solid #e7e7e7; width: 100%; } } .detail-checkout__cart-btn-text{ display: inline-block; vertical-align: middle; } .detail-checkout__cart-btn-text--compare { margin-left: -30px; padding-left: 30px; } .detail-checkout__cart-btn-text--mobile{ display: none; } @media(max-width: 760px){ .detail-checkout__cart-btn-text--mobile{ display: inline-block; } } @media(max-width: 760px){ .detail-checkout__cart-btn-text--desktop{ display: none; } } .detail-checkout__cart-btn-icon{ font-size: 20px; margin-right: 8px; } .detail-checkout__one-click-form{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: none; margin-bottom: 15px; padding: 15px 20px 20px; border: 1px solid #fdb913; } @media(max-width: 760px){ .detail-checkout__one-click-form{ padding: 0 10px; } } .detail-checkout__one-click-form .input-item{ margin-bottom: 10px; } .detail-checkout__one-click-form-submit{ text-align: right; } .detail-colors{ padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .detail-colors{ padding: 0; } } @media(max-width: 1100px){ .detail-colors{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .detail-colors__list .swiper-wrapper{ font-size: 0; display: block; } .detail-colors__list .slider-arrows__item{ display: none; } @media(max-width: 760px){ .detail-colors__list .slider-arrows__item{ display: block; } } @media(max-width: 760px){ .detail-colors__list-wrap{ padding: 0 15px; } .detail-colors__list-wrap .slider-arrows__item--next{ right: -10px; } .detail-colors__list-wrap .slider-arrows__item--prev{ left: -10px; } } .detail-colors__item{ display: inline-block; vertical-align: top; box-sizing: content-box; padding: 7px; } @media(min-width: 761px){ .detail-colors__item{ width: 50px !important; } } @media(max-width: 760px){ .detail-colors__item{ box-sizing: border-box; text-align: center; } } .detail-colors__title{ font-family: "Pragmatica Light Bold", sans-serif; margin-bottom: 10px; } .detail-colors__colors{ -webkit-box-flex: 0; -ms-flex: 0 0 37%; flex: 0 0 37%; max-width: 37%; } @media(max-width: 1100px){ .detail-colors__colors{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; margin-bottom: 15px; } } .detail-colors__images{ -webkit-box-flex: 0; -ms-flex: 0 0 63%; flex: 0 0 63%; padding-left: 40px; max-width: 63%; } @media(max-width: 1100px){ .detail-colors__images{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 0; max-width: 100%; } } .detail-colors__images-pics{ display: -webkit-box; display: -ms-flexbox; display: flex; height: 340px; } @media(max-width: 1000px){ .detail-colors__images-pics{ height: 260px; } } .detail-colors__images-inner{ display: none; } .detail-colors__images-inner.active{ display: block; } .detail-colors__image{ margin-right: 15px; margin-bottom: 15px; } .detail-colors__image:last-of-type{ margin-right: 0; } .detail-colors__images-title{ font-family: "Pragmatica Light Bold", sans-serif; } .detail-compl__item{ margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto !important; width: 188px; } .detail-compl__item-wrap{ padding: 10px; border: 1px solid #e7e7e7; width: 100%; } .detail-compl__img{ height: 150px; font-size: 0; margin-bottom: 10px; text-align: center; } .detail-compl__img::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .detail-compl__img img{ display: inline-block; vertical-align: middle; } .detail-compl__text{ line-height: 1.429; } .detail-slider{ display: -webkit-box; display: -ms-flexbox; display: flex; } .detail-slider__big{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; overflow: hidden; } @media(max-width: 760px){ .detail-slider__big{ display: none; } } .detail-slider__img-block{ height: 420px; padding: 10px 15px; border: 1px solid #e7e7e7; font-size: 0; text-align: center; display: block; } .detail-slider__img-block.hide{ display: none; } .detail-slider__img-block::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .detail-slider__img-block .detail-slider__vertical-item-video-on{ display: none; } .detail-slider__img-block.video .detail-slider__vertical-item-video-on{ display: block; } .detail-slider__big-img{ display: inline-block; vertical-align: middle; } .detail-slider__vertical-item-wrap{ padding: 2px; text-align: center; position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; cursor: pointer; height: 100%; font-size: 0; } .detail-slider__vertical-item-wrap::after{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .detail-slider__vertical-item-wrap img{ display: inline-block; vertical-align: middle; } .detail-slider__vertical-item{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #e7e7e7; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media(min-width: 761px){ .swiper-container:not(.swiper-container-vertical) .detail-slider__vertical-item{ height: calc(20% - 9px); margin-bottom: 9px; } } .detail-slider__vertical-item--video .detail-slider__vertical-item-video-on{ display: block; } .detail-slider__vertical-item.active{ border: 1px solid #fdb913; } @media(max-width: 760px){ .detail-slider__vertical-item{ border: 0 !important; height: 340px !important; } } .detail-slider__vertical{ -webkit-box-flex: 0; -ms-flex: 0 0 135px; flex: 0 0 135px; max-width: 135px; padding-left: 10px; height: 420px; } .detail-slider__vertical .swiper-container{ height: 100%; } @media(max-width: 760px){ .detail-slider__vertical{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100vw; padding-left: 0px; height: 340px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -15px; border-top: 1px solid #e7e7e7; position: relative; } .detail-slider__vertical .swiper-container{ height: auto; } } .detail-slider__vertical-wrap{ padding: 0 0 50px; height: 100%; } @media(max-width: 760px){ .detail-slider__vertical-wrap{ padding: 0; height: auto; max-width: 100%; width: 100%; } } .detail-slider__vertical-item-video-on{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: rgba(0,0,0,.47); display: none; text-align: center; cursor: pointer; } .detail-slider__vertical-item-video-on .i-icon{ color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 40px; height: 40px; } .detail-slider__big-labels{ position: absolute; left: 0; top: 0; z-index: 1; } .detail-slider__big-fav{ position: absolute; right: 0; top: 0; width: 36px; height: 36px; line-height: 36px; text-align: center; cursor: pointer; z-index: 1; } @media(max-width: 760px){ .detail-slider__big-fav{ right: 10px; } } .detail-slider__big-fav:hover .i-icon{ color: #fdb913; } .detail-slider__big-fav .i-icon{ font-size: 21px; color: #797676; transition: all .3s; } .detail-slider__big-brand{ position: absolute; left: 15px; bottom: 10px; width: 90px; z-index: 1; } .detail-slider__vertical-mobile{ display: none; } @media(max-width: 760px){ .detail-slider__vertical-mobile{ display: block; } } .detail-slider iframe{ width: 100%; height: 420px; z-index: 3; position: relative; display: none; } .detail-slider iframe.show{ display: block; } .fav-btn{ display: inline-block; cursor: pointer; } .fav-btn--big .fav-btn__icon{ font-size: 21px; } .fav-btn:hover .fav-btn__icon{ stroke: #fdb913; } .fav-btn.active .fav-btn__icon{ stroke: #fdb913; fill: #fdb913; } .fav-btn__icon{ font-size: 15px; transition: all .3s; margin-right: 0 !important; fill: transparent; stroke: currentColor; } .fav-btn__text{ display: inline-block; vertical-align: middle; /*margin-left: 3px;*/ } .files-table{ padding-top: 1px; } @media(min-width: 761px){ .files-table--small .files-table__save{ -webkit-box-flex: 0; -ms-flex: 0 0 112px; flex: 0 0 112px; } .files-table--small .files-table__size{ -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; } .files-table--small .files-table__download{ -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; } .files-table--small .files-table__format{ -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; } .files-table--small .files-table__view{ -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; } .files-table--small .files-table__date{ -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; } } @media(min-width: 761px){ .files-table__download{ text-align: -webkit-right; } .files-table__format{ text-align: center; } .files-table__date{ text-align: center; } .files-table__size{ padding: 0 10px; } .files-table--catalog .files-table__row{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .files-table--catalog .files-table__title{ -webkit-box-flex: 0; -ms-flex: 0 1 300px; flex: 0 1 300px; } .files-table--catalog .files-table__view{ -webkit-box-flex: 0; -ms-flex: 0 0 105px; flex: 0 0 105px; margin-left: auto; } .files-table--catalog .files-table__view .files-table__text{ border-bottom: 1px solid currentColor; } .files-table--catalog .files-table__view:hover .files-table__text{ border-bottom: 1px solid transparent; } } @media(max-width: 760px){ .files-table--catalog .files-table__row{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .files-table--catalog .files-table__cell{ margin-bottom: 0; } .files-table--catalog .files-table__title{ margin-bottom: 13px; } } @media(max-width: 760px){ .files-table--profile .files-table__row{ margin-bottom: 20px; } .files-table--profile .files-table__download{ -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; } } .files-table__row{ border: 1px solid #e7e7e7; -webkit-transform: translateZ(0); transform: translateZ(0); margin-top: -1px; padding: 20px; position: relative; 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; } .files-table__row:hover{ border: 1px solid #fdb913; z-index: 1; } .files-table__row_title:hover{ border: 1px solid #e7e7e7; z-index: 1; } @media(min-width: 761px) and (max-width: 1000px){ .files-table__row{ padding: 20px 15px; } } @media(max-width: 760px){ .files-table__row{ -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 15px; } } .files-table__cell{ padding: 0 5px; -webkit-transform: translateZ(0); transform: translateZ(0); } .files-table__cell a{ transition: all .3s; } .files-table__cell a:hover{ color: #fdb913; } @media(min-width: 760px) and (max-width:1000px) { .files-table__cell { padding: 0 10px; } } @media(max-width: 760px){ .files-table__cell{ padding: 0; margin-bottom: 16px; } } .files-table__icon{ font-size: 20px; margin-right: 4px; } @media(max-width: 760px){ .files-table__icon{ margin-right: 8px; } } .files-table__text{ display: inline-block; vertical-align: middle; } .files-table__text--wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .files-table__text--mobile{ display: none; } @media(max-width: 760px){ .files-table__text--mobile{ display: inline-block; } } .files-table__text--grey{ color: #666666; } .files-table__date{ -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; } @media(max-width: 1000px){ .files-table__date{ -webkit-box-flex: 0; -ms-flex: 0 0 110px; flex: 0 0 110px; } } @media(max-width: 760px){ .files-table__date{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; margin-bottom: 11px; } .files-table__date .files-table__text--mobile{ width: 140px; } } .files-table__download{ -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; } @media(max-width: 1000px){ .files-table__download{ -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; } } @media(max-width: 760px){ .files-table__download{ -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; } } .files-table__format{ -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; } @media(max-width: 1000px){ .files-table__format{ -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; } } @media(max-width: 760px){ .files-table__format{ -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; } } .files-table__view{ -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; } @media(max-width: 1000px){ .files-table__view{ -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; } } @media(max-width: 760px){ .files-table__view{ -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; } } .files-table__size{ -webkit-box-flex: 0; -ms-flex: 0 0 105px; flex: 0 0 105px; } @media(max-width: 1000px){ .files-table__size{ -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } } @media (min-width: 761px) and (max-width: 1000px){ .files-table__size:nth-child(2){ padding-left:30px; } } @media(max-width: 760px){ .files-table__size{ -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 15px; padding:0; } .files-table__size .files-table__text--mobile{ width: 140px; } } .files-table__save{ -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; } .files-table__save .files-table__text{ border-bottom: 1px solid currentColor; transition: all .3s; cursor: pointer; } .files-table__save .files-table__text:hover{ border-bottom: 1px solid transparent; } @media(max-width: 760px){ .files-table__save .files-table__text{ border-bottom: 0 !important; } } @media(max-width: 1000px){ .files-table__save{ -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; } } @media(max-width: 760px){ .files-table__save{ -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; } } .files-table__title{ -webkit-box-flex: 0; -ms-flex: 0 1 450px; flex: 0 1 450px; padding-left: 0; line-height: 1.42; } .files-table__title .i-icon{ font-size: 26px; margin-right: 10px; } .files-table__title--bold{ font-family: 'Pragmatica Light Bold', sans-serif; } @media(min-width: 1001px) { .files-table__title { max-width:290px; } } @media(min-width: 760px) and (max-width:1000px) { .files-table__title { max-width: 130px; } .files-table__size, .files-table__date, .files-table__view, .files-table__download, .files-table__format { text-align: center; } } @media(max-width: 760px){ .files-table__title{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 18px; -webkit-box-ordinal-group: -2; -ms-flex-order: -3; order: -3; } } .files-table__prods-count{ -webkit-box-flex: 0; -ms-flex: 0 0 110px; flex: 0 0 110px; } .footer-fixed{ position: fixed; left: 0; right: 0; bottom: 0; background: #f8f8f8; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16); z-index: 5; -webkit-transform: translateZ(0); transform: translateZ(0); } @media(max-width: 1000px){ .footer-fixed{ display: none !important; } } .footer-fixed__wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; } .footer-fixed__item{ display: block; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(100% / 7); flex-basis: calc(100% / 7); border-left: 1px solid #e7e7e7; line-height: 40px; text-align: center; transition: all .3s; max-width: calc(100% / 7); } .footer-fixed__item--favorite .footer-fixed__item-icon{ stroke: currentColor; fill: transparent; } @media(max-width: 1200px){ .footer-fixed__item{ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(100% / 6); flex-basis: calc(100% / 6); max-width: calc(100% / 6); } .footer-fixed__item:first-of-type{ border-left: 0; } } .footer-fixed__item--yellow{ background: #fdb913; border-left: 1px solid #fdb913; color: #272727 !important; } .footer-fixed__item--yellow:hover{ opacity: .8; } .footer-fixed__item:first-child{ border-left: 0; } .footer-fixed__phone{ font-size: 16px; } @media(max-width: 1200px){ .footer-fixed__phone{ display: none; } } .footer-fixed__item-icon{ font-size: 20px; margin-right: 6px; } .footer-fixed__item-icon--save{ fill:none; stroke:#000000; } .footer-fixed__item-text{ display: inline-block; vertical-align: middle; } .footer-fixed a.footer-fixed__item:hover{ color: #fdb913; } .footer{ position: relative; z-index: 1; opacity: 0; transition: opacity .3s; } .footer.visible{ opacity: 1; } .footer--project-page{ display: none; /*@media(--mobile){ display: block; }*/ } .footer__menu{ background: #272727; } @media(max-width: 760px){ .footer__menu .container{ padding: 0; } } .footer__menu-list{ display: -webkit-box; display: -ms-flexbox; display: flex; height: 45px; } @media(max-width: 760px){ .footer__menu-list{ height: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .footer__menu-link{ display: block; line-height: 45px; } @media(max-width: 760px){ .footer__menu-link{ padding: 0 15px; } } .footer__menu-item{ text-align: center; font-size: 16px; color: #fff; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 360px; } @media(max-width: 760px){ .footer__menu-item{ border-bottom: 1px solid #363636; text-align: left; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 14px; max-width: 100%; } .footer__menu-item:last-of-type{ border-bottom: 0; } } .footer__menu-item:hover{ background: #404040; } .footer__main{ padding: 25px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__main #asd_subscribe_res{ margin-bottom: 10px; max-width: 256px; } @media(max-width: 1000px){ .footer__main{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .footer__email-sub{ margin-bottom: 15px; } .footer__email-sub input{ width: 216px; } .footer__center{ padding: 0 15px; } @media(max-width: 1000px){ .footer__center{ padding: 0; } } .footer__soc{ margin-bottom: 16px; } .footer__rules-link{ padding-bottom: 1px; border-bottom: 1px solid currentColor; transition: all .3s; } .footer__rules-link:hover{ border-bottom: 1px solid transparent; } .footer__main-block{ margin-bottom: 15px; } .footer__main-block:last-of-type{ margin-bottom: 0; } .footer__phone{ margin-right: 4px; display: inline-block; vertical-align: middle; } .footer__main-icon{ color: #888888; margin-right: 8px; } .footer__link-wrap{ display: inline-block; vertical-align: middle; } .footer__link-wrap:hover .footer__link{ border-bottom: 1px dotted transparent; } .footer__link{ border-bottom: 1px dotted currentColor; padding-bottom: 1px; transition: all .3s; } .footer__copyrights{ font-size: 12px; } .footer__bottom-fake{ height: 40px; } @media(max-width: 1000px){ .footer__bottom-fake{ display: none; } } @media(max-width: 1000px){ .footer__main-item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 35px; } .footer__main-item:last-of-type{ margin-bottom: 0; } } @media(max-width: 760px){ .footer__main-item{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .footer__address{ line-height: 1.429; } .footer__mail:hover span{ text-decoration: underline; } .footer__fact-copyrights a:hover{ text-decoration: underline; } .gallery-slider{ margin-bottom: 20px; } .gallery-slider__wrap{ margin: -20px -29px; } @media(max-width: 760px){ .gallery-slider__wrap{ margin: -20px 0; padding: 0 !important; } } .gallery-slider__wrap .slider-arrows__item{ top: 20px !important; bottom: 20px !important; } @media(max-width: 760px){ .gallery-slider__wrap .slider-arrows__item{ display: none; } } .gallery-slider .swiper-container{ padding: 20px 29px; } @media(max-width: 760px){ .gallery-slider .swiper-container{ padding: 20px 0; } } .gallery-slider__item{ height: 170px !important; display: block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); transition: box-shadow .3s; } .swiper-container:not(.swiper-container-horizontal) .gallery-slider__item { margin-right: 20px; width: calc(20% - 20px); } @media(max-width: 1250px){ .swiper-container:not(.swiper-container-horizontal) .gallery-slider__item{ width: calc(25% - 20px); } } @media(max-width: 980px) and (min-width: 761px){ .swiper-container:not(.swiper-container-horizontal) .gallery-slider__item{ width: calc(33% - 20px); } } @media(max-width: 760px){ .gallery-slider__item{ width: 244px !important; } } .gallery-slider__item:hover{ box-shadow: 0 2px 10px 6px rgba(0,0,0,.3); } .gallery-slider__item:hover .gallery-slider__item-img{ -webkit-transform: scale(1.07) rotate(0.02deg) translateZ(0); transform: scale(1.07) rotate(0.02deg) translateZ(0); } .gallery-slider__item:hover .gallery-slider__item-overlay{ opacity: 1; visibility: visible; } .gallery-slider__item-img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center; background-size: cover; -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .gallery-slider__item-overlay{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.7); text-align: center; opacity: 0; visibility: hidden; transition: all .3s; } .gallery-slider__item-overlay .i-icon{ color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; font-size: 34px; } .good-item{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto !important; } .good-item:hover{ z-index: 2; } @media(max-width: 760px){ .good-item.swiper-slide{ width: 258px; } } @media(min-width: 561px){ .good-item--line .good-item__wrap{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .good-item--line .good-item__wrap:hover{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .good-item--line .good-item__top{ -webkit-box-flex: 0; -ms-flex: 0 0 240px; flex: 0 0 240px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: stretch; align-self: stretch; } @media(max-width: 1250px){ .good-item--line .good-item__top{ -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; } } @media(max-width: 900px){ .good-item--line .good-item__top{ -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; } } .good-item--line .good-item__image{ height: auto; padding: 10px; } .good-item--line .good-item__image img{ max-height: 220px; } .good-item--line .good-item__cart{ position: relative; top: 0; } .good-item--line .good-item__info{ display: block; } .good-item--line .good-item__title{ height: auto; } .good-item--line .good-item__body{ padding: 20px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 1200px){ .good-item--line .good-item__body{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .good-item--line .good-item__cart-wrap{ padding: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 360px; flex: 0 0 360px; height: auto; } @media(max-width: 1200px){ .good-item--line .good-item__cart-wrap{ padding-top: 0; } } @media(max-width: 900px){ .good-item--line .good-item__cart-wrap{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .good-item--line .good-item__cart{ padding: 0; box-shadow: none !important; } .good-item--line .good-item__prices{ padding: 0; padding-bottom: 20px; } .good-item--line .good-item__cart-buy{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0; } .good-item--line .good-item__cart-buy .btn{ padding: 0 20px; } .good-item--line .good-item__cart-fast{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 8%; max-width: 50%; text-align: left; } .good-item--line .good-item__content{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media(max-width: 1200px){ .good-item--line .good-item__content{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .good-item--line .good-item__cart{ display: -webkit-box; display: -ms-flexbox; display: flex; } } @media(min-width: 1301px){ .good-item--line-small .good-item__top{ -webkit-box-flex: 0; -ms-flex: 0 0 157px; flex: 0 0 157px; background: #fff; position: relative; z-index: 2; } .good-item--line-small .good-item__info{ display: none; } .good-item--line-small .good-item__cart{ display: none; position: absolute; left: 0; right: 0; top: 100%; box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15) !important; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 20px; } .good-item--line-small .good-item__wrap{ -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .good-item--line-small .good-item__wrap:hover .good-item__cart{ display: -webkit-box; display: -ms-flexbox; display: flex; } .good-item--line-small .good-item__content{ -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: calc(100% - 158px); } .good-item--line-small .good-item__cart-wrap{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0; } .good-item--line-small .good-item__prices{ padding: 0 20px 25px; background: #fff; position: relative; z-index: 2; } .good-item--line-small .good-item__body{ padding-bottom: 0; } .good-item--line-small .good-item__image img{ max-height: 137px; } .good-item--line-small .good-item__fast-view{ display: none !important; } .good-item--line-small .good-item__cart-items{ -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; padding-left: 23px; } .good-item--line-small .good-item__cart-item{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0 !important; max-width: 100%; } .good-item--line-small .good-item__cart-item.good-item__cart-item--compare{ margin-bottom: 0; } .good-item--line-small .good-item__cart-item--in-store{ display: none; } .good-item--line-small .good-item__cart-btns{ margin: 0; padding-right: 17px; } .good-item--line-small .good-item__cart-fast{ display: none; } .good-item--line-small .good-item__cart-item{ margin-bottom: 2px; } .good-item--line-small .good-item__cart-item-text{ margin-left: 3px; } } @media(max-width: 760px){ .good-item--line-small .good-item__cart-more{ padding: 0 35px; position: relative; left: 0px; right: 0px; bottom: 0px; border-radius: 2px; background: #fff; } .good-item--line-small .good-item__cart-item--in-store{ display: none; } } .good-item--accessories .good-item__cart-btns{ margin: 0; } .good-item--accessories .good-item__cart-buy{ margin: 0; } .good-item--accessories .good-item__cart-wrap{ height: auto; } .good-item--compare .good-item__cart{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; box-shadow: none !important; } .good-item--compare .good-item__cart-item--in-store{ padding-left: 8%; } @media(max-width: 760px){ .good-item--compare .good-item__cart-item{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; max-width: 100%; } } @media(max-width: 760px){ .good-item--compare .good-item__prices{ display: none; } } @media(max-width: 760px){ .good-item--compare .good-item__title{ height: auto; font-size: 12px; } } @media(max-width: 760px){ .good-item--compare .good-item__body{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .good-item--compare .good-item__cart-wrap{ height: auto; } @media(max-width: 760px){ .good-item--compare .good-item__cart-wrap{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media(max-width: 760px){ .good-item--compare .good-item__cart-btns{ margin-top: 30px; } } @media(max-width: 760px){ .good-item--compare .good-item__image{ height: 115px; } } .good-item__wrap{ box-shadow: 0 0 0 1px #e7e7e7; position: relative; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .good-item__wrap:hover{ box-shadow: 0 0 9px 0px rgba(0,0,0,.2); overflow: visible; } .good-item__wrap:hover .good-item__cart{ box-shadow: 0 0 9px 0px rgba(0,0,0,.2); display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .good-item__wrap:hover .good-item__cart{ box-shadow: none; } } .good-item__wrap:hover .good-item__fast-view{ display: block; } @media(max-width: 760px){ .good-item__wrap:hover .good-item__fast-view{ display: none; } } .good-item__top{ position: relative; padding: 3px 3px 0; overflow: hidden; } .good-item__image{ display: block; height: 177px; font-size: 0; text-align: center; } .good-item__image::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .good-item__image img{ display: inline-block; vertical-align: middle; } .good-item__labels{ position: absolute; left: 0; top: 0; z-index: 1; } .good-item__prices{ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 14px; background: #fff; position: relative; z-index: 2; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-top: 0; } .good-item__prices-item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .good-item__prices-item .good-item__cart-item{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } .good-item__prices-item .good-item__cart-item:last-of-type{ margin-bottom: 0; } .good-item__prices-item:nth-of-type(2){ padding-left: 8%; } .good-item__prices-item--cart:nth-of-type(2){ padding-left: 0; } .good-item__prices-title{ font-size: 13px; color: #666666; margin-bottom: 6px; } .good-item__price{ font-family: "Pragmatica Bold", sans-serif; font-size: 18px; } .good-item__price .b-price::after{ font-weight: bold; } .good-item__price-old{ color: #666666; margin-top: 6px; } .good-item__title{ line-height: 1.429; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; margin-bottom: 17px; } .good-item__body{ padding: 14px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background: #fff; position: relative; z-index: 2; padding-bottom: 0; } .good-item__cart{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 14px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; background: #fff; z-index: 1; left: 0; right: 0; top: 100%; padding-bottom: 20px; display: none; } @media(max-width: 760px){ .good-item__cart{ position: relative; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } } .good-item__cart-item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; cursor: pointer; margin-bottom: 12px; max-width: 50%; font-size: 13px; white-space: nowrap; } .good-item__cart-item .i-icon{ width: 15px; margin-right: 3px!important; } @media(max-width: 800px) and (min-width: 760px){ .good-item__cart-item .i-icon{ width: 13px; } } .good-item__cart-item--fav .i-icon{ font-size: 15px; color: #8f8f8f; margin-bottom:6px; } @media(max-width: 800px) and (min-width: 760px){ .good-item__cart-item--fav .i-icon{ font-size: 13px; } } .good-item__cart-item--compare{ padding-left: 5%; transition: all .3s; } .good-item__cart-item--compare:hover{ opacity: .65; } .good-item__cart-item--compare .i-icon{ font-size: 15px; color: #e4243c; margin-bottom: 2px; } @media(max-width: 800px) and (min-width: 760px){ .good-item__cart-item--compare .i-icon{ font-size: 13px; } } .good-item__cart-item--in-store .i-icon{ font-size: 10px; color: #4ba818; } .good-item__cart-item--not-in-store .i-icon{ font-size: 10px; color: #e4243c; margin-bottom: 2px; } .good-item__cart-item-text{ display: inline-block; vertical-align: middle; } @media(max-width: 900px){ .good-item__cart-item-text{ font-size: 13px; } } @media(max-width: 800px) and (min-width: 760px){ .good-item__cart-item-text{ font-size: 12px; } } .good-item__cart-item-text.to-favorite, .good-item__cart-item-text.to-compare { margin-left: -20px; padding-left: 20px; } .good-item__cart-buy{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 5px; margin-bottom: 10px; } .good-item__cart-buy .btn{ width: 100%; } .good-item__cart-item--not-in-store{ max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; white-space: normal; } .good-item__cart-item--not-in-store .stock-btn__text { max-width: 100%; } .good-item__cart-fast{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; text-align: center; } .good-item__fast-view{ position: absolute; left: 0; right: 0; bottom: 0; height: 30px; display: block; background: rgba(0,0,0,.65); text-align: center; line-height: 30px; color: #fff; font-size: 13px; display: none; transition: all .3s; } .good-item__fast-view:hover{ background: rgba(0,0,0,.8); } @media(max-width: 1050px){ .good-item__fast-view{ display: none !important; } } .good-item__cart-wrap{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 71px; 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: 760px) { .good-item__cart-wrap{ height: auto; } } .good-item__info{ display: none; } .good-item__info-row{ margin-bottom: 6px; } .good-item__info-cell{ display: inline-block; vertical-align: baseline; } .good-item__info-cell:first-of-type{ margin-right: 6px; } .good-item__cart-btns{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .good-item__content{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .good-item__cart-more{ width: 100%; } @media(max-width: 760px){ .good-item__cart-more{ padding: 0; position: absolute; left: 0px; right: 0px; bottom: 0px; border-radius: 0; background: #fdb913; } } .good-item__close{ width: 45px; height: 45px; background: #e8e8e8; position: absolute; right: 0; cursor: pointer; top: 0; z-index: 1; } @media(max-width: 760px){ .good-item__close{ width: 29px; height: 29px; } } .good-item__close::after, .good-item__close::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 18px; height: 1px; background: #272727; transition: all .3s; } @media(max-width: 760px){ .good-item__close::after, .good-item__close::before{ width: 13px; } } .good-item__close::after{ -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } .good-item__close::before{ -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .good-item__close:hover{ background: #fdb913; } .good-item__cart-items{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .good-items-slider .swiper-container{ padding: 10px 10px 166px; } @media(max-width: 760px){ .good-items-slider .swiper-container{ padding-bottom: 10px; } } .good-items-slider .swiper-container:hover{ z-index: 2; } .good-items-slider .slider-block{ margin: -10px -10px -166px; } @media(max-width: 760px){ .good-items-slider .slider-block{ margin-right: -15px; margin-bottom: -10px; } } .good-items-slider--small .swiper-container{ padding: 10px; } .good-items-slider--small .slider-block{ margin: -10px; } .good-items-slider.project-slider .slider-arrows__item{ top: 160px; -webkit-transform: none; transform: none; } @media(max-width: 760px){ .good-items-slider.project-slider .slider-arrows__item{ display: none; } } @media(min-width: 761px){ .good-items-slider .swiper-container:not(.swiper-container-horizontal) .good-item{ margin-right: 14px; width: calc(20% - 14px); } } @media(max-width: 1360px) and (min-width: 761px){ .good-items-slider .swiper-container:not(.swiper-container-horizontal) .good-item{ width: calc(25% - 14px); } } @media(max-width: 1100px) and (min-width: 761px){ .good-items-slider .swiper-container:not(.swiper-container-horizontal) .good-item{ width: calc(33% - 14px); } } .header-main{ position: absolute; left: 0; right: 0; top: 40px; } .header-main.fixed{ position: fixed; top: 0; } .header-main.fixed .header-main__logo{ height: 60px; width: 210px; bottom: 0; } @media(max-width: 1100px){ .header-main.fixed .header-main__logo{ width: 200px; } } .header-main.fixed .header-main__wrap{ padding-left: 210px; } @media(max-width: 1100px){ .header-main.fixed .header-main__wrap{ padding-left: 200px; } } .header-main.fixed .header-main__logo-link{ height: 60px; } .header-main.fixed .header-main__logo-icon{ width: 137px; height: 40px; } @media(max-width: 800px){ .header-main{ position: relative; top: 0; left: 0; right: 0; } .header-main .container{ padding: 0; } } .header-main__wrap{ height: 60px; background: #fff; position: relative; padding-left: 284px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); transition: all .3s; } @media(max-width: 1100px){ .header-main__wrap{ padding-left: 200px; } } @media(max-width: 1000px){ .header-main__wrap{ padding-left: 0; } } @media(max-width: 760px){ .header-main__wrap{ height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .header-main__logo{ position: absolute; left: 0; /*bottom: 0;*/ bottom: 15px; width: 270px; height: 85px; /*background-image: url("/local/templates/schiefer/images/mail-about-logo.png");*/ /*background-size: 100%;*/ /*background-position: center;*/ transition: width .3s; } @media(max-width: 1100px){ .header-main__logo{ width: 200px; } } @media(max-width: 1000px){ .header-main__logo{ bottom: auto; top: -40px; height: 40px; width: 170px; background: transparent; } } @media(max-width: 760px){ .header-main__logo{ display: block; top: 0; height: auto; width: auto; position: relative; } } .header-main__logo-link{ display: block; height: 100px; font-size: 0; text-align: center; } @media(max-width: 1000px){ .header-main__logo-link{ height: 40px; } } @media(max-width: 760px){ .header-main__logo-link{ height: auto; } } .header-main__logo-link::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .header-main__logo-icon{ width: 213px; height: 62px; } .header-main__logo-icon.ny{ width: 284px; height: 100px; object-fit: contain; } @media(max-width: 1100px){ .header-main__logo-icon{ width: 175px; } .header-main__logo-icon.ny{ width: 175px; } } @media(max-width: 1000px){ .header-main__logo-icon{ width: 120px; height: 40px; } .header-main__logo-icon.ny{ width: 120px; height: 46px; } } @media(max-width: 760px){ .header-main__logo-icon{ width: 121px; height: 35px; } .header-main__logo-icon.ny{ /* width: 121px; */ /* height: 35px; */ } } .header-main__menu{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 60px; position: relative; /* background: url(/local/templates/schiefer/images/NY2022/Menu_Background.png); */ } @media(max-width: 760px){ .header-main__menu{ height: 45px; margin-left: auto; background: 0; } } .header-main__menu-list{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-main__funcs{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .header-main__funcs-item{ -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px; line-height: 60px; text-align: center; display: block; font-size: 26px; position: relative; cursor: pointer; transition: background-color .3s; } @media(max-width: 1100px){ .header-main__funcs-item{ -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; width: 50px; } } @media(max-width: 760px){ .header-main__funcs-item{ -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; width: 45px; line-height: 45px; font-size: 20px; } } .header-main__funcs-item:hover{ background-color: #e7e7e7; } .header-main__funcs-item--cart{ font-size: 30px; background: #fdb913; } @media(max-width: 1100px){ .header-main__funcs-item--cart{ -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px; } } @media(max-width: 760px){ .header-main__funcs-item--cart{ font-size: 23px; -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; width: 45px; } } @media(max-width: 760px){ .header-main__funcs-item--auth{ display: none; } } .header-main__funcs-item--authorized{ background: #fdb913; } .header-main__cart-num{ position: absolute; display: block; right: 5px; top: 9px; width: 20px; height: 20px; border-radius: 50%; background: #272727; color: #fff; font-family: "Arial", sans-serif; font-size: 11px; text-align: center; line-height: 20px; } @media(max-width: 760px){ .header-main__cart-num{ right: 5px; top: 5px; width: 17px; height: 17px; font-size: 10px; line-height: 17px } } .header-main__mobile-btn{ display: none; height: 45px; width: 45px; background: #e7e7e7; padding: 16px 0; margin-right: 10px; } @media(max-width: 760px){ .header-main__mobile-btn{ display: block; } } .header-main__mobile-btn-line{ width: 20px; height: 1px; margin-bottom: 5px; background: #333; margin: 0 auto 5px; } .header-main__mobile-btn-line:last-of-type{ margin-bottom: 0; } .header-menu{ display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 760px){ .header-menu{ display: none; } } .header-menu__item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; transition: all .3s; position: relative; height: 60px; } @media(max-width: 1150px){ .header-menu__item:nth-last-child(2), .header-menu__item:nth-last-child(3){ display: none; } } .header-menu__item:hover{ background-color: #e7e7e7; } .header-menu__item--sub:hover .header-menu__arrow{ -webkit-transform: translate(2px, 1px) rotate(45deg) translateZ(0); transform: translate(2px, 1px) rotate(45deg) translateZ(0); } .header-menu__item--sub:hover .header-menu__sub-menu{ display: -webkit-box; display: -ms-flexbox; display: flex; } .header-menu__item--sub .header-menu__text{ padding-right: 10px; } .header-menu__item--sub .header-menu__arrow{ display: block; } .header-menu__item--full{ position: static; } .header-menu__item--full .header-menu__sub-menu{ right: 0; left: 0; } .header-menu__item--full .header-menu__sub-menu{ width: auto; } .header-menu__item--full .header-menu__sub-list{ width: 170px; border-right: 1px solid #e7e7e7; -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; } .header-menu__item--additional{ display: none; } .header-menu__item--additional .header-menu__sub-item:hover .header-menu__sub-item-list{ display: block; } @media(max-width: 1150px){ .header-menu__item--additional{ display: -webkit-box; display: -ms-flexbox; display: flex; } } .header-menu__link{ display: block; font-size: 0; text-align: center; width: 100%; height: 60px; } .header-menu__link::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .header-menu__text{ display: inline-block; vertical-align: middle; font-size: 14px; position: relative; } .header-menu__arrow{ display: none; position: absolute; right: 0px; bottom: 0; width: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #272727; -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); transition: all .3s; } .header-menu__sub-menu{ display: none; position: absolute; left: 0; top: 100%; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); width: 250px; } .header-menu__sub-list{ background-color: #fff; width: 100%; } .header-menu__sub-item:hover >.header-menu__sub-link{ padding-left: 31px; width: 100%; } .header-menu__sub-item:hover >.header-menu__sub-link::before{ -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } .header-menu__sub-item.active .header-menu__sub-link{ padding-left: 31px; width: 100%; } .header-menu__sub-item.active .header-menu__sub-link::before{ -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } .header-menu__sub-link{ padding: 13px 10px 12px 21px; display: block; overflow: hidden; transition: all .3s; position: relative; width: calc(100% - 10px); } .header-menu__sub-link::before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; -webkit-transform: translateX(-3px) translateZ(0); transform: translateX(-3px) translateZ(0); background: #fda813; transition: all .3s; } .header-menu__sub-sub-list{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__sub-sub-menu{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 13px 18px; background-color: #fff; transition: all .3s; } .header-menu__sub-sub-menu.active{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .header-menu__sub-sub-item{ display: inline-block; vertical-align: top; width: 48%; margin-bottom: 20px; padding-right: 15px; } .header-menu__sub-sub-link{ transition: all .3s; } .header-menu__sub-sub-link:hover{ color: #fda813; } .header-menu__sub-sub-menu-wrap{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: none; } .header-menu__sub-sub-menu-wrap.active{ display: -webkit-box; display: -ms-flexbox; display: flex; } .header-menu__action{ -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 1200px){ .header-menu__action{ display: none; } } .header-menu__action-left{ -webkit-box-flex: 0; -ms-flex: 0 0 135px; flex: 0 0 135px; padding-right: 15px; max-width: 135px; } .header-menu__action-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% - 135px); flex-basis: calc(100% - 135px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 135px); max-width: calc(100% - 135px); } .header-menu__action-right .b-price{ font-family: "Pragmatica Bold", sans-serif; font-size: 18px; color: #272727; } .header-menu__action-title{ display: block; line-height: 1.429; margin-bottom: 12px; transition: color .3s; } .header-menu__action-title:hover{ color: #fdb913; } .header-menu__action-info{ color: #666; } .header-menu__action-right-content{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-menu__action-link{ -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 20px; } .header-menu__sub-item-list{ position: absolute; right: 100%; width: 250px; top: 0; z-index: 1; display: none; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); } .header-search{ position: absolute; right: 0; width: calc(100vw - (100vw - 1360px) - 414px); top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-left: 1px solid #e7e7e7; display: none; } @media(max-width: 1410px){ .header-search{ width: calc(100vw - 460px); } } @media(max-width: 1100px){ .header-search{ width: calc(100vw - 366px); } } @media(max-width: 1000px){ .header-search{ width: calc(100vw - 166px); } } @media(max-width: 800px){ .header-search{ width: calc(100vw - 127px); } } @media(max-width: 760px){ .header-search{ width: calc(100vw - 60px); } } .header-main.fixed .header-search { width: calc(100vw - (100vw - 1360px) - 340px); } @media(max-width: 1410px){ .header-main.fixed .header-search{ width: calc(100vw - 386px); } } .header-search.active{ display: -webkit-box; display: -ms-flexbox; display: flex; } .header-search__btn-wrap{ -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px; } @media(max-width: 760px){ .header-search__btn-wrap{ -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; height: 45px; width: 45px; } } .header-search__btn{ width: 60px; height: 60px; margin-left: auto; line-height: 60px; background: #e7e7e7; text-align: center; border: 0; padding: 0; cursor: pointer; } @media(max-width: 760px){ .header-search__btn{ height: 45px; width: 45px; line-height: 45px; } } .header-search__input-wrap{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; font-size: 14px; } .header-search__input{ padding: 0 20px 0; width: 100%; font-size: 14px; position: relative; z-index: 2; height: 60px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); } .header-search__input:focus{ background-color: #f5f6f8; } @media(max-width: 760px){ .header-search__input{ height: 45px; } } .header-search__results{ position: absolute; top: 100%; left: 0; right: 0; padding: 0; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); background: #fff; } .header-search__results-item{ color: #666666; display: block; padding: 8px 20px; line-height: 1; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; transition: all .3s; } .header-search__results-item:hover{ background-color: #f5f6f8; } .header-search__results-found{ color: #272727; } .header-search__results-category{ border-bottom: 1px solid #e7e7e7; margin: 10px 0 10px 20px; } .header-search__results-picture{ position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; width: 35px; height: 35px; margin-right: 20px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 3px solid #e8e8e8; } .header-search__results-picture::after{ content: ''; position: absolute; left: -2px; right: -2px; top: -2px; bottom: -2px; border: 2px solid #fff; } .header-search__results-text{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .header-search__results-catname{ color: #fdb913; } .header-top{ background: #272727; position: absolute; left: 0; right: 0; top: 0; } @media(max-width: 800px){ .header-top{ position: relative; } } @media(max-width: 760px){ .header-top{ display: none; } } .header-top__wrap{ height: 40px; padding-left: 305px; 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: 1100px){ .header-top__wrap{ padding-left: 220px; } } @media(max-width: 1000px){ .header-top__wrap{ padding-left: 200px; } } .header-top__left, .header-top__right{ display: block; } .header-top__address{ display: inline-block; vertical-align: middle; color: #fff; margin-right: 4px; } .header-top__address-text{ display: inline-block; vertical-align: middle; } .header-top__address-icon{ margin-right: 4px; font-size: 15px; } .header-top__link-wrap{ display: inline-block; vertical-align: middle; } .header-top__phone--container{ display: flex; } .header-top__link{ color: #c3bfbf; border-bottom: 1px dotted #c3bfbf; transition: border .3s; } @media(max-width: 1000px){ .header-top__link{ display: none; } } .header-top__link:hover{ border-bottom: 1px dotted transparent; } .header-top__phone{ display: inline-block; vertical-align: middle; margin-right: 10px; color: #fff; } .header{ position: relative; left: 0; right: 0; top: 0; z-index: 6; height: 100px; } @media(max-width: 800px){ .header{ height: auto; position: fixed; } } .header--project-page{ display: none; /*@media(--mobile){ display: block; }*/ } .input-file__input{ display: none; } .input-file__btn{ display: inline-block; flex: 0 0 auto; background: #e8e8e8; height: 40px; line-height: 40px; padding: 0 35px; text-align: center; font-size: 0; cursor: pointer; border-radius: 2px; } .input-file__btn .i-icon{ font-size: 18px; color: #4f4f4f; margin-right: 10px; } .input-file__btn-text{ display: inline-block; vertical-align: middle; font-size: 14px; } .input-file-name { display: flex; margin-left: 10px; align-items: center; max-width: 300px; font-size: 0.9em; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 360px) { .input-file-name { display: block; padding-top: 10px; margin-left: 0; } } .input-file__valid-ext { margin-bottom: 15px; color: red; } .input-item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .input-item--clearable .input-item__input{ padding-right: 30px; } @media(max-width: 760px){ .input-item{ -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 13px; } } .input-item--top{ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .input-item--top .input-item__label{ padding-top: 12px; } @media(max-width: 760px){ .input-item--top .input-item__label{ padding-top: 0; } } .input-item__label{ display: block; -webkit-box-flex: 0; -ms-flex: 0 0 169px; flex: 0 0 169px; padding-right: 10px; font-weight: normal; } @media(max-width: 760px){ .input-item__label{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 7px; } } .input-item__label--bold{ font-family: 'Pragmatica Light Bold', sans-serif; } .input-item__input-wrap{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: flex; } @media(max-width: 760px){ .input-item__input-wrap{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .input-item__input-wrap .b-select__inner{ border: 1px solid #e7e7e7; } } @media (max-width: 360px) { .input-item__input-wrap { display: block; } } .input-item__input{ width: 100%; } .input-item__input--search{ padding-left: 37px !important; padding-right: 30px !important; } .input-item__input-wrap{ position: relative; } .input-item__input-wrap--select::after{ content: ''; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #838383; width: 0; } .input-item__input-clear{ position: absolute; right: 0; top: 0; width: 30px; bottom: 0; cursor: pointer; } .input-item__input-clear::after, .input-item__input-clear::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 12px; height: 1px; background: #272727; } .input-item__input-clear::after{ -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } .input-item__input-clear::before{ -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .input-item__add-element-btn{ display: inline-block; border-bottom: 1px solid currentColor; cursor: pointer; transition: all .3s; background-color: transparent; } .input-item__add-element-btn:hover{ border-bottom: 1px solid transparent; } .input-item__input-icon{ position: absolute; left: 0; top: 0; height: 40px; width: 37px; text-align: center; font-size: 15px; line-height: 38px; } .input-item__search { width: calc(100% - 130px); display: inline-block !important; margin-bottom: 15px; } .input-send{ display: -webkit-box; display: -ms-flexbox; display: flex; } .input-send--arrow .input-send__btn{ background: #fdb913; width: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; color: #272727; transition: all .3s; } .input-send--arrow .input-send__btn:hover{ background: #fda813; } .input-send--arrow .input-send__btn::after, .input-send--arrow .input-send__btn::before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin: 0 auto; content: ''; background: currentColor; -webkit-transform-origin: right; transform-origin: right; } .input-send--arrow .input-send__btn::after{ -webkit-transform: translateY(-50%) rotate(45deg) translateZ(0); transform: translateY(-50%) rotate(45deg) translateZ(0); } .input-send--arrow .input-send__btn::before{ -webkit-transform: translateY(-50%) rotate(-45deg) translateZ(0); transform: translateY(-50%) rotate(-45deg) translateZ(0); } .input-send--arrow .input-send__btn::after, .input-send--arrow .input-send__btn::before{ height: 1px; width: 10px; } .input-send__input-wrap{ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .input-send__btn{ position: relative; cursor: pointer; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .input-send__btn.btn{ padding: 0 25px; } .input-send__input{ border-right: 0; width: 100%; } .input-text{ height: 40px; padding: 0 15px; border: 1px solid #e7e7e7; border-radius: 2px; transition: all .3s; vertical-align: middle; } .input-text:focus{ border: 1px solid #fdb913; } .input-text.error{ border: 1px solid #f34040; } .textarea-text.error{ border: 1px solid #f34040; } .item-angle--transparent{ -webkit-clip-path: polygon(100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%, 0 0); } .item-angle--transparent .item-angle__angle{ background: transparent; } .item-angle--big .item-angle__angle{ width: 35px; height: 35px; } .item-angle--big .item-angle__angle::after{ border-width: 35px 35px 0 0; } .item-angle--small .item-angle__angle{ width: 27px; height: 27px; } .item-angle--small .item-angle__angle::after{ border-width: 27px 27px 0 0; } .item-angle--yellow .item-angle__angle::after{ border-color: #fdb913 transparent transparent transparent; } .item-angle__angle{ position: absolute; right: 0; bottom: 0; width: 32px; height: 32px; background: #fff; } .item-angle__angle::after{ content: ''; width: 0; height: 0; width: 0; border-style: solid; border-color: #dedede transparent transparent transparent; border-width: 32px 32px 0 0; position: absolute; top: 0; left: 0; } .load-more{ margin: 25px 0; text-align: center; } .load-more__wrap{ display: inline-block; cursor: pointer; } .load-more__wrap:hover .load-more__icon{ -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .load-more__text{ display: inline-block; vertical-align: middle; margin-left: 5px; } .load-more__icon{ font-size: 16px; transition: all .5s; } .main-links{ background: #fdb913; } @media(max-width: 1000px){ .main-links{ display: none; } } .main-links__wrap{ height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; } .main-links__item{ display: block; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; text-align: center; line-height: 45px; transition: all .3s; } .main-links__item:hover{ background: #fda813; } .main-links__icon{ font-size: 30px; margin-right: 10px; } .main-links__text{ display: inline-block; vertical-align: middle; font-size: 16px; } .main-slider{ width: 100%; max-width: 100%; margin-top: -60px; position: relative; } @media(max-width: 1200px){ .main-slider .slider-arrows__item{ display: none; } } @media(max-width: 760px){ .main-slider{ margin-top: 0; } .main-slider .slider-nav__nav{ display: none; } } .main-slider__bg{ height: 506px; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 85px; position: relative; background: #000; } /*NEW-YEAR 2024*/ /*.main-slider::after{ content: ''; position: absolute; width: 100%; height: 82px; background-image: url(/local/templates/schiefer/images/NY2024/decor.png); bottom: -1px; background-repeat: no-repeat; background-size: cover; z-index: 2; }*/ @media(min-width: 761px){ /*.p-main-top::before { content: ''; position: absolute; width: 316px; height: 130px; background-image: url(/local/templates/schiefer/images/NY2024/img_R.png); z-index: 2; background-repeat: no-repeat; left: 0; top: 40px; } .p-main-top::after { content: ''; position: absolute; width: 316px; height: 130px; background-image: url(/local/templates/schiefer/images/NY2024/img_L.png); z-index: 2; background-repeat: no-repeat; right: 0; top: 40px; }*/ /* start NY2022*/ /* .main-slider__bg:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 208px; background-position: center; background-repeat: no-repeat; background-size: cover; background: url(/local/templates/schiefer/images/NY2022/Snow.png); } */ /* end NY2022*/ @media(max-width: 760px){ .main-slider__bg{ padding-top: 10px; padding-bottom: 10px; height: 265px; } } .main-slider__image{ position: absolute; width: 100%; height: 100%; -o-object-fit: cover; font-family: "object-fit:cover;object-position:center"; object-fit: cover; -o-object-position: center; object-position: center; top: 0; } .main-slider__container{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main-slider__big-wrap{ -webkit-box-flex: 0; -ms-flex: 0 0 563px; flex: 0 0 563px; } .new_year{ font-family: 'Magnolia-Script'; background: url(/local/templates/schiefer/images/nu_ban_back2.png); /* text-shadow: inset 0 5px 5px a30000;*/ text-align: center; width: 100%; font-size: 41px; /*height: 269px;*/ height: 153px; font-style: italic; color: #FF0000; position: absolute; /*margin-top: -269px; z-index: 100; padding-top: 198px; padding-left: 51px;*/ margin-top: -153px; z-index: 5; padding-top: 98px; padding-left: 51px; /* background-color: #a30000; color: transparent; text-shadow: 0px 2px 3px rgba(0,0,0,0.5); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text;*/ } @media(max-width: 760px){ .main-slider__big-wrap{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } .new_year{ padding-top: 70px; padding-left: 0px; margin-top: -100px; font-size: 20px; height: 100px; } } .main-slider__big{ background: rgba(0,0,0,.6); position: relative; padding: 32px 40px 45px; color: #fff; width: 100%; } @media(max-width: 760px){ .main-slider__big{ padding: 20px 15px; } } .main-slider__big-title{ font-size: 50px; font-family: "Pragmatica Bold", sans-serif; margin-bottom: 13px; } @media(max-width: 760px){ .main-slider__big-title{ font-size: 25px; } } .main-slider__big-text{ line-height: 1.35; font-size: 20px; margin-bottom: 30px; } @media(max-width: 760px){ .main-slider__big-text{ font-size: 15px; margin-bottom: 22px; max-height: 63px; overflow: hidden; } .main-slider__big-text br{ display: none; } } .main-slider__small-wrap{ -webkit-box-flex: 0; -ms-flex: 0 0 311px; flex: 0 0 311px; } @media(max-width: 1000px){ .main-slider__small-wrap{ display: none; } } .main-slider__small-item{ display: block; padding: 16px 63px 10px; background-color: rgba(255,255,255,.8); margin-bottom: 20px; position: relative; transition: all .3s; } .main-slider__small-item:hover{ background-color: #ffe29a; } .main-slider__small-item:last-of-type{ margin-bottom: 0; } .main-slider__small-title{ display: block; max-height: 45px; overflow: hidden; font-family: "Pragmatica Light Bold", sans-serif; line-height: 1.429; margin-bottom: 10px; } .main-slider__small-text{ display: block; line-height: 1.429; max-height: 43px; overflow: hidden; } .main-slider__small-icon{ position: absolute; font-size: 30px; color: #272727; left: 15px; top: 20px; } .main-slider__big-btn-wrap .btn:hover{ opacity: .6; } html.br-ie .main-slider__big-angle { display: none !important; } .material-categories{ display: -webkit-box; display: -ms-flexbox; display: flex; margin: -7px -7px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .material-categories__item{ padding: 7px; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } @media(max-width: 1150px){ .material-categories__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; } } @media(max-width: 980px){ .material-categories__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } @media(max-width: 460px){ .material-categories__item{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } } .material-categories__item-wrap{ display: block; transition: all .3s; border: 1px solid #e7e7e7; } .material-categories__item-wrap:hover{ box-shadow: 0px 2px 15.3px 2.7px rgba(0, 0, 0, 0.15); } .material-categories__image{ display: block; height: 190px; } @media(max-width: 760px){ .material-categories__image{ height: 130px; } } .material-categories__image img{ width: 100%; height: 100%; -o-object-fit: cover; font-family: "object-fit:cover;object-position:center"; object-fit: cover; -o-object-position: center; object-position: center; } .material-categories__text{ padding: 0 14px; height: 50px; display: block; font-size: 0; } @media(max-width: 760px){ .material-categories__text{ height: 40px; } } .material-categories__text::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .material-categories__text-inner{ display: inline-block; vertical-align: middle; font-size: 14px; line-height: 1.3; } .mobile-list{ position: relative; } .mobile-list__item{ border-bottom: 1px solid #e6e6e6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-list__item--back{ background: #fdb913; } .mobile-list__item--back .mobile-list__arrow::after, .mobile-list__item--back .mobile-list__arrow::before{ -webkit-transform-origin: left; transform-origin: left; } .mobile-list__link{ padding: 16px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: block; } .mobile-list__arrow{ -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; display: block; height: 46px; } .mobile-list__sub-menu{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; z-index: 1; -webkit-transform: translateX(100%); transform: translateX(100%); transition: all .3s; overflow-x: hidden; } .mobile-list__sub-menu.active{ display: block; -webkit-transform: translateX(0); transform: translateX(0); } .mobile-list__arrow{ position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mobile-menu{ position: fixed; visibility: hidden; left: 0; right: 0; top: 0; bottom: 0; background: #fff; z-index: 4; transition: all .3s; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .mobile-menu.opened{ visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } .mobile-menu__header{ display: -webkit-box; display: -ms-flexbox; display: flex; height: 45px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 16px; background: #fff; z-index: 1; position: relative; } .mobile-menu__catalog{ overflow-x: hidden; } .mobile-menu__header-close{ -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; position: relative; background: #e7e7e7; height: 45px; } .mobile-menu__header-close::after, .mobile-menu__header-close::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #333; width: 20px; height: 1px; } .mobile-menu__header-close::after{ -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .mobile-menu__header-close::before{ -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } .mobile-menu__menu{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile-menu__menu-item{ -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; display: block; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; text-align: center; font-size: 12px; color: #272727; padding: 14px 0; } .mobile-menu__menu-item .i-icon{ font-size: 20px; } .mobile-menu__menu-item:nth-of-type(2n + 2){ border-right: 0; } .mobile-menu__menu-item-icon{ display: block; margin-bottom: 7px; } .mobile-menu__menu-item-text{ display: block; } .mobile-menu__body{ position: absolute; left: 0; right: 0; top: 40px; bottom: 0; overflow: auto; } .news-list{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-list--main{ display: block; } .news-list--news{ margin: 0 -10px; } @media(max-width: 640px){ .news-list--news{ margin: 0; } } .news-list--news .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; padding: 10px; } @media(max-width: 900px){ .news-list--news .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-bottom: 20px; } .news-list--news .news-list__item:last-of-type{ margin-bottom: 0; } } .news-list--album{ margin: 0 -8px; padding-left: 1px; } @media(max-width: 640px){ .news-list--album{ margin: 0; } } .news-list--album .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; padding: 10px 7px; } @media(max-width: 900px){ .news-list--album .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } @media(max-width: 640px){ .news-list--album .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-bottom: 20px; } .news-list--album .news-list__item:last-of-type{ margin-bottom: 0; } } .news-list--portfolio{ margin: 0 -7px; } @media(max-width: 640px){ .news-list--portfolio{ margin: 0; } } .news-list--portfolio .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; padding: 10px 7px; } @media(max-width: 1100px){ .news-list--portfolio .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; } } @media(max-width: 900px){ .news-list--portfolio .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } @media(max-width: 640px){ .news-list--portfolio .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-bottom: 20px; } .news-list--portfolio .news-list__item:last-of-type{ margin-bottom: 0; } } .news-list--portfolio-profile{ margin: -10px -7px 0; } @media(max-width: 640px){ .news-list--portfolio-profile{ margin: 0; } } .news-list--portfolio-profile .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; padding: 10px 7px; } @media(max-width: 1100px){ .news-list--portfolio-profile .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } @media(max-width: 640px){ .news-list--portfolio-profile .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-bottom: 20px; } .news-list--portfolio-profile .news-list__item:last-of-type{ margin-bottom: 0; } } .news-list--project{ margin: 0 -7px; } @media(max-width: 640px){ .news-list--project{ margin: 0; } } .news-list--project .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; padding: 10px 7px; } @media(max-width: 1600px){ .news-list--project .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; } } @media(max-width: 900px){ .news-list--project .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } @media(max-width: 640px){ .news-list--project .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-bottom: 20px; } .news-list--project .news-list__item:last-of-type{ margin-bottom: 0; } } .news-list--video{ margin: 0 -11px; } @media(max-width: 640px){ .news-list--video{ margin: 0; } } .news-list--video .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; padding: 10px; } @media(max-width: 900px){ .news-list--video .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } @media(max-width: 640px){ .news-list--video .news-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-bottom: 20px; } .news-list--video .news-list__item:last-of-type{ margin-bottom: 0; } } .offer-detail__wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 1000px){ .offer-detail__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .offer-detail__text{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 20px; max-width: 50%; } @media(max-width: 1000px){ .offer-detail__text{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 0; max-width: 100%; } } .offer-detail__cart{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media(max-width: 1000px){ .offer-detail__cart{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 25px; max-width: 100%; } } @media(max-width: 760px){ .offer-detail__cart{ padding: 0 20px; margin-bottom: 0; } } .offer-detail__cart-item{ margin-bottom: 25px; } @media(max-width: 760px){ .offer-detail__cart-btn{ display: none; } } .offer-detail__btn{ display: none; } @media(max-width: 760px){ .offer-detail__btn{ display: inline-block; margin-top: 25px; width: 100%; } } .offer-item{ display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } @media(max-width: 850px){ .offer-item.swiper-slide{ width: 258px; } } @media(min-width: 541px){ .offer-item--line{ max-width: 680px; } .offer-item--line .offer-item__wrap{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .offer-item--line .offer-item__top{ -webkit-box-flex: 0; -ms-flex: 0 1 304px; flex: 0 1 304px; max-width: 304px; display: -webkit-box; display: -ms-flexbox; display: flex; /*min-width: 220px;*/ min-width: 260px; } @media(min-width: 541px){ .offer-item--line .offer-item__top{ border-bottom: 1px solid #e7e7e7; border-right: 0; } } .offer-item--line .offer-item__image{ height: auto; /*width: 100%;*/ width: 260px; } .offer-item--line .offer-item__content{ border-top: 1px solid #e7e7e7; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .offer-item--line .offer-item__info{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; background: #fff; padding-bottom: 30px; } .offer-item--line .offer-item__link{ font-family: 'Pragmatica Light Bold', sans-serif; } .offer-item--line .offer-item__title{ margin-bottom: 20px; } } .offer-item__wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; position: relative; } .offer-item__top{ position: relative; overflow: hidden; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; } .offer-item__image{ /*height: 181px;*/ height: 260px; display: block; } .offer-item__image img{ height: 100%; width: 100%; -o-object-fit: cover; font-family: "object-fit:cover;object-position:center"; object-fit: cover; -o-object-position: center; object-position: center; } .offer-item__labels{ position: absolute; left: 0; top: 0; z-index: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } .offer-item__content{ border: 1px solid #dedede; border-top: 0; position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .offer-item__title{ padding: 10px 15px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .offer-item__link{ display: block; line-height: 1.429; transition: color .3s; } .offer-item__link:hover{ color: #fdb913; } .offer-item__info{ padding: 10px 15px 20px; background: #f5f5f5; } .offer-item__info-row{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 12px; } .offer-item__info-row:last-of-type{ margin-bottom: 0; padding-right: 16px; } .offer-item__info-name{ color: #666666; } .offer-item__info-name{ -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; padding-right: 5px; } .offer-item__info-data{ font-size: 14px; overflow: hidden; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .offer-item__info-data .b-price{ font-size: 18px; font-family: "Pragmatica Bold", sans-serif; } .offer-item__hidden-angle{ position: absolute; right: -1px; bottom: -1px; width: 32px; height: 32px; background: #fff; } .offer-item__hidden-angle::after{ content: ''; width: 0; height: 0; width: 0; border-style: solid; border-color: #dedede transparent transparent transparent; border-width: 32px 32px 0 0; position: absolute; top: 0; left: 0; } .offers-slider{ margin-bottom: 40px; } .offers-slider .swiper-container:not(.swiper-container-horizontal) .offer-item{ max-width: calc(20% - 15px); margin-right: 15px; } @media(max-width: 1390px){ .offers-slider .swiper-container:not(.swiper-container-horizontal) .offer-item{ max-width: calc(25% - 15px); } } @media(max-width: 1120px){ .offers-slider .swiper-container:not(.swiper-container-horizontal) .offer-item{ max-width: calc(33.333% - 15px); } } @media(max-width: 850px){ .offers-slider .swiper-container:not(.swiper-container-horizontal) .offer-item{ max-width: calc(50% - 15px); } } @media(max-width: 760px){ .offers-slider .swiper-container:not(.swiper-container-horizontal) .offer-item{ margin-right: 10px; width: 258px; } } .offers-slider .offer-item{ height: auto; } @media(max-width: 850px){ .offers-slider .slider-arrows__item{ display: none; } } .our-garanties{ padding-top: 35px; border-top: 1px solid #e7e7e7; margin-bottom: 20px; } @media(max-width: 760px){ .our-garanties{ padding-top: 0; border-top: 0; } } .our-garanties .b-title{ margin-bottom: 40px; } @media(max-width: 760px){ .our-garanties .b-title{ text-align: left; margin-bottom: 32px; } .our-garanties .b-title::after{ right: auto; margin: 0; } } .our-garanties__list{ list-style: none; counter-reset: mainCounter; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media(max-width: 760px){ .our-garanties__list{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .our-garanties__list-item{ padding: 34px 0 0 30px; position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; margin-right: 15px; } @media(max-width: 760px){ .our-garanties__list-item{ margin-right: 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 35px; } } .our-garanties__list-item:last-of-type{ margin-right: 0; margin-bottom: 0; } .our-garanties__list-item-num{ width: 76px; height: 72px; border-radius: 50%; position: absolute; left: 0; top: 0; color: #fff; background: #dfdfdf; font-family: 'Pragmatica Bold', sans-serif; text-align: right; line-height: 77px; overflow: hidden; } .our-garanties__list-item-num::before{ counter-increment: mainCounter; content: counter(mainCounter); margin-right: -9px; font-size: 103px; } .our-garanties__list-item-text{ position: relative; z-index: 1; font-family: 'Pragmatica Light Bold', sans-serif; line-height: 1.429; } .p-404{ height: 687px; background: url(/local/templates/schiefer/build/_/images/404-bg.png); background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; background-size: cover; } @media(max-width: 760px){ .p-404{ height: auto; } } .p-404__man{ bottom: -4px; right: 9%; width: 475px; height: 567px; position: absolute; background: url(/local/templates/schiefer/build/_/images/404-man.png); z-index: 1; } @media(max-width: 1000px){ .p-404__man{ right: 0%; width: 364px; height: 435px; background-size: contain; background-repeat: no-repeat; } } @media(max-width: 760px){ .p-404__man{ position: relative; right: 0; bottom: 0; width: 184px; height: 215px; margin-left: auto; } } .p-404__num{ width: 480px; height: 197px; top: 45px; left: 12%; position: absolute; background: url(/local/templates/schiefer/build/_/images/404-num.png); background-repeat: no-repeat; } @media(max-width: 1200px){ .p-404__num{ left: 4%; } } @media(max-width: 760px){ .p-404__num{ position: relative; top: 0; left: 0; width: 205px; height: 85px; margin: auto; margin-bottom: 27px; background-size: contain; } } .p-404__content{ width: 425px; left: 12%; top: 283px; line-height: 1.38; z-index: 1; position: absolute; } @media(max-width: 1200px){ .p-404__content{ left: 4%; } } @media(max-width: 760px){ .p-404__content{ width: 100%; position: relative; top: 0; left: 0; } .p-404__content .btn{ display: none; } } .p-404__content p{ margin-bottom: 20px; } .p-about__top{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media(max-width: 950px){ .p-about__top{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .p-about__top-left{ -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; } @media(max-width: 950px){ .p-about__top-left{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .p-about__top-right{ -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; text-align: right; padding-left: 30px; max-width: 40%; margin-top: 15px; } @media(max-width: 950px){ .p-about__top-right{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 0; padding: 0 20px; max-width: 100%; text-align: center; } } .p-compare__tabs{ margin-bottom: 25px; } .p-contacts__map{ height: 556px; position: relative; margin-bottom: 35px; } .p-contacts__map .container{ position: relative; } @media(max-width: 1000px){ .p-contacts__map{ height: auto; } } @media(max-width: 760px){ .p-contacts__map{ margin-bottom: 15px; } } .p-contacts__addresses{ position: absolute; z-index: 1; top: 30px; left: 38px; } @media(max-width: 1000px){ .p-contacts__addresses{ position: relative; top: 0; left: 0; margin-bottom: 40px; } } @media(max-width: 760px){ .p-contacts__addresses{ margin-bottom: 0; } } .p-contacts__address{ background: #fff; margin-bottom: 20px; padding: 30px; max-width: 600px; cursor: pointer; border: 1px solid transparent; transition: all .3s; } .p-contacts__address:hover{ border: 1px solid #fdb913; } .p-contacts__address .b-collapse__head{ display: none; } @media(max-width: 1000px){ .p-contacts__address{ max-width: none; padding: 0; border: 0 !important; } .p-contacts__address .b-title{ display: none; } .p-contacts__address .b-collapse__head{ display: block; } } @media(max-width: 760px){ .p-contacts__address{ margin-bottom: 0; } } .p-contacts__address:last-of-type{ margin-bottom: 0; } .p-contacts__address.active{ border: 1px solid #fdb913; } .p-contacts__map-wrap{ height: 100%; } @media(max-width: 1000px){ .p-contacts__map-wrap{ height: 480px; } } @media(max-width: 760px){ .p-contacts__map-wrap{ height: 230px; } } .p-contacts__content-tab{ display: none; } .p-contacts__content-tab.active{ display: block; } .p-contacts__address-item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .p-contacts__address-item:last-of-type{ margin-bottom: 0; } .p-contacts__address-item-icon{ margin-right: 10px; font-size: 18px; } .p-contacts__address-item-modal{ display: inline-block; vertical-align: middle; margin-left: 10px; border-bottom: 1px dotted currentColor; } .p-contacts__soc{ margin-top: 25px; margin-bottom: 33px; } .p-contacts__btn{ margin-bottom: 20px; } @media(max-width: 760px){ .p-contacts__btn .btn{ width: 100%; } } @media(max-width: 1000px){ .p-contacts__address-inner{ display: none; padding: 20px 15px; } } .p-contacts__download{ margin-bottom: 30px; } .p-main-content{ margin-bottom: 29px; } .p-main-content__row{ display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; } @media(max-width: 1250px){ .p-main-content__row{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media(max-width: 760px){ .p-main-content__row{ margin: 0 -15px; } } .p-main-content__cell{ padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 42%; } @media(max-width: 760px){ .p-main-content__cell{ padding-left: 0; padding-right: 0; } } .p-main-content__cell--half{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media(max-width: 1000px){ .p-main-content__cell--half{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } @media(max-width: 760px){ .p-main-content__cell--news .p-main-content__cell-inner{ padding-top: 0; padding-bottom: 0; } } @media(max-width: 600px){ .p-main-content__cell--news .b-news{ margin-bottom: 0; } .p-main-content__cell--news .b-news:nth-child(n+2){ display: none; } } @media(max-width: 760px){ .p-main-content__cell--articles .p-main-content__cell-inner{ padding-top: 0; padding-bottom: 0; } } .p-main-content__cell--about{ -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } @media(max-width: 1000px){ .p-main-content__cell--about{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .p-main-content__cell--contacts{ -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } @media(max-width: 1000px){ .p-main-content__cell--contacts{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media(max-width: 760px){ .p-main-content__cell--contacts .p-main-content__cell-inner{ padding-top: 0; padding-bottom: 0; } } .p-main-content__cell--reviews{ -webkit-box-flex: 0; -ms-flex: 0 0 470px; flex: 0 0 470px; max-width: 470px; } @media(max-width: 1250px){ .p-main-content__cell--reviews{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 322px); flex-basis: calc(100% - 322px); max-width: calc(100% - 322px); } } @media(max-width: 760px){ .p-main-content__cell--reviews{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } .p-main-content__cell--reviews .p-main-content__cell-inner{ border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } } .p-main-content__cell--quiz{ -webkit-box-flex: 0; -ms-flex: 0 0 322px; flex: 0 0 322px; max-width: 322px; } @media(max-width: 760px){ .p-main-content__cell--quiz{ display: none; } } .p-main-content__cell--forum .p-main-content__cell-inner{ overflow: hidden; } @media(max-width: 1250px){ .p-main-content__cell--forum{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media(max-width: 760px){ .p-main-content__cell--forum .b-title{ display: none; } .p-main-content__cell--forum .p-main-content__cell-inner{ padding-top: 0; padding-bottom: 0; } } .p-main-content__cell-inner{ padding: 20px 25px; border: 1px solid #e7e7e7; max-width: 100%; width: 100%; } @media(max-width: 760px){ .p-main-content__cell-inner{ padding: 20px 15px; border: 0; } } .p-main-content__cell-inner--grey{ background: #f5f6f8; } @media(max-width: 760px){ .p-main-content__cell-inner--grey{ border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } } .p-main-content__seo p{ line-height: 1.429; margin-bottom: 10px; } @media(max-width: 760px){ .p-main-content__seo p:nth-of-type(n+2){ display: none; } } .p-main-content__contact-item{ margin-bottom: 13px; } .p-main-content__contact-item a:hover span{ text-decoration: underline; } @media(max-width: 760px){ .p-main-content__contact-item{ margin-bottom: 7px; } } .p-main-content__contact-item .i-icon{ margin-right: 8px; } @media(max-width: 760px){ .p-main-content__contact-item .i-icon{ display: none; } } .p-main-content__contact-title{ margin-bottom: 18px; } .p-main-content__threads{ max-height: 272px; padding-right: 10px; position: relative; } @media(max-width: 760px){ .p-main-content__threads{ display: none; } } .p-main-content__threads::after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; box-shadow: 0 0 17px 10px #fff; } .p-main-content__threads .mCSB_inside > .mCSB_container{ margin-right: 0; } .p-main-content__threads-btn{ display: none; } @media(max-width: 760px){ .p-main-content__threads-btn{ display: block; } .p-main-content__threads-btn .btn{ width: 100%; } } .p-main-top{ margin-bottom: 40px; } @media(max-width: 760px){ .p-main-top{ margin-bottom: 0; } } .p-project{ display: -webkit-box; display: -ms-flexbox; display: flex; } .p-project__left{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 530px); flex-basis: calc(100% - 530px); max-width: calc(100% - 530px); padding-right: 60px; padding-top: 30px; padding-bottom: 60px; } @media(max-width: 1600px){ .p-project__left{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: calc(100% - 460px); flex-basis: calc(100% - 460px); max-width: calc(100% - 460px); padding-right: 40px; } } @media(max-width: 1300px){ .p-project__left{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; padding-right: 0; } } @media(max-width: 760px){ .p-project__left{ padding-bottom: 15px; } } .p-project__right{ -webkit-box-flex: 0; -ms-flex: 0 0 530px; flex: 0 0 530px; border-left: 1px solid #e7e7e7; padding-top: 30px; //padding: 30px 0 80px; } @media(max-width: 1600px){ .p-project__right{ -webkit-box-flex: 0; -ms-flex: 0 0 460px; flex: 0 0 460px; } } @media(max-width: 1300px){ .p-project__right{ -webkit-box-flex: 0; -ms-flex: 0 0 0%; flex: 0 0 0%; opacity: 0; visibility: hidden; padding: 0; display: none; } } .p-project__right .b-title{ margin-left: 40px; } .p-project__sliders{ margin-bottom: 30px; } .p-project__sliders-big-item-img{ height: 610px; background-size: cover; background-position: center; background-repeat: no-repeat; display: block; } @media(max-width: 1600px){ .p-project__sliders-big-item-img{ height: 480px; } } @media(max-width: 760px){ .p-project__sliders-big-item-img{ height: 130px; } } .p-project__sliders-big-item-img img{ display: none; } @media(max-width: 760px){ .p-project__sliders-big-item{ width: 230px; } } .p-project__sliders-big{ margin-bottom: 20px; } @media(max-width: 760px){ .p-project__sliders-big{ margin-bottom: 10px; } .p-project__sliders-big .slider-arrows__item{ display: none; } } @media(max-width: 760px){ .p-project__sliders-preview{ display: none; } } .p-project__sliders-preview-item-img{ height: 130px; background-size: cover; background-position: center; background-repeat: no-repeat; } .p-project__sliders-preview-item{ border: 1px solid transparent; transition: border .3s; cursor: pointer; position: relative; } .swiper-container:not(.swiper-container-horizontal) .p-project__sliders-preview-item { width: calc(20% - 10px); margin-right: 10px; } @media(max-width: 1600px){ .swiper-container:not(.swiper-container-horizontal) .p-project__sliders-preview-item{ width: calc(25% - 10px); } } .p-project__sliders-preview-item::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.3); opacity: 0; transition: opacity .3s; } .p-project__sliders-preview-item.active{ border: 1px solid #fdb913; } .p-project__sliders-preview-item.active::after{ opacity: 1; } .p-project__text{ line-height: 1.571; margin-bottom: 18px; } .p-project__footer{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } @media(max-width: 760px){ .p-project__footer{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .p-project__footer-left{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 19px; } .p-project__footer-right{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .p-project__list-item{ margin-bottom: 20px; } @media(min-width: 1301px){ .p-project__list-item{ width: auto !important; margin-right: 0 !important; } } @media(max-width: 1300px){ .p-project__list-item{ margin-bottom: 0; } } .p-project__list-wrap{ position: relative; height: 100%; } .p-project__list{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .p-project__list-inner{ padding-bottom: 60px; padding-left: 40px; padding-right: 20px; padding-top: 15px; } @media(max-width: 1300px){ .p-project__list-inner{ padding: 0; } } .p-project .mCSB_outside + .mCSB_scrollTools{ right: -16px; } .p-project__close{ width: 45px; height: 45px; background: #e8e8e8; position: absolute; right: 0; cursor: pointer; top: 0; transition: all .3s; } .p-project__close:hover{ background: #fdb913; } .p-project__close::after, .p-project__close::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 18px; height: 1px; background: #272727; } .p-project__close::after{ -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } .p-project__close::before{ -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .p-project .b-page__slider-wrap{ display: none; } @media(max-width: 1300px){ .p-project .b-page__slider-wrap{ display: block; } } .page-title{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-modal .page-title { padding-right: 35px; } @media(max-width: 760px){ .page-title{ -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; } } .page-title h1{ margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 1.3; } @media(max-width: 760px){ .page-title h1{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .page-title__left{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 20px; } @media(max-width: 760px){ .page-title__left{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 10px; border: 1px solid #e6e6e6; margin-top: 17px; text-align: center; } .page-title__left--btn{ padding: 0; border: 0; } .page-title__left--btn .btn{ width: 100%; } .page-title__left .rounded-link__text{ border-bottom: 0; } } .partners-links{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -11px; } @media(min-width: 621px){ .partners-links--small .partners-links__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; margin-bottom: 30px; } } @media(max-width: 1100px){ .partners-links--small .partners-links__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media(max-width: 620px){ .partners-links--small .partners-links__item{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .partners-links__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 10px; margin-bottom: 40px; } @media(max-width: 950px){ .partners-links__item{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } } .partners-links__item-name{ transition: all .3s; } .partners-links__item-name:hover{ color: #fdb913; } .personal-auth-form{ max-width: 500px; } .personal-auth-form .b-modal__submit{ margin-top: 15px; text-align: left; }.product-color{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-color__color{ -webkit-box-flex: 0; -ms-flex: 0 0 25px; flex: 0 0 25px; width: 25px; height: 25px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-right: 10px; } .product-color__text{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .profile-card__wrap{ padding: 23px; border: 1px solid #e7e7e7; display: -webkit-box; display: -ms-flexbox; display: flex; } @media(max-width: 1000px){ .profile-card__wrap{ display: block; } } @media(max-width: 760px){ .profile-card__wrap{ padding: 0; border: 0; } } .profile-card__image{ -webkit-box-flex: 0; -ms-flex: 0 0 230px; flex: 0 0 230px; max-width: 230px; width: 230px; height: 210px; padding-right: 23px; font-size: 0; position: relative; } .profile-card__image:hover .profile-card__image-btn{ opacity: 1; visibility: visible; } .profile-card__image form{ position: relative; height: 100%; text-align: center; } .profile-card__image form::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } @media(max-width: 1200px){ .profile-card__image{ -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; max-width: 120px; width: 120px; height: 100px; } } @media(max-width: 1000px){ .profile-card__image{ -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; max-width: 90px; width: 90px; height: 70px; float: left; } } @media(max-width: 760px){ .profile-card__image{ text-align: center; width: 100%; height: auto; float: none; max-width: 100%; padding-right: 0; margin-bottom: 10px; } } .profile-card__image::after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .profile-card__image img{ display: inline-block; vertical-align: middle; cursor: pointer; max-height: 210px; } .profile-card__info{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media(max-width: 760px){ .profile-card__info{ text-align: left; margin-bottom: 0; } } .profile-card__info-item{ margin-bottom: 15px; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.3; } @media(max-width: 760px){ .profile-card__info-item--checkbox{ margin-top: 0; text-align: left; } } @media(max-width: 900px){ .profile-card__info-item{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 11px; } } .profile-card__info-title{ -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; color: #666666; } .profile-card__company{ font-size: 16px; font-family: 'Pragmatica Light Bold', sans-serif; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 900px) and (min-width: 761px){ .profile-card__company{ font-size: 14px; } } .profile-card__content-top{ margin-bottom: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media(max-width: 1250px){ .profile-card__content-top .profile-card__links{ display: none; } } .profile-card__content{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media(max-width: 760px){ .profile-card__content{ text-align: center; } } .profile-card__name{ font-size: 16px; font-family: 'Pragmatica Light Bold', sans-serif; margin: 18px 0; line-height: 1.375; } @media(max-width: 900px) and (min-width: 761px){ .profile-card__name{ font-size: 14px; } } .profile-card__links{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .profile-card__links-item{ display: inline-block; vertical-align: middle; border-bottom: 1px dotted currentColor; margin-right: 35px; position: relative; transition: all .3s; } .profile-card__links-item:hover{ border-bottom: 1px dotted transparent; } @media(min-width: 761px){ .profile-card__links-item:last-of-type{ margin-right: 0; } } @media(max-width: 760px){ .profile-card__links-item{ margin: 0 15px 15px; margin-right: 0; } a.profile-card__links-item.modal-popup-top{ margin-right: 25px; } } .profile-card__bottom-links{ display: none; } @media(max-width: 1250px){ .profile-card__bottom-links{ display: block; } } .profile-card__modal{ border-bottom: 1px dotted currentColor; transition: all .3s; } .profile-card__modal:hover{ border-bottom: 1px dotted transparent; } .profile-card__links-icon{ right: -10px; top: -12px; font-size: 12px; color: #878787; } .profile-card__image-btn{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) translateZ(0); transform: translate(-50%, -50%) translateZ(0); font-size: 14px; opacity: 0; visibility: hidden; transition: all .3s; } .profile-tabs__item{ display: none; } .profile-tabs__item.active{ display: block; } .profile-top{ 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: 25px; } @media(max-width: 760px){ .profile-top .btn{ width: 100%; } } @media(max-width: 1200px){ .profile-top:not(.profile-top--line){ -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media(max-width: 900px){ .profile-top{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .profile-top .animate-tabs{ margin-bottom: 0; } .profile-top__left{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media(max-width: 760px){ .profile-top__left{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .profile-top__left .b-selects{ margin-bottom: 0; } @media(max-width: 1200px){ .profile-top:not(.profile-top--line) .profile-top__left{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media(max-width: 900px){ .profile-top:not(.profile-top--line) .profile-top__left{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .profile-top__right{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media(max-width: 1200px){ .profile-top:not(.profile-top--line) .profile-top__right{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 20px; } } @media(max-width: 900px){ .profile-top__right{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 20px; } } .profile-top__right--select{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media(max-width: 1200px){ .profile-top__right--select{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 20px; } } @media(max-width: 900px){ .profile-top__right--select{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media(max-width: 760px){ .profile-top__right--select{ margin-top: 0 !important; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .profile-top__link{ margin-right: 26px; } .profile-top__link:last-of-type{ margin-right: 0; } .profile-top__link .i-icon{ font-size: 20px; margin-right: 5px; } .profile-top__link span{ display: inline-block; vertical-align: middle; border-bottom: 1px dotted currentColor; } @media(max-width: 760px){ .profile-top__link{ margin-right: 0; margin-bottom: 14px; display: block; } .profile-top__link:last-of-type{ margin-bottom: 0; } } .profile-top__right-select{ margin-right: 10px; } @media(max-width: 900px){ .profile-top__right-select{ margin-bottom: 15px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-right: -15px; } } @media(max-width: 800px) and (min-width: 760px){ .project-slider .good-item__cart-item .i-icon{ margin-right: 1px !important; } .project-slider .good-item__cart-item--compare{ padding-left: 3% !important; } } @media (max-width: 760px) { .project-slider .good-item__cart{ padding-bottom: 40px; } }.regform .input-item__input--search{ padding: 0 15px !important; } .regform .b-checkbox{ margin-bottom: 10px; } .b-checkbox__agreement { margin-bottom: 10px; } .repeat-order{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media(max-width: 760px){ .repeat-order{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } .repeat-order__left{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; } @media(max-width: 760px){ .repeat-order__left{ margin-right: 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .repeat-order__left .btn{ width: 100%; } } .repeat-order__right{ font-family: 'Pragmatica Light Bold', sans-serif; font-size: 16px; text-align: right; line-height: 1.2; } @media(max-width: 760px){ .repeat-order__right{ -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-bottom: 20px; text-align: left; } } .repeat-order__right .b-price{ font-family: 'Pragmatica Bold', sans-serif; font-size: 20px; } @media(max-width: 760px){ .repeat-order__right .b-price{ display: block; } } .responsive-table{ width: 100%; border-spacing: 0; border-collapse: collapse; border: 1px solid #e7e7e7; } @media(max-width: 760px){ .responsive-table{ border: 0; display: block; } } .responsive-table thead tr{ background: #e7e7e7; } @media(max-width: 760px){ .responsive-table thead{ display: none; } } .responsive-table th{ padding: 15px 12px 15px 18px; font-family: "Pragmatica Light Bold", sans-serif; font-weight: normal; text-align: left; } @media(max-width: 900px){ .responsive-table th{ padding-left: 12px; font-size: 12px; } } @media(max-width: 760px){ .responsive-table tbody{ display: block; } } .responsive-table tbody tr{ border-bottom: 1px solid #e7e7e7; } @media(max-width: 760px){ .responsive-table tbody tr{ display: block; border: 1px solid #e7e7e7 !important; margin-bottom: 20px; } } .responsive-table tbody tr:last-of-type{ border-bottom: 0; } .responsive-table tbody tr td{ padding: 12px 12px 12px 18px; line-height: 1.28; } @media(max-width: 900px) and (min-width: 761px){ .responsive-table tbody tr td{ padding-left: 12px; font-size: 12px; } } @media(max-width: 760px){ .responsive-table tbody tr td{ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 15px; margin-bottom: 15px; } } @media(max-width: 760px){ .responsive-table tbody tr td.responsive-table__head-cell{ display: block; text-align: center; background: #e7e7e7; //padding: 15px; font-family: 'Pragmatica Light Bold', sans-serif; } .responsive-table tbody tr td.responsive-table__head-cell--not-styled{ background: #fff; text-align: left; padding-bottom: 0; } .responsive-table tbody tr td.responsive-table__head-cell a{ text-decoration: none; } } .responsive-table tbody tr td a{ text-decoration: underline; } .responsive-table tbody tr td a:hover{ text-decoration: none; } .responsive-table__cell-title{ display: none; } @media(max-width: 760px){ .responsive-table__cell-title{ display: block; color: #666666; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; } } @media(max-width: 760px){ .responsive-table__cell-funcs{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; } } .responsive-table__cell-nowrap{ white-space: nowrap; } @media(max-width: 760px){ .reviews-slider .slider-arrows__item{ display: none; } } .reviews-slider__wrap{ padding: 0 35px; margin-bottom: 18px; } @media(max-width: 800px){ .reviews-slider__wrap{ padding: 0 25px; } } @media(max-width: 760px){ .reviews-slider__wrap{ padding: 0; } } .reviews-slider__item .swiper-container:not(.swiper-container-horizontal){ width: calc(33% - 3px); } .reviews-slider__item.swiper-slide-active .reviews-slider__item-wrap{ -webkit-transform: scale(1); transform: scale(1); padding: 5px; border: 1px solid #fdb913; } .reviews-slider__item.swiper-slide-active .reviews-slider__item-img{ border-radius: 50%; opacity: 1; } .reviews-slider__item-wrap{ width: 105px; height: 105px; border-radius: 50%; border: 1px solid #f5f6f8; padding: 0px; position: relative; text-align: center; line-height: 105px; -webkit-transform: scale(.77); transform: scale(.77); margin: auto; overflow: hidden; } @media(max-width: 760px){ .reviews-slider__item-wrap{ width: 97px; height: 97px; line-height: 97px; } } .reviews-slider__item-img{ width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: .75; } .reviews-slider__title{ text-align: center; font-family: "Pragmatica Light Bold", sans-serif; margin-bottom: 14px; } .reviews-slider__text{ line-height: 1.429; } .reviews-slider__content{ display: none; } .reviews-slider__content.active{ display: block; } @media(max-width: 760px){ .round-tabs{ margin: 0 -15px; height: 46px; position: relative; z-index: 4; } .round-tabs.opened .round-tabs__arrow-mobile{ -webkit-transform: scaleY(-1); transform: scaleY(-1); } } .round-tabs--line .round-tabs__list{ -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .round-tabs--faq{ margin-bottom: 15px; } .round-tabs__item{ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 11px 20px; text-align: center; border: 1px solid transparent; border-radius: 20px; cursor: pointer; transition: all .3s; } .round-tabs__item:hover .round-tabs__text{ border-bottom: 1px dotted transparent; } .round-tabs__item.active{ border: 1px solid #fdb913; } .round-tabs__item.active .round-tabs__text{ border-bottom: 1px dotted transparent; } @media(max-width: 760px){ .round-tabs__item{ padding: 0; text-align: left; border: 0 !important; border-radius: 0; } .round-tabs__item.active{ border: 0; } } .round-tabs__text{ display: inline-block; vertical-align: middle; border-bottom: 1px dotted currentColor; transition: all .3s; } @media(max-width: 760px){ .round-tabs__text{ border-bottom: 0 !important; } } .round-tabs__list{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media(max-width: 760px){ .round-tabs__list{ display: block; } } .round-tabs__active-item{ display: none; position: relative; } @media(max-width: 760px){ .round-tabs__active-item{ display: block; } } @media(max-width: 760px){ .round-tabs__wrap{ height: 46px; line-height: 45px; position: absolute; left: 0; right: 0; padding: 0 27px 0 15px; overflow: hidden; background: #e8e8e8; z-index: 3; } } .round-tabs__arrow-mobile{ position: absolute; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 30px; color: #272727; -webkit-transform: scaleY(1); transform: scaleY(1); transition: all .3s; display: none; z-index: 4; } @media(max-width: 760px){ .round-tabs__arrow-mobile{ display: block; } } .round-tabs__arrow-mobile::after, .round-tabs__arrow-mobile::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform-origin: bottom; transform-origin: bottom; height: 8px; width: 1px; background-color: currentColor; } .round-tabs__arrow-mobile::after{ -webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); } .round-tabs__arrow-mobile::before{ -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } .rounded-arrow{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 50%; color: currentColor; border: 1px solid currentColor; position: relative; } .rounded-arrow::after, .rounded-arrow::before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin: 0 auto; content: ''; background: currentColor; -webkit-transform-origin: right; transform-origin: right; } .rounded-arrow::after{ -webkit-transform: translateY(-50%) rotate(45deg) translateZ(0); transform: translateY(-50%) rotate(45deg) translateZ(0); } .rounded-arrow::before{ -webkit-transform: translateY(-50%) rotate(-45deg) translateZ(0); transform: translateY(-50%) rotate(-45deg) translateZ(0); } .rounded-arrow::after, .rounded-arrow::before{ height: 1px; width: 5px; } .rounded-link{ display: inline-block; vertical-align: middle; transition: color .3s; } .rounded-link--back .rounded-link__arrow{ -webkit-transform: scaleX(-1); transform: scaleX(-1); } .rounded-link--back .rounded-link__text{ margin-left: 3px; margin-right: 0; } .profile-tabs .rounded-link--back { margin-bottom: 15px; } .rounded-link:hover{ color: #fdb913; } .rounded-link:hover .rounded-link__text{ border-bottom: 1px solid transparent; } .rounded-link__text{ display: inline-block; vertical-align: middle; border-bottom: 1px solid #272727; margin-right: 3px; transition: border .3s; } .search-news{ margin-top: 30px; } .search-news__item{ display: block; border: 1px solid #e7e7e7; padding: 15px 20px; margin-bottom: 15px; position: relative; transition: border .3s; } @media(max-width: 760px){ .search-news__item{ padding: 12px 20px; } } .search-news__item:hover{ border: 1px solid #fdb913; } .search-news__section{ font-size: 12px; color: #888888; display: inline-block; vertical-align: middle; margin-right: 18px; } .search-news__info{ display: block; margin-top: 7px; padding-right: 110px; } @media(max-width: 760px){ .search-news__info{ padding-right: 0; } } .search-news__date{ position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media(max-width: 760px){ .search-news__date{ display: inline-block; vertical-align: middle; position: relative; top: 0; right: 0; -webkit-transform: none; transform: none; } } .search-news__title{ display: block; padding-right: 110px; font-family: 'Pragmatica Light Bold', sans-serif; line-height: 1.2; } @media(max-width: 760px){ .search-news__title{ padding-right: 0; } }@media(max-width: 760px){ .search-page__input{ width: 100% } } @media(max-width: 760px){ .search-page__submit{ width: 100% } }.search-popup{ z-index: 9999 !important; }.sections-image{ margin-bottom: 50px; } .sections-image--faq{ margin-bottom: 23px; } @media(max-width: 760px){ .sections-image{ margin-bottom: 37px; } } .sections-image--big .sections-image__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; } @media(max-width: 760px){ .sections-image--big .sections-image__wrap{ margin: 0; } } .sections-image--big .sections-image__item-wrap{ height: 165px; } @media(max-width: 760px){ .sections-image--big .sections-image__item-wrap{ height: 110px; } } .sections-image--big .sections-image__item{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } @media(max-width: 1100px){ .sections-image--big .sections-image__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 5px; } } @media(max-width: 640px){ .sections-image--big .sections-image__item{ -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; padding: 5px 0; } } .sections-image--big .sections-image__item-text{ left: 20px; right: 20px; bottom: 20px; } @media(max-width: 760px){ .sections-image--big .sections-image__item-text{ bottom: 14px; left: 14px; right: 14px; font-size: 14px; } } .sections-image--md .sections-image__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; } @media(max-width: 760px){ .sections-image--md .sections-image__wrap{ margin: 0 -16px; } } .sections-image--md .sections-image__item-wrap{ height: 130px; } @media(max-width: 760px){ .sections-image--md .sections-image__item-wrap{ height: 80px; } } .sections-image--md .sections-image__item{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } @media(max-width: 1100px){ .sections-image--md .sections-image__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 5px; } } @media(max-width: 1000px){ .sections-image--md .sections-image__item{ -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; } } @media(max-width: 760px){ .sections-image--md .sections-image__item{ padding: 1px; } } .sections-image--md .sections-image__item-text{ left: 14px; right: 14px; bottom: 14px; font-size: 16px; } @media(max-width: 760px){ .sections-image--md .sections-image__item-text{ bottom: 8px; font-size: 14px; } } .sections-image__wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -6px; } @media(max-width: 1300px){ .sections-image__wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media(max-width: 760px){ .sections-image__wrap{ margin: 0 -15px; } } .sections-image__item{ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(100% / 6); flex-basis: calc(100% / 6); max-width: calc(100% /6); padding: 6px; } @media(max-width: 1300px){ .sections-image__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: calc(100% /3); } } @media(max-width: 760px){ .sections-image__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 1px; } } .sections-image__item-wrap{ display: block; height: 110px; position: relative; } .sections-image__item-wrap.active{ border: 1px solid #fdb913; } .sections-image__item-wrap.active .sections-image__item-text{ color: #fdb913; } @media(max-width: 760px){ .sections-image__item-wrap{ height: 81px; } } .sections-image__item-wrap:hover .sections-image__item-text{ color: #fdb913; } @media(min-width: 761px){ .sections-image__item-wrap:hover .sections-image__item-bg{ -webkit-transform: scale(1.05) rotate(0.02deg) translateZ(0); transform: scale(1.05) rotate(0.02deg) translateZ(0); } .sections-image__item-wrap:hover .sections-image__item-bg::after{ opacity: 1; } } .sections-image__item-bg{ position: absolute; background-size: cover; background-position: center; background-repeat: no-repeat; left: 0; right: 0; top: 0; bottom: 0; -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); transition: all .3s; } .sections-image__item-bg::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; opacity: 0; transition: opacity .3s; box-shadow: 0 0px 8px 2px rgba(0,0,0,.2); } .sections-image__item-bg::before{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; /* ff3.6+ */ /* safari4+,chrome */ /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */ background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* w3c */ } .sections-image__item-text{ display: block; position: absolute; left: 16px; right: 16px; bottom: 16px; z-index: 1; font-size: 16px; color: #fff; transition: all .3s; } @media(max-width: 760px){ .sections-image__item-text{ left: 15px; right: 15px; bottom: 9px; } } .select-default{ position: relative; cursor: pointer; } .select-default::after{ content: ''; position: absolute; width: 0; height: 0; top: 0; bottom: 0; right: 7px; margin: auto; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #838383; } .select-default__select{ height: 40px; border: 1px solid #e7e7e7; width: 100%; padding: 0 25px 0 15px; cursor: pointer; } .show-form-btn{ text-align: center; margin-top: 10px; margin-bottom: 20px; } @media(max-width: 760px){ .show-form-btn{ margin-top: 20px; } .show-form-btn .btn{ width: 100%; padding: 0 25px; } } .show-form-btn .i-icon{ font-size: 25px; margin-right: 7px; } .show-form-btn__top_indent { margin-top: 20px; } .slider-arrows--big-out .slider-arrows__item--prev{ left: -50px; } @media(max-width: 1520px){ .slider-arrows--big-out .slider-arrows__item--prev{ left: 20px; } } .slider-arrows--big-out .slider-arrows__item--next{ right: -50px; } @media(max-width: 1520px){ .slider-arrows--big-out .slider-arrows__item--next{ right: 20px; } } @media(max-width: 760px){ .slider-arrows--big-out .slider-arrows__item{ display: none; } } .slider-arrows--transparent .slider-arrows__item{ background: rgba(0,0,0,.6); color: #fff; } .slider-arrows--transparent .slider-arrows__item:hover{ background: #fff; color: #272727; } .slider-arrows--article-top .slider-arrows__item{ top: 89px; -webkit-transform: none; transform: none; } .slider-arrows--article-top .slider-arrows__item--prev{ left: -25px; } .slider-arrows--article-top .slider-arrows__item--next{ right: -25px; } .slider-arrows--no-bg .slider-arrows__item{ background: transparent; } .slider-arrows--no-bg .slider-arrows__item:hover{ background: transparent; color: #fdb913; } .slider-arrows--vertical .slider-arrows__item{ height: 25px; width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } .slider-arrows--vertical .slider-arrows__item::after, .slider-arrows--vertical .slider-arrows__item::before{ width: 1px; height: 10px; } .slider-arrows--vertical .slider-arrows__item--next{ top: auto; bottom: 0; } .slider-arrows--vertical .slider-arrows__item--next::after, .slider-arrows--vertical .slider-arrows__item--next::before{ -webkit-transform-origin: bottom; transform-origin: bottom; } .slider-arrows--vertical .slider-arrows__item--prev{ top: 0; } .slider-arrows--vertical .slider-arrows__item--prev::after, .slider-arrows--vertical .slider-arrows__item--prev::before{ -webkit-transform-origin: top; transform-origin: top; } @media(max-width: 760px){ .slider-arrows--vertical .slider-arrows__item{ display: none; } } .slider-arrows--full-height{ padding: 0 29px; } .slider-arrows--full-height .slider-arrows__item{ width: 29px; height: auto; top: 0; bottom: 0; -webkit-transform: none; transform: none; } .slider-arrows__wrap{ position: absolute; left: 0; right: 0; top: 0; bottom: 18%; margin: auto; height: 0; } .slider-arrows__item{ width: 40px; height: 40px; background: #e7e7e7; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; transition: background .3s; cursor: pointer; } .slider-arrows__item:hover{ background: #fdb913; } .slider-arrows__item::after, .slider-arrows__item::before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin: 0 auto; content: ''; background: currentColor; -webkit-transform-origin: right; transform-origin: right; } .slider-arrows__item::after{ -webkit-transform: translateY(-50%) rotate(45deg) translateZ(0); transform: translateY(-50%) rotate(45deg) translateZ(0); } .slider-arrows__item::before{ -webkit-transform: translateY(-50%) rotate(-45deg) translateZ(0); transform: translateY(-50%) rotate(-45deg) translateZ(0); } .slider-arrows__item::after, .slider-arrows__item::before{ width: 10px; height: 1px; transition: all .3s; } .slider-arrows__item--prev{ left: 0; } .slider-arrows__item--prev::after, .slider-arrows__item--prev::before{ -webkit-transform-origin: left; transform-origin: left; } .slider-arrows__item--next{ right: 0; } .slider-arrows__item--next::after, .slider-arrows__item--next::before{ -webkit-transform-origin: right; transform-origin: right; } .slider-arrows__item.disabled{ display: none; } [data-slider="items"] + .slider-arrows__wrap, [data-slider="aside-right-items"] + .slider-arrows__wrap{ margin: auto auto 332px; } @media (max-width: 760px) { [data-slider="items"] + .slider-arrows__wrap, [data-slider="aside-right-items"] + .slider-arrows__wrap{ display: none; } } [data-slider="items"] + .slider-arrows__wrap .slider-arrows__item--prev, [data-slider="aside-right-items"] + .slider-arrows__wrap .slider-arrows__item--prev { left: 8px; } [data-slider="items"] + .slider-arrows__wrap .slider-arrows__item--next, [data-slider="aside-right-items"] + .slider-arrows__wrap .slider-arrows__item--next { right: 8px; }.slider-block{ position: relative; } .slider-block--vertical { position: absolute; } .slider-nav__nav{ position: absolute; bottom: 30px !important; left: 0; right: 0; margin: auto; z-index: 2; text-align: center; } .slider-nav__nav .swiper-pagination-bullet{ width: 10px; height: 10px; background: #272727; border-radius: 0; border: 1px solid #fdb913; opacity: 1; margin: 0 7px !important; } .slider-nav__nav .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fdb913; } .small-cart{ position: relative; opacity: 0; visibility: hidden; transition: all .3s; } .small-cart .mCSB_inside > .mCSB_container{ margin-right: 0; padding-top: 1px; } .small-cart .mCSB_scrollTools{ z-index: 4; background: #fff; } .small-cart.show{ opacity: 1; visibility: visible; } @media(max-width: 760px){ .small-cart{ display: none; } } .small-cart__wrap{ position: absolute; width: 685px; right: 0; max-height: 440px; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.36); padding: 5px 0; } @media(max-width: 900px){ .small-cart__wrap{ width: 100%; } } .small-cart__body{ height: 100%; } .small-cart__footer{ left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; padding: 15px 20px; /*border-top: 1px solid var(--grey-light);*/ z-index: 4; } .small-cart__footer-text{ margin-bottom: 11px; } .small-cart__footer-total{ font-family: 'Pragmatica Light Bold', sans-serif; font-size: 16px; } .small-cart__footer-total .b-price{ font-size: 20px; font-family: 'Pragmatica Bold', sans-serif; } .small-cart__info{ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-right: 10px; } .small-cart__count{ -webkit-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; } .small-cart__count .cart-item__count{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .small-cart__count .cart-item__count-price{ margin-bottom: 25px; margin-top: auto; } .small-cart__count .cart-item__top-indent{ margin-top: 25px; } .small-cart__remove{ -webkit-box-flex: 0; -ms-flex: 0 0 55px; flex: 0 0 55px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .small-cart .cart-item__info-color{ max-width: 100%; } .stock-btn{ display: inline-block; cursor: default; } .stock-btn__icon{ color: #4ca819; font-size: 10px; } .stock-btn__text{ display: inline-block; vertical-align: middle; } .styled-phone{ font-family: "Pragmatica Light Bold", sans-serif; } .styled-phone--black{ color: #333333; } .styled-phone__number{ display: inline-block; vertical-align: middle; } .styled-phone__icon{ font-size: 15px; } .styled-phone__yellow{ color: #fdb913; } .tab-body{ display: none; } .tab-body.active{ display: block; } .team-list{ display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media(max-width: 760px){ .team-list{ margin: 0; } } .team-list__item{ padding: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } @media(max-width: 1350px){ .team-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } } @media(max-width: 1000px){ .team-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; } } @media(max-width: 760px){ .team-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; padding: 10px 18px; } } @media(max-width: 570px){ .team-list__item{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } } .team-list__item-wrap{ height: 335px; position: relative; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } @media(max-width: 1024px){ .team-list__item-wrap{ cursor: pointer; } } .team-list__item-wrap:hover .team-list__content{ /*transform: translateY(0) translateZ(0);*/ } .team-list__item-wrap:hover .team-list__content-bottom{ display: block; } .team-list__image{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .team-list__content{ position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); padding: 0 14px; color: #fff; line-height: 1.2; /*transform: translateY(100%) translateY(-60px) translateZ(0);*/ transition: all .3s; } .team-list__content-top{ padding: 12px 0; -webkit-transform: translateZ(0); transform: translateZ(0); } .team-list__content-bottom{ padding: 6px 0 18px; -webkit-transform: translateZ(0); transform: translateZ(0); font-size: 12px; display: none; } .team-list__name{ font-family: 'Pragmatica Light Bold', sans-serif; margin-bottom: 6px; -webkit-transform: translateZ(0); transform: translateZ(0); } .team-list__text{ font-size: 12px; -webkit-transform: translateZ(0); transform: translateZ(0); } .team-list__text a{ display: inline-block; } .team-list__text a:hover{ text-decoration: underline; } .team-list__text a:not(:last-of-type){ margin-bottom: 4px; } .textarea-text{ padding: 10px 15px; line-height: 1.29; border-radius: 2px; border: 1px solid #e7e7e7; height: 108px; min-height: 108px; } .tooltip{ position: relative; } .tooltip::after{ content: attr(data-tooltip); position: absolute; background: #fff; font-size: 12px; padding: 5px; max-width: 250px; margin: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; visibility: hidden; transition: all.3s; border: 1px solid #878787; bottom: calc(100% + 10px); } .tooltip:hover::after{ opacity: 1; visibility: visible; }.zoom-item{ position: relative; display: inline-block; border: 1px solid #e7e7e7; } .zoom-item:hover .zoom-item__overlay{ opacity: 1; visibility: visible; } .zoom-item__overlay{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; visibility: hidden; transition: all .3s; background: rgba(0,0,0,.7); } .zoom-item__overlay .i-icon{ font-size: 34px; color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .table-emulate { display: table; table-layout: fixed; } .table-emulate > div, .table-emulate > ul { display: table-cell; } .table-emulate li { display: block; } .table-emulate--middle > div { vertical-align: middle; } .table-emulate--top > div { vertical-align: top; } .table-emulate--bottom > div { vertical-align: bottom; } .inline-block { display: inline-block; } .justify { text-align: justify; margin-bottom: -1.2em; } .justify * { text-align: left; } .justify > div { display: inline-block; } .justify::after { content: ''; display: inline-block; height: 0; width: 100%; visibility: hidden; overflow: hidden; } .justify.vert-middle > div { vertical-align: middle; } .justify.vert-top > div { vertical-align: top; } .justify.vert-bot > div { vertical-align: bottom; } .cell-emulate { display: table-cell; } .align-right { text-align: right; } .align-left { text-align: left; } .align-center { text-align: center; } .full { width: 100%; } .float-left { float: left; } .float-right { float: right; } .no-padding { padding: 0; } .no-padding-important { padding: 0 !important; } .no-padding-right { padding-right: 0; } .no-padding-left { padding-left: 0; } .relative { position: relative; } .no-margin { margin: 0; } .no-border-top { border-top: 0 !important; } .rounded { border-radius: 100%; } .bold { font-family: "Roboto"; } .big-zindex { z-index: 500; } .white-back { background: white; } .vert-middle { vertical-align: middle; } .vert-top { vertical-align: top; } .wrapper { max-width: 1300px; margin: auto; width: 100%; } .half-width { width: 50%; } .absolute-center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .overflow-x-hidden { overflow-x: hidden; } .hidden { display: none !important; } .space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .margin-auto { margin: auto; display: block; } .desktop-hidden{ display: none !important; } @media(max-width: 760px){ .desktop-hidden { display: block !important; } } @media(max-width: 760px){ .mobile-hidden { display: none !important; } } /** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ 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; 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 { 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; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { 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-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.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"); } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.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; } /* Progress */ .swiper-pagination-progress { background: rgba(0, 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: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .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-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .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-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-right { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-top { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-bottom { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Cube + Flip */ .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-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube */ .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-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; 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 > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; font-family: "object-fit:contain"; object-fit: contain; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .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 { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .good-item__cart .good-item__cart-items .good-item__cart-item--in-store svg{ margin-bottom: 5px } @media(min-width: 761px) and (max-width: 1000px){ .files-table__download, .files-table__format, .files-table__size, .files-table__save{ text-align: center; } .files-table__save{ max-width: 80px; } .files-table__download{ max-width: 75px; } .files-table__format{ max-width: 75px; } .files-table__size{ max-width: 73px; } .files-table__title { max-width: 110px; } } @media(max-width: 760px) { .files-table__size { padding: 0; } } .files-table__cell.files-table__size{ padding-left: 0; } .stock-btn__text{ margin-left:0; } .portfolio-slider__vertical{ height: 100%; max-width: 100%; } .slider-arrows__item--portfolio{ max-width: 471px; margin-right: 19px; margin-left: 39px; left:0!important; right: 0!important; } @media(max-width: 1600px){ .slider-arrows__item--portfolio { max-width: 401px; } } .p-project__list-inner--portfolio{ padding-top: 35px!important; } .small-cart__footer-left a:hover{ color: #fdb913; } /* Jivosite */ jdiv { /* display: none!important;*/ } div#jivo-iframe-container { /*z-index: 4!important;*/ } .detail-slider__vertical .swiper-container .good-item { height: 200px !important; } .detail-slider__vertical .swiper-container .good-item__title { height: 5.5em !important; } .bx-ie .detail-colors__images-pics div { width: 40%; } .main_page_slider_section_wrap_listing > .sections-image__item.swiper-slide { margin-right: 0px!important; } .offers-slider.the_main_page_sections_slider_wrap .slider-arrows__item { display: block; } .pointer_events_for_work_slide_and_zveruski_tags { /*pointer-events: none;*/ } /* .pointer_events_for_work_slide_and_zveruski_tags .good-items-slider .swiper-container .swiper-wrapper { pointer-events: all; }*/ @media(max-width: 760px) { .the_main_page_sections_slider_wrap { margin-top: 30px; } } /* End */ /* Start:/local/templates/schiefer/template_styles.css?16383431202306*/ #panel{ position: absolute; width: 100%; top: 0; } [id^=wait] { width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; background: url(/local/templates/schiefer/images/preload.gif) no-repeat scroll center center hsla(13,21%,79%,.5) !important; border: none !important; position: fixed !important; padding: 0px !important; text-indent: -9999px !important; } div.search-popup{ max-width: 370px; top: 40px !important; left: 0px !important; } .errors_cont { color: red; } .svg-container { position: relative; } .svg-container img { display: block; width:100%; margin-top: -95px; } @media (max-width: 1300px) { .svg-container img { margin-top: -80px; } } @media (max-width: 1100px) { .svg-container img { margin-top: -70px; } } @media (max-width: 1024px) { .svg-container img { margin-top: -60px; } } @media (max-width: 960px) { .svg-container img { margin-top: -50px; } } @media (max-width: 600px) { .svg-container img { margin-top: 0; } } .svg-container svg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .svg-container svg path { cursor: pointer; } /*.catalog-image svg a:hover path,*/ /*.catalog-image svg a.highlighted path{*/ /*stroke: rgba(253, 185, 19, 1);*/ /*}*/ .files-table__save.active .i-icon--save{ fill: #fdb913; stroke: #fdb913; } .content-box ul { list-style-type: inherit; margin-left: 0; } .adsbygoogle{ height:0!important; } s{ text-decoration: none; } /** seofilter.tag **/ .zverushki-tags { display: flex; align-items: center; flex-wrap: wrap; margin: 10px -5px; position: relative; z-index: 2; } .zverushki-tags:hover { z-index: 100; } .b-detail__tabs-body { position: relative; } .zverushki-tags > li { padding: 5px; list-style: none; } .zverushki-tags > li a { display: inline-block; padding: 13px 16px; border: 1px solid; text-align: center; text-decoration: none; border-color: #fdb913; background-color: #fdb913; } .zverushki-tags > li a:hover, .zverushki-tags > li a:focus { border-color: #fda813; background-color: #fda813; } .pointer_events_for_work_slide_and_zveruski_tags { position: relative; z-index: 1; } /** seofilter.tag **/ /* End */ /* /local/templates/schiefer/build/nonCritical.css?159981753785495 */ /* /local/templates/schiefer/build/critical.css?1599817537301249 */ /* /local/templates/schiefer/components/citfact/search.title/header-input-search/style.css?1599817555359 */ /* /local/templates/schiefer/components/bitrix/sale.basket.basket.line/small/style.min.css?15998175523569 */ /* /local/templates/schiefer/components/bitrix/sale.basket.basket.line/.default/style.min.css?15998175523569 */ /* /local/templates/schiefer/components/bitrix/catalog.compare.list/.default/style.css?15998175381265 */ /* /local/templates/schiefer/components/bitrix/system.auth.form/.default/style.min.css?1599817552424 */ /* /local/components/ulogin/auth/templates/.default/style.css?1599816643781 */ /* /local/templates/schiefer/components/bitrix/sale.ajax.locations/basket/style.css?1599817552605 */ /* /local/templates/schiefer/components/bitrix/menu/footer_menu/style.min.css?1599817540490 */ /* /local/templates/schiefer/styles.css?1749624193404464 */ /* /local/templates/schiefer/template_styles.css?16383431202306 */