/* Start:/local/templates/cpp46.ru/css/jquery.mCustomScrollbar.css?157688640054739*/ /* == 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: 66.4px; height: 100%; margin: 0 auto; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/cpp46.ru/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: #E8D4C3; } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: #E04E39; } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #E04E39; } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #E04E39; } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/cpp46.ru/css/normalize.css?15768864006487*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* End */ /* Start:/local/templates/cpp46.ru/css/form_style.css?161429760070407*/ .modal_form { border-radius: 5px; background: #fff; /*position:fixed;*/ position: absolute; top: 45%; left: 50%; opacity: 0; z-index: 999999; transition: all 0.3s ease 0s; box-shadow: 0 0 33px rgba(0, 0, 0, 0.36); min-height: 200px; height: auto; overflow: hidden; box-sizing: border-box; /*padding:40px 20px 40px;*/ } /* .modal_close{ width:14px; height:14px; position:absolute; background:#fff; top:20px; right:20px; cursor:pointer; display:block; overflow:hidden; opacity:0.6; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); z-index:2; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; } */ .modal_close_ok { width: 115px; height: 36px; line-height: 36px; background: #0097f6; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 4px 2px #e6e6e6; -moz-box-shadow: 0 2px 4px 2px #e6e6e6; box-shadow: 0 2px 4px 2px #e6e6e6; border: none; outline: none; color: #fff; text-align: center; margin: 0 auto 10px; display: block; cursor: pointer; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .modal_close_ok:hover { -webkit-box-shadow: 0 2px 5px 3px #ccc; -moz-box-shadow: 0 2px 5px 3px #ccc; box-shadow: 0 2px 5px 3px #ccc; } .modal_close:hover { opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } /* .modal_close__left:before{ position:absolute; content:''; left:-3px; top:-5px; border:12px solid transparent; border-left-color:#767676; } .modal_close__left:after{ position:absolute; content:''; left:-7px; top:-5px; border:12px solid transparent; border-left-color:#fff; } .modal_close__right:before{ position:absolute; content:''; right:-3px; top:-5px; border:12px solid transparent; border-right-color:#767676; } .modal_close__right:after{ position:absolute; content:''; right:-7px; top:-5px; border:12px solid transparent; border-right-color:#fff; } */ .alx_fb_overlay { z-index: 99999; position: fixed; background-color: #000; opacity: 0.2; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; } .alx_feedback_popup { cursor: pointer; } .alx-feedb-data-errorLoading { text-align: center; padding-top: 50px; } .alx_fedb_wait { height: 140px; left: 45%; position: fixed; top: 45%; width: 140px; z-index: 2001; text-align: center; } .alx-feedb-data { position: absolute; opacity: 0; } .alx-feedb-data-view { position: relative; opacity: 1; width: 100%; transition: all 0.3s ease 0s; } .afbf_success_block { height: 140px; display: table; vertical-align: middle; width: 100%; margin-bottom: 20px; } .afbf_success_block._without-popup { height: 100px; } .afbf_success_block._without-popup .afbf_mess_ok { text-align: left; line-height: 50px; } .afbf_success_block._without-popup .afbf_mess_ok .mess { margin-left: 60px; } .afbf_success_block._without-popup .afbf_ok_icon { display: inline-block; width: auto; min-width: 50px; float: left; margin-bottom: 0; } .afbf_mess_ok { display: table-cell; vertical-align: middle; text-align: center; } /* animation loading */ @keyframes alx-rotate-loading { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } } @-moz-keyframes alx-rotate-loading { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } } @-webkit-keyframes alx-rotate-loading { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } } @-o-keyframes alx-rotate-loading { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } } @keyframes alx-rotate-loading { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } } @-moz-keyframes alx-rotate-loading { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } } @-webkit-keyframes alx-rotate-loading { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } } @-o-keyframes alx-rotate-loading { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } } @keyframes loading-text-opacity { 0% { opacity: 0 } 20% { opacity: 0 } 50% { opacity: 1 } 100% { opacity: 0 } } @-moz-keyframes loading-text-opacity { 0% { opacity: 0 } 20% { opacity: 0 } 50% { opacity: 1 } 100% { opacity: 0 } } @-webkit-keyframes loading-text-opacity { 0% { opacity: 0 } 20% { opacity: 0 } 50% { opacity: 1 } 100% { opacity: 0 } } @-o-keyframes loading-text-opacity { 0% { opacity: 0 } 20% { opacity: 0 } 50% { opacity: 1 } 100% { opacity: 0 } } .alx-rotate-loading, .alx-feedb-loading { height: 120px; position: relative; width: 120px; border-radius: 100%; } .alx-rotate-loading { margin: 40px auto; } .alx-feedb-loading { border: 13px solid transparent; border-color: transparent #fff transparent #FFF; -moz-animation: alx-rotate-loading 2s linear 0s infinite normal; -moz-transform-origin: 50% 50%; -o-animation: alx-rotate-loading 2s linear 0s infinite normal; -o-transform-origin: 50% 50%; -webkit-animation: alx-rotate-loading 2s linear 0s infinite normal; -webkit-transform-origin: 50% 50%; animation: alx-rotate-loading 2s linear 0s infinite normal; transform-origin: 50% 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .alx-rotate-loading:hover .alx-feedb-loading { border-color: transparent #E45635 transparent #E45635; } .alx-rotate-loading:hover .alx-feedb-loading, .alx-rotate-loading .alx-feedb-loading { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .alx-feedb-loading-text { animation: 2s linear 0s normal none infinite running loading-text-opacity; color: #fff; font-size: 15px; font-weight: bold; margin-top: 52.5px; position: absolute; text-align: center; text-transform: uppercase; top: 0px; width: 120px; } /* animation popup */ @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @-moz-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @-o-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @-moz-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @-o-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @-moz-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @-o-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideoutright { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-moz-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideoutright { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } } @-o-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-o-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-moz-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-o-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes bounceIn { 0% { transform: scale(1); opacity: 1 } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(0); opacity: 0; display: none; } } @keyframes pulse { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulseMess { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); } 20% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.01, 1.01, 1.01); transform: scale3d(1.01, 1.01, 1.01); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-moz-keyframes bounceIn { 0% { transform: scale(1); opacity: 1 } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(0); opacity: 0; display: none; } } @-moz-keyframes pulse { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-moz-keyframes pulseMess { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); } 20% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.01, 1.01, 1.01); transform: scale3d(1.01, 1.01, 1.01); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-o-keyframes bounceIn { 0% { transform: scale(1); opacity: 1 } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(0); opacity: 0; display: none; } } @-o-keyframes pulse { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-o-keyframes pulseMess { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); } 20% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.01, 1.01, 1.01); transform: scale3d(1.01, 1.01, 1.01); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes bounceIn { 0% { transform: scale(1); opacity: 1 } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(0); opacity: 0; display: none; } } @-webkit-keyframes pulse { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes pulseMess { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); } 20% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.01, 1.01, 1.01); transform: scale3d(1.01, 1.01, 1.01); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .alx-popup-show-anime1 { animation: pulse .75s ease-in-out 0s both; display: block; } .alx-popup-hide-anime1 { animation: bounceIn 0.5s; } .alx-popup-mess-show-anime1 { animation: pulseMess .75s ease-in-out 0s both; max-height: 100%; opacity: 1; transition: all 0.8s ease 0s; } .alx-popup-show-anime2 { animation: rotateIn .75s ease-in-out 0s both; display: block; } .alx-popup-hide-anime2 { animation: rotateOut 0.5s both; } .alx-popup-mess-show-anime2 { animation: rotateIn .75s ease-in-out 0s both; max-height: 100%; opacity: 1; transition: all 0.8s ease 0s; } .alx-popup-show-anime3 { animation: fadeInRight .75s ease-in-out 0s both; display: block; } .alx-popup-hide-anime3 { animation: fadeOutRight 0.5s both; } .alx-popup-mess-show-anime3 { animation: fadeInRight .75s ease-in-out 0s both; max-height: 100%; opacity: 1; transition: all 0.8s ease 0s; } .alx-popup-show-anime4 { animation: bounceInDown .75s ease-in-out 0s; display: block; } .alx-popup-hide-anime4 { animation: bounceOutDown 0.5s; } .alx-popup-mess-show-anime4 { animation: bounceInDown .75s ease-in-out 0s both; max-height: 100%; opacity: 1; transition: all 0.8s ease 0s; } /* feedb_styles */ .alx_feed_back { /*padding:0px;*/ padding: 40px 20px 40px; margin: 0px; text-transform: none !important; text-align: left !important; line-height: normal !important; text-decoration: none !important; } .alx_feed_back * { text-transform: none !important; text-align: left !important; line-height: normal !important; text-decoration: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .alx_feed_back form { padding: 0px; margin: 0px; } .modal_form .afbf_error_block { position: relative; margin-bottom: 20px; } .modal_form .afbf_error_block:after { content: ''; position: absolute; bottom: -10px; left: -20px; right: -20px; height: 1px; background: #ccc; } /* .afbf_error_icon{ float:left; margin-right:5px; width:50px; height:40px; background:url(/local/templates/cpp46.ru/css/images/afbf_danger-sign.png) no-repeat 0 0; } */ .afbf_error_block .afbf_error_text, .afbf_error_block .afbf_error_ftext { font-size: 16px; min-height: 40px; /*line-height:40px;*/ padding-bottom: 30px; color: #f80000; display: block; } /* .afbf_ok_icon{ margin:0 0 20px 0; width:100%; height:50px; background:url(/local/templates/cpp46.ru/css/images/afbf_check-box.png) no-repeat 50% 50%; } */ .modal_form .afbf_error_block td { vertical-align: top; text-align: left; } .alx-feedb-error { margin-top: 20px; } .modal_form .alx-feedb-error { margin-top: 0px; } .alx-feedb-error .afbf_error_block ul { list-style: none; padding-left: 55px; font-size: 14px; color: #f80101; margin: 0; } .alx-feedb-error .afbf_error_block ul li { padding: 0px 0px 4px 8px; margin: 0px; display: block; list-style: none !important; background: transparent !important; } .alx-feedb-error .afbf_error_block ul li:before { content: '' !important; } .alx-feedb-error .afbf_error_block ul li span { position: relative; z-index: 1; margin-left: -8px; } .modal_form .afbf_feedback_poles { padding: 0px; margin: 11px 0px 0px 0px; } /* .afbf_item_pole{ padding:0px; margin:40px 0px 30px; position:relative; }*/ *html .afbf_item_pole { position: relative; z-index: 1; zoom: 1; } .afbf_item_pole .afbf_name { padding: 0px; margin: 0px 0px 6px 0px; } .afbf_item_pole .afbf_select { appearance: none; } .afbf_item_pole .afbf_select, .afbf_item_pole .afbf_textarea, .afbf_item_pole .afbf_inputtext { height: 55px; width: 86%; padding: 7px 19px !important; font-size: 18px; outline: none; border: 1px solid #e0e0e0; box-shadow: 1px 1px 10px #ccc; } .afbf_item_pole.item_pole__captcha .afbf_inputtext { box-sizing: content-box; padding: 7px 0px !important; } .afbf_item_pole select.afbf_inputtext.afbf_select_sect { height: auto; } /* -------- */ .afbf_item_pole .dropdownjs.feedback_dropdown>ul { right: 0; left: auto; top: 35px; bottom: auto; height: 120px; padding: 0; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-box-shadow: 0px 11px 22px 2px rgba(204, 204, 204, 0.75); -moz-box-shadow: 0px 11px 22px 2px rgba(204, 204, 204, 0.75); box-shadow: 0px 11px 22px 2px rgba(204, 204, 204, 0.75); } .afbf_item_pole .dropdownjs.feedback_dropdown:after { content: ''; position: absolute; right: 10px; top: 50%; margin-top: -2px; display: inline-block; border: 5px solid transparent; border-top: 5px solid #767676; } .afbf_item_pole .afbf_checkbox label { margin-left: 20px; margin-bottom: 5px; font-weight: normal; position: relative; cursor: pointer; font-size: 14px; top: auto; left: auto; pointer-events: inherit; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; } .afbf_checkbox { margin: 10px 0 20px; } .afbf_checkbox input[type=checkbox] { position: absolute; opacity: 0; width: 0; height: 0; margin: 0; overflow: hidden; pointer-events: none; } .afbf_checkbox .afbf_checkbox_box { vertical-align: middle; position: relative; top: 2px; margin-right: 12px; } .afbf_checkbox_box .afbf_checkbox_check { position: relative; display: inline-block; width: 18px; height: 18px; border: 2px solid rgba(0, 0, 0, .54); border-radius: 2px; overflow: hidden; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; z-index: 1; } .afbf_checkbox input[type=checkbox]+.afbf_checkbox_box .afbf_checkbox_check:before { content: ''; position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: block; margin-top: -4px; margin-left: 5px; width: 0; height: 0; -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before { content: ''; position: absolute; color: #7b7f7f; -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; } .afbf_checkbox input[type=checkbox]:focus:checked+.afbf_checkbox_box .afbf_checkbox_check:before { -webkit-animation: checkbox-on 0.3s forwards; -o-animation: checkbox-on 0.3s forwards; animation: checkbox-on 0.3s forwards; } .afbf_checkbox input[type=checkbox]:focus+.afbf_checkbox_box .afbf_checkbox_check:before { -webkit-animation: checkbox-off 0.3s forwards; -o-animation: checkbox-off 0.3s forwards; animation: checkbox-off 0.3s forwards; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check { border: none; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before { margin-top: -3px; margin-left: 7px; } .afbf_item_pole.is_filled .afbf_name.static_name, .afbf_item_pole.is_focused .afbf_name.static_name, .afbf_name.static_name { position: static; color: inherit; font-size: inherit; margin-bottom: 20px } .afbf_item_pole.item_pole__captcha .afbf_name { top: 67px; } .afbf_item_pole.item_pole__captcha.is_filled .afbf_name, .afbf_item_pole.item_pole__captcha.is_focused .afbf_name { top: 55px; } .afbf_pole_captcha { margin-bottom: 30px; } .afbf_pole_captcha .image { vertical-align: middle; } .afbf_pole_captcha .g-recaptcha { display: inline-block; vertical-align: middle; } .afbf_pole_captcha .afbf_captcha_reload { display: inline-block; vertical-align: middle; width: 22px; height: 16px; background: url(/local/templates/cpp46.ru/css/images/icon_reload.png) no-repeat 0 0; cursor: pointer; margin-left: 20px; } .afbf_inputtext_bg .afbf_textarea { width: 100%; z-index: 100; height: 102px; overflow: auto; resize: vertical; max-height: 450px; max-width: 100%; min-height: 34px; min-width: 100%; } .afbf_submit_block { margin: 30px 0px 0px 0px; padding: 0px; display: block; text-align: right !important; } .afbf_btn { display: inline-block; padding: 15px 25px !important; border: none !important; text-transform: uppercase !important; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px !important; -webkit-box-shadow: 0px 3px 4px 1px rgba(204, 204, 204, 0.75); -moz-box-shadow: 0px 3px 4px 1px rgba(204, 204, 204, 0.75); box-shadow: 0px 3px 4px 1px rgba(204, 204, 204, 0.75); cursor: pointer; font-size: 16px !important; outline: none; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .alx_feed_back .afbf_feedback_poles .afbf_btn:hover { -webkit-box-shadow: 0px 6px 6px 1px rgba(204, 204, 204, 0.75); -moz-box-shadow: 0px 6px 6px 1px rgba(204, 204, 204, 0.75); box-shadow: 0px 6px 6px 1px rgba(204, 204, 204, 0.75); } .afbf_inputtext_bg select { width: 100%; padding: 0px; margin: 0px; border: 0px; } .afbf_file_button { position: absolute; right: -1px; height: 100%; top: -1px; z-index: 1; } *html .alx_feed_back .afbf_feedback_poles div { zoom: 1; } .afbf_inputtext_bg_calendar { position: relative; z-index: 2; zoom: 1; } .afbf_inputtext_bg_calendar .afbf_calendar_icon { position: absolute; top: 3px; right: 5px; } .afbf_error_text, .afbf_error_ftext { display: none; } .afbf_item_pole.error_pole .afbf_error_text, .afbf_item_pole.error_fpole .afbf_error_ftext { position: relative; display: block; margin: 5px 0 0; padding-right: 20px; color: #f80000; font-size: 12px; } .afbf_item_pole.error_pole .afbf_error_text:after, .afbf_item_pole.error_fpole .afbf_error_ftext:after { content: ''; position: absolute; right: 0; display: inline-block; width: 17px; height: 16px; background: url(/local/templates/cpp46.ru/css/images/icon_error.png) 0 0 no-repeat; } /* dropdown styles */ .dropdownjs { position: relative; } .dropdownjs * { box-sizing: border-box; } .dropdownjs>input { width: 100%; padding-right: 30px; text-overflow: ellipsis; } .dropdownjs>input.focus~ul { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .dropdownjs>ul { position: absolute; padding: 0; margin: 0; min-width: 200px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: 10000; } .dropdownjs>ul[placement=top-left] { -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; bottom: 0; left: 0; } .dropdownjs>ul[placement=bottom-left] { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; top: 0; left: 0; } .dropdownjs>ul>li { list-style: none; padding: 10px 20px; } .dropdownjs>ul>li.dropdownjs-add { padding: 0; } .dropdownjs>ul>li.dropdownjs-add>input { border: 0; padding: 10px 20px; width: 100%; } /* Theme */ .dropdownjs>input[readonly] { cursor: pointer; } select[data-dropdownjs][disabled]+.dropdownjs>input[readonly] { cursor: default; } .dropdownjs>ul { background: #FFF; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12); -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; padding: 10px; overflow: auto; max-width: 500px; } .dropdownjs>ul>li { cursor: pointer; word-wrap: break-word; -webkit-transition: background-color .15s ease 0s; -moz-transition: background-color .15s ease 0s; -ms-transition: background-color .15s ease 0s; -o-transition: background-color .15s ease 0s; transition: background-color .15s ease 0s; } .dropdownjs>ul>li:hover, .dropdownjs>ul>li.selected, .dropdownjs>ul>li:active { background-color: #eaeaea; outline: 0; } .dropdownjs>ul>li:focus { outline: 0; outline: 1px solid #d4d4d4; } .dropdownjs>ul>li>.close:before { content: "\00d7"; display: block; position: absolute; right: 15px; float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .6; } .dropdownjs>ul>li:h>.close:hover:before { opacity: .9; } /* end dropdown styles */ /* Radio buttons */ .afbf_radio { margin: 0 0 20px; } .afbf_radio label { padding-bottom: 10px; padding-left: 34px; position: relative; top: auto; left: auto; pointer-events: inherit; cursor: pointer; font-size: 14px; color: #1b1b1b; line-height: 20px !important; display: inline-block; } .afbf_radio input[type=radio] { position: absolute; opacity: 0; height: 0; width: 0; overflow: hidden; } .afbf_radio span { display: block; position: absolute; left: 0; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .afbf_radio .afbf_radio_circle { border: 2px solid rgba(0, 0, 0, .54); height: 20px; width: 20px; border-radius: 50%; } .afbf_radio .afbf_radio_check { left: 5px; top: 5px; height: 10px; width: 10px; border-radius: 100%; background-color: rgba(0, 0, 0, .54); -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .afbf_radio input[type=radio]:checked~.afbf_radio_check { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* Togglebuttons */ .afbf_checkbox.toggle { margin: 0 0 40px; } .afbf_checkbox.toggle label { position: relative; cursor: pointer; font-size: 14px; color: #1b1b1b; top: auto; left: auto; pointer-events: inherit; } .afbf_checkbox.toggle input[type=checkbox] { opacity: 0; width: 0; height: 0; margin: 0; position: absolute; } .afbf_checkbox.toggle label .afbf_checkbox_check { display: none; } .afbf_checkbox.toggle, .afbf_checkbox.toggle label, .afbf_checkbox.toggle input, .afbf_checkbox.toggle .afbf_checkbox_box { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .afbf_checkbox.toggle label .afbf_checkbox_box { display: inline-block; width: 36px; height: 15px; background-color: #bbb9b9; border-radius: 15px; margin-right: 15px; -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; vertical-align: middle; top: -2px; } .afbf_checkbox.toggle label .afbf_checkbox_box:after { content: ""; display: inline-block; width: 20px; height: 20px; background-color: #f1f1f1; border-radius: 20px; position: relative; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); left: 0; top: -3px; -webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease; -o-transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; } /* Fileinput */ .afbf_inputtext_bg.file input[type=file] { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; cursor: pointer } .afbf_inputtext_bg.file .afbf_input_group { position: relative; display: table; width: 100%; border-collapse: separate; } .afbf_inputtext_bg.file .afbf_input_group .afbf_inputtext { display: table-cell; width: 100%; height: 34px; } .afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn { position: relative; display: table-cell; padding-left: 5px; font-size: 0; white-space: nowrap; width: 1%; vertical-align: middle; } .afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button { border-radius: 50%; height: 34px; margin: auto; width: 34px; overflow: hidden; border: none; position: relative; line-height: normal; background: #fff url(/local/templates/cpp46.ru/css/images/icon_file.png) center no-repeat; cursor: pointer; -webkit-box-shadow: 0px 1px 2px 1px rgba(231, 231, 231, 1); -moz-box-shadow: 0px 1px 2px 1px rgba(231, 231, 231, 1); box-shadow: 0px 1px 2px 1px rgba(231, 231, 231, 1); } .afbf_inputtext_bg.file.load_file label { font-size: 12px; } .afbf_radio .afbf_radio_circle { border: 2px solid; } .afbf_checkbox.toggle label input[type=checkbox]:checked+.afbf_checkbox_box:after { left: 15px; } /* -------- */ .afbf_send_another_message { text-align: center; margin-top: 20px; } @media screen and (max-width:768px) { .alx_feed_back { width: 99% !important; } .modal_form { width: 100% !important; margin-left: 0 !important; left: 0; } } /* Animation */ @-webkit-keyframes checkbox-on { 0% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px } 50% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px } to { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px } } @-o-keyframes checkbox-on { 0% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px } 50% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px } to { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px } } @keyframes checkbox-on { 0% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px } 50% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px } to { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px } } @-webkit-keyframes checkbox-off { 0% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset } 25% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset } 50% { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; margin-left: 6px; width: 0; height: 0; -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset } 51% { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin-top: -2px; margin-left: -2px; width: 20px; height: 20px; -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 10px inset; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 10px inset } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); margin-top: -2px; margin-left: -2px; width: 20px; height: 20px; -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset } } @-o-keyframes checkbox-off { 0% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset } 25% { box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset } 50% { -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; margin-left: 6px; width: 0; height: 0; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset } 51% { -o-transform: rotate(0deg); transform: rotate(0deg); margin-top: -2px; margin-left: -2px; width: 20px; height: 20px; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 10px inset } to { -o-transform: rotate(0deg); transform: rotate(0deg); margin-top: -2px; margin-left: -2px; width: 20px; height: 20px; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset } } @keyframes checkbox-off { 0% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset } 25% { -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset } 50% { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; margin-left: 6px; width: 0; height: 0; -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset } 51% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); margin-top: -2px; margin-left: -2px; width: 20px; height: 20px; -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 10px inset; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 10px inset } to { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); margin-top: -2px; margin-left: -2px; width: 20px; height: 20px; -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset; box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset } } .afbf_feedback_poles .personal__title { font-size: 20px; margin-bottom: 0; } .afbf_feedback_poles .checkbox { position: absolute; opacity: 0; z-index: -1; } .checkbox:checked+span:before { content: ""; background-image: url('/local/templates/cpp46.ru/css/../components/altasib/feedback.form/form_service/images/icon_checked.svg'); background-repeat: no-repeat; background-position: center; } .checkbox+span:before { content: ""; display: inline-block; width: 17px; height: 25px; left: 0; top: 50%; margin-top: -12.5px; box-shadow: 1px 1px 5px #000; } .agree { margin-top: 25px; display: flex; align-items: center; } .agree a { padding-left: 10px; } .afbf_feedback_poles .afbf_submit_block { margin: 30px 15px 0 0; } .afbf_close_container .modal_close_ok { background: #e04e39; } .afbf_send_another_message a { color: #e04e39; font-weight: bold; } .afbf_ok_icon svg { width: 45px; height: 45px; fill: #e04e39; margin-bottom: 20px; } .afbf_feedback_poles .personal__input { margin-bottom: 0; } .afbf_feedback_poles .afbf_inputtext_bg { margin-bottom: 15px; } .calendar-form { width: 20px; height: 20px; } .afbf_feedback_poles .afbf_calendar_icon { display: flex; align-items: center; height: 100%; top: 0 } .afbf_feedback_poles .error_pole .afbf_calendar_icon { height: 73%; } .afbf_feedback_poles .personal__input:last-child { margin-bottom: initial; } #alx_feed_back_FID1 { background: url('/local/templates/cpp46.ru/img/callback_fon.png'); background-repeat: no-repeat; padding: 0; background-size: cover; background-position: 50%; } .afbf_error_block { display: none; } #alx_feed_back_FID1 .afbf_feedback_poles { width: 50%; margin: 0 0 0 auto; padding: 30px 30px 35px 0; } #alx_feed_back_FID1 .personal__title { font-size: 24px; } #alx_feed_back_FID1 .afbf_feedback_poles .afbf_inputtext_bg { margin-bottom: 20px; } #alx_feed_back_FID1 .agree { margin-top: 35px; justify-content: center; } #alx_feed_back_FID1 .personal__input { width: 86%; } #alx_feed_back_FID1 .afbf_feedback_poles .afbf_submit_block { margin: 30px 95px 0 0; } @media (max-width: 768px) { #alx_feed_back_FID1 { background: #fff; padding: 40px 20px 40px; } #alx_feed_back_FID1 .afbf_feedback_poles { width: 100%; margin: 11px 0px 0px 0px; padding: 0; } #alx_feed_back_FID1 .personal__title { font-size: 20px; } #alx_feed_back_FID1 .personal__input, #alx_feed_back_FID1 .afbf_item_pole .afbf_select { width: 100%; } #alx_feed_back_FID1 .afbf_feedback_poles .afbf_submit_block { margin: 30px 15px 0 0; } } #afbf_theme_fid1>.afbf_error_text { display: none; } /*form ID3*/ #alx_feed_back_FID3 { padding: initial; } .program .request { background-color: #e8d4c3; padding-top: 40px; padding-bottom: 50px; margin-bottom: 40px; } .request h3 { margin-bottom: 20px; } .request .col { flex: 1 0 auto; max-width: calc(100% / 2 - 15px); } .request .col:nth-of-type(1) { display: flex; flex-wrap: wrap; } .request .col:nth-of-type(1) div { flex-grow: 1; } .request .col:nth-of-type(1) > div { margin-bottom: 20px; } .request .afbf_feedback_poles .afbf_inputtext_bg { margin-bottom: 0; } .request .col:nth-of-type(1) > div:nth-of-type(1), .request .col:nth-of-type(1) > div:nth-of-type(2) { width: 48%; flex-grow: 0; } .request .col:nth-of-type(1) > div:nth-of-type(2) { margin-left: auto } .request .col div input { width: 100%; line-height: 37px !important; border: none; padding: 0 20px; box-shadow: none; height: 47px; } .request .col .current { margin-bottom: 35px; } .request .col .current input { display: none; } .request .col .current label { position: relative; padding-left: 35px; display: flex; } .request .col .current label a::before { content: ""; position: absolute; width: 18px; height: 24px; top: 50%; left: 0; transform: translateY(-50%); background-color: #fff; } .request .col .current input:checked+a::before { background-color: #000; } .request .col .current a { text-decoration: underline; } .request .col__footer { display: flex; justify-content: space-between; } .request .col__footer .file { position: relative; } .request .col__footer .afbf_input_group input[type=text] { position: relative; padding-left: 35px; text-decoration: underline; background: transparent; } .request .col__footer .afbf_input_group input[type=text]::placeholder { text-decoration: underline; color: #2c2a29; display: flex; flex-wrap: wrap; } .request .col__footer .afbf_input_group::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background-image: url("/local/templates/cpp46.ru/img/skrepka.svg"); background-repeat: no-repeat; } .request__wrapper { display: flex; justify-content: space-between; } .request__wrapper .col textarea { width: 100%; padding: 20px !important; height: 114px; border: none; margin-bottom: 30px; resize: none; box-shadow: none; } .request__wrapper .submit-application { background-color: transparent; border: none; position: relative; padding-right: 35px; } .request__wrapper .submit-application { font-size: 18px; font-weight: 700; text-decoration: none; color: #e04e39; position: relative; padding-right: 23px; } .request__wrapper .afbf_submit_block::after { content: ""; position: absolute; display: block; width: 8px; height: 15px; background-image: url("/local/templates/cpp46.ru/css/../img/arrow3.svg"); background-size: cover; right: 0; top: 45%; transform: translateY(-30%); } .request__wrapper .afbf_submit_block { margin-top: 5px; position: relative; flex-shrink: 0; } .request__wrapper .afbf_feedback_poles .afbf_submit_block { margin: 0; } #alx_feed_back_FID3 .afbf_group_btn { opacity: 0; z-index: -1; } /* End */ /* Start:/local/templates/cpp46.ru/css/style.css?1743687227127105*/ * { box-sizing: border-box; outline-style: none; } html { height: 100%; } body { height: 100%; font-family: 'PT Sans', sans-serif; font-size: 18px; font-weight: 400; color: #2c2a29; overflow-x: hidden; max-width: 4000px; margin: auto; display: flex; flex-direction: column; } header { flex: 0 0 auto; /* overflow-x: hidden; */ } main { flex: 1 0 auto; overflow-x: hidden; } footer { flex: 0 0 auto; overflow-x: hidden; } a { text-decoration: none; color: #2c2a29; } ul { list-style: none; padding: 0; margin: 0; } i.br { display: block; } h1, h2, h3, h4 { margin: 0; } h2.notfound { font-size: 40px; text-align: center; } .wrapper { position: relative; display: flex; flex-direction: column; /* height: 100%; */ align-items: center; justify-content: center; } h2.title-main { font-size: 40px; font-weight: 700; margin-bottom: 30px; } .cp { cursor: pointer; } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; clip: rect(0 0 0 0); overflow: hidden; } img { max-width: 100%; height: auto; width: 100%; } .container { position: relative; max-width: 1190px; width: 100%; margin: 0 auto; padding: 0 10px; } /*Заголовки*/ h1.title-main { font-size: 40px; font-weight: 800; margin-bottom: 45px; } h2.title { font-size: 40px; font-weight: 800; } h3.title { position: relative; font-size: 24px; font-weight: 800; margin-bottom: 30px; } span.title { font-size: 24px; font-weight: 800; display: inline-block; } h4.title { position: relative; font-size: 20px; font-weight: 800; margin-bottom: 20px; border: none; } .reportaudit-page button.title { position: relative; font-size: 20px; font-weight: 800; margin-bottom: 20px; border: none; background-color: #ffffff; } .title--center { text-align: center; } .title--info { font-size: 30px; } /*lines*/ .line { display: block; height: 2px; background-color: rgba(255, 255, 255, 0.4); } .line2 { display: block; height: 2px; background-color: #e8d4c3; } /*Фоновый текст*/ /*Ассоциация*/ .fon-text { color: #f8f1ec; font-weight: 800; } .fon-text--association { font-size: 100px; text-align: right; margin-top: -70px; } .fon-text--right { font-size: 150px; text-align: right; line-height: 120px; position: absolute; right: 0; bottom: 0; pointer-events: none; bottom: 40px; z-index: -1; } .fon-text--static { font-size: 150px; text-align: right; line-height: 120px; pointer-events: none; margin-bottom: 60px; } .fon-text--recovery { position: absolute; font-size: 135px; line-height: 120px; top: 10px; right: 0; writing-mode: tb-rl; } .fon-text--equipment { position: absolute; font-size: 170px; line-height: 170px; top: 80px; right: 0; writing-mode: tb-rl; } .fon-text--property { position: absolute; font-size: 170px; line-height: 170px; top: 80px; right: 0; writing-mode: tb-rl; white-space: nowrap; z-index: -1; } .fon-text--vertical { position: absolute; font-size: 170px; line-height: 170px; right: 0; writing-mode: tb-rl; } .fon-text-mini--vertical { position: absolute; font-size: 100px; line-height: 100px; right: 0; writing-mode: tb-rl; white-space: nowrap; } .fon-text--small { font-size: 60px; line-height: 60px; } .events-page .fon-text--recovery { top: 0; } .fon-text--fund { position: absolute; font-size: 250px; top: 40px; right: 0; writing-mode: tb-rl; } .fon-text--fund2 { font-size: 170px; line-height: 100px; } .mission-page .fon-text { position: absolute; right: 0; bottom: 20px; } .fon-text--medium { font-size: 170px; line-height: 170px; } .fon-text--notfound { font-size: 353px; text-align: center; line-height: 300px; padding-bottom: 20px; } .fon-text--absolute { position: absolute; font-size: 170px; line-height: 150px; left: 0; } .fon-text--lh { position: absolute; font-size: 170px; line-height: 450px; text-align: center; top: -100px; } .support-page .fon-text--absolute { left: 0; bottom: 0; top: 350px; transform: translateY(100%); } .support-page .wide-section { margin-bottom: 0; } .history-page .fon-text { position: absolute; writing-mode: tb; font-size: 170px; white-space: nowrap; right: 0; top: 0; } .workshops-page .link--red { margin-bottom: 320px; position: relative; z-index: 1; } /*Видеогалерея*/ .fon-text1 { position: absolute; display: block; width: 200px; top: -50px; height: calc(100% + 50px); left: 50%; transform: translateX(-50%); } .fon-text3 { position: absolute; font-size: 170px; margin: 0; padding-top: 40px; line-height: 130px; font-weight: 800; color: #f8f1ec; z-index: -1; } .fon-text--color { font-style: normal; color: rgba(224, 78, 57, 0.2); } .fon-text--center { text-align: center; } /*Шапка*/ .main-header { position: relative; box-shadow: 0 2px 10px #00000020; background-color: #fff; z-index: 20; } .main-header .container { display: flex; flex-wrap: wrap; } .logo { position: absolute; max-width: 230px; width: 100%; height: 100px; top: 17px; /* bottom: 0; */ margin-left: auto; margin-right: 20px; } .logo_outer { display: inline-block; height: 100%; position: absolute; left: 100px; top: -60px; width: auto; } .index-page h2.title { margin-bottom: 45px; } .search-and-hot { position: relative; margin-left: auto; display: flex; flex-wrap: wrap; } .search-and-hot::after { content: ''; position: absolute; background-color: #e8d4c3; height: 100%; width: 99999px; left: 100%; } .search-form { background-color: #e04e39; padding: 30px 30px 10px; color: #2c2a29; } input[type='search'] { width: 100%; height: 40px; width: 290px; border: none; padding-left: 20px; font-family: 'PT Sans', sans-serif; font-size: 18px; font-weight: 400; color: #565554; } .search-form__text { display: block; padding-top: 18px; text-decoration: none; color: #ffffff; } .search-form__text--phone { display: none; } .hot-line { position: relative; display: flex; flex-direction: column; justify-content: space-between; background-color: #e8d4c3; margin-right: -20px; padding: 30px 20px; font-size: 18px; } .hot-line__mess { font-size: 16px; display: inline-block; padding-top: 1px; padding-bottom: 1px; } .hot-line__links { font-weight: bold; display: flex; justify-content: space-between; margin-top: 15px; } .hot-line__phone-link { color: inherit; text-decoration: none; font-size: inherit; } .hot-line__phone-link--big { font-size: 19.5px; margin-left: auto; padding-left: 5px; } .hot-line__phone-link:hover { text-decoration: underline; color: #e04e39; } .header-menu { display: flex; flex-wrap: wrap; margin-left: auto; margin-top: 7px; margin-bottom: 7px; flex-grow: 1; } .header-menu__list { display: flex; flex-wrap: wrap; } .header-menu__list a { display: block; padding: 10px 15px; } .header-menu__item { position: relative; } .level-1:hover .sub-level-1 { display: block; } .level-2:hover .sub-level-2 { display: block; } .header-menu__submenu { display: none; position: absolute; left: 0px; z-index: 10; } .sub-level-1, .sub-level-2 { /* max-height: 50vh; */ } .header-menu__submenu .header-menu__submenu { top: 0; left: auto; right: 100%; } .header-menu .level-2 { min-width: 250px; } .header-menu .level-3 { width: 400px; } .submenu__item { border-bottom: 1px solid #fff; padding: 5px 0px; position: relative; background-color: #e04e39; transition: all 0.35s; } .submenu__item:hover { background-color: #e49a8f; } .submenu__item--active { background-color: #e49a8f; } .submenu__item:last-child { border-bottom: none; } .header-menu__list .submenu__item a { color: #fff; padding-top: 4px; padding-bottom: 4px; } .header-menu__item--active { background-color: #e04e39; } .header-menu__item a { transition: all 0.35s; } .header-menu__item:hover > a { background-color: #e04e39; color: #fff; } .header-menu__list a { color: #2c2a29; text-decoration: none; } .header-menu__item--active a { color: #fff; } .index-page .banner { position: relative; z-index: 2; } .banner-wrapper { /* overflow: hidden; */ position: relative; z-index: 20; } .banner__slider { position: relative; z-index: 20; max-height: 706.2px; width: 100%; } .banner__pic { background-size: cover; } .list-contacts { line-height: 36px; margin-bottom: 20px; } /*Секция новости*/ .news { background-color: #e8d4c3; } .news .container { position: relative; } .news .title { padding-top: 40px; } /* .news .title::after { content: ""; position: absolute; left: 57px; width: 191px; height: 48px; background-color: #e04e39; z-index: -1; } */ .title--center { text-align: center; } .big-title { font-size: 250px; line-height: 250px; color: #fff; font-weight: 700; margin: 0; } .news .see-all { position: relative; background-color: #e04e39; margin: 0; height: 113px; } .news .see-all::after { content: ''; position: absolute; background-color: #e04e39; height: 100%; width: 99999px; left: 100%; } .news .see-all::before { content: ''; position: absolute; background-color: #e04e39; height: 100%; width: 99999px; right: 100%; } .see-all__link { position: absolute; bottom: 35px; color: #fff; padding-right: 40px; text-decoration: none; background-color: transparent; border-style: none; outline-style: none; cursor: pointer; font-size: 20px; font-weight: 800; } .see-all__link--color { position: relative; text-decoration: none; margin: 0; color: #e04e39; box-sizing: border-box; bottom: 0; } .news .see-all__link::after { content: ''; position: absolute; background-image: url(/local/templates/cpp46.ru/css/../img/arrow2.svg); background-position: center; background-repeat: no-repeat; right: 10px; width: 14px; height: 26px; top: 50%; margin-top: -11px; } .preview-news { position: absolute; overflow: hidden; top: 30px; right: 0; background-color: #fff; box-shadow: 0 0 10px #ccc; z-index: 1; } .preview-news__list { max-width: 729.7px; width: 100%; height: 379px; padding: 34px; box-sizing: border-box; } .preview-news__text { color: #565554; text-decoration: none; } .preview-news__date { display: block; color: #e04e39; } .preview-news__item { padding-bottom: 20px; line-height: 1.4; } .preview-news__item:last-child { padding-bottom: 0; } /*Секция услуги*/ .services { overflow: hidden; } .services .title { padding-top: 65px; } .index-page h2.title { position: relative; z-index: 1; } /* .index-page h2.title::after { content: ""; position: absolute; left: 25px; width: 191px; height: 48px; background-color: #e04e39; z-index: -1; } */ .achivements h2.title { text-align: center; } /* .achivements h2.title::after { content: ""; left: 50%; } */ .service-page .main-footer { margin-top: 200px; } .type-servicess { width: 560px; } .type-services-banner { display: flex; align-items: center; } .services-banner { position: relative; display: flex; width: 600px; height: 850px; background-color: #e8d4c3; } .services-banner::before { content: ''; position: absolute; width: 2px; height: 850px; background-color: #e8d4c3; top: 320px; margin-top: -319.2px; left: -8px; } .services-banner::after { content: ''; position: absolute; width: 9999999px; height: 100%; background-color: #e8d4c3; left: 100%; z-index: -1; } .services-banner__name { padding-top: 130px; padding-left: 20px; color: #565554; width: 400px; } .services-banner__name span { display: block; margin-bottom: 10px; } .type-business { padding-bottom: 17px; } .type-business__list { display: flex; flex-wrap: wrap; } .type-business__item { padding: 18px 29px; margin-right: 30px; font-size: 20px; font-weight: 800; cursor: pointer; transition: 0.3s; z-index: 1; } .type-business__item:hover, .type-business__item--active { box-shadow: 0 0 10px #ccc; } .type-business__item:last-child { margin-right: 0; } .type-servicess__list { position: relative; display: flex; flex-wrap: wrap; flex-direction: column; padding-bottom: 1em; } .type-servicess__item { position: relative; height: 80px; display: flex; align-items: center; cursor: pointer; } .service-page .type-servicess__item { border: none; } .service-page .type-servicess__item { z-index: 2; } .services-banner__title { position: absolute; font-size: 250px; font-weight: 800; font-style: normal; color: #fff; top: 10px; writing-mode: tb-rl; transform: translate(130%, 0px); } .type-servicess__item--active::before { content: ''; position: absolute; width: 10px; height: 112.4px; background-color: #e04e39; right: -28px; top: 50%; margin-top: -56.2px; z-index: 1; } .type-servicess__item:hover::before { content: ''; position: absolute; width: 10px; height: 112.4px; background-color: #e04e39; right: -28px; top: 50%; margin-top: -56.2px; z-index: 1; } .type-servicess__item--left-hover:hover::before, .type-servicess__item--active-left::before { content: ''; position: absolute; width: 10px; height: 85px; background-color: #e04e39; left: 0; top: 50%; margin-left: -26px; margin-top: -42.5px; z-index: 1; } .type-servicess__item:hover { border-top: 1px solid #e8d4c3; border-bottom: 1px solid #e8d4c3; margin-right: 30px; } .type-servicess__link { display: flex; align-items: center; text-decoration: none; } .type-servicess__item--active { border-top: 1px solid #e8d4c3; border-bottom: 1px solid #e8d4c3; margin-right: 30px; } .type-servicess__item--active .type-servicess__text { color: #000; } .type-servicess__item svg { padding-left: 15px; } .type-servicess__text { font-size: 20px; font-weight: 800; color: #565554; padding-left: 45px; } /*Календарь*/ /* .calendar-of-events .title::after { content: ""; position: absolute; left: 285px; width: 191px; height: 48px; background-color: #e04e39; z-index: -1; } */ .calendar-of-events .see-all__link::after { content: ''; position: absolute; background-image: url(/local/templates/cpp46.ru/css/../img/arrow3.svg); background-position: center; background-repeat: no-repeat; right: 10px; width: 14px; height: 26px; top: 50%; margin-top: -11px; } .preview-events { margin-bottom: 2em; } .preview-events__list { display: flex; flex-wrap: wrap; /* justify-content: space-between; */ margin-right: -20px; } .preview-events__link { position: relative; display: block; background-color: #fff; margin-right: 20px; text-decoration: none; box-shadow: 0 0 10px #ccc; z-index: 2; min-height: 160px; width: 100%; } /*градиент*/ .preview-events__link--gradient { position: relative; box-shadow: 0 0 10px #ccc; display: block; height: 290px; width: 100%; } .preview-events__link--gradient .preview-events__text { color: #fff; padding-right: 20px; } .preview-events__link--gradient::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(#e04e39, rgba(255, 255, 255, 0.1)); z-index: -1; pointer-events: none; } .preview-events__link--gradient:hover::before { opacity: 1; } .preview-events__link--gradient:hover .preview-events__text { color: #fff; } /*градиент*/ .preview-events__item { display: flex; position: relative; margin-bottom: 10px; } .preview-events__item--news { height: 260px; } .preview-events__content { padding-top: 20px; padding-left: 20px; margin: 0; } .preview-events__item:nth-child(1), .preview-events__item:nth-child(2), .preview-events__item:nth-child(3), .preview-events__item:nth-child(6), .preview-events__item:nth-child(7), .preview-events__item:nth-child(8) { width: 33.33%; } .preview-events__item:nth-child(4), .preview-events__item:nth-child(5), .preview-events__item:nth-child(9), .preview-events__item:nth-child(10) { width: 50%; } .preview-events__link--gradient:hover::before { display: block; } /* .preview-events__link--gradient:hover p, .preview-events__link--gradient:hover b { color: #fff; } */ .preview-events__date { display: block; font-size: 24px; font-weight: 800; color: #2c2a29; padding-left: 20px; padding-top: 20px; } .preview-events__text { display: block; font-weight: 400; color: #565554; margin: 0; padding: 20px 60px 20px 20px; } .preview-events__text--white { color: #fff; } .invitation__list { display: flex; flex-wrap: wrap; justify-content: space-between; } .invitation__item { position: relative; overflow: hidden; max-width: 639px; width: 100%; height: 158px; padding: 20px; box-shadow: 0 0 10px #ccc; background-color: #fff; } .invitation__item:first-child { max-width: 640px; width: 100%; } .invitation__item:last-child { max-width: 500px; width: 100%; } button.arrow, a.arrow { position: absolute; right: 20px; bottom: 20px; width: 25px; height: 41px; border: none; background-color: #e8d4c3; background-image: url(/local/templates/cpp46.ru/css/../img/arrow.svg); background-position: center; background-repeat: no-repeat; cursor: pointer; z-index: 2; } .contests-page button.arrow { right: -55px; top: 30px; transition: all 0.3s; } a.arrow { position: absolute; right: 20px; top: 0; width: 25px; height: 41px; border: none; background-color: #e8d4c3; background-image: url(/local/templates/cpp46.ru/css/../img/arrow.svg); background-position: center; background-repeat: no-repeat; cursor: pointer; } .events-page a.arrow { top: 50%; margin-top: -20.5px; } button.arrow--active, button.arrow:hover, a.arrow:hover { background-color: #e04e39; transition: 0.3s; } /*Достижения*/ /* .achivements .title::after { content: ""; position: absolute; left: 50%; width: 191px; height: 48px; background-color: #e04e39; z-index: -1; } */ .achievments { position: relative; } .achievments h2.title { margin-bottom: 40px; text-align: center; } .calendar-of-events { margin-top: 140px; } .calendar-of-events .container { position: relative; } .wrapper-calendar { display: flex; margin-bottom: 25px; } .calendar { width: 580px; margin-left: auto; background-color: #ccc; box-shadow: 1px 1px 10px #ccc; z-index: 2; } .achivements-slider { margin-bottom: 60px; max-width: 955px; width: 100%; margin: 0 auto; } .slider2.owl-carousel .owl-item img { background-size: cover; background-position: center; } .certificate-page .owl-item img { width: auto; } /*Контакты*/ .contacts { overflow: hidden; } .contacts .container { display: flex; justify-content: space-between; } .contacts__column h3.title { margin-bottom: 35px; } .your-questions { position: relative; display: flex; align-items: center; width: 50%; height: 183.5px; background-color: #e04e39; } .your-questions::before { content: ''; position: absolute; width: 99999px; height: 100%; background-color: #e04e39; right: 100%; } .your-questions__text { font-size: 24px; font-weight: 800; color: #fff; } .our-contacts { display: flex; align-items: center; position: relative; width: 50%; height: 183.5px; background-color: #e8d4c3; } .our-contacts__wrapper { display: flex; justify-content: space-around; width: 100%; } .our-contacts::after { content: ''; position: absolute; width: 99999px; height: 100%; background-color: #e8d4c3; left: 100%; } .our-contacts__block { display: flex; flex-direction: column; } .our-contacts__title { font-size: 20px; font-weight: 800; padding-bottom: 20px; } .our-contacts__text { color: #565554; } .our-contacts__item { text-decoration: none; color: #565554; } .links h2.title { text-align: center; } /* .links h2.title::after { content: ""; left: 50%; } */ .links__list { padding-left: 0; max-width: 860px; width: 100%; margin: 0 auto; display: flex; } .links__pic { height: 150px; object-fit: contain; object-position: center; margin: 0 auto; margin-bottom: 20px; } .links__item { margin: 0 auto; max-width: 150px; width: 100%; height: auto; } .links-wrapper { text-align: center; } .links-item--achive { max-width: 209px; } .links__label { display: inline-block; color: #565554; padding-left: 20px; padding-right: 20px; } .links__link { display: block; text-decoration: none; text-align: center; } /* .links .title::after { content: ""; position: absolute; left: 50%; width: 191px; height: 48px; background-color: #e04e39; z-index: -1; } */ /*Подвал*/ .main-footer { position: relative; background-color: #2c2a29; } .links-list { display: flex; padding-top: 40px; } .links-list__item { text-decoration: none; font-size: 18px; padding-right: 40px; } .links-list__item:last-child { padding-right: 0; } .links-list__link { text-decoration: none; color: #fff; } .copyright { display: block; color: #fff; padding-top: 30px; padding-bottom: 50px; font-size: 16px; } /* Кубики на фоне */ /* на белом фоне #F8F1EC */ .wrapper-square { position: relative; } .square1 { position: absolute; width: 740px; height: 740px; border: 60px solid rgba(255, 255, 255, 0.5); } .square1--index { position: absolute; width: 706px; height: 706px; border: 60px solid rgba(255, 255, 255, 0.5); transform: rotate(58deg); right: -6px; z-index: 1; } .calendar-of-events .square1--index { z-index: initial; } .square2 { position: absolute; width: 744px; height: 744px; border: 60px solid #f8f1ec; } .square2--index { transform: rotate(50deg); right: -328px; border-color: #f8f1ec; top: 125px; } .square3 { position: absolute; width: 492px; height: 492px; border: 60px solid #f8f1ec; z-index: -1; } .square3--documents { bottom: 700px; left: -412px; transform: rotate(45deg); } .square3--corporation { top: -250px; right: -200px; transform: rotate(34deg); } .square3--corporation2 { top: 650px; left: -600px; transform: rotate(34deg); } .square3--businessman { top: -300px; left: 0; transform: rotate(36deg); } .square3--businessman2 { top: 79px; left: -900px; transform: rotate(36deg); } .square3--index { left: -300px; top: 80px; transform: rotate(32deg); } .square3--events { left: 332px; transform: rotate(30deg); top: -543px; } .square3--events2 { left: -308px; transform: rotate(30deg); bottom: -600px; } .square3--news { left: 643px; transform: rotate(30deg); top: -166px; } .square3--news2 { left: -30px; transform: rotate(39deg); bottom: -148px; } .square3--onenews { left: 608px; transform: rotate(30deg); top: -543px; } .square3--onenews2 { left: -275px; transform: rotate(30deg); bottom: -400px; } .square3--tables { left: 608px; transform: rotate(30deg); top: -543px; /* z-index: ; */ } .square3--tables2 { left: -375px; transform: rotate(30deg); bottom: -400px; } .square3--report { left: 608px; transform: rotate(30deg); top: -543px; /* z-index: ; */ } .square3--report2 { left: -375px; transform: rotate(30deg); bottom: -400px; } .square3--contests { left: 608px; transform: rotate(30deg); top: -543px; /* z-index: ; */ } .square3--contests2 { left: -375px; transform: rotate(30deg); bottom: -400px; } .square3--property { left: 500px; transform: rotate(30deg); top: -543px; } .square3--property2 { left: -375px; transform: rotate(30deg); bottom: -400px; } .square3--support { left: 300px; transform: rotate(30deg); top: -400px; } .square3--support2 { left: -500px; transform: rotate(30deg); bottom: 200px; } .square3--services { left: 300px; transform: rotate(30deg); top: -400px; } .square3--services2 { left: -500px; transform: rotate(30deg); bottom: 200px; } .square3--technics { left: -600px; transform: rotate(30deg); top: 500px; } .square3--technics2 { left: 1000px; transform: rotate(30deg); bottom: -400px; } .square3--exhibition { left: 608px; transform: rotate(30deg); top: -543px; } .square3--exhibition2 { left: -375px; transform: rotate(30deg); bottom: -400px; } .square3--smi { left: -400px; transform: rotate(30deg); top: 100px; } .square3--smi2 { right: -200px; transform: rotate(30deg); bottom: 0; } .square3--winners { left: -400px; transform: rotate(30deg); top: 100px; } .square3--winners2 { right: -200px; transform: rotate(30deg); bottom: 0; } .square3--study { right: -100px; transform: rotate(30deg); top: -300px; } .square3--study2 { left: -500px; transform: rotate(30deg); bottom: 100px; } .square3--mission { right: -100px; transform: rotate(30deg); top: -300px; } .square3--mission2 { left: -500px; transform: rotate(30deg); bottom: 100px; } .square3--translate { right: -100px; transform: rotate(30deg); top: -300px; } .square3--translate2 { left: -500px; transform: rotate(30deg); bottom: 100px; } .square3--realization { right: -100px; transform: rotate(30deg); top: -300px; } .square3--realization2 { left: -500px; transform: rotate(30deg); bottom: 100px; } .square3--workshops { right: -100px; transform: rotate(30deg); top: -300px; } .square3--workshops2 { left: -500px; transform: rotate(30deg); bottom: 100px; } .square3--certificate { right: -100px; transform: rotate(30deg); top: -300px; } .square3--certificate2 { left: -500px; transform: rotate(30deg); bottom: 100px; } .square4 { position: absolute; width: 191px; height: 191px; border: 30px solid #f8f1ec; } .square4--index { transform: rotate(45deg); left: -300px; bottom: 140px; } .square4--reports { left: 800px; top: -250px; transform: rotate(45deg); } .square5 { position: absolute; width: 160px; height: 160px; border: 25px solid rgba(255, 255, 255, 0.5); } .square5--wide { left: 156px; bottom: -111px; transform: rotate(31deg); } .square6 { position: absolute; width: 120px; height: 120px; border: 20px solid #f8f1ec; } .square6--index { top: -53px; left: -50px; transform: rotate(34deg); } .square7 { position: absolute; width: 109px; height: 109px; border: 20px solid #f8f1ec; } .square7--index { bottom: 48px; left: -120px; transform: rotate(45deg); } .square8 { position: absolute; width: 100px; height: 100px; border: 20px solid rgba(255, 255, 255, 0.5); } .square8--mod { border: 20px solid #f8f1ec; right: 400px; top: 50px; transform: rotate(-100deg); z-index: -1; } .square9 { position: absolute; width: 60px; height: 60px; border: 15px solid rgba(255, 255, 255, 0.5); } .square9--mod { border: 15px solid #f8f1ec; left: 450px; transform: rotate(-100deg); z-index: -1; } .square9--association { border-color: #f8f1ec; right: 250px; transform: rotate(59deg); z-index: -1; } .square9--wide { left: 47.4%; transform: rotate(45deg); bottom: -20px; } .square10 { position: absolute; width: 625px; height: 625px; border: 60px solid #f8f1ec; } .square10--index { z-index: -1; left: 650px; top: -550px; transform: rotate(59deg); } .square11 { position: absolute; width: 108px; height: 108px; border: 20px solid #f8f1ec; } .square11--wide { border: 20px solid rgba(255, 255, 255, 0.3); left: 297px; transform: rotate(40deg); top: -20; } .square11--reports { transform: rotate(45deg); left: 1000px; top: -50px; transform: rotate(45deg); z-index: -1; } .square12 { position: absolute; width: 90px; height: 90px; border: 20px solid #f8f1ec; } .square12--confirm { left: 160px; top: 65px; transform: rotate(40deg); z-index: -1; } .square18--confirm { left: 400px; top: 22px; transform: rotate(40deg); z-index: -1; } .square13 { position: absolute; width: 145px; height: 145px; border: 30px solid #f8f1ec; } .square13--confirm { left: 0; transform: rotate(35deg); top: 400px; z-index: -1; } .square14 { position: absolute; width: 620px; height: 620px; border: 60px solid #f8f1ec; } .square14--confirm { bottom: -601px; transform: rotate(63deg); left: -100px; z-index: -1; } .square15 { position: absolute; width: 198px; height: 198px; border: 40px solid #f8f1ec; z-index: -1; } .square15--documents { right: -100px; bottom: -160px; transform: rotate(45deg); } .square16 { position: absolute; width: 275px; height: 275px; border: 40px solid #f8f1ec; } .square16--businessman { right: 0px; transform: rotate(37deg); } .square17 { position: absolute; width: 130px; height: 130px; border: 30px solid #f8f1ec; } .square17--corporation { right: 300px; transform: rotate(34deg); top: 450px; z-index: -1; } .square18 { position: absolute; width: 189px; height: 189px; border: 30px solid #f8f1ec; } .square18--warranty { left: 500px; top: 150px; transform: rotate(45deg); } .square18--partners { z-index: -1; top: 7px; left: 87px; transform: rotate(66deg); } .square19 { position: absolute; width: 78px; height: 78px; border: 18px solid #f8f1ec; } .square19--partners { left: 300px; top: 50px; transform: rotate(66deg); z-index: -1; } .square19--contacts { left: 400px; top: 20px; transform: rotate(59deg); } .square20 { position: absolute; width: 32px; height: 32px; border: 10px solid #f8f1ec; } .square20--partners { left: 400px; top: 70px; transform: rotate(66deg); z-index: -1; } .square21 { position: absolute; width: 65px; height: 65px; border: 15px solid #f8f1ec; z-index: -1; } .square21--registry { left: 350px; top: 380px; transform: rotate(66deg); } .square21--finance { left: 500px; top: 550px; transform: rotate(66deg); z-index: -1; } .square22 { position: absolute; width: 107px; height: 107px; border: 20px solid #f8f1ec; } .square22--registry { left: 400px; top: 500px; transform: rotate(60deg); } .square23 { position: absolute; width: 670px; height: 670px; border: 60px solid #f8f1ec; } .square23--registry { z-index: -1; left: 500px; top: 500px; transform: rotate(56deg); } .square24 { position: absolute; width: 380px; height: 380px; border: 40px solid #f8f1ec; } .square24--warranty { top: -160px; z-index: -1; transform: rotate(37deg); left: -100px; } .square25 { position: absolute; width: 465px; height: 465px; border: 40px solid #f8f1ec; } .square25--warranty { top: 250px; z-index: -1; transform: rotate(37deg); left: 700px; } .square26 { position: absolute; width: 97px; height: 97px; border: 20px solid #f8f1ec; } .square26--warranty { top: 450px; left: 700px; transform: rotate(45deg); } .square27 { position: absolute; width: 114px; height: 114px; border: 20px solid #f8f1ec; } .square27--warranty { top: 250px; left: 50px; transform: rotate(45deg); z-index: -1; } .square28 { position: absolute; width: 53px; height: 53px; border: 15px solid #f8f1ec; } .square28--warranty { top: 400px; left: 200px; transform: rotate(45deg); z-index: -1; } .square29 { position: absolute; width: 104px; height: 104px; border: 20px solid #f8f1ec; } .square29--association { top: 400px; left: 100px; transform: rotate(33deg); z-index: -1; } .square30 { position: absolute; width: 407px; height: 407px; border: 50px solid #f8f1ec; } .square30--association { top: -300px; left: 600px; transform: rotate(-22deg); z-index: -1; } .square31 { position: absolute; width: 330px; height: 330px; border: 40px solid #f8f1ec; } .square31--contacts { top: 0; left: 800px; transform: rotate(-22deg); } .square32 { position: absolute; width: 150px; height: 150px; border: 20px solid #f8f1ec; } .square32--contacts { top: -50px; left: 800px; transform: rotate(-22deg); z-index: -1; } .square33 { position: absolute; width: 188px; height: 188px; border: 30px solid #f8f1ec; } .square33--finance { top: 200px; left: 0; transform: rotate(-22deg); z-index: -1; } .square34 { position: absolute; width: 190px; height: 190px; border: 30px solid #f8f1ec; z-index: -1; } .square34--mod { top: 150px; right: 100px; transform: rotate(-100deg); } .square35 { position: absolute; width: 570px; height: 570px; border: 40px solid #f8f1ec; z-index: -1; } .square35--mod { top: -20px; right: 200px; transform: rotate(-60deg); } /*Стилизация баннер карусели*/ .banner-wrapper .owl-dots { position: relative; display: flex; justify-content: space-between; max-width: 638.4px; width: 100%; height: 2px; background-color: #e8d4c3; margin: auto; margin-top: 38px; margin-bottom: 33px; } .index-page .owl-theme .owl-dots .owl-dot { position: relative; cursor: pointer; outline-style: none; } .index-page .owl-theme .owl-dots .owl-dot:hover { background-color: #e04e39; } .index-page .owl-theme .owl-dots .owl-dot span { position: absolute; width: auto; height: 10px; display: block; top: -4px; left: 0; right: 0; margin-top: -5px; border-radius: 0; background-color: transparent; margin: 0; } .index-page .owl-theme .owl-dots .owl-dot.active span { background-color: #e04e39; } .owl-carousel .owl-nav button { position: absolute; width: 25px; height: 41.5px; /* z-index: 30; */ } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { background-color: #e8d4c3; border-radius: 0; font-size: 0; } .events-page .slider-medium2 .owl-nav { position: relative; } .events-page .owl-carousel .owl-nav button.owl-next, .events-page .owl-carousel .owl-nav button.owl-prev { background-color: transparent; top: 0; margin-top: 0; } .events-page .owl-carousel .owl-nav button { width: 13px; height: 27px; } .events-page .owl-carousel .owl-nav button.owl-next::before { background-image: url(/local/templates/cpp46.ru/css/../img/arrow-light.svg); transform: rotate(180deg); } .events-page .owl-carousel .owl-nav button.owl-prev::before { background-image: url(/local/templates/cpp46.ru/css/../img/arrow-light.svg); transform: none; } .events-page .owl-carousel .owl-nav button.owl-prev:hover, .events-page .owl-carousel .owl-nav button.owl-next:hover { background-color: transparent; } .events-page .owl-carousel .owl-nav button.owl-next:hover::before { background-image: url(/local/templates/cpp46.ru/css/../img/arrow3.svg); transform: rotate(0deg); } .events-page .owl-carousel .owl-nav button.owl-prev:hover::before { background-image: url(/local/templates/cpp46.ru/css/../img/arrow3.svg); transform: rotate(180deg); } .events-page .owl-carousel .owl-nav button.owl-prev { right: 60%; left: auto; } .events-page .owl-carousel .owl-nav button.owl-next { left: 58%; } .slider-fullscreen.owl-carousel .owl-nav button.owl-prev { left: 0; top: 50%; margin-top: -20.75px; margin-left: 2%; } .slider-fullscreen.owl-carousel .owl-nav button.owl-next { right: 0; top: 50%; margin-top: -20.75px; margin-right: 2%; } .slider-fullscreen button.owl-prev, .slider-fullscreen button.owl-prev { left: 0; top: 50%; margin-top: -20.75px; } button.owl-next { right: 0; top: 50%; margin-top: -20.75px; } button.owl-prev { left: 0; top: 50%; margin-top: -20.75px; } .documents-page .founders button.owl-next, .documents-page .founders button.owl-prev { margin-top: 34px; } .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover { background-color: #e04e39; transition: 0.3s; } .owl-carousel .owl-nav button.owl-prev::before { content: ''; position: absolute; background-image: url(/local/templates/cpp46.ru/css/../img/arrow.svg); background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; top: 0; left: 0; transform: rotate(180deg); } .owl-carousel .owl-nav button.owl-next::before { content: ''; position: absolute; background-image: url(/local/templates/cpp46.ru/css/../img/arrow.svg); background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; top: 0; left: 0; } /* .owl-theme .owl-dots .owl-dot span { display: none; } */ .owl-theme .owl-dots .owl-dot { display: block; cursor: default; /* width: 100%; */ } /*Переключатель годов*/ .slider-medium2 .owl-dots { display: flex; justify-content: flex-start; align-items: center; } .baner .owl-dots .owl-dot { flex-grow: 1; } .events-page .slider-medium2 .owl-dots { justify-content: center; margin-bottom: 35px; } .slider-medium2 .owl-dots, .owl-theme .owl-nav { text-align: left; } .slider-medium2 .owl-dots { align-items: flex-end; } .slider-medium2 .owl-dots .owl-dot { position: relative; transition: 0.3s; font-size: 0; border-bottom: 1px solid #e8d4c3; background-color: transparent; } .slider-medium2 .owl-dots .owl-dot.active span, .slider-medium2 .owl-theme .owl-dots .owl-dot:hover span { background-color: transparent; } .slider-medium2 .owl-dot.active span::before { color: #e04e39; } .slider-medium2 .owl-dots .owl-dot { margin-right: 0; } .slider-medium2 .owl-dots .owl-dot span { width: auto; height: auto; margin: 0; color: #e8d4c3; cursor: pointer; background-color: transparent; } .slider-medium2.owl-theme .owl-dots .owl-dot span:hover { color: #e04e39; background-color: transparent; } .slider-medium2 .owl-dots .owl-dot:first-child + .owl-dot { margin-right: 20px; } .slider-medium2 .owl-dots .owl-dot:first-child + .owl-dot span { width: 20px; } .slider-medium2 .owl-dots .owl-dot.active + .owl-dot + .owl-dot { margin-right: 20px; } .slider-medium2 .owl-dots .owl-dot.active + .owl-dot + .owl-dot span { width: 20px; } .slider-medium2 .owl-dots .owl-dot:first-child, .slider-medium2 .owl-dots .owl-dot:last-child, .slider-medium2 .owl-dots .owl-dot.active, .slider-medium2 .owl-dots .owl-dot.active + .owl-dot { font-size: 20px; border-bottom: 0; margin-right: 20px; } .slider-medium2 .owl-dots .owl-dot.active span { width: auto; color: #e04e39; cursor: default; font-size: 24px; transition: 0.3s; } .slider-medium2.owl-theme .owl-dots .owl-dot.active span, .slider-medium2.owl-theme .owl-dots .owl-dot.active + .owl-dot span { width: auto; } /*Переключатель годов*/ /*Страница регистрации*/ .inner-page { overflow: hidden; position: relative; padding-bottom: 25px; } .breadcrumbs { margin-top: 10px; margin-bottom: 25px; } .breadcrumbs--mod { position: absolute; z-index: 2; } .breadcrumbs .breadcrumbs__link { display: inline-block; color: #e8d4c3; font-size: 12px; margin-right: 15px; text-decoration: none; } .breadcrumbs .breadcrumbs__link:last-child { margin-right: 0; } .breadcrumbs .breadcrumbs__link--active { color: #2c2a29; } /*Форма регистрации*/ .form { display: flex; flex-direction: column; max-width: 428.3px; width: 100%; margin: 0 auto; } .form .container { position: relative; } .form__input { margin-bottom: 20px; padding: 10px 20px; border: none; box-shadow: 1px 1px 5px #ccc; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form__input:last-child { margin-bottom: 0; } .form__label { position: relative; padding-left: 40px; margin-bottom: 10px; cursor: pointer; } .check:checked + label::before, .check:not(:checked) + label::before { content: ''; position: absolute; width: 18px; height: 25px; left: 0; top: 50%; margin-top: -12.5px; box-shadow: 1px 1px 5px #ccc; background-color: #fff; } .check:checked + label::after, .check:not(:checked) + label::after { content: ''; position: absolute; width: 18px; height: 25px; left: 0; top: 50%; margin-top: -12.5px; box-shadow: 1px 1px 5px #000; background-color: #2c2a29; } .check:checked + label::after { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; } .check:not(:checked) + label::after { opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; } .form .see-all { text-align: right; padding-right: 0; margin-bottom: 490px; } .see-all--right { text-align: right; } form .see-all__link--color::after, .new-request-link::after { content: ''; position: absolute; background-image: url(/local/templates/cpp46.ru/css/../img/arrow3.svg); background-position: center; background-repeat: no-repeat; right: 10px; width: 14px; height: 26px; top: 50%; margin-top: -11px; } .personal-page .see-all { margin-bottom: 50px; } /*Стилизация инпутов*/ .inputbox::-webkit-input-placeholder { opacity: 1; transition: opacity 0.3s ease; } .inputbox::-moz-placeholder { opacity: 1; transition: opacity 0.3s ease; } .inputbox:-moz-placeholder { opacity: 1; transition: opacity 0.3s ease; } .inputbox:-ms-input-placeholder { opacity: 1; transition: opacity 0.3s ease; } .inputbox:focus::-webkit-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } .inputbox:focus::-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .inputbox:focus:-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .inputbox:focus:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } .textarea::-webkit-input-placeholder { opacity: 1; transition: opacity 0.3s ease; } .textarea::-moz-placeholder { opacity: 1; transition: opacity 0.3s ease; } .textarea:-moz-placeholder { opacity: 1; transition: opacity 0.3s ease; } .textarea:-ms-input-placeholder { opacity: 1; transition: opacity 0.3s ease; } .textarea:focus::-webkit-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } .textarea:focus::-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .textarea:focus:-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .textarea:focus:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } /*Пагинация*/ .pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; margin: 2em auto; white-space: nowrap; } .pagination-year { margin: auto; margin-top: 10px; max-width: 1030px; width: 100%; margin-bottom: 50px; } .pagination-year a { font-size: 20px; } .pagination__link, .pagination__line { vertical-align: bottom; text-align: center; min-width: 10px; padding: 5px; text-decoration: none; color: #e8d4c3; font-size: 20px; } .pagination__link:hover { color: #e04e39; } .pagination__link--active { font-size: 24px; color: #e04e39; } .pagination__link svg { stroke: rgb(232, 212, 195); } .pagination__link svg:hover { stroke: #e04e39; } .pagination__link-next svg, .pagination__link-prev svg { margin-bottom: -5px; } .preview-events__date--white { color: #fff; } .preview-events__title { font-weight: 800; margin: 0; margin-bottom: 10px; padding: 20px 55px 20px 20px; } .preview-events__title--white { color: #fff; } .preview-events__date--red { color: #e04e39; } .preview-events__date--inner { padding-left: 0; } /*Мероприятия*/ .page-events { padding-right: 200px; } .table-events { display: table; position: relative; width: 100%; } .table-events__label { width: calc(100% / 3); padding-left: 15px; } .page { position: relative; } .table-events__row { position: relative; display: flex; align-items: center; height: 80px; } .table-events__cell { position: relative; margin-right: 20px; } .table-events__cell:last-child { margin-left: auto; } .table-events__time { display: block; width: 146.4px; height: 68.7px; line-height: 68.7px; text-align: center; background-color: #e8d4c3; font-size: 24px; font-weight: 800; color: #fff; } .table-events__cell .arrow-right { position: static; } .table-events__text { display: block; font-size: 20px; font-weight: 800; margin-left: 20px; } .table-events__cell-line { position: absolute; height: 2px; width: 100%; background-color: #e8d4c3; bottom: -10px; left: 0; } .table-events__cell-text { padding-bottom: 20px; width: 100%; } .table-events__row--opacitytable-events__row--opacity { position: relative; } .table-events__row--opacity .table-events__row--opacity time, .table-events__row--opacity .table-events__text, .table-events__row--opacity .table-events__time { background: transparent; color: #565554; opacity: 0.5; } .empty { height: 20px; } .table-events__row--opacity { content: 'Завершено'; font-size: 60px; font-weight: 800; color: rgba(224, 78, 57, 0.3); top: 0; left: 0; background-color: #f2f2f2; opacity: 0.5; } .table-events__finish { position: absolute; left: 50%; margin-left: -90px; } /*Об ассоциации*/ .slider-medium, .slider-medium2 { max-width: 1030px; width: 100%; margin: 0 auto; } /* .association-page .owl-theme .owl-dots .owl-dot span { display:none; } */ .slider-block { margin: 10px; box-shadow: 0 0 10px #ccc; padding: 30px; background-color: #fff; } .slider-block h3.title { margin-bottom: 30px; } .association-info__text { padding-right: 230px; } .text-style ul, .block-cube { margin-bottom: 25px; } .text-style li, .block-cube li { position: relative; padding-left: 35px; margin-bottom: 20px; } .text-style li, .block-cube li { margin: 0; margin-bottom: 20px; } .text-style li::before, .block-cube li::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #e04e39; transform: rotate(45deg); left: 0; top: 6px; } .block-red h4.title { color: #fff; } .block-red .block-cube li::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg); left: 0; top: 6px; } .block-cube__item--white { color: #fff; } /*Микрофинансирование*/ .content-uslugi { display: flex; justify-content: space-between; width: 100%; } .content-uslugi__wrapper { display: flex; flex-direction: column; width: 50%; } .content-uslugi__wrapper:last-child { text-align: right; } .content-uslugi__text--strong { font-size: 20px; font-weight: 800; } .title-wrap { display: flex; align-items: center; } .reportaudit-page .title-wrap { margin-bottom: 20px; } .graph-form { margin-bottom: 50px; } .graph-form-table { width: 100%; margin-bottom: 2em; border-collapse: collapse; } .graph-form-table td { border: 1px solid #565554; padding: 5px; text-align: center; } .graph-form-table th { background-color: #e04e39; border: 1px solid #e04e39; color: #fff; padding: 10px; } .finance-page #result { overflow-x: auto; } .graph-form-table table { min-width: 450px; } @media (max-width: 768px) { .finance-page #result { box-shadow: inset 0 0 15px #999; } } .uslugi__title { font-size: 40px; } .uslugi__title--medium { font-size: 24px; margin-top: 50px; margin-bottom: 20px; } .finance-page .table__content { margin-bottom: 20px; margin-top: 10px; } .finance-page span.title { margin-right: 20px; } .finance-page button.arrow, .reportaudit-page button.arrow, .federal-page button.arrow { position: static; } .finance-page .table__content { background-color: transparent; margin: 0; padding: 0; } .finance-page .container-tab { margin-bottom: 40px; } .wrapper--title-button { display: flex; align-items: center; } .borrowers__tabs { position: relative; display: flex; justify-content: space-between; margin-right: -20px; margin-bottom: 50px; border-bottom: 2px solid #e8d4c3; } .owl-cll { position: relative !important; padding-left: 55px; padding-right: 55px; } .owl-cll .owl-stage { display: flex; } .owl-cll .owl-item { display: flex; } .owl-cll .borrowers__tab { height: 100%; padding-left: 4px; padding-right: 4px; } .owl-cll .borrowers__text { padding-bottom: 30px; } .owl-cll .owl-stage-outer { margin-bottom: -6px; } .borrowers__tab { position: relative; font-size: 20px; margin-right: 20px; margin-bottom: -6px; } .borrowers__text { display: block; cursor: pointer; height: 100%; border-bottom: 10px solid transparent; padding-bottom: 20px; } /* .borrowers__text:hover, .borrowers__text:active { border-bottom: 10px solid #e04e39; } */ .borrowers__line { position: absolute; background-color: #e8d4c3; width: 100%; height: 2px; margin-bottom: 50px; top: 94%; z-index: -1; } .borrowers__tab--active::after { content: ''; position: absolute; width: 100%; height: 10px; background-color: #e04e39; bottom: -23px; z-index: 1; } .borrowers__columns { display: flex; justify-content: space-between; background-color: #ccc; height: 270px; margin-bottom: 50px; } .borrowers-tabs2__list { display: flex; justify-content: space-between; } .text-style a { color: #e04e39; } .text-style img { height: auto; width: revert-layer; max-width: 100%; display: inline-block; margin-top: 0.5em; margin-bottom: 0.5em; } .text-style img[align='left'] { float: left; margin-right: 1em; } .text-style img[align='right'] { float: right; margin-left: 1em; } .text-style img[align='middle'] { display: block; margin-left: auto; margin-right: auto; } .text-style table { width: 100%; font-size: 18px; border-collapse: collapse; } .text-style table td { padding: 20px 0; padding-left: 30px; border-bottom: 2px solid #e8d4c3; } @media (max-width: 580px) { .text-style table tr:last-child td { border-style: none; } } @media (max-width: 580px) { .table-wrap { box-shadow: inset 0 0 10px 0 #ccc; width: 100%; } .table-wrap table { min-width: 600px; } } .main-section .borrowers-tabs2__list { margin-bottom: 10px; } .borrowers-tabs2__title { padding: 10px; cursor: pointer; } .borrowers-tabs2__title--active, .borrowers-tabs2__title:hover { border-bottom: 10px solid #e04e39; transition: 0.3s; } .borrowers-content { display: flex; flex-direction: column; } .borrowers-content__text { padding-bottom: 10px; } .borrowers__column { width: 50%; padding: 20px; } .borrowers__column-2 { position: relative; width: 50%; background-color: #e8d4c3; padding: 20px; padding-left: 50px; overflow: hidden; } .borrowers__columns::before { content: ''; position: absolute; background-color: #e04e39; height: 270px; width: 99999px; right: 100%; margin-right: -20px; } .borrowers__columns::after { content: ''; position: absolute; background-color: #e8d4c3; height: 270px; width: 99999px; left: 100%; margin-left: -20px; } .main-section .borrowers__columns { height: 269px; } .main-section .borrowers__columns::after { height: 269px; } .borrowers__download { display: block; margin-bottom: 20px; cursor: pointer; } .borrowers__column { background-color: #e04e39; color: #fff; font-size: 24px; font-weight: 800; } .borrowers-content__link { text-decoration: none; color: inherit; } .borrowers-content__link:visited { color: #e04e39; } .borrowers__download--active { color: inherit; } .line--not-transparent { background-color: #e8d4c3; margin-top: 0; margin-bottom: 10px; } .large-strip-line { display: block; height: 2px; background-color: rgba(255, 255, 255, 0.4); margin: -6px 0 20px 0; } /*Форма в услугах*/ .graph-form__wrapper { display: flex; flex-direction: column; margin-right: 40px; margin-bottom: 10px; } .graph-form__wrapper:last-child { margin-right: 0; } .graph-form__label { font-size: 20px; margin-bottom: 10px; } .graph-form__input { height: 44px; border: none; box-shadow: 1px 1px 10px #ccc; padding: 5px 10px; } .graph-form__container { display: flex; justify-content: flex-end; } .recomendation, .request { position: relative; } .recomendation .arrow { top: 0; left: 400px; } .request .arrow { top: 0; left: 300px; } .recomendation__item { padding-bottom: 20px; } .recomendation__content { display: none; } .toggle-btn { font-size: 24px; padding-bottom: 15px; } .toggle-btn--active { display: block; } /*Корпорация МСП*/ .audit-page .wide-section { margin-bottom: 0; } .audit-page .top-info { margin-top: 0; } .audit-page h3.title { margin-top: 2em; } .corporation-figure { max-width: 910px; width: 100%; margin: 0 auto; margin-bottom: 50px; display: flex; justify-content: space-between; } .corporation-figure__pic { max-width: 428px; width: 100%; margin-right: 10px; } .corporation-figure__pic:last-child { margin-right: 0; } .help-list { display: flex; justify-content: space-between; margin-top: 25px; margin-right: -25px; flex-wrap: wrap; } .help-list__item { display: flex; align-items: center; justify-content: center; background-color: #e8d4c3; padding: 10px 20px; margin-right: 25px; margin-bottom: 20px; width: calc(100% / 6); } .link--color { display: block; font-size: 20px; font-weight: 800; color: #e04e39; margin-bottom: 50px; } /*Видеогалерея*/ .video-gallery { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; } .wrapper-video { display: flex; flex-direction: column; width: 40%; } .wrapper-video h4.title { margin-bottom: 30px; } .wrapper-video img { width: 100%; } .wrapper-video__time { font-size: 24px; color: #e04e39; font-weight: 800; padding-bottom: 15px; margin-top: 10px; } .wrapper-video__title { font-size: 20px; font-weight: 800; margin-bottom: 30px; } /*Гарантийный фонд*/ .guarantee { position: relative; } .text { max-width: 575px; margin-left: auto; } .text-white { color: #fff; } .text--red { color: #e04e39; font-weight: 800; } .partners-block { margin-bottom: 50px; } .subfooter h3.title { text-align: center; margin-bottom: 60px; } .partners__list { display: flex; flex-wrap: wrap; height: 400px; } .partners__item { display: flex; align-items: center; width: calc(100% / 4); text-align: center; margin-bottom: 10px; } .percent-block { position: relative; } .percent-block--small { color: #e8d4c3; font-size: 30px; font-weight: 800; } .percent-block--big { color: #e8d4c3; font-size: 100px; font-weight: 800; } .conditions { position: relative; } .conditions .block-cube { max-width: 910px; width: 100%; } .conditions h3.title { margin-bottom: 20px; } .usual__item { margin-bottom: 10px; } .advantages { position: relative; } .advantages__block { position: relative; max-width: 670px; width: 100%; margin-left: auto; margin-top: -50px; margin-bottom: 50px; padding: 30px 20px; background-color: #fff; box-shadow: 1px 1px 10px #ccc; z-index: 1; } .advantages__text { padding-left: 10px; } .info-block { display: flex; margin-bottom: 60px; } .info-block__column { width: 50%; } .info-block__column:last-child { width: 585px; } .warranty-page .left-column--center a, .report-page .left-column--center a, .realization-page .left-column__tab, .workshops-page .left-column__tab, .exhibition-page .left-column__tab, .mission-page .left-column__tab { text-align: left; } /*Госуслуги*/ .block-red { background-color: #e04e39; padding: 30px 20px; max-width: 830px; width: 100%; margin-bottom: 65px; } .about-portals { position: relative; padding-left: 200px; } .about-portals .fon-text { position: absolute; font-size: 200px; writing-mode: tb-rl; left: -50px; top: -20px; transform: rotate(180deg); } .about-portals p:nth-child(4) { margin-bottom: 70px; } .about-portals__video { margin-bottom: 70px; background-color: #ccc; } .services-page h3.title { margin-bottom: 20px; } .services-page .title-main { margin-bottom: 20px; } .about-portals__video { max-width: 765px; width: 100%; } /*Истории успеха*/ .history-page .main-section { position: relative; padding-right: 220px; } .history-wrapper { position: relative; display: flex; } .history-text { font-size: 20px; margin: 0; border-bottom: 2px solid #e8d4c3; margin-right: 100px; margin-bottom: 20px; padding-bottom: 5px; padding-right: 70px; } .history-time { font-size: 24px; color: #e04e39; font-weight: 800; margin-right: 20px; } .history-container-header { position: relative; } .history-container h3.title { margin-bottom: 20px; } .history-page h3.title { padding-right: 50px; } /*Перевод текстов*/ .translate-page .link--red { margin-bottom: 370px; } /*Конкурсы*/ .contests-page .table { padding-right: 240px; } .completed-wrap { position: absolute; display: flex; top: 0; bottom: 0; left: 0; right: 0; align-items: center; justify-content: center; z-index: -1; } .completed { font-size: 60px; font-weight: 800; color: rgba(224, 78, 57, 0.3); z-index: -1; } .contests-page .title-main { margin-bottom: 0; } .table__button { position: relative; font-size: 20px; font-weight: 800; padding-left: 20px; padding-top: 40px; padding-right: 50px; padding-bottom: 30px; border: none; background-color: transparent; text-align: left; cursor: pointer; } .table__back { padding-right: 10px; margin-left: auto; margin-top: auto; margin-bottom: auto; } .table__back::after { content: ''; position: absolute; width: 15px; height: 27px; right: 0; top: 50%; margin-top: -13.5px; background-image: url(/local/templates/cpp46.ru/css/img/arrow3.svg); background-repeat: no-repeat; } .table-events__body { border-bottom: 2px solid #e8d4c3; flex-grow: 1; position: relative; font-size: 20px; font-weight: 800; padding-left: 20px; padding-top: 40px; padding-right: 50px; padding-bottom: 30px; text-align: left; display: flex; } .table__theme { width: 60%; flex-shrink: 0; } .table__status { width: 20%; margin-top: auto; margin-bottom: auto; } .events-page .table__button { padding: 30px 0; padding-right: 50px; } a.table__file { font-size: 17px; padding-right: 15px; white-space: nowrap; } a.table__file:hover { color: #e04e39; } .table__content { display: none; background-color: #e8d4c3; padding: 20px; margin: 0; } .table__content--show { display: block; } .table__row--opacity { display: flex; position: relative; background-color: rgba(242, 242, 242, 0.5); margin-top: 17px; margin-bottom: 8px; } .table__row--opacity button { color: rgba(44, 42, 41, 0.6); } .events-page .table__row--opacity { align-items: center; } .events-page .container-tab { margin-right: 180px; } .table .line2 { margin-top: 10px; } .table__row { position: relative; display: block; width: 100%; } .table-row--events { display: flex; align-items: center; } .table-row--request { width: 100%; display: flex; align-items: center; margin-bottom: 1em; font-weight: bold; border-bottom: 2px solid #e8d4c3; padding: 30px 0; } .events-page .table__button { margin-right: 70px; border-bottom: 2px solid #e8d4c3; flex-grow: 1; } .events-list-wrap { margin-bottom: 1.7em; } .contests-page .table__row--opacity { display: flex; } .table__row--opacity .table-events__time { background-color: transparent; color: rgba(44, 42, 41, 0.6); } .table__row:hover::after { background-color: #e04e39; } .contacts { position: relative; display: flex; align-items: flex-start; margin-bottom: 60px; } .contacts__column { max-width: 360px; margin-right: 100px; padding-left: 20px; border-left: 2px solid #e8d4c3; } .contacts__column:last-child { margin-top: 70px; } .contacts .title--medium { margin-bottom: 35px; } .contacts__item { margin-bottom: 20px; } .contacts-page .map { position: relative; display: flex; justify-content: flex-end; } .contacts-page .fon-text { position: absolute; font-size: 200px; font-weight: 800; bottom: -90px; writing-mode: tb-rl; left: 0; z-index: -1; } .map { margin-top: 70px; margin-bottom: 70px; } .map__wrapper { width: 984px; } .federal-page .link--red { margin-bottom: 20px; margin-right: 5px; } /*Круглые столы*/ .link--red { position: relative; display: inline-block; color: #e04e39; font-size: 24px; font-weight: 800; } .link__wrapper { margin-bottom: 400px; } .registration-content { margin-bottom: 70px; } .registration-content a { color: #e04e39; font-weight: 800; } .tables-page .fon-text { position: absolute; font-size: 150px; right: 0; bottom: 50px; z-index: -1; } /*Недвижимость*/ .property-item { display: flex; align-items: flex-start; padding-right: 160px; margin-bottom: 3em; } .equipment { display: flex; flex-direction: column; margin-right: 180px; margin-bottom: 280px; } .property-table { width: 100%; position: relative; padding: 25px; margin-left: 85px; box-shadow: 1px 1px 10px #ccc; background-color: #fff; } .technics-page .property-table { max-width: 610px; width: 100%; } .property-table-number { position: absolute; font-size: 150px; color: rgba(197, 147, 104, 0.1); font-weight: 800; left: -90px; top: -30px; } .property-table--two::before { content: '2'; } .property-table--three::before { content: '3'; } .property--equipment { margin-bottom: 20px; width: auto; margin-right: 0; } .property-table table { width: 100%; border-style: none; } .property-table table td { width: 50%; border-style: none; padding: 5px 0; } .property-table table td:first-child, .property-table-title { font-weight: bold; font-size: 20px; } .property-table-title { display: inline-block; margin-bottom: 10px; } .property-table table td:last-child { text-align: right; } .property-table table td * { margin: 0; } .property-gallery { width: 305.4px; margin-left: 20px; } .property__pic { margin-bottom: 17px; } /*Оборудование*/ .property-photo { display: flex; justify-content: space-between; margin-left: 85px; } .property-table--equipment { margin-right: 0; } .property-photo__item { margin-right: 20px; } .property-photo__item:last-child { margin-right: 0; } /*Новость*/ .news__pic { max-width: 760px; width: 100%; } .news__pic--right { margin-left: auto; } /*О центре поддержки*/ .link-site { font-size: 20px; background-color: #e04e39; } .about-block1 { position: relative; padding-right: 450px; } .about-block1__pic { position: absolute; right: 0; top: 30px; } .about-block2 { position: relative; max-width: 560px; width: 100%; margin-left: auto; margin-bottom: 25px; padding: 30px 20px; box-shadow: 1px 1px 10px #ccc; background-color: #fff; } .about-block2 li { margin-bottom: 20px; } .about-block2 .title { margin-bottom: 20px; } .about-block3 { margin-bottom: 80px; } .about-block4 { margin-bottom: 90px; } .infogr--desctop { max-width: 1080px; width: 100%; } /*Широкий блок*/ .left-column::before { content: ''; position: absolute; width: 999999px; top: 0; left: -999999px; height: 100%; background-color: #e04e39; } .right-column::after { content: ''; position: absolute; width: 999999px; top: 0; right: -999999px; height: 100%; background-color: #e8d4c3; } .wide-section { display: flex; width: 100%; position: relative; } .wide-item--flex { display: flex; width: 100%; justify-content: space-between; } .left-column { position: relative; padding-right: 20px; background-color: #e04e39; width: 50%; } .left-column--center { padding-top: 20px; padding-bottom: 20px; display: flex; align-items: center; } .right-column { position: relative; padding: 0 20px; background-color: #e8d4c3; width: 50%; } .left-column__tab { display: block; font-size: 24px; font-weight: 800; color: #fff; } .left-column--center a { margin-bottom: 10px; text-align: center; } .tab-content { display: flex; z-index: 2; } .tab-content__files { margin: 20px 0; } .tab-content__files-item { display: none; } .tab-content--contacts { margin-top: 40px; margin-bottom: 50px; } .tab-content--column { flex-direction: column; } .tab-content__text { font-size: 18px; margin-right: 10px; margin-bottom: 10px; cursor: pointer; } .tab-content__title:last-child { margin-right: 0; } .tab-content__title:hover, .tab-content__title--active { border-bottom: 10px solid #e04e39; } .tab-content--contacts .tab-content__title { border-bottom-style: none; } .reportaudit-page .tab-content__title { border-bottom: none; } .reportaudit-page h4 { margin-right: 80px; margin-bottom: 0; } .title-wrap.active button, .table__row.active button.arrow { transform: rotate(90deg); } .wide-section .tab-content__files li { font-size: 18px; margin-bottom: 10px; } .right-column { display: flex; flex-direction: column; } .none { display: none; } /*Отчетность и аудит*/ .tab-content__files a:hover { color: #e04e39; /* text-decoration: underline; */ } /*Отчетность фонда*/ .wide-section { margin-bottom: 30px; } .tab-content__files-item { min-height: 180px; } .support-page .tab-content__files-item { height: auto; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #e8d4c3; display: none !important; } .mCSB_scrollTools .mCSB_draggerContainer { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxMjEiIHZpZXdCb3g9IjAgMCAxIDEyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEiIGhlaWdodD0iMTIxIiBmaWxsPSIjRThENEMzIi8+Cjwvc3ZnPgo=); background-repeat: repeat-y; background-position: center; background-size: 2px auto; } .mCustomScrollbar-fixe, .report-page .tab-content__files-item { max-height: 290px; } .report-page h4.title { display: flex; justify-content: flex-start; align-items: center; } .report-page h4.title span { margin-right: 20px; } .report-page h4.title .arrow { position: static; transition: 0.3s; } .wrap-tab .title { padding-right: 50px; } .wrap-tab .title.active .arrow { transform: rotate(90deg); } .wide-section .line { margin-top: -17px; margin-bottom: 20px; z-index: 1; } /*отчеты*/ .reports-page .main-footer { margin-top: 200px; } .reports-page .type-servicess__list { border-left: 2px solid #e8d4c3; } .reports-page .type-servicess__item { margin-left: 20px; } .reports-page .type-servicess__link { height: 100%; } /*Наши партнеры*/ .logo-partners__list { display: flex; flex-wrap: wrap; margin: 0 20px; } .logo-partners__pic { display: flex; height: 150px; align-items: center; width: calc(100% / 4); justify-content: center; padding: 0 20px; } .logo-partners__pic img { max-width: 100%; width: auto !important; } .wrapper-slider .logo-partners__pic { width: auto; } .logo-partners__img { max-height: 100px; } .partners-page h4.title { text-align: center; margin-bottom: 20px; } .partners-page .fon-text { position: absolute; display: block; font-size: 170px; text-align: right; line-height: 100px; top: 0; } .partners-page .title-main { margin-bottom: 220px; } .partners-page .wrapper-slider .logo-partners__list { flex-direction: column; } /*Победители*/ .winners-page .fon-text { font-size: 110px; white-space: nowrap; } .wrapper-winner { display: flex; margin-bottom: 20px; } .wrapper-winner img { margin-right: 30px; } .winner-name { font-size: 20px; font-weight: 800; margin: 0; } .winners-page .title { margin-bottom: 20px; } .example { position: relative; max-width: 745px; width: 100%; margin-left: auto; } .table-example { width: 100%; background-color: #e8d4c3; } .winner-photo { width: 80px; margin: 0; margin-right: 30px; } .description-winner { max-width: 1060px; width: 100%; } /*победителям*/ .businessman-page table { margin-bottom: 40px; } .formula-text { line-height: 30px; } .table-example { padding: 25px 20px; border-collapse: collapse; font-size: 20px; } .table-example tr { border-bottom: 1px solid #fff; } .table-example td { padding: 10px; } .table-payment { position: relative; max-width: 750px; width: 100%; border-collapse: collapse; border: 1px solid rgba(44, 42, 41, 0.8); } .table-payment td, .table-payment th { padding: 10px 20px; } .table-payment tr { border: 1px solid rgba(44, 42, 41, 0.8); } .table-example .border--none { border-bottom: none; } .businessman-page .wrapper { padding-right: 140px; } .businessman-page .line2 { margin-bottom: 50px; } .block-cube + p { margin-bottom: 40px; } /*Продвижение*/ .promotion-page .logo-partners__pic { flex-direction: column; } .promotion-page .fon-text { font-size: 140px; text-align: right; line-height: 120px; } .promotion-page .logo-partners__list { padding-bottom: 450px; } .title-img { margin-bottom: auto; } .promotion-page .logo-partners__pic { height: 150px; } .logo-partners__link { height: 150px; display: flex; } .promotion-page .logo-partners__img { margin-top: auto; margin-bottom: 10px; } .promotion-page .link--red { margin-bottom: 60px; } /*Реализация*/ .buttons-tab { display: flex; margin-bottom: 80px; } .button-tab { border: none; background-color: #fff; font-size: 20px; font-weight: 800; width: 275px; height: 68px; text-align: center; line-height: 68px; box-shadow: 1px 1px 10px #ccc; cursor: pointer; margin-right: 60px; } .button-tab:last-child { margin-right: 0; } .tab-content__caption { font-size: 24px; margin-bottom: 20px; font-weight: 800; } .realization-page .tab-content__text { margin-bottom: 30px; } .container-btn { display: flex; justify-content: center; margin-bottom: 80px; } /*Реестр получателей*/ .registry-page .fon-text { left: 0; right: auto; font-size: 100px; top: 125px; line-height: 100px; transform: translateY(50%); } .registry-page .main-content { position: relative; } .registry-page .main-content .block-cube { margin-bottom: 300px; } .main-content { padding-left: 410px; } /*Сборные бизнес-миссии*/ .tab-content__title { font-weight: 800; font-size: 20px; margin-bottom: 10px; cursor: pointer; padding: 10px 0px; margin-right: 10px; } .mission-page .link--red { margin-bottom: 220px; } .mission-page .right-column, .index-page .right-column, .services-page .right-column, .workshops-page .right-column, .exhibition-page .right-column { flex-direction: row; justify-content: space-between; } .mission-page .tab-content, .index-page .tab-content, .services-page .tab-content, .workshops-page .tab-content, .exhibition-page .tab-content { flex-direction: column; } .mission-page .tab-content__title, .index-page .tab-content__title, .services-page .tab-content__title, .workshops-page .tab-content__title { text-align: left; } .mission-page .tab-content__title:hover, .index-page .tab-content__title:hover, .services-page .tab-content__title:hover, .workshops-page .tab-content__title:hover, .exhibition-page .tab-content__title:hover { border-bottom: none; } .tab-content__title--border-none:hover, .tab-content__title--border-none { border-bottom: none; } .mission-page .wide-section, .index-page .wide-section, .services-page .wide-section, .workshops-page .wide-section { margin-bottom: 60px; } .services-page .wide-item--flex { justify-content: flex-start; } .services-page .tab-content { margin-right: 65px; } .services-page .tab-content:last-child { margin-right: 0; } /*Выстовочные мероприятия*/ .exhibition-page .link--red { margin-bottom: 420px; } /*Техника*/ .wrapper-property { position: relative; } .technics-page .property { margin-bottom: 20px; } /*Сертификация*/ .certificate-page { margin-bottom: 20px; } .slider__item { display: block; text-align: center; height: 370px; } .logo-partners { margin-bottom: 60px; } .wrapper-slider { position: relative; margin-bottom: 60px; } .certificate-page .wrapper-slider { position: absolute; margin-left: -195px; width: 390px; left: 50%; } .certificate-block .owl-item img { display: inline; width: 270px; height: auto; } .certificate-page .owl-item { text-align: center; } .certificat-block { background-color: #e8d4c3; padding: 30px; max-width: 600px; width: 100%; } .wrapper-block { position: relative; display: flex; align-items: flex-start; } .wrapper-block1 { margin-bottom: 70px; } .wrapper-block2 { margin-bottom: 320px; } .certificate-block { position: relative; max-width: 610px; width: 100%; background-color: #e8d4c3; padding: 30px; padding-bottom: 60px; } .certificate-block1 { margin-right: 20px; } .aside1 { margin-top: 60px; } .aside2 { margin-top: 380px; } .benefits { display: flex; margin-top: 70px; padding: 0 55px; margin-bottom: 80px; } .benefits li { width: calc(100% / 5); margin-right: 70px; position: relative; } .benefits li:last-child { margin-right: 0; } .benefits__count { position: absolute; font-size: 230px; font-weight: 800; top: -70px; left: -70px; color: rgba(197, 147, 104, 0.1); } /*Учредительные документы*/ .documents-page .wrapper-slider { margin-bottom: 150px; } .federal-page .slider-item { /* box-shadow: 1px 1px 10px #ccc; */ } .documents-page .wrapper-item { display: flex; justify-content: center; flex-wrap: wrap; padding: 10px; } .documents-page .item { height: 480px; padding: 20px; box-shadow: 1px 1px 10px #ccc; max-width: 420px; width: 100%; margin: auto; background-color: #fff; } .documents-page .item:nth-child(2n) { margin-right: 0; } .documents-page .text-slider { text-align: right; } .association-page h3.title, .documents-page h3.title { text-align: center; } .row-slider { display: flex; justify-content: space-between; margin-bottom: 40px; } .row-slider > * { width: 50%; flex-shrink: 0; } .caption-slider { font-weight: 800; } .documents-page .wide-section { margin-bottom: 70px; } .documents-page .slider-item { padding: 10px; } .documents-page .line2 { margin-bottom: 20px; } .documents-page .infografika { margin-bottom: 20px; } .owl-carousel .owl-stage-outer { position: static; } .owl-carousel, .owl-carousel .owl-item { position: static; } /*Проведение исследований зарубежных рынков*/ .study-page .main-section .container { padding-bottom: 500px; } /* Федеральные программы */ .video-container { position: relative; max-width: 640px; width: 100%; margin: 0 auto; margin-bottom: 55px; background-color: #ccc; } .federal-page .slider-medium { box-shadow: 1px 1px 10px #ccc; max-width: 650px; width: 100%; } .slider-item-wrapper { display: block; width: 209px; margin: auto; } .federal-page .slider-item { padding: 20px; background-color: #ffffff; } .federal-page .owl-stage { display: flex; } .federal-page .owl-item { /* height: 100%; */ background-color: #fff; } .federal-page .fon-text { line-height: 200px; } .fon-text--rci { font-size: 336px; line-height: 336px; margin-top: -30px; } .fon-text--village { font-size: 114px; display: flex; flex-direction: column; } /* .logo-partners { margin-bottom: 5em; } .logo-partners--fund { padding-bottom: 50px; } */ .logo-partners--businessman { padding-bottom: 50px; } .partners-page .slider-medium { max-width: 1070px; width: 100%; } .partners-page .owl-carousel, .owl-carousel .owl-item { position: static; } .content-toggle { display: none; } /*Модальное окно*/ .modal_div { max-width: 465px; width: 100%; box-shadow: 1px 1px 10px #ccc; background: #fff; position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */ top: 50%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */ left: 50%; transform: translate(-50%, -50%); /* пoлoвинa экрaнa слевa */ /* oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo */ display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */ opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */ z-index: 200; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */ padding: 20px; } #overlay { z-index: 100; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */ position: fixed; /* всегдa перекрывaет весь сaйт */ background-color: #000; /* чернaя */ opacity: 0.2; /* нo немнoгo прoзрaчнa */ -moz-opacity: 0.2; /* фикс прозрачности для старых браузеров */ filter: alpha(opacity=80); width: 100%; height: 100%; /* рaзмерoм вo весь экрaн */ top: 0; /* сверху и слевa 0, oбязaтельные свoйствa! */ left: 0; cursor: pointer; display: none; /* в oбычнoм сoстoянии её нет) */ } .personal__title { font-size: 40px; font-weight: 700; text-align: center; margin-bottom: 45px; } .personal__input { width: 100%; padding: 16px 19px; box-shadow: 1px 1px 10px #ccc; border: none; font-size: 18px; margin-bottom: 15px; } .personal__input:nth-child(2) { margin-bottom: 60px; } .personal__wrapper { display: flex; align-items: center; } .personal__link:nth-child(2) { margin-left: auto; margin-right: 19px; } .personal__submit { position: relative; font-size: 20px; font-weight: 700; color: #e04e39; background-color: transparent; border: none; cursor: pointer; outline-style: none; } .personal__submit::after { content: ''; position: absolute; width: 15px; height: 27px; right: -15px; top: 50%; margin-top: -13.5px; background-image: url(/local/templates/cpp46.ru/css/../img/arrow3.svg); background-repeat: no-repeat; } .modal_close { position: absolute; right: 30px; top: 20px; cursor: pointer; z-index: 300; } .modal_close::after { content: ''; position: absolute; width: 2px; height: 20px; background-color: #e04e39; transform: rotate(45deg); } .modal_close::before { content: ''; position: absolute; width: 2px; height: 20px; background-color: #e04e39; transform: rotate(-45deg); } .personal__input:last-child { margin-bottom: 50px; } .burger { /* position: absolute; */ background-image: url(/local/templates/cpp46.ru/css/../img/burger-btn.svg); width: 46px; height: 46px; right: 20px; top: 15px; display: none; cursor: pointer; } div[class^='cross'] { width: 20px; height: 2px; background-color: #fff; } /*Бургер*/ .menu-closed { position: fixed; top: 30px; right: 18px; width: 32px; height: 32px; cursor: pointer; font-size: 0; transition: top 0.5s; } .hid .menu-closed { top: -100px; } .menu-closed:before, .menu-closed:after { content: ''; position: absolute; top: 15px; left: 0; width: 32px; height: 2px; background: #fff; } .menu-closed:before { webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu-closed:after { webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mobile-menu { overflow-y: auto; position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; transition: left 0.35s ease; padding: 30px 20px; background-color: #e04e39; z-index: 101; } .toggle { position: relative; } .toggle::before { content: ''; background-image: url(/local/templates/cpp46.ru/css/../img/arrow.svg); position: Absolute; right: 20px; top: 0; width: 10px; height: 19px; } .toggle.active::before { content: ''; transform: rotate(90deg); } body.menu-opened .mobile-menu { left: 0; } .mobile-menu a { position: relative; display: inline-block; color: #ffffff; padding: 6px 10px; cursor: default; } .mobile-menu a:hover, .mobile-menu a:hover::before { color: #e8d4c3; transition: 0.3s; } .mobile-menu-item { position: relative; margin-bottom: 8px; } .mobile-menu-toggle { content: ''; background-image: url(/local/templates/cpp46.ru/css/../img/arrow.svg); background-repeat: no-repeat; background-position: center; background-size: contain; width: 30px; height: 22px; right: 0; top: 5px; transition: transform 0.3s; display: block; position: absolute; } .mobile-menu-toggle--active { transform: rotate(90deg); } .mobile-menu a.arrow-down::before { content: ''; transform: rotate(90deg); transition: 0.3s; } .sub-menu { display: none; } .sub-menu > li { margin-left: 20px; z-index: 102; } .container-tab-item { display: none; } .container-tab--mod .title-wrap.active .btn { transform: rotate(0); } body .mobile-menu.hid { left: -100%; } .wide-tab-title1 { padding-left: 25px; } .wide-tab-title1--action { position: relative; } .wide-tab-title1--action::before { content: ' '; display: inline-block; position: absolute; top: 4px; left: 0px; border-left: 12px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; } .subtitle { display: flex; justify-content: space-between; align-items: flex-end; } .subtitle .see-all { width: 50%; flex-shrink: 0; text-align: right; } .subtitle__list { list-style: none; padding: 0; margin: 0; width: 50%; flex-shrink: 0; } .subtitle__item { margin-bottom: 20px; } .event-download { margin-bottom: 2em; } .table-konlurs { margin-bottom: 3em; } .top-main { display: flex; justify-content: space-between; align-items: flex-start; } .wrapper-link { margin-bottom: 150px; } .wrapper-link a { margin-bottom: 5px; } .wrapper-link--mod { margin-bottom: 20px; display: flex; flex-direction: column; } .tab-container .title-container { display: flex; align-items: center; } .btn { height: 42px; width: 26px; flex-shrink: 0; transform: rotate(90deg); border: none; background-color: #e7d4c3; background-image: url(/local/templates/cpp46.ru/css/../img/arrow.svg); background-position: center; background-repeat: no-repeat; cursor: pointer; margin-left: 20px; transition: all 0.3s; } .btn.active { transform: rotate(0deg); } b.mini-title { font-size: 18px; font-weight: 700; display: inline-block; margin-bottom: 20px; } .container-tab-item-cpp { margin-top: 30px; } .wrapper-search .btn { transform: rotate(0); } .wrapper-content { padding-right: 25px; width: 100%; } .wrapper-content p { border-bottom: 1px solid #ebdaca; padding-bottom: 30px; padding-right: 50px; } .wrapper-content-wrap { text-decoration: none; display: flex; align-items: flex-start; padding-right: 160px; position: relative; } .wrapper-content-wrap .btn { transform: rotate(0deg); margin-left: auto; } .wrapper-content small { display: block; margin-top: 1em; } .wrapper-content small a { color: #c59368; } .captcha-box { display: flex; margin-bottom: 2em; } .captcha-box img { margin-right: 10px; } .checkbox-grup input[type='checkbox'] { position: absolute; clip: rect(0, 0, 0, 0); } .checkbox-grup input[type='checkbox'] + .checkbox-grup-icon::before { content: ''; display: inline-block; width: 18px; height: 25px; left: 0; top: 50%; margin-top: -12.5px; box-shadow: 1px 1px 5px #000; } .checkbox-grup input[type='checkbox']:checked + .checkbox-grup-icon::before { content: ''; background-color: #2c2a29; } .checkbox-grup input[type='checkbox']:focus + .checkbox-grup-icon::before { box-shadow: 0 0 0.1em 0.1em #58a; } .checkbox-grup input[type='checkbox']:disabled + .checkbox-grup-icon::before { background: gray; box-shadow: none; color: #555; cursor: not-allowed; } .baner { position: relative; /* z-index: 10;*/ } .baner .owl-stage-outer { box-shadow: 0 2px 10px #ccc; } .personal-link { display: inline-block; margin-bottom: 3em; position: relative; z-index: 10; } .new-request-link { float: right; margin-right: 180px; padding-right: 40px; } .personal-link .line { background-color: #c59368; position: absolute; bottom: -17px; left: 0; width: 100%; z-index: -1; } .personal-link .tab-content__title { margin-right: 0; } .events-block-none { font-weight: bold; font-weight: 16px; } .user-link { display: flex; justify-content: space-between; } .cpp-page .inner-page { padding-bottom: 2em; } .title-tab { margin-bottom: 40px; } .title-mod { margin-bottom: 40px; } .subsidy-page .container-tab { margin-right: 200px; } .subsidy-page .title-wrap { align-items: flex-end; } .link--red-mod { font-size: 20px; margin-bottom: 25px; } .request-page { color: #e04e39 !important; } .form-request { display: none; } .form-request.active { display: flex; } .form-request-files { padding: 10px; } .form-request-files a { color: #e04e39; display: block; margin-bottom: 10px; } .form-request-files a:hover { text-decoration: underline; } .input-file { display: flex; width: 100%; } .input-file button { border-style: none; background-color: #e04e39; text-transform: uppercase; flex-shrink: 0; color: #fff; cursor: pointer; } .input-file input[type='text'] { margin-bottom: 0; flex-basis: 80%; flex-grow: 1; display: block; } .input-file input[type='file'] { display: none; } /* support block */ .support { padding: 75px 0; position: relative; z-index: 2; } .support__list { display: flex; flex-wrap: wrap; justify-content: space-between; } .support__list a { display: block; position: relative; z-index: 1; /* color: #fff; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; */ } .support__item { /* display: flex; */ /* background-size: cover; */ /* flex-direction: column; */ position: relative; /* max-width: 570px; width: 100%; */ width: calc(50% - 30px); margin-right: 30px; box-sizing: border-box; /* margin-right: 30px; */ /* color: #ffffff; */ /* background-color: #ccc; background-position: right center; */ margin-bottom: 30px; /* min-height: 220px; */ } .support__item:nth-child(2n) { margin-right: 0; } .support__title { font-size: 30px; font-weight: 700; position: relative; z-index: 10; } .support__item p { font-size: 20px; position: relative; z-index: 10; margin-top: 0px; } /* .support__item:first-child{ border: 1px solid #f2f2f2; } */ @media (max-width: 768px) { .support__item:first-child { background-size: contain; background-repeat: no-repeat; background-color: #fff; } } /* .support__item:first-child::after { content: ""; position: absolute; background-image: url("/local/templates/cpp46.ru/css/../img/support/gerb1.png"); background-repeat: no-repeat; background-size: contain; width: 100px; height: 110px; top: 50%; transform: translateY(-50%); right: 30px; } */ /* .support__item:nth-child(2)::after { content: ""; position: absolute; background-image: url("/local/templates/cpp46.ru/css/../img/support/gerb2.png"); background-repeat: no-repeat; background-size: contain; width: 94px; height: 110px; top: 50%; transform: translateY(-50%); right: 30px; } */ .support__link { color: #ffffff; font-size: 20px; font-weight: 700; margin-top: auto; position: relative; padding-right: 30px; background-color: transparent; border: none; z-index: 1; outline: none; } .support__link::after { content: ''; position: absolute; background-image: url('/local/templates/cpp46.ru/css/../img/arrow.svg'); background-repeat: no-repeat; width: 10px; height: 17px; right: 0; top: 50%; transform: translateY(-50%); } .support__big-link { display: block; background-color: #e04e39; font-size: 30px; font-weight: 700; color: white; text-align: center; line-height: 1.2; margin-bottom: 20px; padding: 1em 0.5em; } /* federal */ .federal__list { display: flex; flex-wrap: wrap; margin-right: -30px; } .federal__list li { background-color: #fff; position: relative; width: calc(33% - 30px); margin-right: 30px; margin-bottom: 30px; display: flex; } .federal__item { display: flex; flex-direction: column; padding: 20px; align-items: flex-start; box-shadow: 0 0 10px #ccc; min-height: 130px; } .federal__title { font-size: 24px; font-weight: 700; padding-right: 60px; } .federal__item p { font-size: 18px; font-weight: 400; padding-right: 30px; } .federal__item .federal__arrow { margin-top: auto; margin-left: auto; width: 25px; height: 41px; } .measures .main-title { margin-bottom: 30px; } .measures span.title { margin-bottom: 30px; } .measures__list { display: flex; padding: 0 20px; } .measures__item { padding-right: 100px; display: flex; flex-direction: column; align-items: center; } .measures__item .num { font-size: 70px; font-weight: 700; } .measures__item .bottom { font-size: 18px; font-weight: 400; } .measures__info-covid { display: flex; justify-content: space-between; padding-bottom: 70px; } .covid-home { padding-bottom: 25px; } .measures__consultation { display: flex; flex-direction: column; margin-top: auto; align-items: flex-start; margin-top: 10px; } .measures__consultation a { position: relative; font-size: 24px; font-weight: 700; color: #e04e39; margin-bottom: 20px; padding-right: 30px; } .measures__consultation a:last-child { margin-bottom: 0; } .measures__consultation a::after { content: ''; position: absolute; background-image: url('/local/templates/cpp46.ru/css/../img/arrow3.svg'); background-repeat: no-repeat; width: 14px; height: 22px; top: 50%; transform: translateY(-50%); right: 0; background-size: contain; } .measures__content { height: 240px; overflow: hidden; } .measures__tabs .left-column__tab { text-align: left; cursor: pointer; } table.table { font-size: 18px; border-collapse: collapse; } table.table td { padding: 20px 0; padding-left: 30px; border-bottom: 2px solid #e8d4c3; width: 50%; } table.table a { font-size: 18px; } table.table .col1 { font-weight: 700; } table.table .col1 a { font-size: 700; } .table-wrap { display: inline-block; } .trading .link--red-mode { position: relative; display: inline-block; color: #e04e39; font-size: 18px; font-weight: 800; } .trading-cards { display: flex; padding-top: 15px; padding-bottom: 40px; margin-right: -30px; } .trading-cards__card { background-color: #fff; position: relative; display: flex; height: 220px; width: 50%; margin-right: 30px; padding: 50px 30px; padding-bottom: 25px; box-shadow: 0 0 10px #ccc; } .trading-cards__left { display: flex; flex-direction: column; flex: 1; } .trading-cards__right { width: 110px; height: 110px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 20px; flex-basis: 110px; } .trading-cards__card p { position: relative; font-size: 20px; font-weight: 700; margin-top: auto; opacity: 0.8; } .trading-cards__card p span { position: relative; padding-right: 30px; } .trading-cards__card p span::before { content: ''; background-image: url('/local/templates/cpp46.ru/css/../img/arrow_g.svg'); background-repeat: no-repeat; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 13px; height: 19px; } .trading-cards__head { font-size: 30px; font-weight: 700; } .ascces { height: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .ascces__mes { font-weight: 600; text-align: center; font-size: 19px; } .ascces a { text-decoration: underline; } .callback_phone { position: fixed; bottom: 5%; right: 3%; background: #e04e39; padding: 10px; z-index: 999; } .callback_phone svg { width: 36px; height: 35px; fill: #fff; } .register-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .register-container .text-block { display: flex; align-items: flex-start; margin-bottom: 30px; } .register-container .icon-svg { height: 45px; width: 45px; margin-right: 30px; flex-shrink: 0; } .register-container .text-block svg { fill: #e04e39; width: 100%; height: auto; } .register-container .text-block { width: 50%; padding-right: 30px; } @media (max-width: 768px) { .register-container .text-block { width: 100%; } } .register-container p { margin: 0; } .modal__form { display: inline-block; } .modal__form:after { right: -35px; } .main-container-nalog { padding-bottom: 110px; } .nalog__description li { position: relative; padding-left: 30px; margin-bottom: 20px; font-size: 18px; } .nalog__description li::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #e04e39; transform: rotate(45deg); left: 0; top: 5px; } .nalog__rate { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; } .nalog__rate li:nth-child(1), .nalog__rate li:nth-child(2) { width: calc(50% - 18px); } .nalog__rate li { padding: 40px; box-shadow: 0 0 10px #ccc; margin-bottom: 20px; background-color: #ffffff; } .nalog__rate li:last-child { padding: 20px; margin-bottom: 0; } .nalog__rate li h3 { font-size: 50px; font-weight: 700; } .nalog__rate li p { font-size: 18px; } .nalog__links { display: flex; flex-direction: column; } .nalog__links li { margin-bottom: 20px; display: flex; } .nalog__links li a { color: #e04e39; position: relative; font-weight: 700; font-size: 20px; padding-right: 30px; } .nalog__links li a::after { content: ''; position: absolute; background-image: url('/local/templates/cpp46.ru/css/../img/arrow3.svg'); top: 50%; transform: translateY(-50%); right: 0; width: 12px; height: 20px; background-size: cover; } .container-small { max-width: 1050px; width: 100%; margin: 0 auto; } .who-suits { background-color: #e8d4c3; padding: 40px 0; margin-bottom: 110px; } .who-suits p { margin-bottom: 20px; } .who-suits-list li { position: relative; padding-left: 30px; margin-bottom: 20px; } .who-suits-list li::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #e04e39; top: 5px; left: 0; transform: rotate(45deg); } .self-employed { display: flex; } .self-employed p { margin-bottom: 20px; } .self-employed__list { display: flex; justify-content: space-between; } .self-employed__list li { width: calc(50% - 38px); } .self-employed__list li:last-child .self-employed__inner { padding: 0; } .self-employed__list li p { font-weight: 700; font-size: 20px; } .self-employed__inner { height: auto; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-around; box-shadow: 0 0 10px #ccc; background-color: #ffffff; padding: 20px 0; } .self-employed__inner img { width: 137px; } .self-employed__list li:nth-child(2) .self-employed__inner { box-shadow: initial; } .self-employed__list li:nth-child(2) .self-employed__inner img { width: 100%; height: 100%; } .three-ways__title { font-size: 20px; font-weight: 700; padding-right: 80px; position: relative; cursor: pointer; } .btn-show::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-image: url('/local/templates/cpp46.ru/css/../img/show-icn.svg'); width: 25px; height: 41px; background-size: cover; transition: all 0.3s; } .btn-show.active::after { transform: translateY(-50%) rotate(90deg); transition: all 0.3s; } .three-ways__item { display: flex; flex-direction: column; margin-bottom: 40px; align-items: flex-start; } .three-ways__item p { padding: 20px 0; } .three-ways__line { border: 1px solid; color: #e8d4c3; margin-bottom: 40px; } .three-ways__attention { position: relative; display: flex; flex-direction: column; box-shadow: 0 0 10px #ccc; background-color: #fff; padding-top: 30px; margin-bottom: 30px; } .three-ways__attention-title { font-size: 20px; font-weight: 700; margin-bottom: 20px; padding: 0 30px; } .three-ways__attention p { font-size: 18px; padding: 0 30px; margin-bottom: 10px; } .three-ways__attention .three-ways__attention-strong { background-color: #e04e39; padding: 20px 30px; color: #ffffff; margin-bottom: 0; } .three-ways__title-container { display: flex; align-items: flex-start; flex-direction: column; } .three-ways__title-container p, .three-ways__title-container div { padding: 20px 0; } .three-ways__title-container a { color: #e04e39; position: relative; font-weight: 700; font-size: 20px; padding-right: 30px; } .three-ways__title-container a:after { content: ''; position: absolute; background-image: url(/local/templates/cpp46.ru/css/../img/arrow3.svg); top: 50%; transform: translateY(-50%); right: 0; width: 12px; height: 20px; background-size: cover; } .professional-income__wrapper { display: flex; } .professional-income__wrapper h3 { font-size: 20px; font-weight: 700; margin-bottom: 20px; } .professional-income__wrapper p { margin-bottom: 20px; } .professional-income__col:first-child { width: 30%; } .professional-income__col:last-child { margin-left: 140px; width: 70%; } .professional-income__list li { position: relative; padding-left: 30px; margin-bottom: 20px; } .professional-income__list li::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #e04e39; transform: rotate(45deg); left: 0; top: 5px; } .for-foreigners p { margin-bottom: 20px; } .for-foreigners__list { display: flex; margin-bottom: 50px; } .for-foreigners__list h3 { font-size: 18px; font-weight: 700; margin-bottom: 10px; } .for-foreigners__list li { max-width: 505px; width: 100%; display: flex; flex-direction: column; } .for-foreigners__list picture { text-align: center; display: block; } .for-foreigners__list li:first-child { margin-right: 77px; } .for-foreigners__list li:last-child picture { box-shadow: 0 0 10px #ccc; height: 100%; display: flex; align-items: center; justify-content: center; } .for-foreigners__list li:last-child picture img { max-width: 230px; } .for-foreigners__link { font-size: 20px; font-weight: 700; color: #e04e39; position: relative; padding-right: 30px; } .for-foreigners__link::after { content: ''; position: absolute; background-image: url('/local/templates/cpp46.ru/css/../img/arrow3.svg'); top: 50%; transform: translateY(-50%); right: 0; width: 12px; height: 20px; background-size: cover; } .calculation-amount { padding: 40px 0; background-color: #e8d4c3; margin-bottom: 110px; } .calculation-amount p { margin-bottom: 20px; } .calculation-amount__list { display: flex; } .calculation-amount__list li { display: flex; flex-direction: column; } .calculation-amount__list span { color: #ffffff; font-size: 50px; font-weight: 700; margin-bottom: 20px; } .calculation-amount__list { font-size: 18px; font-weight: 700; } .calculation-amount__list li { width: calc(100% / 3); padding-right: 200px; } .questions h3 { font-size: 20px; font-weight: 700; margin-bottom: 30px; position: relative; padding-right: 50px; } .questions h3::after { content: ''; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); background-image: url('/local/templates/cpp46.ru/css/../img/show-icn.svg'); width: 25px; height: 41px; background-size: cover; } .questions__block-toggle { padding-bottom: 40px; } .questions p { margin-bottom: 20px; } .questions__list li { position: relative; margin-bottom: 20px; padding-left: 30px; } .questions__list li::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #e04e39; left: 0; top: 6px; transform: rotate(45deg); } .questions__item { display: flex; flex-direction: column; align-items: flex-start; } .samozaniatie p { margin-bottom: 20px; } .samozaniatie span.title { margin-bottom: 10px; } .samozaniatie__aside { background-color: #fff; box-shadow: 0 0 10px #ccc; padding: 20px 30px; margin-bottom: 50px; } .samozaniatie__aside h3 { font-size: 24px; font-weight: 700; } .samozaniatie .block-cube { margin-bottom: 50px; } .samozaniatie__advantages-content ul { list-style: none; } .samozaniatie__advantages-content ul li { padding: 0 25px; padding-top: 20px; border-bottom: 2px solid #e8d4c3; } .c-result { margin: 40px 0; } .socia-link { display: flex; margin-right: auto; align-items: flex-end; margin-bottom: 0px; margin-top: 20px; /* padding-left: 20px; */ } .socia-link__item { display: inline-block; margin-right: 7px; } .socia-link__item svg { fill: #e04e39; } .borrowers h3.title { text-align: left; align-self: flex-start; } .borrowers__filter { margin-bottom: 30px; display: flex; flex-wrap: wrap; width: 100%; } .borrowers__filter select { width: 230px; padding: 10px 25px 10px 20px; margin-right: 38px; border-radius: 0; border: 1px solid #999; flex-grow: 0; flex-shrink: 0; background-color: #fff; appearance: none; background-image: url(/local/templates/cpp46.ru/css/../img/arrow3.svg); background-size: 10px 10px; background-repeat: no-repeat; background-position: calc(100% - 10px) center; } .borrowers__filter-btn { display: flex; flex-grow: 1; } .borrowers__filter button { text-transform: uppercase; color: #fff; background-color: #e04e39; border-radius: 0; border-style: none; padding: 11px 25px; cursor: pointer; width: 50%; text-align: center; } .borrowers__filter button:disabled { opacity: 0.7; pointer-events: none; } .borrowers__filter-filter { margin-right: 27px; } .borrowers__filter-mess { padding: 20px; text-align: center; color: #fff; background-color: #e04e39; width: 100%; margin-bottom: 25px; display: none; } @media (max-width: 1199.98px) { .borrowers__filter select { width: 178px; } } @media (max-width: 991.98px) { .borrowers__filter { width: auto; margin-left: -10px; margin-right: -10px; } .borrowers__filter select { width: calc(100% / 2 - 20px); margin: 10px; } .borrowers__filter-btn { margin-left: 10px; margin-right: 10px; align-items: center; width: calc(100% / 2 - 20px); } } @media (max-width: 576.98px) { .borrowers__filter { margin-left: 0; margin-right: 0; } .borrowers__filter select { width: 100%; margin-left: 0; margin-right: 0; } .borrowers__filter-btn { width: 100%; margin-top: 10px; margin-left: 0; margin-right: 0; } } .borrowers__list { display: flex; flex-wrap: wrap; margin-left: -19px; margin-right: -19px; } .borrowers__list > li { width: calc(100% / 3 - 38px); margin-bottom: 28px; margin-right: 19px; margin-left: 19px; display: flex; flex-direction: column; box-shadow: 0 0 10px #ccc; background-color: #fff; } @media (max-width: 991.98px) { .borrowers__list { margin-left: -10px; margin-right: -10px; } .borrowers__list > li { width: calc(100% / 2 - 20px); margin-right: 10px; margin-left: 10px; } } .borrowers__head { background-color: #e04e39; color: #ffffff; font-size: 20px; font-weight: 700; min-height: 79px; padding: 0 30px; display: flex; align-items: center; } .borrowers__inner { padding: 29px 30px; } .borrowers__title { font-size: 18px; font-weight: 700; } .borrowers__footer { display: flex; justify-content: space-between; } .borrowers__footer a { font-size: 18px; font-weight: 400; text-decoration: underline; } a.submit-application { font-size: 18px; font-weight: 700; text-decoration: none; color: #e04e39; position: relative; padding-right: 23px; } a.submit-application::after { content: ''; position: absolute; display: block; width: 8px; height: 15px; background-image: url('/local/templates/cpp46.ru/css/../img/arrow3.svg'); background-size: cover; right: 0; top: 50%; transform: translateY(-30%); } .borrowers__inner { display: flex; flex-direction: column; } .borrowers__sublist { margin-bottom: 65px; min-height: 200px; } .program span.strong { font-weight: 700; max-width: 230px; flex: 1 0 auto; } .program ul li, .program .container div.block-string { display: flex; flex-wrap: wrap; margin-bottom: 15px; } .program .container div.list-area { margin-bottom: 15px; } .program ul li { margin: 0 0 15px; position: relative; } .program ul { margin-top: 15px; } .program .list-area { width: 100%; } .program .container > div:last-of-type { margin-bottom: 60px; } .program ul li { padding-left: 30px; } .program ul li::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #e04e39; transform: rotate(45deg); left: 0; top: 6px; } .video__wrapper { max-width: 660px; } .test { display: flex; } .half-wrapper { width: 50vw; box-shadow: 0 2px 10px #00000020; } .banner--side { max-height: 496px; display: flex; justify-content: flex-end; overflow-x: visible; position: relative; } .banner--side .banner-wrapper { z-index: unset; } .half-slider { max-width: 700px; } .half-slider button.owl-next { right: 20px; bottom: 10px; margin: 0; top: unset; } .half-slider button.owl-prev { right: 60px; bottom: 10px; margin: 0; top: unset; left: unset; } .news--side { background-color: #e8d4c3; } .half-container { max-width: 585px; position: relative; } .news--side .preview-news__list { background-color: #fff; margin: 40px 0px 80px 30px; padding: 30px 20px 30px 30px; max-width: inherit; width: inherit; height: 376px; } .news--side .mCSB_container { margin-right: 38px; } .news--side .mCSB_scrollTools { width: 8px; } .news--side .see-all__link { color: #e04e39; right: 15px; bottom: -40px; font-weight: 500; padding-right: 10px; } .news--side .see-all__link::after { content: ''; position: absolute; width: 15px; height: 27px; right: -15px; top: 50%; margin-top: -13.5px; background-image: url(/local/templates/cpp46.ru/css/../img/arrow3.svg); background-repeat: no-repeat; } .header_string { display: flex; justify-content: space-between; } .wrap--mode { white-space: normal; max-width: min-content; text-align: right; } .hot-line__phone-item { display: flex; align-items: baseline; } .alone---mode { font-weight: 600; margin-bottom: 15px; } @media (max-width: 768px) { .hot-line__phone-link--big { margin-left: 0; /* padding-left: 0; */ } } .plate--long { width: 100%; margin-right: 0; margin-bottom: 20px; } .plate--short { width: calc(50% - 10px); margin-bottom: 20px; margin-right: 0; } @media (max-width: 1199.98px) { .test { flex-direction: column; } .half-wrapper { width: 100vw; justify-content: center; } .half-container { margin: auto; max-width: 960px; } .news--side .preview-news__list { margin: 40px auto 80px; } .type-servicess__item--active { border: none; } .type-servicess__item--active .type-servicess__text { color: #565554; } .news--side .see-all__link { right: 0; left: 16px; width: max-content; } .banner--side { max-height: none; } .banner--side .banner-wrapper .owl-dots { max-width: calc(100% - 32px); margin-left: 16px; margin-right: 16px; } .banner--side .owl-theme .owl-dots .owl-dot { width: 100%; } .banner--side .owl-theme .owl-dots .owl-dot span { height: 8px; } } @media (max-width: 767.98px) { .banner--side .banner-wrapper .owl-dots { display: flex; } } .poll-section .title-main { margin-bottom: 0; } .poll-desc { margin-bottom: 40px; line-height: 1.3; } .poll--list-item { flex-direction: column; align-items: flex-start; justify-content: center; } .poll--list-item .poll-info { margin-left: 45px; margin-top: 10px; color: #ccc; } .poll--list-item .poll-info span:first-child { margin-right: 20px; } .poll_list { margin: 0; padding: 0; border: none; font-size: 100%; list-style-type: none; } .poll_list-item { margin-bottom: 30px; } .poll_list-item-header { margin-bottom: 15px; } .poll_list-item-question { font-weight: bold; font-size: 20px; line-height: 1.5; } .poll_list-item-header p { margin: 0.5em 0 0; color: #ccc; } .answers_list { padding: 0; } .answers_list-item { list-style-type: none; margin-bottom: 10px; } .answers_list-item:last-child { margin-bottom: 0; } .answers_list-item input::placeholder { color: #ccc; } .answers_list-title { } .answer_item--textfield input { border: 1px solid #ccc; padding: 5px 20px; border-radius: 5px; } @media (max-width: 767.98px) { .poll_list-item-question { font-size: 18px; } .answers_list-item label { font-size: 16px; } .answer_item--textfield input { padding: 7px 20px; width: 100%; } } .poll_buttons { /* display: flex; flex-direction: column; */ } .poll_buttons-submit { position: relative; font-size: 20px; font-weight: 700; color: #e04e39; background-color: transparent; border: none; cursor: pointer; outline-style: none; padding: 0; margin-bottom: 20px; } .poll_buttons-submit::after { content: ''; position: absolute; width: 15px; height: 27px; right: -25px; top: 50%; margin-top: -13.5px; background-image: url(/local/templates/cpp46.ru/css/../img/arrow3.svg); background-repeat: no-repeat; } .poll_buttons-link { text-decoration: underline; margin-right: 60px; font-size: 20px; } .answers_list-item input[type='radio'], .answers_list-item input[type='checkbox'] { position: absolute; visibility: hidden; opacity: 0; z-index: -999; } .answers_list-item label { position: relative; padding-left: 35px; cursor: pointer; display: block; } .answers_list-item .answer_item--radio label::before { content: ''; position: absolute; display: block; left: 0; top: 50%; transform: translateY(-50%); width: 23px; height: 23px; border-radius: 50%; border: 1px solid #c5c7c4; } .answers_list-item .answer_item--radio input:checked + label::after { content: ''; position: absolute; display: block; width: 11px; height: 11px; border-radius: 50%; background-color: #e04e39; left: 7px; top: 50%; transform: translateY(-50%); } .answers_list-item .answer_item--checkbox label::before { content: ''; position: absolute; display: block; left: 0; top: 50%; transform: translateY(-50%); width: 23px; height: 23px; border-radius: 5px; border: 1px solid #c5c7c4; } .answers_list-item .answer_item--checkbox input:checked + label::after { content: ''; position: absolute; display: block; width: 11px; height: 11px; border-radius: 3px; background-color: #e04e39; left: 7px; top: 50%; transform: translateY(-50%); } .popup-banner { position: absolute; z-index: 999999; height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; } .popup-banner-body { box-shadow: 0 0 33px rgb(0 0 0 / 36%); border-radius: 5px; height: 496px; overflow: hidden; } .popup-banner-close { position: absolute; height: 20px; width: 20px; background-image: url(/local/templates/cpp46.ru/css/../img/cros.svg); background-repeat: no-repeat; background-size: cover; background-color: transparent; border: none; cursor: pointer; margin-left: 5px; } body.hidden { overflow: hidden; } .modal_form .afbf_item_pole .afbf_select { background: #fff; } /* End */ /* Start:/local/templates/cpp46.ru/css/adaptive.css?174368934521327*/ @media (max-width: 1199.98px) { .container { width: 960px; } .logo { max-width: 130px; } .logo_outer { top: 6px; height: 131px; left: 92px; } i.br { display: none; } h1.title-main { font-size: 24px; } .association-info__text { padding-right: 0; } .fon-text--association { margin-top: -20px; font-size: 80px; } .links-list__item { font-size: 18px; } /*главная*/ .type-business__list { display: flex; justify-content: center; } .type-business__list li { width: 200px; text-align: center; } .services-banner { display: none; } .type-servicess__item--active::before { display: none; } .header-menu__list a { font-size: 16px; } .type-servicess { margin: 0 auto; } .type-servicess__item--active { margin-right: 0; } .type-servicess__item:hover { margin-right: 0; } .type-servicess__item:hover::before { display: none; } .calendar { margin: 0 auto; } .preview-events__item { width: 100% !important; } .preview-events__item:nth-child(1), .preview-events__item:nth-child(3), .preview-events__item:nth-child(6), .preview-events__item:nth-child(8) { display: none; } .preview-events__date { display: none; } /*wide-section*/ .wide-section { flex-direction: column; } .wide-section .right-column .tab-content li { text-align: left; } .left-column { width: 100%; } .left-column__item { margin: 20px 0; } .left-column::after { content: ""; position: absolute; width: 999999px; top: 0; right: -999999px; height: 100%; background-color: #e04e39; } .right-column { width: 100%; padding-left: 0; } .right-column::after { height: 100%; } .right-column::before { content: ""; position: absolute; width: 999999px; top: 0; left: -999999px; height: 100%; background-color: #e8d4c3; } .tab-content { margin: 0; } .tab-content__text { font-size: 14px; } .right-column { padding: 15px 0; } .support-page .wide-section { display: none; } .preview-events__content { padding-left: 0; } /* .socia-link { display: none; } */ .map__wrapper { width: 750px; } } /*end wide-section*/ @media (max-width: 991.98px) { p { font-size: 16px !important; } .header-menu__list a { padding: 7px; } .container { width: 720px; } .table-events__finish { font-size: 40px; } .help-list { justify-content: center; } .fon-text--association { font-size: 50px; } .block-cube li { font-size: 16px; } .slider-block__paragraph { font-size: 16px; } .events-page .container-tab { margin-right: 0; } .hot-line__address, .search-form { display: none; } .hot-line__phone-item .search-form__input { display: block; } /*support-page*/ .about-block1 { padding-right: 0; } .about-block1__pic { position: relative; margin-bottom: 20px; } .link--red { font-size: 16px; padding-bottom: 40px; } .wrapper-link .link--red { padding-bottom: 0; } .federal-page .link--red { padding-bottom: 0; } .about-block2 { max-width: 100%; } .about-block2 li { font-size: 16px; } .about-block3 { margin-bottom: 0; } .search-form__input { margin-top: 10px; } /*end support-page*/ h3.title { font-size: 18px; } .fon-text { display: none; } .fon-text--notfound { display: block; font-size: 200px; line-height: 200px; } .history-page .main-section { padding-right: 0; } .help-list__item { width: calc(100% / 5); } .contests-page .table { padding-right: 0; } .contests-page button.arrow { right: 0; } a.table__file { white-space: normal; } .link__wrapper { margin-bottom: 0; } .page-events { padding-right: 0; } .content-uslugi__wrapper:nth-child(2) { display: none; } .content-uslugi__wrapper { width: 100%; } .graph-form__container { justify-content: space-between; flex-wrap: wrap; } .graph-form__wrapper { margin-right: 0; } .square18--partners { top: 307px; } .square19--partners { top: 350px; } .square20--partners { top: 370px; } .property-item { padding: 0; margin: 0; justify-content: center; flex-wrap: wrap; } .property-table { margin: 0; margin-bottom: 20px; } .equipment { margin-right: 0; margin-bottom: 20px; } .property-photo { margin-left: 0; flex-wrap: wrap; } .property-photo__item { margin-right: 0; } .workshops-page .link--red, .exhibition-page .link--red, .translate-page .link--red { margin-bottom: 0; } .mission-page .wide-section, .index-page .wide-section, .services-page .wide-section, .workshops-page .wide-section, .form .see-all, .registry-page .main-content .block-cube, .mission-page .link--red { margin-bottom: 20px; } .report-page .main-section .container { padding-bottom: 0; } .study-page .main-section .container, .realization-page .main-section .container { padding-bottom: 0; } .promotion-page .logo-partners__list { padding-bottom: 0; } .promotion-page .link--red { margin-bottom: 0; } .main-content { padding-left: 0; } .achivements .owl-carousel, .achivements .owl-carousel .owl-item { padding: 0 20px; } .preview-news { top: 100px; } .news .see-all { height: 180px; } .wrapper-block { flex-direction: column; } .certificate-page .wrapper-slider { position: relative; } .wrapper-block2, .wrapper-block1, .documents-page .wrapper-slider { margin-bottom: 0; } .aside2 { margin-top: 0; } .certificate-page .wrapper-slider { top: 50px; } .benefits { flex-wrap: wrap; justify-content: center; margin-bottom: 0; margin-right: -70px; } .certificate-block { max-width: 100%; } .benefits li { margin-bottom: 50px; } .square3 { display: none; } .service-page .type-servicess { margin-bottom: 20px; } .documents-page .item { margin-right: 0; } .header-menu { width: 100%; } .header-menu__list { width: 100%; justify-content: space-between; } .property-page .property-photo { justify-content: center; } .promotion-page .logo-partners { margin-bottom: 20px; } .events-page .owl-carousel .owl-nav button.owl-next { left: 62%; } .events-page .owl-carousel .owl-nav button.owl-prev { right: 64%; } h2.notfound { font-size: 30px; } .wrapper-search a { padding-right: 0; } .support__item { width: 100%; margin-right: 0; } .federal__list li { width: calc(50% - 30px); } .measures__list { margin-bottom: 50px; } .measures__info-covid { flex-direction: column; } .support__title { font-size: 24px; } .measures__consultation a { font-size: 16px; } .measures__item .num { font-size: 46px; } .trading-cards { flex-wrap: wrap; } .trading-cards__card { width: 100%; margin-bottom: 20px; } .trading-cards__right { margin-left: auto; } } @media (max-width: 767.98px) { header { overflow-x: hidden; } .personal-link { display: flex; flex-direction: column; align-items: flex-start; } .table-events__body { flex-direction: column; } .table-events__body>* { width: 100%; margin-bottom: 10px; } .tab-content__title:hover, .tab-content__title--active { border-bottom-width: 5px; } .logo { position: initial; margin-left: 0; } .logo_outer { top: -13px; } .banner-wrapper .owl-dots { display: none; } .support__big-link { font-size: 20px; } .links__pic { height: 120px; } .support__item { /* min-height: 170px; */ } .support__title { font-size: 20px; } .support__link { padding-left: 0; font-size: 18px; } .support__list a { /* padding: 30px; */ } .wrapper-video { width: 100%; } .container { width: 540px; padding: 0 16px; } .wrapper-link { margin-bottom: 0; } h2.title { font-size: 24px; } .index-page .banner, .header-menu, .square1--index, .index-page .big-title, .calendar { display: none; } .square12 { display: none; } .preview-news__list { height: 165px; padding: 20px; } .preview-events__link { padding-right: 60px; } .see-all__link { font-size: 16px; padding-left: 15px; } .preview-news__date { font-size: 16px; } .type-business__list { justify-content: space-between; } .type-business__list li { font-size: 14px; width: 150px; } .type-business__item { margin-right: 0; } .type-servicess { width: 100%; } .type-servicess__item svg { width: 50px; height: 50px; flex-shrink: 0; } .type-servicess__text { font-size: 16px; padding-left: 27px; } .preview-events__list { padding: 0 15px; } /* .links__item { max-width: 59px; } */ .links__label { font-size: 14px; } .links-item--achive { max-width: 209px; } .search-and-hot::after { display: none; } .search-and-hot { flex-direction: row; flex-wrap: nowrap; margin-left: 0; width: 100%; } .hot-line { position: relative; width: 100%; margin-left: auto; min-height: 85px; padding-top: 10px; text-align: end; } .hot-line::before{ content: ""; background-color: #e7d4c3; top: 0; left: -9999px; width: 9999px; position: absolute; height: 100%; } .hot-line::after{ content: ""; background-color: #e7d4c3; top: 0; right: -9999px; width: 9999px; position: absolute; height: 100%; } input[type="search"] { margin-top: 10px; height: 25px; font-size: 16px; } .type-business__item { padding: 10px; display: flex; align-items: center; justify-content: center; } .preview-events__text { font-size: 16px; } .tab-content__title { margin-bottom: 10px; } .tab-content__text { font-size: 14px; } .links-list__item { font-size: 14px; padding-right: 18px; } .copyright { font-size: 10px; } .copyright span { display: block; } .index-page h2.title::after { height: 35px; width: 100px; } .index-page .calendar-of-events h2.title::after { width: 200px; left: 100px; } .news .see-all { height: 130px; } .partners-page .title-main { margin-bottom: 20px; } .fon-text, .partners-page .fon-text, .fon-text3 { display: none; } .fon-text--notfound { display: block; } .burger { display: block; height: auto; width: 46px; background-position: center; background-repeat: no-repeat; margin-left: auto; } .square { display: none; } .logo-partners__pic { width: calc(100% / 2); } .info-block { flex-wrap: wrap; } .info-block__column { width: 100%; } .about-portals { padding-left: 0; } .contacts__column:last-child { margin-top: 0; } .table-events__text { font-size: 16px; } .borrowers__tab { font-size: 16px; } .businessman-page .wrapper { padding-right: 0; } /* .index-page .main-header .container { padding-bottom: 50px; } */ .index-page .news h2.title { top: -80px; z-index: 100; } .preview-news { top: 30px; } .benefits { padding: 0; font-size: 16px; } .news .see-all__link { bottom: 20px; } .calendar-of-events { margin-top: 40px; } .table__row--opacity::before { left: 22%; } .infogr-mobile { display: block; } .infogr-desctop { display: none; } .square5, .square9 { display: none; } .events-page .owl-carousel .owl-nav button.owl-next { left: 64%; } .events-page .owl-carousel .owl-nav button.owl-prev { right: 67%; } .subtitle { display: block; } .subtitle__list { width: 100%; } .subtitle .see-all { width: 100%; text-align: left; } .wrapper-content p { padding-right: 0; } .wrapper-link { margin-bottom: 20px; } .measures__list { flex-wrap: wrap; } .measures__item { width: 50%; padding-right: 0; } .table-wrap { overflow-x: scroll; } .hot-line__mess { /* padding-right: 60px; */ } .hot-line__phone-item { /* font-size: 0; */ justify-content: end; } .who-suits { margin-bottom: 50px; } .nalog__rate { flex-direction: column; } .main-container-nalog { padding-bottom: 50px; } .nalog__rate li { width: 100%; } .nalog__rate li:nth-child(1), .nalog__rate li:nth-child(2) { width: 100%; } .self-employed__list { flex-direction: column; } .self-employed__list li { width: 100%; } .self-employed__list li:first-child { margin-bottom: 20px; } .self-employed__list li:last-child .self-employed__inner { padding: 0; } .professional-income__wrapper { flex-direction: column; } .professional-income__col:first-child { width: 100%; } .professional-income__col:last-child { margin-left: 0; width: 100%; } .for-foreigners__list { flex-direction: column; } .calculation-amount__list { flex-wrap: wrap; } .calculation-amount__list li { width: 100%; padding-right: 0; } h2.title-main { font-size: 24px; } .nalog__description li { font-size: 16px; } .nalog__links li a { font-size: 18px; } .who-suits p { font-size: 18px; } .who-suits-list li { font-size: 16px; } .self-employed__list li p { font-size: 18px; } .three-ways__title { font-size: 18px; } .three-ways__attention-title { font-size: 18px; } .three-ways__attention p { font-size: 16px; } .professional-income__wrapper h3 { font-size: 18px; } .professional-income__list li { font-size: 16px; } .for-foreigners__link { font-size: 18px; } .questions h3 { font-size: 18px; } .nalog__rate li p { font-size: 16px; } .nalog__rate li h3 { font-size: 28px; } .calculation-amount__list span { font-size: 28px; } .self-employed__list li:first-child .self-employed__inner { flex-direction: column; } .self-employed__list li:first-child .self-employed__inner img { margin-bottom: 20px; } .self-employed__list li:first-child .self-employed__inner img:last-child { margin-bottom: 0; } .three-ways__title { padding-right: 30px; } .for-foreigners__list li:first-child { margin-bottom: 20px; } .questions__list li { font-size: 16px; } .nalog__rate li { padding: 20px; } .request__wrapper { flex-direction: column; } .request .col { max-width: 100%; } .request .col:nth-of-type(1) > div:nth-of-type(1), .request .col:nth-of-type(1) > div:nth-of-type(2) { width: 100%; } .col__footer { flex-direction: column; align-items: flex-start; } .request__wrapper .afbf_submit_block { margin: 15px 15px 0 0; } .request__wrapper .submit-application { padding-left: 0; } .borrowers__list { margin-right: 0; } .borrowers__list > li { width: 100%; margin-right: 0; } } @media (max-width: 575.98px) { .table-events__cell-time { display: none; } .baner { display: none; } .container { width: 100%; } .support { padding: 35px 0; } .support__item { background-position: 80% center; } .support__item::after { width: 70px !important; height: 70px !important; right: 19px !important; } .index-page .services .title { padding-top: 0; } .infogr-mobile { display: block; align-self: center; } .infogr-desctop { display: none; } .get-services { display: flex; flex-direction: column; } span[class^="square"] { display: none; } .completed { font-size: 40px; } .table__button { padding-left: 0; } .hot-line__phone-link { display: block; } .preview-news { width: 95%; top: 20px; bottom: 50px; left: 0; margin: auto; } .type-business__list { justify-content: space-between; } .type-business__list li { margin-bottom: 20px; } .type-servicess__link { font-size: 10px; } .preview-events__item { height: auto !important; } .wide-section .right-column .tab-content li { white-space: normal; } .links-list { flex-wrap: wrap; } .links-list__item { margin-bottom: 10px; } /*support-page*/ .infogr--mobile { display: block; width: 50%; margin: 0 auto; } .infogr--desctop, .fon-text1 { display: none; } .logo-partners__pic { width: 100%; } .advantages__block { margin-top: 0; } h2.title-small { font-size: 16px; } .percent-block--big { font-size: 50px; } h3.title--info { font-size: 20px; } .history-text { font-size: 16px; margin-right: 0; padding-right: 0; } .history-time { font-size: 18px; } .history-wrapper { flex-direction: column; } .corporation-figure { flex-direction: column; } .help-list { justify-content: center; } .help-list__item { width: 50%; } .contacts { flex-direction: column; } .table-events__time { display: none; } .table-events__row--opacity { font-size: 30px; } .empty { margin-bottom: 20px; } .graph-form__container { justify-content: center; } .property-table__row { flex-direction: column; } .wrapper-winner { flex-direction: column; } .table-payment td, .table-payment th { padding: 10px; font-size: 14px; } .table-example td, .table-example th { padding: 0; font-size: 16px; font-size: 14px; padding: 10px; } .buttons-tab { flex-wrap: wrap; justify-content: center; } .button-tab { margin-right: 0; margin-bottom: 20px; } .button-tab:last-child { margin-bottom: 0; } .mission-page .right-column, .index-page .right-column, .services-page .right-column, .workshops-page .right-column, .exhibition-page .right-column { flex-direction: column; } .mission-page .tab-content, .index-page .tab-content, .services-page .tab-content, .workshops-page .tab-content, .exhibition-page .tab-content { flex-direction: row; align-items: center; } .preview-events__item { margin-bottom: 10px; } .calendar-of-events { margin-top: 30px; } .index-page h2.title { margin-bottom: 20px; } .wrapper-calendar { margin-bottom: 0; } .index-page .see-all { margin-bottom: 40px; } .preview-news__item { font-size: 16px; } .hot-line__phone-link { display: inline; } .hot-line__phone-item .search-form__input { padding: 0 5px; } .benefits li { width: calc(100% / 2); margin-bottom: 150px; } .left-column__item { margin: 20px auto; } .mission-page .tab-content, .index-page .tab-content, .services-page .tab-content, .workshops-page .tab-content, .exhibition-page .tab-content { flex-direction: column; } .tab-content__text { margin-bottom: 10px; } .left-column { padding-right: 0; } .links-wrapper { /* width: 105px; */ margin: auto; text-align: center; } .main-header .container { flex-wrap: wrap; } /* .logo { max-width: 200px; margin: 20px 0 20px auto; } */ .type-business__list { justify-content: center; } .block-cube li { text-indent: 20px; padding-left: 0; } .table__row--opacity::before { font-size: 50px; top: 28px; } .borrowers__text { padding-bottom: 10px; } .borrowers__line { margin-top: 10px; } .tab-content { flex-direction: column; } .tab-content__title { height: 45px; } .container-btn { flex-wrap: wrap; } .events-page .owl-carousel .owl-nav button.owl-next { left: 70%; } .events-page .owl-carousel .owl-nav button.owl-prev { left: 72px; } .benefits__count { top: -20px; left: -60px; font-size: 100px; } .benefits li:last-child { margin-right: 70px; } .benefits li { margin-bottom: 50px; } .slider-medium2 .owl-dots .owl-dot:first-child, .slider-medium2 .owl-dots .owl-dot:last-child, .slider-medium2 .owl-dots .owl-dot.active, .slider-medium2 .owl-dots .owl-dot.active+.owl-dot { margin-right: 10px; } h2.notfound { font-size: 20px; } .fon-text--notfound { font-size: 100px; line-height: 100px; } .federal__list li { width: 100%; } .trading-cards__head { font-size: 20px; } } @media (max-width: 340px) { input[type="search"] { width: 220px; } .table__row--opacity::before { left: 10%; } } /* End */ /* Start:/local/components/kvokka/cookie.info/templates/.default/style.css?1584704494678*/ .cookies { z-index: 1000; bottom: 1em; left: 0; position: fixed; width: 100%; display: none; font-size: 12px; } .cookies-body { max-width: 1140px; padding: 10px; border: 1px solid #ccc; margin: auto; background: #fff; padding: 15px; } .cookies-body p { margin: 0; } .cookies-body::after { content: ' '; display: table; clear: both; } .cookies-btn { display: inline-block; float: right; } .cookies-btn a { display: inline-block; float: right; background: #e04e39; padding: 4px 10px; text-decoration: none; cursor: pointer; color: #fff; text-transform: uppercase; } /* End */ /* Start:/local/templates/cpp46.ru/styles.css?17515331831517*/ @import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap&subset=cyrillic'); body[contenteditable="true"] { font-family: 'PT Sans', sans-serif; } body[contenteditable="true"] h1, body[contenteditable="true"] h2, body[contenteditable="true"] h3, body[contenteditable="true"] h4, body[contenteditable="true"] h5, body[contenteditable="true"] h6 { font-weight: 600; } body[contenteditable="true"] table { border-collapse: collapse; width: 100%; } body[contenteditable="true"] table td { border: 1px solid #ffa248; padding: 0.3em; } body[contenteditable="true"] img { height: auto; max-width: 100%; display: inline-block; margin-top: 0.5em; margin-bottom: 0.5em; } body[contenteditable="true"] img[align="left"] { float: left; margin-right: 1em; } body[contenteditable="true"] img[align="right"] { float: right; margin-left: 1em; } body[contenteditable="true"] img[align="middle"] { display: block; margin-left: auto; margin-right: auto; } .video-duo-container { display: flex; justify-content: space-between; gap: 20px; margin: 20px 0; flex-wrap: wrap; } .video-block { flex: 1; min-width: 300px; } .video-block video { width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } @media (max-width: 768px) { .video-block { flex: 100%; min-width: 100%; } .video-duo-container { gap: 15px; } } /* End */ /* /local/templates/cpp46.ru/css/jquery.mCustomScrollbar.css?157688640054739 */ /* /local/templates/cpp46.ru/css/normalize.css?15768864006487 */ /* /local/templates/cpp46.ru/css/form_style.css?161429760070407 */ /* /local/templates/cpp46.ru/css/style.css?1743687227127105 */ /* /local/templates/cpp46.ru/css/adaptive.css?174368934521327 */ /* /local/components/kvokka/cookie.info/templates/.default/style.css?1584704494678 */ /* /local/templates/cpp46.ru/styles.css?17515331831517 */