/* Start:/local/templates/dom_2025/css/fonts.css?17654631131397*/ @font-face { font-family: 'Brevis'; src: url('/local/templates/dom_2025/css/../fonts/brevis/Brevis-Regular.otf') format('otf'), url('/local/templates/dom_2025/css/../fonts/brevis/Brevis-Regular.ttf') format('truetype'), url('/local/templates/dom_2025/css/../fonts/brevis/Brevis-Regular.woff') format('woff'), url('/local/templates/dom_2025/css/../fonts/brevis/Brevis-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/dom_2025/css/../fonts/manrope/Manrope-ExtraLight.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/dom_2025/css/../fonts/manrope/Manrope-Light.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/dom_2025/css/../fonts/manrope/Manrope-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/dom_2025/css/../fonts/manrope/Manrope-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/dom_2025/css/../fonts/manrope/Manrope-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/dom_2025/css/../fonts/manrope/Manrope-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/dom_2025/css/../fonts/manrope/Manrope-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } /* End */ /* Start:/local/templates/dom_2025/css/jquery.fancybox.min.css?176969016512897*/ 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:#FFF9E6;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;-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}.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)}} .fancybox-button[disabled] { display: none; } .fancybox-infobar, .fancybox-infobar span { color: #FFF9E6; } /* End */ /* Start:/local/templates/dom_2025/css/slick.css?17250361101776*/ /* 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/templates/dom_2025/css/slick-theme.css?17675953862701*/ @charset "UTF-8"; /* Icons */ /* 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/templates/dom_2025/css/jquery.mCustomScrollbar.css?176795722353583*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/dom_2025/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/dom_2025/css/jquery-ui.css?173022480036407*/ /*! jQuery UI - v1.14.1 - 2024-10-30 * https://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit https://jqueryui.com/themeroller/?bgColorDefault=%23f6f6f6&borderColorDefault=%23c5c5c5&fcDefault=%23454545&bgColorHover=%23ededed&borderColorHover=%23cccccc&fcHover=%232b2b2b&bgColorActive=%23007fff&borderColorActive=%23003eff&fcActive=%23ffffff&bgColorHeader=%23e9e9e9&borderColorHeader=%23dddddd&fcHeader=%23333333&bgColorContent=%23ffffff&borderColorContent=%23dddddd&fcContent=%23333333&bgColorHighlight=%23fffa90&borderColorHighlight=%23dad55e&fcHighlight=%23777620&bgColorError=%23fddfdf&borderColorError=%23f1a899&fcError=%235f3f3f&bgColorOverlay=%23aaaaaa&opacityOverlay=.3&bgColorShadow=%23666666&opacityShadow=.3&offsetTopShadow=0px&offsetLeftShadow=0px&thicknessShadow=5px&cornerRadiusShadow=8px&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif&fwDefault=normal&cornerRadius=3px&bgTextureDefault=flat&bgTextureHover=flat&bgTextureActive=flat&bgTextureHeader=flat&bgTextureContent=flat&bgTextureHighlight=flat&bgTextureError=flat&bgTextureOverlay=flat&bgTextureShadow=flat&bgImgOpacityDefault=75&bgImgOpacityHover=75&bgImgOpacityActive=65&bgImgOpacityHeader=75&bgImgOpacityContent=75&bgImgOpacityHighlight=55&bgImgOpacityError=95&bgImgOpacityOverlay=0&bgImgOpacityShadow=0&iconColorActive=%23ffffff&iconColorContent=%23444444&iconColorDefault=%23777777&iconColorError=%23cc0000&iconColorHeader=%23444444&iconColorHighlight=%23777620&iconColorHover=%23555555&opacityOverlayPerc=30&opacityShadowPerc=30&bgImgUrlActive=&bgImgUrlContent=&bgImgUrlDefault=&bgImgUrlError=&bgImgUrlHeader=&bgImgUrlHighlight=&bgImgUrlHover=&bgImgUrlOverlay=&bgImgUrlShadow=&iconsActive=url(/local/templates/dom_2025/css/%22images%2Fui-icons_ffffff_256x240.png%22)&iconsContent=url(/local/templates/dom_2025/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsDefault=url(/local/templates/dom_2025/css/%22images%2Fui-icons_777777_256x240.png%22)&iconsError=url(/local/templates/dom_2025/css/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsHeader=url(/local/templates/dom_2025/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsHighlight=url(/local/templates/dom_2025/css/%22images%2Fui-icons_777620_256x240.png%22)&iconsHover=url(/local/templates/dom_2025/css/%22images%2Fui-icons_555555_256x240.png%22)&bgDefaultRepeat=&bgHoverRepeat=&bgActiveRepeat=&bgHeaderRepeat=&bgContentRepeat=&bgHighlightRepeat=&bgErrorRepeat=&bgOverlayRepeat=&bgShadowRepeat=&bgDefaultYPos=&bgHoverYPos=&bgActiveYPos=&bgHeaderYPos=&bgContentYPos=&bgHighlightYPos=&bgErrorYPos=&bgOverlayYPos=&bgShadowYPos=&bgDefaultXPos=&bgHoverXPos=&bgActiveXPos=&bgHeaderXPos=&bgContentXPos=&bgHighlightXPos=&bgErrorXPos=&bgOverlayXPos=&bgShadowXPos= * Copyright OpenJS Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; user-select: none; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 125+ */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/local/templates/dom_2025/css/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/local/templates/dom_2025/css/images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/local/templates/dom_2025/css/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/local/templates/dom_2025/css/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/local/templates/dom_2025/css/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/local/templates/dom_2025/css/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/local/templates/dom_2025/css/images/ui-icons_777777_256x240.png"); } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; } .ui-widget-shadow { box-shadow: 0px 0px 5px #666666; } /* End */ /* Start:/local/templates/dom_2025/css/main.css?1791960435119019*/ * { padding: 0; margin: 0; box-sizing: border-box; font-size: 14px; line-height: 1.3; font-weight: 400; color: #424031; font-family: 'Manrope', sans-serif; letter-spacing: 0.56px; } html, body { background: #FFF9E6; } .container { width: 1200px; margin: auto; padding: 0 20px; position: relative; } .loading { opacity: 0.5; } .slick-arrow.slick-prev, .slick-arrow.slick-next { width: 40px; height: 40px; border-radius: 40px; border: 1px solid #FEFEFE; font-size: 0; position: absolute; top: calc(50% - 20px); background: url('/local/templates/dom_2025/css/../img/icon_arrow_left.svg') 50% 50% no-repeat #FEFEFE; outline: none; z-index: 1; transform: unset; } .slick-arrow.slick-prev::before, .slick-arrow.slick-next::before { display: none; } .slick-arrow.slick-prev { transform: rotate(180deg); } .slick-arrow.slick-prev.slick-disabled, .slick-arrow.slick-next.slick-disabled { background: url('/local/templates/dom_2025/css/../img/icon_arrow_left_white.svg') 50% 50% no-repeat; cursor: default; } .slick-arrow.slick-prev:not(.slick-disabled):hover, .slick-arrow.slick-next:not(.slick-disabled):hover { background: url('/local/templates/dom_2025/css/../img/icon_arrow_left_beige.svg') 50% 50% no-repeat #424031; border-color: #424031; } header { height: 90px; border-radius: 32px; background: #EDE3CF; position: fixed; z-index: 10; top: 40px; left: calc((100% - 1160px) / 2); right: calc((100% - 1160px) / 2); display: flex; justify-content: space-between; align-items: center; padding: 0 24px; } .mainpage header { background: #fefefe; top: 42px; left: calc((100% - 1076px) / 2); right: calc((100% - 1076px) / 2); transition: 0.3s; } .mainpage.scroll header { left: calc((100% - 1160px) / 2); right: calc((100% - 1160px) / 2); } header .logo { display: block; width: 130px; height: 70px; background: url('/local/templates/dom_2025/css/../img/logo.svg?1') 50% / contain no-repeat; } header .menu { display: flex; align-items: center; gap: 20px; } header .menu a { text-decoration: none; text-transform: lowercase; } header .menu a.active { font-weight: 700; } header .menu a:hover { text-decoration: underline; } header .phone { text-decoration: none; font-size: 18px; line-height: 1.2; letter-spacing: 0.72px; } header .phone:hover { text-decoration: underline; } header .middle-mobile, header .phone-button-mobile, header .burger-button-mobile { display: none; } #mobile-menu { display: none; } footer { background: url('/local/templates/dom_2025/css/../img/footer_lines.svg') calc(100% - 210px) 100% no-repeat #424031; border-radius: 40px; padding: 30px 40px 40px; margin: 20px 0; display: flex; justify-content: space-between; position: relative; } footer .left { width: 298px; } footer .logo { display: block; width: 210px; height: 116px; background: url('/local/templates/dom_2025/css/../img/logo_footer.svg') 50% no-repeat; } footer .address { color: #FFF9E6; font-size: 12px; letter-spacing: 0.48px; margin-top: 20px; } footer .copyright { color: #FFF9E6; font-size: 12px; letter-spacing: 0.48px; opacity: 0.6; margin-top: 44px; } footer .center { display: flex; justify-content: space-between; gap: 49px; } footer .title { color: #FFF9E6; font-size: 20px; font-weight: 500; letter-spacing: 0.8px; } footer .menu { margin-top: 20px; } footer .menu div + div { margin-top: 14px; } footer .menu a { color: #FFF9E6; text-decoration: none; text-transform: lowercase; } footer .menu a:hover { text-decoration: underline; } footer .right { width: 236px; } footer .right .menu div:last-child { margin-top: 29px; } footer .right .menu a span { color: #FFF9E6; } footer .social { position: absolute; bottom: 40px; right: 40px; display: flex; gap: 11px; } footer .social a { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #FFF9E6; } footer .social a:hover { background: #828E6C; } footer .social a:hover path { fill: #FFF9E6; } #content { margin-top: 170px; margin-bottom: 40px; overflow: hidden; } #panel ~ #content { margin-top: 130px; } .mainpage #content { margin-top: 24px; } .mainpage #panel ~ #content { margin-top: -16px; } #breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 0; } .head-banner + #breadcrumb { margin-top: 60px; } #breadcrumb a, #breadcrumb span { font-size: 12px; letter-spacing: 0.48px; text-decoration: none; text-transform: lowercase; } #breadcrumb a { color: #B9C2AB; opacity: 0.8; } #breadcrumb a:hover { text-decoration: underline; } #breadcrumb svg { margin: 0 10px; } h1 { font-size: 80px; line-height: 1.2; letter-spacing: 0; text-transform: lowercase; margin-bottom: 80px; } #page404 { text-align: center; padding-top: 35px; padding-bottom: 95px; } #page404 .text { font-size: 170px; line-height: 1.4; font-family: 'Brevis', sans-serif; } #page404 .text span { font-size: 16px; line-height: 1.4; font-family: 'Brevis', sans-serif; max-width: 129px; display: inline-block; text-align: left; position: relative; bottom: -26px; } #page404 .text span:first-child { right: -84px; } #page404 .text span:last-child { left: -40px; } #page404 .button { display: flex; justify-content: center; margin-top: 68px; } .button a { display: flex; justify-content: center; align-items: center; gap: 10px; height: 54px; border-radius: 32px; background: #424031; border: 1px solid #424031; color: #FFF9E6; text-decoration: none; font-size: 18px; letter-spacing: 0.64px; text-transform: lowercase; } .button a path { fill: #FFF9E6; } .button a:hover { background: none; color: #424031; } .button a:hover path { fill: #424031; } #page404 .button a { width: 320px; } .head-banner { height: 658px; border-radius: 40px; display: flex; justify-content: center; align-items: flex-end; color: #fefefe; font-family: "Brevis", sans-serif; font-size: 128px; line-height: 1; letter-spacing: 0; padding-bottom: 40px; } #contacts .head-banner { background: linear-gradient(#2F2F2F00 50%, #2F2F2FFF 100%), url('/local/templates/dom_2025/css/../img/contacts_head.webp') 50% 50% / cover no-repeat; } #about .head-banner { background: linear-gradient(#2F2F2F00 50%, #2F2F2FFF 100%), url('/local/templates/dom_2025/css/../img/about_head.webp') 50% 50% / cover no-repeat; } #contacts .info { display: flex; justify-content: space-between; margin-top: 40px; } #contacts .column:nth-child(1), #contacts .column:nth-child(3) { max-width: 338px; } #contacts .column .title { color: #2F2F2F; font-size: 28px; letter-spacing: 1.12px; text-transform: lowercase; font-weight: 500; } #contacts .column .subtitle { color: #828E6C; font-size: 20px; font-weight: 500; letter-spacing: 0.8px; margin-top: 40px; } #contacts .column .address { color: #2F2F2F; font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; margin-top: 40px; margin-bottom: 40px; } #contacts .column .button a { color: #FFF9E6; } #contacts .column .button a:hover { color: #424031; text-decoration: none; } #contacts .column div { color: #2F2F2F; } #contacts .column div + div { margin-top: 12px; } #contacts .column div.subtitle + div { margin-top: 20px; } #contacts .column div a { color: #2F2F2F; text-decoration: none; } #contacts .column div a:hover { text-decoration: underline; } #contacts .column .social { display: flex; gap: 12px; margin-top: 20px; } #contacts .social a { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #424031; } #contacts .social a:hover { background: #828E6C; } #contacts .social a path { fill: #FFF9E6; } #contacts .exhibition > div:nth-child(2) { margin-top: 60px; } #contacts .exhibition > div:nth-child(2) > div:nth-child(2) { line-height: 2; } #map { height: 406px; border-radius: 40px; overflow: hidden; margin-top: 60px; } #map .map-marker { display: flex; gap: 10px; align-items: flex-end; position: relative; top: -120px; left: -35px; } #map .map-marker div { border-radius: 40px 20px 20px 20px; background: #424031; color: #FFF9E6; padding: 24px 32px; width: 269px; } #contacts .info.legal { display: block; } #contacts .info.legal .title { font-size: 28px; font-weight: 500; letter-spacing: 1.12px; } #contacts .info.legal > div { display: flex; justify-content: space-between; } #contacts .info.legal .column { width: 196px; margin-left: 30px; } #contacts .info.legal .column:first-child { width: unset; margin-left: unset; margin-right: 140px; } #contacts .info.legal .column div + div.subtitle { margin-top: 28px; } #contacts .info.legal .column div.subtitle + div { margin-top: 12px; } #contacts .info.legal .column:first-child div.subtitle + div { margin-top: 20px; } #form-dogovor { background: #E8DAC0; border-radius: 40px; padding: 40px; margin-top: 60px; display: flex; gap: 40px; } #form-review { background: #E8DAC0; border-radius: 40px; padding: 32px; margin-top: 80px; display: flex; gap: 40px; position: relative; } #form-dogovor form, #form-review form { width: calc(50% - 20px); } #form-dogovor .title, #form-review .title { font-size: 36px; font-weight: 600; line-height: 1.4; letter-spacing: 0; text-transform: lowercase; margin-bottom: 40px; } #form-dogovor input[type="text"], #form-review input[type="text"], .modal.overlay input[type="text"] { display: block; outline: none; width: 100%; border: none; border-radius: 32px; height: 54px; background: #FFF9E6; font-size: 16px; letter-spacing: 0.64px; padding-left: 32px; } #form-dogovor input[type="text"]::placeholder, #form-review input[type="text"]::placeholder, .modal.overlay input[type="text"]::placeholder, #form-review textarea::placeholder { color: #BABAB9; } #form-dogovor input[type="text"] + input[type="text"], .modal.overlay input[type="text"] + input[type="text"] { margin-top: 20px; } #form-review textarea { margin-top: 20px; display: block; outline: none; width: 100%; border: none; border-radius: 32px; height: 100px; background: #FFF9E6; font-size: 16px; letter-spacing: 0.64px; padding-left: 32px; padding-top: 16px; resize: none; } #form-dogovor .buttons, .modal.overlay .buttons { display: flex; margin-top: 40px; gap: 20px; } .smart-captcha { margin: 40px 0; } #form-review .buttons { display: flex; flex-direction: column; gap: 40px; margin-top: 20px; } #form-dogovor input[type="submit"], #form-review input[type="submit"], .modal.overlay input[type="submit"] { height: 54px; line-height: 52px; border-radius: 32px; background: #424031; border: 1px solid #424031; color: #FFF9E6; font-size: 18px; letter-spacing: 0.64px; text-transform: lowercase; outline: none; cursor: pointer; width: calc(100% - 310px); } .modal.overlay input[type="submit"] { width: calc(100% - 331px); } #form-review input[type="submit"] { order: 2; width: 100%; } #form-dogovor input[type="submit"]:hover, #form-review input[type="submit"]:hover, .modal.overlay input[type="submit"]:hover { background: none; color: #424031; } #form-dogovor input[type="file"], #form-review input[type="file"], .modal.overlay input[type="file"] { display: none; } #form-dogovor .button.file a, #form-review .button.file a, .modal.overlay .button.file a { background: none; color: #424031; width: 290px; } .modal.overlay .button.file a { width: 311px; } #form-review .button.file a { width: 100%; order: 1; } #form-dogovor .button.file a:hover, #form-review .button.file a:hover, .modal.overlay .button.file a:hover { background: #424031; color: #FFF9E6; } #form-dogovor .button.file a path, #form-review .button.file a path, .modal.overlay .button.file a path { stroke: #424031; fill: none; } #form-dogovor .button.file a:hover path, #form-review .button.file a:hover path, .modal.overlay .button.file a:hover path { stroke: #FFF9E6; } #form-dogovor .note, .modal.overlay .note { margin-top: 20px; opacity: 0.6; } #form-dogovor .note a:hover, .modal.overlay a:hover { text-decoration: none; } #form-dogovor .image { width: calc(50% - 20px); height: 492px; border-radius: 160px 32px 32px 32px; background: url('/local/templates/dom_2025/css/../img/form_dogovor.webp') 50% 50% / cover no-repeat; } #form-review .image { width: calc(50% - 20px); height: 432px; border-radius: 160px 32px 32px 32px; background: url('/local/templates/dom_2025/css/../img/reviews/form_review.webp') 50% 50% / cover no-repeat; } #form-dogovor .success, #form-review .success { height: 54px; line-height: 54px; text-align: center; font-size: 20px; width: 100%; font-weight: 900; display: none; } #works .sections, #actions .categories, #news .tags { display: flex; gap: 8px; position: absolute; top: -132px; right: 20px; } #works .sections a, #actions .categories a, #news .tags a { display: flex; align-items: center; text-decoration: none; height: 32px; border: 1px solid #424031; color: #424031; font-size: 12px; letter-spacing: 0.48px; border-radius: 23px; padding: 0 16px; text-transform: lowercase; white-space: nowrap; } #works .sections a:hover, #works .sections a.active, #actions .categories a:hover, #actions .categories a.active, #news .tags a:hover, #news .tags a.active { color: #FFF9E6; background: #424031; } #works .sections a.active, #actions .categories a.active, #news .tags a.active { cursor: default; } #works .list { display: flex; flex-wrap: wrap; gap: 60px 40px; } #works .item { width: calc((100% - 80px) / 3); display: flex; flex-direction: column; gap: 12px; text-decoration: none; } #works .item .image { height: 279px; border-radius: 28px; transition: 0.3s; overflow: hidden; } #works .item .image div { height: 100%; background-position: 50% 50%; background-size: cover; transition: 0.2s; } #works .item:hover .image div { transform: scale(1.15); } #works .item .name { color: #2F2F2F; font-size: 30px; font-weight: 600; line-height: 1.2; letter-spacing: 0; } #works .item .location, #work .similar.works .item .location { color: #2F2F2F; padding-left: 30px; background: url('/local/templates/dom_2025/css/../img/location.svg') 0 50% no-repeat; line-height: 22px; } #work .similar.works .item .location { margin-top: 12px; } #work .head-banner, #catalog-detail .head-banner { flex-direction: column; justify-content: flex-end; align-items: flex-end; padding: 40px; position: relative; overflow: hidden; } #work .head-banner h1, #catalog-detail .head-banner h1 { margin: 0; color: #FEFEFE; line-height: 1; font-family: 'Brevis', sans-serif; text-align: right; } #catalog-detail .head-banner h1 { font-size: 128px; } #work .head-banner .size, #catalog-detail .head-banner .type { margin-top: 20px; color: #FEFEFE; font-size: 36px; line-height: 1.2; letter-spacing: 0.72px; } .head-banner .video-button { position: absolute; left: calc(50% - 52px); top: calc(50% - 52px); display: block; width: 105px; height: 105px; background: url('/local/templates/dom_2025/css/../img/video_play.svg') 50% 50% / contain; } .head-banner .video-button:hover { background-image: url('/local/templates/dom_2025/css/../img/video_play_hover.svg'); } .head-banner .video-block { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .head-banner .video-block iframe { width: 100%; height: 100%; } #work .info, #catalog-detail .info { margin-top: 80px; display: flex; gap: 60px; } #work .info .image, #catalog-detail .info .plan { width: calc(100% - 607px); border-radius: 40px; background-position: 50% 50%; background-size: cover; min-height: 367px; overflow: hidden; } #catalog-detail .info .plan a { display: block; height: 100%; background-position: 50% 50%; background-size: contain; background-color: #fff; background-repeat: no-repeat; } #catalog-detail .info .plan .slick-list, #catalog-detail .info .plan .slick-track, #catalog-detail .info .plan .slick-slide > div { height: 100%; } #catalog-detail .info .plan .slick-prev { left: 10px; } #catalog-detail .info .plan .slick-next { right: 10px; } #work .info .image + .description, #catalog-detail .info .plan + .description { width: 547px; } #work .info .params, #catalog-detail .info .params { display: flex; justify-content: space-between; width: 547px; } #work .info .param, #catalog-detail .info .param { padding-top: 60px; width: 215px; } #work .info .param.material, #catalog-detail .info .param.material { background: url('/local/templates/dom_2025/css/../img/material.svg') 0 0 / 52px 52px no-repeat; } #work .info .param.location { background: url('/local/templates/dom_2025/css/../img/location_big.svg') 0 0 / 52px 52px no-repeat; } #catalog-detail .info .param.area { background: url('/local/templates/dom_2025/css/../img/area_big.svg') 0 0 / 52px 52px no-repeat; } #work .info .param .name, #catalog-detail .info .param .name { color: #2F2F2F; font-size: 28px; font-weight: 500; letter-spacing: 1.12px; text-transform: lowercase; } #work .info .param .value, #catalog-detail .info .param .value { color: #2F2F2F; font-size: 18px; line-height: 1.6; letter-spacing: 1.08px; margin-top: 8px; text-transform: lowercase; } #catalog-detail .info .param .value sup { font-size: 12px; } #work .info .text, #catalog-detail .info .text { font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; margin-top: 48px; } #catalog-detail .info .price { color: #2F2F2F; font-weight: 600; font-size: 48px; line-height: 1.2; letter-spacing: 0; text-align: right; margin-top: 45px; } #catalog-detail .info .button { width: 304px; margin-left: auto; margin-top: 40px; } #work .stages { margin-top: 95px; position: relative; } #work .stages .title { font-size: 30px; line-height: 1.1; letter-spacing: 0; position: absolute; top: 24px; right: 0; text-transform: lowercase; width: 235px; text-align: right; } #work .stage + .stage { margin-top: 90px; } #work .stage .name { font-size: 80px; line-height: 1.2; letter-spacing: 0; text-transform: lowercase; } #work .stage .name span { display: block; font-size: 48px; line-height: 35px; letter-spacing: 0; margin-top: 18px; } #work .stage .slider { margin-top: 56px; margin-left: -20px; margin-right: -20px; display: flex; } #work .stage .slider a { display: block; width: 560px; height: 416px; padding: 0 20px; } #work .stage .slider a div { border-radius: 40px; overflow: hidden; height: 100%; } #work .stage .slider a img { object-fit: cover; transition: 0.2s; min-width: 100%; min-height: 100%; } #work .stage .slider a:hover img { transform: scale(1.15); } #work .stage .slider .slick-arrow.slick-prev { left: 52px; bottom: 32px; top: unset; } #work .stage .slider .slick-arrow.slick-next { left: 104px; right: unset; bottom: 32px; top: unset; } #work .stage .steps { margin-top: 70px; display: flex; } #work .stage .step { border-top: 1px solid #E8DAC0; border-left: 1px solid #E8DAC0; position: relative; overflow: hidden; width: 25%; } #work .stage .step:first-child { border-left: none; } #work .stage .step .num { position: absolute; left: -10px; top: -10px; color: #EDE3CF; font-size: 186px; font-weight: 600; letter-spacing: 0; height: 134px; line-height: 134px; } #work .stage .step .name { margin-left: 114px; margin-top: 42px; font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: 0; text-transform: uppercase; height: 70px; } #work .stage .step .text { color: #2F2F2F; font-size: 16px; letter-spacing: 0; padding: 77px 27px 16px; } #work .similar { margin-top: 72px; } #mainpage .similar.projects { margin-top: 80px; } #work .similar .title, #mainpage .similar.projects .title { font-size: 80px; line-height: 1.2; letter-spacing: 0; text-transform: lowercase; } #work .similar .slider, #mainpage .similar.projects .slider { margin-top: 60px; min-height: 520px; } #work .similar .slider .slick-list, #mainpage .similar.projects .slick-list { overflow: unset; } #work .similar .item, #mainpage .similar.projects .item { text-decoration: none; display: block; width: 654px; padding: 0 20px; } #work .similar .image, #mainpage .similar.projects .image { height: 338px; border-radius: 28px; overflow: hidden; transition: 0.2s; } #work .similar .slick-active .image, #work .similar .active .image, #mainpage .similar.projects .slick-active .image, #mainpage .similar.projects .active .image { height: 418px; } #work .similar .image div, #mainpage .similar.projects .image div { background-position: 50% 50%; background-size: cover; height: 100%; transition: 0.3s linear; } #work .similar .item:hover .image div, #mainpage .similar.projects .item:hover .image div { transform: scale(1.15); } #work .similar .name, #mainpage .similar.projects .name { margin-top: 12px; color: #2F2F2F; font-size: 30px; font-weight: 600; line-height: 1.2; letter-spacing: 0; } #work .similar .area, #mainpage .similar.projects .area { margin-top: 12px; color: #2F2F2F; background: url('/local/templates/dom_2025/css/../img/area_dark.svg') 0 50% / 22px 22px no-repeat; padding-left: 30px; } #work .similar .area sup, #mainpage .similar.projects .area sup, #catalog .list .item .area sup { font-size: 10px; position: relative; top: 2px; } #work .similar .slick-arrow.slick-prev, #work .similar .slick-arrow.slick-next, #mainpage .similar.projects .slick-arrow.slick-prev, #mainpage .similar.projects .slick-arrow.slick-next { width: 56px; height: 56px; border-radius: 56px; top: 164px; background-size: 29px 27px; } #work .similar .slick-arrow.slick-prev, #mainpage .similar.projects .slick-arrow.slick-prev { left: 0; } #work .similar .slick-arrow.slick-next, #mainpage .similar.projects .slick-arrow.slick-next { right: 0; } #about .text { margin-top: 62px; display: flex; justify-content: space-between; } #about .text .left { font-size: 80px; line-height: 1.2; letter-spacing: 0; width: 600px; text-transform: lowercase; } #about .text .left span { font-size: 48px; line-height: 1.4; letter-spacing: 0; display: block; margin-top: 4px; } #about .text .right { width: 380px; color: #2F2F2F; font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; text-align: right; padding-top: 30px; } #about .middle { margin-top: 80px; display: flex; justify-content: space-between; gap: 40px; } #about .middle .image { width: calc(50% - 20px); background: url('/local/templates/dom_2025/css/../img/about_middle.webp') 50% 50% / cover; border-radius: 40px; } #about .middle .brown { width: calc(50% - 20px); background: url('/local/templates/dom_2025/css/../img/about_brown_bg.svg') 100% 0 no-repeat #E8DAC0; border-radius: 40px 120px 40px 40px; padding: 32px; } #about .middle .title { font-weight: 600; font-size: 36px; line-height: 1.4; letter-spacing: 0; text-transform: lowercase; } #about .middle .text { color: #2F2F2F; font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; margin-top: 40px; } #about .middle .button { margin-top: 40px; } #about .middle .button a { width: 306px; } #about .middle + .text { margin-top: 110px; } #about .middle + .text .right { width: 345px; } #about #map { margin-top: 30px; } #about #form-dogovor { margin-top: 90px; } #actions .list { display: flex; flex-wrap: wrap; gap: 40px; } #actions .list .item { width: calc(50% - 20px); border-radius: 40px; padding: 32px; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; position: relative; } #actions .list .item:nth-child(odd) { background: #424031; } #actions .list .item:nth-child(even) { background: #E8DAC0; } #actions .list .item:nth-child(3n + 3) { width: 100%; min-height: 410px; padding: 45px 32px; background: #424031; } #actions .list .item[data-type="past"] { opacity: 0.6; } #actions .list .item.gift:nth-child(3n + 3) { background: url('/local/templates/dom_2025/css/../img/actions_gift.webp') 50% 50% / cover; } #actions .list .item .image { height: 292px; border-radius: 20px; background-position: 50% 50%; background-size: cover; } #actions .list .item .name { font-weight: 600; font-size: 30px; line-height: 1.2; letter-spacing: 0; text-transform: lowercase; } #actions .list .item:nth-child(odd) .name, #actions .list .item:nth-child(odd) .text, #actions .list .item:nth-child(odd) .bottom div { color: #FFF9E6; } #actions .list .item .image + .name { margin-top: 40px; } #actions .list .item .text, #actions .list .item .text span { font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; } #actions .list .item .text { margin-top: 40px; } #actions .list .item .bottom { display: flex; gap: 24px; } #actions .list .item:nth-child(3n + 3) .top, #actions .list .item:nth-child(3n + 3) .bottom { width: 496px; } #actions .list .item .bottom > div, #actions .list .item .bottom > a { width: calc(50% - 12px); height: 56px; border-radius: 70px; display: flex; align-items: center; justify-content: center; font-size: 18px; letter-spacing: 0.72px; text-transform: lowercase; text-decoration: none; } #actions .list .item:nth-child(3n + 3) .bottom > div, #actions .list .item:nth-child(3n + 3) .bottom > a { width: 175px; } #actions .list .item .bottom > div { border: 1px solid #424031; } #actions .list .item .bottom > a { background: #FFF9E6; } #actions .list .item .bottom > a:hover { color: #FFF9E6; background: #424031; } #actions .list .item:nth-child(odd) .bottom > div { border-color: #FFF9E6; } #actions .list .item .past { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; color: #FEFEFE; font-family: 'Brevis', sans-serif; font-size: 40px; letter-spacing: 0; padding-top: 158px; } #actions .list .item .bottom .overlay, .modal.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(232, 218, 192, 0.3); z-index: 10; border-radius: unset; display: none; } #actions .list .item .bottom .window, .modal.overlay .window { width: 526px; position: absolute; left: calc(50vw - 268px); top: calc(50vh - 300px); background: #E8DAC0; border-radius: 20px; padding: 20px 40px 32px; box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1); } .modal.overlay .window { width: 626px; left: calc(50vw - 313px); top: calc(50vh - 338px); padding: 32px 40px; } #request-catalog.modal.overlay .window { top: calc(50vh - 320px); } #actions .list .item .bottom .window a, .modal.overlay .window > a { width: 40px; height: 40px; display: block; background: url('/local/templates/dom_2025/css/../img/actions_close.svg') 50% 50% / contain no-repeat; position: absolute; top: 20px; right: 26px; z-index: 1; } .modal.overlay .window > a { top: 12px; right: 12px; } #actions .list .item .bottom .window a:hover, .modal.overlay .window > a:hover { background-image: url('/local/templates/dom_2025/css/../img/actions_close_dark.svg'); } #actions .list .item .bottom .window .name { color: #424031; font-size: 36px; line-height: 1.4; padding-right: 40px; text-transform: none; margin-top: 12px; } #actions .list .item .bottom .window .text { color: #424031; text-transform: none; } #actions .list .item .bottom .window .text b { font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; font-weight: 700; } #actions .list .item .bottom .window .text h2 { margin-top: 40px; margin-bottom: 20px; font-weight: 500; font-size: 20px; line-height: 1.3; letter-spacing: 0.8px; } #actions .list .item .bottom .window .text ul { padding-left: 28px; } #actions .list .item .bottom .window .text ul li { font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; } #actions .list .item .bottom .window .content { max-height: 540px; margin-right: -32px; } #actions .list .item .bottom .window .mCustomScrollBox > .mCSB_scrollTools { opacity: 1; } #actions .list .item .bottom .window .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #FFF9E6; width: 8px; } #actions .list .item .bottom .window .mCSB_scrollTools .mCSB_draggerRail { display: none; } #news .tags { opacity: 0; } #news .tags .more { display: none; } #news .more-window { position: absolute; top: 41px; right: 0; background: #424031; border-radius: 20px; padding: 18px 32px; display: flex; gap: 9px; display: none; } #news .tags .more-window a { color: #FFF9E6; border-color: #FFF9E6; } #news .tags .more-window a:hover, #news .tags .more-window a.active { color: #424031; background: #FFF9E6; } #news .list { display: flex; flex-wrap: wrap; gap: 60px 40px; position: relative; top: -20px; } #news .list .item:nth-child(7n+1), #news .list .item:nth-child(7n+2), #news .list .item:nth-child(7n+6), #news .list .item:nth-child(7n+7) { width: calc(50% - 20px); } #news .list .item:nth-child(7n+3), #news .list .item:nth-child(7n+4), #news .list .item:nth-child(7n+5) { width: calc((100% - 80px) / 3); } #news .list .item { text-decoration: none; } #news .list .item .image { border-radius: 28px; overflow: hidden; } #news .list .item:nth-child(7n+1) .image, #news .list .item:nth-child(7n+2) .image, #news .list .item:nth-child(7n+6) .image, #news .list .item:nth-child(7n+7) .image { height: 361px; } #news .list .item:nth-child(7n+3) .image, #news .list .item:nth-child(7n+4) .image, #news .list .item:nth-child(7n+5) .image { height: 247px; } #news .list .item .image div { background-size: cover; background-position: 50% 50%; height: 100%; transition: 0.3s; } #news .list .item:hover .image div { transform: scale(1.15); } #news .list .date { margin-top: 12px; } #news .list .name { margin-top: 12px; font-size: 20px; font-weight: 500; letter-spacing: 0.8px; } #news .nav { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; } #news .nav .more { width: 323px; } #news .nav .right { display: flex; align-items: center; gap: 24px; } #news .nav .goto { display: flex; align-items: center; gap: 12px; font-size: 16px; letter-spacing: 0.96px; } #news .nav .goto a { text-decoration: none; display: flex; justify-content: center; align-items: center; border-radius: 12px; border: 1px solid #E8DAC0; width: 63px; height: 51px; font-weight: 500; font-size: 18px; letter-spacing: 0.72px; } #news .nav .goto a:hover { background: #E8DAC0; } .pager { display: flex; gap: 8px; align-items: center; } .pager a:not(.arrow) { text-decoration: none; display: flex; justify-content: center; align-items: center; border-radius: 12px; border: 1px solid #E8DAC0; width: 51px; height: 51px; font-weight: 500; font-size: 18px; letter-spacing: 0.72px; } .pager a:not(.arrow):hover { background: #E8DAC0; } .pager a.active { background: #424031; color: #EDE3CF; } .pager a.arrow { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; } .pager a.arrow:last-child { transform: rotate(180deg); } #news-detail .head-banner { position: relative; padding-left: 252px; padding-right: 40px; } #news-detail .head-banner h1 { margin: 0; color: #FEFEFE; font-family: 'Brevis', sans-serif; text-align: right; font-size: 40px; line-height: 1.4; } #news-detail .head-banner .date { position: absolute; bottom: 40px; left: 40px; color: #FFF9E6; } #news-detail .block { display: flex; gap: 120px; margin-top: 80px; } #news-detail .block .title { width: 300px; font-size: 30px; font-weight: 600; line-height: 1.2; letter-spacing: 0; } #news-detail .block .content { width: calc(100% - 420px); } #news-detail .block .text { font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; } #news-detail .block .photos { display: flex; gap: 20px; flex-wrap: wrap; } #news-detail .block .text + .photos { margin-top: 40px; } #news-detail .block .photos a { display: block; width: calc((100% - 40px) / 3); height: 205px; background-size: cover; background-position: 50% 50%; border-radius: 20px; } #news-detail .block .photos.medium a { width: calc(50% - 20px); height: 304px; } #news-detail .block .photos.big a { width: 100%; height: 408px; } #work .similar.news .name { font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: 0.8px; } #work .similar.news .date { margin-top: 12px; } #reviews { display: flex; flex-wrap: wrap; gap: 40px; } #reviews .review { width: calc(50% - 20px); border-radius: 40px; border: 1px solid #E8DAC0; padding: 32px; } #reviews .review .head { display: flex; gap: 24px; } #reviews .review .image { min-width: 118px; height: 118px; border-radius: 20px; background-color: #E8DAC0; background-size: cover; background-position: 50% 50%; } #reviews .review .image.man1 { background-image: url('/local/templates/dom_2025/css/../img/reviews/man_1.webp'); } #reviews .review .image.man2 { background-image: url('/local/templates/dom_2025/css/../img/reviews/man_2.webp'); } #reviews .review .image.woman1 { background-image: url('/local/templates/dom_2025/css/../img/reviews/woman_1.webp'); } #reviews .review .image.woman2 { background-image: url('/local/templates/dom_2025/css/../img/reviews/woman_2.webp'); } #reviews .review .image.woman3 { background-image: url('/local/templates/dom_2025/css/../img/reviews/woman_3.webp'); } #reviews .review .image.woman4 { background-image: url('/local/templates/dom_2025/css/../img/reviews/woman_4.webp'); } #reviews .review .image.woman5 { background-image: url('/local/templates/dom_2025/css/../img/reviews/woman_5.webp'); } #reviews .review .image.woman6 { background-image: url('/local/templates/dom_2025/css/../img/reviews/woman_6.webp'); } #reviews .review .head .right { display: flex; flex-direction: column; justify-content: space-between; } #reviews .review .name { font-weight: 600; font-size: 35px; line-height: 1.4; letter-spacing: 0; } #reviews .review .what { padding-left: 32px; background: url('/local/templates/dom_2025/css/../img/reviews/what.svg') 0 50% no-repeat; height: 24px; line-height: 24px; } #reviews .review .watermark { background: url('/local/templates/dom_2025/css/../img/reviews/watermark.svg') 50% 50% /contain no-repeat; height: 67px; margin-top: 40px; } #reviews .review .text { margin-top: 40px; font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; } #reviews .review.collapsed .text { max-height: 77px; overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; } #reviews .review .show-text { margin-top: 8px; display: none; } #reviews .review.collapsed .show-text { display: inline-block; } #reviews .review .show-text:hover { text-decoration: none; } #reviews .review .photos { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 20px; } #reviews .review .photos a { display: block; width: 121px; height: 103px; border-radius: 20px; background-position: 50% 50%; background-size: cover; } #reviews-yandex { margin-top: 80px; padding-bottom: 20px; } #reviews-yandex > .head { display: flex; justify-content: space-between; align-items: flex-end; } #reviews-yandex > .head .title { font-size: 80px; line-height: 1.2; letter-spacing: 0; } #reviews-yandex > .head .title span { display: block; font-size: 48px; line-height: 1.4; letter-spacing: 0; } #reviews-yandex > .head a { display: block; width: 211px; height: 54px; line-height: 52px; border-radius: 32px; border: 1px solid #424031; text-decoration: none; text-align: center; margin-bottom: 16px; } #reviews-yandex > .head a:hover { background: #424031; color: #FFF9E6; } #reviews-yandex .list { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 24px; } #reviews-yandex .list .item { width: calc((100% - 80px) / 3); background: #FEFEFE; border-radius: 40px; padding: 20px; display: none; } #reviews-yandex .list .item:nth-child(1), #reviews-yandex .list .item:nth-child(2), #reviews-yandex .list .item:nth-child(3) { display: block; } #reviews-yandex .list .item .head { display: flex; align-items: center; gap: 20px; } #reviews-yandex .list .item .image { min-width: 56px; height: 56px; background-position: 50% 50%; background-size: cover; border-radius: 50%; } #reviews-yandex .list .item .right { width: calc(100% - 76px); } #reviews-yandex .list .item .top { display: flex; justify-content: space-between; } #reviews-yandex .list .item .date { color: #BABAB9; } #reviews-yandex .list .item .rating { height: 16px; background: url('/local/templates/dom_2025/css/../img/reviews/star.svg') 0 50% / contain repeat-x; } #reviews-yandex .list .item .name { color: #2F2F2F; font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: 0.8px; margin-top: 2px; } #reviews-yandex .list .item .text { margin-top: 20px; color: #2F2F2F; font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; max-height: 77px; overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; } #reviews-yandex .list .item .text + a { color: #2F2F2F; margin-top: 20px; display: inline-block; } #reviews-yandex .more { width: 372px; margin-top: 40px; display: none; } #mainpage .head-banner { height: 560px; position: relative; overflow: hidden; border-radius: unset; } #mainpage .head-banner .bg-desktop { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; background-size: cover; } #mainpage .head-banner .bg-mobile { display: none; } #mainpage .head-banner h2 { position: absolute; bottom: 42px; left: 42px; z-index: 1; color: #FEFEFE; font-family: 'Brevis', sans-serif; font-size: 128px; line-height: 1; letter-spacing: 0; } #mainpage .head-banner h2 span { color: #FEFEFE; font-size: 36px; line-height: 1.2; letter-spacing: 0.72px; display: block; margin-left: 140px; } #mainpage .banners { border-radius: 40px; } #mainpage .banners .slick-arrow.slick-prev, #mainpage .banners .slick-arrow.slick-next { width: 56px; height: 56px; background-size: 27px; border: 1px solid #FEFEFE; background-image: url('/local/templates/dom_2025/css/../img/icon_arrow_left_beige.svg'); background-color: transparent; top: calc(50% - 28px); } #mainpage .banners .slick-arrow.slick-prev:hover, #mainpage .banners .slick-arrow.slick-next:hover { background-image: url('/local/templates/dom_2025/css/../img/icon_arrow_left.svg'); background-color: #FEFEFE; } #mainpage .banners .slick-arrow.slick-prev { left: 42px; } #mainpage .banners .slick-arrow.slick-next { right: 42px; } #mainpage .banners .button { position: absolute; z-index: 1; right: 42px; bottom: 42px; width: 229px; } #mainpage .banners .button a { border: none; color: #424031; background: #FEFEFE; transition: 0.2s; } #mainpage .banners .button a:hover { color: #FEFEFE; background: #424031; } .modal.overlay .title, #request-catalog.modal.overlay .title span { font-size: 36px; font-weight: 600; line-height: 1.4; letter-spacing: 0; text-align: center; margin-bottom: 40px; } #request-catalog.modal.overlay .title { margin-bottom: 0; } #request-catalog.modal.overlay .title span { display: block; margin-bottom: 20px; } #form-review .success { position: absolute; bottom: -20px; right: 0; width: 360px; height: 84px; border-radius: 16px; padding: 16px 16px 20px 56px; background: url('/local/templates/dom_2025/css/../img/reviews/success.svg') 20px 50% no-repeat #424031; } #form-review .success a { display: block; width: 24px; height: 24px; position: absolute; top: 4px; right: 4px; background: url('/local/templates/dom_2025/css/../img/reviews/success_close.svg') 50% 50% no-repeat; } #form-review .success .title { color: #FFF9E6; font-weight: 500; font-size: 20px; line-height: 1.3; letter-spacing: 0.8px; margin: 0; text-transform: none; text-align: left; } #form-review .success .text { color: #FFF9E6; text-align: left; margin-top: 4px; } #success .window { width: 454px; padding: 40px; left: calc(50vw - 227px); top: calc(50vh - 183px); } #success .text { color: #2F2F2F; font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; text-align: center; } #success .button { margin: 40px auto 0; width: 284px; } .catalog-sections { display: flex; gap: 40px; justify-content: space-between; } .catalog-sections a { display: block; width: calc((100% - 80px) / 3); height: 223px; padding-top: 24px; padding-right: 30px; text-decoration: none; text-transform: lowercase; font-family: 'Brevis', sans-serif; font-size: 32px; line-height: 1.4; letter-spacing: 0; text-align: right; } .catalog-sections a:nth-child(1) { background: url('/local/templates/dom_2025/css/../img/catalog/doma.webp') 0 100% no-repeat #E8DAC0; border-radius: 120px 40px 40px 40px; } .catalog-sections a:nth-child(2) { background: url('/local/templates/dom_2025/css/../img/catalog/bani.webp') 0 100% no-repeat #E8DAC0; border-radius: 40px 40px 120px 40px; } .catalog-sections a:nth-child(3) { background: url('/local/templates/dom_2025/css/../img/catalog/besedki.webp') 0 100% no-repeat #E8DAC0; border-radius: 40px 40px 40px 120px; } .catalog-sections a:hover { box-shadow: 0 4px 24px rgba(66, 64, 49, 0.25); } .catalog-sections a.active { color: #FFF9E6; background-color: #424031; } #mainpage .catalog-sections { margin-top: 60px; } #mainpage .similar.projects { position: relative; } #mainpage .similar.projects .button { position: absolute; right: 0; top: 21px; width: 285px; } .building { margin-top: 60px; } .building .title { font-size: 80px; line-height: 1.2; letter-spacing: 0; } .building .title span, #work .similar.works .title span { display: block; font-size: 48px; line-height: 1.4; letter-spacing: 0; } .building .list { margin-top: 45px; display: flex; flex-wrap: wrap; gap: 40px; } .building .item { width: calc((100% - 80px) / 3); height: 360px; display: flex; flex-direction: column; justify-content: space-between; padding: 32px; } .building .item:nth-child(odd) { border-radius: 120px 40px 40px 40px; } .building .item:nth-child(1) { background: url('/local/templates/dom_2025/css/../img/building/1.svg') 0 0 no-repeat; } .building .item:nth-child(3) { background: url('/local/templates/dom_2025/css/../img/building/3.svg') 0 0 no-repeat; } .building .item:nth-child(4) { background: url('/local/templates/dom_2025/css/../img/building/4.svg') 0 0 no-repeat; } .building .item:nth-child(6) { background: url('/local/templates/dom_2025/css/../img/building/6.svg') 0 0 no-repeat; } .building .item:nth-child(even) { border-radius: 40px 40px 120px 40px; } .building .item:nth-child(6n + 1), .building .item:nth-child(6n + 6) { background-color: #424031; } .building .item:nth-child(6n + 2), .building .item:nth-child(6n + 5) { border: 1px solid #424031; } .building .item:nth-child(6n + 3), .building .item:nth-child(6n + 4) { background-color: #E8DAC0; } .building .item .name { font-size: 30px; font-weight: 600; line-height: 1.2; letter-spacing: 0; } .building .item:nth-child(odd) .name { text-align: right; } .building .item:nth-child(even) .name { order: 2; } .building .item:nth-child(6n + 1) .name, .building .item:nth-child(6n + 6) .name { color: #E8DAC0; } .building .item .text { color: #2F2F2F; font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; } .building .item:nth-child(even) .text { order: 1; } .building .item:nth-child(6n + 1) .text, .building .item:nth-child(6n + 6) .text { color: #E8DAC0; } .designing { margin-top: 68px; } .designing .title { font-size: 80px; line-height: 1.2; letter-spacing: 0; text-align: center; } .designing .list { margin: 90px auto 0; position: relative; width: 930px; height: 339px; background: url('/local/templates/dom_2025/css/../img/designing.svg') 50% 0 no-repeat; border-bottom: 2px solid #424031; } .designing .item { color: #2F2F2F; font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; padding-top: 14px; background: url('/local/templates/dom_2025/css/../img/designing_dots.svg') 0 0 no-repeat; width: 227px; position: absolute; } .designing .item:nth-child(1) { top: 12px; left: -15px; } .designing .item:nth-child(1)::after { content: ''; display: block; width: 109px; height: 48px; background: url('/local/templates/dom_2025/css/../img/designing_arrow_1.svg') 0 0 no-repeat; position: absolute; right: -46px; bottom: -54px; } .designing .item:nth-child(2) { top: 12px; right: -16px; width: 202px; background-position-x: 100%; } .designing .item:nth-child(2)::after { content: ''; display: block; width: 114px; height: 36px; background: url('/local/templates/dom_2025/css/../img/designing_arrow_2.svg') 0 0 no-repeat; position: absolute; left: -137px; top: 20px; } .designing .item:nth-child(3) { bottom: 74px; left: -60px; } .designing .item:nth-child(3)::after { content: ''; display: block; width: 112px; height: 28px; background: url('/local/templates/dom_2025/css/../img/designing_arrow_3.svg') 0 0 no-repeat; position: absolute; right: -55px; top: -30px; } .designing .button { width: 229px; position: absolute; bottom: 81px; right: -60px; } .designing .button::after { content: ''; display: block; width: 112px; height: 28px; background: url('/local/templates/dom_2025/css/../img/designing_arrow_4.svg') 0 0 no-repeat; position: absolute; left: -60px; top: -49px; } .videos { margin-top: 95px; background: url('/local/templates/dom_2025/css/../img/videos_bg.svg') 78% 85% no-repeat #E8DAC0; border-radius: 40px; padding: 40px; } .videos .head, #work .similar.works .head { display: flex; justify-content: space-between; align-items: center; } #work .similar.works .head { align-items: flex-end; } .videos .title { font-size: 56px; line-height: 1.4; letter-spacing: 0; } .videos .button { width: 236px; min-width: 236px; } .videos .list { margin-top: 40px; display: flex; gap: 40px; } #videos .videos .list { flex-wrap: wrap; } .videos .list a { display: block; width: calc((100% - 80px) / 3); padding: 22px; padding-right: 102px; border-radius: 40px; background: url('/local/templates/dom_2025/css/../img/video_play_small.svg') calc(100% - 22px) 22px no-repeat #EDE3CF; text-decoration: none; } .videos .list a:hover { box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15); } .videos .list a .image { width: 195px; height: 230px; border-radius: 28px; background-size: cover; background-position: 50% 50%; } .videos .list a .name { font-size: 20px; letter-spacing: 0.8px; margin-top: 16px; font-weight: 500; } .videos .list a .video { display: none; } #video.modal.overlay .window { width: 1160px; height: 650px; left: calc(50vw - 580px); top: calc(50vh - 325px); padding: 60px; } #video.modal.overlay .window div, #video.modal.overlay iframe { width: 100%; height: 100%; } #work .similar.works .head .button { margin-bottom: 15px; width: 324px; } #work .similar.works .head .button a { background: none; color: #424031; } #work .similar.works .head .button a:hover { background: #424031; color: #FFF9E6; } #work .similar.works { margin-top: 80px; } .catalog-sections-head { margin-bottom: 32px; } #catalog { position: relative; margin-top: -40px; } #catalog .subsections { position: absolute; left: 20px; right: 20px; top: -90px; display: flex; justify-content: flex-end; gap: 12px; } #catalog .subsections a { height: 32px; font-size: 12px; letter-spacing: 0.48px; padding: 0 16px; background: none; color: #424031; } #catalog .subsections a:hover, #catalog .subsections a.active { background: #424031; color: #FFF9E6; } #catalog .controls { display: flex; justify-content: flex-end; padding-top: 14px; position: relative; } #catalog .controls .filter-button, #catalog .controls .sort-button { color: #2F2F2F; text-decoration: none; padding-left: 24px; background-position: 0 50%; background-repeat: no-repeat; line-height: 20px; } #catalog .controls .filter-button { display: none; background-image: url('/local/templates/dom_2025/css/../img/filter_icon.svg'); } #catalog .controls .sort-button { background-image: url('/local/templates/dom_2025/css/../img/sort_icon.svg'); } #catalog .controls .filter-button:hover, #catalog .controls .sort-button:hover { text-decoration: underline; } #catalog .controls .sort-window { position: absolute; top: 40px; right: 0; width: 246px; background: #FEFEFE; border-radius: 24px; overflow: hidden; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15); display: none; } #catalog .controls .sort-window a { display: block; text-decoration: none; padding: 12px; line-height: 1.6; letter-spacing: 0.84px; color: #2F2F2F; } #catalog .controls .sort-window a:hover, #catalog .controls .sort-window a.active { background: #F0F0F0; } #catalog .main { display: flex; justify-content: space-between; margin-top: 24px; } #catalog .filter { width: 164px; } #catalog .filter .block + .block { margin-top: 40px; } #catalog .filter .title { color: #828E6C; font-size: 20px; line-height: 1.2; letter-spacing: 0.8px; } #catalog .filter .title sup { font-size: 14px; color: #828E6C; } #catalog .filter .values { margin-top: 24px; } #catalog .filter .values label { display: block; height: 22px; display: flex; align-items: center; color: #2F2F2F; font-size: 16px; letter-spacing: 0.96px; text-transform: lowercase; position: relative; cursor: pointer; } #catalog .filter .values label + label { margin-top: 16px; } #catalog .filter .values label.hidden { display: none; } #catalog .filter .values label input { width: 22px; height: 22px; margin-right: 10px; opacity: 0; } #catalog .filter .values label span { position: absolute; left: 0; width: 22px; top: 0; height: 22px; border: 1px solid #828E6C; border-radius: 6px; background: #FFF9E6; } #catalog .filter .values label input:checked + span { border-color: #424031; background: url('/local/templates/dom_2025/css/../img/catalog/filter_checked.svg') calc(50% + 1px) calc(50% - 1px) no-repeat #FFF9E6; } #catalog .filter .block a { margin-top: 16px; display: inline-block; color: #2F2F2F; } #catalog .filter .block a:hover { text-decoration: none; } #catalog .filter-slider { height: 1px; background: #424031; margin-top: 22px; margin-left: 6px; margin-right: 6px; } #catalog .filter-slider .ui-slider-range { height: 1px; background: #424031; } #catalog .filter-slider .ui-slider-handle { width: 14px; height: 14px; border-radius: 50%; background: #424031; border: none; outline: none; top: -6px; margin-left: -7px; } #catalog .filter-slider-values { display: flex; justify-content: space-between; margin-top: 22px; background: url('/local/templates/dom_2025/css/../img/catalog/filter_dash.svg') 50% 50% no-repeat; } #catalog .filter-slider-values input { width: 75px; height: 29px; background: none; outline: none; border: 1px solid #828E6C; border-radius: 6px; padding: 0 10px; text-align: center; } #catalog .filter-slider-values input::placeholder { color: #B9C2AB; } #catalog .list { width: 900px; } #catalog .items { display: flex; flex-wrap: wrap; gap: 60px 40px; } #catalog .items .item { width: calc( 50% - 20px ); text-decoration: none; } #catalog .items .item .image { height: 271px; overflow: hidden; border-radius: 28px; } #catalog .items .item .image div { background-size: cover; background-position: 50% 50%; height: 100%; transition: 0.3s; } #catalog .items .item:hover .image div { transform: scale(1.15); } #catalog .items .item .name { margin-top: 8px; color: #2F2F2F; font-weight: 600; font-size: 30px; line-height: 1.2; letter-spacing: 0; } #catalog .items .item .bottom { margin-top: 12px; display: flex; justify-content: space-between; align-items: center; } #catalog .items .item .price { color: #2F2F2F; font-weight: 500; font-size: 22px; letter-spacing: 0.88px; } #catalog .items .item .area { color: #2F2F2F; background: url('/local/templates/dom_2025/css/../img/area_dark.svg') 0 50% no-repeat; padding-left: 32px; line-height: 24px; } #catalog .list .more.button { margin: 60px auto 0; width: 372px; } #catalog-section .building { margin-top: 80px; } #catalog-section .building .item:nth-child(1) { background-image: url('/local/templates/dom_2025/css/../img/building/catalog_1.svg'); } #catalog-section .building .item:nth-child(3) { background-image: url('/local/templates/dom_2025/css/../img/building/catalog_3.svg'); } .filter-overlay { display: none; } .filter-apply-mobile { display: none; } #catalog-detail .equip { margin-top: 120px; } #catalog-detail .equip .head { display: flex; justify-content: space-between; align-items: flex-end; } #catalog-detail .equip .head .title { font-size: 80px; line-height: 1.2; letter-spacing: 0; } #catalog-detail .equip .head .menu { display: flex; justify-content: flex-end; gap: 12px; margin-bottom: 18px; } #catalog-detail .equip .head .menu a { height: 32px; font-size: 12px; letter-spacing: 0.48px; color: #424031; background: none; padding: 0 16px; } #catalog-detail .equip .head .menu a:hover, #catalog-detail .equip .head .menu a.active { background: #424031; color: #FFF9E6; } #catalog-detail .equip .tabs { margin-top: 60px; } #catalog-detail .equip .tabs .tab { display: none; gap: 40px; flex-wrap: wrap; } #catalog-detail .equip .tabs .tab.active { display: flex; } #catalog-detail .equip .block { border-radius: 40px; display: flex; } #catalog-detail .equip .block[data-type="FOUNDATION"] { padding: 40px 32px; justify-content: space-between; background: url('/local/templates/dom_2025/css/../img/catalog/equip_bg.svg') 0 100% no-repeat #424031; width: 100%; gap: 89px; } #catalog-detail .equip .block[data-type="ROOF"], #catalog-detail .equip .block[data-type="WINDOW"], #catalog-detail .equip .block[data-type="DEFENCE"], #catalog-detail .equip .block[data-type="OUT_OTDELKA"], #catalog-detail .equip .block[data-type="IN_OTDELKA"] { padding: 45px 32px; flex-direction: column; gap: 45px; width: calc(50% - 20px); } #catalog-detail .equip .block[data-type="ROOF"], #catalog-detail .equip .block[data-type="DEFENCE"], #catalog-detail .equip .block[data-type="OUT_OTDELKA"], #catalog-detail .equip .block[data-type="IN_OTDELKA"] { border: 1px solid #424031; } #catalog-detail .equip .block[data-type="WINDOW"] { background: #E8DAC0; } #catalog-detail .equip .block[data-type="PRICE"] { background: url('/local/templates/dom_2025/css/../img/catalog/equip_price_bg.svg') 100% 50% no-repeat #424031; width: calc(50% - 20px); flex-direction: column; padding: 28px 32px; border-radius: 40px 40px 120px 40px; } #catalog-detail .equip .block .title { font-weight: 600; font-size: 30px; line-height: 1.2; letter-spacing: 0; } #catalog-detail .equip .block[data-type="FOUNDATION"] .title { color: #E8DAC0; width: 400px; min-width: 400px; } #catalog-detail .equip .block[data-type="ROOF"] .title, #catalog-detail .equip .block[data-type="WINDOW"] .title, #catalog-detail .equip .block[data-type="DEFENCE"] .title, #catalog-detail .equip .block[data-type="OUT_OTDELKA"] .title, #catalog-detail .equip .block[data-type="IN_OTDELKA"] .title, #catalog-detail .equip .block[data-type="ROOF"] .prop .value, #catalog-detail .equip .block[data-type="WINDOW"] .prop .value, #catalog-detail .equip .block[data-type="DEFENCE"] .prop .value, #catalog-detail .equip .block[data-type="OUT_OTDELKA"] .prop .value, #catalog-detail .equip .block[data-type="IN_OTDELKA"] .prop .value { color: #2F2F2F; } #catalog-detail .equip .block .props { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 28px; } #catalog-detail .equip .block[data-type="FOUNDATION"] .prop { width: 259px; min-width: 259px; } #catalog-detail .equip .block[data-type="ROOF"] .prop, #catalog-detail .equip .block[data-type="WINDOW"] .prop, #catalog-detail .equip .block[data-type="DEFENCE"] .prop, #catalog-detail .equip .block[data-type="OUT_OTDELKA"] .prop, #catalog-detail .equip .block[data-type="IN_OTDELKA"] .prop { width: 205px; min-width: 205px; } #catalog-detail .equip .block .prop .name { padding-bottom: 14px; } #catalog-detail .equip .block[data-type="FOUNDATION"] .prop .name { color: #E8DAC0; border-bottom: 1px solid #828E6C; } #catalog-detail .equip .block[data-type="ROOF"] .prop .name, #catalog-detail .equip .block[data-type="WINDOW"] .prop .name, #catalog-detail .equip .block[data-type="DEFENCE"] .prop .name, #catalog-detail .equip .block[data-type="OUT_OTDELKA"] .prop .name, #catalog-detail .equip .block[data-type="IN_OTDELKA"] .prop .name { color: #828E6C; border-bottom: 1px solid #2F2F2F; } #catalog-detail .equip .block .prop .value { font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; margin-top: 10px; } #catalog-detail .equip .block[data-type="FOUNDATION"] .prop .value { color: #E8DAC0; } #catalog-detail .equip .block[data-type="PRICE"] .price { color: #FFF9E6; font-weight: 600; font-size: 48px; line-height: 1.2; letter-spacing: 0; } #catalog-detail .equip .block[data-type="PRICE"] .button { width: 357px; margin-top: 48px; } #catalog-detail .equip .block[data-type="PRICE"] .button a { background: #FFF9E6; color: #424031; } #catalog-detail .equip .block[data-type="PRICE"] .button a:hover { background: #828E6C; color: #FFF9E6; } #catalog-detail .equip .block[data-type="PRICE"] .note { color: #FFF9E6; margin-top: 16px; } #catalog-detail #work { width: 100%; } #catalog-detail #work .stages { margin-top: 30px; } #catalog-detail .add-equip { margin-top: 76px; } #catalog-detail .add-equip .title { font-size: 80px; line-height: 1.2; letter-spacing: 0; } #catalog-detail .add-equip .list { margin-top: 60px; display: flex; gap: 40px; } #catalog-detail .add-equip .item { width: 292px; min-width: 292px; border-radius: 40px; background: #E8DAC0; display: flex; flex-direction: column; gap: 28px; padding: 32px; } #catalog-detail .add-equip .item:first-child { width: 496px; min-width: 496px; background: #424031; } #catalog-detail .add-equip .item .image { height: 202px; background-size: cover; background-position: 50% 50%; border-radius: 20px; } #catalog-detail .add-equip .item .name { font-size: 30px; font-weight: 600; line-height: 1.2; letter-spacing: 0; min-height: 72px; display: flex; align-items: center; } #catalog-detail .add-equip .item:first-child .name { color: #E8DAC0; } #catalog-detail .add-equip .item .params { display: flex; flex-wrap: wrap; gap: 12px 10px; } #catalog-detail .add-equip .item .params div { width: 100%; height: 32px; line-height: 32px; border-radius: 23px; border: 1px solid #424031; font-size: 12px; letter-spacing: 0.48px; text-align: center; white-space: nowrap; } #catalog-detail .add-equip .item:first-child .params div { width: unset; border-color: #E8DAC0; color: #E8DAC0; padding: 0 32px; } #request-catalog.modal.overlay .equip { display: flex; justify-content: center; gap: 8px; align-items: center; text-transform: lowercase; margin-bottom: 40px; } #request-catalog.modal.overlay .equip span { color: #2F2F2F; font-size: 16px; line-height: 1.6; letter-spacing: 0.96px; } #request-catalog.modal.overlay .bottom { display: flex; gap: 20px; align-items: center; margin-top: 40px; } #request-catalog.modal.overlay input[type="submit"] { width: 175px; min-width: 175px; } #request-catalog.modal.overlay .note { margin: 0; } #content .container > ul { padding-left: 18px; } .catalog-section-text { margin: 80px auto 40px; } .catalog-section-text h1 { font-size: 20px; line-height: 1.2; margin: 10px 0; text-transform: unset; } .catalog-section-text h3 { font-size: 16px; line-height: 1.3; margin: 10px 0; } .catalog-section-text li { margin-left: 18px; margin-bottom: 4px; } @media (min-width: 1200px) { #mainpage .banners { overflow-y: hidden; height: 560px; } } @media (max-width: 1200px) { .container { width: 100%; padding: 0 22px; } header { height: 76px; padding: 0 10px 0 20px; } header, .mainpage.scroll header { left: 22px; right: 22px; } .mainpage header { top: 45px; left: 48px; right: 48px; } header .menu, header .phone { display: none; } header .middle-mobile { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 240px); padding-left: 20px; padding-right: 12px; } header .catalog-button-mobile { display: block; width: 114px; height: 40px; line-height: 38px; border-radius: 28px; background: url('/local/templates/dom_2025/css/../img/catalog.svg') 14px 50% #424031 no-repeat; text-decoration: none; color: #FFF9E6; text-transform: lowercase; padding-left: 44px; } header .phone-button-mobile, header .burger-button-mobile { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background-color: #424031; background-position: 50%; background-repeat: no-repeat; } header .phone-button-mobile { background-image: url('/local/templates/dom_2025/css/../img/phone.svg?1'); } header .burger-button-mobile { background-image: url('/local/templates/dom_2025/css/../img/burger.svg?1'); } header .logo { width: 110px; height: 60px; } #mobile-menu { position: fixed; top: 0; left: 0; right: 0; height: 100vh; background: #424031; z-index: 10; overflow-y: auto; } #mobile-menu .container { padding: 14px 14px 26px; } .mobile-menu-close { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; background: url('/local/templates/dom_2025/css/../img/close.svg') 50% no-repeat; } .mobile-menu-logo { display: block; width: 160px; height: 25px; background: url('/local/templates/dom_2025/css/../img/logo_light.svg') 50% no-repeat; } .mobile-menu-links { display: flex; flex-direction: column; gap: 16px; margin-top: 40px; } .mobile-menu-links a { color: #FFF9E6; text-decoration: none; text-transform: lowercase; } .mobile-menu-bottom { border-top: 1px solid rgba(255, 249, 230, 0.2); margin-top: 40px; padding-top: 16px; position: relative; } .mobile-menu-bottom-block + .mobile-menu-bottom-block { margin-top: 24px; } .mobile-menu-bottom-title { color: #FFF9E6; font-size: 16px; font-weight: 500; margin-bottom: 8px; } .mobile-menu-bottom-block p { color: #FFF9E6; font-size: 12px; } .mobile-menu-bottom-block a { color: #FFF9E6; text-decoration: none; margin-bottom: 6px; display: inline-block; font-size: 12px; } .mobile-menu-social { position: absolute; bottom: 6px; right: 0; display: flex; gap: 11px; } .mobile-menu-social a { display: block; width: 40px; height: 40px; border-radius: 50%; background-color: #FFF9E6; background-repeat: no-repeat; background-position: 50%; } .mobile-menu-social a.mobile-menu-social-vk { background-image: url('/local/templates/dom_2025/css/../img/vk.svg'); } .mobile-menu-social a.mobile-menu-social-telegram { background-image: url('/local/templates/dom_2025/css/../img/telegram.svg'); } footer { padding: 26px; background-position: calc(100% - 120px) calc(100% + 50px); border-radius: 32px; } footer .left { width: 210px; } footer .copyright { margin-top: 24px; } footer .center { gap: 47px; } footer .title { font-size: 16px; letter-spacing: 0.64px; } footer .menu div + div { margin-top: 9px; } footer .menu a, footer .menu a span { font-size: 12px; letter-spacing: 0.48px; } footer .right { width: 193px; } footer .social { right: 26px; bottom: 26px; } #content { margin-top: 160px; } #panel ~ #content { margin-top: 120px; } h1 { font-size: 68px; line-height: 1.1; margin-top: 17px; margin-bottom: 70px; } #page404 .button { margin-top: 35px; } .head-banner { height: 555px; font-size: 96px; } #contacts .column:nth-child(1) { max-width: 280px; } #contacts .column:nth-child(3) { max-width: 322px; } #contacts .column .title { font-size: 24px; letter-spacing: 0.96px; } #contacts .column .subtitle { font-size: 16px; letter-spacing: 0.56px; } #contacts .info.legal { position: relative; } #contacts .info.legal .column { margin: unset; width: 210px; } #contacts .info.legal .column .subtitle { margin-top: 80px; } #contacts .info.legal .column:first-child { position: absolute; left: calc(50% - 105px); top: 0; width: 437px; max-width: unset; margin: 0; } #contacts .info.legal .column:first-child .subtitle { margin: unset; } #contacts .info.legal .column div + div.subtitle { margin-top: 20px; } #contacts .info.legal .column div { font-size: 14px; letter-spacing: 0.56px; } #form-dogovor, #form-review { border-radius: 32px; padding: 25px; } #form-dogovor form, #form-review form { width: calc(100% - 364px); } #form-dogovor .title, #form-review .title { font-size: 32px; line-height: 1.2; } #form-dogovor .image { width: 324px; height: 470px; } #form-review .image { width: 324px; height: 420px; } #works .sections, #actions .categories, #news .tags { top: -112px; } #works .list { gap: 40px 20px; } #works .item { width: calc((100% - 40px) / 3); } #works .item .image { height: 227px; } #works .item .name { font-size: 24px; } #work .head-banner, #catalog-detail .head-banner { padding: 40px 24px; } #work .head-banner h1 { font-size: 80px; } #catalog-detail .head-banner h1 { font-size: 96px; } #work .head-banner .size, #catalog-detail .head-banner .type { font-size: 32px; letter-spacing: 0.64px; } #work .info, #catalog-detail .info { margin-top: 40px; gap: 40px; } #work .info .image, #catalog-detail .info .plan { border-radius: 28px; width: calc(100% - 469px); } #work .info .image + .description, #catalog-detail .info .plan + .description { width: 429px; } #work .info .param.material, #work .info .param.location, #catalog-detail .info .param.material, #catalog-detail .info .param.area { width: 190px; padding-top: 48px; background-size: 40px 40px; } #catalog-detail .info .param.area { width: 110px; } #work .info .param .name, #catalog-detail .info .param .name { font-size: 24px; letter-spacing: 0.96px; } #work .stages { margin-top: 80px; } #work .stages .title { top: 14px; } #work .stage + .stage { margin-top: 40px; } #work .stage .name { font-size: 68px; line-height: 1.1; } #work .stage .name span { font-size: 40px; line-height: 29px; } #work .stage .slider { margin-top: 38px; margin-left: -10px; margin-right: -10px; } #work .stage .slider a { height: 337px; padding: 0 10px; } #work .stage .slider a div { border-radius: 28px; } #work .stage .slider .slick-arrow.slick-prev { left: 36px; bottom: 26px; } #work .stage .slider .slick-arrow.slick-next { left: 88px; bottom: 26px; } #work .stage .steps { margin-top: 38px; } #work .stage .step .num { font-size: 140px; height: 101px; line-height: 101px; } #work .stage .step .name { margin-left: 95px; margin-top: 32px; font-size: 14px; height: 50px; } #work .stage .step .text { font-size: 14px; padding: 72px 16px 32px; } #work .similar { margin-top: 40px; } #mainpage .similar.projects { margin-top: 60px; } #work .similar .title, #mainpage .similar.projects .title { font-size: 68px; line-height: 1.1; } #work .similar .slider, #mainpage .similar.projects .slider { margin-top: 40px; min-height: unset; } #work .similar .slick-arrow.slick-prev, #work .similar .slick-arrow.slick-next, #mainpage .similar.projects .slick-arrow.slick-prev, #mainpage .similar.projects .slick-arrow.slick-next { top: 137px; } #work .similar .image, #work .similar .slick-active .image, #work .similar .active .image, #mainpage .similar.projects .image, #mainpage .similar.projects .slick-active .image, #mainpage .similar.projects .active .image { height: 334px; } #work .similar .name, #mainpage .similar.projects .name { font-size: 24px; } #about .text { margin-top: 42px; } #about .text .left { font-size: 68px; line-height: 1.1; width: 470px; } #about .text .left span { font-size: 40px; margin-top: 8px; } #about .text .right { padding-top: 20px; } #about .middle { gap: 20px; } #about .middle .image { width: calc(50% - 10px); border-radius: 28px; } #about .middle .brown { width: calc(50% - 10px); border-radius: 28px 100px 28px 28px; padding: 26px; } #about .middle .title { font-size: 32px; line-height: 1.2; } #about .middle + .text { margin-top: 70px; } #about #map { margin-top: 50px; } #about #form-dogovor { margin-top: 65px; } #actions .list { gap: 20px; } #actions .list .item { width: calc(50% - 10px); border-radius: 32px; } #actions .list .item:nth-child(3n + 3) { min-height: 312px; } #actions .list .item .bottom .window { width: 438px; padding: 20px 32px 0; left: calc(50vw - 219px); top: calc(50vh - 250px); } #actions .list .item .bottom .window a { width: 32px; height: 32px; right: 18px; } #actions .list .item .bottom .window .content { max-height: 500px; } #actions .list .item .bottom .window .name { font-size: 32px; line-height: 1.2; } #actions .list .item .bottom .window .text, #actions .list .item .bottom .window .text h2 { margin-top: 32px; } #news .list { gap: 40px 20px; } #news .list .item:nth-child(7n+1), #news .list .item:nth-child(7n+2), #news .list .item:nth-child(7n+6), #news .list .item:nth-child(7n+7) { width: calc(50% - 10px); } #news .list .item:nth-child(7n+3), #news .list .item:nth-child(7n+4), #news .list .item:nth-child(7n+5) { width: calc((100% - 40px) / 3); } #news .nav .more { width: 205px; } .pager a:not(.arrow) { width: 48px; } #news-detail .head-banner { padding-right: 20px; padding-left: 240px; } #news-detail .head-banner h1 { font-size: 32px; line-height: 1; } #news-detail .head-banner .date { left: 20px; } #news-detail .block { gap: 40px; margin-top: 60px; } #news-detail .block .title { font-size: 24px; } #news-detail .block .content { width: calc(100% - 340px); } #news-detail .block .photos a { height: 145px; } #news-detail .block .photos.medium a { height: 200px; } #news-detail .block .photos.big a { height: 320px; } #reviews { gap: 20px; } #reviews .review { width: calc(50% - 10px); border-radius: 32px; padding: 26px; } #reviews .review .name { font-size: 32px; line-height: 1.2; } #reviews .review .watermark { height: 54px; } #reviews .review .photos a { width: calc((100% - 40px) / 3); height: 101px; } #reviews-yandex > .head .title { font-size: 68px; line-height: 1.1; } #reviews-yandex > .head .title span { font-size: 40px; } #reviews-yandex > .head a { margin-bottom: 12px; } #reviews-yandex .list { margin-top: 28px; } #reviews-yandex .list .item { width: calc(50% - 20px); } #reviews-yandex .list .item:nth-child(3) { display: none; } #mainpage .head-banner { height: 554px; } #mainpage .banners .button { right: 26px; bottom: 26px; } #mainpage .head-banner h2 { left: 26px; bottom: 26px; font-size: 96px; } #mainpage .head-banner h2 span { font-size: 32px; letter-spacing: 0.64px; margin-left: 104px; } #mainpage .banners .slick-arrow.slick-prev { left: 26px; } #mainpage .banners .slick-arrow.slick-next { right: 26px; } .modal.overlay .window { width: 438px; left: calc(50vw - 219px); top: calc(50vh - 313px); padding: 40px 32px; } .modal.overlay .window > a { width: 32px; height: 32px; right: 20px; top: 20px; } .modal.overlay .title { font-size: 32px; line-height: 1.2; margin-bottom: 32px; } .modal.overlay .buttons { flex-direction: column; margin-top: 20px; gap: 32px; } .modal.overlay input[type="submit"] { order: 2; width: 100%; } .modal.overlay .button.file { order: 1; width: 100%; } .modal.overlay .button.file a { width: 100%; } .modal.overlay .note { margin-top: 12px; } .catalog-sections { gap: 20px; } .catalog-sections a { width: calc((100% - 40px) / 3); height: 200px; padding-right: 24px; } .catalog-sections a:nth-child(1), .catalog-sections a:nth-child(2), .catalog-sections a:nth-child(3) { background-size: 255px; } .catalog-sections a:nth-child(1) { border-radius: 100px 28px 28px 28px; } .catalog-sections a:nth-child(2) { border-radius: 28px 28px 100px 28px; } .catalog-sections a:nth-child(3) { border-radius: 28px 28px 28px 100px; } #mainpage .similar.projects .button { top: 0; } .building { margin-top: 40px; } .building .title { font-size: 68px; line-height: 1.1; } .building .title span, #work .similar.works .title span { font-size: 40px; } .building .list { margin-top: 30px; gap: 20px; } .building .item { width: calc((100% - 40px) / 3); height: 300px; padding: 24px; } .building .item:nth-child(odd) { border-radius: 100px 28px 28px 28px; } .building .item:nth-child(even) { border-radius: 28px 28px 100px 28px; } .building .item .name { font-size: 24px; } .building .item:nth-child(odd) .name { padding-left: 30px; } .building .item:nth-child(even) .name { padding-right: 30px; } .designing { margin-top: 65px; } .designing .title { font-size: 68px; line-height: 1.1; } .designing .list { margin-top: 80px; width: 760px; height: 281px; background-size: 332px 241px; } .designing .item:nth-child(1) { top: -38px; left: -57px; } .designing .item:nth-child(2) { top: -38px; right: -57px; } .designing .item:nth-child(3) { left: -40px; } .designing .button { right: -40px; } .designing .item:nth-child(1)::after { right: -70px; } .designing .item:nth-child(2)::after { left: -130px; top: 37px; transform: rotate(-15deg); } .designing .item:nth-child(3)::after { right: 7px; } .designing .button::after { left: -12px; top: -36px; } .videos { margin-top: 85px; border-radius: 32px; padding: 26px; } .videos .head, #work .similar.works .head { gap: 60px; } .videos .title { font-size: 54px; line-height: 1.2; } .videos .list { gap: 20px; } .videos .list a { width: calc((100% - 40px) / 3); padding-right: 22px; border-radius: 28px; } .videos .list a .image { width: 148px; height: 171px; } #video.modal.overlay .window { width: calc(100vw - 44px); height: calc((100vw - 44px) / 1.77); left: 22px; top: calc((100vh - (100vw - 44px) / 1.77) / 2); } #work .similar.works .head .button a { background: #424031; color: #FFF9E6; } #work .similar.works { margin-top: 60px; } #work .similar .slider { margin-top: 32px; } #mainpage #form-dogovor { margin-top: 40px; } #catalog .list { width: calc(100% - 198px); } #catalog .items .item .image { height: 259px; } #catalog .items .item .name { font-size: 24px; } #catalog-section .building { margin-top: 60px; } #catalog-detail .info .price { margin-top: 40px; font-size: 36px; } #catalog-detail .info .button { margin-top: 24px; width: 278px; } #catalog-detail .equip { margin-top: 80px; } #catalog-detail .equip .head .title { font-size: 68px; line-height: 1.1; } #catalog-detail .equip .head .menu { gap: 8px; margin-bottom: 11px; } #catalog-detail .equip .tabs { margin-top: 40px; } #catalog-detail .equip .tabs .tab { gap: 40px 20px; } #catalog-detail .equip .block { border-radius: 32px; } #catalog-detail .equip .block[data-type="FOUNDATION"] { padding: 24px; gap: 50px; } #catalog-detail .equip .block .title { font-size: 24px; } #catalog-detail .equip .block[data-type="FOUNDATION"] .title { width: 254px; min-width: 254px; } #catalog-detail .equip .block .props { gap: 32px; } #catalog-detail #work .stages { margin-top: 10px; } #catalog-detail .equip .block[data-type="ROOF"], #catalog-detail .equip .block[data-type="WINDOW"], #catalog-detail .equip .block[data-type="DEFENCE"], #catalog-detail .equip .block[data-type="OUT_OTDELKA"], #catalog-detail .equip .block[data-type="IN_OTDELKA"] { padding: 24px; gap: 40px; width: calc(50% - 10px); } #catalog-detail .equip .block[data-type="FOUNDATION"] .prop { width: calc(50% - 24px); min-width: calc(50% - 24px); } #catalog-detail .equip .block[data-type="ROOF"] .prop, #catalog-detail .equip .block[data-type="WINDOW"] .prop, #catalog-detail .equip .block[data-type="DEFENCE"] .prop, #catalog-detail .equip .block[data-type="OUT_OTDELKA"] .prop, #catalog-detail .equip .block[data-type="IN_OTDELKA"] .prop { width: calc(50% - 30px); min-width: calc(50% - 30px); } #catalog-detail .equip .block .prop .value { font-size: 14px; letter-spacing: 0.84px; } #catalog-detail .equip .block[data-type="PRICE"] { width: calc(50% - 10px); padding: 24px; border-radius: 32px 32px 100px 32px; } #catalog-detail .equip .block[data-type="PRICE"] .button { width: 308px; margin-top: 40px; } #catalog-detail .add-equip .title { font-size: 68px; line-height: 1.1; } #catalog-detail .add-equip .list { gap: 20px; } #catalog-detail .add-equip .item, #catalog-detail .add-equip .item:first-child { width: calc((100% - 40px) / 3); min-width: calc((100% - 40px) / 3); border-radius: 32px; padding: 24px; gap: 32px; justify-content: space-between; } #catalog-detail .add-equip .item .name { font-size: 24px; min-height: unset; } #catalog-detail .add-equip .item:first-child .params div { width: 100%; } .smart-captcha { margin: 20px 0; } #request-catalog.modal.overlay .bottom { margin-top: 0; } } @media (max-width: 960px) { .container { padding: 0 12px; } header { top: 20px; } header, .mainpage.scroll header { left: 12px; right: 12px; } .mainpage header { top: 36px; left: 32px; right: 32px; } .mainpage #content { margin-top: 20px; } .mainpage #panel ~ #content { margin-top: -20px; } footer { padding: 20px; padding-bottom: 68px; background-image: none; } footer .left { width: 200px; } footer .logo { width: 180px; height: 100px; background-size: contain; } footer .copyright { margin-top: 20px; } footer .center { gap: 32px; width: 60% } footer .right { position: absolute; bottom: 20px; left: 20px; right: 20px; width: unset; } footer .right .title, footer .right .menu a span { display: none; } footer .right .menu { margin: unset; display: flex; justify-content: space-between; } footer .right .menu div + div, footer .right .menu div:last-child { margin-top: unset; } footer .right .menu div:nth-child(1) { order: 2; } footer .right .menu div:nth-child(2) { order: 3; } footer .right .menu div:nth-child(3) { order: 1; } footer .social { right: 20px; bottom: 68px; } #content { margin-top: 140px; } #panel ~ #content { margin-top: 100px; } h1 { font-size: 60px; margin-top: 32px; margin-bottom: 32px; } #page404 { padding-top: 25px; padding-bottom: 70px; } #page404 .text { font-size: 128px; } #page404 .text span { bottom: -19px; } #page404 .text span:first-child { right: -25px; } #page404 .text span:last-child { left: -28px; } #page404 .button a { width: 280px; height: 44px; font-size: 14px; letter-spacing: 0.56px; } #page404 .button a svg { width: 20px; height: 20px; } .head-banner { font-size: 70px; } .head-banner + #breadcrumb { margin-top: 40px; } #contacts .info { flex-wrap: wrap; gap: 40px; } #contacts .column:nth-child(1) { max-width: 311px; } #contacts .column:nth-child(3) { max-width: unset; } #contacts .column .address { margin: 32px 0; } #contacts .column .subtitle { margin-top: 24px; } #contacts .exhibition { display: flex; gap: 60px; } #contacts .exhibition > div:nth-child(1) { max-width: 340px; } #contacts .exhibition > div:nth-child(2) { margin: unset; } #contacts .exhibition .subtitle { margin-top: 20px; } #contacts .column .button a { height: 44px; font-size: 14px; letter-spacing: 0.56px; } #contacts .column .button a svg { width: 20px; height: 20px; } #contacts .column .exhibition { flex-direction: column; gap: 0; margin-top: 20px; } #contacts .column div { font-size: 12px; letter-spacing: 0.48px; } #contacts .column div.subtitle + div { margin-top: 12px; } #map { margin-top: 40px; height: 300px; } #map .map-marker { top: -110px; } #map .map-marker div { font-size: 12px; letter-spacing: 0.48px; } #contacts .info.legal .title { font-size: 24px; letter-spacing: 0.96px; } #contacts .info.legal > div { flex-wrap: wrap; } #contacts .info.legal .column:first-child { position: static; width: 100%; } #contacts .info.legal .column .subtitle { margin-top: 40px; } #contacts .info.legal .column:first-child .subtitle { margin-top: 32px; } #contacts .info.legal .column { width: unset; max-width: 176px; } #form-dogovor, #form-review { padding: 20px; } #form-dogovor form, #form-review form { width: 100%; } #form-review .title { margin-bottom: 32px; } #form-review .buttons { gap: 32px; } #form-dogovor input[type="submit"], #form-review input[type="submit"] { height: 44px; line-height: 42px; font-size: 14px; letter-spacing: 0.56px; } #form-dogovor .button.file a, #form-review .button.file a { height: 44px; font-size: 14px; letter-spacing: 0.56px; } #form-dogovor .button.file a svg, #form-review .button.file a svg { width: 20px; height: 20px; } #form-dogovor .image, #form-review .image { display: none; } #works .sections, #actions .categories, #news .tags { position: static; } #works .list { margin-top: 60px; } #works .item { width: calc((100% - 20px) / 2); } #works .item .image { height: 206px; } #works .item .location, #work .similar.works .item .location { font-size: 12px; letter-spacing: 0.48px; } #work .head-banner, #catalog-detail .head-banner { padding: 40px 20px; } #work .head-banner h1, #catalog-detail .head-banner h1 { font-size: 70px; } #work .head-banner .size, #catalog-detail .head-banner .type { font-size: 24px; letter-spacing: 0.48px; margin-top: 0; } .head-banner .video-button { width: 80px; height: 80px; left: calc(50% - 40px); top: calc(50% - 40px); } #work .info, #catalog-detail .info { margin-top: 32px; flex-direction: column; gap: 20px; } #work .info .image, #catalog-detail .info .plan { width: 100%; height: 418px; } #work .info .image + .description, #catalog-detail .info .plan + .description { width: 100%; } #work .info .param.material, #work .info .param.location, #catalog-detail .info .param.material, #catalog-detail .info .param.area { width: calc(50% - 70px); } #work .info .param .value, #catalog-detail .info .param .value { font-size: 16px; letter-spacing: 0.96px; } #work .info .text, #catalog-detail .info .text { margin-top: 32px; } #work .stages { margin-top: 40px; } #work .stages .title { font-size: 22px; width: 165px; } #work .stage .name { font-size: 60px; } #work .stage .name span { font-size: 32px; line-height: 23px; margin-top: 16px; } #work .stage .slider { margin-top: 50px; } #work .stage .slider a { height: 255px; } #work .stage .slider a img { height: 100%; } #work .stage .slider .slick-arrow.slick-prev { left: 30px; bottom: 20px; } #work .stage .slider .slick-arrow.slick-next { left: 82px; bottom: 20px; } #work .stage .steps { margin-top: 30px; flex-wrap: wrap; } #work .stage .step { width: 50%; } #work .stage .step:nth-child(3) { border-left: unset; } #work .stage .step .name { margin-top: 36px; margin-left: 116px; height: 30px; } #work .stage .step .text { padding: 52px 16px 28px; } #work .similar .title, #mainpage .similar.projects .title { font-size: 60px; } #work .similar .slider, #mainpage .similar.projects .slider { margin-top: 32px; margin-left: -10px; width: calc(100vw - 250px); } #work .similar .item, #mainpage .similar.projects .item { padding: 0 10px; } #work .similar .image, #work .similar .slick-active .image, #work .similar .active .image, #mainpage .similar.projects .image, #mainpage .similar.projects .slick-active .image, #mainpage .similar.projects .active .image { height: calc((100vw - 250px) / 1.55); } #work .similar .area, #mainpage .similar.projects .area { font-size: 12px; letter-spacing: 0.48px; height: 22px; } #mainpage .similar.projects .area sup, #work .similar .area sup, #catalog .list .item .area sup { font-size: 9px; } #about .text { margin-top: 38px; flex-direction: column; gap: 24px; } #about .text .left { font-size: 60px; width: unset; } #about .text .left span { font-size: 32px; margin-top: 8px; } #about .text .right { padding-top: 0; width: unset; text-align: left; } #about .middle { margin-top: 40px; flex-direction: column; } #about .middle .image { width: unset; height: 408px; } #about .middle .brown { width: unset; border-radius: 28px 80px 28px 28px; } #about .middle .button a { width: 250px; height: 44px; font-size: 14px; letter-spacing: 0.56px; } #about .middle + .text .right { width: unset; } #about #map { height: 310px; } #actions .list { margin-top: 40px; } #actions .list .item { width: 100%; padding: 26px; gap: 32px; } #actions .list .item:nth-child(3n + 3) { padding: 26px; min-height: 265px; } #actions .list .item:nth-child(3n + 3) .top, #actions .list .item:nth-child(3n + 3) .bottom { width: 385px; } #actions .list .item .image { height: 332px; } #actions .list .item .name { font-size: 24px; } #actions .list .item .image + .name, #actions .list .item .text { margin-top: 32px; } #actions .list .item .past { padding-top: 172px; } #news .tags { overflow-x: auto; padding-bottom: 4px; } #news .list { top: 0; margin-top: 40px; gap: 32px 20px; } #news .list .item:nth-child(7n+1), #news .list .item:nth-child(7n+2), #news .list .item:nth-child(7n+3), #news .list .item:nth-child(7n+4), #news .list .item:nth-child(7n+5), #news .list .item:nth-child(7n+6), #news .list .item:nth-child(7n+7) { width: calc(50% - 10px); } #news .list .item:nth-child(7n+1) .image, #news .list .item:nth-child(7n+2) .image, #news .list .item:nth-child(7n+3) .image, #news .list .item:nth-child(7n+4) .image, #news .list .item:nth-child(7n+5) .image, #news .list .item:nth-child(7n+6) .image, #news .list .item:nth-child(7n+7) .image { height: 215px; } #news .nav { flex-direction: column; gap: 32px; } #news .nav > div, #news .nav .more { width: 100%; } #news .more.button a { height: 44px; border-radius: 28px; font-size: 14px; letter-spacing: 0.56px; } #news .nav .right { justify-content: space-between; } #news-detail .head-banner { padding-left: 116px; flex-direction: column; justify-content: flex-end; align-items: flex-end; gap: 32px; } #news-detail .head-banner .date { position: static; font-size: 12px; letter-spacing: 0.48px; } #news-detail .head-banner h1 { font-size: 24px; } #news-detail .block { flex-direction: column; gap: 32px; margin-top: 40px; } #news-detail .block .title { width: unset; } #news-detail .block .content { width: unset; } #news-detail .block .photos a { height: 165px; } #news-detail .block .photos.medium a { height: 212px; } #news-detail .block .photos.big a { height: 346px; } #reviews { flex-direction: column; } #reviews .review { width: unset; padding: 20px; } #reviews .review .what { font-size: 12px; letter-spacing: 0.48px; } #reviews .review .watermark { display: none; } #reviews .review .text { margin-top: 20px; } #reviews .review .photos a { width: calc((100% - 60px) / 4); height: 98px; } #reviews-yandex { margin-top: 52px; } #reviews-yandex > .head .title { font-size: 60px; } #reviews-yandex > .head .title span { font-size: 32px; } #reviews-yandex > .head a { width: 150px; height: 44px; line-height: 42px; border-radius: 28px; margin-bottom: 10px; } #reviews-yandex .list { margin-top: 22px; } #reviews-yandex .list .item { width: 100%; } #reviews-yandex .list .item:nth-child(2) { display: none; } #reviews-yandex .more { width: 209px; } #mainpage .banners .button { width: 164px; right: 20px; bottom: 20px; } #mainpage .banners .button a { height: 44px; font-size: 14px; letter-spacing: 0.56px; } #mainpage .head-banner h2 { left: 20px; bottom: 20px; font-size: 70px; } #mainpage .head-banner h2 span { font-size: 24px; letter-spacing: 0.48px; margin-left: 82px; } #mainpage .head-banner .video-button { width: 90px; height: 90px; left: calc(50% - 45px); top: calc(50% - 45px); } #mainpage .banners .slick-arrow.slick-prev, #mainpage .banners .slick-arrow.slick-next { width: 40px; height: 40px; top: calc(50% - 20px); background-size: 20px; } #mainpage .banners .slick-arrow.slick-prev { left: 20px; } #mainpage .banners .slick-arrow.slick-next { right: 20px; } #form-review .success .text { font-size: 12px; letter-spacing: 0.48px; } #success .window { width: 438px; padding: 32px; left: calc(50vw - 219px); top: calc(50vh - 155px); } #success .title { font-size: 32px; line-height: 1.2; margin-bottom: 32px; padding: 0 20px; } #success .button { margin-top: 32px; width: 100%; } #mainpage .catalog-sections { margin-top: 40px; } .catalog-sections a { height: 138px; padding-top: 12px; padding-right: 16px; font-size: 20px; } .catalog-sections a:nth-child(1), .catalog-sections a:nth-child(2), .catalog-sections a:nth-child(3) { background-size: 180px; } .catalog-sections a:nth-child(1) { border-radius: 80px 24px 24px 24px; color: #FFF9E6; background-color: #424031; } .catalog-sections a:nth-child(2) { border-radius: 24px 24px 80px 24px; } .catalog-sections a:nth-child(3) { border-radius: 24px 24px 24px 80px; } #mainpage .similar.projects, #work .similar.works { padding-bottom: 44px; } #work .similar.works { position: relative; margin-top: 40px; } #work .similar.works .slider { margin-top: 24px; } #mainpage .similar.projects .button, #work .similar.works .button { top: unset; bottom: 0; right: unset; left: 0; width: 208px; } #work .similar.works .head .button { position: absolute; width: 238px; margin-bottom: 0; } #mainpage .similar.projects .button a, #work .similar.works .button a { height: 44px; font-size: 14px; letter-spacing: 0.56px; } .building { margin-top: 60px; } .building .title { font-size: 60px; } .building .title span, #work .similar.works .title span { font-size: 32px; } .building .list { margin-top: 24px; } .building .item { width: calc(50% - 10px); height: 240px; padding: 16px; } .building .item:nth-child(odd) { border-radius: 80px 28px 28px 28px; } .building .item:nth-child(even) { border-radius: 28px 28px 80px 28px; } .building .item:nth-child(odd) .name { padding-left: 50px; } .building .item:nth-child(even) .name { padding-right: 50px; } .designing { margin-top: 47px; } .designing .title { font-size: 60px; } .designing .list { margin-top: 30px; width: unset; height: unset; background-size: 300px 218px; background-position: 48px 15px; padding-bottom: 34px; display: flex; flex-direction: column; align-items: flex-end; padding-right: 48px; } .designing .item { position: unset; font-size: 12px; width: 173px !important; } .designing .item + .item { margin-top: 20px; } .designing .item:nth-child(2) { background-position-x: 0; } .designing .button { position: unset; margin-top: 24px; width: 164px; margin-right: 9px; } .designing .item::after, .designing .button::after { display: none !important; } .designing .button a { height: 44px; font-size: 14px; letter-spacing: 0.56px; } .videos { margin-top: 40px; padding: 20px; } .videos .title { font-size: 40px; } .videos .button { width: 174px; min-width: 174px; } .videos .button a { height: 44px; font-size: 14px; letter-spacing: 0.56px; } .videos .button a svg { width: 20px; height: 20px; } .videos .list { margin-top: 32px; } .videos .list a { width: calc(50% - 10px); padding: 12px; background-size: 56px 56px; background-position: calc(100% - 12px) 12px; } .videos .list a:nth-child(3) { display: none; } .videos .list a .image { width: 158px; } #video.modal.overlay .window { width: calc(100vw - 24px); height: calc((100vw - 24px) / 1.77); left: 12px; top: calc((100vh - (100vw - 24px) / 1.77) / 2); } #catalog { margin-top: -8px; } #catalog .subsections { position: static; justify-content: unset; overflow-x: auto; margin-left: -12px; margin-right: -12px; padding: 0 12px 4px; } #catalog .subsections a { white-space: nowrap; } #catalog .filter { width: 139px; } #catalog .list { width: calc(100% - 159px); } #catalog .items { gap: 40px 20px; } #catalog .items .item { width: calc(50% - 10px); } #catalog .items .item .image { height: 140px; } #catalog .items .item .bottom { margin-top: 8px; } #catalog .items .item .price { font-size: 18px; letter-spacing: 0.72px; } #catalog .items .item .area { font-size: 12px; letter-spacing: 0.48px; } #catalog .list .more.button { width: 100%; margin-top: 40px; } #catalog .list .more.button a { height: 44px; font-size: 14px; letter-spacing: 0.56px; } #catalog-section .building .item:nth-child(1), #catalog-section .building .item:nth-child(2) { height: 266px; } #catalog-section .building .item:nth-child(3) { width: 100%; height: 152px; border-radius: 28px 80px 28px 28px; } #catalog-section .building .item:nth-child(3) .name { text-align: left; padding-left: 0; padding-right: 50px; } #catalog .filter .title { font-size: 16px; letter-spacing: 0.64px; } #catalog .filter .title sup { font-size: 10px; } #catalog .filter-slider-values input { width: 64px; height: 26px; } #catalog .filter .values label input, #catalog .filter .values label span { height: 16px; width: 16px; } #catalog .filter .values label span { top: 4px; border-radius: 4px; } #catalog-detail .info .price { text-align: unset; margin-top: 32px; } #catalog-detail .info .button { margin-left: unset; width: 252px; } #catalog-detail .info .button a { height: 44px; font-size: 14px; letter-spacing: 0.56px; } #catalog-detail .equip { margin-top: 40px; } #catalog-detail .equip .head { flex-direction: column; justify-content: unset; align-items: unset; gap: 32px; } #catalog-detail .equip .head .title { font-size: 60px; } #catalog-detail .equip .head .menu { justify-content: unset; margin-bottom: 0; } #catalog-detail .equip .tabs { margin-top: 32px; } #catalog-detail .equip .tabs .tab { gap: 32px 20px; } #catalog-detail .equip .block[data-type="FOUNDATION"] { padding: 20px; flex-direction: column; justify-content: unset; gap: 32px; } #catalog-detail .equip .block[data-type="FOUNDATION"] .title { width: unset; min-width: unset; } #catalog-detail .equip .block[data-type="FOUNDATION"] .title br { display: none; } #catalog-detail .equip .block[data-type="FOUNDATION"] .prop { width: calc((100% - 64px) / 3); min-width: calc((100% - 64px) / 3); } #catalog-detail .equip .block .prop .name { font-size: 12px; line-height: 1.2; letter-spacing: 0.48px; } #catalog-detail .equip .block[data-type="ROOF"], #catalog-detail .equip .block[data-type="WINDOW"], #catalog-detail .equip .block[data-type="DEFENCE"], #catalog-detail .equip .block[data-type="OUT_OTDELKA"], #catalog-detail .equip .block[data-type="IN_OTDELKA"] { padding: 20px; gap: 32px; } #catalog-detail .equip .block[data-type="ROOF"] .prop, #catalog-detail .equip .block[data-type="WINDOW"] .prop, #catalog-detail .equip .block[data-type="DEFENCE"] .prop, #catalog-detail .equip .block[data-type="OUT_OTDELKA"] .prop, #catalog-detail .equip .block[data-type="IN_OTDELKA"] .prop { width: 100%; min-width: 100%; } #catalog-detail .equip .block[data-type="PRICE"] { padding: 20px; border-radius: 32px 32px 80px 32px; } #catalog-detail .equip .block[data-type="PRICE"] .price { font-size: 36px; } #catalog-detail .equip .block[data-type="PRICE"] .button { margin-top: 32px; width: unset; } #catalog-detail .equip .block[data-type="PRICE"] .button a { height: 44px; font-size: 14px; letter-spacing: 0.56px; } #catalog-detail .equip .block[data-type="PRICE"] .note { font-size: 12px; letter-spacing: 0.48px; } #catalog-detail .add-equip { margin-top: 36px; } #catalog-detail .add-equip .title { font-size: 60px; } #catalog-detail .add-equip .list { margin-top: 40px; gap: 20px; flex-wrap: wrap; } #catalog-detail .add-equip .item { width: calc(50% - 10px); min-width: calc(50% - 10px); } #catalog-detail .add-equip .item:first-child { width: 100%; min-width: 100%; } #catalog-detail .add-equip .item:first-child .params div { width: unset; } #catalog-detail .info .text ul, #content .container > ul { padding-left: 16px; } } @media (max-width: 640px) { header { height: 70px; padding: 0 8px 0 12px; } .mainpage header { top: 20px; } header, .mainpage header, .mainpage.scroll header { left: 12px; right: 12px; } .mainpage #content { margin-top: 0; } header .logo { width: 120px; } header .middle-mobile { justify-content: flex-end; width: calc(100% - 188px); padding-left: 0; padding-right: 8px; } header .catalog-button-mobile { display: none; } .head-banner + #breadcrumb { margin-top: 32px; } footer { margin-left: -12px; margin-right: -12px; flex-direction: column; padding: 16px; padding-bottom: 44px; border-radius: 24px 24px 0 0; margin-bottom: 0; } footer .left { width: unset; } footer .logo { width: unset; height: 155px; } footer .copyright { position: absolute; bottom: 16px; left: 16px; } footer .center { flex-direction: column; margin-top: 32px; width: unset; } footer .menu { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 12px; } footer .center > div:last-child .menu { flex-direction: column; } footer .menu div + div { margin-top: unset; } footer .right { position: static; margin-top: 32px; } footer .right .menu { flex-direction: column; } footer .right .menu div:nth-child(1), footer .right .menu div:nth-child(2), footer .right .menu div:nth-child(3) { order: unset; } footer .right .menu a span { display: inline; } footer .social { right: 16px; bottom: 150px; } #content { margin-top: 136px; } #panel ~ #content { margin-top: 96px; } h1 { font-size: 34px; max-width: 100%; } .long-h1 h1 { font-size: 29px; } #page404 { padding-top: 15px; padding-bottom: 40px; } #page404 .text { font-size: 80px; } #page404 .text span:first-child { display: none; } #page404 .text span:last-child { display: block; left: unset; bottom: unset; text-align: center; width: 99px; margin: 4px auto 0; font-size: 12px; } #page404 .button { margin-top: 30px; } #page404 .button a { width: 296px; } .head-banner { font-size: 32px; align-items: center; margin: 0 -12px; border-radius: 0 0 24px 24px; } #mainpage .banners { border-radius: 0 0 24px 24px; overflow: hidden; } #mainpage .head-banner { border-radius: 0; } #contacts .info { flex-direction: column; gap: 32px; } #contacts .column:nth-child(1) { max-width: unset; } #contacts .column .address { font-size: 14px; letter-spacing: 0.84px; } #map { margin-top: 32px; height: 310px; } #map .map-marker { top: -40px; left: -20px; flex-direction: column; align-items: flex-start; gap: 5px; width: 242px; } #map .map-marker img { width: 40px; height: 40px; } #map .map-marker div { font-size: 12px; letter-spacing: 0.48px; border-radius: 32px 16px 16px 16px; padding: 16px; } #contacts .info.legal .column { width: 100%; max-width: unset; } #contacts .info.legal .column .subtitle { margin-top: 32px; } #contacts .info.legal .column:first-child div.subtitle + div { margin-top: 12px; } #form-dogovor, #form-review { padding: 16px; border-radius: 24px; margin: 20px -12px 0; } #form-dogovor .title, #form-review .title { font-size: 22px; margin-bottom: 32px; } #form-dogovor input[type="text"], #form-review input[type="text"], .modal.overlay input[type="text"] { height: 49px; padding-left: 24px; font-size: 14px; letter-spacing: 0.56px; } #form-dogovor input[type="text"] + input[type="text"], .modal.overlay input[type="text"] + input[type="text"] { margin-top: 12px; } #form-review textarea { padding-left: 24px; font-size: 14px; letter-spacing: 0.56px; margin-top: 12px; } #form-dogovor .buttons, #form-review .buttons { flex-direction: column; margin-top: 12px; gap: 32px; } .smart-captcha { margin: 12px 0; } #form-dogovor input[type="submit"] { order: 2; width: 100%; } #form-dogovor .button.file { order: 1; width: 100%; } #form-dogovor .button.file a { width: 100%; } #form-dogovor .note, .modal.overlay .note { margin-top: 12px; font-size: 12px; letter-spacing: 0.48px; } #form-dogovor .note a, .modal.overlay .note a { font-size: 12px; letter-spacing: 0.48px; } #works .sections, #actions .categories { flex-wrap: wrap; } #works .list { gap: 24px; } #works .item { width: 100%; gap: 8px; } #works .item .image { height: 168px; border-radius: 20px; } #work { overflow: hidden; } #work .head-banner, #catalog-detail .head-banner { height: calc(100vw / 1.4); padding: 20px 12px; } #work .head-banner h1 { font-size: 32px; } #work .head-banner .size, #catalog-detail .head-banner .type { font-size: 18px; letter-spacing: 0.36px; } #work .info .image, #catalog-detail .info .plan { height: calc((100vw - 24px) / 1.33); min-height: unset; } #work .info .params, #catalog-detail .info .params { flex-direction: column; gap: 24px; } #work .info .param.material, #work .info .param.location, #catalog-detail .info .param.material, #catalog-detail .info .param.area { width: 100%; } #work .info .text, #catalog-detail .info .text { font-size: 14px; letter-spacing: 0.84px; } #work .stages { margin-top: 60px; } #work .stages .title { position: unset; text-align: unset; width: unset; font-size: 16px; } #work .stage { margin-top: 12px; } #work .stage .name { font-size: 34px; } #work .stage .name span { font-size: 24px; line-height: 17px; margin-top: 10px; } #work .stage .slider { margin: 32px 0 0; } #work .stage .slider .slick-list { overflow: visible; width: 100%; margin-left: -8px; } #work .stage .slider a { padding: 0 8px; height: calc((100vw - 30px) / 1.13); } #work .stage .slider > a { width: 100%; height: calc((100vw - 24px) / 1.13); padding: 0; } #work .stage .steps { padding-right: 16px; } #work .stage .steps .slick-list { overflow: visible; width: 100%; } #work .stage .step:first-child { border-left: 1px solid #E8DAC0; } #work .stage .steps .slick-slide:first-child .step { border-left: unset; } #work .similar .title, #mainpage .similar.projects .title { font-size: 34px; } #work .similar .slider, #mainpage .similar.projects .slider { width: calc(100vw - 20px); } #work .similar .image, #mainpage .similar.projects .image { border-radius: 20px; } #work .similar .image, #work .similar .slick-active .image, #work .similar .active .image, #mainpage .similar.projects .image, #mainpage .similar.projects .slick-active .image, #mainpage .similar.projects .active .image { height: calc((100vw - 20px) / 1.4); } #work .similar .name, #work .similar .area, #mainpage .similar.projects .name, #mainpage .similar.projects .area { margin-top: 8px; } #about .text { margin-top: 38px; gap: 18px; } #about .text .left { font-size: 34px; } #about .text .left span { font-size: 24px; margin-top: unset; } #about .text .right { font-size: 14px; letter-spacing: 0.84px; } #about .middle .image { border-radius: 24px; height: calc((100vw - 24px) / 1.33); } #about .middle .brown { border-radius: 24px 60px 24px 24px; padding: 16px; background-image: url('/local/templates/dom_2025/css/../img/about_brown_bg_mobile.svg'); } #about .middle .title { font-size: 22px; } #about .middle .text { margin-top: 32px; font-size: 14px; letter-spacing: 0.84px; } #about .middle .button { margin-top: 32px; } #about .middle .button a { width: 100%; } #about .middle + .text { margin-top: 50px; } #about #map { margin-top: 35px; } #about #form-dogovor { margin-top: 50px; } #actions .list .item, #actions .list .item:nth-child(3n + 3) { border-radius: 24px; padding: 16px; } #actions .list .item .image { height: calc((100vw - 56px) / 1.56); } #actions .list .item .text, #actions .list .item .text span { font-size: 14px; letter-spacing: 0.84px; } #actions .list .item .text { margin-top: 24px; } #actions .list .item .bottom { flex-direction: column; gap: 12px; } #actions .list .item .bottom > div, #actions .list .item .bottom > a { width: 100%; height: 45px; font-size: 14px; letter-spacing: 0.56px; } #actions .list .item:nth-child(3n + 3) .top, #actions .list .item:nth-child(3n + 3) .bottom { width: unset; } #actions .list .item .past { font-size: 30px; padding-top: 85px; } #actions .list .item .bottom .window, .modal.overlay .window { top: unset; bottom: 0; left: 0; width: 100vw; height: calc(100vh - 107px); border-radius: 20px 20px 0 0; padding-left: 16px; } .modal.overlay .window { height: unset; padding: 48px 16px 16px; } #actions .list .item .bottom .window a, .modal.overlay .window > a { width: 28px; height: 28px; } #actions .list .item .bottom .window .content { max-height: 100%; padding-bottom: 10px; } #actions .list .item .bottom .window .name { margin-top: 28px; font-size: 22px; } #actions .list .item .bottom .window .text b, #actions .list .item .bottom .window .text ul li { font-size: 14px; letter-spacing: 0.84px; } #news .list .item:nth-child(7n+1), #news .list .item:nth-child(7n+2), #news .list .item:nth-child(7n+3), #news .list .item:nth-child(7n+4), #news .list .item:nth-child(7n+5), #news .list .item:nth-child(7n+6), #news .list .item:nth-child(7n+7) { width: 100%; } #news .nav .goto { display: none; } .pager { width: 100%; justify-content: center; } .pager a:not(.arrow):not(.active) { display: none; } .pager a.active { background: unset; color: #424031; } #news-detail .head-banner { padding-right: 12px; padding-left: 46px; padding-bottom: 20px; } #news-detail .head-banner h1 { font-size: 16px; line-height: 1.2; } #news-detail .block { margin-top: 32px; } #news-detail .block .text { font-size: 14px; letter-spacing: 0.84px; } #news-detail .block .photos.small, #news-detail .block .photos.medium { flex-wrap: unset; overflow-x: auto; gap: 12px; margin-left: -12px; margin-right: -12px; padding: 0 12px; } #news-detail .block .photos.small a, #news-detail .block .photos.medium a { min-width: calc(100vw - 36px); height: calc((100vw - 36px) / 1.05); } #news-detail .block .photos.big a { height: calc((100vw - 24px) / 1.5); } #reviews .review { border-radius: 24px; padding: 16px; width: calc(100vw - 24px); } #reviews .review .head { gap: 16px; } #reviews .review .image { min-width: 80px; height: 80px; border-radius: 12px; } #reviews .review .name { font-size: 22px; } #reviews .review .what { height: 20px; line-height: 20px; padding-left: 28px; } #reviews .review .text { font-size: 14px; letter-spacing: 0.84px; } #reviews .review.collapsed .text { max-height: 90px; -webkit-line-clamp: 4; } #reviews .review .photos { gap: 16px; overflow-x: auto; flex-wrap: unset; margin-left: -16px; margin-right: -16px; padding: 0 16px; padding-bottom: 4px; } #reviews .review .photos a { width: 95px; min-width: 95px; height: 81px; } #reviews-yandex > .head { flex-direction: column; justify-content: unset; align-items: unset; gap: 32px; } #reviews-yandex > .head .title { font-size: 34px; } #reviews-yandex > .head .title span { font-size: 24px; } #reviews-yandex > .head a { width: 100%; margin-bottom: unset; } #reviews-yandex .list { margin-top: 40px; } #reviews-yandex .list .item { border-radius: 24px; padding: 18px 20px; } #reviews-yandex .list .item .image { min-width: 64px; height: 64px; } #reviews-yandex .list .item .right { width: calc(100% - 84px); position: relative; padding-bottom: 22px; } #reviews-yandex .list .item .date { font-size: 12px; letter-spacing: 0.48px; } #reviews-yandex .list .item .rating { position: absolute; left: 0; bottom: 0; } #reviews-yandex .list .item .text { font-size: 14px; letter-spacing: 0.84px; } #reviews-yandex .more { width: unset; } #mainpage .banners { margin-left: -12px; margin-right: -12px; } #mainpage .head-banner { height: 588px; margin: 0 0 -4px; } #mainpage .head-banner .bg-desktop { display: none; } #mainpage .head-banner .bg-mobile { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; background-size: cover; } #mainpage .banners .button { left: 12px; bottom: 12px; width: calc(100% - 24px); } #mainpage .head-banner h2 { width: calc(100% - 24px); text-align: center; bottom: 80px; left: 12px; } #mainpage .head-banner h2 span { font-size: 18px; letter-spacing: 0.36px; margin-left: 88px; } .modal.overlay .title { font-size: 22px; } .modal.overlay .buttons { margin-top: 12px; } .modal.overlay input[type="submit"] { height: 44px; line-height: 42px; font-size: 14px; letter-spacing: 0.56px; } .modal.overlay .button.file a { height: 44px; font-size: 14px; letter-spacing: 0.56px; } .modal.overlay .button.file a svg { width: 20px; height: 20px; } #form-review .success { left: 0; bottom: 0; width: 100%; } #success .window { width: 100%; padding: 40px 16px 16px; left: 0; top: unset; bottom: 0; } #success .title { font-size: 22px; padding: 0 30px; } #success .text { font-size: 14px; letter-spacing: 0.84px; padding: 0 20px; } #success .button a { height: 44px; font-size: 14px; letter-spacing: 0.56px; } .catalog-sections { flex-wrap: wrap; gap: 16px; } #mainpage .catalog-sections { margin-top: 32px; } .catalog-sections a { height: 140px; font-size: 18px; } .catalog-sections a:nth-child(1) { width: calc(50% - 8px); background-image: url('/local/templates/dom_2025/css/../img/catalog/doma_mobile.webp'); } .catalog-sections a:nth-child(2) { width: calc(50% - 8px); background-image: url('/local/templates/dom_2025/css/../img/catalog/bani_mobile.webp'); } .catalog-sections a:nth-child(3) { width: 100%; background-image: url('/local/templates/dom_2025/css/../img/catalog/besedki_mobile.webp'); } .catalog-sections a:nth-child(1), .catalog-sections a:nth-child(2), .catalog-sections a:nth-child(3) { background-size: unset; border-radius: 60px 20px 20px 20px; } #mainpage .similar.projects { padding-bottom: 60px; } #mainpage .similar.projects .button { width: 100%; } .building { margin-top: 40px; } .building .title { font-size: 34px; } .building .title span, #work .similar.works .title span { font-size: 24px; } .building .list { gap: 16px; flex-wrap: unset; overflow-x: auto; margin-left: -12px; margin-right: -12px; padding: 0 12px 4px; } .building .item { width: 279px; min-width: 279px; height: 240px; } .building .item:nth-child(odd) { border-radius: 60px 20px 20px 20px; } .building .item:nth-child(even) { border-radius: 20px 20px 60px 20px; } .building .item .text { font-size: 14px; letter-spacing: 0.84px; } .designing .title { font-size: 34px; } .designing .list { margin-top: 32px; background-size: 258px 188px; background-position: 50% 0; padding-bottom: 0; padding-top: 220px; align-items: unset; padding-right: unset; border-bottom: none; } .designing .item { width: unset !important; } .designing .item:nth-child(1) { padding-top: 48px; border-top: 2px solid #424031; background-position-y: 32px; } .designing .button { width: unset; margin-top: 32px; } .videos { margin-left: -12px; margin-right: -12px; background-image: none; padding: 20px 12px; border-radius: 24px; position: relative; padding-bottom: 92px; } .videos .title { font-size: 30px; } .videos .button { position: absolute; bottom: 20px; left: 12px; width: calc(100% - 24px); } .videos .list { gap: 16px; overflow-x: auto; margin-left: -12px; margin-right: -12px; padding: 0 12px 4px; } .videos .list a { width: 264px; min-width: 264px; background-size: 46px 46px; } .videos .list a:nth-child(3) { display: block; } #video.modal.overlay .window { border-radius: 20px; padding: 12px; } #video.modal.overlay .window > a { right: -10px; top: -10px; background-image: url('/local/templates/dom_2025/css/../img/actions_close_dark.svg'); } #mainpage #work { margin-left: -12px; margin-right: -12px; padding: 0 12px; } #work .similar.works .head .button { width: 100%; } #work .similar .item, #mainpage .similar.projects .item { padding: 0 8px; } #catalog .controls { justify-content: space-between; } #catalog .controls .filter-button { display: block; } #catalog .controls .filter-button:hover, #catalog .controls .sort-button:hover { text-decoration: none; } #catalog .filter { display: none; } #catalog .list { width: 100%; } #catalog .items { gap: 32px; } #catalog .items .item { width: 100%; } #catalog .items .item .image { height: calc((100vw - 24px) / 1.77); } #catalog-section .building { margin-top: 32px; } #catalog-section .building .item:nth-child(1), #catalog-section .building .item:nth-child(2), #catalog-section .building .item:nth-child(3) { width: 279px; height: 240px; } .filter-overlay { position: absolute; left: 0; width: 100vw; top: 0; height: 100vh; background: rgba(0,0,0,0.5); z-index: 10; } #catalog .filter { position: fixed; height: 80vh; bottom: 0; left: 0; width: 100vw; overflow-y: auto; border-radius: 12px 12px 0 0; padding: 40px 14px 100px; z-index: 20; background: url('/local/templates/dom_2025/css/../img/catalog/filter_mobile_line.svg') 50% 8px no-repeat #FFF9E6; } #catalog .filter .title { font-size: 20px; } #catalog .filter .title sup { font-size: 12px; } #catalog .filter-slider { margin-left: 11px; margin-right: 11px; } #catalog .filter-slider .ui-slider-handle { width: 25px; height: 25px; top: -12px; margin-left: -12px; } #catalog .filter-slider-values input { width: calc(50% - 7px); height: 37px; } #catalog .filter .values label { justify-content: space-between; } #catalog .filter .values label input, #catalog .filter .values label span { width: 22px; height: 22px; } #catalog .filter .values label input { order: 2; margin: 0; } #catalog .filter .values label span { left: unset; right: 0; top: 0; } .filter-apply-mobile { display: block; position: fixed; bottom: 0; left: 0; right: 0; padding: 12px 14px 20px; border-top: 1px solid #E8DAC0; background: #FFF9E6; } .filter-apply-mobile.button a { height: 44px; font-size: 14px; letter-spacing: 0.56px; } #catalog-detail .info .button { width: unset; } #catalog-detail .equip .head .title { font-size: 34px; } #catalog-detail .equip .head .menu { overflow-x: auto; margin-left: -12px; margin-right: -12px; padding: 0 12px 4px; } #catalog-detail .equip .head .menu a { white-space: nowrap; } #catalog-detail .equip .tabs .tab { gap: 20px; } #catalog-detail .equip .block[data-type="FOUNDATION"], #catalog-detail .equip .block[data-type="ROOF"], #catalog-detail .equip .block[data-type="WINDOW"], #catalog-detail .equip .block[data-type="DEFENCE"], #catalog-detail .equip .block[data-type="OUT_OTDELKA"], #catalog-detail .equip .block[data-type="IN_OTDELKA"] { padding: 16px; border-radius: 24px; } #catalog-detail .equip .block[data-type="FOUNDATION"] .prop { width: 100%; min-width: 100%; } #catalog-detail #work { margin-left: -12px; margin-right: -12px; padding: 0 12px; width: calc(100% + 24px); } #catalog-detail .equip .block[data-type="ROOF"], #catalog-detail .equip .block[data-type="WINDOW"], #catalog-detail .equip .block[data-type="DEFENCE"], #catalog-detail .equip .block[data-type="OUT_OTDELKA"], #catalog-detail .equip .block[data-type="IN_OTDELKA"] { width: 100%; } #catalog-detail .equip .block[data-type="PRICE"] { padding: 16px; border-radius: 24px 24px 60px 24px; width: 100%; background-image: none; } #catalog-detail .equip .block[data-type="PRICE"] .note { margin-top: 12px; } #catalog-detail .add-equip .title { font-size: 34px; } #catalog-detail .add-equip .list { flex-wrap: unset; gap: 12px; overflow-x: auto; padding: 0 12px 4px; margin-left: -12px; margin-right: -12px; } #catalog-detail .add-equip .item, #catalog-detail .add-equip .item:first-child { width: 280px; min-width: 280px; } #catalog-detail .add-equip .item:first-child .params div { width: 100%; } } /* End */ /* /local/templates/dom_2025/css/fonts.css?17654631131397 */ /* /local/templates/dom_2025/css/jquery.fancybox.min.css?176969016512897 */ /* /local/templates/dom_2025/css/slick.css?17250361101776 */ /* /local/templates/dom_2025/css/slick-theme.css?17675953862701 */ /* /local/templates/dom_2025/css/jquery.mCustomScrollbar.css?176795722353583 */ /* /local/templates/dom_2025/css/jquery-ui.css?173022480036407 */ /* /local/templates/dom_2025/css/main.css?1791960435119019 */