/* 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/main_new/css/marquiz.css?1734457182636*/ .marquiz__container { text-align: center; } .marquiz__button { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; user-select: none; transition: all .2s ease-out; border: 1px solid #ff7544; background-color: #ff7544; padding: 18px 21px; font-size: 22px; line-height: 1; cursor: pointer; overflow: hidden; position: relative; border-radius: 50px; } .marquiz__button, .marquiz__button:focus, .marquiz__button:hover { color: var(--marquiz-button-text-color,#fff)!important; text-decoration: none!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/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/main_new/css/marquiz.css?1734457182636 */ /* /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/search.title/.default/style.css?1645005826324 */