/* Start:/local/assets/fonts/font.css?17555725931224*/ @font-face { font-family: 'PT Root UI'; src: local('PT Root UI Light'), local('PT-Root-UI-Light'), url('/local/assets/fonts/PTRootUI-Light.woff2') format('woff2'), url('/local/assets/fonts/PTRootUI-Light.woff') format('woff'), url('/local/assets/fonts/PTRootUI-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'PT Root UI'; src: local('PT Root UI Regular'), local('PT-Root-UI-Regular'), url('/local/assets/fonts/PTRootUI-Regular.woff2') format('woff2'), url('/local/assets/fonts/PTRootUI-Regular.woff') format('woff'), url('/local/assets/fonts/PTRootUI-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'PT Root UI'; src: local('PT Root UI Medium'), local('PT-Root-UI-Medium'), url('/local/assets/fonts/PTRootUI-Medium.woff2') format('woff2'), url('/local/assets/fonts/PTRootUI-Medium.woff') format('woff'), url('/local/assets/fonts/PTRootUI-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'PT Root UI'; src: local('PT Root UI Bold'), local('PT-Root-UI-Bold'), url('/local/assets/fonts/PTRootUI-Bold.woff2') format('woff2'), url('/local/assets/fonts/PTRootUI-Bold.woff') format('woff'), url('/local/assets/fonts/PTRootUI-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } /* End */ /* Start:/local/assets/css/select2.min.css?171757100716264*/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/local/assets/css/slick.css?17175710071776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/assets/css/slick-theme.css?17175710073145*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/local/assets/css/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/assets/css/./fonts/slick.eot'); src: url('/local/assets/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/assets/css/./fonts/slick.woff') format('woff'), url('/local/assets/css/./fonts/slick.ttf') format('truetype'), url('/local/assets/css/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/assets/css/jquery.fancybox.min.css?172839219615348*/ body.compensate-for-scrollbar { overflow: hidden } .fancybox-active { height: auto } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute!important; top: -9999px; visibility: hidden } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992 } .fancybox-container * { box-sizing: border-box } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71) } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997 } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-toolbar { right: 0; top: 0 } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994 } .fancybox-is-open .fancybox-stage { overflow: hidden } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994 } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block } .fancybox-slide--image { overflow: hidden; padding: 44px 0 } .fancybox-slide--image:before { display: none } .fancybox-slide--html { padding: 6px } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995 } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab } .fancybox-is-grabbing .fancybox-content { cursor: grabbing } .fancybox-container [data-selectable=true] { cursor: text } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .fancybox-spaceball { z-index: 1 } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100% } .fancybox-slide--video .fancybox-content { background: #000 } .fancybox-slide--map .fancybox-content { background: #e5e3df } .fancybox-slide--iframe .fancybox-content { background: #fff } .fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% } .fancybox-iframe { left: 0; position: absolute; top: 0 } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 } .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc } .fancybox-button:hover { color: #fff } .fancybox-button:focus { outline: none } .fancybox-button.fancybox-focus { outline: 1px dotted } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none } .fancybox-button div { height: 100% } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100% } .fancybox-button svg path { fill: currentColor; stroke-width: 0 } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998 } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401 } .fancybox-close-small:hover { color: #fff; opacity: 1 } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0 } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px } .fancybox-navigation .fancybox-button div { padding: 7px } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right) } .fancybox-caption { background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0; text-align: center; z-index: 99996 } @supports (padding:max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)) } } .fancybox-caption--separate { margin-top: -50px } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none } .fancybox-caption a:hover { color: #fff; text-decoration: underline } .fancybox-loading { animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999 } @keyframes a { to { transform: rotate(1turn) } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1) } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0) } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5) } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1) } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn) } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn) } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg) } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0) } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1) } @media (max-height:576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px } .fancybox-slide--image { padding: 6px 0 } .fancybox-close-small { right: -6px } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px } .fancybox-caption { padding-left: 12px; padding-right: 12px } @supports (padding:max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)) } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px } .fancybox-share p { margin: 0; padding: 0 } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff } .fancybox-share__button:hover { text-decoration: none } .fancybox-share__button--fb { background: #3b5998 } .fancybox-share__button--fb:hover { background: #344e86 } .fancybox-share__button--pt { background: #bd081d } .fancybox-share__button--pt:hover { background: #aa0719 } .fancybox-share__button--tw { background: #1da1f2 } .fancybox-share__button--tw:hover { background: #0d95e8 } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px } .fancybox-share__button svg path { fill: #fff } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100% } .fancybox-thumbs { /*background: #ddd;*/ bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; /*right: 0;*/ left: 50%; transform: translateX(-50%); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*top: 0;*/ //width: 212px; z-index: 99995 } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { /*right: 212px*/ bottom: 70px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991 } .fancybox-thumbs__list a:focus:before { opacity: .5 } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1 } @media (max-width:576px) { .fancybox-thumbs { width: 110px } .fancybox-show-thumbs .fancybox-inner { right: 110px } .fancybox-thumbs__list a { max-width: calc(100% - 10px) } } /* End */ /* Start:/local/assets/css/reset.css?1759132368774*/ /*reset*/ html, body, div, span, object, iframe, img, strong, b, u, i,table,tbody, tfoot, thead,td,th,tr form, label, legend,header,footer,article,section,aside{margin:0; padding:0; border:0; vertical-align:baseline; background:transparent;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} input:focus, select:focus, textarea:focus, button:focus {outline:none} .clear{clear:both; font-size:0;} .clearfix::after{clear: both; content: ""; display: table;} *{box-sizing: border-box;} button,input[type="button"],input[type="submit"]{cursor: pointer} table,td,th,tr {border-collapse:collapse; border-spacing:0;padding: 10px 25px 10px 0;} input, select, textarea,button {font-family: "PT Root UI", sans-serif;} /*reset*/ /* End */ /* Start:/local/assets/css/style.css?1759740839121111*/ html { scroll-behavior: smooth; } body { position: relative; margin: 0 auto; color: #50575B; background: #fff; font-family: 'PT Root UI'; font-weight: 400; } .flex:not(.slick-slider){display:flex} .fd-column{flex-direction:column} .justify-sb{justify-content:space-between} .justify-center{justify-content:center} .align-center{align-items:center} .d-none{display:none} .select-wrapper { position: relative; /* width: 300px; */ width: 191px; margin: 20px 10px 20px 0; border: 1px solid rgba(102, 102, 102, 1); border-radius: 10px; } .checkbox__label_site-style { display: none !important; } @media (min-width:1000px){ .block_1_flex{height:460px; overflow:hidden; } body .slick-track{ margin-left:0 } } .app-container .map_map_AEwm3 .map_form-group_filters__checkbox_2NPgO, .arrow-footer{display:none} .culc{ display: inline-block; max-width: 156px; max-height: 45px; padding: 10px 30px; border: 1px solid #2086CF; border-radius: 80px; color: #2086CF; background: transparent; font-family: 'Golos Text'; font-size: 18px; text-align: center; cursor: pointer; &:hover { box-shadow: 0 0px 7px #2086CF; transition: 0.2s; } } .select-wrapper:hover { box-shadow: 0px 0px 3px gray; } .select-wrapper select { /* width: 300px; */ width: 191px; /* height: 28px; */ height: 44px; padding: 0 20px 0 20px; background: transparent; border: 0; font-size: 18px; color: #50575B; appearance: none; /* remove arrow */ -webkit-appearance: none; /* remove arrow Chrome */ -moz-appearance: none; /* remove arrow FF */ } .select-wrapper select::-ms-expand{ display: none; /* remove arrow IE */ } /* * Style #1 * todo: try to change arrow DIV to pseudo :after */ .select-arrow-1 { position: absolute; z-index: -9999; right: 4px; bottom: 5px; border: 8px solid; border-color: white white #6C7231 white; border-right: 0; } /* Style #2 */ .select-arrow-2 { width: 8px; height: 0px; background: #6C7231; position: absolute; z-index: -9999; right: 6px; top: 14px; } .select-arrow-2:before { content: ''; position: absolute; top: -6px; border: 4px solid transparent; border-bottom-color: #6C7231; border-top: 0; } .select-arrow-2:after { content: ''; position: absolute; top: 1px; border: 4px solid transparent; border-top-color: #6C7231; border-bottom: 0; } /* Style #3 */ .select-arrow-3 { position: absolute; z-index: -9999; border: 8px solid transparent; border-bottom: 0; right: 17px; } .select-arrow-3:nth-child(1) { top: 19px; border-top-color: rgba(102, 102, 102, 1); } .select-arrow-3:nth-child(2) { top: 17px; border-top-color: #FFF; } .container { max-width: 1600px; margin: 0 auto; padding: 0 20px; } .top_header_flex { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; } .choos_town_block { position: relative; } .choos_town_block_in { display: none; position: absolute; top: 25px; left: 0; width: 540px; background: #FFFFFF; border-radius: 20px; transition: all .2s; box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.1); padding: 25px 25px; z-index: 99; } .choos_town_block_in:target { display: block; } .choos_town_block_in:target+.close_town { display: none; } /* .choos_town_block_in h4 { font-size: 25px; color: #50575B; font-weight: 500; margin: 0 0 25px 0; } */ .choos_town_block_in .branch_selection { font-size: 25px; color: #50575B; font-weight: 500; margin: 0 0 25px 0; display: block; } .close_town { display: inline-block; position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; border: 1px solid #F2F2F2; background: #fff url(/local/assets/css/../img/close_ic.svg)center no-repeat; border-radius: 50%; } .choos_town_block_in_in { max-width: 405px; } .choos_town_block_in_in_search { width: 100%; display: flex; justify-content: flex-start; align-items: center; border-bottom: 2px solid #E7E7E7; padding: 4px 0; margin: 0 0 25px 0; } .choos_town_block_in_in_search input { display: block; width: 100%; border: none; color: #50575B; font-size: 18px; font-family: 'PT Root UI'; font-weight: 400; padding: 0 10px 0 0; } .choos_town_block_in_in_search input::-webkit-input-placeholder { color: #9A9A9A; } .choos_town_block_in_in_search input::-moz-placeholder { color: #9A9A9A; } .choos_town_block_in_in_search input:-moz-placeholder { color: #9A9A9A; } .choos_town_block_in_in_search input:-ms-input-placeholder { color: #9A9A9A; } .choos_town_block_in_in_search button { display: inline-block; border: none; width: 16px; height: 16px; background: url(/local/assets/css/../img/search_ic.svg)0 0 no-repeat; flex-shrink: 0; } .choos_town_block_in_in_towns { display: flex; justify-content: flex-start; align-items: flex-start; } .choos_town_block_in_in_towns>div { margin: 0 40px 0 0; } .choos_town_block_in_in_towns>div:last-child { margin: 0; } .choos_town_block_in_in_towns>div a { display: block; font-size: 14px; color: #50575B; text-decoration: none; white-space: nowrap; margin: 0 0 6px 0; } .choos_town_block_in_in_towns>div div { display: flex; justify-content: flex-start; align-items: center; margin: 0 0 6px 0; } .choos_town_block_in_in_towns>div div p { width: 13px; height: 12px; position: relative; background: url(/local/assets/css/../img/home_ic.svg)0 0 no-repeat; margin: 0 5px 0 0; } .choos_town_block_in_in_towns>div div p span { display: none; background: #fff; padding: 10px 14px 12px; white-space: nowrap; font-size: 14px; color: #50575B; position: absolute; top: -51px; left: -93px; box-shadow: 0px 16px 40px rgb(0 0 0 / 10%); border-radius: 5px; } .choos_town_block_in_in_towns>div div p span:after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #fff transparent transparent transparent; position: absolute; bottom: -8px; left: 50%; margin-left: -10px; } .choos_town_block_in_in_towns>div div p:hover span { display: inline-block; } .choos_town_block_in_in_towns>div div a { margin: 0; } .choos_town { width: 115px; display: block; text-decoration: none; color: #929EA6; font-size: 14px; position: relative; padding: 0 0 0 15px; } .choos_town:before { content: ""; display: inline-block; background: url(/local/assets/css/../img/loc_ic.svg)0px 0px no-repeat; width: 10px; height: 10px; position: absolute; top: 4px; left: 0; } .choos_town:after { content: ""; display: inline-block; background: url(/local/assets/css/../img/loc_arrow.svg)0px 0px no-repeat; width: 8px; height: 4px; position: absolute; top: 8px; right: 0; } .menu_nav { margin: 0 10% 0 0; } .menu_nav__holder{ display: flex; justify-content: flex-start; align-items: center; } .menu_nav a { display: inline-block; font-size: 15px; color: #929EA6; text-decoration: none; margin: 0 20px 0 0; transition: all .2s; } .menu_nav a:hover { color: #2086CF; } .more_nav { position: relative; } .more_nav span { display: inline-block; font-size: 15px; color: #929EA6; background: url(/local/assets/css/../img/loc_arrow.svg)right 7px no-repeat; padding: 0 12px 0 0; cursor: default; } .more_nav_in { display: none; position: absolute; top: 15px; left: -30px; padding: 10px 0 0 0; z-index: 99; } .more_nav:hover .more_nav_in { display: block; } .more_nav_in_in { background: #FFFFFF; box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.1); border-radius: 15px; padding: 15px 15px; } .more_nav_in_in a { display: block; text-decoration: none; white-space: nowrap; padding: 10px 15px; margin: 0; } a.mob_l_nav { display: none; } .more_nav_in_in a:hover { color: #50575B; background: #F7F8FA; border-radius: 10px; } .tel_num { font-family: 'Manrope', sans-serif; font-weight: 500; color: #929EA6; font-size: 18px; text-decoration: none; } .bot_header { padding: 15px 0 0 0; margin: 0 0 50px 0; /* border-bottom: 1px solid #F7F7F7; */ } .bot_header_flex { width: 100%; display: flex; justify-content: space-between; align-items: center; position: relative; flex-wrap: wrap; } .logo { width: 275px; margin: 0; padding: 0; } .logo a { display: block; } .logo a img { display: block; width: 100%; height: auto; } .main_search_block { position: absolute; left: 50%; top: -10px; max-width: 725px; margin-left: -390px; width: 100%; padding: 0 25px; background: #fff; z-index: 98; } .main_search_block_in { display: flex; justify-content: flex-start; align-items: center; border-bottom: 2px solid #D5D5D5; padding: 25px 0 4px 0; } .main_search_block_in input { display: block; width: 100%; border: none; color: #50575B; font-size: 18px; font-family: 'PT Root UI'; font-weight: 400; padding: 0 10px 0 0; } .main_search_block_in input:-ms-clear { display: none; } .main_search_block_in input::-webkit-input-placeholder { color: #9A9A9A; } .main_search_block_in input::-moz-placeholder { color: #9A9A9A; } .main_search_block_in input:-moz-placeholder { color: #9A9A9A; } .main_search_block_in input:-ms-input-placeholder { color: #9A9A9A; } .clear { width: 13px; height: 12px; display: none; background: url(/local/assets/css/../img/clear_ic.svg)0 0 no-repeat; flex-shrink: 0; margin: 0 10px 0 0; cursor: pointer; } .clear.show { display: inline-block; } .main_search_block_in button { display: inline-block; border: none; width: 16px; height: 16px; background: url(/local/assets/css/../img/search_ic.svg)0 0 no-repeat; flex-shrink: 0; } .main_search_block_in_result { display: none; width: 100%; background: #fff; padding: 25px 0 70px 0; } .main_search_block_in_result h4 { font-weight: 500; font-size: 18px; margin: 0 0 10px 0; padding: 0 0; } .main_search_block_in_result .link_section { font-weight: 500; font-size: 18px; margin: 0 0 10px 0; padding: 0 0; } .main_search_block_in_result a { display: block; text-decoration: none; font-weight: 400; font-size: 15px; color: #50575B; margin: 0 0 10px 0; padding: 0 0; } .show_all_res { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 0; margin: 0; text-align: center; border-top: 1px solid #F6F6F6; } .show_all_res a { display: inline-block; text-decoration: none; color: #2086CF; font-size: 16px; background: url(/local/assets/css/../img/show_all_res_ic.svg) right 6px no-repeat; padding: 0 15px 0 0; font-weight: 400; } .main_search_block:hover { box-shadow: 0px 40px 70px rgba(0, 0, 0, 0.2); border-radius: 25px; } .main_search_block:hover .main_search_block_in_result { display: block; } .links_for { display: flex; justify-content: flex-end; } .links_for>div { height: 40px; padding: 25px 0 0 0; margin: 0 0 0 10px; position: relative; cursor: pointer; } .header_link_videohosting { text-decoration: unset; } .header_link_videohosting span { color: #858A8D; font-size: 13px; display: inline-block; } .header_link_videohosting span:last-child{ color: rgba(0, 78, 164, 1); } .links_for_videohosting { background: url(/local/assets/css/../img/videohosting.png)center 0px no-repeat; height: 65%; } /* .links_for_in1 { background: url(/local/assets/css/../img/links_for_in1.svg)center 0px no-repeat; } .links_for_in1:hover { background: url(/local/assets/css/../img/links_for_in1_1.svg)center 0px no-repeat; } .links_for_in2 { background: url(/local/assets/css/../img/links_for_in2.svg)center 0px no-repeat; } .links_for_in2:hover { background: url(/local/assets/css/../img/links_for_in2_1.svg)center 0px no-repeat; } .links_for_in3 { background: url(/local/assets/css/../img/links_for_in3.svg)center 0px no-repeat; } .links_for_in3:hover { background: url(/local/assets/css/../img/links_for_in3_1.svg)center 0px no-repeat; } .links_for_in4 { background: url(/local/assets/css/../img/links_for_in4.svg)center 0px no-repeat; } .links_for_in4:hover { background: url(/local/assets/css/../img/links_for_in4_1.svg)center 0px no-repeat; } */ .links_for>div a { font-size: 12px; color: #858A8D; text-decoration: none; padding: 0 5px; } .links_for>div:hover a { color: #2086CF; } .links_for>div span { display: inline-block; position: absolute; top: -15px; right: 0; background: #2086CF; color: #fff; font-size: 13px; font-family: 'Manrope', sans-serif; font-weight: 400; padding: 0 5px; border-radius: 50px; } .links_for_in2>span { right: 5px !important; } .catalog_nav { width: 100%; margin: 0 0 0 0; } .catalog_nav_btn { display: none; } .catalog_nav_parent { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; padding: 15px 0; position: relative; flex-wrap: wrap; } .catalog_nav_in { } .catalog_nav_in p { font-size: 14px; text-transform: uppercase; font-weight: 700; margin: 0; padding: 10px 10px; color: #50575B; text-decoration: none; border-radius: 10px; cursor: pointer; transition: all .2s; } .catalog_nav_in>a { display: block; font-size: 16px; text-transform: uppercase; font-weight: 700; margin: 0; padding: 10px 10px; color: #50575B; text-decoration: none; border-radius: 10px; cursor: pointer; transition: all .2s; } .catalog_nav_in:hover p { color: #fff; background: #2086CF; } .catalog_nav_in_in { display: none; opacity: 0; width: 100%; position: absolute; /* top: 105px; */ left: 0; padding: 10px 0 0 0; transition: all .2s; z-index: 9; } .catalog_nav_in:hover .catalog_nav_in_in { display: block; opacity: 1; } .catalog_nav_in_in_in { display: flex; justify-content: flex-start; flex-wrap: wrap; background: #fff; padding: 40px 40px 40px 40px; box-shadow: 0px 58px 70px rgba(0, 0, 0, 0.15); border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .catalog_nav_in_in_in2 { background: #fff url(/local/assets/css/../img/catalog_nav_in_in_in2_bg.svg)right bottom no-repeat; } .catalog_nav_in_in_in_link { display: flex; width: 300px; height: 75px; align-items: center; text-decoration: none; color: #50575B; font-size: 15px; border-radius: 15px; background: #fff; margin: 0 25px 25px 0; padding: 0 0 0 15px; } .catalog_nav_in_in_in_link:hover { box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.1); } .catalog_nav_in_in_in img { display: inline-block; width: auto; height: 55px; flex-shrink: 0; } .catalog_nav_in_in_in span { padding: 0 0 0 20px; } .block_1 { margin: 0 0 60px 0; } .block_1_flex { display: flex; justify-content: space-between; align-items: flex-start; } .block_1_flex_slider { max-width: 1245px; /* overflow: hidden; */ & .block_1_flex_slider_in { & a > img { border-radius: 16px; overflow: hidden; } &[class*="slick-"] { & a > img { width: 100%; height: 100%; } } } } .block_1_flex_akcii { width: 285px; position: relative; border-radius: 16px; overflow: hidden; flex-shrink: 0; } .block_1_flex_akcii .all_promotions_discounts { font-size: 35px; font-weight: 700; margin: 0; position: absolute; top: 45px; left: 0; width: 100%; text-align: center; line-height: 1em; display: block; } .block_1_flex_akcii a { display: block; } .block_1_flex_akcii img { display: block; width: 100%; height: auto; } .slick-dots li { width: auto; height: auto; list-style: none; padding: 5px 0; } .slick-dots li button { width: 25px; height: 2px; background: #E7E7E7; border-radius: 20px; padding: 0; opacity: 1; } .slick-dots .slick-active button { background: #2086cf; } .slick-dots li button:before { content: ""; display: none !important; } .slick-prev:before, .slick-next:before { display: none !important; } .slick-prev { left: 15px; width: 40px; height: 40px; background: #fff url(/local/assets/css/../img/arrow_slide1.svg) 15px center no-repeat; box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.1); border-radius: 50%; z-index: 8; transition: all .2s; opacity: 1 !important; } .slick-prev:hover, .slick-prev:focus { background: #fff url(/local/assets/css/../img/arrow_slide1_1.svg) 15px center no-repeat; } .slick-next { right: 15px; width: 40px; height: 40px; background: #fff url(/local/assets/css/../img/arrow_slide2.svg) 17px center no-repeat; box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.1); border-radius: 50%; z-index: 8; transition: all .2s; opacity: 1 !important; } .slick-next:hover, .slick-next:focus { background: #fff url(/local/assets/css/../img/arrow_slide2_1.svg) 17px center no-repeat; } .slick-arrow.slick-disabled { opacity: 0.4 !important; cursor: default; } .block_2 { margin: 0 -5px 60px -5px; } .block_2_slide { margin: 0 !important; } .block_2_slide .slick-prev { left: -10px; } .block_2_slide .slick-next { right: -10px; } .block_2_slide_in_in { width: 210px; margin: 0 auto 0; border-radius: 16px; overflow: hidden; } .block_2_slide_in_in img { display: block; width: 100%; height: auto; } .block_heading_with_link { width: 100%; display: flex; justify-content: flex-start; align-items: flex-end; margin: 0 0 25px 0; /* max-width: 1030px; */ } .block_heading_with_link h1 { font-size: 35px; font-weight: 700; margin: 0 20px 0 0; line-height: 1.1em; } .block_heading_with_link span { font-size: 35px; font-weight: 700; margin: 0 20px 0 0; line-height: 1.1em; display: block; } .block_heading_with_link a { display: inline-block; text-decoration: none; color: #2086CF; font-size: 24px; background: url(/local/assets/css/../img/show_all_res_ic.svg) right 12px no-repeat; padding: 0 15px 0 0; font-weight: 400; } .block_4 { margin: 0 0 20px 0; } .block_4_in_flex { display: flex; justify-content: flex-start; margin: 0 0 5px 0; } .block_4_in_flex p { font-size: 16px; font-weight: 400; padding: 7px 15px; margin: 0 15px 15px 0; border: 1px solid #F7F7F7; border-radius: 10px; transition: all .2s; cursor: pointer; } .block_4_in_flex p:hover { color: #2086CF; border-color: #2086CF; } .block_4_in_slide_show { display: none; } .block_4_in_slide_parent { margin: 0 -5px; } .block_4_in_slide { margin: 0 !important; } .block_4_in_slide_in { padding: 0 0 40px 0; } .block_4_in_slide_in_in { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; max-width: 320px; width: 100%; min-height: 460px; position: relative; padding: 0 40px; border-radius: 15px; transition: all .2s; } .block_4_in_slide_in_in a:not(.prod-link) { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .block_4_in_slide_in_in:hover { z-index: 1; -webkit-box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.1); } .block_4_in_slide_in_in_img_txt { width: 100%; margin: 0 0 0 0; } .block_4_in_slide_in_in_img_txt img { display: block; width: 100%; height: auto; } .block_4_in_slide_in_in_img_txt p { font-size: 16px; margin: 25px 0 0 0; line-height: 1.4em; } .block_4_in_slide_in_in_price { width: 100%; } .discount { display: flex; justify-content: flex-start; align-items: flex-end; } .discount span { display: inline-block; font-size: 17px; text-align: center; padding: 2px 5px; margin: 0 5px 0 0; background: #56D96A; border-radius: 5px; color: #fff; } .discount p { margin: 0; display: inline-block; color: #B3B3B3; font-size: 17px; position: relative; } .discount p:after { content: ""; display: inline-block; width: 100%; height: 1px; background: #B3B3B3; position: absolute; top: 10px; left: 0; } .block_4_in_slide_in_in_price span { font-size: 23px; margin: 4px 0 0 0; font-weight: 700; display: block; } .block_5 { margin: 0 0 40px 0; } /* start to-do - перенос в news.list/main-news-list/assets/css/main-news-list.css */ /* что за блок 6 вообще upd: это закомменченный блок с акциями, уточнить, зачем он нужен */ .block_6_flex { width: 100%; flex-wrap: wrap; margin: 0; } .block_6_flex .block_5_flex_in { max-width: 48%; } .block_6_flex .block_5_flex_in_txt { min-height: 130px; } .block_6_flex .block_5_flex_in_txt_in a { opacity: 1; background: #F7F8FA; } .block_6_flex .block_5_flex_in:hover .block_5_flex_in_txt_in a { background: #fff; } .block_6 { margin: 0 0 40px 0; } /* end to-do - перенос в news.list/main-news-list/assets/css/main-news-list.css */ #twoGisReviews { min-height: 540px; } .reviews_in_flex { display: flex; justify-content: space-between; } .reviews_in_flex_in { width: 32%; background: #fff; border-radius: 15px; padding: 35px 25px 75px; margin: 0 0 20px 0; position: relative; } .reviews_in_flex_in_txt { display: flex; justify-content: space-between; align-items: center; margin: 0 0 15px 0; } .reviews_in_flex_in_txt img { display: block; width: 135px; height: auto; flex-shrink: 0; } .reviews_in_flex_in_txt span { font-size: 20px; margin: 0; font-weight: 700; padding: 0 0 0 15px; display: block; } .reviews_in_flex_in>p { font-size: 14px; line-height: 1.5em; margin: 0; } .reviews_in_flex_in>span { position: absolute; bottom: 30px; right: 30px; font-size: 12px; color: #B1B1B1; } .form_call_us { margin: 0 0 60px 0; } .form_call_us_flex { display: flex; justify-content: space-between; } .form_call_us_flex_in { width: 49%; background: #F7F8FA; border-radius: 15px; padding: 70px 70px; position: relative; } .sms_ic { display: inline-block; width: 208px; height: 143px; background: url(/local/assets/css/../img/sms_ic.svg) 0 0 no-repeat; position: absolute; top: 55%; right: 70px; margin-top: -60px; } /* .form_call_us_flex_in h4 { font-size: 29px; margin: 0 0 5px 0; line-height: 1.1em; } */ .form_call_us_flex_in .form_call_us_header { font-size: 29px; margin: 0 0 5px 0; line-height: 1.1em; font-weight: bold; display: block; } .form_call_us_flex_in .form_call_us_subtitle { font-size: 18px; margin: 0 0 30px 0; font-weight: 400; display: block; } .form_call_us_flex_in_input { max-width: 350px; width: 100%; background: #fff; padding: 12px 20px; margin: 0 0 25px 0; border-radius: 15px; } .form_call_us_flex_in_input p { color: #B2B2B2; font-size: 14px; margin: 0 0 5px 0; } .form_call_us_flex_in_input input { display: block; width: 100%; border: none; background: transparent; color: #50575B; font-size: 16px; font-family: 'PT Root UI'; } .form_call_us_flex_in_input input::-webkit-input-placeholder { color: #50575B; } .form_call_us_flex_in_input input::-moz-placeholder { color: #50575B; } /* Firefox 19+ */ .form_call_us_flex_in_input input:-moz-placeholder { color: #50575B; } /* Firefox 18- */ .form_call_us_flex_in_input input:-ms-input-placeholder { color: #50575B; } .form_call_us_flex_in button { width: 150px; border-radius: 40px; background: #F7F8FA; border: 1px solid #E6E6E6; padding: 15px 0; text-align: center; font-size: 16px; font-family: 'PT Root UI'; font-weight: 400; color: #50575B; } .form_call_us_flex_in_num { max-width: 350px; width: 100%; padding: 12px 20px 12px 0; } .form_call_us_flex_in_num a { display: block; text-decoration: none; color: #50575B; font-size: 20px; font-weight: 500; } .form_call_us_flex_in_num p { font-size: 14px; color: #B1B1B1; margin: 0; } .form_call_us_flex_in_num_btns { display: flex; justify-content: flex-start; } .form_call_us_flex_in_num_btns a { width: 150px; display: inline-block; text-align: center; font-size: 14px; color: #50575B; text-decoration: none; padding: 15px 0 15px 20px; margin: 0 10px 0 0; border: 1px solid #E5E5E5; border-radius: 50px; transition: all .2s; } .form_call_us_flex_in_num_btns a:first-child { background: url(/local/assets/css/../img/whatsapp_ic.svg)18px center no-repeat; } .form_call_us_flex_in_num_btns a:first-child:hover { background: #E5E5E5 url(/local/assets/css/../img/whatsapp_ic.svg)18px center no-repeat; } .form_call_us_flex_in_num_btns a:last-child { background: url(/local/assets/css/../img/teleg_ic.svg)18px center no-repeat; } .form_call_us_flex_in_num_btns a:last-child:hover { background: #E5E5E5 url(/local/assets/css/../img/teleg_ic.svg)18px center no-repeat; } .consult_ic { display: inline-block; width: 165px; height: 190px; background: url(/local/assets/css/../img/consult_ic.svg) 0px 0px no-repeat; position: absolute; top: 50%; right: 70px; margin-top: -90px; } .block_7 { margin: 0 0 30px 0; } .block_7_flex { display: flex; justify-content: space-between; flex-wrap: wrap; } .block_7_flex_in { width: 24%; padding: 10px 20px 20px; transition: all .2s; border-radius: 15px; position: relative; margin: 0 0 30px 0; } .block_7_flex_in:hover { -webkit-box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.1); } .block_7_flex_in a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .block_7_flex_in .advantage_simple_name { color: #2B3032; font-weight: 500; min-height: 60px; font-size: 18px; margin: 0 0 0 0; padding: 0 0 10px 0; display: block; } .block_7_flex_in p { color: #000; font-size: 15px; line-height: 1.5em; font-weight: 400; margin: 0; } .footer_flex { display: flex; /*justify-content: space-between;*/ } .footer_flex_left { display: flex; justify-content: flex-start; align-items: flex-start; position: relative; } .footer_flex_in { margin: 0 130px 0 0; } .footer_flex_right .footer_flex_in { margin-right: 0px; } .footer_flex_left .footer_flex_in_start{ width: 700px; height: 490px; /*align-content: space-between;*/ display: flex; flex-direction: column; flex-wrap: wrap; } .footer_flex_left .footer_flex_in_start a { width: 32%; margin-right: 5px; } .footer_flex_in h4 { font-size: 18px; margin: 0 0 15px 0; font-weight: 700; } .footer_flex_in .footer_flex_in_main_name { font-size: 22px; font-weight: 700; margin: 0 0 20px 0; display: block; } .footer_flex_in a, .footer_flex_in_social__item { display: block; text-decoration: none; font-weight: 500; font-size: 16px; color: #62717E; padding: 2px 0; margin: 5px 0; } .footer_flex_in_social a, .footer_flex_in_social__item { padding-left: 35px; background-repeat: no-repeat; } .footer_flex_in_social a:nth-child(2), .footer_flex_in_social__item--vk { background: url(/local/assets/css/../img/vk_ic.svg)3px center no-repeat; } .footer_flex_in_social a:nth-child(3), .footer_flex_in_social__item--fb { background: url(/local/assets/css/../img/fb_ic.svg)6px center no-repeat; } .footer_flex_in_social a:nth-child(4), .footer_flex_in_social__item--telegram { background: url(/local/assets/css/../img/telegram.svg)3px 4px no-repeat; } .footer_flex_in_social a:nth-child(5), .footer_flex_in_social__item--ytb { background: url(/local/assets/css/../img/youtube_ic.svg)0px 5px no-repeat; } .footer_flex_in_social__item--yandex_zen { background: url(/local/assets/css/../img/Yandex_Zen.svg) 0px center no-repeat; } .footer_flex_right .form_call_us_flex_in_num { padding: 0 0 12px 0; } /*Поправка от Димана*/ footer .phone-icon-footer { display: flex !important; align-items: center; margin: 10px 0 10px 0 !important; } footer .phone-icon-footer svg { margin-right: 10px; } /*Поправка от Димана*/ .footer_flex_right .footer_flex_in a { margin: 0; } .footer_flex_right .form_call_us_flex_in_num_btns a { font-size: 14px; padding: 6px 0 6px 20px; margin: 0 10px 0 0; } .footer_flex_in_mail { margin: 0 0 0 0; } .footer_flex_in_mail a { font-size: 14px; margin: 0; font-weight: normal; text-decoration: none; color: #50575B; } .footer_flex_in_mail .footer_flex_in_mail_meaning { font-size: 20px; margin: 0; font-weight: 700; display: block; } .footer_flex_in_mail p { font-size: 14px; margin: 0px; color: #B1B1B1; } /*Поправка от Димана*/ footer #contact-service { text-decoration: none; color: #62717E; display: flex; justify-content: center; align-items: center; width: 190px; height: 34px; font-size: 16px; line-height: 19px; border: 1px solid #E5E5E5; border-radius: 80px; margin-top: 50px; transition: all 0.3s; } footer #contact-service:hover { background: #E5E5E5; } footer a { transition: all 0.3s; } footer a:hover { color: #32404D; } footer .footer_delimeter { height: 2px; background: #E0E7FA; margin: 50px 0; } footer .payment-site { display: flex; justify-content: center; align-items: center; } footer .payment-title { font-size: 16px; color: #6C7883; } footer .payment-ways { display: flex; align-items: center; flex-wrap: wrap; } footer .payment-img { margin: 5px 0 5px 20px; /*width: 40px;*/ } footer .footer-last-text { font-size: 12px; text-align: center; margin: 40px auto; line-height: 1.3; width: 100%; max-width: 1300px; color: #9A9EAD; } footer .footer-last-line a { text-decoration: none; color: #9A9EAD; } footer .footer-last-line { display: flex; justify-content: center; color: #9A9EAD; font-size: 12px; } footer .year_text { margin: 0 20px; } .bot_header_next { margin: 0 0 30px 0; } .kroshki { justify-content: flex-start; flex-wrap: wrap; margin: 0 0 30px 0; padding: 0; color: #999; font-size: 14px; & li { list-style: none; &:not(:last-child)::after { content: '/'; display: inline-block; margin: 0 8px; } } & a { color: inherit; text-decoration: none; &::hover { color: #50575B; } } /* todo: это тут зачем??? */ & p { margin: 0; } } .block_8 { margin: 0 0 40px 0; } .block_heading_with_link2 h3 { line-height: 1.3em; } .block_heading_with_link2 a { font-size: 35px; background: transparent; border-bottom: 1px solid #2086CF; font-weight: 700; padding: 0; } .block_8_flex { display: flex; justify-content: space-between; align-items: flex-start; } .block_8_flex_in_flex { width: 49%; } .block_8_flex_in_flex_in { width: 100%; background: #F7F8FA; border-radius: 25px; padding: 35px 50px 50px; margin: 0 0 20px 0; position: relative; transition: all .2s; } .block_8_flex_in_flex_in:hover { filter: drop-shadow(0px 50px 100px rgba(0, 0, 0, 0.15)); } .vac_ic1 { display: inline-block; background: url(/local/assets/css/../img/vac_ic1.svg)0px 0px no-repeat; width: 87px; height: 119px; position: absolute; top: 40px; right: 55px; background-size: 87px; } .vac_ic2 { display: inline-block; background: url(/local/assets/css/../img/vac_ic2.svg)0px 0px no-repeat; width: 107px; height: 122px; position: absolute; top: 40px; right: 45px; background-size: 107px; } .block_8_flex_in_flex_in_top { border-bottom: 1px solid #D3E2EA; padding: 0 105px 30px 0; } .block_8_flex_in_flex_in_top .block_8_flex_top_vacancy_name { font-weight: 500; font-size: 30px; margin: 0 0 5px 0; display: block; } .block_8_flex_in_flex_in_top p { font-size: 18px; color: #707A80; margin: 0 0 15px 0; } .block_8_flex_in_flex_in_top .block_8_flex_top_vacancy_price { font-size: 35px; font-weight: 700; color: #2086CF; margin: 0; display: block; } .block_8_flex_in_flex_in_bot { padding: 30px 0 0 0; } .block_8_flex_in_flex_in_bot .block_8_flex_top_vacancy_conditions { font-weight: 500; font-size: 23px; margin: 0 0 5px 0; display: block; } .block_8_flex_in_flex_in_bot ul { padding: 0; margin: 0 0 20px 0; } .block_8_flex_in_flex_in_bot ul li { font-size: 18px; line-height: 1.5em; list-style: none; position: relative; padding: 0 0 0 20px; } .block_8_flex_in_flex_in_bot ul li:before { content: "—"; position: absolute; top: 0; left: 0; font-size: 18px; } .block_8_flex_in_flex_in_bot ul li b { font-weight: 500; } button[type="submit"] { transition: opacity .4; &[disabled] { opacity: .7; cursor: not-allowed; } } .btn_1 { display: block; width: 200px; background: #2086CF; border-radius: 80px; font-weight: 500; font-size: 18px; color: #fff; text-decoration: none; text-align: center; /* filter: drop-shadow(0px 8px 25px #AFD5F0); */ padding: 11px 0; border: none; font-family: 'PT Root UI'; } .block_serv_warran_in .btn_1:hover { filter: drop-shadow(0px 8px 25px #AFD5F0); } .subscribe_us { background: #F7F8FA; padding: 50px 0; } .subscribe_us_flex { display: flex; justify-content: flex-start; align-items: center; } .subscribe_us_flex span { font-size: 29px; font-weight: 400; margin: 0 50px 0 0; display: block; } .subscribe_us_flex .form_call_us_flex_in_input { margin: 0 25px 0 0; } .subscribe_us_flex button { width: 150px; border-radius: 40px; background: #F7F8FA; border: 1px solid #E6E6E6; padding: 15px 0; text-align: center; font-size: 16px; font-family: 'PT Root UI'; font-weight: 400; color: #50575B; } .subscribe_us_flex .sms_ic { position: static; margin: 0 0 0 70px; } .popap_vacancy { display: none; padding: 90px 100px 60px; background: #F7F8FA; border-radius: 25px; max-width: 650px; width: 100%; } .popap_vacancy_ic { display: block; width: 160px; height: 120px; background: url(/local/assets/css/../img/popap_vacancy_ic.svg)0px 0px no-repeat; background-size: 160px; margin: 0 auto 25px; } /* .popap_vacancy h4 { font-size: 35px; font-weight: 700; margin: 0 0 5px 0; } */ .popap_vacancy .popap_vacancy_headlines { font-size: 35px; font-weight: 700; margin: 0 0 5px 0; display: block; } .popap_vacancy>form>p { font-size: 18px; margin: 0 0 35px 0; } .popap_vacancy .form_call_us_flex_in_input { max-width: 100%; } .text_area { display: block; height: 300px; overflow: hidden; position: relative; background: #fff; padding: 12px 20px; margin: 0 0 0 0; border-top-left-radius: 15px; border-top-right-radius: 15px; } .text_area:after { content: ""; text-align: right; position: absolute; bottom: 0; right: 0; left: 0; height: 100px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%); pointer-events: none; } .text_area p { color: #B2B2B2; font-size: 14px; margin: 0 0 5px 0; } .text_area textarea { display: block; resize: none; width: 100%; height: 240px; border: none; font-size: 16px; font-family: 'PT Root UI'; font-weight: 500; color: #50575B; } .popap_vacancy .btn_1 { font-weight: 400; margin: 0 auto; background-color: #2086CF; } .popap_vacancy .fancybox-button { right: 20px; top: 20px; border-radius: 50%; border: 1px solid #F2F2F2; } .popap_vacancy .fancybox-button:hover { background: #F2F2F2; } .wrap__Yiuje { z-index: 999 !important; } #main_input_file { display: none; } .load_input_file { position: relative; display: block; background: #fff; padding: 0 20px; margin: 0 0 40px 0; text-align: center; position: relative; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } #f_name { display: block; width: 100%; text-align: center; background: transparent; border: none; border-top: 1px solid #E7E7E9; color: #51585C; font-size: 14px; font-family: 'PT Root UI'; font-weight: 400; padding: 10px 0; } .filupp { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; cursor: pointer; } .filupp span { display: inline-block; background: url(/local/assets/css/../img/file_ic.svg)0px 0px no-repeat; position: absolute; top: 9px; left: 138px; width: 15px; height: 20px; } .block_9 { padding: 0 0 40px 0; } .block_heading_with_link3 { margin: 0 0 15px 0; } .block_9_txt { /* max-width: 815px; */ margin: 0 0 20px 0; } .block_9_txt p { font-size: 22px; margin: 0; line-height: 1.4em; } .block_9_flex { /* max-width: 1250px; */ display: flex; justify-content: center; flex-wrap: wrap; /* margin: 0 auto 80px; */ } .block_9_flex_in { max-width: 484px; width: 100%; } .block_9_flex_in span { display: block; max-width: 480px; margin: 0 auto 0; } .block_9_flex_in span img { display: block; width: 100%; height: auto; } .block_9_flex_in p { color: #858A8D; font-weight: 500; font-size: 30px; text-align: center; margin: 0 auto; } .block_10 { background: #F7F8FA; padding: 60px 0; } .block_10_in { max-width: 1230px; width: 100%; background: #fff; border-radius: 15px; padding: 30px 50px; margin: 0 auto 0; } .block_10_flex { display: flex; justify-content: flex-start; } .block_10_flex_in { max-width: 450px; width: 100%; margin: 0 15px 0 0; } .block_10_flex_in .form_call_us_flex_in_input { border: none; max-width: 100%; padding: 0; } .block_10_flex_in_in { border: 1px solid #F3F3F3; border-radius: 15px; margin: 0 0 30px 0; } .block_10_flex_in_in .text_area { width: 100%; height: 450px; } .block_10_flex_in_in .load_input_file { margin: 0; } .block_10_flex_in .btn_1 { margin: 0 auto; } /* todo что за бред? */ button.btn_1 { font-family: 'PT Root UI'; font-weight: 400; } /* endtodo */ .block_heading_with_link p { font-size: 25px; margin: 0; color: #999; } .nav_prod_flex { display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 0 30px 0; } .nav_prod_flex_in { display: flex; justify-content: flex-start; align-items: center; border: 1px solid #F7F7F7; border-radius: 15px; padding: 10px 15px; margin: 0 5px 5px 0; transition: all .2s; } .nav_prod_flex_in:hover { box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.1); } .nav_prod_flex_in img { display: block; height: 40px; width: auto; flex-shrink: 0; } .nav_prod_flex_in a { display: flex; align-items: center; min-height: 40px; padding: 0 10px; text-decoration: none; color: #50575B; font-size: 16px; font-weight: 500; } .nav_prod_flex_in span { display: inline-block; font-size: 16px; font-weight: 500; color: #ccc; white-space: nowrap; } .catalog_flex_filtr { display: flex; justify-content: space-between; align-items: flex-start; margin: 0 0 60px 0; } .catalog_flex_filtr .block_1_flex_slider {} .sort_by { margin: 0 0 30px 0; } .sort_by_flex { display: flex; justify-content: flex-start; align-items: center; } .sort_by_flex_in { margin: 0 15px 0 0; } .sort_by_flex_in_select1 { width: 210px; position: relative; } .sort_by_flex_in_select1:after { content: ""; display: inline-block; background: url(/local/assets/css/../img/sort_ic.svg)right center no-repeat; width: 12px; height: 9px; position: absolute; top: 11px; right: 20px; } .sort_by_flex_in_select1_in { width: 100%; } .sort_by_flex_in_select .select2-selection { background: trasnparent; border: none; } .sort_by_flex_in_select .select2-container .select2-selection--single { height: auto; } .sort_by_flex_in_select .select2-selection__rendered { font-size: 16px; color: #50575B !important; font-family: 'PT Root UI'; font-weight: 400; } .select2-selection__arrow { display: none; } .select2-container--open .select2-dropdown--below { top: 10px; } .select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above { box-shadow: 0px 20px 100px rgba(0, 0, 0, 0.1); border-radius: 20px; border: none; overflow: hidden; padding: 15px 10px; } .select2-container--default .select2-results__option--selected, .select2-container--default .select2-results__option--selected { background: #F7F8FA; border-radius: 10px; } .sort_by_flex_in_select2 { display: flex; justify-content: flex-start; align-items: center; position: relative; } .sort_by_flex_in_select2:after { content: ""; background: url(/local/assets/css/../img/arrow_select.svg)0 0 no-repeat; display: inline-block; width: 12px; height: 6px; position: absolute; top: 12px; right: 0; } .sort_by_flex_in_select2 p { font-size: 16px; color: #999; margin: 0; } .sort_by_flex_in_select2 .sort_by_flex_in_select2_in { width: 50px; } .sort_by_flex_in_check { position: relative; width: 92px; height: 40px; margin: 0 0 0 20px; } .sort_by_flex_in_check:before { content: ""; display: inline-block; width: 48px; height: 36px; position: absolute; top: 2px; left: 2px; background: #fff url(/local/assets/css/../img/sort_by_flex_in_check1.svg)center no-repeat; z-index: -1; } .sort_by_flex_in_check:after { content: ""; display: inline-block; width: 48px; height: 36px; position: absolute; top: 2px; left: 42px; background: #fff url(/local/assets/css/../img/sort_by_flex_in_check2.svg)center no-repeat; z-index: -1; } .checkbox input { position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 20px; } .checkbox__text { position: relative; padding: 0 0 0 60px; cursor: pointer; } .checkbox__text:before { content: ''; position: absolute; top: 0; left: 0; width: 92px; height: 40px; border-radius: 40px; background: transparent; transition: .2s; border: 1px solid #F5F5F6; z-index: 1; } .checkbox__text:after { content: ''; position: absolute; top: 2px; left: 2px; width: 48px; height: 36px; border-radius: 20px; background: #fff url(/local/assets/css/../img/sort_by_flex_in_check1_1.svg)center no-repeat; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); transition: .2s; z-index: 1; } .checkbox input:checked+.checkbox__text:after { left: 42px; background: #fff url(/local/assets/css/../img/sort_by_flex_in_check2_1.svg)center no-repeat; } .catalog_flex_filtr_left_flex { display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 0 30px 0; } .catalog_flex_filtr_left { padding: 0 20px 0 0; } .catalog_flex_filtr_left .block_1_flex_slider { margin-bottom: 60px; } .catalog_flex_filtr_left_flex_in { max-width: 320px; } .catalog_flex_filtr_left_flex_in .block_4_in_slide_in_in { padding: 20px 30px 25px; } .block_4_in_slide_in_in_btns { position: absolute; top: 40px; right: 40px; display: none; } .block_4_in_slide_in_in:hover .block_4_in_slide_in_in_btns { display: block; } .btn_fav { width: 30px; height: 30px; background: url(/local/assets/css/../img/btn_fav.svg)center bottom no-repeat; border: none; margin: 0 5px 0 0; } .block_4_in_slide_in_in_btns .compare { width: 30px; height: 30px; background: url(/local/assets/css/../img/compare.svg)center bottom no-repeat; border: none; } .ackii { display: inline-block; font-size: 14px; color: #fff; padding: 3px 5px; position: absolute; top: 50px; left: 30px; background: #56D96A; border-radius: 5px; } .catalog_flex_filtr_left_flex_in .block_4_in_slide_in_in_img_txt p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 15px; } .buy_for { background: url(/local/assets/css/../img/buy_for_ic1.svg)center no-repeat; background-size: 50px; width: 50px; height: 50px; position: absolute; bottom: 30px; right: 40px; border: none; transition: all .2s; font-family: 'PT Root UI'; font-weight: 400; color: #50575B; } /* .buy_for:hover { filter: drop-shadow(0px 8px 25px #AFD5F0); } */ .buy_for span { display: none; position: absolute; top: -45px; left: -108px; white-space: nowrap; font-size: 14px; padding: 9px 15px; background: #fff; filter: drop-shadow(0px 15px 40px rgba(0, 0, 0, 0.2)); border-radius: 5px; } .buy_for:hover span { display: inline-block; } .buy_for span:after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #fff transparent transparent transparent; position: absolute; bottom: -8px; right: 25px; } .catalog_flex_filtr_left_flex_show_more { display: flex; justify-content: space-between; align-items: center; padding: 0 20px 0 0; margin: 0 0 60px 0; } .more_show { max-width: 600px; width: 100%; padding: 10px 0; text-align: center; font-size: 16px; border: 1px solid #E7E7E7; border-radius: 15px; background: transparent; color: #50575B; } .catalog_flex_filtr_left_flex_show_more_pages { display: flex; justify-content: space-between; align-items: center; } .catalog_flex_filtr_left_flex_show_more_pages a { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: #FFFFFF; border: 1px solid transparent; border-radius: 15px; color: #50575B; font-size: 16px; text-decoration: none; margin: 0 2px; } .catalog_flex_filtr_left_flex_show_more_pages a:hover { background: #2086CF; color: #fff; } a.arrow_page_move1, a.arrow_page_move2 { position: relative; border: 1px solid #E7E7E7; overflow: hidden; background: #fff !important; } .arrow_page_move1 span { content: ""; background: #fff url(/local/assets/css/../img/arrow_select.svg)center no-repeat; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; transform: rotate(90deg); } .arrow_page_move2 span { content: ""; background: #fff url(/local/assets/css/../img/arrow_select.svg)center no-repeat; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; transform: rotate(-90deg); } .catalog_flex_filtr_left_flex_just_txt span { font-size: 29px; font-weight: 700; margin: 0 0 15px 0; display: block; } .catalog_flex_filtr_left_flex_just_txt_flex { display: flex; justify-content: space-between; align-items: flex-start; } /* .catalog_flex_filtr_left_flex_just_txt_flex_in { width: 48%; } */ .catalog_flex_filtr_left_flex_just_txt_flex_in_deckr { height: 170px; font-size: 16px; margin: 0 0 20px 0; overflow: hidden; position: relative; text-align: justify; } .expanded .catalog_flex_filtr_left_flex_just_txt_flex_in_deckr { height: auto; } .catalog_flex_filtr_left_flex_just_txt_flex_in:not(.expanded) .catalog_flex_filtr_left_flex_just_txt_flex_in_deckr:after { content: ""; height: 50px; text-align: right; position: absolute; bottom: 0; right: 0; left: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%); pointer-events: none; } .catalog_flex_filtr_left_flex_just_txt_flex_in a { display: inline-block; font-size: 14px; font-family: 'Golos Text'; font-weight: 400; text-decoration: none; color: #B1B1B1; margin: 0; transition: all .2s; background: #fff; border: 1px solid #F5F5F5; padding: 4px 4px; border-radius: 6px; } /* catalog_flex_filtr_right */ .catalog_flex_filtr_right { width: 320px; flex-shrink: 0; } .catalog_flex_filtr_right_in { width: 100%; padding: 15px 10px; background: #F7F8FA; border-radius: 15px; margin: 0 0 30px 0; } .btn_for_filtr { font-size: 25px; font-weight: 700; padding: 0 15px; margin: 0 0 0 0; cursor: pointer; user-select: none; } .filrt_form { padding: 15px 0 0 0; } .filrt_form_search { margin: 0 0 15px 0; } .filrt_form_search input { display: block; width: 100%; padding: 11px 15px; border-radius: 10px; border: 1px solid #E7E7E7; font-size: 14px; color: #999; font-family: 'PT Root UI'; font-weight: 400; background: transparent; } .filrt_form_in { border-bottom: 1px solid #E7E7E7; padding: 0 0 10px 0; margin: 0 0 10px 0; } .filrt_form_in_head { padding: 4px 15px 4px 15px; margin: 0 0 10px 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer; user-select: none; position: relative; } .filrt_form_in_head b { display: none; position: absolute; top: -3px; left: -168px; white-space: nowrap; font-size: 14px; font-weight: 400; padding: 9px 15px; background: #fff; filter: drop-shadow(0px 15px 40px rgba(0, 0, 0, 0.2)); border-radius: 5px; } .filrt_form_in_head:hover b { display: inline-block; } .filrt_form_in_head b:after { content: ""; display: inline-block; position: absolute; right: -8px; top: 10px; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #fff; } .filrt_form_in_head p { font-weight: 500; font-size: 16px; margin: 0 0 0 0; overflow-wrap: anywhere; } .filrt_form_in_head div { display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; } .filrt_form_in_head div span { display: inline-block; width: 40px; text-align: right; color: #2086CF; font-weight: 500; font-size: 16px; flex-shrink: 0; } .filrt_form_in_head div i { display: inline-block; background: url(/local/assets/css/../img/arrow_select.svg)right 0px no-repeat; background-size: 10px; width: 22px; height: 6px; flex-shrink: 0; transition: all .2s; } /* .filrt_form_in_head_show div i { transform: rotate(180deg); background: url(/local/assets/css/../img/arrow_select.svg)left 0px no-repeat; background-size: 10px; } */ .filrt_form_in_body { padding: 0 15px; display: none; } .filrt_form_in_body_in { margin: 0 0 4px 0; max-height: 190px; overflow: hidden; } .filrt_form_in_body_in:hover { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; -o-overflow-scrolling: touch; overflow-scrolling: touch; } .filrt_form_in_body_in::-webkit-scrollbar { -webkit-appearance: none; width: 3px; } .filrt_form_in_body_in::-webkit-scrollbar-thumb { border-radius: 10px; background: #E7E7E7; -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); } .filrt_form_in_body_in_check { padding: 4px 0; } .check_filtr { position: absolute; z-index: -1; opacity: 0; } .check_filtr+* { position: relative; vertical-align: middle; padding: 2px 0 2px 30px; cursor: pointer; } .check_filtr+*:before { content: ''; position: absolute; top: 5px; left: 0; flex-shrink: 0; width: 14px; height: 14px; } .form-privacy-text:before { width: 10px; height: 10px; } .form-privacy .form-privacy-text:before { border: 1px solid #ffffff; } .check_filtr+*:before, .popup-light_privacy .form-privacy-text:before, .form-privacy .form-privacy-text:before { content: ''; border: 1px solid #7F7F7F; border-radius: 3px; } .form-privacy-text:before { width: 10px; height: 10px; } .form-privacy .form-privacy-text:before { border: 1px solid #ffffff; } .check_filtr+*:before, .popup-light_privacy .form-privacy-text:before, .form-privacy .form-privacy-text:before { content: ''; border: 1px solid #7F7F7F; border-radius: 3px; } .check_filtr:checked+*:before, .form-privacy_checkbox:checked + .form-privacy-text:before { background: #2086CF url(/local/assets/css/../img/checked_filtr.svg)center no-repeat; border-color: #2086CF; } .filrt_form_in_body_in_check label { display: block; width: 100%; color: #50575B; font-size: 15px; font-family: 'Manrope', sans-serif; font-weight: 400; cursor: pointer; } .reset { color: #999; font-size: 12px; display: inline-block; font-family: 'PT Root UI'; font-weight: 400; text-align: left; padding: 4px; background: transparent; border: none; } .filrt_form_in_btns { display: flex; justify-content: space-around; padding: 20px 0 20px 0; } .filrt_form_in_btns .btn_1 { width: 125px; font-size: 16px; filter: initial; } .btn_2 { background: #fff; color: #50575B; } .catalog_flex_filtr_right_in_ban a { display: block; margin: 0 0 30px 0; } .catalog_flex_filtr_right_in_ban a img { display: block; width: 100%; height: auto; } /* .block_4_in_slide .buy_for { display: none; } */ /* .block_4_in_slide .block_4_in_slide_in_in:hover .buy_for { display: block; } */ .catalog_flex_filtr_left_flex_list { margin: 0 0 40px 0; } .catalog_flex_filtr_left_flex_list_flex { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 30px 30px; border-radius: 15px; } .catalog_flex_filtr_left_flex_list_flex:hover { -webkit-box-shadow: 0px 12px 30px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 30px 0px rgb(0 0 0 / 10%); } .catalog_flex_filtr_left_flex_list_flex_in_left { width: 60%; display: flex; justify-content: flex-start; align-items: center; } .catalog_flex_filtr_left_flex_list_flex_in_left img { display: block; width: 168px; height: auto; } .catalog_flex_filtr_left_flex_list_flex_in_left_in1 { max-width: 360px; width: 100%; padding: 0 0 0 10px; } .catalog_flex_filtr_left_flex_list_flex_in_left_in1>div { display: flex; justify-content: flex-start; align-items: center; margin: 0 0 10px 0; } .catalog_flex_filtr_left_flex_list_flex_in_left_in1>div .ackii { position: static; margin: 0 10px 0 0; } .catalog_flex_filtr_left_flex_list_flex_in_left_in1>div>p { color: #808080; font-size: 14px; margin: 0; } .catalog_flex_filtr_left_flex_list_flex_in_left_in1>p { height: 70px; overflow: hidden; font-size: 16px; margin: 0; line-height: 1.4em; } .catalog_flex_filtr_left_flex_list_flex_in_left_in1>p a { color: inherit; text-decoration: none; } .catalog_flex_filtr_left_flex_list_flex_in_left_in2 { padding: 0 0 0 30px; flex-shrink: 0; } .catalog_flex_filtr_left_flex_list_flex_in_left_in2 .discount { position: static; } .catalog_flex_filtr_left_flex_list_flex_in_left_in2 .discount span { margin: 0 10px 0 0; } .catalog_flex_filtr_left_flex_list_flex_in_left_in2 span { font-size: 23px; margin: 5px 0 0 0; font-weight: 700; display: block; } .catalog_flex_filtr_left_flex_list_flex_in_right { max-width: 200px; display: flex; flex-wrap: wrap; justify-content: flex-end; flex-shrink: 0; } .catalog_flex_filtr_left_flex_list_flex_in_right .block_4_in_slide_in_in_btns { position: static; display: block; margin: 0 0 15px 0; } .on_click_buy { display: block; width: 100%; text-align: right; font-size: 18px; text-decoration: none; color: #50575B; margin: 0 0 15px 0; } .catalog_flex_filtr_left_flex_list_flex_in_right .buy_for { max-width: 200px; width: 100%; position: relative; bottom: 0; right: 0; background: #2086CF url(/local/assets/css/../img/buy_for_ic1.svg)25px center no-repeat; font-weight: 500; font-family: 'PT Root UI'; font-size: 18px; color: #fff; border-radius: 40px; padding: 0 10px 0 40px; } .catalog_flex_filtr_left_flex_list_flex_in_right .buy_for:hover { background: #2086CF url(/local/assets/css/../img/buy_for_ic2.svg)25px center no-repeat; } .catalog_flex_filtr_left_flex_list_flex_in_right .buy_for>span { color: #50575B; font-family: 'PT Root UI'; font-weight: 400; } #popap_buy_one_click .text_area { border-radius: 15px; } #popap_buy_one_click .btn_1 { margin-top: 20px; } .back_to_categ img { height: 10px; } .catalog_flex_main { display: flex; justify-content: space-between; align-items: flex-start; margin: 0 0 40px 0; } .catalog_flex_main_left { max-width: 320px; width: 100%; flex-shrink: 0; } .catalog_flex_main_left_in { width: 100%; padding: 15px 10px 5px 10px; background: #F7F8FA; border-radius: 15px; } .catalog_flex_main_left_in>a, .side-menu__root { display: block; font-weight: 500; font-size: 16px; padding: 15px 15px 15px 15px; margin: 0 0 15px 0; text-decoration: none; border-bottom: 1px solid #E7E7E7; } .filrt_form_in_body_in>a { display: block; color: #50575B; text-decoration: none; padding: 4px 15px; margin: 4px 0; } .filrt_form_in_body_in>a:hover { color: #2086CF; font-weight: 500; } .catalog_flex_main_left .filrt_form_in:last-child { border: none; } .catalog_flex_main_left_in .filrt_form_in_body_in { max-height: 300px; } .in_links_show_in1 { padding: 0 15px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .in_links_show a { color: #50575B; font-size: 16px; text-decoration: none; display: block; padding: 4px 0; margin: 4px 0; } .in_links_show_in1 i { display: inline-block; background: url(/local/assets/css/../img/arrow_select.svg)right 0px no-repeat; background-size: 10px; width: 22px; height: 6px; flex-shrink: 0; transition: all .2s; } .in_links_show a:hover { color: #2086CF; font-weight: 500; } .in_links_show_in2 { display: none; padding: 0 10px 0 25px; } .catalog_flex_main_right { width: 100%; } .catalog_flex_main_right_flex { width: 100%; display: flex; justify-content: flex-start; margin: 0 0; flex-wrap: wrap; } .catalog_flex_main_right_flex_in { width: 290px; min-height: 230px; border: 1px solid #E7E7E7; border-radius: 15px; position: relative; padding: 15px 10px 10px 10px; margin: 0 0 20px 20px; transition: all .2s; } .catalog_flex_main_right_flex_in:hover { box-shadow: 0px 20px 100px rgba(0, 0, 0, 0.1); border-color: #fff; } .catalog_flex_main_right_flex_in a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .catalog_flex_main_right_flex_in img { display: block; width: auto; height: 140px; margin: 0 auto; } .catalog_flex_main_right_flex_in span { display: block; width: 100%; color: #DC2A2A; font-weight: 500; font-size: 19px; text-align: center; margin: 15px 0 0 0; } .catalog_flex_main_right_flex_in p { display: block; width: 100%; font-weight: 500; font-size: 19px; text-align: center; margin: 15px 0 0 0; } .catalog_flex_main_right_flex_in p span { display: inline-block; width: auto; color: #50575B; position: relative; margin: 0; } .catalog_flex_main_right_flex_in p span:after { content: ""; display: inline-block; background: url(/local/assets/css/../img/arrow_select.svg)right 0px no-repeat; background-size: 10px; width: 22px; height: 6px; flex-shrink: 0; transition: all .2s; transform: rotate(-90deg); position: absolute; top: 17px; right: -20px; } .catalog_flex_main_right_flex_in_back { display: flex; justify-content: center; align-items: center; } .catalog_flex_main_right_flex_in_back img { height: 60px; margin: 0; } .catalog_flex_main_right_flex_in_back p { width: auto; margin: 0 0 0 20px; } .menu_btn_nav { display: none; } .catalog_flex_result { flex-wrap: wrap; margin: 0 0 40px 0; } .block_heading_with_link h4 { font-size: 30px; font-weight: 500; margin: 0 20px 0 0; line-height: 1.1em; } .choose_section { padding: 15px 0 40px 0; } .choose_section div { max-width: 468px; display: flex; justify-content: flex-start; border: 1px solid #F3F3F3; border-radius: 15px; } .choose_section p { list-style: none; font-weight: 500; font-size: 30px; padding: 8px 35px; border-radius: 15px; margin: 0; cursor: pointer; user-select: none; transition: all .2s; } p.sec_choosed { background: #2086CF; color: #fff; } .kroshki a span { display: inline-block; font-size: 20px; background: url(/local/assets/css/../img/arrow_back.svg)0px 7px no-repeat; padding: 0 0 0 18px; } .nav_prod_izbrannoe .nav_prod_flex_in span { color: #2086CF; } .catalog_flex_izbrannoe { max-width: 1240px; } .links_for_del_share { display: flex; justify-content: flex-start; margin: 0 0 30px 0; } .links_for_del_share a { display: inline-block; padding: 0 0 0 20px; margin: 0 25px 10px 0; color: #7F7F7F; font-size: 14px; text-decoration: none; } a.links_for_del_share1 { background: url(/local/assets/css/../img/links_for_del_share1.svg)0px 0px no-repeat; } a.links_for_del_share2 { background: url(/local/assets/css/../img/links_for_del_share2.svg)0px 0px no-repeat; } .sravnenie_flex { display: flex; justify-content: flex-start; align-items: flex-start; margin: 0 0 20px 0; } .sravnenie_flex_left { width: 185px; padding: 173px 5px 0 0; flex-shrink: 0; } .sravnenie_flex_left p { font-weight: 500; font-size: 16px; margin: 0 0 0 0; padding: 0 0; } /* .sravnenie_flex_left p:nth-child(1) { margin-bottom: 22px; } .sravnenie_flex_left p:nth-child(2) { margin-bottom: 17px; } .sravnenie_flex_left p:nth-child(3) { margin-bottom: 11px; } .sravnenie_flex_left p:nth-child(4) { margin-bottom: 6px; } .sravnenie_flex_left p:nth-child(5) { margin-bottom: 19px; } .sravnenie_flex_left p:nth-child(6) { margin-bottom: 16px; } .sravnenie_flex_left p:nth-child(7) { margin-bottom: 15px; } */ .sravnenie_flex_right_slide_in_in span { font-weight: 500; font-size: 17px; margin: 0 0 25px 0; height:120px; display: block; } .sravnenie_flex_right_slide { max-width: 1370px; } .sravnenie_flex_right_slide .slick-prev { top: 90px; } .sravnenie_flex_right_slide .slick-next { top: 90px; } @media (max-width:600px){ .sravnenie_flex_right_slide .slick-prev { top: 90px; left:-30px; } .sravnenie_flex_right_slide .slick-next { top: 90px; right:-5px; } } .sravnenie_flex_right_slide_in { padding: 0 0 50px 0; } .sravnenie_flex_right_slide_in_in { width: 230px; border-radius: 15px; padding: 18px 20px; transition: all .2s; margin: 0 auto 0; } .sravnenie_flex_right_slide_in_in:hover { box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1); } .sravnenie_flex_right_slide_in_in_img { height: 90px; overflow: hidden; } .sravnenie_flex_right_slide_in_in_img img { display: block; width: auto; height: 70px; margin: 0 auto 0; } .sravnenie_flex_right_slide_in_in p { font-size: 16px; margin: 0; padding: 12px 0; } .sravnenie_flex_right_slide_in_in_btns>div { width: 100%; display: flex; justify-content: space-between; opacity: 0; transition: all .2s; } .sravnenie_flex_right_slide_in_in_btns>div .buy_for { position: static; width: 45px; height: 45px; background-size: 45px; } .sravnenie_flex_right_slide_in_in_btns>div .buy_for span { left: -8px; } .sravnenie_flex_right_slide_in_in_btns>div .buy_for span:after { right: initial; left: 22px; } .sravnenie_flex_right_slide_in_in_btns>div .buy_for:hover { background: url(/local/assets/css/../img/buy_for_ic2.svg)center no-repeat; background-size: 45px; } .izb_ic { border: 2px solid #F7F8FA; width: 45px; height: 45px; border-radius: 50%; background: url(/local/assets/css/../img/izb_ic.svg)center no-repeat; transition: all .2s; } .izb_ic:hover { background: url(/local/assets/css/../img/izb_ic_hover.svg)center no-repeat; } .close_ic2 { border: 2px solid #F7F8FA; width: 45px; height: 45px; border-radius: 50%; background: url(/local/assets/css/../img/close_ic2.svg)center no-repeat; transition: all .2s; } .close_ic2:hover { background: url(/local/assets/css/../img/close_ic2_hover.svg)center no-repeat; } .sravnenie_flex_right_slide_in_in:hover .sravnenie_flex_right_slide_in_in_btns>div { opacity: 1; } .in_page_pro_flex { display: flex; justify-content: flex-start; align-items: start; margin: 0 0 10px 0; } .in_page_pro_flex_left { width: 540px; margin: 0 70px 0 0; flex-shrink: 0; } .in_page_pro_flex_left_slide_min { width: 350px; margin: 20px auto 0; } .in_page_pro_flex_left_slide_min_in { padding: 4px 4px; } .in_page_pro_flex_left_slide_min .slick-prev { /* background: url(/local/assets/css/../img/in_page_pro_flex_left_slide_min1.svg) center no-repeat; */ box-shadow: none; left: -40px; box-shadow: 0 2px 7px rgba(170,170,170,.34); } .in_page_pro_flex_left_slide_min .slick-next { /* background: url(/local/assets/css/../img/in_page_pro_flex_left_slide_min2.svg) center no-repeat; */ box-shadow: none; right: -40px; box-shadow: 0 2px 7px rgba(170,170,170,.34); } .in_page_pro_flex_left_slide_min_in_in { display: flex; align-items: center; justify-content: center; width: 80px; height: 72px; cursor: pointer; border: 1px solid transparent; border-radius: 5px; margin: 0 auto 0; } .in_page_pro_flex_left_slide_min_in_in:hover { border: 1px solid #E5E5E5; } .in_page_pro_flex_left_slide_min_in_in img { display: block; width: 100%; height: auto; border-radius: 5px; } .in_page_pro_flex_right { max-width: 919px; } .in_page_pro_flex_right_in1 { display: flex; align-items: center; margin: 0 0 15px 0; } .in_page_pro_flex_right_in1 .ackii { position: static; } .in_page_pro_flex_right_in1 p { color: #808080; font-size: 14px; /* margin: 0 0 0 15px; */ } .in_page_pro_flex_right .block_heading_with_link { margin: 0 0 20px 0; } .in_page_pro_flex_right .block_heading_with_link h1 { margin: 0; font-weight: 500; } .in_page_pro_flex_right .block_heading_with_link span { margin: 0; font-weight: 500; } .in_page_pro_flex_right .discount { margin: 0 0 5px 0; } .in_page_pro_flex_right_in2 { margin: 0 0 20px 0; } .in_page_pro_flex_right_in2 p { display: inline-block; font-size: 40px; font-weight: 500; margin: 0 15px 0 0; line-height: 1.1em; } .in_page_pro_flex_right_in2 span { display: inline-block; font-size: 40px; font-weight: 500; margin: 0 0 0 0; line-height: 1.1em; } .in_page_pro_flex_right_in3 .on_click_buy { display: inline-block; width: auto; } .in_page_pro_flex_right_in4 { display: flex; justify-content: flex-start; align-items: center; margin: 0 0 50px 0; } .in_page_pro_flex_right_in4_btn_count { display: flex; width: 140px; margin: 0 15px 0 0; } .in_page_pro_flex_right_in4_btn_count>span { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 2px solid #F7F8FA; overflow: hidden; cursor: pointer; user-select: none; } .in_page_pro_flex_right_in4_btn_count input { display: inline-block; width: 45px; text-align: center; font-weight: 600; font-size: 18px; font-family: 'PT Root UI'; border: none; } .in_page_pro_flex_right_in4 .buy_for { max-width: 200px; width: 100%; position: relative; bottom: 0; right: 0; background: #2086CF url(/local/assets/css/../img/buy_for_ic1.svg)25px center no-repeat; font-weight: 500; font-family: 'PT Root UI'; font-size: 18px; color: #fff; border-radius: 40px; padding: 0 10px 0 40px; } .in_page_pro_flex_right_in4 .buy_for:hover span { color: #50575B; } .in_page_pro_flex_right_in4_btn_count2 { display: flex; align-items: center; padding: 0 0 0 15px; } .in_page_pro_flex_right_in4_btn_count2 .izb_ic { background-color: #F7F8FA; flex-shrink: 0; } .compare2 { display: inline-block; width: 45px; height: 45px; border-radius: 50%; background: #000; background: url(/local/assets/css/../img/compare2.svg) center no-repeat; border: 2px solid #F7F8FA; margin: 0 0 0 15px; flex-shrink: 0; } .compare2:hover { background: url(/local/assets/css/../img/compare2_hover.svg) center no-repeat; background-color: #F7F8FA; } .in_page_pro_flex_right_in5 { width: 415px; background: #F7F8FA; border-radius: 25px; padding: 25px 25px 15px 25px; } .in_page_pro_flex_right_in5 h4 { font-size: 20px; font-weight: 700; margin: 0 0 15px 0; } .in_page_pro_flex_right_in5_flex1 { display: flex; align-items: center; margin: 0 0 15px 0; } .in_page_pro_flex_right_in5_flex1 p { width: 230px; font-size: 18px; font-weight: 400; margin: 0 20px 0 0; padding: 0 0 0 30px; background: url(/local/assets/css/../img/in_page_pro_flex_right_in5_flex1_ic.svg) 0px 5px no-repeat; } .in_page_pro_flex_right_in5_flex1 p span { border-bottom: 1px dashed #50575B; } .in_page_pro_flex_right_in5_flex1>a { display: inline-block; font-size: 14px; text-decoration: none; color: #50575B; } .in_page_pro_flex_right_in5_flex2 { display: flex; align-items: center; margin: 0 0 15px 0; } .in_page_pro_flex_right_in5_flex2 p { width: 230px; font-size: 18px; font-weight: 400; margin: 0 20px 0 0; padding: 0 0 0 30px; background: url(/local/assets/css/../img/in_page_pro_flex_right_in5_flex2.svg) 0px 5px no-repeat; } .in_page_pro_flex_right_in5_flex2 p span { border-bottom: 1px dashed #50575B; } .in_page_pro_flex_right_in5_flex2>span { display: inline-block; font-size: 14px; text-decoration: none; color: #50575B; } .sravnenie_flex_right_slide_in .compare2 { background-color: transparent; } .in_page_pro3 { max-width: 1480px; margin: 0 0 60px 0; } .in_page_pro3_txt { position: relative; height: 130px; overflow: hidden; margin: 0 0 15px 0; } .in_page_pro3_txt p { font-size: 16px; line-height: 1.5em; margin: 0 0 20px 0; text-align: justify; } .in_page_pro3_txt:after { content: ""; width: 100%; display: inline-block; text-align: right; position: absolute; bottom: 0; left: 0; height: 90px; /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%); */ pointer-events: none; } .in_page_pro3_txt h4 { font-weight: 500; font-size: 20px; margin: 0 0 10px 0; } .expand { max-width: 246px; display: block; font-family: 'Golos Text'; font-size: 18px; display: inline-block; color: #2086CF; text-align: center; padding: 4px 5px; border: 1px solid #2086CF; border-radius: 4px; cursor: pointer; } .in_page_pro4 { max-width: 1480px; margin: 0 0 60px 0; } .in_page_pro4_txt { margin: 0 0 30px 0; } .in_page_pro4_txt h4 { font-weight: 500; font-size: 23px; margin: 0 0 10px 0; } .in_page_pro4_txt p {} .in_page_pro4_txt ul { padding: 0; margin: 0; } .in_page_pro4_txt ul li { font-size: 18px; line-height: 1.5em; list-style: none; position: relative; padding: 0 0 0 20px; } .in_page_pro4_txt ul li::before { content: "—"; position: absolute; top: 0px; left: 0px; font-size: 18px; } /* .in_page_pro5 { max-width: 1200px; margin: 0 0 60px 0; } */ .in_page_pro5 .video_block { max-width: 1200px; margin: 0 auto; } .video_block, .video-slider-big .slick-slide { position: relative; } .video-slider-big, .video-slider-small { display:none; } .video-slider-big.slick-initialized, .video-slider-small.slick-initialized { display: block; } .video-slider-big a { display: block; width: 100%; height: 100%; background: url(/local/assets/css/../img/play_about.svg)center no-repeat; position: absolute; top: 0; left: 0; } .video-slider-small { padding-top: 20px; } .video-slider-small .slick-slide>div { padding: 0 10px; margin: 0 auto; } .video-slider-small.no-slide .slick-track { transform: translate3d(0px, 0px, 0px) !important; } .video-slider-small .slick-slide.slick-current img { border: 1px solid #2086cf; } .video_block .video-slider-small img { margin: 0 auto; cursor:pointer; } .video_block img { display: block; width: 100%; height: auto; border-radius: 15px; } .in_page_pro6 { margin: 0 0 60px 0; } .in_page_pro6 .main_search_block_in { /* max-width: 600px; */ max-width: 1200px; padding: 4px 0; /* margin: 0 0 20px 0; */ margin: 0 auto 20px auto; } .in_page_pro6_table { /* max-width: 915px; */ max-width: 1200px; max-height: 850px; overflow-x: auto; /* margin-bottom: 25px; */ margin: 25px auto; } .in_page_pro6_table::-webkit-scrollbar { width: 3px; height: 3px; } .in_page_pro6_table::-webkit-scrollbar-button { background-color: #fff; } .in_page_pro6_table::-webkit-scrollbar-track { background-color: #E7E7E7; } .in_page_pro6_table::-webkit-scrollbar-track-piece { background-color: #ffffff; } .in_page_pro6_table::-webkit-scrollbar-thumb { height: 50px; background-color: #E7E7E7; border-radius: 3px; } .in_page_pro6_table::-webkit-scrollbar-corner { background-color: #E7E7E7; } .in_page_pro6_table::-webkit-resizer { background-color: #E7E7E7; } .in_page_pro6_table table { width: 100%; } .in_page_pro6_table table th { color: #50575B; font-weight: 500; font-size: 16px; background: #F5F5F5; padding: 10px 0; text-align:center; } .in_page_pro6_table table td{ text-align:center; } .in_page_pro6_table table td div{ justify-content: center; } .in_page_pro6_table table th:nth-child(1) { width: 225px; text-align: center; } .in_page_pro6_table table th:nth-child(3) { padding: 10px 20px 10px 0; width: 110px; } .in_page_pro6_table table td:nth-child(1) { width: 225px; } .in_page_pro6_table table td:nth-child(3) { width: 110px; } .in_page_pro6_table table td:last-child { width: 130px; } .in_page_pro6_table table td { padding: 5px 0; } .in_page_pro6_table table td div { display: flex; align-items: center; } .in_page_pro6_table table td div img { display: block; height: 50px; width: auto; } .in_page_pro6_table table td { vertical-align: middle; } .in_page_pro6_table table td div p { font-size: 16px; color: #808080; margin: 0 0 0 20px; } .in_page_pro6_table table td a { font-size: 16px; color: #50575B; text-decoration: none; } .in_page_pro6_table table td span { font-size: 16px; } .in_page_pro6_table table tr:hover p { color: #2086CF; } .in_page_pro6_table table tr:hover a { color: #2086CF; } .in_page_pro6_table table tr:hover span { color: #2086CF; } .form_call_us_main { background: #F7F8FA; padding: 50px 0 50px 0; margin: 0 0 15px 0; } .form_call_us_main .form_call_us { margin: 0; } .form_call_us_main .form_call_us_flex_in { background: #fff; } .form_call_us_flex_in_main { width: 49%; } .form_call_us_flex_in_main .form_call_us_flex_in { width: 100%; } .form_call_us_flex_in_main .form_call_us_flex_in .form_call_us_subtitle { margin: 0 0 10px 0; } .form_call_us_flex_in1 { margin: 0 0 15px 0; } .form_call_us_flex_in1 a { display: inline-block; font-size: 14px; text-decoration: none; color: #50575B; background: url(/local/assets/css/../img/order_call_ic.svg)15px center no-repeat; padding: 4px 20px 4px 40px; border: 1px solid #E5E5E5; border-radius: 40px; } .form_call_us_flex_in2 a { display: inline-block; font-size: 14px; text-decoration: none; color: #50575B; background: url(/local/assets/css/../img/mail_ic.svg)15px center no-repeat; padding: 4px 20px 4px 40px; border: 1px solid #E5E5E5; border-radius: 40px; } .form_call_us_flex_in1 .popap_vacancy_ic { position: absolute; top: 60px; right: 100px; margin: 0; } .write_ic { display: inline-block; position: absolute; top: 80px; right: 90px; width: 174px; height: 94px; background: url(/local/assets/css/../img/write_ic.svg)0px 0px no-repeat; } .popaps_block { max-width: 600px; margin: 0 auto 0; } .popaps_block a { font-size: 35px; display: block; margin: 20px 0; } .popap_samovyzov_dostavka { max-width: 1120px; width: 100%; padding: 50px 50px; background: #fff; } .popap_samovyzov_dostavka h4 { font-weight: 500; font-size: 35px; margin: 0 0 30px 0; } .popap_samovyzov_dostavka .choose_section p { font-size: 18px; } .popap_samovyzov_dostavka_flex1 { display: flex; justify-content: flex-start; align-items: center; margin: 0 0 40px 0; } .popap_samovyzov_dostavka_flex1 .main_search_block_in { max-width: 400px; width: 100%; padding: 0; margin: 0 30px 0 0; } .popap_samovyzov_dostavka_flex1 .main_search_block_in input { background: transparent; } .spisok_karta { display: flex; margin: 0 0 0 0; } .spisok_karta p { font-weight: 500; font-size: 16px; margin: 0; } .spisok_karta p:nth-child(1) { padding: 0 0 2px 20px; margin: 0 30px 0 0; background: url(/local/assets/css/../img/spisok_ic1.svg)0px center no-repeat; } .spisok_karta p:nth-child(1):hover { color: #2086CF; background: url(/local/assets/css/../img/spisok_ic1_1.svg)0px center no-repeat; } .spisok_karta p:nth-child(2) { padding: 0 0 0 18px; background: url(/local/assets/css/../img/loca_ic1.svg)0px center no-repeat; } .spisok_karta p:nth-child(2):hover { color: #2086CF; background: url(/local/assets/css/../img/loca_ic1_1.svg)0px center no-repeat; } p.popap_choosed:nth-child(1) { color: #2086CF; background: url(/local/assets/css/../img/spisok_ic1_1.svg)0px center no-repeat; } p.popap_choosed:nth-child(2) { background: url(/local/assets/css/../img/loca_ic1_1.svg)0px center no-repeat; color: #2086CF; } .popap_samovyzov_dostavka_flex2 table { width: 100%; } .popap_samovyzov_dostavka_flex2 tr:nth-child(1) { background: #F5F5F5; } .popap_samovyzov_dostavka_flex2 th { font-weight: 500; font-size: 16px; padding: 10px 0; vertical-align: middle; } .popap_samovyzov_dostavka_flex2 th:nth-child(1) { padding-left: 15px; } .popap_samovyzov_dostavka_flex2 th:nth-child(2) { padding-left: 15px; padding-right: 15px; } .popap_samovyzov_dostavka_flex2 td { padding: 10px 0; border-bottom: 1px solid #F5F5F5; } .popap_samovyzov_dostavka_flex2 td:nth-child(1) { padding-left: 15px; } .popap_samovyzov_dostavka_flex2 td:nth-child(2) { padding-left: 15px; padding-right: 15px; } .popap_samovyzov_dostavka_flex2 td:nth-child(3) { padding-right: 15px; } .popap_samovyzov_dostavka_flex2 tr:hover td { background: #F5F5F5; } .popap_samovyzov_dostavka_flex2 td a { color: #50575B; font-size: 18px; text-decoration: none; } .popap_samovyzov_dostavka_flex2 tr:hover td a { color: #2086CF; } .popap_samovyzov_dostavka_flex2 td span { font-size: 18px; } .order_1 { color: #D2C335; } .order_2 { color: #CA2D2D; } .order_3 { color: #2086CF; } .popap_samovyzov_dostavka_flex2 td p { color: #50575B; font-size: 18px; } .popap_samovyzov_dostavka_flex2 tr:hover td p { color: #2086CF; } .map { border-radius: 15px; overflow: hidden; position: relative; } .map img { display: block; width: 100%; height: auto; } .chos_adres_fix { width: 285px; border-radius: 15px; padding: 20px 25px 30px 25px; background: #fff; position: absolute; top: 40px; left: 50%; margin-left: -150px; } .chos_adres_fix:after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #fff transparent transparent transparent; position: absolute; bottom: -8px; left: 50%; margin-left: -10px; } .chos_adres_fix div { margin: 0 0 15px 0; } .chos_adres_fix div span { display: block; color: #9A9A9A; font-size: 14px; margin: 0 0 4px 0; } .chos_adres_fix div p { font-size: 18px; margin: 0; } .chos_adres_fix div a { display: block; font-size: 18px; margin: 0; text-decoration: none; color: #50575B; } .chos_adres_fix div b { font-size: 14px; font-weight: 400; padding: 6px 0 4px 0; } .chos_adres_fix .btn_1 { font-size: 18px; margin: 0 auto 0; filter: none; } .chos_adres_fix2 { max-width: 500px; width: 100%; position: absolute; top: 30px; left: 30px; } .chos_adres_fix2_in { background: #fff; border-radius: 15px; padding: 15px 20px; margin: 0 0 5px 0; } .chos_adres_fix2_in p { color: #B2B2B2; font-size: 14px; margin: 0 0 5px 0; } .chos_adres_fix2_in .main_search_block_in { width: 100%; padding: 0; border: none; } .chos_adres_fix2_in2 { background: #fff; border-radius: 15px; padding: 15px 20px; } .chos_adres_fix2_in2 h5 { font-weight: 500; font-size: 20px; margin: 0 0 5px 0; } .chos_adres_fix2_in2 h6 { font-size: 16px; font-weight: 400; margin: 0 0 20px 0; color: #999; } .in_pt_kv { max-width: 160px; } .in_pt_kv input { width: 100%; display: block; text-align: center; border-radius: 15px; color: #50575B; font-size: 16px; font-family: 'PT Root UI'; border: 1px solid #F3F3F3; padding: 20px 15px; } .in_pt_kv_par { max-width: 340px; display: flex; justify-content: space-between; } .in_pt_kv_par .in_pt_kv1 { padding: 12px 20px; border: 1px solid #F3F3F3; border-radius: 15px; } .in_pt_kv_par .in_pt_kv2 { border: 1px solid #F3F3F3; border-radius: 15px; } .in_pt_kv1 label { color: #B2B2B2; font-size: 14px; } .in_pt_kv_par input { padding: 0 0 0 0; border: none !important; text-align: left; } .in_pt_kv_par .in_pt_kv2 input { padding: 20px 20px; } .popap_samovyzov_dostavka .choose_section div { max-width: 313px; } .corzina_flex { display: flex; justify-content: space-between; align-items: flex-start; margin: 0 0 60px 0; } .corzina_flex_left { width: 100%; } .corzina_flex_left_in { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 30px 30px; border-radius: 15px; } .corzina_flex_left_in:hover { -webkit-box-shadow: 0px 12px 30px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 30px 0px rgb(0 0 0 / 10%); } .corzina_flex_left_in_left { display: flex; justify-content: space-between; align-items: center; } .corzina_flex_left_in_left>img { display: block; width: 168px; height: auto; } .corzina_flex_left_in_left .catalog_flex_filtr_left_flex_list_flex_in_left_in1 { max-width: 370px; padding: 0 0 0 20px; margin: 0 30px 0 0; } .corzina_flex_left_in_left .in_page_pro_flex_right_in4_btn_count { margin: 0 30px 0 0; } .prise_corzin { font-size: 23px; font-weight: 700; margin: 0; white-space: nowrap; padding: 0 20px 0 0; } .corzina_flex_left_in_right { display: flex; justify-content: space-between; align-items: center; } .corzina_flex_left_in_right button { display: inline-block; border: none; width: 35px; height: 35px; transition: all .2s; } .cozr_ic1 { background: url(/local/assets/css/../img/corz_ic1.svg)center no-repeat; } .cozr_ic1:hover { background: url(/local/assets/css/../img/corz_ic1_1.svg)center no-repeat; } .cozr_ic2 { background: url(/local/assets/css/../img/corz_ic2.svg)center no-repeat; margin: 0 0 0 10px; } .cozr_ic2:hover { background: url(/local/assets/css/../img/corz_ic2_1.svg)center no-repeat; } .corzina_flex_right { width: 420px; flex-shrink: 0; padding: 0 0 20px 0; margin: 0 0 0 40px; } .corzina_flex_right_in { width: 100%; background: #F7F8FA; border-radius: 15px; padding: 40px 40px; margin: 0 0 25px 0; } .corzina_flex_right_in p { font-size: 25px; margin: 0 0 10px 0; } .corzina_flex_right_in .corzina_flex_basket_price { font-size: 35px; font-weight: 700; margin: 0 0 25px 0; display: block; } .corzina_flex_right_in .btn_1 { width: 100%; padding: 14px 0; filter: none; transition: all .2s; } .corzina_flex_right_in .btn_1:hover { background: #419FE3; filter: drop-shadow(0px 8px 25px #B1D3EC); } .del_main { text-align: center; } .del_main a { display: inline-block; padding: 2px 0 2px 20px; margin: 0 0 0 0; color: #7F7F7F; font-size: 14px; background: url(/local/assets/css/../img/links_for_del_share1.svg)0px center no-repeat; border: none; text-decoration: none; } .popap_del_corz { max-width: 650px; background: #F7F8FA; } .popap_warn_ic { display: block; width: 174px; height: 127px; background: url(/local/assets/css/../img/popap_warn_ic.svg)center no-repeat; margin: 0 auto 20px; } .popap_del_corz .popap_clear_basket { text-align: center; font-size: 35px; margin: 0 0 25px 0; color: #3C4449; font-weight: bold; display: block; } .popap_del_corz div { width: 315px; display: flex; justify-content: space-between; margin: 0 auto 0; } .popap_del_corz div button { width: 150px; font-size: 16px; font-family: 'PT Root UI'; font-weight: 400; background: #F7F8FA; border: 1px solid #E6E6E6; padding: 15px 0; text-align: center; border-radius: 40px; } .popap_del_corz div button:hover { background: #2086CF; color: #fff; border-color: #2086CF; } .bot_header_oform { margin: 0; } .oform_zakaz_block { padding: 30px 0 10px 0; margin: 0 0 60px 0; background: #F7F8FA; } .oform_zakaz_block_in { margin: 0 0 40px 0; } .custom_sucsess_order { font-size: 26px; display: block; font-weight: 600; } .oform_zakaz_block_in .oform_zakaz_data { margin: 0 0 25px 0; font-weight: 500; font-size: 25px; display: block; } .oform_zakaz_block_in_in { background: #FFFFFF; border-radius: 25px; padding: 40px 40px; } .oform_zakaz_block_in_in_flex { display: flex; justify-content: flex-start; align-items: center; } .oform_zakaz_block_in_in_flex_left { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 915px; width: 100%; } .oform_zakaz_block_in_in_flex_left_in { display: block; position: relative; width: 100%; max-width: 450px; margin: 0 0 15px 0; } form[name="form_auth"] .oform_zakaz_block_in_in_flex_left_in { max-width: unset; } .oform_zakaz_block_in_in_flex_left_in input { width: 100%; display: block; background: #fff; border: 1px solid #F3F3F3; font-size: 16px; border-radius: 15px; padding: 30px 20px 12px; font-family: 'PT Root UI'; font-weight: 400; } .bx-form_support img { display: block; width: 100%; max-width: 290px; margin: 0 auto; } #register_form .btn_1[type="submit"] { margin-bottom: 20px; } .eror_input input { border-color: #D43939; } .oform_zakaz_block_in_in_flex_left_in span { color: #9B9B9B; cursor: text; font-size: 16px; transition: all 0.2s; position: absolute; top: 21px; left: 20px; } .eror_input span { color: #D43939; } .oform_zakaz_block_in_in_flex_left_in input:valid+span { font-size: 14px; top: 10px; } .leasing_block2_flex_block_form .oform_zakaz_block_in_in_flex_left_in input:valid+span, .leasing_block2_flex_block_form .oform_zakaz_block_in_in_flex_left_in input:focus+span { display: none; } .oform_zakaz_block_in_in_flex_left_in input[type="email"]::placeholder {color: transparent;} .oform_zakaz_block_in_in_flex_left_in input:focus+span, .oform_zakaz_block_in_in_flex_left_in input:not(:placeholder-shown) + span { font-size: 14px; top: 10px; } .leasing_block2_flex_block_form .oform_zakaz_block_in_in_flex_left_in input { text-align: center; } .leasing_block2_flex_block_form .oform_zakaz_block_in_in_flex_left_in input.inp_place::placeholder { color:#6E6E6E; } .oform_zakaz_block_in_in_flex_right { width: 250px; flex-shrink: 0; margin: 0 0 0 50px; } .oform_zakaz_block_in_in_flex_right div { margin: 0 0 10px 0; } .oform_zakaz_block_in_in_flex_right a { display: inline-block; color: #2086CF; font-size: 16px; text-decoration: none; border-bottom: 1px dashed #2086CF; } .oform_zakaz_block_in_in_flex_right p { font-size: 14px; color: #999; margin: 0; } .oform_zakaz_block_in_in .choose_section div { max-width: 313px; } .oform_zakaz_block_in_in .choose_section p { font-size: 18px; } .oform_zakaz_block_in_in .choose_section input[type="radio"] { position: absolute; width: 0; height: 0; opacity: 0; padding: 0; margin: 0; } .oform_zakaz_block_in_in .choose_section input[type="radio"]:checked+p { background: #2086CF; color: #fff; } .oform_zakaz_block_in_in .popap_samovyzov_dostavka_flex2 { max-width: 960px; } .oform_zakaz_block_in_in .popap_samovyzov_dostavka_flex2 th { text-align-last: left; } .total_flex { display: flex; justify-content: flex-start; align-items: flex-start; margin: 0 0 30px 0; } .total_flex>div { margin: 0 100px 0 0; } .total_flex>div h5 { font-weight: 500; font-size: 25px; margin: 0 0 10px 0; } .total_flex>div p { font-size: 22px; margin: 0 0 10px 0; } .oform_zakaz_block_in_in .btn_1 { max-width: 590px; width: 100%; padding: 18px 0; } .catalog_flex_filtr_left_flex_show_more2 { max-width: 1210px; padding: 40px 0 20px 0; margin: 0 auto 0; } .catalog_flex_filtr_right_in_new h4 { font-size: 25px; font-weight: 700; padding: 0 15px; margin: 0 0 0 0; cursor: pointer; user-select: none; } .catalog_flex_filtr_right_in_new>div { padding: 0 15px; } .catalog_flex_filtr_right_in_new>div>a { display: block; font-weight: 500; font-size: 16px; color: #50575B; text-decoration: none; padding: 4px 0; margin: 4px 0; line-height: 1.4em; } .catalog_flex_filtr_right_in_new>div>a:hover { color: #2086CF; } a.act_link_filtr { color: #2086CF !important; } .akcii_in_block { padding: 0 0 50px 0; } .akcii_in_block_ban { max-width: 1245px; margin: 0 0 25px 0; } .akcii_in_block_ban img { display: block; width: 100%; height: auto; } .akcii_in_block_txt { max-width: 1030px; margin: 0 0 40px 0; } .akcii_in_block_txt h5 { font-weight: 500; font-size: 23px; margin: 0 0 10px 0; } .akcii_in_block_txt p { font-size: 18px; margin: 0 0 25px 0; text-align: justify; } .contact_block_main { margin: 0 0 80px 0; } .contact_block_main_flex { display: flex; /* justify-content: flex-start; */ flex-wrap: wrap; margin: 0 -9px 15px; justify-content: space-around; } .contact_block_main_flex .location_map_branch { font-size: 18px; color: #2086CF; font-weight: 500; display: inline-block; margin: 20px 0 20px 30px; border-bottom: 1px solid #2086CF; line-height: 0.9; } .contact_block_main_flex_in { width: 32%; background: #F7F8FA; border-radius: 15px; margin: 0 8px 15px; padding: 30px 30px 30px 50px; transition: all .2s; } .contact_block_main_flex_in:hover { box-shadow: 0px 20px 100px rgba(0, 0, 0, 0.1); } .contact_block_main_flex_in>a { display: inline-block; font-size: 25px; font-weight: 700; text-decoration: none; color: #2086CF; } .contact_block_main_flex_in>div {} .contact_block_main_flex_in>div>p { display: block; font-weight: 500; font-size: 18px; color: #50575B; text-decoration: none; margin: 0 0 10px 0; padding: 0 0 0 30px; line-height: 1.4em; color: #50575B; } .contact_block_main_flex_in>div>a { display: block; font-weight: 700; font-size: 18px; color: #50575B; text-decoration: none; margin: 0 0 10px 0; padding: 0 0 0 30px; } .contact_block_main_flex_in>div p.contacts_adress { background: url(/local/assets/css/../img/contact_block_main_flex_in_ic1.svg) 0px 8px no-repeat; } .contact_block_main_flex_in>div a.contacts_phone { background: url(/local/assets/css/../img/contact_block_main_flex_in_ic2.svg) 0px 6px no-repeat; } .contact_block_main_flex_in>div a.contacts_mail { background: url(/local/assets/css/../img/contact_block_main_flex_in_ic3.svg) 0px 8px no-repeat; } .contact_block_main_flex_in>div>div>div { padding: 0 0 0 30px; background: url(/local/assets/css/../img/contact_block_main_flex_in_ic4.svg) 0px 6px no-repeat; } .contact_block_main_flex_in>div>div>div { display: flex; justify-content: flex-start; margin: 0 0 10px 0; } .contact_block_main_flex_in>div>div>div span { display: inline-block; width: 60px; font-size: 18px; font-weight: 400; color: #929EA6; } .contact_block_main_flex_in>div>div>div p { color: #50575B; font-weight: 500; font-size: 18px; margin: 0; } .map_contact { width: 100%; border-radius: 15px; overflow: hidden; } .map_contact iframe { display: block; width: 100%; border: none !important; } a.filial_town { font-size: 35px; font-weight: 700; color: #2086CF; background: transparent; border-bottom: 1px solid #2086CF; line-height: 1.1em; padding: 0; } .contact_block_main_flex2 { display: flex; justify-content: flex-start; align-items: flex-start; margin: 0 0 50px 0; } .contact_block_main_flex2_left { max-width: 540px; width: 100%; flex-shrink: 0; } .contact_block_main_flex2_left_in { padding: 30px 30px 30px 30px; margin: 0 0 15px 0; background: #F7F8FA; border-radius: 15px; } .contact_block_main_flex2_left_in_in1 { display: flex; justify-content: space-between; margin: 0 0 22px 0; } .contact_block_main_flex2_left_in_in1 div span { font-size: 16px; display: block; color: #929EA6; text-transform: uppercase; margin: 0 0 5px 0; } .contact_block_main_flex2_left_in_in1 div a { display: block; font-weight: 500; font-size: 25px; color: #50575B; text-decoration: none; } .contact_block_main_flex2_left_in>p { font-size: 18px; margin: 0 0 25px 0; } .contact_block_main_flex2_left_in_in2 { display: flex; justify-content: space-between; } .contact_block_main_flex2_left_in_in2>div { display: flex; align-items: center; } .contact_block_main_flex2_left_in_in2>div span { display: inline-block; font-size: 16px; color: #929EA6; text-transform: uppercase; margin: 0 7px 0 0; } .contact_block_main_flex2_left_in_in2>div p { font-size: 18px; margin: 0; } .contact_block_main_flex2_right { padding: 0 0 0 33px; /* position: relative; */ /* top: -50px; */ } .contact_block_main_flex2_right_item { max-width: 990px; display: flex; flex-wrap: wrap; } .contact_block_main_flex2_right_item a { margin-left: 15px; width: 150px; height: 209px; margin-bottom: 6px; } .contact_block_main_flex2_right img { display: block; width: 100%; height: 100%; border-radius: 15px; } .faq_flex { display: flex; justify-content: space-between; align-items: flex-start; } .faq_flex_left { width: 49%; } .faq_flex_left_in { margin: 0 0 15px 0; } .faq_flex_left_in_head { display: flex; align-items: center; height: 100px; padding: 15px 145px 15px 35px; border: 1px solid #F7F8FA; border-radius: 15px; cursor: pointer; position: relative; } .faq_flex_left_in_head p { font-weight: 500; font-size: 20px; line-height: 1.3em; margin: 0; } .faq_flex_left_in_head>span { background: url(/local/assets/css/../img/faq_flex_left_in_head_ic.svg) center no-repeat; display: inline-block; width: 30px; height: 30px; position: absolute; top: 33px; right: 33px; } .faq_flex_left_in_body { padding: 0 130px 30px 35px; display: none; } .faq_flex_left_in_body p { font-size: 16px; margin: 0; font-weight: 400; line-height: 1.5em; } .faq_flex_left_in_chos { background: #F7F8FA; box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.1); } .faq_flex_left_in_chos .faq_flex_left_in_head { border: none; height: auto; } .faq_flex_left_in_chos .faq_flex_left_in_head>span { transform: rotate(180deg); } .faq_flex_left_in_chos .faq_flex_left_in_body { display: block; } .faq_flex_right { width: 49%; } .faq_flex_right .form_call_us_flex { flex-wrap: wrap; } .faq_flex_right .form_call_us_flex_in { width: 100%; margin: 0 0 25px 0; } .flex_in_new { display: flex; justify-content: space-between; flex-wrap: wrap; } .flex_in_new .oform_zakaz_block_in_in_flex_left_in { width: 49%; } .flex_in_new_in { width: 100%; padding: 20px 20px; background: #FFFFFF; border-radius: 15px; } .flex_in_new .oform_zakaz_block_in_in_flex_left_in span { font-size: 14px; } .flex_in_new_in span { font-size: 14px; color: #B2B2B2; display: block; } .flex_in_new_in textarea { display: block; min-height: 100px; width: 100%; resize: none; font-weight: 400; font-family: 'PT Root UI'; font-size: 16px; border: none; } .flex_in_new_in>div { width: 100%; display: flex; justify-content: flex-end; padding: 15px 0 0 0; } .flex_in_new_in .btn_1 { width: 120px; font-size: 16px; font-weight: 400; filter: none; padding: 4px 0; background: #F7F8FA; border: none; } .request_received { max-width: 1010px; width: 100%; background: #FFFFFF; box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.08), -20px -20px 50px #FFFFFF; border-radius: 25px; } .request_received>div { display: flex; justify-content: center; align-items: center; min-height: 560px; width: 100%; } .request_received>div .popap_thank_you_window_one { font-weight: bold; font-size: 50px; margin: 0; display: block; } .resume_delivered { max-width: 650px; } .request_received>div p { font-size: 30px; margin: 0; } .resume_delivered>div { display: flex; justify-content: center; align-items: center; min-height: 560px; } .resume_delivered>div>div { text-align: center; } .resume_delivered>div .popap_thank_you_window_two { font-size: 35px; font-weight: 700; margin: 0; display: block; } .resume_delivered>div p { font-size: 18px; margin: 0; } .in_page_pro6_none { max-width: 600px; } .in_page_pro6_none h4 { font-size: 22px; font-weight: 400; margin: 0 0 15px 0; color: #000; } .in_page_pro6_none h4 b { font-weight: 700; } .in_page_pro6_none p { font-size: 16px; color: #9A9A9A; margin: 0 0 15px 0; line-height: 1.5em; } .order_accepted_main { background: #E5E5E5; padding: 40px 0; } .order_accepted { background: url(/local/assets/css/../img/zakaz_prinyat_bg.svg)0 0 no-repeat; min-height: 445px; border-radius: 15px 15px 0px 0px; overflow: hidden; } .order_accepted_head { padding: 15px 40px; border-bottom: 1px solid #EDEDED; background: #fff; } .order_accepted_head h3 { font-size: 28px; font-weight: 700; color: #262626; margin: 0; } .order_accepted_body { padding: 15px 40px; background: #fff; } .order_accepted_body_flex { display: flex; justify-content: flex-start; align-items: flex-start; } .order_accepted_body_flex_in { margin: 0 80px 0 0; } .order_accepted_body_flex_in h4 { font-size: 24px; font-weight: 700; color: #262626; margin: 0 0 10px 0; } .order_accepted_body_flex_in p { margin: 0 0 10px 0; color: #666; font-weight: 500; font-size: 16px; } .order_accepted_body_flex_in2 { text-align: right; } .order_accepted_body_flex_dif div { margin: 0 0 20px 0; } .order_accepted_body_flex_dif div h5 { font-weight: 600; font-size: 18px; margin: 0 0 5px 0; color: #262626; } .order_accepted_body_flex_dif div p { font-weight: 500; font-size: 15px; color: #666; margin: 0; } .order_accepted_body_flex_dif div p span { display: inline-block; margin: 0 10px 0 0; } .order_accepted_body_flex_dif div p u { text-decoration: none; } .footer_flex_in .form_call_us_flex_in_num_btns { flex-wrap: wrap; } .footer_flex_right .form_call_us_flex_in_num_btns a { width: 100%; margin: 0 0 10px 0; } #totop { width: 50px; height: 50px; border-radius: 50%; text-align: center; padding: 5px 5px; position: fixed; bottom: 20px; /* отступ кнопки от нижнего края страницы*/ right: 10px; cursor: pointer; display: none; color: #50575B; font-size: 30px; } .new_slide .block_1_flex_slider { max-width: 100%; } .block_serv_warran { padding: 0 0 50px 0; } .block_serv_warran_in { max-width: 1090px; } .block_serv_warran_in_in1 { max-width: 1030px; margin: 0 0 30px 0; } .block_serv_warran_in_in1 p { font-size: 18px; line-height: 1.5em; margin: 0 0 15px 0; } .block_serv_warran_in_in2 { margin: 0 0 15px 0; border-radius: 25px; background: #F7F8FA; } .block_serv_warran_in_in2_head { background: #F7F8FA; border-radius: 25px; padding: 30px 80px 30px 30px; position: relative; cursor: pointer; } .block_serv_warran_in_in2_head p { font-weight: 500; font-size: 30px; margin: 0; } .block_serv_warran_in_in2_head span { display: inline-block; width: 40px; height: 40px; background: url(/local/assets/css/../img/show_hide_arrow.svg)0 0 no-repeat; position: absolute; top: 30px; right: 30px; transform: rotate(180deg); } .block_serv_warran_in_in2_head_show span { transform: rotate(0deg); } .block_serv_warran_in_in2_body { display: none; background: #F7F8FA; border-radius: 25px; padding: 0 30px 30px 30px; } .block_serv_warran_in_in2_body p { font-size: 18px; line-height: 1.5em; margin: 0 0 15px 0; } .block_serv_warran_in_in2_body p>a { text-decoration: none; color: #2086CF; } .block_serv_warran_in_in2_body p>b { font-weight: 500; } .block_serv_warran_in_in2_body p>b>a { text-decoration: none; color: #50575B; } .block_serv_warran_in_in2_body ul { padding: 0; margin: 0 0 15px 0; } .block_serv_warran_in_in2_body ul li { font-size: 18px; line-height: 1.5em; margin: 0 0 5px 0; list-style: none; } p.download_blank { padding: 0 0 0 0; display: flex; align-items: center; } p.download_blank a { font-weight: 500; font-size: 18px; color: #2086CF; text-decoration: none; border-bottom: 1px solid #2086CF; line-height: 1.2em; } .block_serv_warran_in .btn_1 { width: 400px; margin: 40px auto 60px; padding: 18px 0 18px; } .form_call_us_flex_in_teh h5 { max-width: 365px; } .form_call_us_flex_in_teh .sms_ic { background: url(/local/assets/css/../img/sms_ic2.svg) 0 0 no-repeat; } .form_call_us_flex_in_teh .btn_1 { filter: none; max-width: 365px; width: 100%; padding: 18px 0; font-weight: 400; } .bot_header_next2 { margin: 0; } .ready_solutions_bg { padding: 30px 0 0 0; background: #F7F8FA; margin-top: 30px; } .nav_prod_gotovye .nav_prod_flex_in { padding: 5px 5px; } .nav_prod_gotovye .nav_prod_flex_in a { min-height: 20px; } .nav_prod_gotovye .nav_prod_flex_in:hover { box-shadow: none; } .nav_prod_gotovye .nav_prod_flex_in:hover a, .nav_prod_gotovye .nav_prod_flex_in.current a { color: #2086CF; } .ready_sol_max { padding: 0 0 50px 0; } .ready_sol_min { background: #fff; border-radius: 30px; margin: 0 0 25px 0; } .ready_sol_min .block_heading_with_link { margin: 0 0 20px 0; padding: 30px 30px 0; } .ready_sol_min .block_heading_with_link h1 { font-size: 30px; font-weight: 500; } .ready_sol_min .block_heading_with_link span { font-size: 30px; font-weight: 500; } .txt_heading_sol span { font-weight: 500; font-size: 23px; color: #999; margin: 0 0 30px 0; padding: 0 30px; display: block; } .ready_sol_min_total { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #F4F4F4; padding: 25px 30px 25px 30px; border-radius: 0 0 30px 30px; } .ready_sol_min_total>div { display: flex; justify-content: flex-start; align-items: center; } .ready_sol_min_total>div>div { margin: 0 50px 0 0; } .ready_sol_min_total>div>div p { display: inline-block; font-size: 23px; color: #B2B2B2; margin: 0 10px 0 0; } .ready_sol_min_total>div>div b { display: inline-block; font-size: 25px; font-weight: 700; color: #50575B; } .ready_sol_min_total .btn_1 { width: 284px; } .ready_sol_min_inflex { display: flex; justify-content: flex-start; flex-wrap: wrap; } .ready_sol_min_inflex_in { max-width: 310px; } .leasing_ban { background: #f7f8fa; margin: 50px 0 50px 0; padding: 30px 0 30px 0; border-radius: 25px; } .leasing_ban_flex { display: flex; justify-content: space-evenly; align-items: center; } .leasing_ban_flex_left { max-width: 750px; margin: 0 70px 0 0; } .leasing_ban_flex_left .block_heading_with_link { margin: 0 0 40px 0; } .leasing_ban_flex_left { max-width: 750px; margin: 0 70px 0 0; } .leasing_ban_flex_left .block_heading_with_link span { font-size: 42px; } .leasing_ban_flex_left p { color: #50575b; font-size: 20px; margin: 0 0 50px 0; font-weight: 500; } .leasing_ban_flex_left .btn_1 { width: 192px; font-size: 16px; padding: 12px 0 13px; } .leasing_ban_flex_img { max-width: 675px; } .leasing_ban_flex_img img { display: block; width: 100%; height: auto; } .leasing_block1 { margin: 0 0 70px 0; } .leasing_block1_top { /* max-width: 865px; */ margin: 0 0 35px 0; } .leasing_block1_top .block_heading_with_link { margin: 0 0 15px 0; } .leasing_block1_bot_flex_in_inner_log img { height: 30px; width: auto; display: block; margin: 0 auto; } .leasing_block1_top p { color: #50575b; font-size: 20px; margin: 0; } .leasing_block1_top_border_band { border-left: 6px solid #2086CF; height: 60px; display: inline-block; border-radius: 10px; margin-right: 30px; } .leasing_block1_bot_flex { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .leasing_block1_bot_flex_in { /* width: 32.5%; */ max-width: 490px; width: 100%; } .leasing_block1_bot_flex_in_inner { background: #f7f8fa; border-radius: 25px; padding: 30px 35px 30px 30px; margin: 0 0 30px 0; transition: all 0.3s; height: 435px; } /* .leasing_block1_bot_flex_in_inner:hover { background: #fff; filter: drop-shadow(0px 20px 100px rgba(0, 0, 0, 0.1)); } */ .leasing_block1_bot_flex_in_inner_log { height: 65px; padding: 15 0 15px 0; } .leasing_block1_bot_flex_in_inner_txt p { font-size: 16px; color: #50575b; margin: 0 0 25px 0; line-height: 1.4em; } .leasing_block1_bot_flex_in_inner_txt a { color: #6E6E6E; } .leasing_block1_bot_flex_in_inner_txt p:last-child { margin: 0; } .leasing_block1_bot_flex_in_inner_txt { overflow: hidden; position: relative; height: 180px; margin: 0 0 15px 0; transition: all 0.3s; } /* .leasing_block1_bot_flex_in_inner:hover .leasing_block1_bot_flex_in_inner_txt { height: auto; } */ /* .leasing_block1_bot_flex_in_inner_txt:after { content: ""; text-align: right; position: absolute; bottom: 0; right: 0; left: 0; height: 50px; background: linear-gradient( to bottom, rgba(247, 248, 250, 0.1) 0%, rgba(247, 248, 250, 0.8) 100% ); pointer-events: none; } .leasing_block1_bot_flex_in_inner:hover .leasing_block1_bot_flex_in_inner_txt:after { display: none; } */ .leasing_block1_bot_flex_in_inner > a { color: #0089d6; font-size: 16px; text-decoration: none; border-bottom: 1px solid transparent; transition: all 0.3s; width: 183px; display: inline-block; background-color: #fff; text-align: center; border-radius: 50px; padding: 12px 0; border: 1px solid #0089d6; font-weight: 600; margin-top: 50px; } .leasing_block1_bot_flex_in_inner > a:hover { background-color: #0089d6; color: #fff; filter: drop-shadow(2px 4px 2px rgba(170,170,170,.64)); } .leasing_block1_bot_flex_in_inner_hover_block { background-color: #fff; box-shadow: 0 2px 7px rgba(170,170,170,.34); } .more_part_bt { width: 343px; height: 50px; display: flex; justify-content: center; align-items: center; color: #50575b; font-size: 16px; text-decoration: none; background: #f7f8fa; border: 1px solid #e6e6e6; border-radius: 71px; margin: 0 auto 0; } .leasing_block2 { background: #f7f8fa; border-radius: 25px; margin: 0 0 80px 0; /* padding: 25px 0 35px; */ padding: 37px 0 37px; } .leasing_block2_flex_block_form { background-color: #fff; padding: 20px 40px; box-shadow: 0 2px 7px rgba(170,170,170,.34); border-radius: 10px; text-align: center; } .leasing_block2_flex .leasing_block2_flex_block_form .leasing_block2_flex_block_form_consultation { font-size: 20px; font-weight: 600; display: inline-block; margin-bottom: 20px; } .leasing_block2_flex .leasing_block2_flex_block_form label input { padding: 11px 20px 11px; border-radius: 10px; background: #F7F8FA; border: none; } .leasing_block2_flex .leasing_block2_flex_block_form label span { top: 12px; } .leasing_block2_flex .leasing_block2_flex_block_form label { max-width: 220px; } .leasing_block2_flex .leasing_block2_flex_block_form .politica_conf_form { max-width: 226px; font-size: 13px; color: #6E6E6E; } .leasing_block2_flex .leasing_block2_flex_block_form .btn_1 { border-radius: 10px; width: 220px; } .leasing_block2_flex .leasing_block2_flex_block_form .politica_conf_form a { color: #6E6E6E; } .leasing_block2_flex { display: flex; justify-content: center; align-items: center; } .leasing_block2_flex_img { max-width: 464px; margin: 0 25px 0 0; } .leasing_block2_flex_img img { display: block; width: 100%; height: auto; } .leasing_block2_flex_txt { max-width: 997px; margin-right: 178px; } .leasing_block2_flex_txt .block_heading_with_link { margin: 0 0 15px 0; } .leasing_block2_flex_txt .block_heading_with_link h1 { margin: 0; } .leasing_block2_flex_txt .block_heading_with_link span { margin: 0; font-size: 65px; text-transform: uppercase; } .leasing_block2_flex_txt > p { font-size: 25px; color: #50575b; margin: 0; line-height: 1.4em; } .leasing_block2_flex_txt > p a { color: rgba(0, 137, 214, 1); text-decoration: none; } .notification_information_footer { text-align: center; font-size: 12px; } @media screen and (max-width: 1280px) { .leasing_ban_flex_left { max-width: 560px; } .leasing_ban_flex_left p br { display: none; } } @media screen and (max-width: 1024px) { .leasing_ban_flex_left { max-width: 390px; } .leasing_block1_bot_flex_in_inner_log { height: 45px; } .leasing_block1_bot_flex_in_inner_log img { height: 20px; } /* .company_bl_main .company_bl_main_txt_flex .test .about_line.leasing_block1_top_border_band { height: 100px; } */ .company_video_block img { width: 100%; height: 400px; object-fit: cover; } } @media screen and (max-width: 980px) { .leasing_ban { margin: -20px 0 40px 0; padding: 45px 0 50px 0; } .leasing_ban_flex { flex-wrap: wrap; position: relative; } .leasing_ban_flex_left .block_heading_with_link h1 { font-size: 25px; } .leasing_ban_flex_left .block_heading_with_link span { font-size: 25px; } .leasing_ban_flex_left p { font-size: 16px; } .leasing_ban_flex_img { max-width: 326px; margin: 0 auto 80px; } .leasing_ban_flex_left .btn_1 { position: absolute; bottom: 0; left: 50%; margin-left: -150px; } .leasing_block1_top .block_heading_with_link h1 { font-size: 25px; margin: 0; } .leasing_block1_top .block_heading_with_link span { font-size: 25px; margin: 0; } .leasing_block1_top p { font-size: 16px; } .leasing_block1_bot_flex { flex-wrap: wrap; } .leasing_block1_bot_flex_in { width: 100%; } .leasing_block1_bot_flex_in:last-child { display: none; } .leasing_block2 { padding: 30px 30px; } .leasing_block2_flex { flex-wrap: wrap; } .leasing_block2_flex_img { max-width: 240px; margin: 0 auto 20px; } .leasing_block2_flex_txt { max-width: 320px; margin: 0 auto 0; } .leasing_block2_flex_txt .block_heading_with_link h1 { font-size: 25px; } .leasing_block2_flex_txt .block_heading_with_link span { font-size: 25px; } .leasing_block2_flex_txt > p { font-size: 16px; } .leasing_block2_flex_block_form { margin-top: 30px; } } .in_page_pro_flex_right_in3_quantity { font-size: 18px; color: #2086CF; margin-bottom: 10px; } .wrapper_block_gift_slide { border-radius: 15px; /* background-color: #f7f8fa; */ position: relative; /* border: 1px solid #f7f8fa; */ margin-bottom: 50px; } .wrapper_block_gift_slide .stiker_present { width: 180px; /*height: 35px;*/ position: absolute; border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; background-color: #74b65f; text-align: center; font-size: 16px; padding:10px 0; color: #3e3e3e; font-size: 16px; font-family: "Manrope"; } .wrapper_block_gift_slide .block_gift_slide { /* padding: 60px 25px 25px; */ } .block_gift_slide .slide-gift-item { border-radius: 10px; background-color: #ffffff; /* border: 1px solid #b8b8b8; */ font-size: 16px; color: #50575b; /* padding: 20px 10px 10px; */ padding: 10px 20px 30px; margin-right: 15px; position: relative; } .block_gift_slide .slide-gift-item img { margin: 0 auto; } .block_gift_slide .check { position: absolute; display: inline-block; right: 25px; top: 5px; } .block_gift_slide .check:hover{ cursor:pointer; } .block_gift_slide .check__input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .block_gift_slide .check__box { position: absolute; margin-top: 0.2em; margin-left: -1em; width: 30px; height: 30px; overflow: hidden; border-radius: 5px; background-color: white; background-repeat: no-repeat; background-position: 50% 50%; /*box-shadow: 0 0 0 0.1em #4A90E2;*/ border: 1px solid #b8b8b8; } .block_gift_slide .check__input:checked + .check__box { /* background-color: #73b55f; */ /*background-image: url(/local/assets/css/images/check.svg);*/ } .block_gift_slide .check__input:checked + .check__box:before { /* content: '✔'; color: #fff; font-size: 20px; text-align: center; padding: 5px; */ } .block_gift_slide .slide-gift-item.no-active{ opacity: 0.6; } /* .block_gift_slide .slide-gift-item.checked{ border-color: #73b55f; } */ .block_gift_slide .slide-gift-item.checked{ box-shadow: 0 2px 7px rgba(170,170,170,.34); transition: 0.2s; } .block_gift_slide .slide-gift-item.checked .check__box { transition: 0.2s; background-color: rgba(32, 133, 207, 1); color: #fff; } .wrapper_block_gift_slide.checked { border-color: #2086CF; } .basket-item { position: relative; } .basket-item .stiker_present { width: 180px; position: absolute; border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; background-color: #74b65f; text-align: center; font-size: 16px; padding:10px 0; top: 0; left: 0; color: #3e3e3e; font-size: 16px; font-family: "Manrope"; } .basket-item.basket-item-gift{ border: 1px solid #74b65f; padding: 40px 30px 30px; } .gift.ackii { background: #fff; color:#74b65f; } .ackii { border:1px solid #56D96A; } @media screen and (max-width: 1380px) and (min-width: 1226px) { .wrapper_block_gift_slide { width: 50vw; } } @media screen and (max-width: 1225px) and (min-width: 1025px) { .wrapper_block_gift_slide { width: 40vw; } } @media screen and (max-width: 1100px){ .contain_video_ytube { position: relative; overflow: hidden; } .contain_video_ytube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; outline-width: 0; } } .in_page_pro_flex_right_in1 .ackii a:active, .in_page_pro_flex_right_in1 .ackii a { text-decoration: none; color: #fff; } #catalog_nav_parent_show_custom { border-radius: 50px; cursor: pointer; transition: all .2s; font-weight: 500; font-size: 18px; color: #fff; background: #2086CF; padding: 15px 30px; display: inline-block; margin-top: 30px; } @media screen and (max-width: 1024px){ .catalog_nav_parent_block_custom { display: none; } .banner_download_catalog { display: none; } } .block_banner_section { position: relative; } .banner_top_section { width: 100%; } .block_banner_section .banner_download_catalog { position: absolute; top: 1.8vw; right: 125px; max-width: 270px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #50575B; padding: 20px; border-radius: 15px; background-color: rgba(232, 233, 235, 0.9); } .block_banner_section .banner_download_catalog a .banner_download_catalog_text { margin: 0; font-size: 21px; font-weight: 500; line-height: 1; margin-bottom: 20px; } .block_banner_section .banner_download_catalog .banner_download_catalog_link { color: #fff; font-size: 18px; text-decoration: unset; max-width: 230px; width: 100%; height: 48px; border-radius: 60px; background: #2086cf; display: flex; align-items: center; justify-content: center; } .block_banner_section .banner_download_catalog .banner_download_catalog_link:hover { filter: drop-shadow(0px 8px 25px #AFD5F0); transition: 0.3s; } .new_slide { margin-bottom: 40px; } /* .slick-list { height: 430px !important; width: 100% !important; } */ /*Поправка от Димана*/ @media (max-width:1580px) { .footer_flex_in { margin: 0 50px 0 0; } } @media (max-width:1300px) { .footer_flex { flex-wrap: wrap; } .footer_flex_left { width: 100%; } .footer_flex_right { display: flex; margin-top: 30px; } footer #contact-service { margin: 37px 0 0 20px; } .footer_flex_in_mail { padding: 37px 0 0 10px; } } @media screen and (max-width: 1150px) { .footer_flex_in { margin: 0 10px 0 0; } } @media (max-width:980px) { .footer_flex_left .footer_flex_in_start { width: 100%; } .footer_flex_right .footer_flex_in { margin-bottom: 0px; padding-bottom: 0px; } .footer_flex_in_mail { padding-top: 0; } .footer_flex_left .footer_flex_in_start { height: 500px; } footer #contact-service { margin: 20px 0 0 0; } .in_page_pro_flex_right .block_heading_with_link { margin: 0 0 10px 0; } .in_page_pro_flex_right_in2 { margin: 0 0 10px 0; } .in_page_pro_flex_right_in1 { margin: 0 0 10px 0; } } @media (max-width:1000px) { .footer_flex_in { margin: 0; } } @media (max-width:1000px) { footer .payment-site { flex-direction: column; } footer .payment-title { margin-bottom: 20px; } } /*Поправка от Димана*/ /* Стили для способов оплаты внутри карточки товара*/ .payment_methods_product { max-width: 431px; display: flex; flex-wrap: wrap; align-items: center; /* justify-content: space-between; */ } .payment_methods_product img { margin-top: 13px; margin-right: 12px; } @media (max-width: 950px){ .payment_methods_product { flex-wrap: wrap; justify-content: left; max-width: unset; } .payment_methods_product img { margin-right: 20px; } } /* Форма консультации внутри карточки товара */ .in_page_pro_form_consultation { /* margin: 0 0 50px 0; */ margin: 30px 0 20px auto; /* margin-left: auto; */ display: flex; flex-direction: column; /* padding: 30px; */ /* background-color: #f7f8fa; */ max-width: 427px; /* border-radius: 15px; */ } .in_page_pro_form_consultation a { display: block; border: 1px solid #2086CF; color: #2086CF; border-radius: 80px; font-weight: 500; font-size: 18px; text-decoration: none; text-align: center; padding: 11px 0; max-width: 300px; } .in_page_pro_form_consultation span { margin-bottom: 15px; font-size: 18px; } @media (max-width: 950px){ .in_page_pro_form_consultation { max-width: none; } .in_page_pro_form_consultation a { max-width: unset; } } .filter_item_hidden { display: none; transition: 0.2s; } .filter_item_padding_zero { padding-bottom: 0; } .show_more_properties { display: none; color: #2086CF; text-decoration: none; font-weight: 600; transition: 0.2s; } .show_more_properties_block { text-align: center; margin-bottom: 30px; } .header-callback { display: block; border: 1px solid #2086CF; color: #2086CF; border-radius: 80px; font-weight: 500; font-size: 14px; text-decoration: none; text-align: center; padding: 6px 16px; margin-left: 20px; } .menu_nav { margin: 0 auto; } footer .header-callback { margin-top: 15px; margin-left: 0; } .header-callback.mobile-menu__callback { display: none; } .mobile-menu__container { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } @media (max-width: 1200px) { .header-callback { display: none; } } @media (max-width: 750px) { .header-callback.mobile-menu__callback { display: block; max-width: 240px; width: 100%; } .mobile-menu__container .mobile-head-phone { margin: 0 !important; } } @media(max-width: 1400px) { .footer_flex .footer_flex_left .footer_flex_left_form_call_us { right: 40px !important; } .footer_flex .footer_flex_left .footer_flex_left_form_call_us .form_call_us_flex_in { width: 140px !important; } } .up-slider .slick-slide { margin: 0 10px; } .ur_block { color: #383838; font-size: 16px; line-height: 22px; } .ur_block span { color: #383838 !important; font-size: 16px !important; line-height: 22px !important; top: 4px !important; left: 34px !important; } .ur_block input { cursor: pointer; border-radius: 4px; padding: 0; width: 22px !important; display: inline-block; height: 22px; border: 1px solid #F3F3F3 !important; } .active_orders_top_right .skr { position: absolute; top: 100%; left: -30px; padding: 20px 30px; width: 280px; background: #FFF; opacity: 0; pointer-events: none; box-shadow: 0px 0px 16px rgba(186, 186, 186, 0.30); z-index: 10; transition: all 0.3s ease; } .active_orders_top_right:hover .skr { opacity: 1; pointer-events: all; } .bx-authform { margin: 0 auto 25px; } .btn.btn_1.btn-primary { width: 100%; background: #2484DC; } .block_6 .bx-authform-link-container a { display: flex; justify-content: center; align-items: center; padding: 10px 0; color: #717483; text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; text-decoration: unset; border-radius: 80px; border: 1px solid #BED0E0; } .corzina_flex_right_in .btn_1 { padding: 14px 0 15px; height: auto; border-radius: 80px; background: #2484DC; color: #FFF; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; transition: all 0.3s ease; } .basket-total__one-click-wrapper .basket-total__one-click-link { display: inline-block; color: #2483DC; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; } .block_serv_warran_in .btn_1 { font-size: 16px; width: unset; background: #2086CF; height: auto; border: none; color: #fff; line-height: 100%; padding: 14px 20px; } .video-content { position: relative; height: 500px; } .video-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .video-link{ width: 150px; height: 150px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; display: flex; cursor: pointer; justify-content: center; align-items: center; } .form-privacy { position: relative; display: block; margin-top: 15px; color: #ffffff; font-size: 13px; font-weight: 300; cursor: pointer; & > input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none; } & a { color: #c9e0ff; font-weight: 400; } } .popup-light_privacy { color: #808080; & a { color: #91969d; } } .form-privacy-text:before { display: inline-block; } .privacy-policy { position: fixed; bottom: 0; z-index: 8; gap: 25px; padding: 20px 25px; border-radius: 20px 20px 0 0; background-color: #F7F8FA; transition: bottom .4s; animation: ppReviewal 1s; & a { color: inherit; opacity: .8; } &.hidden { bottom: -200px; pointer-events: none; } } @keyframes ppReviewal { 0% {bottom: -200px;} 100% {bottom: 0;} } .privacy-policy_button { padding: 16px 30px; border: none; border-radius: 60px; color: #ffffff; background-color: #2086CF; font-size: 16px; transition: opacity .4s; &:hover { opacity: .7; } } @media(min-width: 1250px) { .privacy-policy { left: 50%; transform: translateX(-50%); } } @media (max-width: 1250px) { .privacy-policy { bottom: 64px; left: 0; } @keyframes ppReviewal { 0% {bottom: -200px;} 100% {bottom: 64px;} } } @media (max-width: 992px) { .block_serv_warran_in .btn_1 { font-size: 12px; } } @media (max-width: 768px) { .up-slider img { max-height: 140px; } #twoGisReviews { min-height: 820px; } .privacy-policy { gap: 7px; flex-direction: column; align-items: normal; } .privacy-policy_text { font-size: 12px; } } @media (max-width: 992px) { .block_serv_warran_in .btn_1 { font-size: 12px; } } .form-privacy { position: relative; display: block; margin-top: 15px; color: #ffffff; font-size: 13px; font-weight: 300; cursor: pointer; & > input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none; } & a { color: #c9e0ff; font-weight: 400; } } .popup-light_privacy { color: #808080; & a { color: #91969d; } } .form-privacy-text:before { display: inline-block; } .privacy-policy { position: fixed; bottom: 0; z-index: 10; gap: 25px; padding: 20px 25px; border-radius: 20px 20px 0 0; background-color: #F7F8FA; transition: bottom .4s; animation: ppReviewal 1s; & a { color: inherit; opacity: .8; } &.hidden { bottom: -200px; pointer-events: none; } } @keyframes ppReviewal { 0% {bottom: -200px;} 100% {bottom: 0;} } .privacy-policy_button { padding: 16px 30px; border: none; border-radius: 60px; color: #ffffff; background-color: #2086CF; font-size: 16px; transition: opacity .4s; &:hover { opacity: .7; } } @media(min-width: 1250px) { .privacy-policy { left: 50%; width: max-content; transform: translateX(-50%); } } @media (max-width: 1250px) { .privacy-policy { bottom: 64px; left: 0; } @keyframes ppReviewal { 0% {bottom: -200px;} 100% {bottom: 64px;} } } /* End */ /* Start:/local/assets/css/media.css?175636933125575*/ @media screen and (max-width: 1600px) { .catalog_flex_filtr .block_1_flex_slider { max-width: 1185px; } .catalog_flex_filtr_left_flex_in .block_4_in_slide_in_in { max-width: 310px; } .sravnenie_flex_right_slide { max-width: 1360px; } .form_call_us_flex_in1 .popap_vacancy_ic { right: 0; } .write_ic { right: 0; } .form_call_us_flex_in_main .form_call_us_flex_in h5 { max-width: 330px; } .block_5_flex_in { max-width: 374px; } } @media screen and (max-width: 1440px) { .main_search_block { max-width: 725px; } .block_1_flex_slider { max-width: 1095px; } .catalog_flex_filtr .block_1_flex_slider { max-width: 900px; } .more_show { max-width: 240px; } .sravnenie_flex_right_slide { max-width: 1180px; } .block_5_flex_in { max-width: 333px; } .form_call_us_flex_in_teh .sms_ic { background: url(/local/assets/css/../img/sms_ic2.svg) 0 0 no-repeat; background-size: 180px; width: 180px; right: 50px; } } @media screen and (max-width: 1366px) { .main_search_block { max-width: 695px; margin-left: -380px; } .catalog_nav_in p, .catalog_nav_in a { font-size: 13px; } .catalog_nav_in_in { top: 53px } .block_1_flex_slider { max-width: 1015px; } .footer_flex_in { margin: 0 40px 0 0; } .catalog_flex_filtr .block_1_flex_slider { max-width: 900px; } .catalog_flex_filtr_left_flex_list_flex_in_left { width: 70%; } .sravnenie_flex_right_slide { max-width: 1120px; } .block_5_flex_in { max-width: 314px; } .form_call_us_flex_in_teh .sms_ic { background-size: 160px; width: 160px; right: 30px; } .company_bl_main_txt_and_img .company_bl_main_txt_and_img_info .txt_and_img_info_about { margin: unset; } .company_bl_main_txt_and_img .company_bl_main_txt_and_img_info .txt_and_img_info_pictr img { width: 100%; } .block_advantages_page_about { justify-content: center; } .page_about_map_info .company_bl_main_map img { width: 100%; } .company_bl_main_cert_flex .slick-prev.slick-arrow{ left: 15px; } .company_bl_main_cert_flex .slick-next.slick-arrow{ right: 15px; } .company_video_block_small.about_video_small p { width: unset; height: 260px; overflow: unset; } } @media screen and (max-width: 1150px) { .footer_flex_in { margin: 0 10px 0 0; } .footer_flex_left .footer_flex_in_start { width: 680px; } } @media screen and (max-width: 1360px) {} @media screen and (max-width: 1280px) { .menu_nav { margin: 0 2.5% 0 0; } .main_search_block { max-width: 605px; margin-left: -330px; } .catalog_nav_in p { font-size: 12px; } .block_1_flex_slider { max-width: 995px; } .block_1_flex_akcii { width: 225px; } .block_1_flex_akcii h3 { font-size: 30px; top: 35px; } .block_4_in_flex { flex-wrap: wrap; } .block_4_in_flex p { white-space: nowrap; } .block_6_flex .block_5_flex_in_txt { min-height: 170px; } .sms_ic { margin-top: 40px } .consult_ic { right: 20px; margin-top: 10px; } .subscribe_us_flex { flex-wrap: wrap; } .subscribe_us_flex h4 { width: 100%; margin: 0 0 30px 0; } .catalog_flex_filtr_left_flex_in .block_4_in_slide_in_in { max-width: 300px; } .sravnenie_flex_right_slide { max-width: 1030px; } .corzina_flex_right { margin: 0 0 0 20px; } .block_5_flex_in { max-width: 294px; } .contact_block_main_flex2_right { top: 0; } .form_call_us_flex_in_teh .sms_ic { background-size: 140px; width: 140px; right: 30px; } } @media screen and (max-width: 1024px) { .main_search_block { max-width: 375px; margin-left: -210px; } .main_search_block_in input { text-overflow: ellipsis; } .catalog_nav { position: relative; } .catalog_nav_btn { display: block; } .catalog_nav_btn { display: block !important; width: 35px; height: 35px; position: relative; cursor: pointer; border-radius: 8px; z-index: 97; } .catalog_nav_btn>span { width: 28px; height: 3px; background: #50575B; position: absolute; top: 50%; left: 0; margin: -1px 0 0 0; } .catalog_nav_btn>span::before, .catalog_nav_btn>span::after { content: ""; width: 34px; height: 3px; background: #50575B; position: absolute; left: 0; transition: transform .2s; } .catalog_nav_btn>span::before { top: -8px; } .catalog_nav_btn>span::after { bottom: -8px; } .catalog_nav_btn.catalog_nav_btn_is_active>span { background: transparent; } .catalog_nav_btn_is_active>span::before { transform: rotate(45deg); top: 0; } .catalog_nav_btn_is_active>span::after { transform: rotate(-45deg); bottom: 0; } .catalog_nav { padding: 10px 0 10px 10px; } .catalog_nav_parent { position: absolute; top: 70px; left: 0; display: none; padding: 15px 40px; box-shadow: 0px 58px 70px rgb(0 0 0 / 15%); border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; z-index: 50; background: #fff; } .catalog_nav_in { width: auto; } .catalog_nav_in_in { position: static; padding: 0; } .catalog_nav_in_in_in { padding: 20px; margin: 0 0 0 0; } .catalog_nav_in p { font-size: 14px; } .block_1_flex { flex-wrap: wrap; } .block_1_flex_akcii { display: none; } .block_1_flex_slider { max-width: 100%; } .block_5_flex { flex-wrap: wrap; } .block_5_flex_in { max-width: 48%; } .reviews_in_flex_in_txt { flex-wrap: wrap; } .reviews_in_flex_in_txt img { width: 100%; } .reviews_in_flex_in_txt h4 { padding: 20px 0 0 0; } .form_call_us_flex_in { padding: 50px 20px; } .sms_ic { width: 128px; height: 103px; background-size: 128px; right: 20px; margin-top: 60px; } .consult_ic { width: 115px; height: 130px; background-size: 115px; } .footer_flex { flex-wrap: wrap; } .footer_flex_left { width: 100%; justify-content: space-between; } .footer_flex_right { margin-top: 40px; } .footer_flex_in_mail { margin-left: 30px; } .block_8_flex_in_flex_in { padding: 35px 20px 20px; } .block_8_flex_in_flex_in_top h3 { font-size: 28px; } .block_9_flex { max-width: 100%; justify-content: space-between; } .block_9_flex_in { max-width: 395px; } .block_9_flex_in p { font-size: 25px; } .catalog_flex_filtr .block_1_flex_slider { max-width: 570px; } .catalog_flex_filtr_left_flex_show_more { flex-wrap: wrap; } .more_show { max-width: 100%; margin-bottom: 30px; } .catalog_flex_filtr_left_flex_list_flex { flex-wrap: wrap; justify-content: flex-end; } .catalog_flex_filtr_left_flex_list_flex_in_left { width: 100%; align-items: flex-start; } .sravnenie_flex_right_slide { max-width: 770px; } .in_page_pro_flex { flex-wrap: wrap; } .in_page_pro_flex_left { margin: 0 0 30px 0; } .form_call_us_flex_in1 .popap_vacancy_ic { width: 100px; height: 80px; background-size: 100px; } .write_ic { width: 100px; height: 54px; background-size: 100px; } .corzina_flex { flex-wrap: wrap; justify-content: center; } .corzina_flex_left { margin: 0 0 30px 0; } .contact_block_main_flex_in { width: 48%; } .contact_block_main_flex2 { flex-wrap: wrap; } .contact_block_main_flex2_right { padding: 0; } .company_bl_main_txt_flex { flex-wrap: wrap; justify-content: center; } .about_txt_top_line .leasing_block1_top_border_band { height: 100px; } .company_bl_main_txt_flex_left { margin: 0 0 30px 0; } .form_call_us_flex_in_teh .sms_ic { background-size: 90px; width: 90px; right: 10px; height: 80px; } } .use-for.in_page_pro6_table table td:nth-child(1) { width: 90%; } .use-for.in_page_pro6_table table tr td:nth-child(2){ text-align:center; } @media screen and (max-width: 980px) { .choos_town_block_in { width: 470px; padding: 25px 15px; } /* a.desk_l_nav { display: none; } */ a.mob_l_nav { display: block; } .more_nav_in { left: initial; right: 0; } .tel_num { display: none; } .tlg-icon-header { display: none; } .top_header_flex { width: 100%; flex-wrap: wrap; } .menu_nav { margin: 0; } .menu_nav__holder{ justify-content: space-between; align-items: flex-end; } .menu_nav a { font-size: 14px; margin: 0 20px 0 0; } .bot_header_flex { width: 100%; justify-content: flex-start; } .logo { margin: 0 0 80px 0; } .main_search_block { top: 60px; left: 0; max-width: 100%; margin-left: 0; } .main_search_block_in { padding: 15px 0 4px 0; } .links_for { width: 100%; justify-content: space-between; } .links_for>div { margin: 0; } .catalog_nav { padding: 20px 0 10px 0px; } .catalog_nav_parent { padding: 15px 20px; } .bot_header { margin: 0 0 20px 0; } .block_1_flex_slider { margin: 0 !important; } .block_1_flex_slider_in a img { width: auto; height: 200px; } .block_heading_with_link { flex-wrap: wrap; } .block_heading_with_link h3 { font-size: 28px; width: 100%; margin: 0 0 10px 0; } .block_heading_with_link h4 { font-size: 24px; } .block_heading_with_link a { font-size: 22px; } .block_4_in_flex p { font-size: 14px; } .block_4_in_slide_in_in { min-height: 420px; } .block_4_in_slide_in_in_price { padding: 0 10px 25px; } .block_4_in_slide .buy_for { right: 0; } .block_4_in_slide_in_in_price h5 { font-size: 18px; } .block_5_flex_in { max-width: 100%; } .block_5_flex_in_txt>p { padding-bottom: 50px; } .block_6_flex .block_5_flex_in { max-width: 100%; } .block_6_flex .block_5_flex_in .block_5_flex_in_txt>h3 { font-size: 18px; } .reviews { margin: 0 0 40px 0; } .reviews_in_flex { flex-wrap: wrap; } .reviews_in_flex_in { width: 100%; } .reviews_in_flex_in_txt { flex-wrap: nowrap; } .reviews_in_flex_in_txt img { width: 30%; } .reviews_in_flex_in_txt h4 { padding: 0px 0 0 20px; } .form_call_us { margin: 0 0 30px 0; } .form_call_us_flex { flex-wrap: wrap; } .form_call_us_flex_in { width: 100%; margin: 0 0 20px 0; } .block_7 { margin: 0 0 10px 0; } .block_7_flex_in { width: 49%; padding: 10px 10px 10px; } .footer_flex_left { flex-wrap: wrap; } .footer_flex_in { width: 100%; margin: 0 0 20px 0; padding: 0 0 20px 0; } .footer_flex_in h4 { margin: 0 0 10px 0; } .footer_flex_in a { display: inline-block; margin: 5px 30px 5px 0; } .footer_flex_right { flex-wrap: wrap; justify-content: flex-start; margin-top: 20px; } .footer_flex_in_mail { width: 100%; margin-left: 0; } .block_heading_with_link2 h3 { margin: 0; } .block_8_flex { flex-wrap: wrap; } .block_8_flex_in_flex { width: 100%; } .block_8_flex_in_flex_in_top { padding: 0 75px 20px 0; } .block_8_flex_in_flex_in_top h4 { font-size: 26px; } .block_8_flex_in_flex_in_top h3 { font-size: 24px; } .vac_ic1 { width: 47px; height: 69px; right: 25px; background-size: 47px; } .vac_ic2 { width: 57px; height: 72px; right: 15px; background-size: 57px; } .block_8_flex_in_flex_in_bot { padding: 20px 0 0 0; } .subscribe_us { padding: 30px 0 20px; } .subscribe_us_flex .form_call_us_flex_in_input { max-width: 100%; } .subscribe_us_flex .sms_ic { margin: 20px 0 0 70px; } .popap_vacancy { padding: 60px 20px 40px; } .block_9 { padding: 0 0 20px 0; } .block_9_txt p { font-size: 18px; } .block_9_flex_in { max-width: 49%; } .block_9_flex_in p { font-size: 18px; } .block_10 { padding: 40px 0; } .block_10_flex { flex-wrap: wrap; } .block_10_in { padding: 30px 10px; } .catalog_flex_filtr { flex-wrap: wrap; flex-direction: column-reverse; } .catalog_flex_filtr_right { max-width: 100%; width: 100%; } .catalog_flex_filtr_right_in { user-select: none; } .filrt_form { display: none; } .catalog_flex_filtr_right_in_ban { display: none; } .sort_by_flex { flex-wrap: wrap; } .catalog_flex_filtr_left { padding: 0; } .catalog_flex_filtr .block_1_flex_slider { max-width: 470px; } .catalog_flex_filtr_left_flex_in .block_4_in_slide_in_in { max-width: 230px; padding: 0 10px; } .catalog_flex_filtr_left_flex_in .block_4_in_slide_in_in_img_txt p { padding: 0; margin: 10px 0 30px 0; } .sort_by_flex_in_select1 { margin: 0 0 20px 0; } .sort_by_flex_in_select2 { margin: 0 0 20px 0; } .catalog_nav_btn { position: absolute; top: -175px; right: 10px; } .catalog_nav_parent { top: -110px; z-index: 100; } .nav_prod_flex_in { padding: 5px 5px; } .nav_prod_flex_in img { height: 20px; } .nav_prod_flex_in a { font-size: 14px; padding: 0 5px; } .nav_prod_flex_in span { font-size: 12px; } .btn_for_filtr { margin: 0; background: url(/local/assets/css/../img/f_ic.svg)0px 7px no-repeat; background-size: 20px; padding: 0 15px 0 35px; } .nav_prod_flex { margin: 0 0 5px 0; } .filrt_form { padding-top: 30px; } .filrt_form_in_head b { left: initial; right: 80px; } .filrt_form_in_head b:after { right: initial; left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 8px 0; border-color: transparent #fff transparent transparent; } .catalog_flex_filtr_left_flex_list_flex_in_left { flex-wrap: wrap; } .catalog_flex_filtr_left_flex_list_flex_in_left img { width: 118px; } .catalog_flex_filtr_left_flex_list_flex_in_left_in1 { max-width: 290px; } .catalog_flex_filtr_left_flex_list_flex_in_left_in2 { padding: 20px 0 0 30px; } .catalog_flex_filtr_left_flex_list_flex_in_right { margin: -60px 0 0 0; } .catalog_flex_filtr_left_flex_list_flex { padding: 20px 15px; } .catalog_flex_main { flex-wrap: wrap; } .catalog_flex_main_left { max-width: 100%; } .menu_btn_nav { display: block; font-size: 25px; font-weight: 700; padding: 10px 30px 10px 50px; margin: 0 0 20px 0; position: relative; background: #F7F8FA; border-radius: 15px; } .menu_btn_nav span { display: inline-block; width: 15px; height: 2px; background: #50575B; position: absolute; top: 50%; left: 25px; margin-top: 0px; } .menu_btn_nav:before, .menu_btn_nav:after { content: ""; display: inline-block; width: 15px; height: 2px; background: #50575B; position: absolute; } .menu_btn_nav:before { top: 50%; left: 25px; margin-top: -7px; } .menu_btn_nav:after { bottom: 50%; left: 25px; margin-bottom: -9px; } .catalog_flex_main_left_in { display: none; } .catalog_flex_main_right_flex_in { width: 49%; min-height: auto; margin: 0 0 20px 0; padding: 15px 10px 15px 10px; } .catalog_flex_main_right_flex { justify-content: space-between; } .catalog_flex_main_right_flex_in img { height: 50px; } .catalog_flex_main_right_flex_in span { font-size: 14px; } .catalog_flex_main_right_flex_in p { font-size: 14px; } .links_for_del_share { margin: 20px 0 10px; } .sravnenie_flex_right_slide { max-width: 250px; } .in_page_pro_flex_left { width: 100%; } .in_page_pro_flex_left_slide_in_in img { width: 100%; height: auto; } .block_heading_with_link h3 { font-size: 20px; } .in_page_pro_flex_right_in2 p { font-size: 30px; } .in_page_pro_flex_right_in2 span { font-size: 24px; } /* .in_page_pro2 .block_heading_with_link, .in_page_pro3 .block_heading_with_link, .in_page_pro4 .block_heading_with_link, .in_page_pro5 .block_heading_with_link, .in_page_pro6 .block_heading_with_link { margin: 0 0 0 0; } */ .in_page_pro4_txt h4 { font-size: 18px; } .in_page_pro4_txt ul li { font-size: 16px; } .in_page_pro6_table table th:nth-child(1) { width: 150px } .in_page_pro6_table table td:nth-child(1) { width: 150px } .use-for.in_page_pro6_table table th:nth-child(1) { width: 400px } .use-for.in_page_pro6_table table tr td:nth-child(2) { text-align:center; } .in_page_pro6_table table td div img { height: 60px; } .in_page_pro6_table table td div p { margin: 0 0 0 10px; } .in_page_pro4, .in_page_pro6 { margin: 0 0 40px 0; } .in_page_pro2 .sravnenie_flex { margin: 0; } .form_call_us_flex_in_main { width: 100%; } .chos_adres_fix { width: 100%; margin: 0 0 20px 0; position: static; } .chos_adres_fix2 { width: 100%; margin: 0 0 20px 0; position: static; } .corzina_flex_left_in { flex-wrap: wrap; position: relative; } .corzina_flex_left_in_left { flex-wrap: wrap; justify-content: flex-start; } .corzina_flex_left_in_left>img { width: 118px; } .corzina_flex_left_in_left .catalog_flex_filtr_left_flex_list_flex_in_left_in1 { max-width: 270px; margin: 0 0px 0 0; } .corzina_flex_left_in_left .in_page_pro_flex_right_in4_btn_count { padding: 20px 0 0 0; } .prise_corzin { padding: 20px 20px 0 0; } .corzina_flex_left_in_right { position: absolute; right: 20px; bottom: 33px; } .corzina_flex_right { margin: 0; width: 100%; } .corzina_flex { margin: 0 0 30px 0; } .bot_header_oform { margin: 0; } .oform_zakaz_block_in_in { padding: 20px 20px; } .oform_zakaz_block_in_in_flex { flex-wrap: wrap; } .oform_zakaz_block_in h4 { font-size: 20px; } .oform_zakaz_block_in_in_flex_right { width: 100%; margin: 0; } .total_flex { flex-wrap: wrap; } .total_flex>div { margin: 0 0 20px 0; } .akcii_in_block .block_heading_with_link { margin: 0 0 10px 0; } .akcii_in_block_txt h5 { font-size: 20px; } .contact_block_main_flex_in { width: 100%; } .contact_block_main_flex2_left_in_in1 { margin: 0 0 12px 0; } .contact_block_main_flex2_left_in_in1 div a { font-size: 18px; } .contact_block_main_flex2_left_in>p { font-size: 16px; margin: 0 0 15px 0; } .contact_block_main_flex2_left_in_in2>div span { font-size: 14px; } .contact_block_main_flex2_left_in_in2>div p { font-size: 15px; } .contact_block_main_flex2_right .contact_block_main_flex2_right_item { justify-content: center; } a.filial_town { font-size: 20px; } .company_bl_main_ban { overflow: hidden; border-radius: 20px; } .company_bl_main .block_heading_with_link .block_advantages_name { max-width: 390px; } .company_bl_main_ban img { width: auto; height: 210px; } .company_bl_main_txt { padding: 0; } .company_bl_main_txt p { font-size: 18px; max-width: 390px; } .company_video_block_small { margin: 0 -7px 30px; } .company_video_block_small p { width: 22.3%; height: 60px; overflow: hidden; } .company_video_block_small p img { width: 100%; height: auto; } .company_bl_main_txt_flex_left p { font-size: 18px; } .company_bl_main_txt_flex_right { width: 100%; padding: 30px 30px; } .company_bl_main_cert_flex { flex-wrap: wrap; } .company_bl_main_cert_flex_in { width: 48%; } .faq_flex { flex-wrap: wrap; } .faq_flex_left { width: 100%; } .faq_flex_right { width: 100%; } .faq_flex_right .form_call_us_flex_in { padding: 30px 20px; } .request_received { padding-left: 20px; padding-right: 20px; } .request_received>div { min-height: 340px; } .request_received>div h3 { font-size: 36px; } .request_received>div p { font-size: 23px; } .order_accepted { background: url(/local/assets/css/../img/zakaz_prinyat_bg.svg)0 bottom no-repeat; padding-bottom: 40px; } .order_accepted_body_flex { flex-wrap: wrap; justify-content: space-between; } .order_accepted_body_flex_in { margin: 0 0 40px 0; } .form_call_us_flex_in_teh .btn_1 { max-width: 315px; } .form_call_us_flex_in_teh .sms_ic { background-size: 90px; width: 90px; right: 20px; height: 65px; } .block_serv_warran_in_in2_head p { font-size: 24px; } .block_serv_warran_in_in2_head span { top: 25px; right: 25px; } .ready_sol_min .block_heading_with_link h3 { font-size: 23px; } .ready_sol_min_total { flex-wrap: wrap; } .ready_sol_min_total>div { margin: 0 0 20px 0; } .ready_sol_min_total>div>div p { font-size: 18px; } .ready_sol_min_total>div>div b { font-size: 18px; } .ready_sol_min_inflex_in { width: 48%; } .ready_sol_min_inflex_in .block_4_in_slide_in_in { min-height: 360px; } } @media screen and (max-width: 768px) {} @media screen and (max-width: 480px) {} /*Поправка от Димана*/ @media screen and (max-width: 750px) { footer .mobile-tab { display: flex; justify-content: space-between; align-items: center; } .footer_flex_in h4 { margin: 0px; } .arrow-footer { display: block !important; } .footer_flex_left .footer_flex_in_start { height: auto; width: 100%; } .footer_flex_left .footer_flex_in_start a { width: 100%; } .footer_flex_in a { display: block; } footer #help-support { margin-bottom: 15px; } footer .mail-service-desctop { display: none; } footer .mail-service-mobile { display: block !important; } .footer_flex_right { width: 100%; } .footer_flex_left .footer_flex_in_start { display: none; } footer .mobile-list { display: none; } footer .arrow-footer { transition: all 0.5s ease; transform: rotate(0deg); } footer .arrow-footer.active-arrow { transform: rotate(-180deg); } footer .desctop-var { display: none; } .footer_flex_in { padding: 0px; } .footer_flex_right { margin-top: 0px; } footer #contact-service { margin: 20px 0 20px 0; } .footer_flex_in_social .social-title-mobile { font-size: 18px; } .footer_flex_in_social a { height: 30px; } footer .mobile-var { display: flex !important; justify-content: space-between; align-items: center; } .footer_flex_in_social a { margin: 0 0 0 10px !important; } footer .footer_delimeter { margin: 30px 0; } footer .payment-site { align-items: flex-start; } footer .payment-title { font-weight: bold; } footer .payment-img { margin: 5px 20px 5px 0; } footer .footer-last-text { text-align: left; } footer .footer-last-line { flex-direction: column; align-items: flex-start; } footer .year_text { margin: 0px; } footer .footer-last-line a, footer .year_text { margin-top: 10px; } footer .politic { order: 1; } footer .dogovor { order: 2; } footer .year_text { order: 3; } footer .footer-last-line { font-size: 13px; } footer .footer-last-text { margin: 20px 0; } } /*Поправка от Димана*/ /*хидер-Диман*/ @media screen and (max-width: 750px) { .hide { display: none !important; } .footer_flex_in_mail { padding-left: 0px; } #catalog_nav_btn { display: none !important; } .catalog-box { padding: 0px; } .catalog-box #show-catalog { display: none !important; } .catalog-burger { display: flex !important; align-items: center; margin-right: -40px; } .top_header #show-catalog-mobile { width: 58px; height: 40px; border-radius: 20px; background: #2086cf; display: flex; justify-content: center; align-items: center; border: none; cursor: pointer; transition: 0.3s; margin-right: 20px; } .mobile-head-phone { display: flex !important; justify-content: flex-end; } .mobile-head-phone .tel_num { font-size: 17px; font-weight: 500; color: #6E7D86; margin: 0px; } .mobile-head-phone { margin: 0 0 30px 0 !important; } .mobile-head-delimeter { display: block !important; height: 2px; background: #F7F7F7; margin: 30px 0; } .catalog-box .popular-menu { display: none !important; } .logo { display: none !important; } .main_search_block { top: -10px; } .links_for { margin-top: 70px; } .top_header_flex { flex-wrap: nowrap; } .top_header_flex { position: relative; align-items: center; } .top_header .mobile-logo { display: block !important; } /**бургер***/ .burger { display: block !important; width: 35px; height: 35px; position: relative; cursor: pointer; border-radius: 8px; z-index: 97; } .burger>span { width: 34px; height: 3px; background: #50575B; position: absolute; top: 50%; left: 0; margin: -1px 0 0 0; } .burger>span::before { top: -8px; } .burger>span::before, .burger>span::after { content: ""; width: 34px; height: 3px; background: #50575B; position: absolute; left: 0; transition: transform .2s; } .burger>span::after { bottom: -8px; } /**active***/ .burger.is_active>span { background: transparent; } .is_active>span::before { transform: rotate(45deg); top: 0; } .is_active>span::after { transform: rotate(-45deg); bottom: 0; } /**бургер***/ .menu_nav { margin-top: -1px; position: absolute; top: 100%; left: -15px; z-index: 99999; /*border: 3px solid black;*/ width: calc(100% + 30px); padding: 0 15px; border-radius: 0 0 20px 20px; background: #FFFFFF; border-top: 2px solid #F7F7F7; } .choos_town_block_in { z-index: 999999; } .menu_nav__holder { flex-direction: column; align-items: flex-start; } .more_nav_in { left: 10px; right: initial; } .menu_nav .popular-sections { display: block !important; margin-top: 15px; margin: 15px 0 10px 0; padding: 0px; } .menu_nav .popular-sections li { list-style-type: none; } .menu_nav .popular-sections li a { text-transform: uppercase; font-size: 16px; color: #50575B; font-weight: 700; } .menu_nav a { margin-bottom: 10px; } .menu_nav { display: none; } .mobile-shade { position: absolute; top: 100%; left: -15px; z-index: 9999; width: calc(100% + 30px); /* background: #1e1e1e; opacity: 0.8;*/ background: #6691B9; opacity: 0.7; /*height: 100vh;*/ } } /*хидер-Диман*/ /* End */ /* Start:/local/assets/css/swiper.min.css?174082563218459*/ /** * Swiper 11.1.15 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 18, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/assets/css/common.css?1759741284125510*/ @charset "UTF-8"; /* cyrillic-ext */ @font-face { font-family: 'Onest'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Onest'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Onest'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Onest'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmf-HY.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } :root { --font-family: "Onest", serif; --main-color: #444444; --second-color: #111111; --accent-color: #e22e2e; } .header { position: relative; z-index: 99; width: 100%; background: white; } .header__top { background: #f7f8fa; padding: 5px 0; height: 50px; } .header__top .container { display: flex; align-items: center; justify-content: space-between; position: relative; height: 100%; } .header__top_other { display: flex; align-items: center; position: absolute; top: 0px; right: 40px; background-color: #F7F7F8; padding-left: 15px; z-index: 100; } .header__top_other .header__nav_more { display: none; } .header__bottom { padding: 23px 0; background: white; transition: all 0.2s ease; } .header__bottom .container { display: flex; align-items: center; justify-content: space-between; position: relative; } .header__bottom .header__burger, .header__bottom .header__notification_count { display: none; } .header__bottom.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 98; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .header__nav { display: flex; align-items: center; justify-content: flex-start; gap: 20px; } .header__nav a { display: inline-block; font-size: 16px; color: #70828A; text-decoration: none; transition: all 0.2s; white-space: nowrap; cursor: pointer; } .header__nav a:hover { color: #0071E3; } .header__nav_more { position: relative; } .header__nav_more span { display: inline-flex; align-items: center; gap: 5px; color: #70828A; font-weight: 300; font-style: Light; font-size: 16px; line-height: 100%; letter-spacing: 0%; cursor: pointer; transition: all 0.2s; } .header__nav_more-content { max-height: 0; opacity: 0; overflow: hidden; position: absolute; top: calc(100% + 8px); left: 0px; z-index: 100; background: #ffffff; box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.1); border-radius: 8px; transition: max-height 0.5s ease, opacity 0.5s ease, padding-top 0.5s ease, padding-bottom 0.5s ease; } .header__nav_more-content a { display: block; padding: 16px; font-size: 16px; font-weight: 400; display: block; text-decoration: none; white-space: nowrap; color: #70828A; transition: color 0.2s, background 0.2s; cursor: pointer; } .header__nav_more:hover span { color: #0071E3; } .header__nav_more:hover span svg path { stroke: #0071E3; } .header__nav_more:hover .header__nav_more-content { max-height: 1000px; opacity: 1; } .header__video { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 400; line-height: 20px; color: #70828A; margin-right: 30px; transition: color 0.3s ease; } .header__video:hover { color: #0071E3; } .header__whatsapp { margin-right: 10px; display: flex; align-items: center; } .header__telegram { margin-right: 10px; display: flex; align-items: center; } .header__phone { font-weight: 300; color: #70828A; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; transition: all 0.3s ease; margin-right: 30px; white-space: nowrap; cursor: pointer; } .header__phone * { cursor: pointer; } .header__phone:hover { color: #0071E3; } .header__feedback { color: #2C3336; padding: 9px 20px; font-size: 16px; font-style: normal; font-weight: 500; line-height: 135%; border-radius: 16px; border: 1px solid #fff; background-color: #fff; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294); transition: all 0.3s ease; display: block; text-decoration: none; text-align: center; cursor: pointer; height: 40px; white-space: nowrap; } .header__feedback:hover { border: 1px solid #0071E3; color: #0071E3; } .header__logo { width: 203; height: 76px; flex-shrink: 0; display: block; padding: 5px 6px 10px 8px; } .header__logo img { width: 100%; height: 100%; } .header__bottom-middle { display: flex; align-items: center; gap: 16px; } .header__discount { flex-shrink: 0; position: relative; width: 60px; height: 60px; background: #F7F7F8; border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; } .header__discount span { min-width: 16px; min-height: 16px; position: absolute; top: 0px; right: 0px; background: #FF3249; border-radius: 50%; } .header__discount-dropdown { position: absolute; top: 100%; background: #FFFFFF; border-radius: 16px; padding: 8px 8px 0px 8px; z-index: 10; height: 160px; overflow-y: auto; opacity: 0; visibility: hidden; pointer-events: none; max-height: 0px; transition: all 0.2s ease; } .header__discount-dropdown.active { opacity: 1; max-height: 160px; visibility: visible; pointer-events: all; } .header__discount-dropdown a { display: block; width: 232px; height: 68px; border-radius: 8px; margin-bottom: 8px; padding: 12px 16px; font-weight: 600; font-size: 24px; letter-spacing: 0%; color: #FFFFFF; } .header__discount-dropdown::-webkit-scrollbar { width: 4px; } .header__discount-dropdown::-webkit-scrollbar-track { background: #E1E1E5; } .header__discount-dropdown::-webkit-scrollbar-thumb { background-color: #2C3336; } .header__catalog_trigger { width: 150px; height: 60px; column-gap: 12px; color: #FFF; font-size: 16px; font-style: normal; font-weight: 500; line-height: 135%; justify-content: center; padding: 0; border-radius: 16px; background: #0071E3; display: flex; align-items: center; border: none; transition: 0.3s; cursor: pointer; } .header__catalog_trigger.is_active { background: #1087FE; } .header__catalog_trigger.is_active .header__catalog__close { display: block; } .header__catalog_trigger.is_active .header__catalog__open { display: none; } .header__catalog__close { display: none; } .header__search { width: 638px; height: 60px; position: relative; } .header__search input { width: 100%; height: 100%; padding: 20px 64px 20px 24px; border-radius: 16px; background-color: #F7F7F8; border: none; outline: none; } .header__search input::placeholder { color: #CDD1D2; } .header__search button { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; display: flex; align-self: center; justify-content: center; background-color: transparent; border: none; cursor: pointer; outline: none; } .header__search button * { cursor: pointer; } .header__links { display: flex; align-items: center; gap: 16px; justify-content: flex-end; } .header__links a { flex-shrink: 0; width: 60px; height: 60px; background: #F7F7F8; border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; transition: all 0.2s ease; } .header__links a span { display: inline-block; position: absolute; top: 0px; right: 0px; background: #0071E3; color: #fff; font-size: 13px; font-weight: 400; padding: 0 5px; border-radius: 50px; min-height: 16px; min-width: 16px; } .header__links a svg { min-width: 24px; min-height: 24px; } .header__links a svg path { transition: all 0.2s ease; } .header__links a:hover { color: #0071E3; } .header__links a:hover svg path { fill: #0071E3; } .header__links a.links_for_in4 span { right: 5px; } .header__search_trigger { display: none; } .hide { display: none !important; } .header__top { transition: transform 0.3s ease; } .header-scrolled .header__top { transform: translateY(-100%); } .header-scrolled .header__bottom { top: 0; } .footer { background: #232426; } .footer p, .footer a { font-weight: 400; font-size: 16px; /* line-height: 19px; */ line-height: 1.35; text-align: center; color: #91969d; transition: all 0.2s ease; } .footer a, .footer a * { cursor: pointer; } .footer a:hover { color: #0071E3; } .footer__top { padding: 48px 0; border-bottom: 1px solid #333436; position: relative; } .footer__top_content { display: flex; justify-content: space-between; gap: 16px; } .footer__bottom { padding: 32px 0; background: #292A2C; display: flex; flex-direction: column; align-items: center; gap: 40px; font-size: 14px !important; } .footer__bottom a { font-size: 14px !important; } .footer__bottom_container { max-width: 1304px !important; display: flex; flex-direction: column; gap: 20px; } .footer__bottom_content { display: flex; align-items: center; justify-content: center; column-gap: 30px; row-gap: 10px; } .footer__bottom_description { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; } .footer__bottom_copy { font-size: 14px; color: #91969d; } .footer__title { margin-bottom: 8px; color: rgba(255, 255, 255, 0.5); font-size: 15px; font-style: normal; font-weight: 300; line-height: 135%; } .footer__section_wrapper li a { font-size: 16px; color: rgba(255, 255, 255, 0.5); } .footer__section_wrapper li:not(:last-child) { margin-bottom: 15px; } .footer__catalog { width: calc(33.3333333333% - 16px); max-width: 448px; } .footer__menu { width: calc(33.3333333333% - 16px); max-width: 448px; } .footer__social_wrapper { display: flex; flex-direction: column; gap: 8px; } .footer__social_item { display: flex; align-items: center; gap: 10px; width: fit-content; color: #FFF !important; transition: color 0.3s ease; } .footer__social_item:hover { color: #0071E3 !important; } .footer__sites_wrapper { display: flex; flex-direction: column; gap: 8px; } .footer__sites_item { display: flex; align-items: center; gap: 10px; width: fit-content; color: #FFF !important; font-weight: 400 !important; } .footer__sites_item:hover { color: #0071E3 !important; } .footer__support { width: 100%; height: auto; max-width: 216px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; } .footer__support_wrapper { display: flex; flex-direction: column; gap: 24px; } .footer__support_phones { display: flex; flex-direction: column; gap: 15px; } .footer__support_item { display: flex; flex-direction: column; } .footer__support_item a { display: flex; align-items: center; gap: 10px; width: fit-content; font-size: 16px; font-weight: 300; color: #FFF !important; transition: color 0.3s ease; } .footer__support_item a:hover { color: #0071E3 !important; } .footer__support_title { color: rgba(255, 255, 255, 0.5); font-size: 15px; font-weight: 400; line-height: 135%; } .footer__support_phone { font-weight: 300 !important; font-size: 23px !important; line-height: 1.35; color: #fff !important; white-space: nowrap; } .footer__support_phone:hover { color: #0071E3 !important; } .footer__support .footer__buttons { margin-top: 35px; } .footer__buttons { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .footer__buttons_item { height: 48px; font-weight: 500; font-size: 16px; width: 100%; /* line-height: 19px; */ line-height: 1.35; display: block; padding: 13px; border-radius: 16px; border: 1px solid #0071E3; transition: all 0.3s; } .footer__buttons_item:first-child { color: #0071E3; } .footer__buttons_item:first-child:hover { color: #fff; background: #0071E3; } .footer__buttons_item:last-child { color: #fff; background: #0071E3; } .footer__buttons_item:last-child:hover { color: #fff; background-color: #1087FE; } .footer__mobile { display: none; } .footer__col { display: flex; flex-direction: column; justify-content: space-between; gap: 32px; width: 100%; } .footer__col.social { max-width: 216px; } .footer__form { padding: 32px 0; border-bottom: 1px solid #333436; } .footer__form_container { display: flex; align-items: center; justify-content: space-between; gap: 30px; } .footer__form_title { color: #FFF; font-size: 32px; font-weight: 600; line-height: normal; } .footer__form_privacy { display: flex; align-items: center; gap: 10px; color: #A5ACB5; font-size: 14px; font-weight: 400; line-height: 135%; /* 18.9px */ padding-left: 10px; position: relative; } .footer__form_privacy input { width: 5px; height: 5px; aspect-ratio: 1/1; border-radius: 5px; background: #D9D9D9; border-radius: 5px; } .footer__form_privacy label { cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 15px; height: 15px; border-radius: 3px; background-color: #FFF; display: flex; align-items: center; justify-content: center; transition: 0.3s ease; } .footer__form_privacy input:checked ~ label { background-color: #0071E3; } .footer__form_right { display: flex; align-items: center; gap: 16px; width: 50%; } .footer__form_input { border-radius: 16px; background: #FFF; flex-grow: 1; max-width: 670px; height: 52px; padding: 17px 20px; color: #CDD1D2; font-size: 18px; font-style: normal; font-weight: 300; text-align: center; line-height: 140%; /* 25.2px */ border: none; outline: none; } .footer__form_input::placeholder { color: #CDD1D2; } .footer__form_button { width: 226px; height: 52px; padding: 13px 30px; border-radius: 16px; background: #0071E3; color: #FFF; font-size: 18px; font-style: normal; font-weight: 500; line-height: 140%; /* 25.2px */ transition: all 0.2s ease; border: none; outline: none; cursor: pointer; } .footer__form_button:hover { background-color: #1087FE; } .catalog-menu { width: 100vw; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(68px); box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.08); display: block; position: absolute; top: 85px; left: -200%; width: 100%; transition: all 0.3s ease 0s; z-index: 99999; pointer-events: none; opacity: 0; visibility: hidden; } .catalog-menu.active { left: 0; opacity: 1; visibility: visible; pointer-events: all; } .catalog-menu__content { max-width: 1920px; margin: 0 auto; padding: 48px 40px; max-height: 794px; overflow-y: auto; overflow-x: hidden; position: relative; } .catalog-menu__content::-webkit-scrollbar { width: 8px; } .catalog-menu__content::-webkit-scrollbar-track { background: #F7F7F8; } .catalog-menu__content::-webkit-scrollbar-thumb { background-color: #E1E1E5; } .catalog-menu__list { width: 40%; font-weight: 600; font-size: 30px; display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 140px !important; } .catalog-menu__list li { width: 100%; } .catalog-menu__list li:hover > a { color: #0071E3; } .catalog-menu__list li a { color: #2C3336; transition: all 0.3s ease 0s; } .catalog-menu__list li sup { font-weight: 400; font-size: 13px; line-height: 130%; color: #B2BABD; } .catalog-menu__list .big-sale, .catalog-menu__list .discount { width: calc(50% - 8px); height: 140px; } .catalog-menu__list .big-sale a, .catalog-menu__list .discount a { display: block; width: 100%; height: 100%; border-radius: 12px; font-size: 46px; font-weight: 600; padding: 16px; color: #FFF; } .catalog-menu__link { font-size: 18px; font-weight: 500; color: #0071E3; display: flex; align-items: center; gap: 15px; } .catalog-menu__sublist { position: absolute; top: 48px; left: calc(40% + 40px); align-items: flex-start; width: calc(60% - 40px); column-count: 2; display: none; } .catalog-menu__sublist::before { content: ""; position: absolute; top: 0; left: -100px; width: 100px; height: 100px; background: transparent; } .catalog-menu__sublist > li { font-size: 16px; font-weight: 600; page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; margin-bottom: 16px; position: relative; } .catalog-menu__sublist > li a { padding: 8px 37px 8px 8px; display: block; } .catalog-menu__sublist > li > .sublist__arrow { position: absolute; top: 8px; right: 8px; width: 21px; height: 21px; border-radius: 4px; background-color: transparent; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease 0s; cursor: pointer; } .catalog-menu__sublist > li > .sublist__arrow svg path { transition: all 0.3s ease; } .catalog-menu__sublist > li > .sublist__arrow.active { background-color: #0071E3; } .catalog-menu__sublist > li > .sublist__arrow.active svg { transform: rotate(180deg); } .catalog-menu__sublist > li > .sublist__arrow.active svg path { stroke: #FFF; } .catalog-menu__sublist > li ul { display: none; } .catalog-menu__sublist > li ul li { color: #70828A; font-weight: 400; transition: all 0.3s ease 0s; } .catalog-menu__sublist > li ul li a { border-radius: 8px; margin-right: -8px; transition: all 0.3s ease 0s; } .catalog-menu__sublist > li ul li:hover a { background-color: #E2E3E9 !important; background-image: none !important; opacity: 1; color: #70828A; } .has-sublist__arrow { display: none; } .has-sublist:hover .catalog-menu__sublist { display: block; } .catalog-menu__inner { width: 70%; } .catalog-menu__arrow { display: none; } .catalog-menu__inner .catalog-sub-menu__list { display: flex; flex-wrap: wrap; } .catalog-menu__inner .catalog-sub-menu__item a { display: flex; align-items: center; width: 100%; max-width: 270px; margin: 0 30px 30px 0; /* box-shadow: 0px 0px 15px 10px #f3f3f3; */ padding: 10px; border-radius: 10px; /* text-decoration: none; */ transition: all 0.3s; } .catalog-menu__inner .catalog-menu__inner_item { display: none; padding: 30px 10px; } .catalog-menu__inner .active { display: block; } .catalog-menu__list > li.opened { border: 0; } .catalog-menu__item { display: flex; align-items: center; justify-content: space-between; padding: 16px 10px; } .catalog-menu__item span, .catalog-menu__item a { color: #50575b; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-decoration: unset; } .catalog-sub-menu { display: none; padding-bottom: 30px; } .catalog-sub-menu__list { padding: 0; margin: 0 10px 20px; } .catalog-sub-menu__item:not(:last-child) { margin-bottom: 10px; } .catalog-sub-menu__item a { display: flex; align-items: center; gap: 16px; padding: 10px; color: #50575b; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-decoration: unset; border-radius: 10px; border: 1px solid #e7e7e7; } .catalog-sub-menu__item a img { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; } .catalog-sub-menu__item a span { flex: 0 0 calc(100% - 66px); } .catalog-popular__title { color: #50575b; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 15px; } .catalog-popular__image { position: relative; height: 140px; width: 100%; margin-bottom: 10px; } .catalog-popular__product { color: #50575b; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 2px; text-decoration: unset; } .catalog-popular__bottom { display: flex; align-items: center; gap: 12px; } .catalog-popular__price { color: #50575b; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } .catalog-popular__buy { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; } .contacts__content { display: flex; justify-content: space-between; gap: 15px; } .contacts__right { width: 100%; } .contacts__left { width: 100%; max-width: 470px; background: #FFFFFF; border-radius: 16px; padding: 24px; } .contacts__cities { margin-bottom: 48px; } .contacts__cities_title { color: #2C3336; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; /* 19.2px */ } .contacts__cities_content { display: flex; align-items: center; gap: 20px; margin-top: 5px; } .contacts__cities_scheme { display: flex; align-items: center; gap: 10px; color: #0071E3; font-size: 18px; font-style: normal; font-weight: 500; line-height: 140%; /* 25.2px */ cursor: pointer; transition: all 0.2s ease; white-space: nowrap; } .contacts__cities_scheme:hover { opacity: 0.7; } .contacts__info { display: flex; flex-direction: column; gap: 16px; margin-bottom: 35px; } .contacts__info_item { display: flex; align-items: center; gap: 10px; } .contacts__info_item.warehouse { align-items: flex-start; } .contacts__info_title { color: #2C3336; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; } .contacts__info_description p, .contacts__info_description a { color: #758289; font-size: 18px; font-style: normal; font-weight: 300; line-height: 120%; /* 25.2px */ } .contacts__info_description a { transition: all 0.2s ease; } .contacts__info_description a:hover { color: #0071E3; } .contacts__info_description .working-hours { color: #0071E3; font-size: 12px; font-weight: 500; line-height: 140%; } .contacts__feedback { display: flex; flex-direction: column; gap: 16px; padding: 24px 0; margin-bottom: 24px; border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; position: relative; } .contacts__feedback_title { color: #000; font-size: 32px; font-weight: 500; line-height: 1; margin-bottom: 10px; } .contacts__feedback_description { color: #758289; font-size: 18px; font-weight: 300; line-height: 128%; } .contacts__feedback_form { width: 100%; } .contacts__feedback_form input { width: 100%; height: 100%; border-radius: 16px; background: #FFF; padding: 17px 16px; border: 1px solid #EFEFEF; color: #758289; font-size: 18px; font-style: normal; font-weight: 300; line-height: 140%; /* 25.2px */ outline: none; margin-bottom: 16px; } .contacts__feedback_form input::placeholder { color: #758289; } .contacts__feedback_form button { padding: 13px 58px; border-radius: 12px; background: #0071E3; font-size: 18px; font-weight: 500; line-height: 140%; /* 25.2px */ color: #fff; outline: none; border: none; cursor: pointer; transition: all 0.2s ease; } .contacts__feedback_form button:hover { opacity: 0.7; } .contacts__feedback_social { display: flex; align-items: center; gap: 10px; position: absolute; bottom: 24px; right: 0px; } .contacts__feedback_item { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294); border-radius: 16px; transition: all 0.2s ease; } .contacts__feedback_item:hover { opacity: 0.7; } .contacts__requisite_title { color: #000; font-size: 25px; font-weight: 500; line-height: 1; margin-bottom: 10px; } .contacts__requisite_content p { color: #758289; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal; } .contacts__map { width: 100%; height: 700px; border-radius: 30px; overflow: hidden; } .contacts__map iframe { width: 100%; height: 100%; } .dropdown { width: 212px; height: 52px; background: #f7f7f8; border-radius: 10px; position: relative } .dropdown-arrow { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 5; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center } .dropdown-arrow svg { transition: all .3s linear } .dropdown input { width: 100%; height: 52px; border-radius: 10px; border: 1px solid #EFEFEF; padding: 0 40px 0 20px; cursor: pointer; outline: none; -webkit-user-select: none; user-select: none; color: #2c3336; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal } .dropdown .options { width: 100%; border-radius: 8px; cursor: pointer; background: #fff; outline: none; overflow: hidden; position: absolute; z-index: 50; top: 60px; transition: all .15s linear; opacity: 0; transform: translateY(-50px); visibility: hidden; box-shadow: 0 10px 25px #31202026 } .dropdown .options .option { font-weight: 500; font-size: 18px; line-height: 128%; color: #2c3336; transition: all .2s ease; padding: 14.5px 16px; cursor: pointer; white-space: nowrap } .dropdown .options .option.selected { display: none } .dropdown .options .option:hover { color: #0071e3 } .dropdown.opened .options { opacity: 1; visibility: visible; transform: translateY(0) } .dropdown.opened .dropdown-arrow svg { transform: rotate(180deg) } .banner__item { width: 100%; min-height: 800px; border-radius: 32px; padding: 40px; text-align: center; display: flex; flex-direction: column; align-items: center; overflow: hidden; } .banner__item h2 { margin-bottom: 16px; } .banner__item p { max-width: 600px; } .banner__item-btns { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px; margin-top: 32px; } .banner-swiper { position: relative; } .banner-swiper .banner-prev, .banner-swiper .banner-next { position: absolute; top: 50%; transform: translateY(-50%); left: 16px; z-index: 10; cursor: pointer; width: 60px; height: 60px; border-radius: 16px; display: flex; align-items: center; justify-content: center; background-color: #fff; border: none; } .banner-swiper .banner-next { left: unset; right: 16px; } .banner-swiper .swiper-pagination { margin-bottom: 32px; width: 100%; display: flex; justify-content: center; align-items: center; gap: 16px; } .banner-swiper .swiper-pagination-bullet { width: 7px; height: 7px; border-radius: 50%; background-color: #fff; opacity: 1; } .banner-swiper .swiper-pagination-bullet-active { background-color: #0071E3; } @media (max-width: 992px) { .banner__item { min-height: calc(100vh - 175px); } } .products { padding-top: 40px; margin-bottom: 40px; } .products-swiper .swiper-slide { width: 100%; } .products-swiper .swiper-pagination { position: static; margin-top: 32px; display: flex; justify-content: center; align-items: center; gap: 12px; } .products-swiper .swiper-pagination .swiper-pagination-bullet { width: 7px; height: 7px; border-radius: 50%; background: #758289; opacity: 0.2; } .products-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #0071E3; opacity: 1; } .products__item { height: 600px; border-radius: 32px; overflow: hidden; background: #F7F7F8; padding: 30px; text-align: center; position: relative; display: flex; flex-direction: column; align-items: center; } .products__item-top { margin-bottom: 50px; } .products__item h4 { margin: 0 auto 8px; } .products__item-btn { width: 50px; height: 50px; border-radius: 16px; background: #fff; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294); display: flex; align-items: center; justify-content: center; transition: 0.3s ease; position: absolute; bottom: 30px; right: 30px; cursor: pointer; } .products__item-video .products__item-top { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.3); color: #fff; padding: 32px 26px; } .products__item-video .products__item-top p { font-size: 16px; color: #FFF; } .products__item-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .products__item-video video::before { display: none; } .products__item-video .video-play-btn { position: absolute; bottom: 32px; right: 32px; cursor: pointer; z-index: 2; } @media (max-width: 1840px) { .products { margin-right: -40px; } .products-swiper .swiper-slide { width: 448px; } } .blogs { padding-bottom: 48px; } .blogs_header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 32px; } .blogs_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .blogs_item { border-radius: 32px; background: #F7F7F8; padding: 24px; display: flex; flex-direction: column; gap: 16px; } .blogs_item img { width: 100%; height: auto; max-height: 556px; object-fit: cover; object-position: left; border-radius: 16px; } .blogs_item-btns { display: flex; align-items: center; gap: 16px; margin-top: auto; } .blogs_item-btn { border-radius: 16px; border: 1px solid #E1E1E5; padding: 9px 16px 11px; font-size: 16px; font-weight: 400; color: #70828A; white-space: nowrap; height: 40px; transition: all 0.2s ease; } .blogs_item-btn:hover { border: 1px solid #0071E3; background: #0071E3; color: #fff; font-weight: 500; } .blogs_item:first-child { grid-column: 1/2; grid-row: 1/4; } .blogs_date { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 300; color: #70828A; width: max-content; } .grecaptcha-badge {display: none !important;} .catalog { padding-bottom: 48px; } .catalog_header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 32px; } .catalog_list { display: flex; flex-wrap: wrap; gap: 16px; } .catalog_item { width: calc(25% - 16px); min-width: 430px; flex-grow: 1; border-radius: 32px; overflow: hidden; background: #F7F7F8; display: flex; flex-direction: column; justify-content: space-between; gap: 46px; position: relative; height: 500px; transition: all 0.3s ease; } .catalog_item:hover { background: #E2E3E9; } .catalog_item h4 { padding: 32px 32px 0; hyphens: auto; } .catalog_item-img { width: 100%; display: flex; align-items: flex-start; justify-content: center; } .catalog_item-btn { width: 50px; height: 50px; border-radius: 16px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294); background-color: #FFF; position: absolute; bottom: 24px; right: 24px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .videos { padding-bottom: 48px; } .videos_header { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-bottom: 40px; } .videos_header a { display: flex; align-items: center; gap: 16px; font-family: "Onest"; font-weight: 600; font-size: 56px; text-decoration: underline; text-decoration-style: solid; text-decoration-thickness: 5%; text-decoration-skip-ink: auto; color: #0071E3; } .videos_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .videos_item { border-radius: 32px; padding: 32px; width: 100%; min-width: 448px; height: 600px; overflow: hidden; position: relative; font-weight: 500; font-size: 18px; display: flex; flex-direction: column; justify-content: flex-end; color: #FFFFFF; } .videos_item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } .videos_item .video-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 140px; height: 140px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center; z-index: 2; cursor: pointer; } .videos_item video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .videos_item .videos-time { border-radius: 10px; background: rgba(255, 255, 255, 0.2); padding: 4px 8px; width: max-content; margin-top: 14px; } .videos_item .videos-title, .videos_item .videos-time { position: relative; z-index: 2; } .fancybox__content { width: 100vw !important; height: 100vh !important; max-width: 100vw !important; max-height: 100vh !important; margin: 0 !important; padding: 0 !important; } .fancybox__content video { width: calc(100% - 80px) !important; height: calc(100% - 80px) !important; object-fit: cover !important; margin: 40px !important; border-radius: 40px !important; overflow: hidden; } .fancybox__slide { border-radius: 40px !important; overflow: hidden !important; } .fancybox__container { padding: 80px !important; } .fancybox__container:has(video) { padding: 0 !important; } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 0 !important; } .fancybox__container:not(.is-compact) .fancybox__slide { padding: 0 !important; } .fancybox__toolbar { position: absolute !important; top: 90px !important; right: 90px !important; z-index: 1000 !important; background: transparent !important; border-radius: 8px !important; padding: 8px !important; display: flex !important; opacity: 1 !important; visibility: visible !important; } .fancybox__toolbar__column button:first-child, .fancybox__toolbar__column button:nth-child(2) { display: none !important; } .fancybox__toolbar__column .f-button { width: 40px; height: 40px; background: rgba(255, 255, 255, 0.2) !important; color: #FFFFFF !important; border-radius: 16px; } .fancybox__container .fancybox__button--close { position: relative !important; margin: 0 !important; padding: 0 !important; } .fancybox__content > .f-button.is-close-btn { background: rgba(255, 255, 255, 0.2); top: 70px !important; right: 70px !important; color: #FFFFFF !important; border-radius: 16px; width: 40px; height: 40px; } .fancybox-image { justify-self: anchor-center; width: auto !important; border-radius: 40px; } @media (max-width: 1440px) { .videos .swiper-slide { width: 448px; } } .reviews { padding-bottom: 48px; } .reviews_header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 32px; } .reviews_header-logo { display: flex; align-items: center; gap: 9px; margin-left: auto; } .reviews_header-rating { display: flex; align-items: center; gap: 5px; } .reviews_list { display: flex; flex-wrap: wrap; gap: 16px; } .review__item { background: #F7F7F8; border-radius: 24px; padding: 32px; display: flex; flex-direction: column; justify-content: space-between; height: 292px; width: calc(25% - 16px); min-width: 430px; flex-grow: 1; } .review__item-header { display: flex; flex-wrap: nowrap; margin-bottom: 13px; height: 65px; gap: 10px; } .review__item-icon { width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; font-size: 26px; color: rgb(255, 255, 255); border-radius: 50%; background: aquamarine; } .review__item-name { font-size: 14px; font-weight: 700; } .review__item-date { font-size: 12px; } .review__item-text { background: #EFF0F3; border-radius: 10px; padding: 10px 10px 0 10px; max-height: 115px; overflow-y: auto; overflow-x: hidden; height: 100%; } .review__item-footer svg { width: 56px; height: 20px; margin-top: 13px; } .advantages { padding-bottom: 48px; } .advantages_header { margin-bottom: 32px; } .advantages_header p { font-weight: 400; font-size: 24px; color: #2C3336; } .advantages_content { display: flex; align-items: center; gap: 16px; } .advantages_text { display: flex; flex-direction: column; gap: 16px; min-width: 464px; max-width: 1222px; } .advantages_text span { color: #2C3336; font-weight: 600; } .advantages_feedback { border-radius: 24px; background: #F7F7F8; padding: 24px; width: 602px; } .advantages_feedback h3 { font-weight: 500; font-size: 32px; margin-bottom: 10px; } .advantages_feedback p { font-weight: 300; margin-bottom: 16px; } .advantages_feedback-bottom { display: flex; align-items: center; gap: 16px; } .advantages_feedback-form { display: flex; align-items: center; gap: 16px; flex-grow: 1; } .advantages_feedback-form input { width: 203px; flex-grow: 1; height: 52px; border-radius: 16px; padding: 17px 16px; background-color: #fff; border: 1px solid #EFEFEF; outline: none; font-size: 18px; } .advantages_feedback-form input::placeholder { color: #758289; font-weight: 300; } .advantages_feedback-form button { padding: 13.5px 16px; border: none; height: 52px; width: 178px; } .advantages_feedback-socials { display: flex; gap: 10px; } .advantages_feedback-socials a { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.0588235294); border-radius: 16px; transition: all 0.2s ease; background-color: #FFF; } .advantages-list { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 40px; } .advantages-list__item { width: calc(16.6666666667% - 16px); min-width: 224px; flex-grow: 1; padding: 24px; background: #F7F7F8; border-radius: 24px; } .advantages-list__item h4 { font-weight: 600; margin-bottom: 8px; line-height: normal; } .advantages-list__item-icon { width: 44px; height: 44px; margin-bottom: 16px; border-radius: 13px; background: #0071E3; display: flex; align-items: center; justify-content: center; } .advantages-list__item-icon svg { flex-shrink: 0; width: 24px; height: 24px; } @media (max-width: 1300px) { .advantages_text, .advantages_feedback { width: calc(50% - 16px); } .advantages_feedback-bottom { flex-direction: column; align-items: flex-start; } .advantages_feedback-form { width: 100%; } .advantages_feedback-form input { min-width: 230px; } } @media (max-width: 1040px) { .advantages_feedback-bottom { position: relative; } .advantages_feedback-form { flex-wrap: wrap; } .advantages_feedback-socials { position: absolute; left: 194px; bottom: 0; } } .feedback { margin: 40px 0; background: linear-gradient(161.01deg, #F7F7F8 19.88%, #C5C7D3 100.56%); border-radius: 32px; padding: 96px; position: relative; min-height: 619px; } .feedback_content { max-width: 912px; } .feedback_content h2 { line-height: 100%; margin-bottom: 20px; } .feedback_content form { width: 100%; display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; } .feedback_content form input { width: calc(50% - 8px); background: #FFFFFF; border: none; padding: 13px 20px; border-radius: 16px; font-size: 18px; line-height: 140%; height: 52px; outline: none; } .feedback_content form input::placeholder { color: #CDD1D2; } .feedback_content form textarea { width: 100%; background: #FFFFFF; border: none; padding: 13px 20px; border-radius: 16px; font-size: 18px; line-height: 140%; height: 52px; outline: none; resize: none; } .feedback_content form textarea::placeholder { color: #CDD1D2; } .feedback_content form button { width: 100%; } .feedback_content form span { width: 100%; text-align: center; font-weight: 300; color: #70828A; } .feedback_content form span a { text-decoration: underline; text-decoration-style: solid; text-decoration-thickness: 0%; text-decoration-skip-ink: auto; color: #0071E3; } .feedback_img { position: absolute; right: 46px; bottom: 0; width: 725px; height: 660px; } .feedback_privacy { display: flex; align-items: center; column-gap: 28px; margin: 0 auto; position: relative; } .feedback_privacy input[type=checkbox] { width: 4px; height: 4px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: #FFFFFF; } .feedback_privacy label { position: absolute; left: 0; top: -3px; flex-shrink: 0; width: 24px; height: 24px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: #FFFFFF; cursor: pointer; transition: all 0.3s ease; } .feedback_privacy input[type=checkbox]:checked + label { background: #0071E3; } @media (max-width: 1643px) { .feedback_content { max-width: unset; width: 62%; } .feedback_content form input { width: 100%; } } @media (max-width: 1300px) { .feedback { padding-bottom: 0; } .feedback_content { width: 100%; } .feedback_img { position: static; } } .callback-popup, .service-popup, .subscribe-popup, .advantages-popup, .feedback-main-popup { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; padding: 0px 15px; transition: 0.3s ease-out; } .callback-popup.active, .service-popup.active, .subscribe-popup.active, .advantages-popup.active, .feedback-main-popup.active { opacity: 1; visibility: visible; } #feedback-popup, #service-popup, #subscribe-popup, #advantages-popup, #feedback-main-popup { width: 460px; border-radius: 24px; padding: 40px; background: linear-gradient(181.01deg, #F0F1F4 1.88%, #C5C7D3 55.56%); } .feedback-popup { position: relative; } .feedback-popup .close-popup { position: absolute; top: 16px; right: 16px; cursor: pointer; } .feedback-popup_title { font-weight: 600; font-size: 28px; line-height: 100%; margin-bottom: 32px; margin-top: 0; } .feedback-popup input { width: 100%; height: 60px; padding: 17px 20px; border-radius: 16px; margin-bottom: 16px; border: none; outline: none; } .feedback-popup input::placeholder { color: #CDD1D2; } .feedback-popup_input-time { width: 100%; position: relative; margin-bottom: 16px; } .feedback-popup_input-time input { padding-right: 65px; margin-bottom: 0; } .feedback-popup_input-time::after { content: ""; position: absolute; top: 50%; right: 20px; display: block; transform: translateY(-50%); width: 24px; height: 24px; background: no-repeat 0 0/cover url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2022C4.45%2022%203.97917%2021.8042%203.5875%2021.4125C3.19583%2021.0208%203%2020.55%203%2020V6C3%205.45%203.19583%204.97917%203.5875%204.5875C3.97917%204.19583%204.45%204%205%204H6V2H8V4H16V2H18V4H19C19.55%204%2020.0208%204.19583%2020.4125%204.5875C20.8042%204.97917%2021%205.45%2021%206V20C21%2020.55%2020.8042%2021.0208%2020.4125%2021.4125C20.0208%2021.8042%2019.55%2022%2019%2022H5ZM5%2020H19V10H5V20ZM5%208H19V6H5V8ZM12%2014C11.7167%2014%2011.4792%2013.9042%2011.2875%2013.7125C11.0958%2013.5208%2011%2013.2833%2011%2013C11%2012.7167%2011.0958%2012.4792%2011.2875%2012.2875C11.4792%2012.0958%2011.7167%2012%2012%2012C12.2833%2012%2012.5208%2012.0958%2012.7125%2012.2875C12.9042%2012.4792%2013%2012.7167%2013%2013C13%2013.2833%2012.9042%2013.5208%2012.7125%2013.7125C12.5208%2013.9042%2012.2833%2014%2012%2014ZM8%2014C7.71667%2014%207.47917%2013.9042%207.2875%2013.7125C7.09583%2013.5208%207%2013.2833%207%2013C7%2012.7167%207.09583%2012.4792%207.2875%2012.2875C7.47917%2012.0958%207.71667%2012%208%2012C8.28333%2012%208.52083%2012.0958%208.7125%2012.2875C8.90417%2012.4792%209%2012.7167%209%2013C9%2013.2833%208.90417%2013.5208%208.7125%2013.7125C8.52083%2013.9042%208.28333%2014%208%2014ZM16%2014C15.7167%2014%2015.4792%2013.9042%2015.2875%2013.7125C15.0958%2013.5208%2015%2013.2833%2015%2013C15%2012.7167%2015.0958%2012.4792%2015.2875%2012.2875C15.4792%2012.0958%2015.7167%2012%2016%2012C16.2833%2012%2016.5208%2012.0958%2016.7125%2012.2875C16.9042%2012.4792%2017%2012.7167%2017%2013C17%2013.2833%2016.9042%2013.5208%2016.7125%2013.7125C16.5208%2013.9042%2016.2833%2014%2016%2014ZM12%2018C11.7167%2018%2011.4792%2017.9042%2011.2875%2017.7125C11.0958%2017.5208%2011%2017.2833%2011%2017C11%2016.7167%2011.0958%2016.4792%2011.2875%2016.2875C11.4792%2016.0958%2011.7167%2016%2012%2016C12.2833%2016%2012.5208%2016.0958%2012.7125%2016.2875C12.9042%2016.4792%2013%2016.7167%2013%2017C13%2017.2833%2012.9042%2017.5208%2012.7125%2017.7125C12.5208%2017.9042%2012.2833%2018%2012%2018ZM8%2018C7.71667%2018%207.47917%2017.9042%207.2875%2017.7125C7.09583%2017.5208%207%2017.2833%207%2017C7%2016.7167%207.09583%2016.4792%207.2875%2016.2875C7.47917%2016.0958%207.71667%2016%208%2016C8.28333%2016%208.52083%2016.0958%208.7125%2016.2875C8.90417%2016.4792%209%2016.7167%209%2017C9%2017.2833%208.90417%2017.5208%208.7125%2017.7125C8.52083%2017.9042%208.28333%2018%208%2018ZM16%2018C15.7167%2018%2015.4792%2017.9042%2015.2875%2017.7125C15.0958%2017.5208%2015%2017.2833%2015%2017C15%2016.7167%2015.0958%2016.4792%2015.2875%2016.2875C15.4792%2016.0958%2015.7167%2016%2016%2016C16.2833%2016%2016.5208%2016.0958%2016.7125%2016.2875C16.9042%2016.4792%2017%2016.7167%2017%2017C17%2017.2833%2016.9042%2017.5208%2016.7125%2017.7125C16.5208%2017.9042%2016.2833%2018%2016%2018Z'%20fill='%230071E3'/%3e%3c/svg%3e"); } .feedback-popup .btn { width: 100%; height: 60px; border-radius: 16px; padding-top: 17px; padding-bottom: 17px; margin-top: 16px; cursor: pointer; } .feedback-popup_privacy { position: relative; padding-left: 40px; font-weight: 300; font-size: 14px; line-height: normal; margin-top: 16px; color: #70828A; } .feedback-popup_privacy a { color: #0071E3; } .feedback-popup_privacy input[type=checkbox] { appearance: none; width: 1px; height: 1px; position: absolute; left: 0; } .feedback-popup_privacy input[type=checkbox]:checked ~ label { background-color: #0071E3; } .feedback-popup_privacy label { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 24px; height: 24px; border-radius: 4px; background-color: #FFF; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s ease; } .feedback-popup .feedback-success { text-align: center; } .feedback-popup .feedback-success p { font-size: 18px; margin-bottom: 32px; color: #70828A; } .feedback-popup .feedback-success .success-btn { width: max-content; margin: 0 auto; padding: 17px 32px; } @media screen and (max-width: 1500px) { .header__search.main_search_block { margin-left: -210px; max-width: 455px; } .header__bottom-middle { flex-grow: 1; margin-right: 16px; } .header__search { width: 100%; max-width: 638px; flex-grow: 1; } } @media (max-width: 1170px) { .header__top_other .header__nav_more { display: block; width: 56px; height: 20px; margin-right: 16px; } } @media screen and (max-width: 1020px) { .header__links { position: fixed; left: 0; right: 0; bottom: 0; padding: 20px 0 5px; background: #fff; justify-content: center; gap: 26px; z-index: 99999; border-radius: 20px 20px 0 0; box-shadow: 0px -5px 25px 0px rgba(87, 87, 87, 0.1); } .header__search.main_search_block { margin-left: 0; max-width: 454px; left: unset; right: 0; } .header__catalog_trigger { margin-left: 30px; } } @media screen and (max-width: 1020px) { .header__top { display: none; } .header__bottom { padding: 15px 0; } .header__bottom .header__notification_count { display: flex; margin: 0; } .header__bottom .header__catalog_trigger { border-radius: 8px; width: 40px; height: 40px; margin: 0; } .header__bottom .header__catalog_trigger span { display: none; } .header__bottom .header__logo { width: 93px; height: 40px; margin: 0 auto; } .header__bottom .header__search { height: 40px; } .header__bottom .header__search input { padding-top: 10px; padding-bottom: 10px; border-radius: 8px; } .header__bottom .header__discount { width: 40px; height: 40px; border-radius: 8px; } .header__bottom .header__discount span { top: -5px; right: -5px; } .header__bottom .header__search_trigger { display: block; cursor: pointer; } .header__bottom .header__search_trigger * { cursor: pointer; } .header__bottom .container { gap: 20px; } .header__bottom .header__search.main_search_block { max-width: 100%; padding: 5px 25px; } .header__bottom .header__search.main_search_block:hover { box-shadow: none; } .header__bottom #search-popup { display: block; position: fixed; opacity: 0; pointer-events: none; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 1000; padding: 0 15px; transition: all 0.3s ease; } .header__bottom #search-popup.show { opacity: 1; pointer-events: auto; } .header__bottom .main_search_block_in { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #e7e7e7; padding: 20px 0; } .header__bottom .main_search_block_in input { display: block; width: 100%; border: none; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding: 0 10px 0 0; text-overflow: ellipsis; color: #50575b; outline: 0; height: 40px; } .header__bottom .main_search_block_in button { display: block; border: none; width: 16px; height: 16px; background: url(/search_ic.svg) 0 0 no-repeat; flex-shrink: 0; } .header__bottom .main_search_block_in .close { display: flex; width: 16px; height: 16px; margin-left: 15px; } .header__bottom .main_search_block_in_result { display: none; background: #fff; padding: 10px 0; margin: 0 5px; } .header__bottom .main_search_block_in_result .link_section { display: none !important; border-bottom: unset; } .header__bottom .main_search_block_in_result a { display: flex !important; padding: 10px 3px !important; align-items: center; -moz-column-gap: 16px; column-gap: 16px; color: #50575b; font-size: 14px !important; font-style: normal; font-weight: 400; line-height: normal; text-decoration: unset; } .header__bottom .main_search_block_in_result a:not(:last-child) { border-bottom: 1px solid #e7e7e7; } .header__bottom .link-photo { display: block !important; flex: 0 0 50px; height: 50px; } .header__bottom .link-text { flex: 0 0 calc(100% - 66px); } } @media screen and (max-width: 576px) { .header__links { gap: 20px; } .header__links .header_link_lk { font-size: 12px; } .header__links .links_for_in2, .header__links .links_for_in3, .header__links .links_for_in4 { margin: 0; } .header__links .links_for_in2 a, .header__links .links_for_in3 a, .header__links .links_for_in4 a { font-size: 12px; } } @media (max-width: 1325px) { .footer__top_content { flex-wrap: wrap; } .footer__col.social { max-width: unset; width: 49%; } .footer__support { max-width: unset; width: 49%; } } @media screen and (max-width: 992px) { .footer__catalog, .footer__menu { display: none; } .footer__bottom_payment-wrapper { justify-content: flex-start; } .footer__bottom_payment-wrapper img { transform: scale(0.8); } .footer__bottom_content { flex-wrap: wrap; } .footer__form { position: relative; padding-bottom: 50px; } .footer__form_left { width: 100%; } .footer__form_right { width: 100%; } .footer__form_privacy { position: absolute; bottom: 10px; } .footer__form_container { flex-direction: column; gap: 10px; } .footer__form_input { width: 100%; max-width: none; text-align: left; } } @media screen and (max-width: 768px) { .footer__top { padding: 40px 0; } .footer__form_title { font-size: 36px; } } @media screen and (max-width: 576px) { .footer { margin-top: 80px; } .footer__top_content { gap: 10px; } .footer__top_content .footer__news, .footer__top_content .footer__buttons { display: none; } .footer__title { font-size: 12px; } .footer__support_title { font-size: 12px; } .footer__support_phone { font-size: 17px !important; } .footer__top { padding-bottom: 30px; } .footer__bottom { padding-top: 20px; } .footer__bottom p, .footer__bottom a, .footer__bottom .footer__bottom_copy { font-size: 12px; } .footer__mobile { margin-top: 20px; display: flex; flex-direction: column; gap: 10px; } .footer__mobile .footer__buttons { display: grid; grid-template: auto/repeat(2, 1fr); width: 100%; } .footer__form { position: relative; padding-bottom: 70px; } .footer__form_input, .footer__form_button { height: 50px; font-size: 16px; padding: 0 17px; } .footer__form_title { font-size: 30px; line-height: 1.2; } .footer__form_right { gap: 10px; } .footer__support_wrapper, .footer__col { gap: 20px; } .footer__buttons_item { white-space: nowrap; } } @media screen and (max-width: 425px) { .footer__form_right { flex-direction: column; } .footer__form_button { width: 100%; } } @media screen and (max-width: 355px) { .footer__buttons, .footer__news_form { grid-template: auto/1fr !important; } } @media screen and (max-width: 1020px) { .header__burger { display: block !important; width: 35px; height: 35px; position: relative; cursor: pointer; border-radius: 8px; z-index: 97; } .header__burger span { width: 34px; height: 3px; background: #50575B; position: absolute; top: 50%; left: 0; margin: -1px 0 0 0; transition: all 0.2s; } .header__burger span:before { content: ""; width: 34px; height: 3px; background: #50575B; position: absolute; left: 0; transition: transform 0.2s; top: -8px; } .header__burger span:after { content: ""; width: 34px; height: 3px; background: #50575B; position: absolute; left: 0; transition: transform 0.2s; bottom: -8px; } .header__burger.is-active span { background: transparent; } .header__burger.is-active span:before { transform: rotate(45deg); top: 0; } .header__burger.is-active span:after { transform: rotate(-45deg); bottom: 0; } .burger-menu { display: block !important; position: fixed; top: 66px; left: -100%; height: 100%; width: 100%; transition: all 0.3s ease 0s; z-index: 10; } .burger-menu.active { left: 0; } .burger-menu.active .burger-menu__shadow { opacity: 1; pointer-events: all; } .burger-menu__heading { font-size: 36px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 15px; } .burger-menu__close { cursor: pointer; height: 40px; width: 40px; text-transform: uppercase; } .burger-menu__content { position: absolute; left: 0; height: 100%; width: 100%; background: #fff; z-index: 150; padding: 30px; overflow: auto; padding-bottom: 85px; } .burger-menu__popular { padding: 20px 0; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; } .burger-menu__popular ul { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; list-style-type: none; padding: 0; } .burger-menu__popular ul a { font-weight: 700; font-size: 14px; text-transform: uppercase; color: #50575b; text-decoration: none; display: block; } .burger-menu__popular ul .very-popular { color: #fff; padding: 10px 7px; border-radius: 8px; background: #6ede73; } .burger-menu__menu { padding: 20px 0; border-bottom: 1px solid #e7e7e7; } .burger-menu__menu ul { display: flex; flex-direction: column; gap: 20px; list-style-type: none; padding: 0; } .burger-menu__menu li { display: flex; flex-direction: column; width: 100%; } .burger-menu__menu li svg { transition: all 0.2s; } .burger-menu__menu li.is-active svg { transform: rotate(180deg); } .burger-menu__menu a, .burger-menu__menu span { font-weight: 500; font-size: 14px; color: #929ea6; text-decoration: none; } .burger-menu__menu_trigger { width: 100%; display: flex; align-items: center; justify-content: space-between; } .burger-menu__menu_sub { margin-top: 20px; display: none; } .burger-menu__contacts { padding: 20px 0; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; gap: 10px; } .burger-menu__contacts_left { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } .burger-menu__contacts_left * { margin: 0; font-size: 16px; } .burger-menu__contacts_left .header__telegram { width: 46px; height: 46px; } .burger-menu__contacts_left .header__telegram svg { width: 100%; height: 100%; } .burger-menu__phone { width: 46px; min-width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border: 1px solid #e6e6e6; border-radius: 71px; } } @media screen and (max-width: 576px) { .burger-menu__contacts_left { gap: 8px; } } @media screen and (max-width: 1020px) { .catalog-menu { top: 55px; } .catalog-menu__list { font-size: 22px; } .catalog-menu__list .big-sale, .catalog-menu__list .discount { height: 90px; } .catalog-menu__list .big-sale a, .catalog-menu__list .discount a { font-size: 25px; } } @media screen and (max-width: 992px) { .catalog-menu__list { width: 100%; } .catalog-menu__sublist { position: static; column-count: 1; } .has-sublist { position: relative; } .has-sublist__arrow { display: block; position: absolute; top: 2px; right: 0; transform: rotate(90deg); transition: all 0.2s ease; cursor: pointer; } } @media screen and (max-width: 992px) { .contacts__content { flex-direction: column-reverse; gap: 20px; } .contacts__left { max-width: 100%; } .contacts__right { margin-top: 0; } .contacts__map { height: 400px; } .contacts__cities { margin-bottom: 30px; } } @media screen and (max-width: 576px) { .contacts__left { padding: 15px; } .contacts__map { height: 300px; } .contacts__cities { margin-bottom: 20px; } .contacts__cities_content { flex-direction: column; align-items: flex-start; } .contacts__cities_dropdown { width: 100%; } .contacts__cities_scheme { font-size: 16px; } .contacts__info { gap: 15px; margin-bottom: 20px; } .contacts__info_description p, .contacts__info_description a { font-size: 14px; } .contacts__feedback { gap: 15px; border-radius: 20px; padding: 20px 0; } .contacts__feedback_title { font-size: 22px; } .contacts__feedback_description { font-size: 16px; } .contacts__feedback_form input, .contacts__feedback_form button { font-size: 16px; height: 48px; padding: 0 17px; } .contacts__feedback_social { gap: 5px; } .contacts__feedback_item { width: 48px; height: 48px; } .contacts__requisite_title { font-size: 22px; } .contacts__requisite_content p { font-size: 16px; } } @media screen and (max-width: 576px) { .dropdown { height: 50px; } .dropdown input { font-size: 16px; height: 50px; } .dropdown .options { top: 50px; } } * { box-sizing: border-box; } /* Убираем внешние отступы */ body, h1, h2, h3, h4, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd { margin: 0; } /* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/ ul[class], ol[class] { list-style: none; } /* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */ a:not([class]) { text-decoration-skip-ink: auto; } a:active, a:hover, a { text-decoration: none; } /* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */ a:not([class]) { text-decoration-skip-ink: auto; } /* Упрощаем работу с изображениями */ img { max-width: 100%; display: block; } /* Указываем понятную периодичность в потоке данных у article*/ article > * + * { margin-top: 1em; } /* Наследуем шрифты для инпутов и кнопок */ input, button, textarea, select { font: inherit; } button { cursor: pointer; } html { scroll-behavior: smooth; } html.lock { overflow: hidden; } body { font-family: "Onest", serif; overflow-x: hidden; color: #303239; cursor: default; position: relative; scroll-behavior: smooth; background-color: #FFF; line-height: normal; font-style: normal; } .container { max-width: 1920px; margin: 0 auto; padding: 0 40px; } .lock { overflow: hidden; } .burger-menu { display: none; } a { text-decoration: none; } ul { list-style-type: none; padding: 0; } h2 { font-weight: 600; font-size: 56px; } h4 { font-weight: 500; font-size: 24px; line-height: 120%; } p { font-weight: 400; font-size: 18px; color: #70828A; } .kroshki { display: flex; justify-content: flex-start; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 10px 0; width: auto; } .kroshki a { text-decoration: none; color: #758289; font-size: 13px; font-style: normal; font-weight: 300; line-height: 130%; display: flex; padding: 2px 8px; justify-content: center; align-items: center; border-radius: 6px; border: 1px solid #E1E1E5; transition: all 0.2s ease; } .kroshki a:hover { opacity: 0.7; } .page__title { color: #2C3336; font-size: 40px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 12px; } .btn { padding: 14.5px 24px; background: #0071E3; border-radius: 16px; font-weight: 500; font-size: 18px; line-height: 23px; color: #FFF; border: none; transition: 0.3s ease; white-space: nowrap; height: 52px; cursor: pointer; } .btn:hover { background: #1087FE; } .primary-btn { padding: 14.5px 24px; color: #0071E3; border: 1px solid rgba(0, 113, 227, 0.5); border-radius: 16px; font-weight: 500; font-size: 18px; line-height: 23px; transition: 0.3s ease; white-space: nowrap; height: 52px; cursor: pointer; } .primary-btn:hover { background: #0071E3; color: #FFF; } .view-all-btn { font-weight: 500; font-size: 18px; color: #0071E3; display: flex; align-items: center; gap: 15px; white-space: nowrap; } @media screen and (max-width: 992px) { h2 { font-size: 46px; } h4 { font-size: 20px; } } @media screen and (max-width: 768px) { h2 { font-size: 32px; } .page__title { font-size: 36px; } .container { padding: 0 15px; } } @media screen and (max-width: 576px) { h2 { hyphens: auto; } .page__title { font-size: 32px; } .kroshki a { font-size: 12px; } }: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) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) 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)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}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__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.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-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.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}/** * Swiper 11.1.14 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 12, 2024 */ /* FONT_START */ @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; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :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; /* Fix of Webkit flickering */ 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; } /* Auto Height */ .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; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .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); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { 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, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 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, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 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, 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:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .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); } } /* Slide styles end */ .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-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { 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-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next 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; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next: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'; } /* Navigation font end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms 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; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.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(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.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, 0.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-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms 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: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 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-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } :root { /* --swiper-scrollbar-border-radius: 10px; --swiper-scrollbar-top: auto; --swiper-scrollbar-bottom: 4px; --swiper-scrollbar-left: auto; --swiper-scrollbar-right: 4px; --swiper-scrollbar-sides-offset: 1%; --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); --swiper-scrollbar-size: 4px; */ } .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, 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-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { 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, 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; } /* Zoom container styles start */ .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } /* Zoom container styles end */ .swiper-slide-zoomed { cursor: move; touch-action: none; } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.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; } /* Cube slide shadows start */ .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .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 { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube slide shadows end */ .swiper.swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Flip slide shadows start */ .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .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 { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Flip slide shadows end */ .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /* End */ /* Start:/local/assets/css/pages/demorooms.css?175974083911702*/ div.kroshki { margin-bottom: 8px; } .page-demorooms { background: #f7f7f8; } .demorooms { margin-bottom: 60px; } .demorooms a:active, .demorooms a:hover, .demorooms a { text-decoration: none; color: inherit; } .demorooms h2 { margin-bottom: 32px; } .demorooms h4 { color: #000; font-size: 32px; font-weight: 500; line-height: 128%; margin-bottom: 8px; } .demorooms h6 { font-weight: 500; font-size: 18px; line-height: 23px; margin: 0; color: #2c3336; } .demorooms p { margin-bottom: 24px; } .demorooms_content { display: flex; align-items: flex-start; } .demorooms_content-left { max-width: 1260px; } .demorooms_content-left p span { display: block; } .demorooms_content-left p:last-of-type { max-width: 625px; } .demorooms_content-img { width: 555px; height: 341px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .demorooms_content-img img { max-width: 100%; height: auto; } .demorooms_regions { border-top: 1px solid #E1E1E5; padding-top: 32px; margin-top: 32px; margin-bottom: 32px; display: flex; align-items: center; } .demorooms_regions .custom-select { width: calc(25.3% - 16px); min-width: 285px; margin-right: 16px; } .demorooms_regions-addresses { width: 75.1%; display: flex; gap: 16px; } .demorooms_regions .region_address, .demorooms_regions .region_work-hours, .demorooms_regions .region_phone { width: calc(100% / 3 - 16px); min-width: 448px; flex-grow: 1; display: flex; align-items: center; gap: 16px; color: #70828A; } .demorooms_regions .region_address p, .demorooms_regions .region_work-hours p, .demorooms_regions .region_phone p, .demorooms_regions .region_address a, .demorooms_regions .region_work-hours a, .demorooms_regions .region_phone a { font-size: 18px; line-height: 1.38; margin-bottom: 0; } .demorooms_regions .region-ico { height: 52px; width: 52px; border-radius: 16px; padding: 10px; background: #FFFFFF; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .demorooms-galleries { display: flex; flex-wrap: wrap; gap: 1%; } .demorooms-galleries__item { width: calc(24% - 12px); flex-grow: 1; position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; margin-bottom: 1%; cursor: pointer; } .demorooms-galleries__item:first-child, .demorooms-galleries__item.video-item { position: relative; } .demorooms-galleries__item:first-child::before, .demorooms-galleries__item.video-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); pointer-events: none; z-index: 1; transition: background 0.3s ease; border-radius: 8px; } .demorooms-galleries__item:first-child:hover::before, .demorooms-galleries__item.video-item:hover::before { background: rgba(0, 0, 0, 0.05); } .demorooms-galleries__item:hover img { transform: scale(1.05); } .demorooms-galleries__item img, .demorooms-galleries__item video { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .demorooms-galleries__item video { position: relative; } .demorooms-galleries__item video::-webkit-media-controls-panel { background: rgba(0, 0, 0, 0.1); } .demorooms-galleries__item:first-child video { opacity: 0.95; filter: brightness(0.9); } .demorooms-galleries__item:first-child video:hover { opacity: 1; filter: brightness(1); transition: opacity 0.3s ease, transform 0.3s ease, filter 0.3s ease; } @media (hover: none) { .demorooms-galleries__item:first-child video { opacity: 0.9; filter: brightness(0.85); } } .demorooms-galleries__item:first-child, .demorooms-galleries__item:nth-child(2), .demorooms-galleries__item:nth-child(3), .demorooms-galleries__item:nth-child(4) { width: calc(24% - 12px); aspect-ratio: 1.31; } .demorooms-galleries__item:nth-child(5), .demorooms-galleries__item:nth-child(6), .demorooms-galleries__item:nth-child(7), .demorooms-galleries__item:nth-child(8), .demorooms-galleries__item:nth-child(9), .demorooms-galleries__item:nth-child(11), .demorooms-galleries__item:nth-child(13), .demorooms-galleries__item:nth-child(14), .demorooms-galleries__item:nth-child(15), .demorooms-galleries__item:nth-child(16) { width: calc(73% / 5 - 12px); aspect-ratio: 0.7692307692; } .demorooms-galleries__item:nth-child(10), .demorooms-galleries__item:nth-child(12), .demorooms-galleries__item:nth-child(18), .demorooms-galleries__item:nth-child(20) { width: 24%; aspect-ratio: 1.31; max-width: 460px; } .demorooms-galleries__item:nth-child(17), .demorooms-galleries__item:nth-child(19), .demorooms-galleries__item:nth-child(21) { width: calc(48% / 3 - 12px); aspect-ratio: 0.8547008547; } .demorooms-galleries__item:nth-child(22), .demorooms-galleries__item:nth-child(23), .demorooms-galleries__item:nth-child(24) { width: calc(33% - 12px); aspect-ratio: 1.76; } .demorooms-galleries .video-play-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 2; border-radius: 8px; transition: opacity 0.3s ease, visibility 0.3s ease; } .demorooms-galleries .video-play-overlay.hidden { opacity: 0; visibility: hidden; } .demorooms-galleries .video-play-button { width: 80px; height: 80px; border-radius: 70px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 35px 0px #00000026; background: rgba(255, 255, 255, 0.2); } .demorooms-galleries .video-play-button:hover { background: rgba(0, 0, 0, 0.6); transform: scale(1.1); animation: none; } .demorooms-galleries .video-play-button:active { transform: scale(0.95); } .demorooms-galleries .video-play-button svg { display: block; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)); transition: transform 0.2s ease; } .demorooms-galleries .video-play-button svg circle { transition: fill 0.3s ease; } .demorooms-galleries .video-play-button svg path { transition: fill 0.3s ease; } .demorooms-galleries .video-play-button:hover svg { transform: translateX(2px); } @media (max-width: 1800px) { .demorooms_regions-addresses { flex-wrap: wrap; } } @media (max-width: 1024px) { .demorooms_content { flex-direction: column; align-items: flex-start; gap: 20px; } .demorooms-galleries .demorooms-galleries__item { aspect-ratio: unset !important; height: 340px; } .demorooms-galleries .demorooms-galleries__item:first-child, .demorooms-galleries .demorooms-galleries__item:nth-child(2), .demorooms-galleries .demorooms-galleries__item:nth-child(4), .demorooms-galleries .demorooms-galleries__item:nth-child(10), .demorooms-galleries .demorooms-galleries__item:nth-child(11), .demorooms-galleries .demorooms-galleries__item:nth-child(13), .demorooms-galleries .demorooms-galleries__item:nth-child(19), .demorooms-galleries .demorooms-galleries__item:nth-child(20) { width: 49%; } .demorooms-galleries .demorooms-galleries__item:nth-child(3), .demorooms-galleries .demorooms-galleries__item:nth-child(5), .demorooms-galleries .demorooms-galleries__item:nth-child(6), .demorooms-galleries .demorooms-galleries__item:nth-child(7), .demorooms-galleries .demorooms-galleries__item:nth-child(8), .demorooms-galleries .demorooms-galleries__item:nth-child(9), .demorooms-galleries .demorooms-galleries__item:nth-child(12), .demorooms-galleries .demorooms-galleries__item:nth-child(14), .demorooms-galleries .demorooms-galleries__item:nth-child(15), .demorooms-galleries .demorooms-galleries__item:nth-child(16), .demorooms-galleries .demorooms-galleries__item:nth-child(17), .demorooms-galleries .demorooms-galleries__item:nth-child(18), .demorooms-galleries .demorooms-galleries__item:nth-child(21), .demorooms-galleries .demorooms-galleries__item:nth-child(22), .demorooms-galleries .demorooms-galleries__item:nth-child(23), .demorooms-galleries .demorooms-galleries__item:nth-child(24) { width: 24%; } } @media (max-width: 850px) { .demorooms-galleries .demorooms-galleries__item { height: 200px; } } @media (max-width: 576px) { .demorooms_content-img { width: 100%; height: auto; } .demorooms_regions { flex-direction: column; align-items: flex-start; gap: 20px; } .demorooms-galleries .demorooms-galleries__item { width: 49% !important; height: 150px; } } .custom-select { position: relative; } .custom-select .select-selected { width: max-content; cursor: pointer; user-select: none; font-size: 32px; font-weight: 500; position: relative; padding-right: 40px; } .custom-select .select-selected:after { content: ""; position: absolute; top: 50%; right: 6px; width: 8px; height: 8px; border-right: 3px solid #2C3336; border-bottom: 3px solid #2C3336; transform: translateY(-70%) rotate(45deg); transition: transform 0.3s ease; } .custom-select .select-selected::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -5px; width: 32px; height: 32px; border-radius: 50%; box-sizing: border-box; border: 1px solid #E1E1E5; transition: transform 0.3s ease; } .custom-select .select-selected.select-arrow-active:after { transform: translateY(-30%) rotate(-135deg); border-color: #fff; } .custom-select .select-selected.select-arrow-active::before { background-color: #0071E3; } .custom-select .select-items { width: max-content; min-width: 150px; position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; border-radius: 8px; overflow-y: auto; box-shadow: 0px 1px 1px 0px #00000003; } .custom-select .select-items div { color: #303239; padding: 14.5px 16px; cursor: pointer; user-select: none; font-size: 18px; font-weight: 500; line-height: 23px; letter-spacing: 0; } .custom-select .select-items div:hover { color: #0071E3; } .custom-select .select-hide { display: none; } .test-popup { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; padding: 0px 15px; transition: 0.3s ease-out; } .test-popup.active { opacity: 1; visibility: visible; } .test-popup p { margin-bottom: 24px; } #test-popup { width: 460px; border-radius: 24px; padding: 40px; background: linear-gradient(181.01deg, #F0F1F4 1.88%, #C5C7D3 55.56%); } /* End */ /* Start:/local/assets/css/pages/contacts.css?17597408398127*/ .page-contacts ._hidden { display: none !important; } .page-contacts { background: #f7f7f8; } .page-contacts .block_heading_with_link { margin-bottom: 0; } .page-contacts h1 { color: #2c3336; font-size: 56px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 32px; } .contacts__cities_dropdown .dropdown { margin-bottom: 0; } .contacts__cities_dropdown .dropdown, .contacts__cities_dropdown input { height: 52px; } .contacts__content { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; position: relative; } .contacts__right { width: 100%; height: 700px; position: sticky; top: 20px; } .contacts__left { width: 100%; max-width: 448px; background: #fff; border-radius: 16px; padding: 24px; } .contacts__cities { margin-bottom: 24px; } .contacts__cities_title { color: #2c3336; font-size: 18px; font-style: normal; font-weight: 500; line-height: 120%; /* 19.2px */ } .contacts__cities_content { display: flex; align-items: center; gap: 20px; margin-top: 5px; } .contacts__cities_scheme { display: flex; align-items: center; gap: 10px; color: #0071e3; font-size: 18px; font-style: normal; font-weight: 500; line-height: 140%; /* 25.2px */ cursor: pointer; transition: all 0.2s ease; white-space: nowrap; } .contacts__cities_scheme:hover { opacity: 0.7; } .contacts__info { display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px; } .contacts__info_item { display: flex; align-items: center; gap: 16px; } .contacts__info_item.warehouse { align-items: flex-start; } .contacts__info_title { display: block; color: #2c3336; font-size: 18px; font-style: normal; font-weight: 500; line-height: 128%; } .contacts__info_description p, .contacts__info_description a { color: #70828a; font-size: 18px; font-style: normal; letter-spacing: 0; font-weight: 400; line-height: 140%; /* 25.2px */ } .contacts__info_description a { transition: all 0.2s ease; } .contacts__info_description a:hover { color: #0071e3; } .contacts__info_description .working-hours { display: block; color: #0071e3; font-size: 12px; font-weight: 500; line-height: 167%; } .contacts__feedback { display: flex; flex-direction: column; gap: 16px; padding: 24px 0; margin-bottom: 24px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; position: relative; } .contacts__feedback_title { color: #000; font-size: 32px; font-weight: 500; line-height: 128%; margin-bottom: 10px; } .contacts__feedback_description { color: #70828a; font-size: 18px; font-weight: 300; line-height: 128%; } .contacts__feedback_form { width: 100%; } .contacts__feedback_form input { width: 100%; height: 100%; border-radius: 16px; background: #fff; padding: 17px 16px; border: 1px solid #efefef; color: #758289; font-size: 18px; font-style: normal; font-weight: 300; line-height: 140%; /* 25.2px */ outline: none; margin-bottom: 16px; } .contacts__feedback_form input::placeholder { color: #758289; } .contacts__feedback_form button { padding: 13px 58px; border-radius: 12px; background: #0071e3; font-size: 18px; font-weight: 500; line-height: 140%; /* 25.2px */ color: #fff; outline: none; border: none; cursor: pointer; transition: all 0.2s ease; } .contacts__feedback_form button:hover { background-color: #1087fe; } .contacts__feedback_social { display: flex; align-items: center; gap: 10px; position: absolute; bottom: 24px; right: 0px; } .contacts__feedback_item { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 8px 0px #0000000F; border-radius: 16px; transition: all 0.2s ease; } .contacts__feedback_item:hover { opacity: 0.7; } .contacts__requisite_title { color: #000; font-size: 32px; font-weight: 500; line-height: 128%; margin-bottom: 10px; } .contacts__requisite_content p { color: #70828a; font-size: 18px; font-style: normal; font-weight: 400; line-height: 128%; } .contacts__map { width: 100%; height: 700px; border-radius: 30px; overflow: hidden; } .contacts__map iframe { width: 100%; height: 100%; } .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .popup-overlay.active { opacity: 1; visibility: visible; } .popup-form { border-radius: 24px; padding: 40px; background: linear-gradient(181.01deg, #f0f1f4 1.88%, #c5c7d3 55.56%); max-width: 460px; width: 90%; position: relative; transform: scale(0.8); transition: transform 0.3s ease; } .popup-overlay.active .popup-form { transform: scale(1); } .popup__close { position: absolute; top: 16px; right: 16px; } .popup__content { text-align: center; } .popup__title { font-weight: 600; font-size: 28px; text-align: center; line-height: 100%; margin-bottom: 32px; } .popup__text { color: #70828a; font-size: 18px; font-weight: 400; line-height: 128%; margin-bottom: 32px; } .popup__button { padding: 16px 32px; border-radius: 16px; background: #0071e3; font-size: 18px; font-weight: 500; line-height: 140%; color: #fff; outline: none; border: none; cursor: pointer; transition: all 0.2s ease; height: 60px; } .popup__button:hover { background-color: #1087fe; } @media screen and (max-width: 992px) { .contacts__content { flex-direction: column-reverse; gap: 20px; } .contacts__left { max-width: 100%; } .contacts__right { margin-top: 0; } .contacts__map { height: 400px; } .contacts__cities { margin-bottom: 30px; } } @media screen and (max-width: 576px) { .contacts__left { padding: 15px; } .contacts__map { height: 300px; } .contacts__cities { margin-bottom: 20px; } .contacts__cities_content { flex-direction: column; align-items: flex-start; } .contacts__cities_dropdown { width: 100%; } .contacts__cities_scheme { font-size: 16px; } .contacts__info { gap: 15px; margin-bottom: 20px; } .contacts__info_description p, .contacts__info_description a { font-size: 14px; } .contacts__feedback { gap: 15px; border-radius: 20px; padding: 20px 0; } .contacts__feedback_title { font-size: 22px; } .contacts__feedback_description { font-size: 16px; } .contacts__feedback_form input, .contacts__feedback_form button { font-size: 16px; height: 48px; padding: 0 17px; } .contacts__feedback_social { gap: 5px; } .contacts__feedback_item { width: 48px; height: 48px; } .contacts__requisite_title { font-size: 22px; } .contacts__requisite_content p { font-size: 16px; } } /* End */ /* Start:/local/assets/css/custom.css?175974083913956*/ .sort-pager-block__sort { order: 20; } .sort-pager-block__more { order: 10; } .sort-pager-block__pager { order: 30; } .footer_flex_in .form_call_us_flex_in_num_btns { flex-direction: column; } .ajax-form__tip { font-weight: bold; margin: 20px 0 0; text-align: center; } .ajax-form__tip:empty { display: none; } .ajax-form__tip--error { color: red; } .ajax-form__tip--success { color: green; } .request_received { display: none; } [id^=bx_incl_area] .faq_flex_left { width: 100%; } .faq_flex_left, .faq_flex > [id^=bx_incl_area] { width: 49%; } .catalog_flex_filtr_left_flex_list_flex_in_right .add-to-cart--in, .block_4_in_slide_in .add-to-cart--in, .catalog_flex_filtr_left_flex_in .add-to-cart--in, .in_page_pro_flex_right_in4 .add-to-cart--in, .sravnenie_flex_right_slide_in_in .add-to-cart--in { background-image: url(/local/assets/css/../img/buy_for_ic2.svg); } .favorite-btn--delete { background-image: url(/local/assets/css/../img/btn_fav_hover.svg); } .compare-btn--delete { background-image: url(/local/assets/css/../img/compare2_hover.svg); } /* to-do объединить одним классом "hidden" */ .add-to-cart--hidden, .block_4_in_slide .block_4_in_slide_in_in:hover .add-to-cart--hidden, .compare-btn--hidden, .main_input_file, .favorite-btn--hidden, .expand-block__body--visible:after { display: none; } .block_4_in_slide_in_in_btns { z-index: 1; } .catalog_flex_filtr_left_flex_in--custom { max-width: 300px; } .block_1_flex_slider--inside { margin-top: 30px; } .catalog_flex_filtr_left--custom { flex: 1; order: 10; } .catalog_flex_filtr_right--custom { order: 20; } .side-menu__root { color: #50575B; } .side-menu__root--colored { color: #DC2A2A; } .in_page_pro_flex_right-100 { width: 100%; } .expand-block__body { position: relative; height: auto; max-height: 130px; transition: 0.5s; overflow: hidden; } .expand-block__body:after { content: ""; position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; height: 90px; text-align: right; pointer-events: none; } .expand-block__body--visible { max-height: none; } .expand-block__btn { max-width: none; } .catalog_flex_filtr_prod_link { text-decoration: none; color: inherit; } .catalog_nav_in_link { text-decoration: none; color: #50575B; } .catalog_nav_in:hover p .catalog_nav_in_link { color: #fff; } .sravnenie_flex_right_link { text-decoration: none; color: inherit; } .limit-count-input { -moz-appearance: textfield; } .limit-count-input::-webkit-outer-spin-button, .limit-count-input::-webkit-inner-spin-button { -webkit-appearance: none; } .sravnenie_flex_right_title { overflow: hidden; display: -webkit-box; } .sravnenie_flex_left p, .sravnenie_flex_right_slide_in_in p { padding: 12px 0; } .sravnenie_flex_left { padding-top: 253px; } .sravnenie_flex_right { flex: 1; } .sravnenie_flex_right .slick-track { margin-left: 0; } .mobile-tab h4 a.link_catalog_footer { margin: unset; padding: unset; color: unset; font-size: unset; font-weight: unset; } .clipboard-btn { position: relative; } .clipboard-btn__success:before { content: ""; position: absolute; top: 100%; left: 50%; display: block; margin-bottom: -6px; border: 6px solid transparent; border-top: 6px solid #2086CF; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .clipboard-btn__success { position: absolute; bottom: 100%; left: 50%; z-index: 1; display: none; margin-bottom: 5px; padding: 5px 20px; border-radius: 80px; color: white; background: #2086CF; font-family: 'PT Root UI'; transform: translateX(-50%); } .clipboard-btn--success .clipboard-btn__success { display: block; } .nav_prod_flex_in--active { background: #2086CF; } .nav_prod_flex_in--active .nav_prod_flex_in__link, .nav_prod_flex .nav_prod_flex_in--active .nav_prod_flex_in__count { color: white; } .mobile-logo img { height: 48px; } @media screen and (max-width: 980px) { .footer_flex_in .footer_flex_in__item { display: inline-block; } .faq_flex_left, .faq_flex > [id^=bx_incl_area] { width: 100%; } } .search_custom_hm { padding: 11px 15px; border-radius: 10px; border: 1px solid #E7E7E7; font-size: 14px; color: #999; font-family: 'PT Root UI'; font-weight: 400; background: transparent; } .btn_search_custom_hm { background: #2086CF; border-radius: 80px; font-weight: 500; font-size: 18px; color: #fff; text-decoration: none; text-align: center; filter: drop-shadow(0px 8px 25px #AFD5F0); padding: 11px 0; border: none; font-family: 'PT Root UI'; width: 120px; } .ym-advanced-informer { display: none; } .catalog_flex_filtr_left_flex_list_flex_in_right_quantity_item { width: 100%; text-align: right; font-size: 18px; margin-bottom: 15px; } .txt_main_page_buttom { text-align: justify; } /* .fancybox-inner,.fancybox-outer,.fancybox-image { max-width:840px!important; max-height:850px!important; margin:0 auto!important; } */ .tlg-icon-header { margin-right: 15px; text-decoration: none; } .block_4_in_flex .active { color: #2086CF; border-color: #2086CF; } .form_call_us_flex_in .ajax-form__submit--js:hover { background: #E5E5E5; } .footer_flex .footer_flex_left .footer_flex_left_form_call_us { position: absolute; right: 70px; top: 270px; } .footer_flex .footer_flex_left .footer_flex_left_form_call_us .form_call_us_flex_in .politica_conf_form { font-size: 12px; color: #9A9EAD; } .footer_flex .footer_flex_left .footer_flex_left_form_call_us .form_call_us_flex_in .politica_conf_form a { color: #9A9EAD; } .footer_flex .footer_flex_left .footer_flex_left_form_call_us .form_call_us_flex_in { padding: unset; width: 200px; background: none; } .footer_flex .footer_flex_left .footer_flex_left_form_call_us .form_call_us_flex_in .form_call_us_header { font-size: 18px; margin-bottom: 20px; } .footer_flex .footer_flex_left .footer_flex_left_form_call_us .form_call_us_flex_in .form_call_us_flex_in_input { max-width: 138px; border-radius: 40px; margin-bottom: 15px; padding: 10px 0px; } .footer_flex .footer_flex_left .footer_flex_left_form_call_us .form_call_us_flex_in .form_call_us_flex_in_input form input { font-size: 12px; text-align: center; } .footer_flex .footer_flex_left .footer_flex_left_form_call_us .form_call_us_flex_in .ajax-form__submit--js { max-width: 138px; font-size: 12px; background: #2086CF; border: none; color: #fff; padding: 10px 0; } .footer_flex .footer_flex_left .footer_flex_left_form_call_us .form_call_us_flex_in .ajax-form__submit--js:hover { filter: drop-shadow(0px 8px 25px #AFD5F0); background: #2086CF; } .cheaper-popup__button { margin-top: 12.5px; } .cheaper-popup .error_placement { display: flex; flex-direction: column; row-gap: 4px; margin-top: 12.5px; } .cheaper-popup .error_placement .error { font-size: 14px; color: red; } #cheaper_form button[type=submit], #installment-popup button[type=submit], .product-info .dropdown > input { font-family: PT Root UI, sans-serif; } .akcii_in_block_txt, .akcii_in_block_txt p, .akcii_in_block_txt li { color: #50575B; font-size: 18px; font-style: normal; font-weight: 400; line-height: 135%; } .general_container_product_properties .in_page_pro3 .in_page_pro3_txt p { color: #50575B; font-size: 18px; font-style: normal; font-weight: 400; line-height: 135%; } .general_container_product_properties .in_page_pro3 .in_page_pro3_txt li { color: #50575B; font-size: 18px; font-style: normal; font-weight: 400; line-height: 135%; } .expand-block__body .in_page_pro6_table tbody tr td { color: #50575B; font-size: 18px; font-style: normal; font-weight: 400; line-height: 135%; } .general_container_product_properties .in_page_pro6_table tr:after { margin-top: 16px; } .custom-banner.bg-banner { min-height: 440px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; } .custom-banner.bg-banner .custom-banner__link { position: absolute; left: 70px; bottom: 60px; } @media ( max-width: 992px ) { .custom-banner.bg-banner .custom-banner__link { left: 60px; bottom: 40px; } } @media ( max-width: 768px ) { .custom-banner.bg-banner .custom-banner__link { left: 30px; bottom: 30px; } } .stickers { position: fixed; top: 230px; right: 20px; z-index: 9; } .stickers-wrapper { display: flex; flex-direction: column; gap: 20px; } .stickers-item { width: 60px; height: 60px; border-radius: 50%; transition: all 0.3s ease; overflow: hidden; position: relative; text-decoration: none; &:hover { opacity: 0.7; } } .stickers-item span { display: block; color: white; } .stickers-item.stickers-sale { background: #FF0000; filter: drop-shadow(5px 10px 35px rgba(255, 0, 0, 0.5)); display: flex; flex-direction: column; align-items: center; justify-content: center; } .stickers-item.stickers-sale span { transform: rotate(-12deg); text-align: center; font-size: 22px; font-weight: 900; line-height: 86.364%; /* 86.364% */ } .stickers-item.stickers-invite { background: #0071E3; filter: drop-shadow(5px 10px 35px rgba(0, 113, 227, 0.5)); display: flex; flex-direction: column; align-items: center; gap: 4px; } .stickers-item.stickers-invite div { margin-top: 10px; } .stickers-item.stickers-invite div span { color: #FFF; text-align: center; font-weight: 900; text-transform: uppercase; } .stickers-item.stickers-invite div span:first-child { font-size: 10px; line-height: 150%; /* 150% */ } .stickers-item.stickers-invite div span:last-child { font-size: 16px; line-height: 15px; } .stickers-item.stickers-invite:after, .stickers-item.stickers-invite:before { content: ''; display: block; width: 13px; height: 13px; border-radius: 50%; background: #FFC700; filter: blur(4.5px); position: absolute; z-index: -1; } .stickers-item.stickers-invite:after { top: 23px; left: 9px; } .stickers-item.stickers-invite:before { right: 12px; bottom: -1px; } .stickers-item.stickers-discount { background: #FFA800; filter: drop-shadow(5px 10px 35px rgba(255, 152, 24, 0.5)); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 11px; } .stickers-item.stickers-discount span:first-child { margin-top: 7px; transform: rotate(15deg); text-align: center; font-size: 33px; font-weight: 900; line-height: 33.333%; /* 33.333% */ } .stickers-item.stickers-discount span:last-child { text-align: center; font-size: 13px; font-weight: 900; line-height: 84.615%; /* 84.615% */ } .stickers-trigger { display: none; transition: all 0.3s ease; } .stickers-trigger.active { transform: rotate(-180deg); } @media screen and (max-width: 992px) { .stickers { top: -100px; right: 10px; z-index: 100; display: flex; align-items: center; flex-direction: column; gap: 17px; padding: 30px 5px 18px; background: #fff; box-shadow: 0 4px 10px 0 rgba(62, 83, 97, 0.1); border-radius: 0 0 30px 30px; transition: all 0.3s ease; &.active { top: 55px; } } .stickers-wrapper { gap: 5px; } .stickers-trigger { display: block; } .stickers-item { width: 40px; height: 40px; border-radius: 10px; filter: drop-shadow(0 0 0); } .stickers-item.stickers-sale span { font-size: 16px; } .stickers-item.stickers-invite { gap: 2px; } .stickers-item.stickers-invite div { margin-top: 8px; } .stickers-item.stickers-invite div span:first-child { font-size: 7.5px; line-height: 120%; } .stickers-item.stickers-invite div span:last-child { font-size: 11px; line-height: 10px; } .stickers-item.stickers-invite svg { min-height: 13px; min-width: 13px; } .stickers-item.stickers-invite:after, .stickers-item.stickers-invite:before { width: 8.6px; height: 8.6px; } .stickers-item.stickers-invite:after { left: 6px; top: 14px; } .stickers-item.stickers-invite:before { bottom: -0.8px; right: 8px; } .stickers-item.stickers-discount { gap: 6px; } .stickers-item.stickers-discount span:first-child { margin-top: 6px; font-size: 23px; line-height: 33.333%; /* 33.333% */ } .stickers-item.stickers-discount span:last-child { font-size: 9px; line-height: 84.615%; /* 84.615% */ } } @media (min-width: 992px) { .block__categories_item-title { line-height: 22px; min-height: 44px; } } .block__categories .slick-list { padding-bottom: 100px; margin-bottom: -100px; } .block__categories .slick-arrow { margin-top: -70px; } .block__categories .slick-slide { margin: 0 5px; } .header__links a span[data-count="0"] { display: none; } .js-demoroom._hidden { display: none; } .kroshki { gap: 4px; margin: 30px 0px; } /* End */ /* Start:/local/templates/hualian/styles.css?1727797865259*/ .route-description__text { font-family: "PTRootUI", sans-serif; color: #50575B; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } @media (max-width: 992px) { .route-description__text { font-size: 16px; } } /* End */ /* Start:/local/templates/hualian/template_styles.css?175454982417853*/ .product-sliders__top.is-special-price { position: relative; } .product-sliders__top.is-special-price:after { content: ''; background: url("/upload/big_sale.png") center no-repeat; width: 99px; height: 26px; background-size: contain; position: absolute; right: 20px; top: 20px; pointer-events: none; z-index: 2; } .header-1111-link, .header-1111-link img { display: block; } @media (min-width: 1000px) { .header-1111-link { position: relative; top: -6px; } } .header-1111-link img { height: 30px; } .header-invite-link { background: #FCBE39; border-radius: 15px; color: #fff !important; padding: 5px 10px; } @media screen and (min-width: 1000px) { /*.catalog-box .menu-box { height: calc(100vh - 224px); }*/ .catalog-box .menu-box.active { max-height: calc(100vh - 240px) !important; } .mobile-menu__container { margin: 0px; } .main_search_block { top: 0px; } .bot_header .bot_header_flex .logo p { margin: -30px 0 0 0; } .bot_header .bot_header_flex .logo { width: 205px; } .bot_header { margin: 0px; } .top_delimeter_head { margin-bottom: 284px; } .all_head_top { position: fixed; top: 0px; left: 0px; width: 100%; background: white; z-index: 994; } .catalog-box { padding-bottom: 10px; } .all_head_top .top_header .container, .all_head_top .bot_header .container { padding: 0px; } } @media all and (max-width: 1200px) and (min-width: 1000px) { .main_search_block { max-width: 375px; margin-left: -250px; } } @media all and (max-width: 980px) and (min-width: 750px) { .bot_header .bot_header_flex .logo p { margin: -40px 0 0 0; } } .btn_1._inline { display: inline-block; margin: 0; } .btn_1._ml20 { margin-left: 20px; } .block_serv_warran_in_in2_body p>a.btn_1 { color: #fff; } .news-footer { padding-top: 10px; } .block_heading_with_link_name_element { } .in_page_pro_flex_right.in_page_pro_flex_right-100 .in_page_pro_flex_right_in1 .ackii { margin-right: 15px; } .in_page_pro_flex_right_in4_btn_count2 button:hover { box-shadow: 0 0px 7px #2086CF; transition: 0.2s; } .in_page_pro_flex_right_in1 p { margin: 0; } .arrival_notifications_btn { border: 1px solid #2086CF; color: #2086CF; border-radius: 80px; font-weight: 500; font-size: 18px; text-decoration: none; padding: 11px 0; max-width: 300px; width: 100%; margin-left: 20px; display: flex; align-items: center; justify-content: center; } .arrival_notifications_btn:hover { box-shadow: 0 0px 7px #2086CF; transition: 0.2s; } .arrival_notifications_btn img { margin-right: 10px; } .name_price_item { font-size: 20px; color: rgba(177, 177, 177, 1); display: block; } .in_page_pro_flex_left .in_page_pro_flex_left_slide img { border-radius: 15px; box-shadow: 0 2px 10px rgba(170,170,170,.34); /* height: 100%; */ } .in_page_pro_flex_item_hit_sale { position: absolute; left: 20px; font-weight: 700; font-size: 13px; background-color: #FC1A6B; color: #fff; padding: 8px 12px; border-radius: 0 0 5px 5px; z-index: 1; } .in_page_pro_flex_item_new_product { position: absolute; right: 20px; font-weight: 700; font-size: 13px; background-color: #B215E9; color: #fff; padding: 8px 12px; border-radius: 0 0 5px 5px; z-index: 1; } .in_page_pro_flex_left_slide_in_in { max-width: 530px; height: 530px; /* height:100%; */ } .in_page_pro_flex_left_slide_min .slick-list .slick-current img { border: 1px solid rgba(32, 133, 207, 1); border-radius: 5px; } /* .in_page_pro_flex_left_slide_min .slick-list.draggable .slick-track { transform: unset!important; } */ .slick-slide { margin: 10px 10px; /* Измените отступы между слайдами на 20 пикселей */ } /* Блок доставки и оплаты */ .delivery_calculation { box-shadow: 0 2px 7px rgba(170,170,170,.34); max-width: 400px; padding: 25px 25px 0 25px; border-radius: 15px; } .delivery_calculation label { font-size: 20px; font-weight: 700; } .delivery_calculation_and_city { display: flex; align-items: center; } .delivery_payment_method { display: flex; flex-wrap: wrap; justify-content: space-between; } .in_page_pro_form_consultation a:hover { box-shadow: 0 0px 7px #2086CF; transition: 0.2s; } .delivery_payment_method .in_page_pro_form_consultation { margin-top: 0; margin-left: 62px; } /* Блок с характеристиками */ .general_container_product_properties { display: flex; justify-content: space-between; flex-wrap:wrap; /* margin: 0 0 60px 0; */ } .general_container_product_properties .block_heading_with_link span { font-size: 30px; /* margin: 0 0 30px 0; */ } .general_container_product_properties .in_page_pro3 { max-width: 960px; } .general_container_product_properties .in_page_pro3 .in_page_pro3_txt { font-size: 18px; padding-top: 6px; } .general_container_product_properties .in_page_pro4 { max-width: 538px; margin-right: 63px; } .general_container_product_properties .expand-block__body { max-height: 253px; } .general_container_product_properties .expand-block__body--visible { max-height: none; } .general_container_product_properties .in_page_pro4 .expand-block__body { margin-bottom: 15px; } .general_container_product_properties .expand.expand-block__btn { border: none; font-size: 16px; font-weight: 700; padding-left: 0; font-family: 'PT Root UI'; } .expand-block__body .in_page_pro6_table tbody tr td:last-child { padding-right: 0; } .in_page_pro4 .expand-block__body .in_page_pro6_table { margin: unset; } /* Блок подарки */ .block_gift_slide .check.option { position: unset; display: block; } .block_gift_slide a.check__box { border-radius: 80px; display: block; border: 1px solid rgba(32, 133, 207, 1); max-width: 125px; width: 100%; height: auto; position: unset; margin-top: unset; margin-left: unset; padding: 10px 0; font-size: 18px; color: rgba(32, 133, 207, 1); margin-top: 20px; text-align: center; } .wrapper_block_gift_slide .block_gift_slide .slick-prev { left: -25px; } .wrapper_block_gift_slide .block_gift_slide .slick-next { right: -13px; } /* Блок видео */ .in_page_pro .in_page_pro5 .block_heading_with_link { margin: 0 0 30px 0; } .in_page_pro5 { margin-bottom: 60px; } .modile_vision_parts_code { display: none; } .in_page_pro6_table table td div.modile_vision_parts { display: none; } .video_block .video-slider-big .slick-list .slick-slide img { max-height: 600px; object-fit: cover; } /* .in_page_pro_flex .mobile_block_info_visible { display: none; } */ #eShopLogisticStatic { border-radius: 15px; } .expand-block__body .in_page_pro6_table tbody tr td:first-child { font-weight: 500; } .expand-block__body .in_page_pro6_table tbody tr td:last-child { text-align: right; } .general_container_product_properties .in_page_pro6_table tr { overflow: hidden; } .general_container_product_properties .in_page_pro6_table tr:after { content:'..................................................................................................................'; color: rgba(204, 209, 215, 1); display: block; white-space: nowrap; overflow: hidden; margin-top: 10px; } .general_container_product_properties .in_page_pro6_table tr td:first-child { float:left; padding-right: 0px; margin-right: 3px; } .general_container_product_properties .in_page_pro6_table tr td:last-child { float:right; } .general_container_product_properties .in_page_pro6_table tr:last-of-type{ margin-left: 20px; } /* .test_tochka { margin-right: -30%; width: 69%; vertical-align: top; overflow: hidden; display: inline-block; letter-spacing: normal; } */ /* .test_tochka:after { content: ''; display: inline-block; width: 120%; margin: 0 -99% 0 3px; vertical-align: baseline; border-bottom: 1px dotted rgba(204, 209, 215, 1); } .test_kochka:after{ width: 10%; } */ .in_page_pro6 .in_page_pro6_table { max-height: 641px; overflow-x: auto; } .block_6 .in_page_pro6 .in_page_pro6_table::-webkit-scrollbar { width: 4px; border-radius: 5px; } .block_6 .in_page_pro6 .in_page_pro6_table::-webkit-scrollbar-track { background-color: #D4D4D4; } .block_6 .in_page_pro6 .in_page_pro6_table::-webkit-scrollbar-thumb { background: #2085CF; border-radius: 5px; } @media screen and (max-width:990px){ /* .in_page_pro_flex .mobile_block_info_visible { display: flex } .in_page_pro_flex_right .mobile_none_visible_block_info { display: none; } */ .in_page_pro_flex_right_in1 p { margin-left: 15px; } .name_price_item { font-size: 14px; } .in_page_pro_flex_right_in3 .on_click_buy { font-size: 14px; } .in_page_pro_flex_right_in1.mobile_block_info_visible p { font-size: 12px; } .block_name_element.block_heading_with_link h1 { font-size: 17px; } .test_mobile_visible { width: 100%; } /* .test_mobile_visible .dropbtn .arrow_stock_element_up { margin-left: 56%; } */ .test_mobile_visible .dropbtn .arrow_stock_element_down { /* margin-left: 56%; */ margin-top: 3px; } .test_mobile_visible .dropdown { width: 100%; margin-bottom: 15px; } .test_mobile_visible .dropbtn { width: 100%; font-size: 14px; padding: 8px 16px; display: flex; justify-content: space-between; } .test_mobile_visible .dropdown-content span { font-size: 14px; } .test_mobile_visible .dropdown-content { width: 100%; } .delivery_payment_method { justify-content: center; } .delivery_calculation { margin-bottom: 20px; max-width: unset; width: 100%; } .delivery_calculation_and_city { display: flex; justify-content: space-between; } /* .general_container_product_properties .in_page_pro3 .expand-block__body { max-height: 336px; } */ /* .general_container_product_properties .in_page_pro4 .expand-block__body { max-height: 224px; } */ .general_container_product_properties { display: block; } .general_container_product_properties .in_page_pro4 { margin-right: unset; } .in_page_pro6_table { width: 100%; } .general_container_product_properties .in_page_pro3 .in_page_pro3_txt { font-size: 13px; } .general_container_product_properties .in_page_pro3 .in_page_pro3_txt p { font-size: 13px; } .general_container_product_properties .in_page_pro4 .expand-block__body .in_page_pro6_table { font-size: 13px; } .general_container_product_properties .expand.expand-block__btn { font-size: 14px; } .in_page_pro .in_page_pro5 .block_heading_with_link { margin: 0 0 20px 0; } .block_6 .block_heading_with_link span { font-size: 20px; } .block_6 .block_heading_with_link { margin: 0 0 15px 0; } .in_page_pro5 { margin-bottom: 30px; } .wrapper_block_gift_slide .block_gift_slide .slick-list{ padding:0 20% 0 0; } .block_gift_slide .slide-gift-item { box-shadow: 0 2px 7px rgba(170,170,170,.34); } /* Запчасти */ #parts-table tbody tr.modile_vision_parts_header_none{ display: none!important; } /* #parts-table tbody tr td:last-child{ display: none; } */ .in_page_pro6_table table td .modile_vision_parts_code { display: block; margin: 5px 0; color: rgba(128, 128, 128, 1); font-size: 12px; } .in_page_pro6_table table td div.modile_vision_parts { display: flex; justify-content: space-between; margin: 5px 10px 5px 0; } .in_page_pro6_table table td div.modile_vision_parts span { font-size: 12px; color: rgba(128, 128, 128, 1); } .in_page_pro6_table table td div.modile_vision_parts span.modile_vision_parts_price { font-size: 14px; color: rgba(80, 87, 91, 1); font-weight: 700; } .modile_vision_parts_none { display: none; } .arrival_notifications_btn { max-width: unset; margin-left: unset; margin-top: 20px; } .in_page_pro_flex_right_in4 { flex-wrap: wrap; } .in_page_pro_flex_item_hit_sale { left: -5px; top: 10px; font-weight: 700; font-size: 10px; border-radius:5px; z-index: 1; } .in_page_pro_flex_item_new_product { left: -5px; top: 45px; font-weight: 700; font-size: 10px; border-radius:5px; right: unset; z-index: 1; } .in_page_pro_flex_right-100 .in_page_pro_flex_right_in4 { justify-content: space-between; margin: 0 0 20px 0; } .in_page_pro_flex_right-100 { position: relative; } .in_page_pro_flex_right_in4_btn_count2 { position: absolute; top: 15px; right: 0px; } .delivery_payment_method .in_page_pro_form_consultation { margin: 30px 0 20px; width: 100%; } } /* Кнопка выпадающего списка */ .dropbtn { background-color: #fff; border: 1px solid rgba(102, 102, 102, 1); padding: 11px 16px; font-size: 18px; cursor: pointer; border-radius: 10px; color: rgba(102, 102, 102, 1); width: 261px; text-align: left; } .arrow_stock_element_up { border: solid rgba(0, 0, 0, 1); border-width: 0 1px 1px 0; display: inline-block; padding: 5px; transform: rotate(45deg); margin-left: 38px; margin-bottom: 4px; } .arrow_stock_element_down { border: solid rgba(0, 0, 0, 1); border-width: 0 1px 1px 0; display: inline-block; padding: 5px; transform: rotate(-135deg); margin-bottom: 0; margin-left: 38px; } /* Контейнер
- необходим для размещения выпадающего содержимого */ .dropdown { position: relative; display: inline-block; margin-bottom: 27px; } /* Выпадающее содержимое (скрыто по умолчанию) */ .dropdown-content { display: none; position: absolute; background-color: #fff; border-radius: 10px; min-width: 261px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /* Ссылки внутри выпадающего списка */ .dropdown-content span { color: rgba(32, 133, 207, 1); cursor: pointer; padding: 10px 17px; text-decoration: none; display: block; font-size: 16px; font-weight: 500; } /* Показать выпадающее меню (используйте JS, чтобы добавить этот класс .dropdown-content содержимого, когда пользователь нажимает на кнопку выпадающего списка) */ .show {display:block;} .footer_flex_in_social__item--hmruvideo { background: url(/local/assets/css/../img/videohosting.png) 0 center no-repeat; } .footer_flex_in_social__item--rutube { background: url(/local/assets/css/../img/rutube.svg) 3px center no-repeat; background-size: 26px; } .block_1_flex_akcii video { display: block; width: 100%; height: 100%; } .block_1_flex_akcii_video { width: 285px; height: 430px; border-radius: 16px; overflow: hidden; margin-top: 10px; } .basket-total__one-click-wrapper { text-align: center; padding-top: 15px; } .basket-total__one-click-link { display: inline-block; font-size: 18px; text-decoration: none; color: #50575B; } .main_search_block_in_result_in b { font-weight: normal; } /* .orders_block > .container { padding-right: 0; padding-left: 0; }*/ .in_page_pro_flex_item_new_product { display: none !important; } /* fix block_categoriers */ .block__categories{ grid-template: auto / repeat(6, 1fr); } .block__categories_item{ padding: 30px 10px 24px 10px; } .block__categories_item-image { &.has-circle:before { top: calc(50% + 10px); } } .block__categories_item{ gap: 30px; padding: 30px 10px 14px 10px; } .top-model-title{ font-size: 29px; font-weight: 700; margin: 0 0 15px 0; display: block; } #fill_data_form .error_placement{ margin-bottom: 10px; display: flex; flex-direction: column; row-gap: 4px; color: red; } @media screen and (max-width: 1250px) { .block__categories { grid-template: auto / repeat(4, 1fr); } } @media screen and (max-width: 992px) { .block__categories { grid-template: auto / repeat(3, 1fr); } } @media screen and (max-width: 768px) { .block__categories { grid-template: auto / repeat(2, 1fr); } } @media(max-width: 576px) { .block__categories_item{ padding: 20px 7px 15px 7px; } } .block__categories._top .block__categories_item-image { &.has-cirlce:before { display: none; } } /* End */ /* /local/assets/fonts/font.css?17555725931224 */ /* /local/assets/css/select2.min.css?171757100716264 */ /* /local/assets/css/slick.css?17175710071776 */ /* /local/assets/css/slick-theme.css?17175710073145 */ /* /local/assets/css/jquery.fancybox.min.css?172839219615348 */ /* /local/assets/css/reset.css?1759132368774 */ /* /local/assets/css/style.css?1759740839121111 */ /* /local/assets/css/media.css?175636933125575 */ /* /local/assets/css/swiper.min.css?174082563218459 */ /* /local/assets/css/common.css?1759741284125510 */ /* /local/assets/css/pages/demorooms.css?175974083911702 */ /* /local/assets/css/pages/contacts.css?17597408398127 */ /* /local/assets/css/custom.css?175974083913956 */ /* /local/templates/hualian/styles.css?1727797865259 */ /* /local/templates/hualian/template_styles.css?175454982417853 */