/* Start:/local/templates/kedrbor_2026/fonts/Rubik/style.css?17938717571939*/ @font-face { font-family: 'Rubik'; src: url('/local/templates/kedrbor_2026/fonts/Rubik/Rubik-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Rubik'; src: url('/local/templates/kedrbor_2026/fonts/Rubik/Rubik-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Rubik'; src: url('/local/templates/kedrbor_2026/fonts/Rubik/Rubik-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Rubik'; src: url('/local/templates/kedrbor_2026/fonts/Rubik/Rubik-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Rubik'; src: url('/local/templates/kedrbor_2026/fonts/Rubik/Rubik-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Rubik'; src: url('/local/templates/kedrbor_2026/fonts/Rubik/Rubik-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Rubik'; src: url('/local/templates/kedrbor_2026/fonts/Rubik/Rubik-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Rubik'; src: url('/local/templates/kedrbor_2026/fonts/Rubik/Rubik-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Rubik'; src: url('/local/templates/kedrbor_2026/fonts/Rubik/Rubik-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Rubik'; src: url('/local/templates/kedrbor_2026/fonts/Rubik/Rubik-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Rubik'; src: url('/local/templates/kedrbor_2026/fonts/Rubik/Rubik-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Rubik'; src: url('/local/templates/kedrbor_2026/fonts/Rubik/Rubik-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Rubik'; src: url('/local/templates/kedrbor_2026/fonts/Rubik/Rubik-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Rubik'; src: url('/local/templates/kedrbor_2026/fonts/Rubik/Rubik-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } /* End */ /* Start:/local/templates/kedrbor_2026/assets/slick/slick.css?17938717581776*/ /* 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/kedrbor_2026/assets/air-datepicker/air-datepicker.css?179387175819619*/ .air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)} .air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)} .air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none} .air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%} .air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)} .air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99} .air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s} /* End */ /* Start:/local/templates/kedrbor_2026/assets/jquery/jquery.formstyler.css?17938717582175*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/local/templates/kedrbor_2026/assets/jquery/jquery.mCustomScrollbar.css?179387175853583*/ /* == 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/kedrbor_2026/assets/jquery/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/kedrbor_2026/css/main.css?179387175931828*/ @charset "UTF-8"; :root { --green: #59A448; --white: #FFFFFF; --black: #2A2A2A; --green-dark: #0A563A; --gray: #EAECEC; --fon: #EEF1F1; --green-light: #DEF2D6; --error: #EA5B0C; --fon-light: #F9FAFA; --fon-tab: #F8F8F8; } /* Сброс стилей */ * { padding: 0; margin: 0; border: 0; font-family: "Rubik", sans-serif; box-sizing: border-box; outline: none; } ::after, ::before { box-sizing: border-box; } body, html { height: 100%; width: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 20px; line-height: 140%; background-color: var(--fon-light); color: var(--black); } svg, path { transition: all 0.4s; } img { max-width: 100%; height: auto; } img[align="left"] { float: left; margin: 0px 24px 24px 0px; } img[align="right"] { float: right; margin: 0px 0px 24px 24px; } a { color: inherit; } p a { color: var(--green-dark); } p, ul, ol { margin-bottom: 24px; } @media (max-width: 759px) { p, ul, ol { margin-bottom: 16px; } } ul ul, ol ol { margin-bottom: 0; } textarea { resize: none; } ul li, ol ol li { padding-left: 36px; } @media (max-width: 759px) { ul li, ol ol li { padding-left: 30px; } } ol ol ol li { padding-left: 0; } ul li { list-style: none; position: relative; } ul li::before { content: ''; display: block; height: 28px; width: 28px; position: absolute; top: 0; left: 0; background: url(/local/templates/kedrbor_2026/css/../img/icon/marker.svg) center / contain no-repeat; } @media (max-width: 759px) { ul li::before { height: 22px; width: 22px; } } ol { list-style: none; counter-reset: point; } ol ol { counter-reset: point2; } ol ol ol { counter-reset: point3; padding-left: 0; } ol ol ol ol { counter-reset: point4; } ol ol ol ol ol { counter-reset: point5; } ol li::before { display: inline-block; min-width: 28px; } @media (max-width: 759px) { ol li::before { min-width: 22px; } } ol>li::before { content: counter(point) "."; counter-increment: point 1; margin-right: 8px; } ol ol>li::before { content: counter(point) "." counter(point2) "."; counter-increment: point2; margin-right: 8px; } ol ol ol>li::before { content: counter(point) "." counter(point2) "." counter(point3) "."; counter-increment: point3; margin-right: 8px; } ol ol ol ol>li::before { content: counter(point) "." counter(point2) "." counter(point3) "." counter(point4) "."; counter-increment: point4; margin-right: 8px; } input, textarea, button { font-size: inherit; } button { cursor: pointer; } input, textarea, select { width: 100%; } .table-wrapper:not(.clear-table) { overflow: hidden; border-radius: 16px; background-color: var(--gray); padding: 8px; } table { width: 100%; border-collapse: collapse; } th, td { padding: 16px; background-color: var(--white); border: 1px solid var(--gray); } .clear-table th, .clear-table td { padding: 0; background: none; border: none; } th { text-align: left; font-weight: 400; } thead::after { content: ""; display: table-row; height: 8px; } .scroll-table thead::after { height: 24px; } .clear-table thead::after { content: none; } th:first-child { border-top-left-radius: 16px; border-bottom-left-radius: 16px; } th:last-child { border-top-right-radius: 16px; border-bottom-right-radius: 16px; } tr:first-child>td:first-child, tr.table-subtitle>td:first-child, tr.table-hr+tr>td:first-child { border-top-left-radius: 16px; } tr:first-child>td:last-child, tr.table-subtitle>td:last-child, tr.table-hr+tr>td:last-child { border-top-right-radius: 16px; } tr:last-child>td:first-child, tr.table-subtitle>td:first-child, tr.table-last-row>td:first-child { border-bottom-left-radius: 16px; } tr:last-child>td:last-child, tr.table-subtitle>td:last-child, tr.table-last-row>td:last-child { border-bottom-right-radius: 16px; } table.odd tr:nth-child(even) td { background: var(--fon-tab); } .table-subtitle td { background-color: var(--green) !important; color: var(--white); text-align: center; } .table-hr { height: 8px; } .mCustomScrollBox { border-radius: 16px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { background-color: transparent; opacity: 1; left: 0; margin-top: 15px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 10px 0; background-color: var(--green-dark); border-radius: 8px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { display: none; } .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-bottom: 0; } h1, .h1 { font-size: 56px; line-height: 110%; font-weight: 400; } h1 { margin: 0 0 32px; } h2, .h2 { font-size: 40px; line-height: 110%; font-weight: 400; } h3, .h3 { font-size: 32px; line-height: 110%; font-weight: 400; } h4, .h4 { font-size: 28px; line-height: 110%; font-weight: 400; } h5, .h5 { font-size: 24px; line-height: 125%; font-weight: 400; } h2, h3, h4, h5 { margin: 48px 0 24px; } .fs-16, *:not(.clear-table)>table { font-size: 16px; line-height: 125%; } @media (max-width: 1279px) { h1, .h1 { font-size: 40px; } h2, .h2 { font-size: 32px; } h3, .h3 { font-size: 28px; } h4, .h4 { font-size: 24px; } h5, .h5 { font-size: 20px; } } @media (max-width: 759px) { body, html { font-size: 16px; } h1, .h1 { font-size: 32px; } h2, .h2 { font-size: 26px; } h3, .h3 { font-size: 22px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 16px; } .fs-16, *:not(.clear-table)>table { font-size: 14px; } h2, h3, h4, h5 { margin: 24px 0 16px; } } .fw-500 { font-weight: 500; } .container { margin: 0 120px; } @media (max-width: 1919px) { .container { margin: 0 48px; } } @media (max-width: 1019px) { .container { margin: 0 32px; } } @media (max-width: 759px) { .container { margin: 0 16px; } } .icon-20 { flex: none; height: 20px; width: 20px; border-radius: 0; } @media (max-width: 759px) { .icon-20 { height: 18px; width: 18px; } } .link-icon { cursor: pointer; flex: none; padding: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.4s; } @media (max-width: 1279px) { .link-icon { padding: 12px; } } @media (max-width: 759px) { .link-icon { padding: 8px; } } .link-icon-stroke { border: 1px solid var(--fon); } .link-icon-stroke:hover { border-color: var(--green); } .link-icon-stroke:hover path { fill: var(--green); } .link-icon-fill { background-color: var(--fon); } .link-icon-fill:hover { background-color: var(--green-light); } .link-icon-fill:hover path { fill: var(--green-dark); } .link { display: flex; align-items: center; gap: 8px; text-decoration: none; transition: all 0.4s; } .link:hover { color: var(--green-dark); } .link:hover path { fill: var(--green-dark); } .button { flex: none; cursor: pointer; background-color: var(--green); color: var(--white); border-radius: 16px; padding: 16px 24px; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; transition: all 0.4s; } .button-sm { padding: 16px; } .button-stroke { background-color: transparent; border: 1px solid var(--green); color: var(--black); } @media (max-width: 1019px) { .button { padding: 12px 16px; } .button-sm { padding: 12px; } } @media (max-width: 759px) { .button { padding: 8px 16px; border-radius: 8px; } .button-sm { padding: 8px; } } .button.bg-green-dark:hover { background-color: var(--green); } .button.button-stroke:hover { color: var(--green-dark); } .button.button-stroke:hover path { fill: var(--green-dark); } .button:not(.button-stroke) img { filter: brightness(0) invert(1); } .button-text { width: 100%; } .text-center { text-align: center; } .color-white { color: var(--white); } .color-green-dark { color: var(--green-dark); } .color-green { color: var(--green); } .bg-white { background-color: var(--white); } .bg-gray { background-color: var(--gray); } .bg-green { background-color: var(--green); } .bg-green-dark { background-color: var(--green-dark); } .bg-green-light { background-color: var(--green-light); } .section { padding: 64px 0; } @media (max-width: 1279px) { .section { padding: 32px 0; } } .section-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; } @media (max-width: 759px) { .section-title { flex-direction: column; align-items: flex-start; } } .block-intro { padding: 16px 0 32px; display: flex; gap: 32px; } @media (max-width: 1279px) { .block-intro { flex-direction: column; } } .block-intro-slider { width: calc(100% / 12 * 9 - 16px); } @media (max-width: 1599px) { .block-intro-slider { width: calc(100% / 12 * 8 - 16px); } } @media (max-width: 1279px) { .block-intro-slider { width: 100%; } } .block-intro-form { width: calc(100% / 12 * 3 - 16px); background-color: var(--green-light); border-radius: 20px; padding: 48px; display: flex; flex-direction: column; align-items: center; gap: 16px; justify-content: space-between; } @media (max-width: 1599px) { .block-intro-form { width: calc(100% / 12 * 4 - 16px); } } .block-intro-form-img { border: 0; } .block-intro-form .form { display: flex; flex-direction: column; gap: 16px; } @media (max-width: 1279px) { .block-intro-form { width: 100%; padding: 32px; } .block-intro-form-img { display: none; } .block-intro-form .form { gap: 32px; } .block-intro-form .form-column { flex-direction: row; } } @media (max-width: 759px) { .block-intro-form { padding: 18px; } .block-intro-form .form { gap: 16px; } .block-intro-form .form-column { flex-direction: column; } } .block-about { border-radius: 40px; padding: 40px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 64px; } @media (max-width: 1279px) { .block-about { border-radius: 20px; padding: 32px; grid-template-columns: repeat(1, 1fr); gap: 48px; } } @media (max-width: 759px) { .block-about { padding: 18px; gap: 24px; } } .block-about-img { width: 100%; border-radius: 20px; } .block-event { padding: 24px; border-radius: 32px; } @media (max-width: 1279px) { .block-event { padding: 0; border-radius: 20px; } } .block-map { display: flex; gap: 32px; border-radius: 32px; background-color: var(--green-light); padding: 64px; } @media (max-width: 1279px) { .block-map { flex-direction: column; padding: 32px; } } @media (max-width: 759px) { .block-map { padding: 18px; } } .block-map-contacts { display: flex; flex-direction: column; gap: 12px; } .block-map-info { width: calc(100% / 12 * 4 - 16px); } @media (max-width: 1279px) { .block-map-info { padding: 0; width: 100%; } } .block-map-img { width: calc(100% / 12 * 8 - 16px); height: 622px; border-radius: 20px; overflow: hidden; } @media (max-width: 1279px) { .block-map-img { padding: 0; width: 100%; height: 578px; } } @media (max-width: 759px) { .block-map-img { height: 326px; } } .card { width: 100%; text-decoration: none; border-radius: 20px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.4s; } .card-text { padding: 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; } @media (max-width: 1279px) { .card-text { padding: 16px; } } @media (max-width: 759px) { .card-text { padding: 12px; gap: 12px; } } .card-img { height: 260px; width: 100%; object-fit: cover; border-radius: 20px; } @media (max-width: 1919px) { .card-img { height: 13.54vw; } } @media (max-width: 1279px) { .card-img { height: 18.53vw; } } @media (max-width: 759px) { .card-img { height: 60.26vw; } } .card-title { text-decoration: none; transition: all 0.4s; } .card-link { background-color: var(--green-dark); } .card-link:hover { background-color: var(--green); } .card-therapy { background-color: var(--white); min-height: 324px; } @media (max-width: 759px) { .card-therapy { min-height: auto; } } .card-therapy:hover { background-color: var(--green-light); } .card-therapy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } @media (max-width: 1279px) { .card-therapy-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 759px) { .card-therapy-grid { grid-template-columns: repeat(1, 1fr); gap: 16px; } } .card-link-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; } @media (max-width: 1279px) { .card-link-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 759px) { .card-link-grid { grid-template-columns: repeat(1, 1fr); gap: 16px; } } @media (min-width: 1280px) { .card-link-2-2 { grid-column: span 2; grid-row: span 2; } .card-link-2-2 .card-img { height: 100%; } } .card-event { background-color: var(--green-light); } .card-event:hover .card-title { color: var(--green-dark); } .card-event-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; } @media (max-width: 1279px) { .home-event .card-event-grid .card:nth-last-child(1) { display: none; } .card-event-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1019px) { .home-event .card-event-grid .card:nth-last-child(2) { display: none; } .card-event-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 759px) { .card-event-grid { grid-template-columns: repeat(1, 1fr); gap: 16px; } } .card-direction { width: 100%; text-decoration: none; border-radius: 20px; padding: 16px; position: relative; background-color: var(--black); } .card-direction .card-img { opacity: 0.72; position: absolute; top: 0; left: 0; height: 100%; width: 100%; transition: all 0.4s; } .card-direction:hover .card-img { opacity: 0.62; } .card-direction .card-text { position: relative; justify-content: flex-end; } .card-direction-grid { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: minmax(324px, 1fr); gap: 32px; } @media (min-width: 1020px) { .card-direction-horizontal { grid-column: span 2; } .card-direction-vertical { grid-row: span 2; } } @media (max-width: 1019px) { .card-direction-grid { grid-template-columns: repeat(1, 1fr); } } .card-review { background-color: var(--white); border: 1px solid var(--fon); transition: all 0.4s; } .card-review:hover { background-color: var(--fon-tab); } .card-review .card-text { display: flex; flex-direction: column; gap: 48px; padding: 16px; } @media (max-width: 1279px) { .card-review .card-text { padding: 12px; } } .card-review-info { display: flex; align-items: center; gap: 8px; } .card-review-date { background-color: var(--white); border-radius: 16px; display: flex; align-items: center; gap: 8px; padding: 8px; } @media (max-width: 1279px) { .card-review-date { gap: 6px; padding: 6px; } } .card-review-stars { padding: 8px; display: flex; align-items: center; gap: 2px; } @media (max-width: 1279px) { .card-review-stars { padding: 4px 8px; } } .card-review-stars img { width: 32px; height: 32px; object-fit: contain; } @media (max-width: 1279px) { .card-review-stars img { width: 24px; height: 24px; } } .card-review-text { padding: 8px; display: flex; flex-direction: column; gap: 10px; } @media (max-width: 1279px) { .card-review-text { padding: 6px; } } .card-review-grid { display: grid; grid-template-columns: repeat(3, 1fr); align-items: flex-start; gap: 32px; } @media (max-width: 1279px) { .card-review-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .card-review-grid .card:nth-last-child(1) { display: none; } } @media (max-width: 759px) { .card-review-grid { grid-template-columns: repeat(1, 1fr); gap: 16px; } } .tab-list { display: flex; gap: 48px; overflow-x: auto; } .tab-list { scrollbar-color: var(--green-dark) var(--fon-light); } .tab-list::-webkit-scrollbar-track { background: var(--fon-light); border-radius: 8px; } .tab-list::-webkit-scrollbar-thumb { background: var(--green-dark); border-radius: 8px; } @media (max-width: 759px) { .tab-list { display: flex; gap: 24px; } } .tab-item { text-decoration: none; cursor: pointer; display: inline-flex; padding: 16px 0; opacity: 0.6; border-bottom: 1px solid transparent; transition: all 0.4s; white-space: nowrap; } @media (max-width: 759px) { .tab-item { padding: 8px 0; } } .tab-item.active { opacity: 1; border-bottom-color: var(--green); color: var(--green); } .tab-content { display: none; } .tab-content.active { display: block; } .filter .datepicker-period:hover, .filter .datepicker-period:focus { background-color: var(--green); color: var(--white); } .filter .datepicker-period~img { transition: all 0.4s; } .filter .datepicker-period:hover~img, .filter .datepicker-period:focus~img { filter: brightness(0) invert(1); } .tag-list { display: flex; flex-wrap: wrap; gap: 8px; } .tag { padding: 8px; border-radius: 16px; display: inline-flex; align-items: center; gap: 8px; } @media (max-width: 759px) { .tag { gap: 6px; padding: 6px; } } .page-head-inner { padding-top: 32px; } .page-content { display: flex; flex-direction: column-reverse; gap: 16px; } @media (min-width: 1280px) { .page-content { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; } .page-col-4 { grid-column: span 4; } .page-col-3 { grid-column: span 3; } .page-col-2 { grid-column: span 2; } .page-col-1 { grid-column: span 1; } } .page-head-with-img { position: relative; border-radius: 20px; overflow: hidden; background-color: black; } .page-head-with-img .page-head-inner { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; min-height: 27vw; padding: 32px 0; } .page-head-with-img h1 { margin: 0; } .page-head-img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; opacity: 0.6; } .page-head-title { display: flex; flex-direction: column; gap: 32px; } .breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; } .breadcrumbs-link { text-decoration: none; background-color: var(--white); color: var(--green-dark); border-radius: 16px; padding: 8px 12px 8px 8px; display: inline-flex; align-items: center; gap: 4px; transition: all 0.4s; } .breadcrumbs-link:hover { background-color: var(--green); color: var(--white); } .breadcrumbs-link:hover path { fill: var(--white) } blockquote, .blockquote { background-color: var(--green-light); border-radius: 20px; padding: 24px; display: flex; align-items: flex-start; width: 100%; gap: 24px; margin-bottom: 24px; } @media (max-width: 759px) { blockquote, .blockquote { padding: 18px; flex-direction: column; gap: 8px; margin-bottom: 16px; } } blockquote::before, .blockquote::before { content: ''; display: block; height: 24px; width: 24px; flex: none; background: url(/local/templates/kedrbor_2026/css/../img/icon/quotes.svg) center / contain no-repeat; } @media (max-width: 759px) { blockquote::before, .blockquote::before { height: 22px; width: 22px; } } .important { background-color: var(--green-light); border-radius: 20px; padding: 24px; display: inline-block; width: 100%; margin-bottom: 24px; } @media (max-width: 759px) { .important { padding: 18px; margin-bottom: 16px; } } .outerlink::after { content: ''; display: inline-block; height: 16px; width: 16px; background: url(/local/templates/kedrbor_2026/css/../img/icon/outerlink.svg) center / contain no-repeat; } @media (max-width: 759px) { .outerlink::after { height: 14px; width: 14px; } } .document { background-color: var(--gray); padding: 16px; border-radius: 20px; display: flex; gap: 24px; margin-bottom: 16px; } @media (max-width: 1279px) { .document { padding: 12px; gap: 18px; } } @media (max-width: 759px) { .document { padding: 10px; gap: 12px; } .document:not(.document-with-img) { flex-direction: column; align-items: flex-start; } } .document .button { margin-top: auto; } .document-info { width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 12px; } .document-img { flex: none; height: 260px; width: auto; border-radius: 20px; } @media (max-width: 759px) { .document-img { height: 128px; border-radius: 8px; } } .document-info-bottom { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; padding: 8px; } @media (max-width: 1279px) { .document-info-bottom { padding: 6px; } } @media (max-width: 759px) { .document-info-bottom { gap: 16px; } } .spoiler { border: 1px solid var(--gray); border-radius: 20px; transition: background-color 0.4s; background-color: transparent; margin-bottom: 16px; } .spoiler.open, .spoiler:hover { background-color: var(--gray); } .spoiler-title { padding: 16px 16px 16px 24px; display: flex; align-items: center; justify-content: space-between; gap: 27px 24px; cursor: pointer; transition: all 0.4s; } .spoiler-title:not(.active):hover { color: var(--green); } @media (max-width: 1279px) { .spoiler-title { padding: 12px 12px 12px 20px; } } @media (max-width: 759px) { .spoiler-title { padding: 10px 10px 10px 16px; } } .spoiler-icon { border-color: var(--green); transition: transform 0.4s; } .spoiler-title:hover .spoiler-icon path { fill: var(--green); } .spoiler.open .spoiler-icon { transform: rotate(45deg); } .spoiler-content { display: none; } .spoiler-inner { padding: 11px 84px 11px 24px; } @media (max-width: 1279px) { .spoiler-inner { padding: 9px 68px 9px 18px; } } @media (max-width: 759px) { .spoiler-inner { padding: 6px 16px; } } .page-img { border-radius: 20px; } .photo-slider-block { background-color: var(--green-light); border-radius: 20px; width: calc(100% / 3 * 2 - 16px); } @media (max-width: 759px) { .photo-slider-block { width: 100%; } } .photo-slider { border-radius: 20px; overflow: hidden; } .photo-slider-nav { display: flex; align-items: center; justify-content: space-between; padding: 16px; } .photoslider-arrows { display: flex; align-items: center; gap: 8px; } .photo-slider-counter { display: flex; align-items: center; gap: 16px; padding: 0 8px; margin: 0; } .photo-slider-counter span:not(.current) { opacity: 0.6; } .photoslider-arrows .link-icon-stroke { border-color: var(--green); } .video-block { position: relative; overflow: hidden; border-radius: 20px; width: calc(100% / 3 * 2 - 16px); transition: all 0.4s; } @media (max-width: 759px) { .video-block { width: 100%; } } .video-preview { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .video-preview-img { width: 100%; height: 100%; object-fit: cover; } .video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video-play-btn { padding: 32px; border-radius: 50%; background-color: var(--fon); display: flex; align-items: center; justify-content: center; } @media (max-width: 759px) { .video-play-btn { padding: 8px; } } .video-content { height: 100%; } .video { width: 100%; height: 100%; object-fit: contain; } .back-block { display: flex; align-items: center; justify-content: space-between; padding-top: 24px; border-top: 1px solid var(--gray); margin-top: 48px; } .pagination-block { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 32px; } @media (max-width: 759px) { .pagination-block { flex-direction: column-reverse; } } .pagination { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .pagination .button { background-color: var(--gray); color: var(--black); min-width: 52px; flex: none; text-align: center; padding-left: 8px; padding-right: 8px; } @media (max-width: 1019px) { .pagination .button { min-width: 44px; } } @media (max-width: 759px) { .pagination .button { min-width: 33.5px; } } .pagination .button.active { background-color: var(--green-dark); color: var(--white); } .pagination .button:not(.active):hover { background-color: var(--green-light); color: var(--green); } .block-404 { height: 600px; background-color: #BEB6B4; border-radius: 20px; overflow: hidden; display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; } @media (max-width: 1919px) { .block-404 { height: 31.27vw; } } @media (max-width: 1279px) { .block-404 { height: 46.91vw; } } @media (max-width: 1019px) { .block-404 { height: auto; display: flex; flex-direction: column-reverse; background-color: transparent; border-radius: 0; } } .block-404-text { display: flex; align-items: center; justify-content: center; padding: 48px; } @media (max-width: 1019px) { .block-404-text { padding: 0; } } .block-404-img { position: relative; overflow: hidden; } @media (max-width: 1019px) { .block-404-img { height: 58.88vw; border-radius: 20px; } } .block-404-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .block-404-message { background-color: var(--white); padding: 24px; border-radius: 20px; display: flex; flex-direction: column; gap: 24px; } @media (max-width: 1019px) { .block-404-message { width: 100%; } } @media (max-width: 759px) { .block-404-message { padding: 18px; } } .block-404-message-bottom { display: flex; gap: 16px; flex-wrap: wrap; } .search-item { background-color: var(--white); border-radius: 20px; padding: 24px; margin-bottom: 16px; } @media (max-width: 759px) { .search-item { padding: 18px; } } .mb-48 { margin-bottom: 48px; } @media (max-width: 1279px) { .mb-48 { margin-bottom: 32px; } } @media (max-width: 759px) { .mb-48 { margin-bottom: 24px; } } .mb-32 { margin-bottom: 32px; } @media (max-width: 759px) { .mb-32 { margin-bottom: 16px; } } .mb-24 { margin-bottom: 24px; } @media (max-width: 759px) { .mb-24 { margin-bottom: 16px; } } .mb-16 { margin-bottom: 16px; } .mb-8 { margin-bottom: 8px; } .mb-0 { margin-bottom: 0; } .mt-16 { margin-top: 16px; } .mt-0 { margin-top: 0; } .w-100 { width: 100%; } /* End */ /* Start:/local/templates/kedrbor_2026/css/file.css?1793871759870*/ .file { position: relative; padding-left: 36px; } @media (max-width: 759px) { .file { padding-left: 30px; } } p>.file { margin-left: 4px; } .file::before { content: ''; display: block; height: 28px; width: 28px; flex: none; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; background-image: url(/local/templates/kedrbor_2026/css/../img/file-types/file.svg); } @media (max-width: 759px) { .file::before { height: 22px; width: 22px; } } .file.file-pdf::before { background-image: url(/local/templates/kedrbor_2026/css/../img/file-types/pdf.svg); } .file.file-xls::before { background-image: url(/local/templates/kedrbor_2026/css/../img/file-types/xls.svg); } .file.file-doc::before { background-image: url(/local/templates/kedrbor_2026/css/../img/file-types/doc.svg); } /* End */ /* Start:/local/templates/kedrbor_2026/css/header.css?17938717595342*/ .header { padding: 16px 0; } @media (max-width: 1019px) { .header { padding: 12px 0; } } @media (max-width: 759px) { .header { padding: 8px 0; } } .header-inner { background-color: var(--white); border-radius: 20px; display: flex; flex-direction: column; position: relative; } .header-top { padding: 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--gray); } .header-logo { padding: 0 16px; } @media (max-width: 1279px) { .header-logo { padding: 0 12px; height: 44px; } } @media (max-width: 759px) { .header-logo { height: 34px; } } .header-logo img { height: 100%; width: auto; } .header-info { display: flex; align-items: center; gap: 32px; } @media (max-width: 1019px) { .header-info { gap: 16px; } } @media (max-width: 759px) { .header-info { gap: 8px; } } .header-contact { display: flex; align-items: center; gap: 32px; } @media (max-width: 1919px) { .header-contact { gap: 4px; flex-direction: column; align-items: flex-start; } } @media (min-width: 1280px) { .header-contact .link-icon { display: none; } } @media (max-width: 1279px) { .header-contact { gap: 8px; flex-direction: row; align-items: center; } .header-contact .link { display: none; } } .header-social { display: flex; align-items: center; gap: 8px; } .header-bottom { padding: 8px 16px; display: flex; align-items: center; justify-content: space-between; } @media (min-width: 1020px) { .header-mobile { display: none; } } @media (max-width: 1019px) { .header-top, .header-bottom { display: none; } .header-mobile { display: flex; align-items: center; justify-content: space-between; padding: 16px; } } @media (max-width: 759px) { .header-mobile { padding: 12px; } } .header-menu { display: flex; align-items: center; gap: 16px; } @media (max-width: 1919px) { .header-menu { gap: 0; } } .header-menu-item { padding: 16px; position: relative; } .header-menu-item .link { gap: 0; } .header-submenu { z-index: 1; opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; width: 280px; padding-top: 0; transition: all 0.4s; } .header-menu-item:hover .header-submenu { opacity: 1; visibility: visible; padding-top: 12px; } .header-submenu-inner { background-color: var(--white); border-top: 2px solid var(--green-dark); border-radius: 20px; padding: 4px 4px 6px; display: flex; flex-direction: column; box-shadow: 0 16px 20px rgba(0, 0, 0, 0.16); } .header-submenu-inner .link { padding: 8px 24px; border-radius: 16px; background-color: var(--white); transition: all 0.4s; } .header-submenu-inner .link:hover { background-color: var(--green-light); color: var(--green-dark); } .header-submenu-title { display: flex; align-items: center; text-decoration: none; padding: 12px 24px; opacity: 0.6; transition: opacity 0.4s; } .header-submenu-title:hover { opacity: 1; } .header-submenu-more { display: flex; } .header-submenu-more-item { flex: 1; } @media (min-width: 1280px) { .header-menu-item-more { display: none; } } @media (max-width: 1279px) { .header-menu-item-hidden { display: none; } } .header-menu-item-more .header-submenu { left: auto; right: 0; width: 486px; } .header-search { padding: 16px; } .header-search-form { display: none; position: absolute; bottom: 8px; right: 16px; width: 400px; background-color: var(--white); } @media (max-width: 1919px) { .header-search-form { width: calc(100% - 32px); } } @media (max-width: 1019px) { .header-search-form { bottom: 16px; } } @media (max-width: 759px) { .header-search-form { bottom: 12px; right: 12px; width: calc(100% - 24px); } } .header-search-close { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 16px; right: 24px; } .header-search-form .icon-search { position: absolute; top: 16px; left: 24px; } @media (max-width: 1279px) { .header-search-form .icon-search { top: 10px; left: 10px; } .header-search-close { top: 10px; right: 10px; } } .header-search-form .input input { padding: 14px 50px; } @media (max-width: 1279px) { .header-search-form .input input { padding: 10px 40px; } } @media (max-width: 759px) { .header-search-form .input input { padding: 6px 40px; } } /* End */ /* Start:/local/templates/kedrbor_2026/css/footer.css?17938717592050*/ .footer-inner { display: flex; flex-direction: column; gap: 64px; padding: 64px 0 80px; } @media (max-width: 1279px) { .footer-inner { gap: 48px; padding: 48px 0 64px; } } @media (max-width: 759px) { .footer-inner { gap: 24px; padding: 32px 0; } } .footer-top { display: flex; align-items: center; justify-content: space-between; } .footer-bottom { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1279px) { .footer-bottom { align-items: flex-end; } } @media (max-width: 759px) { .footer-bottom { flex-direction: column-reverse; align-items: flex-start; gap: 24px; } } .footer-logo { height: 52px; } @media (max-width: 1279px) { .footer-logo { height: 44px; } } @media (max-width: 759px) { .footer-logo { height: 34px; } } .footer-logo img { height: 100%; width: auto; } .footer-info { display: flex; align-items: flex-start; justify-content: space-between; width: calc(100% / 12 * 9 - 16px); } @media (max-width: 1279px) { .footer-info { width: auto; } } .footer-menu { display: flex; align-items: center; flex-wrap: wrap; } @media (max-width: 1279px) { .footer-top .footer-menu { display: none; } .footer-bottom .footer-menu { flex-direction: column; align-items: flex-start; } } .footer-menu .link { padding: 16px; } @media (max-width: 1279px) { .footer-menu .link { padding: 12px; } } @media (max-width: 759px) { .footer-menu .link { padding: 8px; } } .footer-copyright { opacity: 0.6; } @media (max-width: 1279px) { .footer-copyright { padding: 12px 0; } } @media (max-width: 759px) { .footer-copyright { padding: 0; } } /* End */ /* Start:/local/templates/kedrbor_2026/css/menu.css?17938717594084*/ .menu { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow-y: auto; background-color: var(--fon-light); z-index: 1; } @media (min-width: 1020px) { .menu { display: none !important; } } .menu-inner { background-color: var(--white); border-radius: 20px; padding: 12px 32px 0; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } @media (max-width: 759px) { .menu-inner { padding: 8px 16px 0; } } .menu-top { display: flex; align-items: center; justify-content: flex-start; padding: 16px; } @media (max-width: 759px) { .menu-top { padding: 12px; } } .menu-list { padding: 12px 8px; display: flex; flex-direction: column; } .menu-link { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; gap: 10px; text-decoration: none; border-radius: 12px; transition: all 0.4s; } @media (max-width: 759px) { .menu-link { padding: 8px 12px; border-radius: 8px; } } .menu-bottom { display: flex; flex-direction: column; align-items: center; padding: 32px; gap: 32px; border-top: 1px solid var(--gray); } @media (max-width: 759px) { .menu-bottom { padding: 16px; gap: 16px; } } .menu-bottom .button { width: 100%; } .menu-contact { display: flex; align-items: center; gap: 32px; } @media (max-width: 759px) { .menu-contact { flex-direction: column; justify-content: center; gap: 16px; } } .menu-social { display: flex; align-items: center; gap: 8px; } .submenu { display: none; } .menu .submenu-title { background-color: var(--fon-light); border-radius: 12px; margin-bottom: 24px; } @media (max-width: 759px) { .menu .submenu-title { margin-bottom: 12px; } } .menu-desktop { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow-y: auto; background-color: var(--fon-light); z-index: 1; } @media (max-width: 1019px) { .menu-desktop { display: none !important; } } .menu-desktop-inner { padding: 12px 32px; } @media (max-width: 759px) { .menu-desktop-inner { padding: 8px 16px; } } .menu-desktop-content { display: grid; grid-template-columns: repeat(3, 1fr); } .menu-desktop .submenu-title { border-bottom: 1px solid var(--gray); padding: 16px; } .menu-desktop-col-1 { background-color: var(--white); border-radius: 20px; padding: 12px 8px; } .menu-desktop-col-2 { padding: 16px 32px; grid-column: span 2; } .menu-desktop .menu-list .menu-link:hover, .menu-desktop .menu-list .menu-link.active { background-color: var(--green-light); color: var(--green-dark); } .menu-desktop .submenu .menu-link { padding: 16px; } .menu-desktop .submenu-item .menu-link { padding: 8px 16px; } .menu-desktop .submenu a.menu-link:hover { color: var(--green-dark); } .menu-desktop .menu-top { padding: 8px; } .menu-desktop .menu-list { padding: 12px 0; } .menu-desktop .submenu.active { display: block; } .menu-desktop .submenu-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; } .menu-desktop .submenu .tag-list { padding: 0 16px; } .menu-desktop .submenu-item { padding: 8px 0; } .menu-sitemap { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; } .menu-sitemap-link { display: inline-block; text-decoration: none; margin: 16px 0; } .menu-sitemap .link { margin: 8px 16px; } .submenu-sitemap .submenu-sitemap { padding: 0 16px; } /* End */ /* Start:/local/templates/kedrbor_2026/css/form.css?17938717594623*/ .form { width: 100%; } .field { width: 100%; display: flex; flex-direction: column; gap: 8px; } .form-success { display: none; } .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; } @media (max-width: 1279px) { .form-grid .form-grid { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 1019px) { .form-grid { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 759px) { .form-grid { gap: 16px; } } @media (min-width: 1020px) { .field-100 { grid-column: span 2; } } .form-column { display: flex; flex-direction: column; gap: 16px; } .captcha { display: flex; align-items: center; gap: 8px; padding: 2px; border-radius: 16px; border: 2px solid var(--gray); } @media (min-width: 1020px) { #formFeedback .captcha { max-width: fit-content; } } .captcha img { border-radius: 16px; box-shadow: inset 0 0 0 2px var(--white); } .captcha-line { height: 20px; width: 1px; flex: none; margin: 0 8px; background-color: var(--gray); } .captcha input { width: 100%; padding: 16px 8px 16px 0; border-radius: 16px; } .checkbox { display: flex; align-items: flex-start; gap: 8px; position: relative; cursor: pointer; } .checkbox input { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; } .checkbox-icon { flex: none; height: 20px; width: 20px; background-color: var(--gray); border: 1px solid var(--gray); border-radius: 4px; margin-top: -2px; transition: all 0.4s; padding: 3px; } .checkbox-icon:hover { background-color: var(--white); border-color: var(--green-dark); } .checkbox-icon::after { content: ''; display: block; background-color: var(--green-dark); border-radius: 2px; height: 100%; width: 100%; transform: scale(0); transition: all 0.4s; } .checkbox input:checked~.checkbox-icon { background-color: var(--white); } .checkbox input:checked~.checkbox-icon::after { transform: scale(1); } .jq-selectbox { width: 100%; cursor: pointer; } .jq-selectbox__trigger { position: absolute; top: 14px; right: 16px; height: 20px; width: 20px; background: url(/local/templates/kedrbor_2026/css/../img/icon20/select.svg) center / contain no-repeat; } @media (max-width: 1279px) { .jq-selectbox__trigger { top: 10px; right: 12px; } } .jq-selectbox__dropdown { border-radius: 20px; border-top: 2px solid var(--green); background-color: var(--white); width: 100%; padding: 18px; top: 100%; box-shadow: 0 16px 20px rgba(0, 0, 0, 0.16); } @media (max-width: 1279px) { .jq-selectbox__dropdown { padding: 16px; } } .jq-selectbox__dropdown ul { display: flex; flex-direction: column; gap: 16px; margin: 0; } .jq-selectbox li, .jq-selectbox__select-text { white-space: normal; } .input input, .input textarea, .input .jq-selectbox__select { border-radius: 16px; border: 2px solid var(--gray); display: flex; align-items: center; gap: 8px; padding: 16px; transition: all 0.4s; } @media (max-width: 1279px) { .input input, .input textarea, .input .jq-selectbox__select { padding: 10px; } } .input input:focus, .input input:hover, .input textarea:focus, .input textarea:hover, .input .jq-selectbox.dropdown .jq-selectbox__select, .input .jq-selectbox__select:hover { border-color: var(--green); } .input.has-error input, .input.has-error textarea, .input.has-error .jq-selectbox__select { border-color: var(--error); } label.error { color: var(--error); font-size: 14px; white-space: nowrap; } .captcha.has-error, .input.has-error, .checkbox.has-error, .countpicker-counter.has-error { position: relative; margin-bottom: 28px; } .captcha.has-error label.error, .input.has-error label.error, .checkbox.has-error label.error, .countpicker-counter.has-error label.error { position: absolute; bottom: -28px; left: 0; } .form-block { background-color: var(--green-light); padding: 32px; border-radius: 20px; } .form-block .form { display: flex; flex-direction: column; gap: 16px; } /* End */ /* Start:/local/templates/kedrbor_2026/css/datepicker.css?17938717593941*/ .datepicker-button { position: relative; } .datepicker-button, .datepicker-button * { cursor: pointer; } .datepicker-period-button .icon-calendar { position: absolute; top: 16px; left: 24px; } .datepicker-period-button .icon-select, .datepicker-date-button .icon-calendar { position: absolute; top: 16px; right: 24px; } @media (max-width: 1279px) { .datepicker-period-button .icon-calendar { top: 10px; left: 10px; } .datepicker-period-button .icon-select, .datepicker-date-button .icon-calendar { top: 10px; right: 10px; } } .input input.datepicker { padding: 14px 50px 14px 14px; } .input input.datepicker-period { padding-left: 50px; } @media (max-width: 1279px) { .input input.datepicker { padding: 10px 40px 10px 10px; } .input input.datepicker-period { padding-left: 40px; } } @media (max-width: 759px) { .input input.datepicker { padding: 6px 40px 6px 6px; } .input input.datepicker-period { padding-left: 40px; } } .air-datepicker { width: fit-content; border-radius: 20px; box-shadow: 0 16px 20px rgba(0, 0, 0, 0.16); padding: 6px; border: none; border-top: 2px solid var(--green); margin-top: -12px; transition: none; } .air-datepicker { --adp-day-name-color: var(--black); } .air-datepicker--pointer { display: none; } .air-datepicker--navigation, .air-datepicker--content { margin-bottom: 16px; } .air-datepicker-buttons { margin-top: 16px; display: flex; justify-content: space-between; } .air-datepicker-nav { border-bottom: none; } .air-datepicker, .air-datepicker-button { font-size: 14px; line-height: 125%; color: var(--black); } .air-datepicker-button { white-space: nowrap; height: auto; background: none; border-radius: 8px; padding: 12px; transition: all 0.4s; } @media (max-width: 759px) { .air-datepicker-button { padding: 6px; } } .air-datepicker-button:hover { background: none; color: var(--black); border-color: var(--green); } .air-datepicker-button:hover { background: var(--gray); } .air-datepicker-nav, .air-datepicker--content, .air-datepicker--buttons, .air-datepicker--time { padding: 0; } .air-datepicker--buttons, .air-datepicker--time { border-color: var(--gray); } .air-datepicker-nav--action { border: 1px solid var(--green-light); border-radius: 8px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; } .air-datepicker-nav--action path { stroke: var(--black); } .air-datepicker-cell { padding: 12px; border: none !important; border-radius: 8px; transition: all 0.4s; } @media (max-width: 759px) { .air-datepicker-cell { padding: 6px; } } .air-datepicker-cell.-focus-, .air-datepicker-cell.-in-range- { background: var(--gray); } .air-datepicker-cell.-selected-, .air-datepicker-cell.-selected-.-focus-, .air-datepicker-cell.-selected-.-current- { color: var(--green-dark); background: var(--green-light); } .air-datepicker-cell.-current-.-in-range- { color: var(--green-dark); } .air-datepicker-cell.-current- { color: var(--green); } .air-datepicker-body--cells.-months- { grid-auto-rows: auto; } .air-datepicker-nav--title:hover, .air-datepicker-nav--action:hover { background: none; } .air-datepicker-nav--action:hover path { stroke: var(--green-dark); } .air-datepicker-nav--action.-disabled- { visibility: visible; border-color: var(--gray); } .air-datepicker-nav--action.-disabled- path { stroke: var(--gray); } /* End */ /* Start:/local/templates/kedrbor_2026/css/countpicker.css?17938717591688*/ .countpicker-button { position: relative; } .countpicker-button, .countpicker-button * { cursor: pointer; } .countpicker-button .icon-select { position: absolute; top: 14px; right: 16px; } @media (max-width: 1279px) { .countpicker-button .icon-select { top: 10px; right: 12px; } } .input input.countpicker { padding: 14px 50px 14px 14px; } @media (max-width: 1279px) { .input input.countpicker { padding: 10px 50px 10px 10px; } } @media (max-width: 759px) { .input input.countpicker { padding: 6px 40px 6px 6px; } } .countpicker-wrapper { position: relative; } .countpicker-content { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; right: 0; max-width: 292px; width: 100%; } .countpicker-content.active { opacity: 1; visibility: visible; z-index: 11; } .countpicker-inner { padding: 6px; border-radius: 20px; display: flex; flex-direction: column; gap: 16px; background-color: var(--white); border-top: 2px solid var(--green); box-shadow: 0 16px 20px rgba(0, 0, 0, 0.16); } .countpicker-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .countpicker-label { padding: 6px 10px; } .countpicker-counter { display: flex; align-items: center; } .countpicker-counter input { background: none; text-align: center; width: 52px; } .countpicker-current { padding: 0 10px; } .countpicker-desc { opacity: 0.4; } /* End */ /* Start:/local/templates/kedrbor_2026/css/news.css?17938717591452*/ .news-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; } @media (max-width: 759px) { .news-top { flex-direction: column; align-items: flex-start; } } .news-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; } @media (max-width: 1279px) { .news-grid { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 759px) { .news-grid { gap: 16px; } } .news-item { width: 100%; display: flex; justify-content: space-between; gap: 24px; border-radius: 20px; background-color: var(--fon); padding: 16px; } @media (max-width: 759px) { .news-item { flex-direction: column; gap: 12px; padding: 12px; } } .news-info { width: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; } .news-text { display: flex; flex-direction: column; gap: 24px; align-items: flex-start; padding: 8px; } @media (max-width: 759px) { .news-text { gap: 12px; padding: 6px; } } .news-img { height: 300px; width: 300px; flex: none; object-fit: cover; border-radius: 20px; } @media (max-width: 759px) { .news-img { width: 100%; height: 77vw; } } /* End */ /* Start:/local/templates/kedrbor_2026/css/slider.css?17938717592359*/ .slider { border-radius: 20px; overflow: hidden; height: 660px; position: relative; } @media (max-width: 1279px) { .slider { height: 520px; } } @media (max-width: 759px) { .slider { height: 420px; } } .slider-item { padding: 48px; position: relative; } @media (max-width: 1279px) { .slider-item { padding: 32px; } } @media (max-width: 759px) { .slider-item { padding: 16px; } } .slider-img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: var(--black); } .slider-img img { height: 100%; width: 100%; object-fit: cover; opacity: 0.6; } .slider-content { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 100%; } .slider-info { display: flex; flex-wrap: wrap; gap: 8px; } .slider-tag .link { background-color: var(--green); color: var(--white); padding: 8px 16px; border-radius: 16px; } .slider-date .link { background-color: var(--gray); color: var(--black); padding: 8px 16px; border-radius: 16px; } .slider-title { margin: 24px 0; } @media (max-width: 759px) { .slider-title { margin: 12px 0; } } .slider-list, .slider-list .slick-list, .slider-list .slick-track { height: 100%; } .slider-nav { display: flex; gap: 8px; position: absolute; right: 48px; bottom: 48px; } @media (max-width: 1279px) { .slider-nav { right: 32px; bottom: 32px; } } @media (max-width: 759px) { .slider-nav { right: 16px; bottom: 16px; } } .slider-nav .link-icon .icon-20 { filter: brightness(0) invert(1); } .slider-counter { display: flex; gap: 16px; position: absolute; right: 48px; top: 48px; } @media (max-width: 1279px) { .slider-counter { right: 32px; top: 32px; } } @media (max-width: 759px) { .slider-counter { right: 16px; top: 16px; } } .slider-counter span { opacity: 0.6; } .slider-counter span.current { opacity: 1; } /* End */ /* Start:/local/templates/kedrbor_2026/css/popup.css?17938717595194*/ .popup { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 11; } .popup-overflow { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: var(--black); opacity: 0.2; } .popup-inner { position: absolute; top: 0; left: 0; height: 100%; width: 100%; padding: 0 80px; display: flex; align-items: center; justify-content: center; } .popup-content { position: relative; background-color: var(--white); border-radius: 32px; padding: 64px; max-width: 1394px; width: 100%; max-height: 100%; overflow-y: auto; opacity: 0; transition: all 0.4s; } .popup-content::-webkit-scrollbar { width: 8px; } .popup-content::-webkit-scrollbar-track { background: var(--fon); border-radius: 4px; } .popup-content::-webkit-scrollbar-thumb { background: var(--green-dark); border: 2px solid var(--fon); border-radius: 4px; } .popup.active .popup-content { opacity: 1; } .popup-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; margin-bottom: 32px; } .popup-body img { border-radius: 32px; } @media (max-width: 1919px) { .popup-inner { padding: 0 48px; } } @media (max-width: 1019px) { .popup-inner { padding: 0; } .popup-content { padding: 32px; } } @media (max-width: 759px) { .popup-head { gap: 16px; } .popup-content { padding: 16px; border-radius: 16px; } } .popup-gallery .popup-overflow { opacity: 0.8; } .popup-gallery .popup-inner { padding: 0 120px; } @media (max-width: 1919px) { .popup-gallery .popup-inner { padding: 0 48px; } } @media (max-width: 1019px) { .popup-gallery .popup-inner { padding: 0 32px; } } @media (max-width: 759px) { .popup-gallery .popup-inner { padding: 0 16px; } } .popup-gallery .popup-content { background: none; border-radius: 0; padding: 0; max-width: none; overflow: hidden; position: unset; height: 100vh; padding: 48px 0; } @media (max-width: 1279px) { .popup-gallery .popup-content { padding: 32px 0; } } @media (max-width: 759px) { .popup-gallery .popup-content { padding: 24px 0; } } .popup-gallery .popup-body { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; } .popup-gallery-slider-wrapper { position: relative; } .popup-gallery-slider-prev, .popup-gallery-slider-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .popup-gallery-slider-prev img, .popup-gallery-slider-next img { filter: brightness(0) invert(1); } .popup-gallery-slider-prev { left: 0; } .popup-gallery-slider-next { right: 0; } .popup-gallery .popup-head { position: absolute; top: 32px; right: 120px; z-index: 1; } @media (max-width: 1919px) { .popup-gallery .popup-head { right: 48px; } } @media (max-width: 1019px) { .popup-gallery .popup-head { top: 28px; right: 32px; } } @media (max-width: 759px) { .popup-gallery .popup-head { top: 20px; right: 16px; } } .popup-gallery-slider .slick-track { display: flex; align-items: center; } .popup-gallery-slider .slick-slide { display: flex; align-items: center; justify-content: center; } .popup-gallery-slider .slick-slide img { max-height: calc(100vh - 80px - 48px - 48px * 2); max-width: 100%; border-radius: 20px; } @media (max-width: 1919px) { .popup-gallery-slider .slick-slide img { max-height: calc(100vh - 48px - 48px - 48px * 2); } } @media (max-width: 1279px) { .popup-gallery-slider .slick-slide img { max-height: calc(100vh - 32px - 32px - 32px * 2); } } @media (max-width: 759px) { .popup-gallery-slider .slick-slide img { max-height: calc(100vh - 32px - 24px - 24px * 2); } } .popup-gallery-slider-nav .slick-slide { margin: 0 8px; opacity: 0.8; transition: opacity 0.4s; cursor: pointer; } @media (max-width: 1279px) { .popup-gallery-slider-nav .slick-slide { margin: 0 4px; } } .popup-gallery-slider-nav .slick-slide img { height: 80px; width: 80px; border-radius: 16px; object-fit: cover; } @media (max-width: 1919px) { .popup-gallery-slider-nav .slick-slide img { height: 48px; width: 48px; } } @media (max-width: 1279px) { .popup-gallery-slider-nav .slick-slide img { height: 32px; width: 32px; border-radius: 8px; } } .popup-gallery-slider-nav .slick-current, .popup-gallery-slider-nav .slick-slide:hover { opacity: 1; } /* End */ /* Start:/local/templates/kedrbor_2026/css/action.css?17938717591690*/ .action-block .news-grid { margin: 32px 0; } @media (max-width: 759px) { .action-block .news-grid { margin: 16px 0; } } .action-block .news-item { background-color: var(--green-light); } .action-block .news-item.action-main { background-color: var(--white); display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; padding: 40px; border-radius: 40px; } @media (max-width: 1279px) { .action-block .news-item.action-main { display: flex; flex-direction: column; border-radius: 20px; padding: 32px; } } @media (max-width: 759px) { .action-block .news-item.action-main { gap: 24px; padding: 18px; } } .action-block .news-item.action-main .news-img { height: 438px; width: 100%; } @media (max-width: 1279px) { .action-block .news-item.action-main .news-img { height: 300px; } } @media (max-width: 759px) { .action-block .news-item.action-main .news-img { height: 77vw; } } .action-block .news-item.action-main .news-text { gap: 36px; } @media (max-width: 759px) { .action-block .news-item.action-main .news-text { gap: 24px; } } .action-info { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; background-color: var(--white); border-radius: 20px; padding: 24px; margin-bottom: 24px; } @media (max-width: 759px) { .action-info { grid-template-columns: repeat(1, 1fr); padding: 18px; margin-bottom: 16px; } } .action-info ul { margin: 0; } /* End */ /* Start:/local/templates/kedrbor_2026/css/print.css?1793871759642*/ @media print { header, footer, .popup, .popup-gallery, .breadcrumbs, .back-block, .photo-slider-block, .video-block, form, .spoiler-icon, .document .icon-20, .document .button-text, .button .icon-20 { display: none !important; } body { color: #000000; background: #FFFFFF; font-size: 12pt; } a { color: #000000; text-decoration: underline; } a:not(.tab-item)::after { content: " (" attr(href) ")"; } img { max-width: 100%; height: auto; } } /* End */ /* Start:/local/templates/kedrbor_2026/styles.css?1793871759527*/ .mt-48 { margin-top: 48px; } @media (max-width: 1279px) { .mt-48 { margin-top: 32px; } } @media (max-width: 759px) { .mt-48 { margin-top: 24px; } } .search-item { display: block; text-decoration: inherit; } .ml-auto { margin-left: auto; } .mw-100 { max-width: 100%; } .equalize { display: flex; flex-direction: column; justify-content: space-between; } .photo-img { margin-left: auto; margin-right: auto; } .video-preview { z-index: inherit; } /* End */ /* Start:/local/templates/kedrbor_2026/components/bitrix/menu/header_social/style.min.css?1793871760490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/kedrbor_2026/components/bitrix/menu/header_social/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/kedrbor_2026/components/bitrix/menu/header_menu/style.min.css?1793871760490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/kedrbor_2026/components/bitrix/menu/header_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/kedrbor_2026/components/bitrix/menu/header_menu-inner/style.min.css?1793871760490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/kedrbor_2026/components/bitrix/menu/header_menu-inner/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/kedrbor_2026/components/bitrix/menu/header_menu-desktop-inner/style.min.css?1793871760490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/kedrbor_2026/components/bitrix/menu/header_menu-desktop-inner/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/kedrbor_2026/components/bitrix/breadcrumb/.default/style.min.css?1793871760467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/kedrbor_2026/components/bitrix/menu/footer_menu/style.min.css?1793871760490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/kedrbor_2026/components/bitrix/menu/footer_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* /local/templates/kedrbor_2026/fonts/Rubik/style.css?17938717571939 */ /* /local/templates/kedrbor_2026/assets/slick/slick.css?17938717581776 */ /* /local/templates/kedrbor_2026/assets/air-datepicker/air-datepicker.css?179387175819619 */ /* /local/templates/kedrbor_2026/assets/jquery/jquery.formstyler.css?17938717582175 */ /* /local/templates/kedrbor_2026/assets/jquery/jquery.mCustomScrollbar.css?179387175853583 */ /* /local/templates/kedrbor_2026/css/main.css?179387175931828 */ /* /local/templates/kedrbor_2026/css/file.css?1793871759870 */ /* /local/templates/kedrbor_2026/css/header.css?17938717595342 */ /* /local/templates/kedrbor_2026/css/footer.css?17938717592050 */ /* /local/templates/kedrbor_2026/css/menu.css?17938717594084 */ /* /local/templates/kedrbor_2026/css/form.css?17938717594623 */ /* /local/templates/kedrbor_2026/css/datepicker.css?17938717593941 */ /* /local/templates/kedrbor_2026/css/countpicker.css?17938717591688 */ /* /local/templates/kedrbor_2026/css/news.css?17938717591452 */ /* /local/templates/kedrbor_2026/css/slider.css?17938717592359 */ /* /local/templates/kedrbor_2026/css/popup.css?17938717595194 */ /* /local/templates/kedrbor_2026/css/action.css?17938717591690 */ /* /local/templates/kedrbor_2026/css/print.css?1793871759642 */ /* /local/templates/kedrbor_2026/styles.css?1793871759527 */ /* /local/templates/kedrbor_2026/components/bitrix/menu/header_social/style.min.css?1793871760490 */ /* /local/templates/kedrbor_2026/components/bitrix/menu/header_menu/style.min.css?1793871760490 */ /* /local/templates/kedrbor_2026/components/bitrix/menu/header_menu-inner/style.min.css?1793871760490 */ /* /local/templates/kedrbor_2026/components/bitrix/menu/header_menu-desktop-inner/style.min.css?1793871760490 */ /* /local/templates/kedrbor_2026/components/bitrix/breadcrumb/.default/style.min.css?1793871760467 */ /* /local/templates/kedrbor_2026/components/bitrix/menu/footer_menu/style.min.css?1793871760490 */