/* Start:/local/templates/rds_catalog/plagins/mscrollbar/jquery.mCustomScrollbar.css?157556152353570*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); 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: #000; background-color: rgba(0,0,0,0.6); 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/rds_catalog/plagins/mscrollbar/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/rds_catalog/plagins/fancybox/source/jquery.fancybox.css?15223319314771*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin{ padding: 0 !important; } .fancybox-opened { z-index: 8030; background: #FFF; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/local/templates/rds_catalog/plagins/fancybox/source/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/local/templates/rds_catalog/plagins/fancybox/source/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/local/templates/rds_catalog/plagins/fancybox/source/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/local/templates/rds_catalog/plagins/fancybox/source/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/local/templates/rds_catalog/plagins/fancybox/source/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/local/templates/rds_catalog/plagins/fancybox/source/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/local/templates/rds_catalog/css/jquery-ui.min.css?152112596819051*/ /*! jQuery UI - v1.12.1 - 2018-03-14 * http://jqueryui.com * Includes: core.css, datepicker.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #ff4848;background:#ff4848;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #ffcccc;background:#ffcccc;}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/rds_catalog/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/rds_catalog/css/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/local/templates/rds_catalog/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/rds_catalog/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/rds_catalog/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/rds_catalog/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/rds_catalog/css/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/local/templates/rds_catalog/plagins/countdown/style.css?15432500282744*/ /* Contdonwn */ .CDT-wrap { display: inline-block; position: relative; z-index: 1; width: 945px; max-width: 100%; height: 200px; vertical-align: top; background: no-repeat center / 100% 200px; cursor: pointer; } .CDT-wrap.inner { height: 100px; } .CDT { position: absolute; top: 90px; right: 86px; margin: 0; font-size: 60px; color: #fff; font-weight: bold; } .CDT-wrap.inner .CDT { top: 0; left: 0; right: 0; text-align: center; } .CDT .number-wrapper { margin: 10px; -moz-box-shadow: 0 5px 8px #000000, inset 0 5px 8px #000000; -webkit-box-shadow: 0 5px 8px #000000, inset 0 5px 8px #000000; box-shadow: 0 5px 8px #000000, inset 0 5px 8px #000000; position: relative; } .CDT .number { display: inline-block; *display: inline; *zoom: 1; background: #000; background-image: linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%); background-image: -o-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%); background-image: -moz-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%); background-image: -webkit-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%); background-image: -ms-linear-gradient(bottom, #000000 2%, #3c3c3c 50%, #000000 100%); -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 7px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0 12px; height: 80px; line-height: 80px; text-align: center; border: 1px solid #555; -moz-box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2); -moz-text-shadow: 0 3px 3px #000000; -webkit-text-shadow: 0 3px 3px #000000; text-shadow: 0 3px 3px #000000; } .CDT .line { position: absolute; width: 100%; height: 0; top: 52%; left: 0; background: #000; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } .CDT .caption { font-size: 14px; position: absolute; bottom: -24px; left: 0; text-align: center; width: 100%; color: #fff; } .CDT-wrap.inner .CDT .caption { color: #000; } /* End */ /* Start:/local/templates/rds_catalog/css/catalog-list.css?164206433517055*/ .element{ height: 400px; width: 275px; margin-bottom: 40px; margin-right: 40px; display: inline-block; background-color: #ffffff; position:relative; vertical-align: top; } .element:last-child{ margin-right: 0; } .element .wrapp>a{ background-position: center; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block; width: 200px; height: 200px; margin: 30px auto 0; text-align: center; position: relative; } .element .wrapp .name{ margin: 20px 0; text-align: center; } /*.element .wrapp .name a:hover{ color: #ff4848; }*/ .element .wrapp .name a{ font-size: 14px; display: block; padding: 0 22px; color: #252423; text-align: center; letter-spacing: 0.01em; line-height: 20px; } .element .prices .from{ font-size: 17px; color: #252423; text-align: center; letter-spacing: 0.01em; line-height: 20px; font-weight: normal; } .element .prices .pt-sans{ font-family: 'PT Sans'; } .element .prices { font-family: 'Ubuntu'; font-weight: bold; font-size: 30px; color: #252423; text-align: center; letter-spacing: 0.01em; line-height: 20px; } .element .prices s { display: none; } .wrapp-catalog.list .element .prices s { display: block; position: absolute; top: -24px; left: 25px; color: #999; font-size: 18px; } .element .c-red { color: #ff4848; } .element .val{ font-size: 17px; color: #252423; text-align: center; letter-spacing: 0.01em; line-height: 20px; font-weight: normal; } .element .bay input{ padding: 5px 0; width: 40px; vertical-align: middle; text-align: center; background-color: #ffffff; border: 2px solid #e4e4e4; border-left: none; border-right: none; font-size: 16px; color: #252423; letter-spacing: 0.01em; line-height: 20px; } .element .box{ position: absolute; right: 0; left: 0; bottom: 60px; } .element:hover { z-index: 2; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); } .element.active { box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); } .element.active:hover{ box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.3); } .element .bay{ position: absolute; display: block; text-align: center; right: 0; left: 0; top: 349.5px; } .list .element .bay{ display: none; position: absolute; bottom: -93px; } .element.active .bay{ position: absolute; display: block; padding: 30px 0 30px; background: #f3f3f3; box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); text-align: center; right: 0; left: 0; } .element.in-cart:hover .bay, .element.in-cart.active .bay{ padding-bottom: 14px; } .element .bay .btn { background-color: #ff4848; } .element .bay .btn:hover { background-color: #d33030; } .element .bay .btn.no-avail{ background-color: #333; } .wrapp-catalog.list .element .bay .btn.no-avail{ margin-top: 20px; } .element .bay .btn.in-cart { background-color: #5b6ce7; } .element .bay .btn{ padding: 6px 0; width: 115px; display: inline-block; font-size: 15px; color: #ffffff; text-align: center; letter-spacing: 0.01em; vertical-align: middle; cursor: pointer; } /* .element.active .bay .btn { padding: 6px 0; width: 115px; display: inline-block; font-size: 15px; color: #ffffff; text-align: center; letter-spacing: 0.01em; vertical-align: middle; cursor: pointer; } */ .element .bay .bay-info { float: right; /* margin: 6px 20px 0 0; */ margin: 0px 15px 0 0; min-width: 115px; text-align: center; font-size: 12px; line-height: 16px; color: #848484; white-space: nowrap; } .in-content .element .bay .bay-info{ margin: 0px 8px 0 0; } .element .bay .bay-info .sum{ display: inline; } .element .banner{ height: 100%; } .wrapper .element .banner .name{ padding: 58px 0 37px; width: 160px; margin: 0 auto; line-height: 32px; font-weight: bold; text-align: left; font-size: 33px; color: #ffffff; } .box_elements{ display: none; } .box_elements.active{ display: block; } .box-line { margin: 0 0 0 55px; font-size: 19px; color: #ffffff; text-align: left; letter-spacing: 0.01em; line-height: 22px; } .box-line { padding: 0; } .box-line .element-line{ margin-bottom: 25px; padding-left: 45px; line-height: 20px; position: relative; } .box-line .element-line:before{ content: ""; display: inline-block; width: 25px; height: 25px; vertical-align: middle; position: absolute; left: 0; background: url(/local/templates/rds_catalog/images/sprite.png) -479px -235px no-repeat; } .bx_catalog_item_container .r_col>*{ display: inline-block; vertical-align: top; } .bx_catalog_item_container img{ width: 150px; } .bx_catalog_item_container .r_col, .bx_catalog_item_container .l_col{ vertical-align: top; } .bx_catalog_item_container .l_col{ margin-right: 10px; } div.bx_catalog_item_container[id*="bx_"] { margin-bottom: 10px; background: #FFF; display: block; padding: 15px 20px; } .bx_catalog_item_title{ font-size: 14px; color: #252423; text-align: left; letter-spacing: 0.01em; line-height: 20px; font-weight: 600; width: 272px; } .count-3 .element:last-child{ margin: 0 !important; } .catalog-elements{ margin-bottom: 30px; padding-top: 0; transition: padding 0.5s; } .catalog-elements.loading, .catalog-elements.loading-more{ position: relative; } .catalog-elements.loading { padding-top: 40px; } .catalog-elements.loading:before{ position: absolute; top: -5px; left: 0; width: 100%; height: 32px; background: url(/local/templates/rds_catalog/images/small_loader.gif) no-repeat center; content: ""; } .catalog-elements.loading-more:after{ float: left; width: 100%; height: 80px; background: url(/local/templates/rds_catalog/images/loader.gif) no-repeat center; content: ""; } .catalog-elements > *{ transition: opacity 0.5s; } /*.catalog-elements.loading > *{ opacity: 0; }*/ .wrapp-catalog.list .catalog-elements .element{ width: 100% !important; height: 166px; position: relative; } .wrapp-catalog.list .catalog-elements .element img { top: 0; max-width: 140px; max-height: 140px; } .wrapp-catalog .catalog-elements .element img { z-index:1 } .wrapp-catalog.list .element .wrapp > a { display: inline-block; text-align: center; margin: 0; height: 140px; width: 140px; } .wrapp-catalog .element .wrapp a.block-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .wrapp-catalog.list .element .bay, .wrapp-catalog.list .element:hover .bay{ display: block; background: transparent; width: 120px; position: absolute; top: 0; right: 20px; left: auto; bottom: 0; box-shadow: none; padding: 0; text-align: left; height: 80px; margin: auto; } .wrapp-catalog.list .element .bay .btn{ padding: 6px 0; width: 115px; display: inline-block; color: #ffffff; letter-spacing: 0.01em; vertical-align: middle; cursor: pointer; margin-top: 10px; font-size: 15px; line-height: 20px; font-weight: bold; text-transform: uppercase; text-align: center; } .wrapp-catalog.list .element .bay .bay-info { float: none; margin-top: 4px; margin-right: 0; text-align: center; font-size: 12px; color: #848484; } .wrapp-catalog.list .element .bay .bay-info .sum{ /*display: none;*/ } .wrapp-catalog.list .element .bay .btn.pred{ background-color: #252423; } .wrapp-catalog.list .element{ margin-bottom: 10px; } .wrapp-catalog.list .element .wrapp .name{ position: absolute; width: 275px; left: 144px; top: 20px; padding: 0; height: 40px; margin: auto; } /*region описание товара (код и вес) */ .wrapp-catalog.list .element .wrapp .description{ position: absolute; left: 167px; top: 63px; padding: 0; display: inherit; } .wrapp-catalog.list .element .wrapp .description p, .wrapp-catalog.list .element .wrapp .sale_now p{ padding: 0; margin: 0; font-size: 14px; color: #848484; line-height: 19px; } .wrapp-catalog.list .element .wrapp .description p.good_id{ z-index: 1; position: relative; } .wrapp-catalog .element .wrapp .description{ display: none; } /*endregion описание товара (код и вес) */ /*region сейчас покупают*/ .wrapp-catalog .element .wrapp .sale_now{ display: none; } .wrapp-catalog.list .element .wrapp .sale_now{ display: flex; margin: 3px 0 0 0; } .wrapp-catalog.list .element .wrapp .sale_now p { color: red; } .wrapp-catalog.list .element .wrapp .sale_now .cart_img { background: url(/local/templates/.default/images/cart-sale-now.png) no-repeat; width: 14px; height: 14px; padding-right: 5px; margin-top: 2px; } /*endregion сейчас покупают*/ /*region количество товара и кнопки + - */ .wrapp-catalog.list .element .bay input{ padding: 5px 0; width: 59px; vertical-align: middle; text-align: center; background-color: #ffffff; border: 2px solid #e4e4e4; font-size: 16px; color: #252423; letter-spacing: 0.01em; line-height: 20px; height: 29px; } .wrapp-catalog.list .element .bay .plus-btn{ border-left: 0; } .wrapp-catalog.list .element .bay .min-btn{ border-right: 0; } .wrapp-catalog.list .element .bay .multiplicity+.mer{ display: none; } .wrapp-catalog.list .element .bay .min-btn{ display: inline-block; } .wrapp-catalog.list .element .bay .plus-btn{ display: inline-block; } /* .wrapp-catalog .element .bay .min-btn{ display: none; } .wrapp-catalog .element .bay .plus-btn{ display: none; } */ .wrapp-catalog .element .bay input{ height: 18px; box-sizing: initial; } /*endregion количество товара и кнопки + - */ .min-order{ position: absolute; top: 359px; left: 0; right: 0; text-align: center; color: #989898; font-size: 14px; } .good_in_stok + .min-order{ top: 349px; right: 112px; text-align: center; } .min-sum{ position: absolute; top: 25px; text-align: center; width: 100%; font-size: 15px; } .mer{ color: #989898; font-size: 15px; margin: 0 2px 0 0; display: inline-block; width: 30px; overflow-x: hidden; vertical-align: text-top; text-align: left; } .wrapp-catalog.list .mer{ margin: 0; width: inherit; vertical-align:inherit; overflow-x:inherit; display:inherit; text-align: inherit; } .wrapp-catalog.list .min-sum{ display: none; } .wrapp-catalog.list .min-order{ top: 101px; left: 166px; right: auto; /*width: 140px;*/ text-align: left; } .wrapp-catalog.list .element .wrapp{ padding: 13px 20px 13px 13px; } .wrapp-catalog .element{ margin: 0 40px 40px 0 !important; } .wrapp-catalog.list .element{ margin-bottom: 10px !important; } .element.in-cart:before{ position: absolute; top: -1px; right: -1px; width: 0; height: 0; border: 30px solid; border-color: #5b6ce7 #5b6ce7 transparent transparent; box-shadow: 3px -3px 3px 0 rgba(0, 0, 0, 0.25); /* content: ""; */ } .element.in-cart:after{ position: absolute; top: 3px; right: 0; width: 60px; height: 60px; background: url(/local/templates/rds_catalog/images/white_cart.png) no-repeat top right; /* content: ""; */ } .wrapp-catalog.list .element.in-cart:before, .wrapp-catalog.list .element.in-cart:after{ content: none; } .wrapp-catalog .element{ width: 275px !important; } body .wrapp-catalog { padding: 0 0 0 40px; width: 905px; } .wrapp-catalog .catalog-elements .markers{ z-index: 1; } .wrapp-catalog .catalog-elements .markers:hover{ z-index: 3; } .wrapp-catalog.list .catalog-elements .markers{ top: 0; display: flex; right: 430px; left: auto; width: 46px; height: 100%; flex-direction: column; align-items: center; justify-content: center; } .wrapp-catalog.list .catalog-elements .markers .marker{ margin: 4px 0 5px; } .wrapp-catalog.list .catalog-elements .markers .marker-postpone, .wrapp-catalog.list .catalog-elements .markers .marker-comparison{ visibility: visible; } .wrapp-catalog .element .close { position: absolute; background: url(/local/templates/rds_catalog/css/../img/close.png) no-repeat center; top: 0; right: 0; width: 14px; height: 14px; padding: 8px; cursor: pointer; } .wrapp-catalog .element .close:hover { background: url(/local/templates/rds_catalog/css/../img/close_hover.png) no-repeat center; } .wrapp-catalog.list .catalog-elements .element .wrapp .name a{ text-align: left; } .element a img{ position: absolute; top: -30px; bottom: 0; left: 0; right: 0; margin: auto; width: auto; max-width: 200px; max-height: 200px; opacity: 1; transition: opacity 0.6s; } .element a img.second_img{ opacity: 0; } .element a.img:hover .second_img{ opacity: 1; } .element a.img:hover .second_img + img{ opacity: 0; } .element .wrapp .name.item{ margin: 0; position: absolute; top: 224px; width: 100%; text-align: center; height: 60px; overflow: hidden; } .wrapp-catalog.list .l-position{ position: absolute; top: auto; bottom: auto; margin: auto; left: -450px; display: flex; flex-direction: column; min-height: 106px; } .wrapp-catalog.list .unit .alive{ position: absolute; top: 84px; font-size: 14px; width: auto; left: 492px; right: 140px; text-align: left; white-space: nowrap; } .alive-inner { display: inline-block; border-bottom: 1px #252423 dashed; cursor: pointer; } .alive-inner.on { border-bottom-color: transparent; } .list .alive-inner { position: relative; } .alive-inner .rds-tooltip-outer{ position: absolute; left: 50%; right: auto; bottom: calc(100% + 4px); } .alive-inner .rds-tooltip-rt{ position: relative; left: -50%; } .list .alive-inner .rds-tooltip-outer{ left: 0; right: auto; top: calc(100% + 4px); bottom: auto; } .list .alive-inner .rds-tooltip-rt{ left: auto; right: 0; top: 0; bottom: auto; } .wrapp .alive-inner.rds-tooltip-container .rds-tooltip-rt{ display: none !important; } .wrapp .alive-inner.rds-tooltip-container.on .rds-tooltip-rt{ display: block !important; } .wrapp-catalog.list .catalog-elements .box { position: absolute; width: 185px; left: 490px; top: 52px; text-align: center; } .element .prices{ white-space: nowrap; } .wrapp-catalog.list .element .prices{ font-size: 26px; text-align: left; } .wrapp-catalog.list .catalog-elements .no_available .box { top: 20px; } .wrapp-catalog.list .unit .no_available .alive{ top: 50px; } .wrapp-catalog.list .no_available .min-order{ top: 79px; } .in-content.wrapp-catalog { padding: 0 !important; } .in-content.wrapp-catalog.list { width: auto; } .in-content.wrapp-catalog .element { margin: 0 40px 53px 0 !important; width: 260px !important; } .in-content.wrapp-catalog.list .element{ margin-bottom: 10px !important; } .in-content.wrapp-catalog .row.sort { margin-bottom: 20px; width: 841px; } .in-content.wrapp-catalog.list .catalog-elements .markers { right: 390px; } .wrapp-catalog .clear-like { margin-bottom: 20px; text-align: center; } .wrapp-catalog.list .ga-item-fields-block{ width: 275px; left: 150px; top: 0; position: absolute; height: 100%; padding: 0 22px; display: flex; } .wrapp-catalog.list .ga-item-fields-inner{ margin:auto 0; } .wrapp-catalog.list .element .wrapp .ga-item-fields-block .name{ position: inherit; margin: 0; height: inherit; max-height: 60px; } .wrapp-catalog.list .element .wrapp .ga-item-fields-block .name a{ padding: 0 22px 0 0; } .wrapp-catalog.list .element .wrapp .ga-item-fields-block .description{ margin: 3px 0 0 0; position: inherit; } .wrapp-catalog.list .price_span { padding: 0 0 0 25px; } .wrapp-catalog.list .from + .price_span { padding: 0; } .wrapp-catalog.list .catalog-elements.favoritesList .marker-comparison.make_top{ margin-bottom: 58px; } .ga-slider-item .ga-slider-item-favorite{ position: relative; } .ga-slider-item .ga-slider-item-favorite .add-favorite{ position: absolute; right: -8px; top: -20px; width: 20px; height: 20px; background-image: url(/local/templates/.default/img/2021/heart.svg); background-position: center bottom; background-repeat: no-repeat; } .ga-slider-item .ga-slider-item-favorite .add-favorite.active, .ga-slider-item .ga-slider-item-favorite .add-favorite:hover{ background-image: url(/local/templates/.default/img/2021/heart_hover.svg); } .ga-slider-item .ga-slider-item-favorite .add-favorite.active:hover{ background-image: url(/local/templates/.default/img/2021/heart.svg); } /* End */ /* Start:/local/templates/rds_catalog/css/catalog-common.css?16372308015799*/ .markers{ position: absolute; z-index: 1; left: -22px; top: 0; bottom: 0; margin: auto; } .markers .marker{ position: relative; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #e1e1e1; cursor: pointer; margin-bottom: 9px; background: #FFF; } .markers .marker span{ display: none; white-space: nowrap; } .markers .marker:hover{ border-color: transparent; } .markers .marker:before{ width: 22px; height: 22px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .markers .marker:hover span{ display: block; color: #989898; font-size: 15px; z-index: -1; padding: 11px 20px 11px 50px; left: 0; top: -2px; position: absolute; border: 2px solid #e1e1e1; border-radius: 20px; background: #FFF; } .markers .marker.last{ margin-bottom: 0; } .markers .marker.marker-new{ border-color: transparent; cursor: default; background: #51bc54 url(/local/templates/rds_catalog/css/../images/sprite.png) -145px -99px no-repeat; box-shadow: 0px 3px 5px 0px rgba(81, 188, 84, 0.4); } .markers .marker.marker-promo{ cursor: default; border-color: transparent; background: #ff4848 url(/local/templates/rds_catalog/css/../images/sprite.png) -186px -145px no-repeat; box-shadow: 0px 3px 5px 0px rgba(171, 50, 50, 0.4); } .markers .marker.marker-hit{ cursor: default; border-color: transparent; background: #ff8533 url(/local/templates/rds_catalog/css/../images/sprite.png) -186px -145px no-repeat; box-shadow: 0px 3px 5px 0px rgba(171, 104, 199, 0.4); } .markers .marker.marker-lider{ border-color: transparent; cursor: default; background: #ab68c7 url(/local/templates/rds_catalog/css/../images/sprite.png) -144px -143px no-repeat; box-shadow: 0px 3px 5px 0px rgba(171, 104, 199, 0.4); } .markers .marker.marker-gift{ border-color: transparent; cursor: default; background: #ff4848 url(/local/templates/rds_catalog/css/../img/gift.png) 0 0 no-repeat; box-shadow: 0px 3px 5px 0px rgba(171, 50, 50, 0.4); } .unit:hover .markers .marker.marker-postpone, .unit:hover .markers .marker.marker-comparison{ display: block; visibility: visible; } /*.markers .marker.marker-postpone, .markers .marker.marker-comparison{ display: none; }*/ .markers .marker.marker-postpone.active, .markers .marker.marker-comparison.active{ display: block; } .markers .marker.marker-postpone{ background: #FFF url(/local/templates/rds_catalog/css/../images/sprite.png) -11px -98px no-repeat; } .markers .marker.marker-comparison{ background: #FFF url(/local/templates/rds_catalog/css/../images/sprite.png) -11px -144px no-repeat; } .markers .marker.marker-comparison:hover,.markers .marker.marker-postpone:hover{ z-index: 1; background: #FFF url(/local/templates/rds_catalog/css/../images/sprite.png) -54px -144px no-repeat; } .markers .marker.marker-comparison:hover span,.markers .marker.marker-postpone:hover span{ left: -2px; top: -2px; border-radius: 30px; } .markers .marker.marker-comparison:hover span:before{ content: ""; display: block; width: 26px; height: 20px; background: #FFF url(/local/templates/rds_catalog/css/../images/sprite.png) -63px -154px no-repeat; position: absolute; left: 9px; top: 10px; } .markers .marker.marker-postpone:hover span:before{ content: ""; display: block; width: 26px; height: 20px; background: url(/local/templates/rds_catalog/css/../images/sprite.png) -62px -110px no-repeat; position: absolute; left: 8px; top: 12px; } .markers .marker.marker-postpone.active{ border-color: transparent; background: #ff4848 url(/local/templates/rds_catalog/css/../images/sprite.png) -98px -98px no-repeat; box-shadow: 0px 3px 5px 0px rgba(255, 72, 72, 0.4); } /*.markers .marker.marker-postpone.active:hover span{ background: #ff4848 ; color: #FFF; border: 0; padding: 13px 20px 12px 50px; top:-2px; }*/ .markers .marker.marker-postpone.active:hover span:before{ content: ""; position: absolute; left: -2px; top: -2px; width: 44px; height: 44px; border-color: transparent; border-radius: 50%; background: #ff4848 url(/local/templates/rds_catalog/css/../images/sprite.png) -96px -96px no-repeat; box-shadow: 0px 3px 5px 0px rgba(92, 108, 231, 0.4); } .markers .marker.marker-comparison.active{ border-color: transparent; background: #5b6ce7 url(/local/templates/rds_catalog/css/../images/sprite.png) -98px -144px no-repeat; box-shadow: 0px 3px 5px 0px rgba(92, 108, 231, 0.4); } /*.markers .marker.marker-comparison.active:hover span{ background: #5b6ce7 ; color: #FFF; border: 0; padding: 13px 20px 12px 50px; top:-2px; } .markers .marker.marker-comparison.active:hover span:before{ left: 6px; top: 12px; background: url(/local/templates/rds_catalog/css/../images/sprite.png) -102px -154px no-repeat; }*/ .markers .marker.marker-comparison.active:hover span:before{ content: ""; position: absolute; left: -2px; top: -2px; width: 44px; height: 44px; border-color: transparent; border-radius: 50%; background: #5b6ce7 url(/local/templates/rds_catalog/css/../images/sprite.png) -96px -142px no-repeat; box-shadow: 0px 3px 5px 0px rgba(92, 108, 231, 0.4); } .markers{ height: 150px; } .markers.four{ height: 203px; } .markers.five{ height: 256px; } #basket_fly{ width: 80px; height: 80px; position: absolute; } #basket_fly img{ width: 100%; } .unit .alive { position: absolute; z-index: 3; top: 287px; font-size: 14px; text-align: center; width: 100%; color: #848484; } .unit .alive:before{ content: ""; display: inline-block; width: 15px; height: 13px; margin-right: 8px; vertical-align: middle; background: url(/local/templates/rds_catalog/css/../images/sprite.png) -355px -127px no-repeat; } .unit .alive.not:before{ content: ""; display: inline-block; width: 13px; height: 13px; margin-right: 8px; vertical-align: middle; background: url(/local/templates/rds_catalog/css/../images/sprite.png) -355px -110px no-repeat; } .w_cont .wrapp-catalog{ width: 905px; } /* End */ /* Start:/local/components/rds/invoice.form/style.css?16158846814248*/ #invoice_form .form-ajax form tr td.caption { padding: 0; } #invoice_form .form-ajax + .form-ajax { display: none; } .send-invoice-form input[type=text] { box-shadow: none; } .send-invoice-form input[type=number] { -moz-appearance: textfield; appearance: textfield; margin: 0; } .send-invoice-form input[type=number]::-webkit-inner-spin-button, .send-invoice-form input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .send-invoice-form tr td input[type=number] { display: block; padding: 8px 16px; width: 305px; background: #ffffff; border: 2px solid #e4e4e4; font-size: 16px; line-height: 21px; color: #252423; text-align: left; letter-spacing: 0.01em; outline: none; } .form-rds.send-invoice-form tr td input[type=number] { box-sizing: border-box; width: 462px; } @media (max-width: 1024px){ .send-invoice-form tr td input[type=number], .form-rds.send-invoice-form tr td input[type=number] { width: 100%; } } form .form-table .invoice-items { width: 540px; max-width: 100%; } form .form-table .invoice-items tr:nth-child(n + 4) { display: none; } form .form-table .invoice-items tr:last-child, form .form-table .invoice-items.on tr { display: table-row; } form .form-table .invoice-items td.invoice-items-more { padding-left: 52px !important; text-align: center !important; } form .form-table .invoice-items td.invoice-items-more a { font-size: 16px; } form .form-table .invoice-items-cols, form .form-table .invoice-items-item { background: rgba(255, 255, 255, 0.5); } form .form-table .invoice-items-cols td, form .form-table .invoice-items-item td { padding: 6px !important; border-bottom: 2px solid #e4e4e4 !important; } form .form-table .invoice-items-cols td { border-top: 2px solid #e4e4e4 !important; } form .form-table .invoice-items-cols td:first-child, form .form-table .invoice-items-item td:first-child { border-left: 2px solid #e4e4e4 !important; } form .form-table .invoice-items-cols td:last-child, form .form-table .invoice-items-item td:last-child { border-right: 2px solid #e4e4e4 !important; } body form .form-table table.invoice-items td { padding: 2px; vertical-align: middle; font-size: 14px; line-height: 1.4; font-weight: normal; } body .wapper-2 .reg-form table.invoice-items tr td { font-size: 16px; } form .form-table .invoice-items td:nth-child(n + 2) { white-space: nowrap; text-align: center; } form .form-table .invoice-items td:last-child { text-align: right !important; } form .form-table .invoice-items-header { padding-bottom: 10px; text-align: left; font-size: 18px; font-weight: normal; } form .form-table .invoice-sum { font-weight: bold; font-size: 1.1rem; } form .form-table .invoice-sum-error { border: 2px solid #ff4848; } .sum-error-text { margin-right: 5px; max-width: 540px; font-size: 14px; color: #ff4848; } @media (max-width: 1024px){ .mobile .content .reg-form table.invoice-items tr { display: table-row; } .mobile .content .reg-form table.invoice-items tr:nth-child(n + 4) { display: none; } .mobile .content .reg-form table.invoice-items tr:last-child, .mobile .content .reg-form table.invoice-items.on tr { display: table-row; } .mobile .content .reg-form table.invoice-items td { display: table-cell; padding: 2px; text-align: left; } } form .form-table .input-note { font-size: 12px; max-width: 340px; line-height: 1.2 !important; font-style: italic; } form .form-table .input-error { margin-bottom: 6px !important; font-size: 12px; max-width: 340px; line-height: 1.2 !important; font-style: italic; color: #ff4848; } form.send-invoice-form .error input, form.send-invoice-form input:invalid { border-color: #ff4848 !important; } .send-invoice-form [type="button"] { background: #ff4848; padding: 12px 15px; color: #FFF; border: none; font-size: 19px; text-transform: uppercase; margin-right: 5px; cursor: pointer; margin-top: 20px; } .send-invoice-form [name=invoice_form_cancel] { background-color: #5b6ce7; } .send-invoice-form button[name=invoice_form_cancel]:after { content: none; } /* End */ /* Start:/local/templates/rds_catalog/css/auth.css?16704256546848*/ .popup-auth{ display: none; width: 700px; } .popup-auth-no-soc { margin: 0 25px; width: 350px; } .form-rds{ padding: 36px 0; background: #FFF; } .form-rds .wrapp-all {} .form-rds .wrapp { min-height: 260px; background: url(/local/templates/rds_catalog/css/../images/auth-form.jpg) no-repeat center 0 / cover; } .popup-auth-no-soc .form-rds .wrapp { background: url(/local/templates/rds_catalog/css/../images/auth-form.jpg) no-repeat 0 0 / cover; width: 350px; } .form-rds .header{ margin-bottom: 0;/*30px;*/ } /*.form-rds .wrapp-all.error { margin-top: -20px; } .form-rds .error .header{ margin-bottom: 53px; }*/ .form-rds .l_col{ width: 250px; padding: 50px 50px 0; display: inline-block; vertical-align: top; } .form-rds .errortext{ display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; /*position: absolute; top: 42px; left: 20px; right: 20px; height: 58px;*/ color: #000; font-size: 14px; line-height: 16px; text-align: center; } .form-rds .errortext a{ color: #ff4848; font-size: 14px; line-height: 16px; } .form-rds .r_col{ width: 255px; padding: 50px 47px 0; display: inline-block; vertical-align: top; } .form-rds .foot-popup{ padding: 40px 0; text-align: center; font-size: 16px; color: #252423; } .form-rds .foot-popup a{ color: #ff4848; } .form-rds .title{ font-size: 33px; font-weight: bold; text-align: center; padding:0; } body .form-rds{ padding-bottom: 0; } .form-rds input[type='text'], .form-rds input[type='password'] { border: 2px solid #FFF; outline: none; padding: 10px; width: 226px; } .form-rds{ padding: 26px 0 36px; } .form-rds .row{ margin-bottom: 10px; } .form-rds .row input[type="submit"]{ width: 100%; border: 0; color: #FFF; background: #ff4848; padding: 10px 30px; font-size: 19px; text-transform: uppercase; cursor: pointer; outline: none; } .form-rds .row input[type="submit"]:hover{ background: #d33030; } .form-rds label{ color: #FFF; cursor: pointer; font-size: 16px; } .form-rds p{ color: #252423; font-size: 20px; line-height: 21px; margin-bottom: 20px; } .form-rds .error input[type='text'], .form-rds .error input[type='password']{ border-color: #ff4848; } .form-rds .row a{ color: #FFF; font-size: 16px; } .form-rds>p{ height: 0; margin: 0; padding: 0; } .form-rds input[type='text']::-webkit-input-placeholder{ color: #989898; font-size: 16px; font-family: "PT Sans"; font-style: italic; } .form-rds input[type='text']:-ms-input-placeholder{ color: #989898; font-size: 16px; font-family: "PT Sans"; font-style: italic; } .form-rds input[type='text']:-moz-placeholder { color: #989898; font-size: 16px; font-family: "PT Sans"; font-style: italic; } .form-rds input[type='password']::-webkit-input-placeholder{ color: #989898; font-size: 16px; font-family: "PT Sans"; font-style: italic; } .form-rds input[type='password']:-ms-input-placeholder{ color: #989898; font-size: 16px; font-family: "PT Sans"; font-style: italic; } .form-rds input[type='password']:-moz-placeholder { color: #989898; font-size: 16px; font-family: "PT Sans"; font-style: italic; } .ulogin-button-facebook, .ulogin-button-vkontakte, .ulogin-button-googleplus, .ulogin-button-mailru, .ulogin-button-odnoklassniki, .ulogin-button-yandex{ width: 43px !important; height: 43px !important; margin-right: 8px !important; background: #252423 !important; } .ulogin-button-vkontakte:hover{ opacity: 1 !important; background: #ff4848 !important; } .ulogin-button-vkontakte:before{ content:""; display: inline-block; width: 40px; height: 40px; background: url(/local/templates/rds_catalog/css/../images/sprite.png) -445px -101px no-repeat !important; vertical-align: middle; } .ulogin-button-facebook:hover{ opacity: 1 !important; background: #ff4848 !important; } .ulogin-button-facebook:before{ content:""; display: inline-block; width: 40px; height: 40px; background: url(/local/templates/rds_catalog/css/../images/sprite.png) -410px -101px no-repeat !important; vertical-align: middle; } .ulogin-button-odnoklassniki:hover{ opacity: 1 !important; background: #ff4848 !important; } .ulogin-button-odnoklassniki:before{ content:""; display: inline-block; width: 40px; height: 40px; background: url(/local/templates/rds_catalog/css/../images/ulogin_ok.png) 0 0 no-repeat !important; vertical-align: middle; } .ulogin-button-mailru:hover{ opacity: 1 !important; background: #ff4848 !important; } .ulogin-button-mailru:before{ content:""; display: inline-block; width: 40px; height: 40px; background: url(/local/templates/rds_catalog/css/../images/ulogin_mailru.png) 0 0 no-repeat !important; vertical-align: middle; } .ulogin-button-googleplus:hover{ opacity: 1 !important; background: #ff4848 !important; } .ulogin-button-googleplus:before{ content:""; display: inline-block; width: 40px; height: 40px; background: url(/local/templates/rds_catalog/css/../images/sprite.png) -488px -100px no-repeat !important; vertical-align: middle; } .ulogin-button-yandex:hover{ opacity: 1 !important; background: #ff4848 !important; } .ulogin-button-yandex:before{ content:""; display: inline-block; width: 40px; height: 40px; background: url(/local/templates/rds_catalog/css/../images/ulogin_yandex.png?1) 0 0 no-repeat !important; vertical-align: middle; } div[class*="ulogin-button-"]:last-child{ margin-right: 0 !important; } .ulogin-buttons-container{ width: auto !important; } .form-rds .ulogin-buttons-container{ max-width: none !important; } .form-rds .first{ position: relative; padding-left: 33px; } .form-rds .first:before{ content:""; display: inline-block; width: 33px; height: 33px; left: 0; top: -7px; vertical-align: middle; position: absolute; border-radius: 50%; background: #ff4848; box-shadow: 0px 3px 5px 0px rgba(255, 72, 72, 0.4); } .form-rds .first:after{ content:""; left: 0; top: -7px; display: inline-block; width: 40px; height: 40px; vertical-align: middle; position: absolute; background: url(/local/templates/rds_catalog/css/../images/sprite.png) -312px -104px no-repeat !important; } .bx-auth .form-rds{ background: #FFF url(/local/templates/.default/css/../images/auth-form.jpg) no-repeat 41px 97px; } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/top/style.css?1510980241295*/ /* Left menu*/ ul.top_menu { list-style:none; margin:0; padding:0; } ul.top_menu li{ display: inline-block; margin: 0 22px 0 0; padding: 0; } ul.top_menu li a{ color: #252423; font-size: 14px; text-decoration: none; } ul.top_menu li a:hover, ul.top_menu li a.selected{ color: #ff4848 } /* End */ /* Start:/local/components/rds/search.title/templates/speak/style.css?16164243297773*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/components/rds/search.title/templates/speak/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } .pulse-button{ outline: none; position: relative; display: inline-block; vertical-align: middle; width: 31px; height: 31px; padding: 0; font-size: 1.3em; font-weight: bold; color: white; text-shadow: 0 1px 0 #ff4a4a; border: 1px solid #ff4a4a; box-shadow: 0 0 0 0 rgba(255, 74, 74, 0.7), inset 0 1px 0 #ff4a4a; border-radius: 100%; v-align: middle; background: #ff4a4a; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 74, 74, 0.7)), color-stop(100%, #ff4a4a)); background-image: -webkit-linear-gradient(rgba(255, 74, 74, 0.7), #ff4a4a); background-image: -moz-linear-gradient(rgba(255, 74, 74, 0.7), #ff4a4a); background-image: -o-linear-gradient(rgba(255, 74, 74, 0.7), #ff4a4a); background-image: linear-gradient(rgba(255, 74, 74, 0.7), #ff4a4a); cursor: pointer; -webkit-animation: pulse 1s infinite cubic-bezier(0.6, 0, 0, 1); } .pulse-button.listening{ -webkit-animation: pulse-big 1s infinite cubic-bezier(0.6, 0, 0, 1); } .si-wrapper{ position: relative; } /*.pulse-button:hover { -webkit-animation: none; }*/ .pulse-button:before{ content: ""; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 15px; height: 20px; background: url(/local/components/rds/search.title/templates/speak/images/mic.png) no-repeat center center; } body .si-wrapper input[type="text"]{ margin: 0 0 0 6px; width: 310px; height: 18px; padding: 4px 26px 4px 10px; font: 14px "PT Sans"; background: #fff; border: none; outline: none; box-shadow: 0 0 0 1px rgba(0,0,0,0.08); } body .si-wrapper input[type="text"]:focus{ box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); } .si-wrapper input[type="submit"]{ position: absolute; right: 5px; top: 8px; width: 16px; height: 16px; border: 0; outline: 0; background: url(/local/components/rds/search.title/templates/speak/images/search.png) no-repeat center center; cursor: pointer; letter-spacing: 0.02em; } .si-wrapper input[type="text"]::-webkit-input-placeholder {font-style: italic} .si-wrapper input[type="text"]::-moz-placeholder {font-style: italic}/* Firefox 19+ */ .si-wrapper input[type="text"]:-moz-placeholder {font-style: italic}/* Firefox 18- */ .si-wrapper input[type="text"]:-ms-input-placeholder {font-style: italic} @-webkit-keyframes pulse { to { box-shadow: 0 0 0 7px rgba(90, 153, 220, 0), inset 0 1px 0 #ff4a4a; } } @-webkit-keyframes pulse-big { to { box-shadow: 0 0 0 15px rgba(90, 153, 220, 0), inset 0 1px 0 #ff4a4a; } } .progress-bar{ height: 1px; background: none/*#d6d6d6*/; position: absolute; left: 44px; bottom: 4px; right: 0; } .progress-bar span{ display: block; height: 100%; width: 0; background: #FF4848; } .title-search .data{ display: none; overflow: hidden; position: absolute; z-index: 10; top: 29px; left: 42px; max-width: 643px; max-height: calc(100vh - 80px); padding-bottom: 20px; font-size: 14px; line-height: 20px; background: #FFF; box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); } .title-search .data .rows{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: calc(100vh - 80px); } .title-search .data img{ vertical-align: middle; } .title-search .data .head{ margin: 0 20px; line-height: 40px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #ededec; } .title-search .data .head.sale{ margin: 0; padding: 0 20px; color: #fff; line-height: 42px; background: url(/local/components/rds/search.title/templates/speak/images/search_sale.png) repeat 0 0; border-bottom: none; } .title-search .data .contents{ overflow: hidden; overflow-y: scroll; min-height: 75px; flex-shrink: 1; } .title-search .data .contents.sale{ flex-shrink: 0; } .title-search .data .contents.nolimit{ flex-shrink: 0; max-height: none !important; } .title-search .data .contents.freesize{ flex-shrink: 1; max-height: none !important; } /*.title-search .data .contents.sale{ flex-grow: 2; flex-shrink: 1; }*/ /*.title-search .data .contents.sale{ overflow: hidden; overflow-y: scroll; max-height: 142px; flex-shrink: 0; }*/ .title-search .data .row:after{ content:""; display: block; clear: both; } .title-search .data .row{ display: flex; margin: 0 20px; padding: 5px 0; white-space: nowrap; border-bottom: 1px solid #ededec; } .title-search .data .row a.img{ flex-shrink: 0; position: relative; margin: 5px 13px 5px 0; width: 74px; height: 50px; } .title-search .data .row a.img img{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; } .title-search .data .row .info{ max-width: calc(100% - 97px); } .title-search .data .row a.name { display: block; overflow: hidden; text-overflow: ellipsis; } .title-search .data .row a.name.section { color: #989898; } .title-search .data .row a.name.section:hover { color: #ff4848; } .title-search .data .row a.name b { font-weight: normal; display: inline-block; background: #febebe; } .title-search .data .row .price { margin: 0; padding: 0; color: #989898; font-size: 14px; line-height: 20px; } .title-search .data .row .price span { display: inline-block; height: 24px; padding-right: 16px; color: #000; } .title-search .data .row .price span .c-red { color: #ff4848; } .title-search .data .row .price s span { text-decoration: line-through; } .title-search .data.show{ display: block; } .title-search .data.empty{ display: none !important; } .title-search .data.empty{ display: none !important; } .stickyFixedClass .si-wrapper input[type="text"]{ width: 205px; border: none; } .stickyFixedClass .progress-bar{ left: 42px; } /* End */ /* Start:/local/components/rds/basket.top/templates/.default/style.css?16397446689215*/ .basket{ display: block; margin: auto 0; height: 40px; float: right; } .basket.in-cart{ pointer-events: none; } .basket .title span{ display: block; position: relative; font: bold 17px "PT Sans"; color: #ff4848; top: -7px; padding-left: 3px; text-align: center; vertical-align: middle; } .basket .title{ position: relative; vertical-align: middle; display: inline-block; width: 38px; height: 33px; background: url("/local/components/rds/basket.top/templates/.default/images/basket.png") no-repeat center center; } .basket:hover .title, .basket.in-cart .title/*, .basket .has_elements .title*/{ background: url("/local/components/rds/basket.top/templates/.default/images/basket_hover.png") no-repeat center center; } .basket .pay{ display: inline-block; font: bold 19px "PT Sans"; margin-left: 10px; color: #252423; position: relative; top: 3px; } .basket .user{ margin-bottom: 15px; padding: 0 10px 15px; line-height: 20px; text-align: center; background: #fff; border-bottom: 1px solid #e5e5e5; } .basket.hover .user span{ display: inline-block; position: relative; color: #ff4848; font-weight: bold; white-space: nowrap; border-bottom: 1px dotted #ff4848; cursor: pointer; } .basket.hover .user span span { position: absolute; top: 100%; left: 0; } .basket .items-wrap-shadow { display: none; position: absolute; right: 0px; width: 350px; box-shadow: 2px 7px 14px 4px rgba(162, 142, 142, 0.5); } .basket .items-wrap { display: none; overflow: hidden; position: absolute; right: -126px; width: 476px; } .basket.clearing .items-wrap:after { position: absolute; left: 0; top: 0; width: 350px; bottom: 0; background: rgba(255, 255, 255, 0.8) url(/local/templates/.default/images/wait.gif) no-repeat center; content: ""; } /*.basket .items-wrap:before { position: absolute; top: 0; left: 0; width: 310px; height: 100%; box-shadow: 2px 7px 14px 4px rgba(162, 142, 142, 0.5); content: ""; }*/ .basket.hover .list .items-wrap, .basket.hover .list .items-wrap-shadow{ display: block; } .basket .items-scroll-wrap{ position: absolute; overflow-y: scroll; left: 0; right: -20px; top: 0; bottom: 160px; } .basket.can-credit .items-scroll-wrap{ bottom: 160px; } .basket .items{ width: 310px; padding: 20px 20px 0; text-align: left; background: #fff; } .basket .list .items .row a{ display: block; margin-bottom: 8px; color: #252423; font-size: 14px; line-height: 16px; } .basket .list .items .row.is-gift:after { position: absolute; left: -12px; top: 0; width: 24px; height: 24px; background: url(/local/templates/.default/img/gift.png) no-repeat center / contain; content: ""; } .basket .title-box{ padding: 20px 22px 15px 15px; cursor: pointer; } .basket .title-box a:hover{ text-decoration: none; } .basket.hover .title-box{ background: #FFF; position: relative; box-shadow: 2px 7px 14px 4px rgba(162, 142, 142, 0.5); } .basket.hover .title-box:after{ content: ""; display: inline-block; width: 100%; height: 20px; vertical-align: middle; background: #FFF; position: absolute; bottom: -9px; left: 0; z-index: 4; } .basket.hover .items .price{ font: bold 17px "PT Sans"; color: #000; line-height: 20px; display: inline-block; } .basket.hover .items .price.is_old,.basket.hover .items .price.c-red{ color: #ff4848; } .basket .quantity{ display: inline-block; position: relative; } .basket .quantity>span{ font-size: 14px; display: inline-block; margin: 0 8px 0 3px; border-bottom: 1px dotted #252423; color: #252423; } .basket .sum_product{ float: right; margin: -2px -21px 0 0; font: bold 21px "PT Sans"; color: #000; } .basket .sum_product .fa { transform: none; } .basket .quantity .box-hover{ white-space: nowrap; display: none; border-radius: 20px; box-shadow: 2px 7px 14px 4px rgba(162, 142, 142, 0.5); padding: 6px 15px; left: -25px; top: -7px; position: absolute; background: #FFF; } .basket .quantity .box-hover.hover{ display: inline-block; } .basket .quantity .box-hover input{ margin-right: 5px; width: 45px; padding: 3px 0; border: 0; text-align: center; background: #efefef; color: #000; } .basket .quantity .box-hover input:focus { outline: 0; } .basket .quantity .box-hover span{ color: #b4b4b4; font: italic 14px "PT Sans"; } .basket .old_price{ color: #989898; font-size: 14px; line-height: 1; text-decoration: line-through; } .basket .list .items .row{ position: relative; margin: 0 0 15px; border-bottom: 1px solid #e5e5e5; padding: 0 0 10px; } .basket .list .items .row:first-child{ padding-top: 20px; border-top: 1px solid #e5e5e5; } .basket .list .items .row:last-child{ margin-bottom: 0; } .basket .list .items a:hover{ color: #ff4848; } .basket .footer{ position: absolute; bottom: 0; left: 0; width: 310px; min-height: 160px; padding: 0 20px; font-size: 17px; font-weight: bold; text-align: right; background: #fff; } .basket .footer .total{ margin: 5px 0 12px; } .basket .footer .button-row { display: flex; justify-content: space-between; margin: 0 -5px 6px; } .basket .footer .button-row-make-credit { display: none; justify-content: right; } .basket.can-credit .footer .button-row-make-credit { display: flex; } .basket .footer a.save-order, .basket .footer a.make-order, .basket .footer a.make-credit, .basket .list .items .footer a{ padding: 5px 5px; display: inline-block; font-weight: bold; text-transform: uppercase; background: #ff4848; color: #FFF; } .basket .footer a.save-order.various { padding: 3px; background-color: #5b6ce7; } /*.basket .footer a.make-order { margin-bottom: 6px; }*/ .basket .footer a.make-order:hover, .basket .list .items .footer a:hover{ background: #d33030; } .basket .footer a.save-order:hover, .basket .footer a.make-credit:hover { background: #3b4c97; } .basket .footer a.make-credit { margin-bottom: 6px; background-color: #5b6ce7; text-align: center; } .basket .footer input.promo { width: 100%; padding: 5px 7px; text-align: center; font-size: 16px; border: 2px solid #e4e4e4; box-sizing: border-box; } .basket .footer input.promo::-webkit-input-placeholder {color:#989898;font-style: italic;} .basket .footer input.promo::-moz-placeholder {color:#989898;font-style: italic;}/* Firefox 19+ */ .basket .footer input.promo:-moz-placeholder {color:#989898;font-style: italic;}/* Firefox 18- */ .basket .footer input.promo:-ms-input-placeholder {color:#989898;font-style: italic;} .basket .footer .total .sum{ font: bold 25px "PT Sans"; } .basket .footer a.clear-all { display: inline-block; position: relative; margin: 10px 0 0; padding-right: 20px; font-size: 14px; line-height: 18px; font-style: italic; font-weight: 500; color: #b4b4b4; } .basket .footer a.clear-all:hover { color: #ff4848; } .basket .footer a.clear-all:before{ content: ""; position: absolute; right: 0; top: 3px; background: url(/local/components/rds/basket.top/templates/.default/images/close.png); width: 14px; height: 14px; vertical-align: middle; } .basket .footer a.clear-all:hover:before{ background: url(/local/components/rds/basket.top/templates/.default/images/close_hover.png); } /*.basket .footer a.save-order { font-weight: normal; } .basket .footer a.save-order:hover { font-weight: bold; text-decoration: underline; }*/ .basket .close{ position: absolute; min-width: 14px; min-height: 14px; cursor: pointer; right: 0; } .basket .close:hover{ padding: 7px 15px; margin-top: -7px; right: -113px; border-radius: 20px; background: #FFF; box-shadow: 2px 7px 14px 4px rgba(162, 142, 142, 0.5); } .basket .close span{ display: none; } .basket .close:before{ content: ""; display: inline-block; background: url(/local/components/rds/basket.top/templates/.default/images/close.png); width: 14px; height: 14px; vertical-align: middle; } .basket .close:hover:before{ background: url(/local/components/rds/basket.top/templates/.default/images/close_hover.png); } .basket .close:hover span{ display: inline; margin-left: 10px; font-size: 14px; font-style: italic; color: #b4b4b4; } .basket .no_elements .node{ display: inline-block; font: 14px "PT Sans"; color: #848484; } .basket.hover .title-box.no_elements{ box-shadow: none; background: transparent; cursor:default; } .basket.hover .title-box.no_elements:after{ display: none; } .basket:hover .title-box.no_elements .title{ background: url("/local/components/rds/basket.top/templates/.default/images/basket.png") no-repeat center center; } .basket .restore{ color: #989898; font-size: 14px; border-bottom: 1px dotted #989898; display: inline-block; cursor: pointer; } .basket .list .items .row a.img{ width: 65px; display: inline-block; vertical-align: top; } .basket .list .items .row .is_img{ width: 220px; display: inline-block; vertical-align: top; } .basket .img img { display: block; } .stickyFixedClass .basket img{ width: auto; height: auto; } .stickyFixedClass .basket{ top: 0; } .basket .list{ margin-top: -9px; } body .stickyFixedClass .basket .title-box{ padding: 22px 15px 9px 15px; } /* End */ /* Start:/local/components/rds/left.menu/templates/.default/style.css?164181514316788*/ /* Left menu*/ .left_menu{ padding: 0; font-size: 15px; margin-bottom: 20px; background: #252423; } .left_menu .title{ color: #FFF; font: bold 15px "PT Sans"; text-transform: uppercase; padding: 12px 0 12px 12px; margin-bottom: 13px; position: relative; } .left_menu .title a{ color: #FFF; font: bold 15px "PT Sans"; text-transform: uppercase; padding: 24px 0 0; display: inline-block; position: relative; } .left_menu .title a:hover{ text-decoration: underline; } .left_menu .title:after{ content: ''; display: inline-block; vertical-align: middle; position: absolute; right:19px; left: 16px; bottom: 0; } .left_menu .icon:before{ content:""; display: inline-block; width: 40px; height: 40px; vertical-align: middle; top: -7px; margin-right: 11px; position: relative; } .left_menu .title.icon{ padding: 13px 0 11px 0; margin: 0 19px 30px 16px; border-bottom: 1px solid #454544; } .left_menu .title.icon:before{ background: url("/local/components/rds/left.menu/templates/.default/images/title.png") no-repeat center; } .sidebar .left_menu > ul{ margin-bottom: 27px; } .sidebar .left_menu a{ } .sidebar .left_menu ul li{ list-style: none; } .sidebar .left_menu > ul > li span{ display: block; position: absolute; width: 40px; height: 40px; left: 15px; top: 0; background-position: center; background-repeat: no-repeat; } .arenda .sidebar .left_menu > ul > li span{ height: 50px; } .sidebar .left_menu > ul > li:hover>span,.sidebar .left_menu > ul > li.on>span, .sidebar .left_menu > ul > li> a:hover~span{ display: none; } .sidebar .left_menu > ul > li:hover>span.hover,.sidebar .left_menu > ul > li.on>span.hover, .sidebar .left_menu > ul > li> a:hover~span.hover{ display: block; } .sidebar .left_menu > ul > li.sub_active>span{ display: block; } .sidebar .left_menu > ul > li.sub_active>span.hover{ display: none; } .sidebar .left_menu > ul > li.sub_active.hover>span,.sidebar .left_menu > ul > li.sub_active.on>span{ display: none; } .sidebar .left_menu > ul > li.sub_active.hover>span.hover,.sidebar .left_menu > ul > li.sub_active.on>span.hover{ display: block; } .sidebar .left_menu > ul > li > h3 { margin: 0; padding: 0; font-weight: normal; } .sidebar .left_menu > ul > li > a, .sidebar .left_menu > ul > li > h3 > a { color: #FFF; padding: 17px 0 18px 65px; font-size: 15px; line-height: 15px; display: block; } .sidebar .left_menu > ul > li > ul{ display: none; } .sidebar .left_menu ul li { position: relative; } .sidebar .left_menu > ul > li>span.hover,.sidebar .left_menu > ul > li.active>span{ display: none; } .sidebar .left_menu > ul > li>a:hover>span,.sidebar .left_menu > ul > li.on>a>span,.sidebar .left_menu > ul > li.selected>span{ display: none; } .sidebar .left_menu > ul > li>a:hover>span.hover,.sidebar .left_menu > ul > li.on>a>span.hover,.sidebar .left_menu > ul > li.selected>span.hover,body .sidebar .left_menu > ul > li.active>span{ display: block; } .sidebar .left_menu > ul > li>a:hover, .sidebar .left_menu > ul > li>h3>a:hover, .sidebar .left_menu > ul > li.selected>a{ background: #ff4848; } .sidebar .left_menu ul li.hover > a, .sidebar .left_menu ul li.hover h3 > a, .sidebar .left_menu ul li.on > a, .sidebar .left_menu ul li.on h3 > a { padding-top: 16px; padding-bottom: 17px; background-color: rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .sidebar .left_menu > ul > li:hover>ul{ /*display: block; position: absolute;*/ } .left_menu .footer{ position: relative; margin: 0 19px 0 16px; padding: 10px 0; border-top: 1px solid #454544; } .left_menu .footer:after{ content: ''; display: inline-block; vertical-align: middle; position: absolute; right:19px; left: 16px; bottom: 0; } .left_menu .footer a { display: block; color: #FFF; text-transform: uppercase; font-size: 15px; padding: 10px 0; } .left_menu .footer a:hover{ text-decoration: underline; } .left_menu .footer a span, .left_menu .footer a.price:before{ content:""; display: inline-block; width: 40px; height: 40px; vertical-align: middle; margin-right: 11px; background-repeat: no-repeat; background-position: center center; } .left_menu .footer a.price:before{ background-image: url(/local/components/rds/left.menu/templates/.default/images/arrow.png) } .left_menu ul li>div{ display: none; } .div_menu{ display: block; overflow-x: hidden; overflow-y: hidden;/*visible*/ position: absolute; z-index: 3; left: 0; right: 100%; max-height: 670px; background: #FFF; box-shadow: -50px 8px 65px 0px rgba(0, 0, 0, 0.18); width: 418px; } .add_div_menu{ display: block; /*overflow-x: hidden; overflow-y: visible;*/ overflow:hidden; position: absolute; z-index: 30; /*top: 195px; задается через JS*/ list-style: none; left: 693px; width: 418px; padding: 10px 30px; max-width: 360px; background: #FFF; box-shadow: 0px 8px 65px 0px rgba(0, 0, 0, 0.18); } .add_div_menu .btn-close { position: absolute; top: 25px; right: 25px; } .add_div_menu div.add_menu_header > a { /*text-transform: uppercase;*/ display: inline-block; margin: 0; padding: 10px 0; font-weight: bold; vertical-align: middle; font-size: 17px; color: #fd4747; letter-spacing: 0.01em; } .add_menu_content { overflow: hidden; /*padding-top: 30px;*/ } span.full_link { width: 100%; max-width: 320px; } .div_menu_inner span.full_link { margin-left: 20px; } .add_menu_content .list-sub, .add_menu_content .wrap_menu{ display: none; } .add_div_menu > div.add_menu_header { padding: 0 0 17px; border-bottom: 1px solid #d6d6d6; max-height: 40px; } ul.add_div_menu > div + li{ padding-top: 30px; } ul.add_div_menu li{ padding-bottom: 5px; } .div_menu.closing{ z-index: 2; } .div_menu .div_menu_inner { position: absolute; top: 0; bottom: 0; right: 0; padding: 11px 10px 0 40px; background: url("/local/components/rds/left.menu/templates/.default/images/bg.png") no-repeat bottom left; } .div_menu .div_menu_inner .btn-close { position: absolute; top: 25px; right: 25px; } .div_menu span{ display: inline-block; } .div_menu ul{ list-style: none; } .div_menu .div_menu_inner>ul{ position: relative; margin-top: 15px; padding-top: 30px; border-top: 1px solid #d6d6d6; } .div_menu .div_menu_inner>span{ display: inline-block; margin: 0 7px 0 1px; width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; } .div_menu .div_menu_inner>.hover{ display: none; } .div_menu .div_menu_inner > a, .div_menu .div_menu_inner > h3, .div_menu .div_menu_inner > h3 > a { text-transform: uppercase; display: inline-block; margin: 0; /*padding: 0;*/ /*padding: 8px 0;*/ font-weight: bold; vertical-align: middle; font-size: 19px; color: #fd4747; letter-spacing: 0.01em; } .div_menu .div_menu_inner > ul > li>a{ font-size: 16px; color: #252423; text-align: left; letter-spacing: 0.01em; line-height: 16px; font-weight: bold; } .div_menu ul li>ul, .div_menu .wrap_menu ul li>ul{ margin: 0 0 20px 10px ; padding-top: 10px; display: none; } .div_menu ul>li ul>li>a, .div_menu .wrap_menu ul>li ul>li>a{ color: #606060; font-size: 14px; text-align: left; letter-spacing: 0.01em; line-height: 16px; } .div_menu ul>li ul>li,.div_menu .cols ul li,.add_div_menu ul li{ padding-bottom: 5px; } .div_menu .cols{ display: inline-block; width: 94%;/*30%*/ vertical-align: top; margin-right: 5%; } .div_menu .cols.col2{ margin-right: 0; } .div_menu .wrap_menu{ margin-top: 15px; margin-bottom: 15px; /*padding-top: 30px;*/ border-top: 1px solid #d6d6d6; } .div_menu .cols>ul>li>a{ font-size: 16px; color: #252423; text-align: left; letter-spacing: 0.01em; line-height: 16px; /*font-weight: bold;*/ /*margin: 20px 0 20px 20px;*/ margin: 20px 0; } .div_menu .cols>ul>li>a.active{ color: #fd4747; } .div_menu .cols>ul>li a:hover{ color: #fd4747; } .div_menu .cols>ul>li>ul { position: absolute; left: -200px;/*400px*/ top: 0;/*-10px*/ width: 0;/*350px*/ height: 0; } /*.div_menu .cols ul li{ margin-bottom: 5px; position: relative; }*/ .div_menu .close:hover{ background-image: url("/local/components/rds/left.menu/templates/.default/images/close_hover.png"); } .div_menu .close{ background: url("/local/components/rds/left.menu/templates/.default/images/close.png") no-repeat center center; width: 14px; cursor: pointer; height: 14px; position: absolute; right:15px; top: 15px; } .scrollable { position: relative; } .scrollable:focus { outline: 0; } .scrollable .viewport { position: relative; overflow: hidden; } .scrollable .viewport .overview { position: absolute; } .scrollable .scroll-bar { display: none; } .scrollable .scroll-bar.vertical { position: absolute; right: 0; height: 100%; } .scrollable .scroll-bar.horizontal { position: relative; width: 100%; } .scrollable .scroll-bar .thumb { position: absolute; } .scrollable .scroll-bar.vertical .thumb { width: 100%; min-height: 10px; } .scrollable .scroll-bar.horizontal .thumb { height: 100%; min-width: 10px; left: 0; } .not-selectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*Default skin*/ .scrollable.default-skin { padding-right: 10px; padding-bottom: 6px; } .scrollable.default-skin .scroll-bar.vertical { width: 6px; } .scrollable.default-skin .scroll-bar.horizontal { height: 6px; } .scrollable.default-skin .scroll-bar .thumb { background-color: black; opacity: 0.4; border-radius: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .scrollable.default-skin .scroll-bar:hover .thumb { opacity: 0.6; } /*Gray skin*/ .scrollable.gray-skin { padding-right: 17px; } .scrollable.gray-skin .scroll-bar { border: 1px solid gray; background-color: #d3d3d3; } .scrollable.gray-skin .scroll-bar .thumb { background-color: gray; } .scrollable.gray-skin .scroll-bar:hover .thumb { background-color: black; } .scrollable.gray-skin .scroll-bar.vertical { width: 10px; } .scrollable.gray-skin .scroll-bar.horizontal { height: 10px; margin-top: 2px; } /*Modern skin*/ .scrollable.modern-skin { padding-right: 17px; } .scrollable.modern-skin .scroll-bar { border: 1px solid gray; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px #888; box-shadow: inset 0 0 5px #888; } .scrollable.modern-skin .scroll-bar .thumb { background-color: #95aabf; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #536984; } .scrollable.modern-skin .scroll-bar.vertical .thumb { width: 8px; background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092)); background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%); background: -o-linear-gradient(left, #95aabf 0%, #547092 100%); background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%); background: linear-gradient(to right, #95aabf 0%, #547092 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )"; } .scrollable.modern-skin .scroll-bar.horizontal .thumb { height: 8px; background-image: linear-gradient(#95aabf, #547092); background-image: -o-linear-gradient(#95aabf, #547092); background-image: -moz-linear-gradient(#95aabf, #547092); background-image: -webkit-linear-gradient(#95aabf, #547092); background-image: -ms-linear-gradient(#95aabf, #547092); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )"; } .scrollable.modern-skin .scroll-bar.vertical { width: 10px; } .scrollable.modern-skin .scroll-bar.horizontal { height: 10px; margin-top: 2px; } .scroll-bar.vertical{ display: block !important; } .left_menu ul li>div.list-sub{ display: block; background: #252323; } .sidebar .left_menu ul li .list-sub li.active > a{ background: #ff4848; color: #FFF; font-size: 15px; line-height: 1em; margin-left: 0; padding-top: 11px; padding-bottom: 12px; border: none; text-decoration: none; } .sidebar .left_menu ul li .list-sub a{ padding: 11px 20px 12px 64px; display: block; color: #FFF; } .sidebar .left_menu ul .list-sub li.hover > a, .sidebar .left_menu ul .list-sub li.on > a { padding-top: 10px; padding-bottom: 11px; } .sidebar .left_menu ul li .list-sub li span{ display: none; } .sidebar .left_menu ul li .list-sub li span.full_link{ display: block; position: static; width: 100%; height: auto; } .sidebar .left_menu ul li .list-sub ul li li a{ padding-left: 83px; } .sidebar .left_menu ul li .list-sub ul li li li a{ padding-left: 102px; } .sidebar .left_menu ul li .list-sub ul li li li li a{ padding-left: 121px; } .sidebar .left_menu ul li .list-sub ul li li li li li a{ padding-left: 140px; } .div_menu .list-sub{ display: none; font-size: 15px; } .sidebar .left_menu ul li .list-sub li a{ position: relative; } .sidebar .left_menu ul li .list-sub li.active a:hover{ text-decoration: none; } .sidebar .left_menu ul li .list-sub li a:before{ content: '\2014\a0'; display: inline-block; position: absolute; left: 44px; } .div_menu_inner .wrap_menu .cols ul, .add_div_menu .add_menu_content ul { margin-left: -12px; position: relative; } .div_menu_inner .wrap_menu .cols ul>li, .add_div_menu .add_menu_content ul>li { padding-left: 35px; position: relative; width: auto; } .div_menu_inner .wrap_menu .cols ul>li>a:before {/*.has_children*/ content: '\2014\a0'; display: inline-block; position: absolute; left: 25px; } .div_menu_inner > a.has_children:after, .add_div_menu a.has_children:after { display: none; } .div_menu_inner>a { margin-left: 20px!important; } /*.div_menu_inner .wrap_menu .cols ul>li.active_li a:before{ left: 25px; }*/ /*a.has_children:after { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; opacity: 0.5; } a.has_children:hover:after { opacity: 1; }*/ .gen_menu_container .div_menu{ background: #dddddd;/*#f3f3f3*/ } .gen_menu_container .div_menu_inner > span { margin-left: 20px; } .gen_menu_container a.has_children:after{ content: ""; background: url(/local/templates/.default/images/sign_more.png?1) no-repeat; background-size: 15%; right: -30px; position: absolute; top: 5px; width: 45px; height: 75px; margin-right: 10px; /*padding-right: 10px; */ } .gen_menu_container .div_menu_inner .wrap_menu .cols>ul>li a:after{/*.active_li*/ top: 34%; } .gen_menu_container .div_menu_inner .wrap_menu .cols>ul>li, .add_menu_content ul>li { border-bottom: 1px solid #cecece; /*border-top: 1px solid #d6d6d6;*/ padding: 9px 0 9px 25px; margin-left: 10px; width: 100%; } /*.gen_menu_container .div_menu_inner .wrap_menu .cols>ul>li.active_li:first-child a:after{ top: 5px; }*/ .active_li, .div_menu li:hover { background: #fff; } .add_div_menu li a:before { content: '\2014\a0'; display: inline-block; position: absolute; left: 15px; } .add_div_menu li a { font-size: 15px; } .sidebar .left_menu ul li .list-sub li li a:before{ left: 63px; } .sidebar .left_menu ul li .list-sub li li li a:before{ left: 82px; } .sidebar .left_menu ul li .list-sub li li li li a:before{ left: 101px; } .sidebar .left_menu ul li .list-sub li li li li li a:before{ left: 120px; } .sidebar .left_menu > ul > li.active>a{ padding-top: 17px; padding-bottom: 18px; border: none; text-decoration: none; background: #ff4848; } .sidebar .left_menu i { display: block; position: absolute; top: 0; right: 0; padding: 10px; color: #fff; cursor: pointer; } .sidebar .left_menu li li. i { display: none; } /*.sidebar .left_menu li.on > i { display: block; } .sidebar .left_menu li li.on i { display: none; } .sidebar .left_menu li li i { padding: 7px 10px; }*/ .div_menu .div_menu_inner > i { display: none; } /* End */ /* Start:/local/components/rds/page.now/templates/views/style.css?151098024193*/ .box-slider.views:before{ background: url(/local/components/rds/page.now/templates/views/images/view.png) no-repeat center center; } /* End */ /* Start:/local/components/rds/page.now/templates/orders/style.css?151098024196*/ .box-slider.orders:before{ background: url(/local/components/rds/page.now/templates/orders/images/view.png) no-repeat center center; } /* End */ /* Start:/local/components/rds/order.now/templates/.default/style.css?15256768642297*/ .order-now{ position: relative; background: #FFF; text-align: center; padding: 20px 25px; margin-bottom: 40px; } .order-now:hover{ -webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15);; -moz-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15);; box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15);; } .order-now.in-cart:before{ position: absolute; bottom: -1px; right: -1px; width: 0; height: 0; border: 25px solid; border-color: transparent #5b6ce7 #5b6ce7 transparent; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25); content: ""; } .order-now.in-cart:after{ position: absolute; bottom: 3px; right: 3px; width: 25px; height: 25px; background: url(/local/templates/rds_catalog/images/white_cart_small.png) no-repeat bottom right; content: ""; } .order-now .title{ color: #ff4848; font-size: 14px; text-align: left; letter-spacing: 0.01em; margin-bottom: 30px; } .order-now .title:before{ content:""; display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-right: 5px; background: url(/local/components/rds/order.now/templates/.default/images/card.png) no-repeat center center; } .order-now a{ font-size: 14px; color: #252423; text-align: center; letter-spacing: 0.01em; } .order-now a.img{ position: relative; display: block; margin: 0 auto; width: 150px; height: 150px; } .order-now .img img{ position: absolute; left: 0; top: 0; width: 100%; opacity: 1; transition: opacity 0.6s; } .order-now .img img.second_img{ opacity: 0; } .order-now .img:hover .second_img { opacity: 1; } .order-now .img:hover .second_img + img { opacity: 0; } .order-now a.link{ display: inline-block; margin: 30px 0 35px; clear: both; } .order-now .price .value{ font: bold 30px 'Ubuntu'; color: #252423; text-align: center; letter-spacing: 0.01em; line-height: 20px; } .order-now .price .value.c-red{ color: #ff4848; } .order-now .price .rub{ font-family: "PT Sans"; } .order-now .price{ display: inline-block; margin: 13px 0 13px; font-size: 17px; color: #252423; text-align: center; letter-spacing: 0.01em; line-height: 20px; } .order-now .gray-text{ margin-bottom: 5px; color: #989898; font-size: 14px; line-height: 22px; text-align: center; } /* End */ /* Start:/local/templates/.default/components/rds/sale.viewed.product/.default/style.css?15206733892075*/ div.view-item { position: relative; margin-bottom: 10px; background: #FFF; padding: 20px; /*overflow: hidden;*/ } div.view-item:hover { webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); } div.view-item.in-cart:before{ position: absolute; bottom: -1px; right: -1px; width: 0; height: 0; border: 25px solid; border-color: transparent #5b6ce7 #5b6ce7 transparent; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.25); content: ""; } div.view-item.in-cart:after{ position: absolute; bottom: 3px; right: 3px; width: 25px; height: 25px; background: url(/local/templates/rds_catalog/images/white_cart_small.png) no-repeat bottom right; content: ""; } div.view-item .price{ clear: both; } .view-header{ font-size: 30px; color: #252423; text-align: center; letter-spacing: 0.01em; line-height: 20px; font-weight: bold; margin-bottom: 30px; } div.view-item a{ font-size: 14px; color: #252423; text-align: center; letter-spacing: 0.01em; line-height: 20px; } .view-item .img{ position: relative; display: block; float: left; margin-top: 5px; width: 90px; height: 90px; vertical-align: top; } .view-item .img img{ position: absolute; left: 0; top: 0; opacity: 1; transition: opacity 0.6s; } .view-item .img img.second_img{ opacity: 0; } .view-item .img:hover .second_img { opacity: 1; } .view-item .img:hover .second_img + img { opacity: 0; } .view-item .link{ display: block; margin-left: 110px; } .view-item .footer{ padding: 25px 10px 5px; clear: both; } .view-item .footer .rub{ font-family: 'Ubuntu'; font-weight: bold; font-size: 26px; color: #252423; text-align: left; letter-spacing: 0.01em; line-height: 20px; } .view-item .footer .rub.c-red{ color: #ff4848; } .view-item .price{ margin-bottom: 7px; text-align: center; } .view-item .price .rub span{ font-family: "PT Sans"; } .view-item a:hover{ color: #ff4848; } .view-item .gray-text{ font-size: 14px; color: #989898; text-align: center; } /* End */ /* Start:/local/templates/.default/components/bitrix/breadcrumb/bottom/style.css?16351731271026*/ .bx-breadcrumb-bottom{ margin: 0 auto; max-width: 1220px; font-size: 15px; color: #848484; padding: 20px 70px; border-top: 1px solid #FFF; background: #f3f3f3; } .bx-breadcrumb-bottom:before{ content:""; background: url("/local/templates/.default/components/bitrix/breadcrumb/bottom/images/target.png") no-repeat; display: block; float: left; width: 20px; height: 40px; margin-top: 1px; margin-right: 8px; } .bx-breadcrumb-bottom b{ display: inline-block; position: relative; margin-left: 6px; margin-right: 0; font-weight: normal; } .bx-breadcrumb-bottom span{ display: inline-block; position: relative; padding-right: 15px; margin: 0 0 2px 6px; } .bx-breadcrumb-bottom span:after{ content:""; position: absolute; right: 0; display: inline-block; background: url("/local/templates/.default/components/bitrix/breadcrumb/bottom/images/arrow.png"); width: 7px; height: 11px; top: 5px; vertical-align: middle; } .bx-breadcrumb-bottom span:last-child{ font-size: 15px; color: #252423; font-weight: bold; } .bx-breadcrumb-bottom span:last-child:after{ display: none; } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/.default/style.css?1510980241222*/ .simple span{ width: 15px; height: 15px; display: inline-block; vertical-align: middle; position: absolute; left: -20px; } .simple li{ letter-spacing: 0.01em; line-height: 18px; position: relative; } /* End */ /* Start:/local/templates/.default/components/bitrix/system.auth.form/.default/style.css?1510980241443*/ div.bx-system-auth-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:bottom; margin-top:-1px;} div.bx-system-auth-form div.bx-auth-secure-icon {background-image:url(/local/templates/.default/components/bitrix/system.auth.form/.default/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-system-auth-form div.bx-auth-secure-unlock {background-image:url(/local/templates/.default/components/bitrix/system.auth.form/.default/images/sec-unlocked.png);} /* End */ /* Start:/local/templates/.default/ajax/ajax.min.css?1510980241420*/ iframe.waitwindowlocal{position:absolute;border:0;z-index:9999}div.waitwindowlocal{position:absolute;width:25px;height:25px;padding:0;z-index:10000;background-color:#fcf7d1;border:1px solid #e1b52d;background-image:url(/local/templates/.default/ajax/images/wait.gif);background-position:center center;background-repeat:no-repeat}div.waitwindowlocalshadow{position:absolute;z-index:9998;background-image:url(/local/templates/.default/ajax/images/shadow.gif);border:1px solid #808080} /* End */ /* Start:/bitrix/js/socialservices/css/ss.min.css?15109800144566*/ .bx-ss-icon{background-image:url('/bitrix/js/socialservices/css/icons_v5.png');width:16px;height:16px;background-repeat:no-repeat}.openid{background-position:0 -192px}.yandex{background-position:0 0}.openid-mail-ru{background-position:0 -48px}.livejournal{background-position:0 -16px}.liveinternet{background-position:0 -128px}.blogger{background-position:0 -144px}.rambler{background-position:0 -160px}.liveid{background-position:0 -176px}.facebook{background-position:0 -32px}.twitter{background-position:0 -96px}.vkontakte{background-position:0 -80px}.mymailru{background-position:0 -64px}.google{background-position:0 -112px}.google-plus{background-position:0 -112px}.odnoklassniki{background-position:0 -208px}.bitrix24{background-position:0 -378px}.dropbox{background-position:0 -504px}.box{background-position:0 -520px}.office365{background-position:0 -559px}.bx-ss-button{display:inline-block;background-image:url('/bitrix/js/socialservices/css/icons_v5.png')!important;width:87px!important;height:21px!important;background-repeat:no-repeat;vertical-align:middle!important}.liveid-button{background-position:0 -334px!important}.facebook-button{background-position:0 -224px!important}.twitter-button{background-position:0 -290px!important}.vkontakte-button{background-position:0 -268px!important}.mymailru-button{background-position:0 -246px!important}.google-button{background-position:0 -312px!important}.odnoklassniki-button{background-position:0 -356px!important}.bitrix24net-button{background-position:0 -416px!important}.bitrix24net-button-ru,.bitrix24net-button-kz{background-position:0 -394px!important}.bitrix24net-button-ua{background-position:0 -438px!important}.dropbox-button{background-position:0 -482px!important}.box-button{background-position:0 -537px!important}.yandex-button{background-position:0 -460px!important}.office365-button{background-position:0 -576px!important}td.to_twitter{text-align:center!important}div.bx-auth{max-width:600px;margin-top:12px;margin-bottom:10px}div.bx-auth form{padding:0;margin:0}div.bx-auth-line{border-bottom:1px solid #e3e3e3;padding-bottom:10px}div.bx-auth-title{font-size:140%;border-bottom:solid 2px #e3e3e3;padding-bottom:12px}div.bx-auth-note{margin:18px 0 6px 0}div.bx-auth-services{padding:0;margin:0;overflow:hidden;zoom:1}div.bx-auth-services div{display:block;float:left;margin:4px 6px 0 0;width:170px}div.bx-auth-services a{display:inline-block;margin:1px;padding:4px 4px 4px 4px;text-decoration:none;color:#646464;outline:0}div.bx-auth-services a:hover{margin:0;border:1px solid #d9d9d9;text-decoration:none!important}div.bx-auth-services a.bx-ss-selected{margin:0;border:1px solid #d9d9d9;background-color:#ebebeb}div.bx-auth-services i{display:inline-block;margin:0;margin-right:4px;vertical-align:middle;cursor:pointer}div.bx-auth-services b{vertical-align:middle;font-weight:bold;font-size:12px;font-family:Tahoma,Verdana,Arial,sans-serif}div.bx-auth-service-form{color:black;background-color:#eee;border-bottom:solid 1px #d6d6d6;margin-top:1px;padding:8px;vertical-align:middle;font-size:12px}div.bx-auth-service-form span,div.bx-auth-service-form input{vertical-align:middle}div.bx-auth-service-form input.button{position:relative;left:1px}div.bx-auth-service-form span.bx-ss-icon{display:inline-block;margin-right:6px}span.bx-spacer{display:inline-block;width:8px}span.bx-spacer-vert{display:inline-block;height:10px}span.bx-spacer-vert25{display:inline-block;height:25px}div.bx-auth-serv-icons a{display:inline-block;margin:1px;text-decoration:none;color:#646464;outline:0}div.bx-auth-serv-icons a:hover{margin:0;border:1px solid #d9d9d9}div.bx-auth-serv-icons i{margin:3px;display:inline-block;vertical-align:middle;cursor:pointer}div.bx-auth-lbl{margin-top:8px;margin-bottom:4px}div.bx-auth-float{padding-left:15px;padding-right:15px;font-size:100%}div.bx-sonet-profile-field-socserv{line-height:15px!important}div.bx-auth-form{width:510px!important}textarea.ss-text-for-message-default{width:300px;height:130px;color:grey;font-weight:lighter}textarea.ss-text-for-message{margin-top:5px}td.bx-ss-soc-serv{font:bold 12px/15px "Helvetica Neue",Helvetica,Arial,sans-serif}td.bx-ss-soc-serv i{vertical-align:-25%}div.bx-taimen-socserv-div{padding-bottom:9px;padding-left:50px}a.ss-socserv-setup-link{padding-left:10px;color:grey!important;text-decoration:underline}.ss-text-without-border{padding-left:5px;border:0;background:#f8fafb;color:#6286bb;font-style:italic}.bx-ss-timeman-header-div{padding-bottom:10px}td.bx-ss-soc-serv-setup{white-space:pre-line;width:300px;font-size:75%}a.bx-ss-soc-serv-setup-link{text-decoration:underline!important} /* End */ /* Start:/local/templates/.default/components/bitrix/system.auth.forgotpasswd/.default/style.css?1637930229335*/ .form-rds .l_col{ position: relative; } .row.white{ color: #FFF; position: absolute; top: 25px; } #forgot .wrapp.success { min-height: auto; background-position: center right 0; background-size: 200% 100% } #forgot .success .r_col { width: auto; padding: 30px 47px 10px; text-align: center; } /* End */ /* Start:/local/templates/rds_catalog/css/forms.css?16589108527029*/ .bx-auth form { padding: 0 40px; } .reg-form .ulogin-buttons-container{ margin-left: 35px !important; } .reg-form > .l_col .sub-title{ color: #ff4848; font-size: 24px; font-weight: bold; margin-bottom: 30px; } .reg-form > .l_col .title{ color: #232221; font-size: 36px; line-height: 38px; margin-top: 50px; font-weight: bold; margin-bottom: 5px; } .reg-form > .l_col table td{ padding: 0 0 6px; } .reg-form > .l_col table td.fir{ width: 180px; white-space: nowrap; font-size: 18px; padding-right: 24px; vertical-align: middle; } .reg-form > .l_col{ } .reg-form > .l_col{ width: 790px; display: inline-block; vertical-align: top; margin-bottom: 115px; } .reg-form > .l_col form input[type='text']{ width: 462px; height: auto; box-sizing: border-box; padding: 8px 10px; font-size: 16px; line-height: 19px; border: 2px solid #e4e4e4; } body .reg-form > .l_col img{ display: inline-block; margin: 0; padding: 0; vertical-align: middle; } body .reg-form > .l_col form input.error{ border-color: #ff4848; } .reg-form > .l_col form input[type='password']{ width: 462px; box-sizing: border-box; padding: 8px 10px; font-size: 16px; border: 2px solid #e4e4e4; } .reg-form > .l_col form{ background: #FFF; padding: 38px 55px 20px 55px; } .reg-form > .r_col .block-bg .r_col a:hover{ color: #ff4848; } .reg-form > .r_col .block-bg .r_col a:before{ content: ""; display: inline-block; height: 27px; width: 27px; vertical-align: middle; background: url(/local/templates/.default/images/sprite.png) no-repeat -302px -155px; margin-right: 13px; position: relative; top: -3px; } .reg-form > .r_col .block-bg .r_col a{ color: #FFF; display: inline-block; } .reg-form .r_col .node p{ margin-bottom: 0; letter-spacing: 0.03em; } .reg-form .r_col .node{ margin-bottom: 55px; } .reg-form .r_col p{ position: relative; padding-top: 44px; line-height: 19px; font-size: 14px; margin-bottom: 55px; } .reg-form .r_col a{ color: #ff4848 } .reg-form .r_col p:after{ position: absolute; top: 0; left: 0; content: ""; display: inline-block; width: 30px; height: 40px; vertical-align: middle; background: url(/local/templates/.default/images/sprite.png) no-repeat -261px -151px; z-index: 6; } .reg-form .r_col p:before{ position: absolute; top:0; left: 0; width: 33px; height: 33px; content:""; display: inline-block; background-color: rgba(255, 72, 72, 1); border-radius: 33px; box-shadow: 0px 3px 5px 0px rgba(255, 72, 72, 0.4); } .reg-form > .r_col .block-bg .r_col{ font-size: 15px; vertical-align: middle; text-transform: uppercase; color: #FFF; } .reg-form > .r_col .block-bg .l_col{ width: 130px; color: rgba(255, 255, 255, 0.62); vertical-align: middle; margin-right: 40px; } .reg-form > .r_col .block-bg{ padding: 20px 24px; color: #FFF; background: url(/local/templates/.default/images/bg-tab.png) no-repeat ; margin-bottom: 80px; } .reg-form > .r_col{ width: 380px; padding-left: 48px; display: inline-block; position: relative; z-index: 3; } .reg-form > .r_col ul li:before{ content:""; display: inline-block; height: 24px; width: 24px; vertical-align: middle; position: relative; top:-3px; margin-right: 12px; background: url(/local/templates/rds_catalog/css/../img/circle-check.png) no-repeat center; } .reg-form > .r_col ul li{ padding-top: 2px; font-size: 17px; color: #232221; text-align: left; letter-spacing: 0.01em; margin-bottom: 10px; } .reg-form > .r_col ul{ list-style: none; margin-bottom: 40px; } .reg-form > .r_col .box .title{ font-size: 22px; color: #232221; text-align: left; letter-spacing: 0.01em; line-height: 19px; font-weight: bold; margin-bottom: 30px; } .wapper-2 .form-rds table { width: auto; } .form-rds input[type='text']:-moz-placeholder { color: #989898; font-size: 16px; font-family: "PT Sans"; font-style: italic; } .form-rds input[type='password']::-webkit-input-placeholder{ color: #989898; font-size: 16px; font-family: "PT Sans"; font-style: italic; } .form-rds input[type='password']:-ms-input-placeholder{ color: #989898; font-size: 16px; font-family: "PT Sans"; font-style: italic; } .form-rds input[type='password']:-moz-placeholder { color: #989898; font-size: 16px; font-family: "PT Sans"; font-style: italic; } .form-rds button[type="submit"]{ background: #ff4848; padding: 11px 30px; width: auto; color: #FFF; border: none; margin-right: 0; font-size: 19px; text-transform: uppercase; cursor: pointer; outline: none; } .form-rds button[type="submit"]:hover{ background: #d33030; } .form-rds button:after{ content:""; display: inline-block; width: 21px; height: 21px; vertical-align: top; margin-left: 10px; background: url(/local/templates/.default/images/sprite.png) no-repeat -230px -110px; } .form-rds button.no-arr:after{ content: none; } .form-rds td{ position: relative; padding: 0 0 8px; } .form-rds .notice { display: inline-block; width: 290px; vertical-align: top; font-size: 14px; font-style: italic; margin-right: 11px; color: #989898; } .form-rds .notice span{ display: inline-block; width: 11px; height: 10px; vertical-align: middle; background: url(/local/templates/.default/images/sprite.png) no-repeat -432px -254px; } .form-rds .req { position: absolute; right: 0; top: 0; display: inline-block; width: 22px; height: 22px; vertical-align: middle; background: url(/local/templates/.default/images/angle.png) no-repeat center center; } .reg-form .errortext { padding-bottom: 30px; display:inline-block; } .reg-form-birthday { display: flex; justify-content: space-between; } .mobile .reg-form-birthday { flex-wrap: wrap; } @media (max-width: 540px){ .mobile .reg-form-birthday img { margin-top: 5px; } } body .reg-form > .l_col form.form-rds{ background: #FFF url(/local/templates/.default/images/line-form.png) no-repeat bottom left; } tr.foot-tr td{ padding-top: 28px; } body .reg-form div.error{ color: #ff4848; margin-bottom: 20px; } .form-rds .error-block{ padding: 0 0 30px; font-size: 16px; color: #ff4848; } .reg-form .box-success{ padding: 30px 40px 100px; font-size: 16px; } .w_cont .form-rds.page-single{ background-color: transparent; } /* End */ /* Start:/local/templates/rds_catalog/styles.css?15966418714351*/ .redf { font-size: 35px; color: #FF4848; } ul.ulArrow,ul.ulLine,ul.ulRed,.ga-item-text ul,.wapper-2 ul,.white-bg ul,.detail-text ul,.wapper-2 ol{ overflow: hidden; } ul.ulArrow,ul.ulLine,ul.ulRed,.ga-item-text ul{ list-style: none; margin: 0 0 25px; padding: 0; } ul.ulArrow li,.wapper-2 ul li,.white-bg ul li,.detail-text ul li,ul.ulRedli,.ga-item-text ul li,.wapper-2 ol li,.white-bg ol li, .ga-item-text ol li, .detail-text ol li{ padding-left: 25px; padding-bottom: 5px; position: relative; } ul.ulArrow > li:before, .wapper-2 ul > li:before, .white-bg ul > li:before,.detail-text ul > li:before, ul.ulRed > li:before, .ga-item-text ul > li:before { content: ""; position: absolute; left: 0; display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: url(/local/templates/rds_catalog/images/sprite.png) -512px -176px no-repeat; } .wapper-2 ul > li:before, .white-bg ul > li:before, .detail-text ul > li:before, .ga-item-text ul > li:before{ background: url(/local/templates/content/img/static-ul-li.png) center no-repeat; } ul.ulRed > li{ color: #ff4848; } ul.ulLine > li:before{ background: url(/local/templates/content/img/static-ul-li.png) center no-repeat; } .wapper-2 ul.ulLine > li{ padding-left: 24px; } .content ul.ulLine > li, .ga-item-text ul.ulLine > li, .detail-text ul.ulLine > li { background: url(/local/templates/content/img/static-ul-li.png) 1px 10px no-repeat; padding-left: 24px; list-style-type: none; padding-top: 1px; line-height: 18px; } .wapper-2 ol > li,.white-bg ol > li, .ga-item-text ol > li, .detail-text ol > li { list-style-type: none; counter-increment: step-counter; } .wapper-2 ol > li:before,.white-bg ol > li:before, .ga-item-text ol > li:before, .detail-text ol > li:before { position: absolute; /*left: 6px;*/ right: calc(100% - 17px); color: #ff4848; content: counter(step-counter) "."; } /*.wapper-2 ul li:before,.ga-item-text ul li:before{ background: none; }*/ .ga-item-text ul.ulArrow > li, .detail-text ul.ulArrow > li{ padding-left: 25px; padding-bottom: 5px; position: relative; background: none; } .ga-item-text ul.ulArrow > li:before, .detail-text ul.ulArrow > li:before { content: ""; position: absolute; left: 0; display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: url(/local/templates/rds_catalog/images/sprite.png) -512px -176px no-repeat; } blockquote.blockquote { display: flow-root; position: relative; width: calc(100% - 125px); padding: 25px 25px 25px 100px; border: 2px solid #e2e2e2; margin: 0; font-size: 19px; font-style: italic; line-height: 27px; } blockquote:after { content: ""; background: url(/local/templates/content/img/cm-bg.png) left top no-repeat; position: absolute; width: 51px; height: 64px; top: -10px; left: 22px; } hr.wave{ border: 0; height: 10px; background: url(/local/templates/rds_catalog/images/line.png) repeat-x left center; } .hashTag{ color: #848484; } .marginRB20 { margin: 0 20px 20px 0; } .marginLB20 { margin: 0 20px 0 20px; } .marginLRBT20 { margin: 20px 20px 20px 20px; } td:target { background: #f3f3f3; /* Цвет фона */ } td.ot { vertical-align: top; } tr:target { border: 2px solid #dddddd; } tr.dt { vertical-align: middle; } .gray {} .tableRds {} .tableRdsGray {} .attributes {} table.attributes.w50 {width: 50%;} table.attributes, .wapper-2 table.attributes, .wapper-2 .b_white table.attributes, .wrapp-catalog table.attributes { border-collapse: separate; border-spacing: 0px 3px; } table.attributes tr th, .wapper-2 table.attributes tr th, .wrapp-catalog table.attributes tr th, table.attributes tr td, .wapper-2 table.attributes tr td, .wrapp-catalog table.attributes tr td { width: 25%; height: 30px; padding-left: 10px; text-align: left; background-color: #f3f3f3; } table.attributes tr th, .wapper-2 table.attributes tr th, .wrapp-catalog table.attributes tr th { font-weight: bold; border-bottom: 1px solid #e1e1e1; } table.attributes tr td:nth-child(even), .wapper-2 table.attributes tr td:nth-child(even), .wrapp-catalog table.attributes tr td:nth-child(even) { border: 2px solid #f3f3f3; background: none; } /* End */ /* Start:/local/templates/rds_catalog/template_styles.css?1750079765183802*/ html{ scroll-behavior: smooth; } body{ margin: 0; font-family: 'PT Sans', sans-serif; letter-spacing: 0.01em; background: url(/local/templates/rds_catalog/images/bg_light.jpg) repeat; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } script { display: none !important; } *:focus { outline: 0; } a img{ border: 0; } a{ text-decoration: none; color: #252323; } h1, h2 { font-size: 36px; font-weight: bold; } h2 { font-size: 32px; margin: 15px 0 10px; } h3 { margin: 15px 0 10px; font-size: 30px; font-weight: bold; } h4 { margin: 15px 0 10px; font-size: 24px; font-weight: bold; } h5 { margin: 15px 0 10px; font-size: 18px; font-weight: bold; } h6 { margin: 15px 0 10px; font-size: 16px; font-weight: bold; } ul,p,ol,form{ padding:0; margin: 0; } a:hover{ color: #ff4848; } a.nolink { pointer-events: none; } html *:before, html *:after { -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } pre{ text-align: left; } input[type=text]:-moz-read-only { font-style: italic !important; color: #666 !important; overflow: hidden; text-overflow: ellipsis; } input[type=text]:read-only { font-style: italic !important; color: #666 !important; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } input[type=text]:-moz-read-only:focus { box-shadow: none !important; } input[type=text]:read-only:focus { -webkit-box-shadow: none !important; box-shadow: none !important; } input[type=text]:-moz-read-only { font-style: italic !important; color: #999 !important; overflow: hidden; text-overflow: ellipsis; } input[type=text]:-moz-read-only:focus { box-shadow: none !important; } div[id*="bx_"]{ display: inline-block; vertical-align: top; } .bx-core-adm-dialog div[id*="bx_"]{ display: block; } body>.wrapper, body>footer>.wrapper{ width: 1360px; margin: 0 auto; background: #F3F3F3; position: relative; } wbr:after { content: "\00200B"; } .clearfix:after { content: ""; display: table; clear: both; } .fl {float: left;} .fr {float: right;} .mobile-only { display: none; } select.niceSelect {display: none;} /* Slick slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*/** ** **/ /****//****//****//****//********//****//***//*******//********//****//****//**** **//****//****//****//****//****//****//****//****//****//****//****//****//****//****//****//****//****//****//****//****//****//****//****//** ** **/ .white-bg .wrapp_menu ul.menu-flip>li ul li { overflow: visible!important; } .white-bg .wrapp_menu ul.menu-flip>li { position: unset!important; } /* START COPY ////////////////////////////////////////////////////////////////////////*/ .ls-5{letter-spacing: -0.5px;} .h187{height:187px !important;} .underline{text-decoration: underline;} .italic{font-style: italic;} .dis-inl{display:inline-block;} .he5{height:5px;} .lh17{line-height:17px;} .ta-c{text-align: center;} .ta-r{text-align: right;} .ta-l{text-align: left;} .fs14{font-size:14px;} .fs15{font-size:15px;} .fs16{font-size:16px;} .fs17{font-size:17px;} .fs18{font-size:18px;} .fs19{font-size:19px;} .fs20{font-size:20px;} .fs22{font-size:22px;} .fs25{font-size:25px;} .fs23{font-size:23px;} .fs24{font-size:24px;} .fs26{font-size:26px;} .fs28{font-size:28px;} .fs36{font-size:36px;} .m-a{margin:auto !important;} .mt-13{margin-top:-13px !important;} .mt-8{margin-top:-8px !important;} .mt0{margin-top:0 !important;} .mt2{margin-top:2px !important;} .mt3{margin-top:3px !important;} .mt5{margin-top:5px !important;} .mt6{margin-top:6px !important;} .mt7{margin-top:7px !important;} .mt8{margin-top:8px !important;} .mt10{margin-top:10px !important;} .mt11{margin-top:11px !important;} .mt15{margin-top:15px !important;} .mt18{margin-top:18px !important;} .mt19{margin-top:19px !important;} .mt20{margin-top:20px !important;} .mt23{margin-top:23px !important;} .mt25{margin-top:25px !important;} .mt30{margin-top:30px !important;} .mt34{margin-top:34px !important;} .mt35{margin-top:35px !important;} .mt36{margin-top:36px !important;} .mt37{margin-top:37px !important;} .mt39{margin-top:39px !important;} .mt40{margin-top:40px !important;} .mt42{margin-top:42px !important;} .mt45{margin-top:45px !important;} .mt56{margin-top:56px !important;} .mt64{margin-top: 64px !important;} .mt84{margin-top:84px !important;} .mt135{margin-top:135px !important;} .mb5{margin-bottom:5px !important;} .mb10{margin-bottom:10px !important;} .mb17{margin-bottom:17px !important;} .mb18{margin-bottom:17px !important;} .mb20{margin-bottom:20px !important;} .mb21{margin-bottom:21px !important;} .mb22{margin-bottom:22px !important;} .mb27{margin-bottom:27px !important;} .mb37{margin-bottom:37px !important;} .mb38{margin-bottom:38px !important;} .mb40{margin-bottom:40px !important;} .mb45{margin-bottom:45px !important;} .mb54{margin-bottom:54px !important;} .mb63{margin-bottom:63px !important;} .mb100{margin-bottom:100px !important;} .mb130{margin-bottom:130px !important;} .ml15{margin-left:15px !important;} .ml25{margin-left:25px !important;} .ml26{margin-left:26px !important;} .ml42{margin-left:42px !important;} .ml44{margin-left:44px !important;} .ml50{margin-left:50px !important;} .ml70{margin-left:50px !important;} .mr10{margin-right:10px !important;} .mr22{margin-right:22px !important;} .mr103{margin-right:103px !important;} .m-auto{margin: 0 auto !important;} .pt0{padding-top:0 !important;} .pt27{padding-top: 27px !important;} .pb1{padding-bottom:1px !important;} .pb10{padding-bottom:10px !important;} .pb16{padding-bottom:16px !important;} .pb18{padding-bottom:18px !important;} .pr60{padding-right:60px !important;} .pr65{padding-right:65px !important;} .pd20{padding:20px !important;} .pd23{padding:23px !important;} .pl60{padding-left:60px;} .w108{width:108px !important;} .w120{width:120px !important;} .w130{width:130px !important;} .w160{width:160px !important;} .w170{width:170px !important;} .w180{width:180px !important;} .w270{width:270px !important;} .w308{width:308px !important;} .w350{width:350px !important;} .w365{width:365px !important;} .w390{width:390px !important;} .w590{width:590px !important;} .hide{display:none;} .spoiler-content.hide { display:block; height: 0; overflow: hidden; } .spoiler-content.hide.hide0 { display:none; height: auto; overflow: auto; } .text-center { text-align: center; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } /* END COPY ////////////////////////////////////////////////////////////////////other////*/ /* site */ .b_white{ background: #FFF; } .b_white:after { content: ""; display: table; clear: both; } .w_cont{ width: 1220px; margin: 0 auto; } .l_col,.c_col,.r_col{ display: inline-block; } .header_menu { letter-spacing: 0.01em; } .header_menu:after{ content: ''; display: block; clear: both; } .header_menu .c_col{ margin: 8px 20px 0 35px; float: left; } .header_menu .r_col{ padding: 11px 0 15px 0; float: right; } .header_menu .l_col{ float: left; padding: 13px 0 15px; } .white-bg{ background: #fff; } .auth_form{ font-size: 15px; letter-spacing: 0.02em; } .vertical .comparison, .vertical .desire{ display: block; vertical-align: middle; margin-bottom: 4px; height: 22px; position: relative; } .vertical .comparison .rds-tooltip-rt, .vertical .desire .rds-tooltip-rt{ left: auto; right: calc(100% + 2px); top: -8px; bottom: auto; } .stickyFixedClass .vertical .comparison .rds-tooltip-rt, .stickyFixedClass .vertical .desire .rds-tooltip-rt{ left: -25px; right: auto; top: calc(100% + 2px); } /* .stickyFixedClass .vertical .comparison.active */ .vertical .desire.active{ margin-right: 3px; } .stickyFixedClass .vertical .comparison.active + .desire.active{ margin-right: -2px; margin-top:0px; } .stickyFixedClass .vertical > div{ display: inline-block; min-width: 45px; } .stickyFixedClass .vertical .comparison, .stickyFixedClass .vertical .desire{ display: inline-block; } body .stickyFixedClass .vertical{ display: inline-flex; justify-content: space-between; flex: 1 1 auto; margin-top: 14px; margin-right: -10px; width: auto; max-width: 108px; vertical-align: middle; position: initial; white-space: nowrap; } body .stickyFixedClass .vertical .comparison{ /*margin-right: 15px;*/ } .vertical .comparison span, .vertical .desire span{ color: #ff4848; font-weight: bold; font-size: 17px; margin-left: 5px; display: inline-block; vertical-align: middle; position: relative; top: 0; } .vertical .desire span{ top: 1px; } .vertical .comparison a:before{ content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-image: url(/local/templates/rds_catalog/./img/2021/srav.svg); background-position:center bottom; background-repeat:no-repeat; } .vertical .desire a:before{ content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-image: url(/local/templates/rds_catalog/./img/2021/heart.svg); background-position:center bottom; background-repeat:no-repeat; } .vertical .desire.active a:before{ background-image: url(/local/templates/rds_catalog/./img/2021/heart_hover.svg); } .vertical .comparison.active a:before{ background-image: url(/local/templates/rds_catalog/./img/2021/srav_hover.svg); } .vertical .desire:hover a:before{ background-image: url(/local/templates/rds_catalog/./img/2021/heart_hover.svg); } .vertical .comparison:hover a:before{ background-image: url(/local/templates/rds_catalog/./img/2021/srav_hover.svg); } .vertical .desire.active:hover a:before{ background-image: url(/local/templates/rds_catalog/./img/2021/heart.svg); } .vertical .comparison.active:hover a:before{ background-image: url(/local/templates/rds_catalog/./img/2021/srav.svg); } .vertical .desire.active:hover span, .vertical .comparison.active:hover span { color: #cdcdcd; } .auth_form .enter{ margin-right: 10px; } .mobile .personal .enter.on { background: #5b6ce7; } .auth_form .enter, .auth_form .reg{ display: inline-block; vertical-align: middle; height: 16px; letter-spacing: 0.03em; } .auth_form .enter:before,.auth_form .reg:before{ content: ""; vertical-align: middle; display: inline-block; position: relative; top: -1px; width: 18px; height: 17px; left: 1px; background: url("/local/templates/rds_catalog/images/sprite.png") no-repeat; } .auth_form .enter:before{ vertical-align: middle; margin-right: 7px; background-position: -512px -206px; } .auth_form a{ color:#252323 } .auth_form a:hover{ color: #ff4848; } .auth_form .reg:before{ background: #cdcdcd; width: 5px; height: 5px; margin-right: 10px; border-radius: 100%; } .logo{ display: inline-block; vertical-align: middle; padding: 15px 10px 0 0; margin-right: 60px; height: 105px; } .logo a{ display: inline-block; } .flip{ position: relative; letter-spacing: 0.01em; } .flip .mail_btn{ position: absolute; top: 17px; left: 250px; width: 21px; height: 21px; cursor: pointer; border-radius: 100%; background: #cdcdcd url("/local/templates/rds_catalog/images/sprite.png") -481px -148px no-repeat; } .flip .mail_btn:hover{ background-color: #252323; } .phone_block{ display: inline-block; vertical-align: middle; margin-right: 28px; width: 455px; padding-top: 10px; } .phone_block .phone{ font: bold 29px "Ubuntu"; position: relative; top: -3px; display: inline-block; letter-spacing: 0; vertical-align: top; } .phone_block .phone .second{ padding-top: 2px; font-size: 23.6px; text-indent: 2px; } .phone_block .phone .slogan{ text-indent: 2px; font-weight: normal; font-size: 12.5px; color: #ff4848; } .phone_block .text:before{ content: '\2014\a0'; position: absolute; font-size: 18px; top: -3px; left: 8px; } .phone_block .text{ display: inline-block; font: 14px "PT Sans"; position: relative; padding-left: 35px; color: #848484; width: 175px; top: 6px; } .phone_btn{ font-size: 15px; color: #252423; position: relative; display: inline-block; cursor: pointer; /*top: 6px; left: -6px;*/ letter-spacing: 0; } .phone_btn .icon{ position: relative; display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: #ff4848; cursor: pointer; border-radius: 100%; margin-right: 4px; margin-left: 3px; top: -3px; } .phone_btn .icon:before{ content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 13px; height: 13px; background: url(/local/templates/rds_catalog/images/sprite.png) -544px -208px no-repeat; } .flip:after{ content: ''; display: block; /*background: url("/local/templates/rds_catalog/images/words_inner.png") no-repeat bottom left;*/ background: url("/local/templates/rds_catalog/images/words.png") no-repeat bottom left; width: 392px; height: 136px; position: absolute; right: 15px; bottom: -51px; z-index: 1; } body.main .flip:after{ content: ''; display: block; width: 392px; height: 136px; background: url("/local/templates/rds_catalog/images/words.png") no-repeat; position: absolute; right: 15px; bottom: -51px; z-index: 1; } body.main .flip.stickyFixedClass:after{ display: none; } .link_block{ display: inline-block; position: relative; z-index: 2; top: 16px; width: 170px; font-size: 15px; letter-spacing: 0.01em; } .link_block a{ display: inline-block; position: relative; margin-bottom: 8px; } .link_block a:before{ content: ''; position: relative; display: inline-block; vertical-align: middle; width: 21px; height: 21px; background: #cdcdcd url(/local/templates/rds_catalog/images/sprite.png) no-repeat; cursor: pointer; border-radius: 100%; margin-right: 6px; top: -2px; } .link_block a.rent:before{ background-position: -542px -148px; } .link_block a.pay_n_delay:before{ background-position: -540px -175px; } .link_block a:hover:before{ background-color: #ff4848; } .flip .vertical{ display: inline-block; vertical-align: middle; position: absolute; left: -64px; } .sidebar{ display:inline-block; width: 275px; margin-bottom: 22px; } .sidebar+*{ width: 945px; display: inline-block; vertical-align: top; } .two_col{ display: inline-block; vertical-align: top; width: 945px; margin-bottom: 40px; } .two_col .wrapper{ padding: 40px 0 0 40px; } .two_col .wrapper:after { content: ""; display: block; clear: both; } .two_col .wrapper > .r_col { width: 460px; height: 407px; background: #f3f3f3; padding: 16px 25px 5px 40px; float: right; } .two_col .wrapper > .l_col{ width: 335px; vertical-align: top; margin-right: 40px; float: left; height: 430px; position: relative; } .hide{ display: none; } .legend{ padding: 52px 65px 74px 63px; margin-bottom: 60px; position: relative; } .legend .link { top: -33px; right: 65px; content: ""; position: absolute; display: inline-block; width: 70px; height: 70px; vertical-align: middle; background: url(/local/templates/rds_catalog/images/sprite.png) -331px -277px no-repeat; } .legend .link p{ display: none; background: #ff4848; position: absolute; right: -115px; top: 17px; color: #FFF; font-size: 15px; padding: 6px 20px 8px 21px; border-radius: 20px; z-index: 0; } .legend .link:hover p{ display: inline-block; } .legend:after{ content:""; display: block; height: 10px; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; background: url(/local/templates/rds_catalog/images/line.png) repeat-x left center; } .legend ul li:before{ background: url(/local/templates/rds_catalog/images/sprite.png) -8px -11px no-repeat; content:""; display: block; margin: 0 auto 30px; width: 85px; height: 85px; vertical-align: middle; } .legend ul li .title{ font-weight: bold; font-size: 31px; color: #ff4848; text-align: center; letter-spacing: 0.01em; line-height: 24px; margin-bottom: 25px; } .legend ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; } .legend ul li{ text-align: center; width: 245px; vertical-align: top; } .legend ul li .node{ font-size: 18px; color: #252423; text-align: center; letter-spacing: 0.01em; line-height: 20px; font-weight: bold; } .legend ul li.nomen:before{ background-position: -217px -9px; } .legend ul li.lider:before{ background-position: -115px -10px } .legend ul li.month:before{ background-position: -312px -7px; } .legend ul li.auto:before{ background-position: -414px -9px; } .stickyFixedClass{ position: fixed; margin: 0 auto; padding: 0 71px; right: auto; left: auto; z-index: 30; background-color: rgba(255, 255, 255, 1); -webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); width: 1220px; } .all_catalog{ display: none; } .addition-margin{ padding-top: 120px !important; } .tablebodytext{ display: none; } .stickyFixedClass .all_catalog{ display: inline-block; font-size: 17px; font-weight: bold; color: #FF4848; text-align: left; position: relative; } .stickyFixedClass .all_catalog:after{ position: absolute; left: -15px; top: -15px; width: calc(100% + 30px); height: 55px; content: ""; } .all_catalog{ cursor: pointer; margin-right: 45px; } .all_catalog span{ display: inline-block; position: relative; top: 0; vertical-align: middle; height: 22px; width: 22px; background-color: rgba(255, 72, 72, 1); border-radius: 22px; margin-right: 5px; } .all_catalog span.icon:before{ content: ""; display: inline-block; position: absolute; width: 15px; margin: auto; height: 15px; left: 0; right: 0; top: 0; bottom: 0; background: url(/local/templates/rds_catalog/images/sprite.png) -389px -243px no-repeat; } .stickyFixedClass{ top: 0 !important; } .stickyFixedClass img{ height: 35px; width: 86px; } .stickyFixedClass .data img{ height: auto; width: auto; } .stickyFixedClass .logo a img{visibility: hidden} .stickyFixedClass .logo{ padding: 10px 0; height: 35px; margin-right: 40px; background: url(/local/templates/rds_catalog/images/logo_min.png) center 11px no-repeat; } .stickyFixedClass .mail_btn{ display: none; } .stickyFixedClass .phone_block{ margin-top: 2px; width: 225px; padding-top: 0; } .stickyFixedClass .phone_block .phone div { display: none; } .stickyFixedClass .phone_block .phone{ font-family: 'Ubuntu'; font-size: 22px; margin-right: 5px; vertical-align: middle; } .stickyFixedClass .phone_block br{ display: none; } .stickyFixedClass .phone_block .text{ display: none; } .flip.stickyFixedClass { top: -55px !important; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .flip.animated { -webkit-transform: translateY(55px); -ms-transform: translateY(55px); transform: translateY(55px); } .flip.stickyFixedClass:before{ display: none; } .flip.stickyFixedClass:after{ display: none; } .stickyFixedClass .phone_block{ margin-right: 82px; } .stickyFixedClass .phone_block .phone_btn{ width: 25px; height: 25px; top: -3px; overflow: hidden; vertical-align: middle; } .stickyFixedClass .phone_block .phone_btn .icon{ top: 2px; } .stickyFixedClass .link_block{ display: none; } .menu-flip,.wrapp_menu{ display: none; } .menu-flip.hover{ display: block; padding: 30px; list-style: none; } .wrapp_menu.hover{ display: block; } .stickyFixedClass:before{ display: block; content: ""; width: 100%; position: absolute; border-top: 1px solid #eaeaea; top: 130px; left: 0; } ul.menu-flip { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .stickyFixedClass ul.menu-flip > li { display: inline-block; margin: 30px 0 0; width: 20%; vertical-align: top; } .menu-flip > li > i { display: none; } .menu-flip ul li { margin-bottom: 4px; padding-left: 0; } ul.menu-flip li:before { content: none; } .menu-flip ul li a{ font-size: 14px; color: #606060; text-align: left; } .menu-flip ul li a:hover{ color: #FF4848; } ul.menu-flip, ul.menu-flip ul{ list-style: none; } ul.menu-flip>li>a{ font-weight: bold; font-size: 15px; color: #252423; margin-bottom: 15px; display: inline-block; text-transform: uppercase; } ul.menu-flip>li>a.active{ color: #fd4747; } .stickyFixedClass ul.menu-flip ul ul { display: none; } .overview{ width: 100%; } .flip .title-search{ display: none; } .stickyFixedClass .basket{ position: relative; float: left; margin-left: 25px; } .stickyFixedClass .basket > .basket{ margin-left: 0px; top: 0px; } .stickyFixedClass .title-search{ display: inline-block; position: relative; top: 0; } .stickyFixedClass .si-wrapper{ display: inline-block; } .wrapp_menu{ position: relative; background: url(/local/templates/rds_catalog/images/bg_flip.png) no-repeat -21px -88px; border-top: 1px solid #eaeaea; } .wrapp_menu .close:hover{ background-image: url("/local/components/rds/left.menu/templates/.default/images/close_hover.png"); } .wrapp_menu .close{ background: url("/local/components/rds/left.menu/templates/.default/images/close.png") no-repeat center center; width: 14px; cursor: pointer; height: 14px; position: absolute; right:15px; top: 15px; z-index: 1; } .stickyFixedClass .basket .no_elements .node{ display: none; } .stickyFixedClass .basket .title:before{ content:""; display: inline-block; margin-top: 5px; width: 18px; height: 19px; vertical-align: middle; background-image: url(/local/templates/.default/img/2021/korz.svg); background-position:center; background-repeat:no-repeat; } .stickyFixedClass .basket:hover .title:before,.stickyFixedClass .basket.in-cart .title:before/*, .stickyFixedClass .basket .has_elements .title:before*/{ background-image: url(/local/templates/.default/img/2021/korz_hover.svg); } .stickyFixedClass .basket:hover .title-box.no_elements .title{ background: none; height: auto; } .stickyFixedClass .basket .title{ width: auto; background: none; vertical-align: top; display:flex; flex-wrap:nowrap; } .stickyFixedClass .basket .title span{ display: inline-block; vertical-align: middle; top: auto; margin-left: 5px; padding-left: 0; } .flip .auth_form{ display: none; } .stickyFixedClass .auth_form{ display: block; float: right; padding-top: 16px; margin-right: -10px; } .stickyFixedClass .auth_form .reg, .stickyFixedClass .auth_form .enter{ display: none; } .tabs_content{ margin-bottom: 43px; letter-spacing: 0.01em; } .w_cont.bottom { font-size: 15px; line-height: 22px; } .w_cont.bottom:first-child { padding-top: 45px; } .w_cont.bottom .title.h1, .w_cont.bottom h1, .w_cont.bottom > h2{ margin: 0; padding: 0 0 45px; text-align: center; color: #232221; font-size: 36px; line-height: 46px; font-weight: bold; letter-spacing: 0em; } .w_cont.bottom .title.h1 .red, .w_cont.bottom h1 .red, .w_cont.bottom h1.red, .w_cont.bottom h2 .red, .w_cont.bottom h2.red{ color: #ff4848; } .w_cont.bottom h1.pad0, .w_cont.bottom h2.pad0 { padding: 0; } .w_cont.bottom h2 { margin-bottom: 25px; } .w_cont.bottom > h2 { margin-bottom: 0; padding-bottom: 35px; text-transform: uppercase; } .w_cont.bottom h3 { font-size: 24px; } .w_cont.bottom h4 { font-size: 18px; } .w_cont.bottom a { text-decoration: underline; } .w_cont.bottom a:hover { text-decoration: none; } .w_cont.bottom .l_col{ width: 48%; margin-right: 3%; display: inline-block; vertical-align: top; } .w_cont.bottom .r_col{ display: inline-block; width: 48%; float: right; vertical-align: top; } .w_cont.bottom:after{ content:""; display: block; clear: both; } .w_cont.bottom p, .w_cont.bottom ul, .w_cont.bottom ol { margin-bottom: 25px; } .w_cont.bottom.text{ padding-bottom: 50px; } .list.inline{ display: inline-block; margin-right: 50px; list-style: none; } .list.inline:nth-child(4n-1){ margin-right: 0; } .list.inline li{ padding-left: 25px; padding-bottom: 5px; position: relative; } .list.inline li:before{ content:""; position: absolute; left: 0; display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: url(/local/templates/rds_catalog/images/sprite.png) -512px -176px no-repeat } .w_cont p{ margin-bottom: 25px; line-height: 30px; } .wrapp.bg.banner{ background-repeat: no-repeat; } .marker-bottom{ position: fixed; bottom: 0; width: 100%; z-index: 1000; } .marker-top{ position: fixed; z-index: 1000; width: 100%; top:0; } .line{ height: 10px; width: 100%; position: absolute; left: 0; right: 0; background: url(/local/templates/rds_catalog/images/line.png) repeat-x left center; } /*преимущества*/ .advantages ul li:before{ content:""; display: inline-block; width: 70px; height: 70px; vertical-align: middle; margin: 0 0 16px -24px; background: url(/local/templates/rds_catalog/images/sprite.png) no-repeat -5px -200px; } .advantages ul li.bay-icon:before{ background-position: -165px -200px; margin: 0 0 16px 9px; } .advantages ul li.time-icon:before{ background-position: -86px -200px; margin: 0 0 16px 9px; } .advantages ul li.msg-icon:before{ background-position: -249px -197px; margin: 0 0 16px 9px; } .advantages ul li p{ font-size: 14px; color: #848484; text-align: center; letter-spacing: 0.01em; line-height: 20px; } .advantages ul li{ display: inline-block; width: 275px; margin-right: 40px; list-style: none; vertical-align: top; text-align: center; } .advantages ul li.last{ margin-right: 0; } .advantages ul li .title{ font-size: 19px; color: #252423; font-weight: bold; text-align: center; letter-spacing: 0.01em; line-height: 22px; margin-bottom: 30px; height: 40px; } .b_white>.cards .r_col, .b_white>.cards .l_col{ position: relative; display: inline-block; height: 269px; width: 590px; background: url("/local/templates/rds_catalog/images/bg_left_col.jpg") no-repeat center center; } .b_white>.cards .l_col{ margin-right: 40px; } .b_white>.cards .r_col{ background: url("/local/templates/rds_catalog/images/bg_right_col.jpg") no-repeat center center; } .advantages { margin-bottom: 45px; } .b_white > .cards .include .title, .b_white > .cards .include h4 { font-size: 25px; font-weight: normal; color: #ff4848; text-align: left; letter-spacing: 0.01em; line-height: 24px; margin: 0 0 22px; white-space: nowrap; } .b_white>.cards .include{ position: absolute; width: 400px; left: 134px; top: 49px; font-size: 15px; color: #252423; text-align: left; letter-spacing: 0em; line-height: 26px; } .b_white .include p{ line-height: 26px; } .b_white>.cards .include:before{ position: absolute; left: -70px; top: -10px; content:""; display: inline-block; width: 50px; height: 50px; vertical-align: middle; background: url(/local/templates/rds_catalog/images/sprite.png) no-repeat -116px -277px; } .b_white>.cards .r_col .include{ left: 123px; top: 50px; } .b_white>.cards .r_col .include:before{ background-position: -181px -278px;; } .b_white.last{ padding-bottom: 120px } body>footer{ background: url(/local/templates/rds_catalog/images/bg_dark.jpg) left top; } body>footer>.wrapper{ background: #252423 url(/local/templates/rds_catalog/images/lenta.png) right top no-repeat; } body>footer>.wrapper .cols-top>div.col-4{ margin-right: 0; } body>footer>.wrapper .cols-top>div{ display: inline-block; width: 260px; margin-right: 40px; vertical-align: top; } body>footer .cols-top{ padding: 63px 70px 0; } body>footer .cols-top ul{ list-style: none; } body>footer a{ font-size: 14px; } body>footer .cols-top a{ color: #FFF; } body>footer .cols-top a:hover{ color: #FFF; text-decoration: underline; } body>footer .cols-top ul{ margin-bottom: 57px; } body>footer .cols-top .title, body>footer .cols-top ul li{ margin-bottom: 15px; } body>footer .cols-top{ text-align:left; } footer .box-map{ padding: 0 70px; color: #FFF; } footer .box-map>.l_col{ color: #919191; display: inline-block; width: 275px; margin-right: 40px; vertical-align: middle; position: relative; top: 7px; } footer .box-map>.r_col{ vertical-align: middle; display: inline-block; width: 760px; } footer .box-map .map{ width: 355px; display: inline-block; height: 257px; position: relative; vertical-align: top; } footer .box-map .map .data{ } footer .social{ padding: 21px 0 15px; } footer .social a{ display: inline-block; width: 30px; height: 30px; margin-right: 10px; background: url(/local/templates/rds_catalog/images/sprite.png) no-repeat -416px -105px; } footer .social a{ opacity: 0.4; } footer .social a:hover{ opacity: 1; } footer .social a.vk{ background-position: -451px -105px } footer .social a.google{ background-position: -495px -105px } footer .social a.youtube{ background-position: -537px -105px } footer .social a.instagram{ background: url(/local/templates/rds_catalog/images/instagram.png); background-position-x: -5px; background-position-y: 2px; } footer .social a.mailru{ background: url(/local/templates/rds_catalog/images/mailru.png); background-position-x: -4px; background-position-y: 2px; } footer .social a.ok{ background: url(/local/templates/rds_catalog/images/ok.png); background-position-x: -4px; } footer .social a.whatsapp{ background: url(/local/templates/rds_catalog/images/whatsapp.png); background-position-x: -4px; background-position-y: 2px; } footer .social a.telegram{ background: url(/local/templates/rds_catalog/images/telegram.png) no-repeat bottom left; } footer .box-map{ background: url(/local/templates/rds_catalog/images/map.jpg?123) 725px 0 no-repeat; } footer .box-map a{ color: #FFF; } footer .box-map>.r_col .phone{ height: 257px; width: 340px; display: inline-block; background: #ff4848; position: relative; } footer .box-map .title{ font-family: 'Ubuntu'; font-weight: bold; font-size: 30px; color: #ffffff; text-align: left; letter-spacing: 0.01em; line-height: 11px; margin-bottom: 20px; } footer .box-map .map .title{ font-size: 29px; letter-spacing: 0.01em; font-family: 'PT Sans'; } footer .box-map .map .data, footer .phone .data{ position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 290px; height: 120px; } footer .box-map .map .data a, footer .phone .data a{ margin-bottom: 10px; display: inline-block; font-size: 15px; } footer .box-map .map{ background: rgba(0,0,0,0.5); } body .metric-box div[id*="bx_"]{ display: block; height: 10px; } .b_white input[type=text], .b_white input[type=password], .b_white textarea, .wapper-2 input[type=text], .wapper-2 input[type=password], .wapper-2 textarea { border: 2px solid #e4e4e4; } .b_white input[type=text]:focus, .b_white input[type=password]:focus, .b_white textarea:focus, .wapper-2 input[type=text]:focus, .wapper-2 input[type=password]:focus, .wapper-2 textarea:focus { -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15); outline: none; } .form-ajax { overflow: hidden; } .form-ajax form{ padding: 20px 20px 16px; background: url(/local/templates/rds_catalog/images/bg_forms.png) no-repeat left bottom / cover; } .form-ajax .title{ padding: 12px 0 16px; font-size: 33px; color: #252423; text-align: center; letter-spacing: 0.01em; line-height: 30px; font-weight: bold; } .form-ajax .title p { padding: 0 20px; font-size: 16px; } .form-ajax .desc { display: flex; justify-content: center; } .form-ajax .desc > div,#saveTemplateMessage .desc > div{ text-align: left; letter-spacing: 0.01em; line-height: 22px; padding: 12px 10px 16px 55px; font-size: 16px; position: relative; color: #252423; } .fancybox-inner{ height: auto !important; } .form-ajax form tr td{ font-size: 18px; color: #252423; text-align: left; letter-spacing: 0.01em; line-height: 32px; position: relative; } .form-ajax form tr td.caption{ width: 50%; } .form-ajax form tr td.caption span{ display: inline-block; line-height: 20px; } .form-ajax form tr td .req{ position: absolute; right: 7px; top: 2px; display: inline-block; width: 22px; height: 22px; vertical-align: middle; background: url(/local/templates/rds_catalog/images/angle.png) no-repeat center center; } .form-ajax table td{ padding: 0 5px; vertical-align: top; } .form-ajax form tr.error .caption{ color: #ff4848 } .form-ajax form tr.error input[type=text], .form-ajax form tr.error input[type=email], .form-ajax form tr.error td textarea{ border-color: #ff4848 } .form-ajax form tr td input[type=text], .form-ajax form tr td input[type=email], .form-ajax form tr td textarea{ display: block; padding: 4px 16px; width: 305px; background: #ffffff; border: 2px solid #e4e4e4; font-size: 16px; line-height: 21px; color: #252423; text-align: left; letter-spacing: 0.01em; font-family: 'PT Sans', sans-serif; outline: none; } .form-ajax form tr td textarea{ height: 63px; min-height: 63px; resize: vertical; } .form-ajax input::-webkit-input-placeholder, .form-ajax textarea::-webkit-input-placeholder {color:#989898;font-style: italic;} .form-ajax input::-moz-placeholder, .form-ajax textarea::-moz-placeholder {color:#989898;font-style: italic;}/* Firefox 19+ */ .form-ajax input:-moz-placeholder, .form-ajax textarea:-moz-placeholder {color:#989898;font-style: italic;}/* Firefox 18- */ .form-ajax input:-ms-input-placeholder, .form-ajax textarea:-ms-input-placeholder {color:#989898;font-style: italic;} .form-ajax form input[type="submit"]{ background: #ff4848; padding: 12px 15px; color: #FFF; border: none; font-size: 19px; text-transform: uppercase; margin-right: 5px; cursor: pointer; margin-top: 8px; } .form-ajax form input[type="submit"]:hover{ background: #d33030; } .form-ajax form .btn-submit{ background: #ff4848; padding: 12px 15px; color: #FFF; line-height: 19px; border: none; font-size: 19px; text-transform: uppercase; margin-right: 5px; cursor: pointer; margin-top: 20px; display: inline-block; } .form-ajax form .btn-submit:hover{ background: #d33030; } .form-ajax form .notice{ margin-right: 5px; } .form-ajax form tfoot{ text-align: right; } .form-ajax form + .desc a{ color: #ff4848; } .form-ajax .desc > div:before,#saveTemplateMessage .desc > div:before{ position: absolute; top: 4px; content:""; display: block; width: 40px; height: calc(100% - 4px); margin-left: -50px; vertical-align: middle; /*background: url(/local/templates/rds_catalog/images/smile.png) no-repeat center center;*/ background: url(/local/templates/rds_catalog/images/mail.png) no-repeat center center; } .form-ajax .desc.sad > div:before{ background-image: url(/local/templates/rds_catalog/images/smile_sad.png) } .form-ajax a { text-decoration: underline; } .form-ajax a:hover { text-decoration: none; } .wrap-float{ display: inline-block; position: relative; z-index: 7; float: right; padding-top: 36px; margin-right: -23px; } .stickyFixedClass .wrap-float{ padding-top: 0; position: absolute; left: 975px; right: 71px; display: flex; width: 295px; } @media (min-width: 1451px){ .stickyFixedClass .wrap-float{ left: 1015px; } } @media only screen and (max-width: 1450px){ .stickyFixedClass .wrap-float{ right: auto; } body>.wrapper, body>footer>.wrapper{ width:1290px } .legend ul li{ width: 230px; } .stickyFixedClass{ width: 1220px; padding: 0 35px; } body>footer .cols-top{ padding: 63px 35px 0; } html body>footer .content{ padding-left: 70px; padding-right: 40px; } footer .box-map{ padding: 0 35px; color: #FFF; background-position: 690px 0 ; } .catalog{ padding: 0 35px; } } @media only screen and (max-width: 1280px){ body>.wrapper, body>footer>.wrapper{ width:1260px } .catalog { padding: 0 20px; } } .box-slider{ margin-bottom: 30px; position: relative; padding-left: 90px; font-style: italic; font-size: 17px; line-height: 17px; color: #848484 } .box-slider:before{ content:""; display: inline-block; width: 64px; height: 64px; position: absolute; left: 12px; top: 10px; } .box-slider .cnt{ font-size: 72px; color: #ff4848; text-align: left; font-style: normal; letter-spacing: -0.07em; font-weight: bold; line-height: 70px; } .bx-breadcrumb{ padding: 17px 40px 0 0; } .wrapp-catalog{ padding: 0 40px; width: 865px; } .wrapp-catalog.sections{ padding: 0; width: 100%; } .wrapp-catalog h1{ font: bold 36px 'PT Sans'; color: #232221; text-align: left; letter-spacing: 0.01em; margin: 0 0 12px; } .wrapp-catalog h1:after { content: ""; display: table; clear: both; } .wrapp-catalog.sections h1 { margin: -6px 0 32px; } .section-wrapp { position: relative; z-index: 1; } .wrapp-catalog{ position: relative; z-index: 1; } .white-bg .title-foot{ font-size: 35px; font-weight: bold; color: #252423; text-align: left; letter-spacing: 0.01em; line-height: 50px; margin-bottom: 30px; } .box-articles { position: relative; padding: 45px 0 30px; } .box-articles .title-foot { margin: 0 auto 40px; width: 1220px; } .box-articles .title-foot a{ display: inline-block; vertical-align: middle; margin-left: 50px; font-size: 15px; color: #ff4848; text-align: right; letter-spacing: 0.01em; line-height: 50px; font-weight: normal; } .box-articles .learning{ position: relative; margin: 0 auto 50px; width: 1220px; } .box-articles.wave:after{ content: ""; display: block; height: 10px; width: 100%; position: absolute; left: 0; right: 0; top: 330px; background: url(/local/templates/rds_catalog/images/line.png) repeat-x left center; } .box-articles .learning-item{ float: left; width: calc(33.3% - 20px); padding-right: 20px; } .legend ul li.year .title{ padding-left: 6px; } .legend ul li.year .node{ padding-left: 2px; } .legend ul li.lider .title{ position: relative; left:-3px; } .legend ul li.month:before{ width: 99px; } .legend ul li.auto:before{ width: 96px; } .legend ul li.nomen .title{ position: relative; left: 3px; } .legend ul li.month .title { position: relative; left: -3px; } .legend ul li.month .node { position: relative; left: -2px; } .legend ul li.auto .node { position: relative; left: 2px; } .b_white.last{ position: relative; } .b_white.last .w_cont.bottom .title.h1{ padding-bottom: 39px; } .slider-bottom-wrap:after{ content: ""; display: block; height: 10px; width: 100%; position: absolute; left: 0; right: 0; top: 326px; background: url(/local/templates/rds_catalog/images/line.png) repeat-x left center; } body>footer .content .left-column{ width: 215px; margin-right: 30px; display: inline-block; vertical-align: top; } body>footer .content .left-column ul{ list-style: none; margin: 0; padding: 0; } body>footer .content .right-column{ vertical-align: top; display: inline-block; } body>footer .content .right-column ul{ padding: 0; margin: 0; } body>footer .content ul li a{ color: #FFF; } body>footer .content{ padding: 58px 72px 0; } body>footer .content ul li{ margin-bottom: 12px; font-size: 14px; list-style: none; } body>footer .wrapper .content ul{ margin-bottom: 45px; } body>footer .wrapper .content>div.right-column>ul>li>a{ font-size: 15px; color:#FFF; text-transform: uppercase; margin-bottom: 27px; display: inline-block; } body>footer .wrapper .content>div>ul>li>ul>li>a{ /*color: #7c7c7b;*/ } body>footer .wrapper.main{ background-position: bottom right; } body>footer .wrapper .content ul li a:hover{ color: #FFF } body>footer .wrapper .content .right-column ul.last{ margin-bottom: 0; } .w_cont p{ line-height: 26px; font-size: 15px; letter-spacing: 0; } .newspepper{ position: absolute; z-index: 1; bottom: 0; left: 481px; width: 100px; height: 45px; } .newspepper:before{ display: block; position: absolute; z-index: 1; content: ""; width: 100px; height: 45px; background: url(/local/templates/rds_catalog/images/sprite.png) no-repeat 0 -273px; } .newspepper span{ display: none; } .newspepper:hover span{ display: inline-block; z-index: 0; } .newspepper:hover:before{ height: 58px; background-position: -408px -279px; width: 130px; } .stickyFixedClass .newspepper{ display: none; } .newspepper:hover span{ background: #ff4848; position: absolute; right: -94px; top: 17px; color: #FFF; font-size: 15px; display: inline-block; padding: 6px 20px 8px 40px; border-radius: 20px; } .newspepper:hover{ bottom: 13px; } .newspepper:hover .all_link_block { display: block; position: relative; z-index: 1; width: 200px; height: 60px; } .print{ height: 22px; width: 22px; top: 22px; right: 7px; position: absolute; background: url(/local/templates/rds_catalog/images/sprite.png) no-repeat -193px -110px; } .popup-auth{ display: none } .product{ padding: 0 15px; } .product .l_col{ width: 400px; display: inline-block; overflow: hidden; vertical-align: top; } .product .l_col:after{ display: block; content: ""; clear: both; } .product .l_col a{ margin-left: 100px; display: block; } .product .l_col a.img{ display: inline-block; float: left; margin:0; } .product .r_col{ width: 200px; display: inline-block; vertical-align: top; } .product .ga-item-count-block{ margin-top: 0; } .product .ga-item-basket-info-block{ margin: 10px 0 30px 93px; } .success-box{padding: 100px 40px;} .success-box p{ margin-bottom: 10px; } .news-list .bx-pagination { margin-top: 20px; } .wapper-2 .b_white table{ border-collapse: collapse; border: 0; margin-bottom: 30px; } .wapper-2 .b_white img{ max-width: 100%; } body .wapper-2 .b_white{ padding: 25px; } body .wapper-2 .b_white.aimt_text{ /*float: right; width: 905px;*/ padding: 0 0 25px; font-size: 15px; line-height: 26px; /*background: #fff;*/ } body .wapper-2 .b_white.aimt_text p, body .wapper-2 .b_white.aimt_text ul, body .wapper-2 .b_white.aimt_text a{ font-size: inherit; line-height: inherit; } .wapper-2 .b_white p { margin-bottom: 25px; font: 14px/20px "PT Sans"; color: #010c0c; } /*.wapper-2 .b_white br { display: block; line-height: 20px; margin-bottom: 25px; content: ""; }*/ .wapper-2 .b_white ul, .wapper-2 .b_white ol { margin-bottom: 25px; } .wapper-2 .b_white a { margin-bottom: 20px; font-size: 14px; color: #ff4848; text-decoration: none; } .wapper-2 hr{ background: #ededec; margin: 20px 0; } .wapper-2 table, .wrapp-catalog table{ width: 100%; border: 0; border-collapse: collapse; } .wapper-2 table tr td, .wrapp-catalog table tr td{ padding: 2px; color: #252423; border: 0; } .wapper-2 table.gray tr td, .wrapp-catalog table.gray tr td, .wapper-2 table.gray tr th, .wrapp-catalog table.gray tr th{ padding: 15px; text-align: center; background: #f3f3f3; border-bottom: 3px solid #FFF; } .wapper-2 table.tableRds tr td, .wrapp-catalog table.tableRds tr td{ padding: 15px; border-bottom: 3px solid #FFF; } .wapper-2 table.tableRds tr:first-child td, .wrapp-catalog table.tableRds tr:first-child td, .wrapp-catalog table.tableRds td.head_row{ background: #d5d5d5; font-weight: bold; color: black; } table.tableRds td.head_row{ background: #d5d5d5 !important; font-weight: bold !important; color: black !important; text-align: center; font-size: 17px; text-transform: uppercase; } .wrapp-catalog table.tableRds td.head_row{ text-align: center; } .wapper-2 table.tableRds tr:first-child ~ tr td, .wrapp-catalog table.tableRds tr:first-child ~ tr td{ background: #f3f3f3; } .wapper-2 table.tableRdsGray tr:first-child td, .wrapp-catalog table.tableRdsGray tr:first-child td{ background: transparent; color: #252423; } .wapper-2 table.tableRdsGray td, .wrapp-catalog table.tableRdsGray td{ background: transparent; color: #252423; border: 1px solid grey; } .wapper-2 hr{ height: 0; border: 0; border-top: 1px solid #ededec ; } .wapper-2 hr.wave{ border: 0; height: 10px; background: url(/local/templates/rds_catalog/images/line.png) repeat-x left center; } .wapper-2 blockquote { position: relative; padding: 25px 25px 25px 100px; border: 2px solid #e2e2e2; margin: 0; font-size: 19px; font-style: italic; line-height: 27px; } .wapper-2 blockquote > * { font-size: inherit; } .wapper-2 blockquote:after { content: ""; background: url(/local/templates/content/img/cm-bg.png) left top no-repeat; position: absolute; width: 51px; height: 64px; top: -10px; left: 22px; } .wapper-2 .hashTag{ color: #848484; } .wapper-2 ul.ulArrow > li, .white-bg ul.ulArrow > li{ padding-left: 25px; padding-bottom: 5px; position: relative; background: none; } .wapper-2 ul.ulArrow > li:before, .white-bg ul.ulArrow > li:before { content: ""; position: absolute; left: 0; display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: url(/local/templates/rds_catalog/images/sprite.png) -512px -176px no-repeat; } ol { /*overflow: hidden;*/ margin: 0 0 25px; } html .wapper-2 ul.indent > li { padding-left: 0; text-indent: 25px; } /*определение для ссылок*/ .wapper-2 .b_white a, .b_white .wapper-2 a{ color: #252423; text-decoration: underline ; } .wapper-2 .b_white a:not(.stok-tooltip):hover, .b_white .wapper-2 a:not(.stok-tooltip):hover{ color: #ff4848; text-decoration: none ; } .white-block-head { margin: 35px 0 20px; font-size: 23px; font-weight: bold; } .white-block a{ color: #ff4848 !important; font-weight: normal !important; text-decoration: none ; } .white-block a.fancyImg, .white-block a[href*="mailto"], .white-block a:hover{ font-weight: normal !important; text-decoration: underline !important; } .white-block .i-g-mail a[href*="mailto"]{ color: #252423 !important; } .white-block a.fancyImg:hover, .white-block a[href*="mailto"]:hover{ text-decoration: none !important; color: #ff4848 !important; } .wapper-2 .detail-new a:not(.stok-tooltip) *{ color: inherit !important; font-weight: inherit !important; } .wapper-2 .detail-new a:not(.stok-tooltip),.content .deli-var-desc .b2 a{ font-weight: normal; color: #252323 !important; text-decoration: underline; } .wapper-2 .detail-new a:not(.stok-tooltip):hover,.content .deli-var-desc .b2 a:hover{ color: #ff4848 !important; text-decoration: none !important; } .wapper-2 img{ max-width: 100% !important; } .detail-new ul li, .white-bg ul li, .detail-new ol li, .white-bg ol li, .ga-item-text ol li{ font-size: 14px; list-style: none; text-align: left; list-style-position: inside; text-indent: 0em; overflow: hidden; } .white-bg ul li, .white-bg ol li, .ga-item-text ol li{ font-size: 100%; } .bx-pagination ul li{ padding-left: 2px; } .bx-pagination ul li:before{ background: none; } .shadow:hover{ webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); } body>footer .wrapper ul li a:hover, footer .box-map a:hover{ text-decoration: underline; color: #FFF; } .arrow-right a{ color: #ff4848; text-decoration: underline; } .arrow-right a:hover{ text-decoration: none; } html body>footer .wrapper ul a[href="/sales/"], html body>footer .wrapper ul .icon+a{ color: #ff4848 !important; } .ya-share2 ul li{ padding-left: 5px } .wapper-2 ul li:before, .white-bg ul li:before { background: url(/local/templates/content/img/static-ul-li.png) center no-repeat; } /*слайдер на главной*/ #slider-wrap{ /* Оболочка слайдера и кнопок */ width:945px; display: inline-block; vertical-align: top; position: relative; background: #969594 } #slider{ /* Оболочка слайдера */ width:978px; height:200px; overflow: hidden; position:relative; } #slider .slide{ /* Слайд */ position: absolute; left: 0; top: 0; display: none; width:100%; height:100%; } #slider div:first-of-type{ /* первый слайд */ display: block; } .ga-item-text-info .slide img{ width: 100% !important; height: auto !important; } .sli-links{ /* Кнопки смены слайдов */ margin-top:10px; text-align:center; } .sli-links .control-slide{ text-align: center; display:inline-block; width:17px; height:17px; border-radius: 100%; border: 2px solid transparent; position: relative; font-size: 1px; /*margin-right: -5px;*/ } .sli-links .control-slide:before{ content:""; width: 7px; height: 7px; margin: auto; left: 0; right: 0; bottom: 0; top: 0; position: absolute; border-radius: 100%; background: #FFF; } .sli-links .control-slide{ } .sli-links .control-slide:hover{ cursor:pointer; background-position:center center; } .sli-links .control-slide.active{ border-color: #FFF; } #prewbutton, #nextbutton{ display: none; } .sli-links{ position: absolute; right: 29px; bottom: 10px; } .slide .box{ display: block; position: absolute; top: 43px; left: 39px; white-space: nowrap; } .slide a, .slide div{ position: relative; display: block; color: #252423; } .sale-item:hover .slide a, .sale-item:hover .slide div{ color: #ff4848; } .slide img { display: block; } body .slide .box .red{ display: inline-block; } .slide .red{ color: #FFF; font-size: 20px; padding: 5px 10px; background: #FF4848; letter-spacing: 0; font-weight: bold; margin-bottom: -6px; } .slide .bottom{ color:rgba(37, 36, 35, 1); font-size: 35px; font-weight: bold; } .sale-item:hover .slide .bottom, .sale-item:hover .date{ color: #ff4848; } .slide .name{ display: block; font-size: 35px; font-weight: bold; letter-spacing: 0.025em; } .slide .box>span{ display: block; } .cont-spoiler{ background: url(/local/templates/rds_catalog/img/arr-b.png) left center no-repeat; padding: 13px 0 18px 25px; cursor: pointer; } body .ga-item-tab .cont-spoiler{ font-size: 20px; font-weight: bold; background-position: 1px 7px; padding: 0 0 18px 25px; } .cont-spoiler span{ border-bottom:1px dashed #252423; } .cont-spoiler.act{ background: url(/local/templates/rds_catalog/img/arr-t.png) left center no-repeat; } .bold { font-weight: 700; } .cont-spoiler.act span{ color:#ff4848; border-bottom:1px dashed #ff4848; } .ga-item-tab .enter{ font-size: 16px; padding-bottom: 26px; margin-bottom: 30px; border-bottom: 1px solid #e7e7e7; } .ga-item-tab .bottom-link{ padding-bottom: 10px; } .ga-item-tab .bottom-link a:hover{ text-decoration: none; } .ga-item-tab .bottom-link a{ color: #ff4848; font-size: 15px; text-decoration: underline; } .ga-item-tab .spoiler-content{ padding: 0 27px; } .ga-item-tab .bottom-link .wp-er{ display: inline-block; background: url(/local/templates/content/img/arrow-right.png) right center no-repeat; padding-right: 18px; } .ga-item-tab .bottom-link{ font-size: 16px; } .ga-item-tab .toggle-block { padding-bottom: 16px; margin-bottom: 32px; border-bottom: 1px solid #e7e7e7; } .ga-button{ font-family: 'PT Sans', sans-serif; font-size: 18px; display: inline-block; vertical-align: top; margin: 0; padding: 0; line-height: 45px; text-transform: uppercase; color: #ffffff; height: 43px; text-align: center; border: none; outline: none; cursor: pointer; text-decoration: none; -webkit-box-sizing: content-box; box-sizing: content-box; } .ga-button.ga-item-loan-button { width: 145px; background: #5b6be6; margin-left: 5px; } .ga-button.ga-item-loan-button:hover { color:white; } .fancybox-wrap .ga-fancy-buttons { position: absolute; bottom: 10px; left: 0; height: 43px; } .ga-fancy-buttons .ga-button { margin-left: 10px; padding: 0 10px; background-color: #ff4848; } .ga-fancy-buttons .ga-button:hover { color: #fff; background-color: #d33030; } .ga-tooltip-icon{ position: relative; z-index: 100; /*display: none;*/ display: inline-block; vertical-align: middle; height: 16px; width: 16px; font-style: normal; font-weight: normal; background-color: #cdcdcd; border-radius: 16px; cursor: pointer; } .active .ga-tooltip-icon{ /*display: inline-block;*/ height: 22px; width: 22px; border-radius: 22px; } .ga-tooltip-icon:before{ content: "?"; position: absolute; left: 6px; top: 0; font-size: 14px; line-height: 16px; color: #ffffff; } .active .ga-tooltip-icon:before{ left: 7px; top: 1px; font-size: 20px; line-height: 20px; } .ga-item-price-block .ga-item-price-value .ga-tooltip-icon:first-child { position: absolute; z-index: 1; top: 0; right: 0; margin-top: 0; width: 30px; height: 30px; background: none; border-radius: 0; } .ga-item-price-block .ga-item-price-value .ga-tooltip-icon:first-child:before{ content: ""; position: absolute; left: auto; right: 0; top: 0; width: 0; height: 0; border-top: 15px solid #fe8433; border-right: 15px solid #fe8433; border-left: 15px solid transparent; border-bottom: 15px solid transparent; } .ga-item-price-block .ga-item-price-value .ga-tooltip-icon:first-child:after{ content: ""; position: absolute; left: auto; right: 5px; top: 4px; width: 20px; height: 20px; background: url(/local/templates/rds_catalog/./images/sale-hint.svg) no-repeat right top / 11px 11px; } .ga-item-price-block .ga-item-price-value .ga-tooltip-icon:first-child div { min-width: 195px; line-height: 18px; } .ga-item-price-block .ga-item-price-value .ga-tooltip-icon:first-child strong { display: inline-block; padding-bottom: 5px; color: #222; } .ga-item-price-block .ga-item-price-value .ga-tooltip-icon:first-child strong span { display: inline-block; padding: 0 3px; color: #fff; background: #ff8533; border-radius: 2px; } .ga-tooltip-icon > div { display: none; } /*.ga-tooltip-icon.on { color: transparent; background: transparent; }*/ .ga-tooltip-icon.on > div { display: block; position: absolute; left: calc(50% - 1px); bottom: calc(100% + 3px); min-width: 112px; padding: 10px 13px; font-size: 13px; text-align: left; color: #848484; background: #fff; border: 1px solid rgba(203,203,203,0.43); -webkit-box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.12); } .ga-tooltip-icon.on > div > p { font-size: 13px; letter-spacing: 0; line-height: 16px; } .ga-tooltip-icon.on > div > *:last-child { margin-bottom: 0; } .ga-item-detail{ font-size: 14px; letter-spacing: 0.01em; color: #232221; margin: 0 40px 40px 0 ; width: 905px; } .ga-item-detail h1{ margin: 40px 0 0 0; font-size: 36px; line-height: 38px; } .ga-item-rating-block{ margin: 21px 0 0 4px; } .ga-item-rating{ position: relative; display: inline-block; height: 21px; width: 122px; background: url("/local/templates/rds_catalog/images/rating_off.png") no-repeat; vertical-align: middle; } .ga-item-rating:before{ content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 0; z-index: 1; background: url("/local/templates/rds_catalog/images/rating_on.png") no-repeat; } .ga-item-rating.lvl1:before{ width: 11px; } .ga-item-rating.lvl2:before{ width: 22px; } .ga-item-rating.lvl3:before{ width: 36px; } .ga-item-rating.lvl4:before{ width: 47px; } .ga-item-rating.lvl5:before{ width: 61px; } .ga-item-rating.lvl6:before{ width: 72px; } .ga-item-rating.lvl7:before{ width: 86px; } .ga-item-rating.lvl8:before{ width: 97px; } .ga-item-rating.lvl9:before{ width: 111px; } .ga-item-rating.lvl10:before{ width: 122px; } /*.ga-item-rating:after{ content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; background: url("/local/templates/rds_catalog/images/rating.png") no-repeat; }*/ .catalog-elements .element .ga-item-rating-block { position: absolute; top: 120px; right: 30px; margin: 0; height: 0; width: 0; display: none; } .catalog .tabs_content .element .ga-item-rating-block{ display: none; } .list .catalog-elements .element .ga-item-rating-block { top: 15px; right: 130px; display: initial; } .catalog-elements .element .ga-item-rating { height: 17px; width: 100px; } /*.catalog-elements .element .ga-item-rating:after{ background: url("/local/templates/rds_catalog/images/rating_list.png") no-repeat; }*/ .catalog-elements .element .ga-item-rating, .catalog-elements .element .ga-item-rating:before{ background-size: 100px auto; } .catalog-elements .element .ga-item-rating.lvl1:before{ width: 9px; } .catalog-elements .element .ga-item-rating.lvl2:before{ width: 19px; } .catalog-elements .element .ga-item-rating.lvl3:before{ width: 30px; } .catalog-elements .element .ga-item-rating.lvl4:before{ width: 39px; } .catalog-elements .element .ga-item-rating.lvl5:before{ width: 50px; } .catalog-elements .element .ga-item-rating.lvl6:before{ width: 59px; } .catalog-elements .element .ga-item-rating.lvl7:before{ width: 70px; } .catalog-elements .element .ga-item-rating.lvl8:before{ width: 79px; } .catalog-elements .element .ga-item-rating.lvl9:before{ width: 91px; } .catalog-elements .element .ga-item-rating.lvl10:before{ width: 100px; } .ga-item-rating-text{ display: inline-block; font-size: 15px; color: #848484; font-style: italic; vertical-align: middle; margin-left: 10px; } .ga-item-info{ position: relative; margin-top: 18px; font-size: 0; } .ga-item-info-left-block{ display: inline-block; vertical-align: top; width: 350px; margin-right: 10px; } .ga-item-info-main-img-block{ overflow: hidden; position: relative; margin-bottom: 10px; width: 350px; height: 350px; background: #ffffff; /*border: 2px solid #e4e4e4;*/ } .ga-item-info-main-img-block img{ left: 0; right: 0; top: 0; bottom: 0; margin: auto; position: absolute; /*height: 300px;*/ max-width: 350px; max-height: 300px; } .ga-item-info-main-img-block .zoomImg{ left: auto; right: auto; top: auto; bottom: auto; } .ga-item-info-preview-images-block{ height: 80px; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; display: flex; flex-wrap: nowrap; } .ga-item-info-preview-images-block > *{ flex-shrink: 0; } .ga-item-info-preview-image { position: relative; float: left; margin-left: 10px; width: 80px; height: 80px; text-align: center; font-size: 0; /*background: #ffffff;*/ } .ga-item-info-preview-image.no-img{ background: #e4e4e4; } .ga-item-info-preview-image:not(.no-img) + .ga-item-info-preview-image.no-img.upload, .ga-item-info-preview-image.no-img.upload:hover{ background: url(/local/templates/rds_catalog/./img/upload_photo.jpg) no-repeat center / cover; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15); } .ga-item-info-preview-image .delete { margin-left: 10px; vertical-align: middle; width: 14px; height: 14px; display: inline-block; top: 6px; right: 6px; position: absolute; background: url(/local/templates/rds_catalog/./img/upload_photo_delete.png); } .ga-item-info-preview-image.no-img input { display: none; } .ga-item-info-preview-image img{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; } .ga-item-info-preview-image:first-child{ margin-left: 0; } .ga-item-info-preview-image.no-img.upload.rds-tooltip-container:first-child { background: url(/local/templates/rds_catalog/./img/upload_photo.jpg) no-repeat center / cover; } .ga-item-info-preview-image.selected:after{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; /*border: 2px solid #e4e4e4;*/ z-index: -1; -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15); } .ga-item-info-right-block{ position: relative; display: inline-block; vertical-align: top; width: 505px; height: 400px; background: #ffffff; padding: 20px; font-size: 16px; /*overflow: hidden;*/ } .ga-item-info-right-block:hover{ overflow: inherit; } .ga-item-info .scroll{ height: 21px; width: 15px; position: relative; z-index: 1; margin-top: -21px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ga-item-info .scroll:hover{ cursor: pointer } .ga-item-info .scroll.invisible{ display:none } .ga-item-info .scroll.left{ top: 51px; background:url(/local/templates/rds_catalog/./images/arrow_left.png); left: -5px; } .ga-item-info .scroll.right{ top: -29px; right: -340px; background:url(/local/templates/rds_catalog/./images/arrow_right.png); } .ga-item-info-right-block .smile-wrap{ position: absolute; bottom: 0; right: 0; width: 120px; height: 60px; overflow: hidden; } .ga-item-info-right-block .smile-wrap:hover{ overflow: inherit; } .ga-item-info-right-block .smile:before{ content: ""; display: block; position: absolute; right: 5px; bottom: 10px; height: 80px; width: 80px; background-color: #ff4848; border-radius: 80px; -webkit-box-shadow: 0 3px 5px 0 rgba(255, 72, 72, 0.4); box-shadow: 0 3px 5px 0 rgba(255, 72, 72, 0.4); z-index: 1; } .ga-item-info-right-block .smile .box{ visibility: hidden; } .ga-item-info-right-block .smile{ position: absolute; right: -25px; bottom: -51px; width: 260px; -webkit-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; transition: 0.5s ease-in; font-size: 14px; } .ga-item-info-right-block .smile-wrap:hover .smile { right: 10px; bottom: 17px; font-size: 14px; } .ga-item-info-right-block .smile .title{ font-size: 16px; font-weight: bold; margin-bottom: 5px; } .ga-item-info-right-block .smile-wrap:hover .smile .box{ visibility: visible; padding: 9px 96px 12px 36px; background-color: rgba(255, 255, 255, 1); border-radius: 45px; -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.21); box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.21); } .ga-item-info-right-block .smile:after{ content: ""; display: block; background: url("/local/templates/.default/components/bitrix/catalog.element/.default/images/smile.png") no-repeat; width: 62px; height: 62px; z-index: 1; position: absolute; right: 14px; bottom: 19px; } .ga-item-price-block{ margin-top: 3px; font-size: 0; } .ga-item-price-block .ga-tooltip-icon{ margin: -5px 0 0 10px; } .ga-item-price-block > div{ display: inline-block; vertical-align: top; margin-left: 2px; } .ga-item-price-block > div:first-child{ margin-left: 0; } .ga-item-price1, .ga-item-price2, .ga-item-price3{ width: 155px; } .ga-item-price0{ width: 312px; /*text-align: center;*/ font-size: 18px; text-transform: uppercase; } .ga-item-price1.active, .ga-item-price2.active, .ga-item-price3.active { width: 190px; } .ga-item-price-noopt, .ga-item-price-noopt.active { width: 251px; } .ga-item-price-title{ font-size: 15px; color: #848484; line-height: 20px; font-style: italic; margin-bottom: 5px; } .ga-item-price-value{ position: relative; z-index: 104; display: table-cell; width: 155px; height: 50px; padding: 0 10px; font-size: 18px; line-height: 18px; vertical-align: middle; color: #252423; background-color: #f3f3f3; } .ga-item-price0 .ga-item-price-value{ padding: 0 21px; } .ga-item-price0 .ga-item-price-value{ width: 310px; } .ga-item-price-noopt .ga-item-price-value, .ga-item-price-noopt.active .ga-item-price-value{ width: 251px; } .has-promo .ga-item-price-value, .has-sale .ga-item-price-value{ height: 43px; } .ga-item-price2 .ga-item-price-value{ z-index: 103; } .ga-item-price3 .ga-item-price-value{ z-index: 102; } .ga-item-price-value s { display: block; margin: -4px 0 2px; color: #bbb; font-size: 16px; line-height: 16px; font-weight: bold; } .active .ga-item-price-value s { color: rgba(255, 255, 255, 0.5); font-size: 16px; line-height: 16px; } .ga-item-price-value .price{ font-family: 'Ubuntu', sans-serif; font-weight: bold; } .ga-item-price-value .measure{ font-size: 16px; } .active .ga-item-price-value{ width: 190px; font-size: 26px; line-height: 8px; color: #ffffff; background: #252423; /*padding-top: 13px; height: 21px;*/ } .active .ga-item-price-value.long{ font-size: 18px; line-height: 18px; } .has-promo .active .ga-item-price-value { background: #ff4848; } .has-sale .active .ga-item-price-value { background: #ff8533; } .active .ga-item-price-value .measure{ font-size: 17px; } .ga-item-count-block{ /*margin-top: 22px;*/ } .ga-item-count-input-block{ display: inline-block; vertical-align: middle; font-size: 0; } .ga-item-count-input{ font-family: 'PT Sans', sans-serif; height: 37px; width: 75px; background-color: #ffffff; border: 2px solid #e4e4e4; font-size: 20px; color: #252423; text-align: center; outline: none; border-left: 0; border-right: 0; padding: 2px 4px 0 0; } .ga-item-count-minus, .ga-item-count-plus{ position: relative; display: inline-block; vertical-align: top; height: 28px; width: 20px; background-color: #f3f3f3; border: 2px solid #e4e4e4; cursor: pointer; } .ga-item-count-minus:before, .ga-item-count-plus:before{ content: ""; display: block; position: absolute; top: 13px; left: 4px; height: 2px; width: 12px; background-color: #5c5c5c; } .ga-item-count-plus:after{ content: ""; display: block; position: absolute; top: 8px; left: 9px; height: 12px; width: 2px; background-color: #5c5c5c; } .list .ga-item-count-minus,.list .ga-item-count-plus{ height: 39px; width: 24px; } .list .ga-item-count-minus:before,.list .ga-item-count-plus:before{ top: 18px; left: 5px; height: 2px; width: 14px; } .list .ga-item-count-plus:after{ top: 12px; left: 11px; height: 14px; width: 2px; } .ga-item-info-right-block .ga-item-count-minus, .ga-item-info-right-block .ga-item-count-plus{ height: 39px; width: 25px; } .ga-item-info-right-block .ga-item-count-minus:before, .ga-item-info-right-block .ga-item-count-plus:before{ top: 19px; left: 5px; height: 2px; width: 15px; } .ga-item-info-right-block .ga-item-count-plus:after{ top: 12px; left: 11px; height: 16px; width: 2px; } .ga-item-count-measure{ display: inline-block; font-size: 18px; color: #989898; line-height: 20px; vertical-align: middle; margin-left: 5px; } .ga-item-count-desc { display: inline-block; vertical-align: middle; margin-left: 14px; font-size: 14px; } .ga-item-button-block{ margin-top: 9px; } .ga-item-button-block .ga-item-basket-button{ width: 135px; background-color: #ff4848; } .ga-item-button-block .ga-item-basket-button:hover{ background-color: #d33030; } .ga-item-button-block .ga-item-basket-button.no-avail{ background-color: #333; } .ga-item-button-block .ga-item-basket-button.in-cart{ background-color: #5b6ce7; } .ga-item-button-block .ga-item-oneclick-button{ width: 175px; background: #51bc54 url("/local/templates/rds_catalog/images/button-hand.png") no-repeat 14px center; padding-left: 30px; margin-left: 5px; } /*.ga-item-button-block .ga-button:hover{ box-shadow: 1px 4px 20px 0px rgba(0, 0, 0, 0.15); }*/ .ga-item-basket-info-block{ position: relative; padding-left: 38px; margin-top: 10px; } .ga-item-basket-info{ color: #252423; } .ga-item-basket-info.success:before{ content: ""; display: block; position: absolute; left: 6px; top: -2px; width: 40px; height: 40px; background: url(/local/templates/rds_catalog/images/sprite.png) -536px -79px no-repeat; } .ga-item-basket-last-info{ font-size: 13px; color: #848484; margin-top: 3px; } .ga-item-basket-last-info span{ border-bottom: 1px dotted #848484; } .ga-item-special-tag { position: absolute; bottom: 67px; right: 20px; width: 380px; } .ga-item-special-tag .ga-item-special-tag-hint { float: left; margin-top: 24px; font-size: 14px; } .ga-item-special-tag .ga-item-special-tag-value { float: right; margin-left: 5px; text-align: right; } .ga-item-special-tag .ga-item-special-tag-value > div { display: inline-block; padding: 0 5px; height: 18px; color: #fff; font-size: 13px; line-height: 18px; background: #cdcdcd; border-radius: 2px; white-space: nowrap; } .ga-item-special-tag .ga-item-special-tag-value > span { display: inline-block; margin-top: 6px; padding: 0 4px; font-size: 13px; color: #848484; white-space: nowrap; } .ga-item-special-block{ position: relative; margin-top: 10px; padding-left: 38px; } .ga-item-special-offer{ font-weight: bold; } .ga-item-special-offer:before{ content: ""; display: block; position: absolute; top: 0; left: 5px; background: url("/local/templates/rds_catalog/images/crown.png") no-repeat; width: 24px; height: 19px; } .ga-item-special-offer .red{ color: #ff4848; } .ga-item-special-desc{ font-size: 14px; color: #252423; margin-top: 2px; } .ga-item-special-desc span{ border-bottom: 1px dotted #252423; } .ga-item-colors-block{ margin-top:10px; display:flex; } .ga-item-colors-block .rds-tooltip-rt{ left: 0px; top: -25px; padding: 2px 10px; position: relative; min-width:max-content !important; } .ga-item-color-block{ width:29px; height:29px; } .ga-item-color{ margin-top: auto; margin-bottom: auto; } .ga-item-color-block.red{ background: url(/images/colors/red.png); } .ga-item-color-block.gray{ background: url(/images/colors/gray.png); } .ga-item-colors-block a{ display:flex; } .ga-item-colors-block a:hover{ cursor:pointer; } .ga-item-more-color{ margin: auto; margin-right: 10px; margin-left: 10px; padding-bottom: 5px; } .ga-item-color-arrows{ margin: auto; margin-left: auto; margin-left: 0; padding-bottom:2px; } .ga-item-color-arrows > *{ width:16px; height:10px; } .ga-item-color-arrow-up{ background: url(/local/templates/rds_catalog/./img/related_products/arrow_up.jpg); display:none; } .ga-item-color-arrow-down{ background: url(/local/templates/rds_catalog/./img/related_products/arrow_down.jpg); } .wrapp-catalog .catalog-elements .ga-item-color { position: absolute; bottom: 24px; right: 10px; z-index: 2; } .wrapp-catalog.list .catalog-elements .ga-item-color{ bottom: 3px; right: 4px; } .wrapp-catalog .catalog-elements .ga-item-color-block { width: 40px; height: 40px; } .wrapp-catalog.list .catalog-elements .ga-item-color-block{ width: 29px; height: 29px; } .ga-item-info-left-block .ga-item-color{ position: absolute; bottom: 120px; left: 243px; } .ga-item-info-left-block .ga-item-color-block { width: 75px; height: 75px; } .ga-item-related-items-block{ padding: 10px; margin-top:10px; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 2; background: white; position: relative; display:none; } .ga-related-item-color-block{ margin-top: auto; margin-bottom: auto; display: flex; width:25%; padding: 9px; box-sizing: border-box; } .ga-related-item-color-block:hover { box-shadow: 0 0 5px rgba(0,0,0,0.2); } .ga-related-item-color-block:nth-child(1), .ga-related-item-color-block:nth-child(2) { margin-right: 12.5%; } .color-row{ display:flex; margin-bottom:1px; } .color-row:last-child{ margin-bottom:0px; } .ga-item-color-name{ margin-left: 10px; font-size: 14px; margin-top: auto; margin-bottom: auto; line-height: 1; } .ga-item-related-items-block .related-items-block-close{ background: url(/local/templates/rds_catalog/./img/related_products/related_close.png); position: absolute; width: 25px; height: 29px; top: 6px; right: 6px; } .ga-item-related-items-block .related-items-block-close:hover{ cursor:pointer; } .mobile .ga-item-colors-block{ position: absolute; right: 26px; top: 30px; font-size: 17px; margin-top: 0; display: initial; } .mobile .ga-item-color{ padding-right: 17px; margin-bottom: 3px; } .mobile .ga-item-color-block{ width:35px; height:35px; margin:auto; box-sizing: border-box; } .mobile .ga-item-related-items-block .ga-item-color-block{ width:50px; height:50px; margin:auto; box-sizing: border-box; } .mobile .ga-item-related-items-block .ga-item-color-block:hover{ cursor:pointer; } .mobile .ga-item-color-block.red{ background: url(/images/colors/red.png); } .mobile .ga-item-color-block.gray{ background: url(/images/colors/gray.png); } .mobile .ga-item-colors-block .ga-item-more-color-title{ display:flex; } .mobile .ga-item-colors-block:hover{ cursor:pointer; } .mobile .ga-item-more-color{ line-height: 24px; margin: auto; margin-right: 10px; margin-left: 10px; } .mobile .ga-item-color-arrows{ margin: auto; margin-left: auto; margin-left: 0; } .mobile .ga-item-color-arrows > *{ width:16px; height:10px; } .mobile .ga-item-color-arrow-up{ background: url(/local/templates/rds_catalog/./img/related_products/arrow_up.jpg); display:none; } .mobile .ga-item-color-arrow-down{ background: url(/local/templates/rds_catalog/./img/related_products/arrow_down.jpg); } .mobile .bx-related-items-wrap{ transform: translateY(0); margin-top:10px; z-index: 200; background: #f3f3f3; position: absolute; right:0; left:0; bottom: -800px; transition: bottom 0.5s ease-out; max-height: calc(100% - 81px); } .mobile .related-items-svg-block{ margin-top: -60px; position: relative; } .mobile .ga-related-item-color-block{ margin-top: auto; margin-bottom: auto; display: flex; margin-bottom:20px; width: auto; margin-right:initial } .mobile .related-items-block-title{ padding:3px 20px 0px 30px; } .mobile .related-items-block-name{ font-size: 30px; font-weight: 600; } .mobile .related-items-block-underline{ border-bottom: 1px solid #dddddd; margin-top: 10px; width: 150px; } .mobile .ga-item-color-name{ margin-left: 10px; font-size: 18px; margin-top: auto; margin-bottom: auto; line-height: 1; padding-bottom: 5px; white-space: nowrap; } .mobile .related-items-block-close{ background: url(/local/templates/rds_catalog/./img/related_products/mobile_related_close.png) no-repeat; background-size: 100%; position: absolute; width: 20px; height: 20px; top: 27px; right: 25px; } .mobile .related-items-block-close:hover{ cursor:pointer; } .mobile .ga-related-item-color-block:last-child{ margin-bottom:0px; } .mobile .ga-item-info-right-block .bx-filter{ z-index:200; } .mobile .ga-item-related-items-block{ position: fixed; left: 0; right: 0; bottom: 0px; top: 0px; z-index:200; padding:0; margin:0; box-shadow:none; background:none; } .mobile .ga-item-related-items-block.on .bx-related-items-wrap{ bottom:0; } .mobile .ga-item-related-items-block.on .bx-related-items-overlay{ opacity: 1; } .mobile .bx-related-items-overlay{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(37, 36, 35, 0.66); opacity: 0; -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .mobile .color-column { padding-left: 30px; margin-top: 20px; overflow-y: scroll; max-height: 71vh; margin-bottom: 35px; } .mobile .ga-item-color-block-name-container{ position: absolute; top: -33px; display: flex; padding-right: 17px; right: 0px; left: 0; } .mobile .ga-item-color-block-name{ box-shadow: 0 0 10px rgba(0,0,0,0.2); margin: auto; padding: 2px 10px 3px; text-align: center; border: 1px solid rgba(0,0,0,0.12); z-index: 1; } .ga-item-social-block { position: absolute; bottom: 65px; left: 16px; } .ga-item-desc-block { position: absolute; bottom: 20px; left: 20px; font-size: 13px; color: #cdcdcd; line-height: 15px; font-style: italic; } .ga-item-icons-block{ position: absolute; left: -22px; top: 15px; } .ga-item-icons-block > *{ display: block; height: 40px; width: 40px; margin-bottom: 6px; background-color: #ffffff; background-repeat: no-repeat; background-position: center center; border: 2px solid #e1e1e1; border-radius: 44px; text-decoration: none; cursor: pointer; } .ga-item-icons-block .ga-item-icon-green{ border: none; height: 44px; width: 44px; background-color: #51bc54; -webkit-box-shadow: 0 3px 5px 0 rgba(81, 188, 84, 0.4); box-shadow: 0 3px 5px 0 rgba(81, 188, 84, 0.4); } .ga-item-icons-block .ga-item-icon-violet{ border: none; height: 44px; width: 44px; background-color: #ab68c7; -webkit-box-shadow: 0 3px 5px 0 rgba(171, 104, 199, 0.4); box-shadow: 0 3px 5px 0 rgba(171, 104, 199, 0.4); } .ga-item-icon-favorite{ background-image: url("/local/templates/rds_catalog/images/favorite-icon.png"); } .ga-item-icon-compare{ background-image: url("/local/templates/rds_catalog/images/compare-icon.png"); } .ga-item-icon-new{ background-image: url("/local/templates/rds_catalog/images/new-icon.png"); } .ga-item-icon-hit{ background-image: url("/local/templates/rds_catalog/images/hit-icon.png"); } .ga-item-text-info{ margin-top: 10px; padding: 20px; background: #ffffff; } .ga-item-tabmenu{ margin-top: 3px; } .ga-item-tab{ display: none; } .ga-item-tab.selected{ display: block; min-height: 310px; } .ga-item-tabmenu{ display: flex; margin-bottom: 26px; } .ga-item-tabmenu-item, .ga-item-anchor-link, .ga-item-tabmenu-sep{ position: relative; margin: 0 3px; font-size: 18px; font-weight: bold; color: #848484; text-transform: uppercase; line-height: 17px; cursor: pointer; text-decoration: none; } .ga-item-tabmenu-sep{ cursor: default; } /* .ga-item-anchor-certificate:before { display: block; content: ""; height: 70px !important; margin: -70px 0 0 !important; } */ a.ga-item-anchor:before { display: block; content: ""; height: 65px; margin: -65px 0 0; } .ga-item-tabmenu-item:first-child{ margin-left: 0; } .ga-item-tabmenu-item:hover{ color: #ff4848; } .ga-item-tabmenu-item.sale{ margin: 0 16px; color: #ff4848; z-index: 0; } .ga-item-tabmenu-item.sale:after{ content: ""; display: block; position: absolute; top: -12px; left: 50%; margin-left: -71px; width: 143px; height: 42px; background: url(/local/templates/content/img/sale_brush.png) no-repeat 0 0; z-index: -1; } .ga-item-tabmenu-item.selected{ color: #ff4848; cursor: default; } .ga-item-tabmenu-item.selected:before,.ga-item-anchor-link.selected:before{ content: ""; display: block; position: absolute; left: 0; right: 2px; bottom: -9px; height: 3px; background-color: #ff4848; } .ga-item-tabmenu-item.sale.selected:before{ content: none; } .ga-item-characteristics-list{ border: none; width: 100%; border-spacing: 0; } .empty-content{ position: relative; font-size: 20px; color: #848484; text-align: center; line-height: 26px; font-style: italic; } .empty-content.empty-education{ padding-top: 230px; } .empty-content.empty-education:before{ content: ""; position: absolute; display: block; left: 0; right: 0; top: 60px; height: 130px; background: url("/local/templates/rds_catalog/images/empty-education.png") no-repeat center 0; } .empty-content.empty-action{ padding-top: 255px; } .empty-content.empty-action:before{ content: ""; position: absolute; display: block; left: 0; right: 0; top: 60px; height: 155px; background: url("/local/templates/rds_catalog/images/empty-action.png") no-repeat center 0; } .ga-item-characteristics-tr.hidden{ display: none; } .ga-item-characteristic-td, .wrapp-catalog table tr td.ga-item-characteristic-td{ width: 25%; padding: 5px 38px 6px 11px; background: #f3f3f3; border-bottom: 3px solid #ffffff; vertical-align: top; } .ga-item-characteristic-td.characteristic-name{ color: #848484; } .ga-item-characteristic-td.characteristic-value{ color: #232221; } .ga-item-characteristic-td.characteristic-value.border { border-right: 3px solid #ffffff; } .ga-item-characteristics-tr.show-all{ text-align: center; cursor: pointer; } .ga-item-characteristics-tr.show-all.plus span:hover, .ga-item-characteristics-tr.show-all.minus span:hover{ color: #ff4848; border-bottom: 1px dotted #ff4848; } .ga-item-characteristics-tr.show-all.plus span{ position: relative; border-bottom: 1px dotted #232221; } .ga-item-characteristics-tr.show-all.plus span:before{ content: ""; position: absolute; display: block; width: 18px; height: 17px; background: url("/local/templates/rds_catalog/images/show-all-plus.png") no-repeat; left: -24px; top: 1px; } .ga-item-characteristics-tr.show-all .ga-item-characteristic-td{ padding-right: 57px; } .ga-item-text { margin-top: 15px; margin-bottom: 15px; font-size: 14px; line-height: 1.36; } .ga-item-text:after { content: ""; display: table; clear: both; } .ga-item-noprice { min-height: 252px; } .ga-item-text p { font-size: 14px; line-height: 19px; } .ga-item-text h2{ font-size: 32px; color: #000; } .ga-item-text h3{ /*font-size: 18px;*/ color: #000; margin-bottom: 10px; } .ga-item-text h4{ /*font-size: 16px;*/ color: #000; } .ga-item-text hr{ background: #ededec; margin: 20px 0; height: 1px; border: none; } .ga-item-text hr.wave{ height: 10px; background: url(/local/templates/rds_catalog/images/line.png) repeat-x left center; border: 0; } .ga-item-text table { /*margin-bottom: 25px;*/ } td a { text-decoration: underline; } td a:hover { text-decoration: none; } .ga-item-certificate-block{ margin-top: 41px; } .ga-item-certificate-title{ font-size: 19px; line-height: 17px; font-weight: bold; } .ga-item-certificate-list{ margin-top: 19px; } .ga-item-certificate-item{ margin-bottom: 8px; } .ga-item-certificate-item a{ position: relative; padding-left: 26px; text-decoration: none; color: #232221; } .ga-item-certificate-item a[href*=".pdf"],.ga-item-certificate-item a[href*=".PDF"]{ background: url("/local/templates/rds_catalog/images/pdf-icon.png") no-repeat left center; } .ga-item-certificate-item a[href*=".jpeg"], .ga-item-certificate-item a[href*=".jpg"], .ga-item-certificate-item a[href*=".JPG"], .ga-item-certificate-item a[href*=".JPEG"], .ga-item-certificate-item a[href*=".png"]{ background: url("/local/templates/rds_catalog/images/image-icon.png") no-repeat left center; } .ga-item-certificate-item a span{ color: #989898; } .ga-item-feedback-block{ min-height: 25px; padding-top: 35px; position: relative; } .ga-item-tags-block{ margin: 10px auto; max-width: 1220px; } /*.academy-detail-tags { margin-top: -20px; } .academy-detail-tags + .academy-detail-tags { margin-top: 0; }*/ .ga-item-tags-block:after { content: ""; display: table; clear: both; } #row-catalog .ga-item-tags-block{ margin: 0 0 50px; } .ga-item-tag-title{ font-size: 15px; color: #b4b4b4; line-height: 45px; } .ga-item-tag-list{ position: relative; overflow: hidden; max-height: 75px; } .ga-item-tag-list.on{ overflow: visible; max-height: none; } .ga-item-tag-more { display: none; float: right; margin: 5px 10px 0 0; font-size: 14px; color: #848484; cursor: pointer; } .ga-item-tag-more:before { content: ""; display: inline-block; margin-right: 3px; width: 12px; height: 13px; vertical-align: middle; background: url(/local/templates/rds_catalog/images/tags_arr.png) 0 0 no-repeat; } .ga-item-tag-more.on:before { margin-top: -3px; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .ga-item-tag-more.on span:first-child, .ga-item-tag-more span:last-child { display: none; } .ga-item-tag-more.on span:last-child { display: inline; } .ga-item-tag-more:hover { text-decoration: underline; } .ga-item-tag{ position: relative; display: inline-block; background-color: rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06); padding: 5px 7px 6px 10px; margin: 0 10px 10px 0; font-size: 14px; } .ga-item-tag:before{ content: ""; display: block; position: absolute; width: 0; height: 0; right: -6px; top: 0; border-bottom: 14px solid transparent; border-top: 15px solid transparent; border-left: 6px solid #ffffff; } .ga-item-tag a, .wapper-2 .ga-item-tag a, .wapper-2 .ga-item-tag a:hover{ color: #848484; text-decoration: none; } .ga-item-tag:hover{ -webkit-box-shadow: 1px 4px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 1px 4px 20px 0px rgba(0, 0, 0, 0.15); } .ga-item-tag-hide { display: none; } .ga-item-tag-hide.on { display: inline-block; } .ga-item-similar-block{ margin-top: 43px; } .ga-item-related-products-block{ margin-top: 43px; } .ga-item-title{ font-size: 24px; font-weight: bold; color: #252423; line-height: 20px; } .ga-item-slider-list-block + .ga-item-similar-block { margin-top: 0; } .ga-item-slider-list-block{ position: relative; margin-left: -10px; } .ga-item-slider-list{ margin: 16px 0 0 0; width: 905px; overflow: hidden; } .ga-item-slider-list-block .slider-nav-arrow{ position: absolute; display: block; top: 92px; width: 30px; height: 32px; z-index: 10; cursor: pointer; } .ga-item-slider-list-block .slider-nav-arrow.ga-arrow-left{ left: -7px; background: url("/local/templates/rds_catalog/images/left-arrow.png") no-repeat center; } .ga-item-slider-list-block .slider-nav-arrow.ga-arrow-right{ right: -16px; background: url("/local/templates/rds_catalog/images/right-arrow.png") no-repeat center; } .ga-item-related-section-list{ margin-top: -17px; } .ga-item-related-section-list-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 15px 0 0 -14px; } .ga-item-related-section-item { position: relative; margin: 0 0 20px 15px; width: 169px; height: 169px; text-decoration: none !important; background: no-repeat center / cover; } .ga-item-related-section-item-head { position: absolute; left: 0; bottom: 0; width: calc(100% - 32px); padding: 8px 16px; text-align: center; color: #fff; font-size: 14px; line-height: 19px; font-weight: bold; background: rgba(0, 0, 0, 0.78); text-shadow: 2px -1px #000; } .ga-item-related-section-item-head div { overflow: hidden; height: 59px; transition: height 0.5s; } .ga-item-related-section-list-slider-navigation .ga-section-list-arrow-left { left: -7px; background: url("/local/templates/rds_catalog/images/section-arrow-left-active.png") no-repeat center; } .ga-item-related-section-list-slider-navigation .ga-section-list-arrow-right{ right: -16px; background: url("/local/templates/rds_catalog/images/section-arrow-right-active.png") no-repeat center; } .ga-item-related-section-list-slider-navigation .section-list-nav-arrow { position: absolute; display: block; top: 110px; width: 30px; height: 34px; z-index: 10; cursor: pointer; } .ga-item-related-section-list{ height: 255px; } .ga-item-related-section-item { width: 215px; height: 215px; } .ga-item-desc{ margin: 0 0 40px; font-size: 14px; color: #b4b4b4; line-height: 18px; } .ga-item-desc a{ color: #b4b4b4; text-decoration: underline; } .ga-item-desc a:hover{ text-decoration: none; } .ga-item-related-sections { margin: 20px -10px 20px 10px; font-size: 14px; line-height: 24px; background: #fff; } .ga-item-related-sections .cols { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 33%; padding: 18px 0 18px 26px; vertical-align: top; } .ga-item-related-sections .cols-head { display: block; position: relative; padding: 0 0 8px 15px; font-weight: bold; text-transform: uppercase; } .ga-item-related-sections .cols ul { padding-left: 30px; } .ga-item-related-sections li { position: relative; list-style: outside none none; } .ga-item-related-sections li a { position: relative; display: block; padding: 0 0 8px 15px; } .ga-item-related-sections .cols-head:before, .ga-item-related-sections li a:before { display: inline-block; position: absolute; left: 0; text-indent: 0; content: "—"; } body .content .b_white.transparent { background: transparent; } body .markers{ bottom: auto; top: 15px; } body .wrapp-catalog{ padding-right: 0; } a.ga-item-oneclick-button:hover{ color: #FFF; } .ga-item-special-desc a{ display: inline-block; border-bottom: 1px dotted #252423; color: #252423; } .ga-item-special-desc a:hover{ color: #ff4848; border-bottom: 1px dotted #ff4848; } .isset-good{ position: absolute; right: 0; margin-top: 10px; color: #252423; font-size: 16px; } .isset-good.rds-tooltip-container { border-bottom: 1px #252423 dashed; } .isset-good.rds-tooltip-container:hover{ border-bottom-color: transparent; } .isset-good:before{ content: ""; display: block; position: absolute; left: -22px; top: 6px; width: 14px; height: 11px; background: url(/local/templates/.default/components/bitrix/catalog.element/.default/images/success-basket-info.png) no-repeat; } .isset-good.bad:before{ left: -20px; background: url(/local/templates/rds_catalog/images/sprite.png) no-repeat -355px -110px; } .toggle-block .description.active{ display: block; } .toggle-block .description{ display: none; } .news-list-sale.ga-item-tab{ display: block; position: relative; z-index: 6; } .ga-item-tab .sale-item:hover .slide{ color: #ff4848; -webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); } .news-list-sale .spoiler-content{ top: auto; font-size: 14px; } .news-list-sale .cont-spoiler.act{ top: auto; background-position: 1px 7px; } .ga-item-tab .slide .box{ display: block; position: absolute; top: 33px; left: 39px; text-align: left; } .ga-item-tab .date{ text-align: right; font-size: 14px; padding: 10px 0 0; } .red_bg{ font-weight: normal; color: #FFF; display: inline-block; padding: 5px 10px; margin-right: 10px; background: #ff4848 } /*.good_in_stok{ margin-top: 10px; cursor: pointer; color: #ff4848; display: inline-block; font-size: 14px; border-bottom: 1px dotted #ff4848; }*/ .good_in_stok{ display: inline-block; position: relative; z-index: 1; width: 143px; height: 30px; padding-top: 12px; text-align: center; background: url(/local/templates/content/img/sale_brush.png) no-repeat 0 0; cursor: pointer; } .catalog-elements .good_in_stok, .catalog .tabs_content .good_in_stok { display: block; position: absolute; z-index: 3; top: 190px; left: 140px; width: 110px; padding-top: 3px; background-size: contain; } .catalog-elements .good_in_stok.halyava { top: 352px; left: 145px; width: 110px; padding-top: 6px; } .list .catalog-elements .good_in_stok, .catalog-elements .good_in_stok.list { display: none; } .list .catalog-elements .good_in_stok.list { display: block; top: 110px; left: 532px; width: 110px; padding-top: 6px; } .good_in_stok_text{ display: inline-block; height: 18px; color: #ff4848; font-size: 18px; line-height: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none; } .catalog-elements .good_in_stok_text, .catalog .tabs_content .good_in_stok_text{ height: 12px; font-size: 14px; line-height: 12px; vertical-align: top; padding-top: 8px; } .list .catalog-elements .good_in_stok_text { padding-top: 5px; } .good_in_stok:hover .good_in_stok_text{ border-bottom: 1px dashed #ff4848; } .good_in_stok .stok-tooltip { display: none; pointer-events: none; } .good_in_stok:hover .stok-tooltip { display: block; position: absolute; left: -50px; top: calc(100% - 7px); width: 225px; padding: 10px 13px; color: #222; font-size: 13px; text-align: left; font-weight: bold; background: #fff; border: 1px solid rgba(203,203,203,0.43); -webkit-box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.12); text-decoration: none; } .catalog-elements .good_in_stok:hover .stok-tooltip { left: -75px; } .good_in_stok:hover .stok-tooltip > b { display: inline-block; padding: 0 5px; color: #fff; background: #ff4848; border-radius: 2px; } .good_in_stok:hover .stok-tooltip p { margin: 4px 0 0; color: #848484; font-size: 13px; line-height: 16px; font-weight: normal; } .v-hidden{ visibility: hidden; } .detail-top-block{ position: relative; z-index: 6; } .detail-top-block img{ display: block; width: 100%; height: auto; margin-top: 0; } .detail-top-block .box{ display: block; position: absolute; top: 43px; left: 39px; white-space: nowrap; } .detail-top-block .name{ display: block; font-size: 35px; font-weight: bold; letter-spacing: 0.025em; } .detail-top-block .box .red { display: inline-block; color: #FFF; font-size: 20px; padding: 5px 10px; background: #FF4848; letter-spacing: 0; font-weight: bold; margin-bottom: -6px; } .detail-top-block .bottom { display: block; color: rgba(37, 36, 35, 1); font-size: 35px; font-weight: bold; } .bx-filter { min-width: 220px; margin-bottom: 2px; } .bx-filter-inline { display: inline-block; margin-left: 65px; } .bx-filter .bx-filter-section { /*background: #edf6fc; /* color */ position: relative; padding-top: 26px } .bx-filter .bx-filter-section>.row { padding: 0 5px; } .bx-filter .bx-filter-title { font-size: 18px; margin-bottom: 10px; color: #000; } /*Sections*/ .bx-filter .bx-filter-parameters-box { display: block; /*position: relative;*/ float: left; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 4px 4px 0 0; } .bx-filter.bx-filter-inline .bx-filter-parameters-box { margin: 2px 4px 0 0; } .bx-filter .bx-filter-parameters-box.no-flex-grow { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .bx-filter .price-box .bx-filter-parameters-box-price { min-width: 155px; } .bx-filter .bx-filter-parameters-box-title { font-size: 13px; padding-bottom: 7px; } @media (min-width: 992px) { .bx-filter .bx-filter-section .col-md-4:nth-child(3n+1) { clear: both; } } @media (min-width: 768px) and (max-width: 991px) { .bx-filter .bx-filter-section .col-md-4:nth-child(2n+1) { clear: both; } } .bx-filter .bx-filter-parameters-box:hover .bx-filter-parameters-box-title { -webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); } .bx-filter .bx-filter-parameters-box:hover .bx-filter-parameters-box-title span, .bx-filter .bx-filter-parameters-box:hover .bx-filter-parameters-box-title .fa { color: #ff4848; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span { /*color: #95a1a8;*/ } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span:hover { /*color: #758087;*/ border-color: transparent; } .bx-filter .bx-filter-block { display: none; -webkit-transition: padding .3s ease; -o-transition: padding .3s ease; transition: padding .3s ease; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } .bx-filter .bx-filter-button-box .bx-filter-block, .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block { display: block; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub { font-size: 14px; font-style: normal; display: block; padding-bottom: 5px; } .bx-filter-parameters-box-container { padding-bottom: 20px; font-size: 14px; /*white-space: nowrap;*/ } .bx-filter-parameters-box-container .checkbox:first-child { margin-top: 0; } .bx-filter .bx-filter-parameters-box-container-block { font-size: 11px; color: #3f3f3f; } /* * INPUTS * */ .bx-filter .bx-filter-input-container {} .bx-filter .bx-filter-input-container input { display: block; width: 100%; font-size: 18px; height: 38px; margin: 0; padding: 0 4px; border: 1px solid #ccd5db; border-radius: 2px; background: #fff; outline: none } .bx-retina .bx-filter .bx-filter-input-container input { border-style: solid; border-width: 1px; -o-border-image: url(/local/templates/rds_catalog/images/border_default.png) 2 repeat; border-image: url(/local/templates/rds_catalog/images/border_default.png) 2 repeat; } .bx-ios .bx-filter .bx-filter-input-container input { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); background-image: -o-linear-gradient(#ffffff 0%, #ffffff 100%); background-image: linear-gradient(#ffffff 0%, #ffffff 100%); } .bx-filter .bx-filter-button-box { clear: both; } /* *Track * */ .bx-filter .bx-ui-slider-track-container { padding-top: 35px; padding-bottom: 25px; } .bx-filter .bx-ui-slider-track { position: relative; height: 7px; /*background: #d8e9f0;/* COLOR */ } .bx-filter .bx-ui-slider-part { position: absolute; top: -6px; width: 1px; height: 17px; background: #a2bfc7; } .bx-filter .bx-ui-slider-part.p1 { left: -1px; } .bx-filter .bx-ui-slider-part.p2 { left: 25%; } .bx-filter .bx-ui-slider-part.p3 { left: 50%; } .bx-filter .bx-ui-slider-part.p4 { left: 75%; } .bx-filter .bx-ui-slider-part.p5 { right: -1px; } .bx-filter .bx-ui-slider-part span { font-size: 11px; /*font-weight: bold;*/ position: absolute; top: -16px; left: 50%; display: block; width: 100px; margin-left: -50px; text-align: center; color: #000; } .bx-filter .bx-ui-slider-part.p2 span, .bx-filter .bx-ui-slider-part.p3 span, .bx-filter .bx-ui-slider-part.p4 span { color: #6b8086; } .bx-filter .bx-ui-slider-range, .bx-filter .bx-ui-slider-pricebar, .bx-filter .bx-ui-slider-pricebar-vd, .bx-filter .bx-ui-slider-pricebar-vn, .bx-filter .bx-ui-slider-pricebar-v { position: absolute; top: 0; bottom: 0; } .bx-filter .bx-ui-slider-range { z-index: 50; } .bx-filter .bx-ui-slider-pricebar { z-index: 100; } .bx-filter .bx-ui-slider-pricebar-vd { z-index: 60; /*background: #849da4;/* COLOR */ } .bx-filter .bx-ui-slider-pricebar-vn { z-index: 70; /*background: #a8dff3;/* COLOR */ } .bx-filter .bx-ui-slider-pricebar-v { z-index: 80; /*background: #499fd8;/* COLOR */ } .bx-filter .bx-ui-slider-handle { position: absolute; top: 100%; width: 22px; height: 22px; border-bottom: none; } .bx-filter .bx-ui-slider-handle:hover { -webkit-cursor: -webkit-grab; -ms-cursor: grab; -o-cursor: grab; cursor: grab; } .bx-filter .bx-ui-slider-handle:active { -webkit-cursor: -webkit-grabbing; -ms-cursor: grabbing; -o-cursor: grabbing; cursor: grabbing; } .bx-filter .bx-ui-slider-handle.left { left: 0; margin-left: -21px; /* COLOR */ /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAArUlEQVQ4y6WSQQ6FMAhEXbjyXwzOpBdx5bXKbYRWLFSJ2m8ysVHfzGA7DH9cuKVfNwwM40ZzZzJlmE3WTjjNfF9Fn2EwMH5pUGYWOJ3w6wZ4wDKz6rUBumQPPxrUmT0IxuxpqxYLQ7MOG5TaHtbk1iza5+VauW5dfdcYSDKcMLkP7wxdA5sMQWV/BkwDTY7mtAfHjpJ/Ihj4DoIgXZ9J+siaimi6rimLgSw87qod+1BRTwMJRYoAAAAASUVORK5CIIA=) no-repeat right top;*/ } .bx-filter .bx-ui-slider-handle.right { right: 0; margin-right: -21px; } .bx-filter .bx-filter-select-container { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 35px; border-radius: 3px; border: 1px solid #ccd5db; } .bx-retina .bx-filter .bx-filter-select-container { border-style: solid; border-width: 1px; -o-border-image: url(/local/templates/rds_catalog/images/border_default.png) 2 repeat; border-image: url(/local/templates/rds_catalog/images/border_default.png) 2 repeat; } .bx-filter .bx-filter-select-block { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 33px; margin: 0; padding: 0 33px 0 10px; border: none; border-radius: 2px; background: #fff; } .bx-filter .bx-filter-select-text { font-size: 15px; line-height: 33px; overflow: hidden; max-width: 100%; height: 33px; cursor: pointer; vertical-align: middle; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .bx-filter .bx-filter-select-text.fix { min-width: 120px; } .bx-filter .bx-filter-select-text label { cursor: pointer; } .bx-filter .bx-filter-select-arrow { position: absolute; top: 0; right: 0; width: 34px; height: 33px; cursor: pointer; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center; } /* * Select popup * */ .bx-filter-select-popup { background: #fff; padding: 0; min-width: 173px; } .bx-filter-select-popup ul { margin: 0; padding: 0; list-style: none; } .bx-filter-select-popup ul li { display: block; text-align: left; vertical-align: middle; } .bx-filter-select-popup ul li:first-child { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px; } .bx-filter-select-popup ul li label { font-size: 14px; line-height: 26px; display: block; text-align: left !important; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 26px; padding: 0 5px; cursor: pointer; vertical-align: middle; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color: #575757; } .bx-filter-select-popup ul li label.selected, .bx-filter-select-popup ul li label:hover { color: #000; background: #f3f8fa; } .bx-filter-select-popup ul li label.disabled { color: #b8b8b8; background: transparent; } .bx-filter-select-popup ul li .bx-filter-param-text { line-height: 34px !important; } /* * TAGS * */ .bx-filter .bx-filter-tag { padding: 18px; /*border-top: 1px solid #d7eaf7;/* COLOR */ /*border-bottom: 1px solid #d7eaf7;/* COLOR */ } .bx-filter .bx-tag-link { font-size: 12px; text-decoration: none; /*color: #68939e;/* COLOR */ text-shadow: none; } .bx-filter .bx-tag-link.bx-active, .bx-filter .bx-tag-link:hover { color: #1d3d46; } /* * LABEL * */ .bx-filter .bx-filter-param-label { min-height: 20px; font-weight: normal; cursor: pointer; } .bx-filter .bx-filter-param-btn-inline .bx-filter-param-label { float: left; display: block; margin-right: 5px; } .bx-filter .bx-filter-param-btn-block .bx-filter-param-label { display: block; } .bx-filter .bx-filter-param-label { /*font-size: 13px;*/ } .bx-filter .bx-filter-param-label.dib { display: inline-block; } .bx-filter .bx-filter-param-text { font-weight: normal; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-text { color: #6c6c6c; } .bx-filter-select-popup .bx-filter-param-label.bx-active { background: #f3f8fa; } /* * Checkbox / Radio * */ .bx-filter .bx-filter-input-checkbox {} .bx-filter .bx-filter-input-checkbox input[type=radio], .bx-filter .bx-filter-input-checkbox input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; } .bx-filter .bx-filter-input-checkbox .bx-filter-param-text { display: block; text-align: left; } /* * BTN * */ .bx-filter .bx-filter-param-btn { font-weight: normal; display: inline-block; width: 38px; height: 38px; padding: 6px; text-align: center; text-decoration: none; color: #000; vertical-align: middle; border: 1px solid #ccd5db; border-radius: 2px; background: #fff; position: relative; -webkit-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -o-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -webkit-transition: border .3s ease, color .3s ease, -webkit-box-shadow .1s ease; transition: border .3s ease, color .3s ease, -webkit-box-shadow .1s ease; transition: border .3s ease, box-shadow .1s ease, color .3s ease; transition: border .3s ease, box-shadow .1s ease, color .3s ease, -webkit-box-shadow .1s ease; cursor: pointer; } .bx-retina .bx-filter .bx-filter-param-btn { border-style: solid; border-width: 1px; -o-border-image: url(/local/templates/rds_catalog/images/border_default.png) 2 repeat; border-image: url(/local/templates/rds_catalog/images/border_default.png) 2 repeat; } /* --- colors */ .bx-filter .bx-filter-param-btn.bx-color-sl {} .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { background: transparent; -webkit-box-shadow: none; box-shadow: none } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { position: relative; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl:before { position: absolute; bottom: 0; right: 0; top: 0; left: 0; content: ' '; display: block; z-index: 100; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center; opacity: .7; } .bx-filter .bx-filter-param-btn .bx-filter-param-text { line-height: 26px; } /* * BTN P/M * */ .bx-filter .bx-filter-param-btn.bx-spm { width: 23px; min-width: 23px; height: 23px; line-height: 23px; font-weight: normal; padding: 0; font-size: 17px; color: #767b7e; vertical-align: top; border-radius: 50%; background-color: transparent; } .bx-filter .bx-filter-param-btn.bx-spm.bx-plus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=") no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm.bx-minus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC") no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm:active { outline: none !important; -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12); box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12); } .bx-filter span.bx-spm { font-size: 18px; /*font-weight:bold;*/ line-height: 23px; display: inline-block; height: 23px; margin: 0 10px; vertical-align: middle; color: #000; } /* * icon * */ .bx-filter-select-popup .bx-filter-select-text-icon, .bx-filter .bx-filter-select-text-icon { line-height: 33px; position: relative; display: inline-block; width: 23px; height: 23px; margin-top: -4px; margin-right: 2px; vertical-align: middle; border-radius: 2px; } .bx-filter-select-popup .bx-filter-btn-color-icon, .bx-filter .bx-filter-btn-color-icon { line-height: 24px; /*position:relative;*/ /*top:4px;*/ border-radius: 2px; display: inline-block; width: 24px; height: 24px; vertical-align: middle; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05); background-size: cover; } .bx-filter-select-popup .bx-filter-btn-color-icon { width: 20px; height: 20px; margin: 2px 0; top: 0 !important; } .bx-filter .bx-filter-select-block .bx-filter-btn-color-icon { top: -1px !important; } .bx-filter-btn-color-icon.all { position: relative; border: none; -webkit-box-shadow: none; box-shadow: none } .bx-filter-btn-color-icon.all:after, .bx-filter-btn-color-icon.all:before { position: absolute; width: 60%; height: 60%; background: #fff; content: " "; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); } .bx-filter-btn-color-icon.all:after { right: 0; bottom: 0; } .bx-filter-btn-color-icon.all:before { top: 0; left: 0; } .bx-filter .bx-filter-param-label.disabled .bx-filter-btn-color-icon { opacity: .2; } /* * BIZ * */ .bx-filter .bx-filter-parameter-biz { font-size: 14px; line-height: 15px; display: inline-block; margin-right: 10px; text-decoration: none; color: #1485ce; border-bottom: 1px dashed; } .bx-filter .bx-filter-parameter-biz:hover { text-decoration: none; border-bottom: 1px solid; } .bx-filter .bx-filter-parameter-biz.bx-active { position: relative; /*padding-left:20px;*/ color: #000; border-color: transparent; } /* * BTN result and reset * */ .btn-themes { /*background-color: #1485CE;/* COLOR */ /*border-color: #1485CE;/* COLOR */ color: #FFF } .btn-themes.bx-active, .btn-themes.focus, .btn-themes:active, .btn-themes:focus, .btn-themes:hover{ /*background-color: #53A4D8;/* COLOR */ /*border-color: #53A4D8;/* COLOR */ color: #FFF } /* * Result Popup * */ .bx-filter .bx-filter-popup-result { font-size: 13px; font-weight: normal; position: absolute; z-index: 915; display: none; line-height: normal; margin-top: -7px; margin-left: 10px; padding: 0 10px; white-space: nowrap; color: #3f3f3f; min-height: 37px; line-height: 18px; border-style: solid; border: 1px solid #C6DCE7; } .bx-filter .bx-filter-popup-result.left { border-width: 2px 10px 2px 2px; -o-border-image: url(/local/templates/rds_catalog/images/result_popup_left.png) 4 20 4 4 repeat; border-image: url(/local/templates/rds_catalog/images/result_popup_left.png) 4 20 4 4 fill repeat; } .bx-filter .bx-filter-popup-result.right { border-width: 2px 2px 2px 10px; -o-border-image: url(/local/templates/rds_catalog/images/result_popup_right.png) 4 4 4 20 repeat; border-image: url(/local/templates/rds_catalog/images/result_popup_right.png) 4 4 4 20 fill repeat; } .bx-filter .bx-filter-popup-result.right { left: 97%; } .bx-filter .bx-filter-popup-result.left { right:97%; } .bx-filter-horizontal .bx-filter-popup-result{ display: inline-block; position: relative; left: auto; right: auto; bottom: -7px; } .bx-filter .bx-filter-popup-result a { color: #0073a3; line-height: 10px; } .bx-filter .bx-filter-popup-result a:hover { text-decoration: none; } .bx-filter .bx-filter-popup-result-close { display: none; } @media (max-width: 767px) { .bx-touch .bx-filter .bx-filter-popup-result { font-size: 12px; line-height: 14px; position: fixed !important; z-index: 1001; top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin-top: 0; margin-left: 0; width: auto; height: auto; padding: 10px; border-radius: 2px; border: 1px solid #c6dae7; background: rgba(255,255,255,.9); } .bx-touch .bx-filter .bx-filter-popup-result br{display: none;} .bx-filter .bx-filter-popup-result .arrow { display: none; } } .wrapper .wrapp-catalog .bx-filter .bx-filter-parameters-box.s-selected .bx-filter-parameters-box-title{ /*display: inline-block;*/ background: url("/local/templates/rds_catalog/images/tab-bg-filter.png") no-repeat 0 0 / cover; } .wrapper .wrapp-catalog .bx-filter .bx-filter-parameters-box.s-selected .bx-filter-parameters-box-title span, .wrapper .wrapp-catalog .bx-filter .bx-filter-parameters-box.s-selected .bx-filter-parameters-box-title .fa { color: #FFF; font-weight: bold; } .wrapper .wrapp-catalog .bx-filter .bx-filter-parameters-box.s-selected .bx-filter-parameters-box-title span font{ font-weight: normal; } .bx-filter-input-container{ display: inline-block; width: auto; } .tab-filter{ position: relative; } .bx-filter .bx-filter-input-container input{ width: auto; padding: 10px; height: auto; font-size: 14px; } .col-xs-6.bx-filter-parameters-box-container-block{ display: inline-block; } .row.bx-filter-parameters-box-container{ position: absolute; background: #FFF; /*min-width: 100%;*/ min-width: 230px; max-width: 290px; padding: 0; z-index: 5; -webkit-box-shadow: 0px 8px 65px 0px rgba(0, 0, 0, 0.18); box-shadow: 0px 8px 65px 0px rgba(0, 0, 0, 0.18); } .row.bx-filter-parameters-box-container .col-xs-12{ /*overflow-y: scroll; max-height: 200px;*/ padding: 20px 20px 20px; } .row.bx-filter-parameters-box-container .col-xs-12 > .col-xs-12{ overflow-y: auto; max-height: 280px; padding: 0; } .rub-title,.separator{ color: #989898; font-size: 14px; } .tab-filter{ white-space: nowrap; } .bx-filter .bx-filter-parameters-box-title{ background: #f3f3f3; padding: 5px 10px; } .bx-filter .bx-filter-parameters-box-title span{ color: #232221; border: 0; cursor: pointer; } .bx-filter .bx-filter-parameters-box-title .fa-angle-down, .bx-filter .bx-filter-parameters-box-title .fa-angle-up{ float: right; margin-left: 5px; font-size: 130%; color: #232221; cursor: pointer; } .bx-filter .bx-filter-parameters-box-title .fa-angle-down:before, .bx-filter .bx-filter-parameters-box-title .fa-angle-up:before{ position: relative; top: 2px; } .bx-filter .hide{ display: none; } .bx-filter-parameters-box{ display: inline-block; vertical-align: middle; } body .bx-filter.bx-blue .bx-filter-section{ padding: 10px 13px 10px 13px; } body .bx-filter.bx-blue.bx-filter-inline .bx-filter-section{ padding: 0; } .bx-filter .operations{ /*position: absolute; right: 0; bottom: 5px;*/ padding-top: 9px; font-size: 14px; } .bx-filter .operations a:before { content: ""; background: url(/local/templates/.default/components/rds/left.menu/simple/images/close.png) no-repeat center center; width: 12px; cursor: pointer; height: 12px; display: inline-block; vertical-align: middle; position: relative; top: -2px; } .bx-filter .operations a{ font-style: italic; display: inline-block; } .bx-filter .operations .reset{ display: inline-block; color: #b4b4b4; pointer-events: none; } .bx-filter .operations .reset.active { /*color: #ff4848;*/ pointer-events: auto; } .bx-filter .operations .reset.active:before { /*background-image: url(/local/components/rds/basket.top/templates/.default/images/close_hover.png);*/ } .bx-filter .operations .reset.active:hover{ text-decoration: underline; cursor: pointer; } .bx-filter .operations .show-all-filters{ display: inline-block; cursor: pointer; } .bx-filter .operations .show-all-filters{ color: #ff4848; margin-left: 20px; } .bx-filter .operations .show-all-filters.active span + span, .bx-filter .operations .show-all-filters span{ display: inline; } .bx-filter .operations .show-all-filters span + span, .bx-filter .operations .show-all-filters.active span{ display: none; } .bx-filter .operations .show-all-filters:hover span { text-decoration: underline; } .bx-filter .addition-props{ /*display: none;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; margin-right: -4px; max-height: 65px; } .bx-filter .bx-filter-input-container input{ padding: 3px; } .bx-filter .addition-props.active{ max-height: none; } .bx-filter .main-props{ position: relative; } .bx-filter .show-all-filters:before{ content:""; display: inline-block; width: 12px; height: 12px; vertical-align: middle; background: url(/local/templates/rds_catalog/images/sprite.png) -543px -237px no-repeat; } .bx-filter .show-all-filters.active:before{ margin-top: -3px; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .bx-filter .bx-filter-input-checkbox .bx-filter-param-text{ display: inline-block; } .row.sort{ background: #FFF; padding: 2px 13px; margin-bottom: 20px; font-size: 13px; } .list .row.sort{ margin-bottom: 10px; } .row.sort .r_col{ float: right; } .row.sort .l_col{ float: left; padding: 5px 0; line-height: 20px; } .row.sort:after{ content: ""; display: block; clear: both; } .row.sort .drop-down{ display: inline-block; margin-left: 2px; } .row.sort .drop-down .nice-select .current { margin-left: 4px; font-weight: bold; cursor: pointer; } .row.sort .drop-down .nice-select .current:hover { text-decoration: underline; } .row.sort .drop-down .nice-select .option:hover { text-decoration: underline; } .row.sort .drop-down .nice-select .option.selected { color: #ff4848; text-decoration: none; } .row.sort .drop-down .select-value{ color: #ff4848; cursor: pointer; } .row.sort .drop-down .select-value:after{ content: ""; display: inline-block; height: 10px; width: 13px; vertical-align: middle; background: url(/local/templates/rds_catalog/images/sprite.png) -542px -262px no-repeat; } .row.sort .drop-down .nice-select::after{ display: none; } .row.sort .drop-down .nice-select .fa { font-size: 130%; margin-left: 5px; } .row.sort .drop-down .nice-select .fa:before { position: relative; top: 2px; } .shild-view,.cart-orentation,.list-orentation{ display: inline-block; vertical-align: middle; cursor: pointer; } .cart-orentation, .list-orentation{ width: 30px; height: 30px; background: url(/local/templates/rds_catalog/images/sprite.png) -285px -276px no-repeat } .cart-orentation.active{ background-position: -250px -276px; } .list-orentation{ margin-left: 5px; width: 24px; background-position: -287px -307px; } .list-orentation.active{ background-position: -253px -307px; } body .bx-filter.bx-blue .bx-ui-slider-handle.left, body .bx-filter.bx-blue .bx-ui-slider-handle.right{ top: -2px; margin: 0 0 0 -2px; width: 10px; height: 10px; border-radius: 50%; background: #FFF; z-index: 2; -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.28); box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.28); } body .bx-filter.bx-blue .bx-ui-slider-handle.right{ margin: 0 -2px 0 0; } .bx-filter .bx-ui-slider-range{ z-index: 90; } body .bx-filter.bx-blue .bx-ui-slider-handle.left:before, body .bx-filter.bx-blue .bx-ui-slider-handle.right:before{ content:""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #ff4848; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } body .bx-filter-parameters-box-container .separator{ display: inline-block; vertical-align: middle; } .bx-filter .bx-ui-slider-track-container{ padding-top: 13px; } body .bx-filter.bx-blue .bx-ui-slider-pricebar-v{ background: #ff4848; } body .bx-filter.bx-blue .bx-ui-slider-pricebar-vn{ background: #ebebeb; } .bx-filter .bx-filter-input-container input{ padding: 5px 15px; border: 2px solid #e4e4e4; font-size: 14px; } .bx-filter-param-label{ position: relative; color: #232221; font-size: 14px; } .bx-filter-param-label input{ z-index: -1; position: absolute; } .bx-filter-param-label .bx-filter-param-text { position: relative; padding-left: 21px; } .bx-filter-param-label .bx-filter-param-text:before { content:""; display: inline-block; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; vertical-align: middle; margin-right: 4px; background: #FFF url(/local/templates/rds_catalog/images/sprite.png) -541px -284px no-repeat } .bx-filter-param-label input:checked+.bx-filter-param-text:before { background-position: -541px -308px; } .bx-filter-parameters-box-container .checkbox{ margin-bottom: 10px; } .bx-filter-parameters-box-container .checkbox.disabled{ display: none; } .bx-filter-parameters-box-container .checkbox:last-child{ margin-bottom: 0; } .bx-filter-button { -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0 20px 20px; width: calc(100% - 40px); min-width: 120px; height: 43px; padding: 0; text-align: center; font-family: 'PT Sans', sans-serif; font-size: 18px; line-height: 45px; text-transform: uppercase; color: #ffffff; border: none; outline: none; background: #ff4848; cursor: pointer; } .bx-filter-button:hover { background: #d33030; } .wrapp-catalog #row-catalog{ position: relative; } .wrapp-catalog .loader #row-catalog:before{ position: absolute; content:""; display: inline-block; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.6); vertical-align: middle; z-index: 66; } body .tab-filter{ white-space: normal; } body .tab-filter .price-box { margin: 0 4px 0 auto; height: 32px; } .slider-range{ position: relative; background: #ebebeb; margin-bottom: 20px; } .slider-range span:before{ content:""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #ff4848; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .slider-range span{ position: absolute; top: -2px; margin: 0 0 0 -2px; width: 10px; height: 10px; border-radius: 50%; background: #FFF; z-index: 2; -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.28); box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.28); } .ui-slider-range{ height: 100%; background: #ff4848; position: absolute; } .addition-props-filter{ display: inline-block; vertical-align: middle; margin-right: 4px; height: 32px; } .addition-props-filter label{ margin: 4px 0 0; width: 118px; padding: 5px 10px 5px 30px; font-size: 13px; color: #232221; background: #f3f3f3; display: inline-block; position: relative; } .addition-props-filter label:hover{ -webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); } .addition-props-filter label input{ visibility: hidden; z-index: -1; position: absolute; } .addition-props-filter label span:after{ content:""; position: absolute; left: 7px; top: 7px; display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 4px; background: #FFF url(/local/templates/rds_catalog/images/sprite.png) -541px -284px no-repeat } .addition-props-filter input:checked+span:after { background-position: -541px -308px; } .filters .addition-props-filter { margin-left: 65px; } .filters .bx-filter-inline .addition-props-filter { margin-left: 0; } .filters .addition-props-filter label { margin: 2px 0; padding: 5px 10px 5px 30px; } .filters.row.sort .r_col { padding: 6px 0; } .filters .bx-search-filter { display: flex; } .bx-search-filter .bx-search-sort-block{ padding: 7px 0 0; } .bx-show-per-page { display: inline-block; padding: 8px 0 0; } .fa-angle-down:before{ content: "\f107"; } .fa-angle-up:before, .fa-angle-down.fa-angle-up:before{ content: "\f106"; } .tooltip{ background: #000; padding: 3px 10px; position: relative; color: #FFF; top: -26px; z-index: 1; font-size: 12px; display: inline-block; font-weight: bold; text-decoration: none; opacity: 0.8; white-space: nowrap; } .tooltip:before { content: ''; display: block; position: absolute; left: -20px; bottom: 1px; width: 0; height: 0; border-bottom: 10px solid rgba(0, 0, 0, 0); border-top: 10px solid rgba(0, 0, 0, 0); border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgb(0, 0, 0); } .tooltip.tooltip-right:before { left: auto; right: -20px; border-bottom: 10px solid rgba(0, 0, 0, 0); border-top: 10px solid rgba(0, 0, 0, 0); border-left: 10px solid rgba(0, 0, 0); border-right: 10px solid rgb(0, 0, 0, 0); } .rds-tooltip { display: none !important; position: fixed; top: 0; left: 0; z-index: 1; padding: 3px 10px; color: #000 !important; font-size: 12px; font-weight: normal; text-decoration: none; white-space: nowrap; background: #fff; border: 1px solid #ccc; } .rds-tooltip.rds-tooltip-bottom { position: absolute; z-index: 3; top: 100% !important; left: 0 !important; max-width: calc(100% - 20px); white-space: normal; pointer-events: none; } .rds-tooltip-rt,.rds-tooltip-perm,.rds-tooltip-temp { display: none !important; position: absolute; z-index: 1; right: 0; bottom: calc(100% + 4px); min-width: 240px; max-width: 70vw; padding: 10px 13px !important; font-size: 13px; line-height: 16px; font-weight: normal; letter-spacing: 0; color: #848484; text-decoration: none; text-align: left; background: #fff; border: 1px solid rgba(203,203,203,0.43); -webkit-box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.12); } .rds-tooltip-temp { right: auto; bottom: auto; } .rds-tooltip-perm { pointer-events: none; right: 10px; left: 10px; bottom: calc(100% - 9px); padding: 3px 13px; } .rds-tooltip-container:hover .rds-tooltip, .rds-tooltip-container:hover + .rds-tooltip, .rds-tooltip-container:hover .rds-tooltip-rt, .rds-tooltip-container:hover + .rds-tooltip-rt, .rds-tooltip-container input + .rds-tooltip-perm { display: block !important; } .rds-tooltip-container.nice-select.open + .rds-tooltip { display: none !important; } body .bx-filter.bx-blue .bx-filter-section{ background: #FFF; } .hash-box{ text-align: right; font-size: 15px; margin-bottom: 12px; } .hash-box .hash:before { content: ""; display: block; position: absolute; width: 0; height: 0; right: -6px; top: 0; border-bottom: 14px solid transparent; border-top: 15px solid transparent; border-left: 6px solid #f3f3f3; } .hash-box .hash{ position: relative; display: inline-block; background-color: rgba(243, 243, 243, 1); -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06); padding: 5px 7px 6px 10px; margin: 12px 0 0; font-size: 15px; color: #848484; } body .content .wapper-2 .b_white{ position: relative; z-index: 1; font-size: 14px; } .c-red, a.c-red { color: #ff4848; } a.c-red:hover { text-decoration: underline; } .content .c-red a{ color: #ff4848; font-weight: bold; text-decoration: underline; } .content .c-red a:hover{ text-decoration: none; } #toTop { width:60px; height:60px; border-radius: 50%; background: url(/local/templates/rds_catalog/images/arrow-scroll.png) center no-repeat; position:fixed; bottom:80px; /* отступ кнопки от нижнего края страницы*/ right:20px; cursor:pointer; display:none; z-index: 5; } #toTop:hover{ -webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); } #popup__toggle{ bottom:35px; left:190px; position:fixed; cursor: pointer; z-index: 5; } .img-circle{background-color: #ff4848;box-sizing:content-box;-webkit-box-sizing:content-box;} .circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #ff4848;width:144px;height:144px;bottom:-25px;right:10px;position:absolute;border-radius: 100%;opacity: 1;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-o-transition: all .5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color: #ff4848;width:94px;height:94px;bottom:0px;right:35px;position:absolute;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-o-transition: all .5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:66px;height:66px;bottom: 14px;right: 49px;position:absolute;border-radius: 100%;border: 2px solid transparent;opacity: 1;} .img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:66px;height:66px;background-image:url(/local/templates/rds_catalog/images/phone-one.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} .img-circle:hover{opacity: 1;} @keyframes pulse1 {0% {-webkit-transform: scale(0.9);transform: scale(0.9);opacity: 1;} 50% {-webkit-transform: scale(1);transform: scale(1); opacity: 1; } 100% {-webkit-transform: scale(0.9);transform: scale(0.9);opacity: 1;}} @-webkit-keyframes pulse1 {0% {-webkit-transform: scale(0.95);opacity: 1;} 50% {-webkit-transform: scale(1);opacity: 1;} 100% {-webkit-transform: scale(0.95);opacity: 1;}} @keyframes tossing { 0% {-webkit-transform: rotate(-8deg);transform: rotate(-8deg);} 50% {-webkit-transform: rotate(8deg);transform: rotate(8deg);} 100% {-webkit-transform: rotate(-8deg);transform: rotate(-8deg);}} @-webkit-keyframes tossing { 0% {-webkit-transform: rotate(-8deg);} 50% {-webkit-transform: rotate(8deg);} 100% {-webkit-transform: rotate(-8deg);}} @-webkit-keyframes circle-anim { 0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;} 30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;} 100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}} @keyframes circle-anim { 0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;} 30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;} 100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);transform: rotate(0deg) scale(1) skew(1deg); opacity: .1;}} @-webkit-keyframes circle-fill-anim { 0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2; } 50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2; } 100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}} @keyframes circle-fill-anim { 0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;} 50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;} 100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}} .block-quote{ margin-top:20px; /*height:116px;*/ position: relative; font-style: italic; border:2px solid #e2e2e2; background: url(/local/templates/rds_catalog/img/block-quote-l.png) 35px 18px no-repeat, url(/local/templates/rds_catalog/img/block-quote-r.png) no-repeat right bottom / 222px 100%; } .block-quote .quote{ /*position: absolute; top: 24px; left: 144px;*/ padding: 24px 0 0 144px; font-size: 19px; line-height: 28px; } .block-quote .author{ /*position: absolute; top: 81px; right: 35px;*/ padding: 0 35px 16px; text-align: right; color:#848484; font-size: 18px; } .block-quote .note{ position: absolute; left: 22px; top: 60px; color:#ff4848; font-size: 16px; line-height: 19px; font-weight: bold; font-style: normal; text-transform: uppercase; } .academy-quote, .sport-quote { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: auto; min-height: 116px; background: url(/local/templates/rds_catalog/img/edu_quote.png) no-repeat 23px 14px, url(/local/templates/rds_catalog/img/block-quote-r.png) no-repeat right center / 222px 100%; } .sport-quote { background: url(/local/templates/rds_catalog/img/edu_sport_quote.png) no-repeat 25px 17px, url(/local/templates/rds_catalog/img/block-quote-r.png) no-repeat right center / 222px 100%; } a.block-quote.sport-quote:hover { color:#252423 !important; background: url(/local/templates/rds_catalog/img/edu_sport_quote.png) no-repeat 25px 17px, url(/local/templates/rds_catalog/img/block-quote-r.png) no-repeat right center / 222px 100%, url(/local/templates/rds_catalog/img/edu_sport_arr.png) no-repeat right 35px center; border:2px solid #ff4848; } .academy-quote .quote, .sport-quote .quote{ position: relative; top: auto; left: 0; padding: 10px 100px 10px 144px; font-size: 22px; font-weight: bold; } .academy-quote .quote{ font-size: 20px; line-height: 24px; } .catalog-elements .block-quote{ margin-top:0; margin-bottom:10px; } .catalog-elements>div:nth-child(3n){ margin-right: 0 !important; } .catalog-elements .block-quote{ height: 400px; margin: 0 40px 40px 0 !important; width: 271px !important; display: inline-block; position: relative; vertical-align: top; background: #FFF url(/local/templates/rds_catalog/images/bg-quete.png) ; } .catalog-elements .block-quote .quote{ position: static; /*top: 143px; left: 47px;*/ padding: 143px 0 0 47px; line-height: 28px; width: 190px; font-size: 19px; } .catalog-elements .block-quote .author{ position: static; width: auto; top: auto; left: auto; right: 40px; bottom: 30px; padding-top: 20px; line-height: 28px; } .wrapp-catalog.list .catalog-elements .block-quote{ margin-top:0; margin-bottom:10px; height:116px; width: 100% !important; position: relative !important; margin-bottom: 10px !important; border:2px solid #e2e2e2; background: url(/local/templates/rds_catalog/img/block-quote-l.png) 35px 18px no-repeat, url(/local/templates/rds_catalog/img/block-quote-r.png) right center no-repeat; } .wrapp-catalog.list .catalog-elements .block-quote .quote{ position: absolute; /*top: 24px; left: 144px;*/ padding: 24px 0 0 144px; line-height: 28px; width:auto; font-size: 19px; } .wrapp-catalog.list .catalog-elements .block-quote .author{ position: absolute; top: 81px; right: 35px; padding-top: 0; color:#848484; font-size: 18px; } .wapper-2 .detail-new a.a{ color: #ff4848 !important; text-decoration: underline; } .wapper-2 .detail-new a.a:hover{ color: #ff4848 !important; text-decoration: none; } .content .left-block.no-bg:after{ content: ""; clear: both; display: block; } .clearboth{ clear: both; } /*фикс от 31.05.2017*/ .content .left-block{ margin-left: 0; background: none; } .wrapp-white{ padding: 50px 25px 0; background: #FFF; } .left-block .wrapp-white{ padding-top: 17px; } .white-bg+.content{ padding: 0 70px; } @media only screen and (max-width: 1280px){ .white-bg+.content{ padding: 0 20px; } } .wapper-2{ margin-right: 0; } div[id*="bx_incl_area"] { min-width: 100px; } .content .left-block>a:hover{ webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); } .content .left-block .wrapp-white+a{ margin-top: 0; } .content .left-block>a{ display: inline-block; margin-top: 16px; font-size: 0; } .content .left-block>a img{ display: inline-block; } body .wrapp-catalog .notetext{ padding: 20px 0 50px; display: inline-block; color: #000000; font-size: 20px; font-weight: bold; } /*фикс от 31.05.2017*/ .reg-form .success{ padding: 50px 0; } body .vertical .comparison span{ color: #5b6ce7 } .wrapp-catalog .catalog_nav_str, .wrapp-catalog .catalog_nav_str_bottom { float: right; padding-top: 21px; font-size: 14px; font-weight: normal; } .wrapp-catalog .catalog_nav_str.in-catalog { float: none; margin-top: -19px; padding: 0 0 21px; text-align: right; } .wrapp-catalog .catalog_nav_str_bottom { margin-top: -4px; padding: 0 0 34px; pointer-events: none; } .wrapp-catalog .catalog_nav_str_bottom > * { pointer-events: auto; } .wrapp-catalog.list .catalog_nav_str_bottom { margin-top: 0; padding: 26px 0 34px; } .top-nav .bx_pagination_bottom { margin-top: -10px; } .top-nav .catalog_nav_str_bottom { margin-top: 4px; } .catalog_nav_str_bottom .notify_favorite { float: left; } .notify_favorite.hl { position: relative; top: -4px; left: -6px; padding: 4px 6px; background: #fff; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15); } .fav_banner_wrap { display: flex; justify-content: space-between; } .fav_banner.hl { box-shadow: 0px 16px 40px 0px rgba(0, 0, 0, 0.15); } .fav_banner { margin: 10px 0 20px; width: 399px; height: 267px; background: url(/local/templates/rds_catalog/./img/fav_banner.png) no-repeat 0 0; } .fav_banner_register { display: block; margin: 10px 0 20px; width: 399px; height: 267px; background: url(/local/templates/rds_catalog/./img/fav_banner_register.jpg) no-repeat 0 0; } .fav_banner .notify_favorite { margin: 227px 0 0 16px; color: #fff; } .fav_banner .red-checkbox + label { padding-left: 28px; background-image: url(/local/templates/rds_catalog/./img/c_off.png); } .fav_banner .red-checkbox:checked + label { background-image: url(/local/templates/rds_catalog/./img/c_on.png); } .fav_banner .red-checkbox + label:hover:before { width: 17px; height: 17px; } .tab404 ul { padding-top: 5px; } /*.tab404 ul li{ font-size: 16px; }*/ .tab404 a { color: #ff4848; text-decoration: underline; } .tab404 a:hover { text-decoration: none; } .q-mark { position: absolute; display: inline-block; margin-left: 4px; width: 14px; height: 14px; color: #fff; font-size: 12px; line-height: 13px; text-align: center; border-radius: 14px; background: #ff4848; cursor: pointer; } .q-mark > div { display: none; } /*.q-mark.on { color: transparent; background: transparent; }*/ .q-mark.on > div { display: block; position: absolute; z-index: 4; left: calc(50% - 1px); bottom: calc(100% + 3px); min-width: 146px; padding: 10px 13px; font-size: 13px; line-height: 1; text-align: left; color: #848484; background: #fff; border: 1px solid rgba(203,203,203,0.43); -webkit-box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.12); } .q-mark.q-left.on > div { left: auto; right: calc(50% - 1px); } .q-mark.on > div > p { font-size: 13px; letter-spacing: 0; line-height: 16px; } .q-mark.on > div > *:last-child, .q-mark.on > div > div > *:last-child { margin-bottom: 0; } .basket_node.wapper-2 { max-width: 800px; padding-bottom: 30px; } /*.section-empty { margin-top: -30px; }*/ .red-button, input.red-button, a.red-button, .b_white a.red-button, .wapper-2 .b_white a.red-button, .b_white .wapper-2 a.red-button, .gray-button, input.gray-button, a.gray-button, .b_white a.gray-button, .wapper-2 .b_white a.gray-button, .b_white .wapper-2 a.gray-button, .green-button, input.green-button, a.green-button, .b_white a.green-button, .wapper-2 .b_white a.green-button, .b_white .wapper-2 a.green-button, .blue-button, input.blue-button, a.blue-button, .b_white a.blue-button, .wapper-2 .b_white a.blue-button, .b_white .wapper-2 a.blue-button, .purple-button, input.purple-button, a.purple-button, .b_white a.purple-button, .wapper-2 .b_white a.purple-button, .b_white .wapper-2 a.purple-button, .black-button, input.black-button, a.black-button, .b_white a.black-button, .wapper-2 .b_white a.black-button, .b_white .wapper-2 a.black-button, .royalblue-button { font-family: 'PT Sans', sans-serif; font-size: 18px; line-height: 43px; display: inline-block; vertical-align: top; margin: 0; padding: 0 15px; font-weight: normal; text-transform: uppercase; color: #fff !important; height: 43px; text-align: center; border: none; outline: none; cursor: pointer; text-decoration: none !important; background-color: #ff4848 !important; -webkit-box-sizing: content-box; box-sizing: content-box; } .gray-button, input.gray-button, a.gray-button, .b_white a.gray-button, .wapper-2 .b_white a.gray-button, .b_white .wapper-2 a.gray-button { background-color: #909090 !important; } .green-button, input.green-button, a.green-button, .b_white a.green-button, .wapper-2 .b_white a.green-button, .b_white .wapper-2 a.green-button { background-color: #51BC54 !important; } .blue-button, input.blue-button, a.blue-button, .b_white a.blue-button, .wapper-2 .b_white a.blue-button, .b_white .wapper-2 a.blue-button { background-color: #3c54c2 !important; } .royalblue-button{ background-color: #5b6ce7 !important; } .purple-button, input.purple-button, a.purple-button, .b_white a.purple-button, .wapper-2 .b_white a.purple-button, .b_white .wapper-2 a.purple-button { background-color: #AB68C7 !important; } .black-button, input.black-button, a.black-button, .b_white a.black-button, .wapper-2 .b_white a.black-button, .b_white .wapper-2 a.black-button { background-color: #333333 !important; } .red-button:hover, input.red-button:hover, a.red-button:hover, .b_white a.red-button:hover, .wapper-2 .b_white a.red-button:hover, .b_white .wapper-2 a.red-button:hover, .gray-button:hover, input.gray-button:hover, a.gray-button:hover, .b_white a.gray-button:hover, .wapper-2 .b_white a.gray-button:hover, .b_white .wapper-2 a.gray-button:hover, .green-button:hover, input.green-button:hover, a.green-button:hover, .b_white a.green-button:hover, .wapper-2 .b_white a.green-button:hover, .b_white .wapper-2 a.green-button:hover, .blue-button:hover, input.blue-button:hover, a.blue-button:hover, .b_white a.blue-button:hover, .wapper-2 .b_white a.blue-button:hover, .b_white .wapper-2 a.blue-button:hover, .purple-button:hover, input.purple-button:hover, a.purple-button:hover, .b_white a.purple-button:hover, .wapper-2 .b_white a.purple-button:hover, .b_white .wapper-2 a.purple-button:hover, .black-button:hover, input.black-button:hover, a.black-button:hover, .b_white a.black-button:hover, .wapper-2 .b_white a.black-button:hover, .b_white .wapper-2 a.black-button:hover, .royalblue-button:hover { color: #fff !important; text-decoration: none !important; background-color: #d33030 !important; } .gray-button:hover, input.gray-button:hover, a.gray-button:hover, .b_white a.gray-button:hover, .wapper-2 .b_white a.gray-button:hover, .b_white .wapper-2 a.gray-button:hover { background-color: #707070 !important; } .green-button:hover, input.green-button:hover, a.green-button:hover, .b_white a.green-button:hover, .wapper-2 .b_white a.green-button:hover, .b_white .wapper-2 a.green-button:hover { background-color: #387F38 !important; } .blue-button:hover, input.blue-button:hover, a.blue-button:hover, .b_white a.blue-button:hover, .wapper-2 .b_white a.blue-button:hover, .b_white .wapper-2 a.blue-button:hover { background-color: #2e4299 !important; } .royalblue-button:hover{ background-color: #2e4299 !important; } .purple-button:hover, input.purple-button:hover, a.purple-button:hover, .b_white a.purple-button:hover, .wapper-2 .b_white a.purple-button:hover, .b_white .wapper-2 a.purple-button:hover { background-color: #7D5193 !important; } .black-button:hover, input.black-button:hover, a.black-button:hover, .b_white a.black-button:hover, .wapper-2 .b_white a.black-button:hover, .b_white .wapper-2 a.black-button:hover { background-color: #555555 !important; } .form-rds input + .red-button { line-height: 19px; height: auto; padding-top: 8px; padding-bottom: 8px; border: 2px solid #ff4848; } .form-rds input + .red-button:hover { border-color: #d33030 !important; } .fa.fa-rub { font-size: 0.85em; } .some-text { font-size: 14px; line-height: 21px; } label.file-button { overflow:hidden; position:relative; width: 140px; } label.file-button input[type=file] { z-index: 999; line-height: 0; font-size: 50px; position: absolute; top: -2px; left: -700px; opacity: 0; filter: alpha(opacity = 0); -ms-filter: "alpha(opacity=0)"; cursor: pointer; _cursor: hand; margin: 0; padding:0; } label.file-button span { display: none; } label.file-button + span { display: inline-block; margin-left: 10px; max-width: 160px; line-height: 16px; font-size: 14px; word-break: break-all; } /* content... */ .fs14{font-size:14px;} .fs15{font-size:15px;} .fs16{font-size:16px;} .fs17{font-size:17px;} .fs18{font-size:18px;} .fs19{font-size:19px;} .fs20{font-size:20px;} .content .white-block.item-new { margin-top: 20px; height: 194px; padding: 22px 43px 19px 20px; } .content .white-block.item-new img { width: 150px; height: 150px; float: left; margin-right: 23px; } .content .item-new .n-desc{ margin: 11px 0 9px 0; line-height: 22px; } .content .item-new .n-meta{ line-height: 28px; } .count-view{ background: url(/local/templates/rds_catalog/img/count-view.png) left center no-repeat; padding-left:20px; margin-left:38px; } .count-like, .count-dislike{ display: inline-block; line-height: 28px; background: url(/local/templates/rds_catalog/img/like.png) no-repeat left top / auto 22px; padding-left:32px; margin-left:38px; cursor: pointer; } .count-dislike{ background: url(/local/templates/rds_catalog/img/dislike.png) no-repeat left bottom / auto 22px; margin-left:24px; } .count-like.on{ background-image: url(/local/templates/rds_catalog/img/like_on.png); } .count-dislike.on{ background-image: url(/local/templates/rds_catalog/img/dislike_on.png); } .fade{ color:#848484; } .fade.light{ color:#c4c4c4; } div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } .news-top-block{ position: relative; z-index: 1; background: #FFF; } .red-text .t1{ color: #ff4848 !important } body .news-list a{ color: #252423 !important; font-weight: bold !important; text-decoration: none !important; } body .news-list a:hover{ font-weight: bold !important; text-decoration: none !important; color: #ff4848 !important } /* academy */ .d-title.w-smile { max-width: 620px; } .d-title.academy { padding: 3px 0 0 50px; background: url(/local/templates/content/img/edu_title.png) 0 0 no-repeat; } .w_cont.academy { width: auto; } .w_cont.academy div[id*="bx_"] { display: block; } body .news-list.academyList a{ display: block; font-weight: normal !important; } body .news-list.academyList a:hover{ font-weight: normal !important; } .w_cont.academy table.academy-head tr td { padding: 0; vertical-align: top; border: none; } .w_cont.academy table.academy-head tr:first-child td:first-child { height: 1px; } .w_cont.academy .art-counter { /*position: absolute; top: 87px; right: 0;*/ display: block; margin-top: 25px; width: 169px; padding: 80px 32px 23px; line-height: 18px; background: #fff url(/local/templates/content/img/edu_counter.png) 36px 17px no-repeat; text-decoration: none; } .w_cont.academy .art-counter:hover { -webkit-box-shadow: 0px 16px 40px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 16px 40px 0px rgba(0, 0, 0, 0.15); } .w_cont.academy .art-counter b { font-size: 72px; line-height: 72px; color: #ff4848; } .w_cont.academy .art-counter i { font-size: 17px; color: #848484; } .w_cont.academy .academy-descr { max-width: 620px; /*min-height: 160px;*/ } .w_cont.academy p { font-size: 16px; margin-bottom: 15px; } .w_cont.academy .wave { margin: 43px 0; } .faculty-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 38px; } .project_catalog .faculty-list { -ms-flex-pack: distribute; justify-content: space-around; } .faculty-item { margin-bottom: 40px; width: 275px; height: 289px; text-decoration: none !important; background: no-repeat center / cover; } .faculty-item:hover { -webkit-box-shadow: 0px 16px 40px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 16px 40px 0px rgba(0, 0, 0, 0.15); } .faculty-item-head { margin-top: 139px; width: 235px; height: 134px; padding: 16px 20px 0; text-align: center; color: #fff; font-size: 28px; line-height: 36px; font-weight: bold; background: rgba(0, 0, 0, 0.6) url(/local/templates/content/img/edu_faculty_wave.png) center 63px no-repeat; } .faculty-item-head.project-catalog { margin-top: 139px; width: 235px; height: 134px; padding: 16px 20px 0; text-align: center; color: #fff; font-size: 28px; line-height: 36px; font-weight: bold; background: rgba(0, 0, 0, 0.6) url(/local/templates/content/img/edu_faculty_wave.png) center 33px no-repeat; } .faculty-item-name { margin-top: 30px; font-size: 22px; line-height: 24px; font-weight: normal; } .signet { position: absolute; width: 61px; height: 61px; cursor: pointer; } .signet::before { content: ""; display: block; position: absolute; z-index: 2; left: 0; top: 0; height: 100%; width: 100%; background-color: #ff4848; border-radius: 61px; -webkit-box-shadow: 0 3px 7px 0 rgba(255, 72, 72, 0.4); box-shadow: 0 3px 7px 0 rgba(255, 72, 72, 0.4); } .signet::after { content: ""; display: block; position: absolute; z-index: 3; left: 0; top: 0; height: 100%; width: 100%; background: center center no-repeat; } .signet-content { display: none; position: absolute; z-index: 1; top: 0; right: 31px; width: 200px; padding: 23px 30px; color: #000; font-size: 14px; line-height: 20px; background: #fff; border: 1px solid rgba(203, 203, 203, 0.43); -webkit-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.11); box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.11); } .signet .signet-content a, .signet .signet-content a:hover { text-decoration: none; color: #000; } .signet .signet-content .signet-head { display: inline-block; margin-bottom: 12px; min-height: 25px; padding-right: 45px; color: #ff4848; font-size: 16px; line-height: 18px; font-weight: bold; text-transform: uppercase; } .signet .signet-content a .signet-head { background: url(/local/templates/content/img/signet_content_link.png) right center no-repeat; } .signet-bell { right: -86px; top: 765px; } .signet-bell::after { background-image: url(/local/templates/content/img/signet_bell.png); } .signet-dumbbell { right: -86px; top: 1095px; } .signet-dumbbell::after { background-image: url(/local/templates/content/img/signet_dumbbell.png); } .signet-container1 .signet-bell { top: 496px; } .signet-container1 .signet-dumbbell { top: 665px; } .signet-container2 .signet-bell { top: 596px; } .signet-container2 .signet-dumbbell { top: 925px; } .academy-question { margin: 80px 0; padding: 28px 49px 28px 138px; background: #fff url(/local/templates/content/img/edu_ask.png) 48px center no-repeat; } .b_white .wapper-2 .academy-question .red-button { float: right; margin-top: 10px; font-weight: bold; } .left_col_slider { margin-top: 20px; } .left_col_slider .slide { display: none; } .left_col_slider .slide:first-child { display: block; } .left_col_slider .slide img { width: 100%; } .left_col_slider + .dots { margin: 20px auto; text-align: center; } .left_col_slider + .dots .dot { display: inline-block; position: relative; margin: 0 1px; width:16px; height:16px; text-align: center; font-size: 1px; border-radius: 100%; border: 2px solid transparent; cursor: pointer; } .left_col_slider + .dots .dot:before { content:""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; width: 8px; height: 8px; border-radius: 100%; background: #a0a0a0; } .left_col_slider + .dots .dot.active{ border-color: #ff4848; } .left_col_slider + .dots .dot.active:before { background: #ff4848; } .academy-popular-item { margin-bottom: 20px; background: #fff; } .academy-popular-item:hover { -webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); } .academy-popular-item:after { content: ""; display: table; clear: both; } .academy-popular-name { margin: 17px 25px 15px; font-size: 17px; line-height: 23px; font-weight: bold; } .academy-popular-date { float: left; margin: 0 0 20px 25px; color: #999; font-size: 14px; line-height: 18px; } .academy-popular-views { float: right; margin-right: 15px; color: #999; font-size: 14px; line-height: 18px; background: url(/local/templates/content/img/count-view.png) left center no-repeat; padding-left: 20px; } .academy-image { width: 100%; } .academy-department { margin: 20px 0 0; } a.department-link, .wapper-2 .b_white .department-link, .b_white .wapper-2 .department-link { font-size: 15px; color: #ff4848; text-decoration: none; } .w_cont.academy .academy-wave { margin: 29px 0 23px; } .news-list .item-lesson { position: relative; } .news-list .white-block.item-lesson { display: block; height: auto; padding-right: 20px; } .ga-item-tab .news-list .white-block.item-lesson { border: 2px solid #e2e2e2; } .news-list .white-block.item-lesson img { margin-right: 23px; width: 132px; height: 132px; } .news-list .hours{ color: #FFF; font-size: 17px; position: relative; vertical-align: middle; height: 33px; width: 33px; margin-left: 7px; display: inline-block; background-color: #ff4848; border-radius: 33px; word-wrap: normal; } .news-list .hours>span { width: 25px; height: 25px; text-align: center; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } .news-list .hours span{ font-weight: bold; font-family: 'Ubuntu'; text-align: center; width: 35px; height: 25px; font-size: 24px; color: #ffffff; } .news-list .hours span span{ font-size: 13px; font-weight: normal; } .news-list .hours{ margin-left: 0; height: 61px; width: 61px; background-color: #ff4848; border-radius: 61px; text-align: center; line-height: 13px; left: -11px; top: 57px; position: absolute; } .gray-clock:before { content: ""; display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-right: 7px; position: relative; top: -2px; background: url(/local/templates/.default/components/bitrix/news.list/learning/images/time.png) no-repeat center center / contain; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .w_cont .attributes_title { margin-bottom: 12px; } .red-checkbox { display: none; } .red-checkbox + label{ position: relative; padding-left: 24px; background: url(/local/templates/rds_catalog/img/g_off.png) left center no-repeat; cursor: pointer; } .red-checkbox:checked + label{ background: url(/local/templates/rds_catalog/img/g_on.png) left center no-repeat; } .red-checkbox + label:hover:before{ content: ""; display: block; position: absolute; width: 14px; height: 13px; left: 0; top: 3px; -webkit-box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.15); } footer a.mobile-button { display: inline-block; color: #919191; } @media (max-width: 1024px){ footer a.mobile-button { display: inline-block; padding: 10px 15px; text-align: center; color: #fff; font-size: 15px; text-transform: uppercase; border: 2px solid #fff; } #popup__toggle { bottom: 125px; } } .popup-save-template { padding: 14px 35px 38px; } .popup-save-template .head { margin-bottom: 15px; } .popup-save-template .title { font-size: 40px; font-weight: bold; text-align: center; padding:0; } .popup-save-template .wrapp { margin-bottom: 30px; } .popup-save-template .buttons { margin-top: 24px; } .popup-save-template .buttons-vert { display: flex; flex-direction: column; align-items: center; } .popup-save-template .buttons-vert > * { margin-top: 22px; width: 440px; } .popup-save-template .buttons-vert > :first-child { margin-top: 0; } .popup-save-template input[type=text] { padding: 11px 0 11px 14px; width: 380px; max-width: calc(100% - 20px); font-size: 16px; border: 2px solid #e4e4e4; } .popup-save-template button, .popup-save-template .button { float: right; background: #5b6ce7; border: 0 none; color: #fff; cursor: pointer; font-size: 21px; outline: medium none; width: 320px; padding: 10px 0; text-transform: uppercase; text-align: center; } .popup-save-template button:hover, .popup-save-template .button:hover { background-color: #2c42e0; } .popup-save-template button:first-child, .popup-save-template .button:first-child { float: left; } .popup-save-template .template-row { display: flex; align-items: center; justify-content: space-between; /*margin-bottom: 5px;*/ padding: 15px 13px; font-size: 22px; } .popup-save-template .template-row:nth-child(odd) { background: #f3f3f3; } .popup-save-template .template-row button { width: auto; padding: 10px 40px; background: #ff4848; } .popup-save-template .template-row button:hover { background: #d33030; } /* styles for yandex map placemarks and balloon */ .rds_circle_layout { margin: -13.5px 0 0 -13.5px; width: 11px; height: 11px; background: #fff; border: 8px solid #ff4848; border-radius: 100%; -webkit-box-shadow: 0 3px 7px 0 rgba(255, 72, 72, 0.4); box-shadow: 0 3px 7px 0 rgba(255, 72, 72, 0.4); } .rds_mark_layout { position: relative; margin: -59px 0 0 -23px; width: 45px; height: 59px; background: url(/local/templates/rds_catalog/./img/delivery_mark.png) no-repeat center 0 / contain; } .rds_car_layout { position: relative; margin: -15px 0 0 -37px; width: 75px; height: 40px; background: url(/local/templates/rds_catalog/./img/delivery_truck_shadow.png) no-repeat center 0; } .rds_car_layout:before { position: absolute; left: 5px; top: 0; width: 65px; height: 30px; background: url(/local/templates/rds_catalog/img/delivery_truck_rds.png) no-repeat center 0; content: ""; -webkit-animation: car-pulse 1s infinite cubic-bezier(0.6, 0, 0, 1); } .rds_car_layout.car_left { background-image: url(/local/templates/rds_catalog/./img/delivery_truck_shadow_left.png); } .rds_car_layout.car_left:before { background-image: url(/local/templates/rds_catalog/./img/delivery_truck_rds_left.png); } .rds_car_layout.market { background-image: url(/local/templates/rds_catalog/./img/delivery_truck_market_shadow.png); } .rds_car_layout.market:before { background-image: url(/local/templates/rds_catalog/./img/delivery_truck_market.png); } .rds_car_layout.market.car_left { background-image: url(/local/templates/rds_catalog/./img/delivery_truck_market_shadow_left.png); } .rds_car_layout.market.car_left:before { background-image: url(/local/templates/rds_catalog/./img/delivery_truck_market_left.png); } .rds_balloon { position: absolute; left: -100px; top: auto; bottom: 0; width: 125px; padding: 16px 10px 16px 75px; text-align: left; background: url(/local/templates/rds_catalog/./img/rds_balloon.svg) no-repeat 18px 18px; background-color: #fff; -webkit-box-shadow: 0 3px 27px 0 rgba(0, 0, 0, 0.30); box-shadow: 0 3px 27px 0 rgba(0, 0, 0, 0.30); } .rds_balloon_delivery { left: 5px; bottom: 5px; background-color: transparent; } .rds_balloon_delivery > * { position: relative; } .rds_balloon_delivery:before { position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; -webkit-clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 8px 100%, 0% calc(100% - 8px) ); clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 8px 100%, 0% calc(100% - 8px) ); content: ""; } .rds_balloon div a { font-size: inherit !important; } .rds_balloon.trekk { left: -110px; margin-bottom: 9px; width: 200px; padding: 16px 10px; background: #fff; } .ymaps-rds-balloon__tail { display: block; position: absolute; left: 88px; bottom: -17px; width: 17px; height: 17px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .ymaps-rds-balloon__tail:after { content: ''; position: absolute; width: 17px; height: 17px; background-color: #fff; bottom: 1px; left: 1px; } .rds_balloon.trekk .ymaps-rds-balloon__tail { left: 92px; } .w-shadow { -webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); } body .CDEK-widget__search { max-width: calc(100vw - 170px); } body .CDEK-widget__panel { max-width: calc(100vw - 150px); } body .CDEK-widget__panel > div { max-width: 100%; } body .b_white .CDEK-widget p, body .b_white .CDEK-widget ul { margin: 0; margin-bottom: 0; line-height: 1.2; } body .b_white .CDEK-widget ul li { padding: 0 0 0 10px; } body .b_white .CDEK-widget__search-box input, body .wapper .CDEK-widget__search-box input { height: auto; padding: 1px 0; border: none; -webkit-box-shadow: none; box-shadow: none; } body .b_white .CDEK-widget ul li:before, body .b_white .CDEK-widget ul li:after { content: none; } body .b_white .CDEK-widget__panel p { color: #fff; } body .b_white .CDEK-widget__panel-list__item p { margin: 0 0 5px 23px; } body .CDEK-widget__choose { display: none; } body .delivery-first .CDEK-widget__choose { display: block; } body .CDEK-widget__sidebar-button_phone { display: none; } body .CDEK-widget__delivery-type__title, body .CDEK-widget__delivery-type__item[data-delivery-type=courier] { display: none; } .pvz_form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 420px; } .pvz_form .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-bottom: 20px; } .pvz_form .row div { width: 85px; } .pvz_form .row input { width: 70px; } .ga-item-tab-calc { position: relative; } .ga-item-tab-calc .select-calc { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; width: calc(100% - 10px); } .ga-item-tab-calc .select-calc a { position: relative; margin: 0; width: 50%; padding: 5px 14px; font-size: 16px; line-height: 21px; font-weight: normal; text-align: center; border: 2px solid transparent; border-bottom-color: #e4e4e4; border-right-color: #e4e4e4; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; background: #F3F3F3; } .ga-item-tab-calc .select-calc a:hover { color: #252323; text-decoration: underline; } .ga-item-tab-calc .select-calc a.on { color: #ff4848; text-decoration: none; background: #fff; border-top-color: #e4e4e4; border-bottom-color: transparent; } .ga-item-tab-calc .select-calc a:last-child { border-right-color: transparent; } .ga-item-tab-calc .select-calc a span { display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .ga-item-tab-calc .select-calc a:nth-child(n+3) { display: none; } .ga-item-tab-calc .select-calc-show { position: absolute; top: 0; left: calc(100% - 10px); width: 26px; color: #fff; font-weight: bold; font-size: 24px; line-height: 33px; text-align: center; background: #5b6ce7; cursor: pointer; } .calc-switch { position: absolute; top: 32px; right: -20px; } .calc-switch .current, .calc-switch li.option:nth-child(-n+2), .calc-switch:after { display: none !important; } .calc-switch .list { left: auto; right: 0; } .ga-item-tab-calc .calc-wrap { display: none; } .ga-item-tab-calc .calc-wrap.on { display: block; } .ga-item-tab-calc table { margin-bottom: 30px; } .ga-item-tab-calc input[type=text] { width: 308px; height: 38px; padding: 5px 0 5px 14px; font-size: 16px; border: 2px solid #e4e4e4; -webkit-box-sizing: border-box; box-sizing: border-box; } .ga-item-tab-calc h4 { margin: 15px 0 10px; font-size: 24px; line-height: 30px; font-weight: bold; } .ga-item-tab-calc input[type="text"]::-webkit-input-placeholder {font-style: italic} .ga-item-tab-calc input[type="text"]::-moz-placeholder {font-style: italic;} .ga-item-tab-calc input[type="text"]:-moz-placeholder {font-style: italic} .ga-item-tab-calc input[type="text"]:-ms-input-placeholder {font-style: italic} .trekking { font-size: 15px; } #trekkingForm { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; position: relative; } #trekkingForm .car { position: relative; width: 65px; height: 30px; background: url(/local/templates/rds_catalog/img/delivery_truck_rds.png) no-repeat center; } #trekkingForm .car-pulse:before { position: absolute; left: 0; top: 0; width: 65px; height: 30px; background: url(/local/templates/rds_catalog/img/delivery_truck_rds.png) no-repeat center; content: ""; -webkit-animation: car-pulse 1s infinite cubic-bezier(0.6, 0, 0, 1); } @-webkit-keyframes car-pulse { to { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; } } #trekkingForm input[type="text"] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 20px; width: auto; height: 18px; padding: 4px 26px 4px 10px; font: 14px "PT Sans"; background: #fff; border: none; outline: none; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 0 1px 1px 0 rgba(0,0,0,0.16); box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 0 1px 1px 0 rgba(0,0,0,0.16); -webkit-box-sizing: content-box; box-sizing: content-box; } #trekkingForm input[type="text"]:focus { -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); } #trekkingForm button { position: absolute; right: 5px; top: 5px; width: 16px; height: 16px; border: 0; outline: 0; background: url(/local/components/rds/search.title/templates/speak/images/search.png) no-repeat center; cursor: pointer; } #trekkingHistory { padding-left: 95px; } #trekkingStatus { padding: 2px 0 0 95px; } .b_white #trekkingStatus a { font-size: inherit; } #trekkingRTMessage { padding: 2px 0 0 95px; color: #848484; font-size: 14px; } @media (max-width: 768px){ #trekkingHistory { padding-left: 0; } #trekkingStatus { padding: 8px 0 0; } #trekkingRTMessage { padding: 8px 0 0; } } #trekkingMap { margin-top: 20px; width: 100%; height: 620px; max-height: 70vh; } .select-mode { display: -webkit-box; display: -ms-flexbox; display: flex; /*flex-wrap: wrap; overflow: hidden; margin-top: -54px; margin-bottom: 21px;*/ width: 100%; /*height: 33px;*/ } .select-mode input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: none; float: left; margin-right: 0; opacity: 0; width: 0; z-index: -1; } .select-mode h4 { position: relative; margin: 0; width: 50%; padding: 5px 14px; /*font-size: 16px; line-height: 21px; font-weight: normal;*/ text-align: center; border: 2px solid transparent; border-bottom-color: #e4e4e4; border-right-color: #e4e4e4; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; background: #F3F3F3; } .select-mode h4:last-child { border-right-color: transparent; } .select-mode h4:hover { text-decoration: underline; } .select-mode h4.on { color: #ff4848; background: #fff; border-top-color: #e4e4e4; border-bottom-color: transparent; } .select-mode h4.on:hover { text-decoration: none; } .top-notice { font-size: 12px; line-height: 30px; font-weight: bold; text-align: center; background: #fff; } .signet-cont { position: absolute; right: 40px; } .fixed-button { position: fixed; z-index: 2000; top: 30%; right: 0; overflow: hidden; width: 56px; -webkit-transition: 0.5s width; -o-transition: 0.5s width; transition: 0.5s width; } .fixed-button:before { position: absolute; top: 1px; bottom: 2px; right: 0; width: 3px; background: #fff; content: ""; pointer-events: none; } .fixed-button div { color: #fff; font-size: 16px; font-weight: bold; } .pay-invoice { height: 63px; background: url(/local/templates/rds_catalog/./img/pay-invoices.png) no-repeat 0 0; } .pay-invoice:hover { width: 222px; } .pay-invoice div { padding: 20px 0 0 70px; white-space: nowrap; } .navigator { top: calc(30% + 68px); height: 60px; background: url(/local/templates/rds_catalog/./img/navigator.png) no-repeat 0 0; } .navigator:hover { width: 221px; } .navigator div { min-width: 150px; padding: 10px 0 0 70px; } .vsepo100 { top: calc(30% + 136px); height: 60px; background: url(/local/templates/rds_catalog/./img/vsepo100.png) no-repeat 0 0; } .vsepo100:hover { width: 221px; } .vsepo100 div { padding: 20px 0 0 70px; white-space: nowrap; } ul.ulArrow, ul.ulLine, ul.ulRed, .ga-item-text ul, .wapper-2 ul, .white-bg ul, .detail-text ul, .wapper-2 ol { overflow: inherit; } .ga-item-text ul.ulArrow > li, .detail-text ul.ulArrow > li { list-style-position: inside; text-indent: 0em; overflow: hidden; } ul.ulArrow li, .wapper-2 ul li, .white-bg ul li, .detail-text ul li, ul.ulRedli, .ga-item-text ul li, .wapper-2 ol li, .white-bg ol li, .ga-item-text ol li, .detail-text ol li { list-style-type: none; } .wapper-2 ul.ulArrow > li, .white-bg ul.ulArrow > li{ list-style-position: inside; text-indent: 0em; overflow: hidden; } ul.ulArrow li, .wapper-2 ul li, .white-bg ul li, .detail-text ul li, ul.ulRedli, .ga-item-text ul li, .wapper-2 ol li, .white-bg ol li, .ga-item-text ol li, .detail-text ol li{ list-style-position: inside; text-indent: 0em; overflow: hidden; } .catalog_nav_str_bottom{ width: 100%; text-align: right; position: absolute; right: 0; bottom: -30px; z-index: 3; } .catalog-elements{ position:relative; } .wrapp-catalog.list .catalog_nav_str_bottom{ position:relative; bottom:0; } .catalog-elements .bx_pagination_bottom{ display: flex; margin-left: -7px; } .list .catalog-elements .bx_pagination_bottom{ display: block; position: absolute; /* left: 50%; margin-left: -25%; */ margin-left: -7px; } .marginLB20{ margin-right:0; } .marginRB20 { margin: 5px 20px 20px 0; } .catalog-elements .bx_pagination_bottom { position: relative; z-index: 1; } .sale-item .sale-read-more { margin-right: -27px; text-align: right; } .sale-item .sale-read-more a { font-weight: bold; color: #ff4848; text-decoration: none; } .sale-item .sale-read-more a:hover { text-decoration: underline; } .menu-flip li .cols>ul>li { overflow: visible; } .marker.has_3d img { right: 5px; bottom: 5px; position: inherit; } .marker.has_3d { margin-top: 9px; } .marker.has_3d.section { margin-top: 0; cursor:default; } .wrapp-catalog.list .catalog-elements .marker.has_3d.section img { top: -5px; } .g-recaptcha{ transform: scale(1.13); transform-origin: 0px 0; } .g-recaptcha.forgotpasswd { transform: scale(0.84); transform-origin: 0px 0; } #forgot .row.recaptcha_message{ color:white; margin-top: -20px; } #forgot .wrapp-all.error .row.recaptcha_message { margin-top: 0px; } #forgot .form-rds .l_col{ padding-top: 25px; } .mobile .reg-form .g-recaptcha { transform: scale(1.158); transform-origin: -150px 0; } #prop-allcats{ max-width: 100%; overflow: hidden; } #prop-allcats .allcats_title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 100%; } .bx-filter-parameters-hits-box-title .bx-filter-parameters-box-hint{ font-size: 13px; } .catalog-elements .good_quantity, .ga-item-special-tag .good_quantity { margin: 5px 0 0 0 !important; font-size: 14px; } .catalog-elements .good_quantity span, .ga-item-special-tag .good_quantity > span{ font-size: 14px; color: #4fbb55; } .ga-item-property-icons-block{ display:flex; margin: 9px 0 1px; } .ga-item-property-icon{ width: 30px; height: 30px; background-size: cover !important; margin: 0px 4px 8px; } .mobile .ga-item-property-icons-block{ margin: 15px 0 -20px; position: relative; } .mobile .ga-item-property-icon > div{ display:none; } .mobile .ga-item-property-icon.on > div{ display: block; position: absolute; bottom: calc(100% + 3px); min-width: 200px; padding: 10px 13px; font-size: 13px; text-align: left; color: #848484; background: #fff; border: 1px solid rgba(203,203,203,0.43); -webkit-box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.12); left: 0; z-index: 999; line-height: 16px; } .ga-item-property-icon:first-child { margin-left: 0px; } .ga-item-property-icon.weight_icon_1{ background: url(/local/templates/rds_catalog/./img/product_icons/deliverer01.png) no-repeat 0 0; } .ga-item-property-icon.weight_icon_2{ background: url(/local/templates/rds_catalog/./img/product_icons/0,5.png) no-repeat 0 0; } .ga-item-property-icon.weight_icon_3{ background: url(/local/templates/rds_catalog/./img/product_icons/1,5.png) no-repeat 0 0; } .ga-item-property-icon.weight_icon_4{ background: url(/local/templates/rds_catalog/./img/product_icons/3.png) no-repeat 0 0; } .ga-item-property-icon.raspil_icon{ background: url(/local/templates/rds_catalog/./img/product_icons/raspil.png) no-repeat 0 0; } .ga-item-property-icon.tonnazh_icon{ background: url(/local/templates/rds_catalog/./img/product_icons/lift01.png) no-repeat 0 0; } /* оплатить заказ */ .order-items .order_pay{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 5px; padding: 10px 7px 10px 25px; background: #fff; } .order-items .certs + .order_pay{ padding: 0px 7px 10px 25px; margin-top: -5px; } .order-items .order_pay_button{ height: 30px; padding: 0 20px; font-size: 16px; line-height: 30px; text-transform: uppercase; background: #e4e4e4; text-align: center; width: 176px; } .order-items .certs.pincode + .order_pay .order_pay_button{ width: 142px; } .order-items .certs + .order_pay .order_pay_button{ width: 176px; } .order-make .order_pay { width: 100%; display: flex; margin: auto 0 5px; } .order-make .order_pay_button{ /* width: 200px; */ text-align: center; text-transform: uppercase; background: #e4e4e4; padding: 10px 20px; } .sale-order-detail-title-element { display: flex; } .sale-order-detail-title-element > div:last-child { width: 300px; display: flex; flex-wrap: wrap; } .sale-order-detail-title-element > div:last-child div:first-child { width: 265px; margin: 0 auto; } .order-make .order_payment_additional_text{ margin: 15px 0 0; } .order_pay_button.active { color: white; background: #3f5bd6; } .order_pay_button.active:hover{ background-color: #3c54c2; box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.15); cursor:pointer; } .order-link-link + .order_pay { margin: 30px 0 0 0; } .order-link-link + .order_pay .order_pay_button { padding: 5px 48px; } .order_pay + .order_payment_additional_text { margin: 7px 0 0; } .addition-props-filter.bx-filter-parameters-box{ margin: 0 4px 0 !important; } .catalog-search .addition-props-filter label{ width: auto; } .producer-wrap .bx-filter.bx-filter-inline, .catalog-search .bx-filter.bx-filter-inline{ margin-left: 0; } label.short-label { width: auto; } .operations.sorter-operations{ margin-right: 13px; } .addition-props-filter.sorter-addition-prop{ margin-right: 0; } .nice-select{ padding-right: 10px; } #whatsappChat { position: fixed; bottom: 20px; right: 25px; width: 50px; height: 50px; border-radius: 50%; background: url(/local/templates/rds_catalog/./img/whatsapp.png) center no-repeat; z-index: 5; } .save-order.various.template,.save-cart.various.template { color: #8d8d8d !important; background-color: transparent !important; border: 2px solid #d2d2d2; } .basket .save-order.various.template{ padding: 5px 3px; } .mobile .basket .red-button.template{ padding: 0 13px; } .basket .save-order.various.template, .mobile .save-order.various.template,.mobile .save-cart.various.template { background-color: #e6e6e6 !important; } .save-order.various.template:hover,.save-cart.various.template:hover { background-color: #d6d6d6 !important; border-color: #c8c8c8; } #saveTemplateMessage{ padding: 30px 0; } #saveTemplateMessage .wrapp{ padding: 80px 50px; background: url(/local/templates/.default/images/bg_forms.png) no-repeat left bottom / cover; } #saveTemplateMessage .desc > div:before{ background-image: url(/local/templates/.default/images/mail.png); } #saveTemplateMessage a{ text-decoration: underline; color: #ff4848; } #saveTemplateMessage a:hover{ text-decoration: none; } .cart-shipment-params { font-size: 14px; position: absolute; height: 0; top: 103px; } form .file_input_special_block { /*padding-left: 65px !important;*/ background: url(/local/templates/.default/images/dropship_file_input4.png) no-repeat right 15px center / contain white !important; /*width: 256px !important;*/ font-style: normal !important; color: black !important; } .b_gray{ background: #f3f3f3; padding: 0 !important; } .calculators{ display: flex; } .calculators .cols { width: auto/*33%*/; padding-top: 25px; margin: 0 auto; } .calculators .liSection::before,.calculators .ulArrow li::before{ background: none !important; } .calculators .ulArrow{ margin: 0 !important; } .calculators .ulArrow li{ display: flex; } .calculators .ulArrow li a{ display: block; margin: 0; text-indent: 0; text-decoration: none; text-transform: none; color: #606060; } .calculators h5{ display: flex; align-items: flex-end; margin-top: 0; text-transform: uppercase; font-size: 15px; text-align: left; letter-spacing: 0.01em; line-height: 16px; font-weight: bold; } .calculators h5 div { margin: 0 0 4px 10px; } .calculators .cols .liSection{ padding-left: 5px; } .calculators .col0 .liSection{ padding-left: 0; } body.mobile .calculators{ display: block; } body.mobile .calculators .cols { width: 100%; } body.mobile .calculators .cols .liSection{ padding-left: 25px; } .ga-item-characteristics-tr.good_quantity .characteristic-value{ color: #4fbb55; } .wrapp .alive > span,.wrapp .alive-inner > span,.isset-good > span{ color: #4fbb55; } .ga-item-vertical-rating-block{ display: block; position: absolute; top: 20px; right: 30px; margin: 0; height: 0; width: 0; } .wrapp-catalog.list .ga-item-vertical-rating-block{ display: none; } .ga-item-vertical-rating-block .rating-star{ width: 20px; height: 17px; margin: 0px 0 3px; background: url("/local/templates/rds_catalog/images/single_star.png") no-repeat; } .ga-item-vertical-rating-block .rating-star.part{ background: url("/local/templates/rds_catalog/images/single_star_part.png") no-repeat; } .ga-item-vertical-rating-block .rating-star.full{ background: url("/local/templates/rds_catalog/images/single_star_active.png") no-repeat; } .box_elements .element .bay input.ga-item-count-input{ height: 18px; box-sizing: initial; } .form-rds input.date { width: 120px !important; } .stickyFixedClass .basket .title span{ top:5px; } .stickyFixedClass .vertical .desire span { top: 2px; } .stickyFixedClass .vertical .comparison span { top: 2px; } .stickyFixedClass .basket { top: -1px; } .stickyFixedClass .basket .pay{ top: 5px; max-width: 98px; font-size:17px; overflow: hidden; white-space: nowrap; margin-left:9px; margin-right:0px; } body .stickyFixedClass .vertical .desire a{ margin-top:0px; } body .stickyFixedClass .basket .title-box { flex-wrap: nowrap; display: flex; } /* cable calculator */ .hidden { display: none; } .nav.nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .nav.nav-tabs > * { position: relative; margin: 0; width: 50%; padding: 5px 14px; text-align: center; font-size: 20px; font-weight: bold; border: 2px solid transparent; border-bottom-color: #e4e4e4; border-right-color: #e4e4e4; cursor: pointer; box-sizing: border-box; background: #F3F3F3; } .nav.nav-tabs > *:before { content: none; } .nav.nav-tabs > *:last-child { border-right-color: transparent; } .nav.nav-tabs > *.active { background: #fff; border-top-color: #e4e4e4; border-bottom-color: transparent; } .nav.nav-tabs > * a { display: block; text-decoration: none; } .nav.nav-tabs > *.active a { color: #ff4848; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } #standart_cabel_types { display: flex; justify-content: space-between; } .ga-item-detail #standart_cabel_types { flex-wrap: wrap; justify-content: left; } #standart_cabel_types .standartSelector { font-size: 14px; font-weight: bold; } .ga-item-detail #standart_cabel_types .standartSelector { margin: 0 10px 10px 0; } #standart_cabel_types .gray-button { color: #000 !important; background: #d5d5d5 !important; } #complex_form .blue-button, #complex_form .gray-button { width: 260px; padding-left: 0; padding-right: 0; } #complex_form .gray-button { background: #909090 !important; } #complex_form .gray-button:hover { background: #707070 !important; } .cable-calc input[type=number]::-webkit-inner-spin-button, .cable-calc input[type=number]::-webkit-outer-spin-button { opacity: 1; } .btn-close{ display: block; width: 14px; height: 14px; background: url(/local/templates/.default/img/close.png) no-repeat center center; cursor: pointer; } .btn-close:hover{ background-image: url(/local/templates/.default/img/close_hover.png); } .cable-calc-cols { display: flex; justify-content: space-between; } .cable-calc-cols .col { width: calc(50% - 14px); } .cable-calc-cols .col td:nth-child(2) { text-align: center; } .cable-calc-cols .col td:nth-child(3) { height: 33px; padding: 8px 15px; text-align: right; } .cable-calc-cols .col td img { display: block; float: right; } .favorites_controls{ display: flex; flex-wrap: nowrap; float: right; margin: -20px 0 30px; position: relative; } .favorites_controls .favorites-action{ flex-shrink: 0; } .favorites_controls .favorites-action a{ line-height: 39px; height: 39px; /*font-size: 24px;*/ } .favorites_controls .save-order-template { margin: 0 25px; } .favorites_controls .add-to-cart a{ padding: 0 7px; } .favorites_controls .save-order-template a{ padding: 0px 32px; } .favorites_controls ~ .ga-item-similar-block { margin-top: 65px; } .wrapp-catalog.list .favorites_controls ~ .ga-item-similar-block { margin-top: 113px; } .bx-filter .operations .clear-favorites{ color: #b4b4b4; margin: 0 15px 0 10px; } .bx-filter .operations .clear-favorites:hover { text-decoration: underline; cursor: pointer; } .favorites-page .operations.sorter-operations{ margin-right: 0; } .favorites-page .tab-filter .price-box{ margin-right: 0; } a[data-tooltip],div[data-tooltip] { position: relative; } a[data-tooltip]:hover:after,div[data-tooltip]:hover:after { content: attr(data-tooltip); position: absolute; left: 50%; bottom: 100%; padding: 2px 6px; white-space: nowrap; color: #252423; font-size: 12px; background: #fff; border: 1px #252423 solid; } /* изменение единицы измерения */ .ga-item-measure-block{ display: inline-block; margin-left: 5px; cursor: pointer; } .catalog-elements .ga-item-measure-block{ position: relative; z-index: 20; } .ga-item-measure-block{ border-bottom: 1px dashed #252423; } .ga-item-measure-block.cart_list{ margin-bottom: -1px; } .ga-item-measure-block .ga-item-related-items-block{ position: absolute; padding: 0px; top: -21px; margin-top: 0; display: none; line-height: 22px; } .ga-item-measure-block.active .ga-item-related-items-block{ display: block; } .section_list_measures_conteiner .ga-item-related-items-block{ padding: 0 0 2px; line-height: 17px; } .ga-item-measure-block .measure_name { display: inline-block; font-size: 18px; color: #989898; line-height: 20px; vertical-align: middle; } .ga-item-measure-block .ga-item-count-measure,.ga-item-measure-block .measure_name{ margin-left: 0; } .ga-item-measure-arrow { display: inline-block; vertical-align: bottom; transform: rotate(180deg); padding: 0 0 3px; font-size: 0; margin-bottom: 3px; margin-left: 3px; } .ga-item-measure-block.active .ga-item-measure-arrow{ margin-bottom: 1px; transform: rotate(0deg); } .catalog-elements .ga-item-measure-arrow{ vertical-align: unset; margin-bottom: 0; } .catalog-elements .ga-item-measure-block.active .ga-item-measure-arrow{ margin-bottom: -2px; } .bx_ordercart .ga-item-measure-block.active .ga-item-measure-arrow{ margin-bottom: 3px; } .ga-item-measure-block .change_measure{ cursor: pointer; font-size: 18px; font-family: 'PT Sans', sans-serif; text-align: initial; letter-spacing: normal; color: #252423; line-height: 20px; font-weight: normal; letter-spacing: 0.01em; text-align: center; padding: 1px 10px 2px; } .ga-item-measure-block .change_measure:hover{ color: #ff4848; } .section_list_measures_conteiner, .ga-item-measure-conteiner, .cart_list_measures_conteiner{ position: relative; margin-right: 17px; display: flex; justify-content: center; } .ga-item-measure-block .ga-item-count-measure, .ga-item-measure-block .measure_name{ color: #252423; font-weight: normal; } .bx_ordercart .d-desc .item_weigth, .bx_ordercart .d-desc .measure{ color: initial !important } .ga-item-measure-block .measure_arrow{ font-size: 20px; color: #ff4848; vertical-align: bottom; line-height: 15px; margin-left: 4px; margin-bottom: 2px; } .ga-item-measure-block.active .measure_arrow{ transform: rotate(180deg); margin-bottom: -1px; } /* end изменение единицы измерения */ .wrapp-catalog .catalog_bottom_wrap { display: flex; } .wrapp-catalog .catalog_bottom_wrap .catalog_nav_str_bottom { float: none; text-align: left; } .wrapp-catalog .catalog_bottom_wrap .bx_pagination_bottom { position: relative; margin-right: -7px; } .wrapp-catalog .catalog_bottom_wrap .bx_pagination_bottom .bx_pagination_page li { margin-right: 0; margin-left: 7px; } .bx-system-auth-form .row:last-child{ margin-bottom: 30px; } .bx-system-auth-form-or { display: flex; align-items: center; margin: -8px 0 -6px; color: white; } .bx-system-auth-form-or:before, .bx-system-auth-form-or:after { flex: 1 1 auto; width: 100%; content: ""; height: 1px; background-color: white; } .bx-system-auth-form-or:before { margin-right: 5px; } .bx-system-auth-form-or:after { margin-left: 5px; } .bx-system-auth-form .foot-popup { padding-top: 35px; } p.bx-auth-serv-text { margin-bottom: 3px; font-size: 10px; } div.bx-auth-serv-icons { text-align: center; } div.bx-auth-serv-icons span { display: none; } .bx-ss-button { margin: 0 !important; width: 45px !important; height: 44px !important; border: none !important; border-radius: 22px; } .bx-ss-button.yandex-button { margin-top: 10px !important; width: 100% !important; background: url(/local/templates/rds_catalog/./img/yandex_wide.svg) no-repeat center !important; } /*.bx-system-auth-form.page-single .bx-ss-button.yandex-button { margin-top: 0 !important; width: 45px !important; background: url(/local/templates/rds_catalog/./img/yandex.png) no-repeat center !important; }*/ /*div.bx-auth-serv-icons a { margin: 0 3px 0 0; border: none !important; } div.bx-auth-serv-icons i { margin: 0; border: none !important; } .bx-ss-icon { width: 44px; height: 44px; } .bx-ss-icon.yandex { background: url(/local/templates/rds_catalog/./img/yandex.svg) no-repeat center; }*/ #cookie_note{ display: none; position: fixed; z-index: 9; bottom: 15px; left: 50%; width: 500px; max-width: 90%; transform: translateX(-50%); padding: 20px; background-color: white; border-radius: 4px; box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4); } #cookie_note.show { display: flex; gap: 12px; align-items: center; } #cookie_note .btn { padding: 8px 16px; font-size: 16px; font-weight: bold; color: #ffffff; text-align: center; background-color: #ff4848; border: none; } input[type=checkbox].red { display: none; } input[type=checkbox].red + label { display: inline-block; vertical-align: text-top; width: 16px; height: 15px; background: url(/local/templates/.default/css/../img/g_off.png) left center no-repeat; } input[type=checkbox].red:checked + label { background: url(/local/templates/.default/css/../img/g_on.png) left center no-repeat; } /* End */ /* /local/templates/rds_catalog/plagins/mscrollbar/jquery.mCustomScrollbar.css?157556152353570 */ /* /local/templates/rds_catalog/plagins/fancybox/source/jquery.fancybox.css?15223319314771 */ /* /local/templates/rds_catalog/css/jquery-ui.min.css?152112596819051 */ /* /local/templates/rds_catalog/plagins/countdown/style.css?15432500282744 */ /* /local/templates/rds_catalog/css/catalog-list.css?164206433517055 */ /* /local/templates/rds_catalog/css/catalog-common.css?16372308015799 */ /* /local/components/rds/invoice.form/style.css?16158846814248 */ /* /local/templates/rds_catalog/css/auth.css?16704256546848 */ /* /local/templates/.default/components/bitrix/menu/top/style.css?1510980241295 */ /* /local/components/rds/search.title/templates/speak/style.css?16164243297773 */ /* /local/components/rds/basket.top/templates/.default/style.css?16397446689215 */ /* /local/components/rds/left.menu/templates/.default/style.css?164181514316788 */ /* /local/components/rds/page.now/templates/views/style.css?151098024193 */ /* /local/components/rds/page.now/templates/orders/style.css?151098024196 */ /* /local/components/rds/order.now/templates/.default/style.css?15256768642297 */ /* /local/templates/.default/components/rds/sale.viewed.product/.default/style.css?15206733892075 */ /* /local/templates/.default/components/bitrix/breadcrumb/bottom/style.css?16351731271026 */ /* /local/templates/.default/components/bitrix/menu/.default/style.css?1510980241222 */ /* /local/templates/.default/components/bitrix/system.auth.form/.default/style.css?1510980241443 */ /* /local/templates/.default/ajax/ajax.min.css?1510980241420 */ /* /bitrix/js/socialservices/css/ss.min.css?15109800144566 */ /* /local/templates/.default/components/bitrix/system.auth.forgotpasswd/.default/style.css?1637930229335 */ /* /local/templates/rds_catalog/css/forms.css?16589108527029 */ /* /local/templates/rds_catalog/styles.css?15966418714351 */ /* /local/templates/rds_catalog/template_styles.css?1750079765183802 */