/* Start:/local/templates/main_new/assets/css/normalize.css?17344571826487*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { 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 ========================================================================== */ /** * 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 ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* End */ /* Start:/local/templates/main_new/assets/css/perfect-scrollbar.css?16450058262598*/ /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } /* End */ /* Start:/local/templates/main_new/assets/css/fancybox.css?164500582614065*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main_new/assets/css/style.css?1756311325209481*/ * { -webkit-box-sizing: border-box; box-sizing: border-box; } img{ height:auto; } html { width: 100%; height: 100%; } html * { max-height: 999999px; } body { font-family: 'Fira Sans', sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; color: #32373E; font-size: 16px; font-weight: 300; height: 100%; overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #fff; } body * { outline: none; } h4:last-child { margin-bottom: 0; } .fa-odn::before { content: '\f263'; } .fa-vk::before { content: '\f189'; } .fa-inst::before { content: '\f16d'; } .fa-fb::before { content: '\f09a'; } .fa-yt::before { content: '\f167'; } .fa-tme::before { content: '\f1d8'; } .select-scroll { position: relative; max-height: 240px !important; overflow: hidden; padding-right: 15px; } .select-scroll .ps__rail-y { opacity: 1 !important; width: 3px !important; background: rgba(196, 196, 196, 0.1) !important; border-radius: 2px; } .select-scroll .ps__rail-y .ps__thumb-y { right: 0; width: 100%; background: #C4C4C4 !important; opacity: 0.3 !important; border-radius: 2px !important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity .2s; transition: opacity .2s; } .select-scroll .ps__rail-y .ps__thumb-y:hover { opacity: 1 !important; } .fancybox-slide:before { margin-right: 0; } .search-modal { display: none; width: 100%; max-width: 820px; margin: 50px 0; padding: 33px; padding-right: 20px; vertical-align: top; border-radius: 10px; } .search-modal .fancybox-close-small { display: none; } .search-modal__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search-modal__btn, .search-modal__close { -ms-flex-negative: 0; flex-shrink: 0; } .search-modal__input { border: 0; background: none; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; margin: 0 25px; padding: 0; font-weight: 300; font-size: 20px; line-height: 140%; color: #000; } .search-modal__input::-webkit-input-placeholder { opacity: 1; color: #000; } .search-modal__input::-moz-placeholder { opacity: 1; color: #000; } .search-modal__input:-ms-input-placeholder { opacity: 1; color: #000; } .search-modal__input::-ms-input-placeholder { opacity: 1; color: #000; } .search-modal__input::placeholder { opacity: 1; color: #000; } .fancybox-content, .fancybox-slide>* { position: relative; vertical-align: middle; text-align: left; box-sizing: border-box } .header { position: relative; background-color: #fff; z-index: 95; } .header__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 15px; top: calc(50% - 16px); } .header__controls-item { margin-right: 15px; width: 32px; height: 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: .2s; transition: .2s; } .header__controls-item:last-child { margin-right: 0; } .header__controls-item--menu { opacity: 1 !important; visibility: visible !important; } .header__controls-burger { position: relative; width: 100%; height: 100%; } .header__controls-burger span { position: absolute; left: calc(50% - 12px); top: calc(50% - 1px); display: block; width: 24px; height: 2px; background-color: #19398B; -webkit-transition: .2s; transition: .2s; } .header__controls-burger span:nth-child(1) { margin-top: -8px; } .header__controls-burger span:nth-child(3) { margin-top: 8px; } .header__controls-burger.active span:nth-child(1) { -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); } .header__controls-burger.active span:nth-child(2) { opacity: 0; visibility: hidden; } .header__controls-burger.active span:nth-child(3) { -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); } .header-top { padding: 14px 0 16px; background-color: #fff; -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05); font-size: 14px; } .header-top__row { 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; } .header-top__nav>ul { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-top__nav>ul li { padding-left: 0; } .header-top__nav>ul li::before { display: none; } .header-top__nav>ul>li { margin-bottom: 0; margin-right: 30px; padding-left: 0; } .header-top__nav>ul>li:last-child { margin-right: 0; } .header-top__nav>ul>li>a { color: #6D7686; font-weight: 400; -webkit-transition: color .2s; transition: color .2s; } .header-top__nav>ul>li.dropdown>a { position: relative; display: inline-block; padding-right: 13px; } .header-top__nav>ul>li.dropdown>a::before { content: ''; position: absolute; right: 0; top: calc(50% - 4px); width: 7px; height: 7px; background: url(/local/templates/main_new/assets/css/../img/menu-drop-arrow.svg) center center no-repeat; background-size: contain; } .header-top__city { font-weight: 400; color: #6D7686; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-top__city>a { padding-left: 10px; font-weight: 500; color: #19398B; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-top__city>a>img { margin-top: -1px; margin-left: 6px; } .header-top__tel a { font-weight: 500; font-size: 18px; color: #19398B; } .header-bottom__row { 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; } .header-bottom__nav { position: relative; width: 100%; } .header-bottom__nav>ul { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-bottom__nav>ul>li { margin-bottom: 0; margin-right: 30px; padding-left: 0; line-height: 32px; position: static; } .header-bottom__nav>ul>li::before { display: none; } .header-bottom__nav>ul>li:last-child { margin-right: 0; } .header-bottom__nav>ul>li>a { display: inline-block; line-height: 32px; padding: 16px 0; color: #32373E; font-weight: 400; position: relative; } .header-bottom__nav>ul>li>a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #19398B; opacity: 0; visibility: hidden; } .header-bottom__nav>ul>li.active>a { color: #345fcc; } .header-bottom__nav>ul>li.active>a::after { opacity: 1; visibility: visible; } .header-bottom__nav>ul>li.header-bottom__sale>a { color: #BA4265; } .header-bottom__nav>ul>li.header-bottom__sale.active>a::after { background-color: #BA4265; } .header-bottom__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 30px; padding-right: 6px; position: relative; } .header-bottom__item { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-left: 10px; position: relative; } .header-bottom__item:first-child { margin-right: 0; } .header-bottom__item svg path { -webkit-transition: stroke .2s; transition: stroke .2s; } .header-bottom__item.active svg path { stroke: #BA4265; } .header-bottom__item.active .cart-count { background-color: #BA4265; } .cart-count { position: absolute; top: 0; right: -6px; width: 20px; height: 20px; background-color: #BFE4EB; border-radius: 50%; 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; text-align: center; line-height: 1; font-weight: 500; font-size: 12px; padding-left: 1px; color: #fff; -webkit-transition: background-color .2s; transition: background-color .2s; } .header-mob__top { margin-left: -15px; margin-right: -15px; margin-bottom: 6px; padding: 23px 15px; background-color: #F3F4F6; 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; } .header-mob__top .header-top__city { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; } .header-mob__top .header-top__city>a { margin-left: 10px; } .header-mob__login { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 40px; } .header-mob__login img { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 9px; } .header-mob__login span { display: block; font-size: 14px; line-height: 17px; font-weight: 400; color: #6D7686; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .header-mob__controls { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-mob__contacts { margin-left: 18px; display: inline-block; padding: 5px 0; font-size: 15px; line-height: 17px; color: #19398B; font-weight: 400; border-bottom: 1px dashed #19398B; } .header-mob__drop-sub { padding: 14px 15px 19px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-mob__drop-sub img { border-radius: 50%; -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15); -ms-flex-negative: 0; flex-shrink: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .header-mob__drop-sub span { display: block; font-size: 24px; line-height: 26px; color: #19398B; font-weight: 400; margin-left: -34px; width: 100%; padding-left: 50px; padding-right: 50px; padding-top: 2px; text-align: center; } .header-login { position: absolute; right: 50px; top: calc(100% + 16px); width: 320px; background-color: #fff; -webkit-box-shadow: 0px 15px 70px rgba(34, 40, 55, 0.2); box-shadow: 0px 15px 70px rgba(34, 40, 55, 0.2); border: 1px solid rgba(25, 57, 139, 0.1); z-index: 90; border-radius: 3px; padding: 32px 32px 34px; opacity: 0; visibility: hidden; -webkit-transition: .2s; transition: .2s; } .header-login.active { opacity: 1; visibility: visible; } .header-login__arrow { position: absolute; right: 15px; bottom: 100%; height: 7px; width: 14px; overflow: hidden; } .header-login__arrow::before { content: ''; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 14px; height: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(25, 57, 139, 0.1); background-color: #fff; z-index: -1; } .header-login__sub { margin-bottom: 5px; } .header-login__desc { font-size: 15px; line-height: 18px; } .header-login__input input[type="text"] { display: block; width: 100%; background-color: #fff; border: 1px solid #E3E5E8; border-radius: 4px; padding: 15px 14px; font-size: 15px; line-height: 18px; font-weight: 400; -webkit-transition: border-color .2s; transition: border-color .2s; } .header-login__input input[type="text"]::-webkit-input-placeholder { color: #D4D6DB; opacity: 1; } .header-login__input input[type="text"]::-moz-placeholder { color: #D4D6DB; opacity: 1; } .header-login__input input[type="text"]:-ms-input-placeholder { color: #D4D6DB; opacity: 1; } .header-login__input input[type="text"]::-ms-input-placeholder { color: #D4D6DB; opacity: 1; } .header-login__input input[type="text"]::placeholder { color: #D4D6DB; opacity: 1; } .header-login__input input[type="text"].error { border-color: #BA4265; } .header-login__input input[type="text"].error::-webkit-input-placeholder { color: #BA4265; } .header-login__input input[type="text"].error::-moz-placeholder { color: #BA4265; } .header-login__input input[type="text"].error:-ms-input-placeholder { color: #BA4265; } .header-login__input input[type="text"].error::-ms-input-placeholder { color: #BA4265; } .header-login__input input[type="text"].error::placeholder { color: #BA4265; } .header-login__input-tel { margin-top: 16px; } .header-login__btn { margin-top: 20px; } .header-login__btn .btn { min-width: 0; display: block; width: 100%; } .header-login__error { margin-top: 9px; font-weight: 400; font-size: 16px; line-height: 18px; color: #BA4265; } .header-login__agree { margin-top: 10px; font-weight: 400; font-size: 13px; line-height: 16px; color: #6D7686; } .header-login__code { margin-top: 9px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-login__code .header-login__input { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-login__code .header-login__input input[type="text"]::-webkit-input-placeholder { color: #6D7686; } .header-login__code .header-login__input input[type="text"]::-moz-placeholder { color: #6D7686; } .header-login__code .header-login__input input[type="text"]:-ms-input-placeholder { color: #6D7686; } .header-login__code .header-login__input input[type="text"]::-ms-input-placeholder { color: #6D7686; } .header-login__code .header-login__input input[type="text"]::placeholder { color: #6D7686; } .header-login__again { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 20px; } .header-login__again a { display: inline-block; font-weight: 400; font-size: 15px; line-height: 18px; color: #19398B; } .header-login__icon { margin-bottom: 17px; } .header-login__icon img { margin: 0 auto; } .header-login.header-login--logged-in { padding: 39px 20px 48px; } .header-login.header-login--logged-in .header-login__sub { text-align: center; margin-bottom: 0; } .city-modal { padding: 60px 40px 40px; width: 100%; max-width: 750px; } .city-modal__title { margin-bottom: 40px; font-size: 21px; font-weight: 700; line-height: 1; } .city-modal__desc { margin-top: 20px; font-weight: 400; color: #19398B; line-height: 150%; } .city-modal__list { -moz-columns: 155px auto; -webkit-columns: 155px auto; columns: 155px auto; margin: 0 -5px 0; } .city-modal__col { padding-left: 5px; padding-right: 5px; margin-bottom: 15px; white-space: nowrap; } .city-modal__item { display: inline-block; font-size: 14px; line-height: 24px; font-weight: 400; padding-left: 35px; position: relative; } .city-modal__item::before { content: ''; position: absolute; left: 0; top: -1px; width: 24px; height: 24px; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #b3b3b3; } .city-modal__item::after { content: ''; position: absolute; left: 6px; top: 5px; width: 12px; height: 12px; border-radius: 50%; background-color: #19398B; display: none; } .city-modal__item.active { color: #32373E !important; } .city-modal__item.active::after { display: block; } .city-modal__item.active::before { border-color: #19398B; } .main-banner__slide { position: relative; overflow: hidden; color: #fff; border-radius: 20px; height: 520px; } .main-banner__slide__pink { background: linear-gradient(180deg, #fab2a280 0%, rgba(250, 178, 162, 0.25) 100%); } .main-banner__slide__blue { background: linear-gradient(180deg, #c0e5ec 0%, rgba(192, 229, 236, 0.25) 100%); } .main-banner__bg { height: 100%; } .main-banner__small { display: none; } .main-banner__bg img { width: 100%; height: 100%; object-fit: cover; } .main-banner__wrap { position: absolute; top: 84px; left: 72px; right: 72px; bottom: 72px; display: flex; flex-direction: column; align-items: flex-start; } .main-banner__label { height: 23px; margin-bottom: 24px; } .main-banner__label span { background: #19398B; border-radius: 6px; color: #fff; font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase; line-height: 23px; font-weight: 600; padding: 4px 9px; font-family: 'Open Sans'; } .main-banner__title { font-weight: 700; font-size: 62px; line-height: 1.1; max-width: 600px; margin-bottom: 16px; } .main-banner__preview { margin-bottom: 32px; } /* .main-banner__btn { margin-top: 30px; } */ .main-banner__btn .btn { border-radius: 8px; } .main-banner__pagination { margin-top: 16px; 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; } .main-banner__pagination span { display: block; width: 20px; height: 20px; position: relative; margin-right: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .main-banner__pagination span:last-child { margin-right: 0; } .main-banner__pagination span::before { content: ''; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border-radius: 50%; background-color: #6D7686; -webkit-transition: .2s; transition: .2s; } .main-banner__pagination span svg { position: absolute; left: 0; top: 0; width: 20px; height: 20px; } .main-banner__pagination span svg circle { fill: none; stroke-width: 2px; stroke: #19398B; stroke-dasharray: 56; stroke-dashoffset: 56; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .main-banner__pagination span.active::before { width: 8px; height: 8px; background-color: #19398B; } .main-banner__pagination span.active svg circle { -webkit-transition: 5s linear; transition: 5s linear; stroke-dashoffset: 0; } .main-banner__pagination-hidden { display: none; } .advantages { padding: 85px 0 120px; } .advantages__row { margin-top: 63px; margin-bottom: -30px; } .advantages__col { width: 16.666666%; margin-bottom: 30px; } .advantages__item { text-align: center; position: relative; } .advantages__item .hidden_block { position: absolute; left: 50%; transform: translateX(-50%); transition: 0.3s; opacity: 0; pointer-events: none; padding: 10px; top: calc(100% + 20px); border-radius: 6px; background: #FFF; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.10); color: #32373E; font-family: "Fira Sans"; font-size: 12px; font-style: normal; font-weight: 300; line-height: normal; text-align: center; width: 400px; max-width: 400px; height: auto; } .advantages__item:hover .hidden_block { opacity: 1; pointer-events: auto; } @media screen and (max-width: 1023px) { .advantages__item .hidden_block { display: none; } } .advantages__icon img { margin: 0 auto; } .advantages__sub { margin-top: 43px; line-height: 19px; } .advantages__sub:first-child { margin-top: 0; } .product-categories { padding-bottom: 120px; } .product-categories__row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product-categories__col { width: 33.333333%; } .product-categories__item { display: block; text-align: center; } .product-categories__img img { width: 100%; border-radius: 10px; } .product-categories__sub { margin-top: 29px; font-weight: 800; font-size: 32px; line-height: 112%; color: #19398B; } .product-categories__inner { margin-top: 30px; } .product-additional { margin-top: 54px; } .product-additional:first-child { margin-top: 0; } .product-additional__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px -10px; } .product-additional__col { width: 20%; margin-bottom: 10px; padding: 0 5px; } .product-additional__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; background-color: #fff; border-radius: 5px; padding: 10px; padding-left: 0; -webkit-box-shadow: 0px 24px 84px rgba(25, 57, 139, 0.05); box-shadow: 0px 24px 84px rgba(25, 57, 139, 0.05); } .product-additional__icon { width: 97px; -ms-flex-negative: 0; flex-shrink: 0; padding: 10px; } .product-additional__icon img { margin: 0 auto; } .product-additional__sub { font-size: 18px; line-height: 112%; } .banner { display: block; position: relative; /* background: -webkit-gradient(linear, left top, right top, from(#FAFAFA), color-stop(57%, #FAFAFA), color-stop(57%, #BFE4EB), to(#BFE4EB)); */ /* background: linear-gradient(90deg, #FAFAFA 0%, #FAFAFA 57%, #BFE4EB 57%, #BFE4EB 100%); */ height: 100%; } .banner__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; } .banner__img { z-index: 10; margin-left: -100px; margin-top: 40px; margin-bottom: 40px; flex: 0 3 230px; height: 230px; } .banner__img img { height: 100%; width: auto; } .banner__left { width: calc(100% / 12 * 7); width: 100%; -ms-flex-negative: 0; flex-shrink: 0; padding: 58px 0 57px; padding-left: 76px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: space-between; height: 100%; background-color: #FAFAFA; } .banner__right { height: 1381px; width: 1381px; border-radius: 1000px; position: absolute; top: 50%; transform: translateY(-50%); left: 630px; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #BFE4EB; overflow: hidden; } .banner__right_wrapper { padding: 60px 50px 57px 100px; display: flex; flex-direction: column; align-items: flex-start; } .banner__sub { font-weight: 300; font-size: 32px; line-height: 1; color: #19398B; } .banner__title { font-weight: 700; font-size: 82px; line-height: 110%; color: #19398B; } .banner__desc { margin-top: 18px; font-size: 18px; line-height: 22px; } .banner__left-bottom { margin-top: 20px; white-space: nowrap; } .banner__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner__price>b { font-weight: 700; font-size: 52px; line-height: 110%; color: #19398B; } .banner__price-old { margin-top: 11px; font-weight: 200; font-size: 32px; line-height: 110%; color: #A5A5A5; } .banner__price-old>span { position: relative; display: inline-block; overflow: hidden; z-index: 1; } .banner__price-old>span::before { content: ''; height: 1px; width: 100%; background-color: #A5A5A5; position: absolute; left: 0; top: 50%; -webkit-transform: rotate(11deg); transform: rotate(11deg); z-index: -1; } .banner__info { max-width: 500px; flex: 0 0 80px; } .banner__info-title { font-weight: 500; font-size: 32px; line-height: 110%; color: #19398B; } .banner__info-desc { margin-top: 6px; font-size: 19px; line-height: 112%; color: #19398B; } .banner__advantages { /* margin-top: 370px; */ flex: 0 0 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 500px; } .banner__advantages-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 30px; } .banner__advantages-item:last-child { margin-right: 0; margin-bottom: 0; } .banner__advantages-item>img { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 15px; } .banner__advantages-item>span { font-size: 14px; line-height: 17px; } .banner__price-label { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 22px; } .price-label { width: 72px; height: 50px; background: url(/local/templates/main_new/assets/css/../img/price-label.svg) center center no-repeat; background-size: contain; 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; text-align: center; -ms-flex-negative: 0; flex-shrink: 0; font-weight: 700; font-size: 19px; line-height: 1; color: #fff; padding-left: 10px; padding-left: 14px; } .products-section { padding: 90px 0 120px; } .products-section__tabs { margin-top: 32px; margin-bottom: 55px; 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; } .products-section__tabs-item { width: 224px; margin-right: 40px; text-align: center; border: 2px solid transparent; border-radius: 40px; font-size: 18px; line-height: 1; font-weight: 400; background-color: #FAFAFA; color: rgba(50, 55, 62, 0.5); padding: 13px 5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: .2s; transition: .2s; } .products-section__tabs-item:last-child { margin-right: 0; } .products-section__tabs-item.active { color: #19398B; border-color: #19398B; background-color: #fff; } .products-section__row { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: -30px; } .products-section__col { width: 25%; margin-bottom: 30px; } .products-section__btn { margin-top: 90px; text-align: center; } .product { background-color: #fff; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.05); position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product__tags { position: absolute; left: 10px; top: 10px; z-index: 1; display: block; } .product__tag-item { margin-bottom: 6px; } .product__tag-item:last-child { margin-bottom: 0; } .product__tag-item .price-label { width: 43px; height: 30px; font-size: 12px; padding-left: 8px; } .product__img { display: block; overflow: hidden; position: relative; padding-bottom: 80%; } .product__img img { border-radius: 4px 4px 0 0; position: absolute; left: 0; top: 0; width: 100%; } .product__content { padding: 20px 28px 33px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product__desc { font-size: 17px; line-height: 24px; } .product__name { font-weight: 600; font-size: 21px; line-height: 24px; margin-top: 3px; color: #19398B; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .product__name:first-child { margin-top: 0; } .product__price { margin-top: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .product__price>b span { font-weight: 300; } .product__specifications { margin-top: 11px; } .product__specifications-item { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; line-height: 14px; font-weight: 400; margin-bottom: 5px; } .product__specifications-item:last-child { margin-bottom: 0; } .product__specifications-item span, .product__specifications-item b { font-weight: 400; } .product__specifications-item span { color: #6D7686; padding-right: 5px; } .product__specifications-item b { color: #32373E; } .product__controls { margin-top: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__btn a { padding: 7px 12px; display: inline-block; text-align: center; font-weight: 400; font-size: 12px; line-height: 14px; color: #6D7686; border: 2px solid #BFE4EB; border-radius: 4px; } .product__mob-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__advantages { margin-top: 24px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: -15px; } .product__advantages-col { width: 25%; margin-bottom: 15px; } .product__advantages-icon { position: relative; } .product__advantages-icon img { margin: 0 auto; } .product__advantages-icon>span { position: absolute; left: 0; top: calc(50% - 6px); width: 100%; font-weight: 500; font-size: 9px; line-height: 12px; white-space: nowrap; color: #a7a8aa; text-align: center; } .product__advantages-icon--spec>span { top: 50%; } .product__advantages-sub { margin-top: 10px; font-weight: 400; font-size: 12px; line-height: 14px; text-align: center; } .product__reviews { margin-top: 25px; font-weight: 300; font-size: 17px; line-height: 24px; color: #19398B; } .product__reviews a { border-bottom: 1px dashed #19398B; } .product-tag { display: inline-block; text-align: center; font-weight: 500; font-size: 10px; line-height: 15px; white-space: nowrap; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; background-color: #19398B; border-radius: 3px; padding: 5px 9px 3px; } .product-tag--lite { background-color: #B7D6E5; } .product-tag--border { border: 1px solid #19398B; background-color: transparent; color: #19398B; padding: 4px 8px 2px; } .home-about { background-color: #FAFAFA; padding: 109px 0 97px; } .home-about__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .home-about__video { width: calc(100% / 12 * 6 - 48px); -ms-flex-negative: 0; flex-shrink: 0; position: relative; display: block; } .home-about__video img { width: 100%; border-radius: 4px; } .home-about__video::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/local/templates/main_new/assets/css/../img/play-btn.svg) center center no-repeat; background-size: 84px; } .home-about__info { padding-left: 110px; } .home-about__title { text-align: left; margin-bottom: 20px; } .home-about__desc { max-width: 518px; } .home-about__desc p, .home-about__desc li { font-size: 20px; line-height: 130%; } .home-about__link { margin-top: 30px; } .home-about__link a { font-weight: 500; font-size: 18px; line-height: 24px; color: #19398B; } .home-banner { padding: 72px 0 118px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; overflow: hidden; z-index: 1; border-radius: 20px; margin-bottom: 92px; padding: 95px; min-height: 550px; } .home-banner::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), color-stop(0%, #C4C4C4), color-stop(0.01%, rgba(255, 255, 255, 0.82)), color-stop(39.75%, rgba(255, 255, 255, 0.77)), color-stop(68.9%, rgba(255, 255, 255, 0.12)), color-stop(73.5%, rgba(255, 255, 255, 0))); background: linear-gradient(90deg, #FFFFFF 0%, #C4C4C4 0%, rgba(255, 255, 255, 0.82) 0.01%, rgba(255, 255, 255, 0.77) 39.75%, rgba(255, 255, 255, 0.12) 68.9%, rgba(255, 255, 255, 0) 73.5%); z-index: -1; } .home-banner__wrap { max-width: 530px; } .home-banner__title { text-align: left; margin-bottom: 20px; } .home-banner__desc { font-size: 20px; line-height: 130%; } .home-banner__btn { margin-top: 27px; } .home-banner__btn a.btn { border-radius: 8px; } .home-banner__call { margin-top: 77px; font-size: 18px; line-height: 22px; } .home-banner__call a { font-weight: 600; color: #19398B; white-space: nowrap; } .home-banner__img { margin: 30px 0; } .home-banner__img img { border-radius: 10px; width: 100%; } .reviews {} .wrap_slides { padding: 15px 0; border-radius: 4px; background-size: cover; background-position: center center; background-repeat: no-repeat; padding-right: 28px; } .reviews__slider-wrapper { margin-left: auto; max-width: 570px; position: relative; margin-right: 30px; } .reviews__slide { height: auto !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #19398B; } .reviews__block { background-color: #fff; overflow: hidden; width: 100%; padding-top: 36px; padding-left: 50px; padding-right: 50px; padding-bottom: 25px; border-radius: 4px; } .reviews__title { font-size: 32px; line-height: 44px; font-weight: 500; margin-bottom: 30px; } .reviews__desc { color: #19398B; font-weight: 400; margin-top: 12px; margin-bottom: 12px; } .reviews__desc .more { display: inline; margin-top: 25px; font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-size: 17px; line-height: 25.5px; /* or 160% */ text-decoration: none; color: #BA4265; } .reviews__desc .more:hover { text-decoration: underline; } .reviews__desc p, .reviews__desc li { font-size: 16px; line-height: 25px; font-weight: 400; } .reviews__info { margin-top: 15px; font-weight: 600; font-size: 18px; line-height: 30px; color: #19398B; } .reviews__author { color: #19398B; font-size: 16px; line-height: 19px; font-weight: 500; } .reviews__product { font-weight: 400; margin-bottom: 23px; } .reviews__product .top_to_prod { display: inline-block; font-weight: 400; } .reviews__product a { text-decoration: underline; font-weight: 700; } .reviews__bottom { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: flex-end; gap: 24px; } .reviews__bottom-rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .reviews__rating-num { font-weight: 600; font-size: 24px; line-height: 30px; color: #19398B; } .reviews__bottom-img { box-shadow: 0px 24px 84px rgba(25, 57, 139, 0.15); border-radius: 8px; } .reviews__rating-list { margin-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reviews__rating-list span { display: block; width: 15px; height: 15px; background: url(/local/templates/main_new/assets/css/../img/rating.png) center center no-repeat; background-size: contain; margin-right: 5px; } .reviews__rating-list span:last-child { margin-right: 0; } .reviews__prev, .reviews__next { position: absolute; width: 60px; height: 60px; 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; border-radius: 50%; background-color: #19398B; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top: calc(50% - 30px); z-index: 9; } .reviews__prev { left: -30px; } .reviews__next { right: -30px; } .post { padding-bottom: 60px; } .breadcrumbs { background-color: #FAFAFA; padding: 18px 0; } .breadcrumbs a, .breadcrumbs i, .breadcrumbs span { display: inline; vertical-align: middle; font-size: 14px; line-height: 17px; font-weight: 400; } .breadcrumbs a { color: #6D7686; } .breadcrumbs i { display: inline-block; margin-left: 20px; margin-right: 20px; width: 4px; height: 4px; border-radius: 50%; background-color: #D7D9DD; } .breadcrumbs span { color: #C6C9D0; } .post-title { margin-top: 43px; } .post-content { padding-top: 25px; } .catalog-desc { margin-top: 17px; font-size: 20px; line-height: 140%; margin-bottom: 30px; } .catalog-tags { margin-top: 17px; 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; position: relative; } .catalog-tags.active .catalog-tags__item:nth-child(1n + 6) { display: block; } .catalog-tags__item { display: block; background-color: transparent; border-radius: 40px; font-size: 16px; line-height: 18px; font-weight: 400; text-align: center; padding: 11px 25px; color: #6D7686; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: .2s; transition: .2s; border: 2px solid #F9F9F9; border-radius: 40px; background: #F9F9F9; margin: 0 5px; margin-bottom: 10px; } .catalog-tags__item_all { background: #19398B !important; color: #FFFFFF !important; } .catalog-tags__item_all:hover { color: #FFFFFF !important; } .catalog-tags__item.active { color: #1D3A86; background: #fff; border: 2px solid #19398B; border-radius: 40px; } .catalog-tags__item:nth-child(1n + 6) { } .swiper_sleep_products .product__tag-item.hidden-xs{ display:none; } .faq{ display: none; } .catalog-tags__dropdown { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; } .catalog-tags__dropdown{ display: none!important } .catalog-tags__dropdown_more { color: #19398B; border: 2px solid #19398B; background: #FFFFFF; } .catalog-tags__dropdown_more i span { background-color: #19398B !important; opacity: 1 !important; } .catalog-tags__dropdown i { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 9px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-tags__dropdown i span { display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #6D7686; opacity: 0.3; margin-right: 4px; -webkit-transition: .2s; transition: .2s; } .catalog-tags__dropdown i span:last-child { margin-right: 0; } .catalog-tags__dropdown>span span:last-child { display: none; } .catalog-tags__dropdown.active-list>span span:first-child { display: none; } .catalog-tags__dropdown.active-list>span span:last-child { display: block; } .catalog-top { margin-top: 33px; 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; } .catalog-top__sort { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-top__sort-sub { margin-right: 22px; font-weight: 400; font-size: 16px; line-height: 110%; color: #6D7686; } .catalog-top__sort-select { margin-right: 40px; } .catalog-top__sort-select:last-child { margin-right: 0; } .catalog-top__btn { margin-left: 30px; } .catalog-top__btn .btn { min-width: 288px; } .catalog-top__mob { 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; } .catalog-top__mob-col { width: calc(50% - 5px); } .catalog-top__mob-btn { 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; border: 1px solid rgba(109, 118, 134, 0.3); border-radius: 4px; padding: 9px 5px; } .catalog-top__mob-btn img { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 8px; } .catalog-top__mob-btn span { font-size: 14px; line-height: 17px; color: #6D7686; font-weight: 400; } .catalog-wrap { margin-top: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .catalog-wrap__aside { width: 288px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 30px; } .catalog-wrap__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .product_page_main_card_meta_head_size{ position:relative; } .catalog-filter__col { margin-bottom: 5px; border-radius: 4px; overflow: hidden; } .catalog-filter__col:last-child { margin-bottom: 0; } .catalog-filter__sub { position: relative; font-weight: 400; padding: 16px 47px; padding-right: 15px; font-size: 16px; line-height: 24px; color: #6D7686; background-color: #F9FAFB; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: color .2s, background-color .2s; transition: color .2s, background-color .2s; } .catalog-filter__sub::before { content: ''; position: absolute; left: 20px; top: calc(50% - 5px); width: 10px; height: 10px; background: url(/local/templates/main_new/assets/css/../img/filter-dropdown-arrow.svg) center center no-repeat; background-size: contain; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .catalog-filter__sub.active { background-color: #F3F4F6; color: #19398B; } .catalog-filter__sub.active::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .catalog-filter__dropdown { display: none; background-color: #F3F4F6; -webkit-transition: background-color .2s; transition: background-color .2s; } .catalog-filter__dropdown-wrap { padding: 3px 20px 30px; } .catalog-filter__list { padding-right: 10px; max-height: 300px; position: relative; overflow: hidden; } .catalog-filter__list .ps__rail-y { opacity: 1 !important; width: 4px; background-color: rgba(216, 219, 224, 0.5); border-radius: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .catalog-filter__list .ps__rail-y .ps__thumb-y { opacity: 1 !important; background-color: #D8DBE0; border-radius: 10px; width: 100%; right: 0; -webkit-transition: background-color .2s; transition: background-color .2s; } .catalog-filter__list .ps__rail-y .ps__thumb-y:hover { background-color: #a7aaaf; } .catalog-filter__bottom { margin-top: 30px; } .catalog-filter__bottom-sub { font-weight: 500; font-size: 20px; line-height: 24px; color: #19398B; margin-bottom: 14px; } .catalog-filter__delete { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #F2F2F2; } .catalog-filter__delete>span { font-size: 16px; line-height: 110%; color: #6D7686; } .catalog-filter__delete-icon { -ms-flex-negative: 0; flex-shrink: 0; padding-top: 2px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: .5; } .catalog-filter__delete-all { margin-top: 19px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-filter__delete-all>img { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 8px; } .catalog-filter__delete-all>span { font-weight: 400; font-size: 16px; line-height: 18px; color: #19398B; } .catalog-filter__price { padding: 0 20px 26px; } .catalog-filter__header { padding: 28px 0; 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; } .catalog-filter__header-sub { font-size: 24px; line-height: 26px; color: #19398B; font-weight: 400; } .catalog-filter__close { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .catalog-filter__show { position: fixed; left: 15px; right: 15px; bottom: 15px; z-index: 98; opacity: 0; visibility: hidden; -webkit-transition: opacity .2s, visibility .2s; transition: opacity .2s, visibility .2s; } .catalog-filter__show.active { opacity: 1; visibility: visible; -webkit-transition: opacity .2s .4s, visibility .2s .4s; transition: opacity .2s .4s, visibility .2s .4s; } .catalog-filter__show .btn { display: block; width: 100%; } .catalog-filter__notification { background-color: #BA4265; font-weight: 400; font-size: 14px; line-height: 15px; padding: 10px 15px; white-space: nowrap; display: block; border-radius: 4px; color: #fff; position: absolute; left: calc(50% + 218px); top: 0; z-index: 9; opacity: 0; visibility: hidden; -webkit-transition: opacity .2s, visibility .2s; transition: opacity .2s, visibility .2s; } .catalog-filter__notification.active { opacity: 1; visibility: visible; } .catalog-filter__notification span { color: #FFA3BE; } .catalog-filter__notification b { font-weight: 400; color: #fff; } .catalog-filter__notification::before { content: ''; position: absolute; left: calc(100% - 11px); top: calc(50% - 7px); z-index: -1; width: 14px; height: 14px; border-radius: 2px; background-color: #BA4265; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .filter-price__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .filter-price__row::before { content: ''; position: absolute; top: 50%; left: calc(50% - 5px); height: 1px; width: 10px; background-color: #D8DBE0; } .filter-price__item { width: calc(50% - 15px); } .filter-price__item input { display: block; width: 100%; background-color: #fff; border: 1px solid #E3E5E8; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; padding: 11px 15px; font-size: 15px; line-height: 18px; color: #6D7686; font-weight: 400; } .filter-price__slider { margin-top: 15px; } .main-range { padding-bottom: 12px; } .main-range__slider { top: 6px; height: 4px; background: rgba(109, 118, 134, 0.2); border-radius: 2px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 4px; border: 0; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; } .main-range__slider .noUi-connect { background: #19398B; } .main-range__slider .noUi-handle { top: -6px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 16px; height: 16px; border-radius: 50%; background-color: #fff; -webkit-box-shadow: 0px 5px 10px rgba(109, 118, 134, 0.2); box-shadow: 0px 5px 10px rgba(109, 118, 134, 0.2); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0; } .main-range__slider .noUi-handle .noUi-touch-area, .main-range__slider .noUi-handle::before, .main-range__slider .noUi-handle::after { display: none; } .recommend { margin-top: 80px; } .recommend__title { margin-bottom: 30px; } .recommend__row { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: -30px; } .recommend__col { width: 25%; margin-bottom: 30px; } .recommend__more { margin-top: 20px; display: block; width: 100%; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 18px; line-height: 24px; color: #6D7686; padding: 13px 15px; border: 1px solid #D4D6DB; border-radius: 4px; } .recommend__more span { display: block; } .recommend__more span:last-child { display: none; } .recommend__more.active span:first-child { display: none; } .recommend__more.active span:last-child { display: block; } .catalog-info { margin-top: 62px; } .catalog-info ul li{ padding-left: 10px; } .catalog-info ul li:before{ top:10px; } .catalog-info__more { margin-top: 30px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-right: 13px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .catalog-info__more::before { content: ''; position: absolute; right: 0; top: calc(50% - 3px); width: 6px; height: 6px; background: url(/local/templates/main_new/assets/css/../img/catalog-info-arrow.svg) center center no-repeat; background-size: contain; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .catalog-info__more span { display: block; font-weight: 500; font-size: 18px; line-height: 130%; color: #19398B; } .catalog-info__more span:last-child { display: none; } .catalog-info__more.active::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .catalog-info__more.active span:first-child { display: none; } .catalog-info__more.active span:last-child { display: block; } .catalog-info__hide-content { display: none; } .catalog-list { margin-top: 44px; } .catalog-list__row { margin-bottom: -40px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-list__col { width: 25%; margin-bottom: 40px; } .catalog-list__item { display: block; max-width: 260px; margin: 0 auto; } .catalog-list__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: #BFE4EB; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; padding-bottom: 100%; position: relative; } .catalog-list__img img { position: absolute; max-width: none; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .catalog-list__sub { margin-top: 20px; font-weight: 700; font-size: 24px; line-height: 26px; text-align: center; color: #19398B; } .catalog-list-n { margin-top: 70px; } .catalog-list-n__row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: -40px; } .catalog-list-n__col { width: 20%; margin-bottom: 40px; } .catalog-list-n__item { display: block; } .catalog-list-n__img { border-radius: 5px; position: relative; padding-bottom: 134%; background-color: #E9F6F8; background-size: cover; background-position: center center; background-repeat: no-repeat; } .catalog-list-n__img img { max-width: none; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .not-found__row { height: 610px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 40px; position: relative; z-index: 1; } .not-found__info { max-width: 454px; } .not-found__img { position: absolute; right: -140px; top: 10%; z-index: -1; } .not-found__img>img { position: relative; max-width: none; width: 600px; } .not-found__error { font-weight: 800; font-size: 435px; line-height: 1; color: #D4D6DB; opacity: 0.2; position: absolute; top: 0; left: -210px; } .not-found__search { margin-top: 67px; position: relative; } .not-found__search input[type="text"] { display: block; width: 100%; border: 2px solid rgba(212, 214, 219, 0.3); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; background-color: #fff; padding: 21px 30px; padding-left: 66px; font-size: 14px; line-height: 17px; color: #32373E; font-weight: 400; color: #32373E; -webkit-transition: border-color .2s; transition: border-color .2s; } .not-found__search input[type="text"]::-webkit-input-placeholder { color: #6D7686; opacity: .5; -webkit-transition: .1s; transition: .1s; } .not-found__search input[type="text"]::-moz-placeholder { color: #6D7686; opacity: .5; -moz-transition: .1s; transition: .1s; } .not-found__search input[type="text"]:-ms-input-placeholder { color: #6D7686; opacity: .5; -ms-transition: .1s; transition: .1s; } .not-found__search input[type="text"]::-ms-input-placeholder { color: #6D7686; opacity: .5; -ms-transition: .1s; transition: .1s; } .not-found__search input[type="text"]::placeholder { color: #6D7686; opacity: .5; -webkit-transition: .1s; transition: .1s; } .not-found__search input[type="text"]:focus::-webkit-input-placeholder { opacity: 0; visibility: hidden; } .not-found__search input[type="text"]:focus::-moz-placeholder { opacity: 0; visibility: hidden; } .not-found__search input[type="text"]:focus:-ms-input-placeholder { opacity: 0; visibility: hidden; } .not-found__search input[type="text"]:focus::-ms-input-placeholder { opacity: 0; visibility: hidden; } .not-found__search input[type="text"]:focus::placeholder { opacity: 0; visibility: hidden; } .not-found__search input[type="text"]:focus { border-color: #19398B; } .not-found__search button { position: absolute; width: 16px; height: 16px; left: 38px; top: calc(50% - 8px); } .page-info__title { font-weight: 300; color: #6D7686; margin-bottom: 20px; } .page-info__desc p, .page-info__desc li { font-size: 20px; color: #6D7686; } .page-info__btns-wrap { margin-top: 39px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-info__btn { margin-right: 15px; } .page-info__btn:last-child { margin-right: 0; } .page-info__btn .btn { min-width: 214px; } .popular-categories__title { margin-bottom: 30px; } .popular-categories__item { display: block; } .popular-categories__img { width: 100%; } .popular-categories__img img { width: 100%; border-radius: 50%; } .popular-categories__sub { font-weight: 400; } .popular-categories__slider-wrap { position: relative; padding-left: 10px; padding-right: 10px; } .popular-categories__prev, .popular-categories__next { position: absolute; top: calc(50% - 40px); z-index: 9; width: 38px; height: 38px; border: 2px solid #fff; border-radius: 50%; background-color: #19398B; 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; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: .2s; transition: .2s; } .popular-categories__prev.swiper-button-disabled, .popular-categories__next.swiper-button-disabled { opacity: 0; visibility: hidden; } .popular-categories__prev { left: -10px; } .popular-categories__next { right: -10px; } .watched-products { margin-top: 120px; } .watched-products__title { margin-bottom: 25px; } .watched-products.products-section, .container.home-banner{ display:none!important; } .watched-products .products-section { padding: 0; } .empty { padding: 120px 0; } .empty__info { max-width: 710px; } .search-result { margin-top: 21px; } .search-result__title span { font-weight: 200; } .search-result__title b { font-weight: 500; } .search-result__sub { margin-bottom: 17px; font-weight: 400; font-size: 16px; line-height: 18px; color: #6D7686; } .search-result__sub b { font-weight: 400; color: #32373E; } .search-result__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; } .search-result__top:last-child { margin-bottom: 0; } .search-result__form { width: calc(100% / 12 * 4); -ms-flex-negative: 0; flex-shrink: 0; margin-right: 50px; position: relative; } .search-result__form:last-child { margin-right: 0; margin-bottom: 0; } .search-result__form input[type="text"] { display: block; width: 100%; background: #FFFFFF; border: 1px solid #E3E5E8; border-radius: 4px; font-size: 15px; line-height: 18px; padding: 15px; padding-right: 55px; font-weight: 400; } .search-result__form input[type="text"]::-webkit-input-placeholder { color: #6D7686; opacity: .5; -webkit-transition: .1s; transition: .1s; } .search-result__form input[type="text"]::-moz-placeholder { color: #6D7686; opacity: .5; -moz-transition: .1s; transition: .1s; } .search-result__form input[type="text"]:-ms-input-placeholder { color: #6D7686; opacity: .5; -ms-transition: .1s; transition: .1s; } .search-result__form input[type="text"]::-ms-input-placeholder { color: #6D7686; opacity: .5; -ms-transition: .1s; transition: .1s; } .search-result__form input[type="text"]::placeholder { color: #6D7686; opacity: .5; -webkit-transition: .1s; transition: .1s; } .search-result__form input[type="text"]:focus::-webkit-input-placeholder { opacity: 0; visibility: hidden; } .search-result__form input[type="text"]:focus::-moz-placeholder { opacity: 0; visibility: hidden; } .search-result__form input[type="text"]:focus:-ms-input-placeholder { opacity: 0; visibility: hidden; } .search-result__form input[type="text"]:focus::-ms-input-placeholder { opacity: 0; visibility: hidden; } .search-result__form input[type="text"]:focus::placeholder { opacity: 0; visibility: hidden; } .search-result__form button { position: absolute; width: 16px; height: 16px; top: calc(50% - 8px); right: 20px; } .search-result__select { width: calc(50% - 15px); } .search-result__wrap .recommend__col:nth-child(1n + 2) { display: block; } .main-sort { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .main-sort__sub { margin-right: 20px; } .main-sort__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-sort__item { display: block; margin-right: 33px; font-weight: 400; font-size: 16px; line-height: 18px; color: #6D7686; padding: 3px 0; border-bottom: 1px dashed #000; position: relative; } .main-sort__item::before { content: ''; position: absolute; top: calc(50% - 5px); right: 0; width: 10px; height: 10px; background: url(/local/templates/main_new/assets/css/../img/main-sort-icon.svg) center center no-repeat; background-size: contain; opacity: 0; visibility: hidden; } .main-sort__item:last-child { margin-right: 0 !important; } .main-sort__item.active { border-color: transparent; color: #32373E; padding-right: 15px; margin-right: 18px; } .main-sort__item.active::before { opacity: 1; visibility: visible; } .card-title span { font-weight: 200; color: #32373E; } .card-title b { color: #19398B; font-weight: 500; } .card-modal-base{ padding:0!important; } .card__row { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .card__left { width: calc(100% / 12 * 7); } .card__right { width: calc(100% / 12 * 5); } .card__wrap { padding: 20px 0 32px; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: relative; } .card-price__sale{ display:none!important; } .card-delivery__icon { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 30px; } .card-delivery__info { color: #19398B; } .card-delivery__info p { font-weight: 400; font-size: 16px; margin-bottom: 5px; } .card-delivery__info p b { font-weight: 500; } .card__gallery { max-width: calc(100% - 106px); } .card-pic { max-width: 100%; margin-top: 30px; } .card-pic__item--video a { display: block; position: relative; } .card-pic__item img { object-fit: contain; margin: 0 auto; } .card-pic__item--video a::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5) url(/local/templates/main_new/assets/css/../img/card-thumbs-video.svg) center center no-repeat; background-size: 60px; } .card-thumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-top: 15px; } .card-thumbs__item { width: 76px; height: 64px; margin-left: 10px; 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; border: 1px solid #E6E6E6; border-radius: 2px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 2px; -webkit-transition: .2s; transition: .2s; } .card-thumbs__item:last-child { margin-left: 0; } .card-thumbs__item:not(.card-thumbs__video) img { object-fit: contain; width: 100%; height: 100%; } .card-thumbs__item img { opacity: .3; -webkit-transition: .2s; transition: .2s; } .card-thumbs__item.active { border-color: #19398B; } .card-thumbs__item.active img { opacity: 1; } .card-thumbs__video { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .card-thumbs__video img { opacity: 1; } .card-thumbs__video span { margin-top: 4px; font-weight: 400; font-size: 12px; line-height: 16px; color: #19398B; } .card-advantages { width: 106px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .card-advantages__item { margin-bottom: 30px; } .card-advantages__item:last-child { margin-bottom: 0; } .card-advantages__icon { position: relative; } .card-advantages__icon img { margin: 0 auto; } .card-advantages__icon .wrap_img svg{ height: inherit; } .card-advantages__sub { margin-top: 9px; font-weight: 400; text-align: center; font-size: 12px; line-height: 14px; } .card-controls__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-controls__tags-item { margin-right: 12px; } .card-controls__tags-item:last-child { margin-right: 0; } .card-controls__btn:last-child { margin-right: 0; } .card-controls__btn svg, .card-controls__btn img { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 4px; } .card-controls__btn svg path { -webkit-transition: .2s; transition: .2s; } .card-controls__btn>span { padding-top: 2px; font-weight: 400; font-size: 14px; line-height: 17px; color: #B8BBC0; -webkit-transition: color .2s; transition: color .2s; } .card-controls__btn.active>span { color: #19398B; } .card-controls__btn:first-child.active svg path { stroke: #BA4265; } .card-controls__btn:last-child.active svg path { fill: #BA4265; } .card-adv { padding: 69px 0 67px; } .card-adv__title { margin-bottom: 48px; } .card-adv__row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: -30px; } .card-adv__col { width: 25%; margin-bottom: 30px; } .card-adv__item { max-width: 230px; margin: 0 auto; } .card-adv__icon { height: 90px; 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; } .card-adv__desc { margin-top: 30px; font-size: 16px; line-height: 19px; text-align: center; } .section-bottom { margin-bottom: -120px; } .card-bottom { background-color: #FAFAFA; padding: 70px 0; } .card-bottom__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-bottom__info p, .card-bottom__info li { font-size: 17px; line-height: 1.5; } .card-bottom__info .card-info__link { font-size: 17px; font-weight: 700; } .card-bottom__info ul { margin: 0; } .card-bottom__info ul.active li:nth-child(1n + 3) { display: block; } .card-bottom__info ul li { padding-left: 40px; } .card-bottom__info ul li:nth-child(1n + 3) { display: none; } .card-bottom__info ul li::before { content: ''; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; background: url(/local/templates/main_new/assets/css/../img/card-list-icon.svg) center center no-repeat; background-size: contain; } .card-bottom__more { margin-top: 30px; display: inline-block; border-bottom: 1px dashed #19398B; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .card-bottom__more span { display: block; font-weight: 600; font-size: 17px; line-height: 30px; color: #19398B; } .card-bottom__more span:last-child { display: none; } .card-bottom__more.active span:first-child { display: none; } .card-bottom__more.active span:last-child { display: block; } .card-bottom__col { width: calc(50% - 50px); } .card-bottom__row { 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; } .card-bottom__block { width: calc(50% - 15px); background: #fff; -webkit-box-shadow: 0px 4px 30px rgba(212, 214, 219, 0.3); box-shadow: 0px 4px 30px rgba(212, 214, 219, 0.3); border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 120px; } .card-bottom__block img { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 27px; } .card-bottom__block span { font-weight: 500; font-size: 32px; line-height: 120%; color: #19398B; } .card-modal { display: none; border-radius: 3px; } .card-modal .fancybox-close-small { display: none; } .card-modal__close { position: absolute; top: 10px; right: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: .3; } .qr-modal { padding: 55px 37px 0; width: 100%; max-width: 455px; } .qr-modal__title { font-weight: 400; font-size: 32px; line-height: 120%; color: #19398B; text-align: center; margin-bottom: 10px; } .qr-modal__img { margin-left: -37px; margin-right: -37px; } .qr-modal__desc { font-weight: 400; text-align: center; font-size: 15px; line-height: 18px; margin-top: 10px; } .three-modal { padding: 23px 15px 68px; width: 100%; max-width: 668px; background-color: #fff; -webkit-transition: background-color .3s; transition: background-color .3s; } .three-modal__toggle { margin-bottom: 39px; 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; } .three-modal__toggle-btn { font-weight: 400; font-size: 16px; line-height: 18px; text-align: center; color: #6D7686; border-radius: 40px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 13px 25px 12px; -webkit-transition: .2s; transition: .2s; } .three-modal__toggle-btn.active { background-color: #BFE4EB; color: #19398B !important; } .three-modal__wrap { margin-left: -15px; margin-right: -15px; height: 450px; } .three-modal__help-text { margin-top: 10px; color: #949494; text-align: center; } .three-modal__help-text span { display: inline-block; border: 1px solid #b4b4b4; padding: 6px 20px; } .three-modal iframe { display: block; } .three-modal iframe:last-child { display: none; } .three-modal.active iframe:first-child { display: none; } .three-modal.active iframe:last-child { display: block; } .select-scroll .ps__rail-x { display: none !important; } .card-slider__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px 0 20px; } .card-slider__pagination span { width: 8px; height: 8px; border-radius: 50%; background-color: #c0c0c0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0 !important; margin-right: 12px !important; -webkit-transition: background-color .2s; transition: background-color .2s; } .card-slider__pagination span:last-child { margin-right: 0 !important; } .card-slider__pagination span.active { background-color: #19398B; } .compare-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } .compare-top__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .compare-top__item { font-size: 16px; line-height: 110%; padding: 13px 25px; color: #6D7686; border-radius: 40px; font-weight: 400; -webkit-transition: .2s; transition: .2s; } .compare-top__item span { -webkit-transition: color .2s; transition: color .2s; color: #D4D6DB; } .compare-top__item.active { background-color: #BFE4EB; color: #19398B; } .compare-top__item.active span { color: #19398B; } .compare-top__arrows { margin-left: 30px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .compare { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: hidden; } .compare__left { width: calc((100% + 30px) / 12 * 3 - 30px); margin-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .compare__right { width: calc((100% + 30px) / 12 * 9 - 30px); } .compare__prev, .compare__next { width: 38px; height: 38px; border-radius: 4px; border: 1px solid #ECEEF0; 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; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 6px; -webkit-transition: .2s; transition: .2s; } .compare__prev:last-child, .compare__next:last-child { margin-right: 0; } .compare__prev.swiper-button-disabled, .compare__next.swiper-button-disabled { cursor: default; opacity: .5; background-color: transparent !important; border: 1px solid #ECEEF0 !important; } .compare__prev.swiper-button-disabled svg path, .compare__next.swiper-button-disabled svg path { stroke: #6D7686 !important; } .compare__delete { width: 40px; height: 40px; border-radius: 50%; background-color: #fff; position: absolute; top: 10px; right: 10px; z-index: 9; -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05); 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; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .compare__slide { height: auto !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .compare__slide:last-child .compare__list-item::before { display: none; } .compare__item { -webkit-box-shadow: none !important; box-shadow: none !important; border: 0; padding: 0; height: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .compare__item .product__price>b { font-size: 24px; } .compare__item .product__img { border: 1px solid #ECEEF0; border-radius: 4px; } .compare__item .product__content { padding-left: 0; padding-right: 0; } .compare__list-item { font-size: 17px; line-height: 24px; padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 64px; position: relative; } .compare__list-item--empty { color: #D4D6DB; } .compare__list-item:nth-child(odd) { background-color: #FAFAFA; } .compare__labels .compare__list-item { padding-left: 25px; } .compare__labels .compare__list-item:nth-child(odd)::before { content: ''; position: absolute; left: 100%; width: 100vw; height: 100%; background-color: #FAFAFA; } .compare__controls { margin-bottom: 30px; } .compare__show { font-size: 16px; line-height: 110%; font-weight: 400; } .compare__radio-list { margin-top: 17px; } .compare__radio { font-size: 16px; line-height: 110%; color: #6D7686; margin-bottom: 11px; } .compare__radio:last-child { margin-bottom: 0; } .compare__radio a { display: inline-block; position: relative; padding-left: 34px; } .compare__radio a::before { content: ''; position: absolute; left: 0; top: -2px; width: 20px; height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #E3E5E8; border-radius: 50%; } .compare__radio a::after { content: ''; position: absolute; left: 6px; top: 4px; width: 8px; height: 8px; border-radius: 50%; background-color: #19398B; display: none; } .compare__radio a.active::before { border-width: 2px; border-color: #19398B; } .compare__radio a.active::after { display: block; } .compare__btn-wrap { margin-top: 40px; } .compare__btn { display: inline-block; text-align: center; font-size: 18px; line-height: 24px; color: #6D7686; font-weight: 400; border: 1px solid #D4D6DB; border-radius: 4px; padding: 13px 34px; } .card-specif { background-color: #fff; padding: 70px 0; } .card-specif__title { font-weight: 600; margin-bottom: 30px; } .card-specif__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .card-specif__left { width: 57%; padding-right: 40px; } .card-specif__right { width: 43%; } .card-specif__item { font-size: 17px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; } .card-specif__item--spec { position: relative; z-index: 2; } .card-specif__item:last-child { margin-bottom: 0; } .card-specif__item span, .card-specif__item b { font-weight: 400; } .card-specif__item>span { color: #747474; width: 43%; position: relative; z-index: 1; } .card-specif__item>span::before { content: ''; position: absolute; left: 0; top: 14px; width: 100%; height: 1px; background: transparent linear-gradient(to right, #CCC 0px, #CCC 1px, transparent 1px, transparent 3px) repeat-x scroll 0% 0%/3px 1px; z-index: -1; } .card-specif__item>span>span { background-color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 8px; } .card-specif__item>span>span img { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .card-specif__item>b { padding-left: 8px; color: #000; width: 57%; } .card-specif__item>b>a { margin-left: 5px; font-weight: 600; color: #19398B; font-size: 14px; border-bottom: 1px dashed #19398b4d; } .card-specif__info-block { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 6px; position: relative; } .card-specif__info-block:hover .card-specif__info-block-content { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } .card-specif__info-block-content { position: absolute; left: calc(100% + 15px); top: calc(50% - 31px); background-color: #19398B; padding: 10px 15px; text-align: center; color: #fff; font-size: 14px; line-height: 150%; width: 350px; border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transform: translateX(20px); transform: translateX(20px); -webkit-transition: .2s; transition: .2s; } .card-specif__info-block-content::before { content: ''; border-top: 10px solid transparent; border-right: 10px solid #19398B; border-bottom: 10px solid transparent; position: absolute; top: calc(50% - 10px); right: calc(100% - 1px); } .card-specif__files-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; padding-left: 55px; } .card-specif__files-item:nth-child(1n + 6) { display: none; } .card-specif__files-item>img { position: absolute; left: 0; top: 10px; } .card-specif__files-item>span { display: block; width: 100%; border-bottom: 1px solid #EBEBEB; font-size: 16px; line-height: 24px; font-weight: 400; padding: 15px 0; } .card-specif .card-bottom__more { margin-top: 25px; } .card-specif__files.active .card-specif__files-item:nth-child(1n + 6) { display: -webkit-box; display: -ms-flexbox; display: flex; } .card-info-modal { width: 100%; max-width: 660px; padding: 45px 25px 30px; } .card-info-modal__title { margin-bottom: 15px; font-size: 18px; font-weight: 600; } .card-info-modal__img { margin-top: 15px; } .card-info-modal__img img { margin: 0 auto; } .card-modal-credit { width: 100%; max-width: 520px; padding-top: 50px; padding-bottom: 60px; } .card-modal-credit__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .card-modal-credit__img { width: 162px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; } .card-modal-credit__img img { width: 100%; max-width: 130px; margin: 0 auto; } .card-modal-credit__title { font-size: 16px; line-height: 1.2; font-weight: 400; margin-bottom: 20px; } .card-modal-credit__header-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-modal-credit__price { color: #19398B; font-size: 24px; font-weight: 600; white-space: nowrap; -ms-flex-negative: 0; flex-shrink: 0; width: 125px; } .card-modal-credit__count { margin-left: 10px; } .card-modal-credit__content { margin-top: 20px; padding: 20px 30px 0; border-top: 1px solid #D5D5D5; } .card-modal-credit__radio { display: block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; margin-bottom: 8px; margin-left: 28px; } .card-modal-credit__radio:last-child { margin-bottom: 0; } .card-modal-credit__radio input { display: none; } .card-modal-credit__radio input:checked+.card-modal-credit__radio-row::before { border-color: #19398B; } .card-modal-credit__radio input:checked+.card-modal-credit__radio-row::after { background-color: #19398B; opacity: 1; visibility: visible; } .card-modal-credit__radio::before { content: ''; position: absolute; left: 0; top: 16px; display: block; width: 100%; height: auto; border-bottom: 1px dashed #000; } .card-modal-credit__radio-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .card-modal-credit__radio-row span { white-space: nowrap; font-size: 14px; background-color: #fff; padding: 5px; font-weight: 400; line-height: 16px; } .card-modal-credit__radio-row span:first-child { padding-left: 0; } .card-modal-credit__radio-row span:last-child { padding-right: 0; } .card-modal-credit__radio-row::before { content: ''; position: absolute; right: calc(100% + 10px); top: 3px; width: 18px; height: 18px; border: 2px solid #DFDFDF; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .1s; transition: .1s; } .card-modal-credit__radio-row::after { content: ''; position: absolute; right: calc(100% + 16px); top: 9px; width: 6px; height: 6px; border-radius: 50%; background-color: #DFDFDF; opacity: 0; visibility: hidden; -webkit-transition: .1s; transition: .1s; } .card-modal-credit__sub { font-size: 18px; margin-top: 24px; margin-bottom: 14px; font-weight: 600; } .card-modal-credit__sub:first-child { margin-top: 0; } .card-modal-credit__sub:last-child { margin-bottom: 0; } .card-modal-credit__form { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: -20px; } .card-modal-credit__col { width: 50%; margin-bottom: 20px; } .card-modal-credit__input input { font-size: 13px; line-height: 34px; padding: 0 15px; display: block; width: 100%; border: 1px solid #D5D5D5; } .card-modal-credit__input input::-webkit-input-placeholder { font-weight: 300; -webkit-transition: .1s; transition: .1s; } .card-modal-credit__input input::-moz-placeholder { font-weight: 300; -moz-transition: .1s; transition: .1s; } .card-modal-credit__input input:-ms-input-placeholder { font-weight: 300; -ms-transition: .1s; transition: .1s; } .card-modal-credit__input input::-ms-input-placeholder { font-weight: 300; -ms-transition: .1s; transition: .1s; } .card-modal-credit__input input::placeholder { font-weight: 300; -webkit-transition: .1s; transition: .1s; } .card-modal-credit__input input:focus::-webkit-input-placeholder { opacity: 1; visibility: hidden; } .card-modal-credit__input input:focus::-moz-placeholder { opacity: 1; visibility: hidden; } .card-modal-credit__input input:focus:-ms-input-placeholder { opacity: 1; visibility: hidden; } .card-modal-credit__input input:focus::-ms-input-placeholder { opacity: 1; visibility: hidden; } .card-modal-credit__input input:focus::placeholder { opacity: 1; visibility: hidden; } .card-modal-credit__btn { margin-top: 20px; } .card-modal-credit__btn .btn { font-size: 16px; font-weight: 400; padding-left: 40px; padding-right: 40px; min-width: 0; } .card-modal-credit__agree { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 20px; } .card-modal-credit__agree label { display: block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .card-modal-credit__agree label input { display: none; } .card-modal-credit__agree label input:checked+span::before { background-color: #19398B; } .card-modal-credit__agree label input:checked+span::after { opacity: 1; visibility: visible; } .card-modal-credit__agree label span { display: inline-block; position: relative; padding-left: 30px; color: #999; font-size: 12px; line-height: 20px; font-weight: 400; } .card-modal-credit__agree label span::before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-color: #DFDFDF; border-radius: 50%; -webkit-transition: .1s; transition: .1s; } .card-modal-credit__agree label span::after { content: ''; position: absolute; top: 9px; left: 10px; display: block; opacity: 0; visibility: hidden; width: 9px; height: 5px; border-left: 2px solid #FAFAFA; border-bottom: 2px solid #FAFAFA; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); -webkit-transition: .1s; transition: .1s; } .card-modal-credit__agree label span a { color: #1C409C; } .main-count { border: 1px solid #D5D5D5; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 120px; height: 30px; } .main-count__input { border: 0; background: none; width: calc(100% - 56px); text-align: center; font-size: 14px; padding: 0 5px; font-weight: 400; } .main-count__btn { width: 28px; height: 28px; 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-negative: 0; flex-shrink: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .main-count__btn::before { content: ''; width: 0; height: 0; border-style: solid; margin-top: 1px; border-width: 5px 5px 0 5px; border-color: #D5D5D5 transparent transparent transparent; } .main-count__plus::before { border-width: 0px 5px 5px 5px; border-color: transparent transparent #D5D5D5 transparent; } .card-modal-base { width: 100%; max-width: 820px; padding: 50px 50px 46px; padding-right: 38px; } .card-modal-base__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-modal-base__left { width: calc(100% - 124px); max-width: 550px; padding-right: 30px; } .card-modal-base__title { margin-bottom: 10px; font-weight: 400; } .card-modal-base__right { width: 124px; -ms-flex-negative: 0; flex-shrink: 0; } .card-modal-base__desc { margin-top: 10px; font-weight: 300; font-size: 20px; line-height: 110%; color: #000; max-width: 460px; } .card-modal-base__desc b { font-weight: 500; } .card-modal-base__price { margin-top: 18px; font-weight: 500; font-size: 24px; line-height: 1; color: #19398B; } .modals { display: none; } .overlay { width: 100%; min-height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 40px; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.75); opacity: 0; pointer-events: none; transition: 0.35s ease-in-out; max-height: 100vh; overflow-y: auto; z-index: 99999; } .fancybox-container{ font-family: inherit; } .overlay.open { opacity: 1; pointer-events: inherit; } .overlay .modals { display: block; background: white; padding: 40px 80px; /* box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.35); */ opacity: 0; pointer-events: none; transition: 0.35s ease-in-out; max-height: 100vh; overflow-y: auto; max-width: 100%; position: relative; width: 100%; max-width: 878px; padding-top: 40px; padding-left: 50px; padding-right: 50px; padding-bottom: 40px; } .overlay .modals.open { opacity: 1; pointer-events: inherit; } .overlay .modals.open .content { transform: translate(0, 0px); opacity: 1; } .overlay .modals .content { transform: translate(0, -10px); opacity: 0; transition: 0.35s ease-in-out; } .overlay .modals .reviews__info { margin-top: 0; } .overlay .modals .reviews__info .reviews__desc { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 24px; /* or 160% */ color: #19398B; } .overlay .modals .reviews__info .read_link { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 24px; /* or 160% */ text-decoration-line: underline; color: #19398B; margin-top: 25px; display: flex; } .overlay .modals .content .reviews__author { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 22px; /* identical to box height */ color: #19398B; text-align: left; margin-bottom: 25px; } .overlay .modals .content .reviews__rating-list { margin-left: 0; margin-bottom: 25px; } .overlay .modals .title { margin-top: 0; } .modals .close-modal { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; padding: 0; outline: none; background: none; width: 25px; height: 25px; min-width: auto; right: 8px; top: 7px; opacity: .5; } .modals .close-modal:after { content: ''; height: 100%; width: 2px; background: grey; display: block; position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto; transform: rotate(-45deg); transition: .5s; } .modals .close-modal:before { content: ''; height: 100%; width: 2px; background: grey; display: block; position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto; transform: rotate(45deg); transition: .5s; } .modals .close-modal:hover:before, .modals .close-modal:hover:after { opacity: .5; } .modals .close-modal:hover { background: transparent; } .b24-window-panel-pos-center { height: fit-content !important; margin: auto 0 !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); } .b24-window-panel>div>.b24-window-scrollable { height: fit-content; margin: auto; position: relative !important; } .b24-window-close { top: 6px !important; right: 6px !important; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .catalog-wrap__content { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: calc(100% - 318px); } } @media screen and (-ms-high-contrast: active) and (max-width: 1023px), (-ms-high-contrast: none) and (max-width: 1023px) { .catalog-wrap__content { width: 100%; } } @media (max-width: 1271px) { .header-bottom__col { margin-left: 50px; } .header-bottom__nav { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-bottom__nav>ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-bottom__nav>ul>li { margin-right: 0; } .main-banner__wrap { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-filter__notification { left: auto; right: 310px; } } @media (min-width: 1200px) { .card-slider__pagination { display: none; } } @media (max-width: 1199px) { .header-bottom__nav>ul>li { font-size: 14px; } .header-top__tel { display: none; } .header-top__city { display: block; } .header-top__city>span { display: block; margin-bottom: 2px; } .header-top__city>a { padding-left: 0; } .main-banner__title { font-size: 40px; } .product-additional__row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-additional__col { width: 33.3333333%; } .products-section__col { width: 33.3333333%; } .home-about__info { padding-left: 60px; } .recommend { max-width: calc(100% - 318px); } .recommend__col { width: 50%; } .card-info { padding-left: 30px; } .card__row { display: block; } .card__left, .card__right { width: 100%; } .card-info { padding: 0; } .card-thumbs { display: none; } .card__wrap { display: block; padding: 0; border: 1px solid #ECEEF0; margin: 0 -10px 0 -10px; } .card-advantages { margin-top: 15px; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 22px; } .card-advantages__item { margin-right: 60px; margin-bottom: 0; } .card-advantages__item:last-child { margin-right: 0; } .card-controls { position: static; margin: 21px 11px 0 11px; } .card__right { margin-top: 24px; } .card { margin-top: -15px; border: 0; } .card__gallery { margin-top: 15px; } .card-info { border-left: 0; } .search-result__wrap .recommend__col { width: 33.333333%; } .card__gallery { max-width: 100%; } .card-controls__btn svg, .card-controls__btn img { margin:0; } } @media (min-width: 1024px) { .btn-small { -webkit-transition: background-color .2s; transition: background-color .2s; } .btn-small:hover { background-color: #345fcc; } .header-bottom__item:hover svg path { stroke: #BA4265; } .header-bottom__item.active:hover svg path { stroke: #19398B; } .btn { -webkit-transition: .2s; transition: .2s; } .btn:hover { background-color: #345fcc; } .btn-white:hover { background-color: #19398B; color: #fff; } .btn-border:hover { background-color: #19398B; border-color: #19398B; color: #fff; } .btn-border-grey:hover { background-color: transparent; border-color: #19398B; color: #19398B; } .btn-border-grey:hover svg path { fill: #19398B; } .btn-red:hover { background-color: #e24170; } .product-categories__sub { -webkit-transition: color .2s; transition: color .2s; } .product-categories__item:hover .product-categories__sub { color: #BA4265; } .product-additional__sub { -webkit-transition: color .2s; transition: color .2s; } .product-additional__item { -webkit-transition: -webkit-box-shadow .2s; transition: -webkit-box-shadow .2s; transition: box-shadow .2s; transition: box-shadow .2s, -webkit-box-shadow .2s; } .product-additional__item:hover { -webkit-box-shadow: 0px 24px 84px rgba(25, 57, 139, 0.15); box-shadow: 0px 24px 84px rgba(25, 57, 139, 0.15); } .product-additional__item:hover .product-additional__sub { color: #19398B; } .products-section__tabs-item:hover { color: #19398B; } .product { -webkit-transition: .2s; transition: .2s; } .product:hover { -webkit-box-shadow: 0px 0px 20px rgba(25, 57, 139, 0.1); box-shadow: 0px 0px 20px rgba(25, 57, 139, 0.1); } .product__name a { -webkit-transition: .2s; transition: .2s; } .product__name a:hover { color: #1C409C; } .home-about__link a { -webkit-transition: .2s; transition: .2s; } .home-about__link a:hover { color: #1C409C; } .home-about__video::before { -webkit-transition: opacity .2s; transition: opacity .2s; } .home-about__video:hover::before { opacity: .7; } .home-banner__call a { -webkit-transition: .2s; transition: .2s; } .home-banner__call a:hover { color: #1C409C; } .header-top__nav>ul>li { position: relative; } .header-top__nav>ul>li>ul { position: absolute; left: -26px; top: calc(100% + 24px); margin: 0; padding: 26px; -webkit-box-shadow: 0 20px 30px rgba(25, 57, 139, 0.1); box-shadow: 0 20px 30px rgba(25, 57, 139, 0.1); border: 1px solid rgba(25, 57, 139, 0.1); background-color: #fff; width: 310px; z-index: 9; opacity: 0; visibility: hidden; -webkit-transition: .2s; transition: .2s; } .header-top__nav>ul>li>ul::before { content: ''; position: absolute; left: 0; bottom: 100%; width: 100%; height: 25px; background: none; } .header-top__nav>ul>li>ul li { font-size: 16px; line-height: 22px; } .header-top__nav>ul>li>ul li a { font-weight: 400; color: #32373E; -webkit-transition: .2s; transition: .2s; } .header-top__nav>ul>li>ul li a:hover { color: #19398B; } .header-top__nav>ul>li>ul li ul { margin-top: 0; display: none; } .header-top__nav>ul>li>ul li ul li:first-child { padding-top: 10px; } .header-top__nav>ul>li>ul li.active>a { color: #19398B; } .header-top__nav>ul>li:hover>a { color: #234AAD; } .header-top__nav>ul>li:hover>ul { opacity: 1; visibility: visible; } .header-bottom__drop-block { position: absolute; left: 0; top: calc(100% - 3px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #19398B; width: 100%; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: .2s; transition: .2s; } li:nth-child(3) .header-bottom__drop-block{ width:fit-content; left: auto; } li:nth-child(3) .header-bottom__drop-block .header-bottom__drop-col{ width:100%; } .header-bottom__drop-block ul { padding: 0; margin: 0 0 35px; } .header-bottom__drop-block ul:last-child { margin-bottom: 0; } .header-bottom__drop-block ul li { font-size: 15px; padding-left: 0; } .header-bottom__drop-block ul li::before { display: none; } .header-bottom__drop-block ul li a { font-weight: 400; color: #fff; -webkit-transition: .2s; transition: .2s; } .header-bottom__drop-block ul li a:hover { opacity: .6; } .header-bottom__drop-col { width: 33.333333%; padding: 50px 35px 75px; } .header-bottom__drop-sub { margin-bottom: 16px; color: #A2C4E4; font-weight: 600; font-size: 18px; line-height: 1.3; } .header-bottom__catalog-dropdown::before { content: ''; position: absolute; left: calc(50% - 5px); top: calc(100% - 8px); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #19398B; -webkit-transition: .2s; transition: .2s; opacity: 0; visibility: hidden; } .header-bottom__nav>ul>li>a { -webkit-transition: color .2s; transition: color .2s; } .header-bottom__nav>ul>li:hover>a { color: #234AAD; } .header-bottom__nav>ul>li:hover>a::before { opacity: 1; visibility: visible; } .header-bottom__nav>ul>li:hover .header-bottom__drop-block { opacity: 1; visibility: visible; } .header__mob { display: none; } .header-top__city>a { -webkit-transition: color .2s; transition: color .2s; } .header-top__city>a:hover { color: #1C409C; } .mob-element { display: none; } .product__icon:hover svg path { fill: #BA4265; } .product__icon:hover svg line { stroke: #BA4265; } .products-section .product .product__controls, .products-section .product .product__select, .products-section .product .product__specifications { display: none; } .search-modal__btn svg path, .search-modal__close svg path { -webkit-transition: stroke .2s; transition: stroke .2s; } .search-modal__btn:hover svg path, .search-modal__close:hover svg path { stroke: #BA4265; } .catalog-tags__item:hover { color: #19398B; } .catalog-tags__item:hover i span { opacity: 1; background-color: #19398B; } .catalog-tags { padding-right: 200px; } .catalog-tags__dropdown { position: absolute; right: 0; top: 0; } .product.product--single .product__s-wrap { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product.product--single .product__s-wrap .product__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product.product--single .product__s-wrap .product__content .product__name { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .product.product--single .product__s-wrap .product__content .product__specifications { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .product.product--single .product__specifications { margin-top: 18px; } .product.product--single .product__specifications-item { font-size: 14px; line-height: normal; margin-bottom: 10px; align-items: center; } .product.product--single .product__specifications-item span { width: 65%; } .product.product--single .product__specifications-item:last-child { margin-bottom: 0; } .product.product--single .product__price { margin-top: 38px; } .product.product--single .product__controls { margin-top: 20px; } .product.product--single .product__icon-wrap { margin-left: 22px; } .product.product--single .product__btn a { font-size: 14px; padding: 12px 24px; } .catalog-top__mob { display: none; } .product__mob { display: none; } .catalog-filter__sub:hover { background-color: #F3F4F6; color: #19398B; } .catalog-filter__delete-icon { -webkit-transition: opacity .2s; transition: opacity .2s; } .catalog-filter__delete>span { -webkit-transition: color .2s; transition: color .2s; } .catalog-filter__delete:hover>span { color: #32373E; } .catalog-filter__delete:hover .catalog-filter__delete-icon { opacity: 1; } .catalog-filter__delete-all:hover>span { text-decoration: underline; } .catalog-filter__header { display: none; } .catalog-filter__show { display: none; } .catalog-info__more:hover span { text-decoration: underline; } .catalog-list__img, .catalog-list__sub { -webkit-transition: .5s; transition: .5s; } .catalog-list__item:hover .catalog-list__img { -webkit-transform: scale(1.1); transform: scale(1.1); } .catalog-list__item:hover .catalog-list__sub { color: #BA4265; } .catalog-list-n__item .catalog-list__sub { -webkit-transition: color .2s; transition: color .2s; } .catalog-list-n__item:hover .catalog-list__sub { color: #BA4265; } .popular-categories__item:hover .popular-categories__sub { color: #BA4265; } .popular-categories__prev:hover, .popular-categories__next:hover { background-color: #BA4265; } .main-sort__item:hover { color: #32373E; } .search-result__select { display: none; } .header-login__agree a:hover { text-decoration: underline; } .header-login__again a:hover { text-decoration: underline; } .card-info__link { -webkit-transition: border-color .2s; transition: border-color .2s; } .card-info__link:hover { border-color: transparent; } .card-colors__item:hover { border-color: #19398B; } .card-thumbs__item:hover img { opacity: 1; } .card-controls__btn:first-child:hover svg path { stroke: #BA4265; } .card-controls__btn:last-child:hover svg path { fill: #BA4265; } .card-controls__btn:hover span { color: #19398B; } .card-bottom__more { -webkit-transition: border-color .2s; transition: border-color .2s; } .card-bottom__more:hover { border-color: transparent; } .card-bottom__block { -webkit-transition: opacity .2s; transition: opacity .2s; } .card-bottom__block:hover { opacity: .7; } .card-modal__close { -webkit-transition: opacity .2s; transition: opacity .2s; } .card-modal__close svg path { -webkit-transition: .2s; transition: .2s; } .card-modal__close:hover { opacity: 1; } .card-modal__close:hover svg path { fill: #BA4265 !important; } .three-modal__toggle-btn:hover { color: #19398B; } .catalog-filter__notification:hover b { text-decoration: underline; } .city-modal__item { -webkit-transition: color .2s; transition: color .2s; } .city-modal__item::before { -webkit-transition: .2s; transition: .2s; } .city-modal__item:hover { color: #19398B; } .city-modal__item:hover::before { border-color: #19398B; } .reviews__product a:hover { text-decoration: none; } .reviews__prev, .reviews__next { -webkit-transition: .2s; transition: .2s; } .reviews__prev:hover, .reviews__next:hover { background-color: #BA4265; } .product-categories__item:hover .product-categories__img img { -webkit-transform: scale(1.15); transform: scale(1.15); } .product-categories__img { overflow: hidden; border-radius: 10px; } .product-categories__img img { -webkit-transition: -webkit-transform 1.5s; transition: -webkit-transform 1.5s; transition: transform 1.5s; transition: transform 1.5s, -webkit-transform 1.5s; } .catalog-list-n__img-wrap { border-radius: 5px; overflow: hidden; } .catalog-list-n__img-wrap .catalog-list-n__img { -webkit-transition: -webkit-transform 1.5s; transition: -webkit-transform 1.5s; transition: transform 1.5s; transition: transform 1.5s, -webkit-transform 1.5s; } .catalog-list-n__item:hover .catalog-list-n__img-wrap .catalog-list-n__img { -webkit-transform: scale(1.15); transform: scale(1.15); } .popular-categories__img { border-radius: 50%; overflow: hidden; } .popular-categories__img img { -webkit-transition: -webkit-transform 1.5s; transition: -webkit-transform 1.5s; transition: transform 1.5s; transition: transform 1.5s, -webkit-transform 1.5s; } .popular-categories__item:hover .popular-categories__img img { -webkit-transform: scale(1.15); transform: scale(1.15); } .product__btn a { -webkit-transition: .2s; transition: .2s; } .product__btn a:hover { color: #fff; background-color: #19398B; border-color: #19398B; } .compare-top__item:hover { color: #19398B; } .compare-top__item:hover span { color: #19398B; } .compare__prev, .compare__next { -webkit-transition: .2s; transition: .2s; } .compare__prev svg path, .compare__next svg path { -webkit-transition: .2s; transition: .2s; } .compare__prev:hover, .compare__next:hover { background-color: #19398B; border-color: #19398B; } .compare__prev:hover svg path, .compare__next:hover svg path { stroke: #fff; } .compare__delete { -webkit-transition: .2s; transition: .2s; } .compare__delete svg path { -webkit-transition: .2s; transition: .2s; } .compare__delete:hover { background-color: #19398B; } .compare__delete:hover svg path { fill: #fff; } .product__reviews a { -webkit-transition: .2s; transition: .2s; } .product__reviews a:hover { color: #BA4265; border-color: #BA4265; } .compare__btn { -webkit-transition: .2s; transition: .2s; } .compare__btn:hover { color: #19398B; border-color: #19398B; } .card-specif__item>b>a { -webkit-transition: .2s; transition: .2s; } .card-specif__item>b>a:hover { opacity: .7; } .card-specif__info-block>img { -webkit-transition: .2s; transition: .2s; } .card-specif__info-block:hover img { -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 231, 255, 0.8)) !important; opacity: 0.94; } .card-specif__files-item { -webkit-transition: color .2s; transition: color .2s; } .card-specif__files-item:hover { color: #19398B; } .card-modal-credit__title a:hover { text-decoration: underline; } .main-count__btn::before { -webkit-transition: .2s; transition: .2s; } .main-count__btn:hover::before { border-color: #19398B transparent transparent transparent; } .main-count__plus:hover::before { border-color: transparent transparent #19398B transparent; } .card-modal-credit__agree label span a:hover { text-decoration: underline; } } @media (max-width: 1023px) { body.menu-open { overflow: hidden; height: auto; } .header-top__btn { display: none; } .header-top .header-top__city, .header-top .header-top__nav { display: none; } .header-top { padding: 17px 0 13px; height: 54px; position: relative; z-index: 2; } .header-top__logo { position: absolute; left: 15px; top: 50%; transform: translate(0, -50%); } .header.menu-open .header__controls-item { opacity: 0; visibility: hidden; } .header-bottom { position: absolute; left: 0; top: 54px; width: 100%; height: calc(100vh - 54px); background-color: #fff; padding-bottom: 100px; overflow-y: auto; -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; visibility: hidden; -webkit-transition: opacity 0s .4s, visibility 0s .4s, -webkit-transform .4s; transition: opacity 0s .4s, visibility 0s .4s, -webkit-transform .4s; transition: transform .4s, opacity 0s .4s, visibility 0s .4s; transition: transform .4s, opacity 0s .4s, visibility 0s .4s, -webkit-transform .4s; } .header-bottom.active { -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .header-bottom.dropdown-open { overflow: hidden; } .header-bottom__col { display: none; } .header-bottom__nav>ul { display: block; } .header-bottom__nav>ul>li { font-size: 18px; border-bottom: 1px solid #D4D6DB; } .header-bottom__nav>ul>li:last-child { border-color: transparent; } .header-bottom__nav>ul>li>a { padding: 9px 0; padding-right: 30px; display: block; width: 100%; } .header-bottom__nav>ul>li>a::after { display: none; } .header-bottom__nav>ul>li>a.header-bottom__catalog-dropdown::before { content: ''; position: absolute; top: calc(50% - 7px); right: -2px; width: 14px; height: 14px; background: url(/local/templates/main_new/assets/css/../img/dropdown-arrow-menu.svg) center center no-repeat; background-size: contain; } .header-bottom__nav>ul>li.active>a { color: #19398B; } .header-bottom__nav>ul>li .header-bottom__drop-block { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; background-color: #fff; padding-bottom: 88px; z-index: 1; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .header-bottom__nav>ul>li .header-bottom__drop-block.active { -webkit-transform: translateX(0); transform: translateX(0); } .header-bottom__drop-sub { font-weight: 500; font-size: 20px; line-height: 24px; color: #19398B; background-color: #F3F4F6; padding: 9px 15px; margin-bottom: 20px; } .header-bottom__drop-col { margin-bottom: 30px; } .header-bottom__drop-col:last-child { margin-bottom: 0; } .header-bottom__drop-col>ul { margin: 0 0 30px; padding: 0 15px; } .header-bottom__drop-col>ul:last-child { margin-bottom: 0; } .header-bottom__drop-col>ul>li { padding: 0; font-size: 15px; line-height: 18px; margin-bottom: 15px; } .header-bottom__drop-col>ul>li:last-child { margin-bottom: 0; } .header-bottom__drop-col>ul>li::before { display: none; } .header-bottom__drop-col>ul>li>a { font-weight: 400; color: #32373E; } .header-bottom__nav { position: static; } .header-top__nav { margin-top: 36px; } .header-top__nav>ul { display: block; } .header-top__nav>ul>li { margin-right: 0; font-size: 18px; border-bottom: 1px solid #D4D6DB; } .header-top__nav>ul>li:last-child { border-color: transparent; } .header-top__nav>ul>li>a { padding: 9px 0; padding-right: 30px; line-height: 32px; display: block; width: 100%; color: #32373E; -webkit-transition: color .2s; transition: color .2s; } .header-top__nav>ul>li.dropdown>a { padding-right: 30px; display: block; } .header-top__nav>ul>li.dropdown>a::before { display: none; } .header-top__nav>ul>li.dropdown>a::after { content: ''; position: absolute; top: calc(50% - 7px); right: 0; width: 14px; height: 14px; background: url(/local/templates/main_new/assets/css/../img/dropdown-arrow-menu.svg) center center no-repeat; background-size: contain; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .header-top__nav>ul>li.dropdown>a.active { color: #19398B; } .header-top__nav>ul>li.dropdown>a.active::after { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .header-top__nav>ul>li.active>a { color: #19398B; } .header-top__nav>ul>li ul { margin: 0; padding: 0; } .header-top__nav>ul>li ul li { font-size: 15px; line-height: 18px; margin-bottom: 15px; } .header-top__nav>ul>li ul li:last-child { margin-bottom: 0; } .header-top__nav>ul>li ul li a { font-weight: 400; color: #32373E; -webkit-transition: color .2s; transition: color .2s; } .header-top__nav>ul>li>ul { padding-bottom: 20px; display: none; } .header-top__nav>ul>li>ul>li>ul { display: none; } .header-top__nav>ul>li>ul>li>ul>li:first-child { padding-top: 15px; } .dropdown-lvl-2.active>a { color: #19398B; } .main-banner__title { font-size: 36px; } /* .main-banner__btn { margin-top: 20px; } */ .main-banner__pagination { display: none; } .main-banner__bg { display: none; } .main-banner__small { display: block; height: 100%; } .main-banner__small img { height: 100%; width: 100%; object-fit: cover; } .main-banner__bgc { display: flex; flex-direction: column-reverse; align-items: flex-end; } .main-banner__bgc img { height: auto; width: auto; } h1, .title { font-size: 32px; } h2 { font-size: 24px; margin-bottom: 10px; } .col { padding-left: 5px; padding-right: 5px; } .product-categories__sub { margin-top: 20px; font-size: 24px; } .advantages { padding: 42px 0 50px; } .advantages__row { margin-top: 28px; } .advantages__col { width: 33.333333%; } .advantages__sub { margin-top: 15px; } .product-additional { display: none; } .product-categories { padding-bottom: 50px; } /* .banner { background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), color-stop(50%, #FAFAFA), color-stop(50%, #BFE4EB), to(#BFE4EB)); background: linear-gradient(180deg, #FAFAFA 0%, #FAFAFA 50%, #BFE4EB 50%, #BFE4EB 100%); } */ .banner__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 50px 0; min-height: 740px; } .banner__left { min-height: 0; display: block; width: 100%; height: 100vw; min-height: 480px; max-height: 550px; z-index: 1; padding: 50px 15px; } .banner__img { max-width: unset; position: absolute; top: 0; left: 0; margin: 0px; transform: translateY(-50%); max-width: 95%; } .banner__img img { max-width: 100%; } .banner__right { width: 100%; height: 90vw; max-height: 400px; padding: 0; background: none; display: block; position: relative; border-radius: 0px; left: unset; top: unset; transform: unset; margin-top: 0; overflow: unset; background-color: #BFE4EB; } .banner__right_wrapper { display: flex; flex-direction: column; padding: 50px 17px 45px 17px; justify-content: flex-end; height: 100%; } .banner__sub { font-size: 24px; line-height: 26px; } .banner__title { font-size: 62px; line-height: 68px; } .banner__desc { margin-top: 10px; } .banner__left-bottom { margin-top: 26px; } .banner__price>b { font-size: 42px; line-height: 46px; } .banner__price-old { margin-top: 6px; line-height: 35px; height: 35px; } .banner__advantages { margin-top: 20px; } .products-section__tabs { margin-top: 20px; margin-bottom: 30px; } .products-section__tabs-item { margin-right: 20px; width: 33.3333333%; font-size: 16px; padding-top: 10px; padding-bottom: 10px; } .home-about { padding: 50px 0; } .home-about__wrap { display: block; } .home-about__info { padding-left: 0; } .home-about__desc { max-width: 100%; } .home-about__desc p, .home-about__desc li { font-size: 18px; } .home-about__link { margin-top: 10px; } .home-about__video { margin-top: 20px; width: 100%; } .home-about__title { margin-bottom: 10px; } .products-section { padding: 50px 0; } .home-banner { padding: 50px 15px; } .home-banner::before { width: 1000px; } .home-banner__call { margin-top: 30px; } .home-banner__desc { font-size: 18px; } .products-section__col { width: 50%; } .products-section .product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 15px; } .products-section .product .product__content { width: 100%; } .products-section .product .product__tags { position: static; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products-section .product .product__tags .product__tag-item { margin-right: 6px; margin-bottom: 6px; } .products-section .product .product__img { width: 160px; -ms-flex-negative: 0; flex-shrink: 0; height: auto; padding-bottom: 0; margin-bottom: 16px; } .products-section .product .product__img img { border-radius: 4px; position: static; } .products-section .product .product__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0; } .product__desc { font-size: 15px; line-height: 24px; } .product__name { margin-top: 0; font-size: 18px; line-height: 24px; } .product-tag { height: 22px; } .product__tag-item .price-label { width: 34px; height: 19px; font-size: 9px; font-weight: 400; padding-left: 6px; } .breadcrumbs { padding: 12px 0; } .breadcrumbs a, .breadcrumbs i, .breadcrumbs span { font-size: 13px; line-height: 16px; } .post-title { margin-top: 20px; } .post { padding-bottom: 80px; } .catalog-desc { display: none; } .catalog-tags__item { font-size: 14px; line-height: 15px; padding: 9px 15px; } .catalog-top { margin-top: 15px; display: block; } .catalog-filter { margin: 0; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 98; background-color: #fff; padding: 0 15px 75px; overflow-y: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; } .catalog-filter.active { -webkit-transform: translateX(0); transform: translateX(0); } .catalog-filter__header { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .catalog-filter__bottom { margin-top: 0; margin-bottom: 30px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .catalog-filter__wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .catalog-filter__list { max-height: 35vh; } .catalog-wrap { margin-top: 30px; display: block; } .catalog-top__sort { display: none; } .catalog-top__btn { margin: 0 0 24px; } .catalog-top__btn .btn { display: block; width: 100%; } .product.product--single .product__content { padding-bottom: 0; } .product.product--single .product__content .product__specifications, .product.product--single .product__content .product__controls { display: none; } .product__mob { margin-top: 17px; } .recommend { margin-top: 60px; } .recommend__title { margin-bottom: 20px; } .catalog-info { margin-top: 50px; } .catalog-info__more { margin-top: 20px; } .catalog-info__more span { font-size: 16px; } .catalog-list__col { width: 33.333333%; } .catalog-list__sub { font-size: 20px; line-height: normal; margin-top: 16px; } .catalog-list { margin-top: 30px; } .catalog-list-n { margin-top: 40px; } .catalog-list-n__row { margin-bottom: -30px; } .catalog-list-n__col { width: 33.3333333%; margin-bottom: 30px; } .not-found__img>img { display: none; } .not-found__img { top: 0; right: auto; left: 0; width: 100%; height: 100%; text-align: center; } .not-found__error { position: static; font-size: 390px; } .not-found__row { padding: 60px 0; height: auto; } .page-info__title { font-size: 40px; } .not-found__search { margin-top: 40px; } .watched-products { margin-top: 80px; } .empty { padding: 60px 0 30px; } .search-result__top { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } .search-result__sort { display: none; } .search-result__form { margin-right: 0; width: calc(50% - 15px); } .card .price-label { width: 36px; height: 22px; font-size: 10px; font-weight: 500; padding-left: 6px; } .card-controls__btn>span { display: none; } .card-controls__btn { margin-right: 10px; width: 40px; height: 40px; box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05); border-radius: 50%; } .card-adv__col { width: 50%; } .card-adv__desc { margin-top: 20px; } .card-adv { padding: 60px 0; } .section-bottom { margin-bottom: -80px; } .card-bottom__row { display: block; } .card-bottom__block { width: 100%; margin-bottom: 15px; } .card-bottom__block:last-child { margin-bottom: 0; } .card-bottom__info { display: block; } .card-bottom__col { width: 100%; margin-bottom: 30px; } .card-bottom__col:last-child { margin-bottom: 0; } .card-bottom, .card-specif { padding: 60px 0; } .card-bottom__more { margin-top: 20px; } .catalog-filter__notification { display: none; } .city-modal__title { margin-bottom: 30px; } .reviews__title { line-height: normal; margin-bottom: 20px; } .reviews__bottom { margin-top: 30px; } .product.product--single .product__select-wrap { margin-top: 33px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .product.product--single .product__select-wrap .product__mob { margin: 0; margin-top: -4px; padding: 0; } .product.product--single .product__select-wrap .product__select { margin-top: 0; } .product.product--single .product__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product.product--single>.product__mob { padding-top: 0; margin-top: 0; } .recommend { max-width: 100%; } .search-result__wrap .recommend__col { width: 50%; } .product__s-wrap { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .compare__left { width: 230px; -ms-flex-negative: 0; flex-shrink: 0; } .compare__right { width: calc(100% - 260px); } .card-info__colors-info { display: none; } .products-section .product__name { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .products-section .product__specifications { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .card-specif__row { display: block; } .card-specif__col { width: 100%; } .card-specif__right { margin-top: 60px; } .card-specif__title { margin-bottom: 25px; font-weight: 400; } .page__body .b24-widget-button-inner-container, .page__body .b24-widget-button-popup { display: none; } } @media (min-width: 768px) { .home-banner__img { display: none; } .recommend__more { display: none; } } @media (max-width: 767px) { .product-categories__sub { margin-top: 18px; font-size: 18px; line-height: 24px; font-weight: 600; } .products-section__tabs-item { margin-right: 10px; font-size: 14px; padding-top: 10px; padding-bottom: 10px; } .home-about__desc p, .home-about__desc li { font-size: 15px; } .home-banner { background: none !important; padding: 50px 15px 40px 15px; height: auto; min-height: auto; margin-bottom: 0; } .watched-products.products-section { margin-top: 0; } .home-banner__wrap { max-width: 100%; } .home-banner__btn { margin: 0; } .home-banner__btn .btn { display: block; width: 100%; } .home-banner__title { margin-bottom: 10px; } .home-banner__desc { font-size: 15px; line-height: 21px; } .home-banner__call { margin-top: 14px; font-size: 15px; line-height: 21px; font-weight: 300; } .home-banner__call a { font-weight: 400; } .product.product--single { padding: 20px; } .product.product--single .product__s-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product.product--single .product__img { width: 144px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 24px; padding: 0; } .product.product--single .product__img img { position: static; border-radius: 4px; } .product.product--single .product__mob, .product.product--single .product__content { padding: 0; } .product.product--single .product__tags { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product.product--single .product__tags .product__tag-item { margin-bottom: 6px; margin-right: 6px; } .recommend__col { width: 100%; } .recommend__col:nth-child(1n + 2) { display: none; } .recommend__row.active .recommend__col:nth-child(1n + 2) { display: block; } .catalog-list__col { width: 50%; } .catalog-list-n__col { width: 50%; } .page-info__desc p, .page-info__desc li { font-size: 18px; } .page-info__title { font-size: 34px; } .not-found__error { font-size: 260px; } .reviews__slider-wrapper { max-width: 100%; margin-left: 30px; } .reviews__block { padding-left: 30px; padding-right: 30px; } .reviews__bottom-rating { margin-right: 40px; } .reviews__prev { left: -20px; } .reviews__next { right: -20px; } .reviews__prev, .reviews__next { width: 40px; height: 40px; } .reviews__prev img, .reviews__next img { max-width: 16px; } .reviews__slider-wrapper { margin-left: 20px; margin-right: 20px; } .reviews__info { font-size: 16px; line-height: 28px; } .product.product--single .product__select-wrap .product__mob { margin-top: 0; } .product.product--single .product__select-wrap { margin-top: 20px; margin-left: -167px; } .products-section__col { width: 100%; } .products-section .product { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .products-section .product .product__content { width: auto; } .products-section .product .product__img { margin-bottom: 0; margin-right: 16px; } .search-result__wrap .recommend__col { width: 100%; } .product__s-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .compare-top__tabs { margin-bottom: -5px; } .compare-top__item { font-size: 14px; padding: 8px 10px; margin-bottom: 5px; } .card-specif__item { font-size: 15px; } .card-specif__item>span, .card-specif__item>b { width: 50%; } .card-specif__item>b>a { font-size: 12px; } .card-modal-base { padding: 60px 20px 50px; } } @media (max-width: 575px) { .main-banner__slide { height: 410px; } .card-advantages__item {} .card-advantages__icon { opacity: .4; } .card-advantages__icon .wrap_img { height: 40px; display: flex; align-items: center; } .card-advantages__sub { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; /* Black */ color: #32373E; } .card-advantages__icon img { max-width: 37px; filter: grayscale(1); } .card-advantages__icon>span { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-size: 9.06271px; line-height: 11px; text-align: center; color: #22252A; } .main-banner__wrap { -webkit-box-pack: end; -ms-flex-pack: end; position: absolute; height: auto; top: 38px; left: 21px; right: 21px; bottom: 38px; display: flex; flex-direction: column; align-items: flex-start; } .main-banner__wrap__top { justify-content: flex-start; } .main-banner__wrap__bottom { justify-content: flex-end; } .main-banner__label { margin-bottom: 16px; } .main-banner__title { font-size: 32px; margin-bottom: 11px; } .main-banner__preview { margin-bottom: 23px; } .btn { min-width: 0; padding-left: 35px; padding-right: 35px; } .advantages__sub { font-size: 12px; margin-top: 14px; } .products-section__btn .btn { display: block; width: 100%; } .header-mob__controls { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .products-section .product { border-radius: 0; border: 0; margin-left: -15px; margin-right: -15px; border-bottom: 1px solid #ECEEF0; } .products-section .product .product__price { display: block; } .products-section .product .product__price b { display: block; } .products-section .product .product__price s { margin-top: 4px; margin-left: 0; } .products-section .products-section__col:last-child .product { border-bottom: 0; } .products-section__row { margin-bottom: 0; } .products-section__col { margin-bottom: 0; } .search-modal { padding: 20px 15px; } .search-modal__input { margin: 0 20px; font-size: 16px; } .search-modal { margin: 0; vertical-align: middle; } .post { padding-bottom: 50px; } .product.product--single .product__price { display: block; } .product.product--single { padding-left: 15px; padding-right: 15px; } .product.product--single .product__img { margin-right: 15px; } .product__mob .product__icon-wrap { margin-left: 15px; } .catalog-list__row { margin-bottom: -30px; } .catalog-list__col { margin-bottom: 30px; } .catalog-list__sub { font-size: 18px; } .not-found__error { padding-top: 40px; font-size: 200px; } .not-found__row { padding: 50px 0; } .watched-products { margin-top: 60px; } .empty { padding: 30px 0 0; } .page-info__btns-wrap { margin-top: 25px; display: block; } .page-info__btn { margin-right: 0; margin-bottom: 15px; } .page-info__btn .btn { display: block; width: 100%; } .search-result__top { display: block; } .search-result__form, .search-result__select { width: 100%; } .search-result__form { margin-bottom: 15px; } .card-advantages { -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-around; } .card-advantages__item { margin-right: 0; width: 80px; margin-bottom: 20px; width: 60px; margin: 0; } .card-info__characteristics, .card-info__dops { display: block; } .card-info__dops-case { margin-top: 20px; } .card-info__color { margin-top: 20px; } .card-info__btns-wrap { display: block; } .card-info__btn { margin-right: 0; margin-bottom: 10px; } .card-info__btn:last-child { margin-bottom: 0; } .card-info__btn .btn { display: block; width: 100%; } .card-price__top { -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-info__dops-main { width: 100%; } .card-info__size { width: 100%; } .card-adv__col { width: 100%; } .section-bottom { margin-bottom: -50px; } .card-bottom__block { height: 100px; } .card-bottom__block span { font-size: 24px; } .card-bottom__block img { margin-right: 20px; } .qr-modal__title { font-size: 24px; } .qr-modal { padding-left: 20px; padding-right: 20px; } .three-modal { padding-top: 40px; } .three-modal__toggle-btn { font-size: 14px; padding: 10px 15px; } .city-modal { padding-left: 15px; padding-right: 15px; } .qr-modal__img { margin-left: -20px; margin-right: -20px; } .reviews__prev, .reviews__next { display: none; } .reviews__desc p, .reviews__desc li { font-size: 15px; line-height: 21px; } .reviews__block { padding: 0px; padding-bottom: 40px; } .reviews__block>* { margin: 0 8px 0 20px; } .reviews__desc { margin-top: 12px; margin-bottom: 12px; } .reviews__title { font-size: 24px; line-height: 1.1; font-weight: 400; margin: 0 0 45px 0; } .reviews__desc .more { font-size: 15px; line-height: 21px; } .reviews__slider-wrapper { margin: 0; } .reviews__bottom { margin-top: 30px; } .reviews__bottom-rating { margin-right: 0; } .reviews__bottom-img { box-shadow: 0px 24px 84px rgba(25, 57, 139, 0.09); } .product.product--single .product__select-wrap { margin-top: 20px; margin-left: -160px; } .card-pic__item--video a::before { background-size: 50px; } .compare { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .compare__left { margin-right: 0; width: calc(50% - 7px); } .compare__right { width: calc(50% - 7px); } .compare__slider { padding-right: 1px; } .compare__item .product__price>b { font-size: 20px; display: block; } .compare__item .product__price { display: block; margin-top: 10px; } .product__reviews { margin-top: 15px; } .compare__item .product__content { padding-top: 15px; padding-bottom: 25px; } .compare__labels .compare__list-item { padding-left: 15px; } .compare__list-item { font-size: 14px; line-height: 130%; min-height: 54px; } .compare__btn-wrap { margin-top: 30px; } .compare__btn { font-size: 14px; padding: 10px 15px; } .compare__radio { font-size: 14px; } .compare__radio a { padding-left: 30px; } .product__reviews { font-size: 14px; line-height: 22px; } .compare__delete { top: 5px; right: 5px; } .card-specif__item { font-size: 12px; } .card-specif__item>span { width: 60%; } .card-specif__item>b { width: 40%; } .card-specif__item>span::before { top: 10px; } .card-specif__info-block-content { font-size: 12px; padding: 6px 10px; width: calc(100vw - 115px); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .card-specif__info-block:hover .card-specif__info-block-content { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .card-modal-credit__header { display: block; } .card-modal-credit__header-col { margin-top: 15px; } .card-modal-credit__content { padding-left: 0; padding-right: 0; } .card-modal-credit__img img { margin: 0; } .card-modal-credit__col { width: 100%; } .card-modal-credit { padding-top: 40px; padding-bottom: 45px; } .card-modal-credit__btn .btn { display: block; width: 100%; } .card-modal-base { padding-left: 10px; padding-right: 10px; } .card-modal-base__left { padding-right: 15px; } .card-modal-base__desc { font-size: 14px; line-height: 125%; } .card-modal-base__price { margin-top: 15px; font-size: 20px; } .wrap_slides { background-image: unset !important; padding: 0; } .product__price{ margin-top:6px; } } @media (max-width: 374px) { .home-about__video::before { background-size: 60px; } .header__controls { right: 10px; } .header-mob__top { margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; } .header-mob__controls { display: block; text-align: center; } .header-mob__contacts { margin-left: 0; margin-top: 10px; } .header-bottom__drop-sub { padding-left: 10px; padding-right: 10px; } .header-bottom__drop-col>ul { padding-left: 10px; padding-right: 10px; } .header-mob__drop-sub { padding-left: 10px; padding-right: 10px; } .products-section .product { margin-left: -10px; margin-right: -10px; } .products-section .product .product__img { width: 100px; } .catalog-filter { padding-left: 10px; padding-right: 10px; } .catalog-filter__show { left: 10px; right: 10px; } .popular-categories__slider-wrap { padding-left: 15px; padding-right: 15px; } .popular-categories__prev { left: -5px; } .popular-categories__next { right: -5px; } h1, .title { font-size: 28px; } } .header-mob__top { position: relative; } .header-mob__login--form { display: none; position: absolute; right: 10px; top: 100%; background: #fff; z-index: 1; max-width: 250px; padding: 15px; border: 1px solid #D4D6DB; border-radius: 5px; } .header-mob__login--form.active { display: block; } .b24-form .b24-window-widget { width: 375px; } a[href="/usloviya-rassrochki/"] { display: none !important; } ul.strong_list li { display: flex; flex-wrap: wrap; margin-bottom: 30px; } ul.strong_list li .date { width: 40px; margin-right: 30px; font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; /* identical to box height */ color: #19398B; position: relative; height: 27px; display: flex; align-items: center; } ul.strong_list li .date:after { content: ''; position: absolute; display: block; width: 10px; height: 1px; background: #19398B; top: 0; bottom: 0; margin: auto; left: calc(100% + 7px); } ul.strong_list li .cont { flex: 0 0 auto; font-family: Fira Sans; font-style: normal; font-weight: 300; font-size: 17px; line-height: 27px; /* or 159% */ color: #32373E; max-width: calc(100% - 70px); } .product-information-block ul li:before { position: absolute; display: block; content: ''; width: 20px; height: 20px; top: 6px; left: -32px; background: url(/local/templates/strong/img/blue-new-interface/list-style-2.png) center center no-repeat; } ul.strong-small { padding-left: 20px; margin-bottom: 24px; list-style: none; } .more-post__item-status { display: none; } .span-like-a-general { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; text-decoration-line: underline; color: #19398B; } .span-like-a-general .link-requisites { font-size: 16px; } div.head p.perpage { float: right; color: #333; position: relative; top: 10px; } div.head p.perpage b { font-weight: 600; margin-left: 10px; } div.head p.perpage a { color: #0d2c92; margin-left: 10px; } div.reviews div.item div.head { margin-bottom: 15px; } div.reviews div.item div.head div.stars { float: right; padding-top: 12px; } div.reviews div.item div.head p.date { font-style: italic; color: #989898; font-size: 12px; margin: 0; } div.articles div.head { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0; margin-bottom: 25px; position: relative; top: -5px; } div.articles div.head div.search { float: left; } div.articles div.articlesContent { float: left; width: 100%; padding-top: 5px; max-width: 870px; } div.articles div.articlesContent div.item { padding-bottom: 15px; margin-bottom: 20px; position: relative; } div.articles div.articlesContent div.item p.title { color: #315bae; } div.articles div.articlesContent div.item p.title a { color: #315bae; } div.articles div.articlesContent div.item div.info { margin-bottom: 15px; display: flex; align-items: center; } div.articles div.articlesContent div.item div.info span.date { margin-right: 15px; font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; /* identical to box height */ color: rgba(25, 57, 139, 0.6); } div.articles div.articlesContent div.item div.info div.icons { float: none; position: relative; order: 1; } div.articles div.articlesContent div.item div.info div.icons span { margin-left: 20px; } div.articles div.articlesContent div.item div.pic { margin-bottom: 20px; float: left; width: 150px; margin-right: 20px; } div.articles div.articlesContent div.item div.pic img { width: 100%; } div.articles div.articlesAside { float: right; width: 270px; } div.cataloglistIn div.item { float: left; margin-right: 20px; margin-bottom: 23px; } div.cataloglistIn div.item img { border-right: 1px solid #dfe6f3; display: block; border-left: 1px solid #dfe6f3; border-bottom: 2px solid #90ace2; margin-top: 12px; } div.cataloglistIn div.item a { color: #315bae; font-size: 15px; } .item .item-text b { font-weight: 600; font-family: 'Open Sans', sans-serif; } .item .item-text div { margin: 0; padding: 0; border: 0; font-size: 100%; -webkit-font-smoothing: antialiased; font-weight: 400; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .accept_filter { border: 2px solid #19398B; border-radius: 4px; display: flex; align-items: center; justify-content: center; height: 50px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 21px; color: #19398B; display: none; } .accept_filter.active { display: flex; } .faq { background: #FAFAFA; padding: 92px 0 100px 0; margin: 0 0 85px 0; } .faq .big_title { margin: 0 0 39px 0; } .faq_wrapper { background: #FFFFFF; border-radius: 10px; padding: 50px 50px 43px 50px; } .faq_title { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-size: 17px; line-height: 28px; color: #19398B; margin: 0 0 5px 0; transition: .3s; padding: 0 20px 0 0; } .faq_item a { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-size: 17px; line-height: 28px; color: #19398B; transition: .3s; } .faq_text { font-family: 'Fira Sans'; font-style: normal; font-weight: 300; font-size: 17px; line-height: 150%; color: #32373E; max-width: 868px; display: none; } .faq_item { position: relative; padding: 0px 0 30px 0; margin: 0 0 19px 0; border-bottom: 1px solid #F2F2F2; cursor: pointer; } .faq_item:hover .faq_title, .faq_item a:hover { color: #345fcc; } .faq_icon { position: absolute; top: 0; right: 0; transition: .3s; } .faq_item.open .faq_icon { transform: rotate(-180deg); } .big_title { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-size: 48px; line-height: 110%; color: #1D3A86; margin: 0 0 21px 0; } .faq .big_title { margin: 0 0 39px 0; } .additionals_ico { display: flex; gap: 10px; } .additionals_ico .it {} .additionals_ico .it img { width: 90px; } .additionals_ico .text b { font-weight: 500; } .article_image_block { width: 100%; height: 420px; max-height: 420px; margin: 30px 0 10px 0; } .article_image_block img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .article_block p { font-family: 'Fira Sans'; font-style: normal; font-weight: 300; font-size: 17px; line-height: 28px; color: #32373E; margin: 0 0 10px 0; } .article_block p:last-of-type { margin: 0; } .article_block table { width: 100%; height: auto; border-collapse: collapse; margin: 0 0 30px 0; } .article_block table th { border-bottom: 2px solid #19398B; font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 30px; color: #32373E; text-align: left; padding: 0 20px 11px 20px; } .article_block table td { width: 50%; font-family: 'Fira Sans'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 140%; color: #32373E; padding: 18px 20px; } .article_block table tr:nth-child(even) { background: #ECF7F9; } .article_block .items { display: flex; justify-content: space-between; flex-wrap: wrap; } .article_block .items .item { display: flex; flex-direction: column; align-items: center; border: 1px solid #DDDDDD; border-radius: 4px; padding: 18px 8px 43px 8px; flex: 0 0 calc(33% - 10px); } .article_block .items .item .subtitle { font-family: 'Fira Sans'; font-style: normal; font-weight: 300; font-size: 17px; line-height: 30px; text-align: center; color: #32373E; } .article_block .items .item .title { font-family: 'Fira Sans'; font-style: normal; font-weight: 600; font-size: 21px; line-height: 30px; text-align: center; color: rgba(25, 57, 139, 1); } .article_block .items .item .cost { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-size: 26px; line-height: 28px; color: #32373E; margin: 0 0 26px 0; } .article_block .items .item .cost span { font-family: 'Fira Sans'; font-style: normal; font-weight: 300; font-size: 26px; line-height: 28px; color: #32373E; } .article_block .items .item .btn_more { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 14px; display: flex; align-items: center; justify-content: center; color: #6D7686; border: 2px solid #BFE4EB; border-radius: 4px; width: 124px; height: 40px; transition: .3s; } .article_block .items .item .btn_more:hover { background: #BFE4EB; color: #fff; } .article_block .items .item .image { width: 100%; height: 173px; max-height: 173px; } .article_block .items .item .image img { width: 100%; height: 100%; object-fit: contain; object-position: center; } .article_block blockquote { width: 100%; background: #ECF7F9; padding: 40px 60px; margin: 30px 0; } .article_block blockquote p { font-family: 'Fira Sans'; font-style: italic !important; font-weight: 300; font-size: 19px; line-height: 150%; color: #32373E; margin: 0; padding: 0; } .article_block .items_second { margin: 0 0 49px 0; } .article_block .items_second .item_second { display: flex; gap: 40px; background: #FFFFFF; border: 1px solid #ECEEF0; border-radius: 10px; padding: 20px 52px 20px 20px; margin: 0 0 20px 0; } .article_block .items_second .item_second:last-of-type { margin: 0; } .article_block .items_second .item_second .image { border-radius: 10px; overflow: hidden; min-width: 300px; max-width: 300px; min-height: 225px; max-height: 225px; } .article_block .items_second .item_second .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .article_block .items_second .item_second .item_second_title { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; color: #1D3A86; margin: 0 0 10px 0; } .article_block .items_second .item_second .item_second_text { font-family: 'Fira Sans'; font-style: normal; font-weight: 300; font-size: 17px; line-height: 28px; color: #32373E; } .article_block h2 { margin: 50px 0 14px 0 !important; } .article_block figcaption { font-family: 'Fira Sans'; font-style: italic !important; font-weight: 300 !important; font-size: 17px !important; line-height: 28px !important; color: #32373E; margin: 0 0 12px 0 !important; } .article_block h4 { font-family: 'Fira Sans'; font-style: normal; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; color: #1D3A86; margin: 32px 0 10px 0 !important; } .article_block .faq_block_2_block { width: 100%; height: 100%; } @media(max-width:700px) { .card-advantages__item {} .card-advantages__icon { opacity: .4; } .card-advantages__icon .wrap_img { height: 40px; display: flex; align-items: center; } .card-advantages__sub { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; /* Black */ color: #32373E; } .card-advantages__icon img { max-width: 37px; filter: grayscale(1); } .card-advantages__icon>span { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-size: 9.06271px; line-height: 11px; text-align: center; color: #22252A; } .article_block .items .item { flex: 0 0 100%; } .article_block .items { row-gap: 20px; } .article_block blockquote { padding: 20px 30px; margin: 20px 0; } .article_block .items .item { padding-bottom: 20px; padding-top: 5px; } .article_block .items .item .image { height: 140px; max-height: 140px; } .article_block .items .item .subtitle { font-size: 15px; } .article_block .items .item .title { font-size: 18px; margin: 0 0 10px 0; } .article_block .items .item .cost { font-size: 24px; margin: 0 0 15px 0; } .article_block table td { font-size: 13px; padding: 12px; } .article_block table th { padding: 0 12px 12px 12px; font-size: 14px; } .article_block .items_second .item_second { flex-direction: column; padding: 20px; gap: 20px; } .article_block .items_second .item_second .item_second_text { font-size: 14px; } .article_block .items_second .item_second .image { height: 200px; max-height: 200px; width: 100%; max-width: 100%; min-width: auto; min-height: auto; } .article_image_block { height: 230px; max-height: 230px; } .article_block blockquote p { font-size: 13px !important; } .article_block figcaption { font-family: 'Fira Sans'; font-style: italic !important; font-weight: 300 !important; font-size: 13px !important; line-height: 20px !important; color: #32373E; margin: 0 0 16px 0 !important; } .article_block h2 { margin-top: 40px !important; margin-bottom: 5px !important; } .card-advantages__item {} .card-advantages__icon .wrap_img {} .card-advantages__icon img {} .card-advantages__icon>span {} } .shield-discount span { width: 72px; height: 50px; background: url(/local/templates/main/assets/css/../img/price-label.svg) center center no-repeat; background-size: contain; 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; text-align: center; -ms-flex-negative: 0; flex-shrink: 0; font-weight: 700; font-size: 19px; line-height: 1; color: #fff; padding-left: 10px; padding-left: 14px; position: absolute; left: 18px; top: 0; } /* .faq_item:nth-child(1) .faq_text, .faq_item:nth-child(2) .faq_text, .faq_item:nth-child(3) .faq_text{ display: block; } .faq_item:nth-child(1) .faq_icon, .faq_item:nth-child(2) .faq_icon, .faq_item:nth-child(3) .faq_icon { transform:rotate(180deg); } .faq_item:nth-child(1).open .faq_icon, .faq_item:nth-child(2).open .faq_icon, .faq_item:nth-child(3).open .faq_icon{ transform:rotate(0deg); }*/ .menu_swiper { width: 100%; height: 100%; background: #19398B; } .swiper_block_ban { width: 100%; max-width: calc(66.6666% - 50px); height: 294px; max-height: 294px; background: #19398B; position: relative; margin: 78px 50px 0 0; overflow: hidden; margin-bottom:50px; } .swiper_block_ban.w100 { max-width: 100%; width: 100%; margin: -28px 40px 40px 40px; height: 256px; max-height: 256px; } .banner_matras_wrapper_title { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-size: 45px; line-height: 130%; color: #213886; margin-bottom: 17px; position: relative; z-index: 3; max-width: 199px; } .banner_matras.w100 .banner_matras_wrapper_title { max-width: 100%; } .banner_matras_wrapper_btn { display: flex; justify-content: center; align-items: center; width: 124px; height: 40px; font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 14px; display: flex; align-items: center; color: #FFFFFF; background: #19398B; border-radius: 4px; transition: .3s; position: relative; z-index: 3; } .banner_matras_wrapper_btn:hover { background: #fff; color: #19398B; } .banner_matras_wrapper_image { position: absolute; bottom: 0; right: -60px; z-index: 2; max-width: 361px; width: 100%; } .banner_matras.w100 .banner_matras_wrapper_image { max-width: 396px; width: 100%; right: -5px; } .cloud_cost { display: flex; justify-content: center; align-items: center; flex-direction: column; background: #BA4265; width: 120px; height: 120px; border-radius: 50%; position: absolute; right: 217px; bottom: 26px; z-index: 2; } .banner_matras.w100 .cloud_cost { right: 319px; } .cloud_cost .cloud_cost_new { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; text-align: center; color: #FFFFFF; } .cloud_cost_old { display: flex; align-items: center; font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #F89BB6; position: relative; margin-right: 15px; } .cloud_cost_old::after { content: ''; display: block; width: 100%; height: 1px; background: #F89BB6; position: absolute; left: 0; transform: rotate(15deg); } .header-bottom__drop-block { display: flex; flex-wrap: wrap; justify-content: space-between; } .banner_matras.catalog { align-items: flex-start; justify-content: flex-start; width: 100%; max-width: 100%; padding: 26px 20px; height: 354px; max-height: 354px; background: linear-gradient(180deg, #FAB2A2 0%, rgba(250, 178, 162, 0.25) 100%); border-radius: 4px; margin: 32px 0 0 0; } .banner_matras.catalog .banner_matras_wrapper_title span { font-family: 'Fira Sans'; font-style: normal; font-weight: 300; font-size: 24px; line-height: 110%; color: #1D3A86; } .banner_matras.catalog .banner_matras_wrapper_title { display: flex; flex-direction: column; font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-size: 52px; line-height: 110%; color: #1D3A86; margin-bottom: 18px; max-width: 100%; } .banner_matras.catalog .banner_matras_wrapper_image { max-width: 262px; right: -5px; } .banner_matras.catalog .cloud_cost { right: 178px; width: 90px; height: 90px; bottom: 22px; } .banner_matras.catalog .cloud_cost .cloud_cost_new { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-size: 17px; line-height: 20px; color: #FFFFFF; } .banner_matras.catalog .cloud_cost .cloud_cost_old { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: #F89BB6; } .menu_swiper_item { display: block; width: 100%; height: 100%; position: relative; border-radius: 16px; overflow: hidden; } .menu_swiper_item img { width: 100%; height: 100%; } .cat_swiper { overflow: hidden; } .swiper_block_cat { margin-top: 30px; } .info-table__row { column-gap: 50px; margin-bottom: 20px; } .info-table__row .info-table__title { font-size: 18px; font-weight: 700; min-width: 250px; } .info-table__row .info-table__content { font-size: 16px; font-weight: 400; max-width: 450px; margin-bottom: 0px !important; } @media screen and (max-width: 1200px) { .banner_matras { display: flex; flex-direction: column; justify-content: flex-start; max-width: 55%; height: 387px; max-height: 387px; background: linear-gradient(180deg, #FAB2A2 0%, rgba(250, 178, 162, 0.25) 100%); background-color: #fff; border-radius: 16px; padding: 29px 30px 30px 20px; position: relative; margin: 78px 40px 0 0; overflow: hidden; } .banner_matras_wrapper_title { display: flex; flex-direction: column; } .banner_matras_wrapper_title span { font-family: 'Fira Sans'; font-style: normal; font-weight: 300; font-size: 24px; line-height: 110%; color: #1D3A86; } .banner_matras.w100 .banner_matras_wrapper_title span { max-width: 100%; font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-size: 45px; line-height: 130%; color: #213886; position: relative; z-index: 3; } .swiper_block_ban, .swiper_block_ban.w100 { height: auto; max-height: none; } } @media screen and (max-width: 992px) { .header-bottom__drop-block { display: block; flex-wrap: nowrap; justify-content: center; } .banner_matras_wrapper_title span { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-size: 45px; line-height: 130%; color: #213886; } .banner_matras.w100 .banner_matras_wrapper_title span { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-size: 45px; line-height: 130%; color: #213886; position: relative; z-index: 3; } .swiper_block_ban, .swiper_block_ban.w100 { background: #fff; max-width: 100%; max-height: none; padding: 0 15px; margin: 0; } .swiper_block_ban.w100 .swiper-slide { max-width: 100%; } .swiper_block_ban .swiper-slide { width: auto; } .menu_swiper { background: #fff; } .menu_swiper { overflow: hidden; } .swiper_block_cat { margin-top: 0; } .cat_swiper { overflow: hidden; } .cat_swiper .swiper-slide { width: auto; } .info-table__row .info-table__content { max-width: 350px; } } @media screen and (max-width: 767px) { .swiper_block_ban .swiper-slide { max-width: 100%; } .info-table__row .info-table__content { max-width: 100%; } .info-table__row .info-table__title { min-width: 1px; width: 100%; max-width: 100%; } .info-table__row { flex-direction: column; row-gap: 5px; } } .catalog_list_row { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 70px; margin: 0 -15px; } .catalog_list_big_col { width: 100%; max-width: 33.3333%; padding: 0 15px; } .catalog_list_big_title { margin-top: 29px; font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-size: 32px; line-height: 110%; text-align: center; color: #19398B; } .catalog_list_big_img { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; max-height: 506px; background: #E9F6F8; border-radius: 10px; overflow: hidden; transition: .3s; } .catalog_list_big_img img { width: 100%; height: 100%; object-fit: cover; transition: .6s; } .catalog_list_small_col { width: 100%; max-width: 20%; padding: 0 15px; } .catalog_list_small_col_img { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; max-height: 302px; background: #E9F6F8; border-radius: 5px; overflow: hidden; } .catalog_list_small_col_img img { width: 100%; height: 100%; object-fit: cover; transition: .6s; } .catalog_list_small_col_title { margin-top: 20px; padding: 0 5px; font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 110%; text-align: center; color: #19398B; transition: .3s; } .catalog_list_small_col:hover .catalog_list_small_col_title, .catalog_list_big_col:hover .catalog_list_big_title { color: #BA4265; } .catalog_list_small_col:hover .catalog_list_small_col_img img, .catalog_list_big_col:hover .catalog_list_big_img img { transform: scale(1.1); } @media screen and (max-width:1200px) { .catalog_list_small_col_title { font-size: 20px; margin-top: 20px; } .catalog_list_big_title { font-size: 28px; margin-top: 20px; } } @media screen and (max-width:992px) { .catalog_list_big_title { font-size: 24px; margin-top: 15px; } .catalog_list_row { row-gap: 40px; } .catalog_list_small_col { max-width: 33.3333%; } .catalog_list_small_col_title, .catalog_list_big_title { font-size: 20px; margin-top: 15px; padding: 0; } .catalog_list_small_col_img, .catalog_list_big_img { border-radius: 10px; min-height: 190px; } } @media screen and (max-width:550px) { .catalog_list_small_col { max-width: 50%; padding: 0 7.5px; } .catalog_list_small_col_img, .catalog_list_big_img { min-height: 204px; height: 204px; } .catalog_list_big_col { max-width: 50%; padding: 0 7.5px; } .catalog_list_row { row-gap: 30px; margin: 0 -7.5px; } .catalog_list_small_col_title, .catalog_list_big_title { font-size: 16px; } } /* Адаптив лендинга */ .rek_block { display: flex; align-items: center; justify-content: space-between; width: 100%; background: #1D3A86; border-radius: 5px; padding: 47px 52px 45px 53px; margin-top: 60px; } .rek_block_title { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-size: 32px; line-height: 46px; color: #FFFFFF; max-width: 500px; } .rek_block_link { display: flex; justify-content: center; align-items: center; text-decoration: none; padding: 11px 56px 15px 56px; background: #FFFFFF; border-radius: 8px; font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 24px; color: #19398B; } .reviews__bottom-img { box-shadow: none !important; } .reviews__bottom img { width: 155px; max-width: 155px; height: auto; } .banner__right { left: auto; right: 0; width: 600px; height: 1000px; border-radius: 500px 0 0 500px; } @media screen and (max-width: 1200px) { .rek_block_link { padding: 10px 40px; } .rek_block_title { font-size: 24px; line-height: 34px; padding-right: 15px; } .rek_block { padding: 35px; } .banner__advantages { flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .banner__advantages-item { width: 100%; max-width: 50%; padding: 0 10px; margin-right: 0px; } } @media screen and (max-width: 1023px) { .text-new-design { flex-direction: column; } .faq_left { width: 100% !important; } .faq_right_big { width: 100% !important; padding-left: 0px; padding-top: 60px; } .banner__right { width: 100%; height: 90vw; max-height: 400px; padding: 0; background: none; display: block; position: relative; border-radius: 0px; left: unset; top: unset; transform: unset; margin-top: 0; overflow: unset; background-color: #BFE4EB; } } @media screen and (max-width: 768px) { .banner__wrap { display: block; position: relative; padding: 0; min-height: 270px; height: 270px; } .banner-slider__slide { min-height: unset; } .banner__advantages { display: none !important; } .ad_cloud_block { display: none !important; } .banner__left { padding: 40px 15px 35px 15px !important; min-height: unset; height: 100%; background-color: #BFE4EB; } .banner__left-bottom { margin-top: 18px; } .banner__right { position: absolute; inset: 0; padding: 0; background-color: transparent; min-height: unset; height: 100%; } .banner__right_wrapper { padding: 0; } .banner__price > b { font-size: 14px; font-weight: 700; line-height: 16px; } .banner__price-old { /*line-height: 18px;*/ display: none !important; } .banner__price-old > span { /*font-size: 13px;*/ /*line-height: 15px;*/ } .banner__price-label { margin-left: 10px; } .price-label { width: 29px; height: 16px; font-size: 8px !important; line-height: 10px !important; padding-left: 6px; } .banner__sub { font-size: 16px; font-weight: 300; line-height: 18px; margin-bottom: 12px; } .banner__title { font-size: 24px; font-weight: 700; line-height: 26px; } .banner__desc { font-size: 14px; font-weight: 300; line-height: 17px; margin-top: 0; } .banner__info { position: absolute; bottom: 25px; left: 15px; } .banner__info-title { font-size: 14px; line-height: 16px; font-weight: 500; max-width: 70%; } .banner__img { left: 40%; top: 50%; height: 45%; } .banner__img img { transform: scale(-1, 1); height: 100%; width: auto; } } @media screen and (max-width: 650px) { .rek_block { flex-direction: column; row-gap: 30px; align-items: flex-start; justify-content: flex-start; padding: 25px; } .reviews__bottom img { max-width: 130px; } .advantages__col { width: 50%; } } .strong_partner_block { width: 100%; max-width: calc(100% - 10px); display: flex; justify-content: flex-start; align-items: center; border-radius: 5px; background: linear-gradient(180deg, #166341 0%, #134931 100%); box-shadow: 0px 0px 4px 0px rgba(14, 0, 99, 0.06); position: relative; padding: 17px 80px 17px 17px; margin-top: 45px; } .strong_partner_block .text { color: #FFF; font-family: Fira Sans; font-size: 16.358px; font-style: normal; font-weight: 500; line-height: normal; } .strong_partner_block .icon { display: flex; position: absolute; right: -10px; width: 116px; height: 116px; max-width: 116px; max-height: 116px; } .strong_partner_block .icon img { width: 100%; height: 100%; object-fit: contain; } @media screen and (max-width:1400px) { .strong_partner_block .icon { right: -15px; } .strong_partner_block { max-width: calc(100% - 15px); } } @media screen and (max-width:1200px) { .strong_partner_block .text { font-size: 13px; } .strong_partner_block .icon { max-width: 80px; max-height: 80px; } .strong_partner_block { padding: 10px 90px 10px 10px; } } @media screen and (max-width:767px) { .strong_partner_block .text { font-size: 8px; } .strong_partner_block .icon { max-width: 55px; max-height: 55px; right: -10px; } .strong_partner_block { padding: 6px 50px 6px 6px; border-radius: 2.275px; background: linear-gradient(180deg, #166341 0%, #134931 100%); box-shadow: 0px 0px 1.82013px 0px rgba(14, 0, 99, 0.06); max-width: calc(100% - 10px); } } .ad_cloud_block { position: absolute; bottom: 20px; padding: 0 20px; gap: 5px; display: flex; flex-direction: column-reverse; align-items: flex-end; justify-content: flex-start; width: 100%; z-index: 20; } .ad_cloud_block .cloud_ad_title { display: inline-flex; justify-content: center; align-items: center; padding: 2px 15px; border-radius: 13px; background: rgba(255, 255, 255, 0.55); color: #32373E; text-align: center; font-family: Fira Sans; font-size: 12px; font-style: normal; font-weight: 400; line-height: 24px; cursor: pointer; /* 200% */ } .ad_cloud_block .cloud_ad_text { display: inline-flex; justify-content: center; align-items: center; padding: 6px 15px; border-radius: 6px; background: #fff; color: #32373E; text-align: center; font-family: Fira Sans; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; user-select: none; pointer-events: none; max-width: 600px; /* 200% */ margin-top: 10px; opacity: 0; transition: .3s; } .ad_cloud_block .cloud_ad_title:hover~.cloud_ad_text { opacity: 1; } .fly_video { display: flex; justify-content: center; position: fixed; bottom: 150px; right: -120px; width: 115px; height: 115px; background: transparent; opacity: 0; visibility: hidden; z-index: 30; transition: .6s; } .fly_video.active { opacity: 1; visibility: visible; right: 38px; } .fly_video .close { display: flex; position: absolute; bottom: 8px; transition: .3s; } .fly_video .close:hover { opacity: .5; } .fly_video .preview_video { width: 100%; height: 100%; border-radius: 50%; display: block; overflow: hidden; background: black; } .fly_video .preview_video img { width: 100%; height: 100%; object-fit: cover; } .fancybox-slide--video .fancybox-content { height: 100% !important; max-height: 670px; width: 100% !important; max-width: 378px; border: none; outline: none; background: transparent; } .fancybox__html5video { border-radius: 8px; overflow: hidden; } .fancybox__html5video:focus-visible { border: none; outline: none; } .fancybox-slide--video .fancybox-content .f-button.is-close-btn { display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; background: rgba(0, 0, 0, 0.10); border-radius: 50px; right: auto; left: 100%; } .fancybox-slide--video .fancybox-content .f-button.is-close-btn svg { width: 15px; height: auto; } .fancybox__backdrop { background: rgba(0, 0, 0, 0.5); } .custom_cloud_video { display: flex; justify-content: center; padding: 7px 17px; border-radius: 8px; background: rgba(50, 55, 62, 0.60); color: #FFF; text-align: center; font-family: "Fira Sans"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 130%; /* 15.6px */ position: absolute; bottom: calc(100% + 12px); width: max-content; max-width: 157px; opacity: 0; visibility: hidden; transition: .3s; } .custom_cloud_video::after { content: ''; display: block; width: 10px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5' fill='none'%3E%3Cpath opacity='0.6' d='M4.29289 4.29289L0 0H10L5.70711 4.29289C5.31658 4.68342 4.68342 4.68342 4.29289 4.29289Z' fill='%2332373E'/%3E%3C/svg%3E"); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; bottom: -5px; } @media (hover:hover) { .fly_video:hover .custom_cloud_video { opacity: 1; visibility: visible; } } @media screen and (max-width:992px) { .fancybox-slide--video .fancybox-content .f-button.is-close-btn { right: auto; left: 50%; transform: translateX(-50%); top: calc(100% + 15px); width: 52px; height: 52px; } .fancybox-slide--video .fancybox-content .f-button.is-close-btn svg { width: 13px; } .fancybox-slide--video .fancybox-content { margin-bottom: 75px; } .fly_video { bottom: 140px; width: 134px; height: 134px; right: -135px; } .fly_video.active { right: 17px; } .fly_video .close { bottom: 5px; } .fly_video .close svg { width: 35px; height: auto; } .fly_video .close svg rect { opacity: .5; } } .main.other_page .product-categories .product-additional__row{ justify-content:center;} @media screen and (min-width: 1024px) { .header-bottom__nav>ul>li.first-item .header-bottom__drop-block { padding: 40px; column-gap: 20px; } .header-bottom__nav>ul>li.first-item .header-bottom__drop-col { width: 100%; max-width: calc(20% - 20px); padding: 0px; } .header-bottom__nav>ul>li.first-item .swiper_block_ban { margin: 35px 0 0 0; } } @media screen and (min-width: 1024px) and (max-width: 1271px) { .header-bottom__nav>ul>li.first-item .header-bottom__drop-block { padding: 30px 25px; } .header-bottom__nav>ul>li.first-item .header-bottom__drop-sub { font-size: 16px; } .header-bottom__nav>ul>li.first-item .header-bottom__drop-block ul li { font-size: 13px; } } @media screen and (min-width: 1024px) { .header-bottom__nav>ul>li.first-item .header-bottom__drop-block { padding: 40px; column-gap: 20px; } .header-bottom__nav>ul>li.first-item .header-bottom__drop-col { width: 100%; max-width: calc(20% - 20px); padding: 0px; } .header-bottom__nav>ul>li.first-item .swiper_block_ban { margin: 35px 0 0 0; } } @media screen and (max-width: 1023px) { .header-bottom__nav>ul>li.first-item .header-bottom__drop-col { width: 100%; max-width: 100%; } .header-bottom__nav>ul>li.first-item .header__mob { max-width: 100%; width: 100%; } .header-bottom__nav>ul>li.first-item .swiper_block_ban.w100 { background: #fff; max-width: 100%; max-height: none; margin: 0 15px; padding: 0px; width: auto; } .menu_swiper { overflow: hidden; background: #fff; } } /* Стили для кнопки консультация */ .btn-small.custom_btn_social { display: flex; align-items: center; justify-content: center; column-gap: 10px; padding-left: 21px; padding-right: 21px; } .btn-small.custom_btn_social:hover { background: #19398B; } .btn-small.custom_btn_social .icon { display: flex; justify-content: center; align-items: center; overflow: hidden; width: 20px; height: 20px; transition: .4s; } .btn-small.custom_btn_social .icon:hover { opacity: .7; } .btn-small.custom_btn_social .icon svg { width: 100%; height: 100%; } .card-pic__item--video .js-card-video-trigger img{ display:none; } .promocode-wrapper .check1 img:first-of-type{ display:none; } @media screen and (max-width: 1440px) { .btn-small.custom_btn_social { padding-left: 16px; padding-right: 16px; } .btn-small.custom_btn_social .icon { width: 18px; height: 18px; } } /* �������� �� ���� */ .coockies_accept { position: fixed; bottom: 0px; left: -30px; margin: 30px; margin: clamp(1rem, -3.375rem + 5.8333333333vw, 1.875rem); padding: 20px; padding: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); display: flex; align-items: center; column-gap: 24px; column-gap: clamp(1.25rem, 0rem + 1.6666666667vw, 1.5rem); z-index: 2; border-radius: 14px; background: #FFF; box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.16); width: 100%; max-width: 360px; opacity: 0; visibility: hidden; z-index: 101; transition: 0.5s; } @media screen and (max-width: 1199px) { .coockies_accept { margin: 16px; column-gap: 20px; max-width: 310px; border-radius: 12px; } } @media screen and (max-width: 767px) { .coockies_accept { width: 100%; left: 50%; transform: translateX(-50%); max-width: 440px; margin: 0; border-radius: 10px 10px 0px 0px; bottom: -100px; } } .coockies_accept.active { opacity: 1; visibility: visible; left: 0; } @media screen and (max-width: 767px) { .coockies_accept.active { left: 50%; bottom: 0%; } } .coockies_accept-text { color: #000; font-size: 16px; font-size: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); font-weight: 400; line-height: 26px; line-height: clamp(1.375rem, 0.125rem + 1.6666666667vw, 1.625rem); } @media screen and (max-width: 1199px) { .coockies_accept-text { font-size: 14px; line-height: 22px; } } @media screen and (max-width: 767px) { .coockies_accept-text { font-size: 12px; line-height: 18px; flex: 1 1 50%; } } .coockies_accept-text a { color: #19398B; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; transition: 0.4s; } @media (hover: hover) { .coockies_accept-text a:hover { opacity: 0.7; } } @media (hover: none) { .coockies_accept-text a:active { opacity: 0.7; } } .coockies_accept-btn { display: inline-flex; justify-content: center; align-items: center; text-align: center; flex-shrink: 0; padding: 5px 32px; padding: 5px clamp(1.625rem, -0.25rem + 2.5vw, 2rem); height: 50px; height: clamp(2.75rem, 0.875rem + 2.5vw, 3.125rem); border-radius: 16px; border-radius: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); background: #19398B; color: #FFF; font-size: 16px; font-size: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); font-weight: 500; line-height: 22px; line-height: clamp(1.25rem, 0.625rem + 0.8333333333vw, 1.375rem); transition: 0.4s; } @media screen and (max-width: 1199px) { .coockies_accept-btn { height: 44px; font-size: 14px; line-height: 20px; padding: 5px 26px; border-radius: 12px; } } @media screen and (max-width: 767px) { .coockies_accept-btn { padding: 5px 16px; height: 34px; flex: 1 1 50%; } } @media (hover: hover) { .coockies_accept-btn:hover { opacity: 0.7; } } @media (hover: none) { .coockies_accept-btn:active { opacity: 0.7; } } .first_screen_wrap_right { display: flex; border-radius: 14px; border-radius: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); overflow: hidden; height: 100%; position: relative; padding: 30px; border-radius: 14px; background: #F3F2EF; flex-direction: column; } .first_screen_wrap_right .top{ position: relative; } .first_screen_wrap_right .bottom{ margin-top: auto; } .first_screen_wrap_right .bottom .bottom_top{ background: linear-gradient(180deg, #6D7684 0%, #ADB2BB 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* 1440/text/H1 */ font-family: "Fira Sans"; font-size: 50px; font-style: normal; font-weight: 700; line-height: 56px; /* 112% */ } .first_screen_wrap_right .bottom .text{ background: linear-gradient(180deg, #6D7684 0%, #ADB2BB 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: Commissioner; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; /* 150% */ } .first_screen_wrap_right .img{ margin-top: auto; } .first_screen_wrap_right .top .title{ background: linear-gradient(180deg, #6D7684 0%, #ADB2BB 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 32px; font-style: normal; font-weight: 700; line-height: 38px; padding-right: 90px; } .first_screen_wrap_right .top .icon{ position: absolute; right: 0; top: 10px; right: 0; } @media screen and (max-width: 1199px) { .first_screen_wrap_right { border-radius: 10px; padding: 16px; } .first_screen_wrap_right .top .title{ font-size: 26px; font-style: normal; font-weight: 700; line-height: 32px; padding-right: 45px; } .first_screen_wrap_right .top .icon{} .first_screen_wrap_right .top .icon svg{ width: 39px; height: 50px; } .first_screen_wrap_right .bottom .bottom_top{ font-size: 24px; font-style: normal; font-weight: 700; line-height: 112%; } .first_screen_wrap_right .bottom .text{ font-size: 14px; font-style: normal; font-weight: 400; line-height: 130%; } } .swiper-button-lock{opacity:0;} #wrapper .cart_info_wrap p.strong{ line-height: 1.2; font-size: 16px; } .main-text-page__right-text .columns{ display:flex; margin:1rem 0 ; } .main-text-page__right-text .columns .column{ flex: 0 0 33.3333%; } .city-modal__item{ color:gray;} .product_page_spec_left_list_it{ overflow:hidden; } .product_page_spec_left_list_it-title{ display: inline-flex; max-width: 300px; } .product_page_spec_left_list_it-value{ padding-left:20px; background:#fff; } html .product_page_spec_left_list_it-title::before{ width: 500px; top: 13px; } .medium-text.--big b{ color: var(--black, #32373E); font-family: Commissioner; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px; padding-left: 30px; padding-left: clamp(0.875rem, -4.125rem + 6.6666666667vw, 1.875rem); margin-bottom: 16px; margin-bottom: clamp(0.5rem, -2rem + 3.3333333333vw, 1rem); display: block; } .fancybox-slide--iframe .fancybox-content{ background: #fff; height: 100%; margin-bottom: 44px; margin: 0; padding: 8px; padding-top: 34px; background: rgb(0 0 0 / 40%); } .fancybox-slide--iframe .fancybox-content{ min-height:100%; min-width:100%; } html .product_page_descr_left b{ padding:0!important;} html .product_page_descr_left b p{ margin:0;} .swiper-slide.medium-text.--big{ margin-right:10px;} .card-controls__tags-item{ margin-right:10px; } .card-controls__tags{ position: absolute; top: 0; z-index: 5; padding: 20px; width: 100%; } .card-controls__tags .product-tag{ border-radius: 8px; background: #BA4265; color: #FFF; font-family: Commissioner; font-size: 12px; font-style: normal; font-weight: 500; line-height: 18px; letter-spacing: 0.24px; text-transform: uppercase; padding: 0; height: 28px; padding: 0 9px; display: flex ; align-items: center; } .card-controls__tags .product-tag.product-tag--border{ padding: 0 6px; border-radius: 8px; border: 1px solid var(--blue, #19398B); color: var(--blue, #19398B); font-family: Commissioner; font-size: 12px; font-style: normal; font-weight: 500; line-height: 18px; letter-spacing: 0.24px; text-transform: uppercase; background:#fff; } .card-controls__tags .price-label{ width: 52px; height: 35.862px; color: #FFF; font-family: Commissioner; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; } .card-controls__tags-item.price_tag{ order: 1; margin-left: auto; margin-right: 0; } .card-controls__btn:last-child.active svg path{ fill:#fff;} .product_page_also_card-image img{ width: 100%!important; height: 100%!important; transition: 0.6s; object-fit: cover; } .sub-menu-block.bed .sub-menu-block_swiper{ display:none!important;} /* End */ /* Start:/local/templates/main_new/new_template/library/bootstrap-grid.min.css?169035832251819*/ /*! * Bootstrap Grid v5.3.1 (https://getbootstrap.com/) * Copyright 2011-2023 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}@media (min-width:576px){.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}}@media (min-width:768px){.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}}@media (min-width:992px){.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}}@media (min-width:1200px){.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}}@media (min-width:1400px){.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}} /*# sourceMappingURL=bootstrap-grid.min.css.map */ /* End */ /* Start:/local/templates/main_new/new_template/library/swiper-bundle.min.css?174745762818466*/ /** * Swiper 11.2.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 19, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.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%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main_new/new_template/css/style.css?1756306681285690*/ @charset "UTF-8"; /* ОБНУЛЕНИЕ */ /** Нормализация блочной модели */ *, *::before, *::after { box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } /** Упрощаем работу с изображениями */ img { display: block; max-width: 100%; } /** Наследуем свойства шрифт для полей ввода */ input, textarea, select, button { background: none; outline: none; border: none; padding: 0; margin: 0; border-radius: 0px; font: inherit; } html { /** Пригодится в большинстве ситуаций (когда, например, нужно будет "прижать" футер к низу сайта) */ height: 100%; /** Плавный скролл */ scroll-behavior: smooth; } body { /** Пригодится в большинстве ситуаций (когда, например, нужно будет "прижать" футер к низу сайта) */ min-height: 100%; /** Унифицированный интерлиньяж */ line-height: 1.5; } div { margin: 0; padding: 0; } a { text-decoration: none; } svg, svg path, svg rect, svg circle, svg line { transition: 0.3s; } .icon { display: flex; } .title-h1 { color: #FFF; font-family: "Fira Sans"; font-size: 50px; font-size: clamp(2rem, -3.625rem + 7.5vw, 3.125rem); font-weight: 700; line-height: 56px; line-height: clamp(2.1875rem, -4.375rem + 8.75vw, 3.5rem); } @media screen and (max-width: 1199px) { .title-h1 { font-size: 32px; line-height: 112%; } } .title-h1.--white { color: #FFF; } .title-h1.--blue { color: #1D3A86; } .title-h2 { color: #1D3A86; text-align: center; font-family: "Fira Sans"; font-size: 40px; font-size: clamp(1.5rem, -3.5rem + 6.6666666667vw, 2.5rem); font-weight: 700; line-height: 46px; line-height: clamp(1.625rem, -4.625rem + 8.3333333333vw, 2.875rem); } @media screen and (max-width: 1199px) { .title-h2 { font-size: 24px; line-height: 110%; } } .title-h2.--blue { color: #1D3A86; } .title-h2.--flex { display: flex; align-items: center; column-gap: 15px; justify-content: center; } @media screen and (max-width: 767px) { .title-h2.--flex { justify-content: flex-start; } } .title-h2 .icon { display: flex; } .title-h3 { color: #FFF; font-family: "Fira Sans"; font-size: 32px; font-size: clamp(1.125rem, -3.25rem + 5.8333333333vw, 2rem); font-weight: 700; line-height: 38px; line-height: clamp(1.3125rem, -4rem + 7.0833333333vw, 2.375rem); } @media screen and (max-width: 1199px) { .title-h3 { font-size: 18px; line-height: 120%; } } .title-h3.--blue { color: #19398B; } .title-h3.--white { color: #FFF; } .title-h3.--big { font-family: "Fira Sans"; font-size: 32px; font-size: clamp(1.5rem, -1rem + 3.3333333333vw, 2rem); font-weight: 700; line-height: 38px; line-height: clamp(1.625rem, -2.125rem + 5vw, 2.375rem); } @media screen and (max-width: 1199px) { .title-h3.--big { font-size: 24px; line-height: 110%; } } .title-h4 { color: #19398B; font-family: "Fira Sans", sans-serif; font-size: 20px; font-size: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); font-style: normal; font-weight: 600; line-height: 26px; line-height: clamp(1.375rem, 0.125rem + 1.6666666667vw, 1.625rem); } @media screen and (max-width: 1199px) { .title-h4 { font-size: 16px; line-height: 22px; } } .title-h4.--blue { color: #19398B; } .title-h4.--white { color: #FFF; } .small-title { color: #19398B; font-family: "Fira Sans"; font-size: 20px; font-size: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); font-weight: 600; line-height: 26px; line-height: clamp(1.375rem, 0.125rem + 1.6666666667vw, 1.625rem); } @media screen and (max-width: 1199px) { .small-title { font-size: 16px; line-height: 22px; } } .small-title.--blue { color: #19398B; } .big-text { color: #FFF; font-family: "Commissioner", sans-serif; font-size: 20px; font-size: clamp(0.875rem, -1rem + 2.5vw, 1.25rem); font-weight: 500; line-height: 26px; line-height: clamp(1.125rem, -1.375rem + 3.3333333333vw, 1.625rem); } @media screen and (max-width: 1199px) { .big-text { font-size: 14px; font-weight: 400; line-height: 130%; } } .big-text.--blue { color: #19398B; } .big-text.--white { color: #FFF; } .big-text.--black { color: #32373E; } .medium-text { color: #32373E; font-family: "Commissioner", sans-serif; font-size: 16px; font-weight: 400; line-height: 22px; } .medium-text.--big { font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-weight: 400; line-height: 22px; line-height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); } @media screen and (max-width: 1199px) { .medium-text.--big { font-size: 12px; line-height: 18px; } } .medium-text.--small { font-size: 16px; font-size: clamp(0.625rem, -1.25rem + 2.5vw, 1rem); font-weight: 400; line-height: 22px; line-height: clamp(0.875rem, -1.625rem + 3.3333333333vw, 1.375rem); } @media screen and (max-width: 1199px) { .medium-text.--small { font-size: 10px; line-height: 14px; } } .medium-text.--black { color: #32373E; } .medium-text.--white { color: #FFF; } .medium-text.--blue { color: #19398B; } .small-text { color: #6D7686; font-family: "Commissioner"; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: 22px; line-height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); } @media screen and (max-width: 1199px) { .small-text { font-size: 12px; line-height: 18px; } } .small-text.--white { color: #FFF; } .small-text.--blue { color: #19398B; } .small-text.--gray { color: #6D7686; } .btn { display: inline-flex; justify-content: center; align-items: center; cursor: pointer; transition: 0.4s; } .btn.--btn_border { border: 1px solid #19398B; padding: 7px 16px 11px 16px; padding: clamp(0.25rem, -0.6875rem + 1.25vw, 0.4375rem) clamp(0.9375rem, 0.625rem + 0.4166666667vw, 1rem) clamp(0.5rem, -0.4375rem + 1.25vw, 0.6875rem) clamp(0.9375rem, 0.625rem + 0.4166666667vw, 1rem); border-radius: 12px; color: #19398B; font-family: "Commissioner", sans-serif; text-align: center; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-style: normal; font-weight: 400; line-height: 20px; } @media screen and (max-width: 1199px) { .btn.--btn_border { padding: 4px 15px 8px 15px; font-size: 12px; line-height: 20px; } } @media (hover: hover) { .btn.--btn_border:hover { background: #19398B; color: #FFF; } } @media (hover: none) { .btn.--btn_border:active { background: #19398B; color: #FFF; } } .btn.--btn_bg { border-radius: 16px; border-radius: clamp(0.5rem, -2rem + 3.3333333333vw, 1rem); background: #19398B; padding: 12px 16px 16px 16px; padding: clamp(0.3125rem, -1.875rem + 2.9166666667vw, 0.75rem) 16px clamp(0.5625rem, -1.625rem + 2.9166666667vw, 1rem) 16px; border: 1px solid transparent; color: #FFF; text-align: center; font-family: "Commissioner", sans-serif; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-weight: 500; line-height: 22px; line-height: clamp(1.25rem, 0.625rem + 0.8333333333vw, 1.375rem); } @media screen and (max-width: 1199px) { .btn.--btn_bg { padding: 5px 16px 9px 16px; font-size: 12px; line-height: 20px; border-radius: 8px; } } .btn.--btn_bg.--blue { background: #19398B; color: #FFF; } @media (hover: hover) { .btn.--btn_bg.--blue:hover { background: transparent; border-color: #10069F; color: #32373E; } } @media (hover: none) { .btn.--btn_bg.--blue:active { background: transparent; border-color: #10069F; color: #32373E; } } .btn.--btn_bg.--white { background: #FFF; color: #32373E; } @media (hover: hover) { .btn.--btn_bg.--white:hover { background: #19398B; color: #FFF; } } @media (hover: none) { .btn.--btn_bg.--white:active { background: #19398B; color: #FFF; } } .has-iframe .f-html { padding: 0; } .footer { padding-top: clamp(5.75rem, -12.375rem + 24.1666666667vw, 9.375rem); } @media screen and (max-width: 1199px) { .footer { padding-top: 92px; } } @media screen and (max-width: 767px) { .footer { padding-top: 70px; padding-bottom: 54px; } } .footer_wrap { row-gap: clamp(2rem, -3.625rem + 7.5vw, 3.125rem); } @media screen and (max-width: 1199px) { .footer_wrap { row-gap: 32px; } } @media screen and (max-width: 767px) { .footer_wrap { row-gap: 0; } } .footer_wrap > *:first-child { margin-top: 0px; } .footer_wrap > *:last-child { margin-bottom: 0px; } @media screen and (max-width: 1199px) { .footer_wrap .logo_col { display: none; } } .footer_wrap-logo { display: flex; width: 100%; max-width: 150px; height: auto; } .footer_wrap-logo svg { width: 100%; height: auto; max-width: 100%; } .footer_wrap_item { display: flex; flex-direction: column; height: 100%; } .footer_wrap_item-title.small-text { font-weight: 500; color: #32373E; } .footer_wrap_item-text { display: flex; flex-direction: column; justify-content: space-between; row-gap: 16px; margin-top: 18px; flex: 1 1 auto; } @media screen and (max-width: 1199px) { .footer_wrap_item-text { row-gap: 3px; justify-content: flex-start; margin-top: 5px; } } .footer_wrap_item-text.small-text { font-weight: 400; color: #32373E; } .footer_wrap_item-text.small-text a { font-size: inherit; color: inherit; line-height: inherit; font-weight: inherit; font-family: inherit; transition: 0.4s; } @media (hover: hover) { .footer_wrap_item-text.small-text a:hover { color: #19398B; } } @media (hover: none) { .footer_wrap_item-text.small-text a:active { color: #19398B; } } .footer_wrap_item ul { display: flex; flex-direction: column; margin-top: clamp(0.875rem, -0.375rem + 1.6666666667vw, 1.125rem); row-gap: clamp(0.3125rem, -1.25rem + 2.0833333333vw, 0.625rem); } @media screen and (max-width: 1199px) { .footer_wrap_item ul { margin-top: 14px; row-gap: 5px; } } .footer_wrap_item ul li { display: inline-flex; } @media screen and (max-width: 767px) { .footer_wrap_item ul li { display: block; margin-bottom: 5px; } .footer_wrap_item ul li:last-child { margin-bottom: 0px; } } .footer_wrap_item ul li a { display: block; color: var(--black, #32373E); font-family: "Commissioner", sans-serif; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-style: normal; font-weight: 400; line-height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); transition: 0.4s; } @media screen and (max-width: 1199px) { .footer_wrap_item ul li a { font-size: 12px; line-height: 18px; } } @media (hover: hover) { .footer_wrap_item ul li a:hover { color: #19398B; } } @media (hover: none) { .footer_wrap_item ul li a:active { color: #19398B; } } @media screen and (max-width: 767px) { .footer_wrap_item.navigation { border-bottom: 1px solid rgba(120, 129, 145, 0.12); } } .footer_wrap_item.navigation.active .footer_wrap_item-title::after { transform: rotate(180deg); } @media screen and (max-width: 767px) { .footer_wrap_item.navigation .footer_wrap_item-title { position: relative; display: flex; align-items: center; justify-content: space-between; column-gap: 10px; margin-bottom: 14px; } } @media screen and (max-width: 767px) { .footer_wrap_item.navigation .footer_wrap_item-title::after { content: ""; display: block; width: 10px; height: 5px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201.2981L6%206.2981L11%201.2981%22%20stroke%3D%22%2332373E%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; transition: 0.4s; } } @media screen and (max-width: 767px) { .footer_wrap_item.navigation ul { display: none; margin-top: 0px; margin-bottom: 14px; } } @media screen and (max-width: 767px) { .footer_wrap_social { display: flex; flex-wrap: wrap; row-gap: 25px; margin: 0 -10px; align-items: center; } } .footer_wrap_social-tel { color: #19398B; font-size: clamp(1.125rem, 0.5rem + 0.8333333333vw, 1.25rem); font-weight: 600; line-height: 26px; transition: 0.4s; } @media (hover: hover) { .footer_wrap_social-tel:hover { opacity: 0.7; } } @media (hover: none) { .footer_wrap_social-tel:active { opacity: 0.7; } } @media screen and (max-width: 1199px) { .footer_wrap_social-tel { font-size: 18px; } } @media screen and (max-width: 767px) { .footer_wrap_social-tel { order: 2; padding: 0 10px; width: 100%; max-width: 50%; text-align: center; } } .footer_wrap_social_btns { display: flex; flex-direction: column; row-gap: 8px; width: 100%; margin-top: 24px; } @media screen and (max-width: 1199px) { .footer_wrap_social_btns { row-gap: 10px; } } @media screen and (max-width: 767px) { .footer_wrap_social_btns { order: 1; padding: 0 10px; flex-direction: row; column-gap: 10px; margin-top: 0px; } } .footer_wrap_social_btns-btn.btn.--btn_bg, .footer_wrap_social_btns-btn.btn.--btn_border { height: clamp(2.125rem, -0.375rem + 3.3333333333vw, 2.625rem); border-radius: 12px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); line-height: clamp(1.25rem, 0.625rem + 0.8333333333vw, 1.375rem); padding: 10px 16px; text-align: center; font-weight: 500; } @media screen and (max-width: 1199px) { .footer_wrap_social_btns-btn.btn.--btn_bg, .footer_wrap_social_btns-btn.btn.--btn_border { height: 34px; font-size: 12px; line-height: 20px; padding: 5px 16px 8px 16px; } } @media screen and (max-width: 767px) { .footer_wrap_social_btns-btn.btn.--btn_bg, .footer_wrap_social_btns-btn.btn.--btn_border { width: 100%; max-width: 50%; } } .footer_wrap_social_list { display: flex; flex-wrap: wrap; margin-top: clamp(1.5rem, 0.25rem + 1.6666666667vw, 1.75rem); column-gap: 5px; justify-content: space-between; } @media screen and (max-width: 1199px) { .footer_wrap_social_list { margin-top: 24px; } } @media screen and (max-width: 767px) { .footer_wrap_social_list { order: 3; margin-top: 0; padding: 0 10px; width: 100%; max-width: 50%; justify-content: center; } } .footer_wrap_social_list-item { display: flex; width: clamp(1.75rem, 0.5rem + 1.6666666667vw, 2rem); height: clamp(1.75rem, 0.5rem + 1.6666666667vw, 2rem); filter: drop-shadow(0px 0px 26px rgba(0, 67, 101, 0.08)); border-radius: 50%; overflow: hidden; } @media screen and (max-width: 1199px) { .footer_wrap_social_list-item { width: 28px; height: 28px; } } @media (hover: hover) { .footer_wrap_social_list-item:hover svg rect { fill: #19398B; } .footer_wrap_social_list-item:hover svg path { fill: #FFF; } } @media (hover: none) { .footer_wrap_social_list-item:active svg rect { fill: #19398B; } .footer_wrap_social_list-item:active svg path { fill: #FFF; } } .footer_wrap_social_list-item svg { width: 100%; height: 100%; transition: 0.4s; } .footer_wrap_social_list-item svg path, .footer_wrap_social_list-item svg rect { transition: 0.4s; } .footer_wrap .contact_title.small-text { font-weight: 500; color: #32373E; } @media screen and (max-width: 767px) { .footer_wrap .nav-col { margin-top: 14px; } .footer_wrap .social-col { margin-top: 24px; } .footer_wrap .city-col { margin-top: 24px; } .footer_wrap .adress-col { margin-top: 12px; } .footer_wrap .adress-col .footer_wrap_item { position: relative; padding-left: 16px; } .footer_wrap .adress-col .footer_wrap_item::after { content: ""; display: block; width: 6px; height: 6px; background: #19398B; border-radius: 50%; flex-shrink: 0; position: absolute; top: 7px; left: 0; } } .footer_bottom { display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 24px; column-gap: clamp(0.625rem, -11.875rem + 16.6666666667vw, 3.125rem); padding: clamp(1.5rem, 0.25rem + 1.6666666667vw, 1.75rem) 0; position: relative; margin-top: 57px; margin-top: clamp(1.5rem, -8.8125rem + 13.75vw, 3.5625rem); } @media screen and (max-width: 1199px) { .footer_bottom { margin-top: 24px; padding: 24px 0; column-gap: 10px; justify-content: flex-start; } } .footer_bottom::after { content: ""; display: block; width: 100vw; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #F5F7FA; } .footer_bottom p { position: relative; z-index: 1; } @media screen and (max-width: 1199px) { .footer_bottom p { width: 100%; max-width: calc(33.333333333% - 10px); } } @media screen and (max-width: 767px) { .footer_bottom p { max-width: calc(50% - 10px); } } .footer_bottom p a { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; max-width: unset; width: unset; } .footer_bottom a { position: relative; z-index: 1; transition: 0.4s; } @media (hover: hover) { .footer_bottom a:hover { color: #19398B; } } @media (hover: none) { .footer_bottom a:active { color: #19398B; } } @media screen and (max-width: 1199px) { .footer_bottom a { width: 100%; max-width: calc(33.333333333% - 10px); } } @media screen and (max-width: 767px) { .footer_bottom a { max-width: calc(50% - 10px); } } .header { position: fixed; width: 100%; top: clamp(0rem, -3.125rem + 4.1666666667vw, 0.625rem); left: 0; z-index: 15; } @media screen and (max-width: 1199px) { .header { top: 0px; background: #FFF; } } .header .container { padding: 0 clamp(0rem, -6.25rem + 8.3333333333vw, 1.25rem); } @media screen and (max-width: 1199px) { .header .container { padding: 0; } } .header_wrap { display: flex; align-items: center; border-radius: 0 0 14px 14px; background: #FFF; padding: 10px clamp(1rem, -3.375rem + 5.8333333333vw, 1.875rem); position: relative; box-shadow: 0px 24px 84px 0px rgba(25, 57, 139, 0.05); transition: 0.4s; } @media screen and (max-width: 1199px) { .header_wrap { padding: 10px 16px; box-shadow: unset; } } .header_wrap.active { border-radius: 0px; } .header_wrap.active_card { border-radius: 0px; } .header_wrap-logo { display: flex; margin-right: clamp(1.25rem, -1.875rem + 4.1666666667vw, 1.875rem); width: 100%; max-width: 146px; max-width: clamp(7.0625rem, -3.25rem + 13.75vw, 9.125rem); height: auto; flex-shrink: 0; } @media screen and (max-width: 1199px) { .header_wrap-logo { max-width: 113px; margin-right: 20px; } } .header_wrap-logo svg { width: 100%; max-width: 100%; height: auto; } .header_wrap-catalog_trigger { display: inline-flex; justify-content: center; align-items: center; column-gap: 10px; padding: clamp(0.4375rem, -0.1875rem + 0.8333333333vw, 0.5625rem) clamp(0.8125rem, 0.1875rem + 0.8333333333vw, 0.9375rem) clamp(0.4375rem, -0.1875rem + 0.8333333333vw, 0.5625rem) clamp(0.8125rem, 0.1875rem + 0.8333333333vw, 0.9375rem); border-radius: 12px; border: 1px solid #19398B; cursor: pointer; margin-right: clamp(1.25rem, -5rem + 8.3333333333vw, 2.5rem); color: #19398B; text-align: center; font-family: "Commissioner", sans-serif; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 500; line-height: clamp(1.25rem, 0.625rem + 0.8333333333vw, 1.375rem); transition: 0.4s; } @media screen and (max-width: 1199px) { .header_wrap-catalog_trigger { display: none; } } @media (hover: hover) { .header_wrap-catalog_trigger:hover { background: #19398B; color: #FFF; } .header_wrap-catalog_trigger:hover svg rect { fill: #FFF; } } @media (hover: none) { .header_wrap-catalog_trigger:active { background: #19398B; color: #FFF; } .header_wrap-catalog_trigger:active svg rect { fill: #FFF; } } .header_wrap-catalog_trigger.active { background: #19398B; color: #FFF; } .header_wrap-catalog_trigger.active .icon::after { opacity: 1; visibility: visible; transform: rotate(180deg); } .header_wrap-catalog_trigger.active .icon svg { opacity: 0; transform: rotate(180deg); } .header_wrap-catalog_trigger .icon { display: flex; width: clamp(0.5rem, -0.125rem + 0.8333333333vw, 0.625rem); height: clamp(0.5rem, -0.125rem + 0.8333333333vw, 0.625rem); flex-shrink: 0; position: relative; } @media screen and (max-width: 1199px) { .header_wrap-catalog_trigger .icon { width: 8px; height: 8px; } } .header_wrap-catalog_trigger .icon::after { content: ""; display: block; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.225769%200.487535C0.526715%200.203363%201.01465%200.203384%201.31561%200.487535L4.99921%203.96898L8.6828%200.488512L8.74139%200.438707C9.04412%200.205345%209.49043%200.221869%209.77264%200.488512C10.0547%200.75513%2010.0729%201.17696%209.82635%201.46312L9.77264%201.51879L6.08905%205.00023L9.77264%208.48168L9.82635%208.53734C10.0729%208.8235%2010.0547%209.24533%209.77264%209.51195C9.49043%209.77859%209.04412%209.79512%208.74139%209.56175L8.6828%209.51195L4.99921%206.0305L1.31561%209.51293C1.01465%209.79708%200.526715%209.7971%200.225769%209.51293C-0.0752565%209.2284%20-0.0752565%208.7662%200.225769%208.48168L3.90839%205.00023L0.225769%201.51879C-0.0752565%201.23426%20-0.0752565%200.772064%200.225769%200.487535Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; transition: 0.4s; } .header_wrap-catalog_trigger .icon svg { width: 100%; height: 100%; } .header_wrap-city { color: #32373E; font-family: "Commissioner", sans-serif; font-size: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); font-weight: 400; line-height: clamp(1.5rem, 0.875rem + 0.8333333333vw, 1.625rem); } @media screen and (max-width: 1199px) { .header_wrap-city { font-size: 16px; line-height: 24px; order: 1; } } .header_wrap-city a { margin-left: 1px; transition: 0.4s; } @media (hover: hover) { .header_wrap-city a:hover { opacity: 0.7; } } @media (hover: none) { .header_wrap-city a:active { opacity: 0.7; } } .header_wrap-city a span { display: inline-flex; align-items: center; column-gap: 8px; color: #19398B; font-family: "Commissioner", sans-serif; font-size: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); font-weight: 500; line-height: 24px; } @media screen and (max-width: 1199px) { .header_wrap-city a span { font-size: 16px; line-height: 24px; } } .header_wrap-city a span::after { content: ""; display: flex; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L4%204L7%201%22%20stroke%3D%22%2319398B%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; width: 8px; height: 5px; } .header_wrap_navs_block { display: flex; flex: 1 1 auto; margin-right: clamp(1.25rem, -5rem + 8.3333333333vw, 2.5rem); z-index: 2; } @media screen and (max-width: 1199px) { .header_wrap_navs_block { width: 100vw; max-width: 100vw; top: 100%; left: calc(-100% - 60px); margin: 0; height: calc(100dvh - 60px); max-height: calc(100dvh - 60px); position: absolute; background: #FFF; transition: 0.4s; } } @media screen and (max-width: 1199px) { .header_wrap_navs_block.active { opacity: 1; visibility: visible; left: 0; } } .header_wrap_navs { display: flex; align-items: center; justify-content: space-between; column-gap: 30px; column-gap: clamp(1.25rem, -1.875rem + 4.1666666667vw, 1.875rem); width: 100%; } .header_wrap_navs::-webkit-scrollbar { width: 0px; } @media screen and (max-width: 1199px) { .header_wrap_navs { display: flex; flex-direction: column; justify-content: flex-start; position: unset; width: 100%; max-width: 100%; padding: 22px 16px 20px 16px; margin: 0; row-gap: 28px; z-index: 11; max-height: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; transform: unset; position: unset; } } @media screen and (max-width: 1199px) { .header_wrap_navs_main { order: 3; width: 100%; } } .header_wrap_navs_main > ul { display: flex; column-gap: clamp(1.25rem, -1.875rem + 4.1666666667vw, 1.875rem); } @media screen and (max-width: 1199px) { .header_wrap_navs_main > ul { flex-direction: column; row-gap: 12px; align-items: flex-start; justify-content: flex-start; } } .header_wrap_navs_main > ul > li { display: block; position: relative; } .header_wrap_navs_main > ul > li.dropdown > a { display: flex; } .header_wrap_navs_main > ul > li.dropdown > a::after { content: ""; display: block; width: 8px; height: 5px; flex-shrink: 0; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L4%204L7%201%22%20stroke%3D%22%2332373E%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; transition: 0.4s; } .header_wrap_navs_main > ul > li.active > a { color: #19398B; } .header_wrap_navs_main > ul > li.active > a::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L4%204L7%201%22%20stroke%3D%22%2319398B%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"); transform: rotate(180deg); } @media screen and (max-width: 1199px) { .header_wrap_navs_main > ul > li.active > a { font-weight: 500; } } @media screen and (hover: hover) and (min-width: 1200px) { .header_wrap_navs_main > ul > li:hover > ul { opacity: 1; visibility: visible; } } @media screen and (hover: none) and (min-width: 1200px) { .header_wrap_navs_main > ul > li:active > ul { opacity: 1; visibility: visible; } } .header_wrap_navs_main > ul > li > a { display: flex; align-items: center; column-gap: 8px; color: #32373E; font-family: "Commissioner", sans-serif; font-size: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); font-weight: 400; line-height: clamp(1.5rem, 0.875rem + 0.8333333333vw, 1.625rem); position: relative; transition: 0.4s; } @media screen and (max-width: 1199px) { .header_wrap_navs_main > ul > li > a { font-size: 16px; line-height: 24px; } } @media screen and (hover: hover) and (min-width: 1200px) { .header_wrap_navs_main > ul > li > a:hover { color: #19398B; } .header_wrap_navs_main > ul > li > a:hover::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L4%204L7%201%22%20stroke%3D%22%2319398B%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"); transform: rotate(180deg); } } @media screen and (hover: none) and (min-width: 1200px) { .header_wrap_navs_main > ul > li > a:active { color: #19398B; } .header_wrap_navs_main > ul > li > a:active::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L4%204L7%201%22%20stroke%3D%22%2319398B%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"); transform: rotate(180deg); } } .header_wrap_navs_main > ul > li > ul { padding: clamp(0.75rem, -1.125rem + 2.5vw, 1.125rem) clamp(1rem, -0.875rem + 2.5vw, 1.375rem); border-radius: 12px; background: #FFF; box-shadow: 0px 0px 26px 0px rgba(0, 67, 101, 0.08); position: absolute; left: -20px; top: calc(100% + 13px); width: max-content; max-width: 230px; opacity: 0; visibility: hidden; z-index: 12; transition: 0.4s; } @media screen and (max-width: 1199px) { .header_wrap_navs_main > ul > li > ul { padding: 0; margin: 16px 12px 0px 12px; position: unset; width: 100%; opacity: 1; visibility: visible; background: transparent; box-shadow: unset; display: none; transition: unset; } } .header_wrap_navs_main > ul > li > ul::before { display: block; width: 100%; height: 13px; content: ""; position: absolute; top: -13px; } .header_wrap_navs_main > ul > li > ul > li { display: flex; margin-bottom: 10px; } .header_wrap_navs_main > ul > li > ul > li:last-child { margin-bottom: 0px; } .header_wrap_navs_main > ul > li > ul > li.active > a { color: #19398B; } .header_wrap_navs_main > ul > li > ul > li > a { color: #6D7686; font-family: "Commissioner", sans-serif; font-size: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); font-weight: 400; line-height: 24px; transition: 0.4s; } @media screen and (max-width: 1199px) { .header_wrap_navs_main > ul > li > ul > li > a { font-size: 14px; line-height: 24px; } } @media (hover: hover) { .header_wrap_navs_main > ul > li > ul > li > a:hover { color: #32373E; } } @media (hover: none) { .header_wrap_navs_main > ul > li > ul > li > a:active { color: #32373E; } } .header_wrap_navs_subs { position: absolute; top: 100%; left: 0; width: 100%; padding: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem) clamp(1.25rem, -17.5rem + 25vw, 5rem) clamp(1.25rem, -1.875rem + 4.1666666667vw, 1.875rem) clamp(1.25rem, -17.5rem + 25vw, 5rem); background: #FFF; opacity: 0; visibility: hidden; border-radius: 0 0 14px 14px; box-shadow: 0px 24px 84px -20px rgba(25, 57, 139, 0.05); clip-path: inset(0px -100% -1000% -100%); z-index: 11; transition: 0.4s; } @media screen and (max-width: 1400px) { .header_wrap_navs_subs { width: 100vw; max-width: 100vw; left: 50%; transform: translateX(-50%); } } @media screen and (max-width: 1199px) { .header_wrap_navs_subs { order: 2; width: 100%; max-width: 100%; transform: unset; position: unset; opacity: 1; visibility: visible; padding: 0; margin: 0; clip-path: unset; } } .header_wrap_navs_subs.active { opacity: 1; visibility: visible; } .header_wrap_navs_subs-nav { position: relative; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav { width: 100%; position: unset; } } .header_wrap_navs_subs-nav > ul { display: inline-flex; justify-content: center; align-items: center; column-gap: 11px; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav > ul { flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; row-gap: 8px; } } .header_wrap_navs_subs-nav > ul > li { display: flex; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav > ul > li { width: 100%; } } @media screen and (hover: hover) and (min-width: 1200px) { .header_wrap_navs_subs-nav > ul > li:hover .sub-menu-block { opacity: 1; visibility: visible; } } @media screen and (hover: none) and (min-width: 1200px) { .header_wrap_navs_subs-nav > ul > li:active .sub-menu-block { opacity: 1; visibility: visible; } } .header_wrap_navs_subs-nav > ul > li.active > a { background: #F5F7FA; } .header_wrap_navs_subs-nav > ul > li > a { display: block; color: #19398B; text-align: center; font-size: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); font-weight: 600; line-height: 24px; padding: clamp(0.625rem, 0rem + 0.8333333333vw, 0.75rem) clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); border-radius: 16px; background: transparent; transition: 0.4s; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav > ul > li > a { display: flex; align-items: center; justify-content: space-between; column-gap: 10px; width: 100%; text-align: left; font-size: 16px; line-height: 24px; border-radius: 11px; background: #F5F7FA; padding: 10px 17px; } } .header_wrap_navs_subs-nav > ul > li > a::after { content: ""; display: none; width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%207L13%207M13%207L7.07059%2013M13%207L7.07059%201%22%20stroke%3D%22%2319398B%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; flex-shrink: 0; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav > ul > li > a::after { display: flex; } } .header_wrap_navs_subs-nav .sub-menu-block { padding: clamp(1.25rem, -1.875rem + 4.1666666667vw, 1.875rem) clamp(1.5rem, -1.625rem + 4.1666666667vw, 2.125rem); background: #19398B; width: 100%; position: absolute; top: 100%; left: 0px; z-index: 3; opacity: 0; visibility: hidden; margin-top: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); clip-path: inset(calc(0px - clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem)) -100% -100% -100%); transition: 0.2s; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav .sub-menu-block.active { opacity: 1; visibility: visible; left: 0; } } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav .sub-menu-block { clip-path: unset; top: 0; height: calc(100dvh - 60px); max-height: calc(100dvh - 60px); margin: 0; background: unset; padding: 20px 16px; display: flex; flex-direction: column; row-gap: 0px; opacity: 1; visibility: visible; left: -100%; transition: 0.4s; } } .header_wrap_navs_subs-nav .sub-menu-block::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #19398B; border-radius: 14px; user-select: none; pointer-events: none; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav .sub-menu-block::before { display: none; } } .header_wrap_navs_subs-nav .sub-menu-block::after { content: ""; display: block; height: clamp(1.25rem, -1.875rem + 4.1666666667vw, 1.875rem); width: 100%; position: absolute; top: calc(0px - clamp(1.25rem, -1.875rem + 4.1666666667vw, 1.875rem)); left: 0; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav .sub-menu-block::after { display: none; } } .header_wrap_navs_subs-nav .sub-menu-block-header { display: none; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav .sub-menu-block-header { display: flex; position: relative; align-items: center; width: 100%; margin-bottom: 20px; } } .header_wrap_navs_subs-nav .sub-menu-block-header-close { position: absolute; left: 0; display: flex; width: 40px; height: 40px; transition: 0.4s; } @media (hover: hover) { .header_wrap_navs_subs-nav .sub-menu-block-header-close:hover { opacity: 0.7; } } @media (hover: none) { .header_wrap_navs_subs-nav .sub-menu-block-header-close:active { opacity: 0.7; } } .header_wrap_navs_subs-nav .sub-menu-block-header-close svg { width: 100%; height: 100%; } .header_wrap_navs_subs-nav .sub-menu-block-header-title { color: #19398B; text-align: center; font-size: 20px; font-weight: 600; line-height: 30px; width: 100%; } .header_wrap_navs_subs-nav .sub-menu-block-bg { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% + clamp(2.5rem, -35rem + 50vw, 10rem)); height: calc(100% + clamp(1.875rem, -1.25rem + 4.1666666667vw, 2.5rem)); background: #FFF; user-select: none; pointer-events: none; z-index: -1; border-radius: 0 0 14px 14px; background: #FFF; /* 4 */ box-shadow: 0px 24px 84px 0px rgba(25, 57, 139, 0.05); } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav .sub-menu-block-bg { box-shadow: unset; border-radius: unset; width: 100%; height: 100%; } } .header_wrap_navs_subs-nav .sub-menu-block .sub-menu-block_list { display: flex; flex-wrap: wrap; position: relative; z-index: 2; row-gap: 40px; margin: 0 -20px; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav .sub-menu-block .sub-menu-block_list { flex-wrap: unset; background: #19398B; padding: 20px; border-radius: 12px; flex-direction: column; row-gap: 28px; margin: 0; height: 100%; max-height: 100%; overflow-y: auto; } .header_wrap_navs_subs-nav .sub-menu-block .sub-menu-block_list::-webkit-scrollbar { width: 0px; } } .header_wrap_navs_subs-nav .sub-menu-block .sub-menu-block_list-col { display: flex; flex-direction: column; row-gap: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); width: 100%; max-width: 20%; padding: 0 20px; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav .sub-menu-block .sub-menu-block_list-col { row-gap: 12px; max-width: 100%; padding: 0; } } .header_wrap_navs_subs-nav .sub-menu-block .sub-menu-block_list-col-title { color: #FFF; font-size: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); font-weight: 600; line-height: clamp(1.375rem, 0.75rem + 0.8333333333vw, 1.5rem); } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav .sub-menu-block .sub-menu-block_list-col-title { font-size: 16px; line-height: 24px; } } .header_wrap_navs_subs-nav .sub-menu-block .sub-menu-block_list-col ul { display: flex; flex-direction: column; row-gap: 12px; row-gap: clamp(0.5rem, -0.75rem + 1.6666666667vw, 0.75rem); } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav .sub-menu-block .sub-menu-block_list-col ul { row-gap: 10px; column-gap: 10px; flex-direction: row; flex-wrap: wrap; } } .header_wrap_navs_subs-nav .sub-menu-block .sub-menu-block_list-col ul li { display: inline-flex; width: auto; } .header_wrap_navs_subs-nav .sub-menu-block .sub-menu-block_list-col ul li a { display: block; color: #FFF; font-family: "Commissioner", sans-serif; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: clamp(1.375rem, 0.75rem + 0.8333333333vw, 1.5rem); transition: 0.4s; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav .sub-menu-block .sub-menu-block_list-col ul li a { font-size: 12px; line-height: 20px; border-radius: 20px; background: #F5F5F5; color: #19398B; padding: 4px 14px 8px 14px; } } @media (hover: hover) { .header_wrap_navs_subs-nav .sub-menu-block .sub-menu-block_list-col ul li a:hover { opacity: 0.7; } } @media (hover: none) { .header_wrap_navs_subs-nav .sub-menu-block .sub-menu-block_list-col ul li a:active { opacity: 0.7; } } .header_wrap_navs_subs-nav .sub-menu-block.mattress .sub-menu-block_swiper { aspect-ratio: 118/29; } .header_wrap_navs_subs-nav .sub-menu-block.bed .sub-menu-block_swiper { aspect-ratio: 4/1; width: 100%; max-width: 880px; height: 100%; margin-left: 30px; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav .sub-menu-block.bed .sub-menu-block_swiper { margin-left: 0px; height: auto; } } .header_wrap_navs_subs-nav .sub-menu-block_swiper { flex: 1 1 auto; border-radius: 10px; min-width: 0; max-width: 100%; margin: 0; margin: 0 20px; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav .sub-menu-block_swiper { overflow: visible; margin: 0; flex: unset; } } .header_wrap_navs_subs-nav .sub-menu-block_swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .header_wrap_navs_subs-nav .sub-menu-block_swiper .swiper-slide .ad_cloud_block { position: absolute; bottom: 20px; padding: 0 20px; gap: 5px; display: flex; flex-direction: column-reverse; align-items: flex-end; justify-content: flex-start; width: 100%; z-index: 20; } @media screen and (max-width: 1199px) { .header_wrap_navs_subs-nav .sub-menu-block_swiper .swiper-slide .ad_cloud_block { bottom: 10px; padding: 0 10px; } } .header_wrap_navs_subs-nav .sub-menu-block_swiper .swiper-slide .ad_cloud_block-title { display: inline-flex; justify-content: center; align-items: center; padding: 2px 15px; border-radius: 13px; background: rgba(255, 255, 255, 0.55); color: #32373E; text-align: center; font-size: 12px; font-style: normal; font-weight: 400; line-height: 24px; cursor: pointer; } @media (hover: hover) { .header_wrap_navs_subs-nav .sub-menu-block_swiper .swiper-slide .ad_cloud_block-title:hover ~ .ad_cloud_block-text { opacity: 1; visibility: visible; } } @media (hover: none) { .header_wrap_navs_subs-nav .sub-menu-block_swiper .swiper-slide .ad_cloud_block-title:active ~ .ad_cloud_block-text { opacity: 1; visibility: visible; } } .header_wrap_navs_subs-nav .sub-menu-block_swiper .swiper-slide .ad_cloud_block-text { display: inline-flex; justify-content: center; align-items: center; padding: 6px 15px; border-radius: 6px; background: #fff; color: #32373E; text-align: center; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; user-select: none; pointer-events: none; max-width: 600px; margin-top: 10px; opacity: 0; transition: 0.3s; } .header_wrap_btns { display: flex; margin-left: auto; } @media screen and (max-width: 1199px) { .header_wrap_btns { column-gap: 7px; } } .header_wrap_btns-btn { display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; cursor: pointer; transition: 0.4s; } .header_wrap_btns-btn svg { width: 100%; height: 100%; } .header_wrap_btns-burger { display: none; } @media screen and (max-width: 1199px) { .header_wrap_btns-burger { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; aspect-ratio: 1/1; overflow: hidden; position: relative; border-radius: 12px; background: #F5F5F5; } .header_wrap_btns-burger span { display: block; width: 16px; height: 1px; background: #19398B; position: relative; transition: 0.4s; } .header_wrap_btns-burger span::after { content: ""; display: block; width: inherit; height: inherit; background: inherit; position: absolute; left: 0; top: 5px; transition: 0.4s; } .header_wrap_btns-burger span::before { content: ""; display: block; width: inherit; height: inherit; background: inherit; position: absolute; left: 0; top: -5px; transition: 0.4s; } } .header_wrap_btns-burger.active span { transform: rotate(45deg); } .header_wrap_btns-burger.active span::after { opacity: 0; } .header_wrap_btns-burger.active span::before { top: 0px; transform: rotate(-90deg); } .header_wrap_btns-search { margin-right: 12px; width: clamp(2.25rem, 0.375rem + 2.5vw, 2.625rem); height: clamp(2.25rem, 0.375rem + 2.5vw, 2.625rem); } @media screen and (max-width: 1199px) { .header_wrap_btns-search { width: 40px; height: 40px; margin-right: 0px; } } @media (hover: hover) { .header_wrap_btns-search:hover { opacity: 0.7; } } @media (hover: none) { .header_wrap_btns-search:active { opacity: 0.7; } } .header_wrap_btns-call { border-radius: 12px; background: #19398B; margin-right: 6px; padding: 4px 16px; border: 1px solid #19398B; color: #FFF; text-align: center; font-family: "Commissioner", sans-serif; font-size: 14px; font-weight: 500; line-height: 22px; } @media (hover: hover) { .header_wrap_btns-call:hover { background: transparent; color: #19398B; } } @media (hover: none) { .header_wrap_btns-call:active { background: transparent; color: #19398B; } } @media screen and (max-width: 1199px) { .header_wrap_btns-call { display: none; } } .header_wrap_btns-wa { width: clamp(2.25rem, 0.375rem + 2.5vw, 2.625rem); height: clamp(2.25rem, 0.375rem + 2.5vw, 2.625rem); } @media screen and (max-width: 1199px) { .header_wrap_btns-wa { width: 40px; height: 40px; } } @media (hover: hover) { .header_wrap_btns-wa:hover { opacity: 0.7; } } @media (hover: none) { .header_wrap_btns-wa:active { opacity: 0.7; } } .header .header_card_block { display: none; position: absolute; top: 100%; left: 0; width: 100%; max-width: 100%; background: #FFF; padding: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem) clamp(1rem, -3.375rem + 5.8333333333vw, 1.875rem); border-radius: 0 0 14px 14px; box-shadow: 0 24px 84px 0 rgba(25, 57, 139, 0.05); clip-path: inset(0px -100% -100% -100%); } @media screen and (max-width: 767px) { .header .header_card_block { display: none !important; } } .header_card { display: flex; flex-wrap: wrap; align-items: center; row-gap: 10px; transition: 0.4s; } @media screen and (max-width: 1199px) { .header_card { row-gap: 14px; } } .header_card-title { color: #19398B; font-size: 16px; font-weight: 600; line-height: 26px; flex: 1 1 50%; max-width: 50%; } @media screen and (max-width: 1199px) { .header_card-title { flex: 1 1 auto; order: 1; max-width: 40%; margin-right: auto; font-size: 18px; line-height: 24px; } } .header_card_bottom { display: flex; align-items: center; column-gap: clamp(1rem, -1.5rem + 3.3333333333vw, 1.5rem); margin-right: auto; } @media screen and (max-width: 1199px) { .header_card_bottom { order: 4; column-gap: 16px; } } @media screen and (max-width: 767px) { .header_card_bottom { display: none; } } .header_card_bottom-rating { display: flex; align-items: center; column-gap: clamp(0.5rem, -0.125rem + 0.8333333333vw, 0.625rem); } @media (hover: hover) { .header_card_bottom-rating:hover .header_card_bottom-rating-right { color: #19398B; } } @media (hover: none) { .header_card_bottom-rating:active .header_card_bottom-rating-right { color: #19398B; } } .header_card_bottom-rating-left { display: flex; align-items: center; column-gap: 4px; } .header_card_bottom-rating-left span { color: #19398B; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 600; line-height: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); transform: translateY(1px); } @media screen and (max-width: 1199px) { .header_card_bottom-rating-left span { font-size: 12px; line-height: 18px; } } .header_card_bottom-rating-left .icon { display: flex; justify-content: center; align-items: center; width: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); height: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); flex-shrink: 0; } @media screen and (max-width: 1199px) { .header_card_bottom-rating-left .icon { width: 10px; height: 10px; } } .header_card_bottom-rating-left .icon svg { width: 100%; height: 100%; } .header_card_bottom-rating-right { color: #6D7686; font-family: "Commissioner", sans-serif; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); transition: 0.4s; } @media screen and (max-width: 1199px) { .header_card_bottom-rating-right { font-size: 12px; line-height: 18px; } } .header_card_bottom_links { display: flex; flex-wrap: wrap; column-gap: clamp(1rem, -1.5rem + 3.3333333333vw, 1.5rem); } .header_card_bottom_links li { display: flex; } .header_card_bottom_links li a { color: #6D7686; font-family: "Commissioner", sans-serif; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); transition: 0.4s; } @media (hover: hover) { .header_card_bottom_links li a:hover { color: #19398B; } } @media (hover: none) { .header_card_bottom_links li a:active { color: #19398B; } } .header_card-costs { display: flex; align-items: center; column-gap: clamp(0.625rem, -1.25rem + 2.5vw, 1rem); margin-right: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); margin-top: -19px; } @media screen and (max-width: 1199px) { .header_card-costs { order: 2; margin-top: 0px; margin-right: 16px; column-gap: 10px; } } .header_card-costs b { color: #BA4265; font-size: clamp(1.125rem, 0.5rem + 0.8333333333vw, 1.25rem); font-weight: 600; line-height: clamp(1.625rem, 1rem + 0.8333333333vw, 1.75rem); } @media screen and (max-width: 1199px) { .header_card-costs b { font-size: 14px; line-height: 22px; } } .header_card-costs s { color: #6D7686; font-family: "Commissioner", sans-serif; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: clamp(1.375rem, 0.75rem + 0.8333333333vw, 1.5rem); text-decoration: line-through; text-decoration-color: inherit; } @media screen and (max-width: 1199px) { .header_card-costs s { font-size: 14px; line-height: 22px; } } .header_card_btns { display: flex; align-items: flex-start; column-gap: 10px; margin-top: -19px; } @media screen and (max-width: 1199px) { .header_card_btns { order: 2; margin-top: 0px; column-gap: 4px; } } .header_card_btns_buy { display: flex; column-gap: clamp(0.5rem, -0.125rem + 0.8333333333vw, 0.625rem); } @media screen and (max-width: 1199px) { .header_card_btns_buy { column-gap: 4px; } } @media screen and (max-width: 767px) { .header_card_btns_buy { width: 100%; max-width: 100%; column-gap: 10px; padding: 12px 16px; } } .header_card_btns_buy-btn { display: inline-flex; justify-content: center; align-items: center; column-gap: 10px; padding: clamp(0.5rem, -0.125rem + 0.8333333333vw, 0.625rem) clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); border-radius: 12px; color: #FFF; text-align: center; font-family: "Commissioner", sans-serif; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 500; line-height: 22px; } @media screen and (max-width: 1199px) { .header_card_btns_buy-btn { padding: 6px 14px; column-gap: 10px; } } @media screen and (max-width: 767px) { .header_card_btns_buy-btn { width: 100%; max-width: 50%; height: 46px; font-size: 14px; line-height: 22px; } } .header_card_btns_buy-btn.cart { background: #19398B; } .header_card_btns_buy-btn.wa { background: #BA4265; } .header_card_btns_buy-btn .icon { display: flex; flex-shrink: 0; width: clamp(0.8125rem, 0.1875rem + 0.8333333333vw, 0.9375rem); height: clamp(0.8125rem, 0.1875rem + 0.8333333333vw, 0.9375rem); } @media screen and (max-width: 1199px) { .header_card_btns_buy-btn .icon { width: 12px; height: 12px; } } @media screen and (max-width: 767px) { .header_card_btns_buy-btn .icon { width: 16px; height: 16px; } } .header_card_btns_buy-btn .icon svg { width: 100%; height: 100%; } .header_card_btns_help { display: flex; align-items: flex-start; column-gap: 10px; } @media screen and (max-width: 1199px) { .header_card_btns_help { column-gap: 4px; } } .header_card_btns_help a { display: flex; width: clamp(2.375rem, 1.125rem + 1.6666666667vw, 2.625rem); height: clamp(2.375rem, 1.125rem + 1.6666666667vw, 2.625rem); } @media screen and (max-width: 1199px) { .header_card_btns_help a { width: 34px; height: 34px; } } .header_card_btns_help a svg { width: 100%; height: 100%; } @media (hover: hover) { .header_card_btns_help a:hover svg line { stroke: #FFF; } .header_card_btns_help a:hover svg path { fill: #FFF; } .header_card_btns_help a:hover svg rect { fill: #19398B; } } @media (hover: none) { .header_card_btns_help a:active svg line { stroke: #FFF; } .header_card_btns_help a:active svg path { fill: #FFF; } .header_card_btns_help a:active svg rect { fill: #19398B; } } .header_card_btns_help a.active svg line { stroke: #FFF; } .header_card_btns_help a.active svg path { fill: #FFF; } .header_card_btns_help a.active svg rect { fill: #19398B; } .header_card_btns_help a svg { width: 100%; height: 100%; } .header_card_btns_help a svg line, .header_card_btns_help a svg path, .header_card_btns_help a svg rect { transition: 0.4s; } .header_card_btns_help a svg rect { fill: transparent; } html, body { overflow-x: clip; } :root { --pink-gradient: radial-gradient(2848.24% 136.07% at 5.14% 0%, #EEA2A4 0%, #FCC19C 100%); --pink-background: linear-gradient(180deg, #E9B3BA 0%, #EEBFBD 43.5%, #F7D7C4 100%); --radial: radial-gradient(90% 141.42% at 100% 0%, #B1D8E7 0%, #8DB4D6 26.5%, #698FC5 49.5%, #5279BA 70.09%, #2047A2 100%); } body { color: #464646; font-family: "Fira Sans", sans-serif; background-color: #fff; font-size: 16px; } body::-webkit-scrollbar { width: 7px; } body::-webkit-scrollbar-thumb { background: #19398B; border-radius: 10px; } body::-webkit-scrollbar-track { background: transparent; } main { overflow-x: clip; margin-top: clamp(4.375rem, -2.5rem + 9.1666666667vw, 5.75rem); } @media screen and (max-width: 1199px) { main { margin-top: 70px; } } .container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 100px; padding: 0 clamp(1rem, -25.25rem + 35vw, 6.25rem); } @media screen and (max-width: 1199px) { .container { max-width: 100%; padding: 0 16px; } } .row { --bs-gutter-x: 30px; --bs-gutter-x: clamp(0.625rem, -5.625rem + 8.333vw, 1.875rem); } @media screen and (max-width: 1199px) { .row { --bs-gutter-x: 10px; } } .swiper-slide { user-select: none; } .swiper-button-prev, .swiper-button-next { margin: 0; padding: 0; user-select: none; transition: 0.4s; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0; } .swiper-button-prev::after, .swiper-button-next::after { display: none; } @media (hover: hover) { .swiper-button-prev:hover svg circle, .swiper-button-next:hover svg circle { stroke: rgb(70, 70, 70); } .swiper-button-prev:hover svg path, .swiper-button-next:hover svg path { stroke: rgb(70, 70, 70); } } @media (hover: none) { .swiper-button-prev:active svg circle, .swiper-button-next:active svg circle { stroke: rgb(70, 70, 70); } .swiper-button-prev:active svg path, .swiper-button-next:active svg path { stroke: rgb(70, 70, 70); } } .page-line { position: relative; } .card_hit { display: flex; flex-direction: column; border-radius: 14px; border-radius: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); background: #FFF; box-shadow: 0px 24px 84px 0px rgba(25, 57, 139, 0.15); overflow: hidden; position: relative; } @media screen and (max-width: 1199px) { .card_hit { border-radius: 10px; } } .card_hit-image { display: block; width: 100%; max-width: 100%; height: auto; overflow: hidden; aspect-ratio: 197/130; position: relative; } .card_hit-image::after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; user-select: none; pointer-events: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); } .card_hit-image img { width: 100%; height: auto; } .card_hit_content { display: flex; flex-direction: column; padding: 18px 30px 30px 30px; background: #FFF; } @media screen and (max-width: 1199px) { .card_hit_content { padding: 10px 16px 16px 16px; } } .card_hit_content > *:first-child { margin-top: 0px; } .card_hit_content > *:last-child { margin-bottom: 0px; } .card_hit_content_head { display: flex; flex-direction: column; row-gap: 12px; row-gap: clamp(0rem, -3.75rem + 5vw, 0.75rem); } @media screen and (max-width: 1199px) { .card_hit_content_head { row-gap: 0px; } } .card_hit_content_body ul { margin-top: 26px; margin-top: clamp(0.625rem, -4.375rem + 6.6666666667vw, 1.625rem); } @media screen and (max-width: 1199px) { .card_hit_content_body ul { margin-top: 10px; } } .card_hit_content_body ul li { display: flex; align-items: center; column-gap: 20px; column-gap: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); position: relative; margin-bottom: 16px; margin-bottom: clamp(0.4375rem, -2.375rem + 3.75vw, 1rem); } @media screen and (max-width: 1199px) { .card_hit_content_body ul li { column-gap: 10px; margin-bottom: 7px; align-items: flex-start; } } .card_hit_content_body ul li:last-child { margin-bottom: 0px; } .card_hit_content_body ul li::before { content: ""; display: block; width: 10px; width: clamp(0.375rem, -0.875rem + 1.6666666667vw, 0.625rem); height: 10px; height: clamp(0.375rem, -0.875rem + 1.6666666667vw, 0.625rem); flex-shrink: 0; border-radius: 50%; background: #19398B; } @media screen and (max-width: 1199px) { .card_hit_content_body ul li::before { width: 6px; height: 6px; margin-top: 7px; } } .card_hit_content_price { display: flex; align-items: center; column-gap: 20px; column-gap: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); margin-top: 30px; margin-top: clamp(0.75rem, -4.875rem + 7.5vw, 1.875rem); } @media screen and (max-width: 1199px) { .card_hit_content_price { margin-top: 12px; column-gap: 10px; } } .card_hit_content_price-cost { color: #32373E; font-family: "Fira Sans", sans-serif; font-size: 20px; font-size: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); font-weight: 500; line-height: 26px; line-height: clamp(1.375rem, 0.125rem + 1.6666666667vw, 1.625rem); } @media screen and (max-width: 1199px) { .card_hit_content_price-cost { font-size: 16px; line-height: 22px; } } .card_hit_content_price-cost span { font-family: "Fira Sans", sans-serif; } .card_hit_content_price-old { color: #6D7686; font-family: "Commissioner", sans-serif; font-size: 15px; font-size: clamp(0.75rem, -0.1875rem + 1.25vw, 0.9375rem); font-weight: 400; line-height: normal; text-decoration: line-through; } @media screen and (max-width: 1199px) { .card_hit_content_price-old { font-size: 12px; } } .card_hit_content_btn { display: flex; align-items: flex-end; flex: 1 1 auto; margin-top: 30px; margin-top: clamp(1.125rem, -2.625rem + 5vw, 1.875rem); position: relative; z-index: 2; } @media screen and (max-width: 1199px) { .card_hit_content_btn { margin-top: 18px; } } .card_hit-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .card_product { display: flex; flex-direction: column; padding: 40px 30px 30px 30px; padding: clamp(0.6875rem, -8.375rem + 12.0833333333vw, 2.5rem) clamp(0.6875rem, -5.25rem + 7.9166666667vw, 1.875rem) clamp(0.6875rem, -5.25rem + 7.9166666667vw, 1.875rem) clamp(0.6875rem, -5.25rem + 7.9166666667vw, 1.875rem); border-radius: 14px; border-radius: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); border: 1px solid #ECEEF0; background: #FFF; position: relative; } @media screen and (max-width: 1199px) { .card_product { padding: 11px; border-radius: 10px; } } .card_product-image { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; aspect-ratio: 157/95; overflow: hidden; } .card_product-image img { height: auto; max-height: 100%; } .card_product_content { margin-top: 18px; margin-top: clamp(0.625rem, -1.875rem + 3.3333333333vw, 1.125rem); } @media screen and (max-width: 1199px) { .card_product_content { margin-top: 10px; } } .card_product_content_top { display: flex; flex-direction: column; row-gap: 12px; row-gap: clamp(0.125rem, -3rem + 4.1666666667vw, 0.75rem); } @media screen and (max-width: 1199px) { .card_product_content_top { row-gap: 2px; } } .card_product_content_info { margin-top: 26px; margin-top: clamp(0.625rem, -4.375rem + 6.6666666667vw, 1.625rem); } @media screen and (max-width: 1199px) { .card_product_content_info { margin-top: 10px; } } .card_product_content_info_item { display: flex; margin-bottom: 12px; margin-bottom: clamp(0.1875rem, -2.625rem + 3.75vw, 0.75rem); column-gap: 30px; column-gap: clamp(0.625rem, -5.625rem + 8.3333333333vw, 1.875rem); } @media screen and (max-width: 1199px) { .card_product_content_info_item { column-gap: 0px; display: inline-block; margin-bottom: 3px; } } .card_product_content_info_item:last-of-type { margin-bottom: 0px; } .card_product_content_info_item-title { color: #6D7686; min-width: 152px; max-width: 152px; } @media screen and (max-width: 1199px) { .card_product_content_info_item-title { min-width: unset; max-width: unset; display: inline; } } .card_product_content_info_item-count { color: #19398B; } @media screen and (max-width: 1199px) { .card_product_content_info_item-count { display: inline; } } .card_product_content_price { display: flex; align-items: center; column-gap: 20px; column-gap: clamp(0.75rem, -1.75rem + 3.3333333333vw, 1.25rem); margin-top: 30px; margin-top: clamp(0.75rem, -4.875rem + 7.5vw, 1.875rem); } @media screen and (max-width: 1199px) { .card_product_content_price { margin-top: 12px; column-gap: 10px; } } .card_product_content_price-cost { color: #32373E; font-family: "Fira Sans", sans-serif; font-size: 20px; font-size: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); font-weight: 500; line-height: 26px; line-height: clamp(1.375rem, 0.125rem + 1.6666666667vw, 1.625rem); } @media screen and (max-width: 1199px) { .card_product_content_price-cost { font-size: 16px; line-height: 22px; } } .card_product_content_price-cost span { font-family: "Fira Sans", sans-serif; } .card_product_content_price-old { color: #6D7686; font-family: "Commissioner", sans-serif; font-size: 15px; font-size: clamp(0.75rem, -0.1875rem + 1.25vw, 0.9375rem); font-weight: 400; line-height: normal; text-decoration: line-through; } @media screen and (max-width: 1199px) { .card_product_content_price-old { font-size: 12px; } } .card_product_content_btns { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; margin-top: clamp(0.625rem, -5.625rem + 8.3333333333vw, 1.875rem); position: relative; z-index: 2; width: 100%; } @media screen and (max-width: 1199px) { .card_product_content_btns { gap: unset; margin-top: 10px; } } @media screen and (max-width: 1199px) { .card_product_content_btns .btn { width: 100%; } } .card_product_content_btns-func { display: flex; width: 40px; width: clamp(2.125rem, 0.25rem + 2.5vw, 2.5rem); height: 40px; height: clamp(2.125rem, 0.25rem + 2.5vw, 2.5rem); } @media screen and (max-width: 1199px) { .card_product_content_btns-func { display: none; width: 34px; height: 34px; } } @media (hover: hover) { .card_product_content_btns-func:hover svg line { stroke: #FFF; } .card_product_content_btns-func:hover svg path { fill: #FFF; } .card_product_content_btns-func:hover svg rect { fill: #19398B; } } @media (hover: none) { .card_product_content_btns-func:active svg line { stroke: #FFF; } .card_product_content_btns-func:active svg path { fill: #FFF; } .card_product_content_btns-func:active svg rect { fill: #19398B; } } .card_product_content_btns-func.active svg line { stroke: #FFF; } .card_product_content_btns-func.active svg path { fill: #FFF; } .card_product_content_btns-func.active svg rect { fill: #19398B; } .card_product_content_btns-func svg { width: 100%; height: 100%; } .card_product_content_btns-func svg line, .card_product_content_btns-func svg path, .card_product_content_btns-func svg rect { transition: 0.4s; } .card_product_content_btns-func svg rect { fill: transparent; } .card_product-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .card_mattress { display: flex; flex-direction: column; padding: 20px; border-radius: 14px; border-radius: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); border: 1px solid #ECEEF0; background: #FFF; position: relative; } @media screen and (max-width: 1199px) { .card_mattress { padding: 11px; border-radius: 10px; } } .card_mattress-image { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; aspect-ratio: 157/95; overflow: hidden; } .card_mattress-image img { height: auto; max-height: 100%; } .card_mattress_content { margin-top: 18px; margin-top: clamp(0.625rem, -1.875rem + 3.3333333333vw, 1.125rem); } @media screen and (max-width: 1199px) { .card_mattress_content { margin-top: 10px; } } .card_mattress_content_top { display: flex; flex-direction: column; row-gap: 12px; row-gap: clamp(0.125rem, -3rem + 4.1666666667vw, 0.75rem); } @media screen and (max-width: 1199px) { .card_mattress_content_top { row-gap: 2px; } } .card_mattress_content_info { display: flex; flex-direction: column; row-gap: 16px; row-gap: clamp(0.625rem, -1.25rem + 2.5vw, 1rem); margin-top: 26px; margin-top: clamp(0.625rem, -4.375rem + 6.6666666667vw, 1.625rem); } @media screen and (max-width: 1199px) { .card_mattress_content_info { margin-top: 10px; row-gap: 10px; } } .card_mattress_content_info_hardness { display: flex; flex-direction: column; row-gap: 10px; row-gap: clamp(0.0625rem, -2.75rem + 3.75vw, 0.625rem); } @media screen and (max-width: 1199px) { .card_mattress_content_info_hardness { row-gap: 1px; } } .card_mattress_content_info_hardness_meta { display: flex; flex-direction: column; row-gap: 12px; row-gap: clamp(0.125rem, -3rem + 4.1666666667vw, 0.75rem); } @media screen and (max-width: 1199px) { .card_mattress_content_info_hardness_meta { row-gap: 2px; } } .card_mattress_content_info_hardness_meta-item { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; } .card_mattress_content_info_hardness_meta-item[data-hardness="1"] .card_mattress_content_info_hardness_meta-icon svg > *:nth-child(-n+1) { fill: #19398B; } .card_mattress_content_info_hardness_meta-item[data-hardness="2"] .card_mattress_content_info_hardness_meta-icon svg > *:nth-child(-n+2) { fill: #19398B; } .card_mattress_content_info_hardness_meta-item[data-hardness="3"] .card_mattress_content_info_hardness_meta-icon svg > *:nth-child(-n+3) { fill: #19398B; } .card_mattress_content_info_hardness_meta-item[data-hardness="4"] .card_mattress_content_info_hardness_meta-icon svg > *:nth-child(-n+4) { fill: #19398B; } .card_mattress_content_info_hardness_meta-item[data-hardness="5"] .card_mattress_content_info_hardness_meta-icon svg > *:nth-child(-n+5) { fill: #19398B; } .card_mattress_content_info_hardness_meta-icon { display: flex; height: 10px; height: clamp(0.3125rem, -1.25rem + 2.0833333333vw, 0.625rem); flex-shrink: 0; } @media screen and (max-width: 1199px) { .card_mattress_content_info_hardness_meta-icon { height: 5px; } } .card_mattress_content_info_hardness_meta-icon svg { max-height: 100%; height: 100%; width: auto; } .card_mattress_content_info_hardness_meta-icon svg > * { fill: #ECEEF0; } .card_mattress_content_info_hardness_meta-value { color: #19398B; text-align: right; } .card_mattress_content_info_size { display: flex; justify-content: space-between; column-gap: 10px; column-gap: clamp(0.3125rem, -1.25rem + 2.0833333333vw, 0.625rem); row-gap: 5px; position: relative; flex-wrap: wrap; z-index: 4; } @media screen and (max-width: 1199px) { .card_mattress_content_info_size { column-gap: 5px; } } .card_mattress_content_info_size-select { cursor: pointer; } .card_mattress_content_info_size-select .select.select_show .select__toggle::before { transform: rotate(180deg); } .card_mattress_content_info_size-select .select.select_show .select__dropdown { display: block; } .card_mattress_content_info_size-select .select__toggle { display: flex; align-items: center; column-gap: 10px; column-gap: clamp(0.3125rem, -1.25rem + 2.0833333333vw, 0.625rem); color: #19398B; text-align: right; font-family: "Commissioner", sans-serif; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-style: normal; font-weight: 400; line-height: 24px; line-height: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); user-select: none; transition: 0.4s; } @media screen and (max-width: 1199px) { .card_mattress_content_info_size-select .select__toggle { column-gap: 5px; font-size: 12px; line-height: 18px; } } @media (hover: hover) { .card_mattress_content_info_size-select .select__toggle:hover { opacity: 0.8; } } @media (hover: none) { .card_mattress_content_info_size-select .select__toggle:active { opacity: 0.8; } } .card_mattress_content_info_size-select .select__toggle::before { content: ""; display: block; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%229%22%20fill%3D%22%23F5F5F5%22%2F%3E%3Cpath%20d%3D%22M7%208L9%2010L11%208%22%20stroke%3D%22%236D7686%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; width: 18px; height: 18px; transition: 0.4s; } .card_mattress_content_info_size-select .select__dropdown { display: none; padding: 18px 13px 18px 22px; padding: clamp(0.75rem, -1.125rem + 2.5vw, 1.125rem) clamp(0.75rem, 0.4375rem + 0.4166666667vw, 0.8125rem) clamp(0.75rem, -1.125rem + 2.5vw, 1.125rem) clamp(0.75rem, -2.375rem + 4.1666666667vw, 1.375rem); border-radius: 12px; border-radius: clamp(0.5rem, -0.75rem + 1.6666666667vw, 0.75rem); background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); position: absolute; z-index: 6; top: calc(100% + 10px); right: 0px; } @media screen and (max-width: 1199px) { .card_mattress_content_info_size-select .select__dropdown { padding: 12px; border-radius: 8px; top: calc(100% + 5px); } } .card_mattress_content_info_size-select .select__dropdown .select__options { display: flex; flex-direction: column; row-gap: 5px; max-height: 250px; max-height: clamp(11.25rem, -10.625rem + 29.1666666667vw, 15.625rem); overflow-y: auto; padding-right: 15px; padding-right: clamp(0.6875rem, -0.5625rem + 1.6666666667vw, 0.9375rem); } @media screen and (max-width: 1199px) { .card_mattress_content_info_size-select .select__dropdown .select__options { max-height: 180px; padding-right: 11px; } } .card_mattress_content_info_size-select .select__dropdown .select__options::-webkit-scrollbar { width: 2px; border-radius: 5px; } .card_mattress_content_info_size-select .select__dropdown .select__options::-webkit-scrollbar-track { border-radius: 5px; background: #E2E4E7; } .card_mattress_content_info_size-select .select__dropdown .select__options::-webkit-scrollbar-thumb { border-radius: 5px; background: #A7ADB7; } .card_mattress_content_info_size-select .select__dropdown .select__options .select__option { color: #6D7686; font-family: "Commissioner", sans-serif; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-weight: 400; line-height: 24px; line-height: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); cursor: pointer; transition: 0.4s; } @media screen and (max-width: 1199px) { .card_mattress_content_info_size-select .select__dropdown .select__options .select__option { font-size: 12px; line-height: 18px; } } @media (hover: hover) { .card_mattress_content_info_size-select .select__dropdown .select__options .select__option:hover { color: #32373E; } } @media (hover: none) { .card_mattress_content_info_size-select .select__dropdown .select__options .select__option:active { color: #32373E; } } .card_mattress_content_info_size-select .select__dropdown .select__options .select__option.select__option_selected { color: #19398B; } @media (hover: hover) { .card_mattress_content_info_size-select .select__dropdown .select__options .select__option.select__option_selected:hover { color: #19398B; } } @media (hover: none) { .card_mattress_content_info_size-select .select__dropdown .select__options .select__option.select__option_selected:active { color: #19398B; } } .card_mattress_content_price { display: flex; align-items: center; column-gap: 20px; column-gap: clamp(0.75rem, -1.75rem + 3.3333333333vw, 1.25rem); margin-top: 40px; margin-top: clamp(0.75rem, -8rem + 11.6666666667vw, 2.5rem); } @media screen and (max-width: 1199px) { .card_mattress_content_price { margin-top: 12px; column-gap: 10px; } } .card_mattress_content_price-cost { color: #32373E; font-family: "Fira Sans", sans-serif; font-size: 20px; font-size: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); font-weight: 500; line-height: 26px; line-height: clamp(1.375rem, 0.125rem + 1.6666666667vw, 1.625rem); } @media screen and (max-width: 1199px) { .card_mattress_content_price-cost { font-size: 16px; line-height: 22px; } } .card_mattress_content_price-cost span { font-family: "Fira Sans", sans-serif; } .card_mattress_content_price-old { color: #6D7686; font-family: "Commissioner", sans-serif; font-size: 15px; font-size: clamp(0.75rem, -0.1875rem + 1.25vw, 0.9375rem); font-weight: 400; line-height: normal; text-decoration: line-through; } @media screen and (max-width: 1199px) { .card_mattress_content_price-old { font-size: 12px; } } .card_mattress_content_btns { display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 10px; column-gap: clamp(0.3125rem, -1.25rem + 2.0833333333vw, 0.625rem); margin-top: 30px; margin-top: clamp(0.625rem, -5.625rem + 8.3333333333vw, 1.875rem); position: relative; z-index: 2; width: 100%; } @media screen and (max-width: 1199px) { .card_mattress_content_btns { gap: unset; margin-top: 10px; flex-wrap: nowrap; column-gap: 3px; } } .card_mattress_content_btns .btn { border-radius: 12px; border-radius: clamp(0.5rem, -0.75rem + 1.6666666667vw, 0.75rem); } @media screen and (max-width: 1199px) { .card_mattress_content_btns .btn { border-radius: 8px; } } .card_mattress_content_btns-func { display: flex; width: 40px; width: clamp(2.125rem, 0.25rem + 2.5vw, 2.5rem); height: 40px; height: clamp(2.125rem, 0.25rem + 2.5vw, 2.5rem); } @media screen and (max-width: 1199px) { .card_mattress_content_btns-func { width: 34px; height: 34px; } } @media (hover: hover) { .card_mattress_content_btns-func:hover svg line { stroke: #FFF; } .card_mattress_content_btns-func:hover svg path { fill: #FFF; } .card_mattress_content_btns-func:hover svg rect { fill: #19398B; } } @media (hover: none) { .card_mattress_content_btns-func:active svg line { stroke: #FFF; } .card_mattress_content_btns-func:active svg path { fill: #FFF; } .card_mattress_content_btns-func:active svg rect { fill: #19398B; } } .card_mattress_content_btns-func.active svg line { stroke: #FFF; } .card_mattress_content_btns-func.active svg path { fill: #FFF; } .card_mattress_content_btns-func.active svg rect { fill: #19398B; } .card_mattress_content_btns-func svg { width: 100%; height: 100%; } .card_mattress_content_btns-func svg line, .card_mattress_content_btns-func svg path, .card_mattress_content_btns-func svg rect { transition: 0.4s; } .card_mattress_content_btns-func svg rect { fill: transparent; } @media screen and (max-width: 1199px) { .card_mattress_content_btns-func svg rect { display: none; } } .card_mattress-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .bredcrumbs { margin-top: 20px; margin-top: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); margin-bottom: 50px; margin-bottom: clamp(0.625rem, -11.875rem + 16.6666666667vw, 3.125rem); } @media screen and (max-width: 1199px) { .bredcrumbs { margin-top: 10px; margin-bottom: 10px; } } .bredcrumbs ul { display: flex; flex-wrap: wrap; align-items: center; } .bredcrumbs ul li { color: #6D7686; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: 22px; line-height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); } @media screen and (max-width: 1199px) { .bredcrumbs ul li { font-size: 12px; line-height: 18px; } } .bredcrumbs ul li:last-child::after { display: none; } .bredcrumbs ul li::after { content: "-"; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0 5px; } .bredcrumbs ul li a { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; transition: 0.4s; } @media (hover: hover) { .bredcrumbs ul li a:hover { color: #32373E; } } @media (hover: none) { .bredcrumbs ul li a:active { color: #32373E; } } .bredcrumbs ul li span { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; } .pink_cloud { display: inline-flex; justify-content: center; align-items: center; color: #FFF; font-family: "Commissioner", sans-serif; text-align: center; font-size: 12px; font-size: clamp(0.625rem, 0rem + 0.8333333333vw, 0.75rem); font-weight: 500; line-height: 18px; line-height: clamp(0.875rem, -0.375rem + 1.6666666667vw, 1.125rem); letter-spacing: 0.24px; text-transform: uppercase; padding: 4px 9px 6px 9px; padding-top: clamp(0.125rem, -0.5rem + 0.8333333333vw, 0.25rem); padding-bottom: clamp(0.25rem, -0.375rem + 0.8333333333vw, 0.375rem); border-radius: 8px; background: #BA4265; } @media screen and (max-width: 1199px) { .pink_cloud { padding: 2px 9px 4px 9px; font-size: 10px; line-height: 14px; letter-spacing: 0.2px; } } .product_page_also_card { width: 100%; max-width: 100%; position: relative; } @media (hover: hover) { .product_page_also_card:hover img { transform: scale(1.03); } } @media (hover: none) { .product_page_also_card:active img { transform: scale(1.03); } } .product_page_also_card-image { display: block; width: 100%; height: auto; border-radius: 14px; overflow: hidden; aspect-ratio: 306/257; } .product_page_also_card-image img { width: 100%; height: auto; transition: 0.6s; } .product_page_also_card_content { display: flex; flex-direction: column; row-gap: 6px; row-gap: clamp(0.125rem, -1.125rem + 1.6666666667vw, 0.375rem); margin-top: 18px; margin-top: clamp(0.5rem, -2.625rem + 4.1666666667vw, 1.125rem); } @media screen and (max-width: 1199px) { .product_page_also_card_content { row-gap: 2px; margin-top: 8px; } } .product_page_also_card_content-price { display: flex; align-items: center; column-gap: 20px; column-gap: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); } @media screen and (max-width: 1199px) { .product_page_also_card_content-price { column-gap: 10px; } } .product_page_also_card_content-price b { color: #32373E; font-family: "Fira Sans"; font-size: 20px; font-size: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); font-weight: 500; line-height: 26px; line-height: clamp(1.375rem, 0.125rem + 1.6666666667vw, 1.625rem); } @media screen and (max-width: 1199px) { .product_page_also_card_content-price b { font-size: 16px; line-height: 22px; } } .product_page_also_card_content-price s { color: #6D7686; font-family: "Commissioner", sans-serif; font-size: 15px; font-size: clamp(0.75rem, -0.1875rem + 1.25vw, 0.9375rem); font-weight: 400; line-height: normal; text-decoration: line-through; } @media screen and (max-width: 1199px) { .product_page_also_card_content-price s { font-size: 12px; } } .product_page_also_card-link { display: block; position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; height: 100%; z-index: 1; } .coockies_accept { position: fixed; bottom: 0px; left: -30px; margin: 30px; margin: clamp(1rem, -3.375rem + 5.8333333333vw, 1.875rem); padding: 20px; padding: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); display: flex; align-items: center; column-gap: 24px; column-gap: clamp(1.25rem, 0rem + 1.6666666667vw, 1.5rem); z-index: 12; border-radius: 14px; background: #FFF; box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.16); width: 100%; max-width: 360px; opacity: 0; visibility: hidden; transition: 0.5s; } @media screen and (max-width: 1199px) { .coockies_accept { margin: 16px; column-gap: 20px; max-width: 310px; border-radius: 12px; } } @media screen and (max-width: 767px) { .coockies_accept { width: 100%; left: 50%; transform: translateX(-50%); max-width: 440px; margin: 0; border-radius: 10px 10px 0px 0px; bottom: -100px; } } .coockies_accept.active { opacity: 1; visibility: visible; left: 0; } @media screen and (max-width: 767px) { .coockies_accept.active { left: 50%; bottom: 0%; } } .coockies_accept-text { color: #000; font-size: 16px; font-size: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); font-weight: 400; line-height: 26px; line-height: clamp(1.375rem, 0.125rem + 1.6666666667vw, 1.625rem); } @media screen and (max-width: 1199px) { .coockies_accept-text { font-size: 14px; line-height: 22px; } } @media screen and (max-width: 767px) { .coockies_accept-text { font-size: 12px; line-height: 18px; flex: 1 1 50%; } } .coockies_accept-text a { color: #19398B; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; transition: 0.4s; } @media (hover: hover) { .coockies_accept-text a:hover { opacity: 0.7; } } @media (hover: none) { .coockies_accept-text a:active { opacity: 0.7; } } .coockies_accept-btn { display: inline-flex; justify-content: center; align-items: center; text-align: center; flex-shrink: 0; padding: 5px 32px; padding: 5px clamp(1.625rem, -0.25rem + 2.5vw, 2rem); height: 50px; height: clamp(2.75rem, 0.875rem + 2.5vw, 3.125rem); border-radius: 16px; border-radius: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); background: #19398B; color: #FFF; font-size: 16px; font-size: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); font-weight: 500; line-height: 22px; line-height: clamp(1.25rem, 0.625rem + 0.8333333333vw, 1.375rem); transition: 0.4s; } @media screen and (max-width: 1199px) { .coockies_accept-btn { height: 44px; font-size: 14px; line-height: 20px; padding: 5px 26px; border-radius: 12px; } } @media screen and (max-width: 767px) { .coockies_accept-btn { padding: 5px 16px; height: 34px; flex: 1 1 50%; } } @media (hover: hover) { .coockies_accept-btn:hover { opacity: 0.7; } } @media (hover: none) { .coockies_accept-btn:active { opacity: 0.7; } } .first_screen_wrap_slider { position: relative; --progress: 0; } .first_screen_wrap_slider_sw { aspect-ratio: 817/550; min-width: 0; width: 100%; max-width: 100%; margin: 0; border-radius: 14px; border-radius: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); } @media screen and (max-width: 1199px) { .first_screen_wrap_slider_sw { border-radius: 10px; } } @media screen and (max-width: 767px) { .first_screen_wrap_slider_sw { aspect-ratio: 343/384; max-height: 500px; } } .first_screen_wrap_slider_sw_item { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; width: 100%; height: 100%; padding: 40px; padding: clamp(1.25rem, -5rem + 8.3333333333vw, 2.5rem); position: relative; } @media screen and (max-width: 1199px) { .first_screen_wrap_slider_sw_item { padding: 20px; } } @media screen and (max-width: 767px) { .first_screen_wrap_slider_sw_item { padding: 16px 16px 32px 16px; } } .first_screen_wrap_slider_sw_item > *:first-child { margin-top: 0px; } .first_screen_wrap_slider_sw_item > *:last-child { margin-bottom: 0px; } .first_screen_wrap_slider_sw_item-image { position: absolute; top: 0; left: 0; z-index: -1; user-select: none; pointer-events: all; width: 100%; height: 100%; } .first_screen_wrap_slider_sw_item-image::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(243deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); user-select: none; pointer-events: all; } .first_screen_wrap_slider_sw_item-image img { width: 100%; height: auto; } @media screen and (max-width: 767px) { .first_screen_wrap_slider_sw_item-image img { width: 100%; height: 100%; object-fit: cover; } } .first_screen_wrap_slider_sw_item-title { max-width: 390px; } .first_screen_wrap_slider_sw_item-text { max-width: 390px; margin-top: 12px; margin-top: clamp(0.5rem, -0.75rem + 1.6666666667vw, 0.75rem); } @media screen and (max-width: 1199px) { .first_screen_wrap_slider_sw_item-text { margin-top: 8px; } } .first_screen_wrap_slider_sw_item .btn { margin-top: 30px; margin-top: clamp(1.25rem, -1.875rem + 4.1666666667vw, 1.875rem); } @media screen and (max-width: 1199px) { .first_screen_wrap_slider_sw_item .btn { margin-top: 20px; } } .first_screen_wrap_slider .swiper-pagination { display: flex; align-items: center; column-gap: 18px; column-gap: clamp(0.75rem, -1.125rem + 2.5vw, 1.125rem); right: 0px; left: auto; bottom: 0px; width: auto; padding: 40px; padding: clamp(1.25rem, -5rem + 8.3333333333vw, 2.5rem); } @media screen and (max-width: 1199px) { .first_screen_wrap_slider .swiper-pagination { column-gap: 12px; padding: 20px; } } @media screen and (max-width: 767px) { .first_screen_wrap_slider .swiper-pagination { padding: 16px 16px 10px 16px; width: 100%; justify-content: center; } } .first_screen_wrap_slider .swiper-pagination-bullet { width: 30px; height: 6px; height: clamp(0.25rem, -0.375rem + 0.8333333333vw, 0.375rem); margin: 0 !important; padding: 0; border-radius: 10px; background: rgba(255, 255, 255, 0.3); position: relative; overflow: hidden; opacity: 1; } @media screen and (max-width: 1199px) { .first_screen_wrap_slider .swiper-pagination-bullet { height: 4px; } } @media screen and (max-width: 767px) { .first_screen_wrap_slider .swiper-pagination-bullet { width: auto; flex: 1 1 auto; } } .first_screen_wrap_slider .swiper-pagination-bullet::after { content: ""; display: block; width: 100%; height: 100%; background: #FFF; position: absolute; top: 0; left: 0; transform: scaleX(0); opacity: 1; transform-origin: 0% 0%; } .first_screen_wrap_slider .swiper-pagination-bullet-active::after { transform: scaleX(var(--progress)); } .first_screen_wrap_slider-prev { display: inline-flex; justify-content: center; align-items: center; width: 46px; width: clamp(2.375rem, -0.125rem + 3.3333333333vw, 2.875rem); height: 46px; height: clamp(2.375rem, -0.125rem + 3.3333333333vw, 2.875rem); margin: 0; padding: 0; top: 50%; transform: translateY(-50%); left: -23px; } @media screen and (max-width: 1199px) { .first_screen_wrap_slider-prev { display: none; } } .first_screen_wrap_slider-prev svg { width: 100%; height: 100%; } .first_screen_wrap_slider-next { display: inline-flex; justify-content: center; align-items: center; width: 46px; width: clamp(2.375rem, -0.125rem + 3.3333333333vw, 2.875rem); height: 46px; height: clamp(2.375rem, -0.125rem + 3.3333333333vw, 2.875rem); margin: 0; padding: 0; top: 50%; transform: translateY(-50%); right: -23px; } @media screen and (max-width: 1199px) { .first_screen_wrap_slider-next { display: none; } } .first_screen_wrap_slider-next svg { width: 100%; height: 100%; } .first_screen_wrap_right { display: flex; border-radius: 14px; border-radius: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); overflow: hidden; height: 100%; position: relative; padding: 30px; border-radius: 14px; background: #F3F2EF; flex-direction: column; } .first_screen_wrap_right .top{ position: relative; } .first_screen_wrap_right .bottom{ margin-top: auto; } .first_screen_wrap_right .bottom .bottom_top{ background: linear-gradient(180deg, #6D7684 0%, #ADB2BB 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* 1440/text/H1 */ font-family: "Fira Sans"; font-size: 50px; font-style: normal; font-weight: 700; line-height: 56px; /* 112% */ } .first_screen_wrap_right .bottom .text{ background: linear-gradient(180deg, #6D7684 0%, #ADB2BB 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: Commissioner; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; /* 150% */ } .first_screen_wrap_right .img{ margin-top: auto; } .first_screen_wrap_right .top .title{ background: linear-gradient(180deg, #6D7684 0%, #ADB2BB 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 32px; font-style: normal; font-weight: 700; line-height: 38px; padding-right: 90px; } .first_screen_wrap_right .top .icon{ position: absolute; right: 0; top: 10px; right: 0; } @media screen and (max-width: 1199px) { .first_screen_wrap_right { border-radius: 10px; padding: 16px; } .first_screen_wrap_right .top .title{ font-size: 26px; font-style: normal; font-weight: 700; line-height: 32px; padding-right: 45px; } .first_screen_wrap_right .top .icon{} .first_screen_wrap_right .top .icon svg{ width: 39px; height: 50px; } .first_screen_wrap_right .bottom .bottom_top{ font-size: 24px; font-style: normal; font-weight: 700; line-height: 112%; } .first_screen_wrap_right .bottom .text{ font-size: 14px; font-style: normal; font-weight: 400; line-height: 130%; } } @media screen and (max-width: 767px) { .first_screen_wrap_right { display: none; } } @media screen and (max-width: 767px) { .first_screen .fly_menu { display: none; } } .index_catalog { margin-top: 100px; margin-top: clamp(3.125rem, -12.5rem + 20.8333333333vw, 6.25rem); } @media screen and (max-width: 1199px) { .index_catalog { margin-top: 50px; } } @media screen and (max-width: 767px) { .index_catalog { margin-top: 40px; } } @media screen and (max-width: 767px) { .index_catalog_wrap-title { text-align: left; } } .index_catalog_wrap_benefit { margin-top: 50px; row-gap: 30px; } @media screen and (max-width: 1199px) { .index_catalog_wrap_benefit { margin-top: 24px; row-gap: 10px; } } .index_catalog_wrap_benefit_item { display: flex; align-items: center; column-gap: 20px; column-gap: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); padding: 10px 20px 10px 10px; padding: clamp(0.1875rem, -2rem + 2.9166666667vw, 0.625rem) clamp(0.3125rem, -4.375rem + 6.25vw, 1.25rem) clamp(0.3125rem, -1.25rem + 2.0833333333vw, 0.625rem) clamp(0.1875rem, -2rem + 2.9166666667vw, 0.625rem); border-radius: 14px; border-radius: clamp(0.375rem, -2.125rem + 3.3333333333vw, 0.875rem); background: #FFF; box-shadow: 0px 24px 84px 0px rgba(25, 57, 139, 0.05); } @media screen and (max-width: 1199px) { .index_catalog_wrap_benefit_item { padding: 3px 5px; column-gap: 10px; border-radius: 6px; box-shadow: 0px 24px 84px 0px rgba(25, 57, 139, 0.15); } } .index_catalog_wrap_benefit_item-icon { display: flex; flex-shrink: 0; width: 76px; width: clamp(2.5rem, -8.75rem + 15vw, 4.75rem); height: 76px; height: clamp(2.5rem, -8.75rem + 15vw, 4.75rem); } @media screen and (max-width: 1199px) { .index_catalog_wrap_benefit_item-icon { width: 40px; height: 40px; } } .index_catalog_wrap_benefit_item-icon svg { width: 100%; height: 100%; } .index_catalog_wrap_benefit_item-title { color: #32373E; font-family: "Commissioner", sans-serif; font-size: 16px; font-size: clamp(0.625rem, -1.25rem + 2.5vw, 1rem); font-weight: 400; line-height: 24px; line-height: clamp(0.875rem, -2.25rem + 4.1666666667vw, 1.5rem); } @media screen and (max-width: 1199px) { .index_catalog_wrap_benefit_item-title { font-size: 10px; line-height: 14px; } } .index_catalog_wrap_slider { margin-top: 80px; margin-top: clamp(1.5rem, -16rem + 23.3333333333vw, 5rem); position: relative; } @media screen and (max-width: 1199px) { .index_catalog_wrap_slider { margin-top: 24px; } } .index_catalog_wrap_slider-prev { display: flex; justify-content: center; align-items: center; width: 46px; width: clamp(1.875rem, -3.125rem + 6.6666666667vw, 2.875rem); height: 46px; height: clamp(1.875rem, -3.125rem + 6.6666666667vw, 2.875rem); position: absolute; top: 50%; transform: translateY(-50%); left: -21px; filter: drop-shadow(0px 0px 26px rgba(0, 67, 101, 0.08)); } @media screen and (max-width: 1199px) { .index_catalog_wrap_slider-prev { width: 30px; height: 30px; left: -15px; } } @media screen and (max-width: 767px) { .index_catalog_wrap_slider-prev { display: none; } } .index_catalog_wrap_slider-prev svg { width: 100%; height: 100%; } .index_catalog_wrap_slider-next { display: flex; justify-content: center; align-items: center; width: 46px; width: clamp(1.875rem, -3.125rem + 6.6666666667vw, 2.875rem); height: 46px; height: clamp(1.875rem, -3.125rem + 6.6666666667vw, 2.875rem); position: absolute; top: 50%; transform: translateY(-50%); right: -21px; filter: drop-shadow(0px 0px 26px rgba(0, 67, 101, 0.08)); } @media screen and (max-width: 1199px) { .index_catalog_wrap_slider-next { width: 30px; height: 30px; right: -15px; } } @media screen and (max-width: 767px) { .index_catalog_wrap_slider-next { display: none; } } .index_catalog_wrap_slider-next svg { width: 100%; height: 100%; } .index_catalog_wrap_sw { min-width: 0px; margin: 0; } @media screen and (max-width: 767px) { .index_catalog_wrap_sw { overflow: visible; } } .index_catalog_wrap_sw_item { display: flex; align-items: flex-end; border-radius: 14px; border-radius: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); background: #FFF; position: relative; padding: 20px; padding: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem) clamp(0.875rem, -1rem + 2.5vw, 1.25rem); overflow: hidden; aspect-ratio: 288/425; height: auto; } @media screen and (max-width: 1199px) { .index_catalog_wrap_sw_item { border-radius: 10px; padding: 10px 14px; } } @media screen and (max-width: 767px) { .index_catalog_wrap_sw_item { padding: 10px 16px; max-width: 45%; } } .index_catalog_wrap_sw_item-image { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; user-select: none; pointer-events: none; } .index_catalog_wrap_sw_item-image::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 100%); user-select: none; pointer-events: none; } .index_catalog_wrap_sw_item-image img { width: 100%; height: auto; } .index_catalog_wrap_sw_item-link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .index_hit { margin-top: 100px; margin-top: clamp(2.5rem, -16.25rem + 25vw, 6.25rem); } @media screen and (max-width: 1199px) { .index_hit { margin-top: 40px; } } @media screen and (max-width: 1199px) { .index_hit_wrap-title .icon { display: none; } } .index_hit_wrap_slider { display: flex; flex-direction: column; row-gap: 40px; row-gap: clamp(1.75rem, -2rem + 5vw, 2.5rem); margin-top: 50px; margin-top: clamp(1.75rem, -5.125rem + 9.1666666667vw, 3.125rem); } @media screen and (max-width: 1199px) { .index_hit_wrap_slider { margin-top: 28px; row-gap: 28px; } } .index_hit_wrap_slider-btn { display: flex; justify-content: center; } @media screen and (max-width: 767px) { .index_hit_wrap_slider-btn { justify-content: flex-start; } } .index_hit_wrap_slider_sw { min-width: 0px; margin: 0; overflow: visible; } @media screen and (max-width: 1199px) { .index_hit_wrap_slider_sw { row-gap: 28px; } } .index_hit_wrap_slider_sw .swiper-slide { height: auto; } @media screen and (max-width: 1199px) { .index_hit_wrap_slider_sw .swiper-slide { max-width: 41%; } } @media screen and (max-width: 767px) { .index_hit_wrap_slider_sw .swiper-slide { max-width: 83.5%; } } .index_hit_wrap_slider_sw .swiper-slide .card_hit { height: 100%; } .index_hit_wrap_slider_sw .swiper-slide .card_hit_content { flex: 1 1 auto; } .index_test { margin-top: 80px; margin-top: clamp(2.5rem, -10rem + 16.6666666667vw, 5rem); } @media screen and (max-width: 1199px) { .index_test { margin-top: 40px; } } .index_test_wrap { display: flex; flex-direction: column; justify-content: space-between; row-gap: 50px; position: relative; padding: 60px; padding: clamp(1.5rem, -9.75rem + 15vw, 3.75rem); border-radius: 20px; overflow: hidden; aspect-ratio: 2/1; width: 100%; max-height: 700px; max-height: clamp(25rem, -68.75rem + 125vw, 43.75rem); } @media screen and (max-width: 1199px) { .index_test_wrap { padding: 24px; max-height: 400px; } } @media screen and (max-width: 767px) { .index_test_wrap { aspect-ratio: 69/73; padding: 20px; max-height: 400px; } } .index_test_wrap_top { display: flex; flex-direction: column; max-width: 430px; max-width: clamp(19.6875rem, -16.25rem + 47.9166666667vw, 26.875rem); } @media screen and (max-width: 1199px) { .index_test_wrap_top { max-width: 315px; } } @media screen and (max-width: 767px) { .index_test_wrap_top { max-width: 300px; } } .index_test_wrap_top > *:first-child { margin-top: 0px; } .index_test_wrap_top > *:last-child { margin-bottom: 0px; } .index_test_wrap_top-icon { display: flex; width: 44px; width: clamp(2.125rem, -1rem + 4.1666666667vw, 2.75rem); height: 44px; height: clamp(2.125rem, -1rem + 4.1666666667vw, 2.75rem); flex-shrink: 0; } @media screen and (max-width: 1199px) { .index_test_wrap_top-icon { width: 34px; height: 34px; } } .index_test_wrap_top-icon svg { width: 100%; height: 100%; } .index_test_wrap_top-title { margin-top: 40px; margin-top: clamp(0.875rem, -7.25rem + 10.8333333333vw, 2.5rem); } @media screen and (max-width: 1199px) { .index_test_wrap_top-title { margin-top: 14px; } } .index_test_wrap_top-text { margin-top: 20px; margin-top: clamp(0.5rem, -3.25rem + 5vw, 1.25rem); } @media screen and (max-width: 1199px) { .index_test_wrap_top-text { margin-top: 8px; } } .index_test_wrap_bot { display: flex; flex-direction: column; row-gap: 16px; row-gap: clamp(0.4375rem, -2.375rem + 3.75vw, 1rem); } @media screen and (max-width: 1199px) { .index_test_wrap_bot { row-gap: 7px; } } .index_test_wrap_bot-text { opacity: 0.6; } .index_test_wrap-image { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; user-select: none; pointer-events: none; } .index_test_wrap-image::after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; user-select: none; pointer-events: none; border-radius: 14px; background: linear-gradient(104deg, rgba(25, 57, 139, 0.5) 25.93%, rgba(25, 57, 139, 0) 60%); } @media screen and (max-width: 1199px) { .index_test_wrap-image::after { background: linear-gradient(180deg, #19398B 10%, rgba(25, 57, 139, 0) 80%); } } .index_test_wrap-image img { width: 100%; height: 100%; object-fit: cover; } .index_catalog_furniture { margin-top: 80px; margin-top: clamp(2.5rem, -10rem + 16.6666666667vw, 5rem); } @media screen and (max-width: 1199px) { .index_catalog_furniture { margin-top: 40px; } } .index_catalog_furniture_wrap { display: flex; flex-direction: column; row-gap: 40px; row-gap: clamp(1.25rem, -5rem + 8.3333333333vw, 2.5rem); } @media screen and (max-width: 1199px) { .index_catalog_furniture_wrap { row-gap: 20px; } } @media screen and (max-width: 767px) { .index_catalog_furniture_wrap { row-gap: 16px; } } .index_catalog_furniture_wrap_head { display: flex; flex-direction: column; align-items: center; row-gap: 50px; row-gap: clamp(1.5rem, -6.625rem + 10.8333333333vw, 3.125rem); } @media screen and (max-width: 1199px) { .index_catalog_furniture_wrap_head { row-gap: 24px; } } @media screen and (max-width: 767px) { .index_catalog_furniture_wrap_head { align-items: flex-start; } } .index_catalog_furniture_wrap_head-icon { display: flex; flex-shrink: 0; width: 145px; width: clamp(5.8125rem, -10.4375rem + 21.6666666667vw, 9.0625rem); height: 145px; height: clamp(5.8125rem, -10.4375rem + 21.6666666667vw, 9.0625rem); } @media screen and (max-width: 1199px) { .index_catalog_furniture_wrap_head-icon { width: 93px; height: 93px; } } @media screen and (max-width: 767px) { .index_catalog_furniture_wrap_head-icon { display: none; } } .index_catalog_furniture_wrap_head-icon svg { width: 100%; height: 100%; } .index_catalog_furniture_wrap_head-title { max-width: 500px; } @media screen and (max-width: 1199px) { .index_catalog_furniture_wrap_head-title { max-width: 300px; } } @media screen and (max-width: 767px) { .index_catalog_furniture_wrap_head-title { text-align: left; } } .index_catalog_furniture_wrap_body_tabs { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; } @media screen and (max-width: 767px) { .index_catalog_furniture_wrap_body_tabs { gap: 0; flex-wrap: unset; border-radius: 8px; background: rgba(25, 57, 139, 0.04); } } .index_catalog_furniture_wrap_body_tabs_item { display: flex; align-items: center; column-gap: 16px; padding: 13px 23px 17px 23px; padding: clamp(0.3125rem, -2.1875rem + 3.3333333333vw, 0.8125rem) clamp(0.8125rem, -2.3125rem + 4.1666666667vw, 1.4375rem) clamp(0.4375rem, -2.6875rem + 4.1666666667vw, 1.0625rem) clamp(0.8125rem, -2.3125rem + 4.1666666667vw, 1.4375rem); border-radius: 14px; border-radius: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); border: 1px solid #ECEEF0; box-shadow: 0px 24px 84px 0px rgba(25, 57, 139, 0.05); cursor: pointer; transition: 0.4s; } @media screen and (max-width: 1199px) { .index_catalog_furniture_wrap_body_tabs_item { padding: 5px 13px 7px 13px; border-radius: 10px; } } @media screen and (max-width: 767px) { .index_catalog_furniture_wrap_body_tabs_item { border: unset; padding: 8px 12px 12px 12px; flex: 1 1 auto; justify-content: center; border-radius: 8px; } } .index_catalog_furniture_wrap_body_tabs_item.active { border-color: #19398B; } @media screen and (max-width: 767px) { .index_catalog_furniture_wrap_body_tabs_item.active { background: var(--pink-gradient); } } .index_catalog_furniture_wrap_body_tabs_item.active .index_catalog_furniture_wrap_body_tabs_item-title { color: #19398B; } @media screen and (max-width: 767px) { .index_catalog_furniture_wrap_body_tabs_item.active .index_catalog_furniture_wrap_body_tabs_item-title { color: #FFF; } } .index_catalog_furniture_wrap_body_tabs_item-icon { display: flex; width: 40px; width: clamp(1.875rem, -1.25rem + 4.1666666667vw, 2.5rem); height: 40px; height: clamp(1.875rem, -1.25rem + 4.1666666667vw, 2.5rem); flex-shrink: 0; } @media screen and (max-width: 1199px) { .index_catalog_furniture_wrap_body_tabs_item-icon { width: 30px; height: 30px; } } @media screen and (max-width: 767px) { .index_catalog_furniture_wrap_body_tabs_item-icon { display: none; } } .index_catalog_furniture_wrap_body_tabs_item-icon svg { width: 100%; height: 100%; } .index_catalog_furniture_wrap_body_tabs_item-title { color: #6D7686; text-align: center; transition: 0.4s; } @media screen and (max-width: 767px) { .index_catalog_furniture_wrap_body_tabs_item-title.--big { color: #19398B; font-size: 10px; font-weight: 400; line-height: 130%; } } .index_catalog_furniture_wrap_body_products-it { display: none; position: relative; } .index_catalog_furniture_wrap_body_products-it.active { display: block; } .index_catalog_furniture_wrap_body_products-it-prev { display: flex; justify-content: center; align-items: center; width: 46px; width: clamp(1.5625rem, -5rem + 8.75vw, 2.875rem); height: 46px; height: clamp(1.5625rem, -5rem + 8.75vw, 2.875rem); margin: 0; padding: 0; left: -21px; right: auto; top: 50%; transform: translateY(calc(-50% - 50px)); transform: translateY(calc(-50% - clamp(2.125rem, -2.875rem + 6.6666666667vw, 3.125rem))); filter: drop-shadow(0px 0px 26px rgba(0, 67, 101, 0.08)); } @media screen and (max-width: 1199px) { .index_catalog_furniture_wrap_body_products-it-prev { display: none; } } .index_catalog_furniture_wrap_body_products-it-next { display: flex; justify-content: center; align-items: center; width: 46px; width: clamp(1.5625rem, -5rem + 8.75vw, 2.875rem); height: 46px; height: clamp(1.5625rem, -5rem + 8.75vw, 2.875rem); margin: 0; padding: 0; left: auto; right: -21px; top: 50%; transform: translateY(calc(-50% - 50px)); transform: translateY(calc(-50% - clamp(2.125rem, -2.875rem + 6.6666666667vw, 3.125rem))); filter: drop-shadow(0px 0px 26px rgba(0, 67, 101, 0.08)); } @media screen and (max-width: 1199px) { .index_catalog_furniture_wrap_body_products-it-next { display: none; } } .index_catalog_furniture_wrap_body_sw { margin-top: 50px; margin-top: clamp(1.5rem, -6.625rem + 10.8333333333vw, 3.125rem); min-width: 0px; } @media screen and (max-width: 1199px) { .index_catalog_furniture_wrap_body_sw { margin-top: 24px; overflow: visible; } } .index_catalog_furniture_wrap_body_sw .swiper-slide { height: auto; } .index_catalog_furniture_wrap_body_sw .swiper-slide .card_product { height: 100%; } .index_catalog_furniture_wrap_body_sw .swiper-slide .card_product_content { display: flex; flex-direction: column; flex: 1 1 auto; } .index_catalog_furniture_wrap_body_sw .swiper-slide .card_product_content_btns { flex: 1 1 auto; align-items: flex-end; } .index_catalog_furniture_wrap_body_sw .swiper-pagination { position: unset; margin: 20px 0 0 0; padding: 0; display: none; justify-content: center; align-items: center; column-gap: 12px; } @media screen and (max-width: 1199px) { .index_catalog_furniture_wrap_body_sw .swiper-pagination { display: flex; } } .index_catalog_furniture_wrap_body_sw .swiper-pagination.swiper-pagination-lock { margin-top: 0px; } .index_catalog_furniture_wrap_body_sw .swiper-pagination-bullet { margin: 0 !important; padding: 0; width: 4px; height: 4px; background: #6D7686; opacity: 0.4; } .index_catalog_furniture_wrap_body_sw .swiper-pagination-bullet-active { background: #19398B; opacity: 1; width: 8px; height: 8px; } .index_catalog_furniture_wrap_body_sw-btn { display: flex; justify-content: center; margin-top: 40px; margin-top: clamp(1.875rem, -1.25rem + 4.1666666667vw, 2.5rem); } @media screen and (max-width: 1199px) { .index_catalog_furniture_wrap_body_sw-btn { margin-top: 30px; width: 100%; } } @media screen and (max-width: 767px) { .index_catalog_furniture_wrap_body_sw-btn { margin-top: 24px; } } .prouct_ban { margin-top: 120px; margin-top: clamp(3.125rem, -18.75rem + 29.1666666667vw, 7.5rem); } @media screen and (max-width: 1199px) { .prouct_ban { margin-top: 50px; } } .prouct_ban_wrap { display: flex; background: #F7F7F7; border-radius: 14px; border-radius: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); padding: 60px; padding: clamp(1.5rem, -9.75rem + 15vw, 3.75rem) clamp(1.875rem, -7.5rem + 12.5vw, 3.75rem); position: relative; min-height: 480px; min-height: clamp(19.125rem, -35.25rem + 72.5vw, 30rem); position: relative; } @media screen and (max-width: 1199px) { .prouct_ban_wrap { border-radius: 10px; padding: 24px 30px; min-height: 306px; } } @media screen and (max-width: 767px) { .prouct_ban_wrap { padding: 16px; overflow: hidden; flex-direction: column; } } .prouct_ban_wrap_left { display: flex; flex-direction: column; max-width: 340px; max-width: clamp(17.5rem, -1.25rem + 25vw, 21.25rem); position: relative; z-index: 4; } @media screen and (max-width: 1199px) { .prouct_ban_wrap_left { max-width: 280px; } } @media screen and (max-width: 767px) { .prouct_ban_wrap_left { max-width: 500px; } } .prouct_ban_wrap_left > *:first-child { margin-top: 0px; } .prouct_ban_wrap_left > *:last-child { margin-bottom: 0px; } .prouct_ban_wrap_left-title { text-align: left; } .prouct_ban_wrap_left-descr { margin-top: 30px; margin-top: clamp(0.75rem, -4.875rem + 7.5vw, 1.875rem); flex: 1 1 auto; } @media screen and (max-width: 1199px) { .prouct_ban_wrap_left-descr { margin-top: 12px; } } @media screen and (max-width: 767px) { .prouct_ban_wrap_left-descr { flex: unset; } } .prouct_ban_wrap_left-descr ul li { display: flex; column-gap: 20px; column-gap: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); align-items: center; margin-bottom: 16px; margin-bottom: clamp(0.25rem, -3.5rem + 5vw, 1rem); } @media screen and (max-width: 1199px) { .prouct_ban_wrap_left-descr ul li { margin-bottom: 4px; column-gap: 10px; } } .prouct_ban_wrap_left-descr ul li:last-child { margin-bottom: 0px; } .prouct_ban_wrap_left-descr ul li::before { content: ""; display: block; width: 18px; width: clamp(0.625rem, -1.875rem + 3.3333333333vw, 1.125rem); height: 18px; height: clamp(0.625rem, -1.875rem + 3.3333333333vw, 1.125rem); background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M13%208L9%2012L7%2010M19%2010C19%2014.9706%2014.9706%2019%2010%2019C5.02944%2019%201%2014.9706%201%2010C1%205.02944%205.02944%201%2010%201C14.9706%201%2019%205.02944%2019%2010Z%22%20stroke%3D%22%2319398B%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; border-radius: 50%; overflow: hidden; flex-shrink: 0; } @media screen and (max-width: 1199px) { .prouct_ban_wrap_left-descr ul li::before { width: 6px; height: 6px; background: #19398B; } } .prouct_ban_wrap_left-cost { text-align: left; margin-top: 20px; } .prouct_ban_wrap_clouds { display: flex; column-gap: 20px; column-gap: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); position: relative; z-index: 3; position: absolute; top: -20px; right: 20px; } @media screen and (max-width: 1199px) { .prouct_ban_wrap_clouds { top: -23px; right: 16px; column-gap: 10px; } } @media screen and (max-width: 767px) { .prouct_ban_wrap_clouds { position: unset; flex: 1 1 auto; align-items: flex-end; } } .prouct_ban_wrap_clouds_cloud { display: flex; align-items: center; column-gap: 16px; column-gap: clamp(0.625rem, -1.25rem + 2.5vw, 1rem); padding: 10px 18px 14px 18px; padding: clamp(0.1875rem, -2rem + 2.9166666667vw, 0.625rem) clamp(0.3125rem, -3.75rem + 5.4166666667vw, 1.125rem) clamp(0.1875rem, -3.25rem + 4.5833333333vw, 0.875rem) clamp(0.3125rem, -3.75rem + 5.4166666667vw, 1.125rem); border-radius: 14px; border-radius: clamp(0.375rem, -2.125rem + 3.3333333333vw, 0.875rem); background: rgba(255, 255, 255, 0.6); box-shadow: 0px 24px 84px 0px rgba(25, 57, 139, 0.05); backdrop-filter: blur(25px); } @media screen and (max-width: 1199px) { .prouct_ban_wrap_clouds_cloud { max-width: 126px; width: 126px; padding: 3px 5px; border-radius: 6px; column-gap: 10px; } } .prouct_ban_wrap_clouds_cloud-icon { display: flex; width: 50px; width: clamp(2.5rem, -0.625rem + 4.1666666667vw, 3.125rem); height: 50px; height: clamp(2.5rem, -0.625rem + 4.1666666667vw, 3.125rem); flex-shrink: 0; } @media screen and (max-width: 1199px) { .prouct_ban_wrap_clouds_cloud-icon { width: 40px; height: 40px; } } .prouct_ban_wrap_clouds_cloud-icon svg { width: 100%; height: 100%; } .prouct_ban_wrap-circle { border-radius: 400px 8px 8px 0px; background: var(--pink-background); display: block; position: absolute; top: 0; right: 0; height: 100%; width: 100%; max-width: 710px; max-width: clamp(29.75rem, -43.375rem + 97.5vw, 44.375rem); user-select: none; pointer-events: none; z-index: 1; } @media screen and (max-width: 1199px) { .prouct_ban_wrap-circle { max-width: 476px; } } @media screen and (max-width: 767px) { .prouct_ban_wrap-circle { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22343%22%20height%3D%22164%22%20viewBox%3D%220%200%20343%20164%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M-3%20163.739C56.8703%2062.6988%20165.604%200.739014%20283.05%200.739014H334.543C334.967%200.739014%20335.18%200.739014%20335.359%200.747072C339.495%200.932858%20342.806%204.24386%20342.992%208.38004C343%208.55943%20343%208.7717%20343%209.19623V150.939C343%20155.419%20343%20157.66%20342.128%20159.371C341.361%20160.876%20340.137%20162.1%20338.632%20162.867C336.921%20163.739%20334.68%20163.739%20330.2%20163.739H-3Z%22%20fill%3D%22url(%23paint0_linear_645_1405)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_645_1405%22%20x1%3D%22170%22%20y1%3D%220.739014%22%20x2%3D%22170%22%20y2%3D%22163.739%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23E9B3BA%22%2F%3E%3Cstop%20offset%3D%220.435%22%20stop-color%3D%22%23EEBFBD%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F7D7C4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); background-size: 100% auto; background-repeat: no-repeat; bottom: 0px; right: 0px; top: auto; max-width: 400px; height: 163px; transform: unset; } } .prouct_ban_wrap-img { display: block; position: absolute; width: 100%; max-width: 710px; max-width: clamp(25.625rem, -68.125rem + 125vw, 44.375rem); height: 360px; height: clamp(12.5625rem, -37.125rem + 66.25vw, 22.5rem); top: 50%; transform: translateY(calc(-50% + 10px)); right: 60px; right: clamp(1.25rem, -11.25rem + 16.6666666667vw, 3.75rem); user-select: none; pointer-events: none; z-index: 2; } @media screen and (max-width: 1199px) { .prouct_ban_wrap-img { transform: translateY(-50%); right: 20px; max-width: 410px; height: 201px; } } @media screen and (max-width: 767px) { .prouct_ban_wrap-img { max-width: 332px; height: 163px; top: auto; bottom: 7px; transform: unset; right: -112px; } } .prouct_ban_wrap-img img { width: 100%; height: auto; } .prouct_ban_wrap-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; } .front_reviews { margin-top: 100px; margin-top: clamp(3.125rem, -12.5rem + 20.8333333333vw, 6.25rem); } @media screen and (max-width: 1199px) { .front_reviews { margin-top: 50px; } } .front_reviews_wrap { position: relative; padding: 68px 60px; padding: clamp(3.125rem, -2.5rem + 7.5vw, 4.25rem) clamp(1.25rem, -11.25rem + 16.6666666667vw, 3.75rem); } @media screen and (max-width: 1199px) { .front_reviews_wrap { padding: 50px 20px; } } @media screen and (max-width: 767px) { .front_reviews_wrap { padding: 0; } } .front_reviews_wrap-bg { display: block; position: absolute; width: 100%; height: 100%; position: absolute; top: 0; left: 0; user-select: none; pointer-events: none; z-index: -1; border-radius: 20px; overflow: hidden; } @media screen and (max-width: 767px) { .front_reviews_wrap-bg { display: none; } } .front_reviews_wrap-bg img { width: 100%; height: 100%; object-fit: cover; } .front_reviews_slider { display: flex; flex-direction: column; row-gap: 14px; width: 100%; max-width: 500px; max-width: clamp(21.5625rem, -26.875rem + 64.5833333333vw, 31.25rem); margin-left: auto; margin-right: 0; position: relative; } @media screen and (max-width: 1199px) { .front_reviews_slider { row-gap: 0px; max-width: 345px; } } @media screen and (max-width: 767px) { .front_reviews_slider { max-width: 100%; } } .front_reviews_slider_wrap { padding: 40px; padding: clamp(1.5rem, -3.5rem + 6.6666666667vw, 2.5rem); border-radius: 20px; border-radius: clamp(0.75rem, -1.75rem + 3.3333333333vw, 1.25rem); background: #FFF; } @media screen and (max-width: 1199px) { .front_reviews_slider_wrap { padding: 24px; border-radius: 12px; overflow: hidden; } } @media screen and (max-width: 767px) { .front_reviews_slider_wrap { padding: 0; border-radius: 0px; } } .front_reviews_slider_wrap-prev { display: flex; justify-content: center; align-items: center; width: 46px; width: clamp(1.875rem, -3.125rem + 6.6666666667vw, 2.875rem); height: 46px; height: clamp(1.875rem, -3.125rem + 6.6666666667vw, 2.875rem); position: absolute; top: 50%; transform: translateY(-50%); left: -23px; left: calc(0px - clamp(0.9375rem, -1.5625rem + 3.3333333333vw, 1.4375rem)); right: auto; margin: 0; padding: 0; filter: drop-shadow(0px 0px 26px rgba(0, 67, 101, 0.08)); } @media screen and (max-width: 1199px) { .front_reviews_slider_wrap-prev { width: 30px; height: 30px; left: -15px; } } @media screen and (max-width: 767px) { .front_reviews_slider_wrap-prev { display: none; } } .front_reviews_slider_wrap-prev svg { width: 100%; height: 100%; } .front_reviews_slider_wrap-next { display: flex; justify-content: center; align-items: center; width: 46px; width: clamp(1.875rem, -3.125rem + 6.6666666667vw, 2.875rem); height: 46px; height: clamp(1.875rem, -3.125rem + 6.6666666667vw, 2.875rem); position: absolute; top: 50%; transform: translateY(-50%); left: auto; right: -23px; right: calc(0px - clamp(0.9375rem, -1.5625rem + 3.3333333333vw, 1.4375rem)); margin: 0; padding: 0; filter: drop-shadow(0px 0px 26px rgba(0, 67, 101, 0.08)); } @media screen and (max-width: 1199px) { .front_reviews_slider_wrap-next { width: 30px; height: 30px; right: -15px; } } @media screen and (max-width: 767px) { .front_reviews_slider_wrap-next { display: none; } } .front_reviews_slider_wrap-next svg { width: 100%; height: 100%; } .front_reviews_slider-title { color: #1D3A86; } @media screen and (max-width: 1199px) { .front_reviews_slider-title { display: none; } } @media screen and (max-width: 767px) { .front_reviews_slider-title { display: block; font-size: 24px; line-height: 110%; } } .front_reviews_slider_sw { margin-top: 30px; margin-top: clamp(0.9375rem, -3.75rem + 6.25vw, 1.875rem); } @media screen and (max-width: 1199px) { .front_reviews_slider_sw { margin-top: 0px; overflow: visible; } } @media screen and (max-width: 767px) { .front_reviews_slider_sw { margin-top: 24px; padding: 24px 16px; border-radius: 12px; background: #F6F7FA; } } .front_reviews_slider_sw_item > *:first-child { margin-top: 0px; } .front_reviews_slider_sw_item > *:last-child { margin-bottom: 0px; } .front_reviews_slider_sw_item_text { margin-top: 20px; margin-top: clamp(0.75rem, -1.75rem + 3.3333333333vw, 1.25rem); } @media screen and (max-width: 1199px) { .front_reviews_slider_sw_item_text { margin-top: 12px; } } .front_reviews_slider_sw_item_text > *:first-child { margin-top: 0px; } .front_reviews_slider_sw_item_text > *:last-child { margin-bottom: 0px; } .front_reviews_slider_sw_item_text-wrap { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .front_reviews_slider_sw_item_text-btn { margin-top: 20px; margin-top: clamp(0.75rem, -1.75rem + 3.3333333333vw, 1.25rem); color: #6D7686; font-family: "Commissioner", sans-serif; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-style: normal; font-weight: 400; line-height: 24px; line-height: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: 6%; text-underline-offset: 30%; text-underline-position: from-font; cursor: pointer; transition: 0.4s; } @media screen and (max-width: 1199px) { .front_reviews_slider_sw_item_text-btn { font-size: 12px; line-height: 18px; margin-top: 12px; } } @media (hover: hover) { .front_reviews_slider_sw_item_text-btn:hover { color: #19398B; } } @media (hover: none) { .front_reviews_slider_sw_item_text-btn:active { color: #19398B; } } .front_reviews_slider_sw_item_products { display: flex; margin-top: 30px; margin-top: clamp(1.25rem, -1.875rem + 4.1666666667vw, 1.875rem); column-gap: 4px; } @media screen and (max-width: 1199px) { .front_reviews_slider_sw_item_products { margin-top: 20px; } } .front_reviews_slider_sw_item_products span { display: block; flex-shrink: 0; color: #6D7686; } .front_reviews_slider_sw_item_products_list { display: flex; flex-wrap: wrap; column-gap: 5px; row-gap: 5px; } .front_reviews_slider_sw_item_products_list-item { display: flex; color: #19398B; transition: 0.4s; } @media (hover: hover) { .front_reviews_slider_sw_item_products_list-item:hover { opacity: 0.7; } } @media (hover: none) { .front_reviews_slider_sw_item_products_list-item:active { opacity: 0.7; } } .front_reviews_slider_sw_item_products_list-item:last-child::after { display: none; } .front_reviews_slider_sw_item_products_list-item::after { content: ","; display: block; font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; font-family: inherit; } .front_reviews_slider_sw_item_products_list-item.--big { font-weight: 600; } .front_reviews_slider_sw_item_rating { display: flex; align-items: center; flex-wrap: wrap; column-gap: 20px; column-gap: clamp(1.125rem, 0.5rem + 0.8333333333vw, 1.25rem); margin-top: 40px; margin-top: clamp(1.25rem, -5rem + 8.3333333333vw, 2.5rem); } @media screen and (max-width: 1199px) { .front_reviews_slider_sw_item_rating { column-gap: 18px; margin-top: 20px; } } .front_reviews_slider_sw_item_rating-icon { width: auto; height: 24px; height: clamp(1.1875rem, -0.375rem + 2.0833333333vw, 1.5rem); flex-shrink: 0; } @media screen and (max-width: 1199px) { .front_reviews_slider_sw_item_rating-icon { height: 19px; } } .front_reviews_slider_sw_item_rating-icon img, .front_reviews_slider_sw_item_rating-icon svg { width: auto; height: 100%; max-height: 100%; max-width: 100%; } .front_reviews_slider_sw_item_rating_info { display: flex; align-items: center; column-gap: 8px; } .front_reviews_slider_sw_item_rating_info[data-hardness="1"] .front_reviews_slider_sw_item_rating_info-stars svg > *:nth-child(-n+1) { fill: #BA4265; } .front_reviews_slider_sw_item_rating_info[data-hardness="2"] .front_reviews_slider_sw_item_rating_info-stars svg > *:nth-child(-n+2) { fill: #BA4265; } .front_reviews_slider_sw_item_rating_info[data-hardness="3"] .front_reviews_slider_sw_item_rating_info-stars svg > *:nth-child(-n+3) { fill: #BA4265; } .front_reviews_slider_sw_item_rating_info[data-hardness="4"] .front_reviews_slider_sw_item_rating_info-stars svg > *:nth-child(-n+4) { fill: #BA4265; } .front_reviews_slider_sw_item_rating_info[data-hardness="5"] .front_reviews_slider_sw_item_rating_info-stars svg > *:nth-child(-n+5) { fill: #BA4265; } .front_reviews_slider_sw_item_rating_info .count { color: #BA4265; } .front_reviews_slider_sw_item_rating_info .count.--big { font-weight: 600; } .front_reviews_slider_sw_item_rating_info-stars { display: flex; width: auto; height: 19px; height: clamp(0.875rem, -0.6875rem + 2.0833333333vw, 1.1875rem); } @media screen and (max-width: 1199px) { .front_reviews_slider_sw_item_rating_info-stars { height: 14px; } } .front_reviews_slider_sw_item_rating_info-stars svg { max-height: 100%; height: 100%; width: auto; } .front_reviews_slider_sw_item_rating_info-stars svg > * { fill: #ECEEF0; } @media screen and (max-width: 1199px) { .front_reviews_slider-btn { display: none; } } @media screen and (max-width: 767px) { .front_reviews_slider-btn { display: inline-flex; margin-top: 24px; } .front_reviews_slider-btn.--btn_bg.--white { background: #F5F5F5; color: #32373E; } } @media screen and (max-width: 1199px) { .front_reviews_modal.modal { padding: 20px 16px; } } .front_reviews_modal_wrap { display: flex; max-width: 816px; border-radius: 14px; border-radius: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); background: #FFF; padding: 30px; padding: clamp(1.25rem, -1.875rem + 4.1666666667vw, 1.875rem); } @media screen and (max-width: 1199px) { .front_reviews_modal_wrap { padding: 20px; border-radius: 10px; } } @media screen and (max-width: 767px) { .front_reviews_modal_wrap { padding: 20px 16px; } } .front_reviews_modal_wrap-content { display: flex; flex-direction: column; row-gap: 24px; row-gap: clamp(1rem, -1.5rem + 3.3333333333vw, 1.5rem); } @media screen and (max-width: 1199px) { .front_reviews_modal_wrap-content { row-gap: 16px; } } .front_reviews_modal_wrap-title { color: #19398B; font-family: "Fira Sans"; font-size: 20px; font-size: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); font-weight: 600; line-height: 28px; line-height: clamp(1.375rem, -0.5rem + 2.5vw, 1.75rem); padding-right: 40px; } @media screen and (max-width: 1199px) { .front_reviews_modal_wrap-title { font-size: 16px; line-height: 22px; } } .front_reviews_modal_wrap-rating { display: flex; align-items: center; column-gap: 10px; width: 100%; max-width: 100%; } .front_reviews_modal_wrap-rating[data-rating="1"] svg > *:nth-child(-n+1) { fill: #BA4265; } .front_reviews_modal_wrap-rating[data-rating="2"] svg > *:nth-child(-n+2) { fill: #BA4265; } .front_reviews_modal_wrap-rating[data-rating="3"] svg > *:nth-child(-n+3) { fill: #BA4265; } .front_reviews_modal_wrap-rating[data-rating="4"] svg > *:nth-child(-n+4) { fill: #BA4265; } .front_reviews_modal_wrap-rating[data-rating="5"] svg > *:nth-child(-n+5) { fill: #BA4265; } .front_reviews_modal_wrap-rating .icon { display: flex; height: 19px; height: clamp(0.875rem, -0.6875rem + 2.0833333333vw, 1.1875rem); } @media screen and (max-width: 1199px) { .front_reviews_modal_wrap-rating .icon { height: 14px; } } .front_reviews_modal_wrap-rating .icon svg { height: 100%; max-height: 100%; width: auto; } .front_reviews_modal_wrap-rating .icon svg > * { fill: #ECEEF0; } .front_reviews_modal_wrap-descr { color: #32373E; font-family: "Commissioner", sans-serif; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-weight: 400; line-height: 24px; line-height: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); overflow-y: auto; } @media screen and (max-width: 1199px) { .front_reviews_modal_wrap-descr { font-size: 12px; line-height: 18px; } } .front_reviews_modal_wrap-descr::-webkit-scrollbar { width: 4px; border-radius: 10px; } .front_reviews_modal_wrap-descr::-webkit-scrollbar-track { border-radius: 10px; background: #F5F5F5; } .front_reviews_modal_wrap-descr::-webkit-scrollbar-thumb { background: #10069F; border-radius: 10px; } .front_reviews_modal_wrap-descr p { margin-bottom: 20px; margin-bottom: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); } @media screen and (max-width: 1199px) { .front_reviews_modal_wrap-descr p { margin-bottom: 10px; } } .front_reviews_modal_wrap-descr p:last-child { margin-bottom: 0; } .catalog_page_wrap_head { display: flex; flex-direction: column; row-gap: 20px; row-gap: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); max-width: 820px; max-width: clamp(45.625rem, 17.5rem + 37.5vw, 51.25rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_head { max-width: 730px; row-gap: 10px; } } .catalog_page_wrap_head-title { text-align: left; } .catalog_page_wrap_body { margin-top: 40px; margin-top: clamp(1.25rem, -5rem + 8.3333333333vw, 2.5rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body { margin-top: 20px; } } .catalog_page_wrap_body_row { margin-top: 60px; margin-top: clamp(1.25rem, -11.25rem + 16.6666666667vw, 3.75rem); row-gap: 30px; row-gap: clamp(0.625rem, -5.625rem + 8.3333333333vw, 1.875rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_row { row-gap: 10px; } } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_row { margin-top: 20px; } } .catalog_page_wrap_body_category_sw { margin: 0; min-width: 0px; overflow: visible; clip-path: inset(-100% 0px -100% 0px); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_category_sw { clip-path: unset; } } .catalog_page_wrap_body_category_sw-prev { display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; top: 50%; transform: translateY(-50%); margin: 0; padding: 0; filter: drop-shadow(0px 0px 26px rgba(0, 67, 101, 0.08)); left: 0px; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_category_sw-prev { display: none; } } .catalog_page_wrap_body_category_sw-prev svg { width: 100%; height: 100%; } .catalog_page_wrap_body_category_sw-next { display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; top: 50%; transform: translateY(-50%); margin: 0; padding: 0; filter: drop-shadow(0px 0px 26px rgba(0, 67, 101, 0.08)); right: 0px; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_category_sw-next { display: none; } } .catalog_page_wrap_body_category_sw-next svg { width: 100%; height: 100%; } .catalog_page_wrap_body_category_sw-item { display: flex; width: auto; } .catalog_page_wrap_body_category_sw-item.active a { color: #FFF; background: #19398B; } .catalog_page_wrap_body_category_sw-item a { display: flex; justify-content: center; align-items: center; text-align: center; padding: 22px 24px 26px 24px; padding: clamp(0.375rem, -4.625rem + 6.6666666667vw, 1.375rem) clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem) clamp(0.625rem, -4.375rem + 6.6666666667vw, 1.625rem) clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); border-radius: 14px; border-radius: clamp(0.375rem, -2.125rem + 3.3333333333vw, 0.875rem); background: #FFF; box-shadow: 0px 24px 84px 0px rgba(25, 57, 139, 0.05); color: #19398B; transition: 0.4s; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_category_sw-item a { padding: 6px 18px 10px 18px; box-shadow: 0px 5px 15px 0px rgba(25, 57, 139, 0.2); border-radius: 6px; } } @media (hover: hover) { .catalog_page_wrap_body_category_sw-item a:hover { background: #19398B; color: #FFF; } } @media (hover: none) { .catalog_page_wrap_body_category_sw-item a:active { background: #19398B; color: #FFF; } } .catalog_page_wrap_body-btn_pick_up { display: inline-flex; justify-content: center; align-items: center; width: 100%; padding: 12px 16px 16px 16px; color: #FFF; text-align: center; border-radius: 16px; background: var(--pink-gradient); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body-btn_pick_up { display: none; } } .catalog_page_wrap_body-sort { display: flex; align-items: center; height: 100%; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body-sort { display: flex; align-items: center; justify-content: space-between; height: auto; } } .catalog_page_wrap_body-sort .catalog-top__sort { display: flex; flex-wrap: wrap; align-items: center; } .catalog_page_wrap_body-sort .catalog-top__sort-sub { margin-right: 40px; margin-right: clamp(0.625rem, -8.75rem + 12.5vw, 2.5rem); color: #6D7686; font-family: "Commissioner", sans-serif; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-weight: 400; line-height: 24px; line-height: clamp(1.25rem, 0rem + 1.6666666667vw, 1.5rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body-sort .catalog-top__sort-sub { display: none; margin-right: 10px; } } .catalog_page_wrap_body-sort .catalog-top__sort-select { margin-right: 40px; margin-right: clamp(0.625rem, -8.75rem + 12.5vw, 2.5rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body-sort .catalog-top__sort-select { margin-right: 10px; } } .catalog_page_wrap_body-sort .catalog-top__sort-select.show_desktop { display: block; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body-sort .catalog-top__sort-select.show_desktop { display: none; } } .catalog_page_wrap_body-sort .catalog-top__sort-select.hide_desktop { display: none; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body-sort .catalog-top__sort-select.hide_desktop { display: block; } } .catalog_page_wrap_body-sort .catalog-top__sort-select .select { position: relative; } .catalog_page_wrap_body-sort .catalog-top__sort-select .select.select_show .select__toggle::after { transform: rotate(180deg); } .catalog_page_wrap_body-sort .catalog-top__sort-select .select.select_show .select__dropdown { display: block; } .catalog_page_wrap_body-sort .catalog-top__sort-select .select__toggle { display: flex; align-items: center; column-gap: 10px; color: #32373E; text-align: right; font-family: "Commissioner", sans-serif; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-style: normal; font-weight: 400; line-height: 24px; line-height: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); user-select: none; cursor: pointer; transition: 0.4s; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body-sort .catalog-top__sort-select .select__toggle { column-gap: 10px; font-size: 12px; line-height: 18px; } } @media (hover: hover) { .catalog_page_wrap_body-sort .catalog-top__sort-select .select__toggle:hover { opacity: 0.7; } } @media (hover: none) { .catalog_page_wrap_body-sort .catalog-top__sort-select .select__toggle:active { opacity: 0.7; } } .catalog_page_wrap_body-sort .catalog-top__sort-select .select__toggle::after { content: ""; display: block; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%200.5L4%203.5L7%200.5%22%20stroke%3D%22%2332373E%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; width: 8px; height: 5px; transition: 0.4s; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body-sort .catalog-top__sort-select .select__toggle::after { width: 7px; height: 4px; transform: translateY(2px); } } .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown { display: none; padding: 18px 13px 18px 22px; padding: clamp(0.75rem, -1.125rem + 2.5vw, 1.125rem) clamp(0.75rem, 0.4375rem + 0.4166666667vw, 0.8125rem) clamp(0.75rem, -1.125rem + 2.5vw, 1.125rem), clamp(0.75rem, -2.375rem + 4.1666666667vw, 1.375rem); border-radius: 12px; border-radius: clamp(0.5rem, -0.75rem + 1.6666666667vw, 0.75rem); background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); position: absolute; z-index: 6; top: calc(100% + 10px); left: 0px; min-width: max-content; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown { padding: 12px; border-radius: 8px; top: calc(100% + 5px); } } .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown .select__options { display: flex; flex-direction: column; row-gap: 5px; max-height: 250px; max-height: clamp(11.25rem, -10.625rem + 29.1666666667vw, 15.625rem); overflow-y: auto; padding-right: 15px; padding-right: clamp(0.6875rem, -0.5625rem + 1.6666666667vw, 0.9375rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown .select__options { max-height: 180px; padding-right: 11px; } } .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown .select__options::-webkit-scrollbar { width: 2px; border-radius: 5px; } .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown .select__options::-webkit-scrollbar-track { border-radius: 5px; background: #E2E4E7; } .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown .select__options::-webkit-scrollbar-thumb { border-radius: 5px; background: #A7ADB7; } .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown .select__options .select__option { color: #6D7686; font-family: "Commissioner", sans-serif; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-weight: 400; line-height: 24px; line-height: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); cursor: pointer; transition: 0.4s; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown .select__options .select__option { font-size: 12px; line-height: 18px; } } @media (hover: hover) { .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown .select__options .select__option:hover { color: #32373E; } } @media (hover: none) { .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown .select__options .select__option:active { color: #32373E; } } .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown .select__options .select__option a { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; } .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown .select__options .select__option.select__option_selected { color: #19398B; } @media (hover: hover) { .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown .select__options .select__option.select__option_selected:hover { color: #19398B; } } @media (hover: none) { .catalog_page_wrap_body-sort .catalog-top__sort-select .select__dropdown .select__options .select__option.select__option_selected:active { color: #19398B; } } .catalog_page_wrap_body-sort .filter-trigger { display: none; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body-sort .filter-trigger { display: inline-flex; justify-content: center; align-items: center; padding: 5px 16px 9px 16px; flex-shrink: 0; border-radius: 8px; background: #19398B; color: #FFF; font-family: "Commissioner", sans-serif; font-size: 12px; font-weight: 500; line-height: 20px; } } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter { display: flex; flex-direction: column; position: fixed; top: 0; left: -100%; width: 100%; height: 100dvh; background: #FFF; z-index: 5; user-select: none; pointer-events: none; will-change: transform; transition: 0.4s; } } .catalog_page_wrap_body_filter.active { left: 0; user-select: auto; pointer-events: all; } .catalog_page_wrap_body_filter_head { display: none; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_head { display: flex; justify-content: space-between; align-items: center; background: #FFF; box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.04); margin-bottom: 14px; padding: 16px; position: relative; } } .catalog_page_wrap_body_filter_head-reset { color: #6D7686; font-family: "Fira Sans"; font-size: 14px; font-weight: 400; line-height: normal; } .catalog_page_wrap_body_filter_head-title { color: #19398B; font-family: "Fira Sans"; font-size: 16px; font-weight: 600; line-height: 22px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .catalog_page_wrap_body_filter_head-close { display: flex; flex-shrink: 0; width: 14px; height: 14px; } .catalog_page_wrap_body_filter_head-close svg { width: 100%; height: 100%; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_wrap { padding: 0 16px; overflow-y: auto; max-height: 100%; flex: 1 1 auto; padding-bottom: 12px; } } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_wrap form { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } } .catalog_page_wrap_body_filter_wrap .filter_item { border-radius: 14px; border-radius: clamp(0.375rem, -2.125rem + 3.3333333333vw, 0.875rem); background: #F5F5F5; margin-bottom: 10px; margin-bottom: clamp(0.3125rem, -1.25rem + 2.0833333333vw, 0.625rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_wrap .filter_item { border-radius: 6px; margin-bottom: 5px; } } .catalog_page_wrap_body_filter_wrap .filter_item:last-child { margin-bottom: 0px; } .catalog_page_wrap_body_filter_wrap .filter_item.active .filter_item-title { color: #19398B; } .catalog_page_wrap_body_filter_wrap .filter_item.active .filter_item-title::before { transform: rotate(180deg); } .catalog_page_wrap_body_filter_wrap .filter_item-title { display: flex; align-items: center; column-gap: 16px; column-gap: clamp(0.625rem, -1.25rem + 2.5vw, 1rem); color: #6D7686; font-family: "Commissioner", sans-serif; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-weight: 400; line-height: 24px; line-height: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); padding: 16px 20px 18px 20px; padding: clamp(0.6875rem, -0.875rem + 2.0833333333vw, 1rem) clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem) clamp(0.6875rem, -1.5rem + 2.9166666667vw, 1.125rem) clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); width: 100%; text-align: left; cursor: pointer; transition: 0.4s; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_wrap .filter_item-title { padding: 11px 16px; column-gap: 10px; color: #6D7686; font-family: "Fira Sans"; font-size: 12px; font-weight: 400; line-height: 18px; } } @media (hover: hover) { .catalog_page_wrap_body_filter_wrap .filter_item-title:hover { color: #19398B; } } @media (hover: none) { .catalog_page_wrap_body_filter_wrap .filter_item-title:active { color: #19398B; } } .catalog_page_wrap_body_filter_wrap .filter_item-title::before { content: ""; display: block; width: 10px; height: 5px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L6%206L11%201%22%20stroke%3D%22%236D7686%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; flex-shrink: 0; transition: 0.4s; } .catalog_page_wrap_body_filter_wrap .filter_item_dropdown { display: none; padding: 0px 20px 26px 20px; padding: 0px clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem) clamp(0.9375rem, -2.5rem + 4.5833333333vw, 1.625rem) clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_wrap .filter_item_dropdown { padding: 5px 16px 15px 16px; } } .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_wrap { max-height: 406px; max-height: clamp(21.875rem, 4.375rem + 23.3333333333vw, 25.375rem); overflow-y: auto; padding-right: 10px; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_wrap { max-height: 350px; } } .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_wrap::-webkit-scrollbar { width: 4px; border-radius: 10px; } .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_wrap::-webkit-scrollbar-thumb { background: #B8BBC0; border-radius: 10px; } .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_wrap::-webkit-scrollbar-track { background: #ECEEF0; border-radius: 10px; } .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_item { margin-bottom: 16px; margin-bottom: clamp(0.625rem, -1.25rem + 2.5vw, 1rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_item { margin-bottom: 10px; } } .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_item:last-child { margin-bottom: 0px; } .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_item label { display: flex; align-items: center; cursor: pointer; } @media (hover: hover) { .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_item label:hover input { border-color: #19398B; } .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_item label:hover span { color: #19398B; } } @media (hover: none) { .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_item label:active input { border-color: #19398B; } .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_item label:active span { color: #19398B; } } .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_item label input { appearance: none; width: 20px; width: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); height: 20px; height: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); background: transparent; border-radius: 6px; border-radius: clamp(0.25rem, -0.375rem + 0.8333333333vw, 0.375rem); border: 1px solid #6D7686; flex-shrink: 0; margin-right: 10px; margin-right: clamp(0.5rem, -0.125rem + 0.8333333333vw, 0.625rem); cursor: pointer; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_item label input { width: 16px; height: 16px; margin-right: 8px; border-radius: 4px; } } .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_item label input:checked { border-color: transparent; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%226%22%20fill%3D%22%2319398B%22%2F%3E%3Cpath%20d%3D%22M6%2010.25L8.75%2013L14.75%207%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; } .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_item label input:checked ~ span { color: #19398B; } .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_item label span { color: #6D7686; text-align: left; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: 22px; line-height: clamp(1.25rem, 0.625rem + 0.8333333333vw, 1.375rem); transition: 0.4s; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_wrap .filter_item_dropdown_item label span { font-size: 12px; line-height: 20px; } } .catalog_page_wrap_body_filter_wrap .filter_item .filter_item__price .filter-price { display: flex; flex-direction: column; row-gap: 24px; } .catalog_page_wrap_body_filter_wrap .filter_item .filter_item__price .filter-price .filter-price__row { display: flex; align-items: center; justify-content: space-between; position: relative; } .catalog_page_wrap_body_filter_wrap .filter_item .filter_item__price .filter-price .filter-price__row .filter-price__item { width: calc(50% - 10px); width: calc(50% - clamp(0.3125rem, -1.25rem + 2.0833333333vw, 0.625rem)); height: 38px; height: clamp(2.125rem, 0.875rem + 1.6666666667vw, 2.375rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_wrap .filter_item .filter_item__price .filter-price .filter-price__row .filter-price__item { height: 34px; width: calc(50% - 5px); } } .catalog_page_wrap_body_filter_wrap .filter_item .filter_item__price .filter-price .filter-price__row .filter-price__item input { height: 100%; width: 100%; border-radius: 12px; border: 1px solid #ECEEF0; background: #FFF; padding: 6px 14px 8px 14px; color: #6D7686; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: 24px; line-height: clamp(1.25rem, 0rem + 1.6666666667vw, 1.5rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_wrap .filter_item .filter_item__price .filter-price .filter-price__row .filter-price__item input { font-size: 12px; line-height: 20px; } } .catalog_page_wrap_body_filter_wrap .filter_item .filter_item__price .filter-price .main-range__slider { height: 4px; border: unset; background: rgba(109, 118, 134, 0.2); box-shadow: unset; border-radius: 2px; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_wrap .filter_item .filter_item__price .filter-price .main-range__slider { height: 3px; } } .catalog_page_wrap_body_filter_wrap .filter_item .filter_item__price .filter-price .main-range__slider .noUi-base .noUi-connects { background: transparent; } .catalog_page_wrap_body_filter_wrap .filter_item .filter_item__price .filter-price .main-range__slider .noUi-base .noUi-connects .noUi-connect { background: #19398B; border-radius: 2px; } .catalog_page_wrap_body_filter_wrap .filter_item .filter_item__price .filter-price .main-range__slider .noUi-origin .noUi-handle { width: 16px; height: 16px; border-radius: 50%; background: #FFF; border: unset; box-shadow: unset; right: -8px; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_wrap .filter_item .filter_item__price .filter-price .main-range__slider .noUi-origin .noUi-handle { width: 14px; height: 14px; right: -7px; } } .catalog_page_wrap_body_filter_wrap .filter_item .filter_item__price .filter-price .main-range__slider .noUi-origin .noUi-handle::before { display: none; } .catalog_page_wrap_body_filter_wrap .filter_item .filter_item__price .filter-price .main-range__slider .noUi-origin .noUi-handle::after { display: none; } .catalog_page_wrap_body_filter_wrap .filter_item__bottom { display: none; margin-top: 32px; padding-bottom: 10px; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_filter_wrap .filter_item__bottom { display: flex; flex: 1 1 auto; align-items: flex-end; column-gap: 7px; } } .catalog_page_wrap_body_filter_wrap .filter_item__bottom a { display: inline-flex; justify-content: center; align-items: center; text-align: center; width: 100%; max-width: 50%; height: 34px; padding: 4px 8px; border: 1px solid transparent; border-radius: 8px; color: #FFF; font-family: "Commissioner", sans-serif; font-size: 12px; font-weight: 500; line-height: 20px; } .catalog_page_wrap_body_filter_wrap .filter_item__bottom a.accept_filter { background: #19398B; color: #FFF; } .catalog_page_wrap_body_filter_wrap .filter_item__bottom a.catalog-filter__delete-all { background: transparent; color: #6D7686; border-color: #6D7686; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_content_active_filter { padding: 15px 0; position: relative; } .catalog_page_wrap_body_content_active_filter::before { content: ""; display: block; width: 100vw; height: 1px; background: rgba(0, 0, 0, 0.05); position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .catalog_page_wrap_body_content_active_filter::after { content: ""; display: block; width: 100vw; height: 1px; background: rgba(0, 0, 0, 0.05); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } } .catalog_page_wrap_body_content_active_filter_sw { margin: 0; min-width: 0px; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_content_active_filter_sw { overflow: visible; } } .catalog_page_wrap_body_content_active_filter_sw_item { display: flex; align-items: center; column-gap: 10px; column-gap: clamp(0.25rem, -1.625rem + 2.5vw, 0.625rem); width: auto; border-radius: 12px; border-radius: clamp(0.1875rem, -2.625rem + 3.75vw, 0.75rem); border: 1px solid #19398B; background: #19398B; padding: 8px 16px 12px 20px; padding: clamp(0.375rem, -0.25rem + 0.8333333333vw, 0.5rem) clamp(0.625rem, -1.25rem + 2.5vw, 1rem) clamp(0.4375rem, -1.125rem + 2.0833333333vw, 0.75rem) clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); cursor: pointer; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_content_active_filter_sw_item { column-gap: 4px; border-radius: 3px; background: rgba(25, 57, 139, 0.05); padding: 4px 6px 5px 6px; border-color: transparent; } } .catalog_page_wrap_body_content_active_filter_sw_item:last-child { background: transparent; border-color: #ECEEF0; } .catalog_page_wrap_body_content_active_filter_sw_item:last-child span { color: #6D7686; } .catalog_page_wrap_body_content_active_filter_sw_item:last-child .icon svg { width: 100%; height: 100%; } .catalog_page_wrap_body_content_active_filter_sw_item:last-child .icon svg path { stroke: #6D7686; } .catalog_page_wrap_body_content_active_filter_sw_item span { color: #FFF; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: 20px; line-height: clamp(1.125rem, 0.5rem + 0.8333333333vw, 1.25rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_content_active_filter_sw_item span { color: #19398B; font-size: 10px; font-weight: 600; line-height: 140%; letter-spacing: 0.5px; text-transform: uppercase; } } .catalog_page_wrap_body_content_active_filter_sw_item .icon { display: flex; width: 8px; height: 8px; flex-shrink: 0; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_content_active_filter_sw_item .icon { width: 9px; height: 9px; } } .catalog_page_wrap_body_content_active_filter_sw_item .icon svg { width: 100%; height: 100%; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_content_active_filter_sw_item .icon svg path { stroke: #19398B; } } .catalog_page_wrap_body_content_list { row-gap: 30px; row-gap: clamp(0.625rem, -5.625rem + 8.3333333333vw, 1.875rem); margin-top: 40px; margin-top: clamp(1.25rem, -5rem + 8.3333333333vw, 2.5rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_content_list { margin-top: 20px; row-gap: 10px; } } .catalog_page_wrap_body_content_list > :nth-child(1) { order: 1; } .catalog_page_wrap_body_content_list > :nth-child(2) { order: 2; } .catalog_page_wrap_body_content_list > :nth-child(3) { order: 3; } .catalog_page_wrap_body_content_list > :nth-child(4) { order: 4; } .catalog_page_wrap_body_content_list > :nth-child(5) { order: 5; } .catalog_page_wrap_body_content_list > :nth-child(6) { order: 6; } .catalog_page_wrap_body_content_list > :nth-child(7) { order: 7; } .catalog_page_wrap_body_content_list > :nth-child(8) { order: 8; } .catalog_page_wrap_body_content_list > :nth-child(9) { order: 9; } .catalog_page_wrap_body_content_list > :nth-child(10) { order: 10; } .catalog_page_wrap_body_content_list > :nth-child(11) { order: 11; } .catalog_page_wrap_body_content_list > :nth-child(12) { order: 12; } .catalog_page_wrap_body_content_list > :nth-child(13) { order: 13; } .catalog_page_wrap_body_content_list > :nth-child(10) { order: 10; } @media screen and (max-width: 767px) { .catalog_page_wrap_body_content_list > :nth-child(10) { order: 11; } .catalog_page_wrap_body_content_list > :nth-child(11) { order: 10; } .catalog_page_wrap_body_content_list > :nth-child(12) { order: 11; } .catalog_page_wrap_body_content_list > :nth-child(13) { order: 12; } .catalog_page_wrap_body_content_list > :nth-child(14) { order: 13; } .catalog_page_wrap_body_content_list > :nth-child(15) { order: 14; } } .catalog_page_wrap_body_content_list .card_mattress { height: 100%; } .catalog_page_wrap_body_content_list .card_mattress_content { display: flex; flex-direction: column; flex: 1 1 auto; } .catalog_page_wrap_body_content_list .card_mattress_content_info { flex: 1 1 auto; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_content_list .card_mattress_content_btns .btn { font-size: 12px; font-weight: 500; line-height: 20px; padding: 4px 9px 8px 9px; } } .catalog_page_wrap_body_content_list .prouct_ban { margin: 0; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_content_list .prouct_ban { margin: 30px 0; } } @media screen and (max-width: 767px) { .catalog_page_wrap_body_content_list .prouct_ban { margin: 20px 0; } } @media screen and (min-width: 1200px) { .catalog_page_wrap_body_content_list .prouct_ban_wrap { padding: 30px; min-height: 344px; } .catalog_page_wrap_body_content_list .prouct_ban_wrap_left { max-width: 370px; } .catalog_page_wrap_body_content_list .prouct_ban_wrap_left-title { font-size: 32px; line-height: 38px; } .catalog_page_wrap_body_content_list .prouct_ban_wrap_left-descr { font-size: 16px; line-height: 24px; } .catalog_page_wrap_body_content_list .prouct_ban_wrap_left-cost { font-size: 32px; line-height: 38px; } .catalog_page_wrap_body_content_list .prouct_ban_wrap-circle { max-width: 499px; } .catalog_page_wrap_body_content_list .prouct_ban_wrap-img { max-width: 423px; height: 208px; } } .catalog_page_wrap_body_content_pagination { display: flex; justify-content: center; margin-top: 40px; margin-top: clamp(1.5rem, -3.5rem + 6.6666666667vw, 2.5rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_content_pagination { margin-top: 24px; } } .catalog_page_wrap_body_content_pagination .page-pagination { display: flex; column-gap: 10px; column-gap: clamp(0.375rem, -0.875rem + 1.6666666667vw, 0.625rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_content_pagination .page-pagination { column-gap: 6px; } } .catalog_page_wrap_body_content_pagination .page-pagination span { display: flex; justify-content: center; align-items: center; width: 38px; width: clamp(2rem, 0.125rem + 2.5vw, 2.375rem); height: 38px; height: clamp(2rem, 0.125rem + 2.5vw, 2.375rem); border-radius: 50%; background: #19398B; color: #FFF; text-align: center; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: 22px; line-height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_content_pagination .page-pagination span { width: 32px; height: 32px; font-size: 12px; line-height: 18px; } } .catalog_page_wrap_body_content_pagination .page-pagination .page-pagination__dotted { background: transparent; color: #6D7686; } .catalog_page_wrap_body_content_pagination .page-pagination a { display: flex; justify-content: center; align-items: center; width: 38px; width: clamp(2rem, 0.125rem + 2.5vw, 2.375rem); height: 38px; height: clamp(2rem, 0.125rem + 2.5vw, 2.375rem); border-radius: 50%; border: 1px solid #B8BBC0; color: #6D7686; text-align: center; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: 22px; line-height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); transition: 0.4s; } @media screen and (max-width: 1199px) { .catalog_page_wrap_body_content_pagination .page-pagination a { width: 32px; height: 32px; font-size: 12px; line-height: 18px; } } @media (hover: hover) { .catalog_page_wrap_body_content_pagination .page-pagination a:hover { background: #19398B; color: #FFF; border-color: #19398B; } } @media (hover: none) { .catalog_page_wrap_body_content_pagination .page-pagination a:active { background: #19398B; color: #FFF; border-color: #19398B; } } .catalog_page .catalog_collections { display: flex; flex-direction: column; row-gap: 30px; row-gap: clamp(1.125rem, -2.625rem + 5vw, 1.875rem); margin-top: 100px; margin-top: clamp(2.5rem, -16.25rem + 25vw, 6.25rem); } @media screen and (max-width: 1199px) { .catalog_page .catalog_collections { margin-top: 40px; row-gap: 18px; } } .catalog_page .catalog_collections-title { color: #19398B; font-family: "Fira Sans"; font-size: 32px; font-size: clamp(1.5rem, -1rem + 3.3333333333vw, 2rem); font-weight: 700; line-height: 38px; line-height: clamp(1.875rem, -0.625rem + 3.3333333333vw, 2.375rem); } @media screen and (max-width: 1199px) { .catalog_page .catalog_collections-title { font-size: 24px; line-height: 110%; } } .catalog_page .catalog_collections_sw { min-width: 0px; margin: unset; overflow: visible; } .catalog_page .catalog_collections_sw .swiper-wrapper { flex-wrap: wrap; column-gap: 10px; row-gap: 20px; } @media screen and (max-width: 1199px) { .catalog_page .catalog_collections_sw .swiper-wrapper { flex-wrap: nowrap; column-gap: 0px; row-gap: 0px; } } .catalog_page .catalog_collections_sw-it { display: inline-flex; width: auto; } .catalog_page .catalog_collections_sw-it a { display: inline-flex; justify-content: center; align-items: center; padding: 8px 16px 12px 16px; padding-top: clamp(0.4375rem, 0.125rem + 0.4166666667vw, 0.5rem); padding-bottom: clamp(0.5625rem, -0.375rem + 1.25vw, 0.75rem); color: #19398B; text-align: center; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 500; line-height: 22px; line-height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); border-radius: 16px; background: #FFF; box-shadow: 0px 24px 84px 0px rgba(25, 57, 139, 0.15); transition: 0.4s; } @media screen and (max-width: 1199px) { .catalog_page .catalog_collections_sw-it a { font-size: 12px; line-height: 18px; padding: 7px 16px 9px 16px; } } @media (hover: hover) { .catalog_page .catalog_collections_sw-it a:hover { background: #19398B; color: #FFF; } } @media (hover: none) { .catalog_page .catalog_collections_sw-it a:active { background: #19398B; color: #FFF; } } .catalog_page .catalog_descr { margin-top: 100px; margin-top: clamp(2.5rem, -16.25rem + 25vw, 6.25rem); max-width: 820px; } @media screen and (max-width: 1199px) { .catalog_page .catalog_descr { margin-top: 40px; } } .catalog_page .catalog_descr > *:first-child { margin-top: 0px; } .catalog_page .catalog_descr > *:last-child { margin-bottom: 0px; } .catalog_page .catalog_descr h2 { color: #19398B; font-family: "Fira Sans", sans-serif; font-size: 20px; font-size: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); font-style: normal; font-weight: 600; line-height: 26px; line-height: clamp(1.375rem, 0.125rem + 1.6666666667vw, 1.625rem); margin-top: 60px; margin-top: clamp(1.5rem, -9.75rem + 15vw, 3.75rem); margin-bottom: 24px; margin-bottom: clamp(0.5rem, -4.5rem + 6.6666666667vw, 1.5rem); } @media screen and (max-width: 1199px) { .catalog_page .catalog_descr h2 { font-size: 16px; line-height: 22px; margin-top: 24px; margin-bottom: 8px; } } .catalog_page .catalog_descr p { color: #32373E; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-weight: 400; line-height: 22px; line-height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); margin-top: 24px; margin-top: clamp(0.5rem, -4.5rem + 6.6666666667vw, 1.5rem); margin-bottom: 24px; margin-bottom: clamp(0.75rem, -3rem + 5vw, 1.5rem); } @media screen and (max-width: 1199px) { .catalog_page .catalog_descr p { font-size: 12px; line-height: 18px; margin-top: 8px; margin-bottom: 12px; } } .catalog_page .catalog_descr a { color: #19398B; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-weight: 400; line-height: 22px; line-height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); } @media screen and (max-width: 1199px) { .catalog_page .catalog_descr a { font-size: 12px; line-height: 18px; } } .catalog_page .catalog_descr ul { margin-top: 24px; margin-top: clamp(0.5rem, -4.5rem + 6.6666666667vw, 1.5rem); margin-bottom: 24px; margin-bottom: clamp(0.75rem, -3rem + 5vw, 1.5rem); list-style-type: disc; padding-left: 25px; } @media screen and (max-width: 1199px) { .catalog_page .catalog_descr ul { margin-top: 8px; margin-bottom: 12px; } } .catalog_page .catalog_descr ul li { color: #32373E; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-weight: 400; line-height: 22px; line-height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); } @media screen and (max-width: 1199px) { .catalog_page .catalog_descr ul li { font-size: 12px; line-height: 18px; } } .product_page .--acnhor_help { scroll-margin-top: 200px; } @media screen and (max-width: 1199px) { .product_page .--acnhor_help { scroll-margin-top: 170px; } } @media screen and (max-width: 767px) { .product_page .--acnhor_help { scroll-margin-top: 80px; } } .product_page_main_head { display: flex; row-gap: 24px; align-items: center; } @media screen and (max-width: 1199px) { .product_page_main_head { row-gap: 20px; } } @media screen and (max-width: 767px) { .product_page_main_head { row-gap: 10px; } } .product_page_main_head-title { display: flex; align-items: flex-start; column-gap: 30px; } .product_page_main_head-title h1 { text-align: left; } .product_page_main_head-title .pink_cloud { margin-top: clamp(0.25rem, -1.3125rem + 2.0833333333vw, 0.5625rem); } @media screen and (max-width: 1199px) { .product_page_main_head-title .pink_cloud { margin-top: 4px; } } @media screen and (max-width: 767px) { .product_page_main_head-title .pink_cloud { display: none; } } .product_page_main_head-btns { display: flex; column-gap: 10px; column-gap: clamp(0.25rem, -1.625rem + 2.5vw, 0.625rem); width: 100%; justify-content: flex-end; } @media screen and (max-width: 1199px) { .product_page_main_head-btns { column-gap: 4px; } } .product_page_main_head-btns a { display: inline-flex; justify-content: center; align-items: center; width: 40px; width: clamp(1.875rem, -1.25rem + 4.1666666667vw, 2.5rem); height: 40px; height: clamp(1.875rem, -1.25rem + 4.1666666667vw, 2.5rem); flex-shrink: 0; cursor: pointer; transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_main_head-btns a { width: 30px; height: 30px; } } .product_page_main_head-btns a.show_tablet { display: none; } @media screen and (max-width: 1199px) { .product_page_main_head-btns a.show_tablet { display: flex; } } @media (hover: hover) { .product_page_main_head-btns a:hover svg line { stroke: #FFF; } .product_page_main_head-btns a:hover svg path { fill: #FFF; } .product_page_main_head-btns a:hover svg rect { fill: #19398B; } } @media (hover: none) { .product_page_main_head-btns a:active svg line { stroke: #FFF; } .product_page_main_head-btns a:active svg path { fill: #FFF; } .product_page_main_head-btns a:active svg rect { fill: #19398B; } } .product_page_main_head-btns a.active svg line { stroke: #FFF; } .product_page_main_head-btns a.active svg path { fill: #FFF; } .product_page_main_head-btns a.active svg rect { fill: #19398B; } .product_page_main_head-btns a svg { width: 100%; height: 100%; } .product_page_main_head-btns a svg line, .product_page_main_head-btns a svg path, .product_page_main_head-btns a svg rect { transition: 0.4s; } .product_page_main_head-btns a svg rect { fill: transparent; } .product_page_main_head .flex-col { display: flex; flex-wrap: wrap; row-gap: 16px; column-gap: 30px; justify-content: flex-start; align-items: center; } .product_page_main_head-rating { display: flex; align-items: center; column-gap: 10px; } @media (hover: hover) { .product_page_main_head-rating:hover .small-text { color: #19398B; } } @media (hover: none) { .product_page_main_head-rating:active .small-text { color: #19398B; } } .product_page_main_head-rating[data-rating="1"] .icon svg > *:nth-child(-n+1) { fill: #19398B; } .product_page_main_head-rating[data-rating="2"] .icon svg > *:nth-child(-n+2) { fill: #19398B; } .product_page_main_head-rating[data-rating="3"] .icon svg > *:nth-child(-n+3) { fill: #19398B; } .product_page_main_head-rating[data-rating="4"] .icon svg > *:nth-child(-n+4) { fill: #19398B; } .product_page_main_head-rating[data-rating="5"] .icon svg > *:nth-child(-n+5) { fill: #19398B; } .product_page_main_head-rating .icon { display: flex; height: 14px; height: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); } @media screen and (max-width: 1199px) { .product_page_main_head-rating .icon { height: 10px; } } .product_page_main_head-rating .icon svg { height: 100%; max-height: 100%; width: auto; } .product_page_main_head-rating .icon svg > * { fill: #ECEEF0; } .product_page_main_head-rating span { transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_main_head .product_page_menu { display: none; } } .product_page_main_head .product_page_menu-swiper { max-width: 100%; } .product_page_main_head .product_page_menu-item { width: auto; } .product_page_main_head .product_page_menu-item a { color: #6D7686; transition: 0.4s; } @media (hover: hover) { .product_page_main_head .product_page_menu-item a:hover { color: #19398B; } } @media (hover: none) { .product_page_main_head .product_page_menu-item a:active { color: #19398B; } } .product_page_main_card { margin-top: 50px; margin-top: clamp(0.3125rem, -13.75rem + 18.75vw, 3.125rem); } @media screen and (max-width: 1199px) { .product_page_main_card { margin-top: 5px; } } .product_page_main_card_image_benefit { display: flex; flex-direction: column; row-gap: 16px; flex-shrink: 0; width: 11%; } @media screen and (max-width: 1199px) { .product_page_main_card_image_benefit { flex-direction: row; margin-top: 24px; column-gap: 10px; justify-content: space-between; width: 100%; } } .product_page_main_card_image_benefit_item { display: flex; flex-direction: column; align-items: center; row-gap: 6px; flex-shrink: 0; } .product_page_main_card_image_benefit_item-icon { display: flex; width: 100%; height: 68px; flex-shrink: 0; position: relative; } .product_page_main_card_image_benefit_item-icon.--spec span { top: 65%; } @media screen and (max-width: 1199px) { .product_page_main_card_image_benefit_item-icon.--spec span { top: 63%; } } @media screen and (max-width: 1199px) { .product_page_main_card_image_benefit_item-icon { width: 67px; height: 60px; } } .product_page_main_card_image_benefit_item-icon svg { width: 100%; height: 100%; } .product_page_main_card_image_benefit_item-icon span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #FFF; padding: 1px; margin-top: -1px; color: #19398B; text-align: center; font-family: "Commissioner", sans-serif; font-size: 11px; font-size: clamp(0.5625rem, -0.0625rem + 0.8333333333vw, 0.6875rem); font-weight: 500; line-height: 11px; line-height: clamp(0.5625rem, -0.0625rem + 0.8333333333vw, 0.6875rem); } @media screen and (max-width: 1199px) { .product_page_main_card_image_benefit_item-icon span { font-size: 9px; line-height: 9px; } } .product_page_main_card_image_benefit_item-title { color: #6D7686; text-align: center; font-family: "Commissioner", sans-serif; font-size: 12px; font-size: clamp(0.625rem, 0rem + 0.8333333333vw, 0.75rem); font-weight: 400; line-height: 18px; line-height: clamp(0.875rem, -0.375rem + 1.6666666667vw, 1.125rem); letter-spacing: 0.24px; } @media screen and (max-width: 1199px) { .product_page_main_card_image_benefit_item-title { font-size: 10px; line-height: 14px; } } .product_page_main_card_image-slider_big { position: relative; } .product_page_main_card_image-slider_big .swiper-pagination { display: none; } @media screen and (max-width: 1199px) { .product_page_main_card_image-slider_big .swiper-pagination { display: inline-flex; justify-content: center; align-items: center; position: unset; margin: 10px 0 0 0; padding: 0; column-gap: 12px; } } .product_page_main_card_image-slider_big .swiper-pagination-bullet { display: block; width: 4px; height: 4px; margin: 0 !important; padding: 0; border-radius: 50%; opacity: 0.4; background: #6D7686; } .product_page_main_card_image-slider_big .swiper-pagination-bullet-active { opacity: 1; width: 8px; height: 8px; background: #19398B; } .product_page_main_card_image-slider_big_btns { display: flex; column-gap: 14px; position: absolute; top: 20px; top: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); right: 20px; right: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); z-index: 1; } @media screen and (max-width: 1199px) { .product_page_main_card_image-slider_big_btns { position: unset; margin-top: 24px; } } @media screen and (max-width: 767px) { .product_page_main_card_image-slider_big_btns { width: 100%; max-width: 100%; justify-content: center; } } .product_page_main_card_image-slider_big_btns-btn { display: flex; flex-direction: column; align-items: center; row-gap: 6px; cursor: pointer; transition: 0.4s; } @media (hover: hover) { .product_page_main_card_image-slider_big_btns-btn:hover { opacity: 0.7; } } @media (hover: none) { .product_page_main_card_image-slider_big_btns-btn:active { opacity: 0.7; } } .product_page_main_card_image-slider_big_btns-btn .icon { display: flex; width: 68px; width: clamp(3.75rem, 1.25rem + 3.3333333333vw, 4.25rem); height: 68px; height: clamp(3.75rem, 1.25rem + 3.3333333333vw, 4.25rem); aspect-ratio: 1/1; border-radius: 14px; overflow: hidden; flex-shrink: 0; } @media screen and (max-width: 1199px) { .product_page_main_card_image-slider_big_btns-btn .icon { width: 60px; height: 60px; } } .product_page_main_card_image-slider_big_btns-btn .icon svg { width: 100%; height: 100%; } .product_page_main_card_image-slider_big_btns-btn span { color: #32373E; text-align: center; font-family: "Commissioner", sans-serif; font-size: 10px; font-weight: 400; line-height: 18px; letter-spacing: 0.2px; } .product_page_main_card_image-slider_big .pink_cloud { display: none; user-select: none; pointer-events: none; } @media screen and (max-width: 767px) { .product_page_main_card_image-slider_big .pink_cloud { display: inline-flex; position: absolute; top: 10px; left: 10px; z-index: 1; } } .product_page_main_card_image_big { min-width: 0px; margin: 0; max-width: 100%; width: 100%; border-radius: 14px; border: 1px solid #ECEEF0; background: #FFF; aspect-ratio: 711/494; } .product_page_main_card_image_big_item { width: 100%; height: 100%; user-select: none; outline: none; border: unset; cursor: zoom-in; } .product_page_main_card_image_big_item img { width: 100%; height: auto; } .product_page_main_card_image_thumb { min-width: 0px; margin: 0; max-width: 100%; margin-top: 17px; margin-top: clamp(0.625rem, -1.5625rem + 2.9166666667vw, 1.0625rem); width: 100%; } @media screen and (max-width: 1199px) { .product_page_main_card_image_thumb { display: none; } } .product_page_main_card_image_thumb_item { display: block; border-radius: 14px; border: 1px solid #ECEEF0; opacity: 0.6; background: #FFF; cursor: pointer; aspect-ratio: 10/7; overflow: hidden; max-width: 100px; user-select: none; outline: none; transition: opacity 0.4s; } .product_page_main_card_image_thumb_item.active { opacity: 1; } @media (hover: hover) { .product_page_main_card_image_thumb_item:hover { opacity: 1; } } @media (hover: none) { .product_page_main_card_image_thumb_item:active { opacity: 1; } } .product_page_main_card_image_thumb_item img { width: 100%; height: 100%; object-fit: cover; } .product_page_main_card_image_thumb_item.video { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 3px 0 0px 0; opacity: 1; } @media (hover: hover) { .product_page_main_card_image_thumb_item.video:hover { opacity: 0.7; } } @media (hover: none) { .product_page_main_card_image_thumb_item.video:active { opacity: 0.7; } } .product_page_main_card_image_thumb_item.video .icon { display: flex; width: 20px; height: 20px; flex-shrink: 0; } .product_page_main_card_image_thumb_item.video .icon svg { width: 100%; height: 100%; } .product_page_main_card_image_thumb_item.video span { color: #19398B; } @media screen and (max-width: 767px) { .product_page_main_card_meta { margin-top: 20px; } } .product_page_main_card_meta_head-price { display: flex; align-items: center; column-gap: 20px; column-gap: clamp(0.875rem, -1rem + 2.5vw, 1.25rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head-price { column-gap: 14px; } } .product_page_main_card_meta_head-price b { color: #BA4265; font-size: 40px; font-weight: 700; line-height: 42px; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head-price b { font-size: 24px; line-height: 110%; } } .product_page_main_card_meta_head-price s { color: #6D7686; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: 20px; line-height: clamp(1.125rem, 0.5rem + 0.8333333333vw, 1.25rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head-price s { font-size: 12px; line-height: 18px; } } .product_page_main_card_meta_head_timer { display: inline-flex; align-items: center; column-gap: 10px; column-gap: clamp(0.5rem, -0.125rem + 0.8333333333vw, 0.625rem); margin-top: 20px; margin-top: clamp(0.875rem, -1rem + 2.5vw, 1.25rem); padding: 6px 14px; padding: clamp(0.3125rem, 0rem + 0.4166666667vw, 0.375rem) clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); border-radius: 8px; background: #19398B; min-width: clamp(15rem, 0.3125rem + 19.5833333333vw, 17.9375rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head_timer { margin-top: 15px; column-gap: 8px; padding: 5px 10px; min-width: 240px; } } .product_page_main_card_meta_head_timer.hidden { display: none; } .product_page_main_card_meta_head_timer-icon { display: flex; width: 14px; height: 14px; flex-shrink: 0; } .product_page_main_card_meta_head_timer-icon svg { width: 100%; height: 100%; } .product_page_main_card_meta_head_timer-text { color: #FFF; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 500; line-height: 24px; line-height: clamp(1.25rem, 0rem + 1.6666666667vw, 1.5rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head_timer-text { font-size: 12px; line-height: 20px; } } .product_page_main_card_meta_head .product_picker { margin-top: clamp(0.9375rem, -3.75rem + 6.25vw, 1.875rem); max-width: clamp(15rem, 0.3125rem + 19.5833333333vw, 17.9375rem); row-gap: 0; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker { margin-top: 15px; max-width: 240px; } } .product_page_main_card_meta_head .product_picker > *:first-child { margin-top: 0px; } .product_page_main_card_meta_head .product_picker > *:last-child { margin-bottom: 0px; } .product_page_main_card_meta_head .product_picker-title { margin-bottom: 16px; margin-bottom: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker-title { margin-bottom: 12px; } } .product_page_main_card_meta_head .product_picker_custom { display: flex; align-items: center; justify-content: space-between; column-gap: 10px; width: 100%; position: relative; cursor: pointer; } .product_page_main_card_meta_head .product_picker_custom_render { display: flex; align-items: center; position: relative; width: 100%; border-radius: 12px; border: 1px solid #19398B; height: 42px; height: clamp(2.375rem, 1.125rem + 1.6666666667vw, 2.625rem); padding: 0 16px; column-gap: 10px; column-gap: clamp(0.5rem, -0.125rem + 0.8333333333vw, 0.625rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_custom_render { column-gap: 8px; height: 38px; } } .product_page_main_card_meta_head .product_picker_custom_render-img { display: none; width: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); max-width: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); max-height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); border-radius: 6px; overflow: hidden; flex-shrink: 0; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_custom_render-img { width: 18px; height: 18px; max-width: 18px; max-height: 18px; } } .product_page_main_card_meta_head .product_picker_custom_render-img img { width: 100%; height: 100%; object-fit: cover; } .product_page_main_card_meta_head .product_picker_custom_render-title { color: #19398B; overflow: hidden; padding-right: 16px; text-wrap: balance; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_custom_render-title { padding-right: 10px; } } .product_page_main_card_meta_head .product_picker_custom_render-title.overflow { text-overflow: ellipsis; white-space: nowrap; } .product_page_main_card_meta_head .product_picker_custom_render-icon { display: flex; width: 5px; height: 8px; transition: 0.4s; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); } .product_page_main_card_meta_head .product_picker_custom_render-icon svg { width: 100%; height: 100%; } .product_page_main_card_meta_head .product_picker_modal { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; background: rgba(0, 0, 0, 0.1); padding: 20px; pointer-events: none; user-select: none; opacity: 0; visibility: hidden; transition: 0.4s; } .product_page_main_card_meta_head .product_picker_modal.active { opacity: 1; visibility: visible; pointer-events: unset; } .product_page_main_card_meta_head .product_picker_modal-wrap { width: 100%; border-radius: 14px; background: #FFF; max-height: 100%; overflow-y: auto; padding: clamp(1rem, -3.375rem + 5.8333333333vw, 1.875rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_modal-wrap { padding: 16px; } } .product_page_main_card_meta_head .product_picker_modal-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: clamp(1.25rem, 0rem + 1.6666666667vw, 1.5rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_modal-head { margin-bottom: 20px; } } .product_page_main_card_meta_head .product_picker_modal-head-close { display: flex; width: clamp(1.875rem, -1.25rem + 4.1666666667vw, 2.5rem); height: clamp(1.875rem, -1.25rem + 4.1666666667vw, 2.5rem); cursor: pointer; transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_modal-head-close { width: 30px; height: 30px; } } @media (hover: hover) { .product_page_main_card_meta_head .product_picker_modal-head-close:hover { opacity: 0.7; } } @media (hover: none) { .product_page_main_card_meta_head .product_picker_modal-head-close:active { opacity: 0.7; } } .product_page_main_card_meta_head .product_picker_modal-head-close svg { width: 100%; height: 100%; } .product_page_main_card_meta_head_size { display: flex; flex-direction: column; max-width: 287px; max-width: clamp(12.75rem, -13.1875rem + 34.5833333333vw, 17.9375rem); width: 100%; margin-top: 30px; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head_size { max-width: 204px; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head_size { max-width: 100%; } } .product_page_main_card_meta_head_size-select { width: 100%; position: relative; } .product_page_main_card_meta_head_size-select .select { width: 100%; } .product_page_main_card_meta_head_size-select .select.select_show .select__toggle::after { transform: rotate(180deg); } .product_page_main_card_meta_head_size-select .select.select_show .select__dropdown { display: block; } .product_page_main_card_meta_head_size-select .select__toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; border-radius: 12px; border-radius: clamp(0.625rem, 0rem + 0.8333333333vw, 0.75rem); border: 1px solid #19398B; padding: 10px 16px; column-gap: 8px; cursor: pointer; height: 42px; height: clamp(2.375rem, 1.125rem + 1.6666666667vw, 2.625rem); color: #19398B; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: 22px; line-height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head_size-select .select__toggle { height: 38px; font-size: 12px; line-height: 18px; } } .product_page_main_card_meta_head_size-select .select__toggle::after { content: ""; display: block; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%225%22%20viewBox%3D%220%200%208%205%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1%201L4%204L7%201%22%20stroke%3D%22%2319398B%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; width: 8px; height: 5px; flex-shrink: 0; transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head_size-select .select__toggle::after { width: 7px; height: 4px; transform: translateY(2px); } } .product_page_main_card_meta_head_size-select .select__dropdown { display: none; padding: 18px 13px 18px 22px; padding: clamp(0.75rem, -1.125rem + 2.5vw, 1.125rem) clamp(0.75rem, 0.4375rem + 0.4166666667vw, 0.8125rem) clamp(0.75rem, -1.125rem + 2.5vw, 1.125rem), clamp(0.75rem, -2.375rem + 4.1666666667vw, 1.375rem); border-radius: 12px; border-radius: clamp(0.5rem, -0.75rem + 1.6666666667vw, 0.75rem); background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); position: absolute; z-index: 6; top: calc(100% + 10px); left: 0px; min-width: max-content; width: 100%; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head_size-select .select__dropdown { padding: 12px; border-radius: 8px; top: calc(100% + 5px); } } .product_page_main_card_meta_head_size-select .select__dropdown .select__options { display: flex; flex-direction: column; row-gap: 5px; max-height: 250px; max-height: clamp(11.25rem, -10.625rem + 29.1666666667vw, 15.625rem); overflow-y: auto; padding-right: 15px; padding-right: clamp(0.6875rem, -0.5625rem + 1.6666666667vw, 0.9375rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head_size-select .select__dropdown .select__options { max-height: 180px; padding-right: 11px; } } .product_page_main_card_meta_head_size-select .select__dropdown .select__options::-webkit-scrollbar { width: 2px; border-radius: 5px; } .product_page_main_card_meta_head_size-select .select__dropdown .select__options::-webkit-scrollbar-track { border-radius: 5px; background: #E2E4E7; } .product_page_main_card_meta_head_size-select .select__dropdown .select__options::-webkit-scrollbar-thumb { border-radius: 5px; background: #A7ADB7; } .product_page_main_card_meta_head_size-select .select__dropdown .select__options .select__option { color: #6D7686; font-family: "Commissioner", sans-serif; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-weight: 400; line-height: 24px; line-height: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); cursor: pointer; transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head_size-select .select__dropdown .select__options .select__option { font-size: 12px; line-height: 18px; } } @media (hover: hover) { .product_page_main_card_meta_head_size-select .select__dropdown .select__options .select__option:hover { color: #32373E; } } @media (hover: none) { .product_page_main_card_meta_head_size-select .select__dropdown .select__options .select__option:active { color: #32373E; } } .product_page_main_card_meta_head_size-select .select__dropdown .select__options .select__option a { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; } .product_page_main_card_meta_head_size-select .select__dropdown .select__options .select__option.select__option_selected { color: #19398B; } @media (hover: hover) { .product_page_main_card_meta_head_size-select .select__dropdown .select__options .select__option.select__option_selected:hover { color: #19398B; } } @media (hover: none) { .product_page_main_card_meta_head_size-select .select__dropdown .select__options .select__option.select__option_selected:active { color: #19398B; } } .product_page_main_card_meta_head_size-btn { color: #19398B; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); font-style: normal; font-weight: 400; line-height: 22px; line-height: clamp(0.875rem, -1.625rem + 3.3333333333vw, 1.375rem); text-decoration-line: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; text-decoration-thickness: 10%; text-underline-offset: 30%; text-underline-position: from-font; margin-top: 10px; margin-top: clamp(0.4375rem, -0.5rem + 1.25vw, 0.625rem); transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head_size-btn { margin-top: 7px; color: #19398B; font-size: 10px; line-height: 14px; } } @media (hover: hover) { .product_page_main_card_meta_head_size-btn:hover { opacity: 0.7; } } @media (hover: none) { .product_page_main_card_meta_head_size-btn:active { opacity: 0.7; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color_modal { padding: 0; } } .product_page_main_card_meta_head .product_picker_color_modal-wrap { max-width: 1028px; display: flex; flex-direction: column; overflow: hidden; } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color_modal-wrap { border-radius: 0; padding: 0 15px; height: 100%; } } .product_page_main_card_meta_head .product_picker_color_modal-wrap .product_picker_modal-head { position: relative; } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color_modal-wrap .product_picker_modal-head { justify-content: center; background: #FFF; box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.04); padding: 14px 15px; margin: 0 -15px; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color_modal-wrap .product_picker_modal-head-title { text-align: center; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color_modal-wrap .product_picker_modal-head-close { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 14px; height: 14px; } } .product_page_main_card_meta_head .product_picker_color_modal-wrap .product_picker_modal-head-close::before { display: none; content: ""; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2014%2015%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7.77345%207.50003L13.8398%201.4336C14.0534%201.22002%2014.0534%200.873741%2013.8398%200.660186C13.6263%200.446632%2013.28%200.446605%2013.0664%200.660186L7%206.72661L0.933604%200.660186C0.720022%200.446605%200.373741%200.446605%200.160186%200.660186C-0.0533681%200.873768%20-0.0533955%201.22005%200.160186%201.4336L6.22659%207.5L0.160186%2013.5664C-0.0533955%2013.78%20-0.0533955%2014.1263%200.160186%2014.3398C0.266964%2014.4466%200.406936%2014.5%200.546909%2014.5C0.686881%2014.5%200.826827%2014.4466%200.933631%2014.3398L7%208.27345L13.0664%2014.3398C13.1732%2014.4466%2013.3132%2014.5%2013.4531%2014.5C13.5931%2014.5%2013.733%2014.4466%2013.8398%2014.3398C14.0534%2014.1263%2014.0534%2013.78%2013.8398%2013.5664L7.77345%207.50003Z%22%20fill%3D%22%2332373E%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; width: 100%; height: 100%; } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color_modal-wrap .product_picker_modal-head-close::before { display: flex; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color_modal-wrap .product_picker_modal-head-close svg { display: none; } } .product_page_main_card_meta_head .product_picker_color-row { display: flex; margin: 0 -25px; overflow: hidden; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_color-row { margin: 0 -12px; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color-row { flex-direction: column; } } .product_page_main_card_meta_head .product_picker_color-row-col_left { padding: 0 25px; width: 100%; max-width: 73%; overflow-y: auto; max-height: 550px; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_color-row-col_left { padding: 0 12px; max-height: 350px; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color-row-col_left { max-width: 100%; order: 2; max-height: unset; margin-top: 24px; padding-bottom: 82px; } } .product_page_main_card_meta_head .product_picker_color-row-col_left::-webkit-scrollbar { width: 6px; border-radius: 20px; } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color-row-col_left::-webkit-scrollbar { width: 0; } } .product_page_main_card_meta_head .product_picker_color-row-col_left::-webkit-scrollbar-track { background: #F5F5F5; border-radius: 20px; } .product_page_main_card_meta_head .product_picker_color-row-col_left::-webkit-scrollbar-thumb { background: #B8BBC0; border-radius: 20px; } .product_page_main_card_meta_head .product_picker_color-row-col_right { padding: 0 25px; width: 100%; max-width: 27%; overflow-y: auto; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_color-row-col_right { padding: 0 12px; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color-row-col_right { max-width: 100%; order: 1; overflow: unset; } } .product_page_main_card_meta_head .product_picker_color-row-col_right::-webkit-scrollbar { width: 0px; } .product_page_main_card_meta_head .product_picker_color-list { display: flex; flex-wrap: wrap; row-gap: 8px; margin: 0 -4px; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_color-list { margin: 0 -2.5px; row-gap: 5px; } } .product_page_main_card_meta_head .product_picker_color-list-it { display: flex; justify-content: center; align-items: center; padding: 0 4px; border-radius: 12px; width: 100%; max-width: 10%; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_color-list-it { padding: 0 2.5px; max-width: 12.5%; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color-list-it { max-width: 25%; } } .product_page_main_card_meta_head .product_picker_color-list-it.active .product_picker_color-list-it-img { border-color: #19398B; } .product_page_main_card_meta_head .product_picker_color-list-it.active .product_picker_color-list-it-img::before { opacity: 1; visibility: visible; } .product_page_main_card_meta_head .product_picker_color-list-it-img { padding: 6px; width: 100%; height: 100%; border-radius: 12px; border: 1px solid #ECEEF0; cursor: pointer; position: relative; overflow: hidden; transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_color-list-it-img { padding: 4px; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color-list-it-img { padding: 8px; } } .product_page_main_card_meta_head .product_picker_color-list-it-img::before { content: ""; display: block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0%200H20V20H10C4.47715%2020%200%2015.5228%200%2010V0Z%22%20fill%3D%22%2319398B%22%2F%3E%3Cpath%20d%3D%22M7%2010L9.00014%2012L13%208%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; top: 0; right: 0; opacity: 0; visibility: hidden; } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color-list-it-img::before { width: 26px; height: 26px; } } @media (hover: hover) { .product_page_main_card_meta_head .product_picker_color-list-it-img:hover { border-color: #19398B; } } @media (hover: none) { .product_page_main_card_meta_head .product_picker_color-list-it-img:active { border-color: #19398B; } } .product_page_main_card_meta_head .product_picker_color-list-it img { width: 100%; height: 100%; border-radius: 8px; border: 1px solid #ECEEF0; overflow: hidden; background: #FFF; } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color_preview { margin-top: 24px; } } .product_page_main_card_meta_head .product_picker_color_preview-img { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; aspect-ratio: 1/1; padding: 20px; border-radius: 12px; border: 1px solid #ECEEF0; position: relative; overflow: hidden; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_color_preview-img { padding: 16px; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color_preview-img { padding: 0; border: unset; max-width: 40%; margin: 0 auto; } } .product_page_main_card_meta_head .product_picker_color_preview-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; } .product_page_main_card_meta_head .product_picker_color_preview-title { color: #6D7686; text-align: center; margin-top: 24px; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_color_preview-title { margin-top: 16px; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color_preview-title { margin-top: 12px; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color_preview-wrap-btn { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); padding: 16px; z-index: 2; width: 100%; border-radius: 16px 16px 0px 0px; background: #FFF; box-shadow: 0px -4px 18px 8px rgba(0, 0, 0, 0.06); } } .product_page_main_card_meta_head .product_picker_color_preview-btn { height: 42px; width: 100%; margin-top: 30px; font-size: 14px; line-height: 22px; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_color_preview-btn { font-size: 12px; line-height: 20px; height: 38px; margin-top: 20px; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_color_preview-btn { height: 40px; margin-top: 0; } } .product_page_main_card_meta_head .product_picker_base .product_picker_custom_render { height: auto; padding-top: 8px; padding-bottom: 12px; } .product_page_main_card_meta_head .product_picker_base .product_picker_custom_render-title { display: flex; flex-direction: column; align-items: flex-start; row-gap: 12px; } .product_page_main_card_meta_head .product_picker_base .product_picker_custom_render-cost { display: inline-flex; justify-content: center; align-items: center; padding: 4px 8px; border-radius: 10px; background: #F5F7FA; color: #19398B; font-size: 14px; text-align: center; font-weight: 600; line-height: 22px; } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_base_modal { padding: 20px 16px; } } .product_page_main_card_meta_head .product_picker_base_modal-wrap { max-width: 816px; overflow-x: hidden; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_base_modal-wrap { max-width: 605px; } } .product_page_main_card_meta_head .product_picker_base_modal-wrap::-webkit-scrollbar { width: 0; } .product_page_main_card_meta_head .product_picker_base_modal-nothing { display: inline-flex; align-items: center; column-gap: 8px; cursor: pointer; } .product_page_main_card_meta_head .product_picker_base_modal-nothing input { appearance: none; width: 14px; height: 14px; border-radius: 4px; border: 1px solid #19398B; } .product_page_main_card_meta_head .product_picker_base_modal-nothing input:checked { border-color: transparent; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%226%22%20fill%3D%22%2319398B%22%2F%3E%3Cpath%20d%3D%22M6%2010.25L8.75%2013L14.75%207%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; } .product_page_main_card_meta_head .product_picker_base_modal-nothing-text { color: #19398B; font-family: "Commissioner", sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; } .product_page_main_card_meta_head .product_picker_base_modal-nothing-cost { padding: 4px 8px; border-radius: 10px; background: #F5F7FA; color: #19398B; font-size: 14px; font-weight: 600; line-height: 22px; } .product_page_main_card_meta_head .product_picker_base_modal_swiper { margin-top: 30px; overflow: visible; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_base_modal_swiper { margin-top: 20px; } } @media screen and (max-width: 767px) { .product_page_main_card_meta_head .product_picker_base_modal_swiper { margin-top: 16px; } } .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide { display: flex; flex-direction: column; height: auto; flex: 1 0 calc(33.3333% - 20px); cursor: pointer; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide { flex: 1 0 230px; } } @media (hover: hover) { .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide:hover .product_picker_base_modal_swiper_slide-img img { transform: scale(1.03); } } @media (hover: none) { .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide:active .product_picker_base_modal_swiper_slide-img img { transform: scale(1.03); } } .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide.active .product_picker_base_modal_swiper_slide-img { border-color: #19398B; } .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide.active .product_picker_base_modal_swiper_slide-img::after { opacity: 1; visibility: visible; } .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide.active .product_picker_base_modal_swiper_slide-btn { /*background: #F5F7FA; color: #19398B; */ opacity:1; } .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide.active .product_picker_base_modal_swiper_slide-btn::after { content: "Выбрать"; display: block; } .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide:last-child { margin-right: 0px !important; } .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide-img { display: flex; justify-content: center; align-items: center; padding: 20px; border-radius: 14px; border: 1px solid #ECEEF0; position: relative; overflow: hidden; aspect-ratio: 233/166; max-height: 254px; transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide-img { padding: 0; } } .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide-img::after { content: ""; display: block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0%200H20V20H10C4.47715%2020%200%2015.5228%200%2010V0Z%22%20fill%3D%22%2319398B%22%2F%3E%3Cpath%20d%3D%22M7%2010L9.00014%2012L13%208%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; top: 0; right: 0; opacity: 0; visibility: hidden; transition: 0.4s; } .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide-img img { max-height: 100%; height: auto; transition: 0.6s; } .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide-title { color: #32373E; font-family: "Commissioner", sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; margin-top: 20px; } .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide-cost { color: #32373E; font-size: 18px; font-weight: 500; line-height: 24px; flex: 1 1 auto; margin-top: 10px; } .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide-btn { display: inline-flex; justify-content: center; align-items: center; height: 42px; margin-top: 20px; border-radius: 16px; background: #19398B; cursor: pointer; color: #FFF; text-align: center; font-family: "Commissioner", sans-serif; font-size: 14px; font-weight: 500; line-height: 22px; transition: 0.4s; opacity:0; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide-btn { font-size: 12px; line-height: 20px; height: 34px; border-radius: 8px; } } .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide-btn::after { content: "Выбрать"; display: block; color: inherit; text-align: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; } @media (hover: hover) { .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide-btn:hover { background: #F5F7FA; color: #19398B; } } @media (hover: none) { .product_page_main_card_meta_head .product_picker_base_modal_swiper_slide-btn:active { background: #F5F7FA; color: #19398B; } } .product_page_main_card_meta_head_item.more .more_list { display: flex; flex-direction: column; row-gap: 10px; row-gap: clamp(0.3125rem, -1.25rem + 2.0833333333vw, 0.625rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head_item.more .more_list { row-gap: 5px; } } .product_page_main_card_meta_head_item.more .more_list-item { display: flex; align-items: center; column-gap: 8px; height: 42px; height: clamp(2.375rem, 1.125rem + 1.6666666667vw, 2.625rem); padding: 10px 16px; border-radius: 12px; border-radius: clamp(0.625rem, 0rem + 0.8333333333vw, 0.75rem); border: 1px solid #19398B; cursor: pointer; transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_head_item.more .more_list-item { height: 38px; border-radius: 10px; } } @media (hover: hover) { .product_page_main_card_meta_head_item.more .more_list-item:hover { opacity: 0.7; } } @media (hover: none) { .product_page_main_card_meta_head_item.more .more_list-item:active { opacity: 0.7; } } .product_page_main_card_meta_head_item.more .more_list-item input { appearance: none; width: 14px; height: 14px; border-radius: 4px; border: 1px solid #19398B; } .product_page_main_card_meta_head_item.more .more_list-item input:checked { border-color: transparent; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%226%22%20fill%3D%22%2319398B%22%2F%3E%3Cpath%20d%3D%22M6%2010.25L8.75%2013L14.75%207%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); background-size: 100% 100%; background-repeat: no-repeat; } .product_page_main_card_meta_head_item.more .more_list-item span { color: #19398B; } .product_page_main_card_meta_bottom { margin-top: 30px; margin-top: clamp(1.5rem, -0.375rem + 2.5vw, 1.875rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom { margin-top: 24px; } } .product_page_main_card_meta_bottom_btns { display: flex; column-gap: 20px; column-gap: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); margin-top: 20px; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_btns { margin-top: 24px; column-gap: 10px; } } .product_page_main_card_meta_bottom_btns-btn { display: inline-flex; justify-content: center; align-items: center; column-gap: 10px; width: 100%; max-width: 50%; border-radius: 16px; border-radius: clamp(0.5rem, -2rem + 3.3333333333vw, 1rem); border: 1px solid transparent; height: 50px; height: clamp(2.125rem, -2.875rem + 6.6666666667vw, 3.125rem); padding: 12px 16px; color: #FFF; text-align: center; font-family: "Commissioner", sans-serif; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); font-weight: 500; line-height: 22px; line-height: clamp(1.25rem, 0.625rem + 0.8333333333vw, 1.375rem); padding-top: clamp(0.3125rem, -1.875rem + 2.9166666667vw, 0.75rem); padding-bottom: clamp(0.3125rem, -1.875rem + 2.9166666667vw, 0.75rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_btns-btn { font-size: 12px; line-height: 20px; border-radius: 8px; height: 34px; } } .product_page_main_card_meta_bottom_btns-btn.cart { background: #19398B; } .product_page_main_card_meta_bottom_btns-btn.call { background: #BA4265; } .product_page_main_card_meta_bottom_btns-btn .icon { display: flex; width: 16px; width: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); height: 16px; height: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_btns-btn .icon { width: 14px; height: 14px; } } .product_page_main_card_meta_bottom_btns-btn .icon svg { width: 100%; height: 100%; } .product_page_main_card_meta_bottom_case { display: flex; column-gap: 30px; column-gap: clamp(0.625rem, -5.625rem + 8.3333333333vw, 1.875rem); margin-top: 30px; margin-top: clamp(1.5rem, -0.375rem + 2.5vw, 1.875rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_case { column-gap: 10px; margin-top: 24px; } } .product_page_main_card_meta_bottom_case-image { width: 100%; max-width: 41%; aspect-ratio: 181/146; height: auto; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_case-image { max-width: 37%; } } .product_page_main_card_meta_bottom_case-image img { width: 100%; height: auto; } .product_page_main_card_meta_bottom_case_content { width: 100%; max-width: 59%; display: flex; flex-direction: column; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_case_content { max-width: 63%; } } .product_page_main_card_meta_bottom_case_content-check { display: flex; align-items: center; column-gap: 12px; cursor: pointer; } .product_page_main_card_meta_bottom_case_content-check span { color: #32373E; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: 22px; line-height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_case_content-check span { font-size: 12px; line-height: 18px; } } .product_page_main_card_meta_bottom_case_content-check input { appearance: none; width: 36px; width: clamp(2rem, 0.75rem + 1.6666666667vw, 2.25rem); height: 20px; height: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); border-radius: 100px; background: #DDE2F2; flex-shrink: 0; position: relative; cursor: pointer; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_case_content-check input { width: 32px; height: 16px; } } .product_page_main_card_meta_bottom_case_content-check input::after { content: ""; display: block; width: 16px; width: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); height: auto; aspect-ratio: 1/1; background: #6D7686; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: 2px; transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_case_content-check input::after { width: 12px; } } .product_page_main_card_meta_bottom_case_content-check input:checked::after { background: #10069F; left: calc(100% - 16px - 2px); left: calc(100% - clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem) - 2px); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_case_content-check input:checked::after { left: calc(100% - 12px - 2px); } } .product_page_main_card_meta_bottom_case_content-title { color: #19398B; margin-top: 16px; margin-top: clamp(0.625rem, -1.25rem + 2.5vw, 1rem); font-size: 16px; font-size: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); font-weight: 600; line-height: 24px; line-height: clamp(1.375rem, 0.75rem + 0.8333333333vw, 1.5rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_case_content-title { font-size: 14px; line-height: 22px; margin-top: 10px; } } .product_page_main_card_meta_bottom_case_content-text { margin-top: 4px; color: #31353C; } .product_page_main_card_meta_bottom_case_content-cost { margin-top: 16px; margin-top: clamp(0.625rem, -1.25rem + 2.5vw, 1rem); padding: 4px 8px; border-radius: 10px; background: #F5F7FA; max-width: fit-content; font-family: "Fira Sans", sans-serif; color: #19398B; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 600; line-height: 22px; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_case_content-cost { margin-top: 10px; font-size: 12px; } } .product_page_main_card_meta_bottom_questions { display: flex; column-gap: 20px; padding: 20px; border-radius: 14px; background: #F5F7FA; margin-top: 30px; } .product_page_main_card_meta_bottom_questions-avatar { width: 100%; max-width: 60px; max-width: clamp(3.125rem, 0rem + 4.1666666667vw, 3.75rem); height: 60px; height: clamp(3.125rem, 0rem + 4.1666666667vw, 3.75rem); aspect-ratio: 1/1; overflow: hidden; border-radius: 50%; flex-shrink: 0; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_questions-avatar { max-width: 50px; height: 50px; } } .product_page_main_card_meta_bottom_questions-avatar img { width: 100%; height: 100%; object-fit: cover; } .product_page_main_card_meta_bottom_questions_content { flex: 1 1 auto; } .product_page_main_card_meta_bottom_questions_content > *:first-child { margin-top: 0px; } .product_page_main_card_meta_bottom_questions_content > *:last-child { margin-bottom: 0px; } .product_page_main_card_meta_bottom_questions_content-title { color: #19398B; font-size: 16px; font-size: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); font-weight: 600; line-height: 24px; line-height: clamp(1.375rem, 0.75rem + 0.8333333333vw, 1.5rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_questions_content-title { font-size: 14px; line-height: 22px; } } .product_page_main_card_meta_bottom_questions_content-text { margin-top: 4px; } .product_page_main_card_meta_bottom_questions_content-links { display: flex; flex-wrap: wrap; gap: 10px; gap: clamp(0.25rem, -1.625rem + 2.5vw, 0.625rem); margin-top: 14px; margin-top: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_questions_content-links { margin-top: 12px; gap: 4px; } } .product_page_main_card_meta_bottom_questions_content-links-link { display: flex; width: 40px; width: clamp(1.875rem, -1.25rem + 4.1666666667vw, 2.5rem); height: 40px; height: clamp(1.875rem, -1.25rem + 4.1666666667vw, 2.5rem); flex-shrink: 0; transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_main_card_meta_bottom_questions_content-links-link { width: 30px; height: 30px; } } @media (hover: hover) { .product_page_main_card_meta_bottom_questions_content-links-link:hover { opacity: 0.7; } } @media (hover: none) { .product_page_main_card_meta_bottom_questions_content-links-link:active { opacity: 0.7; } } .product_page_main_card_meta_bottom_questions_content-links-link svg { width: 100%; height: 100%; } .product_page_main_card.mattress .product_page_main_card_image { display: flex; max-width: 100%; width: 100%; column-gap: 30px; column-gap: clamp(0.625rem, -5.625rem + 8.3333333333vw, 1.875rem); } @media screen and (max-width: 1199px) { .product_page_main_card.mattress .product_page_main_card_image { flex-direction: column-reverse; } } .product_page_main_card.mattress .product_page_main_card_image-slider { display: flex; flex-direction: column; max-width: calc(89% - 30px); max-width: calc(89% - clamp(0.625rem, -5.625rem + 8.3333333333vw, 1.875rem)); width: 100%; } @media screen and (max-width: 1199px) { .product_page_main_card.mattress .product_page_main_card_image-slider { max-width: 100%; } } .product_page_main_card.mattress .product_page_main_card_image_big { aspect-ratio: 121/84; } .product_page_main_card.mattress .product_page_main_card_image_thumb { margin-left: auto; width: auto; } .product_page_main_card.mattress .product_page_main_card_image_thumb .swiper-wrapper { flex-direction: row-reverse; } .product_page_main_card.mattress .product_page_main_card_image_thumb .swiper-slide:first-child { margin-right: 0px !important; } .product_page_descr { margin-top: 100px; margin-top: clamp(3.125rem, -12.5rem + 20.8333333333vw, 6.25rem); border-radius: 14px; border-radius: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); background: #F5F7FA; padding: 60px; padding: clamp(1.875rem, -7.5rem + 12.5vw, 3.75rem); } @media screen and (max-width: 1199px) { .product_page_descr { padding: 16px; border-radius: 10px; margin-top: 50px; } } @media screen and (max-width: 767px) { .product_page_descr .row { row-gap: 16px; } } .product_page_descr_left-text > *:first-child { margin-top: 0px; } .product_page_descr_left-text > *:last-child { margin-bottom: 0px; } .product_page_descr_left-text p { margin-bottom: 20px; margin-bottom: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); } @media screen and (max-width: 1199px) { .product_page_descr_left-text p { margin-bottom: 10px; } } .product_page_descr_left_benefits { display: flex; flex-wrap: wrap; column-gap: 10px; column-gap: clamp(0.4375rem, -0.5rem + 1.25vw, 0.625rem); row-gap: 10px; row-gap: clamp(0.4375rem, -0.5rem + 1.25vw, 0.625rem); margin-top: 30px; margin-top: clamp(1rem, -3.375rem + 5.8333333333vw, 1.875rem); } @media screen and (max-width: 1199px) { .product_page_descr_left_benefits { margin-top: 16px; column-gap: 7px; row-gap: 7px; } } .product_page_descr_left_benefits-it { width: auto; } .product_page_descr_left_benefits-it a { display: inline-flex; justify-content: center; align-items: center; padding: 8px 16px 12px 16px; padding: clamp(0.25rem, -1rem + 1.6666666667vw, 0.5rem) clamp(0.625rem, -1.25rem + 2.5vw, 1rem) clamp(0.5rem, -0.75rem + 1.6666666667vw, 0.75rem) clamp(0.625rem, -1.25rem + 2.5vw, 1rem); border-radius: 12px; background: #FFF; color: #19398B; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); font-style: normal; font-weight: 500; line-height: 22px; line-height: clamp(0.875rem, -1.625rem + 3.3333333333vw, 1.375rem); transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_descr_left_benefits-it a { font-size: 10px; line-height: 14px; padding: 4px 10px 8px 10px; } } @media (hover: hover) { .product_page_descr_left_benefits-it a:hover { color: #FFF; background: #19398B; } } @media (hover: none) { .product_page_descr_left_benefits-it a:active { color: #FFF; background: #19398B; } } .product_page_descr-right ul { padding-left: 30px; padding-left: clamp(0.875rem, -4.125rem + 6.6666666667vw, 1.875rem); } @media screen and (max-width: 1199px) { .product_page_descr-right ul { padding-left: 14px; } } @media screen and (max-width: 767px) { .product_page_descr-right ul { padding-left: 0px; } } .product_page_descr-right ul li { margin-bottom: 16px; margin-bottom: clamp(0.5rem, -2rem + 3.3333333333vw, 1rem); position: relative; padding-left: 30px; padding-left: clamp(1rem, -3.375rem + 5.8333333333vw, 1.875rem); } @media screen and (max-width: 1199px) { .product_page_descr-right ul li { margin-bottom: 8px; padding-left: 16px; } } .product_page_descr-right ul li::before { content: ""; width: 10px; width: clamp(0.375rem, -0.875rem + 1.6666666667vw, 0.625rem); height: 10px; height: clamp(0.375rem, -0.875rem + 1.6666666667vw, 0.625rem); flex-shrink: 0; background: #19398B; border-radius: 50%; position: absolute; top: 8px; top: clamp(0.4375rem, 0.125rem + 0.4166666667vw, 0.5rem); left: 0px; } @media screen and (max-width: 1199px) { .product_page_descr-right ul li::before { top: 7px; width: 6px; height: 6px; } } .product_page_descr-right ul li:last-child { margin-bottom: 0px; } .product_page_descr-right ul li a { color: #19398B; display: inline; font-size: inherit; line-height: inherit; font-weight: inherit; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; text-decoration-thickness: 10%; text-underline-offset: 22%; text-underline-position: from-font; transition: 0.4s; } @media (hover: hover) { .product_page_descr-right ul li a:hover { opacity: 0.7; } } @media (hover: none) { .product_page_descr-right ul li a:active { opacity: 0.7; } } .product_page_benefit { margin-top: 100px; margin-top: clamp(3.125rem, -12.5rem + 20.8333333333vw, 6.25rem); } @media screen and (max-width: 1199px) { .product_page_benefit { margin-top: 50px; } } .product_page_benefit-row { margin-top: 40px; margin-top: clamp(1.125rem, -5.75rem + 9.1666666667vw, 2.5rem); } @media screen and (max-width: 1199px) { .product_page_benefit-row { margin-top: 18px; } } @media screen and (max-width: 767px) { .product_page_benefit-row { row-gap: 7px; } } .product_page_benefit-video { display: block; width: 100%; aspect-ratio: 131/170; border-radius: 10px; overflow: hidden; height: 100%; position: relative; cursor: pointer; } @media (hover: hover) { .product_page_benefit-video:hover .icon { opacity: 0.7; } } @media (hover: none) { .product_page_benefit-video:active .icon { opacity: 0.7; } } @media screen and (max-width: 767px) { .product_page_benefit-video { max-height: 500px; } } .product_page_benefit-video .icon { display: flex; width: 46px; height: 46px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.4s; } .product_page_benefit-video .icon svg { width: 100%; height: 100%; } .product_page_benefit-video img { width: 100%; height: 100%; object-fit: cover; } .product_page_benefit-image { width: 100%; aspect-ratio: 131/170; border-radius: 10px; overflow: hidden; height: 100%; position: relative; cursor: pointer; } @media (hover: hover) { .product_page_benefit-image:hover .icon { opacity: 0.7; } } @media (hover: none) { .product_page_benefit-image:active .icon { opacity: 0.7; } } @media screen and (max-width: 767px) { .product_page_benefit-image { max-height: 500px; } } .product_page_benefit-image img { width: 100%; height: 100%; object-fit: cover; } .product_page_benefit_list { display: flex; flex-direction: column; row-gap: 30px; row-gap: clamp(0.625rem, -5.625rem + 8.3333333333vw, 1.875rem); height: 100%; } @media screen and (max-width: 1199px) { .product_page_benefit_list { row-gap: 10px; } } @media screen and (max-width: 767px) { .product_page_benefit_list { flex-wrap: wrap; flex-direction: row; gap: 7px; } } .product_page_benefit_list_item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 35px 25px; padding: clamp(1.125rem, -4.1875rem + 7.0833333333vw, 2.1875rem) clamp(0.625rem, -4.0625rem + 6.25vw, 1.5625rem); border-radius: 10px; flex: 1 1 50%; height: 100%; } @media screen and (max-width: 1199px) { .product_page_benefit_list_item { padding: 18px 10px; } } @media screen and (max-width: 767px) { .product_page_benefit_list_item { flex: 1 1 calc(50% - 3.5px); padding: 20px 10px; justify-content: center; min-height: 180px; } } .product_page_benefit_list_item > *:first-child { margin-top: 0px; } .product_page_benefit_list_item > *:last-child { margin-bottom: 0px; } .product_page_benefit_list_item.--white { background: var(--radial); } .product_page_benefit_list_item.--white .product_page_benefit_list_item-title { color: #FFF; } .product_page_benefit_list_item.--white .product_page_benefit_list_item-text { color: #FFF; } .product_page_benefit_list_item.--blue { background: #FFF; box-shadow: 0px 24px 84px 0px rgba(25, 57, 139, 0.05); } .product_page_benefit_list_item.--blue .product_page_benefit_list_item-title { color: #19398B; } .product_page_benefit_list_item.--blue .product_page_benefit_list_item-text { color: #19398B; } .product_page_benefit_list_item-icon { display: flex; justify-content: center; width: 60px; width: clamp(2.375rem, -4.5rem + 9.1666666667vw, 3.75rem); max-width: 60px; max-width: clamp(2.375rem, -4.5rem + 9.1666666667vw, 3.75rem); } @media screen and (max-width: 1199px) { .product_page_benefit_list_item-icon { max-width: 38px; width: 38px; } } .product_page_benefit_list_item-icon svg { max-width: 100%; height: auto; } .product_page_benefit_list_item-title { margin-top: 20px; margin-top: clamp(0.75rem, -1.75rem + 3.3333333333vw, 1.25rem); text-align: center; font-weight: 600; } @media screen and (max-width: 1199px) { .product_page_benefit_list_item-title { margin-top: 12px; } } .product_page_benefit_list_item-text { margin-top: 10px; margin-top: clamp(0.5rem, -0.125rem + 0.8333333333vw, 0.625rem); text-align: center; } @media screen and (max-width: 1199px) { .product_page_benefit_list_item-text { margin-top: 8px; } } .product_page_benefit_big { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; position: relative; padding: 40px 100px; padding: clamp(1.5625rem, -3.125rem + 6.25vw, 2.5rem) clamp(0.625rem, -27.5rem + 37.5vw, 6.25rem); border-radius: 10px; overflow: hidden; height: 100%; } @media screen and (max-width: 1199px) { .product_page_benefit_big { padding: 24px 10px; } } .product_page_benefit_big > *:first-child { margin-top: 0px; } .product_page_benefit_big > *:last-child { margin-bottom: 0px; } .product_page_benefit_big-icon { display: flex; justify-content: center; width: 60px; width: clamp(2.375rem, -4.5rem + 9.1666666667vw, 3.75rem); max-width: 60px; max-width: clamp(2.375rem, -4.5rem + 9.1666666667vw, 3.75rem); } @media screen and (max-width: 1199px) { .product_page_benefit_big-icon { max-width: 38px; width: 38px; } } .product_page_benefit_big-icon svg { max-width: 100%; height: auto; } .product_page_benefit_big-title { margin-top: 20px; margin-top: clamp(0.75rem, -1.75rem + 3.3333333333vw, 1.25rem); color: #FFF; text-align: center; font-weight: 600; } @media screen and (max-width: 1199px) { .product_page_benefit_big-title { margin-top: 12px; } } .product_page_benefit_big-text { margin-top: 10px; margin-top: clamp(0.5rem, -0.125rem + 0.8333333333vw, 0.625rem); color: #FFF; text-align: center; } @media screen and (max-width: 1199px) { .product_page_benefit_big-text { margin-top: 8px; } } .product_page_benefit_big-img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; user-select: none; pointer-events: none; } .product_page_benefit_big-img::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(25, 57, 139, 0) 50%, rgba(25, 57, 139, 0.8) 90%); } .product_page_benefit_big-img img { width: 100%; height: 100%; object-fit: cover; } .product_page_spec { margin-top: 100px; margin-top: clamp(3.125rem, -12.5rem + 20.8333333333vw, 6.25rem); justify-content: space-between; } @media screen and (max-width: 1199px) { .product_page_spec { margin-top: 50px; } } .product_page_spec-item { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; row-gap: 50px; row-gap: clamp(1.125rem, -8.875rem + 13.3333333333vw, 3.125rem); } @media screen and (max-width: 1199px) { .product_page_spec-item { row-gap: 18px; } } .product_page_spec_left_list { width: 100%; } @media screen and (max-width: 1199px) { .product_page_spec_left_list { max-width: calc(100% - 10px); } } @media screen and (max-width: 767px) { .product_page_spec_left_list { max-width: 100%; } } .product_page_spec_left_list_it { display: flex; align-items: flex-start; margin-bottom: 20px; margin-bottom: clamp(0.5rem, -3.25rem + 5vw, 1.25rem); width: 100%; justify-content: space-between; } @media screen and (max-width: 1199px) { .product_page_spec_left_list_it { margin-bottom: 8px; } } .product_page_spec_left_list_it:last-child { margin-bottom: 0px; } .product_page_spec_left_list_it-title { position: relative; flex: 1 1 auto; text-align: left; padding-right: clamp(1.5625rem, -3.125rem + 6.25vw, 2.5rem); flex-shrink: 0; } @media screen and (max-width: 1199px) { .product_page_spec_left_list_it-title { padding-right: 25px; } } .product_page_spec_left_list_it-title span { background: #FFF; padding-right: 20px; padding-right: clamp(0.3125rem, -4.375rem + 6.25vw, 1.25rem); } @media screen and (max-width: 1199px) { .product_page_spec_left_list_it-title span { padding-right: 5px; } } .product_page_spec_left_list_it-title::before { content: ""; position: absolute; left: 0; bottom: 7px; bottom: clamp(0.1875rem, -1.0625rem + 1.6666666667vw, 0.4375rem); width: calc(100% - 20px); width: calc(100% - clamp(0.3125rem, -4.375rem + 6.25vw, 1.25rem)); height: 1px; background: transparent linear-gradient(to right, #CCC 0px, #CCC 1px, transparent 1px, transparent 3px) repeat-x scroll 0% 0%/3px 1px; z-index: -1; } @media screen and (max-width: 1199px) { .product_page_spec_left_list_it-title::before { width: calc(100% - 5px); bottom: 3px; } } .product_page_spec_left_list_it-value { text-align: right; } .product_page_spec_left_list_it-value a { color: #19398B; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; text-decoration-thickness: 10%; text-underline-offset: 22%; text-underline-position: from-font; transition: 0.4s; } @media (hover: hover) { .product_page_spec_left_list_it-value a:hover { opacity: 0.7; } } @media (hover: none) { .product_page_spec_left_list_it-value a:active { opacity: 0.7; } } @media screen and (max-width: 767px) { .product_page_spec_files { margin-top: 40px; } } .product_page_spec_files_list { display: flex; flex-direction: column; row-gap: 20px; row-gap: clamp(0.75rem, -1.75rem + 3.3333333333vw, 1.25rem); } @media screen and (max-width: 1199px) { .product_page_spec_files_list { row-gap: 12px; } } .product_page_spec_files_list_item { display: flex; align-items: center; column-gap: 20px; column-gap: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); transition: 0.4s; } @media (hover: hover) { .product_page_spec_files_list_item:hover { color: #19398B; } } @media (hover: none) { .product_page_spec_files_list_item:active { color: #19398B; } } @media screen and (max-width: 1199px) { .product_page_spec_files_list_item { column-gap: 10px; } } .product_page_spec_files_list_item-icon { display: flex; width: 22px; width: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); height: 22px; height: clamp(1.125rem, -0.125rem + 1.6666666667vw, 1.375rem); flex-shrink: 0; } @media screen and (max-width: 1199px) { .product_page_spec_files_list_item-icon { width: 18px; height: 18px; } } .product_page_spec_files_list_item-icon svg { width: 100%; height: 100%; } .product_page_spec-list > *:nth-of-type(n + 8) { display: none; } .product_page_spec-show_btn { display: none; color: #19398B; font-family: "Commissioner", sans-serif; font-size: 16px; font-size: clamp(0.75rem, -0.5rem + 1.6666666667vw, 1rem); text-align: left; font-weight: 400; line-height: 26px; line-height: clamp(1.125rem, -1.375rem + 3.3333333333vw, 1.625rem); text-decoration-line: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; text-decoration-thickness: 10%; text-underline-offset: 22%; text-underline-position: from-font; cursor: pointer; margin-top: -10px; margin-top: calc(0 - clamp(0rem, -3.125rem + 4.1666666667vw, 0.625rem)); transition: 0.4s; } @media (hover: hover) { .product_page_spec-show_btn:hover { opacity: 0.7; } } @media (hover: none) { .product_page_spec-show_btn:active { opacity: 0.7; } } @media screen and (max-width: 1199px) { .product_page_spec-show_btn { font-size: 12px; line-height: 18px; margin-top: 0px; } } .product_page_mattress-inside { display: flex; justify-content: center; border-radius: 14px; background: #FAFAFA; padding: 80px; padding: clamp(2.5rem, -10rem + 16.6666666667vw, 5rem) clamp(3.75rem, -2.5rem + 8.3333333333vw, 5rem); margin-top: 100px; margin-top: clamp(2.5rem, -16.25rem + 25vw, 6.25rem); } @media screen and (max-width: 1199px) { .product_page_mattress-inside { padding: 40px 60px; margin-top: 40px; } } @media screen and (max-width: 767px) { .product_page_mattress-inside { padding: 30px; } } .product_page_mattress-inside-list { max-width: 780px; max-width: clamp(38.75rem, -11.25rem + 66.6666666667vw, 48.75rem); } @media screen and (max-width: 1199px) { .product_page_mattress-inside-list { max-width: 620px; } } .product_page_mattress-inside_item { display: flex; flex-direction: column; position: relative; margin-bottom: -15px; } @media screen and (max-width: 767px) { .product_page_mattress-inside_item { margin-bottom: -5px !important; } } .product_page_mattress-inside_item:last-child { margin-bottom: 0 !important; } .product_page_mattress-inside_item:nth-of-type(even) .product_page_mattress-inside_item_top-btn { right: unset; left: 150px; left: clamp(6.875rem, -5.625rem + 16.6666666667vw, 9.375rem); } @media screen and (max-width: 1199px) { .product_page_mattress-inside_item:nth-of-type(even) .product_page_mattress-inside_item_top-btn { left: 110px; } } @media screen and (max-width: 767px) { .product_page_mattress-inside_item:nth-of-type(even) .product_page_mattress-inside_item_top-btn { left: 40px; } } .product_page_mattress-inside_item_top { display: flex; justify-content: center; position: relative; width: 100%; height: auto; cursor: pointer; } .product_page_mattress-inside_item_top-img { max-width: 100%; height: auto; filter: drop-shadow(0px 15px 25px rgba(0, 0, 0, 0.1)); } .product_page_mattress-inside_item_top-img img { max-width: 100%; } .product_page_mattress-inside_item_top-btn { display: flex; width: 28px; width: clamp(1.375rem, -0.5rem + 2.5vw, 1.75rem); height: 28px; height: clamp(1.375rem, -0.5rem + 2.5vw, 1.75rem); flex-shrink: 0; position: absolute; bottom: 0px; transform: translateY(-50%); right: 150px; right: clamp(6.875rem, -5.625rem + 16.6666666667vw, 9.375rem); cursor: pointer; transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_mattress-inside_item_top-btn { width: 22px; height: 22px; right: 110px; } } @media screen and (max-width: 767px) { .product_page_mattress-inside_item_top-btn { right: 40px; transform: translateY(0); bottom: -5px; } } .product_page_mattress-inside_item_top-btn.active { transform: translateY(-50%) rotate(135deg); } @media screen and (max-width: 767px) { .product_page_mattress-inside_item_top-btn.active { transform: translateY(0%) rotate(135deg); } } .product_page_mattress-inside_item_top-btn svg { width: 100%; height: 100%; } .product_page_mattress-inside_item_meta-row { display: none; will-change: height; } .product_page_mattress-inside_item_meta-row.show .product_page_mattress-inside_item_meta { opacity: 1; visibility: visible; transition: 0.4s; transition-delay: 0.35s; } .product_page_mattress-inside_item_meta { padding: 40px 0 50px 0; padding: clamp(1.875rem, -1.25rem + 4.1666666667vw, 2.5rem) 0 clamp(2.5rem, -0.625rem + 4.1666666667vw, 3.125rem) 0; display: flex; justify-content: center; column-gap: 30px; column-gap: clamp(1.25rem, -1.875rem + 4.1666666667vw, 1.875rem); opacity: 0; visibility: hidden; transition: 0.3s; transition-delay: 0s; } @media screen and (max-width: 1199px) { .product_page_mattress-inside_item_meta { padding: 30px 0 40px 0; column-gap: 20px; } } @media screen and (max-width: 767px) { .product_page_mattress-inside_item_meta { padding: 20px 0 25px 0; } } .product_page_mattress-inside_item_meta-img { display: block; width: 100px; width: clamp(5rem, -1.25rem + 8.3333333333vw, 6.25rem); height: 100px; height: clamp(5rem, -1.25rem + 8.3333333333vw, 6.25rem); max-width: 100px; max-width: clamp(5rem, -1.25rem + 8.3333333333vw, 6.25rem); max-height: 100px; max-height: clamp(5rem, -1.25rem + 8.3333333333vw, 6.25rem); border-radius: 50%; overflow: hidden; flex-shrink: 0; } @media screen and (max-width: 1199px) { .product_page_mattress-inside_item_meta-img { width: 80px; height: 80px; max-width: 80px; max-height: 80px; } } @media screen and (max-width: 767px) { .product_page_mattress-inside_item_meta-img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; } } .product_page_mattress-inside_item_meta-img img { width: 100%; height: 100%; object-fit: cover; } .product_page_mattress-inside_item_meta_content { display: flex; flex-direction: column; row-gap: 4px; justify-content: center; max-width: 300px; } @media screen and (max-width: 767px) { .product_page_mattress-inside_item_meta_content { max-width: unset; } } .product_page_mattress-inside_item_meta_content-title { color: #19398B; font-size: 20px; font-size: clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem); font-weight: 600; line-height: 30px; line-height: clamp(1.625rem, 0.375rem + 1.6666666667vw, 1.875rem); } @media screen and (max-width: 1199px) { .product_page_mattress-inside_item_meta_content-title { font-size: 16px; line-height: 26px; } } .product_page_mattress-inside_item_meta_content-text { color: #6D7686; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: 24px; line-height: clamp(1.25rem, 0rem + 1.6666666667vw, 1.5rem); } @media screen and (max-width: 1199px) { .product_page_mattress-inside_item_meta_content-text { font-size: 12px; line-height: 20px; } } .product_page_also { margin-top: 100px; margin-top: clamp(2.5rem, -16.25rem + 25vw, 6.25rem); } @media screen and (max-width: 1199px) { .product_page_also { margin-top: 40px; } } @media screen and (max-width: 767px) { .product_page_also { row-gap: 40px; } } .product_page_also-item { display: flex; flex-direction: column; row-gap: 30px; row-gap: clamp(1.125rem, -2.625rem + 5vw, 1.875rem); } @media screen and (max-width: 1199px) { .product_page_also-item { row-gap: 18px; } } .product_page_also_right { max-width: 100%; } .product_page_also_right-swiper_btns { display: flex; position: unset; margin-top: 62px; margin-top: clamp(2.5rem, -4.375rem + 9.1666666667vw, 3.875rem); column-gap: 14px; } @media screen and (max-width: 1199px) { .product_page_also_right-swiper_btns { display: none; } } .product_page_also_right-swiper_btns > * { position: unset; padding: 0; margin: 0; width: 46px; width: clamp(2.375rem, -0.125rem + 3.3333333333vw, 2.875rem); height: 46px; height: clamp(2.375rem, -0.125rem + 3.3333333333vw, 2.875rem); filter: drop-shadow(0px 0px 26px rgba(0, 67, 101, 0.08)); } .product_page_also_right-swiper_btns > * svg { width: 100%; height: 100%; } .product_page_also_right_sw { min-width: 0; margin: 0; max-width: 100%; } @media screen and (max-width: 1199px) { .product_page_also_right_sw { overflow: visible; clip-path: inset(0px -100% 0px 0px); } } @media screen and (max-width: 767px) { .product_page_also_right_sw { clip-path: unset; } } @media screen and (max-width: 1199px) { .product_page_also_right_sw .swiper-slide { max-width: 226px; } } .product_page_also_right_sw .product_page_also_card-image { aspect-ratio: 250/151; } .product_page_reviews { display: flex; flex-direction: column; row-gap: 40px; row-gap: clamp(1.125rem, -5.75rem + 9.1666666667vw, 2.5rem); margin-top: 100px; margin-top: clamp(2.5rem, -16.25rem + 25vw, 6.25rem); } @media screen and (max-width: 1199px) { .product_page_reviews { row-gap: 18px; margin-top: 40px; } } .product_page_reviews-tab_block { display: none; } .product_page_reviews-tab_block.active { display: block; } .product_page_reviews_head { display: flex; column-gap: 64px; column-gap: clamp(1.6875rem, -9.875rem + 15.4166666667vw, 4rem); } @media screen and (max-width: 1199px) { .product_page_reviews_head { column-gap: 27px; } } .product_page_reviews_head-item { display: flex; column-gap: 6px; cursor: pointer; opacity: 0.2; transition: 0.4s; } .product_page_reviews_head-item.active { opacity: 1; } @media (hover: hover) { .product_page_reviews_head-item:hover:hover { opacity: 1; } } @media (hover: none) { .product_page_reviews_head-item:active:hover { opacity: 1; } } .product_page_reviews_head-item h2 { position: relative; } .product_page_reviews_head-item h2::after { content: ""; display: block; width: 100%; height: 4px; height: clamp(0.125rem, -0.5rem + 0.8333333333vw, 0.25rem); background: currentColor; } @media screen and (max-width: 1199px) { .product_page_reviews_head-item h2::after { height: 2px; } } .product_page_reviews_head-item span { color: #19398B; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 600; line-height: 24px; line-height: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); } @media screen and (max-width: 1199px) { .product_page_reviews_head-item span { font-size: 12px; line-height: 18px; } } .product_page_reviews_form { padding: 30px 40px; border-radius: 14px; background: #F5F7FA; justify-content: space-between; } @media screen and (max-width: 1199px) { .product_page_reviews_form { padding: 20px; } } .product_page_reviews_form_left { display: flex; flex-direction: column; row-gap: 14px; } @media screen and (max-width: 1199px) { .product_page_reviews_form_left { max-width: 240px; } } @media screen and (max-width: 767px) { .product_page_reviews_form_left { max-width: 350px; } } .product_page_reviews_form_left-title { color: #19398B; font-size: 24px; font-size: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); font-weight: 700; line-height: 32px; line-height: clamp(1.5rem, -1rem + 3.3333333333vw, 2rem); } @media screen and (max-width: 1199px) { .product_page_reviews_form_left-title { font-size: 18px; line-height: 24px; } } .product_page_reviews_form form { width: 100%; height: auto; } .product_page_reviews_form_wrap { height: auto; display: flex; flex-wrap: wrap; row-gap: 10px; margin: 0 -10px; } @media screen and (max-width: 1199px) { .product_page_reviews_form_wrap { padding-left: 10px; margin: 0 -6px; row-gap: 6px; } } @media screen and (max-width: 767px) { .product_page_reviews_form_wrap { margin-top: 14px; padding-left: 0px; } } .product_page_reviews_form_wrap p { width: 100%; max-width: 100%; height: 100%; } .product_page_reviews_form_wrap-input { padding: 0 5px; height: 52px; height: clamp(2.5rem, -1.25rem + 5vw, 3.25rem); flex: 1 1 50%; } @media screen and (max-width: 1199px) { .product_page_reviews_form_wrap-input { padding: 0 3px; height: 40px; } } @media screen and (max-width: 767px) { .product_page_reviews_form_wrap-input { flex: 1 1 100%; } } .product_page_reviews_form_wrap-input.--w50 { max-width: 50%; } @media screen and (max-width: 767px) { .product_page_reviews_form_wrap-input.--w50 { max-width: 100%; } } .product_page_reviews_form_wrap-input input { padding: 10px 16px; padding: 10px clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); width: 100%; height: 100%; border-radius: 14px; border-radius: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); background: #FFF; box-shadow: 0px 24px 84px 0px rgba(25, 57, 139, 0.05); color: #000; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: 24px; line-height: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); } @media screen and (max-width: 1199px) { .product_page_reviews_form_wrap-input input { border-radius: 10px; padding: 10px 14px; font-size: 12px; line-height: 18px; } } .product_page_reviews_form_wrap-input input::placeholder { color: #6D7686; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; } .product_page_reviews_form_wrap-text { padding: 0 5px; flex: 1 1 50%; height: 52px; height: clamp(2.5rem, -1.25rem + 5vw, 3.25rem); } @media screen and (max-width: 1199px) { .product_page_reviews_form_wrap-text { padding: 0 3px; height: 67px; flex: 1 1 100%; } } .product_page_reviews_form_wrap-text textarea { padding: 10px 16px; padding: 10px clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); width: 100%; height: 100%; border-radius: 14px; border-radius: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); background: #FFF; box-shadow: 0px 24px 84px 0px rgba(25, 57, 139, 0.05); color: #000; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 400; line-height: 24px; line-height: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); resize: none; } @media screen and (max-width: 1199px) { .product_page_reviews_form_wrap-text textarea { border-radius: 10px; padding: 10px 14px; font-size: 12px; line-height: 18px; } } .product_page_reviews_form_wrap-text textarea::-webkit-scrollbar { width: 0; } .product_page_reviews_form_wrap-text textarea::placeholder { color: #6D7686; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; } .product_page_reviews_form_wrap-btn { display: inline-flex; flex-shrink: 0; padding: 0 5px; height: 52px; height: clamp(2.5rem, -1.25rem + 5vw, 3.25rem); } @media screen and (max-width: 1199px) { .product_page_reviews_form_wrap-btn { height: 40px; padding: 0 3px; width: 100%; } } .product_page_reviews_form_wrap-btn input { display: block; text-align: center; padding: 0 16px; border-radius: 14px; border-radius: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); background: #19398B; height: 100%; cursor: pointer; color: #FFF; text-align: center; font-family: "Commissioner", sans-serif; font-size: 14px; font-size: clamp(0.75rem, 0.125rem + 0.8333333333vw, 0.875rem); font-weight: 500; line-height: 22px; line-height: clamp(1.25rem, 0.625rem + 0.8333333333vw, 1.375rem); transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_reviews_form_wrap-btn input { border-radius: 12px; font-size: 12px; line-height: 20px; width: 100%; } } @media (hover: hover) { .product_page_reviews_form_wrap-btn input:hover { opacity: 0.7; } } @media (hover: none) { .product_page_reviews_form_wrap-btn input:active { opacity: 0.7; } } .product_page_reviews_form-policy { margin-top: 16px; margin-top: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); } @media screen and (max-width: 1199px) { .product_page_reviews_form-policy { margin-top: 14px; } } .product_page_reviews_form-policy a { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: 5%; text-underline-offset: 14%; text-underline-position: from-font; transition: 0.4s; } @media (hover: hover) { .product_page_reviews_form-policy a:hover { opacity: 0.7; } } @media (hover: none) { .product_page_reviews_form-policy a:active { opacity: 0.7; } } .product_page_reviews_list { display: flex; flex-direction: column; } .product_page_reviews_list_item { padding-top: 24px; padding-top: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); margin-top: 24px; margin-top: clamp(1.125rem, -0.75rem + 2.5vw, 1.5rem); position: relative; } .product_page_reviews_list_item:nth-of-type(n + 3) { display: none; } @media screen and (max-width: 1199px) { .product_page_reviews_list_item { padding-top: 18px; margin-top: 18px; } } .product_page_reviews_list_item::after { content: ""; display: block; width: 100%; max-width: calc(100% - var(--bs-gutter-x)); height: 1px; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; background: #ECEEF0; } .product_page_reviews_list_item:first-child { padding-top: 0; margin-top: 0; } .product_page_reviews_list_item:first-child::after { display: none; } @media screen and (max-width: 1199px) { .product_page_reviews_list_item-name { display: none; } } .product_page_reviews_list_item_content { display: flex; flex-direction: column; row-gap: 12px; } .product_page_reviews_list_item_content-title.--big { font-weight: 700; color: #19398B; } .product_page_reviews_list_item_content-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media screen and (max-width: 1199px) { .product_page_reviews_list_item_content-text { -webkit-line-clamp: 5; } } @media screen and (max-width: 767px) { .product_page_reviews_list_item_content-text { -webkit-line-clamp: 4; } } .product_page_reviews_list_item_content-btn { color: #6D7686; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; text-decoration-thickness: 10%; text-underline-offset: 30%; text-underline-position: from-font; transition: 0.4s; } @media (hover: hover) { .product_page_reviews_list_item_content-btn:hover { color: #19398B; } } @media (hover: none) { .product_page_reviews_list_item_content-btn:active { color: #19398B; } } .product_page_reviews_list_item_meta { display: flex; justify-content: space-between; } @media screen and (max-width: 1199px) { .product_page_reviews_list_item_meta { margin-top: 14px; justify-content: flex-start; column-gap: 24px; align-items: center; } } .product_page_reviews_list_item_meta-rating { display: flex; height: 14px; height: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); } @media screen and (max-width: 1199px) { .product_page_reviews_list_item_meta-rating { height: 10px; } } .product_page_reviews_list_item_meta-rating[data-rating="1"] svg > *:nth-child(-n+1) { fill: #19398B; } .product_page_reviews_list_item_meta-rating[data-rating="2"] svg > *:nth-child(-n+2) { fill: #19398B; } .product_page_reviews_list_item_meta-rating[data-rating="3"] svg > *:nth-child(-n+3) { fill: #19398B; } .product_page_reviews_list_item_meta-rating[data-rating="4"] svg > *:nth-child(-n+4) { fill: #19398B; } .product_page_reviews_list_item_meta-rating[data-rating="5"] svg > *:nth-child(-n+5) { fill: #19398B; } .product_page_reviews_list_item_meta-rating svg { height: 100%; max-height: 100%; width: auto; } .product_page_reviews_list_item_meta-rating svg > * { fill: #ECEEF0; } .product_page_reviews_list_item_meta-name { display: none; } @media screen and (max-width: 1199px) { .product_page_reviews_list_item_meta-name { display: block; } } .product_page_reviews-more { display: flex; justify-content: center; width: 100%; } @media screen and (max-width: 1199px) { .product_page_reviews-more { justify-content: flex-start; } } .product_page_reviews-more .btn { margin-top: 40px; margin-top: clamp(1.125rem, -5.75rem + 9.1666666667vw, 2.5rem); } @media screen and (max-width: 1199px) { .product_page_reviews-more .btn { border: unset; padding: unset; margin: unset; margin-top: 18px; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; text-decoration-thickness: 10%; /* 1.2px */ text-underline-offset: 22%; /* 2.64px */ text-underline-position: from-font; } } @media screen and (max-width: 1199px) and (hover: hover) { .product_page_reviews-more .btn:hover { background: unset; color: #19398B; opacity: 0.7; } } @media screen and (max-width: 1199px) and (hover: none) { .product_page_reviews-more .btn:active { background: unset; color: #19398B; opacity: 0.7; } } .product_page_reviews-list_answers { margin-top: clamp(1.125rem, -8.875rem + 13.3333333333vw, 3.125rem); display: flex; flex-direction: column; row-gap: 50px; row-gap: clamp(1.125rem, -8.875rem + 13.3333333333vw, 3.125rem); } @media screen and (max-width: 1199px) { .product_page_reviews-list_answers { margin-top: 18px; row-gap: 18px; } } .product_page_reviews-list_answers_el { row-gap: 30px; row-gap: clamp(0.75rem, -4.875rem + 7.5vw, 1.875rem); padding-bottom: 50px; padding-bottom: clamp(1.125rem, -8.875rem + 13.3333333333vw, 3.125rem); border-bottom: 1px solid #ECEEF0; } .product_page_reviews-list_answers_el:nth-of-type(n + 3) { display: none; } @media screen and (max-width: 1199px) { .product_page_reviews-list_answers_el { row-gap: 12px; padding-bottom: 18px; } } @media screen and (max-width: 1199px) { .product_page_reviews-list_answers_el .order-2 { width: auto; flex: unset; margin-right: 2px; } } @media screen and (max-width: 1199px) { .product_page_reviews-list_answers_el .order-3 { width: auto; flex: unset; } } @media screen and (max-width: 1199px) { .product_page_reviews-list_answers_el-title { font-size: 14px; font-weight: 700; line-height: 20px; } } .product_page_reviews-list_answers_el-date { text-align: right; } @media screen and (max-width: 1199px) { .product_page_reviews-list_answers_el-date { text-align: left; } } .product_page_reviews-list_answers_el_message { display: flex; column-gap: 20px; padding-left: 30px; padding-left: clamp(1.25rem, -1.875rem + 4.1666666667vw, 1.875rem); border-left: 4px solid #19398B; border-left: clamp(0.125rem, -0.5rem + 0.8333333333vw, 0.25rem) solid #19398B; } @media screen and (max-width: 1199px) { .product_page_reviews-list_answers_el_message { padding-left: 20px; border-left: 2px solid #19398B; } } .product_page_reviews-list_answers_el_message-avatar { display: block; width: 30px; height: 30px; aspect-ratio: 1/1; overflow: hidden; border-radius: 50%; flex-shrink: 0; } @media screen and (max-width: 1199px) { .product_page_reviews-list_answers_el_message-avatar { display: none; } } .product_page_reviews-list_answers_el_message-avatar img, .product_page_reviews-list_answers_el_message-avatar svg { width: 100%; height: 100%; object-fit: cover; } .product_page_reviews-list_answers_el_message_content { display: flex; flex-direction: column; row-gap: 12px; } .product_page_reviews-list_answers_el_message_content-name { color: #19398B; font-family: "Fira Sans"; font-size: 16px; font-size: clamp(0.875rem, 0.25rem + 0.8333333333vw, 1rem); font-weight: 600; line-height: 26px; line-height: clamp(1.25rem, -0.625rem + 2.5vw, 1.625rem); } @media screen and (max-width: 1199px) { .product_page_reviews-list_answers_el_message_content-name { color: #19398B; font-family: "Fira Sans"; font-size: 14px; font-weight: 600; line-height: 20px; } } .product_page_reviews-list_answers-btn_block { display: flex; justify-content: center; margin-top: 40px; margin-top: clamp(1.125rem, -5.75rem + 9.1666666667vw, 2.5rem); } @media screen and (max-width: 1199px) { .product_page_reviews-list_answers-btn_block { margin-top: 18px; justify-content: flex-start; } } @media screen and (max-width: 1199px) { .product_page_reviews-list_answers-btn_block .product_page_reviews-list_answers-btn { border: unset; padding: 0; color: var(--blue, #19398B); font-family: "Commissioner", sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; /* 150% */ text-decoration-line: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; text-decoration-thickness: 10%; /* 1.2px */ text-underline-offset: 22%; /* 2.64px */ text-underline-position: from-font; } } @media screen and (max-width: 1199px) and (hover: hover) and (max-width: 1199px) { .product_page_reviews-list_answers-btn_block .product_page_reviews-list_answers-btn:hover { opacity: 0.7; background: transparent; color: currentColor; } } @media screen and (max-width: 1199px) and (hover: none) and (max-width: 1199px) { .product_page_reviews-list_answers-btn_block .product_page_reviews-list_answers-btn:active { opacity: 0.7; background: transparent; color: currentColor; } } .product_page_info { margin-top: 100px; margin-top: clamp(3.125rem, -12.5rem + 20.8333333333vw, 6.25rem); } @media screen and (max-width: 1199px) { .product_page_info { margin-top: 50px; } } @media screen and (max-width: 767px) { .product_page_info { row-gap: 14px; } } .product_page_info_item { display: flex; flex-direction: column; row-gap: 40px; row-gap: clamp(1rem, -6.5rem + 10vw, 2.5rem); height: 100%; } @media screen and (max-width: 1199px) { .product_page_info_item { row-gap: 16px; padding: 16px; border-radius: 10px; background: #FFF; box-shadow: 0px 24px 84px 0px rgba(25, 57, 139, 0.05); } } .product_page_info_item_content { display: flex; flex-direction: column; padding: 30px; padding: clamp(1rem, -3.375rem + 5.8333333333vw, 1.875rem); border-radius: 14px; border-radius: clamp(0.625rem, -0.625rem + 1.6666666667vw, 0.875rem); background: #FFF; box-shadow: 0px 24px 84px 0px rgba(25, 57, 139, 0.05); flex: 1 1 auto; } @media screen and (max-width: 1199px) { .product_page_info_item_content { padding: unset; border-radius: unset; box-shadow: unset; } } .product_page_info_item_content ul li { position: relative; margin-bottom: 20px; margin-bottom: clamp(0.875rem, -1rem + 2.5vw, 1.25rem); padding-left: 30px; padding-left: clamp(1rem, -3.375rem + 5.8333333333vw, 1.875rem); } @media screen and (max-width: 1199px) { .product_page_info_item_content ul li { padding-left: 16px; margin-bottom: 14px; } } .product_page_info_item_content ul li:last-child { margin-bottom: 0px; } .product_page_info_item_content ul li::before { content: ""; display: block; width: 10px; width: clamp(0.375rem, -0.875rem + 1.6666666667vw, 0.625rem); height: 10px; height: clamp(0.375rem, -0.875rem + 1.6666666667vw, 0.625rem); border-radius: 50%; background: #19398B; flex-shrink: 0; position: absolute; top: 8px; left: 0; } @media screen and (max-width: 1199px) { .product_page_info_item_content ul li::before { top: 7px; width: 6px; height: 6px; } } .product_page_info_item_content ul li p { margin-top: 10px; margin-top: clamp(0.375rem, -0.875rem + 1.6666666667vw, 0.625rem); } @media screen and (max-width: 1199px) { .product_page_info_item_content ul li p { margin-top: 6px; } } .product_page_info_item_content ul li a { color: #19398B; font-size: inherit; font-weight: inherit; font-family: inherit; line-height: inherit; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; text-decoration-thickness: 10%; text-underline-offset: 22%; text-underline-position: from-font; transition: 0.4s; } @media (hover: hover) { .product_page_info_item_content ul li a:hover { opacity: 0.7; } } @media (hover: none) { .product_page_info_item_content ul li a:active { opacity: 0.7; } } .product_page_info_item_content-text { margin-top: 20px; display: flex; flex: 1 1 auto; align-items: flex-end; color: #6D7686; } .product_page_related { margin-top: 100px; margin-top: clamp(3.125rem, -12.5rem + 20.8333333333vw, 6.25rem); } @media screen and (max-width: 1199px) { .product_page_related { margin-top: 50px; } } @media screen and (max-width: 1199px) { .product_page_related.other_product { margin-top: 40px; } } .product_page_related-slider { margin-top: 40px; margin-top: clamp(1.125rem, -5.75rem + 9.1666666667vw, 2.5rem); position: relative; } @media screen and (max-width: 1199px) { .product_page_related-slider { margin-top: 18px; } } @media screen and (max-width: 1199px) { .product_page_related-slider_btns { display: none; } } .product_page_related-slider_btns > * { display: flex; justify-content: center; align-items: center; filter: drop-shadow(0px 0px 26px rgba(0, 67, 101, 0.08)); width: 46px; width: clamp(2.375rem, -0.125rem + 3.3333333333vw, 2.875rem); height: 46px; height: clamp(2.375rem, -0.125rem + 3.3333333333vw, 2.875rem); margin: 0; padding: 0; top: 50%; transform: translateY(-50%); } .product_page_related-slider_btns > * svg { width: 100%; height: 100%; } .product_page_related-slider_btns .swiper-button-prev { left: -21px; } .product_page_related-slider_btns .swiper-button-next { right: -21px; } .product_page_related-slider .swiper-pagination { display: none; } @media screen and (max-width: 1199px) { .product_page_related-slider .swiper-pagination { display: flex; align-items: center; position: unset; margin: 0; padding: 0; justify-content: center; width: 100%; height: auto; column-gap: 12px; margin-top: 20px; } } .product_page_related-slider .swiper-pagination-bullet { width: 6px; height: 6px; background: #6D7686; opacity: 0.4; padding: 0; margin: 0 !important; } .product_page_related-slider .swiper-pagination-bullet-active { width: 8px; height: 8px; background: #19398B; opacity: 1; } .product_page_related .swiper { min-width: 0; max-width: 100%; margin-left: unset; margin-right: unset; overflow: visible; clip-path: inset(0px 0px -100% 0px); } @media screen and (max-width: 1199px) { .product_page_related .swiper { overflow: visible; clip-path: unset; } } .product_page_related .swiper .swiper-slide { height: auto; } .product_page_related .card_product, .product_page_related .card_mattress { height: 100%; } .product_page_watch { margin-top: 100px; margin-top: clamp(3.125rem, -12.5rem + 20.8333333333vw, 6.25rem); } @media screen and (max-width: 1199px) { .product_page_watch { margin-top: 50px; } } .product_page_watch_head { display: flex; align-items: flex-end; justify-content: space-between; } @media screen and (max-width: 767px) { .product_page_watch_head { align-items: center; } } .product_page_watch_head-title { width: auto; } .product_page_watch_head-city { display: flex; align-items: center; column-gap: 8px; color: #19398B; font-family: "Commissioner", sans-serif; font-size: 14px; font-weight: 500; line-height: 24px; } @media screen and (max-width: 767px) { .product_page_watch_head-city { font-size: 12px; line-height: 18px; } } .product_page_watch_head-city .icon { display: flex; width: 12px; height: 14px; } @media screen and (max-width: 767px) { .product_page_watch_head-city .icon { width: 8px; height: 10px; } } .product_page_watch_head-city .icon svg { width: 100%; height: 100%; } .product_page_watch-body { margin-top: 40px; margin-top: clamp(1.125rem, -5.75rem + 9.1666666667vw, 2.5rem); } @media screen and (max-width: 1199px) { .product_page_watch-body { margin-top: 18px; row-gap: 10px; } } .product_page_watch-map { width: 100%; height: 100%; border-radius: 14px; overflow: hidden; } @media screen and (max-width: 1199px) { .product_page_watch-map { aspect-ratio: 736/357; max-height: 400px; } } @media screen and (max-width: 767px) { .product_page_watch-map { aspect-ratio: 1/1; max-height: 360px; } } .product_page_watch-map [class*=ymaps-2] { font-family: inherit; } .product_page_watch-map * { outline: none !important; } .product_page_watch_list { border-radius: 14px; background: #F5F7FA; padding: 20px; overflow: hidden; aspect-ratio: 711/520; } @media screen and (max-width: 1199px) { .product_page_watch_list { aspect-ratio: unset; } } .product_page_watch_list .swiper_map { padding-right: 20px; overflow-y: auto; max-height: 100%; } @media screen and (max-width: 1199px) { .product_page_watch_list .swiper_map { padding-right: 0; overflow: visible; max-height: unset; } } .product_page_watch_list .swiper_map::-webkit-scrollbar { width: 3px; border-radius: 10px; } .product_page_watch_list .swiper_map::-webkit-scrollbar-track { background: #ECEEF0; border-radius: 10px; } .product_page_watch_list .swiper_map::-webkit-scrollbar-thumb { background: #19398B; border-radius: 10px; } .product_page_watch_list_wrap { display: flex; flex-direction: column; row-gap: 20px; height: auto; box-sizing: border-box; } @media screen and (max-width: 1199px) { .product_page_watch_list_wrap { box-sizing: content-box; height: 100%; flex-direction: row; padding-right: unset; overflow: unset; row-gap: unset; } } .product_page_watch_list_wrap_item { padding: 20px 30px 28px 30px; border-radius: 10px; background: #FFF; } @media screen and (max-width: 1199px) { .product_page_watch_list_wrap_item { padding: 20px; height: auto; } } @media screen and (max-width: 767px) { .product_page_watch_list_wrap_item { max-width: 78.22%; } } .product_page_watch_list_wrap_item-btn { display: flex; flex-direction: column; row-gap: 14px; cursor: pointer; transition: 0.4s; } @media screen and (max-width: 1199px) { .product_page_watch_list_wrap_item-btn { justify-content: space-between; height: 100%; } } @media screen and (max-width: 767px) { .product_page_watch_list_wrap_item-btn { justify-content: flex-start; } } @media (hover: hover) { .product_page_watch_list_wrap_item-btn:hover { opacity: 0.7; } } @media (hover: none) { .product_page_watch_list_wrap_item-btn:active { opacity: 0.7; } } .product_page_watch_list_wrap_item-title { color: #19398B; text-align: left; font-weight: 600; } .product_page_watch_list_wrap_item_content { display: flex; flex-direction: column; row-gap: 8px; } .product_page_watch_list_wrap_item_content-el { display: flex; column-gap: 16px; column-gap: clamp(0.625rem, -1.25rem + 2.5vw, 1rem); text-align: left; } @media screen and (max-width: 1199px) { .product_page_watch_list_wrap_item_content-el { column-gap: 10px; } } .product_page_watch_list_wrap_item_content-el .icon { display: flex; flex-shrink: 0; width: 14px; height: 14px; transform: translateY(4px); } .product_page_watch_list_wrap_item_content-el .icon svg { width: 100%; height: 100%; } .fly_menu { display: flex; justify-content: center; position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 11; opacity: 1; visibility: visible; transition: 0.4s; } @media screen and (max-width: 1199px) { .fly_menu { margin-top: -6px; bottom: 10px; } } @media screen and (max-width: 767px) { .fly_menu { position: fixed; width: 100%; left: 0; bottom: 0; width: 100%; max-width: 100%; transform: unset; display: flex; flex-direction: column; background: rgba(255, 255, 255, 0.8); box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.13); backdrop-filter: blur(15px); border-radius: 18px 18px 0 0; } } .fly_menu.active { opacity: 0; visibility: hidden; } .fly_menu ul { display: flex; padding: 18px 24px 20px 24px; padding: clamp(0.875rem, -0.375rem + 1.6666666667vw, 1.125rem) clamp(1.25rem, 0rem + 1.6666666667vw, 1.5rem) clamp(1rem, -0.25rem + 1.6666666667vw, 1.25rem) clamp(1.25rem, 0rem + 1.6666666667vw, 1.5rem); border-radius: 14px; border-radius: clamp(0.625rem, -2.5rem + 4.1666666667vw, 1.25rem); background: #FFF; box-shadow: 0px 0px 26px 0px rgba(0, 67, 101, 0.08); column-gap: 20px; column-gap: clamp(0.9375rem, -0.625rem + 2.0833333333vw, 1.25rem); width: auto; } @media screen and (max-width: 1199px) { .fly_menu ul { padding: 14px 20px 16px 20px; border-radius: 10px; column-gap: 15px; } } @media screen and (max-width: 767px) { .fly_menu ul { padding: 18px 16px; width: 100%; justify-content: space-between; border-radius: unset; background: unset; box-shadow: unset; backdrop-filter: unset; } } .fly_menu ul li { display: flex; width: auto; } .fly_menu ul li a { display: inline-flex; align-items: center; column-gap: 10px; color: #32373E; transition: 0.4s; } @media screen and (max-width: 767px) { .fly_menu ul li a { column-gap: 7px; } } @media (hover: hover) { .fly_menu ul li a:hover { color: #19398B; } } @media (hover: none) { .fly_menu ul li a:active { color: #19398B; } } .fly_menu ul li a .icon { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; flex-shrink: 0; } @media screen and (max-width: 767px) { .fly_menu ul li a .icon { width: 18px; height: 18px; } } .fly_menu ul li a .icon img { width: 100%; height: 100%; object-fit: cover; } .modal { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10; background: rgba(0, 0, 0, 0.1); margin: 0; padding: 30px; opacity: 0; visibility: hidden; transition: 0.4s; } .modal.active { opacity: 1; visibility: visible; } .modal.active .modal_wrap { transform: scale(1); opacity: 1; visibility: visible; } .modal_wrap { width: 100%; position: relative; transform: scale(0.9); opacity: 0; visibility: hidden; max-height: 100%; overflow-y: hidden; transition: 0.4s; } .modal_wrap-close { display: flex; width: 40px; width: clamp(1.875rem, -1.25rem + 4.1666666667vw, 2.5rem); height: 40px; height: clamp(1.875rem, -1.25rem + 4.1666666667vw, 2.5rem); flex-shrink: 0; position: absolute; top: 20px; top: clamp(0.9375rem, -0.625rem + 2.0833333333vw, 1.25rem); right: 20px; right: clamp(0.9375rem, -0.625rem + 2.0833333333vw, 1.25rem); cursor: pointer; transition: 0.4s; } @media screen and (max-width: 1199px) { .modal_wrap-close { width: 30px; height: 30px; top: 15px; right: 15px; } } @media (hover: hover) { .modal_wrap-close:hover { opacity: 0.7; } } @media (hover: none) { .modal_wrap-close:active { opacity: 0.7; } } .modal_wrap-close svg { width: 100%; height: 100%; } .catalog-filter__notification { left: unset; right: calc(50% + 218px); } @media screen and (max-width: 1440px) { .catalog-filter__notification { right: unset; left: clamp(19.375rem, -8.75rem + 37.5vw, 25rem); } } .catalog-filter__notification::before { left: unset; right: calc(100% - 11px); } .swiper-mat-benefit { margin: 0; max-width: 100%; min-width: 0px; overflow: visible; } .swiper-mat-benefit .swiper-slide { height: auto; flex: unset; max-width: unset; height: auto; flex-shrink: 0; min-height: unset; } .swiper-mat-benefit .swiper-slide.product_page_benefit_group{ display: flex; flex-direction: column; gap: 30px; } .swiper-mat-benefit .swiper-slide.product_page_benefit_group .product_page_benefit_list_item{ height: auto; } .product_page_benefit-video{ } .swiper-mat-benefit .swiper-slide.product_page_benefit_group.--single{ aspect-ratio: auto; } .swiper-mat-benefit .swiper-slide.product_page_benefit_group.--single .product_page_benefit_list_item{height:100%;justify-content: flex-end;padding-bottom: 40px;aspect-ratio: auto;} .swiper-mat-benefit .swiper-slide.product_page_benefit_group.--single .product_page_benefit_list_item div{ } @media screen and (max-width: 767px) { .swiper-mat-benefit .swiper-slide { max-width: 300px; } } .swiper-mat-benefit .swiper-slide .product_page_benefit-video { aspect-ratio: unset; height: 100%; max-height: unset; } .swiper-mat-benefit { margin: 0; max-width: 100%; min-width: 0px; overflow: visible; } .swiper-mat-benefit .swiper-slide { height: auto; flex: unset; max-width: unset; aspect-ratio: 131/170; height: auto; flex-shrink: 0; min-height: unset; } @media screen and (max-width: 767px) { .swiper-mat-benefit .swiper-slide { max-width: 300px; } } .swiper-mat-benefit .swiper-slide .product_page_benefit-video { aspect-ratio: unset; height: 100%; max-height: unset; } .product_page_benefit-row .product_page_benefit_group.--single { position: relative; border-radius: 10px; } .product_page_benefit-row .product_page_benefit_group.--single::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(25, 57, 139, 0) 50%, rgba(25, 57, 139, 0.8) 90%); user-select: none; pointer-events: none; border-radius: 10px; } .product_page_benefit-row .product_page_benefit_group.--single.without-img .product_page_benefit_list_item { justify-content: center; background: #FFF; box-shadow: 0 24px 84px 0 rgba(25, 57, 139, 0.05); border-radius: 10px; overflow: hidden; } .product_page_benefit-row .product_page_benefit_group.--single.without-img .product_page_benefit_list_item-title { color: #19398B; } .product_page_benefit-row .product_page_benefit_group.--single.without-img .product_page_benefit_big-text { color: #19398B; } .product_page_benefit-row .product_page_benefit_group.--single.without-img::after { display: none; } .product_page_benefit-row .product_page_benefit_group.--single .product_page_benefit_list_item { justify-content: flex-end; border-radius: 10px; overflow: hidden; } .product_page_benefit-row .product_page_benefit_group.--single .product_page_benefit_list_item-title { color: #FFF; position: relative; z-index: 1; } .product_page_benefit-row .product_page_benefit_group.--single .product_page_benefit_big-text { color: #FFF; position: relative; z-index: 1; } .product_page_benefit-row .product_page_benefit_group.--single .product_page_benefit_list_item-icon { position: relative; z-index: 1; } .product_page_benefit-row .product_page_benefit_group.--single .product_page_benefit_list_item-icon img { width: 100%; height: auto; } .fancybox-bg{ background: rgba(0, 0, 0, 0.1)!important; } .card-modal{border-radius:16px;!important} .header_wrap_navs_subs-nav .sub-menu-block{ border-radius:14px; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/.default/vendor/magnific-popup/magnific-popup.css?17368720617776*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } 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; filter: alpha(opacity=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; filter: alpha(opacity=100); } .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; 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; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { 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, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; 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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 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; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* End */ /* Start:/local/templates/main_new/new_site/css/style.css?1751885606445*/ .js-tooltip { color: #19398B; display: inline; font-size: inherit; line-height: inherit; font-weight: inherit; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; text-decoration-thickness: 10%; text-underline-offset: 22%; text-underline-position: from-font; transition: 0.4s; } .product_page_descr_left-text p ~ br { display: none; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main_new/js/owl-carousel/owl.carousel.css?17344571821646*/ /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(/local/templates/main_new/js/owl-carousel/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* End */ /* Start:/local/templates/main_new/fonts/georgia/stylesheet.css?17344571821754*/ /* This stylesheet generated by Transfonter (http://transfonter.org) on December 12, 2016 11:07 PM */ @font-face { font-family: 'Georgia'; src: url('/local/templates/main_new/fonts/georgia/Georgia-Italic.eot'); src: local('Georgia Italic'), local('Georgia-Italic'), url('/local/templates/main_new/fonts/georgia/Georgia-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main_new/fonts/georgia/Georgia-Italic.woff2') format('woff2'), url('/local/templates/main_new/fonts/georgia/Georgia-Italic.woff') format('woff'), url('/local/templates/main_new/fonts/georgia/Georgia-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Georgia'; src: url('/local/templates/main_new/fonts/georgia/GeorgiaBoldItalic.eot'); src: local('Georgia Bold Italic'), local('GeorgiaBoldItalic'), url('/local/templates/main_new/fonts/georgia/GeorgiaBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main_new/fonts/georgia/GeorgiaBoldItalic.woff2') format('woff2'), url('/local/templates/main_new/fonts/georgia/GeorgiaBoldItalic.woff') format('woff'), url('/local/templates/main_new/fonts/georgia/GeorgiaBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Georgia'; src: url('/local/templates/main_new/fonts/georgia/Georgia-Bold.eot'); src: local('Georgia Bold'), local('Georgia-Bold'), url('/local/templates/main_new/fonts/georgia/Georgia-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main_new/fonts/georgia/Georgia-Bold.woff2') format('woff2'), url('/local/templates/main_new/fonts/georgia/Georgia-Bold.woff') format('woff'), url('/local/templates/main_new/fonts/georgia/Georgia-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Georgia'; src: url('/local/templates/main_new/fonts/georgia/Georgia.eot'); src: local('Georgia'), url('/local/templates/main_new/fonts/georgia/Georgia.eot?#iefix') format('embedded-opentype'), url('/local/templates/main_new/fonts/georgia/Georgia.woff2') format('woff2'), url('/local/templates/main_new/fonts/georgia/Georgia.woff') format('woff'), url('/local/templates/main_new/fonts/georgia/Georgia.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* End */ /* Start:/local/templates/main_new/css/refactor.css?173445718218410*/ .delivery_title { font-size: 16px; font-weight: 700; } .delivery_title p { font-size: 16px; font-weight: 700; display: inline-block;} .delivery_bold {font-size: 18px; font-weight: 700; margin-bottom: 15px; line-height: 34px;} .delivery_li { margin-left: 0; list-style-type: none;} .delivery_li li { background: url(/local/templates/strong/include/img/li_item.png) no-repeat 3px 9px; padding: 3px 20px 3px 20px;} .about_left {float:left;} .about_right {float:right;} .strong_block { width:400px; float:right;} .strong_block_header {color:#fff; font-size:18px; height:60px;line-height:60px; background:#365abf;padding-left: 15px;} .strong_block_text {color:#444444; font-size:14px;border:1px solid #e6e6e6; border-top:none;padding:15px 20px 15px 40px; line-height:22px;background:url(/local/templates/strong/img/strorng_y.png) 10px 18px no-repeat; } .another_block {width:400px; float:left;} .another_block_header {color:#767676; font-size:18px;height:60px;line-height:60px; background:#e6e6e6;padding-left: 15px;} .another_block_text {color:#444444; font-size:14px;border:1px solid #e6e6e6; border-top:none; line-height:22px;padding:15px 0 15px 40px; background:url(/local/templates/strong/img/strorng_n.png) 10px 18px no-repeat;} .another_block_text_3 { height: 88px;} .people {margin-bottom:40px;} .people .people_text{color:#444444; font-size:14px; width:280px;margin-top: 10px;} .vak_block { margin-bottom: 10px;} .vak_name { color:#444444; font-size:16px;border-left:4px solid #e7e7e7; height:53px; line-height:53px;background:#f6f6f6; padding-left: 20px; cursor:pointer; display: block; text-decoration:none;} .vak_name:hover {border-left:4px solid #468ee7; text-decoration:none;} .vak_name span {border-bottom:1px dotted #444444; } .vak_text {color:#444444; font-size:16px; display:none; line-height:22px;} .vak_block_active.vak_block {} .vak_block_active.vak_block .vak_name {border-left:4px solid #468ee7;} .vak_block_active.vak_block .vak_name span {border:none;} .vak_block_active.vak_block .vak_text {display:block;border:1px solid #f6f6f6; border-top:none; padding: 20px 10px; } .delivery_li { margin-left: 0; list-style-type: none;} .delivery_li li { background: url(/local/templates/strong/include/img/li_item.png) no-repeat 3px 9px; padding: 3px 20px 3px 20px;} .people_blocks {} .people_blocks_block {float:left; margin-right: 30px;} .people_blocks_block img {margin-bottom: 10px;} .people_blocks_block_name {color:#444444; font-size:14px;margin-bottom: 10px;} .people_blocks_block_dolg {color:#444444; font-size:14px; font-weight:bold;margin-bottom: 10px;} .people_blocks_block_phone {color:#444444; font-size:14px;margin-bottom: 20px;} a.people_blocks_block_mail {color:#365abf; font-size:14px; width:168px; height:32px; line-height:32px; display:block; text-align:center; text-decoration:none; background:#fff; border:1px solid #365abf;} a.people_blocks_block_mail:hover {color:#fff; background:#365abf;} .people_blocks_block_last {margin-right:0;} .rec_table {width:100%; line-height: 26px;} .rec_table td{ width:50%;} .bottom {width:1170px; height:521px;background:url(/local/templates/strong/images/diller_bottom.png); margin-top: 50px;margin-bottom: 50px;} .bottom_text {font-size:48px;color:#fff; line-height:72px;padding: 120px 0 0 50px;} .bottom_text b {font-weight:bold;} a.bottom_link {font-size:18px;color:#fff;text-transform:uppercase; font-weight:bold; display:block; width:224px; height:50px; line-height:50px; text-align:center; background:#e16e42;margin: 30px 0 0 50px;} .rev_l_l img {border-radius:100%;} .rev_3 {margin-right:0;} .preim_img {float:left;} /** * /about/delivery/ */ #fixhead, #fixhead1, #fixhead2, #fixhead3{ opacity: 0; display: block; position: fixed; z-index: 999; top:0px; min-height: 57px; } #fixhead{ min-height: 77px; } #fixhead1 { min-height: 47px; } #fixhead2 { min-height: 39px; } #fixhead3 { min-height: 57px; } /** * /about/product/ */ .delivery_li { margin-left: 0;list-style-type: none;} .delivery_li li {background: url(/local/templates/strong/include/img/li_item.png) no-repeat 3px 9px; padding: 3px 0px 3px 20px; font-weight: 400;} .clear {clear:both;} .delivery_title p { font-size: 20px; line-height: 24px; letter-spacing: 0.5px; font-weight: 600; margin-bottom: 24px; color: #4d4d4b; } .about_block .delivery_block {border: 2px #365abf solid; padding: 20px; margin-bottom: 40px; line-height: 22px; } .about_block {width:571px;} .about_block_left {float:left;} .about_block_right {float:right;} .workarea b {font-weight:700;} .materials {margin-top: 30px; margin-bottom: 25px;} .materials img{display:block; float:left; margin-right:123px; width:200px;} .materials img.last{margin:0;} /** * /blog/ */ .blog_sections .catalog-section-list .catalog-section a{ text-decoration: none; font-size: 13px; text-align: center; padding-left: 0px; color:#646464; } .blog_sections ul{ margin-bottom: 0px; margin-left: 0px; } .blog_sections ul li:hover , .blog_sections ul li.active_li ,.catalog-section-list ul li:hover a, .blog_sections .catalog-section-list li.catalog-section:hover a, .blog_sections .catalog-section-list li.catalog-section a:hover{ background: #ff6e3d; color:white; text-decoration:none; } .blog_sections ul li:hover .blog_sections ul li:hover a, .blog_sections ul li.active_li a{ color:white; } .blog_sections .catalog-section-list .catalog-section a:hover, .blog_sections .catalog-section-list .catalog-section a.active{ color:white; } .blog_sections .catalog-section-list .catalog-section{ padding: 10px } .main_news{overflow: hidden;} .main_news{ margin-left:0px;} .blog_mm div .left_news_bottom{ font-size: 14px; } .blog_start .list-content , .list-1 .list-content{ padding: 20px 15px 10px 15px; } .left_news_ul{ margin-left: 15px; } .left_news{ margin-left: 15px; } .left_news_bottom{ bottom: 5px; right: 15px; } .list-1 .list-content2{ padding: 15px 15px 50px 0px; } .blog_mm * ,.blog_sections *{ transition: all .2s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: font-size, margin; } .blog_mm p,.blog_mm div{ font-size: 16px; line-height: 26px; color: #000; } .blog_mm .link-link-main{ font-size: 30px; } .blog_mm .slogan2{ font-size: 16px; } .blog_mm .poh_public p{ line-height: 40px; } .blog_mm h2{ border-bottom:none; } .left_news_bottom{ width: 120px; } /*.header-main .header-bottom .btn-catalog{ background-color: #f6f6f6; color: gray; background: url('/local/templates/strong/img/icon-catalog-list.png') no-repeat 20px center, url('/local/templates/strong/img/icon-catalog.png') no-repeat 242px center, #f6f6f6; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } */ /*.header-main .header-bottom .btn-catalog{ background: url('/include/img/icon-menu.png') no-repeat 242px center; } */ .blog_mm { margin-top: 3px; } .blog_news ul { margin-top: -15px; } .gazeta .block_news_4_content { margin-top: -25px; } /** * /dillers/ */ .clear {clear:both;} .delivery_li { margin-left: 0; list-style-type: none;} .delivery_li li { background: url(/local/templates/strong/include/img/li_item.png) no-repeat 3px 9px; padding: 3px 0px 3px 20px;} .diller_table td {vertical-align: top;} .diller_table .delivery_li { padding-left: 30px;} .diller_table .delivery_li li{ margin-bottom: 10px;} .maker_text {font-size: 16px; line-height: 22px; margin-bottom: 15px;} .delivery_title_1 {font-size: 24px;} .preims {} .dillers .preim { width: 278px; float:left; margin-right: 14px;} .preim_1 {} .preim_2 {} .preim_3 {} .preim_4 {margin-right:0;} .preim_bold { font-weight: 700; font-size: 16px; line-height: 24px; padding-top: 14px; padding-left: 60px;} .preim_text { font-size: 14px; line-height: 26px;} .h3-title-big { font-size: 24px; font-weight: 700;} .shop { margin-bottom: 40px;} .shop_1 {float:left;width: 350px;} .shop_2 {float:left;width:340px;} .shop_3 {float:left;width:480px;} .shop_1_title {font-size: 26px; color:#0663d5; line-height: 36px; margin-top: 35px;} .shop_1_text {font-size: 16px; color:#444444; line-height: 22px; margin-top: 20px;} a.shop_1_link {font-size: 18px; color:#fff; line-height: 50px; font-weight: 700; text-transform:uppercase; display:block; width:313px; height:50px; text-align:center; background:#e16d42; margin-top: 40px;} .shop_2_table {font-size: 14px; color:#444444;} .shop_2_table_first {} .shop_2_table_first td {font-weight:600px; color:#0663d5;} .shop_2_table td {border:1px solid #eeeeee; border-right:none; height:85px; vertical-align: middle; width:300px; padding:0 20px;} .shop_3 img {border-bottom:1px solid #eeeeee; display: block; border-top: 1px solid #eeeeee;} .preims { margin-bottom: 40px;} .delivery_title_1 span{font-size:17px; font-weight:normal; text-transform:none;} .revs {} .rev { width: 364px;;float:left;margin-right: 39px;} .rev_l {float:left;} .rev_r {float:right;} .rev_l_l { margin-bottom: 20px;} .rev_l_l_img { float: left;} .rev_l_l_name {font-size:16px;color:#444444;float:left; padding-top: 26px; padding-left: 10px;} .rev_l_l_date {font-size:13px;color:#8a8a8a;} .rev_r_r {font-size:13px;color:#696969;position:relative; border: 1px #eeeeee solid; width:328px; padding:30px 17px; line-height:24px;} .rev_r_r_dec {width:37px; height:19px;position:absolute; background:url(/local/templates/strong/images/rev_dec.png); top: -19px; left: 17px;} .bottom {width:1170px; height:521px;background:url(/local/templates/strong/images/diller_bottom.png); margin-top: 50px;margin-bottom: 50px;} .bottom_text {font-size:48px;color:#fff; line-height:72px;padding: 120px 0 0 50px;} .bottom_text b {font-weight:bold;} a.bottom_link {font-size:18px;color:#fff;text-transform:uppercase; font-weight:bold; display:block; width:224px; height:50px; line-height:50px; text-align:center; background:#e16e42;margin: 30px 0 0 50px;} .rev_l_l img {border-radius:100%;} .rev_3 {margin-right:0;} .preim_img {float:left;} /** * /makers/ */ .img_l {float:left;} .img_r {float:right;} .maker_bold p {font-weight: 700; font-size:15px; line-height:26px; padding-left:25px;} .block_l {float:left; padding-top: 65px;width: 480px;} /*.makers_wrap .block_l {width: 100%;} */ .block_r {float:right; width:669px;} .block_r b {font-weight:700;} .maker_img {float:left;margin-right:30px;} .maker_img_last {margin-right:0;} .maker_blue { background:#0563d5; padding:30px; margin-bottom: 50px;} .maker_blue p {color:#fff; font-size:16px; line-height:24px; font-weight:bold;} .maker_blue_mail{color:#565656; font-size:16px; width:444px; text-align:center;height:54px; line-height:54px; background:#fff; border-radius:3px;} .maker_blue_mail a{color:#0563d5;} .makers_wrap p { margin-bottom: 24px; color: #40505c; font-size: 16px; font-weight: 300; line-height: 26px; } .makers_wrap .delivery_title p { font-weight: 400; color: #4d4d4b; margin-bottom: 22px; font-size: 32px; line-height: initial; } /** * predlozhenie-dlya-proizvoditeley */ .maker_top_blocks {margin-bottom: 40px;} .maker_top_block_l {float:left;} .maker_top_block_r {float:right;width:380px; margin-top: 36px;} .maker_top_block_l_item {height:34px; line-height:34px; font-size:14px; color:#444444; padding:0 0 0 40px; margin-bottom: 25px;} .maker_top_block_l_item_1{background: url(/local/templates/strong/images/maker_item_1.png) no-repeat left center;} .maker_top_block_l_item_2{background: url(/local/templates/strong/images/maker_item_2.png) no-repeat left center;} .maker_top_block_l_item_3{background: url(/local/templates/strong/images/maker_item_3.png) no-repeat left center;} .maker_top_block_l_item_4{background: url(/local/templates/strong/images/maker_item_4.png) no-repeat left center;} a.maker_top_block_l_link {color:#fff; font-size:18px; text-transform: uppercase; background:#ff6e3d; display:block; width:225px;height:50px; line-height:50px; font-weight:bold; text-align:center;margin-top: 45px;} .maker_top_block_r_image_l {float:left; } .maker_top_block_r_image_r {float:right;} .clear {clear:both;} .delivery_title_1 { margin-bottom: 45px;} .h3-title-big{font-size: 24px; font-weight: 700;} .delivery_title_2 span{text-transform:none; line-height: 20px;} .preims{ padding-top: 20px; padding-bottom: 40px;} .preim {width:33%; float:left;} .preim_1{} .preim_2{} .preim_3{width: 34%;} .preim_img{ float: left;} .proizvod .preim_bold{ font-weight: 700; font-size: 16px; line-height:24px; padding: 0;} .preim_text{ font-size: 14px;line-height:26px; } .price-product-box .pix-box-1 {width:auto; height:auto; border:none;} .row-justify-1 { margin-bottom: 30px;} .pluss { margin-bottom: 30px;} .plus_l {width:50%; float:left;} .plus_r {width:50%; float:right;} .plus {} .plus_block { margin-top: 30px; overflow: hidden;} .dover { margin-bottom: 30px;} .dover_img {margin-right:30px; display: block; float: left;} .dover_img_last {margin-right:0;} .maker_text {font-size: 16px;line-height:24px;} .delivery_li { margin-left: 0; list-style-type: none;} .delivery_li li { background: url(/local/templates/strong/include/img/li_item.png) no-repeat 3px 9px; padding: 3px 0px 3px 20px;} .price-product-box p {font-size:14px;} .price-product-box ul li {font-size:14px;} .bottom {width:1170px; height:263px;background:rgba(0, 0, 0, 0) url("/local/templates/strong/images/diller_bottom.png") repeat scroll 0 -107px; margin-top: 50px;margin-bottom: 50px;} .bottom_text {font-size:48px;color:#fff; line-height:72px;padding: 120px 0 0 50px;} .bottom_text b {font-weight:bold;} a.bottom_link {font-size:18px;color:#fff;text-transform:uppercase; font-weight:bold; display:block; width:224px; height:50px; line-height:50px; text-align:center; background:#e16e42;margin: 30px 0 0 50px;} .rev_l_l img {border-radius:100%;} .rev_3 {margin-right:0;} .preim_img {float:left;} .float_block {float:left; width: 84%; margin-left: 10px;} /** * /template/menu/catalog-menu-list-new/ */ .tov_dnya{ position: absolute; font-size: 16px; line-height: 18px; color: #0663d5; text-transform: uppercase; top: 15px; font-weight:bold; } .header-main .header-bottom .catalog-menu:hover .catalog-menu-list { border: 1px solid #ddd; } .block-icon{display:none;} .catalog-menu-list ul{ margin: 0px; list-style: none; float: left; } .hover-display{display:none;} .menu-list-strong .hover-display{display:block !important;} .menu-list-strong{ height: 345px; width: 1186px; position: absolute; background: white; z-index: 111; } .menu-list-strong .container{ float:left !important; padding:0px !important; margin:0px !important; padding-bottom: 0px !important; } .menu-list-strong .container .catalog-row .product-box{ min-height:10px; max-height: 435px; } .menu-list-strong ul{ display: inline-block; width: 268px; list-style: none; margin: 0px; } .catalog-menu-list { padding: 0px 0; list-style: none; border:none; } .main_ul{ border: 1px solid #ddd; width: 268px !important; background: white; } .menu-list-strong .container .product-box .pix-box { width: 228px !important; height: 150px !important; } .menu-list-strong .container .product-box .pix-box img { max-width: 200px !important; max-height: 125px !important; } .catalog-menu-list li { border-bottom: 1px solid white; border-top: 1px solid white; padding-bottom: 15px; padding-top: 15px; margin-bottom: 0px !important; } .catalog-menu-list li.active_li{ border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .menu-list-strong .hover-display{ max-height: 750px; float: left; min-width: 100px; background: white; } .menu-list-strong .hover-display .show_bl{ display: inline-block; max-height: 750px; float: left; width: 100%; padding: 20px; border: 1px solid #ddd; background: white; padding-right: 0px; } .hover-display > .empty-mas{display:none !important;} .menu-list-strong .hover-display .block-icon ul{ } .menu-list-strong .hover-display .block-icon ul li{ float: left; width: 250px; padding: 10px } .block-icon ul:first-child{ border-left:1px solid #ddd; } .block-icon li:first-child{ border-top:1px solid #ddd; } .block-icon li{ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 0px; margin: 0px } .block-icon li a { background: none; height: 20px; text-align: left; line-height: 13px; margin: 0px; padding: 0px; padding-top: 5px; } .header-main .header-bottom .catalog-menu:hover .catalog-menu-list { background: none !important; border: none !important; } .show_bl{display:block !important;} .container .content-main.sections { width: 100% !important; } .container .sections__sidebar .sidebar{display:none;} .blog_mm .gaz_other .main_news{margin-right: 40px;} /* End */ /* Start:/local/templates/main_new/new_site/css/main.css?1751882372278949*/ @charset "UTF-8"; .help-block li:before, .item-text li:before, .materials-tab-ul-block li::before { width: 5px; height: 5px; border-radius: 50%; left: 0; top: 10px; background-color: #69aadf } .banner__text.color2 .title, .container .application span, .icons_new, .list-block1__title, .switch-top__item, .title-small.center, a.colored-link, a.review-show, button.colored-link { text-transform: uppercase } .list-icon1__over p, .table-bonus td p, .bx-imopenlines-config-sidebar-close span::before { content: '\2613' !important } .materials-tab-ul-block li { position: relative; padding-left: 20px; margin-bottom: 5px; letter-spacing: .7px; line-height: normal; font-size: 14px } .materials-tab-ul-block li::before { position: absolute; content: '' } .table-bonus td p { color: #4d4d4b; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: .35px } .help-block li, .item-text li { position: relative; padding-left: 20px; margin-bottom: 5px; line-height: 1.5em; font-size: 14px } .help-block li:before, .item-text li:before { position: absolute; content: '' } .table-bonus td span { display: block; color: #4d4d4b; font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: .45px; padding-bottom: 12px } .background1 { margin-bottom: 0 !important } .title-small.center { text-align: center; color: #4d4d4b; font-size: 24px; font-weight: 400; line-height: 24px; letter-spacing: .6px } .list-block1 { border-radius: 3px; background-color: #fff; overflow: hidden; max-width: 1016px; margin: auto auto 31px; padding-bottom: 38px } .list-block1__title { height: 54px; line-height: 54px; background-color: #69aadf; margin-bottom: 40px; padding-left: 18px; color: #fff; font-size: 20px; font-weight: 600; letter-spacing: .5px } .list-icon1 { margin: 0 30px; text-align: center; font-size: .01px } .list-icon1__item { float: left; width: 33.3%; position: relative } .fancybox-button--close, [dir=rtl] .slick-slide { float: right } .list-icon1__decor { position: absolute; top: 33px; border-top: 1px dotted #c8c8c8; width: 40%; left: 80% } .list-icon1__decor::before { position: absolute; top: -6px; left: 0; display: block; content: ''; width: 8px; height: 8px; border: 1px solid #dbdbdb; border-radius: 12px; background: #fff } .list-icon1__decor span { position: absolute; top: -13px; left: 50%; margin-left: -11.5px; background-image: url(/local/templates/main_new/new_site/css/../css/img/icons.png); width: 23px; height: 25px; background-position: -34px 0; display: block } .list-icon1__decor::after { position: absolute; top: -6px; right: 0; display: block; content: ''; width: 8px; height: 8px; border: 1px solid #dbdbdb; border-radius: 12px; background: #fff } .list-icon1__icon { height: 98px; line-height: 83px; padding-bottom: 18px } .list-icon1__icon img { display: inline-block; vertical-align: middle } .list-icon1__over p { color: #4d4d4b; font-size: 13px; font-weight: 400; line-height: 16px; letter-spacing: .33px } .page_catalog, .sod_select { font-size: 14px } list-block1:last-child { margin-bottom: 0 } .list-icon1.mod1 .list-icon1__item { width: 50% } .application:after, .application:before, .banners-block:after, .banners-block:before, .captcha-block:after, .captcha-block:before, .catalogue-form:after, .catalogue-form:before, .catalogue-list__item:after, .catalogue-list__item:before, .catalogue__text:after, .catalogue__text:before, .chosen-elem:after, .chosen-elem:before, .filter .fieldset:after, .filter .fieldset:before, .help-block__wrapper:after, .help-block__wrapper:before, .info-block:after, .info-block:before, .item-wrapper:after, .item-wrapper:before, .maps:after, .maps:before, .popup-list:after, .popup-list:before, .review-form .fieldset:after, .review-form .fieldset:before, .switch-bottom__item.first:after, .switch-bottom__item.first:before { content: ""; display: table } .application:after, .banners-block:after, .captcha-block:after, .catalogue-form:after, .catalogue-list__item:after, .catalogue__text:after, .chosen-elem:after, .filter .fieldset:after, .help-block__wrapper:after, .info-block:after, .item-wrapper:after, .maps:after, .popup-list:after, .review-form .fieldset:after, .switch-bottom__item.first:after { clear: both } .container .main-content div, .container .main-content span { line-height: normal; } .sprite { background-image: url(/local/templates/main_new/new_site/css/../images/spritesheet.png); background-repeat: no-repeat; display: block } .sprite-android { width: 21px; height: 25px; background-position: -20px -20px } .sprite-apple { width: 21px; height: 24px; background-position: -81px -20px } .sprite-arrow2 { width: 13px; height: 7px; background-position: -142px -20px } .sprite-arrow3 { width: 8px; height: 6px; background-position: -195px -20px } .sprite-arrow3-hover { width: 8px; height: 6px; background-position: -243px -20px } .sprite-arrow4 { width: 26px; height: 16px; background-position: -291px -20px } .sprite-arrow_green { width: 8px; height: 6px; background-position: -357px -20px } .sprite-bank { width: 26px; height: 22px; background-position: -195px -66px } .sprite-check { width: 12px; height: 8px; background-position: -357px -66px } .sprite-check2 { width: 24px; height: 24px; background-position: -20px -114px } .sprite-circle { width: 32px; height: 32px; background-position: -84px -114px } .sprite-circle_xl { width: 40px; height: 40px; background-position: -261px -76px } .sprite-close { width: 16px; height: 16px; background-position: -341px -114px } .sprite-close2 { width: 16px; height: 16px; background-position: -156px -170px } .sprite-close3 { width: 20px; height: 20px; background-position: -212px -170px } .sprite-comment { width: 14px; height: 14px; background-position: -272px -170px } .sprite-compare { width: 31px; height: 31px; background: url(/local/templates/main_new/new_site/css/../img/compare.png) no-repeat; transition: unset; -webkit-transition: unset; -moz-transition: unset } .sprite-compare:hover { background-position: -50px 0 } .sprite-doc { width: 17px; height: 20px; background-position: -20px -241px } .sprite-down { width: 15px; height: 8px; background-position: -77px -241px } .sprite-ems { width: 30px; height: 30px; background-position: -132px -241px } .sprite-fire { width: 100%; height: 100%; background: url(/local/templates/main_new/new_site/css/../images/hit_icon.png) center no-repeat; background-size: cover } .sprite-left { width: 46px; height: 46px; background-position: -264px -241px } .sprite-like { display: flex; display: -webkit-box; display: -ms-flexbox; align-items: center; -webkit-box-align: center; -ms-flex-align: center; float: left; width: 31px; height: 31px; background: url(/local/templates/main_new/new_site/css/../img/wishlist.png) no-repeat; transition: unset; -webkit-transition: unset; -moz-transition: unset } .sprite-like:hover { background-position: -50px 0 } .sprite-maestro { width: 36px; height: 22px; background-position: -20px -312px } .sprite-mastercard { width: 36px; height: 23px; background-position: -96px -312px } .sprite-next { width: 8px; height: 15px; background-position: -172px -312px } .sprite-next-hover { width: 8px; height: 15px; background-position: -350px -312px } .sprite-percent { width: 16px; height: 18px; background-position: -172px -367px } .sprite-percent-hover { width: 16px; height: 18px; background-position: -228px -367px } .sprite-post-office { width: 30px; height: 30px; background-position: -409px -20px } .sprite-present { width: 32px; height: 32px; background-position: -409px -90px } .sprite-prev { width: 8px; height: 15px; background-position: -397px -162px } .sprite-prev-hover { width: 8px; height: 15px; background-position: -445px -162px } .sprite-right { width: 46px; height: 46px; background-position: -398px -312px } .sprite-ruble { width: 13px; height: 18px; background-position: -421px -217px } .sprite-ruble-hover { width: 13px; height: 18px; background-position: -20px -398px } .sprite-self { width: 30px; height: 30px; background-position: -73px -398px } .sprite-star { width: 30px; height: 29px; background-position: -284px -398px } .sprite-star2 { width: 19px; height: 18px; background-position: -354px -398px } .sprite-star2-hover { width: 19px; height: 18px; background-position: -413px -398px } .sprite-up { width: 15px; height: 8px; background-position: -143px -456px } .sprite-video { width: 20px; height: 20px; background-position: -479px -20px } .sprite-visa { width: 53px; height: 24px; background-position: -354px -456px } .sprite-wallet { width: 23px; height: 22px; background-position: -481px -80px } .select-wrapper .sprite-discount { background-image: url(/local/templates/main_new/new_site/css/img/discount.png); width: 24px; height: 24px } .select-wrapper .sprite-discount-hover { background-image: url(/local/templates/main_new/new_site/css/img/discount-hover.png); width: 24px; height: 24px } .sod_select, .sod_select * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-infobar__body, .fancybox-thumbs>ul>li>img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none } .info-block::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } .info-block::-webkit-scrollbar { width: 10px; height: 10px; background-color: #F5F5F5; } .info-block::-webkit-scrollbar-thumb { background-color: rgb(169, 169, 168); border: 2px solid #a9a9a8; } .sod_select { display: inline-block; position: relative; line-height: 1; padding-right: 28px; border: 1px solid #d5d5d5; border-radius: 3px; background: 0 0; text-align: left; outline: 0; font-weight: 600; cursor: pointer; z-index: 6; width: 240px; height: 40px; border: 1px solid rgba(25, 57, 139, 0.15); box-sizing: border-box; border-radius: 4px; } .sod_select:after { content: ''; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; background: url(/local/templates/strong/new_site/css/../images/arrow.png) center center no-repeat; width: 14px; height: 7px; } .sod_select.open { color: #919191 } .sod_select.open:after { -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg) } .sod_select.disabled { border-color: #828282; color: #b2b2b2; cursor: not-allowed } .sod_select .sod_label, .sod_select .sod_option { white-space: nowrap; color: rgba(25, 57, 139, 0.6); text-overflow: ellipsis; } .sod_select .sod_label { display: block; overflow: hidden; padding: 6px 0 6px 8px; padding-right: 5px; font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 14px; line-height: 17px;/* identical to box height */ color: #32373E; display: flex; align-items: center; height: 40px; max-height: 40px; } .sod_select .sod_list_wrapper { position: absolute; top: 30px; display: none; height: auto; width: auto; left: -1px; right: -1px; margin: auto; background: #fff; border: 1px solid #d5d5d5; border-top: none; z-index: 1; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .sod_select.open .sod_list_wrapper { display: block } .sod_select.disabled.open .sod_list_wrapper { display: none } .sod_select.above .sod_list_wrapper { top: auto; bottom: 100%; border-top: 3px solid #000; border-bottom: none } .sod_select .sod_list { display: block; overflow-y: auto; padding: 0; margin: 0 } .sod_select .sod_option { display: block; overflow: hidden; position: relative; padding: 5px 7px; list-style-type: none; } .sod_select .sod_option.is-placeholder, .sod_select.no_highlight .sod_option.selected:before { display: none } .fancybox-content, .fancybox-slide { white-space: normal; outline: 0; -webkit-tap-highlight-color: transparent } .sod_select .sod_option.optgroup, .sod_select .sod_option.optgroup.disabled { background: inherit; color: #939393; font-size: 10px; font-style: italic } .sod_select .sod_option.groupchild { padding-left: 20px } .sod_select .sod_option.disabled { background: inherit; color: #ccc } .sod_select .sod_option.active { background: #f7f7f7 } .sod_select .sod_option.selected { font-weight: 700; padding-right: 25px } .sod_select.no_highlight .sod_option.selected { font-weight: 300 } .sod_select select { display: none !important } .sod_select.touch select { -webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1 } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-slide { display: none } .slick-arrow .slick-hidden { display: none !important } .item__gallery .slick-arrow { display: none !important; } .slick-next, .slick-prev { display: none; width: 20px; line-height: 0; cursor: pointer; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: 0 } .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1 } .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: .25 } .slick-next:before, .slick-prev:before { opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } [dir=rtl] .slick-prev { left: auto; right: -25px } [dir=rtl] .slick-prev:before { content: "?" } [dir=rtl] .slick-next { left: -25px; right: auto } .fancybox-bg, .fancybox-container { top: 0; left: 0; -webkit-backface-visibility: hidden } [dir=rtl] .slick-next:before { content: "?" } .slick-dots { position: absolute; bottom: 23px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; z-index: 10 } .slick-dots li { position: relative; display: inline-block; height: 8px; width: 8px; margin: 0 5px; padding: 0; cursor: pointer } .slick-dots li button { border: 0; border-radius: 50%; background: #c7d1d9; display: block; height: 100%; width: 100%; outline: 0; line-height: 0; font-size: 0; padding: 0; cursor: pointer; width: 6px; height: 6px; background: rgba(25, 57, 139, 1); opacity: .3; margin: 0; transition: .5s; } .slick-dots li.slick-active button { opacity: 1; transform: scale(1.7); } .fancybox-enabled { overflow: hidden } .fancybox-enabled body { overflow: visible; -ms-touch-action: none; touch-action: none } .fancybox-container { position: fixed; width: 100%; height: 100%; z-index: 99993; backface-visibility: hidden } .fancybox-container~.fancybox-container { z-index: 99992 } .fancybox-bg { position: absolute; right: 0; bottom: 0; background: #0f0f11; opacity: 0; transition-timing-function: cubic-bezier(.55, .06, .68, .19); backface-visibility: hidden } .fancybox-controls, .fancybox-slider, .fancybox-slider-wrap { right: 0; -webkit-backface-visibility: hidden; position: absolute; top: 0; left: 0 } .fancybox-container--ready .fancybox-bg { opacity: .87; transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .fancybox-controls { text-align: center; opacity: 0; z-index: 99994; transition: opacity .2s; pointer-events: none; backface-visibility: hidden; direction: ltr } .fancybox-show-controls .fancybox-controls { opacity: 1 } .fancybox-infobar { display: none } .fancybox-show-infobar .fancybox-infobar { display: inline-block; pointer-events: all } .fancybox-infobar__body { width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, .7); pointer-events: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased } .fancybox-buttons { position: absolute; top: 0; right: 0; display: none; pointer-events: all } .fancybox-show-buttons .fancybox-buttons { display: block } .fancybox-slider-wrap { overflow: hidden; direction: ltr } .fancybox-slider, .fancybox-slider-wrap { bottom: 0; padding: 0; margin: 0; z-index: 99993; backface-visibility: hidden } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch } .fancybox-content, .fancybox-slide>* { position: relative; vertical-align: middle; text-align: left; box-sizing: border-box } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0 } .fancybox-slide>* { display: inline-block; border-width: 0; background-color: #fff; overflow: auto } .fancybox-slide--image { overflow: hidden } .fancybox-slide--image::before { display: none } .fancybox-content { } .fancybox-iframe { margin: 0; padding: 0; border: 0; background: #fff } .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background: 0 0 } .fancybox-placeholder { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: no-repeat; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; background: 0 0; background-size: 100% 100% } .fancybox-controls--canzoomOut .fancybox-placeholder { cursor: -webkit-zoom-out; cursor: zoom-out } .fancybox-controls--canzoomIn .fancybox-placeholder { cursor: -webkit-zoom-in; cursor: zoom-in } .fancybox-controls--canGrab .fancybox-placeholder { cursor: -webkit-grab; cursor: grab } .fancybox-controls--isGrabbing .fancybox-placeholder { cursor: -webkit-grabbing; cursor: grabbing } .fancybox-spaceball { z-index: 1 } .fancybox-error { position: absolute; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; cursor: default } .fancybox-button, .fancybox-close-small { margin: 0; cursor: pointer; box-sizing: border-box } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif } .fancybox-close-small { position: absolute; top: 4px; right: 4px; padding: 0; width: 30px; height: 30px; font: 21px/1 Arial, "Helvetica Neue", Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .2s; z-index: 2 } .fancybox-close-small:focus { outline: #888 dotted 1px } .fancybox-slide--video .fancybox-close-small { top: -36px; right: -36px; background: 0 0 } .fancybox-close-small:hover { color: #555; background: #eee } .fancybox-caption-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0; z-index: 99998; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8) 100%); opacity: 0; transition: opacity .2s; pointer-events: none } .fancybox-show-caption .fancybox-caption-wrap { opacity: 1 } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, .4); font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none } .fancybox-caption a, .fancybox-caption button { pointer-events: all } .fancybox-caption a { color: #fff; text-decoration: underline } .fancybox-button { display: inline-block; position: relative; width: 44px; height: 44px; line-height: 44px; padding: 0; border: 0; border-radius: 0; color: #fff; vertical-align: top; outline: 0 } .h1, .main-content, .main-content .div, .main-content li, .main-content p, .main-content span { line-height: normal } .fancybox-button--disabled { cursor: default; pointer-events: none } .fancybox-button, .fancybox-infobar__body { background: rgba(30, 30, 30, .6) } .fancybox-button:hover { background: rgba(0, 0, 0, .8) } .fancybox-button::after, .fancybox-button::before { content: ''; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: .9; box-sizing: border-box; display: inline-block } .fancybox-button--left::after, .fancybox-button--right::after { top: 18px; width: 6px; height: 6px; border-top: solid 2px currentColor; border-right: solid 2px currentColor } .fancybox-button--disabled::after, .fancybox-button--disabled::before { opacity: .5 } .fancybox-button--left::after { left: 20px; background: 0 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg) } .fancybox-button--right::after { right: 20px; background: 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .fancybox-button--left { border-bottom-left-radius: 5px } .fancybox-button--right { border-bottom-right-radius: 5px } .fancybox-button--close::after, .fancybox-button--close::before { content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px) } .fancybox-button--close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .fancybox-button--close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .fancybox-loading { border: 6px solid rgba(100, 100, 100, .4); border-top: 6px solid rgba(255, 255, 255, .6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: 0 0; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999 } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @media all and (max-width:800px) { .fancybox-controls { text-align: left } .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display: none !important } .fancybox-caption { padding: 20px 0; margin: 0 } } .fancybox-button--fullscreen::before { width: 15px; height: 11px; left: 15px; top: 16px; border: 2px solid; background: 0 0 } .fancybox-button--play::before { top: 16px; left: 18px; width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; background: 0 0 } .fancybox-button--pause::before { top: 16px; left: 18px; width: 7px; height: 11px; border-style: solid; border-width: 0 2px; background: 0 0 } .fancybox-button--thumbs span { font-size: 23px } .fancybox-button--thumbs::before { top: 20px; left: 21px; width: 3px; height: 3px; box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0 } .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right: 220px } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; box-sizing: border-box } .fancybox-thumbs>ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0 } .fancybox-thumbs>ul>li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: 0; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, .1) } .fancybox-thumbs>ul>li>img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; user-select: none } .fancybox-thumbs>ul>li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94) } .fancybox-thumbs>ul>li.fancybox-thumbs-active:before { opacity: 1 } @media all and (max-width:800px) { .fancybox-thumbs { display: none !important } .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right: 0 } } .ps-container { -ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none } @supports (-ms-overflow-style:none) { .ps-container { overflow: auto !important } } @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .ps-container { overflow: auto !important } } .ps-container.ps-active-x>.ps-scrollbar-x-rail, .ps-container.ps-active-y>.ps-scrollbar-y-rail { display: block; width: 4px; right: 2px !important; background-color: #e6e6e6 } .ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { background-color: #eee; opacity: .9 } .ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999; height: 11px } .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { background-color: #eee; opacity: .9 } .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999; width: 11px } .ps-container>.ps-scrollbar-x-rail { position: absolute; -webkit-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; bottom: 0; height: 15px } .ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x { position: absolute; background-color: #aaa; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; bottom: 2px; height: 6px } .ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x, .ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x { height: 11px } .ps-container>.ps-scrollbar-y-rail { position: absolute; border-radius: 7px; -webkit-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 0; width: 15px } .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { position: absolute; background-color: #bfcf5f; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; right: -2px; width: 8px } .ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail { background-color: #eee; opacity: .9 } .ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x { background-color: #999; height: 11px } .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail { background-color: #eee; opacity: .9 } .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #999; width: 11px } .ps-container:hover>.ps-scrollbar-x-rail:hover { background-color: #eee; opacity: .9 } .ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x { background-color: #999 } .ps-container:hover>.ps-scrollbar-y-rail:hover { background-color: #eee; opacity: .9 } .ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y { background-color: #999 } body, ul li { background: 0 0 } * { box-sizing: border-box } body { position: relative; min-width: 944px; margin: 0 } a { -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s } ul { margin: 0; padding-left: 0; list-style-type: none } p { margin-top: 0; padding: 0 } ul li { padding: 0 } img { max-width: 100%; max-height: 100% } .main-content { margin: 0 auto; color: #4d4d4b } .inner-container { position: relative; max-width: 1242px; margin: 0 auto; display: block; } .breadcrumbs-wrapper { background-color: #f2f8fc; padding: 15px 0; margin-bottom: 35px } .inner-container.breadcrumbs-list { max-width: 1242px; padding: 0 } .breadcrumbs-list { font-size: 0 } .breadcrumbs-list__item { font-size: 14px; display: inline-block; margin-right: 40px; color: #7f8589; position: relative; letter-spacing: .6px } .breadcrumbs-list__item:after { position: absolute; content: ''; width: 7px; height: 8px; background: url(/local/templates/main_new/new_site/css/../images/arrow.png) no-repeat; top: 0; bottom: 0; margin: auto; right: -23px } .breadcrumbs-list__item:last-of-type:after { display: none } .breadcrumbs-list__item:last-of-type { margin-right: 0 } a.breadcrumbs__link { display: block; color: #6bace0 } a.breadcrumbs__link:hover { text-decoration: underline; color: #6bace0 } .h1 { } span.art { color: #a4a4a2; font-size: 14px; display: block; margin-bottom: 35px; letter-spacing: .6px } span.catalog-card__artticle { position: absolute; color: #a4a4a2; font-size: 14px; font-weight: 400; line-height: 24px; top: 30px; right: 0px; } .characteristics-list { font-size: 0; margin-bottom: 40px } .characteristics-list__item { display: inline-block; margin-right: 45px } .characteristics-list__item.active .characteristics__link { color: #0059a7; border-bottom: 1px dashed #0059a7 } .characteristics-list__item:last-of-type { margin-right: 0 } .main-content a.characteristics__link { display: block; color: #0059a7; border-bottom: 1px dashed #0059a7; font-size: 14px; letter-spacing: .8px; text-decoration: none } .catalogue-list .price_old, .container .price_old { text-decoration: line-through } .main-content a.characteristics__link:hover { color: #0059a7; border-bottom: 1px dashed transparent } .item-wrapper { margin-bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .item-wrapper .item__gallery { overflow: hidden; width: calc(100% / 12 * 7); padding-left: 15px; padding-right: 15px; border: 0; } .item-wrapper .big-picture img { padding-top: 0; width: auto; } .item-wrapper .item__gallery .big-picture { height: 470px; } .item__gallery { float: left; width: 49%; position: relative; border: 3px solid #f2f2f2; } .item__gallery.without_small_gallery { padding-left: 0 } .mini-pics-wrapper { position: relative; } .mini-pics-wrapper .down-link, .mini-pics-wrapper .up-link { position: absolute; left: 0; right: 0; margin: auto; z-index: 3; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 36px; border: 1px solid #e3e3e3 } .big-picture { width: 100% } .mini-pics-wrapper .sprite { display: inline-block } .mini-pic__wrapper a, .mini-pics-wrapper.no-slider .down-link, .mini-pics-wrapper.no-slider .up-link { display: none } .mini-pics-wrapper .up-link { left: 10px; margin: unset; right: unset; top: 26px; } .mini-pics-wrapper .up-link div { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); } .mini-pics-wrapper .down-link div { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); } .mini-pics-wrapper .down-link { right: 17px; margin: unset; left: unset; top: 26px; } .big-picture { height: 600px; position: relative } .big-picture img, .big-picture.video iframe { position: absolute; bottom: 0; margin: auto; left: 0; top: 0; right: 0; } .big-picture.video img { opacity: 0 } .big-picture.video iframe { z-index: 5 } .slick-slide a:focus, .slick-slide:focus { outline: 0 } .mini-pic__wrapper { position: relative; width: 100%; height: 100%; text-align: center; cursor: pointer; } .mini-pic__wrapper img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 80%; z-index: 2; } .mini-pic__wrapper a, .mini-pic__wrapper iframe { z-index: 1; position: relative } .icons, .present { position: absolute; z-index: 3 } .mini-pic__wrapper a.video-link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3 } .present { left: 15px; bottom: 20px; font-size: 12px; color: #4d4d4b } .present a { display: inline-block; color: #69aadf; margin: 0 5px } .present .sprite { display: inline-block; vertical-align: middle; margin-right: 10px } .icons { right: 0; top: 0; width: 60px; text-align: center; line-height: normal } .articlesContent .item .info .icons { top: 0; width: auto } .catalogue-list__item .icons>div, .item-wrapper .icons>div { height: 60px; position: relative; color: #fff } .icons .sprite { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto } .icons_new { background-color: #bfcf5f; font-size: 12px } .catalog_section_items__container .icons_new span, .catalogue-list__item .icons_new span, .item-wrapper .icons_new span { display: inline-block; color: #fff; letter-spacing: .5px; margin-left: -7px; padding-top: 25px; -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg) } .catalog_section_items__container .icons_discount, .catalogue-list__item .icons_discount, .item-wrapper .icons_discount { background-color: #7f7f7f; font-weight: 600; font-size: 18px; padding-top: 20px } .icons_hit { background-color: #ff6f4d } .icons_action { background-color: #69aadf } .fancybox-button--fullscreen, .fancybox-button--play, .fancybox-button--thumbs, .fancybox-infobar__body { display: none !important } .item__info { width: calc(100% / 12 * 5); padding-left: 15px; padding-right: 15px; display: block; } .wrap-komp-items .mini-title { margin-bottom: 5px; font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 14px; line-height: 17px;/* identical to box height */ /* Black */ color: #32373E; } .wrap_resize { } .wrap_resize .mini-title { margin-bottom: 5px; font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 14px; line-height: 17px; color: #32373E; } .wrap_resize .info-block { display: flex; flex-direction: column; padding: 0 !important; margin-bottom: 20px !important; } .wrap_resize .info-block .sod_select { margin-bottom: 8px; max-width: 140px; margin-top: 0; } .wrap_resize .other a.info-link { position: relative; float: none; font-weight: 400; font-size: 12px; line-height: 14px; padding-bottom: 2px; color: #19398B; border-bottom: 1px dashed rgba(25, 57, 139, 0.3); padding: 0; margin: 0; display: inline; } .info-block { border-bottom: 1px solid #e3e3e3; padding-bottom: 15px; margin-bottom: 15px; position: relative } .info-block .sod_select { float: left; } .info-block>p { float: left; margin-bottom: 0; max-width: 240px } .info-block label { display: inline-block; vertical-align: middle; margin-right: 15px; padding: 7px; border-radius: 50%; border: 1px solid #E6E6E6; width: 100%; height: 100%; } #sleep_system_form .info-block label { width: 200px } #sleep_system_form .info-block-komp .info-link { position: absolute; top: 0; right: 0 } .info-block .left { float: left } .info-block .delivery_block_right .title { color: #a9b947; font-size: 14px; font-weight: 700; margin: 0px; } .info-block .right { float: right } .info-block .right .title { color: #ec6449 } .info-block .title { font-size: 12px; letter-spacing: .5px; margin-bottom: 2px } .info-block .left, .info-block .right { margin-bottom: 5px } .info-block .left p, .info-block .right p { color: #bababa; font-size: 11px; margin-bottom: 0px; } .container .main-content .discount { color: #fff; font-size: 10px; font-weight: 600; text-align: center; line-height: 30px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto } .container .price_current, .container .price_current span { font-weight: 300; } .container .price_current { font-size: 18px; position: relative; float: left } .container .price_current span { font-size: 36px; margin-right: 6px } .container .price_old { float: right; color: #bababa; position: relative; font-size: 16px; margin-top: 25px; letter-spacing: .6px } .container a.info-link { display: inline-block; float: right; color: #0059a7; border-bottom: 1px dashed #0059a7; font-size: 12px; line-height: 1.3; letter-spacing: .6px; margin-top: 3px; text-decoration: none } .container .short-form a.info-link { margin-top: 0; line-height: normal; vertical-align: middle; float: none } a.info-link.first { margin-top: 18px } a.info-link:hover { border-bottom: 1px dashed transparent } .fake-checkbox { position: relative; display: inline-block; vertical-align: middle; margin-right: 10px; width: 25px; height: 25px } .fake-checkbox .fake-input, .fake-checkbox input { border: 1px solid #d5d5d5; border-radius: 3px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; background-color: #fff; border: 1px solid #19398B; border-radius: 4px; } .fake-checkbox input { opacity: 0; z-index: 2 } .fake-checkbox .fake-input { z-index: 1 } .fake-checkbox .sprite { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: none } .fake-checkbox input:checked+.fake-input .sprite { display: block } .more-info, a.more-info { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-image: url(/local/templates/strong/new_site/css/img/catalog-card__information.png); background-position: center; background-size: cover; margin-top: -8px; } .info-block .more-info, .info-block a.more-info { padding-right: 0 } .delivery-block { clear: both; margin-top: 7px; padding-top: 7px; letter-spacing: .5px; border-top: 1px solid #e3e3e3; } .right_info .delivery-block { margin-bottom: 15px; padding-top: 0; border-top: none; } @media only screen and (max-width:1320px) { .delivery-block { padding-top: 5px; margin-bottom: -5px; } } .container .delivery-block a { color: #0059a7; border-bottom: 1px dashed #0059a7; margin-left: 10px; text-decoration: none } .container .product_info_right .delivery-block a { margin-left: 0; } .delivery-block a:hover { border-bottom: 1px dashed transparent } .discount-comment-block { clear: both; margin-top: 0px; padding-bottom: 5px; font-size: 11px; } .container a.info-link.modified { float: none; font-size: 14px } a.colored-link, button.colored-link { display: inline-block; color: #fff !important; text-decoration: none !important; font-size: 14px; font-weight: 600; height: 40px; line-height: 40px; border-radius: 25px; letter-spacing: .6px } .banner__text.color2 .banner-link:hover, .yandex-market a:hover, a.catalogue-item__link:hover span, a.hidden-link:hover { text-decoration: underline } a.colored-link.green { background-color: #bfcf5f } a.colored-link.blue, button.colored-link.blue { background-color: #69aadf } .info-block.links { border-bottom: 0; padding-top: 15px; margin-bottom: 20px; display: flex; justify-content: space-between; } .info-block.links::before, .info-block.links::after { content: none; } .info-block.links a.wishlist_btn { display: flex; align-items: center; white-space: nowrap; } .info-block.links a.wishlist_btn .sprite-like { margin-right: 4px; } .info-block.links a:first-of-type { padding: 0 27px } .info-block.links a:last-of-type { padding: 0 22px } .info-block.links a:hover { opacity: .85 } .info-block.last { border-bottom: 0 } .info-block.last a { position: relative; padding-left: 45px; color: #4d4d4b; display: inline-block } .info-block.last .sprite { position: absolute; top: 0; bottom: 0; left: 0; margin: auto } .info-block.last a:first-of-type { margin-right: 35px } .main-content .inner-container .information-block { margin-bottom: 50px; width: 71%; font-size: 14px; line-height: 1.75; letter-spacing: .4px } .main-content .information-block .title { font-weight: 700; margin: 30px 0; letter-spacing: 1px } .main-content .inner-container .information-block ul { padding-left: 15px; margin: 0 } .main-content .inner-container .information-block ul li { position: relative; padding-left: 20px; margin-bottom: 5px; letter-spacing: .5px } .inner-container .information-block ul li:before { position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%; left: 0; top: 10px; background-color: #69aadf } .switch-top-list { font-size: 0; border-bottom: 2px solid #e7eaec; margin-bottom: 20px } .switch-top__item { display: inline-block; position: relative; padding: 4px 2.2% 4px; text-align: center; background: #f2f2f2; width: 25%; } .switch-top__item.active { background: #fff; } a.switch-top__link { display: inline-block; color: #a6a6a6; font-size: 14px; padding: 10px } .add_navv_holder img { box-shadow: 0 0 5px rgba(0, 0, 0, .4) } .switch-top__item.active a.switch-top__link, a.switch-top__link:hover { color: #000000; } .switch-top__item.active:after { position: absolute; content: ''; width: 100%; height: 4px; background-color: #0059a7; left: 0; bottom: -2px } .characteristics { padding: 70px 0px 100px; } .switch-bottom__item:not(:first-child) { display: none } .characteristics__tables { float: left; } .characteristics__tables table { width: 100%; max-width: 535px; border-collapse: collapse; font-weight: 300; font-size: 14px; table-layout: fixed; margin-top: 30px; } .if-no-reviews .title, .review-form input, .review-form textarea, .video__title { font-weight: 600; } .characteristics__tables td { border-top: 2px solid #f1f1f1; border-bottom: 2px solid #f1f1f1; height: 50px; vertical-align: middle; width: 50%; color: #4d4d4b; } .characteristics__tables td:nth-child(2n-1) { color: rgba(77, 77, 76, 0.7); font-size: 14px; font-weight: 400; line-height: 40px; letter-spacing: 0.56px; padding-left: 8px; } .characteristics__tables td:last-of-type { padding: 10px 8px 10px 50px } .mini-aside { float: right; width: 510px; margin-top: 20px } .application { margin-bottom: 40px } .container .application .left { float: left; width: 60px; height: 60px; background-color: #d5d5d5; text-align: center; line-height: 58px } .reviews-list__item.opend:before, .show-hide { background: 0 0 } .container .application span { display: inline-block; font-size: 13px; color: #fff; border: 2px solid #fff; border-radius: 50%; width: 30px; height: 30px; padding-top: 5px } .application .right { margin: 3px 0 0 80px; letter-spacing: .6px } .application .title { font-size: 14px; margin-bottom: 5px } .application p { font-size: 12px; margin-bottom: 7px; padding-right: 20px; line-height: 1.3 } .app-links a { display: inline-block; vertical-align: middle } .app-links a:first-of-type { margin-right: 20px } .video__item { margin-bottom: 30px } .produt-box, .video__item iframe { margin-bottom: 20px; width: 500px } .video__item .produt-box .video_play_btn { width: 75px; height: 75px; z-index: 999; display: block; margin: auto; top: -175px; position: relative } .video-img { height: 300px; margin-bottom: 30px } .video__item .produt-box .video_play_btn:hover { opacity: .8 } .produt-box img { width: 100% } .video__item p.video__description { margin-bottom: 0; color: #4d4d4b; font-size: 14px; line-height: 1.8 } .foto-wrapper-wide { position: relative; width: 100%; padding-bottom: 70% } .foto-wrapper-wide>div { position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .video__title { font-size: 18px !important; margin-bottom: 25px; letter-spacing: .5px } .certificates-list__item { margin-bottom: 35px; padding-left: 35px } a.certificates-list__link { color: #63a0d1; border-bottom: 1px dotted #63a0d1; font-size: 14px; position: relative; letter-spacing: .7px } a.certificates-list__link .sprite { position: absolute; top: 0; left: -35px } a.certificates-list__link:hover { color: #63a0d1; border-bottom: 1px dotted transparent } .certificates-list { padding-top: 15px } .reviews-list { font-size: 0; padding-top: 35px; margin: 0 -20px 10px } .reviews__left, .reviews__right { display: inline-block; vertical-align: top; padding: 0 20px } .container .reviews__left p, .container .reviews__right p { margin-bottom: 25px; color: #4d4d4b; line-height: 1.75; letter-spacing: .3px } .reviews__left .reviews-list__item:last-of-type, .reviews__right .reviews-list__item:last-of-type { border-bottom: 0; margin-bottom: 0 } .page_catalog .container .reviews-list__item { margin-bottom: 45px; font-size: 14px; padding-bottom: 45px; border-bottom: 1px solid #eaeaea } .page_catalog .container .who { margin-bottom: 15px } .who>div { display: inline-block } .who .name { color: #86bee7; margin-right: 5px } .show-hide { font-size: 12px; padding-right: 15px; color: #b5c45c } .reviews-list__item { position: relative; overflow: hidden; height: 10rem; border-bottom: 1px solid #000; margin-bottom: 2rem; padding-bottom: 2rem; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease } .reviews-list__item.opened { overflow: auto; height: auto } .reviews-list__item-toggle { display: none } .reviews-list__item-toggle.reviews-list__item-toggle_show { position: absolute; bottom: 0; display: block; text-align: center; padding: 2rem 0 .5rem; width: 100%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAA8CAYAAAAjW/WRAAABxElEQVR4Xu3cEVREYRSF0QbSNI3TdDRO0zSN0zQdTtM0TtM0TtP+1vhcmKNnP79w933fevY2a63TEw8BAgcFNmutMzYECBwW2AdyDocAgTmQCzgECMyBXMIhQGAO5AoOAQJzIFs4BAjMgVzDIUBgDuQGDgECcyC3cAgQmAO5g0OAwBzIPRwCBOZAHuAQIDAH8giHAIE5kCc4BAjMgTzDIUBgDmQHhwCBOZAXOAQIzIG8wiFAYA7kDQ4BAnMg73AIEJgD+YBDgMAcyCccAgTmQL7gECAwB/INhwCBOZAfOAQIzIH8wiFAYA7kDw4BAnMgCw4BAgLxDhA4WmD/b15fkKPZDLQICKTl0vaMBAQSsRlqERBIy6XtGQkIJGIz1CIgkJZL2zMSEEjEZqhFQCAtl7ZnJCCQiM1Qi4BAWi5tz0hAIBGboRYBgbRc2p6RgEAiNkMtAgJpubQ9IwGBRGyGWgQE0nJpe0YCAonYDLUICKTl0vaMBAQSsRlqERBIy6XtGQkIJGIz1CIgkJZL2zMSEEjEZqhFQCAtl7ZnJCCQiM1Qi4BAWi5tz0hAIBGboRYBgbRc2p6RgEAiNkMtAgJpubQ9I4F/MfThj5u8pOoAAAAASUVORK5CYII='); } .reviews-list__item-toggle_arrow:after { content: '\25bc'; padding-left: .5em } .reviews-list__item.opend .reviews-list__item-toggle_arrow:after { content: '\25b2'; padding-left: .5em } .reviews-list__item.opened .review { height: auto; margin-bottom: 0 } .review-form { width: 100%; display: block; max-width: 660px; margin-bottom: 24px; font-size: 0; } .review-form .fieldset { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .review-form .fieldset .lines { display: flex; justify-content: space-between; } .review-form .fieldset .lines .line { flex: 0 0 calc(50% - 10px); } .review-form .fieldset .lines .line input { width: 100%; border: 1px solid #19398B; box-sizing: border-box; border-radius: 4px; height: 55px; padding-left: 20px; font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 23px;/* identical to box height, or 153% */ color: #19398b; } .review-form .fieldset, .review-form textarea { margin-bottom: 40px; text-align: left; margin-top: 22px; margin-bottom: 20px; } .review-form input, .review-form textarea { border: 1px solid #d5d5d5; border-radius: 3px; padding-left: 15px; font-size: 14px; color: #4d4d4b } .review-form input { height: 30px; width: 48% } .review-form textarea { width: 100%; height: 160px; resize: none; padding-top: 5px; margin: 0; border: 1px solid #19398B; box-sizing: border-box; border-radius: 4px; padding: 15px 20px; font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 23px; color: #19398b; } .review-form input:focus, .review-form textarea:focus { outline: 0 } .review-form input::-webkit-input-placeholder, .review-form textarea::-webkit-input-placeholder { color: rgba(25, 57, 139, 0.6); font-style: italic; opacity: 1; transition: opacity .3s ease } .review-form input::-moz-placeholder, .review-form textarea::-moz-placeholder { color: rgba(25, 57, 139, 0.6); font-style: italic; opacity: 1; transition: opacity .3s ease } .review-form input:-moz-placeholder, .review-form input::-moz-placeholder, .review-form textarea:-moz-placeholder { color: rgba(25, 57, 139, 0.6); font-style: italic; opacity: 1; transition: opacity .3s ease } .review-form input:-ms-input-placeholder, .review-form input::-moz-placeholder, .review-form textarea:-ms-input-placeholder { color: rgba(25, 57, 139, 0.6); font-style: italic; opacity: 1; transition: opacity .3s ease } .review-form input::-moz-placeholder, .review-form input:focus::-webkit-input-placeholder, .review-form textarea:focus::-webkit-input-placeholder { opacity: 0; transition: opacity .3s ease } .review-form input:focus::-moz-placeholder, .review-form textarea:focus::-moz-placeholder { opacity: 0; transition: opacity .3s ease } .review-form input:focus:-moz-placeholder, .review-form textarea:focus:-moz-placeholder { opacity: 0; transition: opacity .3s ease } .review-form input:focus:-ms-input-placeholder, .review-form textarea:focus:-ms-input-placeholder { opacity: 0; transition: opacity .3s ease } .review-form .fieldset input:first-of-type { float: left } .review-form .fieldset input:last-of-type { float: right } .review-form button:focus { outline: 0 } .review-form button { border: 0; width: 320px; height: 60px; font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; color: #FFFFFF; background: #19398B; border-radius: 4px; } a.review-show { display: block; background-color: #fbfbfb; position: relative; color: #4d4d4b; padding: 17px 20px; font-size: 14px } a.review-show .sprite { position: absolute; top: 0; bottom: 0; right: 25px; margin: auto } a.review-show.opened .sprite { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .review-form__body { padding: 40px; text-align: center; display: none } .review-form__body .submitResult { font-size: 14px } .review-form__body .fieldset input[type=text] { width: 49%; margin-right: 1%; margin-bottom: 11px } .review-form__body .captcha-block img, .review-form__body .captcha-block input[name=captcha_word] { width: 48%; display: inline-block; vertical-align: top } .review-form__body .captcha-block input[name=captcha_word] { margin-left: 2%; height: 40px } .review-form__body .captcha-block .left { width: 48%; margin-right: 1% } a.review-show.opened+.review-form__body { display: block } .payment-list { padding-top: 15px; margin-bottom: 35px } .payment__item.first { display: block; font-size: 14px; margin: 0 0 15px; letter-spacing: .3px } .delivery__item.first { display: block; padding-left: 0 } .payment__item { display: inline-block; vertical-align: middle; margin-right: 32px } .payment__item:last-of-type { margin-right: 0 } .delivery__item { font-size: 14px; margin-bottom: 25px; position: relative; padding-left: 40px; letter-spacing: .3px } .delivery__item .sprite { position: absolute; top: 0; bottom: 0; margin: auto; left: 0 } .if-no-reviews { text-align: center; color: #4d4d4b; border-bottom: 1px solid #eaeaea; max-width: 765px; margin-bottom: 60px; padding: 55px 0 70px } .if-no-reviews .title { margin: 0 auto 25px; font-size: 18px; line-height: 1.35 } .yandex-market { max-width: 595px; margin: 0 auto; line-height: 1.7 } .yandex-market a { color: #69aadf; margin-left: 5px } .banners-block { margin-bottom: 60px } .banners-block .left, .banners-block .right { line-height: 0; width: 48.5%; position: relative } .banners-block .right a.colored-link { padding: 0 35px; letter-spacing: normal; font-size: 12px; height: 30px; line-height: 30px; position: absolute; bottom: 25px; right: 53px } .banners-block .left { float: left } .banners-block .right { float: right } .banner { font-size: 0; position: relative; display: block } .banner__text, .hidden { position: absolute; right: 0 } .banner__text { width: 50%; top: 0; bottom: 0; margin: auto } .banner__text.color1 { background-color: rgba(105, 170, 222, .8); padding: 60px 30px 0 } .banner__text.color1 span { display: block; letter-spacing: 1px } .banner__text.color1 .span1 { color: #fff; font-size: 24px; margin-bottom: 3px } .banner__text.color1 .span2, .banner__text.color1 .span3 { font-size: 30px; font-weight: 700; text-transform: uppercase } .banner__text.color1 .span2 { color: #cadb64; margin-bottom: -8px } .banner__text.color1 .span3 { color: #fff; text-align: right; margin-bottom: -3px } .banner__text.color1 .span4 { text-align: right; color: #5091c5; font-size: 54px; font-weight: 700; } .banner__text.color2 { background-color: rgba(191, 207, 95, .8); text-align: center; padding: 0 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center } .banner__text.color2 .title { color: #fff; font-size: 19px; font-weight: 600; margin-bottom: 15px; line-height: 1.4; letter-spacing: .3px } .banner__text.color2 .p { color: #fff; font-size: 14px; margin-bottom: 22px; line-height: 1.75; text-align: right; letter-spacing: .5px } .banner__text.color2 .banner-link { color: #4685b7; display: inline; margin: 0 5px; font-weight: 700; } .banner__text.color2 .tel { color: #5091c5; font-size: 24px; font-weight: 700; margin-bottom: 25px; letter-spacing: .7px } .banner__text.color2 a.colored-link { padding: 0 35px; letter-spacing: normal; font-size: 12px; height: 30px; line-height: 30px } .banner__text.color2 a.colored-link:hover { opacity: .9 } .banner__text.color2 .banner-wrapper { display: inline-block } .short-form { background-color: #fafafa; display: block; padding: 15px 0; margin-top: -35px } .short-form .inner-container { -webkit-justify-content: space-between; justify-content: space-between } .short-form .item__title { font-size: 40px; font-weight: 300; margin-bottom: 8px; line-height: normal; letter-spacing: 1px; display: inline-block; vertical-align: middle; padding-right: 50px } .short-form .short-form__inline { display: inline-block; vertical-align: middle; float: none } .short-form .delivery-block, .short-form .price_current, .short-form .price_old { display: inline-block; vertical-align: bottom; float: none } .short-form .delivery-block span { display: block } .short-form .delivery-block a { margin: 0 } .short-form .delivery-block { padding-top: 0; margin-bottom: 0; margin-left: 50px } .short-form .form__wishlist-container { margin-left: 50px } .short-form .form__wishlist-container a { display: inline-block; vertical-align: middle; font-size: 14px } .short-form .form__wishlist-container a:first-child { margin-right: 10px } .short-form .form__wishlist-container a div { float: left; margin-right: 10px; margin-top: -5px } .short-form .mini-title { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; letter-spacing: .5px } .short-form .sod_select { margin: 0 10px 0 0; float: none; vertical-align: middle } .short-form .info-block { padding: 0; margin: 0; border-bottom: 0; display: inline-block; vertical-align: middle } .container .short-form .price_old { margin-top: 0 } .short-form .info-link { float: none; display: inline-block } .short-form .short-form__right { padding-top: 30px } .short-form .info-block.links { width: 320px } .short-form .short-form__middle { padding-top: 5px; margin-right: 30px } .short-form .price_current { margin-right: 30px } .hidden { background-color: #4d4d4b; padding: 35px 45px 35px 40px; z-index: 5; width: 600px; top: 100%; font-size: 14px; display: none } div.hidden.show_hidden { display: block !important } .prop_checkbox_info_container { position: relative } .prop_checkbox_info_container .hidden { top: 37px } .hidden p { margin-bottom: 0; color: #fff; line-height: 1.45; letter-spacing: .7px; text-transform: none } .filter__item.last .apply-link, .filter__link, .help__mini-title, .hidden .title, .input-wrapper.modified span, .list-percent1__vertical span, .small-form1__submit, .small-form1__title, .text-and-form__title1, .title-nearest-shop1, .title-small, a.catalogue-item__link, a.options-list__link { text-transform: uppercase } .hidden p:last-of-type { margin-bottom: 30px } .hidden .sprite-close { position: absolute; top: 20px; right: 20px; cursor: pointer } .hidden .title { margin-bottom: 10px; color: #fff } a.hidden-link { color: #eff7c0; letter-spacing: .7px } .hidden:after { position: absolute; content: ''; width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #4d4d4b; border-top: 0; right: 195px; top: -13px } .popup-wrapper { width: 100%; height: 100%; position: fixed; overflow-y: auto; background-color: rgba(0, 0, 0, .6); z-index: 1001; top: 0; left: 0; display: none } .popup-wrapper .formPopup { width: 420px; height: 730px; background-color: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 60px 25px 60px 40px } .with_new_popup .popup-wrapper .formPopup .popup-list-container { flex: 0 0 25%; } .with_new_popup .popup-wrapper .formPopup .popup-list-container h3 { font-size: 20px; margin-bottom: 10px; color: #4b4b4b; font-weight: 300; } .chosen-elem .title, .popup-wrapper .popup__title { font-weight: 600; } .with_new_popup .popup-wrapper .formPopup .j-popup-inner, .with_new_popup .popup-wrapper .formPopup .j-popup-inner2 { flex: 0 0 75%; } .popup-wrapper .formPopup.modified { height: 500px } .popup-wrapper .formPopup.modified .popup__inner { max-height: 310px } .popup-wrapper .formPopup.cityPopup { height: 280px } .popup-wrapper .formPopup.cityPopup .popup__inner { max-height: 210px } .popup-wrapper .sprite-close2 { position: absolute; top: 15px; right: 15px; z-index: 100; width: 20px; height: 20px; background: none; width: 20px; opacity: .2; transition: .5s; } .popup-wrapper .sprite-close2:hover { opacity: 1; } .popup-wrapper .popup__title { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 32px; line-height: 120%;/* or 38px */ text-align: center;/* Blue */ color: #19398B; text-align: left; flex: 0 0 100%; margin-bottom: 10px; } .popup-wrapper .popup__lead-text { margin: 0 0 30px 0; } .popup-wrapper .colored-link { width: 195px; margin: 0 auto; text-align: center; display: block } .chosen-elem { margin-bottom: 0; } .with_new_popup .chosen-elem .img { width: 100%; max-width: 520px; margin-bottom: 15px; float: none; margin-right: 0; } .with_new_popup .chosen-elem .img img { width: 100%; height: auto; max-width: 520px; border: 0; height: auto; max-height: 320px; object-fit: cover; } .chosen-elem .text { float: left; width: 50%; padding: 0 5px 0 20px; margin-top: -4px } .with_new_popup .chosen-elem .text { float: none; width: 100%; padding: 0; margin: 0 } .chosen-elem .title { font-size: 18px; margin-bottom: 25px; line-height: 1.3 } .chosen-elem .art { color: #bababa; font-size: 14px; line-height: normal; letter-spacing: .5px; display: none } .with_new_popup .chosen-elem .title { font-family: Fira Sans; font-style: normal; font-weight: 300; font-size: 17px; line-height: 26px;/* identical to box height, or 153% */ color: #32373E; margin-bottom: 15px; } .with_new_popup .chosen-elem .art { font-family: Fira Sans; font-style: normal; font-weight: 500; font-size: 22px; line-height: 23px;/* identical to box height, or 105% */ display: flex; align-items: flex-end; text-align: center;/* Blue */ color: #19398B; font-weight: 700; } .with_new_popup .chosen-elem .art .ruble-sign { font-weight: 700; } .popup__inner { max-height: 535px; width: 100%; padding-top: 30px; position: relative; margin-bottom: 35px } .with_new_popup .popup__inner { padding-top: 0 } .popup-list { margin: 0 15px 0 -20px } .with_new_popup .popup-list { margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; } .main-content .inner-container .information-block.information-block-after-photo { width: 100%; margin-top: 20px } .with_new_popup .popup-list__item { display: block; vertical-align: top; width: 124px; margin-bottom: 20px; padding: 0; border: 1px solid #ECEEF0; box-sizing: border-box; border-radius: 4px; text-align: center; cursor: pointer; } .with_new_popup .popup-list__item.hide_img .popup-item__wrapper { padding: 26px 0; } .with_new_popup .popup-list__item.hide_img img, .with_new_popup .popup-list__item.hide_img .art-hidden { display: none; } .with_new_popup .popup-list__item.hide_img .title-chose-element { display: block; } .with_new_popup .popup-list__item.hide_img .title-chose-element .j-title-hidden { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 120%;/* identical to box height, or 18px */ text-align: center;/* Grey Icons */ color: #D4D6DB; } .with_new_popup .grouped .popup-list__item { width: 53px; height: 53px; margin-right: 7px } .with_new_popup .popup-list__item:nth-child(even) { margin-left: 8% } .with_new_popup .grouped .popup-list__item:nth-child(even) { margin-left: 0 } .with_new_popup .popup-list__item .title-chose-element { display: none; } .with_new_popup .grouped .popup-list__item .title-chose-element { display: none } .with_new_popup .popup-list__item .art-hidden { al; font-weight: 500; font-size: 14px; line-height: 23px;/* identical to box height, or 164% */ display: flex; align-items: flex-end; text-align: center;/* Style */ color: #6D7686; display: flex; justify-content: center; align-items: center; padding-top: 6px; font-weight: 700; } .with_new_popup .popup-list__item .art-hidden span { /* padding-left:4px; */ font-weight: 700; } .with_new_popup .popup-list__item .art-hidden span.symbol { font-weight: 500; } .with_new_popup .popup-list__item input:checked ~ .art-hidden, .with_new_popup .popup-list__item input:checked ~ .art-hidden span, .with_new_popup .popup-list__item input:checked ~ .title-chose-element .j-title-hidden { color: #19398B; } .with_new_popup .popup-item__wrapper { position: relative; font-size: 0; line-height: normal; padding-bottom: 6px; } .with_new_popup .popup-item__wrapper.grouped input { height: 100% } .with_new_popup .popup-item__wrapper input { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 113px; margin: 0; padding: 0; opacity: 0; cursor: pointer; } .with_new_popup .popup-item__wrapper img { position: relative; z-index: 1; border: 1px solid #d5d5d5; height: 77px; border: 0; width: 100%; object-fit: cover; } .with_new_popup .grouped .popup-item__wrapper img { height: 53px } .with_new_popup .popup-item__wrapper .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: none; border-radius: 4px; border: 2px solid #19398B; background: transparent; } .with_new_popup .popup-item__wrapper .sprite { position: absolute; top: -1px; right: -1px; margin: auto; background: #19398B url(/local/templates/strong/new_site/css/../images/check_pop.svg); background-position: center; /* background: #19398B; */ border-radius: 3px; width: 20px; height: 20px; background-repeat: no-repeat; left: auto; bottom: auto; } .with_new_popup .popup-item__wrapper input:checked+.bg { display: block; height: 100%; } .with_new_popup .grouped .popup-item__wrapper input { height: 53px } .with_new_popup .grouped .popup-item__wrapper .bg { height: 53px !important } .popup-list__item { float: left; width: 33.3333%; padding: 0 20px; margin-bottom: 40px } .popup-item__wrapper { position: relative; font-size: 0; line-height: normal } .popup-item__wrapper input { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0 } .popup-item__wrapper img { position: relative; z-index: 1 } .popup-item__wrapper .bg { background-color: rgba(105, 170, 223, .6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: none } .popup-item__wrapper .sprite { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } .popup-item__wrapper input:checked+.bg { display: block } .hidden-info { display: none } .mini-title2 { font-size: 15px; line-height: 1.8; padding: 30px 35px 0 0; margin-bottom: 10px } .options-list { font-size: 0 } .options-list-wrap { height: 50px; position: relative; padding-right: 75px; overflow: hidden; margin-bottom: 20px } .options-list-wrap .catalog-options-list { display: flex; justify-content: left; flex-flow: row wrap; } .options-list.opened .option-list__item { display: inline-block } .option-list__item { display: none; vertical-align: top; margin: 0 16px 15px 0 } .option-list__item.visible { display: inline-block; background: #FAFAFA; border-radius: 40px; } .option-list__item.last { display: inline-block; position: absolute; top: 0; right: 0 } .option-list__item.last a.options-list__link { background-color: #fff; color: #7db9e5; border-radius: 50%; padding: 0 0 0 3px; width: 40px; text-align: center; font-weight: 700; letter-spacing: 3px; font-size: 16px } .sorting-line>span, a.options-list__link { font-size: 12px; font-weight: 700; } .option-list__item.last a.options-list__link:hover { background-color: #7db9e5; color: #fff } a.options-list__link { display: block; color: #7db9e5; border: 1px solid #7db9e5; border-radius: 25px; padding: 10px 24px; letter-spacing: .5px } .option-list__item.active a.options-list__link, a.options-list__link:hover { background-color: #7db9e5; color: #fff } .catalogue-form { display: block; margin-bottom: 25px } .sorting-line { clear: both; margin-bottom: 55px } .sorting-line>span { display: inline-block; vertical-align: top; margin-right: 25px; letter-spacing: .3px } .select-wrapper { position: relative; display: inline-block; vertical-align: middle; margin-right: 40px; padding-left: 30px } .select-wrapper .sprite { position: absolute; top: 0; left: 0; margin: auto } .select-wrapper .sprite:last-of-type { display: none } .select-wrapper .sod_select { width: auto; border: 0; border-radius: 0; font-style: normal; padding-right: 20px } .sorting-line .select-wrapper .sod_select:hover .sod_label { color: #19398B; } .select-wrapper .sod_select .sod_label { border-bottom: 1px dotted #69aadf; border-right: 0; padding: 2px 0; color: #69aadf; letter-spacing: .7px } .select-wrapper .sod_select:after { background: url(/local/templates/main_new/new_site/css/../images/arrow3.png) center center no-repeat; -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); right: 0; top: 0; } .filter__link.opened .sprite, .select-wrapper .sod_select.open:after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg) } .select-wrapper .sod_select.open:after { transform: rotate(180deg) } .select-wrapper .sod_select .sod_list_wrapper { left: 0; right: auto } .select-wrapper:hover .sod_select .sod_label { color: #7f7f7f; border-bottom: 1px dotted #7f7f7f } .select-wrapper:hover .sod_select:hover:after { background: url(/local/templates/main_new/new_site/css/../images/arrow3-hover.png) center center no-repeat } .select-wrapper:hover .sprite:last-of-type { display: block } .select-wrapper:hover .sprite:first-of-type { display: none } .select-wrapper:first-of-type { padding-left: 35px } .select-wrapper:last-of-type { margin-right: 0 } .select-wrapper .selective-button { height: 24px; background: 0 0; border-bottom: 1px dotted #69aadf; border-right: 0; color: #69aadf; letter-spacing: .7px; padding: 0 5px } .select-wrapper .selective-button.selective-button-active { background: #7db9e5; border-radius: 20px; color: #fff } .select-wrapper .selective-button:hover { background: 0 0; border-bottom: 1px dotted #7f7f7f; color: #7f7f7f } .select-wrapper .selective-button.selective-button-active:hover { background: #7f7f7f; color: #fff } .select-wrapper button.vs-js-sorting { width: auto; border: 0; border-radius: 0; font-style: normal; margin-right: 20px; color: #7f7f7f; border-bottom: 1px dotted #7f7f7f; padding: 0; background: transparent; } .select-wrapper button.vs-js-sorting.active { color: #69aadf; } .cnt { float: left; width: 73.5% } .catalogue-list { margin-bottom: 20px } .catalogue-list__item { border: 1px solid #e3e3e3; margin-bottom: 30px; border-radius: 3px; overflow: hidden; } .catalog_section_items__container .icons_new span, .catalogue-list__item .icons_new span { font-size: 11px; padding-top: 16px } .catalog_section_items__container .icons_discount, .catalogue-list__item .icons_discount { font-size: 14px; padding-top: 12px } .icons_present { background-color: #69aadf } .catalogue__img { float: left; width: 30%; position: relative; font-size: 0; line-height: 0 } .catalog_section_items__container .icons, .catalogue__img .icons { top: 0; width: 40px } .catalog_section_items__container .icons>div, .catalogue__img .icons>div { height: 40px; overflow: hidden; position: relative; color: #fff } .catalogue__text { float: left; width: 70%; padding: 25px 30px 10px } a.catalogue-item__link { display: inline-block; color: #4d4d4b; letter-spacing: .3px; margin-bottom: 20px; clear: both; max-height: 35px; overflow: hidden } a.catalogue-item__link span { display: inline; font-weight: 400; color: rgba(77, 77, 77, 0.8); font-size: 16px; line-height: 36px; } .text__left, .text__right { float: left; width: 50% } .catalogue__table { width: 100%; table-layout: fixed; margin-bottom: 15px; font-size: 12px; font-weight: 400; line-height: 22px; } .catalogue__table td { height: 24px; vertical-align: top; letter-spacing: .8px } .catalogue-list__item .catalogue__table td:first-child { width: 60% } .catalogue__table td:first-of-type { color: #888; } .catalogue__table td:last-of-type { color: #383838; } .bottom__links a { display: inline-block; vertical-align: middle; margin-right: 20px } a.comments-link { position: relative; padding-left: 25px; font-size: 12px; color: #7f7f7f } a.comments-link .sprite { position: absolute; top: 0; bottom: 0; left: 0; margin: auto } .text__right .info-link, a.comments-link span { margin-left: 5px; font-size: 12px; display: inline-block } a.comments-link span { line-height: normal; color: #69aadf } .text__right { text-align: right; padding-top: 5px } .text__right .sod_select { margin-right: 0; padding-right: 20px } .text__right .delivery-block { letter-spacing: .3px; font-size: 12px; margin-bottom: 3px } .text__right .info-link { color: #bfcf5f; cursor: pointer; } .text__right a.colored-link, .text__right button.colored-link { height: 30px; font-size: 11px; line-height: 30px } .text__right .info-block.links { float: right; max-width: 270px; width: 100%; margin-bottom: 0; padding-bottom: 0 } .text__right .info-block.links a:last-of-type { padding: 0 33px } .item__size { margin-bottom: 15px } .item__size>span { display: inline-block; vertical-align: middle; margin-right: 10px } .sp-element-container .price_old { float: right; color: #bababa; position: relative; font-size: 24px; letter-spacing: .6px; margin-right: 55px; margin-top: 0; text-decoration: line-through } .captcha-block a:hover, .maps__text a:hover, a.clean-filters:hover, a.open-all-filters:hover, li.recommendation__item a:hover { text-decoration: underline } .sp-element-container .price_old:after { content: none } .item__discount { display: inline-block; position: relative; padding-left: 50px } .item__discount .price_current { padding-left: 0; float: none; display: inline-block; margin-left: 10px } .item__discount .price_current span { font-size: 24px } .item__discount .price_old { float: none; display: inline-block; margin-top: 0 } .catalogue-list .catalogue-list__item .item__discount .discount { font-size: 12px; line-height: 39px; top: 3px; font-weight: 600; color: #fff; text-align: center } .help__title p, .maps__text .title, #wrapper .maps__text .title { color: #4d4d4d; font-size: 16px; font-weight: 400; line-height: 30px; } .pagination-block { text-align: center; margin-bottom: 30px } .mainpagerew .pagination-block { margin-bottom: 20px; } .pagination-block .options-list__link { display: block; margin: 0 auto; max-width: 150px; } .pagination-list { display: inline-block; vertical-align: middle; font-size: 0; margin: 0 0 20px 0; } .pagination-list__item { margin: 0px; display: inline-block; vertical-align: middle } .pagination-list__item.first { margin: 0 50px 0 0 } .pagination-list__item.last { margin: 0 0 0 50px } a.pagination__link { width: 38px; height: 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 10px; text-align: center; font-weight: 400; font-size: 14px; line-height: 1; border: 1px solid #D3D6DB; border-radius: 50%; padding-top: 1px; color: #000; } a.pagination__link.page-pagination__dotted { border-color: transparent; } a.pagination__link:hover { background-color: #f5fbff } .pagination-list__item.active a.pagination__link { background-color: #bfcf5f; border: 1px solid #bfcf5f; color: #fff } .aside { float: left; width: 26.5%; padding-left: 40px } .filter { background-color: #f6f6f6; padding-bottom: 15px; margin-bottom: 40px } .filter .fieldset { margin-bottom: 27px } .filter .input-price { height: 30px; border: 1px solid #d5d5d5; color: #4d4d4b; padding-left: 10px; border-radius: 4px } .filter .more-info { position: absolute; top: 0; bottom: 0; margin: auto } .input-price::-webkit-input-placeholder { color: rgba(25, 57, 139, 0.6); font-style: italic; opacity: 1; transition: opacity .3s ease } .input-price::-moz-placeholder { color: rgba(25, 57, 139, 0.6); font-style: italic; opacity: 1; transition: opacity .3s ease } .input-price:-moz-placeholder { color: rgba(25, 57, 139, 0.6); font-style: italic; opacity: 1; transition: opacity .3s ease } .input-price:-ms-input-placeholder { color: rgba(25, 57, 139, 0.6); font-style: italic; opacity: 1; transition: opacity .3s ease } .input-price:focus::-webkit-input-placeholder { opacity: 0; transition: opacity .3s ease } .input-price:focus::-moz-placeholder { opacity: 0; transition: opacity .3s ease } .input-price:focus:-moz-placeholder { opacity: 0; transition: opacity .3s ease } .input-price:focus:-ms-input-placeholder { opacity: 0; transition: opacity .3s ease } .input-price:first-of-type { float: left; width: 47% } .input-price:last-of-type { float: right; width: 47% } .filter__link { cursor: pointer; display: block; padding: 18px 55px 16px 60px; position: relative; color: #4d4d4b; font-size: 14px; background-color: #f2f2f2; line-height: normal; border-radius: 3px; } .filter__link>.sprite { position: absolute; top: 0; bottom: 0; left: 30px; margin: auto; -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } .filter__link .more-info { right: 30px } .filter__link>.hidden { margin-top: 2px; right: 0 } .filter__link>.hidden:after { right: 22px } .filter__link.opened .sprite { transform: rotate(180deg) } .inner-filter { padding: 20px 30px } .inputs-list-wrapper { max-height: 400px; position: relative } .input-wrapper { position: relative; padding: 0 20px 0 30px; margin-bottom: 20px; min-height: 20px } .input-wrapper .fake-input, .input-wrapper input { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border: 1px solid #d5d5d5; border-radius: 3px; margin: 0; padding: 0; background-color: transparent } .input-wrapper input { opacity: 0; z-index: 2 } .input-wrapper .fake-input { z-index: 1 } .input-wrapper .fake-input .sprite { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: none } .choice-block, .filter__item, .your-choice { position: relative } .input-wrapper span { color: #4d4d4b; font-size: 13px; font-weight: 400; line-height: 31px; text-transform: lowercase; } .input-wrapper > span { margin-left: 10px; } .input-wrapper.bx_filter_param_label a { margin-left: 10px; display: inline-block; vertical-align: middle; } .input-wrapper.bx_filter_param_label a:link span { color: #69aadf; } .input-wrapper.bx_filter_param_label a:visited span { color: #69aadf; } .input-wrapper.bx_filter_param_label a:hover span { color: #0059a7; } .input-wrapper.bx_filter_param_label a:active span { color: #0059a7; } .fake-input.radio { border-radius: 100% !important; } .input-wrapper .fake-input.radio .sprite { border-radius: 100% !important; background: transparent !important; } .input-wrapper .fake-input.radio .sprite:before { background: #19398B; border: none; width: 10px; border-radius: 100%; margin-left: -1px; } .input-wrapper input:checked+.fake-input.radio { border: 2px solid #19398B; } .input-wrapper input:checked+.fake-input .sprite { display: block } .filter__item .bx_filter_param_text, .filter__item .fake-input { display: inline-block; vertical-align: middle } .input-wrapper input:checked+.fake-input+span, .input-wrapper input:checked+.fake-input+span span { color: #69aadf } .input-wrapper .more-info { right: 0; bottom: auto; top: 0 } .input-wrapper .hidden { margin-top: 15px; right: -30px } .input-wrapper .hidden:after { right: 23px } .input-wrapper:last-of-type { margin-bottom: 0 } .input-wrapper.modified { margin-bottom: 15px } .input-wrapper.modified span { font-size: 14px } .input-wrapper.modified:first-of-type { margin-bottom: 30px } .filter__item.last { text-align: center } .filter__item .fake-input { position: relative; margin-left: -30px } .filter__item.last .apply-link { display: block; width: 100%; border: 1px solid #69aadf; text-align: center; color: #69aadf; height: 40px; line-height: 40px; border-radius: 25px; background-color: transparent; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-bottom: 35px } .filter__item.last .apply-link:hover { background-color: #69aadf; color: #fff } a.open-all-filters { color: #69aadf; display: inline-block; font-size: 14px } .your-choice { background-color: #fdfdfd; padding: 35px 30px 90px; text-align: center; margin-bottom: 40px } .your-choice.your-choice-in-catalog { padding-left: 0; padding-top: 0; background: #fff; width: auto; float: left } .your-choice .title { text-align: left; text-transform: uppercase; font-size: 14px; margin-bottom: 7px } .your-choice.your-choice-in-catalog .choice-block { font-size: 14px } .choice-block { border-bottom: 1px solid #e3e3e3; min-height: 60px; font-size: 12px; text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; padding: 5px 30px 5px 0 } .aside .banner__text.color2 .p, .clean-filters { text-align: center } .choice-block .sprite { position: absolute; top: 0; bottom: 0; right: 0; margin: auto } .choice-block span { line-height: 1.4 } .choice-block.first { display: block; padding-top: 25px } .choice-block.first span { display: inline-block; margin: 0 5px } .clean-filters { position: absolute; bottom: 35px; left: 0; right: 0; margin: auto } .clean-filters a { display: inline-block; color: #69aadf; font-size: 14px } .aside .banner { line-height: 0 } .aside .banner__text.color2 { left: 0; top: auto; width: 100%; height: 50%; padding: 20px 15px 0 } .catalogue__bottom { background-color: white; padding: 0; margin-bottom: -10px /* padding: */ } .maps { margin-bottom: 0; padding-bottom: 45px } .maps__text { float: left; width: 40%; padding: 0 35px 0 0 } .maps .hr { float: right; margin-top: 44px; height: 0px; border: 1px solid #ebebeb; width: 100%; } .maps__text .title, #wrapper .maps__text .title { margin-bottom: 25px; color: #4d4d4b; font-size: 32px; font-weight: 400; line-height: 44px; } .maps__text .p, #wrapper .maps__text .p { color: #4d4d4d; font-size: 16px; font-weight: 400; line-height: 30px; } .maps__text a { display: inline; font-size: 16px; line-height: 30px; color: #0059a7; font-weight: 700; } .maps__text .catalog-sections__seo__tel { position: relative; color: #4d4d4d; font-size: 24px; font-weight: 400; line-height: 30px; margin: 16px 0px; padding-left: 36px; } .maps__text .catalog-sections__seo__tel::before { position: absolute; content: ''; display: block; width: 24px; height: 21px; top: 8px; left: -4px; background-image: url('/local/templates/strong/img/mobile.png'); } .maps__slider { float: left; width: 60%; height: 300px; padding-left: 7px } .maps__slider .slick-slide a:focus, .maps__slider .slick-slide:focus { outline: 0 } .nav-slider-wrapper { position: relative; padding: 0 50px; background-color: #fbfbfb } .nav-slider-wrapper .next, .nav-slider-wrapper .prev { position: absolute; top: 0; width: 50px; height: 50px; background-color: #fff; z-index: 5 } .nav-slider-wrapper .next .sprite, .nav-slider-wrapper .prev .sprite { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s } .nav-slider-wrapper .next .sprite:last-of-type, .nav-slider-wrapper .prev .sprite:last-of-type { opacity: 0 } .nav-slider-wrapper .prev { left: 0 } .nav-slider-wrapper .next { right: 0 } .nav-slider-wrapper .next:hover, .nav-slider-wrapper .prev:hover { background-color: #bfcf5f } .nav-slider-wrapper .next:hover .sprite:last-of-type, .nav-slider-wrapper .prev:hover .sprite:last-of-type { opacity: 1 } .nav-slider-wrapper .next:hover .sprite:first-of-type, .nav-slider-wrapper .prev:hover .sprite:first-of-type { opacity: 0 } .inner-container .maps__slider .nav-slider-wrapper .nav-slider__item { color: #4d4d4b; font-size: 13px; padding: 3px 8px; height: 50px; cursor: pointer } .slick-initialized .nav-slider__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center } .inner-container .maps__slider .nav-slider-wrapper .nav-slider__item.slick-current { background-color: #69aadf; color: #fff } .maps-slider img { max-width: none; max-height: none } .maps-slider__item iframe { height: 290px; width: 100% } .maps-slider { padding-bottom: 50px; background-color: #fff } .help-block__wrapper { display: none } .help__title { display: inline-block; clear: both; position: relative; padding-left: 55px; margin-bottom: 55px; line-height: normal; cursor: pointer } .help__title .sprite { position: absolute; top: 10px; bottom: 0; left: 0; margin: auto; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .help__title p { font-size: 40px; margin-bottom: 0; line-height: normal; letter-spacing: 1px } .help__mini-title, .help__title .recommendations { line-height: normal; letter-spacing: .5px; font-weight: 600; } .help__title .recommendations { color: #7db9e5; font-size: 20px } .help__title.opened .sprite { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } .help__left, .help__right { float: left; width: 50%; font-size: 14px } .help__left { padding-right: 30px } .help__mini-title { font-size: 20px; margin-bottom: 55px } .help__mini-title+p, .list-title+p { margin-bottom: 50px; line-height: 1.45; letter-spacing: .7px } .list-title { font-size: 18px; font-weight: 600; margin-bottom: 35px; letter-spacing: .4px } .recommendation-list { margin-bottom: 55px } .recommendation-list2 { margin-bottom: 50px } li.recommendation__item { position: relative; padding-left: 30px; margin-bottom: 20px; line-height: 1.45; letter-spacing: .6px } li.recommendation__item a { color: #69aadf; margin: 0 5px } .recommendation__item:before { position: absolute; content: ''; width: 8px; height: 8px; border-radius: 50%; background-color: #bfcf5f; left: 0; top: 5px } li.recommendation__item2 { position: relative; padding-left: 50px; line-height: 1.45; letter-spacing: .6px; margin-bottom: 20px } li.recommendation__item2 .number { position: absolute; top: -3px; left: 0; width: 30px; height: 30px; text-align: center; color: #bfcf5f; border-radius: 50%; border: 1px solid #bfcf5f; line-height: 28px; font-size: 14px } .help__right { padding-left: 30px } .help__right iframe { height: 415px; margin-bottom: 20px } .help__video { margin-bottom: 55px } .help__video p { font-size: 16px; margin-bottom: 10px; line-height: 1.45 } .captcha-block { text-align: left; margin-bottom: 45px; margin-top: 25px; margin-bottom: 25px; } .captcha-block .left { width: 49%; float: left } .captcha-block .right { width: 100%; float: none; } .captcha-block .input-wrapper { font-size: 12px; padding: 1px 0 0 35px; letter-spacing: .5px; line-height: 1.6; position: relative; cursor: pointer; display: inline-block; vertical-align: top; padding-left: 36px; width: 100%; font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 23px; color: rgba(111, 118, 133, 0.5); } .captcha-block a { display: inline-block; margin-right: 5px; color: #19398b; -webkit-text-decoration: dotted; text-decoration: underline; -webkit-text-decoration-line: underline; text-decoration-line: underline; } @media screen and (max-width:1499px) { /*.popup-wrapper .formPopup {*/ /* position: relative;*/ /* top: auto;*/ /* bottom: auto;*/ /* left: auto;*/ /* right: auto;*/ /* margin: 20px auto;*/ /* padding: 35px 25px 30px 40px;*/ /* height: auto*/ /*}*/ .popup-wrapper .formPopup.modified { height: auto } .popup-list__item { margin-bottom: 30px } .popup__inner { max-height: 420px } a.options-list__link { padding: 10px 20px } } @media screen and (max-width:1299px) { .item__info { width: 45%; } .switch-top__item { padding: 4px 25px 4px; } .banner__text.color1 { padding: 40px 30px 0 } .banner__text.color2 .title { font-size: 17px } .banner__text.color2 .p { font-size: 13px; line-height: 1.5 } .short-form .item__title { font-size: 32px } .short-form .short-form__middle { margin-right: 0 } .option-list__item { margin: 0 15px 15px 0 } a.options-list__link { font-size: 13px } .catalogue-list, .sorting-line { margin-bottom: 35px } .maps { margin-bottom: 70px } .maps__text { padding-top: 30px } .catalogue__text { padding: 15px 20px 5px } a.catalogue-item__link { margin-bottom: 15px } .catalogue__table td { letter-spacing: normal } .catalogue__table { margin-bottom: 10px } } @media screen and (max-width:1199px) { .item__info { width: 51%; padding-left: 30px } .product_info_right .info_inline { width: 100% !important; } .product_info_right { height: auto !important; } .product_info_right .info_inline.right_info { padding-left: 0px !important; border: none !important; } .props-inline-on-pic_big { padding: 36px 0px !important; } .big-picture { height: 560px } .big-picture .buttons_top_picture { top: 10px; } .mini-pics__item { padding: 17px 0 } a.switch-top__link { padding: 7px } .switch-top__item { padding: 4px 13px 4px } .banner__text.color1 .span1 { font-size: 20px } .banner__text.color1 .span2, .banner__text.color1 .span3 { font-size: 25px } .banner__text.color1 .span2 { margin-bottom: 0 } .banner__text.color1 .span4 { font-size: 45px } .banner__text.color2 .title { font-size: 14px; margin-bottom: 10px } .banner__text.color2 { padding: 0 15px } .banner__text.color2 .p { font-size: 11px; margin-bottom: 10px } .banners-block .left, .banners-block .right { width: 49% } .banner__text.color2 .tel { font-size: 21px; margin-bottom: 15px } .short-form .item__title { font-size: 28px } .short-form .mini-title { display: block; margin: 0 0 7px } .short-form__middle .price_current span { font-size: 30px } .short-form__middle .price_old { margin-top: 18px } .short-form .price_current { margin-right: 25px } .short-form__right a.colored-link, .short-form__right button.colored-link { font-size: 12px } .short-form .info-block.links { width: 290px } .mini-title2 { padding-top: 20px } a.options-list__link { font-size: 12px; padding: 8px 12px } .option-list__item { margin: 0 12px 12px 0 } .options-list { margin-bottom: 25px } .catalogue__table, .pagination-block, a.catalogue-item__link { margin-bottom: 10px } .cnt { width: 75% } .aside { width: 25%; padding-left: 20px } .catalogue__text { padding: 10px 15px 5px } .item__discount .price_current span { font-size: 20px; margin-right: 5px } .item__discount .price_old { font-size: 12px } .item__discount .price_current { margin-left: 5px } .item__discount { white-space: nowrap } .text__right .info-block.links a:first-of-type, .text__right .info-block.links a:last-of-type { padding: 0 15px } .text__right { width: 48% } .text__left { width: 52% } .catalogue__table td { height: 18px } .catalogue__table { font-size: 11px; width: 102% } .filter__link { padding: 15px 35px 15px 45px } .filter__link>.sprite { left: 20px } .inner-filter { padding: 20px 15px } .filter__link .more-info { right: 15px } .filter__item.last .apply-link { margin-bottom: 25px } .filter { padding-bottom: 5px; margin-bottom: 30px } .your-choice { padding: 25px 18px 80px; margin-bottom: 30px } .choice-block { min-height: 55px } .choice-block.first { padding-top: 20px } .clean-filters { bottom: 25px } .aside .banner__text.color2 { padding: 10px 7px 0 } .maps__text .title { font-size: 32px; letter-spacing: normal } .maps__text { width: 36%; padding: 5px 30px 0 0 } .maps__slider { width: 64%; padding-left: 0 } .item__size { margin-bottom: 10px } .text__right .info-block.links { max-width: 200px; padding-top: 10px } .item__size>span { font-size: 11px; margin-right: 8px } a.catalogue-item__link span { font-size: 11px } .text__right { padding-top: 0; margin-top: -5px } .text__right a.colored-link, .text__right button.colored-link { font-size: 10px; height: 25px; line-height: 25px } } .catalogue-list__item .props-inline-on-pic { position: relative; line-height: normal } .props-inline-on-pic { position: absolute; width: 100%; background: #fafafa; left: 0; bottom: 0; text-align: right } .catalogue-list__item .props-inline-on-pic .props-inline-on-pic-item { width: 45px; height: 45px } .props-inline-on-pic .props-inline-on-pic-item { width: 70px; height: 70px; border-left: 1px solid #f0f0f0; display: inline-block; vertical-align: middle; position: relative; overflow: hidden } .props-inline-on-pic .props-inline-on-pic-item span { font-size: 10px; text-align: center; color: #7f7f7f } .props-inline-on-pic .props-inline-on-pic-item.prop-inline-PLACE_LOAD span { width: 16px; display: block; position: absolute; left: 50%; top: 50%; margin-left: -7.5px; margin-top: -.5px; line-height: 6px } .props-inline-on-pic .props-inline-on-pic-item.prop-inline-GARANTIA span { width: 16px; display: block; position: absolute; left: 50%; top: 50%; margin-left: -6.5px; margin-top: -8.5px; line-height: 8px; word-wrap: break-word } .props-inline-on-pic .props-inline-on-pic-item.prop-inline-HEIGHT span { width: 16px; display: block; position: absolute; left: 50%; top: 50%; margin-left: -21.5px; margin-top: -7.5px; line-height: 8px } .catalogue-list__item .props-inline-on-pic .props-inline-on-pic-item.prop-inline-HEIGHT span { margin-left: -17.5px; margin-top: -6.5px } .props-inline-on-pic .props-inline-on-pic-item.prop-inline-HARDNESS span { display: block; position: absolute; text-align: center; width: 100%; bottom: 9px; left: 1px } .catalogue-list__item .compare_btn *, .show-tablet1 { display: none } .catalogue-list__item .props-inline-on-pic .props-inline-on-pic-item.prop-inline-HARDNESS span { bottom: 1px; left: 0 } .props-inline-on-pic .props-inline-on-pic-item.prop-inline-PLACE_LOAD { background: url(/local/templates/main_new/new_site/css/../props_inline/PLACE_LOAD.png) center no-repeat } .props-inline-on-pic .props-inline-on-pic-item.prop-inline-HARDNESS { background: url(/local/templates/main_new/new_site/css/../props_inline/HARDNESS.png) center no-repeat; width: 65px } .props-inline-on-pic .props-inline-on-pic-item.prop-inline-ALL_SEASON { background: url(/local/templates/main_new/new_site/css/../props_inline/ALL_SEASON.png) center no-repeat } .props-inline-on-pic .props-inline-on-pic-item.prop-inline-GARANTIA { background: url(/local/templates/main_new/new_site/css/../props_inline/GARANTIA.png) center no-repeat } .props-inline-on-pic .props-inline-on-pic-item.prop-inline-CERTIPRURE { background: url(/local/templates/main_new/new_site/css/../props_inline/CERTIPRURE.png) center no-repeat } .props-inline-on-pic .props-inline-on-pic-item.prop-inline-HEIGHT { background: url(/local/templates/main_new/new_site/css/../props_inline/HEIGHT.png) 18px 17px no-repeat } .catalogue-list__item .props-inline-on-pic .props-inline-on-pic-item.prop-inline-HEIGHT { background-position: 11px 5px } .catalogue-list__item .compare_btn.active { background-position: -50px 0 } .catalogue-list__item .compare_btn { text-indent: -9999px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50% } @media only screen and (min-device-width:320px) and (max-device-width:480px) { * { -webkit-text-size-adjust: none } } table { border-spacing: 0; border-collapse: collapse; width: 100% } .clear { clear: both } .page { overflow: hidden; position: relative; width: 100% } input[type=password], input[type=text], textarea { -webkit-box-sizing: border-box; box-sizing: border-box } input:focus::-webkit-contacts-auto-fill-button { opacity: 0 } @media only screen and (max-width:1000px) { .show-tablet1 { display: block } .hide-tablet1 { display: none } } .show-mobile1 { display: none } @media only screen and (max-width:760px) { .show-mobile1 { display: block } .hide-mobile1 { display: none } } .slick-list, .slick-slider, .slick-track { position: relative; display: block } .slick-slider { -khtml-user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slider-product-small.active .next, .slider-product-small.active .prev { z-index: 999 !important } .slick-loading .slick-list { background: #fff } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slide, .slick-slide img, .slick-slider .slick-list, .slick-track { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { left: 0; top: 0; zoom: 1 } .slick-track:after, .slick-track:before { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px } .slick-slide img { display: block; max-width: 100% } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-next, .slick-prev { position: absolute; top: 50%; margin-top: -10px; font: 0/0 a; text-shadow: none; color: transparent; height: 20px; background: 0 0; left: 0; z-index: 1 } .item-wrapper .item__gallery .slick-next, .item-wrapper .item__gallery .slick-prev { display: none } .slick-next:focus, .slick-prev:focus { outline: 0 } .slick-next.slick-disabled, .slick-prev.slick-disabled { opacity: .2 } .slick-next:before, .slick-prev:before { height: 30px; line-height: 30px; content: "prev"; display: inline-block; vertical-align: middle; font-size: 15px; color: #fff; background: #000 } .slick-next { right: 0; left: auto } .slick-next:before { content: "next"; display: inline-block } .fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object { padding: 0; margin: 0; border: 0; outline: 0; vertical-align: top } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020 } .fancybox-inner, .fancybox-outer, .fancybox-skin { } .fancybox-skin { background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px } .fancybox-opened { z-index: 8030 } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); box-shadow: 0 10px 25px rgba(0, 0, 0, .5) } .fancybox-inner { overflow: hidden } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap } .fancybox-iframe, .fancybox-image { display: block; width: 100%; height: 100% } .fancybox-image { max-width: 100%; max-height: 100% } #fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span { background-image: url(/local/templates/strong/images/partners/fc/fancybox_sprite.png) } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: .8; cursor: pointer; z-index: 8060 } .fancybox-close, .fancybox-nav, .fancybox-nav span { z-index: 8040; position: absolute; cursor: pointer } #fancybox-loading div { width: 44px; height: 44px; background: url(/local/templates/strong/images/partners/fc/fancybox_loading.gif) center center no-repeat } .fancybox-close { top: -18px; right: -18px; width: 36px; height: 36px } .fancybox-nav { top: 0; width: 40%; height: 100%; text-decoration: none; background: url(/local/templates/strong/images/partners/fc/blank.gif); -webkit-tap-highlight-color: transparent } .check2 a:hover, .download-detail1:hover, .list-link1__item a, .list-post1__title:hover, .text-and-slide1__left-text p a:hover { text-decoration: underline } .fancybox-prev { left: 0 } .fancybox-next { right: 0 } .fancybox-nav span { top: 50%; width: 36px; height: 34px; margin-top: -18px; visibility: hidden } .fancybox-prev span { left: 10px; background-position: 0 -36px } .fancybox-next span { right: 10px; background-position: 0 -72px } .fancybox-nav:hover span { visibility: visible } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important } .fancybox-lock, .fancybox-lock body { overflow: hidden !important } .fancybox-lock { width: auto } .fancybox-lock-test { overflow-y: hidden !important } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(/local/templates/strong/images/partners/fc/fancybox_overlay.png) } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0 } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll } .fancybox-title { visibility: hidden; font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050 } .title-contact__title, .fancybox-opened .fancybox-title { visibility: visible } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: 0 0; background: rgba(0, 0, 0, .8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: 700; line-height: 24px; white-space: nowrap } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff } .fancybox-title-inside-wrap { padding-top: 10px } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8) } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) { #fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span { background-image: url(/local/templates/strong/images/partners/fc/fancybox_sprite@2x.png); background-size: 44px 152px } #fancybox-loading div { background-image: url(/local/templates/strong/images/partners/fc/fancybox_loading@2x.gif); background-size: 24px 24px } } .nav-slide-top__item { height: 50px; line-height: 50px; font-size: .01px; text-align: center; cursor: pointer; position: relative } .nav-slide-top__item.slick-current, .nav-slide-top__item:hover { background: #69aadf } .nav-slide-top__item.slick-current .nav-slide-top__vertical span, .nav-slide-top__item:hover .nav-slide-top__vertical span { color: #fff } @media only screen and (max-width:760px) { .nav-slide-top__item { background: #69aadf } .nav-slide-top__item .nav-slide-top__vertical span { color: #fff } } .nav-slide-top__vertical span, .title-address1 { color: #4d4d4b; } .nav-slide-top__item:before { position: absolute; top: 0; left: -.5px; right: -.5px; display: block; content: ''; bottom: 0; border-left: 1px solid #fff; border-right: 1px solid #fff } .nav-slide-top__vertical { display: inline-block; vertical-align: middle; padding: 0 5px } .nav-slide-top__vertical span { height: 50px; line-height: 20px; display: table-cell; vertical-align: middle; font-size: 14px; font-weight: 400; letter-spacing: .35px } .slide-content-maps1__item { height: 460px; position: relative } @media only screen and (max-width:1000px) { .slide-content-maps1__item { height: 300px } } @media only screen and (max-width:760px) { .slide-content-maps1__item:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ''; background: 0 0 } } .slide-content-maps1 .slick-dots { text-align: center; font-size: .01px; height: 50px } .slide-content-maps1 .slick-dots li { display: inline-block; vertical-align: top; position: relative; top: 22px; width: 6px; cursor: pointer; height: 6px; background-color: #c7d1d9; border-radius: 6px; margin: 0 16px } @media only screen and (max-width:760px) { .slide-content-maps1 .slick-dots li { margin: 0 5px } } .slide-content-maps1 .slick-dots li button { display: none } .slide-content-maps1 .slick-dots li:before { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; display: block; content: ''; background: rgba(51, 51, 51, 0) } .slide-content-maps1 .slick-dots li.slick-active:after { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; display: block; content: ''; background-color: #e4eea7; margin-left: -4px; margin-top: -4px; border-radius: 8px } .test-map1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(/local/templates/strong/images/partners/map1.jpg) } .title-address1 { font-size: 20px; font-weight: 600; line-height: 22px; letter-spacing: .5px; padding-bottom: 40px } .text-and-map__left-text p, .text-and-map__left-text p.text-and-map__mod1 { color: #4d4d4b; line-height: 20px; } .text-and-map:after { content: " "; display: table; clear: both } .text-and-map__right-map { float: right; width: 47.5%; height: 515px; position: relative } @media only screen and (max-width:1000px) { .text-and-map__right-map { float: none; width: auto; height: 300px; margin-bottom: 30px } } @media only screen and (max-width:760px) { .text-and-map__right-map:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ''; background: 0 0 } } .text-and-map__left-text { width: 45%; max-width: 580px; float: left } @media only screen and (max-width:1000px) { .text-and-map__left-text { float: none; width: auto; max-width: 1000px } } .text-and-map__left-text p { font-size: 16px; font-weight: 300; letter-spacing: .4px; padding-bottom: 18px } .text-and-map__left-text p.text-and-map__mod1 { font-size: 14px; font-weight: 400; letter-spacing: .35px } .text-and-map__title1, .text-and-map__title2 { color: #4d4d4b; font-weight: 600; line-height: 21px } .text-and-map__title1 { font-size: 18px; letter-spacing: .45px; padding-bottom: 30px } .text-and-map__title2 { font-size: 20px; letter-spacing: .5px; padding-bottom: 36px } .download-detail1 { display: inline-block; vertical-align: top; padding-left: 39px; position: relative; padding-top: 7px; color: #69aadf; font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: .35px } .text-and-slide1__left-text p, .title-main1 { color: #4d4d4b; } .download-detail1:before { background: url(/local/templates/strong/images/partners/i7.svg) no-repeat; background-size: 22px 30px; width: 22px; height: 30px; display: inline-block; display: block; position: absolute; top: 0; left: 0; content: '' } @media only screen and (max-width:760px) { .download-detail1 { padding-left: 30px; font-size: 13px; padding-top: 8px } } .title-main1 { font-size: 40px; font-weight: 300; letter-spacing: 1px; line-height: 43px; padding-bottom: 27px } .text-and-slide1 { padding-bottom: 70px } .text-and-slide1:after { content: " "; display: table; clear: both } .text-and-slide1__right { float: right; width: 49%; max-width: 610px } @media only screen and (max-width:1000px) { .title-main1 { font-size: 28px; line-height: 33px } .text-and-slide1 { padding-bottom: 35px } .text-and-slide1__right { width: auto; max-width: 500px; margin: auto; float: none } } .text-and-slide1__left-text { float: left; max-width: 618px; width: 49%; padding-top: 70px } @media only screen and (max-width:1000px) { .text-and-slide1__left-text { float: none; width: auto; max-width: 100%; padding-bottom: 40px } } .text-and-slide1__left-text p { font-size: 16px; font-weight: 300; line-height: 20px; letter-spacing: .4px; padding-bottom: 17px } .text-and-slide1__left-text p:last-child { padding-bottom: 0 } .text-and-slide1__left-text p a { color: #69aadf } .text-and-slide1__title { color: #4d4d4b; font-size: 40px; font-weight: 300; line-height: 42px; padding-bottom: 30px } .list-year1__description, .title-small { font-weight: 400; } @media only screen and (max-width:1100px) { .text-and-slide1__left-text { padding-top: 0 } .text-and-slide1__title { font-size: 33px } } @media only screen and (max-width:1000px) { .text-and-slide1__title { font-size: 28px; line-height: 33px } } .slider-foto1 { position: relative } .slider-foto1 .prev { position: absolute; top: 165px; left: 0; width: 50px; height: 50px; cursor: pointer; background-color: #fbfbfb; z-index: 1 } @media only screen and (max-width:760px) { .slider-foto1 .prev { top: 100px } } .slider-foto1 .prev:after, .slider-foto1 .prev:before { top: 17px; left: 19px; content: ''; width: 10px; height: 17px; display: inline-block; position: absolute } .slider-foto1 .prev:before { background: url(/local/templates/strong/images/partners/i5.svg) no-repeat; background-size: 10px 17px } .slider-foto1 .prev:after { background: url(/local/templates/strong/images/partners/i5-1.svg) no-repeat; background-size: 10px 17px; opacity: 0 } .slider-foto1 .prev:hover { background: #bfcf5f } .slider-foto1 .prev:hover:before { opacity: 0 } .slider-foto1 .prev:hover:after { opacity: 1 } .slider-foto1 .next { position: absolute; top: 165px; right: 0; width: 50px; height: 50px; cursor: pointer; background-color: #fbfbfb } @media only screen and (max-width:760px) { .slider-foto1 .next { top: 100px } } .slider-foto1 .next:after, .slider-foto1 .next:before { position: absolute; top: 17px; right: 19px; width: 10px; height: 17px; display: inline-block; content: '' } .slider-foto1 .next:before { background: url(/local/templates/strong/images/partners/i6.svg) no-repeat; background-size: 10px 17px } .slider-foto1 .next:after { background: url(/local/templates/strong/images/partners/i6-1.svg) no-repeat; background-size: 10px 17px; opacity: 0 } .slider-foto1 .next:hover { background: #bfcf5f } .slider-foto1 .next:hover:before { opacity: 0 } .slider-foto1 .next:hover:after { opacity: 1 } .slider-foto1__item { height: 380px; background-position: center; background-repeat: no-repeat; background-size: cover } @media only screen and (max-width:760px) { .slider-foto1__item { height: 250px } } .slider-foto1 .slick-dots { text-align: center; font-size: .01px; height: 50px } .slider-foto1 .slick-dots li { display: inline-block; vertical-align: top; position: relative; top: 22px; width: 6px; cursor: pointer; height: 6px; background-color: #c7d1d9; border-radius: 6px; margin: 0 16px } @media only screen and (max-width:760px) { .slider-foto1 .slick-dots li { margin: 0 5px } } .slider-foto1 .slick-dots li button { display: none } .slider-foto1 .slick-dots li:before { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; display: block; content: ''; background: rgba(51, 51, 51, 0) } .slider-foto1 .slick-dots li.slick-active:after { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; display: block; content: ''; background-color: #e4eea7; margin-left: -4px; margin-top: -4px; border-radius: 8px } .title-small { padding-bottom: 40px; color: #4d4d4b; font-size: 20px; line-height: 20px; letter-spacing: .5px } .list-year1 { padding-bottom: 71px } .list-year1:after { content: " "; display: table; clear: both } .list-year1__item { float: left; width: 20%; text-align: center; font-size: .01px; position: relative } @media only screen and (max-width:1000px) { .list-year1 { text-align: center; font-size: .01px; padding-bottom: 30px } .list-year1__item { float: none; display: inline-block; vertical-align: top; width: 33%; padding-bottom: 30px } } @media only screen and (max-width:760px) { .list-year1__item { width: auto; display: block } .list-year1__decorate1 { display: none } } .list-year1__over { padding: 0 30px } .list-year1__year { height: 104px; margin: auto auto 98px; position: relative; width: 104px } .list-year1__year.style1 .list-year1__text { background: #becf60 } .list-year1__year.style2 .list-year1__text { background: #7cb9e5 } .list-year1__year.style3 .list-year1__text { background: #d5d5d5 } .list-year1__year.style4 .list-year1__text { background: #69abdf } .list-year1__year.style5 .list-year1__text { background: #7f7f7f } .list-year1__text { height: 104px; border-radius: 100px 0 100px 100px; text-align: center; line-height: 104px; color: #fffff9; font-size: 22px; margin: auto; position: relative } .list-year1__decorate1 { position: absolute; top: 52px; width: 50%; left: 75%; border-top: 1px dotted #c5c5c5; z-index: 1 } @media only screen and (max-width:1100px) { .list-year1__over { padding: 0 5px } .list-year1__decorate1 { width: 40%; left: 80% } } .list-year1__decorate1 div { position: absolute; top: 0; left: 0; right: 0 } .list-year1__decorate1 span { display: block; position: absolute; top: -5px; width: 8px; height: 8px; border: 1px solid #dbdbdb; border-radius: 5px; left: 0; background: #fff } .list-year1__decorate1 span:last-child { left: auto; right: 0 } .list-year1__decorate1 i { font-style: normal; position: absolute; top: -12px; left: 50%; margin-left: -11px; background: url(/local/templates/strong/images/partners/i8.svg) no-repeat; background-size: 23px 23px; width: 23px; height: 23px; display: inline-block } .list-year1__decorate2 { position: absolute; top: 104px; left: 50%; margin-left: -.5px; height: 69px; border-left: 1px dotted #c4c4c4 } .list-year1__decorate2 span:before { border-radius: 50px; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -14.5px; content: ''; background-image: url(/local/templates/strong/images/partners/icons.png); width: 30px; height: 30px; background-position: -34px 0; background-color: #fff } .list-year1__description { color: #353535; font-size: 14px; line-height: 22px } .list-percent1__description, .list-percent1__over p { line-height: 24px; letter-spacing: .35px; font-weight: 400 } .list-percent1 { padding-bottom: 60px } .list-percent1:after { display: none; } .list-percent1__item { float: left; width: 25% } .list-percent1__item:last-child .list-percent1__over { border-right: none } @media only screen and (max-width:1000px) { .list-percent1 { text-align: center; font-size: .01px; padding-bottom: 0 } .list-percent1__item { display: inline-block; vertical-align: top; width: 49%; float: none } } @media only screen and (max-width:760px) { .list-percent1__item { display: block; width: auto } } .list-percent1__over { } @media only screen and (max-width:1000px) { .list-percent1__over { border: none; padding: 0 0 40px } } .list-percent1__over p { color: #4d4d4b; font-size: 14px; text-align: center } .list-percent1__round { display: flex; justify-content: center; align-items: center; margin-bottom: 24px; } .prop-inline-DISCOUNT .list-percent1__round { display: inline-block; margin: initial; width: 120px; height: 120px; border-radius: 50%; vertical-align: top; position: absolute; left: 3%; top: calc(50% - 60px); border: 1px solid #005AA6; } .prop-inline-DISCOUNT .list-percent1__over { padding: 10px 20px; border-right: none; } .prop-inline-DISCOUNT .list-percent1__text { display: inline-block; padding-left: 27%; display: inline-block; width: 100%; } .list-percent1__round.style2 { border: 1px solid #bfcf5f } .list-percent1__round.style2 .list-percent1__vertical { color: #bfcf5f; font-size: 30px } .list-percent1__round.style2 .list-percent1__vertical span { color: #bfcf5f } @media only screen and (max-width:1000px) { .list-percent1__round { margin-bottom: 20px } } .list-percent1__description { color: #4d4d4b; font-size: 14px } .list-percent1__vertical, .list-percent1__vertical span { color: #93c0e1; } .prop-inline-DISCOUNT .list-percent1__vertical { width: 120px; height: 120px; margin-top: 5%; color: #005AA6; } .title-review1, .title-video1 { font-weight: 300; letter-spacing: .75px; text-align: center; text-transform: uppercase } .description1 { padding-bottom: 27px } .description1 p span { color: #69aadf; font-style: italic } .sertificate-slider1 { position: relative } @media only screen and (max-width:1440px) { .sertificate-slider1 { margin: 0 75px } } .sertificate-slider1 .slick-dots { text-align: center; font-size: .01px; padding: 59px 0 } @media only screen and (max-width:1000px) { .sertificate-slider1 { margin: 0 50px } .sertificate-slider1 .slick-dots { padding: 25px 0 30px } } .sertificate-slider1 .slick-dots li { display: inline-block; vertical-align: top; position: relative; width: 6px; cursor: pointer; height: 6px; background-color: #c7d1d9; border-radius: 6px; margin: 0 16px } @media only screen and (max-width:760px) { .sertificate-slider1 .slick-dots li { margin: 0 5px } } .sertificate-slider1 .slick-dots li button { display: none } .sertificate-slider1 .slick-dots li:before { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; display: block; content: ''; background: rgba(51, 51, 51, 0) } .sertificate-slider1 .slick-dots li.slick-active:after { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; display: block; content: ''; background-color: #e4eea7; margin-left: -4px; margin-top: -4px; border-radius: 8px } .sertificate-slider1 .prev { position: absolute; top: 31%; left: -72px; background: url(/local/templates/strong/images/partners/i9.svg) no-repeat; background-size: 42px 42px; width: 42px; height: 42px; display: inline-block; z-index: 1; cursor: pointer } @media only screen and (max-width:1100px) { .sertificate-slider1 .prev { top: 32% } } @media only screen and (max-width:1000px) { .sertificate-slider1 .prev { left: -50px } } .sertificate-slider1 .next:after, .sertificate-slider1 .prev:after { position: absolute; left: 0; content: ''; width: 42px; height: 42px; border-radius: 50px; display: inline-block } @media only screen and (max-width:760px) { .sertificate-slider1 .prev { top: 36% } } .sertificate-slider1 .prev:after { top: 0; background: url(/local/templates/strong/images/partners/i9-1.svg) no-repeat #bfcf5f; background-size: 42px 42px; opacity: 0 } .sertificate-slider1 .prev:hover { background: 0 0 } .sertificate-slider1 .prev:hover:after { opacity: 1 } .sertificate-slider1 .next { position: absolute; top: 31%; right: -72px; background: url(/local/templates/strong/images/partners/i10.svg) no-repeat; background-size: 42px 42px; width: 42px; height: 42px; display: inline-block; z-index: 100; cursor: pointer } @media only screen and (max-width:1100px) { .sertificate-slider1 .next { top: 32% } } @media only screen and (max-width:760px) { .sertificate-slider1 .next { top: 36% } } .sertificate-slider1 .next:after { top: 0; background: url(/local/templates/strong/images/partners/i10-1.svg) no-repeat #bfcf5f; background-size: 42px 42px; opacity: 0 } .sertificate-slider1 .next:hover { background: 0 0 } .sertificate-slider1 .next:hover:after { opacity: 1 } .sertificate-slider1__item { font-size: .01px; text-align: center; padding: 7px 0 } .sertificate-slider1__sertificate { -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .03); box-shadow: 0 0 7px rgba(0, 0, 0, .03); border: 10px solid #fff; background-color: #fff; display: inline-block; vertical-align: top; max-width: 200px } .sertificate-slider1__sertificate img { width: 100%; display: block; height: auto } .background2 { padding: 55px 0; background: #f1f8fc; margin-bottom: 52px } @media only screen and (max-width:760px) { .background2 { padding: 30px 0 } } .title-video1 { color: #4d4d4b; font-size: 30px; line-height: 30px; padding-bottom: 52px } @media only screen and (max-width:760px) { .title-video1 { padding-bottom: 30px; font-size: 22px; line-height: 27px } } .video-content:after { content: " "; display: table; clear: both } @media only screen and (max-width:1000px) { .sertificate-slider1 .next { right: -50px } .sertificate-slider1__sertificate { -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent } } .video-content__left { height: 480px } .video-content__left iframe { height: 100% !important; width: 100% !important; display: block } @media only screen and (max-width:1000px) { .video-content__left { max-width: 500px; margin: auto; height: 300px } } .title-review1 { color: #4d4d4b; font-size: 30px; line-height: 32px; padding-bottom: 57px } .slider-review__name p, .slider-review__name p a { font-weight: 600 } .slider-review { margin: 0 70px; position: relative } @media only screen and (max-width:1000px) { .slider-review { margin: 0 50px } } @media only screen and (max-width:760px) { .title-review1 { padding-bottom: 30px; font-size: 22px; line-height: 27px } .slider-review { margin: 0 } } .slider-review .slick-dots { text-align: center; font-size: .01px; padding: 59px 0 } .slider-review .slick-dots li { display: inline-block; vertical-align: top; position: relative; width: 6px; cursor: pointer; height: 6px; background-color: #c7d1d9; border-radius: 6px; margin: 0 16px } @media only screen and (max-width:760px) { .slider-review .slick-dots li { margin: 0 5px } } .slider-review .slick-dots li button { display: none } .slider-review .slick-dots li:before { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; display: block; content: ''; background: rgba(51, 51, 51, 0) } .slider-review .slick-dots li.slick-active:after { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; display: block; content: ''; background-color: #e4eea7; margin-left: -4px; margin-top: -4px; border-radius: 8px } .slider-review .next:after, .slider-review .prev:after { content: ''; border-radius: 50px } .slider-review .prev { position: absolute; top: 141px; left: -70px; background: url(/local/templates/strong/images/partners/i9.svg) no-repeat; background-size: 42px 42px; width: 42px; height: 42px; display: inline-block; z-index: 1; cursor: pointer } @media only screen and (max-width:1000px) { .slider-review .slick-dots { padding: 25px 0 30px } .slider-review .prev { left: -50px } } @media only screen and (max-width:760px) { .slider-review .prev { top: 36%; display: none } } .slider-review .next, .slider-review .prev:after { display: inline-block; position: absolute; width: 42px; height: 42px } .slider-review .prev:after { top: 0; left: 0; background: url(/local/templates/strong/images/partners/i9-1.svg) no-repeat #bfcf5f; background-size: 42px 42px; opacity: 0 } .slider-review .prev:hover { background: 0 0 } .slider-review .prev:hover:after { opacity: 1 } .slider-review .next { top: 141px; right: -70px; background: url(/local/templates/strong/images/partners/i10.svg) no-repeat; background-size: 42px 42px; z-index: 1; cursor: pointer } @media only screen and (max-width:760px) { .slider-review .next { top: 36%; display: none } } .slider-review .next:after { position: absolute; top: 0; left: 0; background: url(/local/templates/strong/images/partners/i10-1.svg) no-repeat #bfcf5f; background-size: 42px 42px; width: 42px; height: 42px; display: inline-block; opacity: 0 } .all-review, .take-part1 { border-radius: 20px; text-align: center } .slider-review .next:hover { background: 0 0 } .slider-review .next:hover:after { opacity: 1 } .slider-review__over { padding: 0 30px } @media only screen and (max-width:1000px) { .slider-review .next { right: -50px } .slider-review__over { padding: 0 10px } } @media only screen and (max-width:760px) { .slider-review__over { padding: 0 } } .slider-review__name { padding-bottom: 20px; line-height: 17px; display: none; } .slider-review__name:after { content: " "; display: table; clear: both } .slider-review__name p { letter-spacing: .4px; font-size: 14px } .slider-review__name p a { color: #4d4d4b; font-size: 16px; display: inline-block; margin-right: 12px } .slider-review__date, .slider-review__information, .slider-review__title-product a { font-weight: 400; } .slider-review__name p a:hover { color: #69aadf } .slider-review__name.mod1 { padding-bottom: 0 } .slider-review__date { float: right; padding-left: 10px; color: #7f7f7f; font-size: 14px; letter-spacing: .35px } @media only screen and (max-width:760px) { .slider-review__date { float: none; padding-bottom: 12px; padding-left: 0 } } .slider-review__information { padding-bottom: 22px; color: #4d4d4b; font-size: 13px; line-height: 18px; letter-spacing: .33px; max-width: 255px } .slider-review__product { padding-bottom: 10px } .slider-review__product:after { content: " "; display: table; clear: both } .slider-review__foto { width: 76px; text-align: center; font-size: .01px; margin-right: 12px; float: left; height: 60px; line-height: 60px } .slider-review__foto img { display: inline-block; vertical-align: top; max-width: 100%; max-height: 100%; width: auto; height: auto } .slider-review__title-product span { height: 60px; display: table-cell; vertical-align: middle } .slider-review__title-product a { color: #69aadf; font-size: 16px; line-height: 17px; letter-spacing: .4px; border-bottom: 1px dotted #95c5e9 } .slider-review__title-product a:hover { border-color: transparent } #wrapper .slider-review__text-review p { line-height: 24px; font-family: Fira Sans; font-style: normal; font-size: 16px; line-height: 26px;/* or 162% */ color: #19398B; padding-bottom: 0; } .all-review { display: block; margin: auto auto 57px; width: 196px; height: 40px; background-color: #7db9e5; line-height: 40px; color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .35px } .list-post1:after, .list-post1__over:after { display: table; content: " " } .list-post1__text p, .title-useful-information { color: #4d4d4b; } .title-useful-information { text-align: center; font-size: 30px; font-weight: 300; line-height: 32px; text-transform: uppercase; letter-spacing: .75px; padding-bottom: 48px } .list-post1:after { clear: both } @media only screen and (max-width:1000px) { .list-post1 { padding-bottom: 30px } } @media only screen and (max-width:760px) { .title-useful-information { padding-bottom: 30px; font-size: 22px; line-height: 27px } .list-post1 { padding-bottom: 10px } } .list-post1__item { float: right; width: 48%; padding-bottom: 60px } .list-post1__item:nth-child(2n+1) { float: left; clear: right; clear: left } @media only screen and (max-width:1000px) { .list-post1__item { float: none !important; width: auto; padding-bottom: 30px } } .list-post1__over:after { clear: both } .list-post1__left-foto { background-position: center; background-repeat: no-repeat; background-size: cover; float: left; margin-right: 30px; width: 240px; height: 210px } @media only screen and (max-width:760px) { .list-post1__left-foto { max-width: 400px; float: none; margin: 0 0 20px; width: auto; height: 150px; display: block } } .list-post1__text p { padding-bottom: 22px; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: .35px } .list-post1__text p:last-child { padding-bottom: 2px } .list-post1__text p a { color: #69aadf; line-height: 18px; display: inline; vertical-align: top; border-bottom: 1px dotted #a2ccec } .list-post1__text p a.no-border, .list-post1__text p a:hover { border-color: transparent } .list-post1__text p a.no-border:hover { border-bottom: 1px dotted #a2ccec } .list-post1__text p.list-post1__mod1 { color: #69aadf; padding-bottom: 19px } .list-post1__date, .list-post1__title { color: #4d4d4b } .list-post1__title { font-size: 18px; font-weight: 600; line-height: 21px; letter-spacing: .45px; display: inline-block; vertical-align: top; margin-bottom: 19px } .list-post1__date { font-size: 14px; font-weight: 400; line-height: 14px; padding-bottom: 15px; letter-spacing: .35px } .bonus-block1__over p, .bonus-block1__title, .take-part1 { color: #fff; } .bonus-block1 { background: #bfcf5f; position: relative; padding-left: 50% } .bonus-block1__left-foto { position: absolute; top: 0; left: 0; width: 50%; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover } @media only screen and (max-width:760px) { .bonus-block1 { padding: 0 } .bonus-block1__left-foto { position: static; height: 150px; width: auto } } .bonus-block1__over { padding: 40px } @media only screen and (max-width:760px) { .bonus-block1__over { padding: 20px 10px } } .bonus-block1__over p { font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: .45px; padding-bottom: 30px } @media only screen and (max-width:760px) { .bonus-block1__over p { font-size: 15px; line-height: 18px; padding-bottom: 20px } } .bonus-block1__title { padding-bottom: 20px; font-size: 24px; font-weight: 400; line-height: 24px; text-transform: uppercase; letter-spacing: .6px } @media only screen and (max-width:760px) { .bonus-block1__title { font-size: 20px; line-height: 24px } } .take-part1, div.title-side { font-size: 14px; text-transform: uppercase; letter-spacing: .35px } .space2 { height: 60px } @media only screen and (max-width:1000px) { .space2 { height: 50px } } @media only screen and (max-width:760px) { .space2 { height: 30px } } .take-part1 { width: 196px; height: 40px; background-color: #5091c5; line-height: 40px; font-weight: 600; display: block } .left-menu1__sub-item a, div.title-side { font-weight: 400 } .error { border-color: red !important } .main-text-page:after { content: " "; display: table; clear: both } .main-text-page__right-text { overflow: hidden; padding-left: 19px; padding-right: 11px; left: 11px; position: relative } .main-text-page__sidebar { float: left; width: 300px; margin-right: 10px } @media only screen and (max-width:1000px) { .main-text-page__right-text { left: 0; overflow: visible; padding: 0 } .main-text-page__sidebar { width: auto; max-width: 400px; float: none; display: none; margin: 0; padding-bottom: 30px } .main-text-page__sidebar.active { display: block } } div.title-side { height: 50px; background-color: #f6f6f6; line-height: 50px; padding: 0 30px; color: #4d4d4b; display: none; } .left-menu1 { margin-bottom: 82px; background: transparent; } @media only screen and (max-width:1000px) { .left-menu1 { margin-bottom: 0 } } .left-menu1__item { margin-top: 5px } .left-menu1__item:last-child { padding-bottom: 0 } .left-menu1__sub-menu { display: block } #wrapper .left-menu1__sub-item.active a, #wrapper .left-menu1__sub-main-item.active a { color: #234AAD; font-weight: bold; } #wrapper .left-menu1__sub-item { line-height: 23px; padding-bottom: 10px; } .left-menu1__sub-item:last-child { padding-bottom: 0 } #wrapper .text-new-design ul li { line-height: 23px; } #wrapper .left-menu1__sub-item a { position: relative; font-style: normal; font-weight: 300; font-size: 16px; line-height: 23px;/* or 144% */ color: #6D7686; } .banner1__over p, .left-menu1__sub-main-item a { /*font-size: 14px; letter-spacing: .35px;*/ } .left-menu1__sub-item a:before { position: absolute; top: 8px; left: 11px; display: block; content: ''; width: 4px; height: 4px; background-color: #d3d3d3; border-radius: 4px; display: none; } .banner1, a.banner1__callback { margin: auto; position: relative; display: block } #wrapper .left-menu1__sub-item a:hover { color: #234AAD } .left-menu1__sub-item a:hover:before { background: #234AAD } .banner1__foto, .banner1__over { background-position: center; background-repeat: no-repeat; background-size: cover } .left-menu1__sub-main-item { /*padding-bottom: 10px; line-height: 18px */ } #wrapper .left-menu1__sub-main-item a { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 38px; color: #6F7685; display: flex; width: 100%; background: #F9FAFB; border-radius: 4px; padding-left: 20px; height: 56px; align-items: center } #wrapper .left-menu1__sub-main-item a:hover { color: #234AAD } .banner1 { max-width: 300px } .banner1__foto { height: 281px } .banner1__over { background-image: url(/include/img/bg1.jpg); padding: 24px 20px 25px } .banner1__over p { color: #fff; font-weight: 400; line-height: 24px; text-align: right; display: block; padding-bottom: 21px } .banner1__over p span { color: #4685b7; font-weight: 700 } div.banner1__title { padding-bottom: 18px; color: #fff; font-size: 19px; font-weight: 600; line-height: 28px; text-transform: uppercase; letter-spacing: .47px; text-align: center } a.banner1__callback, div.banner1__phone { font-weight: 700; text-transform: uppercase; text-align: center } div.banner1__phone { line-height: 21px; color: #5091c5; font-size: 24px; letter-spacing: .6px; padding-bottom: 23px } div.banner1__phone a { color: #5091c5 } a.banner1__callback { width: 182px; height: 31px; background-color: #5091c5; line-height: 31px; color: #fff; font-size: 11px; letter-spacing: .39px; border-radius: 40px } a.all-link1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: 0 0 } .description2, .description2 ul li { position: relative; } .description2 ul li, #wrapper .description2 ul li p, .description2 ul li p { font-weight: 300; font-size: 17px; line-height: 28px;/* or 165% */ color: #32373E; font-family: Fira Sans; font-style: normal; } .description2 .slick-dots li { margin-bottom: 0px !important; } .description2 .slick-dots li::before { content: none; } a.all-link1:hover { background: rgba(255, 255, 255, .05) } .description2 { z-index: 1 } .description2:after { } .delivery_li li:before, .description2 ul li:before { top: 6px; left: -24px; display: block; content: ''; width: 6px; height: 6px; border-radius: 6px } .description2 ul li:before { position: absolute; width: 5px; height: 5px; background: #19398B; top: 10px; left: -20px; } @media only screen and (max-width:760px) { .description2 { padding-bottom: 30px } } .description2__title1 { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 48px; line-height: 58px; color: #19398B; margin-bottom: 26px; } @media only screen and (max-width:760px) { .description2__title1 { font-size: 25px; margin-bottom: 20px; } } .description2__title2 { color: #19398B; font-family: Fira Sans; font-style: normal; font-weight: bold; line-height: initial; margin-bottom: 12px; } div.description2__title3 { font-weight: 600; line-height: 27px; color: #333333; font-size: 21px; margin-bottom: 12px; } .description2 p, .description2 ul { margin-bottom: 24px; color: #40505c; font-size: 16px; font-weight: 300; line-height: 26px; } .description2 ul { position: relative; } .description2 h3 { font-weight: 600; margin-bottom: 24px; line-height: 27px; color: #333333; font-size: 21px; margin-bottom: 12px; } .description2 a { font-weight: bold; color: #19398B; text-decoration: underline; } .description2 a:active { color: #4d4d4b; } .description2 a:visited { color: #a4a4a3; } .page_for-partners .description2__title3 { text-transform: none } .delivery_li li:before { position: relative; background-color: #bfcf5f } .delivery_li li { background: 0 0 } @media only screen and (max-width:760px) { .description2 p { padding-bottom: 15px } } .space3 { height: 30px } .products { padding-bottom: 25px } .products:after { content: " "; display: table; clear: both } .products__item { display: flex; margin-bottom: 30px; overflow: hidden; padding: 30px; background: #F3F9FB; border-radius: 4px; justify-content: space-between; } .products__over .products__preview-text, #wrapper .products__over .products__preview-text p, .topper_right_block, #wrapper .topper_right_block, .big-produt-holder, #wrapper .big-produt-holder { opacity: 0.8; color: #4d4d4b; font-size: 14px; font-weight: 400; line-height: 27px; letter-spacing: 0.28px; } .products__over .products__preview-text { /* margin: 0px 10px; */ font-family: Fira Sans; font-style: normal; font-weight: 300; font-size: 15px; line-height: 22px;/* or 147% */ color: #32373E; height: auto; flex: auto; display: flex; flex-direction: column; justify-content: space-between; opacity: 1; } .price_it { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 15px; line-height: 23px;/* identical to box height, or 153% */ color: #19398B; opacity: 1; } .products__over a { text-decoration: none; color: #69aadf; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0.35px; } .products__over a:active { color: #4d4d4b; } .products__over a:visited { color: #a4a4a3; } @media only screen and (max-width:760px) { .products__over { padding: 15px 10px } } .products__over p { color: #4d4d4b; font-size: 14px; line-height: 24px; letter-spacing: .3px; font-weight: 400 } div.products__title, div.products__title div { color: #4d4d4b; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0.4px; margin-top: 10px; } div.products__title { /* margin-left: 10px; */ } .products__left-slide { /* float: left; */ width: 259px; position: relative; height: auto; } .products__over { max-width: calc(100% - 299px); display: flex; flex-direction: column; } @media only screen and (max-width:760px) { .products__left-slide { float: none; height: 150px; border: none; border-bottom: 1px solid #e3e3e3; width: auto } } div.products__title { padding-bottom: 0; } #wrapper div.products__title h3.strong { font-family: Fira Sans; font-style: normal; font-weight: bold !important; font-size: 21px !important; line-height: 25px; color: #19398B; margin-bottom: 12px; } #wrapper h3.strong .js-open-region-list { } .products .consultation1 { margin: 10px 30px 30px 0px; float: right; } @media only screen and (max-width:1150px) { .products .consultation1 { float: none; margin-top: 0; position: relative; top: 20px; margin-bottom: 20px } } .list-performer1 { margin-bottom: 46px } @media only screen and (max-width:1150px) { .list-performer1 { margin-bottom: 20px } } .list-performer1__item { padding-left: 22px; position: relative; color: #4d4d4b; font-size: 14px; line-height: 24px; letter-spacing: .35px; font-weight: 400; padding-bottom: 5px } .list-performer1__item b { font-size: 14px; font-weight: 600 } .list-performer1__item:last-child { padding-bottom: 0 } .list-performer1__item:before { top: 4px; left: 3px; display: block; content: ''; position: absolute; width: 6px; height: 6px; background-color: #bfcf5f; border-radius: 6px } .icon-list__icon, .slider-product { position: relative } .icon-list { padding-bottom: 24px } .icon-list:after { content: " "; display: table; clear: both } .icon-list .list-performer1 { margin-bottom: 0; overflow: hidden } .icon-list__icon { float: left; margin-right: 21px; top: 6px } .slider-product .slick-dots { text-align: center; position: absolute; left: 0; right: 0; bottom: 20px } .slider-product .slick-dots li { display: inline-block; vertical-align: top; position: relative; width: 6px; cursor: pointer; height: 6px; background-color: #c7d1d9; border-radius: 6px; margin: 0 16px } @media only screen and (max-width:760px) { .slider-product .slick-dots li { margin: 0 5px } } .slider-product .slick-dots li button { display: none } .slider-product .slick-dots li:before { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; display: block; content: ''; background: rgba(51, 51, 51, 0) } .slider-product .slick-dots li.slick-active:after { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; display: block; content: ''; background-color: #e4eea7; margin-left: -4px; margin-top: -4px; border-radius: 8px } .slider-product .prev { position: absolute; top: 50%; margin-top: -15px; left: 0; width: 30px; height: 30px; cursor: pointer; background-color: rgba(251, 251, 251, .9); z-index: 1 } .slider-product .prev:after, .slider-product .prev:before { top: 7px; left: 9px; content: ''; width: 10px; height: 17px; display: inline-block; position: absolute } .slider-product .prev:before { background: url(/local/templates/strong/images/partners/i5.svg) no-repeat; background-size: 10px 17px } .slider-product .prev:after { background: url(/local/templates/strong/images/partners/i5-1.svg) no-repeat; background-size: 10px 17px; opacity: 0 } .slider-product .prev:hover { background: #234AAD } .slider-product .prev:hover:before { opacity: 0 } .slider-product .prev:hover:after { opacity: 1 } .slider-product .next { position: absolute; top: 50%; margin-top: -15px; right: 0; width: 30px; height: 30px; cursor: pointer; background-color: rgba(251, 251, 251, .9) } .slider-product .next:after, .slider-product .next:before { position: absolute; top: 7px; right: 9px; width: 10px; height: 17px; display: inline-block; content: '' } .slider-product .next:before { background: url(/local/templates/strong/images/partners/i6.svg) no-repeat; background-size: 10px 17px } .slider-product .next:after { background: url(/local/templates/strong/images/partners/i6-1.svg) no-repeat; background-size: 10px 17px; opacity: 0 } .slider-product .next:hover { background: #234AAD } .slider-product .next:hover:before { opacity: 0 } .main-text-page__right-text ol { counter-reset: li; margin-bottom: 24px; color: #40505c; font-size: 16px; font-weight: 300; line-height: 26px; padding-left: 32px; list-style: none; } .main-text-page__right-text ol li { position: relative; color: #6f6f6f; font-size: 13px; font-weight: 400; margin-left: 0px; counter-increment: li; } .main-text-page__right-text ol li:last-child { margin-bottom: 2px; } .main-text-page__right-text ol li::before { display: block; position: absolute; font-size: 10px; z-index: -1; content: counter(li); color: white; background: none; width: 14px; height: 14px; background-color: #69aadf; border-radius: 50%; line-height: 14px; text-align: center; top: 6px; left: -24px; } @media only screen and (max-width:1000px) { .main-text-page__right-text { left: 0; overflow: visible; padding: 0; } } .slider-product .next:hover:after { opacity: 1 } .slider-product__item { width: 258px; height: 258px; text-align: center; overflow: hidden; display: flex; align-items: center; background: #fff; } .slider-product__item img { width: 100%; background-size: 100%; display: inline-block; vertical-align: middle } .reviews_block_strong { margin-top: 50px; padding-top: 38px; padding-left: 60px; padding-right: 60px; padding-bottom: 50px; background: #F9FAFB; border-radius: 4px; width: calc(100% - 8px); } .reviews_block_strong h2.strong { margin-bottom: 15px; } .reviews_block_strong .slick-arrow { width: 53px; height: 53px; background: #19398B; border-radius: 50%; cursor: pointer; } .reviews_block_strong .slick-arrow.prev { position: absolute; top: 0; bottom: 0; margin: auto; left: -68px; background: #19398B url(/local/templates/strong/images/left.png) no-repeat; background-position: center; } .reviews_block_strong .slick-arrow.next { position: absolute; top: 0; bottom: 0; margin: auto; right: -68px; background: #19398B url(/local/templates/strong/images/right.png) no-repeat; background-position: center; } .reviews_block_strong .slick-dots { bottom: -29px; left: auto; width: auto; padding: 0; right: 0; left: 0; } .reviews_block_strong .slick-dots li { margin: 0; margin-left: 10px; } .reviews_block_strong .slick-dots li button { width: 6px; height: 6px; background: #19398b; opacity: .3; transition: .5s; } .reviews_block_strong .slick-dots li.slick-active button { opacity: 1; transform: scale(1.33); } @media only screen and (max-width:760px) { .slider-product__item { height: 150px !important; line-height: 150px !important; width: auto } .slider-product__item img { max-width: 75%; max-height: 50% } } li.list-performer2__item, li.list-performer2__item span { font-size: 12px; font-weight: 400; line-height: 15px; } li.list-performer2__item { color: #4d4d4b; letter-spacing: .3px; padding-bottom: 8px } li.list-performer2__item:last-child { padding-bottom: 0 } li.list-performer2__item span { display: inline-block; vertical-align: top; min-width: 141px; padding-right: 10px; white-space: nowrap; color: #888 } .link-video1, a.consultation1 { background-color: #19398f; display: block } .rd-footer__bottom span { display: none; } a.consultation1, .products__over a.consultation1 { width: 145px; height: 31px; text-align: center; line-height: 31px; color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .39px; border-radius: 30px; position: relative; } a.consultation1:hover { opacity: .9 } .link-video1 { position: absolute; width: 40px; height: 40px; top: 0; right: 0; z-index: 1 } .link-video1:before { position: absolute; top: 8px; left: 8px; content: ''; background: url(/local/templates/strong/images/partners/i11.svg) no-repeat; background-size: 23px 23px; width: 23px; height: 23px; display: inline-block } .link-video1:hover { opacity: .95 } .slider-product-small-over { height: 538px; margin: -11px 0 24px } .slider-product-small { position: relative; margin: 0 -20px } @media only screen and (max-width:1285px) { .slider-product-small { margin: 0 -11px } } .slider-product-small .slick-dots { text-align: center; font-size: .01px; position: absolute; left: 0; right: 0; bottom: 0px; margin-bottom: 20px; line-height: 0.01px } @media only screen and (max-width:760px) { .slider-product-small-over { height: auto } .slider-product-small { padding-bottom: 70px } .slider-product-small .slick-dots { top: auto; bottom: 18px } } .slider-product-small .slick-dots li { display: inline-block; vertical-align: top; position: relative; width: 6px; cursor: pointer; height: 6px; background-color: #c7d1d9; border-radius: 6px; margin: 0 16px } @media only screen and (max-width:760px) { .slider-product-small .slick-dots li { margin: 0 5px } } .slider-product-small .slick-dots li button { display: none } .slider-product-small .slick-dots li:before { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; display: block; content: ''; background: rgba(51, 51, 51, 0) } .slider-product-small .slick-dots li.slick-active:after { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; display: block; content: ''; background-color: #e4eea7; margin-left: -4px; margin-top: -4px; border-radius: 8px } .slider-product-small .prev { position: absolute; bottom: 0px; left: 50%; margin-left: -186px; background: url(/local/templates/strong/images/partners/i9.svg) no-repeat; background-size: 42px 42px; width: 42px; height: 42px; display: inline-block; z-index: 100; cursor: pointer } @media only screen and (max-width:760px) { .slider-product-small .prev { bottom: 0; top: auto; margin: 0; left: 10px } } .slider-product-small .next:after, .slider-product-small .prev:after { position: absolute; left: 0; content: ''; width: 42px; height: 42px; display: inline-block; border-radius: 50px } .slider-product-small .prev:after { top: 0; background: url(/local/templates/strong/images/partners/i9-1.svg) no-repeat #bfcf5f; background-size: 42px 42px; opacity: 0 } .slider-product-small .prev:hover { background: 0 0 } .slider-product-small .prev:hover:after { opacity: 1 } .slider-product-small .next { position: absolute; bottom: 0px; right: 50%; margin-right: -186px; z-index: 100; cursor: pointer; background: url(/local/templates/strong/images/partners/i10.svg) no-repeat; background-size: 42px 42px; width: 42px; height: 42px; display: inline-block } @media only screen and (max-width:760px) { .slider-product-small .next { bottom: 0; top: auto; margin: 0; right: 10px } } .slider-product-small .next:after { top: 0; background: url(/local/templates/strong/images/partners/i10-1.svg) no-repeat #bfcf5f; background-size: 42px 42px; opacity: 0 } .slider-product-small .next:hover { background: 0 0 } .slider-product-small .next:hover:after { opacity: 1 } .slider-product-small.active { z-index: 2 } .slider-product-small.small-dots .slick-dots li { margin: 0 6px } .slider-product-small__item { padding: 11px 0; } @media only screen and (max-width:760px) { .slider-product-small__item { height: auto } } .slider-product-small__foto { height: 250px; -webkit-box-shadow: 5px 9px 20px rgba(0, 0, 0, .03); box-shadow: 5px 9px 20px rgba(0, 0, 0, .03); background-color: #fff; line-height: 250px; text-align: center; font-size: .01px; position: relative } @media only screen and (max-width:760px) { .slider-product-small__foto { height: 150px; line-height: 150px } } .slider-product-small__foto img { display: inline; vertical-align: middle; max-width: 85%; max-height: 85%; width: auto; height: auto } div.slider-product-small__text { padding: 25px 25px 30px } div.slider-product-small__text .consultation1 { color: white; } a.slider-product-small__title { line-height: 12px; color: #4d4d4b; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; display: inline-block; vertical-align: top; height: 42px; padding-bottom: 10px } div.slider-product-small__paragrapf1, div.slider-product-small__paragrapf1 p { color: #4d4d4b; line-height: 14px; font-size: 12px; letter-spacing: .3px; } @media only screen and (max-width:760px) { .slider-product-small__title { height: auto; padding-bottom: 0; margin-bottom: 16px } } div.slider-product-small__paragrapf1 { padding-bottom: 16px; font-weight: 400; display: none } div.slider-product-small__paragrapf1 p { font-weight: 400 } @media only screen and (max-width:760px) { div.slider-product-small__paragrapf1 { display: none !important } } div.slider-product-small__price { color: #888; font-size: 12px; font-weight: 400; line-height: 22px; letter-spacing: .3px; padding-bottom: 21px } div.slider-product-small__price span { color: #5088b4; font-size: 16px; letter-spacing: .4px } div.slider-product-small__price span b { font-size: 24px; font-weight: 400; letter-spacing: .6px } .slider-product-small .consultation1 { margin: auto } .slider-product-small .list-link1, .slider-product-small .list-property1 { display: none } @media only screen and (max-width:760px) { .slider-product-small .list-link1, .slider-product-small .list-property1 { display: none !important } } .slider-product-small__over { margin: 0 20px; -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, .08); box-shadow: 0 0 11px rgba(0, 0, 0, .08); background-color: #fdfdfd; overflow: hidden; position: relative; z-index: 9 } @media only screen and (max-width:1285px) { .slider-product-small__over { margin: 0 11px } } .slider-product-small__over:hover { height: auto; z-index: 10 } .slider-product-small__over:hover .slider-product-small__title { height: auto; padding-bottom: 0; margin-bottom: 16px } .slider-product-small__over:hover .list-link1, .slider-product-small__over:hover .list-property1, .slider-product-small__over:hover div.slider-product-small__paragrapf1 { display: block } .list-link1 { padding-bottom: 21px } .list-link1__item { line-height: 17px; padding-bottom: 5px } li.list-property1__item, li.list-property1__item span { line-height: 14px; font-size: 12px; font-weight: 400; letter-spacing: .3px } .list-link1__item a { color: #69aadf; font-size: 12px; font-weight: 400; letter-spacing: .3px } .list-link1__item a:hover { text-decoration: none } .compare-fake-table1__rew a:hover, .compare-fake-table1__title:hover { text-decoration: underline } .list-link1__item:last-child { padding-bottom: 0 } .list-property1 { padding-bottom: 25px } li.list-property1__item { padding-bottom: 10px; color: #4d4d4b } li.list-property1__item:last-child { padding-bottom: 0 } li.list-property1__item span { color: #888 } .over-z-index { z-index: 1 } .logo-list1 { margin: 0 -20px; padding-bottom: 20px } .logo-list1:after { content: " "; display: table; clear: both } @media only screen and (max-width:1000px) { .banner1__over p { text-align: center } .logo-list1 { margin: 0 -10px } } .logo-list1__item { float: left; width: 25%; padding-bottom: 40px } .logo-list1__item:nth-child(4n+3) .logo-list1__hide, .logo-list1__item:nth-child(4n+4) .logo-list1__hide { left: auto; right: 0 } .logo-list1__item:nth-child(4n+3) .logo-list1__hide:before, .logo-list1__item:nth-child(4n+4) .logo-list1__hide:before { position: absolute; top: -11px; right: 0; height: 11px; left: 50%; margin: 0 0 0 20px; display: block; content: ''; background: #fff } @media only screen and (max-width:1000px) { .logo-list1__item:nth-child(4n+3) .logo-list1__hide:before, .logo-list1__item:nth-child(4n+4) .logo-list1__hide:before { margin-left: 10px } } @media only screen and (max-width:760px) { .logo-list1__item { width: 50%; padding-bottom: 20px } .logo-list1__item:nth-child(4n+3) .logo-list1__hide, .logo-list1__item:nth-child(4n+4) .logo-list1__hide { left: 0; right: auto } .logo-list1__item:nth-child(4n+3) .logo-list1__hide:before, .logo-list1__item:nth-child(4n+4) .logo-list1__hide:before { left: 0; right: 50%; margin: 0 10px 0 0 } .logo-list1__item:nth-child(2n+2) .logo-list1__hide { left: auto; right: 0 } .logo-list1__item:nth-child(2n+2) .logo-list1__hide:before { position: absolute; top: -11px; right: 0; height: 11px; left: 50%; margin: 0 0 0 10px; display: block; content: ''; background: #fff } } div.logo-list1__logo { height: 100px; line-height: 100px; text-align: center; font-size: .01px; cursor: default; -webkit-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)" } .logo-list1__hide p, .logo-list1__hide span { font-size: 12px; letter-spacing: .3px; color: #4d4d4b; } div.logo-list1__logo img { display: inline-block; vertical-align: middle; max-width: 95%; max-height: 95%; width: auto; height: auto } div.logo-list1__hide { position: absolute; top: 100px; left: 0; width: 200%; padding: 24px 20px; display: none; background: #fff; z-index: 1; -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, .08); box-shadow: 0 0 11px rgba(0, 0, 0, .08) } .logo-list1__hide:before { position: absolute; top: -11px; left: 0; height: 11px; right: 50%; margin-right: 20px; display: block; content: ''; background: #fff } @media only screen and (max-width:1000px) { .logo-list1__hide { padding-left: 10px; padding-right: 10px } .logo-list1__hide:before { margin-right: 10px } } .logo-list1__hide div { padding: 0 5px } .logo-list1__hide span { display: block; font-weight: 600; line-height: 17px; text-transform: uppercase; padding-bottom: 15px } .logo-list1__hide p { font-weight: 400; line-height: 14px } .logo-list1__over { margin: 0 20px; height: 100px; position: relative } .logo-list1__over:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ''; border: 1px solid #e3e3e3 } .logo-list1__over:hover { -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, .08); box-shadow: 0 0 11px rgba(0, 0, 0, .08) } .logo-list1__over:hover .logo-list1__hide { display: block } .logo-list1__over:hover .logo-list1__logo { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0) } .slider-product__item img { width: 100%; background-size: 100%; display: block; } .logo-list1__over:hover:before { display: none } @media only screen and (max-width:1000px) { .logo-list1__over { margin: 0 10px } .logo-list1__over.active { -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, .08); box-shadow: 0 0 11px rgba(0, 0, 0, .08) } .logo-list1__over.active .logo-list1__hide { display: block } .logo-list1__over.active .logo-list1__logo { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0) } .logo-list1__over.active:before { display: none } } div.title-page1 { color: #4d4d4b; font-size: 20px; font-weight: 600; line-height: 23px; text-transform: uppercase; letter-spacing: .5px; padding-bottom: 55px } @media only screen and (max-width:760px) { div.title-page1 { padding-bottom: 30px; line-height: 24px; font-size: 19px } } .slider-review1 { margin: 0 -11px; position: relative; margin-bottom: 0; margin-bottom: 35px; } .slider-review1__item { } .slider-review1__over { padding: 0 11px; display: flex; flex-wrap: wrap; } .slider-review1__over:after { content: ''; display: table; clear: both } .slider-review1__over .slider-review__text-review { padding: 10px 0 38px; padding-bottom: 0; } .slider-review1__left-sertificate { float: left; margin-right: 42px; -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, .08); box-shadow: 0 0 11px rgba(0, 0, 0, .08) } .slider-review1__left-sertificate img { width: 214px; height: auto; display: block } .list-preferer2:after, .list-preferer2__over:after { display: table; content: 'grayscale'; clear: both; } .list-preferer2__item { float: left; width: 50% } .list-preferer2__item:nth-child(2n) .list-preferer2__over { padding-left: 20px; border-left: 1px dotted #d5d5d5; padding-right: 10px; } @media only screen and (max-width:760px) { .list-preferer2 { padding-bottom: 30px } .list-preferer2__item { float: none; width: auto; padding-bottom: 20px } .list-preferer2__item:last-child { padding-bottom: 0 } .list-preferer2__item .list-preferer2__over { padding: 0 !important; border: none !important } } .list-preferer2__over { padding: 0px; margin-top: 10px; } .list-preferer2__left-icon { float: left; margin-right: 30px; width: 79px; height: 79px; background-color: #69aadf; border-radius: 50px 0 50px 50px; text-align: center; line-height: 79px } .list-preferer2__left-icon img { display: inline-block; vertical-align: middle; width: auto; height: auto; max-width: 95%; max-height: 95% } .list-preferer2__left-icon.icon2 { background: #d5d5d5 } .list-preferer2__left-icon.icon3 { background: #7f7f7f } .list-preferer2__left-icon.icon4 { background: #bfcf5f } .list-preferer2__text { overflow: hidden } .list-preferer2__text p { color: #4d4d4b; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: .35px } .list-icon-text1__text span, .list-preferer2__vertical { font-size: 16px; font-weight: 600; letter-spacing: .4px; color: #4d4d4b; } .list-preferer2__vertical { display: table-cell; height: 50px; line-height: 20px; vertical-align: top; } @media only screen and (max-width:760px) { .list-preferer2__over { padding: 0 } .list-preferer2__left-icon { -webkit-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6); position: relative; margin-right: 0; margin-left: -17px } .list-preferer2__vertical { display: block; height: auto; padding: 20px 0 10px } } .list-icon-text1 { padding-bottom: 30px } @media only screen and (max-width:760px) { .list-icon-text1 { padding-bottom: 40px } } .list-icon-text1__item { padding-bottom: 20px; } .list-icon-text1__item:after { content: 'matrix'; display: table; clear: both } .list-icon-text1__item:last-child { padding-bottom: 0 } .list-icon-text1__left-icon { float: left; margin-right: 30px } @media only screen and (max-width:760px) { .list-icon-text1__item { padding-bottom: 30px } .list-icon-text1__left-icon { margin-right: 16px } .list-icon-text1__left-icon img { width: 47px; height: auto; display: block } } .list-icon-text1__text { overflow: hidden } .list-icon-text1__text span { display: block; padding: 8px 0 14px; line-height: 19px } .list-icon-text1__text p { color: #4d4d4b; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: .35px } .menu-button1 { display: none } @media only screen and (max-width:1000px) { .menu-button1 { display: inline-block; vertical-align: top; margin-bottom: 30px; font-size: 15px; height: 17px; line-height: 16px; padding-left: 35px; color: #333; cursor: pointer; position: relative } .menu-button1:before { content: '1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0' } .menu-button1.active:before { content: '' } .menu-button1 span:after, .menu-button1 span:before { position: absolute; left: 0; right: 0; display: block; content: 'grayscale'; height: 1px; background: #333 } .menu-button1 span { display: block; position: absolute; top: 50%; margin-top: -.5px; width: 20px; background: #333; height: 1px; left: 0 } .menu-button1 span:before { top: -8px } .menu-button1 span:after { bottom: -8px } } .nav-compare1:after, .nav-compare2:after { content: 'matrix'; clear: both } .compare-page__title { padding-bottom: 28px; color: #4d4d4b; font-size: 40px; font-weight: 300; line-height: 44px } @media only screen and (max-width:760px) { .compare-page__title { font-size: 27px; line-height: 32px } } .nav-compare1__item a, .nav-compare2__item, .nav-compare2__item a, a.delete1 { font-size: 14px; font-weight: 400; letter-spacing: .35px } .nav-compare1 { display: block; padding-bottom: 17px } .nav-compare1:after { display: table } .nav-compare1__item { float: left; margin: 0 10px 15px 0 } .nav-compare1__item a { display: block; line-height: 38px; height: 38px; border-radius: 20px; border: 1px solid #9ac6e7; background-color: #fff; padding: 0 23px; color: #7db9e5; text-transform: uppercase } .nav-compare1__item a span { color: #7e7e7c } .nav-compare1__item a:hover { background: #9ac6e7; color: #fff } .nav-compare1__item a:hover span { color: #fff } .nav-compare1__item.active a { background: #9ac6e7; color: #fff } .nav-compare1__item.active a span { color: #fff } .nav-compare2 { display: block; padding-bottom: 30px } .nav-compare2:after { display: table } .nav-compare2__item { float: left; margin: 0 27px 15px 0; color: #4d4d4b; line-height: 17px } .nav-compare2__item a { color: #69aadf; display: inline-block; vertical-align: top; border-bottom: 1px dotted #a2ccec } .nav-compare2__item a:hover { border-color: transparent } .nav-compare2__item.active a { color: #7f7f7f; border-color: transparent } a.delete1, a.delete1 span { border-bottom: 1px dotted rgba(162, 204, 236, 0); display: inline-block; vertical-align: top } a.delete1 { color: #69aadf; position: relative; padding-left: 21px } a.delete1:before { position: absolute; top: -4px; left: 0; content: '1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'; background: url(/local/templates/strong/images/partners/i12.svg) no-repeat; background-size: 19px 23px; width: 19px; height: 23px; display: inline-block } a.delete1:hover span { border-bottom: 1px dotted #a2ccec } .compare-fake-table1 { position: relative } .compare-fake-table1.arrow-style { margin: 0 50px } .compare-fake-table1.arrow-style .compare-fake-table1__thead { padding-left: 10px; padding-right: 10px } .compare-fake-table1.arrow-style .compare-fake-table1__line { padding-left: 10px } .compare-fake-table1.arrow-style .next { right: -50px } @media only screen and (max-width:1200px) { .compare-fake-table1.arrow-style { margin: 0 } } .compare-fake-table1 .slick-dots { text-align: center; font-size: .01px; position: absolute; top: 30px; left: 0; right: 0; z-index: 1 } .compare-fake-table1 .slick-dots li { display: inline-block; vertical-align: top; position: relative; width: 6px; cursor: pointer; height: 6px; background-color: #c7d1d9; border-radius: 6px; margin: 0 16px } @media only screen and (max-width:760px) { .compare-fake-table1 .slick-dots li { margin: 0 5px } } .compare-fake-table1 .slick-dots li button { display: none } .compare-fake-table1 .slick-dots li:before { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; display: block; content: " "; background: rgba(51, 51, 51, 0) } .compare-fake-table1 .slick-dots li.slick-active:after { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; display: block; content: " "; background-color: #e4eea7; margin-left: -4px; margin-top: -4px; border-radius: 8px } .compare-fake-table1 .prev { position: absolute; top: 52px; left: -50px; background: url(/local/templates/strong/images/partners/i9.svg) no-repeat; background-size: 42px 42px; width: 42px; height: 42px; display: inline-block; z-index: 1; cursor: pointer } @media only screen and (max-width:1200px) { .compare-fake-table1 .prev { left: -5px } } .compare-fake-table1 .next:after, .compare-fake-table1 .prev:after { left: 0; content: " "; border-radius: 50px } .compare-fake-table1 .prev.slick-disabled { display: none !important } .compare-fake-table1 .next, .compare-fake-table1 .prev:after { display: inline-block; width: 42px; height: 42px; position: absolute } .compare-fake-table1 .prev:after { top: 0; background: url(/local/templates/strong/images/partners/i9-1.svg) no-repeat #bfcf5f; background-size: 42px 42px; opacity: 0 } .compare-fake-table1 .prev:hover { background: 0 0 } .compare-fake-table1 .prev:hover:after { opacity: 1 } .compare-fake-table1 .next { top: 52px; right: -30px; background: url(/local/templates/strong/images/partners/i10.svg) no-repeat; background-size: 42px 42px; z-index: 1; cursor: pointer } .compare-fake-table1 .next.slick-disabled { display: none !important } @media only screen and (max-width:1200px) { .compare-fake-table1 .next { right: -5px !important } } .compare-fake-table1 .next:after { position: absolute; top: 0; background: url(/local/templates/strong/images/partners/i10-1.svg) no-repeat #bfcf5f; background-size: 42px 42px; width: 42px; height: 42px; display: inline-block; opacity: 0 } .compare-fake-table1 .next:hover { background: 0 0 } .compare-fake-table1 .next:hover:after { opacity: 1 } .compare-fake-table1__thead { padding-bottom: 42px; border-bottom: 1px solid #eee; padding-right: 20px } .compare-fake-table1__foto { height: 146px; border: 1px solid #eee; background-position: center; background-repeat: no-repeat; background-size: cover; line-height: 146px; text-align: center; font-size: .01px; margin-bottom: 18px; position: relative } .compare-fake-table1__foto img { max-width: 80%; max-height: 80%; width: auto; height: auto; display: inline-block; vertical-align: middle } .compare-fake-table1__foto .delete2, .compare-fake-table1__foto .link-love1 { opacity: 0 } .compare-fake-table1__foto:hover .delete2, .compare-fake-table1__foto:hover .link-love1 { opacity: 1 } .compare-fake-table1__title { margin-bottom: 8px; display: inline-block; vertical-align: top; color: #4d4d4b; font-size: 12px; font-weight: 600; line-height: 14px; text-transform: uppercase; letter-spacing: .3px } .compare-fake-table1__price, .compare-fake-table1__rew a { font-size: 14px; letter-spacing: .35px; font-weight: 400; } .compare-fake-table1__rew { padding-bottom: 13px } .compare-fake-table1__rew a { color: #7f7f7f; line-height: 14px } .slider-review1__left-review { order: 1; display: flex; align-items: center; } #wrapper .slider-review1__left-review p { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px;/* identical to box height */ color: #19398B; opacity: 1; margin: 0; margin-left: 15px; } #wrapper .slider-review1__left-review p a { color: #19398B; font-weight: bold; } .slider-review1__left-review img { width: 75px; height: auto; display: block; } @media only screen and (max-width:760px) { .slider-review1__left-review { float: none; display: inline-block; vertical-align: top; margin: 0 0 25px 0; } } .compare-fake-table1__price { color: #5088b4; line-height: 17px } .compare-fake-table1__price b { font-size: 20px; font-weight: 400; letter-spacing: .5px } .compare-fake-table1__line { border-bottom: 1px solid #eee; padding: 20px 20px 10px 0; color: #4d4d4b; font-size: 14px; font-weight: 600; line-height: 17px; letter-spacing: .35px; min-height: 56px } .compare-fake-table1__line b { color: #7f7f7f; font-weight: 400 } .compare-fake-table1__line span { display: block; color: #7f7f7f; font-size: 14px; font-weight: 400; line-height: 13px; text-transform: uppercase; letter-spacing: .35px; margin-bottom: 12px; overflow: hidden; text-indent: 999px; height: 14px } i.no1, i.ok1 { display: inline-block; vertical-align: top } .compare-fake-table1 .slick-current .compare-fake-table1__line span { text-indent: 0 } i.ok1 { background: url(/local/templates/strong/images/partners/i15.svg) no-repeat; background-size: 32px 25px; width: 32px; height: 25px } .link-love1, i.no1 { top: 8px; width: 31px } i.no1 { height: 2px; border-radius: 1px; background-color: #9ac6e7; position: relative } .delete2, .link-love1 { right: 8px; border-radius: 31px } .list-preferer2__left-icon { float: left; margin-right: 30px; width: 79px; height: 79px; background-color: #69aadf; border-radius: 50px 0 50px 50px; text-align: center; line-height: 79px; } .list-with-large-green-dot { display: block; margin-bottom: 14px; } .list-with-large-green-dot .large-green-dot { float: left; width: 20px; height: 20px; margin: 4px 10px 0px; } .link-love1 { position: absolute; display: block; height: 31px; background: #fff } .link-love1:after, .link-love1:before { left: 6px; content: '???? ??'; width: 18px; height: 17px; display: inline-block; position: absolute } .link-love1:before { top: 7.5px; background: url(/local/templates/strong/images/partners/i13.svg) no-repeat; background-size: 18px 17px } .link-love1:after { top: 8px; background: url(/local/templates/strong/images/partners/i13-1.svg) no-repeat; background-size: 18px 17px; opacity: 0 } .link-love1:hover { background: #9ac6e7 } @media only screen and (max-width:760px) { .list-preferer2__left-icon { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); position: relative; margin-right: 0; margin-left: -17px; } } .link-love1:hover:before { opacity: 0 } .link-love1:hover:after { opacity: 1 } .delete2 { position: absolute; top: 48px; display: block; width: 31px; height: 31px; background: #fff } .delete2:after, .delete2:before { position: absolute; top: 6px; left: 6px; content: '??? ??'; width: 18px; height: 19px; display: inline-block } .delete2:before { background: url(/local/templates/strong/images/partners/i14.svg) no-repeat; background-size: 18px 19px } .delete2:after { background: url(/local/templates/strong/images/partners/i14-1.svg) no-repeat; background-size: 18px 19px; opacity: 0 } .delete2:hover { background: #9ac6e7 } .delete2:hover:before { opacity: 0 } .delete2:hover:after { opacity: 1 } .head-fixed1 { padding: 10px 0 15px; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .09); box-shadow: 0 3px 5px rgba(0, 0, 0, .09); background-color: #fff; z-index: 10; position: fixed; left: 0; right: 0; top: -300px } .head-fixed1.active { top: 0 } @media only screen and (max-width:760px) { .head-fixed1 { padding: 10px 0 } } .slider-head1__over { padding-right: 20px } .slider-head1 .prev { position: absolute; top: 27px; left: -50px; background: url(/local/templates/strong/images/partners/i9.svg) no-repeat; background-size: 42px 42px; width: 42px; height: 42px; display: inline-block; z-index: 1; cursor: pointer } @media only screen and (max-width:1200px) { .slider-head1 .prev { left: -5px } } .slider-head1 .next:after, .slider-head1 .prev:after { left: 0; content: ''; border-radius: 50px } @media only screen and (max-width:760px) { .slider-head1 .prev { display: none !important } } .slider-head1 .prev.slick-disabled { display: none !important } .slider-head1 .next, .slider-head1 .prev:after { display: inline-block; position: absolute; width: 42px; height: 42px } .slider-head1 .prev:after { top: 0; background: url(/local/templates/strong/images/partners/i9-1.svg) no-repeat #bfcf5f; background-size: 42px 42px; opacity: 0 } .slider-head1 .prev:hover { background: 0 0 } .slider-head1 .prev:hover:after { opacity: 1 } .slider-head1 .next { top: 27px; right: -30px; background: url(/local/templates/strong/images/partners/i10.svg) no-repeat; background-size: 42px 42px; z-index: 1; cursor: pointer } .slider-head1 .next.slick-disabled { display: none !important } @media only screen and (max-width:1200px) { .slider-head1 .next { right: -5px !important } } @media only screen and (max-width:760px) { .slider-head1 .next { display: none !important } } .slider-head1 .next:after { position: absolute; top: 0; background: url(/local/templates/strong/images/partners/i10-1.svg) no-repeat #bfcf5f; background-size: 42px 42px; width: 42px; height: 42px; display: inline-block; opacity: 0 } .background1:after, .video-block1:after { content: " "; clear: both } .slider-head1 .next:hover { background: 0 0 } .slider-head1 .next:hover:after { opacity: 1 } .slider-head1.arrow-style { margin: 0 50px } .slider-head1.arrow-style .slider-head1__over { padding: 0 10px } .slider-head1.arrow-style .slider-head1 .next { right: -50px } @media only screen and (max-width:1200px) { .slider-head1.arrow-style { margin: 0 } } .slider-head1 .compare-fake-table1__foto { max-width: 147px; height: 90px; line-height: 90px } @media only screen and (max-width:760px) { .slider-head1 .compare-fake-table1__foto { display: none } } .slider-head1 .compare-fake-table1__title { color: #4d4d4b; font-size: 12px; font-weight: 600; line-height: 16px; text-transform: none } .catalog_section_items__container { position: relative } .catalog_section_items__element { width: 31%; margin-right: 1%; display: inline-block; vertical-align: top; position: relative; margin-bottom: 20px; background: #fff; -webkit-box-shadow: -1px 23px 63px -8px rgba(224, 224, 224, 1); -moz-box-shadow: -1px 23px 63px -8px rgba(224, 224, 224, 1); box-shadow: -1px 23px 63px -8px rgba(224, 224, 224, 1); } #tab-also-buy .catalog_section_items__element { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #e3e3e3 } #tab-also-buy .catalog_section_items__element:hover .catalog_section_items__links { display: block !important; } .catalog_section_items__element .catalog_section_items__text { padding: 22px; background: #fff } .catalog_section_items__element .catalog_section_items__price .price_old { font-size: 13px; color: #bababa; float: none; } .catalog_section_items__element .catalog_section_items__price .price_old .ruble-sign:after { font-size: 11px; } .catalog_section_items__element .catalog_section_items__price .price_old:after { display: none } .catalog_section_items__element .catalog_section_items__price .price_current { float: none; font-size: 14px; color: #000; font-weight: 600; } .catalog_section_items__element .catalog_section_items__price .price_current .ruble-sign:after { font-size: 17px; } .catalog_section_items__element .catalog_section_items__links { margin-top: 20px; margin-bottom: 13px; } .catalog_section_items__element .catalog_section_items__links a.fright { float: right } .catalog_section_items__element .catalog_section_items__links a { font-size: 12px; height: auto; width: 180px; text-align: center; padding: 0; line-height: 35px; margin: 0 auto; display: block; } .catalog_section_items__element .catalog_section_items__price .price_current span { font-size: 20px; margin: 0px; color: #000; font-weight: 700; } .catalog_section_items__element .catalog_section_items__link { color: #4c4c4c; font-size: 16px; font-family: 'Open Sans'; margin-bottom: 25px; display: block; overflow: hidden; color: rgba(77, 77, 77, 0.88); font-weight: 400; } .catalog_section_items__element .catalog_section_items__bottom_links { position: absolute; top: 14px; right: 8px; } .catalog_section_items__element .catalog_section_items__bottom_links a { display: inline-block; vertical-align: middle; margin-right: 5px; } .catalog_section_items__element .catalog_section_items__img { text-align: center; display: block; position: relative; overflow: hidden; padding: 25px; } .catalog_section_items__element .catalog_section_items__img img { width: 100% } .catalog_section_items__element .catalog_section_items__bottom_links .compare_btn { text-indent: -9999px; } .catalog_section_items__element .catalog_section_items__bottom_links .compare_btn * { display: none } #ORTHOPEDIC_ITEMS.popup-wrapper .formPopup { width: 50%; max-width: 715px; } #ORTHOPEDIC_ITEMS.popup-wrapper .popup-list__item { float: left; width: 25%; padding: 0 20px; margin-bottom: 40px } #ORTHOPEDIC_ITEMS .j-art-hidden { font-size: 13px; color: #bababa; line-height: normal; letter-spacing: .5px; text-align: center } .formPopup.formPopupWide { min-width: 750px; max-height: 600px } .popup-wrapper .material-popup { width: 818px; padding-right: 35px; padding-bottom: 45px; padding-left: 50px; padding-top: 40px; display: flex; flex-wrap: wrap; background: #FFFFFF; border-radius: 3px; height: 600px !important; } .popup-wrapper .colored-link.blue { display: inline-block; text-align: center; background-color: #19398B; border-radius: 3px; padding: 13px 15px; min-width: 280px; font-weight: 500; font-size: 18px; line-height: 24px; color: #fff; letter-spacing: 0.01em; -webkit-transition: .2s; transition: .2s; min-width: 0; padding-left: 40px; padding-right: 40px; margin-right: 6px; margin-bottom: 0; text-transform: inherit; height: 50px; margin-top: 25px; width: auto; } .popup-wrapper .colored-link.blue:hover { background-color: #345fcc; } .formPopup.formPopupWide p { margin-top: -35px } #modef .arrow { position: absolute; left: 0; width: 7px; height: 13px; left: 1050px; top: 566px; } #modef { z-index: 1000; -moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; color: #fff; text-align: center; border: none !important; text-transform: none; cursor: default; } .space1 { height: 50px } @media only screen and (max-width:1000px) { .space1 { height: 35px } } .title1 { } @media only screen and (max-width:760px) { .space1 { height: 25px } .title1 { padding-bottom: 25px; font-size: 25px; line-height: 28px } } .video-block1 { display: flex; flex-wrap: wrap; padding-bottom: 65px; } .video-block1:after { display: table } @media only screen and (max-width:760px) { .video-block1 { padding-bottom: 20px } } .video-block1__left { flex: 0 0 58%; } .video-block1__left iframe { display: block; width: 100% !important; height: 406px !important } .pix-box iframe { width: 100% } .produt-box { padding-bottom: 10px; position: relative } .items-container { padding-right: 10px; float: left; width: auto; margin-bottom: 30px } @media only screen and (max-width:760px) { .video-block1__left iframe { height: 200px !important } } @media only screen and (max-width:1000px) { .video-block1__left { float: none; width: auto; margin: 0 0 25px } } .video-block1__over { overflow: hidden; padding-left: 30px; flex: 0 0 42%; } .video-block1__over p { } .list-num1__item, .video-block1 .list-num1__item span { font-size: 14px; letter-spacing: .35px; font-weight: 400 } .list-num1__item { padding-left: 47px; min-height: 36px; padding-bottom: 20px; position: relative; color: #4d4d4b; line-height: 20px } .list-num1__item:last-child { padding-bottom: 0 } .video-block1 .list-num1__item span { position: absolute; top: -2px; left: 0; display: block; width: 34px; height: 34px; border: 1px solid #bfcf5f; border-radius: 50px; text-align: center; line-height: 34px; color: #bfcf5f } .background1 { padding: 40px 0; position: relative } .background1:after { display: table } @media only screen and (max-width:760px) { .background1 { padding: 25px 0 } } .background1:before { top: 0; position: absolute; bottom: 0; left: -2000px; right: -2000px; display: block; content: ''; background: #f1f8ff } .background1__left { float: left; max-width: 580px; position: relative } @media only screen and (max-width:1080px) { .background1__left { max-width: 500px } } .background1__vertical { display: table-cell; vertical-align: middle; height: 455px } @media only screen and (max-width:1000px) { .background1__left { float: none; max-width: 1000px; padding-bottom: 30px } .background1__vertical { height: auto; display: block } } .background1__right { float: right; position: relative } .background1__image { border-radius: 500px 500px 500px 0 } @media only screen and (max-width:1000px) { .background1__right { float: none } .background1__image { width: 300px; max-width: 100%; height: auto; display: block; margin: auto } } .description1__title { color: #4d4d4b; font-weight: 600; font-size: 20px; line-height: 24px; text-transform: uppercase; letter-spacing: .5px; padding-bottom: 20px } .description1 p { color: #4d4d4b; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: .45px; padding-bottom: 22px } .description1 p.mod1, .list-text1__item { color: #4d4d4b; font-size: 14px; line-height: 20px; letter-spacing: .35px; font-weight: 400; } .description1 p:last-child { padding-bottom: 0 } .list-text1__item { padding-bottom: 18px; padding-left: 16px; position: relative } .list-text1__item:before { position: absolute; top: 6px; left: 0; display: block; content: ''; width: 8px; height: 8px; background-color: #bfcf5f; border-radius: 8px } .quote { margin-bottom: 60px; padding: 37px 10px; background-color: #69aadf; text-align: center } @media only screen and (max-width:760px) { .quote { padding: 25px 10px; margin-bottom: 30px } } .quote p { display: block; max-width: 765px; margin: auto; color: #fff; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: .4px } .advantage-block { padding-bottom: 30px } @media only screen and (max-width:760px) { .advantage-block { padding-bottom: 10px } } .advantage-block__title { color: #4d4d4b; font-weight: 600; font-size: 20px; line-height: 20px; text-transform: uppercase; letter-spacing: .5px; padding-bottom: 35px } .advantage-block__over-list:after { content: ''; display: table; clear: both } .advantage-block__item { float: left; width: 50%; padding-bottom: 40px } .advantage-block__item:nth-child(2n+1) { clear: left } @media only screen and (max-width:760px) { .advantage-block__item { width: auto; float: none; padding-bottom: 30px } } .advantage-block__over { padding-right: 50px } .advantage-block__over:after { content: ''; display: table; clear: both } @media only screen and (max-width:1000px) { .advantage-block__over { padding-right: 20px } } .advantage-block__left { float: left; margin-right: 11px } .advantage-block__text { overflow: hidden; color: #4d4d4b; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: .35px } .advantage-block__text b { font-weight: 700 } .advantage-block__vertical { height: 79px; display: table-cell; vertical-align: middle } .questions-block { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0; margin-top: 60px } @media only screen and (max-width:1000px) { .questions-block { text-align: center; font-size: .01px } } .questions-block__item1 { float: left; width: 441px; height: 441px; background-color: rgba(125, 185, 229, .8); border-radius: 500px 500px 0; margin-left: 67px; text-align: left } .free-consultation, .sp-item .sp-item-btn { text-align: center; text-transform: uppercase } @media only screen and (max-width:1000px) { .questions-block__item1 { display: inline-block; vertical-align: top; float: none; margin-left: 0 } } @media only screen and (max-width:760px) { .questions-block { padding: 20px 0 } .questions-block__item1 { display: block; width: auto; height: auto; border-radius: 0 } } .questions-block__item2 { float: left; position: relative; top: 237px; width: 204px; height: 204px; background-color: rgba(191, 207, 95, .8); border-radius: 200px 200px 200px 0 } .questions-block__item2:before { position: absolute; top: 73px; left: 68px; display: block; content: ''; background-image: url(/local/templates/main_new/new_site/css/../img/icons.png); width: 64px; height: 63px; background-position: 0 0 } @media only screen and (max-width:1000px) { .questions-block__item2 { display: inline-block; vertical-align: top; float: none } } .questions-block__text { padding: 165px 0 0 74px; white-space: nowrap } @media only screen and (max-width:760px) { .questions-block__item2 { display: none } .questions-block__text { padding: 20px 10px; text-align: center } } .questions-block__text span { display: block; color: #fff; font-size: 50px; font-weight: 700; letter-spacing: .97px; line-height: 56.72px; text-transform: uppercase } @media only screen and (max-width:760px) { .questions-block__text span { font-size: 25px; line-height: 30px; padding-bottom: 10px } } .questions-block__text p { color: #fff; font-size: 24px; font-weight: 400; line-height: 36px; padding-bottom: 20px } @media only screen and (max-width:760px) { .questions-block__text p { font-size: 18px; line-height: 22px } } .free-consultation { width: 336px; height: 53px; border-radius: 27px; background-color: #bfcf5f; color: #fff; font-size: 16px; font-weight: 600; letter-spacing: .4px; line-height: 53px; display: block } .free-consultation:hover { opacity: .95 } @media only screen and (max-width:760px) { .free-consultation { width: auto } } .test-fake { display: block; margin: auto auto 60px; max-width: 100%; height: auto } .spal.inner-container .list-percent1__item { width: 33% } .spal.inner-container .list-percent1__vertical { font-size: 14px } .spal.inner-container .list-percent1__vertical span { font-size: 48px; padding-bottom: 0 } .sp-item-container .sp-item { position: relative; width: 48%; display: inline-block; vertical-align: top; background: #fcfcfc; -webkit-box-shadow: 10px 10px 37px -13px rgba(222, 222, 222, 1); -moz-box-shadow: 10px 10px 37px -13px rgba(222, 222, 222, 1); box-shadow: 10px 10px 37px -13px rgba(222, 222, 222, 1); padding-bottom: 40px; } .sp-item-container .sp-item .sp-item-image img, .sp-item-container .sp-item .sp-item-title-block { width: 100% } .sp-item-container .sp-item .sp-item-dib { display: inline-block; vertical-align: middle } .sp-item-container .sp-item:nth-child(even) { float: right } .sp-item-container .sp-item .sp-item-image { margin-bottom: 20px } .sp-item-container .sp-item .sp-item-txt { padding: 0 25px; min-height: 587px; } .sp-item-container .sp-item .sp-item-title a { color: #70706f; text-transform: uppercase; font-weight: 700; text-decoration: none; font-size: 16px; margin-right: 15px } .sp-item-container .sp-item .sp-item-size-block .sp-title-size { vertical-align: middle; color: #70706f; font-size: 13px; font-weight: 700; display: inline-block } .sp-item-container .sp-item .sp-item-size-block .sod_select { display: inline-block; vertical-align: middle; margin-left: 10px; background: #fff } .sp-item-container .sp-item .sp-item-price-block { float: right; font-size: 18px; font-weight: 500; color: #000; } .sp-item-container .sp-item .sp-item-price-block span { font-size: 24px } #wrapper .sp-item .sp-item-props-block p { opacity: 0.8; color: #4d4d4b; font-size: 14px; font-weight: 400; line-height: 25px; letter-spacing: 0.28px; } .sp-item .sp-item-props-block p b { color: #4d4d4b; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0.4px; } .sp-item .sp-item-prview-text { margin-top: 20px } .sp-item .sp-item-prview-text .sp-item-pt-title { font-size: 15px; margin-bottom: 15px; display: block; color: #4d4d4b; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0.4px; } .sp-item .sp-item-btn { position: absolute; bottom: 40px; display: block; background: #bfcf5f; color: #fff; line-height: 49px; width: 350px; border-radius: 65px; font-size: 14px; font-weight: 700; } .sp-item .sp-item-btn:hover { background: #C9D963 } .sp-item .sp-item-pt-text { height: auto; overflow: hidden; opacity: 0.8; color: #4d4d4b; font-size: 14px; font-weight: 400; line-height: 27px; letter-spacing: 0.28px; padding-bottom: 60px; } .questions-block__text .free-consultation { color: #fff } .catalog_section_items__container .catalogue-list__item_banner_grid { max-width: 95.8%; margin-bottom: 20px } .catalogue-list .catalogue-list__item_banner { margin-bottom: 40px } ul.switch-bottom-list { letter-spacing: .5px } .container_komp_items .popup-wrapper.not_grouped .formPopup, .with_new_popup .popup-wrapper .formPopup { height: 550px } .btn_orange, a.btn_orange { background: #ff6f4d; color: #fff; border: 1px solid #ff6f4d; text-align: center; border-radius: 2px; } .btn_orange:hover { background: #ff542b; } .product_info_right .btn_orange { font-weight: 700; } #wrapper a.btn_white, .btn_white { background: #fff; color: #000000; border: 1px solid #c6c6c6; text-align: center; border-radius: 2px; font-size: 13px; font-weight: 400; line-height: 24px; } #wrapper a.btn_white:hover { background: #f2f2f2; } .wrap { width: 1242px; margin: 0 auto; max-width: inherit; } .icons_container .icon_item { display: inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; vertical-align: middle; background: #69aadf; border-radius: 4px; padding: 2px 10px; text-align: center; margin-right: 5px; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; } .catalogue-list__item .catalogue__img .icons, .icons_container .icon_item span { text-transform: uppercase; font-size: 11px; color: #ffffff; font-weight: 700; line-height: 20px; } .icons_container { position: absolute; left: 8px; top: 9px; z-index: 1000; } .mini-pics { padding: 25px; } .mini-pics .mini-pics__item { border: 1px solid #e3e3e3; width: 103px; height: 86px; display: inline-block; vertical-align: top; margin-right: 13px; } .mini-pics .mini-pics__item.active { border-color: #69aadf; } .mini-pics.slick-slider { padding: 25px 60px; } .item-wrapper .mini-pics.slick-slider { padding-top: 0px; } .buttons_top_picture { position: absolute; top: 7px; left: 0px; width: 100%; text-align: right; z-index: 1000; } .buttons_top_picture a { display: inline-block; vertical-align: middle; padding-left: 45px; position: relative; font-size: 12px; padding: 9px 0px; padding-left: 30px; padding-right: 18px; color: #b3b3b1; font-weight: 400; line-height: 24px; } .buttons_top_picture a.active { color: #69aadf; } .buttons_top_picture a .ico { position: absolute; top: 10px; left: 6px; } .buttons_top_picture a.wishlist_btn { width: 125px; } .ico-compare { background: url("/local/templates/strong/new_site/css/img/catalog-card__compare.svg") no-repeat center center; width: 18px; height: 18px; } .ico-wishlist { background: url("/local/templates/strong/new_site/css/img/catalog-card__star.svg") no-repeat center center; width: 18px; height: 18px; } .compare_btn_css.active .ico-compare, .compare_btn.active .ico-compare { background: url("/local/templates/strong/new_site/css/img/catalog-card__compare_active.svg") no-repeat center center; } .wishlist_btn.active .ico-wishlist { background: url("/local/templates/strong/new_site/css/img/catalog-card__star_active.svg") no-repeat center center; } .product_info_right { border: 3px solid #f2f2f2; padding: 20px 30px; min-height: 420px; } .product_info_right .info_inline { display: inline-block; vertical-align: top; width: 100%; } .product_info_right .info_inline.right_info { } #wrapper .product_info_right .mini-title p { font-size: 11px; color: #4d4d4b; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } #wrapper .product_info_right .mini-title h2 { margin-top: -2px; line-height: 1; } .container .product_info_right .info-link-ab { display: inline-block; font-size: 12px; color: #0059a7; margin: 0px; border: none; text-decoration: none; float: none; margin-top: 7px; border-bottom: 1px dashed; } .container .product_info_right .info-link-ab:hover { border-bottom: 1px dashed transparent; } .product_info_right .sod_select { min-width: 140px; max-width: 200px; } #wrapper .product_info_right .buttons a { display: block; margin-bottom: 10px; font-size: 16px; padding: 13px 0px; line-height: 24px; } #wrapper .product_info_right .buttons a#to-cart-btn { font-size: 16px; font-weight: 700; } #wrapper .product_info_right .buttons a.btn_white { font-size: 13px; font-weight: 400; } .product_info_right .sod_select span { font-style: normal !important; } .product_info_right .info-block.price-element-block .price_old, .product_info_right .info-block.price-element-block .price_current { float: none; text-align: left; } .product_info_right .info-block.price-element-block .price_current { color: #000; font-size: 18px; } .product_info_right .info-block.price-element-block .price_current span { font-family: Fira Sans; font-style: normal; font-weight: 500; font-size: 42px; line-height: 50px; text-align: center; color: #BA4265; padding-right: 25px; margin: 0; font-weight: 700; } .product_info_right .info-block.price-element-block .price_current span span { padding-right: 0; } .product_info_right .info-block.price-element-block .price_old { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; text-decoration-line: line-through; color: #32373E; padding-right: 25px; margin-right: 0; padding-bottom: 7px; } .product_info_right .info-block.price-element-block .saving_block { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 6px; } .product_info_right .info-block.price-element-block .saving_block .tit { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px;/* identical to box height */ text-align: center; color: #19398B; margin-bottom: 5px; flex: 0 0 100%; text-align: left; } .product_info_right .info-block.price-element-block .saving_block .count { font-family: Fira Sans; font-style: normal; font-weight: 500; font-size: 10px; line-height: 147.2%;/* identical to box height, or 15px */ display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; padding: 4px 9px; background: #19398B; border-radius: 3px; display: flex; align-items: center; } .product_info_right .info-block.price-element-block .saving_block .count span { padding-left: 4px; font-family: Fira Sans; font-style: normal; font-weight: 500; font-size: 10px; line-height: 147.2%;/* identical to box height, or 15px */ display: flex; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; } .product_info_right .info-block { padding-bottom: 10px; flex: 0 0 50%; margin-bottom: 23px; border: 0; } .product_info_right .info-block.price-element-block { margin-top: 20px; margin-bottom: 25px; display: flex; align-items: end; } .product_info_right .info-block.buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin-bottom: 18px; } #wrapper .product_info_right .info-block.buttons .btn-to-cart-komp { display: inline-block; text-align: center; background-color: #19398B; border-radius: 3px; padding: 13px 15px; min-width: 280px; font-weight: 500; font-size: 18px; line-height: 24px; color: #fff; letter-spacing: 0.01em; -webkit-transition: .2s; transition: .2s; min-width: 0; padding-left: 40px; padding-right: 40px; margin-right: 6px; margin-bottom: 0; } #wrapper .product_info_right .info-block.buttons .btn-to-cart-komp:hover { background-color: #345fcc; } #wrapper .product_info_right .info-block.buttons .cosult_button { display: inline-block; text-align: center; background-color: #19398B; border-radius: 3px; padding: 13px 15px; min-width: 280px; font-weight: 500; font-size: 18px; line-height: 24px; color: #fff; letter-spacing: 0.01em; background-color: #BA4265; min-width: 0; padding-left: 40px; padding-right: 40px; -webkit-transition: .2s; transition: .2s; margin-bottom: 0; } #wrapper .product_info_right .info-block.buttons .cosult_button:hover { background-color: #e24170; } .right_info .delivery-block { } .right_info .delivery-block span { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; text-align: center; color: #32373E; } .right_info .delivery-block a.change_delivery_city.info-link { border: 0; margin-left: 0; color: #19398B; font-size: 12px; line-height: 14px; } .color_item { position: relative; display: inline-block; margin-right: 2%; margin-bottom: 10px; cursor: pointer; vertical-align: top; width: 50px; } .color_item input[type=radio], .color_item .bg_color_item { display: none; } .color_item .bg_color_item { width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; border: 3px solid #005DA1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .color_item img { border-radius: 50%; } .color_item input[type=radio]:checked + .bg_color_item { display: block; } .color_item.other_colors { display: none; } .color_item.other_colors.active { display: inline-block; } .show_all_colors { position: relative; display: inline-block; margin-right: 2%; margin-bottom: 10px; cursor: pointer; width: 50px; height: 50px; border: 1px solid #e1e1e1; border-radius: 50%; vertical-align: top; } .show_all_colors span { position: absolute; font-size: 30px; color: #bfbfbf; left: 11px !important; top: -6px; } .show_all_colors:hover { background: #0059a7; } .product_info_right .info_inline.left_info { } .left_info .wrap-komp-items { display: flex; flex-wrap: wrap; } .info_item_left .mini-title p { font-size: 11px; color: #4d4d4b; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; } .info_item_left { margin-bottom: 31px; } .container .info_item_left p span a.info-link { float: none; color: #0059a7; text-transform: none; margin-left: 14px; } .info_item_left .info-block p { font-size: 12px; color: #808080; font-family: 'Open Sans'; margin-top: -7px; } .info_item_left .prop_checkbox_info_container label { width: 70%; vertical-align: top; margin-top: -3px; } .info_item_left .fake-checkbox { width: 16px; height: 16px; vertical-align: top; } .info_item_left .fake-checkbox input:checked+.fake-input { background: #0059a7; } .info_item_left .fake-checkbox input:checked+.fake-input .sprite { width: 14px; height: 12px; background: url('/local/templates/main_new/new_site/css/../img/w_check.png'); left: 1px; top: -2px; } .info_item_left .fake-checkbox { border-color: #d5d5d5; } .info_item_left ul.adv_container_list { margin: 0px; padding: 0px; } .info_item_left ul.adv_container_list li { font-size: 14px; color: #4c4c4c; padding-left: 47px; position: relative; margin-bottom: 25px; line-height: 24px; } .info_item_left ul.adv_container_list li:before { content: ''; background: url('/local/templates/main_new/new_site/css/../img/adv_check.png') center; width: 27px; height: 27px; position: absolute; left: 0px; top: -2px; } .product_info_right .info-block.price-element-block .price_old { margin-top: 0px; } .product_info_right .info-block { padding-bottom: 10px; } .product_info_right .title_delivery, .product_info_right .title_delivery span { color: #69aadf; font-size: 14px; font-weight: 700; } .product_info_right .delivery_block_right p { margin-top: 7px; color: #bababa; font-size: 11px; } .props-inline-on-pic_big { padding: 36px 40px; border: 3px solid #f2f2f2; margin-top: 27px; } .props-inline-on-pic_big.DISCOUNT { padding: 10px 10px; border: 3px solid #f2f2f2; margin-top: 27px; } .props-inline-on-pic_big .props-inline-on-pic-item { display: inline-block; vertical-align: top; width: 24%; overflow: hidden; position: relative; height: 80px; } .props-inline-on-pic_big .props-inline-on-pic-item.prop-inline-PLACE_LOAD { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .props-inline-on-pic_big .props-inline-on-pic-item .descr { position: absolute; font-size: 13px; text-align: center; bottom: 0px; width: 100%; } .props-inline-on-pic_big .props-inline-on-pic-item .value { position: absolute; font-size: 12px; color: #959595; } .props-inline-on-pic-item:before { content: ''; position: absolute; top: 0px; } .props-inline-on-pic-item.prop-inline-HEIGHT .value { left: 31px; top: 14px; } .props-inline-on-pic-item.prop-inline-GARANTIA .value { top: 13px; text-align: center; line-height: 11px; word-spacing: 999px; } .props-inline-on-pic-item.prop-inline-PLACE_LOAD .value { text-align: center; line-height: 11px; position: absolute; bottom: 38px; left: 0; right: 0; } .props-inline-on-pic-item.prop-inline-HEIGHT:before { background: url('/local/templates/main_new/new_site/css/../img/props/1.png') center; width: 30px; height: 39px; top: 3px; left: 46px; } .props-inline-on-pic-item.prop-inline-PLACE_LOAD:before { background: url('/local/templates/main_new/new_site/css/../img/props/2.png') center; width: 33px; height: 46px; left: 46px; } .props-inline-on-pic-item.prop-inline-HARDNESS:before { background: url('/local/templates/main_new/new_site/css/../img/props/3.png') center; width: 47px; height: 45px; left: 38px; } .props-inline-on-pic-item.prop-inline-GARANTIA:before { background: url('/local/templates/main_new/new_site/css/../img/props/4.png') center; width: 37px; height: 45px; left: 44px; } .props-inline-on-pic-item.prop-inline-DISCOUNT { width: 100%; height: initial; } .product-information-block { position: relative; background: #f5f5f5; padding: 55px 0px; font-size: 14px; color: #4d4d4c; } .product-information-block .wrap { margin: 0 auto; max-width: inherit; display: flex; justify-content: space-between; } .product-information-block.sp-sis_background::before { position: absolute; z-index: -1; content: " "; width: 200%; top: 0px; left: -50%; right: 0px; bottom: 0px; background: #f5f5f5; } .product-information-block .product_text { width: 49%; display: inline-block; vertical-align: top; padding-right: 38px; padding: 0; } .product-information-block .product_video { width: 43%; padding-right: 20px; } .product-information-block .product_video .video-img { height: auto; margin: 0; } .product-information-block .product_video .video-img .fancy { display: block; position: relative; } .product-information-block .product_video .video-img .fancy:after { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); } .product-information-block .product_video .video-img .fancy img { width: 100%; } .product-information-block .product_video .video-img .fancy .video_play_btn { position: absolute; width: 77px; height: 77px; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 2; transition: .5s; } .product-information-block .product_video .video-img .fancy:hover .video_play_btn { opacity: .5; } .product-information-block .product_text.wide { width: 100% } .product-information-block .compositions-list { display: inline-block; vertical-align: top; width: 420px; padding-left: 60px; border-left: 2px solid #ececec; } #wrapper .product-information-block .compositions-list p { color: #666666; font-weight: 600; font-size: 15px; line-height: 27px; letter-spacing: 0.3px; margin-bottom: 10px; } #tab-also-buy { background: #f5f5f5; padding-bottom: 23px; } #tab-also-buy h3 { font-size: 26px; padding-top: 93px; padding-bottom: 38px; } #tab-also-buy .ico-compare { width: 10px; height: 13px; background-size: contain; } #tab-also-buy .ico-wishlist { width: 15px; height: 14px; background-size: contain; } #tab-also-buy .ico-compare.active { background-image: url("/local/templates/strong/new_site/css/img/catalog-card__compare_active.svg"); } #tab-also-buy .ico-wishlist.active { background-image: url("/local/templates/strong/new_site/css/img/catalog-card__star_active.svg"); } .wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-next, .wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev { width: 40px; height: 40px; background: #fff; border: 1px solid #d7d7d7; font-size: 0px; -webkit-box-shadow: -6px 15px 46px -22px rgba(0, 0, 0, 0.58); -moz-box-shadow: -6px 15px 46px -22px rgba(0, 0, 0, 0.58); box-shadow: -6px 15px 46px -22px rgba(0, 0, 0, 0.58); } .wrap .bx-wrapper .bx-controls .bx-controls-direction a:before { content: ''; width: 6px; height: 10px; background: url('/local/templates/main_new/new_site/css/../img/arr_s.png') center; display: block; position: absolute; left: 15px; top: 15px; } .wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-next { right: -20px; } .wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev { left: -20px; } .wrap .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .wrap .bx-controls.bx-has-controls-direction { top: 164px; width: 100%; } .j_sim_tab_container { position: absolute; top: 70px; background: #fff; } .container_komp_items .popup-wrapper.not_grouped .formPopup, .with_new_popup .popup-wrapper .formPopup { height: 550px; } .page-for-partners h2 { margin-bottom: 20px; color: #4d4d4b; font-size: 24px; font-weight: 400; line-height: 24px; letter-spacing: 0.6px; } .page-for-partners, .page-for-partners .preim_text { color: #4d4d4b; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0.35px; } .page-for-partners p { margin-bottom: 10px; } .text-transform-str-to-lower { text-transform: lowercase; } .nopadding { padding: 0 !important; margin: 0 !important; } .basket__total-price .ruble-sign::after { padding-left: 4px; font-size: 11px; } .komp-item-cell-info b.ruble-sign:after { padding-left: 3px; } .text__right .item__discount .price_current .ruble-sign:after { font-size: 19px; } .product_info_right .info-block.price-element-block .price_current .ruble-sign:after { font-size: 33px; } .nopadding-left { padding-left: 0 !important; margin-left: 0 !important; } .nopadding-right { padding-right: 0 !important; margin-right: 0 !important; } .hidden { display: none; } .subdomain_city_link { color: #292321 !important; font-family: Arial, sans-serif; font-size: 14px !important; text-decoration: none; } .bx-no-touch .slick-dots li button:focus, .bx-no-touch .slick-dots li button:hover { opacity: 1; } .bonus-page .fill-form { font-family: Fira Sans; font-style: normal; font-weight: 300; font-size: 17px; line-height: 28px;/* or 165% */ color: #32373E; margin-bottom: 30px; } .actions-page .bx_item_detail_rating .bx_stars_bg { background: url(/local/components/bizprofi/iblock.vote/templates/stars/images/stars_white.png) no-repeat center; } .actions-page .bx_item_detail_rating td:last-child { display: none; } .actions-page .bx_item_detail_rating .bx_item_rating { margin-top: 0; } .articlesContent .item .info .additional { display: flex; } @media only screen and (max-width:1199px) { .prop-inline-DISCOUNT .list-percent1__round { margin: 0%; float: left; display: block; position: initial; margin-right: 3%; } .prop-inline-DISCOUNT .list-percent1__over { padding: 10px 10px; } .props-inline-on-pic_big.DISCOUNT { padding: 0px 0px !important; } .prop-inline-DISCOUNT .list-percent1__text { float: none; position: relative; display: block; width: initial; padding-left: initial; } } @media only screen and (max-width:440px) { .sp-item .sp-item-btn { width: 85%; padding: 0 10px; } .color-block_popup-hover { left: 0; right: inherit; top: -50px; } } @media only screen and (max-width:360px) { .j-popup-header-cities .formPopup.formPopupWide { max-width: 100% !important; } } .product-item-scu-item-text-container.selected { background: red; } .list-percent1__vertical span { display: block; padding-bottom: 12px; color: #93c0e1; font-size: 60px; font-weight: 300; line-height: 43px; text-transform: uppercase; letter-spacing: 1.5px; } .spal.inner-container .list-percent1__item { width: 33%; } .spal.inner-container .list-percent1__vertical { font-size: 14px; } .spal.inner-container .list-percent1__vertical span { font-size: 48px; padding-bottom: 0px; } .bonus-page .list-percent1__vertical span { display: inline; } .bonus-page .list-percent1__vertical .first-circle { display: block; } .bonus-page .list-percent1__item { display: inline-block; width: calc(33% - 10px); vertical-align: top; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border: 1px solid #DDDDDD; box-sizing: border-box; border-radius: 4px; padding: 30px 20px; padding-top: 56px; } #wrapper .bonus-page .list-percent1__item .list-percent1__over p { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 25px;/* or 167% */ text-align: center; color: #32373E; margin: 0; } .bonus-page .quote .download-rules { color: #fff !important; } .list-percent1__round .list-percent1__vertical { font-family: Fira Sans; font-style: normal; font-weight: 300; font-size: 80px; line-height: 22px;/* identical to box height, or 27% */ text-align: center; color: #19398B; } .list-percent1__round .list-percent1__vertical .infos { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px;/* identical to box height, or 129% */ color: #19398B; margin-top: 26px; } .list-percent1__round .list-percent1__vertical.circle { } .list-percent1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: space-between; padding-bottom: 0px; margin-top: 10px; } .product-information-block ol, ol.strong { padding-left: 45px; margin-bottom: 24px; counter-reset: li; list-style: none; } .product-information-block ol li, ol.strong li { position: relative; counter-increment: li; padding: 0px; color: #6f6f6f; font-size: 16px; line-height: 32px; font-weight: 400; margin: 8px 0px; font-family: Fira Sans; font-style: normal; font-weight: 300; font-size: 17px; line-height: 28px;/* or 165% */ color: #32373E; margin-bottom: 11px; margin-top: 0; padding-top: 9px; } .product-information-block ol li::before, ol.strong li::before { content: counter(li); display: block; position: absolute; font-size: 13px; color: white; width: 33px; height: 33px; border-radius: 50%; text-align: center; line-height: initial; top: 6px; left: -45px; border: 2px solid #19398B; background: transparent; font-family: Fira Sans; font-style: normal; font-weight: 500; font-size: 15px; line-height: 28px;/* identical to box height, or 187% */ color: #19398B; font-weight: bold; text-align: center; display: flex; justify-content: center; line-height: 1; align-items: center; } #wrapper .main-text-page__right-text ul li, .text-new-design ul li{ font-weight: 300; font-size: 17px; line-height: 28px; color: #32373E; font-family: Fira Sans; font-style: normal; } #wrapper .main-text-page__right-text ul li:before, .text-new-design ul li:before{ display: none; } .text-new-design{ display: flex; color: #40505c; font-size: 16px; font-weight: 300; line-height: 30px; } @media screen and (min-width: 1023px) { .faq_right_big { width: calc(100% - 300px) !important; } } .faq_right_big li { position: relative; font-family: "Open Sans"; color: #6f6f6f; font-size: 13px; font-weight: 400; margin-left: 0px; } .faq_right_big li:not(:last-child) { margin-bottom: 2px; } .faq_right_big li::before { content: ''; position: absolute; top: 6px; left: -24px; display: block; background: url('/local/templates/strong/img/blue-new-interface/list-style-1.png'); width: 14px; height: 14px; } .catalog-table-new tr > td{ padding: 0 !important; } .faq_right_big .delivery_block .delivery_title p{ text-transform: none; } .faq_right_big .delivery_block .delivery_title:first-child p{ margin: 0 0 12px 0; font-size: 40px; padding: 0; color: #4d4d4b; line-height: normal; letter-spacing: 1px; font-weight: normal; background:none ; } .faq_right { padding-left: 60px; } #wrapper .main-text-page__right-text ul.strong-small, .text-new-design ul.strong-small { padding-left: 20px; margin-bottom: 24px; color: #40505c; font-size: 16px; font-weight: 300; line-height: 26px; } #wrapper .main-text-page__right-text ul.strong-small li, .text-new-design ul.strong-small li { font-weight: 300; font-size: 17px; line-height: 28px;/* or 165% */ color: #32373E; font-family: Fira Sans; font-style: normal; } #wrapper .main-text-page__right-text ul.strong-small li:before, .text-new-design ul.strong-small li:before { position: absolute; width: 5px; height: 5px; background: #19398B; top: 10px; border-radius: 50%; left: -20px; } .center-block { display: block; margin-right: auto; margin-left: auto } .pull-right { float: right!important } .pull-left { float: left!important } .hide { display: none; } .show { display: block!important } #wrapper .price_old { display: flex; align-items: flex-end; margin-left: 5px; } .price_current{ display: flex; } .basket-page .product{ display: block; border: 0; height: auto; border-radius: 0; } .faq_block_3{ padding: 30px 30px; display: block; background: #ECF7F9; font-family: Fira Sans; font-style: italic; font-weight: 300; font-size: 19px; line-height: 150%; color: #32373E; padding-top: 40px; padding-bottom: 50px; padding-left: 70px; padding-right: 99px; font-family: Fira Sans; font-style: normal; font-weight: 300; font-size: 15px; line-height: 22px; color: #32373E; } .text-new-design ol { padding-left: 45px; margin-bottom: 24px; counter-reset: li; list-style: none; } .text-new-design ul li { } .text-new-design ol { counter-reset: li; } .text-new-design ol li { position: relative; counter-increment: li; padding: 0px; color: #6f6f6f; font-size: 16px; line-height: 32px; font-weight: 400; margin: 8px 0px; font-family: Fira Sans; font-style: normal; font-weight: 300; font-size: 17px; line-height: 28px;/* or 165% */ color: #32373E; margin-bottom: 11px; margin-top: 0; padding-top: 9px; } .text-new-design ol li::before { content: counter(li); position: absolute; width: 33px; height: 33px; border-radius: 50%; top: 6px; left: -45px; border: 2px solid #19398B; background: transparent; font-family: Fira Sans; font-style: normal; font-size: 15px; color: #19398B; font-weight: bold; text-align: center; display: flex; justify-content: center; line-height: 1; align-items: center; } .text-new-design ol li b{ font-weight: 600; font-family: 'Open Sans', sans-serif; } #wrapper .main-text-page__right-text ul.strong-small li:before, .text-new-design ul.strong-small li:before{ position: absolute; width: 5px; height: 5px; background: #19398B; top: 10px; border-radius: 50%; left: -20px; display: block; } .text-new-design ul.faq-left-menu li:before{ display: none; } .delivery_text table, .delivery_text tbody, .delivery_text tr, .delivery_text td{ border: 0; } #wrapper .main-text-page__right-text ul.strong{ list-style: none; padding-left: 0;} #wrapper .main-text-page__right-text ul.strong li{ position: relative; margin-bottom: 15px; padding-left: 35px; font-weight: 300; font-size: 17px; line-height: 28px; color: #32373E; font-family: Fira Sans; font-style: normal;} #wrapper .main-text-page__right-text ul.strong li:before{ background: url(/local/templates/strong/img/blue-new-interface/check.png) center center no-repeat; display: block; width: 24px; height: 24px; position: absolute; content: ''; left: 0; top: 0; margin: auto; border-radius: 0;} #wrapper .main-text-page__right-text ul.strong_list{padding: 0;} #wrapper .main-text-page__right-text ul.strong_list li{padding-left: 0;} #wrapper .main-text-page__right-text ul.strong_list li:before{display: none;} .mobileTable{ display: none; } .slick-slider.product-slider-actions{ margin: 0 -15px!important; } #wrapper .main-text-page__right-text .pager-strong .navigation1 .navigation1__item:before{ display: none; } .description2 a{ text-decoration: none; } .bonus { margin-top: -142px; } .bonus-page .big-form1__input { height: 36px; border: 1px solid #d5d5d5; background-color: #ffffff; padding: 0 15px; color: #a9a9a8; font-weight: 600; font-style: italic; font-size: 14px; border-radius: 3px; letter-spacing: 0.35px; color: #333; } .bonus-page .loyalty-form { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 47px; } .bonus-page .loyalty-form .loyalty-form-label { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 23px; /* identical to box height, or 153% */ color: rgba(25, 57, 139, 0.6); } .bonus-page .loyalty-form .loyalty-form-checkbox-inline { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 23px; /* identical to box height, or 153% */ color: rgba(25, 57, 139, 0.6); margin-left: 11px; margin-right: 28px; } .bonus-page .more-small-check1 {flex: 0 0 100%;} ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: rgba(25, 57, 139, 0.6); } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(25, 57, 139, 0.6); opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(25, 57, 139, 0.6); opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(25, 57, 139, 0.6); } ::-ms-input-placeholder { /* Microsoft Edge */ color: rgba(25, 57, 139, 0.6); } ::placeholder { /* Most modern browsers support this now. */ color: rgba(25, 57, 139, 0.6); } .bonus-page .more-small-check1 .registration-end1 { line-height: 0; } .bonus-page .form-inputs { width: 52%; } .bonus-page .form-checkboxs { width: 48%; } .bonus-page .form-inputs .big-form1__input { width: 100%; height: 55px; width: 320px; font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 23px; /* identical to box height, or 153% */ color: rgb(25 57 139); border: 1px solid #19398B; box-sizing: border-box; border-radius: 4px; padding-left: 20px; } .bonus-page .loyalty-form-group-inline .big-form1__input { width: 100%; } .bonus-page .loyalty-form-group-inline .birthdat_wrap .big-form1__input{ text-align: center; padding: 0; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } #bdate{ width: 55px; } .bonus-page .anketa { padding-bottom: 0; } .bonus-page .fake-checkbox { margin-right: 0; width: 18px; height: 18px; min-width: 18px; } .wrap_gender{ margin-bottom: 21px; display: flex; } .bonus-page .form-checkboxs .loyalty-form-column label { font-size: 14px; display: flex; } .bonus-page .form-checkboxs .loyalty-form-column-title { color: #4d4d4b; font-size: 16px; font-weight: 600; letter-spacing: 0.4px; line-height: 19px; } .bonus-page .form-checkboxs .mar-bot { margin-bottom: 14px; } .bonus-page .more-small-check1 .check1__label { padding-left: 0; display: flex; margin-bottom: 15px; } .bonus-page .more-small-check1 .check1__label span{ font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 23px; /* or 153% */ color: rgba(111, 118, 133, 0.5); max-width: 317px; margin-left: 18px; } .bonus-page .list-year1__item { width: 25%; } .list-year1__year { margin-bottom: 0; } .bonus-page .list-year1__item .list-year1__text { height: 79px; width: 79px; } .bonus-page .list-year1__item .list-year1__description { padding: 0px 20px; } .bonus-page .list-year1__item .style1 .list-year1__text { background: url("/bonus/img/1.png"); } .bonus-page .list-year1__item .style2 .list-year1__text { background: url("/bonus/img/2.png"); } .bonus-page .list-year1__item .style3 .list-year1__text { background: url("/bonus/img/3.png"); } .bonus-page .list-year1__item .style4 .list-year1__text { background: url("/bonus/img/4.png"); } .loyalty-form-column span{ font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 23px; /* or 213% */ color: rgba(25, 57, 139, 0.6); margin-left: 11px; } .registration-end1 { background: #19398B; border-radius: 4px; width: 320px; height: 60px; border: 0; font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; /* identical to box height */ color: #FFFFFF; } .registration-end1:hover { opacity: 0.9; } table.strong { margin-bottom: 24px; width: 100%; } table.strong tr:first-child td { color: #ffffff; font-size: 16px; font-weight: 400; line-height: initial; letter-spacing: 0.4px; background: #19398B; } table.strong tr:first-child td:first-child { border-radius: 4px 0 0 0; } table.strong tr:first-child td:last-child { border-radius: 0 4px 0 0; } table.strong tr { background: #F9FAFB; } table.strong tr:last-child td:first-child { border-radius: 0 0 0 4px; } table.strong tr:last-child td:last-child { border-radius: 0 0 4px 0; } table.strong tr:nth-child(2n + 1) { background: #F9FAFB; } table.strong td { vertical-align: middle; padding: 18px 30px; color: #4d4d4b; font-size: 14px; font-weight: 400; line-height: initial; font-size: 15px; line-height: 32px;/* or 213% */ color: #6F7685; border-bottom: 1px solid rgba(25, 57, 139, 0.05); font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 32px;/* or 213% */ color: #6F7685; padding-left: 30px; } table.strong td:first-child { white-space: nowrap; } table.strong td:nth-child(n+2) { border-left: 1px solid rgba(25, 57, 139, 0.05); border-bottom: 1px solid rgba(25, 57, 139, 0.05); } h1.strong { font-size: 48px; line-height: 58px; color: #19398B; font-weight: bold; font-family: Fira Sans; margin-bottom: 15px; } h2.strong { font-size: 32px !important; } h3.strong { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 38px; color: #19398B; } .materials_block { display: flex; flex-wrap: wrap; justify-content: space-between; } .materials_block .material { flex: 0 0 calc(50% - 15px); background: #FFFFFF; border: 1px solid #ECEEF0; box-sizing: border-box; border-radius: 5px; padding: 30px; margin-bottom: 30px;display: flex; flex-wrap: wrap; padding-bottom: 20px;align-items: flex-start;justify-content: flex-start;/* flex-direction: column; */ } .materials_block .material .img { margin-right: 30px; max-height: 120px; display: inline-block; } .materials_block .material .img img { width: 120px; height: 120px; border-radius: 3px; } .materials_block .material .name { width: calc(100% - 156px); font-family: Fira Sans; font-style: normal; font-weight: 500; font-size: 22px; line-height: 26px; color: #19398B; line-height: 1; max-height: 120px; flex: 0 0 calc(100% - 150px); display: inline-block; /* margin-bottom: -25px; */ position: relative; bottom: -25px; } .materials_block .material .cont { margin-top: 20px; flex: 0 0 100%; } #wrapper .materials_block .material .cont p { font-family: Fira Sans; font-style: normal; font-weight: 300;/* or 25px */ font-size: 17px; line-height: 150%; margin-bottom: 10px; } .materials_block .material .cont p b { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 16px; line-height: 110%;/* identical to box height, or 18px */ color: #000000; } @media screen and (max-width: 768px) {.materials_block .material {flex: 0 0 100%;}} @media screen and (max-width: 500px) {.materials_block .material .name {flex: 0 0 100%; width: 100%; margin-bottom: 15px;}} #wrapper .a-wf-delivery-content .contact-block1__over .contact-block1__title2, h1.strong, h2.strong, h3.strong, h4.strong, h5.strong { color: #19398B; font-family: Fira Sans; font-style: normal; font-weight: bold; line-height: initial; margin-bottom: 12px; } h1.strong { font-size: 48px; line-height: 58px; color: #19398B; font-weight: bold; font-family: Fira Sans; margin-bottom: 15px; } #wrapper .a-wf-delivery-content .contact-block1__over .contact-block1__title2, h2.strong { color: #19398B; font-family: Fira Sans; font-style: normal; font-weight: bold; line-height: initial; margin-bottom: 12px; } h2.strong { font-size: 32px !important; } h3.strong { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 32px; line-height: 38px; color: #19398B; } #wrapper h3.strong .js-open-region-list { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 17px; line-height: 28px;/* identical to box height, or 165% */ text-decoration-line: underline; color: #19398B; border: 0; margin-left: 36px; line-height: 1; vertical-align: bottom; vertical-align: baseline; top: 0; } #wrapper .title-contact p.text-under-title-sub { font-family: Fira Sans; font-style: normal; font-weight: 300; font-size: 17px; line-height: 28px;/* or 165% */ color: #32373E; } .contacts-page .title-contact { padding: 0; } #wrapper .top_contact_wrap { border: 1px solid #E6E6E6; box-sizing: border-box; border-radius: 4px; display: flex; padding-left: 30px; padding-right: 40px; padding-top: 30px; padding-bottom: 30px; display: flex; align-items: center; margin-bottom: 52px; } #wrapper .top_contact_wrap .phone_column { margin-right: 46px; } #wrapper .top_contact_wrap .phone_column .mp_phone { font-family: Fira Sans; font-style: normal; font-weight: 300; font-size: 32px; line-height: 22px;/* identical to box height, or 69% */ color: #32373E; } #wrapper .top_contact_wrap .phone_column span { font-style: normal; font-weight: normal; font-size: 15px; line-height: 20px;/* identical to box height, or 187% */ color: rgba(50, 55, 62, 0.5); display: block; margin-top: 13px; } #wrapper .top_contact_wrap .other_info { display: flex; justify-content: space-between; align-items: center; flex: auto; } #wrapper .top_contact_wrap .other_info .wtite_mess { width: 300px; height: 60px; border: 2px solid #19398B; box-sizing: border-box; border-radius: 4px; font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px;/* identical to box height */ color: #19398B; display: flex; align-items: center; justify-content: center; } #wrapper .top_contact_wrap .other_info .consult { font-style: normal; font-weight: bold; font-size: 18px; line-height: 21px;/* identical to box height */ color: #19398B; border-bottom: 1px solid #19398B; line-height: 1; } #wrapper .top_contact_wrap .other_info .callback { background: #19398B; border-radius: 4px; width: 300px; height: 60px; display: flex; align-items: center; justify-content: center; font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px;/* identical to box height */ color: #FFFFFF; } #wrapper .cities_title { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 21px; line-height: 25px; color: #19398B; margin-bottom: 25px; } .city_wrap { display: flex; margin: 0 -15px; flex-wrap: wrap; } .city_wrap .adr_item, #wrapper .contacts-page .text-and-form__item-contact { background: #F3F9FB; border-radius: 4px; padding: 30px; margin: 0 15px; flex: 0 0 calc(25% - 30px); margin-bottom: 30px; } .city_wrap .adr_item .adr, .contacts-page .text-and-form__title2 { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px;/* or 129% */ color: #19398B; margin-bottom: 20px; text-transform: inherit; letter-spacing: inherit; padding: 0; cursor: inherit; } .city_wrap .adr_item .info, #wrapper .contacts-page .text-and-form__item-contact .info { margin-bottom: 20px; } .city_wrap .adr_item .info:last-child { margin-bottom: 0; } .city_wrap .adr_item .info .title_info, #wrapper .contacts-page .text-and-form__item-contact .info .title_info { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 25px;/* or 167% */ color: rgba(111, 118, 133, 0.5); } .city_wrap .adr_item .info .value, .city_wrap .adr_item .info .value a, #wrapper .contacts-page .text-and-form__item-contact .info .value { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 25px;/* or 167% */ color: #000; } #wrapper .contacts-page .text-and-form__item-contact .icon1, #wrapper .contacts-page .text-and-form__item-contact .icon2 { padding: 0; margin: 0; margin-bottom: 20px; display: block !important; font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 18px; color: #000; } #wrapper .contacts-page .text-and-form__item-contact p:last-of-type { margin: 0; } .contacts-page .text-and-form__title2:after { display: none; } #wrapper .contacts-page .text-and-form__item-contact .icon1:before, #wrapper .contacts-page .text-and-form__item-contact .icon2:before { display: none; } .text-and-form__item-contact:not(:last-child):nth-child(n+1)::after { display: none; } .contacts-page .text-and-form { padding-bottom: 30px; } .showrooms-map .title-nearest-shop1 { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 21px; line-height: 25px; color: #19398B; letter-spacing: initial; padding-bottom: 20px; text-transform: inherit; } .background1.contacts-background1:before { display: none; } .background1 { background: transparent; } .showrooms-map .slide-content-maps1 .slick-dots { background: transparent; } .showrooms-map .nav-slide-top .prev { width: 45px; height: 45px; background: rgba(197, 227, 234, 0.3); border-radius: 50%; top: 2px; } .showrooms-map .nav-slide-top .prev:hover { background: rgba(197, 227, 234, 0.3); } .showrooms-map .nav-slide-top .prev:after { display: none; } .showrooms-map .nav-slide-top .prev:before { position: absolute; top: 17px; left: 19px; display: block; content: ''; background: transparent url("/local/templates/strong/images/arrow_left.svg") no-repeat; width: 10px; height: 17px; display: inline-block; } .showrooms-map .nav-slide-top .prev:hover:before { opacity: 1; } .showrooms-map .nav-slide-top .next { width: 45px; height: 45px; background: rgba(197, 227, 234, 0.3); border-radius: 50%; top: 2px; } .showrooms-map .nav-slide-top .next:hover { background: rgba(197, 227, 234, 0.3); } .showrooms-map .nav-slide-top .next:after { display: none; } .showrooms-map .nav-slide-top .next:before { position: absolute; top: 17px; left: 19px; display: block; content: ''; background: transparent url("/local/templates/strong/images/arrow_right.svg") no-repeat; width: 10px; height: 17px; display: inline-block; } .showrooms-map .nav-slide-top .next:hover:before { opacity: 1; } .showrooms-map .big-slide-maps1 { background: transparent; } .showrooms-map .nav-slide-top__vertical span { font-family: Fira Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 25px;/* identical to box height, or 167% */ color: #6F7685; padding: 9px 25px; } .showrooms-map .nav-slide-top__item.slick-current .nav-slide-top__vertical span, .nav-slide-top__vertical span { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 15px; line-height: 25px;/* identical to box height, or 167% */ color: #19398B; } .showrooms-map .nav-slide-top__item:before { display: none; } .showrooms-map .nav-slide-top__item.slick-current, .showrooms-map .nav-slide-top__item:hover { background: transparent; color: #19398B; } .showrooms-map .nav-slide-top__item.slick-current .nav-slide-top__vertical span, .showrooms-map .nav-slide-top__item:hover .nav-slide-top__vertical span { color: #19398B; } .showrooms-map .nav-slide-top__item.slick-current .nav-slide-top__vertical span, .nav-slide-top__vertical span { } .showrooms-map .nav-slide-top__item.slick-current.slick-active span { border: 2px solid #19398B; box-sizing: border-box; border-radius: 100px } .showrooms-map .nav-slide-top__item { height: auto; } .showrooms-map .slide-content-maps1 .slick-dots { display: none !important; } .showrooms-map .nav-slide-top { margin-bottom: 30px; margin-left: 55px; margin-right: 55px; } .map-widget-app { border-radius: 4px; } #wrapper h4.strong { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px;/* identical to box height */ color: #19398B; margin-bottom: 12px; margin-top: 20px; } h5.strong { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 13px; color: #19398B; margin-bottom: 12px; margin-top: 20px; } #wrapper h3, h3.strong{ margin-top: 0; } .breadcrumbs-wrapper:last-child { margin-bottom: 0; } .wrapper .breadcrumbs-wrapper { padding: 20px 0; font-family: 'Fira Sans', sans-serif; background-color: #FAFAFA; } .breadcrumbs__link, .breadcrumbs__link span, .breadcrumbs-wrapper span { font-family: 'Fira Sans', sans-serif; font-size: 14px; } .breadcrumbs-wrapper .breadcrumbs-list__item:before{ display:none; } .breadcrumbs-wrapper .breadcrumbs-list__item:after{ top: 0; right: -16px; width: 4px; height: 4px; font-size: 0; border-radius: 50%; background: #d7d9dd; content:''; bottom: 0;margin: auto;} .breadcrumbs-wrapper .breadcrumbs-list__item{ margin-right: 30px; margin-bottom: 0;} .breadcrumbs-wrapper .breadcrumbs__link span{ font-size:14px; } .breadcrumbs-wrapper{ background-color: #f2f2f2; } .empty_wrap { padding-top: 95px; display: flex; justify-content: space-between; overflow: hidden; } .empty_wrap .left { max-width: 500px; } .empty_wrap .left .title_block { font-style: normal; font-weight: 300; font-size: 42px; line-height: 110%;/* or 46px *//* Style */ color: #6D7686; } .empty_wrap .left .text { } #wrapper .empty_wrap .left .text p { font-style: normal; font-weight: 300; font-size: 20px; line-height: 140%;/* or 28px *//* Style */ color: #6D7686; margin-top: 20px; } .empty_wrap .left .text p a { } .empty_wrap .right { margin-top: -145px; } .empty_wrap .right img { max-width: 100%; } .basket-page .nav1__item:before{ display: none; } #wrapper .basket-page h3.strong{ font-style: normal; font-weight: 700; font-size: 21px; line-height: 25px; /* identical to box height */ color: #19398B; } .promocode-wrapper .check1{width: 100%;margin: 0;margin-top: 23px;display: flex;align-items: center;max-width: 450px;} .promocode-wrapper .check1 label{display: flex;align-items: center;} .promocode-wrapper__desc{ display:none; } .promocode-wrapper .check1 img{ height: 48px; } @media screen and (max-width: 1023px) { .promocode-wrapper .check1 { margin-bottom: 25px; } .promocode-wrapper .check1 img{ height: 33px; } } @media screen and (max-width: 380px) { .promocode-wrapper .check1 img{ height: 28px; } } .basket-button-apply{ font-style: normal; font-weight: 700; font-size: 15px; line-height: 18px; color: #19398B; border: 2px solid #19398B!important; border-radius: 4px; background: transparent; } .basket-page .promocode-wrapper{ max-width: 450px; } .basket-page .agreement-checkbox.pochtabank-checkbox{ display: none; } #wrapper .formSection h3{} #wrapper .formSection .phones_block { font-family: 'Fira Sans'; font-style: normal; font-weight: 300; font-size: 32px; line-height: 38px; color: #19398B; margin-bottom: 26px; display: flex; } .copyright{display: flex; align-items: center;} .copyright svg{ margin-left: 8px; } .breadcrumbs-wrapper .breadcrumbs-list__item:after{ top: 0; right: -16px; width: 4px; height: 4px; font-size: 0; border-radius: 50%; background: #d7d9dd; content:''; bottom: 0;margin: auto;} .breadcrumbs-wrapper .breadcrumbs-list__item{ margin-right: 30px; margin-bottom: 0;} .breadcrumbs-wrapper .breadcrumbs__link span{ font-size:14px; } .breadcrumbs-wrapper{ background-color: #f2f2f2; } @media screen and (max-width: 1023px){ body{ height: auto; padding-bottom: 0; min-width: 320px !important; } .empty_wrap .right{ display: none; } } .card-info__size:nth-of-type(2){display:none;} .card-bottom__info ul li:nth-child(1n + 3){ display:block;} /* End */ /* Start:/local/templates/main_new/css/font-awesome.css?173445718226795*/ /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('/local/templates/main_new/css/../fonts/fontawesome-webfont.eot?v=4.4.0');src:url('/local/templates/main_new/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('/local/templates/main_new/css/../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('/local/templates/main_new/css/../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('/local/templates/main_new/css/../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('/local/templates/main_new/css/../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-resize-small:before{content: "\f066";}.fa-zoom-in:before {content: "\f00e";} /* End */ /* Start:/local/templates/main_new/css/rd-custom-style.css?170491689055099*/ .rd-body .wrapper { background: #fff; } .rd-container { width: 100%; max-width: 1272px; margin: 0 auto; padding: 0 15px; } .rd-container p { font-family: 'Fira Sans', sans-serif; } .rd-header { line-height: 1.2; } .rd-header * { font-family: 'Fira Sans', sans-serif; } .rd-header__main { padding: 16px 0 14px; background: #fff; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05); } .rd-header__row { font-size: 0; } .rd-header__logo, .rd-header__addnav, .rd-header__location, .rd-header__contacts, .rd-header__controls, .rd-header__nav, .rd-header__search, .rd-header__basket { box-sizing: border-box; display: inline-block; vertical-align: middle; } .rd-header__logo { width: 18%; padding: 0 15px 0 0; } .rd-logo { display: inline-block; vertical-align: middle; width: auto; max-width: 100%; } .rd-logo__image { display: block; max-width: 100%; height: auto; } .rd-header__addnav { width: 38%; padding: 0 0 8px; font-size: 14px; } .rd-addnav { display: flex; align-items: center; width: 100%; margin: 0; padding: 0; list-style: none; } .rd-addnav > li { position: relative; } .rd-addnav > li > a { display: inline-block; vertical-align: middle; padding: 0 18px 0 11px; color: #000; white-space: nowrap; } .rd-addnav .caret { width: 5px; height: 5px; border: 0 none; border-right: 1px solid #6D7686; border-bottom: 1px solid #6D7686; transform: rotate(45deg); } .rd-addnav .dropdown-menu { min-width: 310px; color: #4d4d4b; margin: 0; padding: 26px 20px 27px 32px; border: none; border-radius: 0; background: #FFF; border: 1px solid rgba(25, 57, 139, .1); box-sizing: border-box; box-shadow: 0 20px 30px rgba(25, 57, 139, .1); border-radius: 2px; transform: translate(-22px, 25px) } .rd-addnav .dropdown-menu li { margin-bottom: 10px } .rd-addnav .dropdown-menu li a { color: #4d4d4b!important; position: relative; display: inline-block; padding: 0!important; font-size: 16px; font-family: 'Fira Sans', sans-serif; } .rd-addnav .dropdown-menu li a:before { position: absolute; top: 47%; left: -20px; display: none; background-color: #4d4d4b; width: 4px; height: 4px; border-radius: 50% } .rd-addnav .dropdown-menu li a:hover { background-color: transparent; color: #234AAD!important } .rd-addnav .dropdown-menu li a:hover:before { background-color: #4b82af } .rd-addnav > li:hover > a { color: #19398B; } .rd-addnav > li:before { content: ''; position: absolute; top: 100%; left: 0; display: none; width: 100%; height: 40px; } .rd-addnav > li:hover:before { display: block; } .rd-header__location { width: 17%; padding: 0 15px 8px 17px; font-size: 14px; } @media screen and (max-width: 1100px) { .rd-header__addnav { width: 48%; } .rd-header__location { width: 14%; } } .rd-region { overflow: hidden; } .rd-region .region-text { display: inline-block; vertical-align: middle; margin: 0 4px 0 0; } @media screen and (max-width: 1100px) { .rd-region .region-text { display: block; } } .rd-region .open-region-list { display: inline-block; vertical-align: middle; font-weight: 500; } .rd-header__contacts { width: 15%; padding: 0 9px 3px; } .rd-header__contacts_type_mobile { display: none; } @media screen and (max-width: 1100px) { .rd-header__contacts { width: 16%; } .rd-header__contacts_type_desktop { display: none; } .rd-header__contacts_type_mobile { display: block; width: 100%; } } .rd-header__phone { color: #19398B; font-size: 18px; font-weight: 500; line-height: 1.2; } a.rd-header__phone:link, a.rd-header__phone:visited { color: #19398B; text-decoration: none; } .rd-header__controls { width: 12%; padding: 0 0 5px 10px; } @media screen and (max-width: 1100px) { .rd-header__controls { width: 20%; } } .rd-button, .rd-button:link, .rd-button:visited { display: inline-block; vertical-align: middle; padding: 11px 10px; color: #fff; font-family: 'Fira Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 1; opacity: 1; text-align: center; text-decoration: none; background: #19398B; border-radius: 4px; } .rd-button_width_full { display: block; width: 100%; } .rd-button_size_lg, .rd-button_size_lg:link, .rd-button_size_lg:visited { padding: 16px 10px; font-size: 18px; border-radius: 3px; } .rd-button_style_light, .rd-button_style_light:link, .rd-button_style_light:visited { color: #1D3A86; background: #fff; } .rd-header__nav, .rd-header__search, .rd-header__basket { font-size: 14px; /*outline: 1px solid orange !important;*/ } .rd-header__nav { width: 85%; padding: 0 21px 0 0; } .rd-header__nav .menu-part > ul { display: flex; width: 100%; justify-content: space-between; margin: 0; padding: 0; list-style: none; } .rd-header__nav .menu-part > ul > li { margin: 0; padding: 0 5px; list-style: none; text-align: center; } .rd-header__nav .menu-part > ul > li:first-child { padding-left: 0; } .rd-header__nav .menu-part > ul > li > a { display: block; padding: 15px 0 20px; opacity: 1; color: #000; font-size: 16px; line-height: 1.2; transition: border .3s ease; } @media screen and (max-width: 1100px) { .rd-header__nav .menu-part > ul > li > a { font-size: 14px; } } .rd-header__nav .menu-part > ul > li:hover > a, .rd-header__nav .menu-part > ul > li.active > a { color: #234AAD; } .rd-header__nav .menu-part > ul > li { border-bottom: 3px solid transparent; } .rd-header__nav .menu-part > ul > li.active { border-bottom: 3px solid #19398B; } .rd-header__nav .menu-part { position: relative; } .rd-header__nav .menu-part > ul li.dropdown-list:hover > .dropdown-group { display: block; } .dropdown-group { position: absolute; top: 100%; left: 0; z-index: 15; display: none; width: 100%; } .dropdown-group__wrapper { width: 100%; max-width: 1280px; margin: 0 auto; } @media screen and (min-width: 1260px) { .dropdown-group__wrapper { padding: 0 11% 0 0; } } .dropdown-group__panel { display: flex; flex-wrap: nowrap; width: 100%; background: #19398B; } .dropdown-group__title { margin: 0 0 13px; color: #A2C4E4; font-weight: 600; font-size: 18px; line-height: 1.3; text-transform: none; } .dropdown-group__col { padding: 50px 35px 75px; } .dropdown-group__col:nth-child(1) { min-width: 295px; } .dropdown-group__col:nth-child(2) { min-width: 188px; } .dropdown-group__col:nth-child(3) { min-width: 255px; } .dropdown-group__col:nth-child(4) { min-width: 257px; } .rd-header__nav .menu-part { background: transparent; } .rd-header__nav .menu-part > ul li .dropdown-group { width: auto; min-width: 100%; font-size: 15px; line-height: 1.2; text-align: left; background: #19398B; } .rd-header__nav .menu-part > ul li .dropdown-group a { margin: 0; padding: 0; font-size: 13px; line-height: 1.2; text-transform: none; background: #19398B; } .rd-header__nav .menu-part > ul li .dropdown-group a { color: #fff; } .rd-header__nav .menu-part > ul li .dropdown-group a:hover { font-weight: 600; } .rd-header__nav .menu-part > ul li .dropdown-group li { margin: 0 0 10px; } .rd-header__nav .menu-part > ul .dropdown-group li:last-child { margin: 0; border: 0 none; } .rd-header__nav .menu-part > ul .dropdown-group li:last-child:hover { border: 0 none; background: transparent; } .rd-header__nav .links-group { margin: 0 0 35px; } .rd-header__nav .links-group:last-child { margin-bottom: 0; } .rd-header__search { width: 8%; margin: -14px 0 0; } .rd-header__search .form-group { margin: 0; } .rd-header__search form { position: relative; display: block; padding: 0 0 0 47px; } .popup-search form:before { content: ''; position: absolute; top: 50%; left: 12px; display: block; width: 20px; height: 20px; transform: translate(0, -50%); background: url(/local/templates/main_new/css/../img/rd/search.svg) center center no-repeat; background-size: contain; } .rd-header__search input[type=text] { height: 24px; line-height: 24px; border: 0 none; box-shadow: none; } .rd-header__search .fa-search { display: none; } .rd-header__basket { width: 5%; margin: -14px 0 0; text-align: right; } .rd-header__basket .cart { position: relative; display: inline-block !important; vertical-align: middle; padding: 0 15px 0 0; } .rd-header__basket .cart:before { content: ''; display: block; width: 22px; height: 22px; background: url(/local/templates/main_new/css/../img/rd/basket.svg) center center no-repeat; background-size: contain; } .rd-header__basket .cart, .rd-header__basket #cart-goods-id { display: block; } .rd-header__basket #cart-goods-id { position: absolute; top: 0px; left: 10px; display: block; width: 16px; height: 16px; color: #fff; font-size: 10px; line-height: 16px; text-align: center; background: #B1D8E7; border: 1px solid #FFFFFF; border-radius: 8px; } .rd-header__basket .cart-icon, .rd-header__basket .basket__total-price, .rd-header__basket span { display: none; } .rd-header__bottom { padding: 9px 0 0; } .rd-header__login{ width: 2%; margin: -14px 0 0; text-align: right; box-sizing: border-box; display: inline-block; vertical-align: middle; } .rd-header__login .profile_icon{ background: url(/local/templates/main_new/css/../img/header__login.png); width: 12px; height: 13px; /*margin-left: 60px;*/ display: inline-block; } .rd-header__login .profile_icon.authorized{ background: url(/local/templates/main_new/css/../img/header_login_purpl.png); } .rd-home-product-box .product_box_title, .new_design h2.rd-title, .rd-title { margin: 0; color: #1D3A86; font-weight: 500; font-size: 48px; line-height: 1.1; font-family: 'Fira Sans', sans-serif; text-transform: none; } @media screen and (max-width: 1100px) { .rd-home-product-box .product_box_title, .new_design h2.rd-title, .rd-title { font-size: 38px; } } .rd-title__normal { display: inline; color: #000; font-weight: 200; } .rd-title_size_small { font-size: 20px; } .rd-title_size_medium { font-size: 42px !important; } .rd-title_align_left { text-align: left; } .rd-home-product-box .product_box { padding-top: 92px; background: #fff; } .rd-home-product-box__header { margin: 0 0 34px; } .product_box .product_box_holder .nav-tabs > li { width: auto; min-width: 23%; } .product_box .product_box_holder .nav-tabs > li { margin: 0; padding: 0 17px; } .rd-home-product-box .product_box .product_box_holder .nav-tabs > li > a { padding: 13px 52px; color: rgba(0, 0, 0, .5); font-weight: 300; font-size: 18px; font-family: 'Fira Sans', sans-serif; border: 2px solid transparent; background: #FAFAFA; border-radius: 24px; transition: color .3s ease; } .rd-home-product-box .product_box .product_box_holder .nav-tabs > li > a:hover { color: #1D3A86; } .rd-home-product-box .product_box .product_box_holder .nav-tabs > li.active > a, .rd-home-product-box .product_box .product_box_holder .nav-tabs > li.active > a:hover { color: #1D3A86; font-weight: 400; background: #fff; border: 2px solid #19398B; } .rd-home-product-box .product_box .product_box_holder .nav-tabs > li.active > a:hover { color: #000; } .rd-home-product-box .product-slider-blue__item-controls-panel { display: none; } .rd-home-product-box .product-slider-blue__item-label-panel, .rd-home-product-box .product-slider-blue__item-label-panel > div { background: transparent !important; } .rd-home-product-box .product-slider-blue__item-label-panel .product-slider-blue__item-label { padding: 2px 9px; font-weight: 600; font-size: 10px; background: #19398B; border-radius: 3px; } .rd-home-product-box .product-slider-blue__item-label-panel { position: absolute; top: .200rem; left: .400rem; } .rd-home-product-box .product_box .product_box_holder .nav-tabs { margin-bottom: 40px; } .rd-home-product-box .product-load-tab__spinner { display: none; } .rd-home-about { padding: 109px 0 97px; } @media screen and (max-width: 1100px) { .rd-home-about { padding: 50px 0 } } .rd-home-about__row { display: flex; align-items: flex-start; width: 100%; } @media screen and (max-width: 1100px) { .rd-home-about__row { display: block; } } .rd-home-about__video { width: 46%; } @media screen and (max-width: 1100px) { .rd-home-about__video { width: 100%; margin: 0 0 30px; } } .rd-home-about__description { width: 54%; padding: 0 45px 0 112px; font-weight: 300; font-size: 20px; font-family: 'Fira Sans', sans-serif; line-height: 1.3; } @media screen and (max-width: 1100px) { .rd-home-about__description { width: 100%; padding: 0 45px; } } .rd-home-about__description h1, .rd-home-about__description h2, .rd-home-about__description h3, .rd-home-about__description h4, .rd-home-about__description h5, .rd-home-about__description h6 { margin: 0 0 15px; color: #1D3A86; font-size: 48px; font-weight: 500; font-family: 'Fira Sans', sans-serif; line-height: 1.2; text-align: left; text-transform: none; } .rd-home-about__description p { margin: 0 0 11px; font-weight: 300; font-size: 20px; font-family: 'Fira Sans', sans-serif; line-height: 1.3; } .rd-home-about__description p:last-child { margin-bottom: 0; } .rd-home-about__more { padding: 17px 0 0; } .rd-home-about__more-link, .rd-home-about__more-link:link, .rd-home-about__more-link:visited { opacity: 1; color: #19398B; font-size: 18px; font-weight: 500; font-family: 'Fira Sans', sans-serif; transition: opacity .3s ease; } .rd-home-about__more-link:hover { opacity: .6; } .rd-home-about .youtube-wrapper { width: 100%; height: 363px; border-radius: 4px; } .rd-home-about .youtube { border-radius: 4px; } .rd-home-about .youtube .play-button { width: 84px; height: 84px; opacity: 1; background: #fff; border-radius: 50%; transition: opacity .3s ease; } .rd-home-about .youtube:hover .play-button { opacity: .6; } .rd-home-about .youtube .play-button:before { border-width: 12px 0 12px 17px; border-color: transparent transparent transparent #19398B; } .rd-home-about .youtube iframe { top: 0; left: 0; height: 100%; width: 100%; } .rd-text-banners { } .rd-text-banner { position: relative; display: block; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 10px; } .rd-text-banner:before { content: ''; display: block; width: 100%; height: auto; padding: 35.9% 0 0; } @media screen and (max-width: 1100px) { .rd-text-banner:before { padding: 40% 0 0; } } .rd-text-banner__image { display: none; } .rd-text-banners__content { position: absolute; top: 45%; left: 0; width: 100%; transform: translate(0, -50%); } .rd-text-banners__panel { max-width: 600px; } .rd-text-banners__content p { margin: 0 !important; } .rd-text-banners__header { margin: 0 0 24px; } .rd-text-banners__content h2, .rd-text-banners__header * { font-family: 'Fira Sans', sans-serif; line-height: 1.15; text-align: left; } .rd-text-banners__content p { margin: 0 0 11px !important; color: #000 !important; font-weight: 300 !important; font-size: 20px !important; font-family: 'Fira Sans', sans-serif !important; line-height: 1.3 !important; } .rd-text-banners__content p:last-child { margin-bottom: 0; } .rd-text-banners__controls { padding: 16px 0 0; text-align: left; } .rd-text-banners__control { display: inline-block; vertical-align: middle; width: 100%; max-width: 280px; } .rd-text-banners__contacts { padding: 77px 0 0; font-family: 'Fira Sans', sans-serif; font-size: 18px; } @media screen and (max-width: 1100px) { .rd-text-banners__contacts { padding: 30px 0 0; } } .rd-text-banners a:not([class]), .rd-text-banners a:not([class]):link, .rd-text-banners a:not([class]):visited { opacity: 1; color: #19398B; font-weight: 500; font-family: 'Fira Sans', sans-serif; transition: opacity .3s ease; } .rd-text-banners a:not([class]):hover { opacity: .6; } .rd-footer * { font-family: 'Fira Sans', sans-serif; } .rd-footer { padding: 0; background: #2D3545; } .rd-footer__row { margin: 0 -11px; font-size: 0; } .rd-footer__col { display: inline-block; vertical-align: top; width: 20%; padding: 0 11px; font-size: 16px; } @media screen and (max-width: 1100px) { .rd-footer__col { width: 33.333%; padding: 0 11px 30px; } } .rd-footer__main { padding: 61px 0; } .rd-footer__title { margin: 0 0 28px; color: #fff; font-size: 18px; line-height: 1.2; } .rd-footer__contacts { padding: 0 0 0 15px; text-align: center; } @media screen and (max-width: 1100px) { .rd-footer__contacts { padding: 0; text-align: left; } } .rd-footer__phone { margin: 0 0 24px; text-align: right; } @media screen and (max-width: 1100px) { .rd-footer__phone { text-align: left; } } .rd-footer__phone-number, .rd-footer__phone-number:link, .rd-footer__phone-number:hover { color: #fff; font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 26px; } .rd-footer__control { display: inline-block; vertical-align: middle; width: 100%; max-width: 170px; margin: 0 0 34px; } .rd-footer__control:last-child { margin-bottom: 0; } .rd-footer__link, .rd-footer__link:link, .rd-footer__link:visited { display: inline-block; vertical-align: middle; padding: 0 0 8px; color: #fff; font-size: 18px; font-family: 'Fira Sans', sans-serif; border-bottom: 1px dashed #fff; transition: border .3s ease; } .rd-footer__link:hover, .rd-footer__link:hover:link, .rd-footer__link:hover:visited { border-bottom-color: transparent; } .rd-footer .fa { font: normal normal normal 14px/1 FontAwesome; } .rd-footer__social { padding: 30px 0 0; text-align: center; } .rd-footer__social .social-box { justify-content: space-between; margin: 0; padding: 0 24px; font-size: 0; text-align: center; } @media screen and (max-width: 1100px) { .rd-footer__social .social-box { justify-content: flex-start; padding: 0; } } .rd-footer__social ul.social-box li { display: inline-block; vertical-align: middle; margin: 0; padding: 0; } @media screen and (max-width: 1100px) { .rd-footer__social ul.social-box li { padding: 0 5px; } } .rd-footer__social ul.social-box a { display: block; } .rd-footer__social ul.social-box a .fa { width: 28px; height: 28px; font-size: 16px; line-height: 28px; } .rd-footer__middle { padding: 0 0 55px; } .rd-address { color: #B9BEC7; font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 1.4; } .rd-address__title { margin: 0 0 12px; font-weight: 300; } .rd-address__contact { color: #fff; font-weight: 300; } .rd-address__contact br{ display: none; } .rd-address__mark { font-weight: 600; } .rd-address__mark a:link { color: #fff; } .rd-footer__bottom { color: #B9BEC7; padding: 27px 0; background: #2B3039; } @media screen and (max-width: 1100px) { .rd-footer__bottom .rd-footer__col { width: 33.333%; } .rd-footer__bottom .rd-footer__col:nth-child(1) { width: 100%; text-align: center; } .rd-footer__bottom .rd-footer__col:nth-child(3) { text-align: center; } .rd-footer__bottom .rd-footer__col:nth-child(4) { display: none; } } .rd-footer__bottom .rd-copyrigh { color: #B9BEC7; font-size: 14px; } .rd-footer__bottom a, .rd-footer__bottom a:link, .rd-footer__bottom a:visited { opacity: 1; color: #B9BEC7; font-size: 14px; font-family: 'Fira Sans', sans-serif; transition: opacity .3s ease; } .rd-footer__bottom a:hover, .rd-footer__bottom a:hover:link, .rd-footer__bottom a:hover:visited { opacity: .6; } .rd-footer__creator { text-align: right; } .bx_searche .bx_item_block { display: block; background: #fff; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 54%); } .bx_searche .bx_item_element a { font-size: 13px; } .header-primary-cities ul { font-size: 0; } .rd-product-range { padding: 50px 0; } .rd-product-range__list { overflow: hidden; } .rd-product-range__inner { margin: 0 -15px; font-size: 0; } .rd-product-range__item { display: inline-block; vertical-align: top; width: 33.333%; padding: 0 15px; } .rd-product-range__panel, .rd-product-range__panel:link, .rd-product-range__panel:visited { color: #19398B; text-align: center; text-decoration: none; } .rd-product-range__illustration { display: block; margin: 0 0 25px; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 10px; } .rd-product-range__illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 129% 0 0; } .rd-product-range__image { display: none; } .rd-product-range__name { display: block; font-weight: 800; font-size: 32px; font-family: 'Fira Sans', sans-serif; line-height: 1.2; text-align: center; text-decoration: none; } .rd-product-range-additional { padding: 5px 0; } .rd-product-range-additional__list { } .rd-product-range-additional__inner { display: flex; justify-content: space-between; margin: 0 -38px; } @media screen and (max-width: 1100px) { .rd-product-range-additional__inner { flex-wrap: wrap; justify-content: flex-start; margin: 0 -10px; } } .rd-product-range-additional__item { display: inline-block; vertical-align: top; width: 20%; padding: 0 10px; } @media screen and (max-width: 1100px) { .rd-product-range-additional__item { display: inline-block; vertical-align: top; width: 25%; padding: 0 10px 20px; } } .rd-product-range-additional__panel, .rd-product-range-additional__panel:link, .rd-product-range-additional__panel:visited { position: relative; display: block; height: 100%; padding: 26px 15px 27px 95px; color: #000; font-weight: 300; font-size: 18px; line-height: 1.2; font-family: 'Fira Sans', sans-serif; text-decoration: none; background: #fff; border-radius: 5px; box-shadow: 0px 24px 84px rgba(25, 57, 139, 0.05); } .rd-product-range-additional__illustration { position: absolute; top: 50%; left: 28px; width: 45px; height: 45px; transform: translate(0, -50%); } .rd-product-range-additional__image { position: absolute; top: 50%; left: 50%; width: auto; max-width: 100%; height: auto; max-height: 100%; transform: translate(-50%, -50%); } div.title-search-result { width: 312px !important; padding: 5px 0 20px; background: #FFF; border: 1px solid rgba(25, 57, 139, 0.1); box-sizing: border-box; box-shadow: 0px 20px 30px rgba(25, 57, 139, 0.1); border-radius: 2px; transform: translate(0, 23px); } .bx_searche .bx_item_element { padding-left: 8px; } .bx_item_block.all_result .all_result_title { padding: 0; } .wrapper .container .breadcrumbs-wrapper { padding: 20px 0; font-family: 'Fira Sans', sans-serif; background-color: #FAFAFA; } .breadcrumbs-wrapper { margin-bottom: 43px; } .breadcrumbs-wrapper:last-child { margin-bottom: 0; } .wrapper .container .breadcrumbs__link, .wrapper .container .breadcrumbs__link span, .wrapper .container .breadcrumbs-wrapper span { font-family: 'Fira Sans', sans-serif; font-size: 14px; } .wrapper .container .breadcrumbs-wrapper .breadcrumbs__link.hidden span { color: #d7d9dd; } .wrapper .container .breadcrumbs__link span { color: #6D7686; } .wrapper .container .breadcrumbs-wrapper .breadcrumbs-list__item:after { top: 5px; right: -16px; width: 4px; height: 4px; font-size: 0; border-radius: 50%; background: #d7d9dd; } .wrapper .container .breadcrumbs-wrapper .breadcrumbs-list__item { margin-right: 30px; } .wrapper .container .breadcrumbs-wrapper .breadcrumbs__link:hover { text-decoration: none; } .rd-header__nav .dropdown-group { transform: translate(0, -3px); } .rd-header__nav .menu-part > ul > li.dropdown-list a { position: relative; } .rd-header__nav .menu-part > ul > li.dropdown-list:hover a:before { content: ''; position: absolute; left: 50%; bottom: -1px; display: block; width: auto; height: auto; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #19398B transparent; transform: translate(-50%, 0); } @media screen and (min-width: 1260px) { .rd-header .dropdown-group__wrapper { width: 1068px; max-width: none } } .rd-header .rd-header__nav .menu-part > ul > li.dropdown-list a { font-family: 'Fira Sans', sans-serif; font-size: 15px; } .rd-header .dropdown-group__title { margin: 0 0 16px; } .title-search-result .bx_searche .bx_item_element a { font-family: 'Fira Sans', sans-serif; font-weight: 500; } .title-search-result .bx_searche .bx_item_element a b { color: #000; font-weight: 700; } .title-search-result .bx_searche .bx_item_element a:hover, .title-search-result .bx_searche .bx_item_element a:hover b { color: #BA4265; text-decoration: none; } /* L - 03.07.2020 */ .catalog-section__text-under-h1 { padding-top: 20px; font-size: 20px; } a.options-list__link { padding: 13px 26px; color: #6D7686; font-family: 'Fira Sans', sans-serif;; font-weight: 400; text-transform: none; } .option-list__item.active a.options-list__link, a.options-list__link:hover { color: #1D3A86; background-color: #BFE4EB; } .option-list__item a.options-list__link { font-size: 15px; line-height: 1.1; } .options-list-wrap .option-list__item.last a.options-list__link { width: 110px; height: 42px; padding: 14px 9px; color: #6D7686; font-family: 'Fira Sans', sans-serif;; font-size: 15px; font-weight: 400; text-transform: capitalize; line-height: 1.1; border-radius: 25px; } .options-list-wrap .option-list__item.last a.options-list__link:hover { color: #1D3A86; background-color: #BFE4EB; } .options-list-wrap { margin-bottom: 42px; } .options-list-wrap:last-child { margin-bottom: 0; } .select-wrapper, .select-wrapper:first-of-type { min-height: 24px; padding-left: 0; } .select-wrapper .sprite, .sorting-line .select-wrapper .sprite:last-of-type { display: none; } .sorting-line .sorting-line > span { vertical-align: middle; color: #6D7686; font-family: 'Fira Sans', sans-serif; font-size: 15px; line-height: 1.1; } .select-wrapper button.vs-js-sorting { vertical-align: middle; color: #6D7686; font-family: 'Fira Sans', sans-serif; font-size: 15px; line-height: 1.1; } .sorting-line .select-wrapper.active-sod-label .sod_select .sod_label { color: #1d398b; } .aside__top-btn { height: auto; margin: 6px 0 16px; } .filter { margin-bottom: 15px; } .filter:last-child { margin-bottom: 0; } .filter .filter__item { margin: 0 0 5px; } .filter .filter__item:last-child { margin-bottom: 0; } .filter__item .filter__link { padding: 17px 45px 17px 48px; color: #6D7686; font-family: 'Fira Sans', sans-serif; font-size: 15px; background-color: #F9FAFB; border-radius: 4px; } .filter__item .filter__link.opened { color: #19398B; background-color: #F3F4F6; border-radius: 4px 4px 0 0; } .filter__item .filter__link span { font-family: 'Fira Sans', sans-serif; font-size: 16px; line-height: 24px; font-style: normal; font-weight: 400; } .filter__link>.sprite { left: 20px; } .filter .inner-filter { padding: 0 20px 11px; background-color: #F3F4F6; border-radius: 0 0 4px 4px; } .input-price:first-of-type, .input-price:last-of-type { width: 44%; } .filter .input-price { height: 40px; color: #6D7686; font-family: 'Fira Sans', sans-serif; font-weight: 300; font-size: 15px; border-color: #E3E5E8; } .filter .input-price::-webkit-input-placeholder { color: #6D7686; font-size: 15px; font-style: normal; } .filter .input-price:-ms-input-placeholder { color: #6D7686; font-size: 15px; font-style: normal; } .filter .input-price::-moz-placeholder { color: #6D7686; font-size: 15px; font-style: normal; } .filter .input-price::-ms-input-placeholder { color: #6D7686; font-size: 15px; font-style: normal; } .filter .input-price::placeholder { color: #6D7686; font-size: 15px; font-style: normal; } .inner-filter .fieldset { position: relative; margin-bottom: 22px; } .inner-filter .fieldset:last-child { margin-bottom: 0; } .inner-filter .fieldset:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 1px; background: #D8DBE0; transform: translate(-50%, -1px); } .smartfilter .bx_ui_slider_track { height: 2px; margin: 22px 6px; background: transparent; border: none; border-radius: 2px; } .smartfilter .bx_ui_slider_pricebar_VN { background: #6D7686; border: none; border-radius: 2px; opacity: .2; } .smartfilter .bx_ui_slider_pricebar_VD, .smartfilter .bx_ui_slider_pricebar_V { background: #19398B; border: none; border-radius: 2px; } .smartfilter .bx_ui_slider_range { z-index: 85; } .smartfilter .bx_ui_slider_handle { top: 50%; width: 16px; height: 16px; border: none; border-radius: 50%; box-shadow: 0px 5px 10px rgba(109, 118, 134, 0.2); transform: translate(0, -50%); transition: none; } .smartfilter .bx_ui_slider_handle.left { margin-left: -8px; background: #fff; } .smartfilter .bx_ui_slider_handle.right { margin-right: -8px; background: #fff; } .input-wrapper { margin-bottom: 14px; } .input-wrapper:last-child { margin-bottom: 0; } .input-wrapper .fake-input, .input-wrapper input { vertical-align: top; /* background: #fff; */ /* border-color: #E3E5E8; */ /* border-radius: 4px; */ border: 0; } .input-wrapper.bx_filter_param_label a { vertical-align: top; } .input-wrapper.bx_filter_param_label a:link span, .input-wrapper.bx_filter_param_label a:visited span { color: #6D7686; font-family: 'Fira Sans', sans-serif; font-size: 16px; font-weight: 300; } .input-wrapper.bx_filter_param_label a:hover span { color: #000; } .input-wrapper.bx_filter_param_label input:checked + .fake-input + a span { color: #000; } .input-wrapper .fake-input .sprite { top: 0; left: -1px; width: 20px; height: 20px; background: #fff; border-radius: 4px; position: absolute; display: inline-block; left: 0px; width: 18px; height: 18px; border-radius: 4px; border: 1px solid #19398B; background-color: #fdfdfd; margin-top: 11px; cursor: pointer; -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; appearance: none !important; margin-top: 2px; } .input-wrapper .fake-input .sprite:before { content: ''; position: relative; content: '\f00c'; top: -4px; left: 2px; width: 15px; height: 15px; font: normal 12px/16px FontAwesome; text-align: center; color: #19398B; opacity: 1; -webkit-transition: opacity 140ms ease; -o-transition: opacity 140ms ease; transition: opacity 140ms ease; } .ps-container.ps-active-x>.ps-scrollbar-x-rail, .ps-container.ps-active-y>.ps-scrollbar-y-rail { background: rgba(216, 219, 224, .5); } .filter .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { background: rgba(216, 219, 224, 1); border-radius: 10px; } .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { right: 0; width: 4px !important; } .your-choice { padding: 0 0 90px; background: transparent; } .your-choice__title { margin: 0 0 13px; text-align: left; } .your-choice__title:last-child { margin-bottom: 0; } .choice-block { min-height: 43px; color: #6D7686; font-family: 'Fira Sans', sans-serif; font-size: 15px; line-height: 1.1; } .choice-block:hover { color: #000; } .choice-block:hover .sprite { filter: brightness(0.3); } .sprite-close3 { width: 15px; height: 16px; background-position: -159px -127px; background-size: 393px 375px; } .clean-filters { text-align: left; } .clean-filters a { color: #19398B; font-family: 'Fira Sans', sans-serif; font-size: 14px; font-weight: 400; } .catalogue-list__item.catalogue-list__rd-item { border: none; } .catalogue-list .rd-product-snipet, .recently-viewed .rd-product-snipet, .suitable-carousel .rd-product-snipet { position: relative; height: 100%; color: #000; font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 300; font-size: 17px; line-height: 1.2; background: #fff; border: 1px solid rgba(0, 0, 0, 0.05); box-sizing: border-box; border-radius: 4px; } .item-product.rd-product-snipet { height: auto; padding: 0; } .catalogue-list .rd-product-snipet__illustration, .item-product .rd-product-snipet__illustration, .suitable-carousel .rd-product-snipet__illustration { position: relative; z-index: 1; display: block; background-color: #fff; background-position: center center; background-size: contain; background-repeat: no-repeat; } .catalogue-list .rd-product-snipet__illustration:before, .item-product .rd-product-snipet__illustration:before, .suitable-carousel .rd-product-snipet__illustration:before { content: ''; position: relative; z-index: 1; display: block; width: 100%; height: auto; padding: 86% 0 0; } .catalogue-list .rd-product-snipet__illustration > picture, .item-product .rd-product-snipet__illustration > picture, .suitable-carousel .rd-product-snipet__illustration > picture, .catalogue-list .rd-product-snipet__illustration > img, .item-product .rd-product-snipet__illustration > img, .suitable-carousel .rd-product-snipet__illustration > img { display: none; } .catalogue-list .rd-product-snipet__image, .item-product .rd-product-snipet__image, .suitable-carousel .rd-product-snipet__image { display: none; } .catalogue-list .rd-product-snipet__labels, .item-product .rd-product-snipet__labels, .suitable-carousel .rd-product-snipet__labels { position: absolute; top: 9px; left: 9px; z-index: 5; display: block; } .main-goods-snippet__label, .goods-snippet__label, .catalogue-list .rd-product-snipet__label, .item-product .rd-product-snipet__label, .suitable-carousel .rd-product-snipet__label { display: table; margin: 0 0 6px; padding: 5px 9px; color: #fff; font-weight: 600; font-size: 10px; line-height: 1; letter-spacing: .05em; text-transform: uppercase; background: #19398B; border-radius: 3px; } .main-goods-snippet__label:last-child, .goods-snippet__label:last-child, .catalogue-list .rd-product-snipet__label:last-child, .item-product .rd-product-snipet__label:last-child, .suitable-carousel .rd-product-snipet__label:last-child { margin-bottom: 0; } .goods-snippet__label_type_tag, .catalogue-list .rd-product-snipet__label_type_tag, .item-product .rd-product-snipet__label_type_tag, .suitable-carousel .rd-product-snipet__label_type_tag { width: 43px; height: 30px; padding: 6px 0 0 8px; font-size: 12px; line-height: 20px; text-align: center; background: url(/local/templates/main_new/css/../components/bitrix/catalog.section/rd_home_slider_blue/img/tag.png) no-repeat; background-repeat: no-repeat; } .catalogue-list .rd-product-snipet__content, .item-product .rd-product-snipet__content, .suitable-carousel .rd-product-snipet__content { padding: 8px 15px 150px; } .item-product.rd-product-snipet .rd-product-snipet__content { padding: 8px 26px 70px; } .catalogue-list .rd-product-snipet__title, .item-product .rd-product-snipet__title, .suitable-carousel .rd-product-snipet__title { margin: 0 0 16px; font-size: 21px; font-weight: 500; font-family: 'Fira Sans', sans-serif !important; line-height: 1.2; } .catalogue-list .rd-product-snipet__title:last-child, .item-product .rd-product-snipet__title:last-child, .suitable-carousel .rd-product-snipet__title:last-child { margin-bottom: 0; } .catalogue-list .rd-product-snipet__title-label, .item-product .rd-product-snipet__title-label, .suitable-carousel .rd-product-snipet__title-label { display: block; margin: 0 0 5px; font-family: 'Fira Sans', sans-serif; font-weight: 300; font-size: 17px; line-height: 1.25 !important; } .catalogue-list .rd-product-snipet__lin, .item-product .rd-product-snipet__lin, .suitable-carousel .rd-product-snipet__link, .catalogue-list .rd-product-snipet__link:link, .item-product .rd-product-snipet__link:link, .suitable-carousel .rd-product-snipet__link:link, .catalogue-list .rd-product-snipet__link:visited, .item-product .rd-product-snipet__link:visited, .suitable-carousel .rd-product-snipet__link:visited { color: #19398B; font-weight: inherit; font-family: 'Fira Sans', sans-serif !important; } .catalogue-list .rd-product-snipet__prices, .item-product .rd-product-snipet__prices, .suitable-carousel .rd-product-snipet__prices { margin: 0 0 18px; font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 20px; } .catalogue-list .rd-product-snipet__prices:last-child, .item-product .rd-product-snipet__prices:last-child, .suitable-carousel .rd-product-snipet__prices:last-child { margin-bottom: 0; } .catalogue-list .rd-product-snipet__price, .item-product .rd-product-snipet__price, .suitable-carousel .rd-product-snipet__price { color: #000; font-family: 'Fira Sans', sans-serif; font-size: 24px; font-weight: inherit; font-weight: 500; } .item-product .rd-product-snipet__price { font-size: 20px; } .compare-fake-table1__ruble, .catalogue-list .rd-product-snipet__ruble, .item-product .rd-product-snipet__ruble, .suitable-carousel .rd-product-snipet__ruble { padding-left: 0; font-weight: 400; font-family: Arial, sans-serif; } .catalogue-list .rd-product-snipet__price_type_old, .item-product .rd-product-snipet__price_type_old, .suitable-carousel .rd-product-snipet__price_type_old { position: relative; display: inline-block; vertical-align: middle; margin: 0 0 0 20px; color: #6D7686; font-size: 15px; font-weight: 300; } .catalogue-list .rd-product-snipet__price_type_old:before, .item-product .rd-product-snipet__price_type_old:before, .suitable-carousel .rd-product-snipet__price_type_old:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 1px; background: #6D7686; transform: translate(-50%, -50%) rotate(5deg); } .catalogue-list .rd-product-snipet__specs, .item-product .rd-product-snipet__specs, .suitable-carousel .rd-product-snipet__specs { margin: 0 0 12px; } .catalogue-list .rd-product-snipet__specs:last-child, .item-product .rd-product-snipet__specs:last-child, .suitable-carousel .rd-product-snipet__specs:last-child { margin-bottom: 0; } .catalogue-list .rd-product-snipet__spec, .item-product .rd-product-snipet__spec, .suitable-carousel .rd-product-snipet__spec { margin: 0 0 5px; } .catalogue-list .rd-product-snipet__spec:last-child, .item-product .rd-product-snipet__spec:last-child, .suitable-carousel .rd-product-snipet__spec:last-child { margin-bottom: 0; } .catalogue-list .rd-product-snipet__spec-label, .item-product .rd-product-snipet__spec-label, .suitable-carousel .rd-product-snipet__spec-label { width: 66.66667%; padding: 4px 0 5px; color: #6D7686; font-family: 'Fira Sans', sans-serif; font-size: 14px; line-height: 1.1; } .catalogue-list .rd-product-snipet__spec-value, .item-product .rd-product-snipet__spec-value, .suitable-carousel .rd-product-snipet__spec-value { width: 33.33333%; padding: 4px 0 5px; color: #000; font-family: 'Fira Sans', sans-serif; font-size: 14px; line-height: 1.1; } .catalogue-list .rd-product-snipet__select .sod_select, .item-product .rd-product-snipet__select .sod_select, .suitable-carousel .rd-product-snipet__select .sod_select { padding-right: 32px; border-radius: 4px; } .catalogue-list .rd-product-snipet__select .sod_label, .item-product .rd-product-snipet__select .sod_label, .suitable-carousel .rd-product-snipet__select .sod_label { padding: 11px 0 11px 14px; color: #6D7686; font-family: 'Risa Sans', sans-serif; font-size: 14px; font-style: normal; border: none; } .catalogue-list .rd-product-snipet__footer, .item-product .rd-product-snipet__footer, .suitable-carousel .rd-product-snipet__footer { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 15px 32px; } .goods-snippet__controls, .catalogue-list .rd-product-snipet__controls, .item-product .rd-product-snipet__controls, .suitable-carousel .rd-product-snipet__controls { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .goods-snippet__controls-main, .catalogue-list .rd-product-snipet__controls-main, .item-product .rd-product-snipet__controls-main, .suitable-carousel .rd-product-snipet__controls-main { flex-basis: auto; } .goods-snippet__controls-sub, .catalogue-list .rd-product-snipet__controls-sub, .item-product .rd-product-snipet__controls-sub, .suitable-carousel .rd-product-snipet__controls-sub { flex-basis: auto; padding: 0 17px 0 0; font-size: 0; } .goods-snippet__button, .catalogue-list .rd-product-snipet__button, .item-product .rd-product-snipet__button, .suitable-carousel .rd-product-snipet__button { display: inline-block; vertical-align: middle; min-height: 40px; padding: 11px 23px; color: #6D7686; font-family: 'Fira Sans', sans-serif; font-size: 14px; line-height: 1; border: 2px solid #BFE4EB; background: transparent; border-radius: 4px; } .goods-snippet__button:hover, .catalogue-list .rd-product-snipet__button:hover, .item-product .rd-product-snipet__button:hover, .suitable-carousel .rd-product-snipet__button:hover { color: #fff; background: #19398B; border-color: #19398B; } .goods-snippet__icon-button, .catalogue-list .rd-product-snipet__icon-button, .item-product .rd-product-snipet__icon-button, .suitable-carousel .rd-product-snipet__icon-button { display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin: 0 10px 0 0; background-size: contain !important; filter: brightness(0.55); } .catalogue-list .rd-product-snipet__icon-button:hover, .item-product .rd-product-snipet__icon-button:hover, .suitable-carousel .rd-product-snipet__icon-button:hover, .catalogue-list .rd-product-snipet__icon-button.active, .item-product .rd-product-snipet__icon-button.active, .suitable-carousel .rd-product-snipet__icon-button.active { filter: none; } .catalogue-list .rd-product-snipet__icon-button:last-child, .item-product .rd-product-snipet__icon-button:last-child, .suitable-carousel .rd-product-snipet__icon-button:last-child { margin-right: 0; } ul li.catalogue-list__item { padding-bottom: 0; } .pager-strong .navigation1__item a { color: #6D7686; border-color: #D3D6DB; } .pager-strong .navigation1__item a.active { color: #fff; background: #19398B; border-color: #19398B; } .card-detail_wrap { padding-top: 35px; } .card-detail_image-param .image_wrap span.item_title { color: #19398B; font-family: 'Fira Sans', sans-serif; font-size: 13px; } .card-detail_image-param div.item span { margin-top: 7px; font-family: 'Fira Sans', sans-serif; } .card-detail_image-param .image_wrap img { height: 57px; } .icons-block_line { padding: 0 0 0 10px; } .icons-block_line span.icon-hit_text { margin-left: 12px; font-family: 'Fira Sans', sans-serif; font-size: 11px; background: #19398B; border-radius: 3px; } .icon-bonus { margin-left: 11px !important; } .icon-bonus .icon-bonus_text { color: #19398B; font-family: 'Fira Sans', sans-serif; font-size: 11px; border: 1px solid #19398B; box-sizing: border-box; border-radius: 3px; } .card-detail_image-wrap .icon-btn_item { margin: 0 35px 0 0 ; } .card-detail_image-wrap .icon-btn_item:last-child { margin-right: 0; } .rd-body .card-detail_info { padding-top: 10px; } .rd-body .info-block_title { margin-bottom: 13px; } .rd-body .card-detail_info .sod_select { width: 180px !important; } .rd-body .card-detail_info .sod_label { padding: 12px 8px 13px 16px; color: #000; font-size: 14px; border-right: none; } .rd-body .card-detail_block .info-block_item .info-block_link { margin-top: 6px; } .rd-body .info-block:last-child { margin-bottom: 0; } .rd-body .info-block_item { margin-bottom: 20px; } .rd-body .info-block_item:last-child { margin-bottom: 0; } .rd-body .block-safe { margin: 0; } .rd-body .block-safe-wrap { height: 29px; } .rd-body .block-safe-img { width: 5%; } .rd-body .info-block_price { color: #BA4265; font-family: 'Fira Sans', sans-serif; font-size: 42px; } .rd-body .info-block_price-discont { background: #19398B; } .rd-body .info-block_price-old, .rd-body .info-block_price-discont, .rd-body .info-block_price-discont-title, .rd-body .price_text, .rd-body .info-block_btn { font-family: 'Fira Sans', sans-serif; } .rd-body .info-block_btn-orange { background: #BA4265; } .card-detail_title { font-family: 'Fira Sans', sans-serif; } .rd-body .service-block_img { margin: 0 0 30px; text-align: center; } .rb-body .service-block { padding: 66px 70px 50px; } .rb-body .service-block_item { padding: 17px 0; } .rd-body .service-block_img:last-child { margin-bottom: 0; } .rd-body .service-block_img img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; max-height: 100%; margin: 0; padding: 0; } .rd-body .service-text { padding: 0 10px; color: #000000; font-family: 'Fira Sans', sans-serif; font-weight: 300; font-size: 16px; line-height: 19px; text-align: center; } .rd-body .service-block_info-text { width: 58%; font-family: 'Fira Sans', sans-serif; color: #000000; font-weight: 300; font-size: 17px; line-height: 1.5 !important; } .rd-body .service-block_info-char { width: 42%; } .rd-body .service-block_info-list li:before { top: 4px !important; width: 18px; height: 18px; background-size: contain; } .rd-body .service-block_info-char .compositions-list li { font-family: 'Fira Sans', sans-serif; color: #747474; font-weight: 300; font-size: 17px; line-height: 150%; } .rd-body .params-list_wrap { width: 57%; } .rd-body .files-block { width: 43%; } .rd-body .param-list { font-family: 'Fira Sans', sans-serif; font-size: 17px; line-height: 30px; } .rd-body .param-item_name-col, .rd-body .param-item_name-col .param-item_name { font-family: 'Fira Sans', sans-serif; font-size: 17px; line-height: 30px; font-weight: 300; } .rd-body .param-item_value-col { width: 57%; color: #000; font-family: 'Fira Sans', sans-serif; font-size: 17px; line-height: 30px; padding-top: 4px; } .rd-body .param-item_name-col:after { top: 21px !important; } .rd-body .param-list_item { margin-bottom: 10px; } .rd-body .param-list_item:last-child { margin-bottom: 0; } .rd-body .file-list { font-family: 'Fira Sans', sans-serif; } .rd-body .file-list_item a { font-size: 16px; } .rd-body .suitable-carousel { display: flex; align-items: stretch; } .rd-body .advantages_img { height: 124px; } .rd-body .advantages-block .advantages_item img { width: 124px; height: 124px; } .rd-body .advantages_text { font-family: 'Fira Sans', sans-serif; color: #000; } .rd-body .owl-carousel .owl-stage { display: flex; align-items: stretch; } .rd-body .owl-carousel .owl-item { height: auto; } .rd-body .owl-item .item-product { height: 100%; } .rd-body .delivery-payment-block * { font-family: 'Fira Sans', sans-serif; } .rd-body .advantages-block .card-detail_title { margin-bottom: 51px; } .advantages { width: auto !important; } .rd-body .block-list .bonus-list_text { color: #333333; font-family: 'Fira Sans', sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; } .rd-body .block-list .block-list_text { color: #333333; font-family: 'Fira Sans', sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; } .rd-body .bonus_btn { margin-top: 42px; } .rd-body .bonus_btn span { font-family: 'Fira Sans', sans-serif; } .rd-body .delivery-box h3 { color: #19398B; font-family: 'Fira Sans', sans-serif; font-size: 22px; font-weight: 400; line-height: 26px; } .rd-body .delivery-box p { color: #747474 !important; font-family: 'Fira Sans', sans-serif !important; line-height: 17px !important; } .rd-body .delivery-box_delivery { width: 65%; } .rd-body .delivery-box_payment { width: 35%; padding-left: 28px; } .rd-body .delivery-box_payment h4 { color: #333333; font-family: 'Fira Sans', sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; } .rd-body .delivery-box_payment .tabs-block p { margin: 0 !important; } .rd-body .bonus-block p { color: #747474 !important; font-family: 'Fira Sans', sans-serif !important; font-weight: 300 !important; font-size: 14px !important; line-height: 17px !important; } .rd-body .bonus-block_right .big-text { color: #BA4265; font-family: 'Fira Sans', sans-serif; } .rd-body .bonus-block .card-detail_title { margin-bottom: 35px; line-height: 1.2; } .rd-body .bonus-block_right .card-detail_title { margin-bottom: 20px; font-family: 'Fira Sans', sans-serif; font-weight: 300; font-size: 32px; line-height: 1.2; } .select-wrapper:hover .sod_select:hover:after { background-image: url('/local/templates/strong/new_site/images/figura_14.png'); } .sorting-line .select-wrapper .sod_select .sod_label { border-bottom: none; } .sorting-line .select-wrapper .sod_select .sod_label, .sorting-line .select-wrapper button, .sorting-line .select-wrapper a { min-height: 22px; color: #6D7686; font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.1; } .sorting-line .select-wrapper .sod_select .sod_label { padding-top: 3px; } .help-block h1, .help-block h2:first-child { color: #1D3A86; font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size: 42px; line-height: 110%; } .help-block h2 { color: #1D3A86; font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 32px; line-height: 120%; } .help-block, .help-block p { color: #000000 !important; font-family: 'Fira Sans', sans-serif !important; font-style: normal; font-weight: 300 !important; font-size: 20px !important; line-height: 140% !important; } .learn-more { color: #1D3A86 !important; font-family: 'Fira Sans', sans-serif !important; font-weight: 500 !important; font-size: 18px !important; line-height: 130% !important; border-bottom: 1px dotted !important; } .sorting-line .select-wrapper button.active, .sorting-line .select-wrapper a.active { color: #19398B; } .options-list-wrap .option-list__item.last a.options-list__link:before { content: ''; width: 15px; height: 0px; margin: 0 9px 0 0; display: inline-block; vertical-align: 4px; opacity: .3; border-bottom: 3px dotted #6D7686; } .sod_select .sod_option { color: #000000; font-style: normal; font-weight: 400; font-size: 14px; line-height: 2; background: #fff; } .sod_select .sod_option.active { color: #BA4265; font-weight: 400; background: #fff; } .sod_select .sod_option.selected { color: #BA4265; font-weight: 400; background: #f6f6f6; } .rd-body .mattress-cover_img { width: 25%; height: 90px; } .rd-body .mattress-cover_wrap .card-detail_title { margin-bottom: 25px; } .rd-body .mattress-cover_text { padding: 10px; color: #000000; font-family: Fira Sans; font-weight: 300; font-size: 17px; line-height: 150% !important; } .rd-body .advantages_text { margin-top: 42px; color: #000000; font-family: Fira Sans; font-style: normal; font-weight: 300; font-size: 16px; line-height: 19px !important; text-align: center; } .rd-product-snipet__select .sod_list_wrapper, .rd-body .info-block_item .sod_list_wrapper { top: 100%; margin: -2px auto 0; } #modef { background: #BA4265; border-radius: 4px; } #modef a span { color: #fff; } #modef a:before { content: ''; position: absolute; display: block; top: 50%; right: -10px; width: auto; height: auto; border: 5px solid transparent; border-left: 5px solid #BA4265; transform: translate(0, -50%); } .rd-body a.strong-spoiler-link:link, .rd-body .strong-spoiler-link, .rd-body .js-tooltip { color: #19398B; font-weight: 700; } .rd-body .recently-viewed-block .item-block_price { display: flex; align-items: flex-end; flex-wrap: nowrap; } .rd-body .recently-viewed-block .block-price_current { flex: 0 0 auto; order: -1; width: auto; margin: 0 15px 0 0; } .rd-body .recently-viewed-block .block-price_old { flex: 0 0 auto; width: auto; line-height: 27px; } .rd-body .recently-viewed-block .block-price_old span { position: relative; text-decoration: none; } .rd-body .recently-viewed-block .block-price_old span:before { content: ''; position: absolute; top: 50%; left: 50%; width: 105%; height: 1px; background: #bababa; transform: translate(-50%, -50%) rotate(10deg); } .inner-container .reviews-client { top: 50%; right: 45px; height: auto; min-height: 420px; max-height: 580px; padding: 0; background-color: transparent; border-radius: 0; transform: translate(0, -50%); } @media only screen and (min-width: 1280px) { .inner-container .reviews-client { right: 0; } } .rd-body .owl-carousel .owl-stage { position: relative; } .review-carousel .owl-nav { top: 40% !important; } .review-carousel .owl-nav button.owl-prev { left: -10% !important; } .review-carousel .owl-nav button.owl-next { right: -10% !important; } .rd-body .owl-carousel .owl-item { position: relative; max-height: 100%; margin-top: auto; margin-bottom: auto; } .rd-body .owl-carousel .owl-item:before { content: ''; position: absolute; left: 0; right: 0; top: 0; z-index: 10; height: 50px; border-radius: 20px 20px 0 0; background: linear-gradient(white, rgba(255, 255, 255, 0.001)); } .rd-body .owl-carousel .owl-item:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; height: 40px; border-radius: 0 0 20px 20px; background: linear-gradient(rgba(255, 255, 255, 0.001), white); } .rd-body .reviews-client .item { overflow-x: hidden; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; max-height: 580px; padding: 50px 70px 40px !important; background-color: #ffffff; border-radius: 20px; } .rd-body .reviews-client .item::-webkit-scrollbar { display: none; } .page_faq .text-new-design { display: flex; } .mobile-sorting__select { display: none; } .rd-header__basket .cart.purple:before { background: url(/local/templates/main_new/css/../img/rd/basket-active.svg) center center no-repeat; background-size: contain; } .rd-header__basket .purple #cart-goods-id { background: #ba4265; } .rd-header__search { position: relative; } .rd-header__search .search-button { display: block; width: 22px; height: 22px; transform: translate(0, -50%); background: url(/local/templates/strong/css/../img/rd/search.svg) center center no-repeat; background-size: contain; right: 10px; position: absolute; } .city-list { display: flex; flex-wrap: wrap; } ul.city-list li { width: 50%; } @media only screen and (max-width: 1024px) { .rd-header__moble-phone .rd-header__phone { font-size: 0; } } @media only screen and (max-width: 768px) { .page_faq .text-new-design { flex-direction: column; } .page_faq .faq_left { width: 100%!important; } .page_faq .faq_right_big { width: 100%!important; } ul.city-list li { width: 100%; } #ORTHOPEDIC_ITEMS.popup-wrapper .formPopup { width: 95%; } .rd-casing__main { padding-right: 15px!important; } } .b24-form-control-container .b24-form-field-agreement-link { color: initial!important; vertical-align: sub; } /* End */ /* Start:/local/templates/.default/css/jquery.mCustomScrollbar.min.css?161960769942839*/ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-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;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.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,.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,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/local/templates/.default/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(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,.4),inset -1px 0 0 rgba(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,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* End */ /* Start:/local/include/css/owl.carousel.css?17368720614119*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(/local/include/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } /* End */ /* Start:/local/include/css/owl.theme.default.css?17368720611220*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-nav { margin-top: 10px } .owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 } /* End */ /* Start:/local/include/css/jquery.countdown.css?17368720611655*/ .countdownHolder{ width:450px; margin:0 auto; font: 40px/1.5 'Open Sans Condensed',sans-serif; text-align:center; letter-spacing:-3px; } .position{ display: inline-block; height: 1.6em; overflow: hidden; position: relative; width: 1.05em; } .digit{ position:absolute; display:block; width:1em; background-color:#444; border-radius:0.2em; text-align:center; color:#fff; letter-spacing:-1px; } .digit.static{ box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35); background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, #3A3A3A), color-stop(0.5, #444444) ); } /** * Вы можете использовать данные классы для скрытия * частей счетчика, которые не нужны. */ .countDays{ /* display:none !important;*/ } .countDiv0{ /* display:none !important;*/ } .countHours{} .countDiv1{} .countMinutes{} .countDiv2{} .countSeconds{} .countDiv{ display:inline-block; width:16px; height:1.6em; position:relative; } .countDiv:before, .countDiv:after{ position:absolute; width:5px; height:5px; background-color:#444; border-radius:50%; left:50%; margin-left:-3px; top:0.5em; box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5); content:''; } .countDiv:after{ top:0.9em; } /* End */ /* Start:/local/templates/main_new/css/rd-responsive.css?175223092080543*/ .rd-header__burger { display: none; } .rd-header__search-icon { display: none; } .rd-header__mobile-basket { text-align: right; } .rd-header__mobile-basket .cart { position: relative; display: inline-block !important; vertical-align: middle; } .rd-header__mobile-basket .cart:before { content: ''; display: block; width: 28px; height: 26px; background: url(/local/templates/strong/css/../img/rd/basket-new.svg) center center no-repeat; background-size: contain; } .rd-header__mobile-basket .cart, .rd-header__mobile-basket #cart-goods-id { display: block; } .rd-header__mobile-basket { display: none; } .rd-header__mobile-basket .cart-icon, .rd-header__mobile-basket .basket__total-price, .rd-header__mobile-basket span { display: none; } .burger { position: relative; z-index: 10; display: inline-block; vertical-align: middle; width: 26px; height: 19px; margin: 0; font-size: 0; line-height: 1; cursor: pointer; background: transparent; border: 2px solid#19398B; border-left: none; border-right: none; outline: none; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .burger:hover { opacity: 0.8; } .burger:before, .burger:after { content: ''; position: absolute; } .burger:before, .burger:after { top: 7px; left: 0; display: block; width: 26px; height: 2px; background: #19398B; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .burger_type_close { border-color: transparent; } .burger_type_close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .burger_type_close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .search-mobile-toggler { display: inline-block; background: transparent; } .search-mobile-toggler svg { stroke: #19398B; } .mobile-nav { display: none; } .js-favorite-count_mobile, .js-compare-count_mobile { display: none; } .rd-footer__mobile { display: none; } .info-block_bottom { right: 0; } .info-block_delivery_info .delivery_info_text span { white-space: normal; } .info-block_btns { margin-bottom: 20px; } .info-block_btns .info-block_btn { margin-bottom: 10px; } .inner-container.breadcrumbs-list { max-width: 1272px; padding: 0 15px; } .card-detail_title_mobile { display: none; } @media only screen and (max-width:1024px) { .rd-body { height: auto; padding-bottom: 84px; } .rd-body, .wrapper { min-width: 320px !important; } .rd-header__main { box-shadow: 0px 7px 24px rgba(0, 0, 0, 0.06); } .rd-header__row { display: flex; align-items: center; } .rd-header__burger { display: block; flex: 0 0 auto; margin: 0 15px 0 0; } .rd-header__logo { display: block; flex: 0 0 auto; flex-grow: 1; margin: 0 15px 0 0; padding: 0; } .rd-header__addnav { display: none; } .rd-header__location { display: none; } .rd-header__contacts { display: none; } .rd-header__controls { display: none; } .breadcrumbs-wrapper { display: none; } .rd-header__logo { width: 138px; } .rd-header__search-icon { display: block; flex: 1 0 auto; margin: 0 15px 0 0; text-align: right; } .rd-header__mobile-basket { display: block; flex: 0 0 auto; margin: 0 15px 0 0; } .rd-header__mobile-basket:last-child { margin-right: 0; } .rd-header__bottom { display: none; background: #fff; padding: 5px 0; box-shadow: 0px 7px 24px rgba(0, 0, 0, 0.06); } .rd-header__bottom_state_open { display: block; } .rd-header__nav { display: none; } .rd-header__search { display: block; width: 100%; margin: 0 auto; } .rd-header__login { display: none; } .rd-header__basket { display: none; } .card-detail_block { border: none; padding-top: 30px; padding-bottom: 50px; } .h1 { font-size: 28px !important; line-height: 38px; } .card-detail_image-wrap { width: auto !important; } .card-detail_wrap { display: block !important; padding-top: 2px; } .card-detail, .card-detail_info { display: block !important; height: auto !important; } .card-detail { width: 100% !important; padding: 0 0 30px 0 !important; margin: 0 !important; border-right: 0 none transparent !important; border-bottom: 1px solid #E7E7E7 !important; } .card-detail_info { width: 100% !important; padding: 30px 0 0 0 !important; } .card-detail_image-wrap { padding: 0 !important; } .service-block_info-wrap { display: block; } .card-detail_image-wrap .icon-btn_item { margin: 0 15px 0 0; } .card-detail_images { display: flex !important; flex-direction: column; } .card-detail_image-left, .card-detail_image-right { display: block !important; height: auto !important; } .card-detail_image-left { order: 2; width: 100% !important; } .card-detail_image-right { order: 1; padding-bottom: 50px; } .card-detail_image-param { font-size: 0; line-height: 0; text-align: center; } .card-detail_image-param .item { display: inline-block; margin-left: 17px; margin-right: 17px; margin-bottom: 20px; } .card-detail_image-gallery { display: block !important; margin: 0 !important; } .j-mini-pics { position: relative; flex-wrap: wrap; align-items: center; justify-content: center; min-height: 25px; } .card-detail_image-gallery .item.j-small-pic { border: none !important; padding: 0 !important; width: auto !important; height: auto !important; margin: 7.5px 10px 7.5px 10px; } .card-detail_image-gallery .item.j-small-pic_type_video { margin-left: 0; margin-right: 0; } .j-mini-pic__wrapper { width: 0; height: 0; border: 2px solid #E5E5E5; border-radius: 50%; } .j-small-pic.active .j-mini-pic__wrapper { width: 10px; height: 10px; border: 2px solid #19398B; border-radius: 50%; } .j-mini-pic__wrapper img { display: none; } .j-mini-pics .video-link-popup { position: absolute; right: 0; top: 0; margin-bottom: 0; } .icons-block_line { width: 100% !important; left: 0 !important; padding: 0; } .icons-block_line .icon-discont .icon-discont_text { top: 50% !important; font-family: 'Open Sans' !important; font-style: normal !important; font-weight: bold !important; font-size: 9.11249px !important; line-height: 11px !important; -webkit-transform: translateY(-55%); transform: translateY(-55%); } .icons-block_line .icon-discont { top: 0 !important; width: 34px !important; height: 23px !important; background-size: 34px 23px !important; } .icons-block_line .icon-hit { margin-left: 11px !important; } .icons-block_line span.icon-hit_text { font-family: Open Sans; font-style: normal; font-weight: 600; font-size: 10px; line-height: 15px; margin-left: 0; padding: 3px 9px; text-transform: uppercase; border: 1px solid #19398B; } .icon-bonus { height: 23px !important; } .icon-bonus .icon-bonus_text { font-style: normal; font-weight: 600; line-height: 15px !important; letter-spacing: 0.05em; text-transform: uppercase; padding: 3px 9px; min-width: 90px; } .icon-btn_item .icon-btn_text { display: none !important; } .card-detail_info .info-block_wrap { display: block !important; margin-bottom: 35px; } .card-detail_info .info-block_wrap .info-block_left, .card-detail_info .info-block_wrap .info-block_right { display: block !important; width: auto !important; } .info-block_bottom { position: relative !important; left: auto !important; bottom: auto !important; } .characteristic-block { display: block; } .rd-body .characteristic-block .info-block_title { margin-bottom: 9px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; } .characteristic-left-block, .characteristic-right-block { width: 100%; } .characteristic-left-block { display: block; margin-bottom: 22px; } .info-block_title { width: 100%; } .info-block .sod_select { float: none; margin-right: 16px; } .rd-body .card-detail_info .sod_select { width: 140px !important; } .color-block { width: auto !important; display: block !important; font-size: 0; line-height: 0; margin-right: 9px; } .info-block_item .btn-block_link { float: none; } .rd-body .info-block_col .item { width: 50px; height: 50px; padding: 9px; margin-right: 9px; } .rd-body .info-block_col .item.active:before { background: url(/local/include/css/../img/correct-4.png) center no-repeat; background-size: 15px 15px; width: 15px; height: 15px; } .info-block_item .btn-block_link { float: none !important; } .btn-block_link .item_btn-col { width: 50px !important; height: 50px !important; } .info-block_col .item .color_item { margin: 0; } .rd-body .block-safe-wrap { height: auto; } .rd-body .block-safe-img { flex: 0 0 auto; } .rd-body .info-block_bottom > .info-block_price-wrap { margin: 0; } .rd-body .info-block_bottom > .info-block_price-wrap > .info-block_price-wrap { display: flex; flex-wrap: wrap; } .info-block_price-old { display: block; } .info-block_price-discont-wrapper { font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px !important; color: #000; display: flex !important; padding-top: 0 !important; } .info-block_price-discont-wrapper::before { content: '('; display: inline-block; } .info-block_price-discont-wrapper::after { content: ')'; display: inline-block; } .info-block_price-wrap .info-block_price-discont-wrapper .info-block_price-discont-title { display: block; position: relative; margin: 0; left: auto; font-family: inherit; font-style: inherit; font-weight: inherit; font-size: inherit !important; line-height: inherit; color: inherit; } .info-block_price-wrap .info-block_price-discont-wrapper .info-block_price-discont { display: block; position: relative; top: auto; left: auto; margin-top: 0; font-family: inherit; font-style: inherit; font-weight: inherit; font-size: inherit !important; line-height: inherit; color: inherit; background: transparent; padding: 0; margin: 0 0 0 0.2em; } .rd-body .card-detail_info .info-block { margin: 0; padding: 29px 0 32px; font-size: 0; } .rd-body .info-block_btns .info-block_btn { font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; padding: 13px 30px; margin-bottom: 10px; } .rd-body .info-block_btns .info-block_btn:last-of-type { margin-right: 0; } .rd-body .info-block_delivery_info { display: flex; } .rd-body .info-block_delivery_info .delivery_info_img { float: none; flex: 0 0 auto; width: 50px; margin-right: 27px; } .rd-body .info-block_delivery_info .delivery_info_text { flex: 0 1 auto; white-space: normal; font-weight: 600; font-size: 15px; line-height: 23px !important; } .rd-body .info-block_delivery_info .delivery_info_text span { white-space: normal; font-weight: inherit; } .rd-body .service-block { padding: 50px 0 45px 0; } .rd-body .card-detail_title { font-weight: 600; font-size: 24px; line-height: 33px; margin-bottom: 25px; } .rd-body .files-block .card-detail_title { margin-bottom: 10px; } .rd-body .service-block_wrap { display: block; } .rd-body .service-block_wrap .service-block_item { display: flex; width: auto; align-items: center; margin-bottom: 35px; } .rd-body .service-block_wrap .service-block_item:last-of-type { margin-bottom: 0; } .service-block_wrap .service-block_img { flex: 0 0 auto; width: 103px; height: 74px; margin: 0 15px 0 0; display: flex !important; flex-direction: column; justify-content: center; align-items: center; } .service-block_wrap .service-block_img img { width: auto; max-width: 100%; height: auto; max-height: 100%; } .service-block_wrap .service-text { padding: 0; margin: 0 !important; font-weight: normal; font-size: 15px; line-height: 21px !important; text-align: left; } .rd-body .service-block_info-wrap { display: block; padding: 60px 0; } .rd-body .service-block_info-text { display: block; width: auto; font-weight: normal; font-size: 15px; line-height: 23px !important; padding: 0; margin-bottom: 20px; color: #383838; } .rd-body .service-block_info-char { display: block; width: auto; font-weight: normal; font-size: 15px; line-height: 23px; color: #383838; } .service-block_info-list span { font-size: inherit; } .rd-body .service-block_info-char .compositions-list li { font-size: 15px; line-height: 23px; color: #383838; } .rd-body .service-block_info-list li:before { width: 24px; height: 24px; } .rd-body .params-block_wrap { display: block; padding: 60px 0 0; } .rd-body .params-list_wrap, .rd-body .files-block { display: block; width: auto; margin-bottom: 60px; } .rd-body .param-list { padding-right: 0; } .rd-body .param-item_name-col { width: 60%; } .rd-body .param-item_value-col { width: 40%; } .file-list { margin-bottom: 10px; } .rd-body .files-block .text_link { display: inline-block; margin-top: 0; cursor: pointer; font-style: normal; font-weight: 600; font-size: 17px; line-height: 30px; color: #19398B; border: 1px solid rgba(0, 0, 0, 0.05); background: #FFFFFF; padding: 8px 30px; } .rd-body .reviews-block-inline { padding: 50px 0 60px; } .rd-body .card-detail_title-inline { font-weight: 600; font-size: 24px; line-height: 33px; margin-bottom: 19px; padding-right: 25px; } .reviews-block-inline .btn-block_link-inline { margin-left: 0; } .reviews-block_list { padding-top: 35px; } .reviews-block-inline .reviews-list_item { display: block; width: auto; padding: 0; margin: 0 0 30px 0; } .reviews-block-inline .reviews-list_item:nth-child(2n), .reviews-block-inline .reviews-list_item:nth-child(2n+1), .reviews-block-inline .reviews-list_item:last-of-type { padding: 0; } .reviews-block-inline .reviews-list_item:last-of-type { margin-bottom: 0; } .rd-body .suitable-block { padding: 60px 0 50px; } .rd-body .suitable-block .card-detail_title { margin-bottom: 20px; } .rd-body .suitable-carousel { display: flex; flex-wrap: wrap; } .rd-body .suitable-carousel .item-product { display: block; width: auto; width: 45.9%; min-height: 0; margin: 0 15px 10px; } .rd-body .mattress-cover { padding: 60px 0; } .rd-body .mattress-cover_wrap { display: block; } .rd-body .mattress-cover_wrap .card-detail_title { margin-bottom: 30px; } .rd-body .mattress-cover_left { display: none; } .rd-body .mattress-cover_right { display: block; width: auto; } .mattress-cover_list .mattress-cover_item-wrap.item_show { display: block; width: auto; padding-bottom: 20px; } .mattress-cover_list .mattress-cover_item-wrap.item_show:last-child { padding-bottom: 0; } .rd-body .mattress-cover_list .mattress-cover_item { display: flex; } .rd-body .mattress-cover_img { flex: 0 0 auto; width: 103px; height: 74px; margin: 0 15px 0 0; display: flex !important; flex-direction: column; justify-content: center; align-items: center; } .rd-body .mattress-cover_text { padding: 0; font-weight: normal; font-size: 15px; line-height: 21px; } .rd-body .mattress-cover_btn { margin-top: 30px; } .mattress-cover_btn span { display: inline-block; } .rd-body .advantages-block { padding: 60px 0 45px; } .rd-body .advantages-block .card-detail_title { margin-bottom: 20px; } .rd-advantages__list { margin: 0; white-space: normal; } .rd-advantages__item { width: 100%; margin: 0 auto 25px; padding: 0; display: flex; align-items: center; } .rd-advantages__item:last-child { margin-bottom: 0; } .rd-advantages__illustration { flex: 0 0 auto; width: 74px; margin: 0 25px 0 0; } .rd-body .rd-advantages__name { font-weight: normal; font-size: 15px; font-weight: 300; line-height: 21px; text-align: left; } .rd-advantages__image { max-width: 100%; } .similar-products-block { padding-bottom: 60px; } .similar-products { display: block; } .rd-body .similar-products .item-product { display: block; width: auto; min-height: 0; margin: 0; } .rd-body .bonus-block { padding: 60px 0 30px; } .rd-body .bonus-block_wrap { display: flex; flex-wrap: wrap; } .rd-body .bonus-block_left, .rd-body .bonus-block_center, .rd-body .bonus-block_right { display: block; width: auto; } .rd-body .bonus-block_left, .rd-body .bonus-block_center { flex: 0 0 auto; } .rd-body .bonus-block_left { width: 100%; } .rd-body .bonus-block_center { width: 139px; } .rd-body .bonus-block_right { width: calc(100% - 139px); } .rd-body #wrapper .bonus-block_left-wrap > p { margin-top: 15px; margin-bottom: 36px; } .rd-body .bonus-block .card-detail_title { line-height: 33px; margin-bottom: 20px; } .rd-body .block-list { padding-right: 0; } .rd-body .block-list .block-list_item { margin-bottom: 1em; } .rd-body .block-list .block-list_item:last-child { margin-bottom: 0; } .rd-body .block-list .block-list_item:before { background-size: 24px 24px; } .rd-body .block-list .bonus-list_text { font-size: 15px; line-height: 21px; font-weight: normal; color: #383838; } .rd-body .bonus_btn { margin-top: 19px; } .rd-body .bonus-block_center img { position: static; } .rd-body .bonus-block_right .card-detail_title { font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; } .rd-body .bonus-block_right .big-text { font-size: 24px; line-height: 24px; } .rd-body .delivery-payment-block { padding: 50px 0; } .rd-body .delivery-payment-block .card-detail_title { margin-bottom: 20px; } .rd-body .delivery-box { display: block; } .rd-body .delivery-box_delivery, .rd-body .delivery-box_payment { display: block; width: 100%; border: none; padding: 0; } .rd-body .delivery-list .delivery-list_item { display: block; width: auto; margin: 0 auto 30px; padding-bottom: 30px; border-bottom: 1px solid #EBEBEB; color: #383838; } .rd-body .delivery-box h3 { margin-bottom: 10px; } .rd-body .delivery-box_payment h3:before { content: '03. '; } .rd-body .delivery-box_delivery .block-list .block-list_text { color: #383838; font-weight: normal; font-size: 15px; line-height: 21px; } .rd-body .delivery-box_delivery .block-list .block-list_item:before { width: 20px; height: 20px; background-size: 20px 20px; } .rd-body #wrapper .delivery-list .delivery-list_item p { padding: 0; padding-left: 40px; margin-top: 10px; margin-bottom: 0; font-size: 12px; } .rd-body .delivery-payment-block .tabs-block { padding-top: 8px; } .rd-body .delivery-payment-block .tab-header { margin-bottom: 4px; } .rd-body .delivery-payment-block .tab-header .tab-header__item { margin-bottom: 10px; } .rd-body .tab-content__item h4 { color: #383838; font-weight: normal; font-size: 15px; line-height: 21px; margin-bottom: 15px; } .rd-product-group__item { flex-basis: 100%; width: 100%; max-width: 100%; } .rd-text-banner { background: #FAFAFA !important; } .rd-text-banner::before { content: none; } .rd-text-banners__content { position: static; transform: none; padding-bottom: 50px; } .rd-text-banners__panel { max-width: none; display: flex; justify-content: space-between; margin-bottom: 38px; border-bottom: 1px solid #EBEBEB; margin-left: -15px; margin-right: -15px; padding: 0 15px; } .rd-text-banners__header { flex: 0 0 auto; max-width: 230px; align-self: center; margin: 0; } .rd-text-banners__header .rd-title { font-weight: 600; font-size: 24px; line-height: 33px; } .rd-text-banners__panel:after { content: ''; display: block; flex: 0 0 auto; background: url('/local/templates/strong/img/rd-responsive/text-banners/choice-mattress-woman.png'); width: 252px; height: 200px; align-self: flex-end; margin-left: -122px; } .rd-text-banners__content p { margin: 0 0 15px !important; color: #383838 !important; font-weight: 400 !important; font-size: 15px !important; font-family: 'Fira Sans', sans-serif !important; line-height: 21px !important; text-align: center; } .rd-text-banners__controls { padding: 0; text-align: center; } .rd-text-banners__contacts { font-weight: normal; font-size: 16px; line-height: 22px; text-align: center; color: #747474; max-width: 280px; margin: 0 auto; padding-top: 23px; } .rd-footer { padding-bottom: 0; } .rd-footer__main { display: none; } .rd-footer__middle { display: none; } .rd-body .status-line .nav-fixed-panel1.mod1 { display: flex; flex-direction: column; height: 84px; } .status-line .page-line { width: 100%; padding: 0 85px 0 15px; } .rd-body .list-information1__right .js-favorite-count, .rd-body .list-information1__right .js-compare-count { display: none; } .rd-footer__privacy, .rd-footer__rules { display: none; } .mobile-nav { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100vh; transform: translate3d(-100%, 0, 0); background: #fff; width: 100vw; z-index: 900; overflow-y: auto; } .mobile-nav_state_open { transform: translate3d(0, 0, 0); } .mobile-nav__inner { padding: 30px 15px; display: flex; flex-direction: column; } .rd-body_nav_open { height: 100vh; overflow: hidden; } .rd-body .reviews-client-block { background: #fff; padding: 0; height: auto; padding: 30px 0 60px; border-bottom: 1px solid #EBEBEB; } .rd-body .inner-container .reviews-client { position: static; transform: none; width: auto; height: auto; min-height: 0; max-height: none; } .rd-body .reviews-client .item { max-width: none; min-width: 0; max-height: none; padding: 0 !important; } .rd-body .reviews-client-block .owl-carousel .owl-item:before, .rd-body .reviews-client-block .owl-carousel .owl-item::after { content: none; } .rd-body .reviews-client-block .card-detail_title { margin-bottom: 16px; } .rd-body .reviews-client .item .item_text { display: block; font-size: 16px; line-height: 25px; } .rd-body .review-carousel .item_blocks { margin-top: 15px; display: flex; align-items: center; } .rd-body .review-carousel .item_blocks .rating-numb { flex: 0 0 auto; } .rd-body .review-carousel .item_blocks .rating { margin-top: 0; flex: 0 0 auto; margin-right: 20px; line-height: 0; } .rd-body .review-carousel .item_blocks .item_image { flex: 1 0 auto; max-width: 200px; text-align: right; } .rd-body .review-carousel .item_blocks .item_image img { display: inline-block; max-width: 100%; width: auto; } .rd-body .recently-viewed-block .owl-carousel .owl-item:before, .rd-body .recently-viewed-block .owl-carousel .owl-item:after { content: none; } .status-line .nav-fixed-panel1 { z-index: 10; } .rd-body .owl-dots { text-align: center; margin-top: 30px; } .rd-body .owl-dots .owl-dot { vertical-align: middle; margin: 7px 10px; } .rd-body .owl-dots .owl-dot span { display: block; width: 0; height: 0; border: 2px solid #E5E5E5; background: #fff; border-radius: 50%; } .rd-body .owl-dots .owl-dot:hover span { border-color: #19398B; } .rd-body .owl-dots .owl-dot.active span { width: 10px; height: 10px; border-color: #19398B; background: #fff; } .recently-viewed .item-product { float: none; display: flex; align-items: center; padding: 18px 15px 12px 15px; margin: 0 auto 10px; } .recently-viewed .item-product:last-child { margin-bottom: 0; } .recently-viewed .item-block_link, .recently-viewed .item-block_text { float: none !important; width: auto; } .recently-viewed .item-block_link { flex: 0 0 auto; width: 143px; } .recently-viewed .item-block_text { flex: 1 1 auto; min-width: 156px; padding: 0 0 0 15px; } .recently-viewed .item-block_text .item-block_name { min-height: 0; font-size: 15px; line-height: 24px; margin-bottom: 12px; } .recently-viewed .item-block_text .item-block_price { min-height: 0; } .recently-viewed .icon-btn { position: static; margin-bottom: 22px; } .rd-body .similar-products-block .owl-carousel .owl-item:before, .rd-body .similar-products-block .owl-carousel .owl-item:after { content: none; } .similar-products-block .item-product .rd-product-snipet__illustration > img { display: none !important; } .rd-body .owl-carousel .owl-stage .owl-item { flex: 0 0 auto; display: block; margin-bottom: 0; } .rd-footer { background: #383838; } .rd-footer__bottom { display: none; } .rd-footer__mobile { padding: 20px 0; text-align: center; font-size: 14px; line-height: 16px; font-family: 'Open Sans'; } .rd-footer__layout-switcher { margin: 0 auto 10px; } a.rd-footer__layout-switcher-link { color: #fff; display: inline-block; padding-bottom: 3px; border-bottom: 1px dashed #fff; } .rd-footer__copyright_mobile { color: #7f7f7f; margin-bottom: 10px; } .rd-footer__slogan { color: #77a7d8; margin-bottom: 10px; } .b24-widget-button-position-bottom-right { right: 30px; bottom: 105px; } #back-top { display: block !important; bottom: 16px; right: 15px; top: auto; left: auto; margin: 0 auto; z-index: 10000; } #back-top a { background-image: url('/local/templates/main_new/css/../img/bg-top-arrow.svg'); background-color: #fff; background-position: center center; border-radius: 50%; box-shadow: 0px 4px 20px rgba(25, 57, 139, 0.1); width: 52px; height: 52px; } .status-line .list-information1__left { display: none; } .status-line .list-information1__right { float: none !important; display: flex; } .rd-body .status-line .list-information1__right .icon1 { flex: 0 0 auto; order: 2; padding: 0; margin-right: 22px; height: auto; } .status-line .list-information1__right .link2.icon1::before { position: static; display: block; margin: 0 auto 8px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); width: 26px; height: 25px; background: url(/local/templates/strong/img/rd-responsive/favorites.svg) center bottom no-repeat; background-size: contain; } .status-line .list-information1__right .icon1 .js-favorite-count_mobile { display: block; font-style: normal; font-weight: 600 !important; font-size: 11px !important; line-height: 15px; letter-spacing: 0.05em; text-transform: uppercase; color: #19398B !important; } .rd-body .status-line .list-information1__right .icon2 { flex: 0 0 auto; order: 3; margin-right: 0; padding: 0; height: auto; } .status-line .list-information1__right .link2.icon2::before { position: static; display: block; margin: 0 auto 8px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); width: 16px; height: 25px; background: url(/local/templates/strong/img/rd-responsive/compare.svg) center bottom no-repeat; background-size: contain; } .status-line .list-information1__right .icon2 .js-compare-count_mobile { display: block; font-style: normal; font-weight: 600 !important; font-size: 11px !important; line-height: 15px; letter-spacing: 0.05em; text-transform: uppercase; color: #19398B !important; } .rd-body .status-line .list-information1__right .cart-information1 { flex: 0 0 auto; order: 1; padding: 0; margin-right: 22px; } .status-line .list-information1__right .cart-information1:before { position: static; display: block; margin: 0 auto 8px; width: 27px; height: 25px; background: url(/local/templates/strong/img/rd/basket-new.svg) center bottom no-repeat; background-size: contain; } .list-information1__right .cart-information1 > p { display: none; } .list-information1__right .cart-information1 > p:first-of-type { display: block; font-style: normal; font-weight: 600 !important; font-size: 11px !important; line-height: 15px; letter-spacing: 0.05em; text-transform: uppercase; color: #19398B !important; } .mobile-nav { font-family: 'Fira Sans', sans-serif; font-size: 14px; } .mobile-nav * { font-family: 'Fira Sans', sans-serif; } .mobile-nav__burger { text-align: right; margin: 0 0 20px auto; } .mobile-nav__addnav .rd-addnav { display: block; } .mobile-nav__addnav .rd-addnav > li > a { padding: 9px 0; } .mobile-nav__addnav .rd-addnav .dropdown-menu { position: relative; padding: 10px 0 10px 20px; box-shadow: none; border: none; box-shadow: none; border-radius: 0; transform: none; min-width: 100%; } .mobile-nav__nav .menu-part { background: transparent; } .mobile-nav__nav .menu-part ul > li > a { padding: 11px 0; color: #000; display: inline-block; vertical-align: middle; } .mobile-nav__nav .menu-part ul > li:hover > a { color: #19398B; } .j-popup-header-cities { z-index: 10002; } .j-popup-header-cities .header-primary-cities { font-size: 0; } .j-popup-header-cities .formPopup.formPopupWide { width: auto; min-width: 0; max-height: none; } .j-popup-header-cities .header-primary-cities ul li { width: 50%; } .popup-wrapper .formPopup { padding: 25px 15px; } .mobile-nav__location { margin-bottom: 30px; } .rd-region .region-text { display: inline-block; } .rd-region .open-region-list { font-weight: 500; } .mobile-nav__controls .rd-header__phone { font-family: 'Fira Sans', sans-serif; } .mobile-nav__controls { max-width: 185px; margin: 0 auto; } .mobile-nav__contacts { padding: 0 9px 3px; } .mobile-nav__login { display: block; width: auto; margin: 0 auto 30px; } .mobile-nav__login .externalclient-authorize .externalclient-authorize-form { top: 100%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, 10px); } .mobile-nav__login .externalclient-authorize .externalclient-authorize-form .triangle { right: auto; left: 50%; } .rd-header__login { text-align: center; } .b24-widget-button-wrapper { z-index: 10001; } .b24-widget-button-shadow { z-index: 10001; } .structure-block .card-detail_title { display: none; margin-bottom: 15px; } .structure-block .card-detail_title_mobile { display: block; } .structure-block_wrap { display: block; padding: 50px 0; } .structure-block_img, .structure-block_list { display: block; width: auto; } .structure-block_img { margin-left: -15px; margin-right: -15px; margin-bottom: -15px; text-align: left; position: relative; z-index: 1; } .structure-block_img img { width: auto; max-width: 100%; height: auto; max-height: 100%; } .structure-block_img:before, .structure-block_img:after { content: none; } .structure-block_img .structure_bg { top: auto; right: 0; left: 0; bottom: 0; width: 100%; height: 119px; background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); transform: none; } .rd-body .structure-block_list { position: relative; z-index: 2; } .rd-body .structure-block_list .card-detail_title { padding-bottom: 266px; } .rd-body .structure-list_item { padding-bottom: 1em; } .rd-body .structure-list_item .text { color: #383838; font-weight: normal; font-size: 15px; line-height: 23px; } .stock-block { display: block; } .stock-block_time-wrap, .stock-block_img { display: block; width: 100%; } .stock-block_time-wrap { padding: 50px 15px 59px; } .stock-block_time { padding: 0; width: 100%; } .rd-body .stock-block .card-detail_title { margin-bottom: 20px; } .time-block { padding: 15px 13px; width: auto; max-width: 350px; height: auto; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; } .time-block_text { min-width: 104px; flex: 1 0 auto; margin: 10px 0; } .time-block_wrap { flex: 0 0 auto; } .countdownHolder { width: auto; top: -10px; } .time-block_price { margin-top: 20px; } .rd-body .time-block_price .info-block_price { display: inline-block; vertical-align: baseline; font-size: 36px; line-height: 49px; margin-right: 16px; } .info-block_price:after { font-size: inherit; line-height: inherit; } .rd-body .time-block_price .info-block_price-old { display: inline-block; vertical-align: baseline; font-size: 24px; line-height: 33px; margin-right: 19px; } .rd-body .time-block_price .icon-discont { display: inline-block; vertical-align: top; top: 3px; width: 69px; height: 47px; } .stock-block_img { height: auto; padding-bottom: 62%; } .rd-body #form_id_one_click_order-container { width: 100%; height: auto; padding: 50px 15px; } .mfp-bg { z-index: 10042; } .mfp-wrap { z-index: 10043; } .rd-product-snipet__link { word-break: break-word; } .rd-footer__mobile { display: block; } .reviews_block_strong { padding: 30px 15px; width: 100%; } .reviews_block_strong .slick-arrow.next, .reviews_block_strong .slick-arrow.prev { display: none !important; } .slider-review1__left-review { width: 100%; display: flex; } .reviews_block_strong .slick-dots { padding: 0; } .formSection { width: 100%; padding: 30px; } #wrapper .formSection h3 { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 24px; line-height: 29px; color: #19398B; margin-bottom: 12px; } .formColumn { text-align: left; max-width: 100%; margin-bottom: 30px; } #wrapper h4, h4.stron { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 18px !important; line-height: 22px !important;/* identical to box height */ color: #19398B; } .bx-touch .callback__button { margin: 0; } table.strong td:first-child { white-space: inherit !important; } .reviewsList .reviewsItem { margin-bottom: 15px; padding: 20px; padding-bottom: 30px; } .reviewsList .reviewsItem .reviewInfo .reviewColOne .reviewAuthor, .reviewsList .reviewsItem .reviewInfo .reviewColOne .reviewCity { margin-bottom: 0; } .reviewsList .reviewsItem .reviewInfo .reviewColOne .reviewCity h4, .reviewsList .reviewsItem .reviewInfo .reviewColOne .reviewAuthor h4 { margin: 0 !important; } .reviewsList .reviewsItem .reviewInfo .reviewColOne .reviewProduct a { text-decoration: underline !important; } .sod_select { width: 100%; } .review-form .fieldset .lines .line { flex: 0 0 100%; margin-bottom: 10px; } .review-form .fieldset .lines .line:last-child { margin-bottom: 0; } .review-form .fieldset .lines { flex-wrap: wrap; } .captcha-block .input-wrapper { font-size: 15px; } .captcha-block a { font-size: 15px; } .review-form .fieldset .lines .line input { height: 45px; } .review-form .fieldset, .review-form textarea { height: 100px; } .review-form button { font-size: 16px; line-height: 19px; height: 50px; width: 100%; } .captcha-block { margin-top: 0; } .bx-touch .bx_item_detail_rating .bx_stars_container { width: 114px !important; height: 19px !important; } .sidebars_wrapper { order: 1; } .cart-table1 thead { display: none; } .basket-show-group-order .basket-item-group-order { display: flex !important; flex-wrap: wrap; padding-bottom: 25px; } .basket-page .cart-table1 tbody td:first-child { height: auto; } .basket-page .cart-table1 tbody td:first-child .product { padding-left: 20px; padding-right: 20px; } .basket-page .product__foto { } .basket-page .product__foto img { } .basket-page .product__over { } .basket-page .product__vertical { text-align: left; height: auto; min-height: auto; } .basket-page .product__over a { font-size: 17px; line-height: 22px; } .basket-page .product__vertical .product__properties { } .basket-page .product__vertical .product__properties .attr { margin-top: 10px; } .product__properties span { } .basket-page .product__vertical .product__properties .attr .prop_zag { font-size: 14px; line-height: 21px; } .basket-page .cart-table1 tbody td:first-child { border: 0 !important; } .basket-page table.cart-table1 tr td:nth-child(3) { padding-left: 20px; flex: 0 0 158px; margin-right: 29px; padding-bottom: 0; } .basket-page .amount i { width: 60px; margin: 0 39px; } .basket-page .amount { width: 138px; } .basket-page table.cart-table1 tr td:nth-child(3):before { content: "\041a\041e\041b\0418\0427\0415\0421\0422\0412\041e"; display: flex; font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 12px; line-height: 8px;/* identical to box height, or 67% */ letter-spacing: 0.1em; color: #C0C3CA; margin-bottom: 15px; } .basket-page table.cart-table1 tr td:nth-child(4) { padding: 0; flex: 0 0 calc(100% - 248px); text-align: left; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .basket-page table.cart-table1 tr td:nth-child(4):before { content: "\0426\0415\041d\0410"; display: flex; font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 12px; line-height: 8px;/* identical to box height, or 67% */ letter-spacing: 0.1em; color: #C0C3CA; margin-bottom: 15px; } .basket-page table.cart-table1 tr td:nth-child(5) { padding-right: 20px; padding-left: 0; flex: 0 0 60px; border: 0; display: flex; justify-content: flex-end; align-items: center; padding-bottom: 0; } .basket-page .price2 span { line-height: 1; } .summary-information-table { padding: 0; } .basket-page .promocode-wrapper .promocode-wrapper__input { flex-wrap: wrap; } .basket-page .promocode1 { max-width: 100%; margin: 0; width: 100%; margin-bottom: 10px; } .basket-page .promocode-wrapper .promocode-wrapper__text { margin-bottom: 4px; font-style: normal; font-weight: normal; font-size: 15px; line-height: 23px;/* identical to box height, or 153% */ color: rgba(111, 118, 133, 0.5); } .basket-button-apply.left-align { width: 100%; height: 45px; margin-bottom: 26px; } #wrapper .top_contact_wrap { } .item-wrapper .item__gallery .big-picture { height: auto; } .item-wrapper .big-picture img { height: auto; width: auto; position: relative; } .item__gallery.without_small_gallery { padding: 0; } .item-wrapper .item__gallery { height: auto !important; padding-top: 60px; } .item-wrapper .item__gallery .strong-shields__wrapper { display: block; } .item-wrapper .item__gallery .strong-shields__wrapper [class^="shield-"] { width: 32px; height: 21px; font-weight: bold; font-size: 9px; line-height: 12px; padding-left: 6px; } #sleep_system_form .product_info_right { padding: 0 15px; padding-bottom: 30px; } .item__info { margin-top: 0; } .sod_select .sod_label { padding-left: 15px !important; } .product_info_right .info-block { flex: 0 0 100%; padding-bottom: 0; } .product_info_right .info-block.price-element-block .price_current span { font-size: 26px; line-height: 31px; padding-right: 22px; } #wrapper .container .price_old { font-size: 15px; line-height: 18px; padding-bottom: 3px !important; margin-left: 0 !important; } .product_info_right .info-block.price-element-block .saving_block { margin-bottom: 3px; } .product_info_right .info-block.buttons { flex-wrap: wrap; } #wrapper .product_info_right .info-block.buttons .btn-to-cart-komp { margin: 0; width: 100%; margin-bottom: 10px; } #wrapper .product_info_right .info-block.buttons .cosult_button { width: 100%; } .product-information-block .wrap { flex-wrap: wrap; max-width: 100%; } .product-information-block .product_text, .product-information-block .product_video { width: 100%; padding: 0; } .with_new_popup .popup-wrapper .formPopup { max-width: 345px; width: calc(100% - 30px); padding: 20px; height: 665px !important; max-height: inherit; } .popup-wrapper .popup__title { font-style: normal; font-weight: normal; font-size: 24px;/* identical to box height, or 29px */ text-align: center;/* Blue */ color: #19398B; text-align: left; order: 0; } .with_new_popup .popup-wrapper .formPopup .j-popup-inner, .with_new_popup .popup-wrapper .formPopup .j-popup-inner2 { order: 2; flex: 0 0 100%; max-height: initial; margin: 0; height: auto; overflow: visible; } .with_new_popup .popup-wrapper .formPopup .popup-list-container { order: 1; flex: 0 0 100%; } .with_new_popup .popup-list {justify-content: flex-start;margin: 0 -5px;max-width: 321px;} .with_new_popup .popup-list__item {margin-bottom: 12px;display: flex;align-items: center;margin: 0 5px;margin-bottom: 10px;} .with_new_popup .popup-list__item:nth-child(even) {margin-left: 5%;margin: 0 5px;margin-bottom: 10px;} .with_new_popup .popup-item__wrapper { width: 100%; height: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .with_new_popup .chosen-elem .img img { width: 300px; height: 185px; margin: auto; } .with_new_popup .chosen-elem .img { text-align: center; margin-bottom: 8px; } .with_new_popup .chosen-elem .title { font-weight: 300; font-size: 15px; line-height: 24px; margin-bottom: 10px; } .with_new_popup .chosen-elem .art { font-size: 22px; line-height: 23px; } .popup-wrapper .colored-link.blue { margin-top: 10px; } .with_new_popup .popup-item__wrapper { width: 100%; height: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .with_new_popup .grouped .popup-list__item:nth-child(even){ margin: 0 15px!important; margin-bottom: 10px; } .with_new_popup .popup-item__wrapper input:checked+.bg{ height: 100%!important; } .with_new_popup .grouped .popup-list__item .popup-item__wrapper{ padding-bottom:0; } } @media screen and (max-width:767px) { .rd-body .suitable-carousel .item-product { width: 100%; margin: 0 0 10px 0; } } @media screen and (max-width:479px) { .rd-body .recently-viewed-block .item-block_price { flex-direction: column; align-items: flex-start; } .rd-body .recently-viewed-block .block-price_current { margin-right: 0; margin-bottom: 3px; } } @media screen and (max-width:374px) { .rd-body .status-line .list-information1__right .icon1, .rd-body .status-line .list-information1__right .cart-information1 { margin-right: 12px; } .rd-body .status-line .list-information1__right .icon1 .js-favorite-count_mobile, .rd-body .status-line .list-information1__right .icon2 .js-compare-count_mobile, .rd-body .status-line .list-information1__right .cart-information1 > p:first-of-type { font-size: 10px !important; } } .rd-advantages__name { font-family: Fira Sans, sans-serif; font-weight: 300; font-size: 16px; line-height: 19px; color: #32373E; } .rd-text-banner__image_type_mobile { display: none; } .rd-banner_type_secondary .rd-banner__main-image_type_mobile { display: none !important; } .rd-header__moble-phone { display: none; } @media screen and (max-width:1023px) { .rd-main-carousel__slide:before { padding: 104% 0 0; } .rd-main-carousel__content { top: 67%; } .rd-main-carousel__title { font-size: 36px; } .rd-main-carousel__pagination { display: none; } .rd-home-product-box .product_box_title, .new_design h2.rd-title, .rd-title { font-weight: 500; font-size: 32px; line-height: 110%; text-align: center; } .rd-advantages { padding: 44px 0 0; } .rd-advantages__header { margin: 0 0 25px; padding: 0 30px; } .rd-advantages__list { display: flex; margin: 0 -10px; flex-wrap: wrap; } .rd-advantages__item { flex-direction: column; flex-basis: 33.333%; width: 33.333%; max-width: 33.333%; padding: 10px; text-align: center; } .rd-advantages__illustration { margin: 0 0 10px; } .rd-body .rd-advantages__name { font-size: 13px; line-height: 120%; text-align: center; } .rd-product-range { padding: 10px 0; } .rd-product-range-additional { display: none; } .rd-product-range__inner { margin: 0 -5px; } .rd-product-range__item { padding: 5px; } .rd-product-range__name { font-weight: 600; font-size: 18px; line-height: 24px; } .rd-banner { height: 100%; min-height: 650px; border-radius: 0; } .rd-banner:before { display: none; } .rd-banner__content, .rd-banner__header, .rd-banner__info, .rd-banner__price, .rd-banner__props { position: static; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100%; transform: translate(0, 0); } .rd-container rd-banner__content { overflow: hidden; } .rd-banner_type_secondary .rd-banner__main-image { display: none; } .rd-banner_type_secondary .rd-banner__main-image_type_mobile { position: static; top: auto; left: auto; right: auto; bottom: auto; display: block !important; transform: translate(-8%, 0); height: auto; width: 182%; max-width: 540px; } .rd-home-product-box__header { padding: 0 15px; } .rd-banner__label { font-weight: 300; font-size: 24px; line-height: 110%; } .rd-banner__title { margin: 0 0 5px; font-weight: bold; font-size: 62px; line-height: 110%; } .rd-banner__description { font-weight: 300; font-size: 18px; line-height: 22px; } .rd-banner__price-value { font-size: 42px; line-height: 110%; } .rd-banner__price-full { font-weight: 200; font-size: 32px; line-height: 110%; } .rd-banner_type_secondary { background: rgb(255, 255, 255); background: linear-gradient(180deg, #FAFAFA 0%, #FAFAFA 50%, rgba(191, 228, 235, 1) 50%, rgba(191, 228, 235, 1) 100%); } .rd-banner_type_secondary .rd-banner__info { width: 100%; } .rd-home-product-box .product_box { padding-top: 51px; } .rd-home-product-box .product_box .product_box_holder .nav-tabs { margin-bottom: 20px; } .product_box .product_box_holder .nav-tabs > li { width: 33.333%; padding: 0 5px; } .rd-home-product-box .product_box .product_box_holder .nav-tabs > li > a { padding: 8px 5px; font-size: 14px; line-height: 140%; } .reviews-client-block { display: none; } .rd-home-about { padding: 20px 0; } .rd-home-about__row { display: flex; flex-direction: column; } .rd-home-about__video { order: 2; } .rd-home-about__description { order: 1; margin: 0 0 20px; padding: 0; } .rd-home-about__description p { font-weight: 300; font-size: 15px; line-height: 140%; } .rd-home-about__more-link, .rd-home-about__more-link:link, .rd-home-about__more-link:visited { font-size: 16px; } .rd-home-about .youtube-wrapper { height: 220px; } .rd-home-about__description h2 { font-weight: 500; font-size: 32px; line-height: 110%; } .rd-text-banners__panel { display: block; margin: 0 0 15px; padding: 0; border: 0 none; } .rd-text-banners__panel:after { display: none; } .rd-text-banners__header { max-width: 100%; } .rd-text-banners__contacts, .rd-text-banners__content p, .rd-home-product-box .product_box_title, .new_design h2.rd-title, .rd-title { text-align: left; } .new_design .rd-home-product-box h2.rd-title, .new_design .rd-advantages h2.rd-title { text-align: center; } .rd-text-banners__contacts, .rd-text-banners__control { color: #32373E; max-width: 100%; } .rd-text-banners a:not([class]), .rd-text-banners a:not([class]):link, .rd-text-banners a:not([class]):visited { display: table; } .rd-text-banner__image_type_mobile { display: block; margin: 0 0 20px; border-radius: 10px; } .rd-footer { background: #6D7686; } .rd-footer__mobile { display: none; } .rd-footer__main, .rd-footer__bottom { display: block; } .rd-footer__main { padding: 15px 0; } .rd-footer__row { margin: 0; } .rd-footer__col { display: block; width: 100%; padding: 0 15px; } .rd-footer .rd-nav-group { padding: 15px 0; } .rd-footer__contacts { padding: 15px 0; } .rd-footer__controls { display: flex; align-items: center; justify-content: space-between; width: 100%; } .rd-footer__control { max-width: 100%; margin: 0; } .rd-footer__control:last-child { text-align: right; } .rd-footer__link, .rd-footer__link:link, .rd-footer__link:visited { font-size: 15px; } .rd-footer__bottom .rd-footer__col { width: 100%; margin: 0 0 10px; text-align: left; } .rd-footer__bottom .rd-footer__col:last-child { margin-bottom: 0; } .rd-footer__creator, .rd-footer__bottom .rd-footer__col:nth-child(1), .rd-footer__bottom .rd-footer__col:nth-child(3) { text-align: left; } .rd-footer__privacy, .rd-footer__rules { display: inline; } .rd-footer__bottom { padding: 20px 0; } .rd-footer__bottom span:last-child { display: none; } .rd-copyrigh, .rd-footer__bottom a, .rd-footer__bottom a:link, .rd-footer__bottom a:visited { font-size: 12px; } #back-top { display: none !important; } .rd-footer__title { position: relative; margin: 0; padding: 15px 30px 15px 0; font-size: 18px; line-height: 110%; border-bottom: 1px solid #788191; cursor: pointer; } .rd-footer__title:before { content: ''; position: absolute; top: 50%; right: 15px; display: block; width: 8px; height: 8px; border-left: 1px solid #A3A9B3; border-bottom: 1px solid #A3A9B3; transform: translate(0, -50%) rotate(-45deg); } .rd-footer .rd-footer__panel_state_open .rd-footer__title:before { transform: translate(0, -50%) rotate(135deg); } .rd-footer .rd-nav-group { display: none; } .rd-footer .rd-footer__panel_state_open .rd-nav-group { display: block; } .rd-header__logo { width: 114px; margin: 0; } .rd-header__search-icon { flex-grow: 0; } .rd-header__moble-phone { display: block; padding: 0 5px; text-align: center; } .rd-header__burger { margin: 0; } .mobile-nav { top: 68px; height: calc(100vh - 68px); box-shadow: 0 4px 14px rgba(0, 0, 0, .05); } .mobile-nav__wrapper { overflow-x: hidden; width: 100%; } .mobile-nav__holder { display: flex; flex-wrap: nowrap; width: 200%; overflow: hidden; transform: translate(0, 0); transition: transform .3s ease; } .mobile-nav__holder_position_second { transform: translate(-50%, 0); } .mobile-nav__panel { flex-basis: 50%; } .mobile-nav__header { position: relative; padding: 15px; background: #F3F4F6; box-shadow: inset 0 4px 14px rgba(0, 0, 0, .05); } .mobile-nav__header_type_light { background: #fff; box-shadow: inset 0 4px 14px rgba(0, 0, 0, .05); } .mobile-nav__group { display: flex; align-items: center; justify-content: space-between; width: 100%; } .mobile-nav__title { padding: 0 30px; color: #1D3A86; font-size: 24px; line-height: 110%; text-align: center; } .mobile-nav__backlink { position: absolute; top: 50%; left: 15px; display: block; width: 34px; height: 34px; font-size: 0; line-height: 0; cursor: pointer; background: #fff; border-radius: 50%; box-shadow: 0 4px 14px rgba(0, 0, 0, .05); transform: translate(0, -50%); } .mobile-nav__backlink:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 8px; height: 8px; border-left: 1px solid #D4D6DB; border-bottom: 1px solid #D4D6DB; transform: translate(-50%, -50%) rotate(45deg); } .mobile-nav__nav { padding: 5px 15px; } .mobile-nav__nav_type_secondary { padding: 20px 15px 24px; } .mobile-nav__subtitle { padding: 5px 15px; color: #19398B; font-weight: 500; font-size: 20px; line-height: 24px; text-align: left; background: #F3F4F6; } .mobile-nav__group-panel { display: none; } .mobile-nav__group-panel_state_active { display: block; } #wrapper .top_contact_wrap { } } .vt-nav__item:last-child { border-bottom: 0 none; } .vt-nav__link { position: relative; display: block; width: 100%; padding: 15px 0 13px; color: #32373E; font-size: 18px; line-height: 22px; } .vt-nav__link:link, .vt-nav__link:visited { color: #32373E; } .vt-nav_type_simple .vt-nav__link { padding: 7px 0 8px; font-size: 15px; line-height: 18px; } .vt-nav_type_simple .vt-nav__link:before { display: none; } .login-link { display: inline-block; vertical-align: center; white-space: nowrap; font-size: 14px; line-height: 17px; color: #6D7686; } .login-link__icon { display: inline-block; vertical-align: middle; width: 19px; height: 20px; margin: 0 10px 0 0; } .blue-link { color: #19398B; } .login-link__text { display: inline-block; vertical-align: middle; } .mobile-nav__controls-group { display: flex; align-items: center; justify-content: center; padding: 15px 15px 30px; } .mobile-nav__control { flex-basis: 50%; width: 50%; padding: 0 3px; } .mobile-nav__control:first-child { padding-left: 0; } .mobile-nav__control:last-child { padding-right: 0; text-align: right; } .mobile-nav__trigger-link { color: #19398B; font-size: 15px; line-height: 110%; border-bottom: 1px dotted #19398B; transition: border-color .3s ease; } .mobile-nav__trigger-link:hover { border-color: transparent; } .b24-widget-button-shadow { z-index: 10011; } @media screen and (max-width:1023px) { .rd-main-carousel__title { margin: 0 0 18px; } .rd-main-carousel__control { max-width: 227px; } .rd-advantages__item { display: block; margin-bottom: 0; padding-bottom: 43px; } .rd-advantages__illustration { width: auto; margin: 0 -10px 13px; } .rd-advantages__illustration:before { padding: 73% 0 0; } .rd-product-range__illustration { margin: 0 0 18px; } .rd-banners { padding: 34px 0 0; } .rd-banners .swiper-slide { height: auto; } .rd-banner { height: 100%; } .rd-banner__content { padding-top: 50px; padding-bottom: 20px; } .rd-banner__title { margin: 0 0 10px; } .rd-banner__content { display: flex; flex-direction: column; width: 100%; } .rd-banner__label { order: 1; } .rd-banner__title { order: 2; } .rd-banner__description { order: 3; } .rd-banner__price { order: 4; padding: 29px 0 0; } .rd-banner__main-image_type_mobile { order: 5; } .rd-banner__info { order: 6 } .rd-banner__props { order: 7; } .rd-banner__prop-text { color: #32373E; font-weight: 300; font-size: 14px; line-height: 17px; } .rd-home-product-box__header { margin: 0 0 20px; } .rd-home-about__more { padding: 0; } .rd-home-about { padding: 20px 0 70px; } .rd-text-banners__content p { margin: 0 0 29px !important; } .rd-text-banner__image_type_mobile { margin: 0 0 30px; } .rd-text-banners__contacts { padding-top: 13px; } .rd-text-banners__content { padding-bottom: 40px; } .rd-footer__col { padding: 0; } .rd-footer__main { padding: 28px 0 9px; } .rd-footer__title:before { right: 0; } .rd-footer__contacts { padding: 25px 0; } .rd-footer__phone { margin: 0 0 17px; } .rd-footer__social ul.social-box li { padding: 0 3px; } .rd-footer__bottom { padding: 26px 0 21px; } .rd-footer__bottom .rd-footer__col { margin: 0 0 8px; } } .rd-product-group__desktop-snippet { display: none; } @media screen and (min-width:1024px) { .rd-product-group__desktop-snippet { display: block; } .rd-product-group__mobile-snippet { display: none !important; } } .goods-snippet { display: flex; align-items: flex-start; width: 100%; font-size: 12px; } .goods-snippet__illustration { display: block; flex-basis: 47%; width: 47%; } .goods-snippet__image { display: block; width: auto; max-width: 100%; height: auto; } .goods-snippet__fields { flex-basis: 53%; width: 53%; padding: 0 0 0 15px; } .goods-snippet__title { margin: 0 0 11px; } .goods-snippet__title-label { color: #32373E; font-weight: 300; font-size: 15px; line-height: 24px; } .goods-snippet__link, a.goods-snippet__link { color: #19398B; font-weight: 600; font-size: 18px; line-height: 24px; } .goods-snippet__icon-button { filter: none; } .goods-snippet__icon-button.sprite-like { background: url(/local/templates/strong/new_site/css/img/star.png) center center no-repeat; } .goods-snippet__icon-button.sprite-like:hover { background: url(/local/templates/strong/new_site/css/img/star_active.png) center center no-repeat; } .goods-snippet__icon-button.sprite-compare { background: url(/local/templates/strong/new_site/css/img/compare.png) center center no-repeat; } .goods-snippet__icon-button.sprite-compare:hover, .goods-snippet__icon-button.sprite.sprite-compare.active { background: url(/local/templates/strong/new_site/css/img/compare_active.png) center center no-repeat; } .goods-snippet__icon-button:last-child { margin: 0; } .goods-snippet__size { padding: 13px 0 2px; } .goods-snippet__size .sod_select .sod_label { padding: 12px 0 12px 13px; } .goods-snippet .sod_select { border-color: rgba(109, 118, 134, .3); } .goods-snippet .sod_select .sod_label { color: #6D7686; font-size: 14px; font-style: normal; line-height: 17px; border-right: 0 none; } .goods-snippet__props { padding: 10px 0; color: #6D7686; font-size: 11px; line-height: 120%; } .goods-snippet__prop { margin: 0 0 6px; } .goods-snippet__prop:last-child { margin-bottom: 0; } .goods-snippet__prop-label { display: inline; } .goods-snippet__prop-value { display: inline; color: #000; } .goods-snippet__controls-sub { padding: 0; } .goods-snippet__prices { padding: 10px 0; } .goods-snippet__price { display: block; color: #32373E; font-size: 20px; font-weight: inherit; font-weight: 600; line-heihgt: 23px; } .goods-snippet__price_type_old { position: relative; display: inline-block; vertical-align: middle; margin: 8px 0 0; color: #6D7686; font-size: 15px; font-weight: 300; line-height: 1; } .goods-snippet__price_type_old:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 1px; background: #6D7686; transform: translate(-50%, -50%) rotate(5deg); } .goods-snippet__button, a.goods-snippet__button { margin: 0 5px 0 0; padding: 7px 8px; min-height: 0; color: #6D7686; font-size: 12px; line-height: 14px; } .goods-snippet__label { padding: 5px 8px; font-size: 8px; } .goods-snippet__labels { margin: 0 0 5px; } .goods-snippet__buttons { display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 0; } .goods-snippet__buttons-sub { display: flex; align-items: center; justify-content: flex-end; } .goods-snippet__icon-button { display: inline-block; vertical-align: middle; width: 28px; height: auto; font-size: 0; } .goods-snippet__icon { display: block; } @media screen and (max-width:1023px) { .rd-product-group__control { max-width: 100%; } .rd-product-group__controls { padding: 16px 0 0; } } /* Êàòàëîã */ @media screen and (max-width:1023px) { .catalog-section__text-under-h1, .aside { display: none; } .cnt { float: none; width: 100%; } } .main-goods-snippet { padding: 15px; border: 1px solid #ECEEF0; box-sizing: border-box; border-radius: 4px; } .main-goods-snippet__holder { display: flex; width: 100%; } .main-goods-snippet__illustration, .main-goods-snippet__fields, .main-goods-snippet__select, .main-goods-snippet__controls { flex-basis: 50%; width: 50%; max-width: 50%; } .main-goods-snippet__illustration, .main-goods-snippet__select { padding-right: 16px; } .main-goods-snippet__illustration, .main-goods-snippet__image-wrapper { display: block; } .main-goods-snippet__image-wrapper img { display: block; max-width: 100%; height: auto; } .main-goods-snippet__title-label { font-weight: 300; font-size: 15px; line-height: 24px; color: #32373E; } .main-goods-snippet__link, a.main-goods-snippet__link { font-weight: 600; font-size: 18px; line-height: 24px; color: #19398B; } .main-goods-snippet__labels { display: block; margin: 0 0 6px; font-size: 0; } .main-goods-snippet__label_type_tag { display: inline-block; vertical-align: middle; width: 34px; height: 19px; padding: 0 0 0 7px; font-weight: bold; font-size: 10px; line-height: 19px !important; color: #fff; text-align: center; background: url(/local/templates/main_new/css/../components/bitrix/catalog.section/strong_new/images/tag.png) no-repeat; background-repeat: no-repeat; background-color: #fff; } .main-goods-snippet__prices { padding: 6px 0; } .main-goods-snippet__price { display: block; color: #32373E; font-size: 20px; font-weight: 600; line-height: 23px; } .main-goods-snippet__price_type_old { position: relative; display: inline-block; vertical-align: middle; color: #6D7686; font-size: 15px; font-weight: 300; line-height: 1; } .main-goods-snippet__price_type_old:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 1px; background: #6D7686; transform: translate(-50%, -50%) rotate(5deg); } .main-goods-snippet__select { padding: 13px 0 2px; } .main-goods-snippet__select .sod_select { padding-right: 38px; } .main-goods-snippet__select .sod_select .sod_label { padding: 12px 0 11px 13px; } .main-goods-snippet .sod_select { border-color: rgba(109, 118, 134, .3); } .main-goods-snippet .sod_select .sod_label { color: #6D7686; font-size: 14px; font-style: normal; line-height: 17px; border-right: 0 none; } .main-goods-snippet__controls { padding: 13px 0 2px; font-size: 0; } .main-goods-snippet__icon-button { display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin: 0 0 0 11px; text-align: center; line-height: 40px; background: #fff; border-radius: 50%; box-shadow: 0 4px 14px rgba(0, 0, 0, .05); filter: none; } .main-goods-snippet__icon-button:first-child { margin: 0; } .main-goods-snippet__icon { display: inline-block; vertical-align: middle; width: 22px; height: auto; transition: all .3s ease; } .goods-snippet__icon_type_fill, .rd-product-snipet__icon_type_fill, .main-goods-snippet__icon_type_fill { fill: #D4D6DB; } .goods-snippet__icon_type_stroke, .rd-product-snipet__icon_type_stroke, .main-goods-snippet__icon_type_stroke { stroke: #D4D6DB; } .active > .goods-snippet__icon_type_fill, .active .rd-product-snipet__icon_type_fill, .active .main-goods-snippet__icon_type_fill { fill: #19398B; } .active > .goods-snippet__icon_type_stroke, .active .rd-product-snipet__icon_type_stroke, .active .main-goods-snippet__icon_type_stroke { stroke: #19398B; } .main-goods-snippet__props { display: flex; /*justify-content: space-between;*/ justify-content: flex-start; width: 100%; padding: 20px 0 0; } .main-goods-snippet__prop, li.main-goods-snippet__prop { flex-basis: auto; width: auto !important; max-width: 100%; min-width: auto; padding: 0 0 0 20px; } /*.main-goods-snippet__prop:first-child,*/ /*li.main-goods-snippet__prop:first-child {*/ /* padding-left: 0;*/ /*}*/ .main-goods-snippet__prop .main-goods-snippet__prop-wrapper:before { content: ''; position: relative; z-index: 1; display: block; margin: 0 auto; background-repeat: no-repeat; } .main-goods-snippet__prop_type_height .main-goods-snippet__prop-wrapper:before { width: 35px; height: 40px; background-image: url(/local/templates/main_new/css/../components/bitrix/catalog.section/strong_new/images/prop-height.png); } .main-goods-snippet__prop_type_hardness .main-goods-snippet__prop-wrapper:before { width: 36px; height: 42px; background-image: url(/local/templates/main_new/css/../components/bitrix/catalog.section/strong_new/images/prop-hardness.png); } .main-goods-snippet__prop_type_load .main-goods-snippet__prop-wrapper:before { width: 39px; height: 42px; background-image: url(/local/templates/main_new/css/../components/bitrix/catalog.section/strong_new/images/prop-load.png); } .main-goods-snippet__prop_type_guaranty .main-goods-snippet__prop-wrapper:before { width: 42px; height: 42px; background-image: url(/local/templates/main_new/css/../components/bitrix/catalog.section/strong_new/images/prop-guaranty.png); } .main-goods-snippet__prop_type_guaranty .main-goods-snippet__prop-label { position: absolute; top: 35%; left: 48%; z-index: 10; transform: translate(-50%, -50%); white-space: nowrap; } .main-goods-snippet__prop-wrapper { position: relative; display: inline-block; vertical-align: middle; } .main-goods-snippet__prop-label { font-weight: 500; font-size: 8px; line-height: 11px; text-align: center; color: #22252A; } .main-goods-snippet__prop_type_height .main-goods-snippet__prop-label { position: absolute; top: 33%; left: 50%; z-index: 10; transform: translate(-50%, -50%); white-space: nowrap; } .main-goods-snippet__prop_type_height .main-goods-snippet__prop-name { padding: 2px 0 0; } .main-goods-snippet__prop_type_load .main-goods-snippet__prop-label { position: absolute; top: 41%; left: 50%; z-index: 10; transform: translate(-50%, -50%); white-space: nowrap; } .main-goods-snippet__prop_type_hardness .main-goods-snippet__prop-label, .main-goods-snippet__prop-name { margin: 5px 0 0; font-weight: normal; font-size: 12px; line-height: 14px; color: #32373E; text-align: center; } .main-goods-snippet__prop_type_hardness .main-goods-snippet__prop-name { display: none; } .main-goods-snippet__label { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; padding: 4px 9px; font-size: 8px; } .main-goods-snippet__label:first-child { margin-left: 0; } .main-goods-snippet__label_type_tag { padding: 0 0 0 7px; font-size: 10px; } .mobile-sorting, .aside__header { display: none; } @media screen and (max-width:1023px) { .pager-strong .navigation1__item a { width: 38px; height: 38px; line-height: 38px; } .catalogue-list, .sorting-line { margin-bottom: 10px; } #tab-also-buy.interest h3.rd-title_size_medium { padding-top: 35px; padding-bottom: 20px; font-size: 24px !important; line-height: 110%; color: #1D3A86; } #tab-also-buy .wrap { width: 100%; } .help-block, .help-block p { font-size: 15px; } .main-content { padding: 67px 0 0; } .inner-container h1.rd-title { margin: 0 0 17px; } .option-list__item { margin: 0 1px 18px 0; } .option-list__item a.options-list__link { padding: 9px 15px; font-size: 14px; } .options-list-wrap { margin-bottom: 32px; } .options-list-wrap .option-list__item.last { top: auto; bottom: 0; } .options-list-wrap .option-list__item.last a.options-list__link { font-size: 14px; } .j-order-form { display: none; } .mobile-sorting { display: block; padding: 0 0 26px; } .mobile-sorting__controls { display: flex; justify-content: space-between; width: 100%; } .mobile-sorting__control { flex-basis: 50%; width: 50%; max-width: 50%; padding: 0 4px; } .mobile-sorting__control:first-child { padding-left: 0; } .mobile-sorting__control:last-child { padding-right: 0; } .mobile-sorting__submit { margin: 0 0 22px; } .mobile-sorting__submit .marquiz__container { position: static; } .mobile-sorting__control-button { display: block; width: 100%; padding: 11px 10px; font-size: 14px; line-height: 17px; color: #6D7686; background: transparent; border: 1px solid rgba(109, 118, 134, .3); box-sizing: border-box; border-radius: 4px; } .mobile-sorting__control-icon { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; } .mobile-sorting__form { display: block; width: 100%; } .mobile-sorting__control .sod_select { width: 100%; } .mobile-sorting__control .sod_select .sod_label { display: block; overflow: hidden; padding: 11px 0 10px 8px; color: #6D7686; font-style: normal; border-right: 0 none; } .filters_is_open { width: 100vw; height: 100vh; overflow: hidden; } .filters_is_open body { width: 100vw; height: 100vh; overflow: hidden; } .filters_is_open .aside { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 500; padding: 15px; background: #fff; overflow-y: auto; } .bx_filter_container_modef { display: none; } .aside__header { position: relative; display: block; margin: 0 0 15px; padding: 5px 0 13px; } .aside__title { font-size: 24px; line-height: 110%; color: #1D3A86; } .aside__close { position: absolute; top: 50%; right: 0; display: block; width: 25px; height: 25px; font-size: 0; border: 0 none; background: transparent; transform: translate(0, -50%); } .aside__close:before, .aside__close:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 1px; background: #32373E; transform: translate(-50%, -50%); } .aside__close:before { transform: translate(-50%, -50%) rotate(-45deg); } .aside__close:after { transform: translate(-50%, -50%) rotate(45deg); } .aside .smartfilter { display: flex; flex-direction: column; } .aside .smartfilter .filter { order: 2; } .aside .smartfilter .your-choice { order: 1; } .aside .rd-title { font-size: 20px; } } .rd-casing { display: block; width: 818px; color: #000; background: #FFF; border-radius: 3px; } .rd-casing__wrapper { display: flex; flex-wrap: nowrap; /*padding: 41px 37px 41px 49px;*/ } .rd-casing__main { display: block; flex: 1 1 100%; width: 100%; max-width: 100%; padding: 0 100px 0 0; } .rd-casing__header { margin: 0 0 10px; } .rd-casing__header:last-child { margin-bottom: 0; } .rd-casing__title { display: block; margin: 0; color: #19398B; font-size: 32px; font-weight: 400; line-height: 1.2; } .rd-casing__illustration { margin: 0 0 10px; } .rd-casing__illustration:last-child { margin-bottom: 0; } .rd-casing__image { display: block; width: auto; max-width: 100%; max-height: 320px; margin: 0; padding: 0; } .rd-casing__description { margin: 0 0 17px; font-size: 20px; font-weight: 300; line-height: 1.1; } .rd-casing__description:last-child { margin-bottom: 0; } .rd-casing__price { margin: 0 0 10px; color: #19398B; font-size: 24px; font-weight: 400; line-height: 1; } .rd-casing__price:last-child { margin-bottom: 0; } .rd-casing__nav { display: block; flex: 0 0 125px; overflow: hidden; width: 125px; max-width: 125px; max-height: 510px; padding: 10px 0 0; } .rd-casing__list { display: block; height: 100%; margin: 0 -20px 0 0 !important; padding: 0 5px 0 0 !important; list-style: none; overflow: auto; width: 100%; } .rd-casing__item { display: block; margin: 0 0 10px; padding: 0; } .rd-casing__item:last-child { margin-bottom: 0; } .rd-casing__snippet { position: relative; display: block; padding: 6px 5px; border: 1px solid #ECEEF0; border-radius: 4px; } .rd-casing__snippet:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; display: block; border: 2px solid #19398B; box-sizing: border-box; border-radius: 4px; } .rd-casing__tick { content: ''; position: absolute; top: 0; right: 0; z-index: 20; width: 20px; height: 20px; opacity: 0; background: #19398B; border-radius: 3px; transition: opacity .3s ease; } .rd-casing__tick:before { content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 9px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: translate(-50%, -50%) rotate(45deg); } .rd-casing__snippet_type_text { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; min-height: 69px; padding: 10px 5px; } .rd-casing__snippet-illustration { position: relative; z-index: 10; display: block; width: 100%; padding: 0 1px; } .rd-casing__snippet-illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 64% 0 0; } .rd-casing__snippet-image { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); } .rd-casing__snippet-price, .rd-casing__snippet-label { display: block; color: #6D7686; font-weight: 500; font-size: 14px; line-height: 23px; text-align: center; } .rd-casing__input { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: .1; } .rd-casing__input:checked + .rd-casing__snippet:before, .rd-casing__input:checked + .rd-casing__snippet .rd-casing__tick { opacity: 1; } .rd-casing__input:checked + .rd-casing__snippet .rd-casing__snippet-price { color: #19398B; } .rd-casing__panel { display: block; } .rd-product-snipet__icon-button { background: transparent !important; } .rd-casing__hidden-info { display: none; } .rd-casing .rd-casing__content_type_empty { display: none; } .rd-casing_state_empty .rd-casing__content, .rd-casing_state_empty .rd-casing__content { display: none; } .rd-casing_state_empty .rd-casing__content_type_empty { display: block; } .popup-wrapper .formPopup { overflow: hidden; } .catalogue-list .rd-product-snipet__icon-button { width: auto; height: auto; } .catalogue-list .rd-product-snipet__icon-button:last-child { margin-top: -3px; } .rd-casing__ruble-sign:after { font-weight: 400; font-size: 19px !important; } .rd-casing__ruble-sign_size_small:after { font-size: 12px !important; } .rd-casing__snippet-price { font-weight: 600; } .goods-snippet__size, .main-goods-snippet__select { position: relative; z-index: 100; } .goods-snippet__size:hover { z-index: 200 } .main-goods-snippet__select .sod_select.touch select { display: none !important; } .goods-snippet__size .sod_select.touch select { display: none !important; } .aside__mobile-control { position: fixed; left: 0; bottom: 0; z-index: 200; display: none; width: 100%; padding: 30px 15px 15px; background: #fff; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); } .aside__mobile-control_state_open { display: block; } .aside__mobile-send { display: block; width: 100%; height: 50px; padding: 5px 10px; color: #fff !important; font-family: 'Fira Sans', sans-serif; font-size: 24px; font-weight: 500; line-height: 40px; opacity: 1; text-align: center; text-decoration: none; background: #19398B; border-radius: 4px; } @media screen and (max-width:1023px) { .filters_is_open .aside { padding-bottom: 65px; } } .filters_is_open .status-line .nav-fixed-panel1.mod1 { display: none; } @media screen and (max-width:1023px) { .rd-body .status-line .nav-fixed-panel1.mod1 { height: 54px; } .clean-filters a { font-size: 16px; } } body .externalclient-authorize .externalclient-authorize-form .messages p { font-family: 'Fira Sans', sans-serif; font-size: 12px; font-weight: 300; line-height: 1.2; } .auth-panel__button { display: block; width: 100%; padding: 5px 10px; color: #fff; font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 500; line-height: 40px; opacity: 1; text-align: center; text-decoration: none; background: #19398B; border-radius: 4px; } .auth-panel__input { display: block; width: 100%; height: 50px; padding: 16px 14px !important; font-size: 15px; line-height: 18px; border: 1px solid #e5e5e8 !important; border-radius: 4px; } .auth-panel__line { display: flex; width: 100%; padding: 15px 0; } .auth-panel__line-input { flex-basis: 134px; width: 134px; max-width: 134px; } .auth-panel__line-trigger { flex-basis: auto; flex-grow: 1; text-align: right; } .externalclient-authorize .externalclient-authorize-form .inputbox.auth-panel__input { width: 104px; } a.auth-panel__trigger { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 18px; color: #19398B; text-align: left; } .auth-panel__rules .auth-panel__link { color: #6D7686; font-size: 13px; line-height: 16px; } .auth-panel__sucess { display: none; text-align: center; } .auth-panel__sucess-image { display: block; margin: 0 auto 15px; } .auth-panel__sucess-message { color: #19398B; font-size: 22px; font-weight: 500; line-height: 26px; text-align: center; } .mobile-nav a.open-region-list, .mobile-nav a.login-link, .mobile-nav a.mobile-nav__trigger-link, .mobile-nav a.open-region-list:link, .mobile-nav a.login-link:link, .mobile-nav a.mobile-nav__trigger-link:link, .mobile-nav a.login-link:visited, .mobile-nav a.open-region-list:visited, .mobile-nav a.mobile-nav__trigger-link:visited { color: #19398B; } @media screen and (max-width:1023px) { .fancybox-slide--video .fancybox-content { position: relative; width: 90%; height: auto; } .fancybox-slide--video .fancybox-content:before { content: ''; position: relative; z-index: 1; display: block; width: 100%; height: auto; padding: 51% 0 0; } .fancybox-slide--video .fancybox-iframe { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; } .j-popup-header-cities .formPopup.formPopupWide { top: 15px; max-width: 90%; margin: 0 auto; } .formPopup.formPopupWide p { font-weight: 300; font-size: 15px; line-height: 140%; } .popup-wrapper .city_radio + label span { width: 15px; height: 15px; background-size: 30px 15px; } .popup-wrapper .city_radio:checked + label span { background-position-x: 15px; } .popup-wrapper .header-primary-cities li:nth-child(odd) .city_radio + label { margin-left: 0; } .products__item { display: block; } .products__left-slide { display: none; } .main-content { padding: 15px 0 0; } .card-detail_block { padding-top: 0; } #wrapper .about-page .video-content__right_item_preview { float: none; width: 146px; height: 74.88px; margin-right: 16px; min-width: 146px; } #wrapper .about-page .video-content__right_item_meta { float: none; width: calc(100% - 162px); } #wrapper .about-page .video-content__right_item_meta p { font-family: Fira Sans; font-style: normal; font-weight: bold; font-size: 14px; line-height: 17px; color: #19398B; } .about-page .video-content__right_item { margin-bottom: 10px; padding: 0; display: flex; } #wrapper .about-page .video-content__right_item_preview:after { background-size: 34px; } #wrapper .about-page .video-content__right_item_meta p:last-child { margin-bottom: 0; } } .descript_block{ display: flex; justify-content: space-between; } .descript_block .text{} #wrapper .descript_block .text p{ font-family: 'Fira Sans'; font-style: normal; font-weight: 300; font-size: 20px; line-height: 140%; /* or 28px */ /* Style */ color: #6D7686; margin: 0; } .descript_block .text p a{ border: 0!important; } .descript_block .img{ margin-top: -182px; } @media screen and (max-width: 768px){ .descript_block .img{ display: none; } .descript_block .text p{ padding-bottom: 60px; } } h1 a, h2 a, h3 a, h4, h5 a, h6 a { text-decoration: none !important; line-height: 1; border: 0 !important; } h1 a:hover, h2 a:hover, h3 a:hover, h4, h5 a:hover, h6 a:hover { } .about-delivery-page .delivery-block .info ul { padding-left: 0 !important; } .mobile_title_sp { display: none; } .lg-link-text { display: none; } @media screen and (max-width:1023px) { .lg-link-text { display: block; } } .mobile-nav__group-item .profile_icon.profile_icon_rd { display: none; } .rd-main-carousel__mobile-image { display: none; } @media screen and (max-width:400px) { .rd-main-carousel__slide:before { padding: 104% 0 0; } } @media screen and (max-width:1023px) { .rd-main-carousel__slide:before { padding: 73% 0 0; } } @media screen and (max-width:660px) { .rd-main-carousel__mobile-image { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #343434; background-position: center center; background-repeat: no-repeat; background-size: cover; } } @media screen and (max-width:1023px) { .title-search-result { display: none; } .slider-product-small .prev, .slider-product-small .next { transform: translateY(-50%); } .rd-body { height: auto; padding-bottom: 0; } .card-detail_image-wrap img { max-width: 100%; min-height: 0; height: 300px; min-width: 0; object-fit: contain; } .j-mini-pic__wrapper img { display: block; width: 4px; height: 4px; max-height: none; max-width: none; opacity: 0 !important; } .mobile-nav { top: 48px; height: calc(100vh - 48px); } } /* Êîñòûëü */ .rd-main-carousel__slide { background-image: none !important; background-color: transparent; } .rd-main-carousel__slide:before { display: none !important; } .rd-main-carousel__slide img { display: block; min-width: 100% } .rd-main-carousel__content { top: 52%; } /* Êîñòûëü êîíåö */ @media screen and (max-width:768px) { .fancybox-slide { height: 100%; } } @media screen and (max-width:576px) { .rd-main-carousel__content { bottom: 25px; top: initial; display: flex; flex-direction: column; justify-content: flex-end; min-width: 140px; height: calc(100% - 25px); transform: inherit; } } @media screen and (max-width:340px) { .rd-main-carousel__title { font-size: 30px; } } #wrapper .about-delivery-page .title-contact h1{ display: block; flex: 0 0 100%; } .popup-wrapper .strong-popup { position: relative; margin: 5% auto; background-color: #fff; padding: 30px 25px; overflow: auto; } .popup-wrapper .strong-popup.small { width: 460px; } .popup-wrapper .strong-popup.medium { width: 660px; } .popup-wrapper .strong-popup.large { width: 960px; } .popup-wrapper .strong-popup .title { margin-bottom: 15px; font-size: 18px; font-weight: 600; } .popup-wrapper .strong-popup .p { margin-bottom: 15px !important; } @media only screen and (max-width:992px) { .popup-wrapper .strong-popup.large { width: 740px; } } @media only screen and (max-width:768px) { .popup-wrapper .strong-popup.large, .popup-wrapper .strong-popup.medium { width: 470px; } } @media only screen and (max-width:480px) { .popup-wrapper .strong-popup.large, .popup-wrapper .strong-popup.medium, .popup-wrapper .strong-popup.small { width: 95%; padding: 2.5%; height: 88%; } } /* End */ /* Start:/local/templates/main_new/css/rd-custom-responsive.css?173445718217092*/ .externalclient-authorize > .externalclient-authorize-form { top: 43px !important; box-sizing: border-box !important; width: 321px !important; padding: 32px 56px 34px 32px !important; text-align: left; border: 1px solid rgba(25, 57, 139, 0.1) !important; box-shadow: 0px 20px 30px rgba(25, 57, 139, 0.1); } .externalclient-authorize > .externalclient-authorize-form .triangle { position: relative; top: -6px !important; right: 10px !important; border-width: 0 7px 6px 7px !important; border-color: transparent transparent rgba(25, 57, 139, 0.1) transparent !important; } .externalclient-authorize > .externalclient-authorize-form .triangle:before { content: ''; position: absolute; left: 50%; top: 1px; display: block; width: 0; height: 0; border-width: 0 6px 5px 6px !important; border-style: solid; border-color: transparent transparent #fff transparent !important; transform: translate(-50%, 0); } .rd-auth { font-family: 'Fira Sans', sans-serif; } .rd-auth__title { margin: 0 0 7px; color: #19398B; font-size: 22px; font-weight: 500; line-height: 1; } .rd-auth__title:last-child { margin-bottom: 0; } .rd-auth__description { margin: 0 0 16px; font-size: 15px; font-weight: 300; line-height: 1.2; } .rd-auth__description:last-child { margin-bottom: 0; } .rd-auth__group { position: relative; padding: 15px 36% 0 0; } .rd-auth__group-input, .rd-auth__input { display: block; width: 100%; height: 50px; padding: 16px 14px !important; font-size: 15px; line-height: 18px; border: 1px solid #e5e5e8 !important; border-radius: 4px; } .rd-auth__group-input { width: 104px !important; } .externalclient-authorize .externalclient-authorize-form .button.rd-auth__group-submit { display: block; width: 156%; height: 50px; margin-top: 15px; padding: 5px 10px; color: #fff; font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 500; line-height: 40px; opacity: 1; text-align: center; text-decoration: none; background: #19398B; border-radius: 4px; } .rd-auth__extra { padding: 15px 0 0; } .rd-auth__submit { margin: 0 0 10px; padding: 20px 0 0; } .rd-auth__submit { margin: 0 0 10px; padding: 20px 0 0; } .rd-auth__group-reauthorize { display: none !important; } .rd-auth__group-reset-form { position: absolute; top: 0; right: 0; width: 37%; } .rd-auth__group-reset-form .link { padding: 0 0 0 15px; color: #19398B !important; font-size: 15px; line-height: 18px; white-space: normal; text-align: left; text-decoration: none !important; } .rd-auth__submit:last-child { margin-bottom: 0; } .rd-auth__code { display: flex; align-items: center; flex-wrap: nowrap; padding: 9px 0 0; } .rd-auth__code-wrapper { display: block; flex: 1 1 100%; width: 100%; max-width: 100%; } .rd-auth__code-link { display: block; flex: 0 0 auto; width: auto; padding: 0; margin: 0 0 0 20px; color: #19398b; font-family: 'Fira Sans', sans-serif; font-size: 15px; line-height: 18px; text-decoration: none; text-align: left; background: transparent; border: none; } .rd-auth__link { margin: 0 !important; color: #6D7686 !important; } .rd-compare { padding: 0 !important; font-family: 'Fira Sans', sans-serif; } .rd-compare .compare-page__title { padding: 0 0 27px; color: #1D3A86; font-size: 32px; font-family: 'Fira Sans', sans-serif; font-weight: 500; } @media only screen and (min-width: 1025px) { .rd-compare .compare-page__title { font-size: 48px; } } .rd-compare .nav-compare1 { padding: 0 0 15px; } .rd-compare .nav-compare1__item { margin-right: 0; } .rd-compare .nav-compare1__item > a { height: auto; padding: 10px 25px; color: #6D7686 !important; font-family: 'Fira Sans', sans-serif; font-size: 16px; line-height: 18px; text-transform: none; letter-spacing: 0; border-color: transparent; border-radius: 40px; } .rd-compare .nav-compare1__item:first-child:not(.active) > a { padding-left: 0; } .rd-compare .nav-compare1__item > a span { color: #ccc !important; transition: color .2s ease; } .rd-compare .nav-compare1__item.active > a, .rd-compare .nav-compare1__item.active > a:hover { color: #1D3A86 !important; background: #BFE4EB; } .rd-compare .nav-compare1__item > a:hover { color: #1D3A86 !important; background: transparent; } .rd-compare .nav-compare1__item > a:hover span, .rd-compare .nav-compare1__item.active > a span { color: inherit !important; } .rd-compare__panel { display: flex; flex-wrap: nowrap; } .rd-compare__groups { display: block; flex: 1 1 100%; width: 100%;; max-width: 100%; } .rd-compare__arrows { display: block; flex: 0 0 auto; width: auto; font-size: 0; } .rd-compare__arrow { position: relative; display: inline-block; vertical-align: middle; width: 38px; height: 38px; margin: 0 6px 0 0; color: #6f7686; font-size: 0; text-decoration: none; background: transparent; border: 1px solid #eceef0; border-radius: 4px; outline: none; transition: all .2s ease; transition-property: color, border-color, opacity; } .rd-compare__arrow:last-child { margin-right: 0; } .rd-compare__arrow:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; display: block; width: 6px; height: 6px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; } .rd-compare__arrow.slick-disabled { cursor: not-allowed; opacity: .5; } .rd-compare__arrow:not(.slick-disabled):hover { color: #19398B; border-color: #19398B; } .rd-compare__arrow_type_prev:before { transform: translate(-25%, -50%) rotate(-135deg); } .rd-compare__arrow_type_next:before { transform: translate(-75%, -50%) rotate(45deg); } .rd-compare__content { display: flex; flex-wrap: nowrap; } .rd-compare__info { position: relative; z-index: 1; display: flex; flex-direction: column; flex-wrap: nowrap; flex: 1 1 25%; width: 25%; max-width: 25%; } .rd-compare__filters { display: block; flex: 0 0 auto; width: 100%; height: 431px; } .rd-compare__labels { display: block; flex: 0 0 auto; width: 100%; } .rd-compare__items { position: relative; z-index: 10; display: block; flex: 1 1 75%; width: 75%; max-width: 75%; } .rd-compare .nav-compare2 { max-width: 212px; padding: 0; } .rd-compare .nav-compare2:after { display: none; } .rd-compare .nav-compare2__label { margin: 0 0 18px; color: #32373E; font-size: 16px; line-height: 18px; } .rd-compare .nav-compare2__label:last-child { margin-bottom: 0; } .rd-compare .nav-compare2__item { float: none; margin: 0 0 13px; } .rd-compare .nav-compare2__item:last-child { margin-bottom: 0; } .rd-compare .nav-compare2__item a { position: relative; display: block; margin: 0; padding: 0 0 0 34px; color: #6D7686 !important; font-family: 'Fira Sans', sans-serif; font-size: 16px; text-decoration: none; letter-spacing: 0; border: none; } .rd-compare .nav-compare2__item a:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; display: block; box-sizing: border-box; width: 20px; height: 20px; background: #fff; border: 1px solid #E3E5E8; border-radius: 50%; transition: border .2s ease; } .rd-compare .nav-compare2__item a:after { content: ''; position: absolute; top: 6px; left: 6px; z-index: 1; display: block; box-sizing: border-box; width: 8px; height: 8px; background:#19398B; border-radius: 50%; opacity: 0; transition: opacity .2s ease; } .rd-compare .nav-compare2__item.active a:before { border-width: 2px; border-color: #19398B; } .rd-compare .nav-compare2__item.active a:after { opacity: 1; } .rd-compare .nav-compare2__control { padding: 31px 0 0; } .rd-compare .nav-compare2__control .delete1 { display: block; width: 100%; height: 50px; margin: 0; padding: 0 10px; color: #6D7686 !important; font-family: 'Fira Sans', sans-serif; font-size: 18px; text-align: center; line-height: 46px; letter-spacing: 0; border: 1px solid #D4D6DB; border-radius: 4px; transition: all .2s ease; transition-property: color, border-color; } .rd-compare .nav-compare2__control .delete1:before { display: none; } .rd-compare .nav-compare2__control .delete1 span { vertical-align: middle; text-align: center; line-height: 46px; text-decoration: none; border: none; } .rd-compare .nav-compare2__control .delete1:hover { color: #19398B !important; border-color: #19398B; } .rd-compare .nav-compare2__control .delete1:hover span { text-decoration: none; border: none; } .rd-compare .compare-fake-table1 { margin: 0 !important; } .rd-compare .compare-fake-table1 .slick-list { margin: 0 -30px 0 0; } .rd-compare .compare-fake-table1 .slick-slide { margin: 0 30px 0 0; } .rd-compare .compare-fake-table1__thead { margin: 0 0 30px; padding: 0 !important; border-bottom: none; } .rd-compare .compare-fake-table1__thead:last-child { margin-bottom: 0; } .rd-compare .compare-fake-table1__foto { height: 219px; margin: 0 0 22px; padding: 10px 17px; border: 1px solid #ECEEF0; border-radius: 4px; } .rd-compare .compare-fake-table1__foto:last-child { margin-bottom: 0; } .rd-compare .compare-fake-table1__foto > img { max-width: 100%; max-height: 100%; } .rd-compare .compare-fake-table1__label { margin: 0 0 5px; color: #32373e; font-family: 'Fira Sans', sans-serif; font-size: 17px; font-weight: 300; line-height: 24px; } .rd-compare .compare-fake-table1__label:last-child { margin-bottom: 0; } .rd-compare .compare-fake-table1__title { min-height: 48px; margin: 0 0 11px; padding: 0; color: #19398b !important; font-family: 'Fira Sans', sans-serif; font-size: 21px; font-weight: 600; line-height: 24px; text-transform: none; } .rd-compare .compare-fake-table1__title:last-child { margin-bottom: 0; } .rd-compare .compare-fake-table1__price-group { margin: 0 0 23px; font-size: 0; } .rd-compare .compare-fake-table1__price-group:last-child { margin-bottom: 0; } .rd-compare .compare-fake-table1__price { display: inline-block; vertical-align: baseline; margin: 0 17px 0 0; padding: 0; color: #32373e; font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 24px; line-height: 24px; } .rd-compare .compare-fake-table1__price:last-child { margin-right: 0; } .rd-compare .compare-fake-table1__price b { font-family: 'Fira Sans', sans-serif; font-weight: inherit; } .rd-compare .compare-fake-table1__old-price { position: relative; display: inline-block; vertical-align: baseline; font-size: 15px; font-weight: 300; line-height: 24px; } .rd-compare .compare-fake-table1__old-price:before { content: ''; position: absolute; top: 12px; left: 50%; display: block; width: 100%; height: 1px; background: #6D7686; transform: translate(-50%, 0) rotate(5deg); } .rd-compare .compare-fake-table1__old-price b { font-family: 'Fira Sans', sans-serif; font-weight: inherit; } .rd-compare .compare-fake-table1__rew { margin: 0 0 10px; padding: 0; } .rd-compare .compare-fake-table1__rew:last-child { margin-bottom: 0; } .rd-compare .compare-fake-table1__rew a { color: #19398b; font-family: 'Fira Sans', sans-serif; font-size: 17px; font-weight: 300; text-decoration: none; line-height: 24px; border-bottom: 1px dotted currentColor; } .rd-compare .compare-fake-table1__rew a:hover { text-decoration: none !important; border-bottom-style: solid; } .rd-compare .compare-fake-table1__line { position: relative; min-height: 64px; padding: 23px 5px 10px !important; color: #32373e; font-family: 'Fira Sans', sans-serif; font-weight: 300; font-size: 17px; line-height: 24px; letter-spacing: 0; border: none; } .compare-fake-table1__ruble { padding-left: 0; font-weight: 400; font-family: Arial, sans-serif; font-size: 80%; } .rd-compare .compare-fake-table1__line:nth-child(2n-1) { background: #FAFAFA; } @media only screen and (min-width: 1025px) { .rd-compare .compare-fake-table1__line span { display: none; } } .rd-compare__labels .compare-fake-table1__line { padding: 23px 25px 10px !important; } .rd-compare__labels .compare-fake-table1__line:nth-child(2n-1):after { content: ''; position: absolute; top: 0; left: 100%; bottom: 0; z-index: 1; display: block; width: 300%; height: 100%; background: #fafafa; } .rd-compare .delete2 { top: 9px; right: 9px; left: initial; width: 40px; height: 40px; background: #fff; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05); opacity: 1 !important; } .rd-compare .delete2:hover { background: #19398b; } .rd-compare .delete2:before { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17' height='17' viewBox='0 0 17 17'%3E%3Cdefs%3E%3Cpath id='e82la' d='M1049.96 557.06v8.8c0 .64-.53 1.14-1.2 1.14h-9.51c-.68 0-1.2-.5-1.2-1.15v-8.8H1037v-1.89c0-.65.53-1.16 1.2-1.16h2.38v-1.47c0-.3.24-.53.55-.53h5.64l.04.02.06-.02c.3 0 .56.23.56.53V554h2.36c.68 0 1.21.5 1.21 1.16v1.9zm-10.81 8.8c0 .06.03.09.1.09h9.5c.07 0 .1-.03.1-.1v-8.8h-9.7zm7.17-12.8h-4.64v.94h4.64zm3.57 2.1c0-.07-.03-.1-.1-.1h-11.58c-.07 0-.1.03-.1.1v.84h11.78zm-3.88 3.13h1.1v6.72h-1.1zm-2.55 0h1.1v6.72h-1.1zm-2.56 0h1.1v6.72h-1.1z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate%28-1035 -551%29'%3E%3Cuse fill='%23D4D6DB' xlink:href='%23e82la'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .rd-compare .delete2:before, .rd-compare .delete2:after { top: 9px; left: 9px; width: 22px; height: 22px; background-size: contain; } .rd-compare .head-fixed1 { z-index: 50; } .rd-compare__head-wrapper { max-width: 75%; margin: 0 0 0 auto; } .rd-compare .slider-head1 { margin: 0 !important; } .rd-compare .slider-head1 .slick-list { margin: 0 -30px 0 0; } .rd-compare .slider-head1 .slick-slide { margin: 0 30px 0 0; } .rd-compare .slider-head1 .next { right: 0 !important; } .rd-compare .slider-head1__over { padding: 0 !important; } .rd-casing { color: #000; font-family: 'Fira Sans', sans-serif; } .rd-casing__wrapper { display: flex; flex-wrap: nowrap; } .rd-casing__main { display: block; flex: 1 1 100%; width: 100%; max-width: 100%; padding: 0 85px 0 0; } .rd-casing__header { margin: 0 0 10px; } .rd-casing__header:last-child { margin-bottom: 0; } .rd-casing__title { display: block; margin: 0; color: #19398B; font-size: 32px; font-weight: 400; line-height: 1.2; } .rd-casing__illustration { margin: 0 0 10px; } .rd-casing__illustration:last-child { margin-bottom: 0; } .rd-casing__image { display: block; width: auto; max-width: 100%; max-height: 320px; margin: 0; padding: 0; } .rd-casing__description { margin: 0 0 17px; font-size: 20px; font-weight: 300; line-height: 1.1; } .rd-casing__description:last-child { margin-bottom: 0; } .rd-casing__price { margin: 0 0 10px; color: #19398B; font-size: 24px; font-weight: 500; line-height: 1; } .rd-casing__price:last-child { margin-bottom: 0; } .rd-casing__nav { display: block; flex: 0 0 125px; width: 125px; max-width: 125px; } .rd-casing__list { display: block; margin: 0; padding: 0; list-style: none; } .rd-casing__item { display: block; margin: 0 0 10px; padding: 0; } .rd-casing__item:last-child { margin-bottom: 0; } .rd-casing__snippet { display: block; border: 1px solid #ECEEF0; border-radius: 4px; } .rd-casing__snippet_type_text { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; min-height: 69px; padding: 10px 5px; } .rd-casing__snippet-illustration { position: relative; display: block; width: 100%; padding: 0 1px; } .rd-casing__snippet-illustration:before { content: ''; display: block; width: 100%; height: auto; padding: 64% 0 0; } .rd-casing__snippet-image { position: absolute; top: 50%; left: 50%; z-index: 1; display: block; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); } .rd-header__login .profile_icon { background: transparent !important; } .rd-header__login .profile_icon_rd .profile_icon__icon { fill: #19398B; transition: fill .3s ease; } .rd-header__login .profile_icon_rd:hover .profile_icon__icon { fill: rgba(186,66,101,1); } @media screen and (max-width: 640px) { .contacts-page .text-and-form__title2:after { right: 0!important; } } /* End */ /* Start:/local/templates/main_new/components/bitrix/news.list/main.menu.banner/style.css?1734457178376*/ .banner-slider__slide { overflow: hidden; border-radius: 20px; } @media screen and (max-width: 1023px) { .banner-container { padding-left: 0px !important; padding-right: 0px !important; } .banner-slider__slide { border-radius: 0px; } /* .banner__left, .banner__right { padding-left: 15px !important; padding-right: 15px !important; } */ } /* End */ /* Start:/local/templates/main_new/components/bitrix/news.list/main.menu.banner2/style.css?1734457178376*/ .banner-slider__slide { overflow: hidden; border-radius: 20px; } @media screen and (max-width: 1023px) { .banner-container { padding-left: 0px !important; padding-right: 0px !important; } .banner-slider__slide { border-radius: 0px; } /* .banner__left, .banner__right { padding-left: 15px !important; padding-right: 15px !important; } */ } /* End */ /* Start:/local/templates/main_new/components/bitrix/sale.basket.basket.line/.default/style.css?164500582647*/ .header-bottom__basket { display: inherit; } /* End */ /* Start:/local/templates/main_new/components/bitrix/breadcrumb/strong/style.css?17344571782083*/ .breadcrumbs { margin-bottom: 15px; padding-top: 0px } .breadcrumbs ul { margin: 0; padding: 0; } .breadcrumbs ul li { display: inline-block; line-height: 20px } .breadcrumbs ul li:after { content: "-"; padding: 0 5px; } .breadcrumbs ul .last_crumb:after { content: ""; padding: 0; } .container .breadcrumbs-wrapper { background-color: #f2f2f2; } .breadcrumbs-wrapper .breadcrumbs__link:hover { text-decoration-style: solid; text-decoration-line: underline; text-underline-position: under; text-decoration-color: #808080; } .breadcrumbs-wrapper .breadcrumbs__link span { font-size: 11px; color: #808080; } .breadcrumbs-wrapper span { font-size: 11px; color: #b3b3b3; } .breadcrumbs-wrapper .breadcrumbs-list__item:after { background: none; content: '/'; font-size: 11px; margin: 0; top: 3px; color: #b3b3b3; width: auto; height: auto; right: -13px; } .breadcrumbs-wrapper .breadcrumbs-list__item { margin-right: 20px; } #wrapper h3, h3.strong{ margin-top: 0; } .breadcrumbs-wrapper:last-child { margin-bottom: 0; } .wrapper .breadcrumbs-wrapper { padding: 20px 0; font-family: 'Fira Sans', sans-serif; background-color: #FAFAFA; } .breadcrumbs__link, .breadcrumbs__link span, .breadcrumbs-wrapper span { font-family: 'Fira Sans', sans-serif; font-size: 14px; } .breadcrumbs-wrapper .breadcrumbs-list__item:before{ display:none; } .breadcrumbs-wrapper .breadcrumbs-list__item:after{ top: 0; right: -16px; width: 4px; height: 4px; font-size: 0; border-radius: 50%; background: #d7d9dd; content:''; bottom: 0;margin: auto;} .breadcrumbs-wrapper .breadcrumbs-list__item{ margin-right: 30px; margin-bottom: 0;} .breadcrumbs-wrapper .breadcrumbs__link span{ font-size:14px; } .breadcrumbs-wrapper{ background-color: #f2f2f2; } a.breadcrumbs__link.hidden{ display:none;} /* End */ /* Start:/local/templates/main_new/components/bitrix/search.title/.default/style.css?1645005826324*/ div.title-search-result { border: 1px solid #c6c6c6; display: none; overflow: hidden; z-index: 205000; background: #fff; } .search-hints { padding: 15px; } .search-hints__item { margin-bottom: 10px; } .search-hints__link b { color: #19398B; } .search-hints .button__text { font-weight: bold; color: #19398B; } /* End */ /* /local/templates/main_new/assets/css/normalize.css?17344571826487 */ /* /local/templates/main_new/assets/css/perfect-scrollbar.css?16450058262598 */ /* /local/templates/main_new/assets/css/fancybox.css?164500582614065 */ /* /local/templates/main_new/assets/css/style.css?1756311325209481 */ /* /local/templates/main_new/new_template/library/bootstrap-grid.min.css?169035832251819 */ /* /local/templates/main_new/new_template/library/swiper-bundle.min.css?174745762818466 */ /* /local/templates/main_new/new_template/css/style.css?1756306681285690 */ /* /local/templates/.default/vendor/magnific-popup/magnific-popup.css?17368720617776 */ /* /local/templates/main_new/new_site/css/style.css?1751885606445 */ /* /local/templates/main_new/js/owl-carousel/owl.carousel.css?17344571821646 */ /* /local/templates/main_new/fonts/georgia/stylesheet.css?17344571821754 */ /* /local/templates/main_new/css/refactor.css?173445718218410 */ /* /local/templates/main_new/new_site/css/main.css?1751882372278949 */ /* /local/templates/main_new/css/font-awesome.css?173445718226795 */ /* /local/templates/main_new/css/rd-custom-style.css?170491689055099 */ /* /local/templates/.default/css/jquery.mCustomScrollbar.min.css?161960769942839 */ /* /local/include/css/owl.carousel.css?17368720614119 */ /* /local/include/css/owl.theme.default.css?17368720611220 */ /* /local/include/css/jquery.countdown.css?17368720611655 */ /* /local/templates/main_new/css/rd-responsive.css?175223092080543 */ /* /local/templates/main_new/css/rd-custom-responsive.css?173445718217092 */ /* /local/templates/main_new/components/bitrix/news.list/main.menu.banner/style.css?1734457178376 */ /* /local/templates/main_new/components/bitrix/news.list/main.menu.banner2/style.css?1734457178376 */ /* /local/templates/main_new/components/bitrix/sale.basket.basket.line/.default/style.css?164500582647 */ /* /local/templates/main_new/components/bitrix/breadcrumb/strong/style.css?17344571782083 */ /* /local/templates/main_new/components/bitrix/search.title/.default/style.css?1645005826324 */