/* Start:/local/templates/main/fonts/Alumni_Sans/stylesheet.css?17684644124491*/ @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans Thin'), local('AlumniSans-Thin'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-Thin.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans Thin Italic'), local('AlumniSans-ThinItalic'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-ThinItalic.woff2') format('woff2'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans ExtraLight'), local('AlumniSans-ExtraLight'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-ExtraLight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans ExtraLight Italic'), local('AlumniSans-ExtraLightItalic'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-ExtraLightItalic.woff2') format('woff2'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans Light'), local('AlumniSans-Light'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans Light Italic'), local('AlumniSans-LightItalic'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-LightItalic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans Regular'), local('AlumniSans-Regular'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans Italic'), local('AlumniSans-Italic'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-Italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans Medium'), local('AlumniSans-Medium'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans Medium Italic'), local('AlumniSans-MediumItalic'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-MediumItalic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans SemiBold'), local('AlumniSans-SemiBold'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans SemiBold Italic'), local('AlumniSans-SemiBoldItalic'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-SemiBoldItalic.woff2') format('woff2'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans Bold'), local('AlumniSans-Bold'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans Bold Italic'), local('AlumniSans-BoldItalic'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-BoldItalic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans ExtraBold'), local('AlumniSans-ExtraBold'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-ExtraBold.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans ExtraBold Italic'), local('AlumniSans-ExtraBoldItalic'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-ExtraBoldItalic.woff2') format('woff2'); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans Black'), local('AlumniSans-Black'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Alumni Sans'; src: local('Alumni Sans Black Italic'), local('AlumniSans-BlackItalic'), url('/local/templates/main/fonts/Alumni_Sans/AlumniSans-BlackItalic.woff2') format('woff2'); font-weight: 900; font-style: italic; font-display: swap; } /* End */ /* Start:/local/templates/main/fonts/Manrope/stylesheet.css?15503711602902*/ @font-face { font-family: 'Manrope'; src: url('/local/templates/main/fonts/Manrope/Manrope-Bold.eot'); src: local('Manrope Bold'), local('Manrope-Bold'), url('/local/templates/main/fonts/Manrope/Manrope-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Manrope/Manrope-Bold.woff2') format('woff2'), url('/local/templates/main/fonts/Manrope/Manrope-Bold.woff') format('woff'), url('/local/templates/main/fonts/Manrope/Manrope-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/main/fonts/Manrope/Manrope-Semibold.eot'); src: local('Manrope Semibold'), local('Manrope-Semibold'), url('/local/templates/main/fonts/Manrope/Manrope-Semibold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Manrope/Manrope-Semibold.woff2') format('woff2'), url('/local/templates/main/fonts/Manrope/Manrope-Semibold.woff') format('woff'), url('/local/templates/main/fonts/Manrope/Manrope-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/main/fonts/Manrope/Manrope-Regular.eot'); src: local('Manrope Regular'), local('Manrope-Regular'), url('/local/templates/main/fonts/Manrope/Manrope-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Manrope/Manrope-Regular.woff2') format('woff2'), url('/local/templates/main/fonts/Manrope/Manrope-Regular.woff') format('woff'), url('/local/templates/main/fonts/Manrope/Manrope-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/main/fonts/Manrope/Manrope-Light.eot'); src: local('Manrope Light'), local('Manrope-Light'), url('/local/templates/main/fonts/Manrope/Manrope-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Manrope/Manrope-Light.woff2') format('woff2'), url('/local/templates/main/fonts/Manrope/Manrope-Light.woff') format('woff'), url('/local/templates/main/fonts/Manrope/Manrope-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/main/fonts/Manrope/Manrope-Thin.eot'); src: local('Manrope Thin'), local('Manrope-Thin'), url('/local/templates/main/fonts/Manrope/Manrope-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Manrope/Manrope-Thin.woff2') format('woff2'), url('/local/templates/main/fonts/Manrope/Manrope-Thin.woff') format('woff'), url('/local/templates/main/fonts/Manrope/Manrope-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/main/fonts/Manrope/Manrope-Medium.eot'); src: local('Manrope Medium'), local('Manrope-Medium'), url('/local/templates/main/fonts/Manrope/Manrope-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Manrope/Manrope-Medium.woff2') format('woff2'), url('/local/templates/main/fonts/Manrope/Manrope-Medium.woff') format('woff'), url('/local/templates/main/fonts/Manrope/Manrope-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Manrope'; src: url('/local/templates/main/fonts/Manrope/Manrope-ExtraBold.eot'); src: local('Manrope ExtraBold'), local('Manrope-ExtraBold'), url('/local/templates/main/fonts/Manrope/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/Manrope/Manrope-ExtraBold.woff2') format('woff2'), url('/local/templates/main/fonts/Manrope/Manrope-ExtraBold.woff') format('woff'), url('/local/templates/main/fonts/Manrope/Manrope-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } /* End */ /* Start:/local/templates/main/assets/jquery/jquery.mCustomScrollbar.css?176059476153583*/ /* == 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/main/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/main/assets/slick/slick.css?16033499301776*/ /* 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/main/assets/fancybox/jquery.fancybox.min.css?177191136512795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/assets/jquery/jquery.formstyler.css?17338128462175*/ .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/main/assets/datepicker/airdatepicker.css?175860746212257*/ .datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none} /* End */ /* Start:/local/templates/main/css/main.css?177908354020904*/ @charset "UTF-8"; :root { --border: #CCD5DD; --fon-blue: #E6EAF3; --txt: #1A4161; --blue: #5C84CC; --blue-dark: #002E54; --green: #20A8B2; --fon: #E3EAEA; --white: #FFFFFF; --black: #233233; --red: #E05151; } /* Сброс стилей */ * { padding: 0; margin: 0; border: 0; font-family: "Manrope", sans-serif; box-sizing: border-box; outline: none; } ::after, ::before { box-sizing: border-box; } svg, path { transition: all 0.4s; } img { max-width: 100%; height: auto; } img[align="left"] { float: left; margin-right: 24px; } img[align="right"] { float: right; margin-left: 24px; } font.errortext { color: var(--red); } .img-bordered { display: block; border-radius: 24px; margin-bottom: 24px; border: 2px solid var(--blue-dark); } .img-zoom { flex-shrink: 0; } hr { width: 100%; height: 1px; background-color: var(--border); } a { color: inherit; text-underline-offset: 0.3em; } textarea { resize: none; } 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: 120%; color: var(--txt); } input, textarea, button { font-size: inherit; line-height: inherit; } button { cursor: pointer; background: none; } .fs-16 { font-size: 16px; line-height: 120%; } .fs-24 { font-size: 24px; font-weight: 500; line-height: 140%; } .fs-24.fw-700 { line-height: 120%; } h1, .h1 { font-family: "Alumni Sans", sans-serif; font-size: 92px; font-weight: 600; line-height: 93%; margin: 0; text-transform: uppercase; } h2, .h2 { font-family: "Alumni Sans", sans-serif; font-size: 72px; font-weight: 500; line-height: 89%; } h3, .h3 { font-family: "Alumni Sans", sans-serif; font-size: 64px; font-weight: 500; line-height: 89%; } h4, .h4 { font-size: 38px; font-weight: 700; line-height: 140%; } h5, .h5 { font-size: 28px; font-weight: 700; line-height: 140%; } h2, h3, h4, h5 { margin: 96px 0 24px; } p:not(:last-child) { margin-bottom: 24px; } .page-content ul, .page-content ol { margin: 0 0 24px; } .page-content ul ul, .page-content ol ul, .page-content ol ol, .page-content ol ul { margin: 0; } .page-content ol, .page-content ul { list-style: none; counter-reset: point; } .page-content ol ol { counter-reset: point2; } .page-content ol ol ol { counter-reset: point3; padding-left: 0; } .page-content ol ol ol ol { counter-reset: point4; } .page-content ol ol ol ol ol { counter-reset: point5; } .page-content ol>li, .page-content ul>li { position: relative; padding-left: 32px; } .page-content ul>li::before { content: ''; position: absolute; top: 0; left: 0; height: 24px; width: 24px; background: url(/local/templates/main/css/../img/icons/marker.svg) center / contain no-repeat; } .page-content ol>li::before { content: counter(point) "."; counter-increment: point 1; position: absolute; top: 0; left: 0; } .page-content ol ol>li::before { content: counter(point) "." counter(point2) "."; counter-increment: point2; margin-right: 8px; } .page-content ol ol ol>li::before { content: counter(point) "." counter(point2) "." counter(point3) "."; counter-increment: point3; margin-right: 8px; } .page-content ol ol ol ol>li::before { content: counter(point) "." counter(point2) "." counter(point3) "." counter(point4) "."; counter-increment: point4; margin-right: 8px; } .page-content ol ol ol ol ol>li::before { content: counter(point) "." counter(point2) "." counter(point3) "." counter(point4) "." counter(point5) "."; counter-increment: point5; margin-right: 8px; } .color-white { color: var(--white); } .bg-none { background-color: transparent; } .bg-fon-blue { background-color: var(--fon-blue); } .bg-green { background-color: var(--green); } .bg-red { background-color: var(--red); } .bg-bordered { border: 1px solid var(--border); } .fw-600 { font-weight: 600; } .fw-700 { font-weight: 700; } .underline-none { text-decoration: none; } .opacity-60 { opacity: 0.6; } .flex { display: flex; } .flex-column { display: flex; flex-direction: column; } .flex--center { align-items: center; } .flex--start { align-items: flex-start; } .flex--end { align-items: flex-end; } .flex--space-between { justify-content: space-between; } .flex--content-end { justify-content: flex-end; } .form--content-center { justify-content: center; } .flex--wrap { flex-wrap: wrap; } .gap--64 { gap: 64px; } .gap--48 { gap: 48px; } .gap--32 { gap: 32px; } .gap--24 { gap: 24px; } .gap--16 { gap: 16px; } .gap--8 { gap: 8px; } .container { padding: 0 64px; } .btn { cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; color: var(--white); font-size: 20px; line-height: 120%; padding: 16px; border-radius: 80px; background-color: var(--blue); transition: all 0.4s; } .btn-wide { width: 100%; } .btn>img { filter: brightness(0) invert(1); } @media (hover: hover) { .btn:hover { background-color: var(--blue-dark); } } .btn-circle { position: relative; height: 80px; width: 80px; flex: none; display: flex; align-items: center; justify-content: center; transition: all 0.4s; } .btn-circle::before { content: ''; border-radius: 50%; background-color: var(--white); height: 100%; width: 100%; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); transition: all 0.4s; } .icon-32 { height: 32px; width: 32px; flex: none; position: relative; } .icon-24 { height: 24px; width: 24px; flex: none; position: relative; } .tab-list { display: inline-flex; background-color: var(--fon-blue); border-radius: 24px; } .tab-item { padding: 11px 24px 12px; transition: all 0.4s; border-radius: 24px; color: var(--txt); opacity: 0.6; } .tab-item.active { background-color: var(--blue); color: var(--white); opacity: 1; } .tab-content { display: none; position: relative; } .tab-content.active { display: block; } .link { text-decoration: none; white-space: nowrap; display: flex; align-items: center; gap: 8px; transition: color 0.4s; } @media (hover: hover) { .link:not(.color-white):hover { color: var(--blue); } .link:not(.color-white):hover path { stroke: var(--blue); } } .site-link-wrapper { display: flex; flex-wrap: wrap; } .site-link { display: flex; flex-direction: column; border-radius: 24px; border: 1px solid var(--border); width: calc(50% - 24px); } @media (hover: hover) { .site-link:hover .site-link-text { color: var(--blue); } .site-link:hover .site-link-img path { stroke: var(--blue); } } .site-link-img { padding: 24px; border-bottom: 1px solid var(--border); } .site-link-img img { height: 104px; width: auto; object-fit: contain; max-width: 80%; } .site-link-text { padding: 24px; transition: color 0.4s; } blockquote, .blockquote { margin: 0 0 24px; border: 2px solid var(--blue); border-radius: 24px; padding: 24px; display: flex; align-items: flex-start; width: 100%; gap: 24px; } blockquote::before, .blockquote::before { content: ''; display: block; height: 24px; width: 24px; flex: none; background: url(/local/templates/main/css/../img/icons/quotes.svg) center / contain no-repeat; } .important, .important-2 { margin: 0 0 24px; border-radius: 24px; display: inline-block; width: 100%; } .important { border: 2px solid var(--blue); padding: 24px; } .important-2 { border: 1px solid var(--border); padding: 48px; } .img-block { display: flex; align-items: flex-end; gap: 48px; } .img-block-col { flex: 1; } .img-block img { display: block; border-radius: 24px; } .text-block { display: flex; align-items: flex-start; gap: 48px; } .outerlink::after { content: ''; display: inline-block; height: 16px; width: 16px; background: url(/local/templates/main/css/../img/icons/outerlink.svg) center / contain no-repeat; } .document { border: 1px solid var(--border); border-radius: 24px; padding: 48px; display: flex; flex-direction: column; gap: 24px; margin: 24px 0; transition: all 0.4s; } .document-title { transition: color 0.4s; } @media (hover: hover) { .document:hover { border-color: var(--blue); border-radius: 48px; } .document:hover .document-title { color: var(--blue); } } .document-info { display: flex; justify-content: space-between; align-items: center; } .spoiler { background-color: var(--fon-blue); border-radius: 24px; padding: 2px; margin: 24px 0; } .spoiler-title { padding: 46px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; border-radius: 24px; transition: background-color 0.4s; } .spoiler-title.active { background-color: var(--white); } .spoiler-icon { transition: transform 0.4s; } .spoiler-title.active .spoiler-icon { transform: rotate(45deg); } .spoiler-content { display: none; } .spoiler-inner { padding: 46px; } .video-wrapper { display: inline-block; width: 100%; margin: 96px 0 24px; padding: 24px; border: 2px solid var(--blue); border-radius: 24px; } .video-block { position: relative; width: 100%; overflow: hidden; border-radius: 24px; height: 19.167vw; min-height: 368px; transition: all 0.4s; } .video-title { margin-top: 24px; } .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-content { height: 100%; } .video { width: 100%; height: 100%; object-fit: contain; } .video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (hover: hover) { .video-play-btn:hover::before { transform: scale(0.9); } } .table-wrapper { overflow: hidden; border-radius: 24px; border: 2px solid var(--blue-dark); } .page-content table { width: 100%; border-collapse: collapse; } .page-content th { border: 1px solid var(--border); padding: 24px; text-align: left; background-color: var(--blue-dark); color: var(--white); } @media (max-width: 767px) { .page-content th { padding: 12px; } } .table-wrapper.mCustomScrollbar th { padding-bottom: 40px; } .page-content td { border: 1px solid var(--border); padding: 16px 24px; } @media (max-width: 767px) { .page-content td { padding: 12px 16px; } } .clear-table th, .clear-table td { border: none; } .page-content tr:first-child td, .page-content tr:first-child th { border-top: none } .page-content tr:last-child td { border-bottom: none } .page-content tr td:first-child, .page-content tr th:first-child { border-left: none } .page-content tr td:last-child, .page-content tr th:last-child { border-right: none; } .page-content table li:not(:last-child) { margin: 0; } .page-content table.odd tr:nth-child(even) td { background: var(--fon-blue); } .mCSB_scrollTools.mCSB_scrollTools_horizontal { background-color: var(--fon-blue); opacity: 1; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 8px; margin: 4px 6px; background-color: var(--blue); } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { display: none; } .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-bottom: 0; } .min-content { width: min-content; } .pagination { display: flex; align-items: center; justify-content: space-between; padding: 48px; } .pagination-list { display: flex; align-items: center; gap: 2px; } .pagination-link { display: flex; align-items: center; justify-content: center; height: 72px; width: 72px; background-color: var(--fon-blue); border-radius: 24px; text-decoration: none; color: var(--txt); transition: all 0.4s; } .pagination-link.active { background-color: var(--white); color: var(--blue); } @media (hover: hover) { .pagination-link:hover { background-color: var(--white); color: var(--blue); } } .padd-48 { padding: 48; } /* Fancybox thumbs */ .fancybox-thumbs { top: auto; bottom: 0; left: 0; right: 0; width: auto; height: 100px; padding: 10px; background: rgba(0, 0, 0, .5); } .fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 100px; } .fancybox-thumbs__list a { height: 100%; border-radius: 8px; max-height: 100%; } .fancybox-thumbs__list a:before { border: 3px solid var(--blue); border-radius: 8px; } .fancybox-image { border-radius: 24px; } @media (max-width: 1919px) { .gap--64 { gap: 48px; } .gap--48 { gap: 32px; } .gap--32 { gap: 24px; } .gap--24 { gap: 16px; } .gap--16 { gap: 8px; } .container { padding: 0 48px; } .site-link { width: calc(50% - 16px); } } @media (max-width: 1599px) { body, html { font-size: 16px; } .fs-24 { font-size: 20px; } h1, .h1 { font-size: 78px; } h2, .h2 { font-size: 58px; } h3, .h3 { font-size: 50px; } h4, .h4 { font-size: 32px; } h5, .h5 { font-size: 24px; } .icon-24 { width: 20px; height: 20px; } .icon-32 { height: 24px; width: 24px; } .btn { font-size: 16px; } .btn-circle { height: 64px; width: 64px; } .page-content ol>li, .page-content ul>li { padding-left: 28px; } .page-content ul>li::before { height: 20px; width: 20px; } .btn-circle::before { top: calc(50% - 32px); left: calc(50% - 32px); } .tab-item { padding: 10px 16px; } .tab-list, .tab-item, .table-wrapper, .important, .important-2, blockquote, .blockquote, .document, .spoiler, .spoiler-title, .img-bordered, .img-block img, .site-link, .pagination-link { border-radius: 16px; } .document, .spoiler-title, .spoiler-inner, .important-2, .pagination, .padd-48 { padding: 24px; } @media (hover: hover) { .document:hover { border-radius: 32px; } } .pagination-link { height: 52px; width: 52px; } .fancybox-image { border-radius: 16px; } } @media (max-width: 1439px) { .gap--64 { gap: 32px; } .site-link-img img { height: 84px; } } @media (max-width: 1279px) { .container { padding: 0 24px; } h2, h3, h4, h5 { margin-top: 48px; } .video-wrapper { margin: 48px 0 24px; } } @media (max-width: 1023px) { .site-link-img img { height: 64px; } } @media (max-width: 767px) { body, html { font-size: 14px; } .fs-24 { font-size: 18px; } h1, .h1 { font-size: 44px; } h2, .h2 { font-size: 38px; margin-bottom: 12px; } h3, .h3 { font-size: 32px; margin-bottom: 12px; } h4, .h4 { font-size: 22px; margin-bottom: 12px; } h5, .h5 { font-size: 20px; margin-bottom: 12px; } h2, h3, h4, h5 { margin: 24px 0 12px; } p:not(:last-child) { margin-bottom: 12px; } .container { padding: 0 12px; } .icon-32 { width: 20px; height: 20px; } .icon-24 { width: 18px; height: 18px; } .btn-circle { height: 48px; width: 48px; } .btn { font-size: 14px; } .btn-circle::before { top: calc(50% - 24px); left: calc(50% - 24px); } .page-content ol>li, .page-content ul>li { padding-left: 24px; } .page-content ul>li::before { height: 18px; width: 18px; } .tab-item { padding: 8px 12px; } .link { gap: 4px; } blockquote, .blockquote { padding: 12px; gap: 12px; } blockquote::before, .blockquote::before { height: 22px; width: 22px; } .important, .important-2 { padding: 12px; margin: 0 0 12px; } .img-block, .text-block { flex-direction: column-reverse; gap: 12px; } img[align="left"], img[align="right"] { float: none; margin-left: 0; margin-right: 0; } .document { padding: 12px; margin: 0 0 12px; gap: 12px; } .spoiler, .page-content ul, .page-content ol { margin: 0 0 12px; } .spoiler-title, .spoiler-inner { padding: 10px; } .img-bordered { margin-bottom: 12px; } .video-wrapper { margin: 24px 0 24px; } .video-block { min-height: 228px; } .video-title { margin-top: 12px; } .site-link { width: 100%; } .site-link-img { padding: 12px; } .site-link-text { padding: 12px; } .site-link-img img { height: 48px; } .site-link-wrapper { gap: 24px; } .pagination { padding: 12px; flex-wrap: wrap; } .pagination-next { margin-left: auto; } .pagination-link { height: 32px; width: 32px; border-radius: 8px; } .padd-48 { padding: 12; } } .mt-0 { margin-top: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .padd-0 { padding: 0 !important; } .mb-96 { margin-bottom: 96px; } @media (max-width: 1279px) { .mb-96 { margin-bottom: 48px; } } .mb-48 { margin-bottom: 48px; } @media (max-width: 1279px) { .mb-48 { margin-bottom: 24px; } } .mb-32 { margin-bottom: 32px; } .mb-24 { margin-bottom: 24px; } .mb-16 { margin-bottom: 16px; } .mb-8 { margin-bottom: 8px; } .mt-48 { margin-top: 48px; } .mt-24 { margin-top: 24px; } .mt-16 { margin-top: 16px; } .mt-8 { margin-top: 8px; } .text-center { text-align: center; } .text-right { text-align: right; } .cookie { display: none; } .cookie__block { position: fixed; right: 12px; bottom: 12px; z-index: 9999; max-width: calc(100% / 12 * 4 - 24px); display: flex; align-items: center; gap: 24px; background-color: var(--fon-blue); padding: 48px; border-radius: 24px; } .cookie__block-close { position: absolute; right: 24px; top: 24px; display: flex; align-items: center; justify-content: center; } @media (max-width: 1919px) { .cookie__block { max-width: calc(100% / 12 * 6 - 24px); } } @media (max-width: 1599px) { .cookie__block { padding: 24px; } } @media (max-width: 1599px) and (min-width: 480px) { .cookie__block-close { position: relative; right: auto; top: auto; } } @media (max-width: 1024px) { .cookie__block { left: 12px; max-width: none; } } @media (max-width: 479px) { .cookie__block { flex-direction: column; align-items: flex-start; } .cookie__block-text { padding-right: 24px; } .cookie__block-btn { width: 100%; } } .table-horizontal-sticky th { position: sticky; left: 0; } .table-horizontal-sticky tr:last-child th, .table-horizontal-sticky tr:last-child td { border-bottom: none; } .table-horizontal-sticky .mCSB_container { overflow: visible; } .table-horizontal-sticky .mCSB_scrollTools.mCSB_scrollTools_horizontal { top: calc(100% - 16px) !important; } /* End */ /* Start:/local/templates/main/css/header.css?17780517481538*/ .header { padding: 24px 0; position: relative; } .header-logo { display: block; flex: none; } .header-content { width: 100%; } .header-link, .header-bars { text-decoration: none; transition: color 0.4s; } .header-bars { display: inline-flex; align-items: center; gap: 8px; } @media (hover: hover) { .header-link:hover, .header-bars:hover { color: var(--blue); } .header-bars:hover path { fill: var(--blue) } } @media (max-width: 1919px) { .header-logo { width: 97px; } } @media (max-width: 1599px) { .header { padding: 16px 0; } } @media (min-width: 1368px) { .header-bars { display: none; } } @media (max-width: 1367px) { .header-menu { display: none; } .header-login { gap: 32px; } .header-contact { gap: 24px; } } @media (max-width: 1023px) { .header-contact-tel, .header-login, .header-lang { display: none; } .header-content { justify-content: flex-start; flex-direction: row-reverse; gap: 48px; } } @media (max-width: 767px) { .header { padding: 12px 0; } .header-logo { width: 48px; } .header-contact-mail { display: none; } .menu .header-contact-mail { display: flex; } .header-bars { gap: 4px; } } /* End */ /* Start:/local/templates/main/css/footer.css?17701856582443*/ .footer { background-color: var(--blue-dark); border-radius: 24px; padding: 80px 0; color: var(--white); } .footer-top { display: flex; gap: 48px; margin-bottom: 80px; } .footer-col { flex: 1; } .footer-link { text-decoration: none; } .footer-bottom { display: flex; gap: 48px; } .footer-copyright { flex: 1; } .footer-links { flex: none; width: calc(100% / 12 * 8 - 16px); display: flex; gap: 48px; } .footer-logo-text { font-family: "Alumni Sans", sans-serif; font-size: 36px; font-weight: 700; line-height: 100%; text-transform: uppercase; } .footer-logo { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; text-decoration: none; } @media (max-width: 1599px) { .footer { padding: 64px 0; border-radius: 16px; } .footer-top, .footer-bottom, .footer-links { gap: 24px; } .footer-logo img { width: 97px; } .footer-logo-text { font-size: 28px; } .footer-menu .footer-link { font-size: 16px; line-height: 120%; } } @media (max-width: 1023px) { .footer { padding: 48px 0; } .footer-logo { flex-direction: row; } .footer-top { margin-bottom: 48px; flex-wrap: wrap; } .footer-bottom { align-items: flex-end; } .footer-logo { flex: none; width: 100%; margin-bottom: 24px; } .footer-links { flex: 1; width: 100%; } .footer-bottom .footer-links { flex-direction: column; } } @media (max-width: 767px) { .footer { padding: 32px 0; } .footer-top { flex-direction: column; margin-bottom: 32px; gap: 32px; } .footer-logo { margin-bottom: 0; gap: 24px; } .footer-logo img { width: 58px; } .footer-bottom { flex-direction: column-reverse; align-items: flex-start; gap: 12px; } .footer-links { flex-direction: column-reverse; gap: 12px; } .footer-logo-text { font-size: 24px; } .footer-menu .footer-link { font-size: 14px; } } /* End */ /* Start:/local/templates/main/css/menu.css?17780523223985*/ @media (min-width: 1368px) { .menu { display: none !important; } } .menu { display: none; position: absolute; top: 0; left: 0; width: 440px; background-color: var(--fon-blue); border-top-right-radius: 16px; border-bottom-right-radius: 16px; z-index: 11; } .menu>.container { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .menu-head { padding: 16px 0; } @media (hover: hover) { .menu .header-bars:hover path { stroke: var(--blue) } } .menu-inner { padding: 24px 24px 48px; display: flex; flex-direction: column; gap: 16px; } .menu-inner-bottom { padding: 0 24px 48px; display: flex; flex-direction: column; gap: 48px; } .menu-link { text-decoration: none; display: inline-flex; align-items: center; gap: 24px; } .menu-link img { transition: transform 0.4s; } .menu-link.active img { transform: rotate(45deg); } .submenu-inner { display: flex; flex-direction: column; } .menu .submenu { display: none; } .menu .submenu-inner { padding: 16px 0; } .submenu-item { padding: 4px 0; border-bottom: 1px solid rgba(0, 46, 84, 0.2); } .submenu-link { text-decoration: none; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 8px 0; border-radius: 8px; transition: all 0.4s; } @media (hover: hover) { .submenu-link:hover, .submenu-link.selected { padding-left: 8px; padding-right: 8px; background-color: var(--white); color: var(--blue); gap: 8px; } } .menu-login { margin-top: 36px; } /* Multilevel menu */ .header-menu-list { list-style: none; margin: 0; } .header-menu-item { position: relative; padding: 24px 0; } .header-menu-link { text-decoration: none; transition: color 0.4s; } @media (hover: hover) { .header-menu-item:hover > .header-menu-link { color: var(--blue); } } .header-submenu-list { list-style: none; display: flex; flex-direction: column; gap: 8px; background-color: var(--fon-blue); border-radius: 24px; padding: 24px; position: absolute; top: 100%; left: -24px; width: 330px; z-index: 1; opacity: 0; visibility: hidden; transition: opacity 0.4s; } @media (hover: hover) { .header-menu-item:hover .header-submenu-list { opacity: 1; visibility: visible; } } .header-submenu-item { padding: 0; } .header-submenu-link { text-decoration: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 0; border-radius: 8px; transition: all 0.4s; } .header-submenu-link.selected { padding-left: 8px; padding-right: 8px; gap: 8px; background-color: var(--white); color: var(--blue); } @media (hover: hover) { .header-submenu-link:hover { padding-left: 8px; padding-right: 8px; gap: 8px; background-color: var(--white); color: var(--blue); } } @media (min-width: 1024px) { .menu-inner-bottom, .menu-login { display: none; } } @media (max-width: 1023px) { .menu { position: fixed; height: 100%; width: 100%; overflow-y: auto; border-radius: 0; } .menu-head { justify-content: space-between; } .menu-inner { padding: 48px 24px; } } @media (max-width: 767px) { .menu-head, .menu .submenu-inner { padding: 12px 0; } .menu-inner { padding: 24px 12px; gap: 12px; } .menu-login { margin-top: 12px; } .menu-inner-bottom { gap: 24px; padding: 0 12px 24px; } .submenu-link { padding: 4px 0; } } .header-login .header-submenu-list { left: auto; right: -56px; } /* End */ /* Start:/local/templates/main/css/home.css?17726205199416*/ .home-intro { display: flex; } .home-intro-col-1 { width: 100%; padding: 48px; } .home-intro-col-2 { flex: none; width: calc(100% / 12 * 5 - 24px); padding: 48px; display: flex; flex-direction: column; gap: 48px; } .home-slider-wrapper { position: relative; } .home-slider-inner { display: flex; } .home-slider-img { height: 30.209vw; width: 100%; border-radius: 24px; overflow: hidden; transition: all 0.4s; } @media (hover: hover) { .home-slider-wrapper:hover .home-slider-text, .home-slider-wrapper:hover .home-slider-img { border-radius: 48px; } } .home-slider-img>img { height: 100%; width: 100%; object-fit: cover; } .home-slider-text { flex: none; width: calc(100% / 12 * 5 - 24px); padding: 48px; display: flex; flex-direction: column; justify-content: space-between; gap: 48px; border-radius: 24px; background-color: var(--blue-dark); color: var(--white); transition: all 0.4s; } @media (hover: hover) { .home-slider-wrapper:hover .home-slider-text { width: calc(100% / 12 * 5 + 48px); } .home-slider-wrapper:hover .home-slider-text .btn-circle { transform: rotate(45deg); } } .home-slider-text-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; } .home-slider-wrapper .slick-dots { list-style: none; display: flex; align-items: center; gap: 16px; position: absolute; top: 48px; left: 48px; padding: 16px; background-color: rgba(35, 50, 51, 0.2); border-radius: 48px; margin: 0; } .home-slider-wrapper .slick-dots li { height: 18px; width: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .home-slider-wrapper .slick-dots li button { font-size: 0; height: 8px; width: 8px; border-radius: 50%; background-color: var(--white); border: 2px solid var(--white); transition: all 0.4s; } .home-slider-wrapper .slick-dots li.slick-active button { height: 100%; width: 100%; background-color: transparent; } .home-slider-arrows { position: absolute; bottom: 48px; left: 48px; } @media (hover: hover) { .home-slider-prev:hover::before, .home-slider-next:hover::before { transform: scale(0.9); } } .home-servise { background-color: var(--blue); border-radius: 24px; } .home-servise-head { padding: 48px; } .home-servise-slider { padding: 2px; } .home-servise-slider .slick-track { display: flex; gap: 2px; } .home-servise-slider-img { height: 13.646vw; flex: none; border-radius: 24px; overflow: hidden; transition: border-radius 0.4s; } .home-servise-slider-img>img { height: 100%; width: 100%; object-fit: cover; } .home-servise-slider-text { height: 100%; border-radius: 24px; padding: 48px; background-color: var(--white); transition: border-radius 0.4s; } .home-servise-slider-text-inner { height: 162px; overflow: hidden; } @media (hover: hover) { .home-servise-slider-item:hover .home-servise-slider-text, .home-servise-slider-item:hover .home-servise-slider-img { border-radius: 48px; } } .home-servise-slider-title { transition: color 0.4s; } @media (hover: hover) { .home-servise-slider-item:hover .home-servise-slider-title { color: var(--blue); } .home-servise-slider-prev:hover::before, .home-servise-slider-next:hover::before { transform: scale(0.9); } } .home-news { background-color: var(--blue-dark); border-radius: 24px; background-image: url(/local/templates/main/css/../img/fon/globus.svg); background-repeat: no-repeat; background-size: 390px; background-position: 75% -64px; } .home-news-head { padding: 48px; } .home-news-link { position: absolute; bottom: calc(100% + 48px); right: 48px; } .home-news .news-list { flex-wrap: nowrap; } .home-news .news-item { width: 100%; } .home-about { display: flex; } .home-about-col-1 { flex: none; width: calc(100% / 12 * 5 + 24px); padding: 48px; } .home-about-col-2 { width: 100%; padding: 48px; } @media (min-width: 1024px) { .home-slider-text-top .h2 { max-width: 26vw; } .home-slider-text-bottom { max-width: 32vw; } } @media (max-width: 1599px) { .home-intro-col-1, .home-intro-col-2 { padding: 24px; } .home-intro-col-2 { width: calc(100% / 12 * 5 + 12px); } .home-slider-img { height: 33.334vw; } .home-slider-arrows { bottom: 24px; left: 24px; } .home-slider-wrapper .slick-dots { top: 24px; left: 24px; } .home-slider-text { padding: 24px; width: calc(100% / 12 * 5 + 12px); } .home-slider-text, .home-slider-img { border-radius: 16px; } .home-servise-slider-text-inner { height: 132px; } .home-servise-head, .home-servise-slider-text { padding: 24px; } .home-servise, .home-servise-slider-img, .home-servise-slider-text { border-radius: 16px; } @media (hover: hover) { .home-servise-slider-item:hover .home-servise-slider-text, .home-servise-slider-item:hover .home-servise-slider-img { border-radius: 32px; } } .home-news { border-radius: 16px; background-size: 320px; background-position: 70% -48px; } .home-news-head { padding: 24px; } .home-news-link { bottom: calc(100% + 24px); right: 24px; } .home-about-col-1, .home-about-col-2 { padding: 24px; } .home-about-col-1 { width: calc(100% / 12 * 5 + 12px); } } @media (max-width: 1367px) { .home-slider-img { height: 32.813vw; } } @media (max-width: 1279px) { .home-intro { flex-direction: column; } .home-intro-col-1 { padding-bottom: 0; } .home-intro-col-2 { width: 100%; flex-direction: row; align-items: flex-end; } .home-intro-col-2 br { display: none; } .home-slider-img { height: 37.11vw; } .home-slider-text-top { gap: 24px; } .home-servise-slider-img { height: 18.555vw; } } @media (max-width: 1279px) and (min-width: 768px) { .home-news .news-item:nth-child(4) { display: none; } } @media (max-width: 1023px) and (min-width: 768px) { .home-news .news-item:nth-child(3) { display: none; } } @media (max-width: 1023px) { .home-slider-inner { flex-direction: column; } .home-slider-text { width: 100%; } @media (hover: hover) { .home-slider-wrapper:hover .home-slider-text { width: 100%; } } .home-slider-img { height: 49.48vw; } .home-slider-arrows { bottom: auto; left: auto; top: 24px; right: 24px; } .home-servise-slider-img { height: 27.344vw; } .home-about { flex-direction: column; } .home-about-col-1 { width: 100%; padding-bottom: 0; } } @media (max-width: 767px) { .home-intro-col-1, .home-intro-col-2 { padding: 12px; } .home-intro-col-1 { padding-bottom: 0; } .home-intro-col-2 { gap: 24px; flex-direction: column; align-items: flex-start; } .home-slider-text { padding: 12px; gap: 24px; } .home-slider-text-bottom { font-size: 14px; line-height: 120%; } .home-slider-text-top { gap: 12px; } .home-slider-img { height: 64.11vw; } .home-slider-arrows { top: 12px; right: 12px; } .home-slider-wrapper .slick-dots { top: 12px; left: 12px; gap: 12px; padding: 8px; } .home-slider-wrapper .slick-dots li { height: 12px; width: 12px; } .home-slider-wrapper .slick-dots li button { height: 6px; width: 6px; } .home-servise-head, .home-servise-slider-text { padding: 12px; } .home-servise-slider-img { height: 54.36vw; } .home-servise-slider-text-inner { height: auto; } .home-news { background-size: 196px; background-position: right top; } .home-news-head { padding: 12px 12px 68px; } .home-news-link { bottom: calc(100% + 12px); right: 12px; } .home-about-col-1 { padding: 12px 12px 0; } .home-about-col-2 { padding: 12px; } } /* End */ /* Start:/local/templates/main/css/news.css?17772948791762*/ .news-page { background-color: var(--blue-dark); border-radius: 24px; margin-bottom: 96px; } .news-list { display: flex; gap: 2px; padding: 2px; flex-wrap: wrap; } .news-item { width: calc((100% - 4px) / 3); background-color: var(--white) !important; padding: 48px; border-radius: 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 48px; align-items: flex-start; transition: border-radius 0.4s; } .news-date { padding: 8px; background-color: var(--fon-blue); border-radius: 48px; } .news-title { text-decoration: none; transition: color 0.4s; } @media (hover: hover) { .news-item:hover { border-radius: 48px; } .news-item:hover .news-title { color: var(--blue); } } .news-item .outerlink::after { height: 24px; width: 24px; } @media (max-width: 1919px) { .news-item { gap: 32px; } } @media (max-width: 1599px) { .news-item { padding: 24px; } .news-item, .news-page { border-radius: 16px; } @media (hover: hover) { .news-item:hover { border-radius: 32px; } } .news-item .outerlink::after { height: 20px; width: 20px; } } @media (max-width: 1279px) { .news-item { gap: 24px; } .news-page { margin-bottom: 48px; } } @media (max-width: 1023px) { .news-item { width: calc((100% - 2px) / 2); } } @media (max-width: 767px) { .news-list { flex-direction: column; } .news-item { padding: 12px; width: 100%; } .news-item .outerlink::after { height: 18px; width: 18px; } } /* End */ /* Start:/local/templates/main/css/page.css?17773793793318*/ .page { display: flex; margin-bottom: 48px; } .page-head { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 48px; } .page-col-1 { width: calc(100% / 12 * 4 - 32px); padding: 48px; } .page-col-2 { width: calc(100% / 12 * 8 + 32px); padding: 48px; } .page-menu { position: sticky; top: 32px; } .page-menu-inner { background-color: var(--fon-blue); padding: 24px; border-radius: 24px; } /* .page-content { display: flex; flex-direction: column; gap: 96px; } */ .page-content .page-head { padding: 0; } .page-img { border-radius: 24px; } @media (min-width: 1600px) { .page-menu .submenu-item { padding: 8px 0; } } @media (max-width: 1599px) { .page-head { padding: 24px 0; } .page { gap: 48px; justify-content: space-between; } .page-col-1 { width: calc(100% / 12 * 3); padding: 24px 0; } .page-col-2 { width: calc(100% / 12 * 9); padding: 24px 0; } .page-menu-inner, .page-img { border-radius: 16px; } .page-menu .icon-24 { width: 24px; height: 24px; } } @media (max-width: 1279px) { .page-col-1 { width: 100%; padding: 0; order: 1; } .page-col-2 { width: 100%; padding: 24px 0; order: 2; } .page-col-1 .text-right { text-align: left; } /* .page-content { gap: 48px; } */ .page { margin-bottom: 24px; flex-direction: column; gap: 0; } .page-menu { display: none; } } @media (max-width: 767px) { .page-head, .page-col-2 { padding: 12px 0; } /* .page-content { gap: 24px; } */ .page .home-news-head { padding: 12px; flex-direction: column; gap: 12px; } .page .home-news-head .link:first-child { margin-right: auto; } .page .home-news-head .link:last-child { margin-left: auto; } } /* Login Page */ .page-login { display: flex; margin-bottom: 48px; } .page-login-col-1 { width: calc(100% / 12 * 8 + 32px); } .page-login-col-2 { width: calc(100% / 12 * 4 - 32px); } .page-login-info { background-color: var(--blue-dark); border-radius: 24px; padding: 48px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 80px; } .page-login-info-full { height: 100%; } @media (max-width: 1919px) { .page-login-info { padding: 32px; } } @media (max-width: 1599px) { .page-login-col-1 { width: calc(100% / 12 * 8 + 24px); } .page-login-col-2 { width: calc(100% / 12 * 4 - 24px); } .page-login-info { gap: 24px; padding: 24px; border-radius: 16px; } } @media (max-width: 1279px) { .page-login { margin-bottom: 24px; } } @media (max-width: 1023px) { .page-login { flex-direction: column; } .page-login-col-1, .page-login-col-2 { width: 100%; } } @media (max-width: 767px) { .page-login-info { padding: 12px; align-items: normal; } } /* End */ /* Start:/local/templates/main/css/file.css?17794307684818*/ .file { position: relative; padding-left: 32px; } p>.file { margin-left: 4px; } .file::before { content: ''; display: block; height: 24px; width: 24px; flex: none; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 2px; left: 0; background-image: url(/local/templates/main/css/../img/file-types/file.svg); } .file.pdf::before { background-image: url('/local/templates/main/css/../img/file-types/pdf.svg'); } .file.doc::before { background-image: url('/local/templates/main/css/../img/file-types/doc.svg'); } .file.xls::before { background-image: url('/local/templates/main/css/../img/file-types/xls.svg'); } .file.jpg::before { background-image: url('/local/templates/main/css/../img/file-types/jpg.svg'); } .file.png::before { background-image: url('/local/templates/main/css/../img/file-types/png.svg'); } .file.z7::before { background-image: url('/local/templates/main/css/../img/file-types/7z.svg'); } .file.aac::before { background-image: url('/local/templates/main/css/../img/file-types/aac.svg'); } .file.avi::before { background-image: url('/local/templates/main/css/../img/file-types/avi.svg'); } .file.bmp::before { background-image: url('/local/templates/main/css/../img/file-types/bmp.svg'); } .file.csv::before { background-image: url('/local/templates/main/css/../img/file-types/csv.svg'); } .file.docx::before { background-image: url('/local/templates/main/css/../img/file-types/docx.svg'); } .file.gif::before { background-image: url('/local/templates/main/css/../img/file-types/gif.svg'); } .file.gzip::before { background-image: url('/local/templates/main/css/../img/file-types/gzip.svg'); } .file.htm::before { background-image: url('/local/templates/main/css/../img/file-types/htm.svg'); } .file.html::before { background-image: url('/local/templates/main/css/../img/file-types/html.svg'); } .file.jpeg::before { background-image: url('/local/templates/main/css/../img/file-types/jpeg.svg'); } .file.jpg::before { background-image: url('/local/templates/main/css/../img/file-types/jpg.svg'); } .file.json::before { background-image: url('/local/templates/main/css/../img/file-types/json.svg'); } .file.mkv::before { background-image: url('/local/templates/main/css/../img/file-types/mkv.svg'); } .file.mp3::before { background-image: url('/local/templates/main/css/../img/file-types/mp3.svg'); } .file.mp4::before { background-image: url('/local/templates/main/css/../img/file-types/mp4.svg'); } .file.mpeg::before { background-image: url('/local/templates/main/css/../img/file-types/mpeg.svg'); } .file.odp::before { background-image: url('/local/templates/main/css/../img/file-types/odp.svg'); } .file.ods::before { background-image: url('/local/templates/main/css/../img/file-types/ods.svg'); } .file.odt::before { background-image: url('/local/templates/main/css/../img/file-types/odt.svg'); } .file.ogg::before { background-image: url('/local/templates/main/css/../img/file-types/ogg.svg'); } .file.ppt::before { background-image: url('/local/templates/main/css/../img/file-types/ppt.svg'); } .file.pptx::before { background-image: url('/local/templates/main/css/../img/file-types/pptx.svg'); } .file.rar::before { background-image: url('/local/templates/main/css/../img/file-types/rar.svg'); } .file.rtf::before { background-image: url('/local/templates/main/css/../img/file-types/rtf.svg'); } .file.svg::before { background-image: url('/local/templates/main/css/../img/file-types/svg.svg'); } .file.tar::before { background-image: url('/local/templates/main/css/../img/file-types/tar.svg'); } .file.tgz::before { background-image: url('/local/templates/main/css/../img/file-types/tgz.svg'); } .file.tiff::before { background-image: url('/local/templates/main/css/../img/file-types/tiff.svg'); } .file.txt::before { background-image: url('/local/templates/main/css/../img/file-types/txt.svg'); } .file.vob::before { background-image: url('/local/templates/main/css/../img/file-types/vob.svg'); } .file.wav::before { background-image: url('/local/templates/main/css/../img/file-types/wav.svg'); } .file.webm::before { background-image: url('/local/templates/main/css/../img/file-types/webm.svg'); } .file.wma::before { background-image: url('/local/templates/main/css/../img/file-types/wma.svg'); } .file.wmv::before { background-image: url('/local/templates/main/css/../img/file-types/wmv.svg'); } .file.xlsx::before { background-image: url('/local/templates/main/css/../img/file-types/xlsx.svg'); } .file.xml::before { background-image: url('/local/templates/main/css/../img/file-types/xml.svg'); } .file.zip::before { background-image: url('/local/templates/main/css/../img/file-types/zip.svg'); } @media (max-width: 1599px) { .file::before { top: 0; } } /* upload */ @media (min-width: 1600px) { .file__wrapper { max-width: calc(50% - 24px); } } .form-file { position: relative; } .form-file-btn { display: flex; align-items: center; gap: 4px; padding: 16px; border-radius: 16px; border: 1px dashed var(--txt); cursor: pointer; margin-bottom: 16px; transition: opacity 0.4s; } .form-file-btn.disabled { pointer-events: none; opacity: 0.4; } .form-file-btn span { width: 100%; text-align: center; opacity: 0.4; transition: opacity 0.4s; } @media (hover: hover) { .form-file-btn:hover span { opacity: 1; } } .form-file-btn.active span { opacity: 1; } .form-file-btn-default { position: absolute; width: 0; height: 0; } .file__item { margin-top: 16px; } .file__item-inner { background-color: var(--border); display: flex; align-items: center; gap: 4px; padding: 16px; border-radius: 16px; } .file__item-name { width: 100%; } .file__item-close { cursor: pointer; display: flex; align-items: center; justify-content: center; } /* End */ /* Start:/local/templates/main/css/photogallery.css?17726207741795*/ .photo-slider-wrapper { margin-top: 96px; background-color: var(--blue); color: var(--white); border-radius: 24px; padding: 24px; position: relative; } .photo-slider-arrows { position: absolute; top: 24px; left: 24px; z-index: 1; } @media (hover: hover) { .photo-slider-prev:hover::before, .photo-slider-next:hover::before { transform: scale(0.9); } } .photo-slider-counter { position: absolute; bottom: 24px; left: 24px; } .photo-item .img-block { align-items: flex-end; justify-content: space-between; } .photo-item .img-block-col:first-child { min-width: 320px; padding-top: 104px; max-width: 50%; } .photo-item .img-block-col:last-child { height: 19.167vw; min-height: 368px; } .photo-item .img-block-col:last-child img { height: 100%; width: auto; border-radius: 24px; object-fit: cover; } @media (max-width: 1599px) { .photo-slider-wrapper { border-radius: 16px; } .photo-item .img-block-col:first-child { padding-top: 88px; } } @media (max-width: 1279px) { .photo-slider-wrapper { margin-top: 48px; } } @media (max-width: 767px) { .photo-item .img-block-col:last-child { min-height: 228px; } .photo-slider-wrapper { margin-top: 24px; padding: 12px; } .photo-item .img-block { flex-direction: column; align-items: flex-start; } .photo-item .img-block-col:first-child { padding-top: 0; padding-right: 60px; min-height: 48px; } .photo-slider-arrows { top: 12px; left: auto; right: 12px; } } /* End */ /* /local/templates/main/fonts/Alumni_Sans/stylesheet.css?17684644124491 */ /* /local/templates/main/fonts/Manrope/stylesheet.css?15503711602902 */ /* /local/templates/main/assets/jquery/jquery.mCustomScrollbar.css?176059476153583 */ /* /local/templates/main/assets/slick/slick.css?16033499301776 */ /* /local/templates/main/assets/fancybox/jquery.fancybox.min.css?177191136512795 */ /* /local/templates/main/assets/jquery/jquery.formstyler.css?17338128462175 */ /* /local/templates/main/assets/datepicker/airdatepicker.css?175860746212257 */ /* /local/templates/main/css/main.css?177908354020904 */ /* /local/templates/main/css/header.css?17780517481538 */ /* /local/templates/main/css/footer.css?17701856582443 */ /* /local/templates/main/css/menu.css?17780523223985 */ /* /local/templates/main/css/home.css?17726205199416 */ /* /local/templates/main/css/news.css?17772948791762 */ /* /local/templates/main/css/page.css?17773793793318 */ /* /local/templates/main/css/file.css?17794307684818 */ /* /local/templates/main/css/photogallery.css?17726207741795 */