/* Start:/local/templates/arkonoptics/css/air-datepicker.min.css?176424015219860*/ /** * Skipped minification because the original files appears to be already minified. * Original file: /npm/air-datepicker@3.4.0/air-datepicker.css * * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */ .air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)} .air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)} .air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none} .air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%} .air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)} .air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99} .air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s} /* End */ /* Start:/local/templates/arkonoptics/css/swiper-bundle.min.css?176424015218436*/ /** * Swiper 11.0.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 22, 2023 */ @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-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-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-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/arkonoptics/css/hystmodal.min.css?17642401524552*/ :root{--hystmodal-speed: .2s;--hystmodal-zindex: 70}.hystmodal{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:none;display:grid;grid-template-columns:100%;grid-template-rows:0px min-content 0px;justify-content:center;align-content:space-between;visibility:hidden;scrollbar-width:none;-ms-overflow-style:none}.hystmodal::-webkit-scrollbar{display:none}.hystmodal:before{position:fixed;top:0;left:0;width:100%;height:100%;content:"";display:block;background-color:#000;opacity:0;pointer-events:none}.hystmodal--animated:before{transition:opacity var(--hystmodal-speed) ease}.hystmodal--active:before{opacity:.6}.hystmodal--moved,.hystmodal--active{opacity:1;pointer-events:none;visibility:visible}.hystmodal--active{pointer-events:auto}.hystmodal__wrap{display:block;min-width:0;grid-row:2 / 3}.hystmodal__window{min-width:0;grid-row:2 / 3;position:relative;z-index:10;box-sizing:border-box;flex-shrink:0;flex-grow:0;background:#fff;width:600px;max-width:100%;overflow:visible;transform:scale(.95);opacity:0;margin:50px auto}.hystmodal__window--loading{min-height:400px;background-image:url("data:image/svg+xml,%0A%3Csvg width='105' height='105' viewBox='0 0 105 105' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='0s' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='12.5' cy='52.5' r='12.5' fill-opacity='.5'%3E%3Canimate attributeName='fill-opacity' begin='100ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='300ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='52.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='600ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='800ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='52.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='400ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='12.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='700ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='500ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='200ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E%0A");background-position:50%;background-repeat:no-repeat;background-size:48px}.hystmodal--animated .hystmodal__window{transition:transform var(--hystmodal-speed) ease 0s,opacity var(--hystmodal-speed) ease 0s}.hystmodal--active .hystmodal__window{transform:none;opacity:1}.hystmodal__close{position:absolute;z-index:10;top:15px;right:15px;display:block;width:25px;height:25px;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");background-size:100% 100%;border:none;font-size:0;cursor:pointer;outline:none}.hystmodal__close--wh{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E")}.hystmodal__close:hover{opacity:.95}.hystmodal__close:focus{outline:2px dotted rgba(0,0,0,.7);outline-offset:2px}.hystmodal__close--wh:focus{outline:2px dotted rgba(255,255,255,.7)}@media all and (max-width:767px){.hystmodal__close{top:10px;right:10px;width:24px;height:24px}.hystmodal__window{margin-top:0;margin-bottom:0}} /* End */ /* Start:/local/templates/arkonoptics/css/fancybox.min.css?176424015225547*/ /** * Skipped minification because the original files appears to be already minified. * Original file: /npm/@fancyapps/ui@5.0.28/dist/fancybox/fancybox.css * * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) ease both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/local/templates/arkonoptics/css/styles.css?1764765319543882*/ @charset "UTF-8"; :root { --font-primary: "Play"; --font-secondary: "Xolonium"; --font4: "Noah", sans-serif; --container-width: 1640px; --main-outer-width: 1920px; --container-padding: 30px; --calculated-padding: calc((100% - var(--container-width)) / 2); --border-color: #2b2c2d; --theme-color-accent: #c6ce4e; --theme-animation-duration: 200ms; --theme-animation-duration-fast: 100ms; } .air-datepicker { --adp-font-family: var(--font-primary); --adp-font-size: 14px; --adp-width: 246px; --adp-z-index: 100; --adp-padding: 4px; --adp-grid-areas: "nav" "body" "timepicker" "buttons"; --adp-transition-duration: .3s; --adp-transition-ease: ease-out; --adp-transition-offset: 8px; --adp-background-color: #363841; --adp-background-color-hover: #363841; --adp-background-color-active: #363841; --adp-background-color-in-range: rgba(92, 196, 239, .1); --adp-background-color-in-range-focused: rgba(92, 196, 239, .2); --adp-background-color-selected-other-month-focused: #8ad5f4; --adp-background-color-selected-other-month: #a2ddf6; --adp-color: #fff; --adp-color-secondary: #9c9c9c; --adp-accent-color: var(--theme-color-accent); --adp-color-current-date: var(--adp-accent-color); --adp-color-other-month: rgba(157, 172, 183, 0.5); --adp-color-disabled: #aeaeae; --adp-color-disabled-in-range: #939393; --adp-color-other-month-hover: #c5c5c5; --adp-border-color: transparent; --adp-border-color-inner: transparent; --adp-border-radius: 0; --adp-border-color-inline: transparent; --adp-nav-height: 32px; --adp-nav-arrow-color: var(--adp-accent-color); --adp-nav-action-size: 32px; --adp-nav-color-secondary: var(--adp-color-secondary); --adp-day-name-color: var(--adp-accent-color); --adp-day-name-color-hover: #8ad5f4; --adp-day-cell-width: 1fr; --adp-day-cell-height: 32px; --adp-month-cell-height: 42px; --adp-year-cell-height: 56px; --adp-pointer-size: 10px; --adp-poiner-border-radius: 0; --adp-pointer-offset: 14px; --adp-cell-border-radius: 4px; --adp-cell-background-color-hover: var(--adp-background-color-hover); --adp-cell-background-color-selected: var(--adp-accent-color); --adp-cell-background-color-selected-hover: var(--adp-accent-color); --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1); --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2); --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected); --adp-btn-height: 32px; --adp-btn-color: var(--adp-accent-color); --adp-btn-color-hover: var(--adp-color); --adp-btn-border-radius: var(--adp-border-radius); --adp-btn-background-color-hover: var(--adp-background-color-hover); --adp-btn-background-color-active: var(--adp-background-color-active); --adp-time-track-height: 1px; --adp-time-track-color: #dedede; --adp-time-track-color-hover: #b1b1b1; --adp-time-thumb-size: 12px; --adp-time-padding-inner: 10px; --adp-time-day-period-color: var(--adp-color-secondary); --adp-mobile-font-size: 16px; --adp-mobile-nav-height: 40px; --adp-mobile-width: 320px; --adp-mobile-day-cell-height: 38px; --adp-mobile-month-cell-height: 48px; --adp-mobile-year-cell-height: 64px; } .air-datepicker-cell.-selected- { color: #16171d; } .air-datepicker--pointer { display: none; } .air-datepicker--navigation::before, .air-datepicker--navigation::after, .air-datepicker--content::before, .air-datepicker--content::after { content: ""; position: absolute; width: 10px; height: 10px; pointer-events: none; } .air-datepicker--navigation::before { border-top: 1px #9dacb7 solid; border-left: 1px #9dacb7 solid; left: 0; top: 0; } .air-datepicker--navigation::after { border-top: 1px #9dacb7 solid; border-right: 1px #9dacb7 solid; right: 0; top: 0; } .air-datepicker--content::before { border-bottom: 1px #9dacb7 solid; border-left: 1px #9dacb7 solid; left: 0; bottom: 0; } .air-datepicker--content::after { border-bottom: 1px #9dacb7 solid; border-right: 1px #9dacb7 solid; right: 0; bottom: 0; } @media (max-width: 1024px) { :root { --container-padding: 15px; } } @font-face { font-family: Xolonium; src: url("/local/templates/arkonoptics/css/../fonts/Xolonium-Bold.woff2") format("woff2"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: Xolonium; src: url("/local/templates/arkonoptics/css/../fonts/Xolonium.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: Play; src: url("/local/templates/arkonoptics/css/../fonts/Play.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: Play; src: url("/local/templates/arkonoptics/css/../fonts/Play-Bold.woff2") format("woff2"); font-weight: bold; font-style: normal; font-display: swap; } .searchbox { display: flex; justify-content: flex-start; align-items: center; position: relative; gap: 10px; width: 100%; padding-right: 16px; } .searchbox__input { height: 54px; background-color: rgba(35, 36, 43, 0.5); flex-grow: 1; font-size: 16px; padding: 5px 20px 5px 56px; color: #fff; } .searchbox__input::placeholder { color: #9DACB7; } .searchbox__icon { position: absolute; left: 20px; top: 50%; transform: translate(0, -50%); fill: #fff; } .searchbox-results { font-size: 16px; line-height: 1.5; } @media (max-width: 575px) { .searchbox__input { height: 48px; padding-left: 10px; padding-right: 10px; font-size: 14px; } .searchbox__icon { display: none; } } .searchbox + .searchbox-results { margin-top: 17px; } .searchbox-wrapper1 { padding: 60px 0px 60px 60px; } .page-search .block-catalog-detail { border-top: 1px solid var(--border-color); } .search-sections { padding-top: 25px; } .search-sections ul li { font-size: 16px; line-height: 1.5; } .search-sections ul li span { color: #47647a; } .search-sections ul li:not(:last-child) { margin-bottom: 10px; } .search-sections__title { font-weight: 700; font-size: 18px; line-height: 120%; text-transform: uppercase; } .main-wrapper-outer { width: 100%; min-height: 100%; max-width: var(--main-outer-width); margin-left: auto; margin-right: auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } @media (max-width: 992px) { .main-wrapper-outer { overflow: hidden; } } .header { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .footer { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; padding-bottom: 200px; } .main.error { padding: 0px 0px 0px 0px; } .main.cart { padding: 0px 0px 0px 0px; } .main.compare { overflow: hidden; } .main.product { overflow: hidden; } .main.series { overflow: hidden; } .main.map { /* overflow: hidden; */ } .main.about { overflow: hidden; } .main.catalog { overflow: hidden; } @media (max-width: 1100px) { .main { padding-bottom: 100px; } } .container { padding-left: max(var(--calculated-padding), var(--container-padding)); padding-right: max(var(--calculated-padding), var(--container-padding)); } .container__inner { width: 100%; position: relative; } .container.container_extract-l { padding-left: 0; } .container.container_extract-lp { padding-left: var(--container-padding); } .container.container_extract-r { padding-right: 0; } .container.container_extract-rp { padding-right: var(--container-padding); } .container.container_extract-lr { padding-left: 0; padding-right: 0; } .container.container_extract-lrp { padding-left: var(--container-padding); padding-right: var(--container-padding); } .container.container_blog { --calculated-padding: calc((100% - 1195px) / 2); } .form-grid1 { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: auto; gap: 20px 24px; } .form-grid1__row { grid-column: span 12; } .form-grid1__row_2 { grid-column: span 6; } .form-grid1__row_4 { grid-column: span 3; } .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; font-size: 14px; line-height: 1.25; padding: 5px 20px; border-radius: 10px; min-height: 54px; -webkit-transition: background-color var(--theme-animation-duration); transition: background-color var(--theme-animation-duration); } .btn_xsmall { font-size: 14px; min-height: 38px; border-radius: 5px; } .btn_small { font-size: 12px; min-height: 42px; } .btn_big { font-size: 16px; min-height: 60px; } .btn_wide { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .btn_primary { background-color: var(--theme-color-accent); color: #fff; } .btn_primary.btn_hollow { background: none; border: 1.5px var(--theme-color-accent) solid; color: var(--theme-color-accent); } .btn_primary.btn_hollow:hover { background-color: var(--theme-color-accent); color: #fff; } .btn_white { background-color: #fff; color: inherit; } .btn_black { background-color: var(--theme-color-text-common); color: #fff; } .btn_grey { background-color: var(--theme-color-grey); color: #fff; } .btn_grey.btn_hollow { background: none; border: 1px var(--theme-color-grey) solid; color: var(--theme-color-grey); } .btn_grey:disabled { opacity: 0.5; } .btn_grey1, .fixed-product__right .btn.btn_grey1 { background-color: #47647a; color: #fff; } .btn:disabled { cursor: default; } .btn-fancy { --height: 54px; --padding: 36px; --angle: 15px; --duration: 500ms; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .btn-fancy > span { display: -webkit-inline-box; display: -ms-inline-flexbox; min-width: 180px; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: var(--height); background-color: var(--theme-color-accent); color: #16171d; font-size: 16px; font-weight: 700; text-transform: uppercase; padding: 5px var(--padding); clip-path: polygon(0 0, 100% 0, calc(100% - var(--angle)) 100%, 0 100%); overflow: hidden; } @media (max-width: 500px) { .btn-fancy > span { min-width: 150px; } } .btn-fancy::after { content: ""; height: 100%; aspect-ratio: 26/54; position: absolute; top: 0; right: -16px; background-color: var(--theme-color-accent); clip-path: polygon(var(--angle) 0, 100% 0, calc(100% - var(--angle)) 100%, 0 100%); -webkit-transition: -webkit-transform var(--duration); transition: -webkit-transform var(--duration); transition: transform var(--duration); transition: transform var(--duration), -webkit-transform var(--duration); } .btn-fancy:hover::after, .btn-fancy:focus-visible::after { -webkit-transform: translateX(7px); transform: translateX(7px); } .btn-fancy_1 > span { background-color: #363841; color: #fff; } .btn-fancy_2 > span { clip-path: polygon(var(--angle) 0, 100% 0, 100% 100%, 0 100%); } .btn-fancy_3 > span { clip-path: polygon(var(--angle) 0, 100% 0, 100% 100%, 0 100%); background-color: #47647a; color: #fff; } .btn-fancy_1::after, .btn-fancy_2::after, .btn-fancy_3::after { display: none; } @media (max-width: 575px) { .btn-fancy { --height: 48px; } .btn-fancy::after { right: -13px; } } .btn-corner1 { --height: 58px; --padding: 44px; --corner: 14px; --color: #9dacb7; --duration: 400ms; --shift: 10px; position: relative; font-size: 16px; font-weight: 400; display: inline-block; color: var(--color); -webkit-transition: color var(--duration); transition: color var(--duration); } .btn-corner1__inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: var(--height); padding: 5px var(--padding); } .btn-corner1::before, .btn-corner1::after, .btn-corner1__inner::before, .btn-corner1__inner::after { content: ""; position: absolute; width: var(--corner); height: var(--corner); pointer-events: none; opacity: 0; -webkit-transition: border-color var(--duration), opacity var(--duration), -webkit-transform var(--duration); transition: border-color var(--duration), opacity var(--duration), -webkit-transform var(--duration); transition: border-color var(--duration), transform var(--duration), opacity var(--duration); transition: border-color var(--duration), transform var(--duration), opacity var(--duration), -webkit-transform var(--duration); } .btn-corner1::before { border-top: 1px var(--color) solid; border-left: 1px var(--color) solid; left: 0; top: 0; -webkit-transform: translate(var(--shift), var(--shift)); transform: translate(var(--shift), var(--shift)); } .btn-corner1::after { border-top: 1px var(--color) solid; border-right: 1px var(--color) solid; right: 0; top: 0; -webkit-transform: translate(calc(var(--shift) * -1), var(--shift)); transform: translate(calc(var(--shift) * -1), var(--shift)); } .btn-corner1__inner::before { border-bottom: 1px var(--color) solid; border-left: 1px var(--color) solid; left: 0; bottom: 0; -webkit-transform: translate(var(--shift), calc(var(--shift) * -1)); transform: translate(var(--shift), calc(var(--shift) * -1)); } .btn-corner1__inner::after { border-bottom: 1px var(--color) solid; border-right: 1px var(--color) solid; right: 0; bottom: 0; -webkit-transform: translate(calc(var(--shift) * -1), calc(var(--shift) * -1)); transform: translate(calc(var(--shift) * -1), calc(var(--shift) * -1)); } .btn-corner1:hover::before, .btn-corner1:hover::after, .btn-corner1:hover .btn-corner1__inner::before, .btn-corner1:hover .btn-corner1__inner::after, .btn-corner1:focus-visible::before, .btn-corner1:focus-visible::after, .btn-corner1:focus-visible .btn-corner1__inner::before, .btn-corner1:focus-visible .btn-corner1__inner::after { --color: #fff; -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .btn-corner1_active { --color: #fff; } .btn-corner1_active::before, .btn-corner1_active::after, .btn-corner1_active .btn-corner1__inner::before, .btn-corner1_active .btn-corner1__inner::after { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; border-color: var(--theme-color-accent); } .btn-param { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 24px; height: 24px; } .btn-param svg { display: block; fill: var(--theme-color-accent); -webkit-transition: fill var(--theme-animation-duration); transition: fill var(--theme-animation-duration); } .btn-param:hover svg, .btn-param:focus-visible svg { fill: #fff; } .btn-arrow1 { width: 62px; height: 62px; background-color: var(--theme-color-accent); position: absolute; left: 50%; top: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity var(--duration); transition: opacity var(--duration); } .btn-arrow1 svg { display: block; } .btn-play { width: 110px; height: 110px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-play svg { fill: #fff; position: relative; z-index: 1; margin-left: 3%; display: block; width: 20%; } .btn-play::before { content: ""; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(255, 255, 255, 0.4); position: absolute; left: 0; top: 0; -webkit-transition: background-color var(--theme-animation-duration); transition: background-color var(--theme-animation-duration); } .btn-play::after { content: ""; width: 82%; height: 82%; border-radius: 50%; background-color: var(--theme-color-accent); position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: background-color var(--theme-animation-duration), width var(--theme-animation-duration), height var(--theme-animation-duration); transition: background-color var(--theme-animation-duration), width var(--theme-animation-duration), height var(--theme-animation-duration); } .btn-play:hover::before { background-color: rgba(255, 255, 255, 0.6); } .btn-play:hover::after { background-color: rgba(29, 29, 29, 0.6); width: 72%; height: 72%; } .btn-text { font-size: 16px; font-weight: 700; -webkit-transition: color var(--theme-animation-duration); transition: color var(--theme-animation-duration); } .btn-text_1 { --shift: 5px; --duration: 400ms; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 5px; color: var(--theme-color-accent); } .btn-text_1::before { content: "["; -webkit-transition: -webkit-transform var(--duration); transition: -webkit-transform var(--duration); transition: transform var(--duration); transition: transform var(--duration), -webkit-transform var(--duration); } .btn-text_1::after { content: "]"; -webkit-transition: -webkit-transform var(--duration); transition: -webkit-transform var(--duration); transition: transform var(--duration); transition: transform var(--duration), -webkit-transform var(--duration); } .btn-text_1:hover::before { -webkit-transform: translateX(calc(-1 * var(--shift))); transform: translateX(calc(-1 * var(--shift))); } .btn-text_1:hover::after { -webkit-transform: translateX(var(--shift)); transform: translateX(var(--shift)); } @media (max-width: 575px) { .btn-text { font-size: 14px; } } .form-group1 { position: relative; } .form-group1__icon { cursor: pointer; position: absolute; right: 15px; top: 15px; } .form-group1__icon.hidden { display: none; } .form-group1__label { position: absolute; left: 21px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: rgba(157, 172, 183, 0.5); font-size: 16px; line-height: 1.25; pointer-events: none; -webkit-transition: top 100ms, font-size 100ms, opacity 100ms; transition: top 100ms, font-size 100ms, opacity 100ms; } .form-group1__label_req::after { content: "*"; color: red; margin-left: 5px; } .form-group1__label_hidden { opacity: 0; } .form-group1__placeholder1 { position: absolute; left: 21px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: rgba(157, 172, 183, 0.5); font-size: 16px; line-height: 1.25; pointer-events: none; -webkit-transition: top 100ms, font-size 100ms, opacity 100ms; transition: top 100ms, font-size 100ms, opacity 100ms; } .form-group1__placeholder1 span { color: #fff; } .form-group1_error .field-input1 { -webkit-box-shadow: inset 0 0 0 1px #ff4b41; box-shadow: inset 0 0 0 1px #ff4b41; } .form-group1__error { position: absolute; font-size: 12px; color: #ff4b41; top: 100%; left: 0; } @media (max-width: 575px) { .form-group1__label { left: 20px; font-size: 14px; } .form-group1__placeholder1 { left: 20px; font-size: 14px; } .form-group1__error { font-size: 10px; } } .form-other { max-width: 800px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 34px; } @media (max-width: 1100px) { .form-other { max-width: 770px; gap: 30px; } } @media (max-width: 768px) { .form-other { gap: 10px; } } .form-other .form-groups { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } @media (max-width: 1200px) { .form-other .form-groups { gap: 12px; } } @media (max-width: 768px) { .form-other .form-groups { gap: 20px; } } .form-other .title1 { text-transform: uppercase; text-align: center; margin-bottom: 2px; } @media (max-width: 1100px) { .form-other .title1 { font-size: 16px; } } .form-other .block-feedback__grid { grid-template-columns: 1fr; gap: 14px; } @media (max-width: 768px) { .form-other .block-feedback__grid { margin: 0px 0px 25px 0px; } } .form-other .block-feedback__grid > div { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } @media (max-width: 768px) { .form-other .form-text1 { margin: 0px 0px 15px 0px; } } @media (max-width: 480px) { .form-other .form-text1 { font-size: 14px; } } .form-other .form-group1__label { display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; left: 0; position: relative; -webkit-transform: translate(0, 0px); transform: translate(0, 0px); margin: 0px 0px 8px 0px; } @media (max-width: 1100px) { .form-other .form-group1__label { font-size: 14px; } } .form-other .form-group1__placeholder1 { top: 44px; -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media (max-width: 1100px) { .form-other .form-group1__placeholder1 { font-size: 14px; top: 42px; } } .form-other .field-input1:not(:-moz-placeholder-shown) ~ .form-group1__placeholder1 { opacity: 0; } .form-other .field-input1:not(:-ms-input-placeholder) ~ .form-group1__placeholder1 { opacity: 0; } .form-other .field-input1:focus-visible ~ .form-group1__placeholder1, .form-other .field-input1:not(:placeholder-shown) ~ .form-group1__placeholder1 { opacity: 0; } .form-other .field-input1 { padding: 5px 21px 5px 21px; } @media (max-width: 1100px) { .form-other .field-input1 { font-size: 14px; height: 48px; padding: 5px 15px; } } .form-other textarea.field-input1 { padding: 20px 21px; } @media (max-width: 1100px) { .form-other textarea.field-input1 { padding: 15px; height: 130px; } } @media (max-width: 768px) { .form-other textarea.field-input1 { height: 138px; } } .socials-login { position: relative; } .socials-login__type { position: absolute; top: -45px; left: 5px; width: 155px; z-index: 5; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; pointer-events: none; } @media (max-width: 1200px) { .socials-login__type { display: none; } } .socials-login__type.badge1_white.badge1_hollow { color: #16171d; font-weight: 400; border: none; background-color: var(--theme-color-accent); } .socials-login__type.badge1_white.badge1_hollow::after { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--theme-color-accent); position: absolute; bottom: -6px; left: 20px; -webkit-transform: skew(15deg); transform: skew(15deg); } @media (max-width: 1200px) { .socials-login__type.badge1_white.badge1_hollow { display: none; } } .socials-login__title { font-weight: 700; font-size: 18px; line-height: 120%; margin: 0px 0px 15px 0px; } .socials-login__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px; } @media (max-width: 768px) { .socials-login__buttons { gap: 10px; } } .socials-login__button { position: relative; background-color: #363841; padding: 5px 36px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; height: 54px; font-weight: 700; font-size: 16px; line-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .socials-login__button:hover { color: #16171d; background-color: var(--theme-color-accent); } .socials-login__button:hover .socials-login__type { opacity: 1; } @media (max-width: 600px) { .socials-login__button { padding: 5px 12px; } } .buttons-forms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } @media (max-width: 768px) { .buttons-forms.other { margin: 0px 15px; } } @media (max-width: 768px) { .buttons-forms { gap: 10px; } } .buttons-forms .btn { font-weight: 700; border-radius: 0px; background-color: var(--theme-color-accent); text-transform: uppercase; color: #16171d; font-size: 16px; line-height: 100%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .buttons-forms .btn:hover { opacity: 0.7; } .buttons-forms .btn.btn-grey { color: #fff; background-color: #363841; } .forgot-password { font-weight: 400; font-size: 14px; line-height: 140%; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: var(--theme-color-accent); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .forgot-password:hover { opacity: 0.7; } @media (max-width: 768px) { .forgot-password { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin: 10px 0px 0px 0px; } } .field-input1 { width: 100%; height: 54px; padding: 19px 21px 5px 21px; font-size: 16px; line-height: 1.25; color: #fff; background-color: rgba(35, 36, 43, 0.5); -webkit-transition: -webkit-box-shadow 100ms; transition: -webkit-box-shadow 100ms; transition: box-shadow 100ms; transition: box-shadow 100ms, -webkit-box-shadow 100ms; } @media (max-width: 575px) { .field-input1 { height: 42px; font-size: 14px; padding: 16px 20px 5px 20px; } } .field-input1:not(:-moz-placeholder-shown) + .form-group1__label { font-size: 12px; top: 16px; opacity: 1; } .field-input1:not(:-ms-input-placeholder) + .form-group1__label { font-size: 12px; top: 16px; opacity: 1; } .field-input1:focus-visible + .form-group1__label, .field-input1:not(:placeholder-shown) + .form-group1__label { font-size: 12px; top: 16px; opacity: 1; } .field-input1:not(:-moz-placeholder-shown) + .form-group1__label + .form-group1__placeholder1 { opacity: 0; } .field-input1:not(:-ms-input-placeholder) + .form-group1__label + .form-group1__placeholder1 { opacity: 0; } .field-input1:focus-visible + .form-group1__label + .form-group1__placeholder1, .field-input1:not(:placeholder-shown) + .form-group1__label + .form-group1__placeholder1 { opacity: 0; } @media (max-width: 575px) { .field-input1:not(:-moz-placeholder-shown) + .form-group1__label { font-size: 10px; top: 9px; opacity: 1; } .field-input1:not(:-ms-input-placeholder) + .form-group1__label { font-size: 10px; top: 9px; opacity: 1; } .field-input1:focus-visible + .form-group1__label, .field-input1:not(:placeholder-shown) + .form-group1__label { font-size: 10px; top: 9px; opacity: 1; } .field-input1:not(:-moz-placeholder-shown) + .form-group1__label + .form-group1__placeholder1 { opacity: 0; } .field-input1:not(:-ms-input-placeholder) + .form-group1__label + .form-group1__placeholder1 { opacity: 0; } .field-input1:focus-visible + .form-group1__label + .form-group1__placeholder1, .field-input1:not(:placeholder-shown) + .form-group1__label + .form-group1__placeholder1 { opacity: 0; } } textarea.field-input1 { height: 120px; resize: none; padding: 22px; } .form-text1 { font-size: 14px; color: #9dacb7; } .form-text1 a { text-decoration: underline; color: var(--theme-color-accent); } @media (max-width: 575px) { .form-text1 { font-size: 12px; } } @media (max-width: 480px) { .form-text1 { font-size: 10px; line-height: 1.4; } } .checklist { font-size: 0; } .checklist__item:not(:last-child) { margin-bottom: 12px; } .checklist[data-item-expandable=collapsed] .checklist__item[data-item-expandable-item] { display: none; } .checkbox { position: relative; font-size: 0; } .checkbox__input { pointer-events: none; position: absolute; left: 0; top: 0; opacity: 0; } .checkbox__visual { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 1px solid #fff; width: 16px; height: 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkbox__visual::before { content: ""; background-color: var(--theme-color-accent); opacity: 0; width: 6px; height: 6px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .checkbox__input:checked + .checkbox__visual { border: 1px solid var(--theme-color-accent); } .checkbox__input:checked + .checkbox__visual::before { content: ""; opacity: 1; } .checkbox__input:not(:disabled):focus-visible + .checkbox__visual, .checkbox__input:not(:disabled):hover + .checkbox__visual { border-color: var(--theme-color-accent); } .checkbox__input:disabled + .checkbox__visual { opacity: 0.3; pointer-events: none; } .radio { position: relative; font-size: 0; } .radio__input { pointer-events: none; position: absolute; left: 0; top: 0; opacity: 0; } .radio__visual { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; width: 16px; height: 16px; border-radius: 50%; -webkit-transition: border 0.3s; transition: border 0.3s; } .radio__visual::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: var(--theme-color-accent); opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .radio__input:checked + .radio__visual { border: 1px solid var(--theme-color-accent); } .radio__input:checked + .radio__visual::before { content: ""; opacity: 1; } .checkbox-text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; } .checkbox-text.checked .radio__input + .radio__visual { border: 1px solid var(--theme-color-accent); } .checkbox-text.checked .radio__input + .radio__visual::before { content: ""; opacity: 1; } .checkbox-text .checkbox, .checkbox-text .radio { margin-right: 10px; } .checkbox-text__label { font-weight: 400; font-size: 16px; line-height: 100%; color: #fff; } .checkbox-text__label span { color: #47647a; } .checkbox-text__label a { color: var(--theme-color-accent); } .checkbox-text__label.disabled { opacity: 0.3; pointer-events: none; } .checkbox-text__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .checkbox-text__subtitle { font-weight: 400; font-size: 16px; line-height: 100%; color: rgba(157, 172, 183, 0.5) !important; margin: 5px 0px 0px 0px; } @media (max-width: 1100px) { .checkbox-text__subtitle { margin: 0px 0px 0px 0px; font-size: 14px; } } .checkbox-text__price { text-align: right; font-weight: 700; } #delivery-list .checkbox-text__price { white-space: nowrap; } .checkbox-text__contacts { font-weight: 400; font-size: 14px; line-height: 150%; color: #9dacb7; } .checkbox-text__contacts a { color: #9dacb7; -webkit-transition: color 0.3s; transition: color 0.3s; } .checkbox-text__contacts a:hover { color: var(--theme-color-accent); } .checkbox-text__work { font-weight: 400; font-size: 14px; line-height: 171%; color: #9dacb7; } .select { display: inline-block; position: relative; z-index: 100; } .select__handle { cursor: pointer; position: relative; height: 44px; border-radius: 30px; border: 1px solid rgba(30, 30, 30, 0.3); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 5px 50px 5px 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 1; color: var(--theme-color-text-common); -webkit-transition: border-color var(--theme-animation-duration-fast); transition: border-color var(--theme-animation-duration-fast); } .select__handle:focus-visible { outline: none; border-color: var(--theme-color-accent); } .select__handle:hover { border-color: #1e1e1e; } .select__chevron { position: absolute; top: 50%; right: 25px; -webkit-transform: translate(0, -35%); transform: translate(0, -35%); } .select.dropdown-active .select__chevron { -webkit-transform: translate(0, -35%) rotate(180deg); transform: translate(0, -35%) rotate(180deg); } .select.dropdown-active { z-index: 101; } .select.dropdown-active .ts-control { border: 1px solid #c6ce4e; } .select__option { padding-top: 10px; padding-bottom: 10px; } .select__dropdown .ts-dropdown-content { margin-top: -10px; margin-bottom: -10px; } .select__dropdown.dropdown { width: 100%; min-width: 244px; left: 0; top: calc(100% + 4px); font-size: 14px; line-height: 1.2; padding: 22px 20px; } .select__dropdown.dropdown a { color: var(--theme-color-text-common); } .select__dropdown.dropdown a:hover { color: var(--theme-color-accent); } .select__dropdown.dropdown li:not(:last-child) { margin-bottom: 20px; } .select_active .select__handle { border-color: var(--theme-color-accent); } .select_active .select__chevron { -webkit-transform: translate(0, -35%) rotate(180deg); transform: translate(0, -35%) rotate(180deg); } .select_1 .select__handle { border-radius: 4px; padding-right: 40px; } .select_1 .select__handle:focus-visible { border-color: var(--theme-color-text-common); } .select_1 .select__chevron { right: 18px; } .select_1 .dropdown { -webkit-box-shadow: none; box-shadow: none; border-radius: 4px; border: 1px solid rgba(30, 30, 30, 0.3); color: #82879a; } .select_wide { width: 100%; } .select_wide .select__handle { width: 100%; } .tomselected { display: none !important; } .ts-wrapper { position: relative; z-index: 1; display: inline-block; width: 100%; } .ts-wrapper_wide { display: block; width: 100%; } .ts-wrapper_wide .ts-control { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .ts-wrapper.dropdown-active { z-index: 5; } .ts-control { width: 100%; height: 50px; border: 1px solid #2b2c2d; background-color: transparent; padding: 0 50px 0 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; outline: none; -webkit-transition: border 0.3s; transition: border 0.3s; } .ts-control svg { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); fill: #fff; } .ts-control .item { color: var(--theme-color-text-common); font-size: 14px; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; } .ts-dropdown-simplebar { max-height: 534px; } .ts-wrapper.disabled { /* background-color: #f5f5f5; */ opacity: 0.2; } .ts-wrapper.disabled .ts-control { cursor: default; } .ts-control .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .ts-control .item svg { position: relative; top: 0; right: 0; -webkit-transform: none !important; transform: none !important; fill: var(--theme-color-accent); } .ts-wrapper.disabled .ts-control svg { opacity: 0.5; } .ts-wrapper.dropdown-active .ts-control svg { -webkit-transform: translateY(-50%) scale(-1) rotate(90deg); transform: translateY(-50%) scale(-1) rotate(90deg); } .ts-dropdown { border: 1px solid #c6ce4e; position: absolute; left: 0; top: calc(100% + 8px); min-width: 100%; padding: 30px 20px; background: #16171d; } .ts-dropdown-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .ts-dropdown .option { cursor: pointer; font-weight: 400; font-size: 18px; line-height: 120%; color: #9dacb7; } .ts-dropdown .option.selected { color: var(--theme-color-accent); } .ts-dropdown .option:not([aria-disabled=true]):hover { color: var(--theme-color-accent); } .ts-dropdown .option[aria-disabled=true] { opacity: 0.5; cursor: default; } .input-group1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 0 8px; } .input-group1__field { -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .input-group1__field::-webkit-input-placeholder { color: #82879a; -webkit-transition: color var(--theme-animation-duration-fast); transition: color var(--theme-animation-duration-fast); } .input-group1__field::-moz-placeholder { color: #82879a; -moz-transition: color var(--theme-animation-duration-fast); transition: color var(--theme-animation-duration-fast); } .input-group1__field:-ms-input-placeholder { color: #82879a; -ms-transition: color var(--theme-animation-duration-fast); transition: color var(--theme-animation-duration-fast); } .input-group1__field::-ms-input-placeholder { color: #82879a; -ms-transition: color var(--theme-animation-duration-fast); transition: color var(--theme-animation-duration-fast); } .input-group1__field::placeholder { color: #82879a; -webkit-transition: color var(--theme-animation-duration-fast); transition: color var(--theme-animation-duration-fast); } .input-group1__field:focus::-webkit-input-placeholder { color: transparent; } .input-group1__field:focus::-moz-placeholder { color: transparent; } .input-group1__field:focus:-ms-input-placeholder { color: transparent; } .input-group1__field:focus::-ms-input-placeholder { color: transparent; } .input-group1__field:focus::placeholder { color: transparent; } .input-group1__btn { width: 156px; font-size: 14px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .input-group1__btn-arr { width: 60px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .input-group1__btn-arr svg { width: 16px; height: 14px; fill: #fff; } .pagination { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } @media (max-width: 768px) { .pagination { gap: 0px; } } .pagination__item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; height: 50px; font-weight: 700; font-size: 18px; line-height: 100%; color: #9dacb7; border: 1px solid transparent; outline: none; -webkit-transition: border var(--theme-animation-duration-fast) 100ms, color var(--theme-animation-duration-fast); transition: border var(--theme-animation-duration-fast) 100ms, color var(--theme-animation-duration-fast); } @media (max-width: 768px) { .pagination__item { width: 40px; height: 40px; } } .pagination__item svg { fill: #fff; } .pagination__item:not(.pagination__item_active, .pagination__item_disabled):hover, .pagination__item:not(.pagination__item_active, .pagination__item_disabled):focus-visible { color: #fff; border: 1px solid var(--theme-color-accent); } .pagination__item:not(.pagination__item_active, .pagination__item_disabled):hover svg, .pagination__item:not(.pagination__item_active, .pagination__item_disabled):focus-visible svg { fill: var(--theme-color-accent); } .pagination__item_active { border: 1px solid var(--theme-color-accent); color: #fff; } @media (max-width: 768px) { .pagination__item_nav { width: 27px; } } .pagination__item_nav svg { fill: #fff; } @media (max-width: 768px) { .pagination__item_nav svg { width: 27px; height: 14px; } } .pagination__item_nav-prev { margin: 0px 30px 0px 0px; } @media (max-width: 768px) { .pagination__item_nav-prev { margin: 0px 10px 0px 0px; } } .pagination__item_nav-next { margin: 0px 0px 0px 30px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 768px) { .pagination__item_nav-next { margin: 0px 0px 0px 10px; } } .pagination__item_disabled svg { fill: #82879a; } .expandable [data-expandable-handle] { cursor: pointer; } .expandable [data-expandable-handle]:hover .expandable__label { color: var(--theme-color-accent); } .expandable [data-expandable-handle]:hover .expandable__chevron { fill: var(--theme-color-accent); } .expandable__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 20px; margin: 0; -webkit-transition: 250ms margin ease; transition: 250ms margin ease; } .expandable__label { font-size: 16px; font-weight: 700; color: var(--theme-color-text-common); -webkit-transition: color var(--theme-animation-duration-fast); transition: color var(--theme-animation-duration-fast); } .expandable__chevron { display: block; width: 8px; height: 13px; -webkit-transform: rotate(90deg); transform: rotate(90deg); position: relative; top: 1px; right: 5.27px; -webkit-transition: fill var(--theme-animation-duration-fast); transition: fill var(--theme-animation-duration-fast); } .expandable__bottom { display: grid; grid-template-rows: 0fr; opacity: 0; -webkit-transition: grid-template-rows var(--theme-animation-duration), opacity var(--theme-animation-duration); transition: grid-template-rows var(--theme-animation-duration), opacity var(--theme-animation-duration); transition: grid-template-rows var(--theme-animation-duration), opacity var(--theme-animation-duration), -ms-grid-rows var(--theme-animation-duration); } .expandable__bottom-inner { overflow: hidden; } .expandable[data-expandable=expanded] .expandable__bottom { grid-template-rows: 1fr; opacity: 1; } .expandable[data-expandable=expanded] .expandable__chevron { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .expandable[data-expandable=expanded] .expandable__top { margin: 0 0 25px 0; } .stepcounter { position: relative; width: 98px; height: 42px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } @media (max-width: 1400px) { .stepcounter { width: 82px; height: 35px; } } .stepcounter__btn { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .stepcounter__btn svg { fill: var(--theme-color-text-common); } .stepcounter__btn[data-stepcounter="-"] { border-top-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .stepcounter__btn[data-stepcounter="-"] svg { width: 14px; height: 2px; } @media (max-width: 1400px) { .stepcounter__btn[data-stepcounter="-"] svg { width: 13px; } } .stepcounter__btn[data-stepcounter="+"] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .stepcounter__btn[data-stepcounter="+"] svg { width: 16px; height: 16px; } @media (max-width: 1400px) { .stepcounter__btn[data-stepcounter="+"] svg { width: 13px; height: 13px; } } .stepcounter__btn:disabled { cursor: default; } .stepcounter__btn:disabled svg { fill: #82879a; } .stepcounter__btn:focus-visible { position: relative; z-index: 1; } .stepcounter__input { width: 42px; border: 1px solid var(--theme-color-accent); font-family: var(--font4); font-weight: 700; font-size: 18px; line-height: 100%; text-align: center; } @media (max-width: 1400px) { .stepcounter__input { width: 35px; } } .stepcounter__input::-webkit-outer-spin-button, .stepcounter__input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } .stepcounter_accent { border: none; height: 42px; background-color: transparent; } @media (max-width: 1400px) { .stepcounter_accent { height: 35px; } } .stepcounter_accent .stepcounter__input { font-family: var(--font4); font-weight: 700; font-size: 18px; line-height: 100%; } .stepcounter_accent .stepcounter__btn { width: 28px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .stepcounter_accent .stepcounter__btn svg { fill: #fff; } .stepcounter_accent .stepcounter__btn:disabled svg { opacity: 0.5; } .tabs-nav1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .header { --height-top: 44px; --height-bottom: 88px; border-bottom: 1px var(--border-color) solid; position: sticky; top: 0; z-index: 50; background-color: #16171d; } .header::before, .header::after { content: ""; position: absolute; top: calc(var(--height-top) - 1px); height: 1px; width: var(--calculated-padding); border-top: 1px var(--border-color) solid; } .header::before { left: 0; } .header::after { right: 0; } .header__count { position: absolute; top: 1px; left: 37px; font-size: 12px; font-weight: 700; color: #c6ce4e; white-space: nowrap; } .header__count:empty { display: none; } .header__count::before { content: "[ "; } .header__count::after { content: " ]"; } .header__grid { display: grid; width: 100%; grid-template-columns: -webkit-max-content 1fr 80px 80px auto 80px; grid-template-columns: max-content 1fr 80px 80px auto 80px; position: relative; } .header__toolbar1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 12px; padding-left: 25px; padding-right: 25px; border-right: 1px var(--border-color) solid; -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .header__toolbar2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 40px; } .header__toolbar3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 40px; padding-left: 50px; padding-right: 40px; border-left: 1px var(--border-color) solid; border-right: 1px var(--border-color) solid; grid-column: span 4; border-bottom: 1px var(--border-color) solid; height: var(--height-top); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header__label1 { font-size: 16px; font-weight: 400; color: #9dacb7; } .header__label1 a { color: inherit; -webkit-transition: color, 400ms; transition: color, 400ms; } .header__label1 a:hover, .header__label1 a:focus-visible { color: var(--theme-color-accent); } .header__phone { font-size: 16px; font-weight: 700; color: #fff; -webkit-transition: color, 400ms; transition: color, 400ms; } .header__phone:hover, .header__phone:focus-visible { color: var(--theme-color-accent); } .header__btn-callback { min-height: 44px; grid-column: span 2; border-right: 1px var(--border-color) solid; border-bottom: 1px var(--border-color) solid; height: var(--height-top); font-size: 16px; font-weight: 700; color: var(--theme-color-accent); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-transition: color, 400ms; transition: color, 400ms; } .header__btn-callback:hover, .header__btn-callback:focus-visible { color: #fff; } .header__btn-burger { position: relative; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .header__btn-burger .header__btn1 { width: 100%; height: 100%; } .header__btn-burger.active .header__submenu1 { opacity: 1; pointer-events: all; } .header__btn-burger.active .header__btn1 svg { fill: #9dacb7; } .header__btn-burger .burger-close { display: none; } .header__btn-catalog { border-left: 1px var(--border-color) solid; border-right: 1px var(--border-color) solid; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .header__btn-catalog .btn-catalog { position: relative; z-index: 1; } .header__btn-catalog.active .catalog-menu { opacity: 1; pointer-events: all; } .header__btn-catalog.active .btn-catalog { color: var(--theme-color-accent); } .header__btn-catalog.active .btn-catalog .btn-catalog__hover1::before, .header__btn-catalog.active .btn-catalog .btn-catalog__hover1::after, .header__btn-catalog.active .btn-catalog .btn-catalog__hover2::before, .header__btn-catalog.active .btn-catalog .btn-catalog__hover2::after { -webkit-transform: scale(1, 1); transform: scale(1, 1); background-color: rgba(198, 206, 78, 0.5); } .header .btn-catalog { --duration: 600ms; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #fff; display: block; position: relative; -webkit-transition: color var(--duration); transition: color var(--duration); } .header .btn-catalog__sq1 { display: block; } .header .btn-catalog__sq1::before, .header .btn-catalog__sq1::after { content: ""; width: 5px; height: 5px; background-color: #fff; position: absolute; top: -1px; z-index: 2; } .header .btn-catalog__sq1::before { left: -1px; } .header .btn-catalog__sq1::after { right: -1px; } .header .btn-catalog__sq2 { display: block; } .header .btn-catalog__sq2::before, .header .btn-catalog__sq2::after { content: ""; width: 5px; height: 5px; background-color: #fff; position: absolute; bottom: -1px; z-index: 2; } .header .btn-catalog__sq2::before { left: -1px; } .header .btn-catalog__sq2::after { right: -1px; } .header .btn-catalog__hover1 { display: block; } .header .btn-catalog__hover1::before, .header .btn-catalog__hover1::after { content: ""; width: 1px; height: calc(100% + 2px); position: absolute; background-color: rgb(198, 206, 78); -webkit-transition: background-color var(--duration), -webkit-transform var(--duration); transition: background-color var(--duration), -webkit-transform var(--duration); transition: transform var(--duration), background-color var(--duration); transition: transform var(--duration), background-color var(--duration), -webkit-transform var(--duration); } .header .btn-catalog__hover1::before { left: -1px; bottom: -1px; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; } .header .btn-catalog__hover1::after { right: -1px; top: -1px; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: center top; transform-origin: center top; } .header .btn-catalog__hover2 { display: block; } .header .btn-catalog__hover2::before, .header .btn-catalog__hover2::after { content: ""; width: 100%; height: 1px; position: absolute; background-color: rgb(198, 206, 78); -webkit-transition: background-color var(--duration), -webkit-transform var(--duration); transition: background-color var(--duration), -webkit-transform var(--duration); transition: transform var(--duration), background-color var(--duration); transition: transform var(--duration), background-color var(--duration), -webkit-transform var(--duration); } .header .btn-catalog__hover2::before { right: -1px; bottom: -1px; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; transform-origin: right center; } .header .btn-catalog__hover2::after { left: -1px; top: -1px; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; } .header .btn-catalog__hover2 > span { height: var(--height-bottom); padding-left: 50px; padding-right: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 9px; } .header .btn-catalog__hover2 > span::before { content: "[ "; } .header .btn-catalog__hover2 > span::after { content: " ]"; } .header .btn-catalog:hover, .header .btn-catalog:focus-visible { color: var(--theme-color-accent); } .header .btn-catalog:hover .btn-catalog__hover1::before, .header .btn-catalog:hover .btn-catalog__hover1::after, .header .btn-catalog:hover .btn-catalog__hover2::before, .header .btn-catalog:hover .btn-catalog__hover2::after, .header .btn-catalog:focus-visible .btn-catalog__hover1::before, .header .btn-catalog:focus-visible .btn-catalog__hover1::after, .header .btn-catalog:focus-visible .btn-catalog__hover2::before, .header .btn-catalog:focus-visible .btn-catalog__hover2::after { -webkit-transform: scale(1, 1); transform: scale(1, 1); background-color: rgba(198, 206, 78, 0.5); } .header__btn1 { --duration: 600ms; border-right: 1px var(--border-color) solid; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .header__btn1 .hover-sight { width: 50px; height: 50px; position: relative; } .header__btn1 svg { fill: #fff; -webkit-transition: fill var(--duration); transition: fill var(--duration); } .header__btn1:hover svg, .header__btn1:focus-visible svg { fill: #9dacb7; } .header__btn1:hover .hover-sight::before, .header__btn1:focus-visible .hover-sight::before, .header__btn1:hover .hover-sight::after, .header__btn1:focus-visible .hover-sight::after { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .header__btn1:hover .hover-sight > span::before, .header__btn1:focus-visible .hover-sight > span::before, .header__btn1:hover .hover-sight > span::after, .header__btn1:focus-visible .hover-sight > span::after { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .header__btn2 { --duration: 600ms; width: 50px; height: 50px; position: relative; } .header__btn2 svg { fill: #fff; -webkit-transition: fill var(--duration); transition: fill var(--duration); } .header__btn2:hover svg, .header__btn2:focus-visible svg { fill: #9dacb7; } .header__menu { height: var(--height-bottom); display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .header__menu img { display: block; } .header__menu > li { border-right: 1px var(--border-color) solid; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } .header__menu > li:hover .header__submenu1 { opacity: 1; pointer-events: all; } .header__menu > li:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header__menu > li:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .header__menu > li:nth-child(3) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .header__menu > li:nth-child(4) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .header__menu > li:nth-child(5) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .header__menu > li:nth-child(6) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .header__menu > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-transition: color, 400ms; transition: color, 400ms; } .header__menu > li > a:hover, .header__menu > li > a:focus-visible { color: var(--theme-color-accent); } .header__menu-back { display: none; } .header__menu-chevron { display: none; } .header__submenu2 { display: contents; } .header__logo { -ms-flex-preferred-size: 200px; flex-basis: 200px; } .header__submenu1 { background-color: #16171d; border: 1px #2b2c2d solid; padding: 26px; position: absolute; top: 100%; left: -1px; font-size: 16px; line-height: 1.2; pointer-events: none; opacity: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 300px; -webkit-transition: opacity var(--theme-animation-duration); transition: opacity var(--theme-animation-duration); } .header__submenu1 ul li:not(:last-child) { margin-bottom: 21px; } .header__submenu1 ul li a { -webkit-transition: color var(--theme-animation-duration); transition: color var(--theme-animation-duration); } .header__submenu1 a:hover, .header__submenu1 a:focus-visible { color: var(--theme-color-accent); } .header__logo-mobile { display: none; } .header__search { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .header__search .header__btn1 { width: 100%; height: 100%; } .header__user { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .header__submenu2-inner1 { display: none; } .header__submenu2-inner2 { display: none; } .header__submenu2-inner3 { display: none; } .header .catalog-mobile { display: none; } @media (max-width: 1500px) { .header__logo { -ms-flex-preferred-size: 130px; flex-basis: 130px; } .header__logo img { max-width: 100px; } .header__toolbar1 { padding-left: 20px; padding-right: 20px; } } @media (max-width: 1400px) { .header__grid { grid-template-columns: -webkit-max-content 1fr 60px 60px auto 60px; grid-template-columns: max-content 1fr 60px 60px auto 60px; } .header .btn-catalog { font-size: 14px; } .header .btn-catalog__hover2 > span { padding-left: 30px; padding-right: 30px; gap: 0 6px; } .header__submenu1 { padding: 16px; font-size: 14px; } } @media (max-width: 1280px) { .header { --height-top: 54px; --height-bottom: 46px; } .header .container { padding: 0; } .header__grid { grid-template-columns: -webkit-max-content auto 67px -webkit-max-content 63px; grid-template-columns: max-content auto 67px max-content 63px; } .header__logo-mobile { height: var(--height-top); display: block; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border-bottom: 1px var(--border-color) solid; padding: 10px 15px; } .header__logo-mobile img { display: block; height: 100%; } .header__toolbar3 { height: var(--height-top); grid-column: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-left: none; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 22px; padding-right: 22px; } .header__toolbar3 .location-string { display: none; } .header__toolbar2 { gap: 30px; } .header__label1 { font-size: 14px; } .header__phone { font-size: 14px; } .header__btn-callback { height: var(--height-top); grid-column: span 2; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .header__menu-back { min-height: 60px; font-size: 16px; font-weight: 700; color: var(--theme-color-accent); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 20px; position: relative; width: calc(100% + 60px); background-color: #1c1d24; border-bottom: 1px var(--theme-color-accent) solid; margin-left: -30px; margin-right: 0; padding-left: 30px; padding-right: 30px; } .header__menu-back::after { content: ""; left: 0; top: 0; position: absolute; width: 100%; height: 100%; } .header__menu-back svg { fill: var(--theme-color-accent); -webkit-transform: scale(-1, 1); transform: scale(-1, 1); -ms-flex-negative: 0; flex-shrink: 0; } .header__menu-back span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .header__submenu2-inner1 { display: block; margin-left: 30px; margin-right: 30px; padding-top: 28px; padding-bottom: 28px; border-top: 1px #2b2c2d solid; } .header__submenu2-inner1 .location-string { margin-bottom: 18px; } .header__submenu2-inner1 .header__label1 { font-size: 16px; margin-bottom: 16px; } .header__submenu2-inner1 .header__phone { font-size: 16px; margin-bottom: 16px; display: inline-block; } .header__submenu2-inner1 .header__btn-callback { height: unset; border: none; } .header__menu { display: block; height: auto; margin-top: 15px; margin-bottom: 15px; position: static; } .header__menu > li { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; padding-right: 26px; border-right: none; } .header__menu > li > a { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 30px; padding-right: 0; min-height: 40px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header__menu .header__submenu1 { top: 0; left: 0; width: 100%; max-width: 100%; height: 100%; border: none; pointer-events: all; opacity: 1; padding: 0 30px 0 30px; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform var(--theme-animation-duration); transition: -webkit-transform var(--theme-animation-duration); transition: transform var(--theme-animation-duration); transition: transform var(--theme-animation-duration), -webkit-transform var(--theme-animation-duration); } .header__menu .header__submenu1 a { color: #9dacb7; } .header__menu > li.active .header__submenu1 { -webkit-transform: translateX(0); transform: translateX(0); } .header__menu-chevron { width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .header__menu-chevron svg { display: block; fill: var(--theme-color-accent); } .header__logo { display: none !important; } .header__submenu2 { display: block; opacity: 0; pointer-events: none; position: absolute; right: 0; width: 100%; height: calc(100dvh - (var(--height-top) + var(--height-bottom))); max-width: 500px; background-color: #16171d; top: 100%; border: 1px var(--border-color) solid; border-bottom: none; border-right: none; overflow: hidden; } .submenu-active .header__submenu2 { opacity: 1; pointer-events: all; } .header__btn-burger { height: var(--height-top); -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; border-right: none; border-bottom: 1px var(--border-color) solid; position: static; } .header__btn-burger .header__btn1 { border-right: none; } .header__btn-burger .header__submenu1 { display: none; } .header__btn-burger.active .burger-open { display: none; } .header__btn-burger.active .burger-close { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__btn-burger.active .header__submenu2 { opacity: 1; pointer-events: all; } .header__btn-catalog { height: var(--height-bottom); -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; grid-column: span 2; } .header__search { height: var(--height-bottom); -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .header__toolbar1 { height: var(--height-bottom); -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0; padding: 0; } .header__toolbar1 .header__btn2:not(:last-child) { border-right: 1px var(--border-color) solid; } .header__toolbar1 .header__btn2 { width: 67px; height: var(--height-bottom); } .header__user { height: var(--height-bottom); -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; border-right: none; } .header .hover-sight::before, .header .hover-sight::after, .header .hover-sight > span::before, .header .hover-sight > span::after { display: none; } .header__count { font-size: 10px; left: 42px; top: 3px; } .header .btn-catalog { min-width: 308px; border-right: 1px var(--border-color) solid; } } @media (max-width: 1000px) { .header__toolbar2 { gap: 15px; } .header__label1 { font-size: 12px; } .header__phone { font-size: 12px; } } @media (max-width: 900px) { .header__toolbar2 { display: none; } .header__toolbar3 { padding: 0; } .header__submenu2-inner2 { display: block; } } @media (max-width: 645px) { .header__btn-catalog { border-right: none; } .header__btn-catalog .btn-catalog { width: 100%; min-width: 0; } } @media (max-width: 600px) { .header__submenu2-inner3 { display: block; } .header__submenu2-inner3 .header__btn-callback { display: inline-block; } .header .catalog-mobile { display: block; } .header .catalog-mobile .header__submenu1 { top: 0; left: 0; width: 100%; max-width: 100%; height: 100%; border: none; pointer-events: all; opacity: 1; padding: 0 30px 0 30px; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform var(--theme-animation-duration); transition: -webkit-transform var(--theme-animation-duration); transition: transform var(--theme-animation-duration); transition: transform var(--theme-animation-duration), -webkit-transform var(--theme-animation-duration); } .header .catalog-mobile .header__submenu1 a { color: #9dacb7; } .header .catalog-mobile.active .header__submenu1 { -webkit-transform: translateX(0); transform: translateX(0); } .header .catalog-mobile__btn { min-height: 60px; font-size: 16px; font-weight: 700; color: var(--theme-color-accent); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 20px; position: relative; width: 100%; background-color: #1c1d24; border-bottom: 1px var(--theme-color-accent) solid; margin-right: 0; padding-left: 30px; padding-right: 30px; } .header .catalog-mobile__btn::after { content: ""; left: 0; top: 0; position: absolute; width: 100%; height: 100%; } .header .catalog-mobile__btn svg { fill: var(--theme-color-accent); -ms-flex-negative: 0; flex-shrink: 0; } .header .catalog-mobile__btn span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .header__btn-callback { display: none; } .header__btn-catalog { display: none; } .header__grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .header__logo-mobile { grid-column: 4 span; border-right: 1px var(--border-color) solid; } .header__toolbar3 { display: none; } .header__toolbar1 { grid-column: span 3; } .header__toolbar1 .header__btn2 { width: unset; } .header__count { left: calc(50% + 9px); } } @media (max-width: 500px) { .header .header__submenu2 { border-left: none; } } .catalog-menu { position: absolute; left: 0; top: 100%; width: 100%; background: #16171d; padding: 55px 60px; font-size: 16px; line-height: 1.2; border: 1px #2b2c2d solid; pointer-events: none; opacity: 0; -webkit-transition: opacity var(--theme-animation-duration); transition: opacity var(--theme-animation-duration); } .catalog-menu ul li { margin-bottom: 21px; } .catalog-menu ul li a { -webkit-transition: color var(--theme-animation-duration); transition: color var(--theme-animation-duration); } .catalog-menu ul li a img { position: absolute; top: 0; right: 0; opacity: 0; width: 100%; max-width: 16%; max-height: 150px; object-fit: contain; -webkit-transition: opacity var(--theme-animation-duration); transition: opacity var(--theme-animation-duration); } .catalog-menu ul li a:hover img { opacity: 1; } .catalog-menu a:hover, .catalog-menu a:focus-visible { color: var(--theme-color-accent); } .catalog-menu__grid { display: grid; grid-template-columns: 4.2fr 0.75fr 1.05fr; position: relative; } .catalog-menu__col1 { padding-right: 60px; } .catalog-menu__col1 ul { -webkit-columns: 3; -moz-columns: 3; columns: 3; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } .catalog-menu__col2 { font-weight: 700; text-transform: uppercase; } .catalog-menu__col3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 20px; } @media (max-width: 1600px) { .catalog-menu__col2 { padding-left: 60px; } } @media (max-width: 1300px) { .catalog-menu { padding: 25px 30px; } .catalog-menu__col1 ul { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .catalog-menu__col3 { padding-right: 0; } .catalog-menu__col2 { padding-left: 30px; } } @media (max-width: 1280px) { .catalog-menu { font-size: 14px; border-left: none; border-right: none; } .catalog-menu__col1 ul { -webkit-columns: 2; -moz-columns: 2; columns: 2; } .catalog-menu__grid { display: grid; grid-template-columns: 3fr 1fr 1fr; position: relative; } } @media (max-width: 1000px) { .catalog-menu__grid { display: grid; grid-template-columns: 2fr 0.7fr; position: relative; } .catalog-menu__col3 { display: none; } .catalog-menu ul li a img { display: none; } } @media (max-width: 700px) { .catalog-menu__col1 { padding-right: 20px; } } body { background-color: #16171d; color: #fff; font-family: var(--font-primary); font-weight: 400; font-size: 16px; } body::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 60; opacity: 0; pointer-events: none; background: rgba(35, 36, 43, 0.5); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .filter-open body { overflow: hidden; } .filter-open body::before { content: ""; opacity: 1; pointer-events: auto; } body.noscroll { overflow: hidden; } @media (max-width: 500px) { body.noscroll500 { overflow: hidden; } } input, button, textarea { font-family: inherit; font-weight: 400; font-size: 16px; color: inherit; } fieldset, fieldset legend { margin: 0; border: none; padding: 0; } button { cursor: pointer; } button:disabled { cursor: default; } a { outline: none; color: currentcolor; } .text-center { text-align: center; } .preload * { -webkit-transition: none !important; transition: none !important; color: transparent !important; } .v-h { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .heading-cols1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .heading-cols1 .title2 { margin-bottom: 0; } .title1 { font-family: var(--font-secondary); font-size: clamp(14px, 3.6vw, 40px); font-weight: 700; line-height: 1.2; margin-bottom: 40px; } .title1 span { display: block; background: -webkit-gradient(linear, left top, right bottom, color-stop(12%, #47647a), color-stop(93%, #769cb8)); background: linear-gradient(to bottom right, #47647a 12%, #769cb8 93%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .title2 { font-family: var(--font-secondary); font-size: 30px; font-weight: 700; line-height: 1.2; margin-bottom: 40px; } .title2 span { color: #769cb8; } @media (max-width: 1280px) { .title2 { font-size: 22px; } } @media (max-width: 900px) { .title2 { font-size: 20px; } } @media (max-width: 768px) { .title2 { font-size: 18px; } } @media (max-width: 575px) { .title2 { font-size: 16px; } } .title3 { font-family: var(--font-secondary); font-size: 24px; font-weight: 400; line-height: 1.2; margin-bottom: 40px; } @media (max-width: 1280px) { .title3 { font-size: 22px; } } @media (max-width: 900px) { .title3 { font-size: 20px; } } @media (max-width: 768px) { .title3 { font-size: 18px; } } @media (max-width: 575px) { .title3 { font-size: 16px; } } .spinner { display: inline-block; } .spinner svg { width: 26px; height: 22px; fill: #1e1e1e; } .spinner_active svg { -webkit-transform-origin: 15px 11px; transform-origin: 15px 11px; -webkit-animation: spinner-rotation 750ms infinite linear; animation: spinner-rotation 750ms infinite linear; } @-webkit-keyframes spinner-rotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes spinner-rotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .btn-load { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 15px; font-size: 16px; font-weight: 700; color: inherit; text-transform: uppercase; border-radius: 4px; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 100ms; transition-duration: 100ms; } .btn-load svg { fill: currentcolor; } .btn-load:hover { color: var(--theme-color-accent); } .nav-bottom { padding: 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .nav-bottom .btn-load { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto 40px auto; } .nav-bottom::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: var(--border-color); } @media (max-width: 1000px) { .nav-bottom::before { display: none; } } .nav-bottom::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--border-color); } @media (max-width: 1000px) { .nav-bottom::after { display: none; } } @media (max-width: 1100px) { .nav-bottom { padding: 20px; } } .textblock1 { font-size: 16px; line-height: 1.5; } .textblock1 h2, .textblock1 h3, .textblock1 h4, .textblock1 h5, .textblock1 h6 { text-transform: uppercase; font-size: inherit; margin-bottom: 1.5em; } .textblock1 p, .textblock1 ul, .textblock1 ol, .textblock1 img { margin-bottom: 1.5em; } .textblock1 a { color: var(--theme-color-accent); text-decoration: underline; text-decoration-thickness: 0.5px; text-underline-offset: 1px; } .textblock1 img { max-width: 100%; } .textblock1 p > span { color: var(--theme-color-accent); } .textblock1 > *:last-child { margin-bottom: 0; } @media (max-width: 575px) { .textblock1 { font-size: 14px; } .textblock1 h2, .textblock1 h3, .textblock1 h4, .textblock1 h5, .textblock1 h6 { margin-bottom: 1.25em; } .textblock1 p, .textblock1 ul, .textblock1 ol, .textblock1 img { margin-bottom: 1.25em; } } .video { position: relative; } .video__play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 768px) { .video__play { width: 54px; height: 54px; } } .location-string { font-size: 16px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 12px; } .location-string__icon { fill: var(--theme-color-accent); } .hover-sight::before, .hover-sight::after { content: ""; background-color: var(--theme-color-accent); position: absolute; width: 8px; height: 1px; top: 50%; -webkit-transition: opacity var(--duration), -webkit-transform var(--duration); transition: opacity var(--duration), -webkit-transform var(--duration); transition: transform var(--duration), opacity var(--duration); transition: transform var(--duration), opacity var(--duration), -webkit-transform var(--duration); } .hover-sight::before { left: -2px; -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } .hover-sight::after { right: -2px; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } .hover-sight > span { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hover-sight > span::before, .hover-sight > span::after { content: ""; background-color: var(--theme-color-accent); position: absolute; width: 1px; height: 8px; left: 50%; -webkit-transition: opacity var(--duration), -webkit-transform var(--duration); transition: opacity var(--duration), -webkit-transform var(--duration); transition: transform var(--duration), opacity var(--duration); transition: transform var(--duration), opacity var(--duration), -webkit-transform var(--duration); } .hover-sight > span::before { top: -4px; -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; } .hover-sight > span::after { bottom: -4px; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } .hover-sight:hover::before, .hover-sight:focus-visible::before, .hover-sight:hover::after, .hover-sight:focus-visible::after { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .hover-sight:hover > span::before, .hover-sight:focus-visible > span::before, .hover-sight:hover > span::after, .hover-sight:focus-visible > span::after { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 10px; } .socials svg { fill: #fff; -webkit-transition: fill var(--theme-animation-duration); transition: fill var(--theme-animation-duration); } .socials a:hover svg, .socials a:focus-visible svg { fill: var(--theme-color-accent); } .corners1 { --shift: 10px; --size: 40px; position: relative; display: block; } .corners1::before, .corners1::after, .corners1__inner::before, .corners1__inner::after { content: ""; position: absolute; width: var(--size); height: var(--size); pointer-events: none; } .corners1::before { border-top: 1px #9dacb7 solid; border-left: 1px #9dacb7 solid; left: 0; top: 0; } .corners1::after { border-top: 1px #9dacb7 solid; border-right: 1px #9dacb7 solid; right: 0; top: 0; } .corners1__inner { display: block; } .corners1__inner::before { border-bottom: 1px #9dacb7 solid; border-left: 1px #9dacb7 solid; left: 0; bottom: 0; } .corners1__inner::after { border-bottom: 1px #9dacb7 solid; border-right: 1px #9dacb7 solid; right: 0; bottom: 0; } .corners1_hovered::before, .corners1_hovered::after, .corners1_hovered .corners1__inner::before, .corners1_hovered .corners1__inner::after { -webkit-transition: border-color var(--duration), -webkit-transform var(--duration); transition: border-color var(--duration), -webkit-transform var(--duration); transition: transform var(--duration), border-color var(--duration); transition: transform var(--duration), border-color var(--duration), -webkit-transform var(--duration); } .corners1_hovered:hover::before { -webkit-transform: translate(10px, 10px); transform: translate(10px, 10px); border-color: var(--theme-color-accent); } .corners1_hovered:hover::after { -webkit-transform: translate(-10px, 10px); transform: translate(-10px, 10px); border-color: var(--theme-color-accent); } .corners1_hovered:hover .corners1__inner::before { -webkit-transform: translate(10px, -10px); transform: translate(10px, -10px); border-color: var(--theme-color-accent); } .corners1_hovered:hover .corners1__inner::after { -webkit-transform: translate(-10px, -10px); transform: translate(-10px, -10px); border-color: var(--theme-color-accent); } .badge1 { --height: 30px; --padding: 16px; --angle: 9px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: var(--height); background-color: var(--theme-color-accent); color: #16171d; font-size: 14px; font-weight: 700; padding: 5px var(--padding); clip-path: polygon(0 0, 100% 0, calc(100% - var(--angle)) 100%, 0 100%); } .badge1_accent { background-color: var(--theme-color-accent); } .badge1_white { background-color: #fff; } .badge1_white.badge1_hollow { background: none; border: 1px #fff solid; color: #fff; clip-path: unset; -webkit-transform: skew(-17deg); transform: skew(-17deg); padding-left: 10px; padding-right: 10px; } .badge1_white.badge1_hollow > span { -webkit-transform: skew(17deg); transform: skew(17deg); } .badge1_grey { background-color: #2b3846; color: #fff; } .badge2 { --height: 30px; --padding: 16px; --angle: 9px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: var(--height); font-size: 14px; padding: 5px var(--padding); clip-path: polygon(var(--angle) 0, 100% 0, calc(100% - var(--angle)) 100%, 0 100%); } .badge2_accent { background-color: var(--theme-color-accent); color: #16171d; } .badge2_grey1 { background-color: #2b3846; color: #fff; } .badge2_grey2 { background-color: #47647a; color: #fff; } .badge3 { --height: 38px; --angle: 12px; --padding: 30px; padding: 9px var(--padding); clip-path: polygon(var(--angle) 0, 100% 0, calc(100% - var(--angle)) 100%, 0 100%); } .badge3_grey1 { background-color: #2b3846; } .special-offer-timer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 11px; } .special-offer-timer__item { width: 90px; height: 60px; color: #fff; 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .special-offer-timer__item::before { content: ""; position: absolute; inset: 0; background-color: rgba(157, 172, 183, 0.2); -webkit-transform: skew(-14deg); transform: skew(-14deg); z-index: -1; } .special-offer-timer__key { display: block; font-size: 14px; font-weight: 400; line-height: 1; color: #9dacb7; } .special-offer-timer__value { display: block; font-size: 24px; font-weight: 700; line-height: 1; margin-bottom: 1px; } .special-offer-timer_small { gap: 0 6px; } .special-offer-timer_small .special-offer-timer__item { width: 50px; height: 40px; } .special-offer-timer_small .special-offer-timer__item::before { background-color: rgba(157, 172, 183, 0.1); } .special-offer-timer_small .special-offer-timer__key { font-size: 12px; } .special-offer-timer_small .special-offer-timer__value { font-size: 16px; } .photos-preview { position: relative; width: 100%; height: 100%; } .photos-preview__nav { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; z-index: 1; } .photos-preview__nav-item { height: 1px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; position: relative; } .photos-preview__nav-item::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 300px; } .photos-preview__stack img { visibility: hidden; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .params-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; } .tippy-box[data-theme=arkon] { background: #2b3846; border-radius: 0; } .tippy-box[data-theme=arkon] .tippy-content { padding: 14px; font-size: 14px; line-height: 1.3; color: var(--theme-color-text-common); } .tippy-box[data-theme=arkon] .tippy-arrow { color: #2b3846; } .photo-corner1 { --duration: 500ms; width: 100%; max-width: 586px; position: relative; } .photo-corner1 .btn-arrow1 { opacity: 0; pointer-events: none; } .photo-corner1 .corners1__inner img { display: block; width: 100%; -webkit-transition: -webkit-filter var(--duration); transition: -webkit-filter var(--duration); transition: filter var(--duration); transition: filter var(--duration), -webkit-filter var(--duration); aspect-ratio: 1000 / 420; object-fit: contain; } .photo-corner1 .corners1, .photo-corner1 .corners1__inner { width: 100%; } .photo-corner1 .corners1__inner { padding: 40px; } .photo-corner1__badge-logo { position: absolute; left: var(--padding); bottom: var(--padding); display: flex; justify-content: center; align-items: center; gap: 7px; } .photo-corner1__badge-logo span { display: block; background-color: var(--theme-color-accent); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } .photo-corner1__badge-logo span img { display: block; opacity: 0; width: 100%; } .photo-corner1__badge-logo span.brand { width: 36px; } .photo-corner1__badge-logo span.series { max-height: 20px; object-fit: cover; } .photo-corner1:hover .btn-arrow1 { opacity: 1; } .photo-corner1:hover .corners1__inner img { -webkit-filter: brightness(0.7); filter: brightness(0.7); } @media (max-width: 575px) { .photo-corner1 .corners1 { --size: 20px; } .photo-corner1 .photo-corner1 .corners1__inner { padding: 20px; } } .block1 { margin: 0px 0px 200px 0px; } .back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; font-weight: 700; font-size: 16px; line-height: 100%; color: var(--theme-color-accent); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .back svg { fill: currentColor; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .back:hover { opacity: 0.7; } @media (max-width: 1100px) { .back { font-size: 14px; gap: 14px; } .back svg { width: 17px; height: 14px; } } .play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; z-index: 10; --duration: 600ms; width: 88px; height: 88px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color var(--duration); transition: color var(--duration); } @media (max-width: 768px) { .play { width: 48px; height: 48px; } } .play::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); background: rgba(157, 172, 183, 0.2); } .play__sq1 { display: block; } .play__sq1::before, .play__sq1::after { content: ""; width: 5px; height: 5px; background-color: #fff; position: absolute; top: -1px; z-index: 2; } .play__sq1::before { left: -1px; } .play__sq1::after { right: -1px; } .play__sq2 { display: block; } .play__sq2::before, .play__sq2::after { content: ""; width: 5px; height: 5px; background-color: #fff; position: absolute; bottom: -1px; z-index: 2; } .play__sq2::before { left: -1px; } .play__sq2::after { right: -1px; } .play__hover1 { display: block; } .play__hover1::before, .play__hover1::after { content: ""; width: 1px; height: calc(100% + 2px); position: absolute; background-color: rgb(198, 206, 78); -webkit-transition: background-color var(--duration), -webkit-transform var(--duration); transition: background-color var(--duration), -webkit-transform var(--duration); transition: transform var(--duration), background-color var(--duration); transition: transform var(--duration), background-color var(--duration), -webkit-transform var(--duration); } .play__hover1::before { left: -1px; bottom: -1px; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; } .play__hover1::after { right: -1px; top: -1px; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: center top; transform-origin: center top; } .play__hover2 { display: block; } .play__hover2 svg { position: relative; z-index: 5; fill: #fff; -webkit-transition: fill 0.3s; transition: fill 0.3s; } @media (max-width: 768px) { .play__hover2 svg { width: 15px; height: 15px; } } .play__hover2::before, .play__hover2::after { content: ""; width: 100%; height: 1px; position: absolute; background-color: rgb(198, 206, 78); -webkit-transition: background-color var(--duration), -webkit-transform var(--duration); transition: background-color var(--duration), -webkit-transform var(--duration); transition: transform var(--duration), background-color var(--duration); transition: transform var(--duration), background-color var(--duration), -webkit-transform var(--duration); } .play__hover2::before { right: -1px; bottom: -1px; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; transform-origin: right center; } .play__hover2::after { left: -1px; top: -1px; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; transform-origin: left center; } .play__hover2 > span { height: var(--height-bottom); padding-left: 50px; padding-right: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 9px; } .play__hover2 > span::before { content: "[ "; } .play__hover2 > span::after { content: " ]"; } .play:hover svg, .corners1__inner:hover .play svg { fill: var(--theme-color-accent); } .play:hover, .play:focus-visible, .corners1__inner:hover .play, .corners1__inner:focus-visible .play { color: var(--theme-color-accent); } .play:hover .play__hover1::before, .play:hover .play__hover1::after, .play:hover .play__hover2::before, .play:hover .play__hover2::after, .play:focus-visible .play__hover1::before, .play:focus-visible .play__hover1::after, .play:focus-visible .play__hover2::before, .play:focus-visible .play__hover2::after, .corners1__inner:hover .play .play__hover1::before, .corners1__inner:hover .play .play__hover1::after, .corners1__inner:hover .play .play__hover2::before, .corners1__inner:hover .play .play__hover2::after, .corners1__inner:focus-visible .play .play__hover1::before, .corners1__inner:focus-visible .play .play__hover1::after, .corners1__inner:focus-visible .play .play__hover2::before, .corners1__inner:focus-visible .play .play__hover2::after { -webkit-transform: scale(1, 1); transform: scale(1, 1); background-color: rgba(198, 206, 78, 0.5); } [data-showmore-button] { margin: 8px 0px 0px 0px; } [data-showmore-button] .btn-text { font-size: 14px; gap: 7px; } [data-showmore-button] span:last-child { display: none; } [data-showmore-button]._showmore-active span:first-child { display: none; } [data-showmore-button]._showmore-active span:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .search { position: relative; background: #16171d; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #2b2c2d; height: 60px; padding: 5px 20px; gap: 16px; } @media (max-width: 768px) { .search { gap: 13px; } } .search input { width: 100%; height: 100%; font-weight: 400; font-size: 16px; line-height: 100%; color: #9dacb7; } .search input::-webkit-input-placeholder { color: #9dacb7; } .search input::-moz-placeholder { color: #9dacb7; } .search input:-ms-input-placeholder { color: #9dacb7; } .search input::-ms-input-placeholder { color: #9dacb7; } .search input::placeholder { color: #9dacb7; } @media (max-width: 768px) { .search input { font-size: 14px; background: -webkit-gradient(linear, left top, right top, from(#9dacb7), to(#16171d)); background: linear-gradient(90deg, #9dacb7 0%, #16171d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } } .search__button svg { fill: #fff; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .search__button:hover svg { fill: var(--theme-color-accent); } .search__placeholder { pointer-events: none; position: absolute; top: 20px; left: 56px; font-weight: 400; color: #9dacb7; font-size: 16px; line-height: 100%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .search__placeholder span { font-weight: 700; color: #fff; } @media (max-width: 1100px) { .search__placeholder { font-size: 14px; } } .search__close svg { -webkit-transition: fill 0.3s; transition: fill 0.3s; fill: #9dacb7; } .search__close:hover svg { fill: var(--theme-color-accent); } .search input:not(:-moz-placeholder-shown) ~ .search__placeholder { opacity: 0; visibility: hidden; } .search input:not(:-ms-input-placeholder) ~ .search__placeholder { opacity: 0; visibility: hidden; } .search input:focus ~ .search__placeholder, .search input:not(:placeholder-shown) ~ .search__placeholder { opacity: 0; visibility: hidden; } .btn-left { padding: 5px 20px 5px 10px; clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%); } @media (max-width: 1200px) { .btn-left { width: 100%; } } @media (max-width: 1200px) { .btn-left { font-size: 14px; } } .btn-center { clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%); } .btn-right { clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%); background-color: #363841; -webkit-transform: skew(0deg); transform: skew(0deg); border: none; padding: 5px 10px; margin: 0px 0px 0px -15px; } @media (max-width: 1200px) { .btn-right { width: calc(100% + 10px); margin: 0px 0px 0px -10px; } } @media (max-width: 1200px) { .btn-right { font-size: 14px; } } .btn-badge { width: 232px; height: 54px; color: #fff; background-color: #363841; font-weight: 700; font-size: 16px; line-height: 100%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .btn-badge:hover { opacity: 0.7; } .btn-badge.btn-corner1_active { background-color: var(--theme-color-accent); color: #16171d; } @media (max-width: 1200px) { .btn-badge { width: 150px; font-size: 14px; } } @media (max-width: 480px) { .btn-badge { width: calc(100% + 10px); } } .card-pub { --duration: 500ms; --delay-leave: 200ms; border-left: 1px #2b2c2d solid; min-height: 400px; padding: 30px; position: relative; overflow: hidden; 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; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; /* Добавляем задержку при уходе от карточки */ } .card-pub__bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 9px; } .card-pub__bar .badge1:not(.badge1_hollow) { margin-right: -5px; } .card-pub__photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #16171d; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform var(--duration); transition: -webkit-transform var(--duration); transition: transform var(--duration); transition: transform var(--duration), -webkit-transform var(--duration); } .card-pub__photo img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; opacity: 0.3; -webkit-filter: grayscale(1); filter: grayscale(1); } .card-pub__title { font-size: 18px; font-weight: 700; line-height: 1.2; color: #fff; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .card-pub__title a { display: block; } .card-pub__preview { font-size: 14px; line-height: 1.5; color: #9dacb7; height: 63px; margin-top: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .card-pub__bottom { -webkit-transform: translateY(90px); transform: translateY(90px); -webkit-transition: -webkit-transform var(--duration); transition: -webkit-transform var(--duration); transition: transform var(--duration); transition: transform var(--duration), -webkit-transform var(--duration); } .card-pub:hover .card-pub__photo, .card-pub:focus-visible .card-pub__photo { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 0ms; transition-delay: 0ms; } .card-pub:hover .card-pub__bottom, .card-pub:focus-visible .card-pub__bottom { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0ms; transition-delay: 0ms; } .card-pub:not(:hover):not(:focus-visible) .card-pub__photo { -webkit-transition-delay: var(--delay-leave); transition-delay: var(--delay-leave); } .card-pub:not(:hover):not(:focus-visible) .card-pub__bottom { -webkit-transition-delay: var(--delay-leave); transition-delay: var(--delay-leave); } @container (width < 280px) { .card-pub { padding: 10px 20px 20px 20px; } .card-pub__bar { gap: 5px; } .card-pub__bar .badge1 { --height: 20px; --padding: 9px; --angle: 7px; font-size: 10px; } .card-pub__bar .badge1_white.badge1_hollow { padding-top: 4px; padding-bottom: 4px; } .card-pub__photo { -webkit-transform: translateX(0); transform: translateX(0); } .card-pub__bottom { -webkit-transform: translateY(0); transform: translateY(0); } .card-pub__title { font-size: 16px; -webkit-line-clamp: 5; } .card-pub__preview { font-size: 14px; height: auto; margin-top: 14px; -webkit-line-clamp: 5; } } @media (max-width: 900px) { .card-pub { min-height: 318px; padding: 15px; } .card-pub__preview { margin-top: 12px; font-size: 12px; } .card-pub__bar { gap: 5px; } .card-pub__bar .badge1 { --height: 24px; --padding: 9px; --angle: 7px; font-size: 12px; } .card-pub__bar .badge1_white.badge1_hollow { padding-top: 4px; padding-bottom: 4px; } } .card-teaser3 { --duration: 500ms; --padding: 60px; padding: calc(var(--padding) * 0.85) var(--padding) var(--padding) var(--padding); background-color: #23242b; min-height: 568px; position: relative; z-index: 1; } .card-teaser3__title { margin: 0; line-height: 1.45; } .card-teaser3__title span { color: var(--theme-color-accent); } .card-teaser3__title a::after { content: ""; left: 0; top: 0; position: absolute; width: 100%; height: 100%; z-index: 5; } .card-teaser3__text { font-size: 16px; font-weight: 400; line-height: 1.5; color: #9dacb7; margin-top: 12px; } .card-teaser3__text span { color: var(--theme-color-accent); font-weight: 700; } .card-teaser3__photo { position: absolute; right: 0; bottom: 0; width: 53.66%; -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transition: -webkit-transform var(--duration); transition: -webkit-transform var(--duration); transition: transform var(--duration); transition: transform var(--duration), -webkit-transform var(--duration); } .card-teaser3__bg { position: absolute; left: 0; bottom: 0; width: 65.47%; height: 59.33%; z-index: -1; pointer-events: none; } .card-teaser3__bg::before, .card-teaser3__bg::after { content: ""; position: absolute; left: 0; width: 100%; height: 41.54%; z-index: 1; } .card-teaser3__bg::before { top: 0; background: -webkit-gradient(linear, left bottom, left top, from(rgba(35, 36, 43, 0)), to(rgb(35, 36, 43))); background: linear-gradient(0deg, rgba(35, 36, 43, 0) 0%, rgb(35, 36, 43) 100%); } .card-teaser3__bg::after { bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(35, 36, 43, 0)), to(rgb(35, 36, 43))); background: linear-gradient(180deg, rgba(35, 36, 43, 0) 0%, rgb(35, 36, 43) 100%); } .card-teaser3__bg-pic { width: 100%; height: 100%; background-color: #16171d; } .card-teaser3__bg-pic img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; opacity: 0.4; -webkit-filter: grayscale(1); filter: grayscale(1); } .card-teaser3__bg-pic::before, .card-teaser3__bg-pic::after { content: ""; position: absolute; top: 0; width: 41.75%; height: 100%; z-index: 1; } .card-teaser3__bg-pic::before { left: 0; background: -webkit-gradient(linear, right top, left top, from(rgba(35, 36, 43, 0)), to(rgb(35, 36, 43))); background: linear-gradient(270deg, rgba(35, 36, 43, 0) 0%, rgb(35, 36, 43) 100%); } .card-teaser3__bg-pic::after { right: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(35, 36, 43, 0)), to(rgb(35, 36, 43))); background: linear-gradient(90deg, rgba(35, 36, 43, 0) 0%, rgb(35, 36, 43) 100%); } .card-teaser3__arrow { width: 62px; height: 62px; background-color: var(--theme-color-accent); position: absolute; right: var(--padding); bottom: var(--padding); opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity var(--duration); transition: opacity var(--duration); } .card-teaser3__arrow svg { display: block; } .card-teaser3:hover .card-teaser3__photo { -webkit-transform: scale(1.1); transform: scale(1.1); } .card-teaser3:hover .card-teaser3__arrow { opacity: 1; } .card-teaser3 .special-offer-timer { position: absolute; left: var(--padding); bottom: var(--padding); } @media (max-width: 1500px) { .card-teaser3 { --padding: 40px; min-height: 500px; } .card-teaser3 .title3 { font-size: 22px; } } @media (max-width: 1300px) { .card-teaser3 { --padding: 40px; min-height: 400px; } .card-teaser3 .title3 { font-size: 20px; } .card-teaser3 .special-offer-timer { gap: 0 9px; } .card-teaser3 .special-offer-timer__item { width: 63px; height: 49px; } } @media (max-width: 1024px) { .card-teaser3 { --padding: 30px; min-height: 342px; } .card-teaser3 .title3 { font-size: 18px; } .card-teaser3__text { font-size: 14px; } } @media (max-width: 575px) { .card-teaser3 { --padding: 20px; min-height: 437px; overflow: hidden; } .card-teaser3__photo { right: 50%; bottom: 10%; -webkit-transform: translateX(50%); transform: translateX(50%); min-width: 268px; } .card-teaser3__bg { left: unset; right: -20%; bottom: -20%; } .card-teaser3 .special-offer-timer { left: 50%; bottom: 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .card-teaser3:hover .card-teaser3__photo { -webkit-transform: scale(1); transform: scale(1); } .card-teaser3:hover .card-teaser3__arrow { opacity: 0; } } .card-product { --padding-horizontal: 30px; position: relative; margin-bottom: 127px; } .card-product__bonuses { position: absolute; left: var(--padding-horizontal); bottom: 0; background-color: #d4dbe1; color: #16171d; font-weight: 700; } .card-product__badges { position: absolute; left: var(--padding-horizontal); top: var(--padding-horizontal); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 5px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-product__brand { position: absolute; bottom: 0; right: var(--padding-horizontal); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 11px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-product__brand span { background-color: #47647A; mask-repeat: no-repeat; mask-size: 100%; } .card-product__brand span:first-child { width: 30px; } .card-product__brand span:last-child { width: 50px; } .card-product__brand span img { opacity: 0; display: block; width: 100%; aspect-ratio: unset; } /* .card-product__brand img { display: block; max-width: 100%; max-height: 100%; } */ .card-product__actions { position: absolute; top: var(--padding-horizontal); right: var(--padding-horizontal); z-index: 2; } .card-product__actions > *:not(:last-child) { margin-bottom: 17px; } .card-product__action { width: 28px; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .card-product__action::after { content: ""; width: 120%; height: 120%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; } .card-product__action svg { fill: #9dacb7; -webkit-transition: fill var(--theme-animation-duration); transition: fill var(--theme-animation-duration); } .card-product__action:hover svg, .card-product__action:focus-visible svg { fill: var(--theme-color-accent); } .card-product__action_active svg { fill: var(--theme-color-accent); } .card-product__photo { display: block; padding: 50px 66px 0 66px; position: relative; width: 100%; overflow: hidden; } .card-product__photo img { display: block; width: 100%; aspect-ratio: 248/197; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .card-product .photos-preview { width: 100%; aspect-ratio: 248/197; height: auto; } .card-product .photos-preview__nav { left: -36px; bottom: -10px; width: calc(100% + 72px); } .card-product__name { font-size: 16px; font-weight: 400; line-height: 1.2; margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .card-product__name a:hover, .card-product__name a:focus-visible { color: #fff; } .card-product__status { font-size: 14px; font-weight: 400; line-height: 1.5; color: #8a8a8a; margin-bottom: 23px; } .card-product__status_instock { color: var(--theme-color-accent); } .card-product__status_outofstock { color: #ff4b41; } .card-product__discount { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 17px; padding: 0 4px; background-color: #47647a; color: #fff; font-size: 14px; font-weight: 700; line-height: 1; margin-left: 10px; } .card-product__price1 { font-size: 18px; font-weight: 700; line-height: 1.2; display: block; white-space: nowrap; margin-top: 7px; } .card-product__price2 { font-size: 14px; font-weight: 700; line-height: 1.2; color: #47647a; white-space: nowrap; text-decoration: line-through; text-decoration-color: #47647a; } .card-product__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .card-product__bottom > *:first-child { margin-right: 10px; } .card-product__data { width: 100%; min-height: 185px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 15px var(--padding-horizontal) var(--padding-horizontal) var(--padding-horizontal); 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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .card-product__inner { width: 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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; background: -webkit-gradient(linear, left bottom, left top, from(rgba(35, 36, 43, 0)), to(rgb(35, 36, 43))); background: linear-gradient(0deg, rgba(35, 36, 43, 0) 0%, rgb(35, 36, 43) 100%); } .card-product__buttons { display: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 4px; width: 100%; } .card-product__buttons .btn-fancy, .card-product__buttons .btn-fancy span { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .card-product__buttons .btn-fancy { --padding: 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .card-product__buttons .btn-fancy span { text-transform: unset; min-width: 50px; } .card-product__buttons .btn-fancy_1 { margin-right: -7.5px; } .card-product__buttons .btn-fancy:only-child { margin-right: 0; } .card-product__buttons .btn-fancy_2, .card-product__buttons .btn-fancy_3 { margin-left: -7.5px; } .card-product .btn-order { width: 50%; } .card-product__variants { width: 100%; display: none; padding: 0 var(--padding-horizontal); } .card-product__data + .card-product__variants { margin-top: -10px; } .card-product__shipping { width: 100%; display: none; padding: 24px var(--padding-horizontal) 29px var(--padding-horizontal); } .card-product__variants + .card-product__shipping { margin-top: -5px; } .card-product__data + .card-product__shipping { margin-top: -36px; } .card-product__btn-shipping { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 400; line-height: 1; gap: 12px; color: #9dacb7; } .card-product__btn-shipping span { text-decoration: underline; text-decoration-style: dotted; text-decoration-thickness: 1px; text-underline-offset: 4px; } .card-product__btn-shipping svg { fill: #9dacb7; } @media (min-width: 901px) { .card-product:hover { z-index: 5; margin-bottom: calc(127px - 54px); } .card-product:hover .card-product__inner { /* position: absolute; left: 0; top: 0; padding: 0px 0px 40px 0px; */ } .card-product:hover .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .card-product:hover .card-product__shipping { display: block; } } @media (max-width: 900px) { .card-product { z-index: 5; height: 100%; margin-bottom: 0; } .card-product__inner { position: relative; left: 0; top: 0; height: 100%; } .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .card-product__shipping { display: block; } } @container (width < 300px) { .card-product { --padding-horizontal: 10px; } .card-product .card-product__buttons { gap: 0 9px; } .card-product .card-product__buttons .btn-fancy { --padding: 24px; --height: 40px; --angle: 10px; } .card-product .card-product__buttons .btn-fancy > span { font-size: 14px; } .card-product .badge2 { --height: 20px; --padding: 9px; --angle: 7px; font-size: 10px; margin-right: -3px; } .card-product__action { width: 24px; height: 24px; } .card-product__action svg { height: 16px; width: auto; } .card-product__actions > *:not(:last-child) { margin-bottom: 0; } .card-product__name { font-size: 14px; margin-bottom: 4px; } .card-product__status { font-size: 12px; } .card-product__bottom > *:last-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .card-product .special-offer-timer { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 400px) { .card-product { --padding-horizontal: 15px; } .card-product .card-product__buttons { gap: 0 9px; } .card-product .card-product__buttons .btn-fancy { --padding: 24px; --height: 40px; --angle: 10px; } .card-product .card-product__buttons .btn-fancy > span { font-size: 14px; } .card-product .badge2 { --height: 25px; --padding: 14px; --angle: 7px; font-size: 12px; margin-right: -3px; } .card-product__action { width: 24px; height: 24px; } .card-product__action svg { height: 16px; width: auto; } .card-product__actions > *:not(:last-child) { margin-bottom: 0; } .card-product__name { font-size: 14px; margin-bottom: 4px; } .card-product__status { font-size: 12px; } .card-product__bottom > *:last-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .card-product .special-offer-timer { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .card-advantage { --padding: 30px; --size: 30px; background-color: rgba(35, 36, 43, 0.5); } .card-advantage .corners1__inner { padding: var(--padding); 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; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; min-height: 225px; } .card-advantage__text { font-size: 16px; line-height: 1.5; color: #9dacb7; margin-bottom: 20px; } .card-advantage__value { font-family: var(--font-secondary); font-size: 46px; font-weight: 700; color: #fff; -ms-flex-item-align: end; align-self: flex-end; } @media (max-width: 1280px) { .card-advantage { --padding: 20px; } .card-advantage__value { font-size: 35px; line-height: 1; } } @media (max-width: 1080px) { .card-advantage { --padding: 40px; } .card-advantage__value { font-size: 46px; } } @media (max-width: 768px) { .card-advantage { --padding: 20px; } .card-advantage__value { font-size: 35px; line-height: 1; } .card-advantage__text { font-size: 14px; margin-bottom: 10px; } } @media (max-width: 600px) { .card-advantage .corners1__inner { min-height: 165px; } .card-advantage__text { font-size: 12px; margin-bottom: 10px; } } @media (max-width: 460px) { .card-advantage .corners1__inner { padding-top: 15px; } .card-advantage__value { font-size: 25px; line-height: 1; } .card-advantage__text { margin-bottom: 5px; line-height: 1.3; } } .card-category { position: relative; border: 1px #2b2c2d solid; -webkit-transition: background-color var(--theme-animation-duration); transition: background-color var(--theme-animation-duration); } .card-category__inner { padding: 40px; min-height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-category::before, .card-category::after, .card-category__inner::before, .card-category__inner::after { content: ""; width: 5px; height: 5px; position: absolute; background-color: #fff; opacity: 0; pointer-events: none; -webkit-transition: opacity var(--theme-animation-duration); transition: opacity var(--theme-animation-duration); } .card-category::before { left: 0; top: 0; } .card-category::after { right: 0; top: 0; } .card-category__inner::before { left: 0; bottom: 0; } .card-category__inner::after { right: 0; bottom: 0; } .card-category__pic { margin-right: 10px; background-color: #47647a; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; width: 130px; height: 60px; -webkit-transition: background-color var(--theme-animation-duration); transition: background-color var(--theme-animation-duration); } .card-category__pic img { display: block; opacity: 0; max-width: 100%; max-height: 100%; } .card-category__name { display: block; font-size: 16px; font-weight: 700; line-height: 1.5; color: #9dacb7; -webkit-transition: color var(--theme-animation-duration); transition: color var(--theme-animation-duration); } .card-category__name a::after { content: ""; inset: 0; position: absolute; } .card-category__icon { position: absolute; right: 30px; top: 30px; pointer-events: none; -webkit-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: opacity var(--theme-animation-duration), -webkit-transform var(--theme-animation-duration); transition: opacity var(--theme-animation-duration), -webkit-transform var(--theme-animation-duration); transition: opacity var(--theme-animation-duration), transform var(--theme-animation-duration); transition: opacity var(--theme-animation-duration), transform var(--theme-animation-duration), -webkit-transform var(--theme-animation-duration); } .card-category:hover { background-color: rgba(35, 36, 43, 0.5); } .card-category:hover .card-category__pic { background-color: #9dacb7; } .card-category:hover .card-category__icon { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .card-category:hover .card-category__name { color: #fff; } .card-category:hover::before, .card-category:hover::after, .card-category:hover .card-category__inner::before, .card-category:hover .card-category__inner::after { opacity: 1; } @media (max-width: 900px) { .card-category__icon { right: 20px; } } @media (max-width: 575px) { .card-category__icon { display: none; } .card-category__pic { margin-bottom: 2px; } .card-category__name { font-size: 14px; line-height: 1.3; } .card-category__inner { padding: 30px; min-height: 127px; } } @media (max-width: 460px) { .card-category__pic { width: 117px; margin-bottom: 0; } .card-category__inner { padding: 10px 22px; } } .breadcrumbs { position: relative; margin: 34px 0px 46px 0px; z-index: 15; } @media (max-width: 1100px) { .breadcrumbs { margin: 25px 0px 93px 0px; } } @media (max-width: 768px) { .breadcrumbs { margin: 25px 0px 25px 0px; } } .breadcrumbs.breadcrumbs-compare { margin: 34px 0px 46px 0px; } @media (max-width: 1100px) { .breadcrumbs.breadcrumbs-compare { margin: 25px 0px 20px 0px; } } @media (max-width: 768px) { .breadcrumbs.breadcrumbs-compare { margin: 25px 0px 22px 0px; } } .breadcrumbs.breadcrumbs-series { margin: 34px 0px 46px 0px; } @media (max-width: 1100px) { .breadcrumbs.breadcrumbs-series { margin: 25px 0px 23px 0px; } } @media (max-width: 768px) { .breadcrumbs.breadcrumbs-series { margin: 26px 0px 23px 0px; } } .breadcrumbs.breadcrumbs-contacts { margin: 34px 0px 56px 0px; } @media (max-width: 1100px) { .breadcrumbs.breadcrumbs-contacts { margin: 25px 0px 45px 0px; padding: 0px 0px 27px 0px; border-bottom: 1px solid var(--border-color); } } @media (max-width: 768px) { .breadcrumbs.breadcrumbs-contacts { margin: 25px 0px 28px 0px; } } .breadcrumbs.breadcrumbs-cart { margin: 34px 0px 37px 0px; } @media (max-width: 1100px) { .breadcrumbs.breadcrumbs-cart { margin: 25px 0px 27px 0px; } } @media (max-width: 768px) { .breadcrumbs.breadcrumbs-cart { margin: 25px 0px 22px 0px; } } .breadcrumbs.breadcrumbs-cabinet { margin: 34px 0px 37px 0px; } @media (max-width: 1100px) { .breadcrumbs.breadcrumbs-cabinet { margin: 35px 0px 27px 0px; } } @media (max-width: 768px) { .breadcrumbs.breadcrumbs-cabinet { margin: 25px 0px 26px 0px; } } .breadcrumbs.breadcrumbs-product { margin: 34px 0px 37px 0px; } @media (max-width: 1100px) { .breadcrumbs.breadcrumbs-product { margin: 26px 0px 26px 0px; } } @media (max-width: 768px) { .breadcrumbs.breadcrumbs-product { margin: 25px 0px 26px 0px; } } .breadcrumbs.breadcrumbs-shops { margin: 34px 0px 55px 0px; } @media (max-width: 1100px) { .breadcrumbs.breadcrumbs-shops { margin: 25px 0px 30px 0px; padding: 0px 0px 27px 0px; border-bottom: 1px solid var(--border-color); } } @media (max-width: 768px) { .breadcrumbs.breadcrumbs-shops { border-bottom: none; padding: 0px 0px 0px 0px; margin: 25px 0px 22px 0px; } } .breadcrumbs.breadcrumbs-support { margin: 34px 0px 55px 0px; } @media (max-width: 1100px) { .breadcrumbs.breadcrumbs-support { margin: 25px 0px 25px 0px; padding: 0px 0px 27px 0px; border-bottom: 1px solid var(--border-color); } } @media (max-width: 768px) { .breadcrumbs.breadcrumbs-support { margin: 25px 0px 25px 0px; } } .breadcrumbs.breadcrumbs-documentation { margin: 34px 0px 45px 0px; } @media (max-width: 1100px) { .breadcrumbs.breadcrumbs-documentation { margin: 25px 0px 25px 0px; padding: 0px 0px 27px 0px; border-bottom: 1px solid var(--border-color); } } @media (max-width: 768px) { .breadcrumbs.breadcrumbs-documentation { margin: 25px 0px 25px 0px; } } .breadcrumbs.breadcrumbs-favourites { margin: 34px 0px 55px 0px; } @media (max-width: 1100px) { .breadcrumbs.breadcrumbs-favourites { margin: 25px 0px 25px 0px; padding: 0px 0px 25px 0px; border-bottom: 1px solid var(--border-color); } } @media (max-width: 768px) { .breadcrumbs.breadcrumbs-favourites { border-bottom: none; padding: 0px 0px 0px 0px; margin: 25px 0px 22px 0px; } } .breadcrumbs.breadcrumbs-media { margin: 34px 0px 55px 0px; } @media (max-width: 1100px) { .breadcrumbs.breadcrumbs-media { margin: 25px 0px 30px 0px; padding: 0px 0px 25px 0px; border-bottom: 1px solid var(--border-color); } } .breadcrumbs.breadcrumbs-detail { margin: 35px 0px; } @media (max-width: 1100px) { .breadcrumbs.breadcrumbs-detail { margin: 25px 0px; } } @media (max-width: 992px) { .breadcrumbs.breadcrumbs-detail { margin: 25px 0px 15px 0px; } } @media (max-width: 1100px) { .breadcrumbs.breadcrumbs2 { padding: 30px 0px; border-bottom: 1px solid var(--border-color); margin: 0px 0px 30px 0px; } } @media (max-width: 1100px) { .breadcrumbs.breadcrumbs-catalog-detail { margin: 25px 0px 30px 0px; } } @media (max-width: 768px) { .breadcrumbs.breadcrumbs-catalog-detail { padding: 25px 0px 20px 0px; } } @media (max-width: 768px) { .breadcrumbs.breadcrumbs-sale { padding: 25px 0px 19px 0px; margin: 0px 0px 22px 0px; border-bottom: 1px solid var(--border-color); } } .breadcrumbs.breadcrumbs-sale-detail { margin: 34px 0px 34px 0px; } @media (max-width: 768px) { .breadcrumbs.breadcrumbs-sale-detail { padding: 25px 0px 17px 0px; margin: 0px 0px 0px 0px; } } .breadcrumbs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; list-style-type: none; gap: 5px 0px; } .breadcrumbs__item { position: relative; font-weight: 400; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1100px) { .breadcrumbs__item { font-size: 14px; } } .breadcrumbs__item:not(:last-child) { margin-right: 16px; } @media (max-width: 768px) { .breadcrumbs__item:not(:last-child) { margin: 0px 12px 0px 0px; } } .breadcrumbs__item:not(:last-child)::after { content: "/"; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 16px; } @media (max-width: 768px) { .breadcrumbs__item:not(:last-child)::after { margin: 0px 0px 0px 12px; } } .breadcrumbs__item.is-active { color: inherit; color: var(--theme-color-accent); } .breadcrumbs__item > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; text-decoration: none; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .breadcrumbs__item > a:hover { color: var(--theme-color-accent); } .block-feedback__heading { display: grid; grid-template-columns: 1.15fr 1fr; -webkit-box-align: end; -ms-flex-align: end; align-items: end; gap: 32px; margin-bottom: 49px; } .block-feedback__heading .title1, .block-feedback__heading .title3 { margin-bottom: 0; } .block-feedback__heading .title1 { text-transform: uppercase; } .block-feedback__heading .title3 { padding-bottom: 4px; } .block-feedback__heading .title3::before, .block-feedback__heading .title3::after { display: none; } .block-feedback__inner { padding: 100px 70px; } .block-feedback__grid { display: grid; grid-template-columns: 1fr 1fr 1fr 0.66fr; gap: 16px; } .block-feedback__grid .form-text1 { grid-column: span 4; } @media (max-width: 1280px) { .block-feedback__inner { padding: 70px 50px; } } @media (max-width: 1000px) { .block-feedback__grid { grid-template-columns: 1fr 1fr; } .block-feedback__grid .form-text1 { grid-column: span 2; } } @media (max-width: 900px) { .block-feedback__inner { padding: 40px 30px; } } @media (max-width: 768px) { .block-feedback__heading { grid-template-columns: 1fr; gap: 32px; margin-bottom: 0; } .block-feedback__heading .title1 { text-align: center; } .block-feedback__heading .title3 { padding: 20px 30px 0 30px; } .block-feedback__heading .title3::before, .block-feedback__heading .title3::after { display: block; } .block-feedback__inner { padding-top: 30px; } .block-feedback__inner::before, .block-feedback__inner::after { display: none; } } @media (max-width: 680px) { .block-feedback__grid { grid-template-columns: 1fr; gap: 13px; } .block-feedback__grid > div:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .block-feedback__grid > div:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .block-feedback__grid > div:nth-child(3) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .block-feedback__grid > div:nth-child(4) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .block-feedback__grid > div:nth-child(5) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .block-feedback__grid .form-text1 { grid-column: span 1; padding-top: 18px; padding-bottom: 18px; } } @media (max-width: 575px) { .block-feedback__heading { gap: 24px; } .block-feedback__heading .title1 { padding: 0 18px 0 18px; } .block-feedback__heading .title3 { padding: 15px 18px 0 18px; } .block-feedback__inner { padding: 20px 18px 30px 18px; } .block-feedback .btn-fancy { width: calc(100% - 16px); } .block-feedback .btn-fancy > span { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } .block-publications:not(:last-child) { margin-bottom: 200px; } .block-publications .heading-cols1 { margin-bottom: 60px; } @media (max-width: 1024px) { .block-publications .title2 { font-size: 20px; } } @media (max-width: 900px) { .block-publications .heading-cols1 { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; gap: 30px; } .block-publications .heading-cols1 .title2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 18px; } .block-publications .heading-cols1 .tabs-nav1 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; gap: 5px; } .block-publications .heading-cols1 .btn-text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .block-publications .heading-cols1 .btn-corner1 { --height: 50px; --padding: 37px; font-size: 14px; } } @media (max-width: 768px) { .block-publications .heading-cols1 .title2 { font-size: 16px; } } @media (max-width: 575px) { .block-publications .heading-cols1 { margin-bottom: 35px; } .block-publications .heading-cols1 .title2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; max-width: 50%; } .block-publications .heading-cols1 .tabs-nav1 { gap: 0; } .block-publications .heading-cols1 .btn-text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .block-publications .heading-cols1 .btn-corner1 { --height: 40px; --padding: 28px; font-size: 14px; } } .block-teaser1 { position: relative; width: 100%; overflow: hidden; } .block-teaser1__bg { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -46%); transform: translate(-50%, -46%); z-index: -1; } .block-teaser1__inner { width: 100%; position: relative; } .block-teaser1__inner::after { content: ""; position: absolute; pointer-events: none; width: 1px; height: 248px; left: 50%; top: 0; /* border-right: 1px var(--border-color) solid; */ background: linear-gradient(0deg, rgba(43, 44, 45, 1) 80%, rgba(43, 44, 45, 0) 100%); } .block-teaser1__content1 { position: absolute; left: 0; top: 100px; width: 100%; max-width: 600px; z-index: 10; transform: translateY(-20px); opacity: 0; -webkit-transition: all 750ms ease 500ms; transition: all 750ms ease 500ms; } .block-teaser1__content1 .title1 { font-weight: 400; line-height: 1; margin-bottom: 55px; } .block-teaser1__content2 { position: absolute; right: 0; top: 100px; width: 100%; max-width: 300px; z-index: 10; transform: translateY(-20px); opacity: 0; -webkit-transition: all 750ms ease 500ms; transition: all 750ms ease 500ms; } .block-teaser1__text1 { font-size: 16px; font-weight: 400; line-height: 1.5; color: #9dacb7; } @media (max-width: 1600px) { .block-teaser1 .title1 { font-size: 35px; } } @media (max-width: 1300px) { .block-teaser1 .title1 { font-size: 30px; } } @media (max-width: 1200px) { .block-teaser1__inner1 { 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: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* padding-top: 35px; */ } .block-teaser1__inner::after { display: none; } .swiper-teasers1 .swiper-slide__inner { order: 3; padding-top: 40px !important; height: auto !important; } .swiper-teasers1 .swiper-wrapper { margin-bottom: 86px; } .block-teaser1__content1 { display: contents; position: static; left: 0; top: 0; width: auto; max-width: 600px; z-index: 10; opacity: 1 !important; transform: translateY(0) !important; } .block-teaser1__content2 { display: contents; position: static; right: 0; top: 0; width: auto; max-width: 300px; z-index: 10; opacity: 1 !important; transform: translateY(0) !important; } .block-teaser1 .title1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: center; margin-bottom: 20px; max-width: 480px; } .block-teaser1 .btn-fancy { --height: 48px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .block-teaser1 .btn-fancy::after { right: -12px; } .block-teaser1__text1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; max-width: 300px; text-align: center; margin-bottom: 20px; } } @media (max-width: 768px) { .block-teaser1 .title1 { font-size: 24px; margin-bottom: 14px; } .block-teaser1__text1 { font-size: 14px; margin-bottom: 14px; } } @media (max-width: 575px) { .block-teaser1__inner1 { /* padding-top: 28px; */ } .block-teaser1 .title1 { font-size: 19px; } .block-teaser1__text1 { font-size: 12px; } } .block-teaser1.preload { height: 100vh; opacity: 0; } .block-teaser2 { --duration: 500ms; width: 100%; position: relative; padding-bottom: 150px; } .block-teaser2 .container { position: relative; z-index: 5; } .block-teaser2__info { position: absolute; right: 0; top: 70px; width: 250px; font-size: 16px; line-height: 1.5; color: #9dacb7; text-align: right; } .block-teaser2__info .params-list { margin-bottom: 14px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .block-teaser2__logo { position: absolute; left: 0; top: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } .block-teaser2__logo span { display: block; font-size: 24px; line-height: 1; font-weight: 700; color: #fff; position: relative; top: -6px; } .block-teaser2__logo .series { background-color: #fff; mask-repeat: no-repeat; mask-size: 100%; top: 0; } .block-teaser2__logo .series img { max-height: 40px; max-width: 150px; display: block; opacity: 0; } .block-teaser2__inner { width: 100%; position: relative; } .block-teaser2__inner .btn-text { position: absolute; left: 50%; bottom: 50px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; } .block-teaser2__decor1 { position: absolute; left: 0; width: 100%; } .block-teaser2__decor1 img { display: block; width: 100%; } .block-teaser2__decor1::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(22, 23, 29, 0)), color-stop(80%, rgb(22, 23, 29))); background: linear-gradient(0deg, rgba(22, 23, 29, 0) 0%, rgb(22, 23, 29) 80%); z-index: 1; } .block-teaser2__decor1::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 23, 29, 0)), color-stop(80%, rgb(22, 23, 29))); background: linear-gradient(180deg, rgba(22, 23, 29, 0) 0%, rgb(22, 23, 29) 80%); z-index: 2; } .block-teaser2__decor1_top { top: -7%; } .block-teaser2__decor1_bottom { bottom: 15%; } .block-teaser2__decor1_bottom img { -webkit-transform: scale(1, -1); transform: scale(1, -1); } .block-teaser2__decor2 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .block-teaser2__decor2_left { left: 0; } .block-teaser2__decor2_right { right: 0; -webkit-transform: translateY(-50%) scale(-1, 1); transform: translateY(-50%) scale(-1, 1); } @media (max-width: 1280px) { .block-teaser2 { padding-bottom: 75px; } .block-teaser2__decor1_top { top: 0; } .block-teaser2__logo { top: 0; } .block-teaser2__info { position: absolute; right: 50%; top: 0; -webkit-transform: translateX(50%); transform: translateX(50%); text-align: center; } .block-teaser2__info .params-list { margin-bottom: 14px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .block-teaser2__inner .btn-text { left: unset; right: 10px; bottom: unset; top: 0; -webkit-transform: translateX(0); transform: translateX(0); z-index: 10; } } @media (max-width: 1024px) { .block-teaser2__decor1_top, .block-teaser2__decor1_bottom { display: none; } .block-teaser2__decor2 { width: 35%; display: none; } .block-teaser2__logo { position: static; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .block-teaser2__info { position: static; right: 0; top: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; -webkit-transform: translateX(0); transform: translateX(0); } .block-teaser2__info > span { display: block; max-width: 250px; margin: 0 auto; } .block-teaser2__inner .btn-text { position: static; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-right: 10px; } } @media (max-width: 575px) { .block-teaser2__logo img { max-height: 25px; max-width: 120px; } .block-teaser2 .block-teaser2__info > span { font-size: 14px; } } .block-teasers3 { margin-bottom: 200px; } .block-teasers3-catalog { margin: 0px 0px 0px 0px; } .block-recommend { margin-bottom: 100px; } .block-recommend__nav-placer { width: 100px; height: 1px; pointer-events: none; } .block-recommend .heading-cols1 { margin-bottom: 60px; } .block-recommend .heading-cols1 .btn-text { margin-top: 15px; } .block-recommend .swiper-recommend .swiper-navs { display: none; } .block-recommend .swiper-navs1 { position: absolute; right: 0; top: 23px; } .swiper-recommend .card-product { height: 100%; } .swiper-recommend .card-product .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .swiper-recommend .card-product .card-product__shipping { display: block; } .swiper-recommend .card-product__inner { min-height: 100%; } .swiper-recommend .card-product { margin-bottom: 0; } @media (max-width: 1000px) { .block-recommend .swiper-navs1 { top: unset; bottom: 50px; z-index: 15; } .block-recommend__nav-placer { display: none; } .block-recommend .heading-cols1 .btn-text { margin-top: 0; } .block-recommend .heading-cols1__inner1 { display: flex; justify-content: space-between; } .block-recommend .heading-cols1 { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px 20px; margin-bottom: 40px; } .block-recommend .heading-cols1 > * { width: 100%; } .block-recommend .heading-cols1 .title2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .block-recommend .heading-cols1 .tabs-nav1 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .block-recommend .heading-cols1 .btn-text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 900px) { .block-recommend .tabs-nav1 { gap: 0; } .block-recommend .btn-corner1 { --height: 50px; --padding: 37px; font-size: 14px; } } @media (max-width: 600px) { .block-recommend .heading-cols1 { margin-bottom: 25px; } .block-recommend .btn-corner1 { --padding: 25px; } } @media (max-width: 400px) { .block-recommend .btn-corner1 { --padding: 14px; } } .block-advantages { width: 100%; overflow: hidden; margin-bottom: 200px; } .block-advantages .title2 { margin-bottom: 50px; } .block-advantages__grid1 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 30px; margin-bottom: 60px; } .block-advantages__grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } .block-advantages__grid2-cell1 { padding-right: 140px; padding-top: 10px; padding-bottom: 20px; position: relative; } .block-advantages__grid2-cell2 { grid-row: span 2; position: relative; } .block-advantages__grid2-cell3 { padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .block-advantages__photo { display: block; border: 1px var(--border-color) solid; width: 100%; height: 295px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .block-advantages__text1 { font-size: 16px; font-weight: 400; line-height: 1.5; color: #9dacb7; } .block-advantages__decor1 { position: absolute; bottom: 0; right: -15px; -webkit-transform: translateX(50%); transform: translateX(50%); height: 82px; width: 100vw; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1280px) { .block-advantages__grid1 { gap: 20px; } .block-advantages__grid2 { grid-template-columns: 1.1fr 1fr; } .block-advantages__grid2-cell1 { padding-right: 70px; } .block-advantages .block-advantages__decor1 { right: -82px; width: 120vw; } } @media (max-width: 1080px) { .block-advantages__grid1 { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .block-advantages { overflow: visible; } .block-advantages__grid2 { grid-template-columns: 1fr; gap: 0; } .block-advantages__grid2-cell1 { padding-right: 0; } .block-advantages__grid2-cell3 { position: relative; } .block-advantages__grid2-cell3 .btn-fancy { position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 285px; } .block-advantages .block-advantages__decor1 { display: none; } } @media (max-width: 600px) { .block-advantages__grid1 { gap: 12px; } } .block-categories { margin-bottom: 200px; position: relative; z-index: 10; } .block-categories__grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; width: calc(100% - 1px); } .block-categories__grid .card-category { margin-right: -1px; margin-bottom: -1px; } .block-categories__heading { grid-column: span 2; padding: 0 60px 60px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } .block-categories__heading::after { content: ""; width: 1px; height: 428px; border-right: 1px var(--border-color) solid; position: absolute; right: -1px; top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .block-categories__heading img { position: absolute; left: 0; bottom: 0; width: 100%; z-index: -1; } .block-categories__heading .title2 { max-width: 250px; } .block-categories__heading .btn-text { -ms-flex-item-align: end; align-self: flex-end; } @media (max-width: 1280px) { .block-categories__grid { grid-template-columns: 1fr 1fr 1fr; } .block-categories .card-category-empty { display: none; } } @media (max-width: 1100px) { .block-categories__heading { grid-column: span 3; padding: 0 0 35px 0; } .block-categories__heading img { -webkit-transform: translate(0, 29%); transform: translate(0, 29%); width: 70%; } .block-categories__heading .title2 { margin-bottom: 0; -ms-flex-item-align: end; align-self: flex-end; font-size: 20px; } .block-categories__heading .btn-text { margin-bottom: 25px; } .block-categories__heading::after { display: none; } } @media (max-width: 768px) { .block-categories__grid { grid-template-columns: 1fr 1fr; } .block-categories__heading { grid-column: span 2; } .block-categories .title2 { font-size: 18px; } } @media (max-width: 575px) { .block-categories__heading img { display: none; } .block-categories .title2 { font-size: 16px; max-width: 200px; } } @media (max-width: 1100px) { .block-categories2 { margin: 0px 0px 80px 0px; } } .block-categories2 .block-categories__heading::after { content: ""; display: none; } .block-categories2 .block-categories__heading .title1 { margin: -75px 0px 0px 0px; } @media (max-width: 1100px) { .block-categories2 .block-categories__heading .title1 { font-weight: 700; font-size: 20px; line-height: 110%; margin: 0px 0px 0px 0px; } } .block-categories2 .block-categories__grid { margin: 120px 0px 0px 0px; } @media (max-width: 1100px) { .block-categories2 .block-categories__grid { margin: 0px 0px 0px 0px; } } @media (max-width: 1100px) { .block-categories2 .block-categories__heading { padding: 0px 0px 30px 0px; } .block-categories2 .block-categories__heading img { width: 80%; display: block; } } @media (max-width: 768px) { .block-categories2 .block-categories__heading img { width: 100%; -webkit-transform: translate(0, -15%); transform: translate(0, -15%); } } .block-categories2 .card-category__inner { min-height: 202px; gap: 10px; } @media (max-width: 1100px) { .block-categories2 .card-category__inner { min-height: 160px; padding: 30px; } } @media (max-width: 575px) { .block-categories2 .card-category__inner { padding: 30px; min-height: 127px; } } @media (max-width: 460px) { .block-categories2 .card-category__inner { padding: 10px 22px; } } .block-descr__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .block-descr__content > *:last-child { margin: 0px 0px 0px 0px; } .block-descr__content .title3 { font-weight: 700; margin: 0px 0px 0px 0px; } @media (max-width: 1100px) { .block-descr__content .title3 { font-size: 16px; } } .block-descr__content p { font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; margin: 0px 0px 10px 0px; } .block-policy .title1 { margin: 0px 0px 60px 0px; } @media (max-width: 768px) { .block-policy .title1 { margin: 0px 0px 30px 0px; } } .block-policy__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 50px; padding: 40px; } @media (max-width: 1100px) { .block-policy__content { padding: 0px 0px 0px 0px; } .block-policy__content::after, .block-policy__content::before { content: ""; display: none; } } .block-policy__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .block-policy__column .title3 { margin: 0px 0px 0px 0px; } .block-policy__column p { font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; } @media (max-width: 768px) { .block-policy__column p { font-size: 14px; } } .block-error { position: relative; min-height: 970px; 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 0px 100px 0px; } @media (max-width: 1100px) { .block-error { min-height: 100%; } } @media (max-width: 650px) { .block-error { padding: 30px 0px 80px 0px; } } .block-error__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 650px) { .block-error__bg { display: none; } } .block-error__content { position: relative; z-index: 10; max-width: 577px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .block-error__content .title2 { text-align: center; margin: 0px 0px 15px 0px; } @media (max-width: 768px) { .block-error__content .title2 { font-size: 20px; } } .block-error__content p { font-weight: 400; font-size: 16px; line-height: 150%; text-align: center; color: #9dacb7; margin: 0px 0px 30px 0px; } .block-error__pic { width: 522px; height: auto; margin: 0px 0px -30px 0px; } @media (max-width: 650px) { .block-error__pic { width: 100%; margin: 0px 0px 15px 0px; } } .block-catalog-detail { border-bottom: 1px solid var(--border-color); margin: 0px 0px 200px 0px; } @media (max-width: 1100px) { .block-catalog-detail { margin: 0px 0px 60px 0px; border-bottom: none; } } .block-catalog-detail__content { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1100px) { .block-catalog-detail__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .block-catalog-detail__body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .block-catalog-detail__cards { display: grid; gap: 30px; padding: 60px 0px 60px 60px; grid-template-columns: repeat(3, 1fr); width: 100%; } .searchbox-wrapper1 + .block-catalog-detail__cards { padding-top: 0; } .block-catalog-detail__cards .card-product .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .block-catalog-detail__cards .card-product .card-product__shipping { display: block; } .block-catalog-detail__cards .card-product__inner { min-height: 100%; } .block-catalog-detail__cards .card-product { /* margin-bottom: calc(127px - 54px); */ margin-bottom: 0; } @media (max-width: 1400px) { .block-catalog-detail__cards { padding: 30px 0px 30px 30px; gap: 20px; grid-template-columns: repeat(2, 1fr); } .searchbox-wrapper1 { padding: 30px 0px 30px 30px; } .searchbox-wrapper1 + .block-catalog-detail__cards { padding-top: 0; } } @media (max-width: 1100px) { .block-catalog-detail__cards { gap: 20px; grid-template-columns: repeat(4, 1fr); padding: 30px 0px 30px 0px; } .searchbox-wrapper1 + .block-catalog-detail__cards { padding-top: 0; } .searchbox-wrapper1 { padding-left: 0; } } @media (max-width: 992px) { .block-catalog-detail__cards { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .block-catalog-detail__cards { padding: 0px 0px 60px 0px; gap: 8px; } } @media (max-width: 1100px) { .block-catalog-detail__cards .card-product { margin: 0px 0px 0px 0px; --padding-horizontal: 10px; } } @media (max-width: 1100px) { .block-catalog-detail__cards .card-product .special-offer-timer { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 1100px) { .block-catalog-detail__cards .card-product .badge2 { font-size: 10px; --height: 20px; --padding: 9px; } } .block-catalog-detail__cards .card-product .card-product__badges { margin: 0px 40px 0px 0px; } @media (max-width: 480px) { .block-catalog-detail__cards .card-product .card-product__price2 { font-size: 10px; } } @media (max-width: 1100px) { .block-catalog-detail__cards .card-product .card-product__actions > *:not(:last-child) { margin-bottom: 2px; } } @media (max-width: 480px) { .block-catalog-detail__cards .card-product .card-product__price1 { font-size: 16px; } } @media (max-width: 1100px) { .block-catalog-detail__cards .card-product .card-product__name { font-size: 14px; } } @media (max-width: 480px) { .block-catalog-detail__cards .card-product .card-product__name { font-size: 10px; } } @media (max-width: 1100px) { .block-catalog-detail__cards .card-product .card-product__status { font-size: 12px; margin: 0px 0px 20px 0px; } } @media (max-width: 480px) { .block-catalog-detail__cards .card-product .card-product__status { font-size: 10px; margin: 0px 0px 16px 0px; } } .block-catalog-detail__cards .card-product .card-product__discount { font-size: 10px; } @media (max-width: 480px) { .block-catalog-detail__cards .card-product .card-product__btn-shipping { font-size: 10px; gap: 6px; } .block-catalog-detail__cards .card-product .card-product__btn-shipping svg { width: 14px; height: 10px; } } @media (max-width: 1100px) { .block-catalog-detail__cards .card-product .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } @media (max-width: 600px) { .block-catalog-detail__cards .card-product .card-product__buttons { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 10px; gap: 4px; } .block-catalog-detail__cards .card-product .card-product__buttons .btn-fancy { clip-path: none; margin: 0px 0px 0px 0px; } .block-catalog-detail__cards .card-product .card-product__buttons .btn-fancy span { clip-path: none; } } @media (max-width: 768px) { .block-catalog-detail__cards .card-product .photos-preview { height: 78px; aspect-ratio: 0/0; margin: 40px 0px 0px 0px; } } @media (max-width: 768px) { .block-catalog-detail__cards .card-product .card-product__brand { height: 10px; width: auto; } } @media (max-width: 480px) { .block-catalog-detail__cards .card-product .special-offer-timer_small .special-offer-timer__item { width: 35px; } } @media (max-width: 900px) { .block-catalog-detail__cards .card-product .card-product__data + .card-product__shipping { margin-top: -20px; margin-bottom: -20px; } } @media (max-width: 768px) { .block-catalog-detail__cards .card-product .card-product__photo { padding: 26px 30px 20px 30px; min-height: 150px; } } @media (max-width: 1100px) { .block-catalog-detail__cards .card-product .card-product__inner { height: 100%; } } @media (max-width: 1100px) { .block-catalog-detail__cards .card-product .btn-fancy { --height: 40px; --padding: 10px; } .block-catalog-detail__cards .card-product .btn-fancy span { font-size: 12px; } } .block-catalog-detail__pagging { position: relative; } .block-catalog-detail__pagging .nav-bottom::before { content: ""; width: calc(100% + 140px); } .block-catalog-detail__pagging .nav-bottom::after { content: ""; width: calc(100% + 140px); } .block-catalog-detail__descr { padding: 60px 0px 60px 60px; } @media (max-width: 1100px) { .block-catalog-detail__descr { padding: 50px 0px 0px 0px; } } @media (max-width: 768px) { .block-catalog-detail__descr { padding: 40px 0px 0px 0px; } } .top-catalog-detail { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); margin: -9px 0px 0px 0px; } @media (max-width: 1100px) { .top-catalog-detail { margin: 0px 0px 0px 0px; border-top: none; } } .top-catalog-detail__content { display: -webkit-box; display: -ms-flexbox; display: flex; border-left: 1px solid var(--border-color); min-height: 141px; } @media (max-width: 1300px) { .top-catalog-detail__content { min-height: 100%; } } @media (max-width: 1100px) { .top-catalog-detail__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-left: none; } } .top-catalog-detail__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 357px; flex: 0 0 357px; border-right: 1px solid var(--border-color); } @media (max-width: 1300px) { .top-catalog-detail__left { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } } @media (max-width: 1100px) { .top-catalog-detail__left { border-right: none; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0px 0px 30px 0px; position: relative; } .top-catalog-detail__left::after { content: ""; position: absolute; bottom: 0; left: -30px; height: 1px; display: block; background-color: var(--border-color); width: calc(100% + 60px); } } @media (max-width: 992px) { .top-catalog-detail__left::after { content: ""; left: -15px; width: calc(100% + 30px); } } @media (max-width: 768px) { .top-catalog-detail__left { padding: 0px 0px 20px 0px; } } .top-catalog-detail__right { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 0px 30px 60px; gap: 20px; position: relative; z-index: 44; } .top-catalog-detail__right .title2 { margin: 0px 0px 0px 0px; } @media (max-width: 1100px) { .top-catalog-detail__right .title2 { font-size: 20px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media (max-width: 768px) { .top-catalog-detail__right .title2 { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media (max-width: 1100px) { .top-catalog-detail__right { padding: 14px 0px; } } @media (max-width: 768px) { .top-catalog-detail__right { padding: 30px 0px 30px 0px; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } } .top-catalog-detail__buttons { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 1100px) { .top-catalog-detail__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; } } @media (max-width: 768px) { .top-catalog-detail__buttons { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } } .top-catalog-detail__filter-mob { display: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } @media (max-width: 1100px) { .top-catalog-detail__filter-mob { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 0 8px 0 rgba(47, 47, 47, 0.2); box-shadow: 0 0 8px 0 rgba(47, 47, 47, 0.2); background: #2b3846; min-height: 45px; font-weight: 700; font-size: 14px; line-height: 120%; text-transform: uppercase; color: #fff; padding: 5px 30px; } } @media (max-width: 768px) { .top-catalog-detail__filter-mob { min-height: 36px; } } .top-catalog-detail__filter-mob:hover { opacity: 0.7; } .top-catalog-detail__sorting { -webkit-box-flex: 0; -ms-flex: 0 0 247px; flex: 0 0 247px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-weight: 400; font-size: 16px; line-height: 120%; color: #fff; } @media (max-width: 768px) { .top-catalog-detail__sorting { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 14px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } } .top-catalog-detail__sorting .ts-wrapper { padding: 0px 30px 0px 0px; } .top-catalog-detail__sorting .select.dropdown-active .ts-control { border: none; } .top-catalog-detail__sorting .select.dropdown-active .ts-control svg { -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } .top-catalog-detail__sorting .ts-control { border: none; height: auto; padding: 0px 0px 0px 0px; font-weight: 400; font-size: 16px; line-height: 120%; color: #fff; } .top-catalog-detail__sorting .ts-control .item { font-weight: 400; font-size: 16px; line-height: 120%; color: #fff; white-space: wrap; } @media (max-width: 768px) { .top-catalog-detail__sorting .ts-control .item { font-size: 14px; } } .top-catalog-detail__sorting .ts-control svg { right: 0; -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } .top-catalog-detail__sorting .ts-dropdown { border: none; padding: 10px; z-index: 40; } @media (max-width: 768px) { .top-catalog-detail__sorting .ts-dropdown .option { font-size: 14px; } } .top-catalog-detail__sorting .ts-dropdown-content { gap: 15px; } @media (max-width: 550px) { .top-catalog-detail__sorting-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .top-catalog-detail__arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-catalog-detail__arrows svg { fill: #fff; } .top-catalog-detail__arrows .sort-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-catalog-detail__arrows .sort-arrow._active svg { fill: var(--theme-color-accent); } .top-catalog-detail__arrows .sort-arrow.down svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .filter-catalog-detail { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 357px; flex: 0 0 357px; border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color); } @media (max-width: 1300px) { .filter-catalog-detail { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } } @media (max-width: 1100px) { .filter-catalog-detail { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; top: 0; right: -100%; height: auto; width: 509px; z-index: 61; border-left: none; border-right: none; background: #16171d; -webkit-transition: right 0.3s ease; transition: right 0.3s ease; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .filter-catalog-detail.filter-open { right: 0; } } @media (max-width: 768px) { .filter-catalog-detail { width: 300px; height: 100vh; } } .filter-catalog-detail__title { padding: 15px 30px; min-height: 74px; font-weight: 700; font-size: 18px; line-height: 120%; text-transform: uppercase; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid var(--border-color); } .filter-catalog-detail__title span { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .filter-catalog-detail__close { cursor: pointer; display: none; } .filter-catalog-detail__close svg { fill: #9dacb7; } @media (max-width: 1100px) { .filter-catalog-detail__close { display: block; } } .filter-catalog-detail__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .filter-catalog-detail__item { border-bottom: 1px solid var(--border-color); padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 17px; } .filter-catalog-detail__item:last-child { border-bottom: none; } .filter-catalog-detail__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-weight: 700; font-size: 14px; line-height: 100%; color: #fff; cursor: pointer; } .filter-catalog-detail__name span { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .filter-catalog-detail__name svg { fill: #fff; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .filter-catalog-detail__name._spoller-active svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .filter-catalog-detail__rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 27px; } .filter-catalog-detail__values { display: grid; grid-template-columns: repeat(2, 1fr); } .filter-catalog-detail__input { border-right: 1px solid var(--border-color); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); padding: 5px 16px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; height: 50px; } .filter-catalog-detail__input:first-child { border-left: 1px solid var(--border-color); } .filter-catalog-detail__input label { font-weight: 400; font-size: 14px; line-height: 100%; text-transform: lowercase; color: #9dacb7; display: block; margin: 3px 0px 0px 0px; } .filter-catalog-detail__input input { width: 100%; font-weight: 400; font-size: 16px; line-height: 100%; color: #fff; } .filter-catalog-detail__range { margin: 0px 0px 7px 0px; } .filter-catalog-detail__buttons { display: grid; grid-template-columns: repeat(2, 1fr); margin: 10px 0px 0px 0px; } .filter-catalog-detail__buttons .btn-apply { margin: 0px -5px 0px 0px; min-height: 54px; clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .filter-catalog-detail__buttons .btn-apply:hover { opacity: 0.7; } .filter-catalog-detail__buttons .btn-reset { clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%); background-color: #363841; -webkit-transform: skew(0deg); transform: skew(0deg); border: none; margin: 0px 0px 0px -5px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .filter-catalog-detail__buttons .btn-reset:hover { opacity: 0.7; } .filter-catalog-detail__floating-btn { display: none; position: absolute; top: 0; left: calc(100% + 14px); z-index: 40; -webkit-transform: translate(0px, -50px); transform: translate(0px, -50px); padding: 0px 0px 0px 14px; } @media (max-width: 1100px) { .filter-catalog-detail__floating-btn { display: none !important; } } .filter-catalog-detail__floating-btn::after { content: ""; position: absolute; top: 43px; right: 0; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #2b3846; } .filter-catalog-detail__floating-btn .speech-bubble { position: absolute; width: 205px; background-color: #2b3846; padding: 20px; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .filter-catalog-detail__floating-btn span { display: block; font-weight: 400; font-size: 14px; line-height: 120%; color: #fff; margin: 0px 0px 15px 0px; } .filter-catalog-detail__floating-btn button { width: 100%; -webkit-transform: skew(0deg) !important; transform: skew(0deg) !important; min-height: 42px; font-size: 16px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .filter-catalog-detail__floating-btn button:hover { opacity: 0.7; } .block-sale__content .title1 { margin-bottom: 50px; } @media (max-width: 768px) { .block-sale__content .title1 { font-size: 20px; margin-bottom: 15px; } } .block-sale__body { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr); } @media (max-width: 1100px) { .block-sale__body { gap: 15px; } } @media (max-width: 768px) { .block-sale__body { grid-template-columns: 1fr; } } @media (max-width: 768px) { .block-sale__body .card-teaser3__photo { width: 40%; } } @media (max-width: 575px) { .block-sale__body .card-teaser3__photo { width: 53.66%; } } @media (max-width: 360px) { .block-sale__body .card-teaser3__photo { min-width: 245px; } } .block-sale-detail { margin: 0px 0px 200px 0px; } @media (max-width: 1100px) { .block-sale-detail { margin: 0px 0px 80px 0px; } } @media (max-width: 992px) { .block-sale-detail__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 80px; } } .block-sale-detail__content .back { margin: 0px 0px 40px 0px; } @media (max-width: 992px) { .block-sale-detail__content .back { display: none; } } .block-sale-detail__body { margin: 0px 0px 60px 0px; } @media (max-width: 992px) { .block-sale-detail__body { margin: 0px 0px 0px 0px; } } .block-sale-detail__body .card-teaser3 { min-height: 465px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 575px) { .block-sale-detail__body .card-teaser3 { padding: 15px; margin: 0px -15px; width: calc(100% + 30px); min-height: 492px; } } .block-sale-detail__body .card-teaser3 .special-offer-timer { position: relative; top: 0; left: 0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); margin-left: 7px; } @media (max-width: 575px) { .block-sale-detail__body .card-teaser3 .title3 { font-size: 16px; font-size: 16px; line-height: 110%; } .block-sale-detail__body .card-teaser3 .title3 br { display: none; } } @media (max-width: 768px) { .block-sale-detail__body .card-teaser3:hover .card-teaser3__photo { -webkit-transform: scale(1.1) translateX(50%); transform: scale(1.1) translateX(50%); } } .block-sale-detail__body .card-teaser3__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 575px) { .block-sale-detail__body .card-teaser3__text { margin-top: 20px; } } .block-sale-detail__body .card-teaser3__photo { height: 90%; width: auto; right: 160px; } @media (max-width: 1300px) { .block-sale-detail__body .card-teaser3__photo { right: 0; } } @media (max-width: 992px) { .block-sale-detail__body .card-teaser3__photo { height: 70%; } } @media (max-width: 768px) { .block-sale-detail__body .card-teaser3__photo { right: 50%; bottom: 10%; -webkit-transform: translateX(50%); transform: translateX(50%); min-width: 268px; width: 53.66%; height: auto; } } @media (max-width: 768px) and (max-width: 768px) { .block-sale-detail__body .card-teaser3__photo { width: 43.66%; bottom: 25%; } } @media (max-width: 575px) { .block-sale-detail__body .card-teaser3__photo { bottom: 30%; } } .block-sale-detail__body .card-teaser3__bg { left: 60%; bottom: 0; width: 45.47%; height: 89.33%; -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } @media (max-width: 768px) { .block-sale-detail__body .card-teaser3__bg { left: 50%; bottom: 0; width: 100%; height: 59.33%; } } .block-sale-detail__body .card-teaser3__bottom { margin: 20px 0px 30px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } @media (max-width: 768px) { .block-sale-detail__body .card-teaser3__bottom { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px 0px 15px 0px; } } .block-sale-detail__descr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; padding: 40px; } @media (max-width: 992px) { .block-sale-detail__descr { padding: 30px 18px; } } .block-sale-detail__descr p { font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; } @media (max-width: 768px) { .block-sale-detail__descr p { font-size: 14px; } } .block-other-sale .title2 { margin: 0px 0px 50px 0px; } @media (max-width: 768px) { .block-other-sale .title2 { margin: 0px 0px 20px 0px; } } @media (max-width: 1100px) { .block-publications-other { margin: 0px 0px 80px 0px; } } .block-publications-other .title2 { font-size: 16px; margin: 0px 0px 0px 0px; } @media (max-width: 1300px) { .block-publications-other .heading-cols1 { margin: 0px 0px 20px 0px; } } .block-publications-other .swiper-pagination { display: none; } @media (max-width: 1100px) { .block-publications-other .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 900px) { .block-publications-other .swiper-pagination { display: none; } } @media (max-width: 1100px) { .block-publications-other .swiper-navs { position: absolute; right: 0; bottom: 8px; z-index: 10; } } @media (max-width: 900px) { .block-publications-other .swiper-navs { display: none; } } @media (max-width: 1100px) { .block-publications-other .swiper-publications { padding-bottom: 55px; } } @media (max-width: 900px) { .block-publications-other .swiper-publications { padding-bottom: 0px; } } .block-recommend-sale.sale2 { margin: 0px 0px 0px 0px; } .block-recommend-sale .swiper-pagination { display: none; } @media (max-width: 1100px) { .block-recommend-sale .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 1100px) { .block-recommend-sale .card-product { margin: 0px 0px 0px 0px; --padding-horizontal: 10px; } } @media (max-width: 1100px) { .block-recommend-sale .card-product .special-offer-timer { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 1100px) { .block-recommend-sale .card-product .badge2 { font-size: 10px; --height: 20px; --padding: 9px; } } .block-recommend-sale .card-product .card-product__badges { margin: 0px 40px 0px 0px; } @media (max-width: 480px) { .block-recommend-sale .card-product .card-product__price2 { font-size: 10px; } } @media (max-width: 1100px) { .block-recommend-sale .card-product .card-product__actions > *:not(:last-child) { margin-bottom: 2px; } } @media (max-width: 480px) { .block-recommend-sale .card-product .card-product__price1 { font-size: 16px; } } @media (max-width: 1100px) { .block-recommend-sale .card-product .card-product__name { font-size: 14px; } } @media (max-width: 480px) { .block-recommend-sale .card-product .card-product__name { font-size: 10px; } } @media (max-width: 1100px) { .block-recommend-sale .card-product .card-product__status { font-size: 12px; margin: 0px 0px 20px 0px; } } @media (max-width: 480px) { .block-recommend-sale .card-product .card-product__status { font-size: 10px; margin: 0px 0px 16px 0px; } } .block-recommend-sale .card-product .card-product__discount { font-size: 10px; } @media (max-width: 480px) { .block-recommend-sale .card-product .card-product__btn-shipping { font-size: 10px; gap: 6px; } .block-recommend-sale .card-product .card-product__btn-shipping svg { width: 14px; height: 10px; } } @media (max-width: 1100px) { .block-recommend-sale .card-product .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } @media (max-width: 600px) { .block-recommend-sale .card-product .card-product__buttons { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 10px; gap: 4px; } .block-recommend-sale .card-product .card-product__buttons .btn-fancy { clip-path: none; margin: 0px 0px 0px 0px; } .block-recommend-sale .card-product .card-product__buttons .btn-fancy span { clip-path: none; } } @media (max-width: 768px) { .block-recommend-sale .card-product .photos-preview { height: 78px; aspect-ratio: 0/0; margin: 40px 0px 0px 0px; } } @media (max-width: 768px) { .block-recommend-sale .card-product .card-product__brand { height: 10px; width: auto; } } @media (max-width: 480px) { .block-recommend-sale .card-product .special-offer-timer_small .special-offer-timer__item { width: 35px; } } @media (max-width: 900px) { .block-recommend-sale .card-product .card-product__data + .card-product__shipping { margin-top: -20px; margin-bottom: -20px; } } @media (max-width: 768px) { .block-recommend-sale .card-product .card-product__photo { padding: 26px 30px 20px 30px; min-height: 150px; } } @media (max-width: 1100px) { .block-recommend-sale .card-product .card-product__inner { height: 100%; } } @media (max-width: 1100px) { .block-recommend-sale .card-product .btn-fancy { --height: 40px; --padding: 10px; } .block-recommend-sale .card-product .btn-fancy span { font-size: 12px; } } .block-payment .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 114px; } @media (max-width: 1100px) { .block-payment .container { gap: 100px; } } @media (max-width: 768px) { .block-payment .container { gap: 20px; } } .block-payment__content .tabs-nav1 { margin: 0px 0px 60px 0px; } @media (max-width: 1100px) { .block-payment__content .tabs-nav1 { margin: 0px 0px 26px 0px; } } @media (max-width: 768px) { .block-payment__content .tabs-nav1 { margin: 0px 0px 20px 0px; } } @media (max-width: 768px) { .block-payment__content .tabs-nav1 .btn-corner1 { --height: 41px; font-size: 14px; --padding: 34px; } } @media (max-width: 768px) { .block-payment__content .tabs-nav1 .btn-corner2 { --padding: 24px; } } .block-payment__top { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 14px; margin: 0px 0px 35px 0px; } @media (max-width: 1100px) { .block-payment__top { margin: 0px 0px 26px 0px; } } @media (max-width: 768px) { .block-payment__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; margin: 0px 0px 17px 0px; } } .block-payment__top .select-block-payment { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } @media (max-width: 768px) { .block-payment__top .select-block-payment { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } } .block-payment__top .ts-control { height: 60px; } .block-payment__top .ts-control .item { font-size: 18px; } .block-payment__top .search { -webkit-box-flex: 0; -ms-flex: 0 1 648px; flex: 0 1 648px; } @media (max-width: 768px) { .block-payment__top .search { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } } .block-payment__center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 0px 32px 0px; } @media (max-width: 1100px) { .block-payment__center { margin: 0px 0px 26px 0px; } } @media (max-width: 768px) { .block-payment__center { margin: 0px 0px 25px 0px; } } .block-payment__center .title3 { margin: 0px 0px 0px 0px; } @media (max-width: 1100px) { .block-payment__center .title3 { font-size: 16px; } } .block-payment__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 114px; } @media (max-width: 1100px) { .block-payment__bottom { gap: 60px; } } .block-payment__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } @media (max-width: 1100px) { .block-payment__buttons { display: none; } } .block-payment__button svg { fill: #9dacb7; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .block-payment__button:hover svg { fill: var(--theme-color-accent); } .block-payment__button._active svg { fill: var(--theme-color-accent); } .list-block-shops { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .grid-active .list-block-shops { display: grid; gap: 30px; grid-template-columns: repeat(4, 1fr); } @media (max-width: 1100px) { .grid-active .list-block-shops { gap: 20px; } } @media (max-width: 992px) { .grid-active .list-block-shops { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .grid-active .list-block-shops { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 550px) { .grid-active .list-block-shops { grid-template-columns: 1fr; gap: 10px; } } .list-block-shops__column { background-color: rgba(35, 36, 43, 0.6); padding: 10px 30px 10px 10px; border: 1px solid transparent; -webkit-transition: background-color 0.3s, border 0.3s; transition: background-color 0.3s, border 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 50px; } .list-block-shops__column.hidden { display: none !important; } @media (max-width: 1400px) { .list-block-shops__column { gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; } } .list-block-shops__column:hover { background-color: #23242b; } .grid-active .list-block-shops__column { padding: 22px 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .grid-active .list-block-shops__column.active { border: 1px solid var(--theme-color-accent); } @media (max-width: 1100px) { .grid-active .list-block-shops__column { gap: 20px; padding: 10px 0px 10px 15px; } } @media (max-width: 768px) { .grid-active .list-block-shops__column { padding: 10px 15px; } } .list-block-shops__image { -webkit-box-flex: 0; -ms-flex: 0 0 263px; flex: 0 0 263px; padding: 10px; } @media (max-width: 1400px) { .list-block-shops__image { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; } } .grid-active .list-block-shops__image { display: none; } .list-block-shops__image img { width: 100%; height: 164px; -o-object-fit: cover; object-fit: cover; } .list-block-shops__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; margin: 20px 0px 0px 0px; width: 100%; } .grid-active .list-block-shops__item { gap: 0px; height: 100%; margin: 0px 0px 0px 0px; } @media (max-width: 1400px) { .list-block-shops__item { margin: 0px 0px 0px 0px; } } .list-block-shops__title { font-weight: 700; font-size: 20px; line-height: 140%; } .grid-active .list-block-shops__title { padding: 0px 0px 15px 0px; } @media (max-width: 1100px) { .grid-active .list-block-shops__title { background: rgba(35, 36, 43, 0.6); padding: 0px 10px 10px 0px; } } @media (max-width: 1100px) { .list-block-shops__title { font-size: 16px; } } .list-block-shops__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 60px; } @media (max-width: 1400px) { .list-block-shops__bottom { gap: 20px; } } .grid-active .list-block-shops__bottom { gap: 22px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1100px) { .grid-active .list-block-shops__bottom { gap: 15px; } } .list-block-shops__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 0; -ms-flex: 0 1 63%; flex: 0 1 63%; gap: 90px; } @media (max-width: 1640px) { .list-block-shops__left { gap: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .grid-active .list-block-shops__left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 20px; } @media (max-width: 1100px) { .grid-active .list-block-shops__left { padding: 0px 10px 0px 0px; gap: 10px; background: rgba(35, 36, 43, 0.6); } } .list-block-shops__location { -webkit-box-flex: 0; -ms-flex: 0 0 264px; flex: 0 0 264px; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400; font-size: 16px; line-height: 120%; gap: 12px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 1640px) { .list-block-shops__location { -webkit-box-flex: 0; -ms-flex: 0 1 264px; flex: 0 1 264px; } } @media (max-width: 1100px) { .list-block-shops__location { font-size: 14px; } } .list-block-shops__location svg { margin: 3px 0px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 0 13px; flex: 0 0 13px; fill: var(--theme-color-accent); } .grid-active .list-block-shops__location { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .list-block-shops__contacts { -webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; white-space: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .grid-active .list-block-shops__contacts { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .list-block-shops__contacts .phone { font-weight: 700; font-size: 14px; line-height: 171%; text-transform: uppercase; -webkit-transition: color 0.3s; transition: color 0.3s; } .list-block-shops__contacts .phone:hover { color: var(--theme-color-accent); } .list-block-shops__contacts .mail { font-weight: 400; font-size: 14px; line-height: 171%; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; -webkit-transition: color 0.3s; transition: color 0.3s; } .list-block-shops__contacts .mail:hover { color: var(--theme-color-accent); } .list-block-shops__work { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 400; font-size: 14px; line-height: 171%; color: #9dacb7; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-item-align: start; align-self: flex-start; } .list-block-shops__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 32%; flex: 0 1 32%; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .grid-active .list-block-shops__right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 70px; } @media (max-width: 1100px) { .grid-active .list-block-shops__right { background: rgba(35, 36, 43, 0.6); } } .list-block-shops__right .btn-text_1 { white-space: nowrap; position: relative; top: 2px; } .grid-active .list-block-shops__right .btn-text_1 { display: none; } .list-block-shops__right .btn-arrow1 { margin: -8px 0px 0px 65px; -webkit-box-flex: 0; -ms-flex: 0 0 62px; flex: 0 0 62px; position: relative; opacity: 1; pointer-events: auto; top: 0; left: 0; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } .grid-active .list-block-shops__right .btn-arrow1 { display: none; } @media (max-width: 1400px) { .list-block-shops__right .btn-arrow1 { margin: -8px 0px 0px 20px; } } .list-block-shops__descr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 36px 0px 0px; flex-grow: 1; } .grid-active .list-block-shops__descr { gap: 10px 6px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin: 0px 0px 0px 0px; } @media (max-width: 768px) { .grid-active .list-block-shops__descr { gap: 5px; } } @media (max-width: 1100px) { .list-block-shops__descr { margin: 0px 0px 0px 0px; } } .list-block-shops__type { white-space: nowrap; } .list-block-shops__type.badge1 { --height: auto; padding-left: 0px; padding-right: 0px; --padding: 0px; --angle: 0px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; padding: 0px var(--padding); border: 1px transparent solid; } .grid-active .list-block-shops__type.badge1 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px #fff solid; padding: 2px var(--padding); --padding: 16px; --angle: 9px; padding-left: 10px; padding-right: 10px; } @media (max-width: 1100px) { .grid-active .list-block-shops__type.badge1 { --height: 26px; } } .list-block-shops__type span { font-weight: 700; font-size: 14px; line-height: 171%; -webkit-transform: skew(17deg); transform: skew(17deg); } @media (max-width: 1100px) { .list-block-shops__type span { font-weight: 700; font-size: 12px; line-height: 100%; } } .map-block-payment { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } @media (max-width: 992px) { .map-block-payment { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .map-block-payment::before { content: ""; height: 1px; position: absolute; top: 0; left: -140px; background-color: var(--border-color); width: calc(100% + 280px); } @media (max-width: 992px) { .map-block-payment::before { display: none; } } .map-block-payment::after { content: ""; height: 1px; position: absolute; bottom: 0; left: -140px; background-color: var(--border-color); width: calc(100% + 280px); } @media (max-width: 992px) { .map-block-payment::after { display: none; } } .map-block-payment__left { -webkit-box-flex: 0; -ms-flex: 0 1 666px; flex: 0 1 666px; border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media (max-width: 1024px) { .map-block-payment__left { -webkit-box-flex: 0; -ms-flex: 0 1 443px; flex: 0 1 443px; } } @media (max-width: 992px) { .map-block-payment__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; border-right: none; border-left: none; } } .map-block-payment__left .search { margin: 0px 30px 10px 30px; height: 60px; } @media (max-width: 1300px) { .map-block-payment__left .search { margin: 0px 34px 0px 30px; } } @media (max-width: 992px) { .map-block-payment__left .search { margin: 0px 0px 0px 0px; } } @media (max-width: 768px) { .map-block-payment__left .search { display: none; } .map-block-payment__left .search._active { display: -webkit-box; display: -ms-flexbox; display: flex; } } .map-block-payment__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px 23px; padding: 32px 30px 0px 30px; } @media (max-width: 1300px) { .map-block-payment__top { padding: 25px 34px 0px 32px; } } @media (max-width: 992px) { .map-block-payment__top { padding: 0px 0px 0px 0px; } } @media (max-width: 768px) { .map-block-payment__top { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .map-block-payment__top .title3 { margin: 0px 0px 0px 0px; } @media (max-width: 1300px) { .map-block-payment__top .title3 { font-size: 16px; line-height: 120%; } } @media (max-width: 992px) { .map-block-payment__top .title3 { font-size: 20px; line-height: 110%; } .map-block-payment__top .title3 br { display: none; } } @media (max-width: 768px) { .map-block-payment__top .title3 { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .map-block-payment__selects { -webkit-box-flex: 0; -ms-flex: 0 1 300px; flex: 0 1 300px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } @media (max-width: 1024px) { .map-block-payment__selects { -webkit-box-flex: 0; -ms-flex: 0 1 244px; flex: 0 1 244px; } } @media (max-width: 992px) { .map-block-payment__selects { -webkit-box-flex: 0; -ms-flex: 0 1 300px; flex: 0 1 300px; } } @media (max-width: 768px) { .map-block-payment__selects { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .map-block-payment__selects .select .ts-control { height: 60px; } .map-block-payment__selects .select .ts-control .item { font-size: 18px; } .map-block-payment__selects .search-button { display: none; border: 1px solid #2b2c2d; width: 60px; height: 60px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } @media (max-width: 768px) { .map-block-payment__selects .search-button { display: -webkit-box; display: -ms-flexbox; display: flex; } } .map-block-payment__selects .search-button svg { fill: #fff; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .map-block-payment__selects .search-button._active { background-color: var(--theme-color-accent); } .map-block-payment__selects .search-button._active svg { fill: var(--border-color); } .map-block-payment__shops { border-top: 1px solid var(--border-color); max-height: 530px; } @media (max-width: 1300px) { .map-block-payment__shops { max-height: 560px; } } @media (max-width: 992px) { .map-block-payment__shops { max-height: 100%; border-top: none; } } .map-block-payment__shops .list-block-shops { display: -webkit-box; display: -ms-flexbox; display: flex; /*padding: 0px 30px 0px 0px;*/ padding: 0px 0 1px 0px; gap: 0px; /*border-right: 1px solid var(--border-color);*/ } @media (max-width: 1300px) { .map-block-payment__shops .list-block-shops { padding: 0px 20px 0px 0px; } } @media (max-width: 992px) { .map-block-payment__shops .list-block-shops { padding: 0px 0px 0px 0px; border-right: none; } } .map-block-payment__shops .list-block-shops__column { background-color: transparent; padding: 0px 0px 0px 0px; border-bottom: 1px solid var(--border-color); } /* .map-block-payment__shops .list-block-shops__column:hover { border: 1px solid transparent; } */ @media (max-width: 992px) { .map-block-payment__shops .list-block-shops__column { display: none; border-bottom: none; position: fixed; z-index: 1000; bottom: 0; left: 0; width: 100%; background-color: #16171d; border: 1px solid #2b2c2d; overflow: hidden; border-radius: 30px 30px 0 0; } .map-block-payment__shops .list-block-shops__column._active, .map-block-payment__shops .list-block-shops__column.active { display: block; } } .map-block-payment__shops .list-block-shops__left { gap: 16px; background-color: transparent; } @media (max-width: 1300px) { .map-block-payment__shops .list-block-shops__left { gap: 8px; } } .map-block-payment__shops .list-block-shops__bottom { padding: 27px 30px; gap: 15px; } @media (max-width: 1300px) { .map-block-payment__shops .list-block-shops__bottom { padding: 20px; gap: 17px; } } @media (max-width: 992px) { .map-block-payment__shops .list-block-shops__bottom { padding: 12px 20px 20px 20px; } } @media (max-width: 1300px) { .map-block-payment__shops .list-block-shops__location { gap: 16px; } } @media (max-width: 992px) { .map-block-payment__shops .list-block-shops__location { gap: 10px; } .map-block-payment__shops .list-block-shops__location svg { margin: 0px 0px 0px 0px; } } .map-block-payment__shops .list-block-shops__right { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: transparent; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; } @media (max-width: 1300px) { .map-block-payment__shops .list-block-shops__right { gap: 8px; } } @media (max-width: 550px) { .map-block-payment__shops .list-block-shops__right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 20px; } } .map-block-payment__shops .list-block-shops__right .btn-text_1 { display: -webkit-box; display: -ms-flexbox; display: flex; } .map-block-payment__shops .list-block-shops__right .btn-text_1.btn-text-map { color: #9dacb7; } .map-block-payment__shops .phones { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 14px; } .map-block-payment__shops .mails { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 14px; } .map-block-payment__right { min-width: 0; -webkit-box-flex: 0; -ms-flex: 0 1 973px; flex: 0 1 973px; overflow: hidden; padding: 30px 0px 30px 30px; } @media (max-width: 1300px) { .map-block-payment__right { padding: 10px 0px 10px 10px; } } @media (max-width: 1024px) { .map-block-payment__right { -webkit-box-flex: 0; -ms-flex: 0 1 551px; flex: 0 1 551px; } } @media (max-width: 992px) { .map-block-payment__right { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0px 0px 0px 0px; margin: 0px -15px; width: calc(100% + 30px); } } .map-block-payment__right #shopsMap { width: 100%; height: 100%; } @media (max-width: 992px) { .map-block-payment__right #shopsMap { height: 487px; } } .list-block-shops__titles { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px 20px; background: rgba(35, 36, 43, 0.5); padding: 15px 30px; } @media (max-width: 1300px) { .list-block-shops__titles { padding: 13px 20px 20px 20px; gap: 9px; } } @media (max-width: 992px) { .list-block-shops__titles { background-color: transparent; -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: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; padding: 0px 0px 0px 0px; gap: 0px; } } .list-block-shops__titles .list-block-shops__title { font-size: 18px; padding: 0px 0px 0px 0px; line-height: 120%; } @media (max-width: 992px) { .list-block-shops__titles .list-block-shops__title { background: rgba(35, 36, 43, 0.5); padding: 20px; width: 100%; } } @media (max-width: 768px) { .list-block-shops__titles .list-block-shops__title { font-size: 16px; line-height: 120%; } } @media (max-width: 992px) { .list-block-shops__titles .list-block-shops__descr { padding: 15px 20px 12px 20px; } } .list-block-shops__links { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } @media (max-width: 550px) { .list-block-shops__links { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .block-shops-detail { margin: 0px 0px 200px 0px; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); } @media (max-width: 1100px) { .block-shops-detail { margin: 0px 0px 60px 0px; } } @media (max-width: 992px) { .block-shops-detail { border-top: none; } } @media (max-width: 768px) { .block-shops-detail { margin: 0px 0px 30px 0px; } } .block-shops-detail__sticky { position: sticky; top: 195px; } @media (max-width: 1300px) { .block-shops-detail__sticky { top: 161px; } } @media (max-width: 1280px) { .block-shops-detail__sticky { top: 126px; } } @media (max-width: 992px) { .block-shops-detail__sticky { position: static; top: 0; } } .block-shops-detail__content { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 992px) { .block-shops-detail__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .block-shops-detail__left { -webkit-box-flex: 0; -ms-flex: 0 0 355px; flex: 0 0 355px; padding: 50px 20px 60px 0px; border-right: 1px solid var(--border-color); } @media (max-width: 1300px) { .block-shops-detail__left { padding: 20px 15px 20px 0px; } } @media (max-width: 1100px) { .block-shops-detail__left { -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; } } @media (max-width: 992px) { .block-shops-detail__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0px 0px 0px 0px; border-right: none; } } .block-shops-detail__left .list-block-shops__item { margin: 30px 0px 0px 0px; gap: 0px; } @media (max-width: 1100px) { .block-shops-detail__left .list-block-shops__item { margin: 20px 0px 0px 0px; } } @media (max-width: 992px) { .block-shops-detail__left .list-block-shops__item { margin: 30px 0px 0px 0px; } .block-shops-detail__left .list-block-shops__item::before { content: ""; display: block; width: calc(100% + 30px); height: 1px; background-color: var(--border-color); margin: 0px -15px 22px -15px; } } .block-shops-detail__left .list-block-shops__location { font-size: 18px; } @media (max-width: 1100px) { .block-shops-detail__left .list-block-shops__location { font-size: 14px; } } .block-shops-detail__left .list-block-shops__contacts .phone { font-size: 16px; line-height: 150%; } @media (max-width: 1100px) { .block-shops-detail__left .list-block-shops__contacts .phone { font-size: 14px; } } .block-shops-detail__left .list-block-shops__contacts .mail { font-size: 16px; line-height: 150%; } @media (max-width: 1100px) { .block-shops-detail__left .list-block-shops__contacts .mail { font-size: 14px; } } .block-shops-detail__left .list-block-shops__work { font-size: 16px; } @media (max-width: 1100px) { .block-shops-detail__left .list-block-shops__work { font-size: 14px; } } .block-shops-detail__left .list-block-shops__left { gap: 16px; } @media (max-width: 1100px) { .block-shops-detail__left .list-block-shops__left { padding: 0px 0px 0px 0px; background-color: transparent; } } @media (max-width: 1100px) { .block-shops-detail__left .list-block-shops__right { padding: 0px 0px 0px 0px; background-color: transparent; } } .block-shops-detail__left .list-block-shops__title { font-size: 24px; font-family: var(--font-secondary); } @media (max-width: 1100px) { .block-shops-detail__left .list-block-shops__title { background-color: transparent; font-family: var(--font-primary); font-size: 16px; } } .block-shops-detail__right { flex-grow: 1; min-width: 0; } .block-shops-detail__column { padding: 60px 0px 60px 60px; border-bottom: 1px solid var(--border-color); } @media (max-width: 1300px) { .block-shops-detail__column { padding: 30px 0px 30px 15px; } .block-shops-detail__column:first-child { padding: 15px 0px 30px 15px; } .block-shops-detail__column:last-child { padding: 30px 0px 60px 15px; } } @media (max-width: 992px) { .block-shops-detail__column { padding: 25px 15px; margin: 0px -15px; width: calc(100% + 30px); } .block-shops-detail__column:first-child { padding: 0px 0px 0px 0px; } .block-shops-detail__column:last-child { padding: 25px 15px; } } .block-shops-detail__column .title3 { margin: 0px 0px 20px 0px; } @media (max-width: 1300px) { .block-shops-detail__column .title3 { font-size: 16px; margin: 0px 0px 10px 0px; } } .block-shops-detail__column ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3px; } @media (max-width: 992px) { .block-shops-detail__column ul { gap: 4px; } } .block-shops-detail__column ul li { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; gap: 12px; } @media (max-width: 1300px) { .block-shops-detail__column ul li { font-size: 14px; } } @media (max-width: 992px) { .block-shops-detail__column ul li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .block-shops-detail__column ul li::before { content: ""; display: block; width: 8px; height: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 8px; flex: 0 0 8px; margin: 9px 0px 0px 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #c6ce4e; } @media (max-width: 1300px) { .block-shops-detail__column ul li::before { margin: 7px 0px 0px 0px; } } .block-shops-detail__image { padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1300px) { .block-shops-detail__image { padding: 12px; } .block-shops-detail__image.corners1 { --size: 25px; } } @media (max-width: 992px) { .block-shops-detail__image { padding: 7px 0px 30px 0px; } .block-shops-detail__image::before, .block-shops-detail__image::after { content: ""; display: none; } } .block-shops-detail__image .corners1__inner { width: 100%; } @media (max-width: 992px) { .block-shops-detail__image .corners1__inner::before, .block-shops-detail__image .corners1__inner::after { content: ""; display: none; } } .block-shops-detail__image img { border: 1px solid #2b2c2d; width: 100%; height: 460px; -o-object-fit: cover; object-fit: cover; } .block-shops-detail__image img.empty { -o-object-fit: contain; object-fit: contain; max-height: 250px; } @media (max-width: 1300px) { .block-shops-detail__image img { height: 275px; } } @media (max-width: 992px) { .block-shops-detail__image img { min-height: 124px; height: 100%; border: none; } } .block-shops-detail__map { width: 100%; padding: 20px; margin: 20px 0px 0px 0px; } @media (max-width: 1300px) { .block-shops-detail__map { padding: 12px; } .block-shops-detail__map.corners1 { --size: 25px; } } @media (max-width: 992px) { .block-shops-detail__map { padding: 0px 0px 0px 0px; margin: 15px -15px 0px -15px; width: calc(100% + 30px); } .block-shops-detail__map::before, .block-shops-detail__map::after { content: ""; display: none; } } @media (max-width: 992px) { .block-shops-detail__map .corners1__inner::before, .block-shops-detail__map .corners1__inner::after { content: ""; display: none; } } .block-shops-detail__map #map2 { height: 462px; width: 100%; } @media (max-width: 1300px) { .block-shops-detail__map #map2 { height: 275px; } } @media (max-width: 992px) { .block-shops-detail__map #map2 { height: 462px; } } .block-shops-detail__slider { padding: 0px 0px 76px 0px; } .block-shops-detail__slider .swiper-wrapper { height: auto; } @media (max-width: 1100px) { .block-shops-detail__slider { padding: 0px 0px 60px 0px; } } @media (max-width: 992px) { .block-shops-detail__slider { padding: 0px 0px 50px 0px; } } .block-shops-detail__slider .swiper-navs { position: absolute; right: 0; bottom: 8px; z-index: 10; } @media (max-width: 992px) { .block-shops-detail__slider .swiper-navs { bottom: 15px; } } .block-shops-detail__slide { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; padding: 10px; } @media (max-width: 1300px) { .block-shops-detail__slide { padding: 6px; } .block-shops-detail__slide.corners1 { --size: 30px; } } .block-shops-detail__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .block-other-shops__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 0px 60px 0px; } @media (max-width: 1100px) { .block-other-shops__top { margin: 0px 0px 20px 0px; } } .block-other-shops__top .title2 { margin: 0px 0px 0px 0px; } @media (max-width: 1100px) { .block-other-shops__top .title2 { font-size: 16px; } } .block-other-shops__slider .swiper-navs { display: none; } @media (max-width: 1100px) { .block-other-shops__slider .swiper-navs { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 0; bottom: 8px; z-index: 10; } } @media (max-width: 992px) { .block-other-shops__slider .swiper-navs { bottom: 15px; } } .block-other-shops__slider .swiper-pagination { display: none; } @media (max-width: 1100px) { .block-other-shops__slider .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 1100px) { .block-other-shops__slider { padding: 0px 0px 55px 0px; } } @media (max-width: 992px) { .block-other-shops__slider { padding: 0px 0px 45px 0px; } } .block-other-shops__slide { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } .block-media .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 60px; } @media (max-width: 1100px) { .block-media .container { gap: 30px; } } @media (max-width: 1100px) { .block-media .btn-corner1 { --padding: 60px; } } @media (max-width: 768px) { .block-media .btn-corner1 { --padding: 29px; --height: 40px; } } @media (max-width: 768px) { .block-media .btn-corner2 { --padding: 22px; } } .block-media__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 60px; } @media (max-width: 1100px) { .block-media__content { gap: 30px; } } .block-media__cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 60px 30px; } @media (max-width: 1100px) { .block-media__cards { gap: 20px; } } @media (max-width: 992px) { .block-media__cards { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .block-media__cards { gap: 16px; } } @media (max-width: 550px) { .block-media__cards { grid-template-columns: 1fr; } } .block-media__cards .card-pub { container-type: inline-size; } @media (max-width: 1100px) { .block-media__cards .card-pub { padding: 10px; } .block-media__cards .card-pub__bar { gap: 5px; } .block-media__cards .card-pub__photo { -webkit-transform: translateX(0); transform: translateX(0); } .block-media__cards .card-pub__bottom { -webkit-transform: translateY(0); transform: translateY(0); } .block-media__cards .card-pub__title { font-size: 16px; -webkit-line-clamp: 5; } .block-media__cards .card-pub__preview { font-size: 14px; height: auto; margin-top: 14px; -webkit-line-clamp: 5; } } @media (max-width: 768px) { .block-media__cards .card-pub { padding: 15px 15px 20px 15px; } } @media (max-width: 1100px) { .block-media__cards .card-pub .card-pub__bottom { padding: 0px 10px 10px 10px; } } @media (max-width: 768px) { .block-media__cards .card-pub .card-pub__bottom { padding: 0px 0px 0px 0px; } } .block-media-detail { margin: 0px 0px 200px 0px; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); } @media (max-width: 1100px) { .block-media-detail { margin: 0px 0px 40px 0px; } } @media (max-width: 992px) { .block-media-detail { border-top: none; border-bottom: none; } } @media (max-width: 768px) { .block-media-detail { margin: 0px 0px 80px 0px; } } .block-media-detail__content { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 992px) { .block-media-detail__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .block-media-detail__left { -webkit-box-flex: 0; -ms-flex: 0 0 355px; flex: 0 0 355px; padding: 58px 60px 60px 0px; border-right: 1px solid var(--border-color); } @media (max-width: 1300px) { .block-media-detail__left { padding: 26px 15px 26px 0px; } } @media (max-width: 1100px) { .block-media-detail__left { -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; } } @media (max-width: 992px) { .block-media-detail__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0px 0px 0px 0px; border-right: none; } } .block-media-detail__left .card-pub__bar .badge1 { --height: 30px; --padding: 16px; --angle: 9px; font-size: 14px; } .block-media-detail__left .card-pub__bar .badge1_white.badge1_hollow { padding-left: 10px; padding-right: 10px; } .block-media-detail__left .card-pub__bar .badge1:not(.badge1_hollow) { margin-right: 0px; } @media (max-width: 992px) { .block-media-detail__left .card-pub__bar { margin: 28px 0px 0px 0px; } .block-media-detail__left .card-pub__bar::before { content: ""; display: block; width: calc(100% + 30px); height: 1px; background-color: var(--border-color); margin: 0px -15px 23px -15px; } } .block-media-detail__left .back { margin: 0px 0px 28px 0px; } @media (max-width: 992px) { .block-media-detail__left .back { margin: 0px 0px 0px 0px; } } .block-media-detail__share { margin: 22px 0px 0px 0px; } .block-media-detail__share-title { font-weight: 400; font-size: 16px; line-height: 150%; margin: 0px 0px 15px 0px; } .block-media-detail__right { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 55px 0px 60px 60px; min-width: 0; } @media (max-width: 1300px) { .block-media-detail__right { padding: 8px 0px 60px 15px; } } @media (max-width: 992px) { .block-media-detail__right { padding: 0px 0px 0px 0px; margin: 28px 0px 0px 0px; } .block-media-detail__right::before { content: ""; display: block; width: calc(100% + 30px); height: 1px; background-color: var(--border-color); margin: 0px -15px 20px -15px; } } .block-media-detail__right .title2 { margin-bottom: 30px; } @media (max-width: 1300px) { .block-media-detail__right .title2 { font-size: 20px; line-height: 140%; margin-bottom: 12px; } } .block-media-detail__right .title3 { display: none; margin: 0px 0px 20px 0px; } @media (max-width: 1300px) { .block-media-detail__right .title3 { display: block; font-size: 16px; margin: 0px 0px 15px 0px; } } @media (max-width: 768px) { .block-media-detail__right .title3 { display: none; } } .block-media-detail__right ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3px; margin: 0px 0px 30px 0px; } @media (max-width: 992px) { .block-media-detail__right ul { gap: 4px; } } .block-media-detail__right ul li { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; gap: 12px; } @media (max-width: 1300px) { .block-media-detail__right ul li { font-size: 14px; } } .block-media-detail__right ul li::before { content: ""; display: block; width: 8px; height: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 8px; flex: 0 0 8px; margin: 9px 0px 0px 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #c6ce4e; } @media (max-width: 1300px) { .block-media-detail__right ul li::before { margin: 7px 0px 0px 0px; } } .block-media-detail__right .title4 { font-weight: 700; font-size: 18px; line-height: 120%; margin: 0px 0px 16px 0px; } @media (max-width: 1300px) { .block-media-detail__right .title4 { font-size: 15px; margin: 0px 0px 10px 0px; } } .block-media-detail__sticky { position: sticky; top: 195px; } @media (max-width: 1300px) { .block-media-detail__sticky { top: 161px; } } @media (max-width: 1280px) { .block-media-detail__sticky { top: 126px; } } @media (max-width: 992px) { .block-media-detail__sticky { position: static; top: 0; } } .block-media-detail__image { position: relative; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 28px 0px; } .block-media-detail__image .photo-faded { opacity: 0.8; } @media (max-width: 1300px) { .block-media-detail__image { padding: 12px; margin: 0px 0px 22px 0px; } .block-media-detail__image.corners1 { --size: 25px; } } @media (max-width: 992px) { .block-media-detail__image { padding: 0px 0px 0px 0px; margin: 0px -15px 14px -15px; } .block-media-detail__image::before, .block-media-detail__image::after { content: ""; display: none; } } .block-media-detail__image .corners1__inner { width: 100%; } @media (max-width: 992px) { .block-media-detail__image .corners1__inner::before, .block-media-detail__image .corners1__inner::after { content: ""; display: none; } } .block-media-detail__image img { border: 1px solid #2b2c2d; width: 100%; /* height: 460px; */ -o-object-fit: cover; object-fit: cover; } @media (max-width: 1300px) { .block-media-detail__image img { /* height: 275px; */ } } @media (max-width: 992px) { .block-media-detail__image img { min-height: 124px; height: 100%; border: none; } } .block-media-detail__descr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; margin: 0px 0px 30px 0px; } @media (max-width: 1300px) { .block-media-detail__descr { gap: 20px; } } .block-media-detail__descr p { font-size: 16px; line-height: 150%; font-weight: 400; color: #9dacb7; } .block-media-detail__descr p.color { font-weight: 700; color: #fff; } @media (max-width: 1300px) { .block-media-detail__descr p { font-size: 14px; } } @media (max-width: 1100px) { .block-media-detail__slider { padding: 0px 0px 60px 0px; } } @media (max-width: 992px) { .block-media-detail__slider { padding: 0px 0px 50px 0px; } } .block-media-detail__slider .swiper-pagination { display: none; } @media (max-width: 1100px) { .block-media-detail__slider .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } } .block-media-detail__slider .swiper-navs { display: none; position: absolute; right: 0; bottom: 8px; z-index: 10; } @media (max-width: 1100px) { .block-media-detail__slider .swiper-navs { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 992px) { .block-media-detail__slider .swiper-navs { bottom: 15px; } } .block-media-detail__slide { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; padding: 10px; } .block-media-detail__slide .corners1__inner { width: 100%; } @media (max-width: 1300px) { .block-media-detail__slide { padding: 6px; } .block-media-detail__slide.corners1 { --size: 30px; } } .block-media-detail__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .block-favourites .heading-cols1 { margin: 0px 0px 55px 0px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 1100px) { .block-favourites .heading-cols1 { margin: 0px 0px 35px 0px; } } @media (max-width: 768px) { .block-favourites .heading-cols1 { margin: 0px 0px 20px 0px; } } @media (max-width: 480px) { .block-favourites .heading-cols1 { -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: start; gap: 12px; } } .block-favourites .heading-cols1 .title2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 10px; } .block-favourites .heading-cols1 .title2 span { font-size: 19px; display: block; } @media (max-width: 1100px) { .block-favourites .heading-cols1 .title2 span { font-size: 12px; } } @media (max-width: 1100px) { .block-favourites .heading-cols1 .title2 { font-size: 20px; } } .block-favourites .heading-cols1 .btn-text { margin: 0px 0px 5px 0px; gap: 7px; } @media (max-width: 1100px) { .block-favourites .heading-cols1 .btn-text { font-size: 14px; } } .block-favourites__cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; padding: 0px 0px 60px 0px; } @media (max-width: 1100px) { .block-favourites__cards { gap: 20px; padding: 0px 0px 30px 0px; } } @media (max-width: 992px) { .block-favourites__cards { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .block-favourites__cards { grid-template-columns: repeat(2, 1fr); padding: 0px 0px 40px 0px; gap: 8px; } } @media (max-width: 1100px) { .block-favourites__cards .card-product { margin: 0px 0px 0px 0px; --padding-horizontal: 10px; } } @media (max-width: 1100px) { .block-favourites__cards .card-product .special-offer-timer { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 1100px) { .block-favourites__cards .card-product .badge2 { font-size: 10px; --height: 20px; --padding: 9px; } } .block-favourites__cards .card-product .card-product__badges { margin: 0px 40px 0px 0px; } @media (max-width: 480px) { .block-favourites__cards .card-product .card-product__price2 { font-size: 10px; } } @media (max-width: 1100px) { .block-favourites__cards .card-product .card-product__actions > *:not(:last-child) { margin-bottom: 2px; } } @media (max-width: 480px) { .block-favourites__cards .card-product .card-product__price1 { font-size: 16px; } } @media (max-width: 1100px) { .block-favourites__cards .card-product .card-product__name { font-size: 14px; } } @media (max-width: 480px) { .block-favourites__cards .card-product .card-product__name { font-size: 10px; } } @media (max-width: 1100px) { .block-favourites__cards .card-product .card-product__status { font-size: 12px; margin: 0px 0px 20px 0px; } } @media (max-width: 480px) { .block-favourites__cards .card-product .card-product__status { font-size: 10px; margin: 0px 0px 16px 0px; } } .block-favourites__cards .card-product .card-product__discount { font-size: 10px; } @media (max-width: 480px) { .block-favourites__cards .card-product .card-product__btn-shipping { font-size: 10px; gap: 6px; } .block-favourites__cards .card-product .card-product__btn-shipping svg { width: 14px; height: 10px; } } @media (max-width: 1100px) { .block-favourites__cards .card-product .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } @media (max-width: 600px) { .block-favourites__cards .card-product .card-product__buttons { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 10px; gap: 4px; } .block-favourites__cards .card-product .card-product__buttons .btn-fancy { clip-path: none; margin: 0px 0px 0px 0px; } .block-favourites__cards .card-product .card-product__buttons .btn-fancy span { clip-path: none; } } @media (max-width: 768px) { .block-favourites__cards .card-product .photos-preview { height: 78px; aspect-ratio: 0/0; margin: 40px 0px 0px 0px; } } @media (max-width: 768px) { .block-favourites__cards .card-product .card-product__brand { height: 10px; width: auto; } } @media (max-width: 480px) { .block-favourites__cards .card-product .special-offer-timer_small .special-offer-timer__item { width: 35px; } } @media (max-width: 900px) { .block-favourites__cards .card-product .card-product__data + .card-product__shipping { margin-top: -20px; margin-bottom: -20px; } } @media (max-width: 768px) { .block-favourites__cards .card-product .card-product__photo { padding: 26px 30px 20px 30px; min-height: 150px; } } @media (max-width: 1100px) { .block-favourites__cards .card-product .card-product__inner { height: 100%; } } @media (max-width: 1100px) { .block-favourites__cards .card-product .btn-fancy { --height: 40px; --padding: 10px; } .block-favourites__cards .card-product .btn-fancy span { font-size: 12px; } } .block-support.documentation .block-support__heading-complex { margin: 0px 0px 35px 0px; } @media (max-width: 1100px) { .block-support.documentation .block-support__heading-complex { margin: 0px 0px 25px 0px; } } .block-support.documentation .block-support__heading-complex .title1 { margin: 0px 0px 20px 0px; } @media (max-width: 1100px) { .block-support.documentation .block-support__heading-complex .title1 { margin: 0px 0px 10px 0px; } } .block-support.delivery .title1 { margin-bottom: 30px; } @media (max-width: 1100px) { .block-support.delivery .title1 { margin-bottom: 27px; } } .block-support.exchange .title1 { margin-bottom: 22px; } @media (max-width: 1100px) { .block-support.exchange .title1 { margin-bottom: 8px; } } .block-support.exchange .block-support__content { gap: 32px; } @media (max-width: 768px) { .block-support.exchange .block-support__column .block-support__title { font-size: 15px; line-height: 140%; } } @media (max-width: 1100px) { .block-support.exchange .block-support__title { margin: 0px 0px 10px 0px; } } @media (max-width: 768px) { .block-support.exchange .block-support__title { line-height: 110%; } } .block-support.exchange .block-support__item.item2 { padding: 54px 60px 56px 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 50px; } @media (max-width: 1100px) { .block-support.exchange .block-support__item.item2 { padding: 35px 20px 35px 20px; gap: 30px; } } @media (max-width: 768px) { .block-support.exchange .block-support__item.item2 { padding: 15px; } } .block-support.wholesale .block-support__heading-complex { margin: 0px 0px 43px 0px; } @media (max-width: 1100px) { .block-support.wholesale .block-support__heading-complex { margin: 0px 0px 30px 0px; } } .block-support.wholesale .block-support__heading-complex .title1 { margin-bottom: 22px; } .block-support.wholesale .block-support__content { gap: 80px; } @media (max-width: 1100px) { .block-support.wholesale .block-support__content { gap: 70px; } } @media (max-width: 768px) { .block-support.wholesale .block-support__content { gap: 74px; } } @media (max-width: 1200px) { .block-support.wholesale .block-support__texts ul li { font-size: 16px; } } .block-support p { font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; } @media (max-width: 1100px) { .block-support p { font-size: 14px; } } .block-support__heading-complex { margin: 0px 0px 55px 0px; } @media (max-width: 1100px) { .block-support__heading-complex { margin: 0px 0px 33px 0px; } } @media (max-width: 768px) { .block-support__heading-complex { margin: 0px 0px 35px 0px; } } @media (max-width: 1100px) { .block-support .title1 { font-size: 20px; line-height: 110%; margin: 0px 0px 8px 0px; } } .block-support__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 50px; } @media (max-width: 1100px) { .block-support__content { gap: 33px; } } .block-support__content ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3px; } .block-support__content ul.number li::before { content: ""; display: none; } @media (max-width: 1200px) { .block-support__content ul { gap: 4px; } } .block-support__content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; gap: 12px; } @media (max-width: 1200px) { .block-support__content ul li { font-size: 14px; } } .block-support__content ul li.cards { gap: 30px; margin: 30px 0px 20px 0px; } @media (max-width: 1100px) { .block-support__content ul li.cards { margin: 10px 0px 10px 0px; gap: 12px; } } @media (max-width: 992px) { .block-support__content ul li.cards { display: grid; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 650px) { .block-support__content ul li.cards { gap: 8px; margin: 10px 0px 30px 0px; } } .block-support__content ul li.cards a { -webkit-box-flex: 0; -ms-flex: 0 1 380px; flex: 0 1 380px; padding: 30px 27px 30px 30px; } @media (max-width: 1100px) { .block-support__content ul li.cards a { gap: 26px; font-size: 12px; line-height: 120%; padding: 27px 26px; } } @media (max-width: 650px) { .block-support__content ul li.cards a { gap: 15px; padding: 20px 8px 10px 8px; } } .block-support__content ul li::before { content: ""; display: block; width: 8px; height: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 8px; flex: 0 0 8px; margin: 9px 0px 0px 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: var(--theme-color-accent); } @media (max-width: 1300px) { .block-support__content ul li::before { margin: 7px 0px 0px 0px; } } .block-support__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } @media (max-width: 1200px) { .block-support__grid { gap: 20px; } } @media (max-width: 768px) { .block-support__grid { grid-template-columns: 1fr; } } .block-support__grid .corners1__inner { height: 100%; } @media (max-width: 1200px) { .block-support__grid .block-support__title { line-height: 150%; font-family: var(--font-primary); margin: 0px 0px 8px 0px; } } .block-support__column { padding: 20px; } @media (max-width: 1200px) { .block-support__column { padding: 10px; } } @media (max-width: 768px) { .block-support__column.column2 { padding: 0px; margin: 0px -15px; } .block-support__column.column2::before, .block-support__column.column2::after { content: ""; display: none; } .block-support__column.column2 .corners1__inner::before, .block-support__column.column2 .corners1__inner::after { content: ""; display: none; } } .block-support__items p { margin: 0px 0px 16px 0px; } @media (max-width: 1100px) { .block-support__items p { margin: 0px 0px 5px 0px; } } .block-support__number { font-weight: 700; font-size: 16px; line-height: 150%; color: var(--theme-color-accent); } @media (max-width: 1100px) { .block-support__number { margin: -3px 0px 0px 0px; } } .block-support__item { background: rgba(35, 36, 43, 0.5); padding: 52px 60px 53px 60px; height: 100%; } @media (max-width: 1200px) { .block-support__item { padding: 13px 20px 17px 20px; } } .block-support__title { font-family: var(--font-secondary); font-weight: 700; font-size: 24px; line-height: 140%; margin: 0px 0px 12px 0px; } @media (max-width: 1200px) { .block-support__title { font-size: 16px; margin: 0px 0px 15px 0px; } } @media (max-width: 768px) { .block-support__title { margin: 0px 0px 10px 0px; } } .block-support__title2 { font-family: var(--font-secondary); font-weight: 700; font-size: 20px; line-height: 140%; margin: 0px 0px 20px 0px; } @media (max-width: 1200px) { .block-support__title2 { font-size: 16px; line-height: 110%; margin: 0px 0px 15px 0px; } } @media (max-width: 768px) { .block-support__title2 { margin: 0px 0px 8px 0px; } } .block-support__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } @media (max-width: 1100px) { .block-support__text { gap: 22px; } } .block-support__subtitle { font-family: var(--font-secondary); font-weight: 700; font-size: 30px; line-height: 120%; } @media (max-width: 1100px) { .block-support__subtitle { font-size: 16px; } } .block-support__subtitle .phone { color: #769cb8; } .block-support__subtitle .mail { font-weight: 400; color: #769cb8; } .block-support__subtitle a { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .block-support__subtitle a:hover { opacity: 0.7; } .block-documentation { padding: 30px 0px 0px 0px; border-top: 1px solid var(--border-color); } @media (max-width: 768px) { .block-documentation { padding: 20px 0px 0px 0px; } } .block-documentation__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 50px; } @media (max-width: 1100px) { .block-documentation__content { gap: 74px; } } @media (max-width: 768px) { .block-documentation__content { gap: 34px; } } .block-documentation__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 28px; } @media (max-width: 1100px) { .block-documentation__top { gap: 25px; } } @media (max-width: 768px) { .block-documentation__top { gap: 20px; } } .block-documentation__title-search { font-weight: 700; font-size: 18px; line-height: 133%; margin: 0px 0px 15px 0px; } @media (max-width: 1100px) { .block-documentation__title-search { font-size: 16px; line-height: 150%; } } .block-documentation__selects { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (max-width: 768px) { .block-documentation__selects { grid-template-columns: 1fr; gap: 10px; } } .block-documentation__selects .ts-wrapper { min-width: 0; } .block-documentation__selects .ts-control { height: 60px; width: 100%; min-width: 0; } .block-documentation__selects .ts-control .item { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: calc(100% - 10px); } @media (max-width: 1100px) { .block-documentation__selects .ts-control .item { font-size: 14px; background: -webkit-gradient(linear, left top, right top, from(#fff), to(#16171d)); background: linear-gradient(90deg, #fff 0%, #16171d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } } .block-documentation__selects .ts-control svg { right: 30px; } @media (max-width: 1100px) { .block-documentation__selects .ts-control svg { right: 38px; } } .block-documentation__bottom { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; } @media (max-width: 1500px) { .block-documentation__bottom { gap: 30px; } } @media (max-width: 1300px) { .block-documentation__bottom { grid-template-columns: 1fr; } } @media (max-width: 1100px) { .block-documentation__bottom { gap: 24px; } } .block-documentation__title { font-family: var(--font-secondary); font-weight: 700; font-size: 24px; line-height: 140%; margin: 0px 0px 32px 0px; } @media (max-width: 1100px) { .block-documentation__title { font-size: 16px; line-height: 140%; margin: 0px 0px 15px 0px; } } .block-documentation__body { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } @media (max-width: 1400px) { .block-documentation__body { gap: 12px; } } @media (max-width: 1100px) { .block-documentation__body { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 992px) { .block-documentation__body { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 650px) { .block-documentation__body { gap: 6px 8px; } } .block-documentation__column { background-color: rgba(35, 36, 43, 0.9); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; font-weight: 700; font-size: 16px; line-height: 120%; color: #9dacb7; padding: 30px 60px 30px 30px; } @media (max-width: 1500px) { .block-documentation__column { padding: 30px; } } @media (max-width: 1100px) { .block-documentation__column { padding: 27px 26px; font-size: 14px; gap: 26px; } } @media (max-width: 650px) { .block-documentation__column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 8px 26px 8px; font-size: 12px; gap: 8px; line-height: 150%; text-align: center; } } .block-documentation__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 48px; flex: 0 0 48px; width: 48px; height: 50px; } .block-documentation__icon img { width: auto; height: 100%; } .delivery-spollers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } @media (max-width: 1100px) { .delivery-spollers { margin: 0px -30px; } } @media (max-width: 1024px) { .delivery-spollers { margin: 0px -15px; } } .delivery-spollers__content { padding: 35px 40px 40px 40px; background: rgba(35, 36, 43, 0.5); } @media (max-width: 1100px) { .delivery-spollers__content { padding: 25px 30px 30px 30px; } } @media (max-width: 1024px) { .delivery-spollers__content { padding: 25px 15px 30px 15px; } } @media (max-width: 768px) { .delivery-spollers__content { padding: 15px 15px 20px 15px; } } .delivery-spollers__title { font-family: var(--font-secondary); font-weight: 700; font-size: 20px; line-height: 120%; margin: 0px 0px 24px 0px; } @media (max-width: 1100px) { .delivery-spollers__title { font-size: 16px; margin: 0px 0px 16px 0px; } } .delivery-spollers__grid { display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: start; grid-template-columns: repeat(2, 1fr); gap: 24px; } @media (max-width: 1100px) { .delivery-spollers__grid { gap: 20px; } } @media (max-width: 992px) { .delivery-spollers__grid { gap: 10px; } } @media (max-width: 768px) { .delivery-spollers__grid { grid-template-columns: 1fr; } } .delivery-spollers__item { background-color: #23242b; } .delivery-spollers__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 30px 16px 18px; } @media (max-width: 1100px) { .delivery-spollers__button { padding: 5px 20px 5px 15px; } } .delivery-spollers__button._spoller-active .delivery-spollers__arrow { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .delivery-spollers__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 400; font-size: 16px; line-height: 150%; gap: 11px; } @media (max-width: 1100px) { .delivery-spollers__name { font-size: 14px; line-height: 171%; gap: 15px; } } .delivery-spollers__name img { width: 50px; height: 50px; } .delivery-spollers__arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .delivery-spollers__arrow svg { fill: #fff; } .delivery-spollers__body { padding: 5px 26px 36px 22px; } @media (max-width: 1100px) { .delivery-spollers__body { padding: 10px 15px 15px 15px; } } .delivery-spollers__body p { font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; } @media (max-width: 1100px) { .delivery-spollers__body p { font-size: 14px; line-height: 171%; } } .block-cart { border-top: 1px solid var(--border-color); } @media (max-width: 992px) { .block-cart { border-top: none; margin: 0px 0px 90px 0px; border-bottom: 1px solid var(--border-color); } } .block-cart .heading-cols1 { margin: 0px 0px 30px 0px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 1100px) { .block-cart .heading-cols1 { margin: 0px 0px 19px 0px; } } @media (max-width: 768px) { .block-cart .heading-cols1 { margin: 0px 0px 20px 0px; } } @media (max-width: 480px) { .block-cart .heading-cols1 { -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: start; gap: 10px; } } .block-cart .heading-cols1 .title2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 10px; } .block-cart .heading-cols1 .title2 span { font-size: 19px; display: block; } @media (max-width: 1100px) { .block-cart .heading-cols1 .title2 span { font-size: 12px; } } @media (max-width: 1100px) { .block-cart .heading-cols1 .title2 { font-size: 20px; } } .block-cart .heading-cols1 .btn-text { margin: 0px 0px 7px 0px; gap: 7px; } @media (max-width: 1100px) { .block-cart .heading-cols1 .btn-text { font-size: 14px; } } .block-cart__content { display: -webkit-box; display: -ms-flexbox; display: flex; border-right: 1px solid var(--border-color); } @media (max-width: 1500px) { .block-cart__content { border-right: none; } } @media (max-width: 992px) { .block-cart__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .block-cart__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 54px 60px 200px 0px; } @media (max-width: 1500px) { .block-cart__left { padding: 25px 20px 100px 0px; } } @media (max-width: 992px) { .block-cart__left { padding: 0px 0px 43px 0px; } } .cart-product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } @media (max-width: 1100px) { .cart-product { gap: 10px; } } @media (max-width: 650px) { .cart-product { gap: 12px; } } .cart-product .card-product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; background: rgba(35, 36, 43, 0.5); padding: 20px 40px 20px 20px; gap: 40px; margin: 0px 0px 0px 0px; } @media (max-width: 1400px) { .cart-product .card-product { position: relative; padding: 10px 64px 22px 10px; gap: 15px; } } @media (max-width: 650px) { .cart-product .card-product { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 15px 20px 15px; gap: 10px; } } @media (max-width: 650px) { .cart-product .card-product__prices { position: absolute; right: 15px; bottom: 47px; } } @media (max-width: 650px) { .cart-product .card-product__prices .card-product__price2 { font-size: 10px; } } @media (max-width: 650px) { .cart-product .card-product__prices .card-product__discount { font-size: 10px; } } @media (max-width: 650px) { .cart-product .card-product__prices .card-product__price1 { font-size: 16px; margin-top: 3px; } } .cart-product .card-product__image { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; height: 140px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart-product .card-product__image img { width: 100%; height: auto; } @media (max-width: 1400px) { .cart-product .card-product__image { -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; height: 110px; } } @media (max-width: 650px) { .cart-product .card-product__image { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 118px; } .cart-product .card-product__image img { height: 100%; width: auto; } } .cart-product .card-product__brand { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; position: relative; top: 0; right: auto; left: 0; height: 16px; width: 94px; margin: 0px 0px 11px 0px; } .cart-product .card-product__brand img { width: 100%; height: auto; } @media (max-width: 650px) { .cart-product .card-product__brand { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; margin-bottom: 16px; } } .cart-product .card-product__name { margin: 0px 0px 6px 0px; } @media (max-width: 650px) { .cart-product .card-product__name { margin: 0px 0px 3px 0px; } } .cart-product .card-product__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 485px; flex: 0 1 485px; gap: 13px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1400px) { .cart-product .card-product__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } } @media (max-width: 650px) { .cart-product .card-product__top { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 20px; } } .cart-product .card-product__left { -webkit-box-flex: 0; -ms-flex: 0 1 320px; flex: 0 1 320px; } @media (max-width: 1400px) { .cart-product .card-product__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .cart-product .card-product__status { margin: 0px 0px 0px 0px; } .cart-product .card-product__item { width: 100%; margin: 20px 0px 0px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } @media (max-width: 1400px) { .cart-product .card-product__item { margin: 9px 0px 0px 0px; } } @media (max-width: 650px) { .cart-product .card-product__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } } .cart-product .card-product__center { -webkit-box-flex: 0; -ms-flex: 0 1 265px; flex: 0 1 265px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1400px) { .cart-product .card-product__center { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; gap: 22px; } } @media (max-width: 650px) { .cart-product .card-product__center { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .cart-product .card-product__delete svg { fill: #fff; -webkit-transition: fill 0.3s; transition: fill 0.3s; } .cart-product .card-product__delete:hover svg { fill: var(--theme-color-accent); } @media (max-width: 1400px) { .cart-product .card-product__delete { position: absolute; top: 14px; right: 14px; } } @media (max-width: 650px) { .cart-product .card-product__delete { top: 10px; right: 10px; } } .cart-product .card-product__bonuses { position: relative; top: 0; left: 0; } @media (max-width: 650px) { .cart-product .card-product__bonuses { position: absolute; left: 15px; top: 143px; bottom: auto; --height: 25px; --padding: 10px; font-size: 12px; } } .detail-cart { -webkit-box-flex: 0; -ms-flex: 0 0 411px; flex: 0 0 411px; border-left: 1px solid var(--border-color); padding: 55px 60px 200px 60px; } @media (max-width: 1500px) { .detail-cart { -webkit-box-flex: 0; -ms-flex: 0 0 315px; flex: 0 0 315px; padding: 24px 0px 100px 20px; } } @media (max-width: 992px) { .detail-cart { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; border-left: none; padding: 37px 0px 40px 0px; position: relative; } .detail-cart::before { content: ""; position: absolute; top: 0; left: -15px; background-color: var(--border-color); height: 1px; width: calc(100% + 30px); } } .detail-cart__sticky { position: sticky; top: 191px; } @media (max-width: 1280px) { .detail-cart__sticky { top: 125px; } } @media (max-width: 992px) { .detail-cart__sticky { position: static; top: 0; } } .detail-cart__sticky .form-text1 { margin: 15px 0px 0px 0px; } .detail-cart__sticky .btn { width: 100%; background-color: var(--theme-color-accent); border-radius: 0px; font-weight: 700; color: #16171d; font-size: 16px; line-height: 100%; } .detail-cart__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; border-bottom: 1px solid var(--border-color); margin: 0px 0px 33px 0px; padding: 0px 0px 35px 0px; } .detail-cart__list li { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .detail-cart__title { font-family: var(--font-secondary); font-weight: 700; font-size: 20px; line-height: 120%; margin: 0px 0px 17px 0px; } @media (max-width: 992px) { .detail-cart__title { margin: 0px 0px 16px 0px; } } .detail-cart__name { font-weight: 700; font-size: 16px; line-height: 150%; } .detail-cart__name.grey { color: #9dacb7; } .detail-cart__value { font-weight: 700; font-size: 16px; line-height: 150%; text-align: right; } .detail-cart__value.red { color: #ff4b41; } .detail-cart__totals { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; font-weight: 700; font-size: 18px; line-height: 133%; margin: 0px 0px 33px 0px; } .detail-cart__payment { border-bottom: 1px solid var(--border-color); margin: 0px 0px 21px 0px; padding: 0px 0px 33px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .detail-cart__payment .form-group1 { margin: 3px 0px 0px 0px; } .detail-cart__payment .field-input1 { height: 48px; border: 1px solid rgba(157, 172, 183, 0.5); background: transparent; } .detail-cart__payment .field-input1::-webkit-input-placeholder { color: #9dacb7; } .detail-cart__payment .field-input1::-moz-placeholder { color: #9dacb7; } .detail-cart__payment .field-input1:-ms-input-placeholder { color: #9dacb7; } .detail-cart__payment .field-input1::-ms-input-placeholder { color: #9dacb7; } .detail-cart__payment .field-input1::placeholder { color: #9dacb7; } .detail-cart__payment-title { font-weight: 700; font-size: 18px; line-height: 133%; } .cart-fixed { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: fixed; bottom: 0; left: 0; width: 100%; background: #2b3846; border-bottom: 1px solid #272931; padding: 10px 15px; z-index: 20; gap: 20px; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .cart-fixed._active { opacity: 1; pointer-events: auto; } .cart-fixed .card-product__prices { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 650px) { .cart-fixed .card-product__price2 { font-size: 10px; } } @media (max-width: 650px) { .cart-fixed .card-product__discount { font-size: 10px; } } @media (max-width: 650px) { .cart-fixed .card-product__price1 { font-size: 16px; margin-top: 3px; } } .cart-fixed .btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; background-color: var(--theme-color-accent); border-radius: 0px; font-weight: 700; color: #16171d; font-size: 16px; line-height: 100%; } @media (max-width: 650px) { .cart-fixed .btn { min-height: 35px; font-size: 14px; padding: 5px 18px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } } .banner-block-cart { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 0px 0px 16px 0px; } @media (max-width: 1400px) { .banner-block-cart { gap: 10px; margin: 40px 0px 10px 0px; } } @media (max-width: 650px) { .banner-block-cart { gap: 8px; margin: 15px 0px 10px 0px; } } .banner-block-cart.transparent .banner-block-cart__column { border: 1px solid #2b2c2d; background: #16171d; } .banner-block-cart__column { background: #23242b; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2px 20px 2px 30px; gap: 20px; min-height: 140px; } @media (max-width: 1400px) { .banner-block-cart__column { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2px 1px 2px 15px; min-height: 79px; } } @media (max-width: 650px) { .banner-block-cart__column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 140px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 11px 15px 10px 15px; } } .banner-block-cart__bg { position: absolute; top: 0; right: 0; width: 75%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 650px) { .banner-block-cart__bg { width: 100%; height: auto; top: auto; bottom: 0; } } .banner-block-cart__title { position: relative; z-index: 10; font-family: var(--font-secondary); font-weight: 700; font-size: 20px; line-height: 140%; padding: 22px 0px 25px 0px; } @media (max-width: 1400px) { .banner-block-cart__title { font-size: 14px; padding: 0px 0px 0px 0px; } } @media (max-width: 650px) { .banner-block-cart__title { width: 100%; font-size: 12px; } } .banner-block-cart__pic { position: relative; z-index: 10; height: 136px; width: auto; } @media (max-width: 1400px) { .banner-block-cart__pic { height: 72px; } } @media (max-width: 650px) { .banner-block-cart__pic { height: 66px; } } .block-contacts { margin: 0px 0px 200px 0px; } @media (max-width: 1100px) { .block-contacts { margin: 0px 0px 80px 0px; } } .block-contacts__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } @media (max-width: 1100px) { .block-contacts__content { gap: 40px; } } .block-contacts__body { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr); } @media (max-width: 1200px) { .block-contacts__body { gap: 20px; } } @media (max-width: 768px) { .block-contacts__body { grid-template-columns: 1fr; } } .block-contacts__column { padding: 22px 20px 20px 20px; } @media (max-width: 1200px) { .block-contacts__column { padding: 10px; } } .block-contacts__column .corners1__inner { height: 100%; } .block-contacts__item { background: rgba(35, 36, 43, 0.5); padding: 31px 40px 34px 40px; min-height: 282px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } @media (max-width: 1200px) { .block-contacts__item { padding: 15px 20px 14px 20px; min-height: 100%; gap: 17px; } } .block-contacts__title { font-weight: 400; font-size: 16px; line-height: 150%; text-align: right; text-transform: uppercase; color: #9dacb7; } @media (max-width: 1200px) { .block-contacts__title { font-size: 14px; } } @media (max-width: 768px) { .block-contacts__title { text-align: left; } } .block-contacts__bottom { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 20px; } @media (max-width: 768px) { .block-contacts__bottom { gap: 17px; } } .block-contacts__location { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400; font-size: 20px; line-height: 120%; gap: 12px; } .block-contacts__location svg { margin: 4px 0px 0px 0px; fill: var(--theme-color-accent); } @media (max-width: 1200px) { .block-contacts__location { font-size: 16px; line-height: 150%; } } .block-contacts__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 18px 20px; } .block-contacts__items .btn-text_1 { gap: 0 7px; margin: 0px 0px 3px 0px; } @media (max-width: 1200px) { .block-contacts__items .btn-text_1 { font-size: 14px; margin: 0px 0px 4px 0px; } } .block-contacts__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; } .block-contacts__phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2px; } .block-contacts__phone a { font-weight: 700; font-size: 20px; line-height: 120%; text-transform: uppercase; -webkit-transition: color 0.3s; transition: color 0.3s; } .block-contacts__phone a:hover { color: var(--theme-color-accent); } @media (max-width: 1200px) { .block-contacts__phone a { font-size: 16px; line-height: 150%; } } .block-contacts__phone span { font-weight: 400; font-size: 14px; line-height: 171%; color: #9dacb7; } .block-contacts__mail { font-weight: 400; font-size: 16px; line-height: 150%; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; -webkit-transition: color 0.3s; transition: color 0.3s; } .block-contacts__mail:hover { color: var(--theme-color-accent); } @media (max-width: 1200px) { .block-contacts__mail { font-size: 14px; line-height: 171%; } } .block-contacts__map { padding: 20px; } @media (max-width: 992px) { .block-contacts__map { padding: 0px 0px 0px 0px; margin: 0px -15px; width: calc(100% + 30px); } .block-contacts__map::after, .block-contacts__map::before { display: none; } .block-contacts__map .corners1__inner::after, .block-contacts__map .corners1__inner::before { display: none; } } .block-contacts__map #map3 { height: 470px; width: 100%; } .block-order { border-top: 1px solid var(--border-color); } @media (max-width: 992px) { .block-order { border-top: none; margin: 0px 0px 100px 0px; } } @media (max-width: 1100px) { .block-order .detail-cart { border-left: none; padding: 0px 0px 0px 0px; } } @media (max-width: 1100px) { .block-order .detail-cart__sticky { padding: 24px 0px 100px 20px; border-left: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); } } @media (max-width: 992px) { .block-order .detail-cart__sticky { border-left: none; border-bottom: none; padding: 40px 0px 0px 0px; } } .block-order .detail-cart__list { margin: 0px 0px 23px 0px; padding: 0px 0px 23px 0px; } .block-order .detail-cart__totals { margin: 0px 0px 25px 0px; } .block-order .form-text1 { line-height: 171%; } .block-order__content { display: -webkit-box; display: -ms-flexbox; display: flex; border-right: 1px solid var(--border-color); } @media (max-width: 1500px) { .block-order__content { border-right: none; } } @media (max-width: 992px) { .block-order__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .block-order__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 53px 60px 188px 0px; } @media (max-width: 1500px) { .block-order__left { padding: 25px 20px 100px 0px; } } @media (max-width: 992px) { .block-order__left { padding: 0px 0px 40px 0px; } } .block-order__left .title2 { margin: 0px 0px 30px 0px; } @media (max-width: 1100px) { .block-order__left .title2 { font-size: 20px; line-height: 110%; margin: 0px 0px 20px 0px; } } @media (max-width: 992px) { .block-order__left .title2 { margin: 0px 0px 25px 0px; } } .block-order__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .block-order__column { background: rgba(35, 36, 43, 0.5); padding: 36px 40px 40px 40px; } @media (max-width: 1300px) { .block-order__column { padding: 25px 15px 31px 15px; } } @media (max-width: 992px) { .block-order__column { margin: 0px -15px; width: calc(100% + 30px); } } @media (max-width: 768px) { .block-order__column:last-child { margin: 15px -15px 0px -15px; } } .block-order__column .search { background: #23242b; } @media (max-width: 1100px) { .block-order__column .search { margin: 28px 0px 0px 0px; } } @media (max-width: 768px) { .block-order__column .search { margin: 23px 0px 0px 0px; } } @media (max-width: 1100px) { .block-order__column .cart-product { margin: 0px -15px; width: calc(100% + 30px); padding: 20px 0px 0px 0px; } } @media (max-width: 768px) { .block-order__column .cart-product { padding: 15px 0px 0px 0px; } } .block-order__column .card-product { padding: 0px 0px 10px 0px; background: transparent; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid var(--border-color); margin: 0px 0px 10px 0px; } .block-order__column .card-product:last-child { border-bottom: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } @media (max-width: 1100px) { .block-order__column .card-product { padding: 0px 15px 26px 15px; margin: 0px 0px 16px 0px; } .block-order__column .card-product:last-child { padding: 0px 15px; } } @media (max-width: 768px) { .block-order__column .card-product { padding: 0px 30px 26px 30px; } .block-order__column .card-product:last-child { padding: 0px 30px 26px 30px; } } @media (max-width: 650px) { .block-order__column .card-product { padding: 0px 30px 15px 30px; } .block-order__column .card-product:last-child { padding: 0px 30px 15px 30px; } } @media (max-width: 1100px) { .block-order__column .card-product__bonuses { font-size: 12px; line-height: 100%; --height: 25px; --padding: 10px; } } @media (max-width: 650px) { .block-order__column .card-product__bonuses { left: 30px; } } .block-order__column .card-product__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 0px 0px 0px; } .block-order__column .card-product__top { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 1 570px; flex: 0 1 570px; } @media (max-width: 1100px) { .block-order__column .card-product__top { -webkit-box-flex: 0; -ms-flex: 0 1 330px; flex: 0 1 330px; } } @media (max-width: 650px) { .block-order__column .card-product__top { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 23px 0px 0px 0px; -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: start; gap: 25px; } } .block-order__column .card-product__stepcounter { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: var(--font4); font-weight: 700; font-size: 18px; line-height: 100%; } .block-order__column .card-product__center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1400px) { .block-order__column .card-product__center { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 10px; } } @media (max-width: 650px) { .block-order__column .card-product__prices { position: absolute; right: 30px; bottom: 25px; } } @media (max-width: 1100px) { .block-order__column .card-product__prices .card-product__price2 { font-size: 10px; } } @media (max-width: 1100px) { .block-order__column .card-product__prices .card-product__discount { font-size: 10px; } } @media (max-width: 1100px) { .block-order__column .card-product__prices .card-product__price1 { font-size: 16px; margin-top: 3px; } } .block-order__title { font-family: var(--font-secondary); font-weight: 700; font-size: 20px; line-height: 120%; } @media (max-width: 1100px) { .block-order__title { font-size: 16px; } } .block-order__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } @media (max-width: 1300px) { .block-order__grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .block-order__grid { grid-template-columns: 1fr; gap: 14px; } } .block-order__grid .field-input1 { background: transparent; border: 1px solid rgba(157, 172, 183, 0.5); } @media (max-width: 1100px) { .block-order__grid .field-input1 { height: 48px; font-size: 14px; } } @media (max-width: 1100px) { .block-order__grid .form-group1__label { font-size: 14px; } } @media (max-width: 1100px) { .block-order__grid .form-group1__placeholder1 { font-size: 14px; } } .block-order__top { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 13px 30px; margin: 0px 0px 25px 0px; } @media (max-width: 1100px) { .block-order__top { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0px 0px 12px 0px; } } .block-order__top.last { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .block-order__top .btn-text_1 { gap: 7px; } @media (max-width: 1100px) { .block-order__top .btn-text_1 { font-size: 14px; line-height: 100%; } } .block-order__location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-weight: 400; font-size: 18px; line-height: 133%; } .block-order__location svg { fill: var(--theme-color-accent); } @media (max-width: 1100px) { .block-order__location { font-size: 16px; } } @media (max-width: 480px) { .block-order__location { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .block-order__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 6px; } .block-order__info li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } @media (max-width: 768px) { .block-order__info li { gap: 10px; } } .block-order__info-name { -webkit-box-flex: 0; -ms-flex: 0 0 86px; flex: 0 0 86px; font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; } @media (max-width: 768px) { .block-order__info-name { font-size: 14px; } } .block-order__info-value { font-weight: 400; font-size: 16px; line-height: 150%; } @media (max-width: 768px) { .block-order__info-value { font-size: 14px; } } .block-order-radio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } @media (max-width: 1300px) { .block-order-radio { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .block-order-radio { grid-template-columns: 1fr; gap: 14px; } } .block-order-radio .checklist__item { margin: 0px 0px 0px 0px; } .block-order-radio .checkbox-text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .block-order-radio .checkbox-text { border: 1px solid rgba(157, 172, 183, 0.5); width: 100%; padding: 10px 22px; min-height: 82px; } @media (max-width: 1100px) { .block-order-radio .checkbox-text { min-height: 64px; } } .block-order-radio .checkbox-text.checked { border: 1px solid var(--theme-color-accent); } .block-order-radio .checkbox-text__label { font-weight: 400; font-size: 16px; line-height: 150%; color: #fff; } .block-order-radio .checkbox-text__label span { color: #fff; } @media (max-width: 1100px) { .block-order-radio .checkbox-text__label { font-size: 14px; } } .block-order-radio2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 30px 0px 0px 0px; } @media (max-width: 1300px) { .block-order-radio2 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 1100px) { .block-order-radio2 { margin: 26px 0px 0px 0px; } } @media (max-width: 600px) { .block-order-radio2 { grid-template-columns: 1fr; gap: 14px; margin: 29px 0px 0px 0px; } } .block-order-radio2 .checklist__item { margin: 0px 0px 0px 0px; } .block-order-radio2 .checkbox-text { border: 1px solid rgba(157, 172, 183, 0.5); width: 100%; padding: 18px 22px; min-height: 82px; height: 100%; } @media (max-width: 1100px) { .block-order-radio2 .checkbox-text { min-height: 64px; padding: 10px 22px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .block-order-radio2 .checkbox-text.checked { border: 1px solid var(--theme-color-accent); } .block-order-radio2 .radio { margin: 5px 10px 0px 0px; } @media (max-width: 1100px) { .block-order-radio2 .radio { margin: 0px 10px 0px 0px; } } .block-order-radio2 .checkbox-text__label { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 400; font-size: 16px; line-height: 150%; color: #fff; gap: 15px; } .block-order-radio2 .checkbox-text__label span { color: #fff; } @media (max-width: 1100px) { .block-order-radio2 .checkbox-text__label { -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; } } .delivery-block { display: none; margin: 30px 0px 0px 0px; } @media (max-width: 600px) { .delivery-block { margin: 35px 0px 0px 0px; } } .delivery-block._active { display: block; } .delivery-block .block-order__grid { grid-template-columns: repeat(4, 1fr); } @media (max-width: 1100px) { .delivery-block .block-order__grid { grid-template-columns: repeat(2, 1fr); } } .delivery-block .form-group1:first-child { grid-column: 1/-1; } @media (max-width: 768px) { .self-delivery-block { margin: 30px 0px -31px 0px; } } @media (max-width: 600px) { .self-delivery-block { margin: 35px 0px -31px 0px; } } .self-delivery-block__title { font-weight: 700; font-size: 18px; line-height: 133%; margin: 0px 0px 20px 0px; } @media (max-width: 1100px) { .self-delivery-block__title { display: none; font-size: 14px; line-height: 120%; margin: 0px 0px 15px 0px; font-family: var(--font-secondary); } } @media (max-width: 768px) { .self-delivery-block__title { display: -webkit-box; display: -ms-flexbox; display: flex; } } .self-delivery-block__body { display: grid; border: 1px solid #2b2c2d; grid-template-columns: 368px 1fr; } .self-delivery-block__body .simplebar-track.simplebar-vertical { top: 0; } .self-delivery-block__body .checklist__item:not(:last-child) { margin-bottom: -1px; } .self-delivery-block__left .checklist__item.sdek_chosen { position: relative; } .self-delivery-block__left .checklist__item.sdek_chosen::after { content: ''; position: absolute; inset: 0; pointer-events: none; border: 1px var(--theme-color-accent) solid; } .self-delivery-block__left .checklist__item .checkbox-text { display: flex; width: 100%; } .self-delivery-block__left .simplebar-track { pointer-events: all; } .sdek-location { display: none; } @media (max-width: 1300px) { .self-delivery-block__body { border: none; display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: start; grid-template-columns: repeat(2, 1fr); gap: 16px; min-height: 214px; } .js-showSdekMap .self-delivery-block__body { border: 1px solid #2b2c2d; gap: 0; } } @media (max-width: 768px) { .self-delivery-block__body { position: relative; grid-template-columns: 1fr; gap: 0px; height: 319px; min-height: 319px; margin: 0px -15px; width: calc(100% + 30px); } .js-showSdekMap .self-delivery-block__body { height: 80dvh; } .sdek-location { display: block; font-size: 16px; padding: 10px var(--container-padding); } } .self-delivery-block__body._active .self-delivery-block__left { display: block; } .self-delivery-block__body._active .self-delivery-block__left.mob { display: none; } .self-delivery-block__left { -webkit-box-flex: 0; -ms-flex: 0 0 368px; flex: 0 0 368px; height: 431px; border-right: 1px solid var(--border-color); } .self-delivery-block__left.mob { display: none; } @media (max-width: 1300px) { .self-delivery-block__left { border-right: none; display: none; height: 219px; } .self-delivery-block__left.mob { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .js-showSdekMap .self-delivery-block__left { display: flex; height: 431px; border-right: 1px solid var(--border-color); } .js-showSdekMap .self-delivery-block__left.mob { display: none; } } @media (max-width: 1300px) and (max-width: 1300px) { .self-delivery-block__left.mob .checkbox-text__label { background: #23242b; padding: 20px; } } @media (max-width: 1300px) and (max-width: 768px) { .self-delivery-block__left.mob .checkbox-text__label { padding: 15px; } } @media (max-width: 768px) { .self-delivery-block__left { height: 319px; } .js-showSdekMap .self-delivery-block__left { display: none; } .self-delivery-block__left.mob { position: absolute; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; bottom: 10px; left: 10px; width: calc(100% - 20px); z-index: 40; height: auto; } } .self-delivery-block__left .btn { background-color: #363841; border-radius: 0px; min-height: 40px; font-weight: 700; font-size: 12px; line-height: 100%; color: #fff; margin: 15px 0px 0px 0px; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .self-delivery-block__left .btn:hover { color: #16171d; background-color: var(--theme-color-accent); } @media (max-width: 768px) { .self-delivery-block__left .btn { margin: 8px 0px 0px 0px; } } .self-delivery-block__left .checklist { width: 100%; margin: 0px 15px 0px 0px; border-right: 1px solid var(--border-color); } .self-delivery-block__left .checklist__item { border-bottom: 1px solid #2b2c2d; } .self-delivery-block__left .checklist__item:last-child { border-bottom: none; } .self-delivery-block__left .checkbox-text { padding: 20px 21px; min-height: 124px; } .self-delivery-block__left .checkbox-text.checked { background-color: #23242b; } @media (max-width: 768px) { .self-delivery-block__left .checkbox-text { width: 100%; } } .self-delivery-block__left .checkbox-text__title { font-size: 14px; line-height: 120%; color: #fff !important; margin: 0px 0px 5px 0px; display: block; } .self-delivery-block__map { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; padding: 10px; min-width: 0; overflow: hidden; } @media (max-width: 1300px) { .self-delivery-block__map { padding: 0px 0px 0px 0px; width: 100%; height: 219px; } .js-showSdekMap .self-delivery-block__map { height: 100%; padding: 0; } .js-showSdekMap .self-delivery-block__map #SDEK_map { height: 100% !important; } } @media (max-width: 768px) { .self-delivery-block__map { height: 319px; } } .self-delivery-block__map #map4 { width: 100%; height: 100%; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .block-order-info .block-order__top { margin: 0px 0px 15px 0px; } .block-order-info .checkbox-text__label { background: #23242b; padding: 20px 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .block-order-info .checkbox-text__title { color: #fff; font-size: 14px; line-height: 120%; margin: 0px 0px 10px 0px; } .order-info-payment { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; margin: 23px 0px 0px 0px; } @media (max-width: 480px) { .order-info-payment { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .order-info-payment__column { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; min-width: 353px; background: #23242b; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px 30px; padding: 15px 22px; } @media (max-width: 480px) { .order-info-payment__column { min-width: 100%; width: 100%; } } .order-info-payment__column .btn { border: 1px solid #fff; padding: 5px 40px; background-color: transparent; border-radius: 0px; font-weight: 700; font-size: 16px; line-height: 100%; min-height: 42px; } .order-info-payment__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3px; } .order-info-payment__left span { font-weight: 400; font-size: 16px; line-height: 150%; color: var(--theme-color-accent); } .order-info-payment__left span.not-paid { color: #ff4b41; } .order-info-payment__left span.day { color: rgba(157, 172, 183, 0.5); } .order-info-payment__titles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; } .order-info-payment__title { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-weight: 400; font-size: 16px; line-height: 150%; } .order-info-payment__price { font-weight: 700; font-size: 16px; line-height: 150%; text-align: right; } .order-info { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; margin: 0px 0px 37px 0px; } @media (max-width: 480px) { .order-info { gap: 10px; margin: 0px 0px 20px 0px; } } .order-info img { width: 54px; height: 54px; } @media (max-width: 480px) { .order-info img { width: 40px; height: 40px; } } .order-info__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; } .order-info__title .title2 { margin: 0px 0px 0px 0px; } .order-info__title p { font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; } .order-info__title p span { text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: var(--theme-color-accent); } .order-info__title p a { text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: var(--theme-color-accent); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .order-info__title p a:hover { opacity: 0.7; } .block-personal-cabinet { border-top: 1px solid var(--border-color); padding: 28px 0px 0px 0px; } @media (max-width: 1100px) { .block-personal-cabinet { padding: 26px 0px 0px 0px; } } .block-personal-cabinet .title2 { margin-bottom: 28px; } @media (max-width: 1100px) { .block-personal-cabinet .title2 { font-size: 20px; line-height: 110%; margin-bottom: 25px; } } .block-personal-cabinet__content { border-top: 1px solid var(--border-color); } .block-personal-cabinet__body { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1200px) { .block-personal-cabinet__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .left-personal-cabinet { -webkit-box-flex: 0; -ms-flex: 0 0 357px; flex: 0 0 357px; border-left: 1px solid #2b2c2d; border-right: 1px solid #2b2c2d; } @media (max-width: 1400px) { .left-personal-cabinet { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } } @media (max-width: 1200px) { .left-personal-cabinet { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; border-left: none; border-right: none; } } .left-personal-cabinet__sticky { position: sticky; top: 135px; border-bottom: 1px solid #2b2c2d; padding: 53px 60px 60px 60px; } @media (max-width: 1400px) { .left-personal-cabinet__sticky { padding: 30px; top: 165px; } } @media (max-width: 1280px) { .left-personal-cabinet__sticky { top: 130px; } } @media (max-width: 1200px) { .left-personal-cabinet__sticky { position: static; top: 0; padding: 24px 0px; margin: 0px -30px; } } @media (max-width: 1024px) { .left-personal-cabinet__sticky { margin: 0px -15px; } } .left-personal-cabinet__sticky ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media (max-width: 1200px) { .left-personal-cabinet__sticky ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0px 30px; gap: 25px; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .left-personal-cabinet__sticky ul::-webkit-scrollbar { display: none; } } @media (max-width: 1024px) { .left-personal-cabinet__sticky ul { padding: 0px 15px; } } @media (max-width: 1200px) { .left-personal-cabinet__sticky ul li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .left-personal-cabinet__sticky ul li a { font-weight: 400; font-size: 18px; line-height: 133%; -webkit-transition: color 0.3s; transition: color 0.3s; } .left-personal-cabinet__sticky ul li a._active { pointer-events: none; color: var(--theme-color-accent); } .left-personal-cabinet__sticky ul li a:hover { color: var(--theme-color-accent); } .right-personal-cabinet { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0px 0px 200px 0px; } @media (max-width: 1100px) { .right-personal-cabinet { padding: 0px 0px 100px 0px; } } .right-personal-cabinet.profile-feedback .right-personal-cabinet__top { 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; gap: 30px; margin: 0px 0px 0px 0px; } @media (max-width: 1100px) { .right-personal-cabinet.profile-feedback .right-personal-cabinet__top { gap: 13px; } } .right-personal-cabinet.profile-feedback .right-personal-cabinet__top p { font-weight: 400; font-size: 18px; line-height: 120%; } @media (max-width: 1100px) { .right-personal-cabinet.profile-feedback .right-personal-cabinet__top p { font-size: 14px; } } .right-personal-cabinet.profile-feedback .btn-fancy { --height: 54px; } @media (max-width: 1100px) { .right-personal-cabinet.profile-feedback .btn-fancy { margin: 12px 0px 0px 0px; } } .right-personal-cabinet.profile-feedback .btn-fancy span { padding: 10px 50px 10px 36px; } @media (max-width: 1100px) { .right-personal-cabinet.profile-feedback .btn-fancy span { padding: 10px 48px; } } .right-personal-cabinet.profile-feedback .right-personal-cabinet__column:last-child { border-bottom: none; } .right-personal-cabinet.bonuses .right-personal-cabinet__column:last-child { border-bottom: none; } .right-personal-cabinet.profile-favorites .right-personal-cabinet__column { border-bottom: none; padding-bottom: 0px; } .right-personal-cabinet.orders .right-personal-cabinet__column { border-bottom: none; } @media (max-width: 768px) { .right-personal-cabinet.orders .right-personal-cabinet__top { margin: 0px 0px 16px 0px; } } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .block-order__column { padding: 25px 15px 25px 15px; } } @media (max-width: 992px) { .right-personal-cabinet.orders-detail .block-order__column { margin: 0px 0px 0px 0px; width: 100%; } } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .card-product__stepcounter { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; font-size: 14px; } } .right-personal-cabinet.orders-detail .card-product__top { -webkit-box-flex: 0; -ms-flex: 0 1 500px; flex: 0 1 500px; } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .card-product__top { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media (max-width: 650px) { .right-personal-cabinet.orders-detail .card-product__top { margin: 0px 0px 0px 0px; } } .right-personal-cabinet.orders-detail .card-product { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .card-product { padding: 0px 0px 0px 0px; margin: 0px 15px; gap: 10px; } } @media (max-width: 650px) { .right-personal-cabinet.orders-detail .card-product { padding: 0px 0px 20px 0px; } .right-personal-cabinet.orders-detail .card-product:last-child { padding: 0px 0px 0px 0px; } } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .card-product__brand { display: none; } } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .card-product__name { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 12px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .card-product__image { -webkit-box-flex: 0; -ms-flex: 0 0 82px; flex: 0 0 82px; height: 72px; } } .right-personal-cabinet.orders-detail .card-product__prices { position: relative; right: 0; bottom: 0; } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .card-product__item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } } @media (max-width: 650px) { .right-personal-cabinet.orders-detail .card-product__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; } } .right-personal-cabinet.orders-detail .card-product__center { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .card-product__center { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .right-personal-cabinet.orders-detail .orders-detail-delivery { 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: start; } .right-personal-cabinet.orders-detail .orders-detail-delivery .order-info-payment { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } @media (max-width: 480px) { .right-personal-cabinet.orders-detail .orders-detail-delivery .order-info-payment { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } } @media (max-width: 480px) { .right-personal-cabinet.orders-detail .orders-detail-delivery .order-info-payment__price { font-size: 14px; } } @media (max-width: 768px) { .right-personal-cabinet.orders-detail .orders-detail-delivery .order-info-payment__column { padding: 15px; } } .right-personal-cabinet.orders-detail .orders-detail-delivery .block-order-info { width: 100%; } .right-personal-cabinet.orders-detail .right-personal-cabinet__column { border-bottom: none; padding-right: 60px; } @media (max-width: 1400px) { .right-personal-cabinet.orders-detail .right-personal-cabinet__column { padding-right: 0px; } } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .right-personal-cabinet__column { padding-right: 30px; } } @media (max-width: 1024px) { .right-personal-cabinet.orders-detail .right-personal-cabinet__column { padding-right: 15px; } } @media (max-width: 992px) { .right-personal-cabinet.orders-detail .right-personal-cabinet__column { margin: 0px 0px; padding: 0px 0px 0px 0px; width: 100%; } } .right-personal-cabinet.orders-detail .order-info-payment { -webkit-box-flex: 0; -ms-flex: 0 1 353px; flex: 0 1 353px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0px; margin: 0px 0px 0px 0px; } @media (max-width: 768px) { .right-personal-cabinet.orders-detail .self-delivery-block { margin: 30px 0px 0px 0px; } } .right-personal-cabinet.orders-detail .orders-detail-payment { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px 30px; } @media (max-width: 768px) { .right-personal-cabinet.orders-detail .orders-detail-payment .order-info-payment__column { padding: 15px; } } @media (max-width: 768px) { .right-personal-cabinet.orders-detail .detail-cart__title { font-size: 14px; } } @media (max-width: 768px) { .right-personal-cabinet.orders-detail .detail-cart__name { font-size: 14px; } } @media (max-width: 768px) { .right-personal-cabinet.orders-detail .detail-cart__list { margin: 0px 0px 8px 0px; gap: 6px; padding: 0px 0px 20px 0px; } } @media (max-width: 650px) { .right-personal-cabinet.orders-detail .card-product__left { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media (max-width: 768px) { .right-personal-cabinet.orders-detail .order-info-payment__title { font-size: 14px; } } @media (max-width: 768px) { .right-personal-cabinet.orders-detail .order-info-payment__left span { font-size: 14px; } } @media (max-width: 768px) { .right-personal-cabinet.orders-detail .detail-cart__total { font-size: 16px; } } @media (max-width: 768px) { .right-personal-cabinet.orders-detail .detail-cart__sum { font-size: 16px; } } @media (max-width: 768px) { .right-personal-cabinet.orders-detail .detail-cart__value { font-size: 14px; } } .right-personal-cabinet.orders-detail .detail-cart { border-left: none; background: #23242b; padding: 55px 60px 60px 60px; } .right-personal-cabinet.orders-detail .detail-cart::before { content: ""; display: none; } @media (max-width: 1500px) { .right-personal-cabinet.orders-detail .detail-cart { -webkit-box-flex: 0; -ms-flex: 0 0 330px; flex: 0 0 330px; padding: 50px; } } @media (max-width: 768px) { .right-personal-cabinet.orders-detail .detail-cart { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 20px 15px; } } .right-personal-cabinet.orders-detail .card-product__price1 { margin: 0px 0px 0px 0px; } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .card-product__price1 { font-size: 16px; margin: 0px 25px 0px 0px; } } .right-personal-cabinet.orders-detail .detail-cart__totals { margin: 0px 0px 0px 0px; } .right-personal-cabinet.orders-detail .back { margin: 0px 0px 20px 0px; } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .back { margin: 0px 0px 30px 0px; } } @media (max-width: 768px) { .right-personal-cabinet.orders-detail .back { padding: 30px 15px 30px 15px; margin: 0px -15px 20px -15px; border-bottom: 1px solid var(--border-color); } } .right-personal-cabinet.orders-detail .title3 { margin: 0px 0px 17px 0px; } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .title3 { font-size: 16px; line-height: 110%; margin: 0px 0px 5px 0px; } } .right-personal-cabinet.orders-detail .orders-list__status { margin: 0px 0px 7px 0px; } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .orders-list__status { margin: 0px 0px 2px 0px; } } @media (max-width: 1200px) { .right-personal-cabinet.orders-detail .block-order__body { gap: 10px; } } .right-personal-cabinet__column { position: relative; padding: 54px 0px 60px 60px; border-bottom: 1px solid var(--border-color); } @media (max-width: 1400px) { .right-personal-cabinet__column { padding: 30px 0px 30px 30px; } } @media (max-width: 1200px) { .right-personal-cabinet__column { padding: 27px 30px 30px 30px; margin: 0px -30px; } .right-personal-cabinet__column:last-child { padding: 27px 30px 0px 30px; border-bottom: none; } } @media (max-width: 1024px) { .right-personal-cabinet__column { padding: 27px 15px 30px 15px; margin: 0px -15px; } .right-personal-cabinet__column:last-child { padding: 27px 15px 0px 15px; } } .right-personal-cabinet__column .socials-login__buttons { padding: 25px 0px 0px 0px; } @media (max-width: 1200px) { .right-personal-cabinet__column .socials-login__buttons { padding: 0px 0px 0px 0px; margin: -10px 0px 0px 0px; gap: 10px; } } @media (max-width: 1200px) { .right-personal-cabinet__column .socials-login__button { padding: 10px 12px; height: 46px; } } .right-personal-cabinet__column .form-other { max-width: 100%; } .right-personal-cabinet__column .block-feedback__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px 22px; margin: 0px 0px 0px 0px; } @media (max-width: 1200px) { .right-personal-cabinet__column .block-feedback__grid { gap: 12px; } } @media (max-width: 768px) { .right-personal-cabinet__column .block-feedback__grid { grid-template-columns: 1fr; } } .right-personal-cabinet__column .block-feedback__grid.passwords { grid-template-columns: 1fr; width: 50%; } @media (max-width: 768px) { .right-personal-cabinet__column .block-feedback__grid.passwords { width: 100%; } } .right-personal-cabinet__column .block-feedback__grid.passwords .form-group1__icon { bottom: 10px; top: auto; } .right-personal-cabinet__column .block-feedback__grid .checklist { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1400px) { .right-personal-cabinet__column .block-feedback__grid .checklist { display: grid; grid-template-columns: repeat(2, 1fr); } } .right-personal-cabinet__column .block-feedback__grid .checklist__item { margin: 0px 0px 0px 0px; } .right-personal-cabinet__column .block-feedback__grid .checkbox-text { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; min-height: 54px; width: 232px; } @media (max-width: 1400px) { .right-personal-cabinet__column .block-feedback__grid .checkbox-text { width: 100%; } } .right-personal-cabinet__column .block-feedback__grid .checkbox-text.badge1 { padding: 5px 10px; background-color: #363841; clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%); padding: 5px 30px 5px 10px; } .right-personal-cabinet__column .block-feedback__grid .checkbox-text.badge1_white.badge1_hollow { clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%); background-color: #363841; -webkit-transform: skew(0deg); transform: skew(0deg); border: none; padding: 5px 10px; margin: 0px 0px 0px -10px; } .right-personal-cabinet__column .block-feedback__grid .checkbox-text.checked { background-color: var(--theme-color-accent) !important; } .right-personal-cabinet__column .block-feedback__grid .checkbox-text.checked .checkbox-text__label { color: #16171d; } .right-personal-cabinet__column .block-feedback__grid .checkbox-text .checkbox-text__label { font-weight: 700; } @media (max-width: 1200px) { .right-personal-cabinet__column .block-feedback__grid .checkbox-text .checkbox-text__label { font-size: 14px; } } .right-personal-cabinet__column .block-feedback__grid .checkbox-text .radio { width: 0; height: 0; opacity: 0; } .right-personal-cabinet__column .block-feedback__grid .checkbox-text span { -webkit-transform: skew(0deg); transform: skew(0deg); } .right-personal-cabinet__column .block-feedback__groups { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } @media (max-width: 1200px) { .right-personal-cabinet__column .block-feedback__groups { gap: 12px; } } @media (max-width: 1200px) { .right-personal-cabinet__buttons { width: 50%; display: grid; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .right-personal-cabinet__buttons { width: 100%; margin: 20px 0px 0px 0px; } } .right-personal-cabinet__buttons .edit-password { width: 232px; height: 54px; padding: 5px 20px 5px 10px; clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%); } @media (max-width: 1200px) { .right-personal-cabinet__buttons .edit-password { width: 100%; } } .right-personal-cabinet__buttons .btn-reset { width: 232px; height: 54px; clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%); background-color: #363841; -webkit-transform: skew(0deg); transform: skew(0deg); border: none; padding: 5px 10px; margin: 0px 0px 0px -15px; } @media (max-width: 1200px) { .right-personal-cabinet__buttons .btn-reset { width: calc(100% + 10px); margin: 0px 0px 0px -10px; } } .right-personal-cabinet__buttons .badge1 { font-weight: 700; font-size: 16px; line-height: 100%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .right-personal-cabinet__buttons .badge1:hover { opacity: 0.7; } @media (max-width: 1200px) { .right-personal-cabinet__buttons .badge1 { font-size: 14px; } } .right-personal-cabinet__top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px 10px; margin: 0px 0px 33px 0px; } @media (max-width: 1200px) { .right-personal-cabinet__top { margin: 0px 0px 26px 0px; } } @media (max-width: 768px) { .right-personal-cabinet__top { margin: 0px 0px 29px 0px; } } .right-personal-cabinet__top .btn-text_1 { gap: 7px; } @media (max-width: 1200px) { .right-personal-cabinet__top .btn-text_1 { font-size: 14px; } } .right-personal-cabinet__title { font-family: var(--font-secondary); font-weight: 700; font-size: 24px; line-height: 110%; } @media (max-width: 1200px) { .right-personal-cabinet__title { font-size: 16px; } } .right-personal-cabinet__favorites { display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: start; grid-template-columns: repeat(3, 1fr); gap: 30px; } @media (max-width: 1300px) { .right-personal-cabinet__favorites { gap: 20px; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 1200px) { .right-personal-cabinet__favorites { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 992px) { .right-personal-cabinet__favorites { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .right-personal-cabinet__favorites { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .right-personal-cabinet__favorites { grid-template-columns: 1fr; } } @media (max-width: 1200px) { .right-personal-cabinet__favorites .card-product { height: 100%; } } @media (max-width: 1200px) { .right-personal-cabinet__favorites .card-product:hover .card-product__inner { position: relative; } } .right-personal-cabinet__favorites .card-product__buttons .btn-fancy span { text-align: center; } .right-personal-cabinet__favorites .card-product__buttons .btn-blue { --padding: 24px; } .right-personal-cabinet__favorites .card-product__buttons .btn-blue span { background-color: #47647a; } .right-personal-cabinet__favorites .card-product__buttons .btn-grey span { color: #fff; background-color: #363841; } @media (max-width: 1200px) { .right-personal-cabinet__favorites .card-product { margin: 0px 0px 0px 0px; } .right-personal-cabinet__favorites .card-product__badges { top: 10px; left: 10px; } .right-personal-cabinet__favorites .card-product__badges .badge2 { --padding: 9px; --height: 20px; font-size: 10px; } .right-personal-cabinet__favorites .card-product__status { font-size: 12px; } .right-personal-cabinet__favorites .card-product__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .right-personal-cabinet__favorites .card-product__bottom { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .right-personal-cabinet__favorites .card-product__bonuses { --height: 20px; --padding: 9px; left: 10px; font-size: 10px; padding: 2px 9px; } .right-personal-cabinet__favorites .card-product__brand { right: 10px; width: 58px; height: 10px; } .right-personal-cabinet__favorites .card-product__data { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 20px 15px 15px 15px; } .right-personal-cabinet__favorites .card-product__shipping { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: -25px; padding: 24px 10px; } .right-personal-cabinet__favorites .card-product__name { font-size: 14px; } .right-personal-cabinet__favorites .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .right-personal-cabinet__favorites .card-product__buttons .btn-fancy { --height: 40px; --padding: 25px; } .right-personal-cabinet__favorites .card-product__buttons .btn-fancy span { font-size: 12px; } } @media (max-width: 480px) { .right-personal-cabinet__favorites .card-product__badges { top: 15px; left: 15px; } .right-personal-cabinet__favorites .card-product__badges .badge2 { --padding: 16px; --height: 30px; font-size: 14px; } .right-personal-cabinet__favorites .card-product__actions > *:not(:last-child) { margin-bottom: 12px; } .right-personal-cabinet__favorites .card-product__action svg { height: 22px; } .right-personal-cabinet__favorites .card-product__bonuses { --height: 30px; --padding: 16px; --angle: 10px; left: 10px; font-size: 14px; padding: 2px 16px; } .right-personal-cabinet__favorites .card-product__brand { width: 94px; height: 16px; bottom: 7px; right: 15px; } .right-personal-cabinet__favorites .card-product__buttons .btn-fancy { --height: 54px; } .right-personal-cabinet__favorites .card-product__buttons .btn-fancy span { font-size: 16px; } .right-personal-cabinet__favorites .card-product__bottom { gap: 20px 10px; } .right-personal-cabinet__favorites .special-offer-timer_small .special-offer-timer__item { width: 48px; height: 32px; } .right-personal-cabinet__favorites .special-offer-timer_small .special-offer-timer__value { font-size: 14px; } .right-personal-cabinet__favorites .special-offer-timer__key { font-size: 12px; } .right-personal-cabinet__favorites .card-product__price2 { font-size: 12px; } .right-personal-cabinet__favorites .card-product__discount { font-size: 12px; } } @media (max-width: 1200px) and (min-width: 481px) { .right-personal-cabinet__favorites .card-product__actions > *:not(:last-child) { margin-bottom: 0px; } .right-personal-cabinet__favorites .card-product__actions { top: 5px; right: 5px; } .right-personal-cabinet__favorites .card-product__action svg { width: 15px; height: 16px; } } .edit-container__edit { display: none; } .edit-container_edit .edit-container__view { display: none; } .edit-container_edit .edit-container__edit { display: block; } .edit-container_edit .right-personal-cabinet__top .btn-text { display: none; } .details-personal-cabinet { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 23px; } @media (max-width: 1200px) { .details-personal-cabinet { gap: 12px; } } @media (max-width: 768px) { .details-personal-cabinet { grid-template-columns: 1fr; } } .details-personal-cabinet__column { --size: 15px; } .details-personal-cabinet__column .field-input1 { color: #9dacb7; padding: 5px 21px 5px 21px; } @media (max-width: 1200px) { .details-personal-cabinet__column .field-input1 { height: 50px; padding: 5px 15px; } } .details-personal-cabinet__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(35, 36, 43, 0.5); height: 50px; padding: 5px 20px; } @media (max-width: 1200px) { .details-personal-cabinet__item { padding: 5px 15px; } } .details-personal-cabinet__name { font-weight: 400; font-size: 16px; line-height: 120%; color: #9dacb7; } @media (max-width: 1200px) { .details-personal-cabinet__name { font-size: 14px; } } .details-personal-cabinet__value { font-weight: 700; font-size: 16px; line-height: 120%; text-align: right; } @media (max-width: 1200px) { .details-personal-cabinet__value { font-size: 14px; } } @media (max-width: 768px) { .address-personal-cabinet__tables { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } } .address-personal-cabinet__table { background: #1c1e24; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 59px; padding: 15px 30px; gap: 30px; } @media (max-width: 768px) { .address-personal-cabinet__table { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -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: start; padding: 20px 15px; gap: 14px; } } .address-personal-cabinet__table .address-personal-cabinet__value:first-child { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } @media (max-width: 1200px) { .address-personal-cabinet__table .address-personal-cabinet__value:first-child { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 768px) { .address-personal-cabinet__table .address-personal-cabinet__value:first-child { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } } @media (max-width: 1200px) { .address-personal-cabinet__table { padding: 20px 15px; } } .address-personal-cabinet__main-table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #23242b; min-height: 59px; padding: 10px 30px; gap: 30px; } .address-personal-cabinet__main-table .address-personal-cabinet__value { color: rgba(157, 172, 183, 0.5); } @media (max-width: 1200px) { .address-personal-cabinet__main-table { min-height: 49px; padding: 10px 20px; } } @media (max-width: 768px) { .address-personal-cabinet__main-table { -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; -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: start; gap: 14px; padding: 20px 15px; } } .address-personal-cabinet__value { 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; font-weight: 400; font-size: 16px; line-height: 120%; } @media (max-width: 1200px) { .address-personal-cabinet__value { font-size: 14px; } .address-personal-cabinet__value br { display: none; } } @media (max-width: 768px) { .address-personal-cabinet__value { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } } .address-personal-cabinet__value:first-child { -webkit-box-flex: 0; -ms-flex: 0 1 1.7%; flex: 0 1 1.7%; } .address-personal-cabinet__value:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; } @media (max-width: 768px) { .address-personal-cabinet__value:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } } .address-personal-cabinet__value:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 1 13.7%; flex: 0 1 13.7%; } .address-personal-cabinet__value:nth-child(4) { -webkit-box-flex: 0; -ms-flex: 0 1 14.7%; flex: 0 1 14.7%; } .address-personal-cabinet__value:nth-child(5) { -webkit-box-flex: 0; -ms-flex: 0 1 7.3%; flex: 0 1 7.3%; } .address-personal-cabinet__value:nth-child(6) { -webkit-box-flex: 0; -ms-flex: 0 1 8%; flex: 0 1 8%; } .address-personal-cabinet__value:nth-child(7) { -webkit-box-flex: 0; -ms-flex: 0 1 9.5%; flex: 0 1 9.5%; } .address-personal-cabinet__value:nth-child(8) { -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; } @media (max-width: 768px) { .address-personal-cabinet__value:nth-child(8) { position: absolute; top: 15px; right: 15px; } } .address-personal-cabinet__close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid var(--theme-color-accent); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .address-personal-cabinet__close svg { fill: var(--theme-color-accent); } .address-personal-cabinet__close:hover { opacity: 0.7; } .bonuses-personal-cabinet .title3 { margin-bottom: 33px; } @media (max-width: 1200px) { .bonuses-personal-cabinet .title3 { font-size: 16px; line-height: 110%; margin-bottom: 17px; } } .bonuses-personal-cabinet p { font-weight: 400; font-size: 18px; line-height: 120%; margin: -5px 0px 0px 0px; } @media (max-width: 1200px) { .bonuses-personal-cabinet p { font-size: 14px; } } .bonuses-personal-cabinet__cards { display: grid; grid-template-columns: repeat(3, 1fr); } @media (max-width: 1200px) { .bonuses-personal-cabinet__cards { gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 992px) { .bonuses-personal-cabinet__cards { display: grid; grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .bonuses-personal-cabinet__cards { grid-template-columns: 1fr; } } .bonuses-personal-cabinet__card { background-color: #1c1e24; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 22px 50px 30px 50px; gap: 20px; } @media (max-width: 1200px) { .bonuses-personal-cabinet__card { gap: 5px; padding: 23px 15px; -webkit-box-flex: 0; -ms-flex: 0 1 290px; flex: 0 1 290px; } } .bonuses-personal-cabinet__card.yellow { color: #2b2c2d; background-color: var(--theme-color-accent); } .bonuses-personal-cabinet__card.btn-left { margin-right: -10px; clip-path: polygon(0 0, 100% 0, calc(100% - 45px) 100%, 0 100%); } @media (max-width: 1200px) { .bonuses-personal-cabinet__card.btn-left { padding: 23px 15px; clip-path: none; margin: 0px 0px 0px 0px; } } .bonuses-personal-cabinet__card.btn-center { padding: 22px 50px 30px 67px; margin-left: -10px; margin-right: -10px; clip-path: polygon(45px 0, 100% 0, calc(100% - 45px) 100%, 0 100%); } @media (max-width: 1200px) { .bonuses-personal-cabinet__card.btn-center { clip-path: none; padding: 23px 15px; margin: 0px 0px 0px 0px; } } .bonuses-personal-cabinet__card.btn-right { margin-left: -10px; padding: 22px 50px 30px 70px; clip-path: polygon(45px 0, 100% 0, 100% 100%, 0 100%); } @media (max-width: 1200px) { .bonuses-personal-cabinet__card.btn-right { padding: 0px 0px 0px 0px; width: 100%; clip-path: none; padding: 23px 15px; margin: 0px 0px 0px 0px; } } .bonuses-personal-cabinet__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-weight: 700; font-size: 16px; line-height: 150%; } @media (max-width: 1200px) { .bonuses-personal-cabinet__title { font-size: 14px; line-height: 171%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0px 5px; } } .bonuses-personal-cabinet__title strong { font-weight: 400; color: #9dacb7; } .bonuses-personal-cabinet__value { font-weight: 700; font-size: 24px; line-height: 100%; } @media (max-width: 1200px) { .bonuses-personal-cabinet__value { font-size: 20px; line-height: 120%; } } @media (max-width: 768px) { .bonuses-personal-cabinet__tables { display: grid; gap: 5px; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 550px) { .bonuses-personal-cabinet__tables { grid-template-columns: 1fr; gap: 0px; } } .bonuses-personal-cabinet__main-table { background: #23242b; padding: 10px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; min-height: 59px; } .bonuses-personal-cabinet__main-table .bonuses-personal-cabinet__name { color: rgba(157, 172, 183, 0.5); } @media (max-width: 768px) { .bonuses-personal-cabinet__main-table { display: none; } } .bonuses-personal-cabinet__name { 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; font-weight: 400; font-size: 16px; line-height: 120%; } @media (max-width: 1200px) { .bonuses-personal-cabinet__name { font-size: 14px; } } @media (max-width: 768px) { .bonuses-personal-cabinet__name { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 18px; width: 100%; } } .bonuses-personal-cabinet__name span { display: none; } @media (max-width: 768px) { .bonuses-personal-cabinet__name span { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; color: rgba(157, 172, 183, 0.5); } } .bonuses-personal-cabinet__name.green { color: #68b961; } .bonuses-personal-cabinet__name.red { color: #ff4b41; } .bonuses-personal-cabinet__name:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 1 20.6%; flex: 0 1 20.6%; } @media (max-width: 1200px) { .bonuses-personal-cabinet__name:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 1 18.7%; flex: 0 1 18.7%; } } @media (max-width: 768px) { .bonuses-personal-cabinet__name:nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-weight: 700; font-size: 16px; line-height: 120%; margin: 0px 0px 5px 0px; } } .bonuses-personal-cabinet__name:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 1 16.8%; flex: 0 1 16.8%; } @media (max-width: 1200px) { .bonuses-personal-cabinet__name:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 1 17.1%; flex: 0 1 17.1%; } } @media (max-width: 768px) { .bonuses-personal-cabinet__name:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .bonuses-personal-cabinet__name:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 1 20.7%; flex: 0 1 20.7%; } @media (max-width: 1200px) { .bonuses-personal-cabinet__name:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 1 21.1%; flex: 0 1 21.1%; } } @media (max-width: 768px) { .bonuses-personal-cabinet__name:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .bonuses-personal-cabinet__name:nth-child(4) { -webkit-box-flex: 0; -ms-flex: 0 1 13.7%; flex: 0 1 13.7%; } @media (max-width: 1200px) { .bonuses-personal-cabinet__name:nth-child(4) { -webkit-box-flex: 0; -ms-flex: 0 1 17.1%; flex: 0 1 17.1%; } } @media (max-width: 768px) { .bonuses-personal-cabinet__name:nth-child(4) { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .bonuses-personal-cabinet__name:nth-child(5) { -webkit-box-flex: 0; -ms-flex: 0 1 16%; flex: 0 1 16%; } @media (max-width: 1200px) { .bonuses-personal-cabinet__name:nth-child(5) { -webkit-box-flex: 0; -ms-flex: 0 1 15%; flex: 0 1 15%; } } @media (max-width: 768px) { .bonuses-personal-cabinet__name:nth-child(5) { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } .bonuses-personal-cabinet__name:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 768px) { .bonuses-personal-cabinet__name:last-child { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } .bonuses-personal-cabinet__table { display: -webkit-box; display: -ms-flexbox; display: flex; background: #1c1e24; min-height: 52px; gap: 10px; border-bottom: 1px solid #23242b; padding: 10px 30px; } @media (max-width: 768px) { .bonuses-personal-cabinet__table { -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: start; padding: 30px 15px; gap: 15px; } } .bonuses-personal-cabinet__inputs { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; margin: 35px 0px 0px 0px; } @media (max-width: 1200px) { .bonuses-personal-cabinet__inputs { margin: 25px 0px 0px 0px; gap: 0px; } } @media (max-width: 650px) { .bonuses-personal-cabinet__inputs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } } .bonuses-personal-cabinet__inputs input { width: 396px; } @media (max-width: 1200px) { .bonuses-personal-cabinet__inputs input { width: 290px; } } @media (max-width: 650px) { .bonuses-personal-cabinet__inputs input { width: 100%; height: 54px; font-size: 16px; } } @media (max-width: 650px) { .bonuses-personal-cabinet__inputs .form-group1__label { font-size: 16px; } } @media (max-width: 650px) { .bonuses-personal-cabinet__inputs .btn-fancy { width: calc(100% - 15px); height: 54px; } } .bonuses-personal-cabinet__inputs .btn-fancy span { width: 275px; } @media (max-width: 650px) { .bonuses-personal-cabinet__inputs .btn-fancy span { width: 100%; } } .feedback-personal-cabinet { width: 100%; } @media (max-width: 1100px) { .feedback-personal-cabinet { margin: 20px 0px 0px 0px; } } @media (max-width: 768px) { .feedback-personal-cabinet { margin: 5px 0px 0px 0px; } } @media (max-width: 768px) { .feedback-personal-cabinet__tables { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 550px) { .feedback-personal-cabinet__tables { grid-template-columns: 1fr; gap: 0px; } } .feedback-personal-cabinet__main-table { background: #23242b; padding: 10px 16px 10px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; min-height: 59px; } .feedback-personal-cabinet__main-table .feedback-personal-cabinet__name { color: rgba(157, 172, 183, 0.5); } @media (max-width: 1200px) { .feedback-personal-cabinet__main-table { padding: 10px 30px 10px 30px; } } @media (max-width: 768px) { .feedback-personal-cabinet__main-table { display: none; } } .feedback-personal-cabinet__name { 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; font-weight: 400; font-size: 16px; line-height: 120%; } @media (max-width: 1200px) { .feedback-personal-cabinet__name { font-size: 14px; } } @media (max-width: 768px) { .feedback-personal-cabinet__name { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 18px; width: 100%; } } .feedback-personal-cabinet__name span { display: none; } @media (max-width: 768px) { .feedback-personal-cabinet__name span { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; color: rgba(157, 172, 183, 0.5); } } .feedback-personal-cabinet__name.grey { color: #9dacb7; } .feedback-personal-cabinet__name.green { color: #68b961; } .feedback-personal-cabinet__name:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 1 15.3%; flex: 0 1 15.3%; } @media (max-width: 1200px) { .feedback-personal-cabinet__name:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 1 13.5%; flex: 0 1 13.5%; } } @media (max-width: 768px) { .feedback-personal-cabinet__name:nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-weight: 700; font-size: 16px; line-height: 120%; margin: 0px 0px 5px 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 4px; } .feedback-personal-cabinet__name:nth-child(1) span { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; font-weight: 700; font-size: 16px; line-height: 120%; color: #fff; } } .feedback-personal-cabinet__name:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 1 37%; flex: 0 1 37%; } @media (max-width: 1200px) { .feedback-personal-cabinet__name:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 1 39%; flex: 0 1 39%; } } @media (max-width: 768px) { .feedback-personal-cabinet__name:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .feedback-personal-cabinet__name:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 1 20.7%; flex: 0 1 20.7%; } @media (max-width: 1200px) { .feedback-personal-cabinet__name:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 1 25.5%; flex: 0 1 25.5%; } } @media (max-width: 768px) { .feedback-personal-cabinet__name:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .feedback-personal-cabinet__name:nth-child(4) { -webkit-box-flex: 0; -ms-flex: 0 1 20.5%; flex: 0 1 20.5%; } @media (max-width: 1200px) { .feedback-personal-cabinet__name:nth-child(4) { -webkit-box-flex: 0; -ms-flex: 0 1 14%; flex: 0 1 14%; } } @media (max-width: 768px) { .feedback-personal-cabinet__name:nth-child(4) { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .feedback-personal-cabinet__name:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 39px; flex: 0 0 39px; } @media (max-width: 768px) { .feedback-personal-cabinet__name:last-child { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .feedback-personal-cabinet__name .btn-arrow1 { position: relative; top: 0; left: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); width: 39px; height: 39px; } @media (max-width: 768px) { .feedback-personal-cabinet__name .btn-arrow1 { margin: 0px -15px 0px 0px; } } .feedback-personal-cabinet__table { display: -webkit-box; display: -ms-flexbox; display: flex; background: #1c1e24; min-height: 72px; gap: 10px; border-bottom: 1px solid #23242b; padding: 10px 16px 10px 30px; } @media (max-width: 1200px) { .feedback-personal-cabinet__table { padding: 10px 30px 10px 30px; } } @media (max-width: 768px) { .feedback-personal-cabinet__table { -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: start; padding: 20px 15px 0px 15px; gap: 15px; } } .subscribe-personal-cabinet { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media (max-width: 1100px) { .subscribe-personal-cabinet { gap: 10px; } } .subscribe-personal-cabinet__column { background: rgba(35, 36, 43, 0.5); padding: 35px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } @media (max-width: 1100px) { .subscribe-personal-cabinet__column { padding: 25px 15px; gap: 15px; } } .subscribe-personal-cabinet__column .checklist p { font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; margin: 5px 0px 0px 0px; max-width: 700px; } @media (max-width: 1100px) { .subscribe-personal-cabinet__column .checklist p { font-size: 14px; line-height: 171%; max-width: 100%; } } .subscribe-personal-cabinet__title { font-family: var(--font-secondary); font-weight: 700; font-size: 20px; line-height: 120%; } @media (max-width: 1100px) { .subscribe-personal-cabinet__title { font-size: 14px; } } .block-product-detail { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); margin: 0px 0px 60px 0px; } @media (max-width: 1400px) { .block-product-detail { border-bottom: none; margin: 0px 0px 80px 0px; } } @media (max-width: 992px) { .block-product-detail { padding: 25px 0px 0px 0px; } } @media (max-width: 768px) { .block-product-detail { margin: 0px 0px 60px 0px; } } .block-product-detail .title-mob { display: none; margin: 0px 0px 0px 0px; font-size: 20px; line-height: 110%; } @media (max-width: 992px) { .block-product-detail .title-mob { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0px 15px 15px 15px; } } .top-product-detail { position: relative; border-bottom: 1px solid var(--border-color); overflow: hidden; } .top-product-detail::after { content: ""; position: absolute; bottom: 0; width: 100%; height: 16px; left: 0; background-repeat: no-repeat; background-position: center bottom; background-size: auto 100%; background-image: url("/local/templates/arkonoptics/css/../img/bg-product-detail.svg"); } @media (max-width: 650px) { .top-product-detail::after { height: 10px; } } .top-product-detail .container { max-width: 884px; margin: 0 auto; padding: 0px 0px 0px 0px; } @media (max-width: 1200px) { .top-product-detail .container { max-width: 640px; } } @media (max-width: 992px) { .top-product-detail .container { max-width: 100%; } } .top-product-detail__slider { position: relative; border-left: 1px solid #2b2c2d; border-right: 1px solid #2b2c2d; min-height: 400px; 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; } @media (max-width: 1200px) { .top-product-detail__slider { min-height: 385px; } } @media (max-width: 992px) { .top-product-detail__slider { border-left: none; border-right: none; min-height: 305px; } } .top-product-detail__slider.swiper { overflow: visible; } .top-product-detail__slider .swiper-navs { z-index: 20; position: absolute; top: 50%; left: 30px; width: calc(100% - 60px); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } @media (max-width: 650px) { .top-product-detail__slider .swiper-navs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; width: auto; left: auto; top: auto; right: 30px; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); bottom: 60px; gap: 10px; } } .top-product-detail__slider .swiper-navs .swiper-nav { width: 42px; height: 22px; } @media (max-width: 650px) { .top-product-detail__slider .swiper-navs .swiper-nav { width: 27px; height: 14px; } } .top-product-detail__slider .card-product__badges { position: absolute; top: 30px; left: 30px; } @media (max-width: 1200px) { .top-product-detail__slider .card-product__badges { top: 20px; left: 20px; } } @media (max-width: 992px) { .top-product-detail__slider .card-product__badges { top: 0; left: 15px; } .top-product-detail__slider .card-product__badges .badge2 { --height: 25px; --padding: 15px; font-size: 12px; } } .top-product-detail__slider .card-product__bonuses { position: absolute; top: 30px; right: 30px; bottom: auto; left: auto; } @media (max-width: 1200px) { .top-product-detail__slider .card-product__bonuses { top: 20px; right: 20px; } } @media (max-width: 992px) { .top-product-detail__slider .card-product__bonuses { top: 0; right: 15px; } } @media (max-width: 650px) { .top-product-detail__slider .card-product__bonuses { --height: 25px; --padding: 10px; font-size: 12px; } } .top-product-detail__slider .photo-corner1__badge-logo { position: absolute; bottom: 46px; left: 30px; } @media (max-width: 1200px) { .top-product-detail__slider .photo-corner1__badge-logo { left: 20px; bottom: 37px; } } @media (max-width: 992px) { .top-product-detail__slider .photo-corner1__badge-logo { left: 15px; } } @media (max-width: 650px) { .top-product-detail__slider .photo-corner1__badge-logo { --height: 26px; bottom: 50px; --padding: 20px; padding: 6px var(--padding); } .top-product-detail__slider .photo-corner1__badge-logo span { max-height: 14px; } } .top-product-detail__slide { opacity: 0.2; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-product-detail__slide.swiper-slide-active { opacity: 1; } @media (max-width: 992px) { .top-product-detail__slide { padding: 0px 0px 0px 0px; } } .top-product-detail__pic { width: auto; height: 280px; -o-object-fit: contain; object-fit: contain; } @media (max-width: 1200px) { .top-product-detail__pic { height: 194px; } } @media (max-width: 480px) { .top-product-detail__pic { height: 124px; } } .bottom-product-detail { padding: 57px 0px 56px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } @media (max-width: 1400px) { .bottom-product-detail { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 45px 0px 0px 0px; gap: 0px; } } @media (max-width: 992px) { .bottom-product-detail { padding: 35px 0px 0px 0px; gap: 57px; } } .bottom-product-detail__left { -webkit-box-flex: 0; -ms-flex: 0 1 666px; flex: 0 1 666px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; height: 100%; } @media (max-width: 1400px) { .bottom-product-detail__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } } @media (max-width: 992px) { .bottom-product-detail__left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 12px; } } .bottom-product-detail__left .card-product__article { font-weight: 400; font-size: 14px; line-height: 120%; color: #9dacb7; margin: 0px 0px 4px 0px; } .bottom-product-detail__left .card-product__article span { color: #fff; } @media (max-width: 992px) { .bottom-product-detail__left .card-product__article { margin: 0px 0px 10px 0px; } } .bottom-product-detail__left .card-product__data { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 100%; } .bottom-product-detail__left .card-product__data .title2 { margin: 0px 0px 5px 0px; font-size: 30px; line-height: 120%; } @media (max-width: 992px) { .bottom-product-detail__left .card-product__data .title2 { display: none; } } .bottom-product-detail__left .card-product__data p { max-width: 465px; font-weight: 400; font-size: 14px; line-height: 150%; color: #9dacb7; margin: 0px 0px 8px 0px; } @media (max-width: 400px) { .bottom-product-detail__left .card-product__status { font-size: 14px; } } .bottom-product-detail__left .card-product__bottom { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 992px) { .bottom-product-detail__left .card-product__bottom { width: 100%; } .bottom-product-detail__left .card-product__bottom div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: 0px; margin: 0px 0px 0px 0px; } } @media (max-width: 1400px) { .bottom-product-detail__left .card-product__price1 { font-size: 20px; } } @media (max-width: 992px) { .bottom-product-detail__left .card-product__price1 { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: right; margin: 0px 0px 0px 0px; } } .bottom-product-detail__left .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 453px; flex: 0 1 453px; } @media (max-width: 1400px) { .bottom-product-detail__left .card-product__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 10px; } } @media (max-width: 992px) { .bottom-product-detail__left .card-product__buttons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 5px; } } @media (min-width: 1401px) { .bottom-product-detail__left .card-product__buttons .btn-fancy_1 { clip-path: polygon(var(--angle) 0, 100% 0, 100% 100%, 0 100%); } } @media (max-width: 1400px) and (min-width: 993px) { .bottom-product-detail__left .card-product__buttons .btn-fancy_1 { clip-path: none; } .bottom-product-detail__left .card-product__buttons .btn-fancy_1 span { clip-path: none; } } @media (max-width: 1400px) and (min-width: 993px) { .bottom-product-detail__left .card-product__buttons .btn-fancy { clip-path: none; margin-left: 0px; } .bottom-product-detail__left .card-product__buttons .btn-fancy span { clip-path: none; } } @media (max-width: 575px) { .bottom-product-detail__left .card-product__buttons .btn-fancy span { --height: 40px; --padding: 15px; font-size: 14px; } } .bottom-product-detail__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1400px) { .bottom-product-detail__buttons { -webkit-box-flex: 0; -ms-flex: 0 0 296px; flex: 0 0 296px; -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: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 16px; } } @media (max-width: 992px) { .bottom-product-detail__buttons { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background: #1c1e24; padding: 13px 15px 20px 15px; margin: 0px -15px; width: calc(100% + 30px); gap: 15px; } } .bottom-product-detail__right { -webkit-box-flex: 0; -ms-flex: 0 1 805px; flex: 0 1 805px; } @media (max-width: 1400px) { .bottom-product-detail__right { max-width: 65.4%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: -13px 0px 0px 0px; } } @media (max-width: 992px) { .bottom-product-detail__right { max-width: 100%; margin: 0px 0px 0px 0px; } } .bottom-product-detail__titles { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 13px 20px; margin: 0px 0px 35px 0px; } @media (max-width: 1400px) { .bottom-product-detail__titles { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media (max-width: 768px) { .bottom-product-detail__titles { margin: 0px 0px 20px 0px; } } .bottom-product-detail__titles .btn-text_1 { gap: 7px; } @media (max-width: 1400px) { .bottom-product-detail__titles .btn-text_1 { font-size: 14px; } } .bottom-product-detail__title { font-family: var(--font-secondary); font-weight: 700; font-size: 18px; line-height: 120%; } @media (max-width: 768px) { .bottom-product-detail__title { font-size: 16px; line-height: 110%; } } .block-characteristics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } @media (max-width: 1400px) { .block-characteristics { gap: 12px; } } @media (max-width: 700px) { .block-characteristics { grid-template-columns: repeat(2, 1fr); gap: 6px; } } .block-characteristics__column { --size: 20px; } .block-characteristics__column .corners1__inner { background: rgba(35, 36, 43, 0.5); padding: 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; height: 100%; } @media (max-width: 1400px) { .block-characteristics__column .corners1__inner { padding: 16px 18px; } } @media (max-width: 550px) { .block-characteristics__column .corners1__inner { padding: 10px 15px 10px 15px; } } .block-characteristics__name { font-weight: 400; font-size: 14px; line-height: 120%; color: #9dacb7; } @media (max-width: 550px) { .block-characteristics__name { font-size: 12px; } } .block-characteristics__value { font-weight: 700; font-size: 16px; line-height: 120%; } @media (max-width: 550px) { .block-characteristics__value { font-size: 14px; } } .block-product-descr { margin: 0px 0px 80px 0px; } @media (max-width: 768px) { .block-product-descr { margin: 0px 0px 60px 0px; } } .block-product-descr__content { padding: 37px 40px 40px 40px; } @media (max-width: 1200px) { .block-product-descr__content { padding: 25px 18px 30px 18px; } } .block-product-descr__content .more { margin: 30px 0px 0px 0px; } @media (max-width: 768px) { .block-product-descr__content .more { margin: 20px 0px 0px 0px; } } .block-product-descr__content .more .btn-text { font-size: 16px; } @media (max-width: 1200px) { .block-product-descr__content .more .btn-text { font-size: 14px; } } .block-product-descr__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 25px; } @media (max-width: 1200px) { .block-product-descr__body { gap: 20px; } } .block-product-descr__body .title3 { margin-bottom: 0px; } @media (max-width: 1200px) { .block-product-descr__body .title3 { font-size: 16px; line-height: 140%; } } .block-product-descr__body .title4 { font-weight: 700; font-size: 18px; line-height: 120%; margin: 0px 0px -7px 0px; } @media (max-width: 1200px) { .block-product-descr__body .title4 { font-size: 14px; margin: 0px 0px 0px 0px; } } .block-product-descr__body ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3px; } @media (max-width: 992px) { .block-product-descr__body ul { gap: 4px; } } .block-product-descr__body ul li { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; gap: 12px; } @media (max-width: 1200px) { .block-product-descr__body ul li { font-size: 14px; } } .block-product-descr__body ul li::before { content: ""; display: block; width: 8px; height: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 8px; flex: 0 0 8px; margin: 9px 0px 0px 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #c6ce4e; } @media (max-width: 1200px) { .block-product-descr__body ul li::before { margin: 7px 0px 0px 0px; } } .block-product-descr__body .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 25px; } @media (max-width: 1200px) { .block-product-descr__body .text { gap: 20px; } } .block-product-descr__body .block { background: rgba(35, 36, 43, 0.5); display: grid; grid-template-columns: repeat(2, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 60px; padding: 40px 80px 40px 40px; } @media (max-width: 1200px) { .block-product-descr__body .block { padding: 20px; gap: 30px; margin: 10px 0px 0px 0px; } } @media (max-width: 768px) { .block-product-descr__body .block { grid-template-columns: 1fr; gap: 20px; } } .block-product-descr__body .block img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; min-height: 400px; } @media (max-width: 1200px) { .block-product-descr__body .block img { min-height: 100%; } } .block-product-descr__body p { font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; } @media (max-width: 1200px) { .block-product-descr__body p { font-size: 14px; } } .block-product-descr2 { margin: 0px 0px 20px 0px; } @media (max-width: 1100px) { .block-product-descr2 { margin: 0px 0px 80px 0px; } } .block-benefits { margin: 0px 0px 20px 0px; } .block-benefits + .block-characteristics2 { margin-top: 80px; } .block-characteristics2 + .block-gallery, .block-characteristics2 + .block-series-compare { margin-top: 80px; } @media (max-width: 1200px) { .block-benefits { margin: 0px 0px 80px 0px; } .block-benefits + .block-characteristics2 { margin-top: 0; } } @media (max-width: 768px) { .block-benefits { margin: 0px 0px 60px 0px; } } .block-benefits__content { padding: 40px; } @media (max-width: 1400px) { .block-benefits__content { padding: 0px 0px 0px 0px; } .block-benefits__content::before, .block-benefits__content::after { display: none; } .block-benefits__content .corners1__inner::before, .block-benefits__content .corners1__inner::after { display: none; } } .block-benefits__content .title3 { margin-bottom: 35px; } @media (max-width: 1200px) { .block-benefits__content .title3 { font-size: 18px; line-height: 120%; margin-bottom: 25px; } } @media (max-width: 768px) { .block-benefits__content .title3 { font-size: 16px; margin-bottom: 12px; } } .block-benefits__body { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr); } @media (max-width: 1200px) { .block-benefits__body { gap: 30px 12px; grid-template-columns: repeat(3, 1fr); } } @media (max-width: 992px) { .block-benefits__body { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 650px) { .block-benefits__body { grid-template-columns: 1fr; gap: 20px; } } .block-benefits__column { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; padding: 20px 20px 20px 40px; background: rgba(35, 36, 43, 0.5); } @media (max-width: 1500px) { .block-benefits__column { padding: 20px; gap: 20px; } } @media (max-width: 1200px) { .block-benefits__column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 14px 20px 20px 20px; gap: 15px; } } @media (max-width: 650px) { .block-benefits__column { padding: 0px 0px 0px 0px; background-color: transparent; gap: 12px; } } .block-benefits__titles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; margin: 12px 0px 0px 0px; } @media (max-width: 1200px) { .block-benefits__titles { margin: 0px 0px 0px 0px; gap: 8px; } } @media (max-width: 650px) { .block-benefits__titles { gap: 4px; } } .block-benefits__titles p { font-weight: 400; font-size: 14px; line-height: 150%; color: #9dacb7; } .block-benefits__title { font-family: var(--font-secondary); font-weight: 700; font-size: 20px; line-height: 140%; } @media (max-width: 1200px) { .block-benefits__title { font-size: 18px; } } @media (max-width: 650px) { .block-benefits__title { font-size: 12px; } } .block-benefits__image { -webkit-box-flex: 0; -ms-flex: 0 0 283px; flex: 0 0 283px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; } @media (max-width: 1400px) { .block-benefits__image { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; } } @media (max-width: 1200px) { .block-benefits__image { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; height: 230px; } } @media (max-width: 650px) { .block-benefits__image { height: 236px; } } .block-benefits__image .corners1__inner { height: 100%; width: 100%; } .block-benefits__image .corners1__inner::before, .block-benefits__image .corners1__inner::after { display: -webkit-box; display: -ms-flexbox; display: flex; } .block-benefits__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .block-benefits2 { margin: 0px 0px 20px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } @media (max-width: 1300px) { .block-benefits2 { gap: 0px; } } @media (max-width: 1100px) { .block-benefits2 { margin: 0px 0px 80px 0px; } } @media (max-width: 768px) { .block-benefits2 { margin: 0px 0px 60px 0px; } } .block-benefits2__bg { width: 100%; height: auto; margin: 0 auto; } @media (max-width: 1100px) { .block-benefits2__bg { display: none; } } .block-benefits2__body { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 30px; } @media (max-width: 1300px) { .block-benefits2__body { gap: 12px; } } @media (max-width: 992px) { .block-benefits2__body { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .block-benefits2__body { gap: 6px; grid-template-columns: 1fr; } } .block-benefits2__column { background: rgba(35, 36, 43, 0.5); padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } @media (max-width: 1300px) { .block-benefits2__column { padding: 15px; gap: 15px; } } .block-benefits2__column p { font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; } @media (max-width: 1200px) { .block-benefits2__column p { font-size: 14px; } } .block-benefits2__icon { width: 76px; height: 74px; -webkit-box-flex: 0; -ms-flex: 0 0 76px; flex: 0 0 76px; } .block-benefits2__icon img { width: 76px; height: 74px; } .block-benefits-series { margin: 0px 0px 60px 0px; } @media (max-width: 1100px) { .block-benefits-series { margin: 0px 0px 80px 0px; } } .block-characteristics2 + * { /* margin: 0px 0px 200px 0px; */ } @media (max-width: 1300px) { .block-characteristics2 + * { /* margin: 0px 0px 80px 0px; */ } } @media (max-width: 768px) { .block-characteristics2 + * { /* margin: 0px 0px 53px 0px; */ } } .block-characteristics2 .title3 { margin: 0px 0px 35px 0px; } @media (max-width: 1200px) { .block-characteristics2 .title3 { font-size: 16px; line-height: 140%; margin: 0px 0px 15px 0px; } } .block-characteristics2 .block-characteristics__body { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 60px; } @media (max-width: 1300px) { .block-characteristics2 .block-characteristics__body { gap: 12px; } } @media (max-width: 1200px) { .block-characteristics2 .block-characteristics__body { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .block-characteristics2 .block-characteristics__body { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 550px) { .block-characteristics2 .block-characteristics__body { grid-template-columns: 1fr; gap: 6px; } } .block-characteristics2 .block-characteristics__column { --size: 14px; } @media (max-width: 1200px) { .block-characteristics2 .block-characteristics__column { min-height: 87px; } } @media (max-width: 768px) { .block-characteristics2 .block-characteristics__column { min-height: 100%; } } @media (max-width: 1200px) { .block-characteristics2 .block-characteristics__column .block-characteristics__value { font-size: 14px; } } @media (max-width: 550px) { .block-characteristics2 .block-characteristics__column .block-characteristics__name { font-size: 14px; } } .block-characteristics2 .block-characteristics__column .corners1__inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1200px) { .block-characteristics2 .block-characteristics__column .corners1__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 4px; } } @media (max-width: 768px) { .block-characteristics2 .block-characteristics__column .corners1__inner { padding: 14px 20px 17px 20px; } } .block-characteristics-series__content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; } @media (max-width: 1400px) { .block-characteristics-series__content { gap: 20px; } } @media (max-width: 1200px) { .block-characteristics-series__content { gap: 40px; grid-template-columns: 1fr; } } .block-characteristics-series__column .block-characteristics__body { grid-template-columns: 1fr; gap: 12px; } @media (max-width: 1200px) { .block-characteristics-series__column .block-characteristics__body { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .block-characteristics-series__column .block-characteristics__body { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 550px) { .block-characteristics-series__column .block-characteristics__body { grid-template-columns: 1fr; } } .block-characteristics-series__column .palettes-characteristics { grid-template-columns: repeat(2, 1fr); } @media (max-width: 1200px) { .block-characteristics-series__column .palettes-characteristics { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .block-characteristics-series__column .palettes-characteristics { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 550px) { .block-characteristics-series__column .palettes-characteristics { grid-template-columns: 1fr; } } .block-characteristics-series__column .palettes-characteristics .block-characteristics__column .corners1__inner { padding: 10px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 30px; } @media (max-width: 1200px) { .block-characteristics-series__column .palettes-characteristics .block-characteristics__column .corners1__inner { gap: 15px; } } .block-characteristics-series__column .palettes-characteristics .block-characteristics__image { width: 92px; height: 92px; -webkit-box-flex: 0; -ms-flex: 0 0 92px; flex: 0 0 92px; } .block-characteristics-series__column .palettes-characteristics .block-characteristics__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .block-gallery { padding: 0px 0px 141px 0px; } @media (max-width: 1300px) { .block-gallery { padding: 0px 0px 78px 0px; } } @media (max-width: 768px) { .block-gallery { padding: 0px 0px 53px 0px; } } .block-gallery .title3 { margin: 0px 0px 35px 0px; } @media (max-width: 1200px) { .block-gallery .title3 { font-size: 16px; line-height: 140%; margin: 0px 0px 15px 0px; } } .block-gallery .swiper-navs { position: absolute; bottom: 10px; right: 0; } @media (max-width: 1640px) { .block-gallery .swiper-navs { right: 30px; } } @media (max-width: 1024px) { .block-gallery .swiper-navs { right: 15px; } } @media (max-width: 768px) { .block-gallery .swiper-navs { bottom: 16px; } } @media (max-width: 1640px) { .block-gallery .swiper-pagination { left: 30px !important; } } @media (max-width: 1024px) { .block-gallery .swiper-pagination { left: 15px !important; } } .block-gallery__slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0px 0px 75px 0px; } @media (max-width: 1640px) { .block-gallery__slider { margin: 0px -30px; width: calc(100% + 60px); padding: 0px 30px 75px 30px; } } @media (max-width: 1300px) { .block-gallery__slider { padding: 0px 30px 57px 30px; } } @media (max-width: 1024px) { .block-gallery__slider { margin: 0px -15px; width: calc(100% + 30px); padding: 0px 15px 57px 15px; } } @media (max-width: 768px) { .block-gallery__slider { padding: 0px 15px 46px 15px; } } .block-gallery__slide { position: relative; padding: 10px; } @media (max-width: 1300px) { .block-gallery__slide { padding: 7px; --size: 30px; } } .block-gallery__slide img { height: 250px; width: 100%; -o-object-fit: cover; object-fit: cover; border: 1px solid #2b2c2d; } @media (max-width: 1300px) { .block-gallery__slide img { height: 211px; } } @media (max-width: 550px) { .block-gallery__slide img { height: 100%; } } .block-documentation2 { border-bottom: 1px solid var(--border-color); padding: 0px 0px 140px 0px; margin: 0px 0px 0 0px; } .block-documentation2 + .block-recommend { margin-top: 200px; } @media (max-width: 1300px) { .block-documentation2 { padding: 0px 0px 0px 0px; border-bottom: none; } .block-documentation2 + .block-recommend { margin-top: 80px; } } @media (max-width: 768px) { .block-documentation2 { margin: 0px 0px 60px 0px; } .block-documentation2 + .block-recommend { margin-top: 60px; } } @media (max-width: 650px) { .block-documentation2 .block-documentation__bottom { gap: 35px; } } .block-documentation2 .block-documentation__content { position: relative; padding: 60px 0px 60px 0px; } @media (max-width: 1300px) { .block-documentation2 .block-documentation__content { padding: 0px 0px 0px 0px; } } @media (max-width: 650px) { .block-documentation2 .block-documentation__content { padding: 25px 0px 0px 0px; } } .block-documentation2 .block-documentation__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .block-documentation2 .block-documentation__bg .photo-fader1__inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .block-documentation2 .block-documentation__bg img { -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.3; } @media (max-width: 1300px) { .block-documentation2 .block-documentation__bg { height: auto; bottom: 30px; top: unset; } .block-documentation2 .block-documentation__bg .photo-fader1__inner { position: relative; height: unset; } .block-documentation2 .block-documentation__bg img { position: relative; height: unset; } } @media (max-width: 650px) { .block-documentation2 .block-documentation__bg { bottom: auto; top: 0; } } .block-documentation2 .block-documentation__bottom { position: relative; z-index: 10; } .block-recommend-product { margin: 0px 0px 0px 0px; } .block-recommend-product .swiper-pagination { display: none; } @media (max-width: 1100px) { .block-recommend-product .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 1100px) { .block-recommend-product .heading-cols1 { margin: 0px 0px 15px 0px; } } @media (max-width: 1100px) { .block-recommend-product .title2 { font-size: 16px; } } @media (max-width: 1100px) { .block-recommend-product .card-product__inner { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media (max-width: 1100px) { .block-recommend-product .swiper-recommend3 { padding: 0px 0px 55px 0px; } } @media (max-width: 768px) { .block-recommend-product .swiper-recommend3 { padding: 0px 0px 45px 0px; } } @media (max-width: 1100px) { .block-recommend-product .card-product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 0px 0px 0px; height: 100%; } } @media (max-width: 1100px) { .block-recommend-product .card-product__data + .card-product__shipping { margin-top: -16px; } } @media (max-width: 1100px) { .block-recommend-product .card-product__shipping { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 1100px) { .block-recommend-product .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } } .block-series-compare .title3 { margin: 0px 0px 32px 0px; } @media (max-width: 1400px) { .block-series-compare .title3 { margin: 0px 0px 32px 0px; } } @media (max-width: 1200px) { .block-series-compare .title3 { font-size: 16px; line-height: 140%; margin: 0px 0px 15px 0px; } } .block-series-compare__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; } .block-series-compare__content.mob { display: none; } @media (max-width: 1400px) { .block-series-compare__content { /* margin: 0px -30px 0px 0px; */ } } @media (max-width: 1024px) { .block-series-compare__content { /* margin: 0px -15px 0px 0px; */ } } @media (max-width: 768px) { .block-series-compare__content { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .block-series-compare__content.mob { display: -webkit-box; display: -ms-flexbox; display: flex; } } .block-series-compare__fixed { -webkit-box-flex: 0; -ms-flex: 0 0 224px; flex: 0 0 224px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .block-series-compare__fixed .block-series-compare__name { background: #23242b; font-weight: 400; font-size: 14px; /* line-height: 171%; */ line-height: 1.2; } .block-series-compare__fixed .block-series-compare__name:first-child { flex-grow: 1; height: unset; min-height: 50px; } .block-series-compare__column { background: rgba(35, 36, 43, 0.5); padding: 20px; 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: start; gap: 20px; } .block-series-compare__column .more { margin: 0px 0px 0px 0px; font-weight: 400; font-size: 14px; line-height: 120%; color: #9dacb7; border-bottom: 1px dashed #9dacb7; -webkit-transition: color 0.3s, border-bottom 0.3s; transition: color 0.3s, border-bottom 0.3s; } .block-series-compare__column .more:hover { color: var(--theme-color-accent); border-bottom: 1px dashed var(--theme-color-accent); } .block-series-compare__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .block-series-compare__name { --size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 20px; min-height: 50px; height: 50px; min-width: 224px; width: 100%; } .block-series-compare__name span { font-weight: 400; font-size: 12px; /* line-height: 171%; */ line-height: 1.2; color: #fff; } @media (max-width: 768px) { .block-series-compare__name { padding: 0px 0px 0px 0px; min-height: 100%; gap: 3px; font-weight: 400; font-size: 14px; line-height: 120%; color: #9dacb7; } } .block-series-compare__tables { width: 100%; overflow: hidden; } .block-series-compare__tables { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .block-series-compare__tables.has-scroll { cursor: grab; } .block-series-compare__tables::-webkit-scrollbar { display: none; } .block-series-compare__scroll { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; height: 100%; } .block-series-compare__scroll { /* padding: 0px 30px 0px 0px; */ width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 100%; } @media (max-width: 1024px) { .block-series-compare__scroll { padding: 0px 15px 0px 0px; } } .block-series-compare__main-table { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; flex-grow: 1; } .block-series-compare__main-table .block-series-compare__name { height: unset; min-height: 50px; } .block-series-compare__main-table .block-series-compare__name { background: #23242b; -webkit-box-flex: 0; /* -ms-flex: 0 1 20%; flex: 0 1 20%; */ -ms-flex: 0 1 100%; flex: 0 1 100%; font-weight: 700; font-size: 16px; line-height: 150%; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; -webkit-transition: color 0.3s; transition: color 0.3s; min-width: 271px; width: 100%; } .block-series-compare__main-table .block-series-compare__name:hover { color: var(--theme-color-accent); } @media (max-width: 1400px) { .block-series-compare__main-table .block-series-compare__name { -webkit-box-flex: 0; -ms-flex: 0 0 224px; flex: 0 0 224px; } } @media (max-width: 768px) { .block-series-compare__main-table .block-series-compare__name { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 0px 6px 0px; background-color: transparent; } } .block-series-compare__table { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; } @media (max-width: 1400px) { .block-series-compare__table { min-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; } } .block-series-compare__table .block-series-compare__name { -webkit-box-flex: 1; /* -ms-flex: 1 1 20%; flex: 1 1 20%; */ -ms-flex: 0 1 100%; flex: 0 1 100%; font-weight: 400; font-size: 14px; line-height: 120%; color: #9dacb7; background: rgba(35, 36, 43, 0.5); min-width: 271px; width: 100%; } @media (max-width: 1400px) { .block-series-compare__table .block-series-compare__name { -webkit-box-flex: 1; -ms-flex: 1 0 224px; flex: 1 0 224px; } } .fixed-product { position: fixed; top: 133px; left: 0; width: 100%; height: auto; background: #23242b; z-index: 49; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .fixed-product._active { opacity: 1; pointer-events: auto; } @media (max-width: 1300px) { .fixed-product { top: 101px; } } @media (max-width: 992px) { .fixed-product { display: none; } } @media (max-width: 1300px) { .fixed-product .container { padding: 0px 0px 0px 0px; } } .fixed-product__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; border-right: 1px solid var(--border-color); border-left: 1px solid var(--border-color); } .fixed-product__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fixed-product__image { 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-right: 1px solid var(--border-color); padding: 0px 10px; } .fixed-product__image img { width: auto; height: 90px; } .fixed-product__title { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-weight: 400; font-size: 18px; line-height: 120%; padding: 0px 0px 0px 30px; } .fixed-product__right { padding: 18px 30px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 44px; border-left: 1px solid var(--border-color); } @media (max-width: 1200px) { .fixed-product__right { gap: 20px; } } .fixed-product__right .btn { width: 254px; border-radius: 0px; color: #16171d; font-weight: 700; font-size: 16px; background-color: var(--theme-color-accent); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .fixed-product__right .btn:hover { opacity: 0.7; } @media (max-width: 1200px) { .fixed-product__right .btn { width: 200px; } } .orders-lists { border: 1px solid #2b2c2d; background: rgba(35, 36, 43, 0.5); margin: 40px 0px 0px 0px; } @media (max-width: 1200px) { .orders-lists { margin: 30px 0px 0px 0px; } } @media (max-width: 768px) { .orders-lists { margin: 20px 0px 0px 0px; } } .orders-lists .nav-bottom { padding: 30px 0px; } .orders-lists .nav-bottom::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: var(--border-color); } .orders-lists .nav-bottom::after { content: ""; display: none; } @media (max-width: 1200px) { .orders-lists .nav-bottom .pagination { gap: 0px; } } @media (max-width: 1200px) { .orders-lists .nav-bottom .pagination__item { width: 40px; height: 40px; } } @media (max-width: 1200px) { .orders-lists .nav-bottom .pagination__item_ellipsis { width: 14px; height: 18px; } } @media (max-width: 1200px) { .orders-lists .nav-bottom .pagination__item_nav-prev { margin: 0px 10px 0px 0px; width: 27px; } .orders-lists .nav-bottom .pagination__item_nav-prev svg { width: 27px; height: 14px; } } @media (max-width: 1200px) { .orders-lists .nav-bottom .pagination__item_nav-next { margin: 0px 0px 0px 10px; width: 27px; } .orders-lists .nav-bottom .pagination__item_nav-next svg { width: 27px; height: 14px; } } .orders-list { padding: 3px 40px 65px 40px; } @media (max-width: 1400px) { .orders-list { padding: 3px 18px 13px 18px; } } @media (max-width: 768px) { .orders-list { padding: 0px 0px 0px 0px; } } .orders-list__column { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #2b2c2d; padding: 25px 0px 35px 0px; } @media (max-width: 1200px) { .orders-list__column { padding: 11px 0px 13px 0px; } } @media (max-width: 768px) { .orders-list__column { padding: 25px 15px 30px 15px; } } @media (max-width: 700px) { .orders-list__column { -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: start; gap: 25px; } } .orders-list__column:last-child { border-bottom: none; padding: 25px 0px 0px 0px; } @media (max-width: 1200px) { .orders-list__column:last-child { padding: 11px 0px 0px 0px; } } @media (max-width: 768px) { .orders-list__column:last-child { padding: 25px 15px 30px 15px; } } .orders-list__column .btn { background-color: #363841; border-radius: 0px; font-weight: 700; font-size: 16px; line-height: 100%; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; padding: 5px 36px; } .orders-list__column .btn:hover { background-color: var(--theme-color-accent); color: #16171d; } @media (max-width: 1200px) { .orders-list__column .btn { font-size: 14px; } } @media (max-width: 700px) { .orders-list__column .btn { width: 100%; margin: 5px 0px 0px 0px; } } @media (max-width: 700px) { .orders-list__cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } } .orders-list__cell:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 15.7%; flex: 0 0 15.7%; } @media (max-width: 1200px) { .orders-list__cell:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 18%; flex: 0 0 18%; } } @media (max-width: 700px) { .orders-list__cell:first-child { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .orders-list__cell:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; -webkit-box-flex: 0; -ms-flex: 0 0 32.6%; flex: 0 0 32.6%; } @media (max-width: 1200px) { .orders-list__cell:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 35.5%; flex: 1 1 35.5%; } } @media (max-width: 700px) { .orders-list__cell:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 4px; } } .orders-list__cell:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 700px) { .orders-list__cell:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .orders-list__cell:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 700px) { .orders-list__cell:last-child { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .orders-list__name { font-weight: 700; font-size: 16px; line-height: 120%; } .orders-list__status { font-weight: 400; font-size: 14px; line-height: 150%; } .orders-list__status strong { font-weight: 700; } .orders-list__payment { font-weight: 400; font-size: 14px; line-height: 150%; } .orders-list__payment_payed { color: #68b961; } .orders-list__payment_nopayed { color: #e30004; } .orders-list__price { font-weight: 700; font-size: 18px; line-height: 120%; white-space: nowrap; } @media (max-width: 1300px) { .orders-list__price { font-size: 16px; } } @media (max-width: 700px) { .orders-list__price { font-size: 18px; margin: -15px 0px 0px 0px; } } .order-preview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .order-preview__photo { width: auto; height: 33px; display: block; } .order-preview__more { font-weight: 400; font-size: 14px; line-height: 150%; } .orders-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; } @media (max-width: 1200px) { .orders-buttons { gap: 0px; } } @media (max-width: 480px) { .orders-buttons { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } } .block-series { margin: 0px 0px 200px 0px; } @media (max-width: 1200px) { .block-series { margin: 0px 0px 80px 0px; } } .block-series .title1 { margin-bottom: 50px; } @media (max-width: 1200px) { .block-series .title1 { font-size: 20px; line-height: 110%; margin-bottom: 25px; } } @media (max-width: 768px) { .block-series .title1 { margin-bottom: 30px; } } .block-series__body { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } @media (max-width: 1200px) { .block-series__body { gap: 20px; } } @media (max-width: 768px) { .block-series__body { grid-template-columns: 1fr; gap: 30px; } } .block-series__column { position: relative; background: #16171d; border: 1px solid #2b2c2d; min-height: 340px; padding: 51px 60px 60px 60px; overflow: hidden; } @media (max-width: 1200px) { .block-series__column { min-height: 231px; padding: 24px 30px 30px 30px; border-left: none; border-right: none; } } @media (max-width: 768px) { .block-series__column { border: none; min-height: 100%; padding: 0px 0px 0px 0px; } } .block-series__column ul { position: relative; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 6px; } .block-series__column ul.count { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; display: block; width: 337px; } @media (max-width: 992px) { .block-series__column ul.count { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .block-series__column ul li a { font-weight: 400; font-size: 16px; line-height: 150%; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: #9dacb7; -webkit-transition: color 0.3s; transition: color 0.3s; } .block-series__column ul li a:hover { color: var(--theme-color-accent); } .block-series__bg { position: absolute; width: auto; height: 100%; right: 0; top: 0; } .block-series__bg.photo-fader1 { width: unset; } .block-series__bg .photo-fader1__inner img { width: unset; height: 100%; } @media (max-width: 768px) { .block-series__bg { display: none; } } .block-series__title { position: relative; z-index: 10; font-family: var(--font-secondary); font-weight: 700; font-size: 20px; line-height: 140%; margin: 0px 0px 25px 0px; } @media (max-width: 1200px) { .block-series__title { font-size: 16px; } } @media (max-width: 768px) { .block-series__title { margin: 0px 0px 15px 0px; } } .block-series-detail { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); margin: 0px 0px 50px 0px; } @media (max-width: 1280px) { .block-series-detail { border-bottom: none; } } @media (max-width: 1200px) { .block-series-detail { margin: 0px 0px 30px 0px; } } @media (max-width: 768px) { .block-series-detail { margin: 0px 0px 76px 0px; } } .block-series-detail__content { padding: 30px 0px; } @media (max-width: 1280px) { .block-series-detail__content { padding: 30px 0px 32px 0px; } } @media (max-width: 768px) { .block-series-detail__content { padding: 34px 0px 0px 0px; } } .block-series-detail__content .block-teaser2__inner { pointer-events: none; height: 395px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .block-series-detail__content .block-teaser2__inner .photo-corner1 { z-index: 5; } .block-series-detail .block-series-detail__content .block-teaser2__inner { pointer-events: all; } @media (max-width: 1280px) { .block-series-detail__content .block-teaser2__inner { height: 540px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media (max-width: 1024px) { .block-series-detail__content .block-teaser2__inner { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 1280px) { .block-series-detail__content .swiper-slide__inner1 { margin: 0px 0px 60px 0px; } } @media (max-width: 1024px) { .block-series-detail__content .swiper-slide__inner1 { width: 100%; gap: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 0px 26px 0px; } } @media (max-width: 1280px) { .block-series-detail__content .block-teaser2__info { width: 770px; top: 102px; } } @media (max-width: 1024px) { .block-series-detail__content .block-teaser2__info { width: 100%; } .block-series-detail__content .block-teaser2__info span { max-width: 100%; } } @media (max-width: 768px) { .block-series-detail__content .block-teaser2__info span { font-size: 14px; line-height: 150%; } } @media (max-width: 768px) { .block-series-detail__content .block-teaser2__info .params-list { margin-bottom: 22px; } } @media (max-width: 1280px) { .block-series-detail__content .block-teaser2__logo { top: 35px; } } @media (max-width: 768px) { .block-series-detail__content .block-teaser2__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .block-series-detail__content .block-teaser2__logo span { font-size: 14px; } .block-series-detail__content .block-teaser2__logo img { max-height: 25px; max-width: 87px; } } .block-series-detail__content .block-teaser2__decor2 { height: 340px; width: auto; pointer-events: none; } @media (max-width: 1200px) { .block-series-detail__content .block-teaser2__decor2 { display: none; } } .block-series-detail__content .block-teaser2__decor2_left { -webkit-transform: translateY(-50%) scale(-1, 1); transform: translateY(-50%) scale(-1, 1); } .block-series-detail__content .block-teaser2__decor2_right { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .block-series-detail__content .photo-corner1__badge-logo { display: none; } @media (max-width: 768px) { .block-series-detail__content .photo-corner1__badge-logo { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; left: 0; bottom: 0; margin: 20px 0px 0px 0px; } } @media (max-width: 1280px) { .block-series-detail__content .corners1__inner { padding: 20px; } } .block-series-product { margin: 0px 0px 60px 0px; padding: 0px 0px 60px 0px; border-bottom: 1px solid var(--border-color); } @media (max-width: 1200px) { .block-series-product { margin: 0px 0px 80px 0px; border-bottom: none; padding: 0px 0px 0px 0px; } } .block-series-product .title3 { margin-bottom: 55px; } @media (max-width: 1100px) { .block-series-product .title3 { font-size: 20px; line-height: 140%; margin-bottom: 13px; } } @media (max-width: 768px) { .block-series-product .title3 { line-height: 110%; } } .block-series-product__cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } @media (max-width: 1200px) { .block-series-product__cards { gap: 20px; } } @media (max-width: 992px) { .block-series-product__cards { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 700px) { .block-series-product__cards { grid-template-columns: repeat(2, 1fr); gap: 8px; } } @media (max-width: 700px) { .block-series-product__cards .card-product__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0px 10px 10px 10px; gap: 4px; } } @media (max-width: 700px) { .block-series-product__cards .card-product__buttons .btn-fancy span { clip-path: none; } } @media (max-width: 700px) { .block-series-product__cards .card-product__buttons .btn-fancy_1 { margin: 0px 0px 0px 0px; } } @media (max-width: 700px) { .block-series-product__cards .card-product__buttons .btn-fancy_2 { margin: 0px 0px 0px 0px; } } @media (max-width: 1200px) { .block-series-product__cards .card-product__actions > *:not(:last-child) { margin-bottom: 0px; } .block-series-product__cards .card-product__actions { top: 5px; right: 5px; } .block-series-product__cards .card-product__action svg { width: 15px; height: 16px; } .block-series-product__cards .card-product { margin: 0px 0px 0px 0px; } .block-series-product__cards .card-product__badges { top: 10px; left: 10px; } .block-series-product__cards .card-product__badges .badge2 { --padding: 9px; --height: 20px; font-size: 10px; } .block-series-product__cards .card-product__status { font-size: 12px; } .block-series-product__cards .card-product__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .block-series-product__cards .card-product__bottom { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .block-series-product__cards .card-product__bonuses { --height: 20px; --padding: 9px; left: 10px; font-size: 10px; padding: 2px 9px; } .block-series-product__cards .card-product__brand { right: 10px; width: 58px; height: 10px; } .block-series-product__cards .card-product__data { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 20px 15px 15px 15px; } .block-series-product__cards .card-product__shipping { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: -25px; padding: 24px 10px; } .block-series-product__cards .card-product__name { font-size: 14px; } .block-series-product__cards .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .block-series-product__cards .card-product__buttons .btn-fancy { --height: 40px; --padding: 25px; } .block-series-product__cards .card-product__buttons .btn-fancy span { font-size: 12px; } } @media (max-width: 480px) { .block-series-product__cards .special-offer-timer_small .special-offer-timer__item { width: 34px; } .block-series-product__cards .card-product__photo { padding: 16px 10px; } .block-series-product__cards .card-product__photo { padding: 46px 26px 0px 26px; } .block-series-product__cards .card-product__badges { margin: 0px 30px 0px 0px; } .block-series-product__cards .card-product__price2 { font-size: 10px; } .block-series-product__cards .card-product__discount { font-size: 10px; } .block-series-product__cards .card-product__price1 { font-size: 16px; } .block-series-product__cards .card-product__name { font-size: 10px; } .block-series-product__cards .card-product__status { font-size: 10px; } .block-series-product__cards .card-product__shipping { padding: 24px 10px 16px 10px; } .block-series-product__cards .card-product__btn-shipping { font-size: 10px; gap: 6px; } .block-series-product__cards .card-product__btn-shipping svg { width: 14px; height: 10px; } } .block-series-descr { margin: 0px 0px 200px 0px; position: relative; } @media (max-width: 1200px) { .block-series-descr { margin: 0px 0px 71px 0px; } } @media (max-width: 768px) { .block-series-descr { margin: 0px 0px 130px 0px; } } @media (max-width: 768px) { .block-series-descr .container { padding: 0px 0px 0px 0px; } } .block-series-descr__line { position: absolute; bottom: 96px; width: 100%; } @media (max-width: 1100px) { .block-series-descr__line { display: none; } } @media (max-width: 768px) { .block-series-descr__slider { overflow: visible; } } .block-series-descr__slider .swiper-pagination { bottom: 20px !important; } @media (max-width: 1100px) { .block-series-descr__slider .swiper-pagination { bottom: 0 !important; } } @media (max-width: 768px) { .block-series-descr__slider .swiper-pagination { left: 15px !important; bottom: -72px !important; } } .block-series-descr__slider .swiper-navs { position: absolute; left: 34.7%; bottom: 22px; z-index: 20; } @media (max-width: 1100px) { .block-series-descr__slider .swiper-navs { bottom: 16px; left: 42.7%; gap: 10px; } .block-series-descr__slider .swiper-navs .swiper-nav { width: 25px; height: 12px; } .block-series-descr__slider .swiper-navs svg { width: 25px; height: 12px; } } @media (max-width: 768px) { .block-series-descr__slider .swiper-navs { left: auto; right: 15px; bottom: -62px; } } .block-series-descr__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; min-height: 308px; opacity: 0 !important; } .block-series-descr__slide.swiper-slide-active { opacity: 1 !important; } @media (max-width: 1100px) { .block-series-descr__slide { min-height: 193px; } } @media (max-width: 768px) { .block-series-descr__slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; min-height: 100%; height: auto; } } .block-series-descr__slide .title3 { -webkit-box-flex: 0; -ms-flex: 0 1 550px; flex: 0 1 550px; margin: 10px 0px 0px 0px; line-height: 140%; } @media (max-width: 1100px) { .block-series-descr__slide .title3 { font-size: 16px; margin: 0px 0px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 1 487px; flex: 0 1 487px; } } @media (max-width: 768px) { .block-series-descr__slide .title3 { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 15px 0px 15px; } } .block-series-descr__image { -webkit-box-flex: 0; -ms-flex: 0 1 49%; flex: 0 1 49%; border: 1px solid #2b2c2d; } @media (max-width: 768px) { .block-series-descr__image { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .block-series-descr__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .block-compare__top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px 20px; margin: 0px 0px 48px 0px; } @media (max-width: 1100px) { .block-compare__top { margin: 0px 0px 32px 0px; } } @media (max-width: 768px) { .block-compare__top { margin: 0px 0px 35px 0px; } } .block-compare__top .title2 { margin: 0px 0px 0px 0px; } @media (max-width: 1100px) { .block-compare__top .title2 { font-size: 20px; line-height: 110%; } } .block-compare__top .btn-text_1 { gap: 7px; margin: 0px 0px 5px 0px; } @media (max-width: 1100px) { .block-compare__top .btn-text_1 { font-size: 14px; margin: 0px 0px 0px 0px; } } .block-compare__nav { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-weight: 400; font-size: 16px; line-height: 100%; color: #9dacb7; padding: 0px 20px 18px 20px; border-bottom: 2px solid transparent; } .block-compare__nav.btn-corner1_active { color: var(--theme-color-accent); border-bottom: 2px solid var(--theme-color-accent); } @media (max-width: 1100px) { .block-compare__nav { font-size: 14px; padding: 0px 15px 13px 15px; } } .block-compare__content { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 0; } .tabs-nav2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-bottom: 1px solid #2b2c2d; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .tabs-nav2::-webkit-scrollbar { display: none; } @media (max-width: 1100px) { .tabs-nav2 { margin: 0px -30px; width: calc(100% + 60px); } } @media (max-width: 1024px) { .tabs-nav2 { margin: 0px -15px; width: calc(100% + 30px); } } .compare-items { position: relative; border-bottom: 1px solid var(--border-color); } @media (max-width: 1000px) { .compare-items { display: none; } } .compare-items .checklist { position: absolute; bottom: 40px; left: 0; } @media (max-width: 1400px) { .compare-items .checkbox-text__label { font-size: 14px; } } .compare-items__inner { width: calc(75% - 1px); min-width: 50%; margin-left: auto; position: relative; } @media (max-width: 1200px) { .compare-items__inner { width: calc(74% - 1px); } } .compare-items__inner::before { content: ""; position: absolute; left: -30px; top: 0; display: block; height: 100%; width: 1px; background-color: var(--border-color); } @media (max-width: 1100px) { .compare-items__inner::before { left: -20px; } } .compare-items__top { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; position: relative; padding: 42px 0px 32px 10px; } @media (max-width: 1100px) { .compare-items__top { padding: 25px 0px 26px 0px; position: static; } } @media (max-width: 1000px) { .compare-items__top { padding: 13px 0px 20px 0px; } } .compare-items__top .btn-text_1 { gap: 7px; margin: 0px 0px 0px 0px; } @media (max-width: 1100px) { .compare-items__top .btn-text_1 { font-size: 14px; } } .compare-items__top .swiper-navs { position: absolute; right: 0; top: 40px; } @media (max-width: 1100px) { .compare-items__top .swiper-navs { bottom: 30px; top: auto; z-index: 20; } } .compare-items__slider { overflow: visible; clip-path: polygon(0 0, 100vw 0, 100vw 100%, 0 100%); padding: 0px 0px 40px 0px; } @media (max-width: 1100px) { .compare-items__slider { padding: 0px 0px 72px 0px; } } .compare-items__slide { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .compare-items__slide .card-product:hover .card-product__shipping { display: -webkit-box; display: -ms-flexbox; display: flex; } .compare-items__slide:not(.swiper-slide-visible) { opacity: 0.3; pointer-events: none; } .compare-items__slide .card-product { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .compare-items__slide .card-product__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 0px 0px 0px 0px; position: relative; } .compare-items__slide .card-product__data { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .compare-items__slide .card-product__shipping { display: -webkit-box; display: -ms-flexbox; display: flex; } .compare-items__slide .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .compare-items__slide .card-product { height: 100%; } .compare-items__slide .card-product:hover .card-product__inner { position: relative; padding: 0px 0px 0px 0px; } @media (max-width: 1200px) { .compare-items__slide .card-product { margin: 0px 0px 0px 0px; } .compare-items__slide .card-product__badges { top: 10px; left: 10px; } .compare-items__slide .card-product__badges .badge2 { --padding: 9px; --height: 20px; font-size: 10px; } .compare-items__slide .card-product__status { font-size: 12px; } .compare-items__slide .card-product__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .compare-items__slide .card-product__bottom { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .compare-items__slide .card-product__bonuses { --height: 20px; --padding: 9px; left: 10px; font-size: 10px; padding: 2px 9px; } .compare-items__slide .card-product__brand { right: 10px; width: 58px; height: 10px; } .compare-items__slide .card-product__data { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 20px 15px 15px 15px; } .compare-items__slide .card-product__shipping { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: -25px; padding: 24px 10px; } .compare-items__slide .card-product__name { font-size: 14px; } .compare-items__slide .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .compare-items__slide .card-product__buttons .btn-fancy { --height: 40px; --padding: 25px; } .compare-items__slide .card-product__buttons .btn-fancy span { font-size: 12px; } .compare-items__slide .card-product__actions > *:not(:last-child) { margin-bottom: 0px; } .compare-items__slide .card-product__actions { top: 5px; right: 5px; } .compare-items__slide .card-product__action svg { width: 15px; height: 16px; } } .compare-mobile { display: none; } @media (max-width: 1000px) { .compare-mobile { display: block; } } @media (max-width: 1400px) { .compare-mobile .checkbox-text__label { font-size: 14px; } } .compare-mobile__body { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; min-width: 0; } .compare-mobile__column { min-width: 0; } .compare-mobile__column .card-product { margin: 0px 0px 0px 0px; } .compare-mobile__column .card-product__shipping { display: -webkit-box; display: -ms-flexbox; display: flex; } .compare-mobile__column .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .compare-mobile__slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; margin: 0px 0px 40px 0px; } @media (max-width: 480px) { .compare-mobile__slider .card-product__buttons { 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; gap: 3px; } .compare-mobile__slider .card-product__buttons .btn-fancy { 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; clip-path: none; margin: 0px 0px 0px 0px; height: 40px; } .compare-mobile__slider .card-product__buttons .btn-fancy_2 { background-color: var(--theme-color-accent); } .compare-mobile__slider .card-product__buttons .btn-fancy_1 { background-color: #363841; } .compare-mobile__slider .card-product__buttons .btn-fancy_1 svg { fill: #fff; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } } .compare-mobile__slider .card-product__buttons svg { display: none; } @media (max-width: 480px) { .compare-mobile__slider .card-product__buttons svg { display: block; } } @media (max-width: 480px) { .compare-mobile__slider .card-product__buttons span { display: none; } } @media (max-width: 1200px) { .compare-mobile__slider .card-product__actions > *:not(:last-child) { margin-bottom: 0px; } .compare-mobile__slider .card-product__actions { top: 5px; right: 5px; } .compare-mobile__slider .card-product__action svg { width: 15px; height: 16px; } .compare-mobile__slider .card-product { margin: 0px 0px 0px 0px; } .compare-mobile__slider .card-product__badges { top: 10px; left: 10px; } .compare-mobile__slider .card-product__badges .badge2 { --padding: 9px; --height: 20px; font-size: 10px; } .compare-mobile__slider .card-product__status { font-size: 12px; } .compare-mobile__slider .card-product__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .compare-mobile__slider .card-product__bottom { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .compare-mobile__slider .card-product__bonuses { --height: 20px; --padding: 9px; left: 10px; font-size: 10px; padding: 2px 9px; } .compare-mobile__slider .card-product__brand { right: 10px; width: 58px; height: 10px; } .compare-mobile__slider .card-product__data { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 20px 15px 15px 15px; } .compare-mobile__slider .card-product__shipping { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: -25px; padding: 24px 10px; } .compare-mobile__slider .card-product__name { font-size: 14px; } .compare-mobile__slider .card-product__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .compare-mobile__slider .card-product__buttons .btn-fancy { --height: 40px; --padding: 25px; } .compare-mobile__slider .card-product__buttons .btn-fancy span { font-size: 12px; } } @media (max-width: 650px) { .compare-mobile__slider .special-offer-timer_small .special-offer-timer__item { width: 34px; } .compare-mobile__slider .card-product__photo { padding: 16px 10px; } .compare-mobile__slider .card-product__photo { padding: 46px 26px 0px 26px; } .compare-mobile__slider .card-product__badges { margin: 0px 30px 0px 0px; } .compare-mobile__slider .card-product__price2 { font-size: 10px; } .compare-mobile__slider .card-product__discount { font-size: 10px; } .compare-mobile__slider .card-product__price1 { font-size: 16px; } .compare-mobile__slider .card-product__name { font-size: 10px; } .compare-mobile__slider .card-product__status { font-size: 10px; } .compare-mobile__slider .card-product__shipping { padding: 24px 10px 16px 10px; } .compare-mobile__slider .card-product__btn-shipping { font-size: 10px; gap: 6px; } .compare-mobile__slider .card-product__btn-shipping svg { width: 14px; height: 10px; } } .compare-mobile__navs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #2b3846; padding: 20px 10px; } @media (max-width: 480px) { .compare-mobile__navs { padding: 10px; } } .compare-mobile__navs .swiper-nav { height: auto; } .compare-mobile__navs .swiper-nav svg { height: auto; } @media (max-width: 480px) { .compare-mobile__navs .swiper-nav { width: 18px; } } .swiper-compare-mobile { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .swiper-compare-mobile__label { font-weight: 400; font-size: 14px; line-height: 100%; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: #9dacb7; } @media (max-width: 480px) { .swiper-compare-mobile__label { font-size: 12px; } } .compare-specs { padding: 40px 0px 0px 0px; } @media (max-width: 1200px) { .compare-specs { padding: 30px 0px 0px 0px; } } @media (max-width: 1000px) { .compare-specs { display: none; } } .compare-specs__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; width: 100%; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .compare-specs__inner::-webkit-scrollbar { display: none; } .compare-specs__cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 30px; } @media (max-width: 1200px) { .compare-specs__cols { gap: 20px; } } .compare-specs__col { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 22.5px); flex: 0 0 calc(25% - 22.5px); font-weight: 400; font-size: 14px; line-height: 120%; color: #9dacb7; padding: 20px; background: rgba(35, 36, 43, 0.5); } @media (max-width: 1200px) { .compare-specs__col { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 15px); flex: 0 0 calc(25% - 15px); } } .compare-specs__col:first-child { position: sticky; left: 0; color: #fff; z-index: 2; background: #23242b; --size: 14px; } @media (max-width: 1200px) { .compare-specs__col:first-child { margin: 0px 20px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 30px); flex: 0 0 calc(25% - 30px); } } .compare-specs-mob { display: none; } @media (max-width: 1000px) { .compare-specs-mob { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; padding: 40px 0px 0px 0px; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .compare-specs-mob::-webkit-scrollbar { display: none; } } .compare-specs-mob__title { font-weight: 700; font-size: 14px; line-height: 171%; margin: 0px 0px 10px 0px; } .compare-specs-mob__cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; } .compare-specs-mob__col { background: rgba(35, 36, 43, 0.5); font-weight: 400; font-size: 14px; line-height: 120%; padding: 15px; } .block-about { min-height: 755px; position: relative; padding: 43px 0px 60px 0px; } @media (max-width: 1300px) { .block-about { padding: 30px 0px; min-height: 490px; } } @media (max-width: 768px) { .block-about { padding: 0px 0px 75px 0px; min-height: 100%; } } .block-about__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .block-about__content { position: relative; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } @media (max-width: 1300px) { .block-about__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 768px) { .block-about__content { gap: 20px; } } .block-about__content .title1 { -webkit-box-flex: 0; -ms-flex: 0 1 550px; flex: 0 1 550px; } @media (max-width: 1300px) { .block-about__content .title1 { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 468px; font-size: 30px; line-height: 100%; margin: 0 auto; text-align: center; } } @media (max-width: 768px) { .block-about__content .title1 { font-size: 20px; line-height: 100%; } } .block-about__text { -webkit-box-flex: 0; -ms-flex: 0 1 666px; flex: 0 1 666px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; } @media (max-width: 1300px) { .block-about__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 14px; line-height: 150%; max-width: 900px; margin: 0 auto; text-align: center; } } @media (max-width: 768px) { .block-about__text { text-align: left; } } .block-about__text span { font-weight: 700; color: var(--theme-color-accent); } .block-advantages-about { margin-bottom: 60px; } @media (max-width: 1300px) { .block-advantages-about { margin-bottom: 80px; } } .block-advantages-about .block-advantages__grid2 { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } @media (max-width: 1100px) { .block-advantages-about .block-advantages__grid2 { grid-template-columns: repeat(2, 1fr); gap: 20px; } } @media (max-width: 992px) { .block-advantages-about .block-advantages__grid2 { grid-template-columns: 1fr; gap: 30px; } } .block-advantages-about .block-advantages__grid2-cell1 { padding-right: 60px; } @media (max-width: 1300px) { .block-advantages-about .block-advantages__grid2-cell1 { padding-right: 0px; padding-bottom: 0px; } } @media (max-width: 992px) { .block-advantages-about .block-advantages__grid2-cell1 { gap: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .block-advantages-about .block-advantages__grid2-cell1 .title3 { font-weight: 700; line-height: 140%; margin: 0px 0px 105px 0px; } @media (max-width: 1300px) { .block-advantages-about .block-advantages__grid2-cell1 .title3 { margin: 0px 0px 10px 0px; } } @media (max-width: 1100px) { .block-advantages-about .block-advantages__grid2-cell1 .title3 { font-size: 20px; line-height: 100%; } } @media (max-width: 992px) { .block-advantages-about .block-advantages__grid2-cell1 .title3 { margin: 0px 0px 0px 0px; } } .block-advantages-about .block-advantages__photo { height: 100%; } .block-advantages-about .block-advantages__grid2-cell2.mob { display: none; } @media (max-width: 992px) { .block-advantages-about .block-advantages__grid2-cell2.mob { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px -15px; } } @media (max-width: 992px) { .block-advantages-about .block-advantages__grid2-cell2 { display: none; } } .block-advantages-about .block-advantages__decor1 { bottom: auto; top: 21.5%; } @media (max-width: 1300px) { .block-advantages-about .block-advantages__decor1 { display: none; } } .block-advantages-about .block-advantages__text1 { max-width: 666px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media (max-width: 1100px) { .block-advantages-about .block-advantages__text1 { font-size: 14px; line-height: 150%; } } @media (max-width: 992px) { .block-advantages-about .block-advantages__text1 { max-width: 100%; } } .block-benefits-about { margin: 0px 0px 60px 0px; } @media (max-width: 1100px) { .block-benefits-about { margin: 0px 0px 80px 0px; } } .block-benefits-about .block-benefits2__body { grid-template-columns: repeat(4, 1fr); } @media (max-width: 992px) { .block-benefits-about .block-benefits2__body { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 550px) { .block-benefits-about .block-benefits2__body { grid-template-columns: 1fr; } } .block-benefits-about .block-benefits2__column { -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding: 32px 40px 35px 40px; } @media (max-width: 1400px) { .block-benefits-about .block-benefits2__column { padding: 14px 20px; } } .block-benefits-about .block-benefits2__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 700; font-size: 16px; line-height: 150%; } .block-benefits-about .block-benefits2__title span { font-weight: 400; color: #9dacb7; } @media (max-width: 1400px) { .block-benefits-about .block-benefits2__title { font-size: 14px; line-height: 150%; } } .block-mission { position: relative; border-top: 1px solid var(--border-color); padding: 40px 0px 0px 0px; margin: 0px 0px 200px 0px; } @media (max-width: 1300px) { .block-mission { margin: 0px 0px 80px 0px; } } @media (max-width: 1100px) { .block-mission { padding: 38px 0px 0px 0px; } } @media (max-width: 768px) { .block-mission { padding: 33px 0px 0px 0px; } } .block-mission::before { content: ""; position: absolute; top: 0; -webkit-transform: scale(-1); transform: scale(-1); width: 100%; height: 16px; left: 0; background-repeat: no-repeat; background-position: center bottom; background-size: auto 100%; background-image: url("/local/templates/arkonoptics/css/../img/bg-product-detail.svg"); } @media (max-width: 768px) { .block-mission::before { height: 13px; } } .block-mission__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 60px; } @media (max-width: 1100px) { .block-mission__content { gap: 70px; } } .block-mission__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 36px; max-width: 865px; margin: 0 auto; } @media (max-width: 1100px) { .block-mission__top { max-width: 650px; gap: 15px; } } @media (max-width: 768px) { .block-mission__top { gap: 23px; } } .block-mission__top .corners1 { font-family: var(--font-secondary); font-weight: 700; font-size: 24px; line-height: 140%; text-align: center; padding: 31px 40px 33px 40px; } @media (max-width: 1100px) { .block-mission__top .corners1 { font-size: 20px; line-height: 140%; padding: 21px 37px 23px 36px; } } @media (max-width: 768px) { .block-mission__top .corners1 { font-size: 16px; line-height: 140%; padding: 16px 15px 13px 15px; } } .block-mission__title { font-weight: 700; font-size: 20px; line-height: 120%; text-align: center; color: var(--theme-color-accent); } @media (max-width: 1100px) { .block-mission__title { font-size: 16px; line-height: 150%; } } .block-mission__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } @media (max-width: 1300px) { .block-mission__bottom { gap: 15px; } } .block-mission__titles { position: relative; padding: 27px 0px 28px 0px; } @media (max-width: 1300px) { .block-mission__titles { padding: 0px 0px 0px 0px; } } .block-mission__titles img { position: absolute; top: 0; left: -140px; height: auto; width: calc(100% + 280px); } @media (max-width: 1300px) { .block-mission__titles img { display: none; } } .block-mission__titles .block-mission__title { text-align: left; } .block-mission__body { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } @media (max-width: 1300px) { .block-mission__body { gap: 20px; } } @media (max-width: 992px) { .block-mission__body { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .block-mission__body { gap: 5px; margin: 0px -15px; } } .block-mission__column { border: 1px solid #2b2c2d; min-height: 224px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 768px) { .block-mission__column { min-height: 162px; } } .block-mission__column::before { content: ""; background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 23, 29, 0)), color-stop(49.04%, rgba(22, 23, 29, 0.63)), to(#16171d)); background: linear-gradient(180deg, rgba(22, 23, 29, 0) 0%, rgba(22, 23, 29, 0.63) 49.04%, #16171d 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 80%; z-index: 2; } .block-mission__column img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .block-mission__column span { position: relative; z-index: 10; font-weight: 700; font-size: 16px; line-height: 150%; padding: 24px 30px; } @media (max-width: 1300px) { .block-mission__column span { padding: 14px 20px; } } @media (max-width: 768px) { .block-mission__column span { line-height: 100%; font-size: 14px; } } @media (max-width: 400px) { .block-mission__column span br { display: none; } } .block-about-partners { margin: 0px 0px 200px 0px; position: relative; } @media (max-width: 1200px) { .block-about-partners { margin: 0px 0px 80px 0px; } } .block-about-partners .title2 { margin: 0px 0px 45px 0px; } @media (max-width: 1200px) { .block-about-partners .title2 { margin: 0px 0px 30px 0px; font-size: 20px; line-height: 120%; } } @media (max-width: 768px) { .block-about-partners .title2 { font-size: 16px; } } .block-about-partners__line { position: absolute; bottom: 114px; left: 0; width: 100%; height: auto; } @media (max-width: 1200px) { .block-about-partners__line { display: none; } } .block-about-partners__content { position: relative; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 0; gap: 30px; } @media (max-width: 1200px) { .block-about-partners__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 80px; } } @media (max-width: 992px) { .block-about-partners__content { gap: 40px; } } .block-about-partners__body { -webkit-box-flex: 0; -ms-flex: 0 1 696px; flex: 0 1 696px; 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: start; height: 100%; gap: 115px; } @media (max-width: 1200px) { .block-about-partners__body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media (max-width: 1200px) { .block-about-partners__body .btn-fancy { display: none; } } .block-about-partners__body .btn-fancy span { padding: 5px 46px 5px 36px; } .block-about-partners__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media (max-width: 768px) { .block-about-partners__text { gap: 25px; } } .block-about-partners__text ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2px; } @media (max-width: 1200px) { .block-about-partners__text ul { gap: 10px; } } @media (max-width: 768px) { .block-about-partners__text ul { gap: 15px; } } .block-about-partners__text ul li { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; gap: 12px; } @media (max-width: 1200px) { .block-about-partners__text ul li { font-size: 14px; line-height: 120%; } } @media (max-width: 768px) { .block-about-partners__text ul li { line-height: 150%; } } .block-about-partners__text ul li::before { content: ""; display: block; width: 8px; height: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 8px; flex: 0 0 8px; margin: 9px 0px 0px 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #c6ce4e; } @media (max-width: 1300px) { .block-about-partners__text ul li::before { margin: 7px 0px 0px 0px; } } .block-about-partners__text p { font-weight: 700; font-size: 16px; line-height: 120%; } .block-about-partners__text p span { color: var(--theme-color-accent); } @media (max-width: 1200px) { .block-about-partners__text p { font-size: 14px; line-height: 150%; } } @media (max-width: 768px) { .block-about-partners__text p { line-height: 120%; } } .block-about-partners__right { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 805px; flex: 0 1 805px; min-width: 0; width: 100%; } @media (max-width: 1200px) { .block-about-partners__right { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } .block-about-partners__right .swiper-pagination { position: absolute; bottom: 18px; left: 0; } @media (max-width: 1200px) { .block-about-partners__right .swiper-pagination { bottom: 0; } } .block-about-partners__right .swiper-navs { right: 0; position: absolute; bottom: 18px; } @media (max-width: 1200px) { .block-about-partners__right .swiper-navs { bottom: 7; } } .block-about-partners__slider { padding: 0px 0px 114px 0px; min-width: 0; width: 100%; } @media (max-width: 1200px) { .block-about-partners__slider { padding: 0px 0px 56px 0px; } } .block-about-partners__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .block-about-partners__slide { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } @media (max-width: 768px) { .block-about-partners__slide { padding: 5px; --size: 24px; } } .block-about-partners__slide .corners1__inner { background: #fff; padding: 50px 30px; } @media (max-width: 1200px) { .block-about-partners__slide .corners1__inner { padding: 45px 25px; } } @media (max-width: 768px) { .block-about-partners__slide .corners1__inner { padding: 28px 17px; } } .block-about-partners__slide img { width: 100%; height: auto; } .block-about-photo { margin: 0px 0px 200px 0px; } @media (max-width: 1200px) { .block-about-photo { margin: 0px 0px 80px 0px; } } @media (max-width: 992px) { .block-about-photo { margin: 0px 0px 126px 0px; } } .block-about-photo .title2 { margin-bottom: 51px; } @media (max-width: 1200px) { .block-about-photo .title2 { font-size: 20px; line-height: 120%; margin-bottom: 35px; } } @media (max-width: 768px) { .block-about-photo .title2 { font-size: 16px; margin-bottom: 25px; } } .block-about-photo__content { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); } @media (max-width: 900px) { .block-about-photo__content { border-top: none; border-bottom: none; } } .block-about-photo__slider { overflow: visible; } .block-about-photo__slider .swiper-pagination { display: none; } @media (max-width: 900px) { .block-about-photo__slider .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; bottom: -50px !important; } } .block-about-photo__slider .swiper-navs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; left: 22.2%; top: 50%; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); width: 55.6%; z-index: 20; } @media (max-width: 1400px) { .block-about-photo__slider .swiper-navs { left: 8%; width: 84%; } } @media (max-width: 900px) { .block-about-photo__slider .swiper-navs { left: auto; right: 0; width: auto; top: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); bottom: -35px; } } .block-about-photo__slide { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; padding: 30px; border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color); } @media (max-width: 1400px) { .block-about-photo__slide { padding: 23px; } } @media (max-width: 900px) { .block-about-photo__slide { --size: 30px; border: none; padding: 8px; } } @media (min-width: 901px) { .block-about-photo__slide::before, .block-about-photo__slide::after { display: none; } .block-about-photo__slide .corners1__inner::before, .block-about-photo__slide .corners1__inner::after { display: none; } } .block-about-photo__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .block-about-group { margin: 0px 0px 200px 0px; } @media (max-width: 1200px) { .block-about-group { margin: 0px 0px 80px 0px; } } .block-about-group__content { padding: 35px 40px 33px 40px; } @media (max-width: 1200px) { .block-about-group__content { padding: 25px 18px 25px 18px; } } .block-about-group__content .corners1__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .block-about-group__content .corners1__inner > *:last-child { margin: 0; } .block-about-group__content .title3 { margin: 0px 0px 0px 0px; } @media (max-width: 1200px) { .block-about-group__content .title3 { font-size: 16px; line-height: 140%; } } .block-about-group__content p { font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; margin: 0px 0px 10px 0px; } @media (max-width: 1200px) { .block-about-group__content p { font-size: 14px; } } .block-about-group__content p a { line-height: 150%; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: var(--theme-color-accent); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .block-about-group__content p a:hover { opacity: 0.7; } .swiper { --swiper-theme-color: var(--theme-color-accent); } .swiper-nav { width: 42px; height: 22px; position: relative; } .swiper-nav::after { content: ""; position: absolute; inset: -5px; } .swiper-nav_next svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .swiper-nav svg { fill: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: fill 200ms; transition: fill 200ms; } .swiper-nav:not(:disabled):hover svg { fill: var(--theme-color-accent); } .swiper-nav_disabled { cursor: default; } @media (max-width: 1024px) { .swiper-nav { width: 25px; height: 12px; } .swiper-nav svg { display: block; width: 100%; } } .swiper-navs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } @media (max-width: 1024px) { .swiper-navs { gap: 10px; } } .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal { --swiper-pagination-top: unset; --swiper-pagination-bottom: 0; --swiper-pagination-bullet-width: 5px; --swiper-pagination-bullet-height: 36px; --swiper-pagination-bullet-inactive-color: rgba(157, 172, 183, 0.3); --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-bullet-border-radius: 0; --swiper-pagination-bullet-horizontal-gap: 6px; -webkit-transform: skew(-15deg); transform: skew(-15deg); position: absolute; left: 0; width: auto; z-index: 10; } .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { cursor: pointer; -webkit-transition: background-color 200ms; transition: background-color 200ms; } @media (max-width: 1024px) { .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal { --swiper-pagination-bullet-width: 4px; --swiper-pagination-bullet-height: 26px; --swiper-pagination-bullet-horizontal-gap: 4px; } } .swiper-teasers1 { padding-bottom: 46px; margin-bottom: 260px; } .swiper-teasers1 .swiper-teasers1:not(.swiper-initialized) { height: 705px; } .swiper-teasers1 .swiper-navs { position: absolute; right: 0; bottom: 8px; z-index: 10; } .swiper-teasers1 .swiper-slide { -webkit-transition: opacity 500ms; transition: opacity 500ms; } .swiper-teasers1 .swiper-slide__inner { padding-top: 143px; height: 705px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .swiper-teasers1 .swiper-slide:not(.swiper-slide-visible) { opacity: 0 !important; } .swiper-teasers1 .swiper-slide.swiper-slide-visible .block-teaser1__content1 { opacity: 1; transform: translateY(0); } .swiper-teasers1 .swiper-slide.swiper-slide-visible .block-teaser1__content2 { opacity: 1; transform: translateY(0); } @media (max-width: 1200px) { .swiper-teasers1 { padding-bottom: 86px; } .swiper-teasers1 .swiper-slide { height: auto; padding-top: 40px; } } @media (max-width: 900px) { .swiper-teasers1 { margin-bottom: 200px; } } @media (max-width: 768px) { .swiper-teasers1 { margin-bottom: 150px; } } @media (max-width: 575px) { .swiper-teasers1 { margin-bottom: 70px; } } .swiper-teasers2 { /* margin-left: 140px; margin-right: 140px; */ padding-bottom: 46px; } .swiper-teasers2 .swiper-pagination { bottom: 90px; } .swiper-teasers2 .swiper-navs { position: absolute; right: 0; bottom: 90px; z-index: 10; } .swiper-teasers2 .swiper-slide { height: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .swiper-teasers2 .photo-corner1 { height: auto; } @media (max-width: 1600px) { .swiper-teasers2 { /* margin-left: 100px; margin-right: 100px; */ } } @media (max-width: 1400px) { .swiper-teasers2 { /* margin-left: 60px; margin-right: 60px; */ } } @media (max-width: 1280px) { .swiper-teasers2 { /* margin-left: 30px; margin-right: 30px; */ } } @media (max-width: 1100px) { .swiper-teasers2 { /* margin-left: 0; margin-right: 0; */ } .swiper-teasers2 .swiper-slide { height: 500px; } } @media (max-width: 1024px) { .swiper-teasers2 .swiper-pagination { bottom: 0; } .swiper-teasers2 .swiper-navs { bottom: 10px; } .swiper-teasers2 .swiper-slide { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-teasers2 .swiper-slide__inner1 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; margin-bottom: 40px; } } @media (max-width: 575px) { .swiper-teasers2 .swiper-slide__inner1 { gap: 95px 20px; margin-bottom: 20px; } } .swiper-teasers3 { padding-bottom: 86px; } .swiper-teasers3 .swiper-navs { position: absolute; right: 0; bottom: 8px; z-index: 10; } @media (max-width: 1024px) { .swiper-teasers3 { padding-bottom: 60px; } } .swiper-publications .swiper-slide { container-type: inline-size; } @media (max-width: 900px) { .swiper-publications { width: calc(100% + var(--container-padding) * 2); margin-left: calc(-1 * var(--container-padding)); padding-left: var(--container-padding); padding-right: var(--container-padding); } .swiper-publications .swiper-slide { width: 256px; } } .swiper-recommend .swiper-slide { container-type: inline-size; height: auto; } .swiper-recommend .swiper-navs { position: absolute; right: 0; bottom: 8px; z-index: 10; } @media (max-width: 900px) { .swiper-recommend { padding-bottom: 68px; } } .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #16171d; z-index: 99; opacity: 0; pointer-events: none; -webkit-transition: opacity var(--theme-animation-duration); transition: opacity var(--theme-animation-duration); } .popup-overlay_active { pointer-events: all; opacity: 1; } @media (max-width: 768px) { .hystmodal { -ms-flex-line-pack: inherit; align-content: inherit; } } .hystmodal::before { content: ""; background: #16171d; opacity: 0.9; } .hystmodal__wrap { margin: 0px 15px; } @media (max-width: 768px) { .hystmodal__wrap { margin: 0px 0px 0px 0px; } } .hystmodal__window { padding: 70px 120px; width: 100%; max-width: 910px; background: #16171d; border: 1px solid #9dacb7; margin: 10px auto; } @media (max-width: 1100px) { .hystmodal__window { padding: 70px; } } @media (max-width: 768px) { .hystmodal__window { margin: 0px 0px 0px 0px; width: 100%; height: 100vh; border: none; padding: 0px 0px 0px 0px; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .hystmodal__window::-webkit-scrollbar { display: none; } } .hystmodal__inner p { font-weight: 400; font-size: 16px; line-height: 150%; text-align: center; margin: 0px 0px 30px 0px; } .hystmodal__inner p.color { color: #9dacb7; } @media (max-width: 768px) { .hystmodal__inner p { margin: 25px 15px 25px 15px; } } .hystmodal__inner form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } .hystmodal__inner form .block-feedback__grid { margin: 0px 0px 0px 0px; } @media (max-width: 768px) { .hystmodal__inner form { padding: 30px 15px 20px 15px; gap: 25px; } .hystmodal__inner form .form-other { padding: 30px 15px 20px 15px; } } .hystmodal__inner .tabs-nav1 { margin: 0px 0px 40px 0px; } @media (max-width: 768px) { .hystmodal__inner .tabs-nav1 { margin: 0px 0px 0px 0px; padding: 30px 15px; } } @media (max-width: 650px) { .hystmodal__inner .tabs-nav1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } } @media (max-width: 768px) { .hystmodal__inner .tabs-nav1 .btn-corner1 { --height: 44px; --padding: 20px; --corner: 12px; font-size: 14px; --shift: 0px; } } @media (max-width: 650px) { .hystmodal__inner .tabs-nav1 .btn-corner1::before, .hystmodal__inner .tabs-nav1 .btn-corner1::after { content: ""; opacity: 1; } .hystmodal__inner .tabs-nav1 .btn-corner1 .btn-corner1__inner::before, .hystmodal__inner .tabs-nav1 .btn-corner1 .btn-corner1__inner::after { content: ""; opacity: 1; } } .hystmodal__inner .block-feedback__grid { grid-template-columns: 1fr; gap: 20px; } @media (max-width: 768px) { .hystmodal__inner .block-feedback__grid { gap: 10px; } } .hystmodal__close { background: none; width: 20px; height: 20px; outline: none; top: 30px; right: 30px; z-index: 2; } @media (max-width: 1100px) { .hystmodal__close { top: 20px; right: 20px; } } @media (max-width: 768px) { .hystmodal__close { height: auto; width: 63px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; top: 0; right: 0; padding: 10px 15px; border-left: 1px solid #2b2c2d; } } .hystmodal__close svg { fill: #fff; } @media (max-width: 768px) { .hystmodal__close svg { width: 24px; height: 24px; } } .hystmodal__close:focus-visible svg, .hystmodal__close:hover svg { fill: rgb(130, 135, 154); } .hystmodal__close:focus { outline: none; } @media (max-width: 768px) { .hystmodal__top { border-bottom: 1px solid #2b2c2d; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .hystmodal__title { font-family: var(--font-secondary); font-weight: 700; font-size: 40px; line-height: 120%; text-transform: uppercase; color: #fff; text-align: center; margin: 0px 0px 30px 0px; } @media (max-width: 1100px) { .hystmodal__title { font-size: 30px; } } @media (max-width: 768px) { .hystmodal__title { text-align: left; font-size: 16px; padding: 20px 15px; margin: 0px 0px 0px 0px; } } #details .hystmodal__window { padding: 60px; max-width: 805px; border: 10px solid #9dacb7; background: linear-gradient(45deg, #16171d 0%, #47647a 98.73%); } @media (max-width: 768px) { #details .hystmodal__window { padding: 0px 0px 0px 0px; border: none; background: #16171d; } } @media (max-width: 768px) { #details .hystmodal__close svg { width: 24px; height: 24px; } } #details .hystmodal__title { font-family: var(--font-secondary); font-weight: 700; font-size: 24px; line-height: 140%; text-align: left; margin: 0px 0px 20px 0px; } @media (max-width: 768px) { #details .hystmodal__title { font-size: 16px; line-height: 120%; margin: 0px 0px 0px 0px; } } .details-hystmodal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 25px; } @media (max-width: 768px) { .details-hystmodal { padding: 30px 20px; gap: 15px; border: 5px solid #9dacb7; height: calc(100% - 60px); background: linear-gradient(45deg, #16171d 0%, #47647a 98.73%); } } .details-hystmodal ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; } .details-hystmodal ul li { font-weight: 400; font-size: 16px; line-height: 150%; } .details-hystmodal ul li span { color: #9dacb7; } @media (max-width: 768px) { .details-hystmodal ul li { font-size: 14px; } } .details-hystmodal__subtitle { font-weight: 700; font-size: 18px; line-height: 150%; } .create-request .hystmodal__title { font-family: var(--font-secondary); font-weight: 700; font-size: 24px; line-height: 110%; text-align: left; text-transform: none; } @media (max-width: 1100px) { .create-request .hystmodal__title { font-size: 20px; line-height: 120%; } } .create-request__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 50px; } @media (max-width: 1100px) { .create-request__body { gap: 40px; } } @media (max-width: 768px) { .create-request__body { padding: 30px 15px 20px 15px; } .create-request__body .form-other { padding: 0px 0px 0px 0px; } } .create-request__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media (max-width: 1100px) { .create-request__column { gap: 15px; } } .create-request__column ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .create-request__column ul li { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; } @media (max-width: 1100px) { .create-request__column ul li { gap: 20px; } } .create-request__column ul li .create-request__name { -webkit-box-flex: 0; -ms-flex: 0 0 131px; flex: 0 0 131px; } @media (max-width: 1100px) { .create-request__column ul li .create-request__name { -webkit-box-flex: 0; -ms-flex: 0 0 115px; flex: 0 0 115px; } } .create-request__column p { background: #23242b; font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; text-align: left; padding: 25px 30px; margin: 0px 0px 0px 0px; } .create-request__column p.p2 { background: #333437; color: #fff; } @media (max-width: 768px) { .create-request__column p { padding: 15px; } } .create-request__column form { width: 100%; } .create-request__name { font-weight: 400; font-size: 16px; line-height: 150%; color: #9dacb7; } @media (max-width: 1100px) { .create-request__name { font-size: 14px; line-height: 171%; } } .create-request__value { font-weight: 400; font-size: 16px; line-height: 150%; } @media (max-width: 1100px) { .create-request__value { font-size: 14px; line-height: 171%; } } .create-request__title { font-family: var(--font-secondary); font-weight: 700; font-size: 20px; line-height: 110%; } @media (max-width: 1100px) { .create-request__title { font-size: 16px; } } .hystmodal-product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 0px 30px 0px; gap: 30px; padding: 10px; border: 1px solid #2b2c2d; } @media (max-width: 768px) { .hystmodal-product { margin: 30px 15px 0px 15px; gap: 10px; } } .hystmodal-product__image { -webkit-box-flex: 0; -ms-flex: 0 0 88px; flex: 0 0 88px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hystmodal-product__image img { width: 100%; height: auto; } @media (max-width: 480px) { .hystmodal-product__image { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; } } .hystmodal-product__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 8px; } .hystmodal-product__brand { height: 16px; } @media (max-width: 480px) { .hystmodal-product__brand { height: 10px; } } .hystmodal-product__brand img { height: 100%; width: auto; } .hystmodal-product__name { font-weight: 400; font-size: 16px; line-height: 120%; } @media (max-width: 768px) { .hystmodal-product__name { font-size: 14px; } } @media (max-width: 480px) { .hystmodal-product__name { font-size: 12px; } } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } /* Wrapper for all connect elements. */ .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; -webkit-transform-style: flat; transform-style: flat; } /* Offset direction */ .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto; } /* Give origins 0 height/width so they don't interfere with clicking the * connect elements. */ .noUi-vertical .noUi-origin { top: -100%; width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Slider size and handle placement; */ .noUi-horizontal { height: 2px; } .noUi-horizontal .noUi-handle { width: 12px; height: 12px; background-color: var(--theme-color-accent); right: -12px; top: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .noUi-base { width: calc(100% - 12px); } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; right: -6px; bottom: -17px; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -17px; right: auto; } /* Styling; * Giving the connect element a border radius causes issues with using transform: scale */ .noUi-target { background: #2b2c2d; } .noUi-connect { height: 2px; background: var(--theme-color-accent); } /* Handles and cursors; */ .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { cursor: pointer; } /* Handle stripes; */ /* Disabled state; */ [disabled] .noUi-connect { background: #b8b8b8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } /* Base; * */ .noUi-pips, .noUi-pips * { -webkit-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } /* Values; * */ .noUi-value { position: absolute; white-space: nowrap; text-align: center; font-weight: 400; font-size: 16px; color: #686868; } .noUi-value-sub { color: #ccc; font-size: 10px; } /* Markings; * */ .noUi-marker { position: absolute; background: #ccc; } .noUi-marker-sub { background: #aaa; } .noUi-marker-large { background: #aaa; } /* Horizontal layout; * */ .noUi-pips-horizontal { padding: 10px 0px 0px 0px; height: 20px; top: 100%; left: 5px; width: calc(100% - 20px); } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { display: none; margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { display: none; height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } .noUi-horizontal .noUi-origin > .noUi-tooltip { -webkit-transform: translate(50%, 0); transform: translate(50%, 0); left: auto; bottom: 10px; } .noUi-vertical .noUi-origin > .noUi-tooltip { -webkit-transform: translate(0, -18px); transform: translate(0, -18px); top: auto; right: 28px; } [data-simplebar] { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; -webkit-box-sizing: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ scrollbar-width: none; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; } .simplebar-content:before, .simplebar-content:after { content: " "; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { -webkit-box-sizing: inherit !important; box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; -webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } .simplebar-height-auto-observer { -webkit-box-sizing: inherit; box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; top: -10px; right: -10px; bottom: 0; pointer-events: none; overflow: hidden; background: transparent; border-radius: 0px; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; background: #9dacb7; } .simplebar-scrollbar:before { position: absolute; content: ""; background: #9dacb7; width: 4px; left: 0; right: 0; /*opacity: 0;*/ /*transition: opacity 0.2s linear;*/ } .simplebar-scrollbar.simplebar-visible:before { /* When hovered, remove all transitions from drag handle */ /*opacity: 0.5;*/ /*transition: opacity 0s linear;*/ } .simplebar-track.simplebar-vertical { top: -10px; width: 4px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 0; bottom: 0; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } /* Rtl support */ [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } .map-block-payment__shops .simplebar-track.simplebar-vertical { top: 10px; width: 10px; right: 10px; bottom: 10px; } @media (max-width: 1300px) { .map-block-payment__shops .simplebar-track.simplebar-vertical { right: 5px; } } .map-block-payment__shops .simplebar-scrollbar { clip-path: polygon(0 0, 100% 3%, 100% 100%, 0 97%); background-color: var(--theme-color-accent); } .map-block-payment__shops .simplebar-scrollbar:before { width: 10px; background-color: var(--theme-color-accent); } .self-delivery-block .simplebar-track.simplebar-vertical { top: 8px; width: 6px; right: 5px; bottom: 8px; } @media (max-width: 1300px) { .self-delivery-block .simplebar-track.simplebar-vertical { right: 5px; } } .self-delivery-block .simplebar-scrollbar { clip-path: polygon(0 0, 100% 2%, 100% 100%, 0 98%); background-color: var(--theme-color-accent); } .self-delivery-block .simplebar-scrollbar:before { width: 6px; background-color: var(--theme-color-accent); } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } * { margin: 0; } input, button, textarea { padding: 0; background: none; border: none; outline: none; } html, body { height: 100%; padding: 0; scroll-behavior: smooth; } body { overflow-x: hidden; -webkit-font-smoothing: antialiased; } p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } p { text-wrap: pretty; } ul, ol { list-style-type: none; padding: 0; } a { text-decoration: none; } .compare-float { position: fixed; top: 133px; left: 0; width: 100%; z-index: 50; background: #16171d; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; border-bottom: 1px solid var(--border-color); } @media (max-width: 1400px) { .compare-float { padding: 30px 0px; } } @media (max-width: 1280px) { .compare-float { top: 100px; } } @media (max-width: 1000px) { .compare-float { padding: 15px 0px; } } @media (max-width: 992px) { .compare-float { top: 0; } } .compare-float._active { opacity: 1; pointer-events: auto; } .compare-float .compare-items__slider { padding: 20px 0px 0px 0px; } @media (max-width: 768px) { .compare-float .compare-items__inner { width: 100%; } } .compare-float .compare-items .checklist { bottom: 20px; } @media (max-width: 1200px) { .compare-float .compare-items .checklist { display: none; } } @media (max-width: 1200px) { .compare-float .compare-items__inner::before { content: ""; display: none; } } .compare-float .compare-items__top { padding: 30px 0px 19px 0px; } .compare-float .swiper-navs { top: auto; bottom: 20px; } .compare-float .compare-items__slide .card-product:hover .card-product__shipping { display: none; } .compare-float .compare-items__slide .card-product:hover .card-product__buttons { display: none; } .compare-float .compare-items__slide .card-product:hover .card-product__inner { padding: 10px 60px 10px 10px; } .compare-float .compare-items__slide .card-product__shipping { display: none; } .compare-float .compare-items__slide .card-product__buttons { display: none; } .compare-float .compare-items__slide .card-product__status { display: none; } .compare-float .compare-items__slide .card-product__bonuses { display: none; } .compare-float .compare-items__slide .card-product__brand { display: none; } .compare-float .compare-items__slide .card-product__badges { display: none; } .compare-float .compare-items__slide .card-product__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; padding: 10px 60px 10px 10px; } @media (max-width: 1400px) { .compare-float .compare-items__slide .card-product__inner { padding: 5px 5px 40px 5px; gap: 10px; } } @media (max-width: 550px) { .compare-float .compare-items__slide .card-product__inner { padding: 5px; gap: 5px; -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: start; } } .compare-float .compare-items__slide .card-product__photo { padding: 0px 0px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 0 78px; flex: 0 0 78px; } @media (max-width: 1400px) { .compare-float .compare-items__slide .card-product__photo { -webkit-box-flex: 0; -ms-flex: 0 0 84px; flex: 0 0 84px; } } @media (max-width: 550px) { .compare-float .compare-items__slide .card-product__photo { max-width: 84px; -webkit-box-flex: 0; -ms-flex: 0 0 78px; flex: 0 0 78px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .compare-float .compare-items__slide .card-product__data { min-height: 100%; padding: 0px 0px 0px 0px; } @media (max-width: 1400px) { .compare-float .compare-items__slide .card-product__data { 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; } } .compare-float .compare-items__slide .card-product__name { font-size: 14px; margin: 0px 0px 10px 0px; } @media (max-width: 1400px) { .compare-float .compare-items__slide .card-product__name { font-size: 10px; margin: 0px 0px 0px 0px; } } .compare-float .compare-items__slide .card-product__actions { right: 10px; top: 15px; } @media (max-width: 1400px) { .compare-float .compare-items__slide .card-product__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 5px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; top: auto; right: 5px; bottom: 5px; } .compare-float .compare-items__slide .card-product__actions .card-product__action { margin: 0px 0px 0px 0px; } } @media (max-width: 550px) { .compare-float .compare-items__slide .card-product__actions { bottom: auto; top: 5px; -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: start; } } .compare-float .compare-items__slide .card-product__bottom { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } @media (max-width: 1400px) { .compare-float .compare-items__slide .card-product__bottom { position: absolute; left: 5px; bottom: 5px; margin: 0px 80px 0px 0px; gap: 0px; } } @media (max-width: 550px) { .compare-float .compare-items__slide .card-product__bottom { position: relative; left: 0; bottom: 0; margin: 10px 0px 0px 0px; } } .compare-float .compare-items__slide .card-product__bottom div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px 10px; } .compare-float .compare-items__slide .card-product__bottom div .card-product__price1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0px 0px 0px 0px; } @media (max-width: 1400px) { .compare-float .compare-items__slide .card-product__bottom div .card-product__price1 { font-size: 16px; } } .compare-float .compare-items__slide .card-product__bottom div .card-product__price2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (max-width: 1400px) { .compare-float .compare-items__slide .card-product__bottom div .card-product__price2 { font-size: 10px; } } .compare-float .compare-items__slide .card-product__bottom div .card-product__discount { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin: 0px 0px 0px 0px; } @media (max-width: 1400px) { .compare-float .compare-items__slide .card-product__bottom div .card-product__discount { font-size: 10px; } } .compare-float .compare-items__slide .special-offer-timer { display: none !important; } @media (max-width: 1400px) { .compare-float .compare-items { border-bottom: none; } .compare-float .compare-items__inner::before { content: ""; display: none; } .compare-float .compare-items__top { display: none; } .compare-float .checklist { display: none; } .compare-float .compare-mobile__navs { display: none; } .compare-float .compare-mobile__slider { margin: 0px 0px 0px 0px; } } .compare-float .compare-mobile__slide .card-product:hover .card-product__shipping { display: none; } .compare-float .compare-mobile__slide .card-product:hover .card-product__buttons { display: none; } .compare-float .compare-mobile__slide .card-product:hover .card-product__inner { padding: 10px 60px 10px 10px; } .compare-float .compare-mobile__slide .card-product__shipping { display: none; } .compare-float .compare-mobile__slide .card-product__buttons { display: none; } .compare-float .compare-mobile__slide .card-product__status { display: none; } .compare-float .compare-mobile__slide .card-product__bonuses { display: none; } .compare-float .compare-mobile__slide .card-product__brand { display: none; } .compare-float .compare-mobile__slide .card-product__badges { display: none; } .compare-float .compare-mobile__slide .card-product__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; padding: 10px 60px 10px 10px; } @media (max-width: 1400px) { .compare-float .compare-mobile__slide .card-product__inner { padding: 5px 5px 40px 5px; gap: 10px; } } @media (max-width: 550px) { .compare-float .compare-mobile__slide .card-product__inner { padding: 5px; gap: 5px; -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: start; } } .compare-float .compare-mobile__slide .card-product__photo { padding: 0px 0px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 0 78px; flex: 0 0 78px; } @media (max-width: 1400px) { .compare-float .compare-mobile__slide .card-product__photo { -webkit-box-flex: 0; -ms-flex: 0 0 84px; flex: 0 0 84px; } } @media (max-width: 550px) { .compare-float .compare-mobile__slide .card-product__photo { max-width: 84px; -webkit-box-flex: 0; -ms-flex: 0 0 78px; flex: 0 0 78px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .compare-float .compare-mobile__slide .card-product__data { min-height: 100%; padding: 0px 0px 0px 0px; } @media (max-width: 1400px) { .compare-float .compare-mobile__slide .card-product__data { 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; } } .compare-float .compare-mobile__slide .card-product__name { font-size: 14px; margin: 0px 0px 10px 0px; } @media (max-width: 1400px) { .compare-float .compare-mobile__slide .card-product__name { font-size: 10px; margin: 0px 0px 0px 0px; } } .compare-float .compare-mobile__slide .card-product__actions { right: 10px; top: 15px; } @media (max-width: 1400px) { .compare-float .compare-mobile__slide .card-product__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 5px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; top: auto; right: 5px; bottom: 5px; } .compare-float .compare-mobile__slide .card-product__actions .card-product__action { margin: 0px 0px 0px 0px; } } @media (max-width: 550px) { .compare-float .compare-mobile__slide .card-product__actions { bottom: auto; top: 5px; -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: start; } } .compare-float .compare-mobile__slide .card-product__bottom { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } @media (max-width: 1400px) { .compare-float .compare-mobile__slide .card-product__bottom { position: absolute; left: 5px; bottom: 5px; margin: 0px 80px 0px 0px; gap: 0px; } } @media (max-width: 550px) { .compare-float .compare-mobile__slide .card-product__bottom { position: relative; left: 0; bottom: 0; margin: 10px 0px 0px 0px; } } .compare-float .compare-mobile__slide .card-product__bottom div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px 10px; } .compare-float .compare-mobile__slide .card-product__bottom div .card-product__price1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0px 0px 0px 0px; } @media (max-width: 1400px) { .compare-float .compare-mobile__slide .card-product__bottom div .card-product__price1 { font-size: 16px; } } .compare-float .compare-mobile__slide .card-product__bottom div .card-product__price2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (max-width: 1400px) { .compare-float .compare-mobile__slide .card-product__bottom div .card-product__price2 { font-size: 10px; } } .compare-float .compare-mobile__slide .card-product__bottom div .card-product__discount { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin: 0px 0px 0px 0px; } @media (max-width: 1400px) { .compare-float .compare-mobile__slide .card-product__bottom div .card-product__discount { font-size: 10px; } } .compare-float .compare-mobile__slide .special-offer-timer { display: none !important; } .footer { width: 100%; border-top: 1px var(--border-color) solid; color: #fff; position: relative; } .footer__bg { position: absolute; left: 0; bottom: 0; width: 100%; z-index: -1; } .footer__logo { display: block; width: 181px; margin-bottom: 40px; } .footer a { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; -webkit-transition: color var(--theme-animation-duration); transition: color var(--theme-animation-duration); } .footer a:hover, .footer a:focus-visible { color: var(--theme-color-accent); } .footer__title { font-size: 16px; font-weight: 700; } .footer__credentials { font-size: 14px; line-height: 1.5; margin-top: 20px; } .footer__credentials span { color: #9DACB7; } .footer__credentials > *:not(:last-child) { margin-bottom: 4px; } .footer__credentials .footer__title { font-size: 14px; margin-bottom: 18px; } .footer__grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } .footer__col { padding: 60px 60px 55px 60px; } .footer__col:first-child { padding-left: 0; } .footer__col:last-child { padding-right: 0; } .footer__col:not(:last-child) { border-right: 1px var(--border-color) solid; } .footer__nav { padding-top: 55px; } .footer__nav a { text-decoration: none; color: #9DACB7; } .footer__nav ul { line-height: 1.5; margin-bottom: 18px; } .footer__nav ul li:not(:last-child) { margin-bottom: 6px; } .footer__nav .btn-text { margin-bottom: 34px; } .footer__nav .location-string { margin-bottom: 35px; } .footer__nav .footer__title { text-transform: uppercase; margin-bottom: 13px; } .footer__nav .footer__title a { color: #fff; } .footer__nav .footer__title a:hover, .footer__nav .footer__title a:focus-visible { color: var(--theme-color-accent); } .footer__nav .footer__title + .footer__title { margin-top: 22px; } .footer__nav .footer__phone { font-size: 20px; font-weight: 700; margin-bottom: 5px; } .footer__nav .footer__phone a { color: #fff; } .footer__nav .footer__email a { color: #fff; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; } .footer__nav .footer__worktime { font-size: 14px; color: #9DACB7; margin-bottom: 12px; } .footer .socials { margin-top: 37px; } .footer__bottom { border-top: 1px var(--border-color) solid; } .footer__bottom .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 20px; padding-bottom: 20px; min-height: 130px; gap: 20px 40px; } .footer__copy { color: #9DACB7; } @media (max-width: 1500px) { .footer__col { padding: 40px 40px 35px 40px; } } @media (max-width: 1380px) { .footer__nav { padding-top: 35px; } .footer__nav ul { font-size: 14px; line-height: 1.5; margin-bottom: 18px; } .footer__nav ul li:not(:last-child) { margin-bottom: 6px; } .footer__nav .footer__title { font-size: 14px; } .footer__nav .footer__phone { font-size: 18px; } .footer__bottom { font-size: 14px; } .footer__bottom .container { min-height: 90px; } } @media (max-width: 1100px) { .footer__nav ul { font-size: 16px; } .footer__nav .footer__title { font-size: 16px; } .footer__nav .footer__phone { font-size: 20px; } .footer__grid { grid-template-columns: 1fr 1fr; margin-left: calc(-1 * var(--container-padding)); width: calc(100% + var(--container-padding) * 2); } .footer__col:nth-child(1) { border-bottom: 1px var(--border-color) solid; padding-left: var(--container-padding); } .footer__col:nth-child(2) { border-right: none; border-bottom: 1px var(--border-color) solid; padding-right: var(--container-padding); } .footer__col:nth-child(3) { padding-left: var(--container-padding); } .footer__col:nth-child(4) { padding-right: var(--container-padding); } } @media (max-width: 768px) { .footer__nav { padding-top: 35px; } .footer__nav ul { font-size: 14px; line-height: 1.5; margin-bottom: 18px; } .footer__nav ul li:not(:last-child) { margin-bottom: 6px; } .footer__copy { margin-bottom: 15px; } .footer__bottom { font-size: 12px; } .footer__bottom .container { display: block; padding-top: 30px; padding-bottom: 30px; min-height: 0; } .footer__nav .footer__title { font-size: 14px; } } @media (max-width: 640px) { .footer__col { padding: var(--container-padding); } } @media (max-width: 575px) { .footer { padding-top: 99px; position: relative; } .footer__grid { grid-template-columns: 1fr; text-align: center; } .footer a { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 0.5px; } .footer__copy { margin-bottom: 15px; } .footer__bottom { font-size: 10px; } .footer__bottom .container { padding-top: 26px; padding-bottom: 18px; } .footer__nav a { text-decoration: none; color: #9DACB7; } .footer__nav .location-string { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .footer .socials { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__logo { position: absolute; top: 50px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .footer__nav { padding-top: 27px; } .footer__nav ul { font-size: 12px; line-height: 1.5; margin-bottom: 22px; } .footer__nav ul li:not(:last-child) { margin-bottom: 10px; } .footer__nav .footer__title { font-size: 12px; margin-bottom: 24px; } .footer__nav .footer__title + ul { margin-top: -8px; } .footer__col:nth-child(1) { padding-bottom: 25px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .footer__col:nth-child(2) { padding-bottom: 3px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border-top: 1px var(--border-color) solid; } .footer__col:nth-child(3) { border-bottom: 1px var(--border-color) solid; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .footer__col:nth-child(4) { padding-bottom: 25px; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } #bx_incl_area_6 { position: absolute; left: 0; top: calc(var(--height-top) + var(--height-bottom)); } #bx_incl_area_6 .catalog-mobile { display: block; } #bx_incl_area_6 .catalog-mobile__btn { display: none; } #bx_incl_area_6 .header__submenu1 { opacity: 1; pointer-events: all; position: relative; } #bx_incl_area_7 { width: 100%; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .photo-fader1 { --horizontal: 41.61%; --vertical: 41.42%; width: 100%; } .photo-fader1::before, .photo-fader1::after, .photo-fader1__inner::before, .photo-fader1__inner::after { content: ''; position: absolute; pointer-events: none; z-index: 1; } .photo-fader1::after, .photo-fader1::before { height: 100%; top: 0; width: var(--horizontal); } .photo-fader1::before { left: 0; background: linear-gradient(270deg, rgba(22, 23, 29, 0) 0%, #16171D 100%); } .photo-fader1::after { right: 0; background: linear-gradient(90deg, rgba(22, 23, 29, 0) 0%, #16171D 100%); } .photo-fader1__inner::after, .photo-fader1__inner::before { width: 100%; left: 0; height: var(--vertical); } .photo-fader1__inner::before { top: 0; background: linear-gradient(0, rgba(22, 23, 29, 0) 0%, #16171D 100%); } .photo-fader1__inner::after { bottom: 0; background: linear-gradient(180deg, rgba(22, 23, 29, 0) 0%, #16171D 100%); } .photo-fader1__inner img { display: block; width: 100%; opacity: 0.2; } .block-compare .swiper-nav.swiper-button-disabled { opacity: 0.15; } .block-order__body .selectize-dropdown { left: -57px !important; width: calc(100% + 110px) !important; top: 50px !important; border: 1px solid #2b2c2d; border-top: none; } .block-order__body .selectize-control.location-search .selectize-dropdown .title { padding-left: 65px; } @media (max-width: 768px) { .block-order__body .selectize-dropdown { left: -54px !important; width: calc(100% + 104px) !important; top: 50px !important; } .block-order__body .selectize-control.location-search .selectize-dropdown .title { padding-left: 61px; } } .cart-empty { padding: 20px; margin: 55px 0 200px 0; } .cart-empty__inner { background-color: rgba(35, 36, 43, 0.5); padding: 80px 20px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .cart-empty__text { font-size: 16px; line-height: 1.5; color: #9DACB7; margin-bottom: 33px; text-align: center; } .cart-empty img { display: block; margin-bottom: 33px; } .cart-empty .title2 { margin-bottom: 14px; } @media (max-width: 900px) { .cart-empty__inner { padding: 40px 20px; } .cart-empty { margin: 55px 0 150px 0; } } @media (max-width: 500px) { .cart-empty img { max-width: 150px; } .cart-empty__text { font-size: 14px; } .cart-empty { margin: 55px 0 75px 0; } } [data-showmore-button]::after { content: ''; left: 0; bottom: 60px; width: 100%; height: 50%; background: linear-gradient(0deg, rgba(22, 23, 29, 1) 20%, rgba(22, 23, 29, 0) 100%); position: absolute; pointer-events: none; } [data-showmore-button]._showmore-active::after { opacity: 0; } .block-series-compare__column .more::after { display: none; } .block-loader { position: relative; } .block-loader::before { display: none; content: ''; position: absolute; inset: 0; z-index: 20; background: rgba(22, 23, 29, 0.9); } .block-loader::after { display: none; z-index: 21; content: ''; width: 50px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(farthest-side, var(--theme-color-accent) 94%, #0000) top/8px 8px no-repeat, conic-gradient(#0000 30%, var(--theme-color-accent)); -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0); animation: l13 1s infinite linear; position: absolute; left: calc(50% - 25px); top: calc(50% - 25px); } @keyframes l13 { 100% { transform: rotate(1turn) } } .block-loader.active::before { display: block; } .block-loader.active::after { display: block; } #SDEK_baloon { font-family: var(--font-primary); color: #16171d; font-size: 14px; } #SDEK_baloon > *:not(:last-child) { margin-bottom: 7px; } #SDEK_baloon .btn_primary { font-family: var(--font-secondary); border-radius: 0; min-height: 42px; color: inherit; font-weight: 700; } #SDEK_baloon #SDEK_iAdress { font-size: 16px; } .btn-search-filter-wrap { display: none; margin-top: 30px; justify-content: flex-end; } .btn-search-filter { color: #16171d; font-size: 16px; font-weight: 700; border-radius: 0; min-width: 180px; } @media (max-width: 1100px) { .btn-search-filter-wrap { display: flex; } .page-search .filter-catalog-detail__title { position: absolute; top: 0; left: 0; width: 100%; } .page-search .block-catalog-detail__filter.filter-catalog-detail { padding-top: 74px; } } /* End */ /* Start:/local/templates/arkonoptics/components/acroweb/login/.default/style.css?176424015258*/ .error { margin-bottom: 20px; color: #ff4b41; } /* End */ /* Start:/local/templates/arkonoptics/styles.css?1764762212212*/ #modef_num { display: inline; } .compare-icon__active svg { fill: var(--theme-color-accent); } .favorite-icon__active svg { fill: var(--theme-color-accent); } #bx_incl_area_6 { display: none; } /* End */ /* /local/templates/arkonoptics/css/air-datepicker.min.css?176424015219860 */ /* /local/templates/arkonoptics/css/swiper-bundle.min.css?176424015218436 */ /* /local/templates/arkonoptics/css/hystmodal.min.css?17642401524552 */ /* /local/templates/arkonoptics/css/fancybox.min.css?176424015225547 */ /* /local/templates/arkonoptics/css/styles.css?1764765319543882 */ /* /local/templates/arkonoptics/components/acroweb/login/.default/style.css?176424015258 */ /* /local/templates/arkonoptics/styles.css?1764762212212 */