/* Start:/bitrix/templates/agps/css/jquery.mCustomScrollbar.css?154730442854910*/ /* == 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(/bitrix/templates/agps/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ body:not(.contrast) .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)"; } body:not(.contrast) .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, body:not(.contrast) .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:/bitrix/templates/agps/css/jquery.fancybox.css?154730442814581*/ @charset "UTF-8"; .fancybox-enabled { overflow: hidden; } .fancybox-enabled body { overflow: visible; height: 100%; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Make sure that the first one is on the top */ .fancybox-container ~ .fancybox-container { z-index: 99992; } .fancybox-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-container--ready .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-controls { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; transition: opacity .2s; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr; } .fancybox-show-controls .fancybox-controls { opacity: 1; } .fancybox-infobar { display: none; } .fancybox-show-infobar .fancybox-infobar { display: inline-block; pointer-events: all; } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; } .fancybox-buttons { position: absolute; top: 0; right: 0; display: none; pointer-events: all; } .fancybox-show-buttons .fancybox-buttons { display: block; } .fancybox-slider-wrap { overflow: hidden; direction: ltr; } .fancybox-slider-wrap, .fancybox-slider { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide--image { overflow: hidden; } .fancybox-slide--image::before { display: none; } .fancybox-content { display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial, sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background: transparent; } .fancybox-placeholder { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; background: transparent; background-size: 100% 100%; } .fancybox-controls--canzoomOut .fancybox-placeholder { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-controls--canzoomIn .fancybox-placeholder { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-controls--canGrab .fancybox-placeholder { cursor: -webkit-grab; cursor: grab; } .fancybox-controls--isGrabbing .fancybox-placeholder { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-spaceball { z-index: 1; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-error { position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .2s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-slide--video .fancybox-close-small { top: -36px; right: -36px; background: transparent; } .fancybox-close-small:hover:after { color: #555; background: #eee; } /* Caption */ .fancybox-caption-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; z-index: 99998; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); opacity: 0; transition: opacity .2s; pointer-events: none; } .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button { pointer-events: all; } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Buttons */ .fancybox-button { display: inline-block; position: relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: transparent; color: #fff; box-sizing: border-box; vertical-align: top; outline: none; } .fancybox-button--disabled { cursor: default; pointer-events: none; } .fancybox-infobar__body, .fancybox-button { background: rgba(30, 30, 30, 0.6); } .fancybox-button:hover { background: rgba(0, 0, 0, 0.8); } .fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; } .fancybox-button--disabled::before, .fancybox-button--disabled::after { opacity: 0.5; } .fancybox-button--left::after { left: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .fancybox-button--right::after { right: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--left { border-bottom-left-radius: 5px; } .fancybox-button--right { border-bottom-right-radius: 5px; } .fancybox-button--close { float: right; } .fancybox-button--close::before, .fancybox-button--close::after { content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Loading spinner */ .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-controls { text-align: left; } .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display: none !important; } .fancybox-caption { padding: 20px 0; margin: 0; } } /* Fullscreen */ .fancybox-button--fullscreen::before { width: 15px; height: 11px; left: 15px; top: 16px; border: 2px solid; background: none; } /* Slideshow button */ .fancybox-button--play::before { top: 16px; left: 18px; width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; background: transparent; } .fancybox-button--pause::before { top: 16px; left: 18px; width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px; background: transparent; } /* Thumbs */ .fancybox-button--thumbs span { font-size: 23px; } .fancybox-button--thumbs::before { top: 20px; left: 21px; width: 3px; height: 3px; box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; } .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 220px; } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; box-sizing: border-box; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; } .fancybox-thumbs > ul > li { /*float: left;*/ overflow: hidden; max-width: 100%; padding: 0; margin: 0; width: 193px; height: 193px; position: relative; cursor: pointer; outline: none; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li span { position: absolute; z-index: 99994; left: 0px; top: 0px; width: 100%; height: 100%; display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; -webkit-justify-content: center; justify-content: center; text-align:center; background-color: rgba(0,0,0,0.5); color: #FFF; font-size: 36px; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active span { background-color: rgba(0,0,0,0.9); } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-thumbs { display: none !important; } .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 0; } } /* End */ /* Start:/bitrix/templates/agps/vendors/owl/assets/owl.carousel.min.css?15746702743351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/agps/vendors/owl/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/bitrix/templates/agps/vendors/owl/assets/owl.theme.default.min.css?15746702741013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/bitrix/templates/agps/components/custom/catalog.section.list/menu/style.css?15473044286329*/ .main_menu { position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; } .main_menu .level { position:absolute; top:0px; width:100%; height:100%; opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .main_menu .level.current { left:0px; opacity: 1; } .main_menu .level.closed { left:300px; opacity: 0; } .main_menu .level.opened { left:-300px; opacity: 0; } .main_menu:before { content:""; position:absolute; z-index:1; left:0px; top:0px; width:100%; height:50px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 ); /* IE6-9 */ } body.contrast .main_menu:before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .main_menu:after { content:""; position:absolute; z-index:1; left:0px; bottom:0px; width:100%; height:50px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(238,238,238,0) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ } body.contrast .main_menu:after { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .main_menu a { display:block; overflow: hidden; } .main_menu a span.dot { display: none; } .main_menu a.has_childs { position:relative; padding-right:75px; text-decoration: none !important; } .main_menu a.has_childs:after { content:""; display:block; position:absolute; right:-50px; top:0px; width:50px; height:50px; background:url(/bitrix/templates/agps/components/custom/catalog.section.list/menu/img/arr.png) center center no-repeat; -webkit-background-size: 11px 20px; -moz-background-size: 11px 20px; background-size: 11px 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .modernizr_touchevents .main_menu a.has_childs:after, .modernizr_no-touchevents .main_menu a.has_childs:hover:after, .modernizr_no-touchevents .main_menu a.has_childs:active:after { right:25px; } body.contrast .main_menu a.has_childs:after { background-image: url(/bitrix/templates/agps/components/custom/catalog.section.list/menu/img/arr_contrast.png); } .main_menu a span.icon { display:block; float:left; width:50px; height:50px; } .main_menu a span.icon img { -moz-transform: scale(0.5); -o-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .modernizr_touchevents .main_menu a span.icon img, .modernizr_no-touchevents .main_menu a:hover span.icon img, .modernizr_no-touchevents .main_menu a:active span.icon img { -moz-transform: scale(0.6); -o-transform: scale(0.6); -webkit-transform: scale(0.6); transform: scale(0.6); } body.contrast .main_menu a span.icon { -webkit-filter: invert(); filter:url("data:image/svg+xml;utf8,#invert"); filter:invert(); } .main_menu a span.name { display:block; padding-top:16px; padding-bottom:16px; line-height:18px; font-size: 15px; } .main_menu .level_1 a span.name { margin-left:50px; } .main_menu a.back { position:relative; text-decoration: none !important; opacity: 0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } body.contrast .main_menu a.back, .modernizr_touchevents .main_menu a.back, .modernizr_no-touchevents .main_menu a.back:hover, .modernizr_no-touchevents .main_menu a.back:active { opacity: 1; } .main_menu a.back .name { margin-left: 50px; } .main_menu a.back:after { content:""; display:block; position:absolute; left:25px; top:0px; width:50px; height:50px; background:url(/bitrix/templates/agps/components/custom/catalog.section.list/menu/img/arr_back.png) center center no-repeat; -webkit-background-size: 11px 20px; -moz-background-size: 11px 20px; background-size: 11px 20px; } body.contrast .main_menu a.back:after { background-image: url(/bitrix/templates/agps/components/custom/catalog.section.list/menu/img/arr_back_contrast.png); } /* End */ /* Start:/bitrix/templates/agps/components/bitrix/search.form/.default/style.css?15473044282658*/ form.search_panel { display: block; margin: 0px; padding: 0px; background: #FFF; height: 50px; position: relative; } form.search_panel input { display: block; font-family: 'Normal', sans-serif; font-size:15px; color:#009bc2; background:none; border:none; border-radius: 0; padding-left:25px; padding-right:25px; height:50px; line-height:50px; outline:none; letter-spacing: 0.05em; -webkit-appearance: none; } form.search_panel ::-webkit-input-placeholder { color:#009bc2; } form.search_panel ::-moz-placeholder { color:#009bc2; } form.search_panel :-ms-input-placeholder { color:#009bc2; } form.search_panel :-moz-placeholder { color:#009bc2; } form.search_panel input:focus::-webkit-input-placeholder { color:#87d0e2; } form.search_panel input:focus::-moz-placeholder { color:#009bc2; } form.search_panel input:focus:-ms-input-placeholder { color:#009bc2; } form.search_panel input:focus:-moz-placeholder { color:#009bc2; } body.contrast form.search_panel input { color: #000; } body.contrast form.search_panel ::-webkit-input-placeholder { color:#000; } body.contrast form.search_panel ::-moz-placeholder { color:#000; } body.contrast form.search_panel :-ms-input-placeholder { color:#000; } body.contrast form.search_panel :-moz-placeholder { color:#000; } body.contrast form.search_panel input:focus::-webkit-input-placeholder { color:#CCC; } body.contrast form.search_panel input:focus::-moz-placeholder { color:#CCC; } body.contrast form.search_panel input:focus:-ms-input-placeholder { color:#CCC; } body.contrast form.search_panel input:focus:-moz-placeholder { color:#CCC; } form.search_panel input[type="text"] { padding-right: 0px; width: 148px; } form.search_panel input[type="submit"] { width: 50px; height: 50px; float: right; background: url(/bitrix/templates/agps/components/bitrix/search.form/.default/img/icon.png) center center no-repeat; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; -moz-transform: scale(0.5); -o-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } .modernizr_touchevents form.search_panel input[type="submit"], .modernizr_no-touchevents form.search_panel input[type="submit"]:hover { -moz-transform: scale(0.6); -o-transform: scale(0.6); -webkit-transform: scale(0.6); transform: scale(0.6); } body.contrast form.search_panel input[type="submit"] { background-image: url(/bitrix/templates/agps/components/bitrix/search.form/.default/img/icon_contrast.png); } /* End */ /* Start:/bitrix/templates/agps/components/bitrix/system.auth.form/.default/style.css?1547304428725*/ .auth_link { display: block; height: 50px; line-height: 50px; } .auth_link span.icon { display:block; float:left; width:50px; height:50px; } .auth_link span.icon img { -moz-transform: scale(0.5); -o-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .modernizr_touchevents .auth_link span.icon img, .modernizr_no-touchevents .auth_link:hover span.icon img, .modernizr_no-touchevents .auth_link:active span.icon img { -moz-transform: scale(0.6); -o-transform: scale(0.6); -webkit-transform: scale(0.6); transform: scale(0.6); } /* End */ /* Start:/bitrix/templates/agps/components/custom/catalog.section.list/bookmarks/style.css?15473044285328*/ .bookmarks { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .bookmarks:before { content:""; position:absolute; z-index:1; left:0px; top:0px; width:100%; height:50px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0080b0+0,0080b0+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(0,128,176,1) 0%, rgba(0,128,176,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,128,176,1) 0%,rgba(0,128,176,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,128,176,1) 0%,rgba(0,128,176,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0080b0', endColorstr='#000080b0',GradientType=0 ); /* IE6-9 */ } body.contrast .bookmarks:before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .bookmarks:after { content:""; position:absolute; z-index:1; left:0px; bottom:0px; width:100%; height:50px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0080b0+0,0080b0+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(0,128,176,0) 0%, rgba(0,128,176,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,128,176,0) 0%,rgba(0,128,176,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,128,176,0) 0%,rgba(0,128,176,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000080b0', endColorstr='#0080b0',GradientType=0 ); /* IE6-9 */ } body.contrast .bookmarks:after { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } .bookmarks .item { } .bookmarks .item .inner { position:relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .bookmarks .item.deleted .inner { -moz-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; } .bookmarks a.link { display: block; padding-left: 25px; padding-right: 75px; padding-top:16px; padding-bottom:16px; line-height:18px; font-size: 15px; } .bookmarks a.link span.dot { display: none; } .bookmarks a.delete { display: block; position: absolute; right: 25px; top: 0px; width: 50px; height: 50px; background:url(/bitrix/templates/agps/components/custom/catalog.section.list/bookmarks/img/icon.png) center center no-repeat; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; -moz-transform: scale(0.5); -o-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .modernizr_touchevents .bookmarks a.delete, .modernizr_no-touchevents .bookmarks a.delete:hover, .modernizr_no-touchevents .bookmarks a.delete:active { -moz-transform: scale(0.6); -o-transform: scale(0.6); -webkit-transform: scale(0.6); transform: scale(0.6); } .modernizr_touchevents .bookmarks a.delete { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); opacity:0.25; } .modernizr_no-touchevents .bookmarks .item:hover a.link, .modernizr_no-touchevents .bookmarks .item:active a.link { text-decoration: none !important; } .modernizr_no-touchevents .bookmarks .item:hover a.delete, .modernizr_no-touchevents .bookmarks .item:active a.delete { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:0.5; } .modernizr_touchevents .contrast .bookmarks a.delete, .modernizr_no-touchevents .contrast .bookmarks .item:hover a.delete, .contrast.modernizr_no-touchevents .contrast .bookmarks .item:active a.delete { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; } /* End */ /* Start:/bitrix/templates/agps/components/bitrix/breadcrumb/.default/style.css?1547304428591*/ .breadcrumb { padding-top:13px; padding-bottom: 13px; line-height: 24px; } .breadcrumb span.arr_top, .breadcrumb span.arr_left { display: inline-block; width: 8px; height: 8px; vertical-align: middle; background-position: center center; background-repeat: no-repeat; -webkit-background-size: 8px 8px; -moz-background-size: 8px 8px; background-size: 8px 8px; } .breadcrumb span.arr_top { background-image: url(/bitrix/templates/agps/components/bitrix/breadcrumb/.default/img/top.png); margin-right: 15px; } .breadcrumb span.arr_left { background-image: url(/bitrix/templates/agps/components/bitrix/breadcrumb/.default/img/left.png); margin-right: 15px; margin-left: 15px; } /* End */ /* Start:/bitrix/templates/agps/template_styles.css?160164198043700*/ @font-face { font-family: 'Normal'; src: url('/bitrix/templates/agps/fonts/normal.eot'); src: local('☺'), url('/bitrix/templates/agps/fonts/normal.woff') format('woff'), url('/bitrix/templates/agps/fonts/normal.ttf') format('truetype'), url('/bitrix/templates/agps/fonts/normal.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Large'; src: url('/bitrix/templates/agps/fonts/large.eot'); src: local('☺'), url('/bitrix/templates/agps/fonts/large.woff') format('woff'), url('/bitrix/templates/agps/fonts/large.ttf') format('truetype'), url('/bitrix/templates/agps/fonts/large.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bold'; src: url('/bitrix/templates/agps/fonts/bold.eot'); src: local('☺'), url('/bitrix/templates/agps/fonts/bold.woff') format('woff'), url('/bitrix/templates/agps/fonts/bold.ttf') format('truetype'), url('/bitrix/templates/agps/fonts/bold.svg') format('svg'); font-weight: normal; font-style: normal; } html { width:100%; margin:0px; } body { margin:0px; width:100%; height:100%; background:#FFF; overflow-x:hidden; } body.contrast { /*Theme for people with disabilities*/ } * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } body,td,th,p { font-family: 'Normal', sans-serif; font-weight: normal; font-size:15px; line-height: 18px; color:#000; letter-spacing: 0.05em; } strong, b { font-family: 'Bold', sans-serif; font-weight: normal; } a { color:#00629a; } body.contrast a { color:#000; font-family: 'Bold', sans-serif; font-weight: normal; } a, a:visited, a:link { text-decoration: underline; } .modernizr_no-touchevents a:hover, .modernizr_no-touchevents a:active { text-decoration: none; } a img { border:none; } a.dotted_link { position:relative; text-decoration:none; white-space:nowrap; } a.dotted_link:after { content:" "; display:block; position:absolute; top:50%; margin-top:0.35em; left:0px; width:100%; height:1px; border-bottom:1px dashed #00629a; } body.contrast a.dotted_link:after { border-bottom-color: #000; } .modernizr_no-touchevents a.dotted_link:hover:after, .modernizr_no-touchevents a.dotted_link:active:after { display:none; } .link_footer { white-space: normal; font-size: 10pt; text-align: center; font-weight: bold; } a.gray { color: #999; } body.contrast a.gray { color: #000; } a.tel { color:#000; text-decoration:none; cursor:default; } img.full_width { width:100%; height:auto; } img.share_picture { /*sharing via addthis*/ } h1,h2 { font-family: 'Large', sans-serif; font-weight: normal; margin:0px; padding:0px; text-transform: uppercase; letter-spacing: 0.1em; } body.contrast h1, body.contrast h2 { font-family: 'Bold', sans-serif; } h1 { font-size:35px; line-height:50px; } h1 a.bookmark { display: inline-block; width: 25px; height: 25px; margin-left: 10px; background: url(/bitrix/templates/agps/img/bookmark.png) center center no-repeat; -webkit-background-size: 25px 25px; -moz-background-size: 25px 25px; background-size: 25px 25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:0.5; } .modernizr_no-touchevents h1 a.bookmark:hover, .modernizr_no-touchevents h1 a.bookmark:active { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; } body.contrast h1 a.bookmark { background-image: url(/bitrix/templates/agps/img/bookmark_contrast.png); } @media (max-height: 600px) { h1 a.bookmark { display:none; } } h2 { font-size:25px; line-height: 30px; } .large_text { font-family: 'Large', sans-serif; font-size:25px; font-weight: normal; line-height: 30px; } body.contrast .large_text { font-family: 'Bold', sans-serif; } .small_text { font-size: 10px; line-height: 12px; } body.contrast .small_text { font-size: 15px; line-height: 18px; } .caps_text { text-transform: uppercase; letter-spacing: 0.1em; } .nowrap { white-space:nowrap; } .transparent { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:0.5; } body.contrast .transparent { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; } .clear { clear:both; height:0px; line-height:0px; font-size:0px; } .clearfix { overflow:hidden; } .gap { height:50px; } .gap_half { height:25px; } .gap_small { height:10px; } .margins { padding:50px; } .margin_top { padding-top:50px; } .margin_bottom { padding-bottom:50px; } .margin_left { padding-left:50px; } .margin_right { padding-right:50px; } .margins_half { padding:25px; } .margin_half_top { padding-top:25px; } .margin_half_bottom { padding-bottom:25px; } .margin_half_left { padding-left:25px; } .margin_half_right { padding-right:25px; } .vertical_centered_content { display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; } .vertical_centered_content > .inner { display:inline; width:100%; } .horizontal_centered_content { display: -webkit-flex; -webkit-justify-content: center; display: flex; justify-content: center; text-align:center; } .horizontal_centered_content > .inner { display:inline; width:100%; } .custom_form { margin:0px; padding:0px; } .custom_form input[type=text], .custom_form input[type=number], .custom_form input[type=password], .custom_form input[type=submit], .custom_form button, .custom_form select, .custom_form textarea, a.button { display: block; width:100%; font-family: 'Large', sans-serif; font-size:20px !important; color:#000; background:none; border:none; border-radius: 0; background-color:#EEE; padding-left:25px; padding-right:25px; height:50px; line-height:50px; outline:none; letter-spacing: 0.05em; -webkit-appearance: none; } .custom_form textarea { line-height:25px; padding-top:15px; padding-bottom:15px; min-height:130px; } body.contrast .custom_form input[type=text], body.contrast .custom_form input[type=number], body.contrast .custom_form input[type=file], body.contrast .custom_form input[type=password], body.contrast .custom_form input[type=submit], body.contrast .custom_form button, body.contrast .custom_form select, body.contrast .custom_form textarea, body.contrast a.button { background-color: #000; color: #FFF; font-family: 'Bold', sans-serif; } .custom_form select { background-image:url(/bitrix/templates/agps/img/select_arr.png); background-position:right center; background-repeat:no-repeat; -webkit-background-size: 50px 15px; -moz-background-size: 50px 15px; background-size: 50px 15px; padding-right: 75px; cursor:pointer; } body.contrast .custom_form select { background-image: url(/bitrix/templates/agps/img/select_arr_contrast.png); } .custom_form .checkbox * { display:inline-block; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .custom_form .checkbox label { font-family: 'Large', sans-serif; display: inline-block; cursor: pointer; position: relative; padding-left: 70px; min-height:50px; padding-top:15px; font-size:20px; } .custom_form .checkbox input { display: none; } .custom_form .checkbox label:before { content: ""; display: inline-block; width: 50px; height: 50px; margin-right: 20px; position: absolute; left: 0; top: 0px; background-color: #EEE; } .custom_form .checkbox input:checked + label:before { font-family:sans-serif; content: "■"; color: #00629a; font-size: 50px; text-align: center; line-height: 40px; } body.contrast .custom_form .checkbox label:before { background-color:#000; } body.contrast .custom_form .checkbox input:checked + label:before { color:#FFF; } .custom_form input[type=submit], a.button { text-decoration:none; display:block; width:100%; background-color:#f49000; text-align:center; color:#FFF; cursor:pointer; text-transform: uppercase; letter-spacing: 0.1em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .custom_form input[type=submit]:hover, a.button:hover, a.button:active { background-color:#00629a; } body.contrast .custom_form input[type=submit], body.contrast a.button { background-color:#000; border: 2px solid #000; } body.contrast .custom_form input[type=submit]:hover, body.contrast a.button:hover, body.contrast a.button:active { background-color:#FFF; color: #000; } /*GRID AND STANDARD MEDIA QUERIES*/ .show-for-print { display: none; } .hide-for-print { display: block; } @media print { .show-for-print { display: block !important; } .show-for-print-forced { display: block !important; } .hide-for-print { display: none !important; } } .small-1, .small-2, .small-3, .small-4, .small-5, .small-6, .small-7, .small-8, .small-9, .small-10, .small-11, .small-12, .medium-1, .medium-2, .medium-3, .medium-4, .medium-5, .medium-6, .medium-7, .medium-8, .medium-9, .medium-10, .medium-11, .medium-12, .large-1, .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10, .large-11, .large-12 { float:left; } ul.small-grid-1, ul.small-grid-1 > li, ul.small-grid-2, ul.small-grid-2 > li, ul.small-grid-3, ul.small-grid-3 > li, ul.small-grid-4, ul.small-grid-4 > li, ul.small-grid-5, ul.small-grid-5 > li, ul.small-grid-6, ul.small-grid-6 > li, ul.small-grid-7, ul.small-grid-7 > li, ul.small-grid-8, ul.small-grid-8 > li, ul.small-grid-9, ul.small-grid-9 > li, ul.small-grid-10, ul.small-grid-10 > li, ul.small-grid-11, ul.small-grid-11 > li, ul.small-grid-12, ul.small-grid-12 > li, ul.medium-grid-1, ul.medium-grid-1 > li, ul.medium-grid-2, ul.medium-grid-2 > li, ul.medium-grid-3, ul.medium-grid-3 > li, ul.medium-grid-4, ul.medium-grid-4 > li, ul.medium-grid-5, ul.medium-grid-5 > li, ul.medium-grid-6, ul.medium-grid-6 > li, ul.medium-grid-7, ul.medium-grid-7 > li, ul.medium-grid-8, ul.medium-grid-8 > li, ul.medium-grid-9, ul.medium-grid-9 > li, ul.medium-grid-10, ul.medium-grid-10 > li, ul.medium-grid-11, ul.medium-grid-11 > li, ul.medium-grid-12, ul.medium-grid-12 > li, ul.large-grid-1, ul.large-grid-1 > li, ul.large-grid-2, ul.large-grid-2 > li, ul.large-grid-3, ul.large-grid-3 > li, ul.large-grid-4, ul.large-grid-4 > li, ul.large-grid-5, ul.large-grid-5 > li, ul.large-grid-6, ul.large-grid-6 > li, ul.large-grid-7, ul.large-grid-7 > li, ul.large-grid-8, ul.large-grid-8 > li, ul.large-grid-9, ul.large-grid-9 > li, ul.large-grid-10, ul.large-grid-10 > li, ul.large-grid-11, ul.large-grid-11 > li, ul.large-grid-12, ul.large-grid-12 > li { display:block; list-style:none; margin:0px; padding:0px; } ul.small-grid-1 > li, ul.small-grid-2 > li, ul.small-grid-3 > li, ul.small-grid-4 > li, ul.small-grid-5 > li, ul.small-grid-6 > li, ul.small-grid-7 > li, ul.small-grid-8 > li, ul.small-grid-9 > li, ul.small-grid-10 > li, ul.small-grid-11 > li, ul.small-grid-12 > li, ul.medium-grid-1 > li, ul.medium-grid-2 > li, ul.medium-grid-3 > li, ul.medium-grid-4 > li, ul.medium-grid-5 > li, ul.medium-grid-6 > li, ul.medium-grid-7 > li, ul.medium-grid-8 > li, ul.medium-grid-9 > li, ul.medium-grid-10 > li, ul.medium-grid-11 > li, ul.medium-grid-12 > li, ul.large-grid-1 > li, ul.large-grid-2 > li, ul.large-grid-3 > li, ul.large-grid-4 > li, ul.large-grid-5 > li, ul.large-grid-6 > li, ul.large-grid-7 > li, ul.large-grid-8 > li, ul.large-grid-9 > li, ul.large-grid-10 > li, ul.large-grid-11 > li, ul.large-grid-12 > li { float:left; } ul.small-grid-1, ul.small-grid-2, ul.small-grid-3, ul.small-grid-4, ul.small-grid-5, ul.small-grid-6, ul.small-grid-7, ul.small-grid-8, ul.small-grid-9, ul.small-grid-10, ul.small-grid-11, ul.small-grid-12, ul.medium-grid-1, ul.medium-grid-2, ul.medium-grid-3, ul.medium-grid-4, ul.medium-grid-5, ul.medium-grid-6, ul.medium-grid-7, ul.medium-grid-8, ul.medium-grid-9, ul.medium-grid-10, ul.medium-grid-11, ul.medium-grid-12, ul.large-grid-1, ul.large-grid-2, ul.large-grid-3, ul.large-grid-4, ul.large-grid-5, ul.large-grid-6, ul.large-grid-7, ul.large-grid-8, ul.large-grid-9, ul.large-grid-10, ul.large-grid-11, ul.large-grid-12 { overflow:hidden; /*clearfix*/ } .gutter, .horizontal_gutter { margin-left:-25px; margin-right:-25px; overflow:hidden; /*clearfix*/ } .gutter > .small-1, .gutter > .small-2, .gutter > .small-3, .gutter > .small-4, .gutter > .small-5, .gutter > .small-6, .gutter > .small-7, .gutter > .small-8, .gutter > .small-9, .gutter > .small-10, .gutter > .small-11, .gutter > .small-12, .gutter > .medium-1, .gutter > .medium-2, .gutter > .medium-3, .gutter > .medium-4, .gutter > .medium-5, .gutter > .medium-6, .gutter > .medium-7, .gutter > .medium-8, .gutter > .medium-9, .gutter > .medium-10, .gutter > .medium-11, .gutter > .medium-12, .gutter > .large-1, .gutter > .large-2, .gutter > .large-3, .gutter > .large-4, .gutter > .large-5, .gutter > .large-6, .gutter > .large-7, .gutter > .large-8, .gutter > .large-9, .gutter > .large-10, .gutter > .large-11, .gutter > .large-12 { padding-left:25px; padding-right:25px; margin-bottom:50px; } .gutter > ul.small-grid-1 > li, .gutter > ul.small-grid-2 > li, .gutter > ul.small-grid-3 > li, .gutter > ul.small-grid-4 > li, .gutter > ul.small-grid-5 > li, .gutter > ul.small-grid-6 > li, .gutter > ul.small-grid-7 > li, .gutter > ul.small-grid-8 > li, .gutter > ul.small-grid-9 > li, .gutter > ul.small-grid-10 > li, .gutter > ul.small-grid-11 > li, .gutter > ul.small-grid-12 > li, .gutter > ul.medium-grid-1 > li, .gutter > ul.medium-grid-2 > li, .gutter > ul.medium-grid-3 > li, .gutter > ul.medium-grid-4 > li, .gutter > ul.medium-grid-5 > li, .gutter > ul.medium-grid-6 > li, .gutter > ul.medium-grid-7 > li, .gutter > ul.medium-grid-8 > li, .gutter > ul.medium-grid-9 > li, .gutter > ul.medium-grid-10 > li, .gutter > ul.medium-grid-11 > li, .gutter > ul.medium-grid-12 > li, .gutter > ul.large-grid-1 > li, .gutter > ul.large-grid-2 > li, .gutter > ul.large-grid-3 > li, .gutter > ul.large-grid-4 > li, .gutter > ul.large-grid-5 > li, .gutter > ul.large-grid-6 > li, .gutter > ul.large-grid-7 > li, .gutter > ul.large-grid-8 > li, .gutter > ul.large-grid-9 > li, .gutter > ul.large-grid-10 > li, .gutter > ul.large-grid-11 > li, .gutter > ul.large-grid-12 > li { padding-left:25px; padding-right:25px; margin-bottom:50px; } .horizontal_gutter > .small-1, .horizontal_gutter > .small-2, .horizontal_gutter > .small-3, .horizontal_gutter > .small-4, .horizontal_gutter > .small-5, .horizontal_gutter > .small-6, .horizontal_gutter > .small-7, .horizontal_gutter > .small-8, .horizontal_gutter > .small-9, .horizontal_gutter > .small-10, .horizontal_gutter > .small-11, .horizontal_gutter > .small-12, .horizontal_gutter > .medium-1, .horizontal_gutter > .medium-2, .horizontal_gutter > .medium-3, .horizontal_gutter > .medium-4, .horizontal_gutter > .medium-5, .horizontal_gutter > .medium-6, .horizontal_gutter > .medium-7, .horizontal_gutter > .medium-8, .horizontal_gutter > .medium-9, .horizontal_gutter > .medium-10, .horizontal_gutter > .medium-11, .horizontal_gutter > .medium-12, .horizontal_gutter > .large-1, .horizontal_gutter > .large-2, .horizontal_gutter > .large-3, .horizontal_gutter > .large-4, .horizontal_gutter > .large-5, .horizontal_gutter > .large-6, .horizontal_gutter > .large-7, .horizontal_gutter > .large-8, .horizontal_gutter > .large-9, .horizontal_gutter > .large-10, .horizontal_gutter > .large-11, .horizontal_gutter > .large-12 { padding-left:25px; padding-right:25px; margin-bottom:0px; } .horizontal_gutter > ul.small-grid-1 > li, .horizontal_gutter > ul.small-grid-2 > li, .horizontal_gutter > ul.small-grid-3 > li, .horizontal_gutter > ul.small-grid-4 > li, .horizontal_gutter > ul.small-grid-5 > li, .horizontal_gutter > ul.small-grid-6 > li, .horizontal_gutter > ul.small-grid-7 > li, .horizontal_gutter > ul.small-grid-8 > li, .horizontal_gutter > ul.small-grid-9 > li, .horizontal_gutter > ul.small-grid-10 > li, .horizontal_gutter > ul.small-grid-11 > li, .horizontal_gutter > ul.small-grid-12 > li, .horizontal_gutter > ul.medium-grid-1 > li, .horizontal_gutter > ul.medium-grid-2 > li, .horizontal_gutter > ul.medium-grid-3 > li, .horizontal_gutter > ul.medium-grid-4 > li, .horizontal_gutter > ul.medium-grid-5 > li, .horizontal_gutter > ul.medium-grid-6 > li, .horizontal_gutter > ul.medium-grid-7 > li, .horizontal_gutter > ul.medium-grid-8 > li, .horizontal_gutter > ul.medium-grid-9 > li, .horizontal_gutter > ul.medium-grid-10 > li, .horizontal_gutter > ul.medium-grid-11 > li, .horizontal_gutter > ul.medium-grid-12 > li, .horizontal_gutter > ul.large-grid-1 > li, .horizontal_gutter > ul.large-grid-2 > li, .horizontal_gutter > ul.large-grid-3 > li, .horizontal_gutter > ul.large-grid-4 > li, .horizontal_gutter > ul.large-grid-5 > li, .horizontal_gutter > ul.large-grid-6 > li, .horizontal_gutter > ul.large-grid-7 > li, .horizontal_gutter > ul.large-grid-8 > li, .horizontal_gutter > ul.large-grid-9 > li, .horizontal_gutter > ul.large-grid-10 > li, .horizontal_gutter > ul.large-grid-11 > li, .horizontal_gutter > ul.large-grid-12 > li { padding-left:25px; padding-right:25px; margin-bottom:0px; } /* small: <750px medium: 750-1000, 1200-1300, 1400-1600px large: 1000-1200, 1300-1400 and 1600+ */ .small-text-left { text-align:left; } .small-text-right { text-align:right; } .small-text-center { text-align:center; } .small-1 { width:8.3333%; } .small-2 { width:16.6666%; } .small-3 { width:25%; } .small-4 { width:33.3333%; } .small-5 { width:41.6666%; } .small-6 { width:50%; } .small-7 { width:58.3333%; } .small-8 { width:66.6666%; } .small-9 { width:75%; } .small-10 { width:83.3333%; } .small-11 { width:91.6666%; } .small-12 { width:100%; } ul.small-grid-1 > li { width:100%; } ul.small-grid-2 > li { width:50%; } ul.small-grid-3 > li { width:33.3333%; } ul.small-grid-4 > li { width:25%; } ul.small-grid-5 > li { width:20%; } ul.small-grid-6 > li { width:16.6666%; } ul.small-grid-7 > li { width:14.2857%; } ul.small-grid-8 > li { width:12.5%; } ul.small-grid-9 > li { width:11.1111%; } ul.small-grid-10 > li { width:10%; } ul.small-grid-11 > li { width:9.0909%; } ul.small-grid-12 > li { width:8.3333%; } ul.small-grid-1 > li, ul.small-grid-2 > li:nth-child(2n+1), ul.small-grid-3 > li:nth-child(3n+1), ul.small-grid-4 > li:nth-child(4n+1), ul.small-grid-5 > li:nth-child(5n+1), ul.small-grid-6 > li:nth-child(6n+1), ul.small-grid-7 > li:nth-child(7n+1), ul.small-grid-8 > li:nth-child(8n+1), ul.small-grid-9 > li:nth-child(9n+1), ul.small-grid-10 > li:nth-child(10n+1), ul.small-grid-11 > li:nth-child(11n+1), ul.small-grid-12 > li:nth-child(12n+1) { clear:left; } .hide-for-small, .hide-for-small-inline { display:none !important; } @media (min-width: 750px) and (max-width: 1000px), (min-width: 1200px) and (max-width: 1300px), (min-width: 1400px) { .medium-text-left { text-align:left; } .medium-text-right { text-align:right; } .medium-text-center { text-align:center; } .medium-1 { width:8.3333%; } .medium-2 { width:16.6666%; } .medium-3 { width:25%; } .medium-4 { width:33.3333%; } .medium-5 { width:41.6666%; } .medium-6 { width:50%; } .medium-7 { width:58.3333%; } .medium-8 { width:66.6666%; } .medium-9 { width:75%; } .medium-10 { width:83.3333%; } .medium-11 { width:91.6666%; } .medium-12 { width:100%; } ul.medium-grid-1 > li { width:100%; } ul.medium-grid-2 > li { width:50%; } ul.medium-grid-3 > li { width:33.3333%; } ul.medium-grid-4 > li { width:25%; } ul.medium-grid-5 > li { width:20%; } ul.medium-grid-6 > li { width:16.6666%; } ul.medium-grid-7 > li { width:14.2857%; } ul.medium-grid-8 > li { width:12.5%; } ul.medium-grid-9 > li { width:11.1111%; } ul.medium-grid-10 > li { width:10%; } ul.medium-grid-11 > li { width:9.0909%; } ul.medium-grid-12 > li { width:8.3333%; } ul.small-grid-1 > li, ul.small-grid-2 > li:nth-child(2n+1), ul.small-grid-3 > li:nth-child(3n+1), ul.small-grid-4 > li:nth-child(4n+1), ul.small-grid-5 > li:nth-child(5n+1), ul.small-grid-6 > li:nth-child(6n+1), ul.small-grid-7 > li:nth-child(7n+1), ul.small-grid-8 > li:nth-child(8n+1), ul.small-grid-9 > li:nth-child(9n+1), ul.small-grid-10 > li:nth-child(10n+1), ul.small-grid-11 > li:nth-child(11n+1), ul.small-grid-12 > li:nth-child(12n+1) { clear:none; } ul.medium-grid-1 > li, ul.medium-grid-2 > li:nth-child(2n+1), ul.medium-grid-3 > li:nth-child(3n+1), ul.medium-grid-4 > li:nth-child(4n+1), ul.medium-grid-5 > li:nth-child(5n+1), ul.medium-grid-6 > li:nth-child(6n+1), ul.medium-grid-7 > li:nth-child(7n+1), ul.medium-grid-8 > li:nth-child(8n+1), ul.medium-grid-9 > li:nth-child(9n+1), ul.medium-grid-10 > li:nth-child(10n+1), ul.medium-grid-11 > li:nth-child(11n+1), ul.medium-grid-12 > li:nth-child(12n+1) { clear:left; } .hide-for-small { display:block !important; } .hide-for-small-inline { display:inline-block !important; } .hide-for-medium, .hide-for-medium-inline { display:none !important; } } @media (min-width: 1000px) and (max-width: 1200px), (min-width: 1300px) and (max-width: 1400px), (min-width: 1600px) { .large-text-left { text-align:left; } .large-text-right { text-align:right; } .large-text-center { text-align:center; } .large-1 { width:8.3333%; } .large-2 { width:16.6666%; } .large-3 { width:25%; } .large-4 { width:33.3333%; } .large-5 { width:41.6666%; } .large-6 { width:50%; } .large-7 { width:58.3333%; } .large-8 { width:66.6666%; } .large-9 { width:75%; } .large-10 { width:83.3333%; } .large-11 { width:91.6666%; } .large-12 { width:100%; } ul.large-grid-1 > li { width:100%; } ul.large-grid-2 > li { width:50%; } ul.large-grid-3 > li { width:33.3333%; } ul.large-grid-4 > li { width:25%; } ul.large-grid-5 > li { width:20%; } ul.large-grid-6 > li { width:16.6666%; } ul.large-grid-7 > li { width:14.2857%; } ul.large-grid-8 > li { width:12.5%; } ul.large-grid-9 > li { width:11.1111%; } ul.large-grid-10 > li { width:10%; } ul.large-grid-11 > li { width:9.0909%; } ul.large-grid-12 > li { width:8.3333%; } ul.small-grid-1 > li, ul.small-grid-2 > li:nth-child(2n+1), ul.small-grid-3 > li:nth-child(3n+1), ul.small-grid-4 > li:nth-child(4n+1), ul.small-grid-5 > li:nth-child(5n+1), ul.small-grid-6 > li:nth-child(6n+1), ul.small-grid-7 > li:nth-child(7n+1), ul.small-grid-8 > li:nth-child(8n+1), ul.small-grid-9 > li:nth-child(9n+1), ul.small-grid-10 > li:nth-child(10n+1), ul.small-grid-11 > li:nth-child(11n+1), ul.small-grid-12 > li:nth-child(12n+1) { clear:none; } ul.medium-grid-1 > li, ul.medium-grid-2 > li:nth-child(2n+1), ul.medium-grid-3 > li:nth-child(3n+1), ul.medium-grid-4 > li:nth-child(4n+1), ul.medium-grid-5 > li:nth-child(5n+1), ul.medium-grid-6 > li:nth-child(6n+1), ul.medium-grid-7 > li:nth-child(7n+1), ul.medium-grid-8 > li:nth-child(8n+1), ul.medium-grid-9 > li:nth-child(9n+1), ul.medium-grid-10 > li:nth-child(10n+1), ul.medium-grid-11 > li:nth-child(11n+1), ul.medium-grid-12 > li:nth-child(12n+1) { clear:none; } ul.large-grid-1 > li, ul.large-grid-2 > li:nth-child(2n+1), ul.large-grid-3 > li:nth-child(3n+1), ul.large-grid-4 > li:nth-child(4n+1), ul.large-grid-5 > li:nth-child(5n+1), ul.large-grid-6 > li:nth-child(6n+1), ul.large-grid-7 > li:nth-child(7n+1), ul.large-grid-8 > li:nth-child(8n+1), ul.large-grid-9 > li:nth-child(9n+1), ul.large-grid-10 > li:nth-child(10n+1), ul.large-grid-11 > li:nth-child(11n+1), ul.large-grid-12 > li:nth-child(12n+1) { clear:left; } .hide-for-small { display:block !important; } .hide-for-small-inline { display:inline-block !important; } .hide-for-medium { display:block !important; } .hide-for-medium-inline { display:inline-block !important; } .hide-for-large { display:none !important; } } /*//GRID AND STANDARD MEDIA QUERIES*/ /*MAIN LAYOUT*/ .old_ie { position:fixed; z-index:99999; left:0px; top:0px; width:100%; background:#C00; text-align:center; color:#FFF; } .old_ie a { color:#FFF; } body.contrast .old_ie { background: #FFF; border: 2px solid #000; font-family: 'Bold', sans-serif; color: #000; } body.contrast .old_ie a { color: #000; } .page_loading { position:fixed; z-index: 999999; left: 0px; top: 0px; width: 100%; height: 100%; background: #FFF; text-align: center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; visibility: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } body.contrast .page_loading { background: #000; } .page_loading.shown { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; visibility:visible; } .left_side_panel { position:fixed; z-index:999; left:-250px; top:0px; width:300px; height:100%; background:#EEE; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } body.contrast .left_side_panel { border-right: 2px solid #FFF; } .right_side_panel { position:fixed; z-index:998; right:-200px; top:0px; width:250px; height:100%; background:#0080b0; color: #FFF !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } body.contrast .right_side_panel { border-left: 2px solid #FFF; } .right_side_panel a { color: #FFF !important; } body.contrast .left_side_panel, body.contrast .right_side_panel { background: #000; color: #FFF !important; } body.contrast .left_side_panel a, body.contrast .right_side_panel a { color: #FFF; } .left_side_panel .captions, .right_side_panel .captions { display:block; position:absolute; z-index:20; right:0px; top:0px; width:50px; height:100%; opacity:1; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .right_side_panel .captions { z-index:40; right:auto; left:0px; } .left_side_panel .captions > div, .right_side_panel .captions > div { position:absolute; right:0px; width:50px; background-position: center top; background-repeat: no-repeat; } .right_side_panel .captions > div { right: auto; left: 0px; } body.contrast .left_side_panel .captions > div, body.contrast .right_side_panel .captions > div { background-color: #000 !important; } .left_side_panel .captions .logo { height: 300px; top: 0px; background-color: #DDD; } .left_side_panel .captions .logo .caption { position: absolute; left: 0px; top: 300px; width: 250px; height: 50px; line-height: 50px; text-align: right; transform: rotate(-90deg); transform-origin: left top 0; color: #000; } body.contrast .left_side_panel .captions .logo { background-color: #000; } body.contrast .left_side_panel .captions .logo .caption { color: #FFF; } .left_side_panel .captions .menu { top:300px; bottom: 0px; background-image:url(/bitrix/templates/agps/img/caption_menu.png); -webkit-background-size: 50px 75px; -moz-background-size: 50px 75px; background-size: 50px 75px; background-color: #EEE; } .left_side_panel .captions .menu .caption { position: absolute; left: 0px; top: 300px; width: 200px; height: 50px; line-height: 50px; text-align: right; -moz-transform: rotate(-90deg); -moz-transform-origin: left top 0; -o-transform: rotate(-90deg); -o-transform-origin: left top 0; -webkit-transform: rotate(-90deg); -webkit-transform-origin: left top 0; transform: rotate(-90deg); transform-origin: left top 0; } body.contrast .left_side_panel .captions .menu { border-top: 2px solid #FFF; background-image: url(/bitrix/templates/agps/img/caption_menu_contrast.png); } body.contrast .left_side_panel .captions .menu .caption { color: #FFF; } @media (max-height: 600px) { .left_side_panel .captions .logo { display: none; } .left_side_panel .captions .menu { top: 0px; border-top: none !important; } } .right_side_panel .captions .settings { top:0px; height: 300px; background-image:url(/bitrix/templates/agps/img/caption_settings.png); -webkit-background-size: 50px 75px; -moz-background-size: 50px 75px; background-size: 50px 75px; background-color: #009bc2; } .right_side_panel .captions .settings .caption { position: absolute; left: 0px; top: 300px; width: 200px; height: 50px; line-height: 50px; text-align: right; -moz-transform: rotate(-90deg); -moz-transform-origin: left top 0; -o-transform: rotate(-90deg); -o-transform-origin: left top 0; -webkit-transform: rotate(-90deg); -webkit-transform-origin: left top 0; transform: rotate(-90deg); transform-origin: left top 0; } .right_side_panel .captions .bookmarks { top:300px; bottom: 0px; background-image:url(/bitrix/templates/agps/img/caption_bookmarks.png); -webkit-background-size: 50px 75px; -moz-background-size: 50px 75px; background-size: 50px 75px; background-color: #0080b0; } body.contrast .right_side_panel .captions .bookmarks { border-top: 2px solid #FFF; background-image:url(/bitrix/templates/agps/img/caption_bookmarks_contrast.png); } .right_side_panel .captions .bookmarks .caption { position: absolute; left: 0px; top: 300px; width: 200px; height: 50px; line-height: 50px; text-align: right; -moz-transform: rotate(-90deg); -moz-transform-origin: left top 0; -o-transform: rotate(-90deg); -o-transform-origin: left top 0; -webkit-transform: rotate(-90deg); -webkit-transform-origin: left top 0; transform: rotate(-90deg); transform-origin: left top 0; } .right_side_panel .captions .director { bottom: 0px; height: 75px; background-image:url(/bitrix/templates/agps/img/caption_director.png); -webkit-background-size: 50px 75px; -moz-background-size: 50px 75px; background-size: 50px 75px; } body.contrast .right_side_panel .captions .director { background-image: url(/bitrix/templates/agps/img/caption_director_contrast.png); } @media (max-height: 450px), (max-height: 650px) and (min-height: 600px) { .right_side_panel .captions .director { display: none; } } @media (max-height: 600px) { .right_side_panel .captions .bookmarks { display: none; } .right_side_panel .captions .settings { height: 100%; } } .left_side_panel a.close, .right_side_panel a.close { display:none; } .left_side_panel.opened { left:0px; } .right_side_panel.opened { right:0px; } .right_side_panel .right_side_panel_content { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .right_side_panel.opened .right_side_panel_content { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; } .left_side_panel.opened .captions, .right_side_panel.opened .captions { visibility:hidden; opacity:0; } .left_side_panel a.close, .right_side_panel a.close { display:block; position:absolute; left:100%; width:10000px; top:0px; height:100%; background:url(/bitrix/templates/agps/img/side_panel_close.png) left top no-repeat; -webkit-background-size: 100px 100px; -moz-background-size: 100px 100px; background-size: 100px 100px; background-color:rgba(255,255,255,0.9); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity:0; visibility:hidden; } body.contrast .left_side_panel a.close, body.contrast .right_side_panel a.close { background-image:url(/bitrix/templates/agps/img/side_panel_close_contrast.png); background-color: #FFF; } .right_side_panel a.close { background-position:right top; left:auto; right:100%; } .left_side_panel.opened a.close, .right_side_panel.opened a.close { opacity:1; visibility:visible; } @media (min-width: 1400px) { .left_side_panel { /*left:0px !important; */ } .left_side_panel .captions { display:none !important; } .left_side_panel .close { display:none !important; } } @media (min-width: 1400px) { .right_side_panel { right:0px !important; } .right_side_panel .right_side_panel_content { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; } .right_side_panel .captions { display:none !important; } .right_side_panel .close { display:none !important; } } .left_side_panel .logo_wrapper { position:absolute; left:0px; top: 0px; width:100%; height: 300px; background: #DDD; } body.contrast .left_side_panel .logo_wrapper { background: #000; } .logo_wrapper .small {position: absolute;top:0; margin: 12px;} .logo_wrapper .left {left:0;} .logo_wrapper .right {right: 0;} .left_side_panel .menu_wrapper { position:absolute; left:0px; top:300px; /*logo*/ bottom:100px; /*calendar*/ width:100%; right:0px; overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .left_side_panel .menu_wrapper.calendar_opened { bottom: 300px !important; } body.contrast .left_side_panel .menu_wrapper { border-top:2px solid #FFF; } .left_side_panel .calendar_wrapper { position:absolute; left:0px; bottom: -200px; /*initially collapsed*/ width:100%; height: 300px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .left_side_panel .calendar_wrapper a.opener { display: block; position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 50px; line-height: 50px; text-decoration: none !important; } .left_side_panel .calendar_wrapper a.opener span { display: block; } .left_side_panel .calendar_wrapper a.opener span.icon { float: left; width: 50px; height: 50px; background: url(/bitrix/templates/agps/img/calendar_opener_icon.png) center center no-repeat; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; background-size: 50px 50px; -moz-transform: scale(0.5); -o-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .modernizr_touchevents .left_side_panel .calendar_wrapper a.opener span.icon, .modernizr_no-touchevents .left_side_panel .calendar_wrapper a.opener:hover span.icon, .modernizr_no-touchevents .left_side_panel .calendar_wrapper a.opener:active span.icon { -moz-transform: scale(0.6); -o-transform: scale(0.6); -webkit-transform: scale(0.6); transform: scale(0.6); } body.contrast .left_side_panel .calendar_wrapper a.opener span.icon { -webkit-filter: invert(); filter:url("data:image/svg+xml;utf8,#invert"); filter:invert(); } .left_side_panel .calendar_wrapper a.opener span.arrow { float: right; width: 50px; height: 50px; background: url(/bitrix/templates/agps/img/calendar_arr.png) center center no-repeat; -webkit-background-size: 20px 11px; -moz-background-size: 20px 11px; background-size: 20px 11px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .left_side_panel .calendar_wrapper.calendar_opened a.opener span.arrow { -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } body.contrast .left_side_panel .calendar_wrapper a.opener span.arrow { background-image: url(/bitrix/templates/agps/img/calendar_arr_contrast.png); } .left_side_panel .calendar_wrapper a.opener span.name { float: left; max-width: 140px; white-space: nowrap; } body.contrast .left_side_panel .calendar_wrapper a.opener span.name { letter-spacing: 0.02em; } .left_side_panel .calendar_wrapper.calendar_opened { bottom:0px; } .left_side_panel .calendar_wrapper .inner { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; visibility: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .left_side_panel .calendar_wrapper.calendar_opened .inner { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1; visibility: visible; } @media (max-height: 750px) { .left_side_panel .calendar_wrapper { display: none; } .left_side_panel .menu_wrapper { bottom:0px; } } @media (max-height: 600px) { .left_side_panel .logo_wrapper { display: none; } .left_side_panel .calendar_wrapper { display: block; } .left_side_panel .menu_wrapper { top:0px; bottom:150px; border-top: none !important; } } @media (max-height: 450px) { .left_side_panel .calendar_wrapper { display: none; } .left_side_panel .menu_wrapper { bottom:0px; } } .right_side_panel .settings_wrapper { position:absolute; left:0px; top: 0px; width:100%; height: 300px; background: #009bc2; } @media (max-height: 600px) { .right_side_panel .settings_wrapper { height: 100%; } } body.contrast .right_side_panel .settings_wrapper { background: #000; } .right_side_panel .settings_wrapper .buttons { /*height: 50px;*/ } .right_side_panel .settings_wrapper .buttons a { display: block; float: left; width: 50px; height: 50px; text-decoration: none; } .right_side_panel .settings_wrapper .buttons a img { -moz-transform: scale(0.5); -o-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .modernizr_touchevents .right_side_panel .settings_wrapper .buttons a img, .modernizr_no-touchevents .right_side_panel .settings_wrapper .buttons a:hover img, .modernizr_no-touchevents .right_side_panel .settings_wrapper .buttons a:active img { -moz-transform: scale(0.6); -o-transform: scale(0.6); -webkit-transform: scale(0.6); transform: scale(0.6); } .right_side_panel .bookmarks_wrapper { position:absolute; left:0px; top: 300px; bottom: 150px; width:100%; } body.contrast .right_side_panel .bookmarks_wrapper { border-top:2px solid #FFF; } @media (max-height: 650px) and (min-height: 600px) { .right_side_panel .bookmarks_wrapper { bottom: 0px; } } @media (max-height: 600px) { .right_side_panel .bookmarks_wrapper { display: none; } } .right_side_panel a.director_button { position:absolute; left:0px; bottom: 50px; width:100%; height: 100px; background: url(/bitrix/templates/agps/img/director.png) left center no-repeat; -webkit-background-size: 90px 102px; -moz-background-size: 90px 102px; background-size: auto 100%; background-position: top left; background-color: #00639a; text-decoration: none; } .right_side_panel a.director_button .director_button_content { padding-left: 100px; padding-right: 25px; } .right_side_panel a.director_button .director_button_content .link { text-decoration: underline; } .modernizr_no-touchevents .right_side_panel a.director_button:hover .director_button_content .link, .modernizr_no-touchevents .right_side_panel a.director_button:active .director_button_content .link { text-decoration: none; } body.contrast .right_side_panel a.director_button { background-color: #FFF; color: #000 !important; letter-spacing:normal; } body.contrast .right_side_panel a.director_button .small_text, body.contrast .right_side_panel a.director_button .gap_small { display: none; } @media (max-height: 450px), (max-height: 650px) and (min-height: 600px) { .right_side_panel a.director_button { display: none; } } @media print { .right_side_panel, .left_side_panel { display: none !important; } } main { display:block } main .margins_content { padding-left:50px; padding-right:50px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (min-width: 1200px) { main .margins_content { padding-left:300px; } } @media (min-width: 1400px) { main .margins_content { padding-right:250px; } } @media print { main .margins_content { padding-left:0px !important; padding-right:0px !important; -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } } main .translate_panel { display: none; /*shown on js event*/ visibility: hidden; } @media print { main .translate_panel { display: none !important; } } @media (min-height: 600px) { main .content_header { min-height:300px; } } @media print { main .content_header { min-height:0px !important; } } /*HOMEPAGE LAYOUT*/ main .homepage_layout { } main .homepage_layout .title { min-height: 300px; color: #FFF; background: url(/bitrix/templates/agps/img/homepage_title_bg.png) center right no-repeat; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; background-size: auto 100%; background-color: #f49000; } @media (max-width: 650px) { /* main .homepage_layout .title { background:#f49000; }*/ } main .homepage_layout .title .subtitle { line-height: 50px; } body.contrast main .homepage_layout .title { min-height: 302px; background: #000 !important; border-bottom: 2px solid #FFF; } @media (max-height: 600px) { main .homepage_layout .title { min-height: 0px; } } .homepage_layout .title .design_for_small { } .homepage_layout .title .design_for_large { display: none; } @media (min-width: 1000px) { .homepage_layout .title .design_for_small { display: none; } .homepage_layout .title .design_for_large { display: block; } } @media print { main .homepage_layout .title { background: #FFF; color: #000; min-height: 0px; } } /*//HOMEPAGE LAYOUT*/ .content_footer, .content_footer .small_text { line-height: 42px !important; white-space: nowrap; } .content_footer .addthis_wrapper { height:42px; } /*//MAIN LAYOUT*/ /* opros */ .opros { margin-top: 27px; } .opros a { background: #009bc2; padding: 10px 15px 8px 15px; text-transform: uppercase; color: #fff; text-decoration: none; transition: .09s; } .opros a:hover { background: rgba(0, 155, 194, 0.9); cursor: pointer; } /*button /sveden/ */ .button.btn-anketa { height: 70px; line-height: 30px; padding-top: 20px; } .homepage_slider_mobile { display: none; margin-top: 20px; } @media (max-width: 850px) { .homepage_slider_mobile { display: block; } .homepage_slider { display: none; } } @media (max-width: 480px) { .homepage_slider_mobile .sections_list_type_3 li { margin-bottom: 20px!important; } .homepage_slider_mobile .sections_list_type_3 .item .img_wrapper { float: none; margin: auto; width: 200px; height: 200px; } .homepage_slider_mobile .sections_list_type_3 .item .text_wrapper { margin-left: 0; margin: auto; } .homepage_slider_mobile .sections_list_type_3 .item .img_wrapper img { width: 200px; height: 200px; } } .header { background: #ececec; box-shadow: 0px -15px 20px 0px; padding: 20px 45px; display: flex; justify-content: space-between; } .header_icon { width: 45px; cursor: pointer; } .left_side_panel { left: -100%; } .right_side_panel { right: -100%; } #panel {display: none;} @media( max-width: 800px ){ main .homepage_layout .title { min-height: unset !important; padding: 20px 50px; } } main .margins_content { padding: 0px; } @media ( min-width: 1400px ){ #panel {display: block;} .margins_content { padding: 0 250px 0 300px !important; } .header {display: none;} .right_side_panel { right: 0px; } .left_side_panel { left: 0px; } } .social_header { display: flex; justify-content: flex-end; width: 100%; align-items: center } #footer .social_header { justify-content: flex-start; } .social_header a { display: block; width: 50px; margin-left: 10px; } .social_header a.youtube { width: 52px; } .social_header a.instagram { width: 40px; } .social_header a img { max-width: 100%; } /* End */ /* /bitrix/templates/agps/css/jquery.mCustomScrollbar.css?154730442854910 */ /* /bitrix/templates/agps/css/jquery.fancybox.css?154730442814581 */ /* /bitrix/templates/agps/vendors/owl/assets/owl.carousel.min.css?15746702743351 */ /* /bitrix/templates/agps/vendors/owl/assets/owl.theme.default.min.css?15746702741013 */ /* /bitrix/templates/agps/components/custom/catalog.section.list/menu/style.css?15473044286329 */ /* /bitrix/templates/agps/components/bitrix/search.form/.default/style.css?15473044282658 */ /* /bitrix/templates/agps/components/bitrix/system.auth.form/.default/style.css?1547304428725 */ /* /bitrix/templates/agps/components/custom/catalog.section.list/bookmarks/style.css?15473044285328 */ /* /bitrix/templates/agps/components/bitrix/breadcrumb/.default/style.css?1547304428591 */ /* /bitrix/templates/agps/template_styles.css?160164198043700 */