/* Start:/local/templates/oilpump/css/jquery.mCustomScrollbar.css?158304280153583*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/oilpump/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .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/oilpump/css/jquery-ui.css?158304280137633*/ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .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); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .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; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .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; } /* with multiple calendars */ .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; } /* RTL support */ .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; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .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 #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ 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 #cccccc; 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 #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .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); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/local/templates/oilpump/css/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/local/templates/oilpump/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/oilpump/css/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/local/templates/oilpump/css/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/local/templates/oilpump/css/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/local/templates/oilpump/css/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/local/templates/oilpump/css/images/ui-icons_777777_256x240.png"); } /* positioning */ .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 is deprecated, use ui-icon-seek-start instead */ .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; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .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; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* End */ /* Start:/local/templates/oilpump/css/search-autocomplete.css?15830428011466*/ li.ui-menu-item::before { display: none !important; } ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front { border: 1px solid black; } li.ui-menu-item { text-overflow: ellipsis; overflow: hidden; } li.ui-menu-item a{ white-space: nowrap; } .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .ui-state-active, .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .ui-state-active:hover { background-color: unset !important; border: unset !important; font-weight: unset !important; color: black; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: unset !important; color: #004ac5 !important; } .ui-menu li a { text-decoration: underline; } .oilpump-wide-search { } .wide-search-form { display: block; /*width: auto;*/ float: right; width: 100%; /*border: 1px solid black;*/ } .wide-header_search_form_input { float: left; height: 28px; border: 1px solid black; width: calc(100% - 32px); } .wide-header_search_form_input:focus { outline-width: 0; border: 1px solid #004ac5; } .wide-search-btn { display: block; float: right; /*border: unset;*/ border: 1px solid #004ac5; height: 28px; width: 32px; margin-left: -4px; background-position: center; background-image: url("/local/templates/oilpump/img/icons/search.png"); background-repeat: no-repeat; background-color: #004ac5; } /* End */ /* Start:/local/templates/oilpump/template_styles.css?1756278114338602*/ @charset "UTF-8"; @font-face { font-family: icons; src: url("/local/templates/oilpump/fonts/icons/icons.woff") format("woff"), url("/local/templates/oilpump/fonts/icons/icons.woff2") format("woff2"), url("/local/templates/oilpump/fonts/icons/icons.eot") format("eot"), url("/local/templates/oilpump/fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("/local/templates/oilpump/fonts/icons/icons.ttf") format("truetype"), url("/local/templates/oilpump/fonts/icons/icons.svg#icons") format("svg"); font-display: swap; } @font-face { font-family: "k-junior"; src: url("/local/templates/oilpump/fonts/k-junior/k-junior.woff2") format("woff2"), url("/local/templates/oilpump/fonts/k-junior/k-junior.woff") format("woff"), url("/local/templates/oilpump/fonts/k-junior/k-junior.eot") format("eot"), url("/local/templates/oilpump/fonts/k-junior/k-junior.eot?#iefix") format("embedded-opentype"), url("/local/templates/oilpump/fonts/k-junior/k-junior.ttf") format("truetype"), url("/local/templates/oilpump/fonts/k-junior/k-junior.svg#k-junior") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ button, hr, input { overflow: visible } a:active, a:hover, button:focus { outline: 0 } .fancybox-nav, .slick-slider, html { -webkit-tap-highlight-color: transparent } .b-table_blue, table { /*border-collapse: collapse;*/ border-spacing: 0 } .description, .slick-slide.dragging img { pointer-events: none } html { line-height: 1.15 } menu, article, aside, details, footer, header, nav, section { display: block } figcaption, figure, main { display: block } hr { } abbr[title] { text-decoration: underline; text-decoration: underline dotted } code, kbd, progress, samp { } mark { background-color: #ff0 } audio, canvas, video { display: inline-block } button, input, optgroup, select, textarea { line-height: 1.15 } button { outline: none; border: none; } button, select { text-transform: none } [type=submit], [type=reset], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; white-space: normal } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } [hidden], template { display: none } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object { padding: 0; margin: 0; border: 0; outline: 0; vertical-align: top } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020 } .fancybox-inner, .fancybox-outer, .fancybox-skin { position: relative } .fancybox-skin { background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px } .fancybox-opened { z-index: 8030 } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); box-shadow: 0 10px 25px rgba(0, 0, 0, .5) } .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-iframe, .fancybox-image { display: block; width: 100%; height: 100% } .fancybox-image { max-width: 100%; max-height: 100% } #fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span { /*background-image: url(/local/templates/oilpump/../../bower_components/fancybox/source/fancybox_sprite.png)*/ } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: .8; cursor: pointer; z-index: 8060 } .fancybox-close, .fancybox-nav, .fancybox-nav span { z-index: 8040; position: absolute; cursor: pointer } #fancybox-loading div { width: 44px; height: 44px; /*background: url(/local/templates/oilpump/../../bower_components/fancybox/source/fancybox_loading.gif) center center no-repeat*/ } .fancybox-nav { top: 0; width: 40%; height: 100%; text-decoration: none; /*background: url(/local/templates/oilpump/../../bower_components/fancybox/source/blank.gif)*/ } .fancybox-prev { left: 0 } .fancybox-next { right: 0 } .fancybox-nav span { top: 50%; width: 36px; height: 34px; margin-top: -18px; 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 } .fancybox-lock, .fancybox-lock body { overflow: hidden !important } .fancybox-lock { width: auto } .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/oilpump/../../bower_components/fancybox/source/fancybox_overlay.png)*/ } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0 } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll } pre, textarea { overflow: auto } .fancybox-title { visibility: hidden; font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050 } .fancybox-opened .fancybox-title { visibility: visible } .invisible, .l-mobile-nav, .slick-loading .slick-slide, .slick-loading .slick-track { visibility: hidden } .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: 0 0; background: rgba(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: 700; line-height: 24px; white-space: nowrap } .slick-slide img, .slick-track, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } hr, img, legend { border: 0 } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff } body, figure { margin: 0 } .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) } legend, td, th { padding: 0 } .m-carousel { position: relative; } @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-next span, .fancybox-prev span { /*background-image: url(/local/templates/oilpump/../../bower_components/fancybox/source/fancybox_sprite@2x.png);*/ background-size: 44px 152px } #fancybox-loading div { /*background-image: url(/local/templates/oilpump/../../bower_components/fancybox/source/fancybox_loading@2x.gif);*/ background-size: 24px 24px } } .slick-slider .slick-list, .slick-slider .slick-track { -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0) } [dir=rtl] .slick-slide { float: right } /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=854d4a17651b3eabe3a3ba58e69e8991) * Config saved to config.json and https://gist.github.com/854d4a17651b3eabe3a3ba58e69e8991 *//*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { color: #333 } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } a { -webkit-text-decoration-skip: objects; background-color: transparent } abbr[title] { border-bottom: 1px dotted } b, optgroup, strong { font-weight: 700 } dfn { font-style: italic } h1 { margin: .67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { vertical-align: middle } svg:not(:root) { overflow: hidden } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible; cursor: pointer } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .m-pulse-loader_figure, .mapBaloon, .mapBaloon__content, .mfp-container, .selectize-dropdown, .selectize-input, .slick-slider, img.mfp-img { box-sizing: border-box } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } a:focus, a:hover { color: #23527c; text-decoration: underline } a:focus { outline-offset: -2px; outline: 0 } .img-responsive { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto } .img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #eee } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px } [role=button] { cursor: pointer } @media (min-width:768px) { .container { width: 760px } } @media (min-width:992px) { .container { width: 980px } } @media (min-width:1200px) { .container { width: 1170px; } } @media (min-width:1230px) { .container { width: 1210px; } } .row { margin-left: -20px; margin-right: -20px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { content: " "; display: table } .clearfix:after, .container-fluid:after, .container:after, .row:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right !important } .pull-left { float: left !important } .hide { display: none !important } .show { display: block !important } .hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .affix { position: fixed } @-ms-viewport { width: device-width; } @media (max-width:767px) { .visible-xs { display: block !important } table.visible-xs { display: table !important } tr.visible-xs { display: table-row !important } td.visible-xs, th.visible-xs { display: table-cell !important } .visible-xs-block { display: block !important } .visible-xs-inline { display: inline !important } .visible-xs-inline-block { display: inline-block !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block !important } table.visible-sm { display: table !important } tr.visible-sm { display: table-row !important } td.visible-sm, th.visible-sm { display: table-cell !important } .visible-sm-block { display: block !important } .visible-sm-inline { display: inline !important } .visible-sm-inline-block { display: inline-block !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display: block !important } table.visible-md { display: table !important } tr.visible-md { display: table-row !important } td.visible-md, th.visible-md { display: table-cell !important } .visible-md-block { display: block !important } .visible-md-inline { display: inline !important } .visible-md-inline-block { display: inline-block !important } } @media (min-width:1200px) { .visible-lg { display: block !important } table.visible-lg { display: table !important } tr.visible-lg { display: table-row !important } td.visible-lg, th.visible-lg { display: table-cell !important } .visible-lg-block { display: block !important } .visible-lg-inline { display: inline !important } .visible-lg-inline-block { display: inline-block !important } .hidden-lg { display: none !important } } @media (max-width:767px) { .hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none !important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none !important } } .visible-print { display: none !important } @media print { .visible-print { display: block !important } table.visible-print { display: table !important } tr.visible-print { display: table-row !important } td.visible-print, th.visible-print { display: table-cell !important } } .visible-print-block { display: none !important } @media print { .visible-print-block { display: block !important } } .visible-print-inline { display: none !important } @media print { .visible-print-inline { display: inline !important } } .visible-print-inline-block { display: none !important } @media print { .visible-print-inline-block { display: inline-block !important } .hidden-print { display: none !important } } .drops-list>li:before, .e-btn-with-arrow:after, .i-arrow-down:before, .i-arrow-up:before, .i-bc-arrow:before, .i-chemistry:before, .i-cross:before, .i-doc-file:before, .i-engine:before, .i-location:before, .i-phone:before, .i-rain-drops:before, .i-right-arrow-thin:before, .i-search:before, .i-shield-question:before, .i-skype:before, .i-slider-next-arrow:before, .i-slider-prev-arrow:before, .i-spa-waters:before, .i-water-can:before, .i-water-circle:before, .l-footer_nav_toggler:before, .m-back-to-top:before, .m-breadcrumbs_item_divider:before, .m-dealers_list_item:before, .m-file:before, .m-products-nav_item.-parent .m-products-nav_item_title:before, .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_1"]:before, .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_2"]:before, .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_3"]:before, .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_4"]:before, .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_5"]:before, .m-pumps_dropdown_nav .selectize-input>.item[data-value="#pumpprod_1"]:before, .m-pumps_dropdown_nav .selectize-input>.item[data-value="#pumpprod_2"]:before, .m-pumps_dropdown_nav .selectize-input>.item[data-value="#pumpprod_3"]:before, .m-pumps_dropdown_nav .selectize-input>.item[data-value="#pumpprod_4"]:before, .m-pumps_dropdown_nav .selectize-input>.item[data-value="#pumpprod_5"]:before, .m-slider .slick-next:before, .m-slider .slick-prev:before, .mfp-close:before { font-family: icons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; text-transform: none } .i-arrow-down:before { content: "" } .i-arrow-up:before { content: "" } .i-bc-arrow:before { content: "" } /*.i-chemistry:before { content: "" }*/ .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_15"]:before, .m-pumps_dropdown_nav .selectize-input .item[data-value="#pumpprod_15"]:before, .is-active .i-chemistry:before { content: url(/local/templates/oilpump/img/icons/chemistry.png); width: 24px; height: 24px; } .i-chemistry:before { content: url(/local/templates/oilpump/img/icons/chemistry_two.png); width: 24px; height: 24px; } .i-cross:before { content: "" } .i-doc-file:before { content: "" } /*.i-engine:before { content: "" }*/ .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_14"]:before, .m-pumps_dropdown_nav .selectize-input .item[data-value="#pumpprod_14"]:before, .is-active .i-engine:before { content: url(/local/templates/oilpump/img/icons/engine.png); width: 24px; height: 24px; } .i-engine:before { content: url(/local/templates/oilpump/img/icons/engine_two.png); width: 24px; height: 24px; } .i-location:before { content: "" } .i-phone:before { content: "" } .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_13"]:before, .m-pumps_dropdown_nav .selectize-input .item[data-value="#pumpprod_13"]:before, .i-rain-drops:before { content: "" } .i-right-arrow-thin:before { content: "" } .i-search:before { content: "" } .i-shield-question:before { content: "" } .i-skype:before { /*content: "";*/ content: "S"; } .i-slider-next-arrow:before { content: "" } .i-slider-prev-arrow:before { content: "" } .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_12"]:before, .m-pumps_dropdown_nav .selectize-input .item[data-value="#pumpprod_12"]:before, .i-spa-waters:before { content: "" } .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_11"]:before, .m-pumps_dropdown_nav .selectize-input .item[data-value="#pumpprod_11"]:before, .i-water-can:before { content: "" } .i-water-circle:before { content: "" } .m-pumps_dropdown_nav .selectize-dropdown .option:before, .m-pumps_dropdown_nav .selectize-input .item:before{ display: inline-block; font-size: 24px; line-height: 1; color: #004ac5; font-family: icons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; text-transform: none } .g-inner-page { background-image: url(/local/templates/oilpump/img/clouds.png); background-position: center top; background-repeat: no-repeat } @media (min-width:1920px) { .g-inner-page { background-size: contain } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes pulse-loader-figure { 0% { height: 0; width: 0 } 30% { height: 2em; width: 2em; border-width: 1.05em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0 } } @keyframes pulse-loader-figure { 0% { height: 0; width: 0 } 30% { height: 2em; width: 2em; border-width: 1.05em; opacity: 1 } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0 } } @-webkit-keyframes pulse-loader-label { 0%, 100% { opacity: .2 } 30% { opacity: 1 } } @keyframes pulse-loader-label { 0%, 100% { opacity: .2 } 30% { opacity: 1 } } @-webkit-keyframes bounce { 90%, from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 30% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } 60% { -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0) } } @keyframes bounce { 90%, from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 30% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } 60% { -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0) } } /* html { overflow-y: auto } */ body { -webkit-overflow-scrolling: touch; min-width: 320px; min-height: 100vh; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; background-color: #f0f1f6 } .e-img-with-bg, body.g-mobile-menu-open { overflow: hidden } a { cursor: pointer; -webkit-transition: color .3s ease; transition: color .3s ease } .e-like-h1, .e-like-h2, .e-like-h3, .e-like-h4, .e-like-h5, .e-like-h6, h1, h2, h3, h4, h5, h6 { color: #292929 } .e-like-h4, h4 { font-size: 1rem; } .e-like-h1, h1 { font-weight: 700; font-size: 24px } @media only screen and (min-width:768px) { .e-like-h1, h1 { font-size: 32px } } @media only screen and (min-width:1230px) { .e-like-h1, h1 { font-size: 1.81rem; } .e-lg-nowrap { white-space: nowrap } } .e-like-h3, h3 { margin: 0 0 10px; font-weight: 500; font-size: 20px } @media only screen and (min-width:768px) { .e-like-h3, h3 { margin: 0 0 20px; font-size: 1.25rem; } } .dash-list, .dots-list, .drops-list { margin: 0 0 25px; outline: 0; vertical-align: baseline; box-shadow: none; text-decoration: none; font-family: inherit; list-style-type: none } .dash-list, .dots-list { padding: 0; border: none; border-radius: 0; background: 0 0; font-size: 100% } .dash-list>li, .dots-list>li { position: relative; font-weight: inherit; font-size: 100% } .dash-list>li::before, .dots-list>li::before { display: block; content: ' '; position: absolute; left: 0 } .dots-list>li { padding-left: 11px } .dots-list>li::before { top: 10px; width: 5px; height: 5px; border-radius: 50%; background: #ffc000 } @media only screen and (min-width:768px) { .dots-list>li { padding-left: 15px } .dots-list>li::before { top: 12px } } .dash-list>li { padding-left: 18px } .dash-list>li::before { top: 12px; width: 14px; height: 2px; background: #ffc000 } @media only screen and (min-width:768px) { .dash-list>li { padding-left: 21px } .dash-list>li::before { top: 13px } } .drops-list { padding: 0; border: none; border-radius: 0; background: 0 0; font-size: 100% } .drops-list>li { position: relative; padding-left: 33px; font-weight: inherit; font-size: 100% } .drops-list>li:before { content: "" } .drops-list>li::before { display: block; position: absolute; top: 1px; left: 0; color: #004ac5; font-size: 20px; line-height: 1 } @media only screen and (min-width:768px) { .drops-list>li::before { top: 3px } .e-sm-nowrap { white-space: nowrap } } .e-nowrap { white-space: nowrap } @media only screen and (min-width:1022px) { .g-disable-hover { pointer-events: none } .drops-list>li::before { top: 4px } .e-md-nowrap { white-space: nowrap } } .e-talign-left { text-align: left } .e-talign-center { text-align: center } .e-talign-right { text-align: right } .e-fw-light { font-weight: 300 } .e-fw-normal { font-weight: 400 } .e-fw-bold, .e-link { font-weight: 700 } .e-pull-left { float: left } .e-uppercase { text-transform: uppercase } .e-lowercase { text-transform: lowercase } .e-blue { color: #004ac5 } .e-yellow { color: #ffc000 } .e-orange { color: #ffae00 } .e-red { color: #ff0303 } .e-link { border-bottom: 2px solid #004ac5; color: #414141; text-decoration: none; font-size: 14px; line-height: 1.4; -webkit-transition: .3s ease; transition: .3s ease } .e-link:hover { border-bottom-color: transparent; color: #004ac5; text-decoration: none } .e-link--yellow { border-bottom-color: #ffc000 } .e-link--yellow:hover { color: #ffc000 } .e-page-header { margin: 0 0 15px; color: #414141; font-weight: 500; font-size: 1.81rem; line-height: 1 } .e-img-with-bg { text-align: center; background: #fff; border-radius: 8px; padding: 15px 25px } @media only screen and (min-width:768px) { .e-page-header { font-size: 1.81rem } .e-img-with-bg { padding: 20px 35px } } @media only screen and (min-width:1230px) { .e-page-header { margin: 0 0 30px; font-size: 1.81rem } .e-img-with-bg { padding: 20px 50px } } .e-blue-btn, .e-yellow-btn { padding: 15px 35px; -webkit-transition: .4s ease; border-radius: 8px; font-size: 14px; line-height: 1.2; display: inline-block; font-weight: 700; } .e-img-with-bg img { display: inline-block; max-width: 100%; width: auto; max-height: 180px } @media only screen and (min-width:768px) { .e-img-with-bg img { max-height: 315px } } .e-rounded { border-radius: 8px } .e-yellow-btn { background: #ffc000; box-shadow: inset 0 0 0 2px transparent; color: #00358d; transition: .4s ease } .e-yellow-btn:hover { background: #ffd248; box-shadow: inset 0 0 0 2px #ffd248; } .e-blue-btn { background: #004ac5; box-shadow: inset 0 0 0 2px transparent; color: #fff; transition: .4s ease; border: none; } .e-blue-btn.active, .e-blue-btn:hover { background: #196efd; box-shadow: inset 0 0 0 2px #196efd; color: #fff } .e-blue-btn:focus { color: #fff; } .e-white-btn { display: inline-block; padding: 16px 11px; border-radius: 8px; background: #fff; box-shadow: inset 0 0 0 2px transparent; color: #004ac5; font-weight: 700; font-size: 14px; line-height: 1.2; -webkit-transition: .4s ease; transition: .4s ease } @media only screen and (min-width:768px) { .e-white-btn { padding: 16px 25px } } .e-white-btn:hover { background: 0 0; box-shadow: inset 0 0 0 2px #ffc000; color: #ffc000 } .e-btn-with-arrow:after { content: "" } .e-btn-with-arrow>span { display: inline-block; vertical-align: middle } .e-btn-with-arrow::after { display: inline-block; margin-top: 2px; margin-left: 15px; color: inherit; vertical-align: middle; font-size: 32px; line-height: 10px } .e-btn--small { padding: 10px 8px; text-transform: uppercase; font-size: 10px } @media only screen and (min-width:768px) { .e-btn--small { padding: 10px 17px } } .e-loader, .mfp-s-loading .mfp-preloader { position: relative; width: 32px; height: 32px } .e-loader::before, .mfp-s-loading .mfp-preloader::before { display: block; content: ' '; position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 0; height: 0; border: 0 solid #004ac5; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: pulse-loader-figure 1.15s infinite cubic-bezier(.215, .61, .355, 1); animation: pulse-loader-figure 1.15s infinite cubic-bezier(.215, .61, .355, 1) } .e-loader.-yellow::before, .mfp-s-loading .-yellow.mfp-preloader::before { border: 0 solid #ffc000 } .e-simple-loader { width: 35px; height: 35px; border: .4em solid rgba(0, 0, 0, .2); border-top-color: #000; border-radius: 50%; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear } .e-simple-loader.-double { border-width: .5em; border-style: double } .m-pulse-loader { position: relative; overflow: visible; padding-top: 2em; width: 2em; height: 0 } .m-pulse-loader_figure { position: absolute; top: 50%; left: 50%; width: 0; height: 0; border: 0 solid #333; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: pulse-loader-figure 1.15s infinite cubic-bezier(.215, .61, .355, 1); animation: pulse-loader-figure 1.15s infinite cubic-bezier(.215, .61, .355, 1) } .mfp-bg, .mfp-wrap { position: fixed; top: 0; left: 0 } .mfp-bg, .mfp-container, .mfp-wrap { width: 100%; height: 100% } .m-pulse-loader_label { float: left; margin: .5em 0 0 50%; color: #000; white-space: nowrap; font-size: .875em; line-height: 1.5em; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: pulse-loader-label 1.15s infinite cubic-bezier(.215, .61, .355, 1); animation: pulse-loader-label 1.15s infinite cubic-bezier(.215, .61, .355, 1) } .mfp-bg { z-index: 1042; overflow: hidden; background: #038; opacity: .75 } .mfp-wrap { z-index: 99999; outline: 0 !important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; left: 0; top: 0; padding: 0 120px } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none !important } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #CCC } .mfp-preloader a:hover { color: #FFF } .mfp-s-loading .mfp-preloader { position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; font-size: 0; background: 0 0; border-top: 5px solid rgba(255, 255, 255, .3); border-right: 5px solid rgba(255, 255, 255, .3); border-bottom: 5px solid rgba(255, 255, 255, .3); border-left: 5px solid #fff; -webkit-animation-duration: 1s; animation-duration: 1s } .mfp-s-error .mfp-content, .mfp-s-loading .mfp-preloader:after, .mfp-s-loading .mfp-preloader:before, .mfp-s-ready .mfp-preloader { display: none } .mfp-arrow, .mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation } .mfp-figure:after, .mfp-iframe-scaler iframe { box-shadow: 0 0 0 transparent; position: absolute; left: 0 } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { position: absolute; top: 0; right: 0; text-decoration: none; text-align: center; opacity: 1; color: #c6c6c6; font-style: normal; font-size: 0; line-height: 1; padding: 20px; -webkit-transition: .3s color ease, .3s opacity ease, .3s -webkit-transform ease; transition: .3s color ease, .3s opacity ease, .3s -webkit-transform ease; transition: .3s color ease, .3s opacity ease, .3s transform ease; transition: .3s color ease, .3s opacity ease, .3s transform ease, .3s -webkit-transform ease } .mfp-close:before { content: "" } .mfp-close::before { color: inherit; line-height: 1 } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #c6c6c6; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 14px; line-height: 21px; white-space: nowrap } .mfp-figure, img.mfp-img { line-height: 0 } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-image-holder .mfp-content, img.mfp-img { max-width: 100% } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { display: block; top: 0; width: 100%; height: 100%; background: #000 } .mfp-figure:after, img.mfp-img { width: auto; height: auto; display: block } img.mfp-img { padding: 50px 0; margin: 0 auto } @media only screen and (min-width:1022px) { img.mfp-img { padding: 80px 0 } } .mfp-figure:after { content: ''; top: 80px; bottom: 80px; right: 0; z-index: -1; background: #444 } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -76px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { font-size: 15px; text-align: left; line-height: 1.3; color: #F3F3F3; word-wrap: break-word; padding-right: 36px } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, .6); position: fixed; text-align: center; padding: 0 } } .selectize-control, .selectize-input { position: relative } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform: scale(.75); transform: scale(.75) } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 45px; padding-right: 45px } .mfp-container.mfp-inline-holder { padding-left: 10px; padding-right: 10px } } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all .15s ease-out; transition: all .15s ease-out } .mfp-fade.mfp-bg.mfp-ready { opacity: .8 } .mfp-fade.mfp-bg.mfp-removing { opacity: 0 } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all .15s ease-out; transition: all .15s ease-out } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 } .mfp-scale.mfp-bg { opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease } .mfp-scale.mfp-bg.mfp-ready { opacity: .75 } .mfp-scale.mfp-bg.mfp-removing, .mfp-scale.mfp-wrap .mfp-arrow, .mfp-scale.mfp-wrap .mfp-close { opacity: 0 } .mfp-scale.mfp-wrap .mfp-content { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); -webkit-transition: all .3s ease; transition: all .3s ease } .mfp-scale.mfp-wrap.mfp-ready .mfp-content { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } .mfp-scale.mfp-wrap.mfp-ready .mfp-arrow, .mfp-scale.mfp-wrap.mfp-ready .mfp-close { opacity: 1 } .mfp-scale.mfp-wrap.mfp-removing .mfp-content { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2) } .mfp-scale.mfp-wrap.mfp-removing .mfp-arrow, .mfp-scale.mfp-wrap.mfp-removing .mfp-close { opacity: 0 } .selectize-unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .selectize-dropdown, .selectize-input, .selectize-input input { color: #212121; font-size: 12px; font-family: inherit; line-height: 1; font-weight: 700; -webkit-font-smoothing: inherit } @media only screen and (min-width:768px) { .selectize-dropdown, .selectize-input, .selectize-input input { font-size: 15px } .selectize-input { padding: 7px 24px } } .selectize-control.single .selectize-input.input-active, .selectize-input { display: inline-block; background: #fff; cursor: text } .selectize-input { display: inline-block; z-index: 35; overflow: hidden; width: 100%; box-shadow: none } @media only screen and (min-width:1022px) { .selectize-dropdown, .selectize-input, .selectize-input input { font-size: 15px } .selectize-input { padding: 7px 44px 7px 24px } } @media only screen and (min-width:1230px) { .e-img-with-bg img { max-height: 380px } .selectize-dropdown, .selectize-input, .selectize-input input { font-size: 16px } .selectize-input { padding: 7px 44px 7px 24px } } .selectize-control.multi .selectize-input.has-items { padding: 5px 24px 2px } .selectize-input.full { background-color: #fff } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important } .selectize-input.focus { box-shadow: none } .selectize-input.dropdown-active { background: #fff } .selectize-input>* { display: -moz-inline-stack; display: inline-block; vertical-align: baseline; zoom: 1 } .selectize-control.multi .selectize-input>div { margin: 0 3px 3px 0; padding: 2px 6px; border: 0 solid transparent; background: 0 0; color: #212121; cursor: pointer } .selectize-control.multi .selectize-input>div.active { border: 0 solid transparent; background: #212121; color: #212121 } .selectize-control.multi .selectize-input.disabled>div, .selectize-control.multi .selectize-input.disabled>div.active { border: 0 solid rgba(77, 77, 77, 0); background: rgba(77, 77, 77, 0); color: #6e6e6e } .selectize-input>input { margin: 0 2px 0 0 !important; padding: 0 !important; max-width: 100% !important; border: 0 !important; background: 0 0 !important; box-shadow: none; text-indent: 0 !important; line-height: 20px; -webkit-user-select: auto !important } .selectize-input>input::-ms-clear { display: none } .selectize-input>input::-webkit-input-placeholder { color: #219b38 } .selectize-input>input::-moz-placeholder { color: #219b38 } .selectize-input>input:-ms-input-placeholder { color: #219b38 } .selectize-input>input::placeholder { color: #219b38 } .selectize-input>input:focus { outline: 0 !important } .selectize-input::after { display: block; content: ' '; clear: left } .g-clearfix:after, .l-footer_bottom:after, .l-header_bar_inner:after, .l-header_bar_links:after, .l-header_bar_menu:after, .l-header_bottom_inner:after, .l-header_logo:after, .l-header_nav:after, .m-benefits:after, .m-breadcrumbs:after, .m-dealers_heading:after, .m-form_upload_filename_inner:after, .m-large-tabs:after, .m-partners-carousel:after, .m-pumps_header:after, .m-pumps_item_track:after, .m-resp-tabs_nav:after, .m-toggler:after, .slick-track:after, .toggler:after { clear: both } .selectize-dropdown { position: absolute; z-index: 30; margin: -5px 0 0; border: 1px solid transparent; border: 0; border-radius: 0 0 8px 8px; text-transform: uppercase; font-size: 12px; background: #f0f1f6; box-shadow: none; max-width: 100%; overflow: hidden; padding: 0 } @media only screen and (min-width:768px) { .selectize-input>input { line-height: 24px } .selectize-dropdown { font-size: 15px } } .selectize-dropdown [data-selectable] { overflow: hidden; cursor: pointer; border-top: 1px solid #cfd8dc } .selectize-dropdown [data-selectable] .highlight { border-radius: 1px; background: 0 0 } .selectize-dropdown .optgroup-header, .selectize-dropdown [data-selectable] { padding: 28px 20px } .selectize-dropdown [data-selectable]:first-child { border-top: 0 } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none } .selectize-dropdown .optgroup-header { background: #f0f1f6; color: #212121; cursor: default } .selectize-dropdown .active { background-color: none; color: #212121 } .selectize-dropdown .active.create { color: #212121 } .selectize-dropdown .create { color: rgba(33, 33, 33, .5) } .selectize-dropdown-content { overflow-x: hidden; overflow-y: auto; max-height: 315px } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text } .selectize-control.rtl.single .selectize-input:after { right: auto; left: 10px } .selectize-control.rtl .selectize-input>input { margin: 0 4px 0 -2px !important } .selectize-control .selectize-input.disabled { background-color: #fafafa; opacity: .5 } .selectize-input { border: 3px solid #f0f1f6; background: #fff; border-radius: 8px; text-transform: uppercase; color: #212121; font-weight: 700; font-size: 12px; padding: 23px 35px 23px 20px } @media only screen and (min-width:1230px) { .selectize-input { padding: 20px 40px 20px 20px } } .selectize-input::before { content: ' '; position: absolute; line-height: 1; color: #004ac5; right: 20px; top: 50%; margin-top: -2px; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; -webkit-transform: translate3d(0, 0, 0) rotate(0); transform: translate3d(0, 0, 0) rotate(0); -webkit-transition: .3s -webkit-transform ease; transition: .3s -webkit-transform ease; transition: .3s transform ease; transition: .3s transform ease, .3s -webkit-transform ease } @media only screen and (min-width:768px) { .selectize-input { padding: 20px 40px 20px 20px; font-size: 15px } .selectize-input::before { right: 25px } } .selectize-input.dropdown-active::before { -webkit-transform: translate3d(0, 0, 0) rotate(180deg); transform: translate3d(0, 0, 0) rotate(180deg) } .selectize-input>input { display: none !important } .slick-list, .slick-slider { display: block; position: relative } @media only screen and (min-width:1022px) { .selectize-input { padding: 20px 40px 20px 20px } .selectize-dropdown [data-selectable] { -webkit-transition: .3s color ease; transition: .3s color ease } .selectize-dropdown [data-selectable]:hover { color: #004ac5 } } .slick-slider { -khtml-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y } .slick-list { overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0 } .slick-track:after, .slick-track:before { display: table; content: "" } .slick-slide { display: none; float: left; min-height: 1px; height: 100% } .slick-slide:focus { outline: 0 } [dir=rtl] .slick-slide { float: right } .slick-slide>img { display: block } .slick-slide.slick-loading img { display: none } .slick-initialized .slick-slide { display: block } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .l-mobile-nav { position: fixed; top: 0; left: 0; z-index: 2000; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 100%; height: 100%; background: #004ac5; color: #fff; opacity: .4; -webkit-transition: visibility .4s cubic-bezier(.455, .03, .515, .955), opacity .4s cubic-bezier(.455, .03, .515, .955), -webkit-transform .4s cubic-bezier(.455, .03, .515, .955); transition: visibility .4s cubic-bezier(.455, .03, .515, .955), opacity .4s cubic-bezier(.455, .03, .515, .955), -webkit-transform .4s cubic-bezier(.455, .03, .515, .955); transition: transform .4s cubic-bezier(.455, .03, .515, .955), visibility .4s cubic-bezier(.455, .03, .515, .955), opacity .4s cubic-bezier(.455, .03, .515, .955); transition: transform .4s cubic-bezier(.455, .03, .515, .955), visibility .4s cubic-bezier(.455, .03, .515, .955), opacity .4s cubic-bezier(.455, .03, .515, .955), -webkit-transform .4s cubic-bezier(.455, .03, .515, .955); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); will-change: transform, visibility } @media only screen and (min-width:768px) { .l-mobile-nav { display: none } } .l-mobile-nav.is-open { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .l-mobile-nav_close { color: #fff; line-height: 1; cursor: pointer; position: absolute; top: 18px; right: 30px; display: block; -webkit-transition: .3s opacity ease; transition: .3s opacity ease } .l-mobile-nav_close::before { color: inherit; line-height: 1; display: block; font-size: 20px } .l-mobile-nav_menu_item { width: 100%; border-bottom: 1px solid #1a5ccb } .l-mobile-nav_menu_item > a { display: block; padding: 18px 30px; color: #fff; font-weight: 700; font-size: 16px; line-height: 1.3 } a.l-mobile-nav_menu_item__link { display: flex; align-items: center; grid-gap: 4px; } .l-mobile-nav_menu_item__icon { width: 22px; height: 22px; display: flex; justify-content: center; align-items: center; } .l-mobile-nav_menu_item__icon svg { display: block; } .l-mobile-nav_menu_item__icon path { fill: #ffc000; } .l-mobile-nav_menu_item__name {} .l-mobile-nav_menu_item.active>a { color: #ffc000 } .l-header_bar_inner:after, .l-header_bar_inner:before, .l-header_bar_menu:after, .l-header_bar_menu:before { display: table; content: " " } .l-mobile-nav_menu_item>a.active { color: #ffc000 } .l-header { margin-top: 31px; margin-bottom: 30px; background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21) } .l-header_bar { position: fixed; left: 0; top: 0; right: 0; min-width: 320px; max-width: 100%; /* padding: 16px 0; */ padding: 3px 0; z-index: 400; background: #004ac5; color: #fff; text-align: center } @media only screen and (min-width:768px) { .l-header { margin-bottom: 30px; margin-top: 53px; } .l-header_bar { text-align: left } } @media only screen and (min-width:992px) { .l-header { margin-top: 31px; } } .l-header_bar_inner__location { flex: 1; display: flex; align-items: center; grid-gap: 4px; font-size: 11px; white-space: nowrap; } .l-header_bar_inner__location-placeholder { border-bottom: 2px solid #ffc000; cursor: pointer; font-weight: 700; transition: .3s ease; } .l-header_bar_inner__location-content:hover .l-header_bar_inner__location-placeholder { border-color: transparent; color: #ffc000; } .l-header_bar_inner__location-content { position: relative; } .l-header_bar_inner__location-content:hover { .l-header_bar_inner__location-popup { opacity: 1; visibility: visible; } } .l-header_bar_inner__location-popup-items { display: flex; flex-direction: column; grid-gap: 8px; align-items: flex-start; } .l-header_bar_inner__location-popup { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 100; padding-top: 8px; transition: all .2s; } .l-header_bar_inner__location-popup-inner { background-color: #fff; padding: 8px 12px; } .l-header_bar_inner__location-popup-link { color: #191919; } .l-header_bar_inner__location-popup-link:hover { color: #004ac5; } @media screen and (min-width: 1230px) { .l-header_bar_inner__location { font-size: 14px; } .l-header_bar_inner__location span { border-bottom: 1px dotted #ffc000; } } .l-header_bar_inner { position: relative; display: flex; grid-gap: 32px; } .l-header_bar_inner::before, .l-header_bar_inner::after { display: none; } @media only screen and (max-width: 991px) { .l-header_bar_inner { grid-gap: 0; } } .l-header_bar_menu { margin: 0; padding: 0; list-style-type: none; text-decoration: none; border: none; border-radius: 0; outline: 0; background: 0 0; box-shadow: none; font-size: 100%; font-family: inherit; vertical-align: baseline; /*float: left*/ } @media only screen and (max-width: 991px) { .l-header_bar_menu { display: none; } } .l-header_bar_menu_item { float: left; margin-left: 10px } @media only screen and (min-width:1230px) { .l-header_bar_menu_item { /* margin-left: 30px; */ margin-left: 23px; } } .l-header_bar_menu_item:first-child { margin-left: 0 } .l-header_bar_menu_item_link:focus { color: #fff; } .l-header_bar_menu_item_link { display: flex; align-items: center; color: #fff; font-weight: 700; font-size: 11px; line-height: 22px; } .l-header_bar_menu_item__icon { width: 22px; height: 22px; display: flex; justify-content: center; align-items: center; } .l-header_bar_menu_item__icon svg { display: block; } .l-header_bar_menu_item__icon path { fill: #ffc000; } .l-header_bar_menu_item_link.active, .l-header_bar_menu_item_link:hover { color: #ffc000 } .l-header_bar_links { display: inline-block; white-space: nowrap; } .l-header_bar_links:after, .l-header_bar_links:before { content: " "; display: table } /*@media only screen and (min-width:768px) {*/ /* .l-header_bar_links {*/ /* display: block;*/ /* float: right*/ /* }*/ /*}*/ .l-header_bar_links_item { position: relative; float: left; margin-right: 20px; padding-right: 20px; /* border-right: 1px solid #6f90c8 */ } @media only screen and (min-width:1230px) { .l-header_bar_menu_item_link { font-size: 14px; line-height: 24px } .l-header_bar_links_item { margin-right: 25px; /* padding-right: 30px; */ padding-right: 0; } .l-header_bar_links_item.i-icon { /* padding-left: 35px; */ padding-left: 26px; } } .l-header_bar_links_item:last-child { margin-right: 0; padding-right: 0; border-right: 0 } .l-header_bar_links_item.i-icon::before { display: none; position: absolute; top: 50%; left: 0; margin-top: -8px; color: #ffc000; font-size: 16px; line-height: 1 } @media only screen and (min-width:1230px) { .l-header_bar_links_item.i-icon::before { display: block } } .l-header_bar_links_item.i-shield-question::before { margin-top: -10px; font-size: 20px; content: ''; background: url('/local/templates/oilpump/img/icons/svg/question-icon.svg') center no-repeat; width: 17px; height: 19px; } .l-header_bar_links_item.i-phone::before { content: ''; background: url('/local/templates/oilpump/img/icons/svg/phone-icon.svg') center no-repeat; width: 17px; height: 17px; } .l-header_bar_links_item>a { display: inline-block; border-bottom: 2px solid #ffc000; color: #fff; font-weight: 700; font-size: 12px; line-height: 22px; -webkit-transition: .3s ease; transition: .3s ease } @media only screen and (min-width:1230px) { .l-header_bar_links_item>a { /* border-bottom: 1px solid #ffc000; */ border-bottom: 1px dotted #ffc000; font-size: 14px } } .l-header_bar_links_item>a:hover { border-bottom-color: transparent; color: #ffc000 } .l-header_bar_links_item>a.i-search { padding-top: 2px; border: 0; color: #ffc000; font-size: 0; line-height: 1 } .l-header_bar_links_item>a.i-search:hover { color: #fff } .l-header_bar_links_item>a.i-search::before { color: inherit; font-size: 20px } /*.l-header_logo_caption, */ .l-header_logo_desc { color: #000; font-weight: 700; text-transform: uppercase } .l-header_middle { padding: 16px 0 } @media only screen and (min-width:768px) { .l-header_middle { padding: 6px 0; } } .l-header_logo:after, .l-header_logo:before { content: " "; display: table } .l-header_logo_img>img { max-width: 100% } .l-header_logo_img object { pointer-events: none; } .l-header_logo_img { display: block; } .g-home-page .l-header_logo_img { pointer-events: none; } /*.l-header_logo_caption {*/ /* margin-top: 7px;*/ /* letter-spacing: -.01em;*/ /* font-size: 7px;*/ /* line-height: 11px*/ /*}*/ .l-header_logo_col { float: left; width: 47%; max-width: 323px; width: 100%; } @media only screen and (max-width:767px) { .l-header_logo_img { display: block; max-width: 258px; } } /*@media only screen and (min-width:768px) {*/ /* .l-header_logo_caption {*/ /* font-size: 9px;*/ /* line-height: 13px*/ /* }*/ /*}*/ /*@media only screen and (min-width:767px) { */ /* .l-header_logo_caption {*/ /* font-size: 11px;*/ /* line-height: 16px;*/ /* }*/ /*}*/ @media only screen and (min-width:1230px) { /*.l-header_middle {*/ /* !* padding: 20px 0 30px *!*/ /* padding: 6px 0;*/ /*}*/ .l-header_logo_col { float: left; width: 47%; max-width: 323px; width: 100%; } .l-header .l-header_logo_col { max-width: 313px; } .l-header_logo_col:last-child { max-width: 377px; width: 100%; } .l-header .col-lg-7 { width: 60.333333%; } .l-header .col-lg-5 { width: 39.666667%; } /*.l-header_logo_caption {*/ /* text-transform: uppercase;*/ /* letter-spacing: .015em;*/ /* font-size: 10px*/ /*}*/ } @media only screen and (min-width:1200px) { .l-header .l-header_logo { display: flex; align-items: center; } .l-header_logo_col:last-child { padding-left: 37px; } } .l-header_logo_desc { /* margin-top: 25px; */ /* padding-left: 15px; */ /* border-left: 1px solid #eaebec; */ /* letter-spacing: -.01em; */ /* font-size: 12px; */ /* line-height: 18px; */ margin-top: 11px; color: #191919; font-size: 14px; font-weight: 300; line-height: 23px; text-transform: none; } .l-header_hamburger { float: right; padding: 30px 0 10px 10px; font-size: 0; cursor: pointer } .l-header_hamburger>span { display: block; margin-top: 6px; width: 23px; height: 0; border-top: 2px solid #00358d } .l-header_hamburger>span:first-child { margin-top: 0 } .l-header_middle_buttons { margin-top: 17px } @media only screen and (min-width:768px) { .l-header_middle_buttons { margin-top: 25px; padding-left: 20px } } @media only screen and (min-width:1022px) { .l-header_middle_buttons { margin-top: 20px } } .l-header_middle_btn { margin-top: 8px } @media only screen and (min-width:768px) { .l-header_middle_btn { margin-top: 13px } } @media only screen and (min-width:1022px) { .l-header_middle_btn { margin-top: 20px } } .l-header_middle_btn:first-child { margin-top: 0 } .l-header_middle_btn>a { border-bottom: 2px solid #004ac5; color: #505050; text-decoration: none; font-weight: 700; font-size: 12px; line-height: 1.2; -webkit-transition: .3s ease; transition: .3s ease } .l-header_middle_btn>a.active, .l-header_middle_btn>a:hover { border-bottom-color: transparent; color: #004ac5 } .l-header_contacts { margin-top: 17px; text-align: right; display: flex; flex-direction: column; margin-top: 7px; } .l-header_contacts_wrap { display: flex; flex-direction: column; align-items: flex-start; grid-gap: 4px; margin-bottom: 10px; } @media only screen and (min-width:333px) { .l-header_contacts_wrap { flex-direction: row; grid-gap: 28px; } } @media only screen and (min-width:768px) { .l-header_contacts_wrap { justify-content: flex-end; align-items: center; } } .l-header_contact { white-space: nowrap; } .pl-0 { padding-left: 0; } @media(max-width: 767px) { .l-header_middle .pl-0 { padding-left: 20px; } } @media only screen and (min-width:768px) { .l-header_middle_btn>a { font-size: 14px } } .l-header_bottom_inner:after, .l-header_bottom_inner:before, .l-header_nav:after, .l-header_nav:before { content: " "; display: table } .l-header_contact:first-child { margin-top: 0; margin-left: 0 } .l-header_contact:first-child .l-header_contact_val { border-bottom: 1px solid #eeeeee; } .l-header_contact_title { margin-bottom: 6px; color: #000; font-weight: 400; font-size: 13px; line-height: 1.2 } @media only screen and (min-width:1022px) { .l-header_contact_title { margin-bottom: 3px } } .l-header_contact_val { font-weight: 400; font-size: 16px; line-height: 24px; color: #191919; text-decoration: none; transition: all 0.3s; } @media only screen and (min-width:992px) { .l-header_contact_val { font-size: 20px; } } .l-header_dropdown_active, .l-header_dropdown_item_link, .l-header_nav_item_link { font-size: 15px; line-height: 1.2; font-weight: 700 } .l-header_contact_val:hover { color: #004ac5 } .l-header_contact:first-child .l-header_contact_val:hover { border-bottom-color: transparent; } .l-header_bottom { border-top: 1px solid #dcdde3; top: 30px !important; } @media(max-width: 991px) { .l-header_bottom { top: 52px !important; } } @media(max-width: 767px) { .l-header_bottom { top: 30px !important; } } .l-header_nav { float: left } .l-header_nav_item { color: #191919; position: relative } @media only screen and (min-width:1022px) { .l-header_bottom { border-top: 0 } .l-header_bottom_inner { /* border-top: 1px solid #dcdde3; */ border-top: 1px solid #eeeeee; } .l-header_nav_item { float: left; margin-left: 45px } .l-header_nav_item.active { color: #004ac5 } } @media only screen and (min-width:1230px) { .l-header_middle_btn>a { border-bottom-width: 1px } .l-header_nav_item { margin-left: 70px } } .l-header_nav_item:first-child { margin-left: 0 } .l-header_nav_item:first-child::before { left: -15px; right: -15px } @media only screen and (min-width:1230px) { .l-header_nav_item:first-child::before { left: -18px; right: -18px } } .l-header_nav_item::before { content: ' '; display: none; background-color: #eceff1; box-shadow: inset 0 1px 7px 0 rgba(0, 0, 0, .19); border-radius: 8px; position: absolute; left: -20px; right: -20px; top: 11px; bottom: 11px; z-index: 1 } @media only screen and (min-width:1230px) { .l-header_nav_item::before { left: -33px; right: -33px } } .l-header_nav_item_link { display: block; padding: 26px 0; color: inherit; text-decoration: none; position: relative; z-index: 2; padding: 20px 0 23px; } @media only screen and (min-width:1022px) { .l-header_nav_item.active::before { display: block } .l-header_nav_item_link { display: inline-block } } .l-header_nav_item_active .l-header_nav_item_link, .l-header_nav_item_link:hover { color: #004ac5; text-decoration: none } .l-header_dropdown { position: relative; float: left; width: 100% } @media only screen and (min-width:768px) { /* .l-header_dropdown { width: 70%; border-right: 1px solid #dcdde3 } */ } .l-header_dropdown.open::after { -webkit-transform: translate3d(0, 0, 0) rotate(180deg); transform: translate3d(0, 0, 0) rotate(180deg) } .l-header_dropdown.open > .l-header_dropdown_container { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21), inset 0 4px 4px -2px rgba(0, 0, 0, .21) } .l-header_dropdown::after { display: block; content: ' '; position: absolute; top: 50%; right: 0; margin-top: -2px; border-top: 4px solid #191919; border-right: 4px solid transparent; border-left: 4px solid transparent; -webkit-transition: .3s -webkit-transform ease; transition: .3s -webkit-transform ease; transition: .3s transform ease; transition: .3s transform ease, .3s -webkit-transform ease; -webkit-transform: translate3d(0, 0, 0) rotate(0); transform: translate3d(0, 0, 0) rotate(0) } @media only screen and (min-width:768px) { .l-header_dropdown::after { right: 30px } } .l-header_dropdown_active { display: block; padding: 10px 0; color: #191919; cursor: pointer } .l-header_dropdown_container { visibility: hidden; position: absolute; top: 100%; right: 0; left: 0; z-index: 100; border-radius: 0 0 3px 3px; background: #f0f1f6; box-shadow: 0 2px 4px 0 transparent, inset 0 4px 4px -2px transparent; opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: visibility, opacity, box-shadow, -webkit-transform; transition-property: visibility, opacity, box-shadow, -webkit-transform; transition-property: transform, visibility, opacity, box-shadow; transition-property: transform, visibility, opacity, box-shadow, -webkit-transform; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } .l-header_dropdown_item { border-top: 1px solid #cfd8dc } .l-header_dropdown_item:first-child { border-top: 0 } .l-header_dropdown_item_link { display: block; padding: 26px 30px; color: #191919; text-decoration: none } @media only screen and (min-width:768px) { /* .l-header_dropdown_container { left: -20px } */ .l-header_dropdown_item_link { padding: 26px 20px } } .l-header_dropdown_item_link:hover { color: #004ac5; text-decoration: none } .l-header_skype { display: inline-block; position: relative; margin-top: 23px; padding-left: 30px; color: #000; text-decoration: none; font-weight: 700; font-size: 14px; line-height: 1.2 } .m-skype-widget .l-header_skype { margin-top: 0; } .l-header_skype::before { font-family: "k-junior" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width:1022px) { .l-header_skype { margin-top: 23px } } .l-header_skype:hover { color: #004ac5 } .l-header_skype:hover>span { border-bottom-color: transparent } .l-header_skype::before { position: absolute; top: 50%; left: 0; margin-top: -5px; color: #00afef; font-size: 20px; line-height: 1 } .l-header_skype>span { display: inline-block; border-bottom: 2px solid #004ac5; color: inherit; font-weight: inherit; font-size: 100%; line-height: 1.4; -webkit-transition: .3s border; transition: .3s border } .l-header_bar_links>.i-icon, .l-header_search { -webkit-transition-duration: .35s; -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955) } @media only screen and (min-width:1230px) { .l-header_skype>span { border-bottom: 1px solid #004ac5 } } .l-header_bar_links>.i-icon { transition-duration: .35s; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; transition-timing-function: cubic-bezier(.455, .03, .515, .955); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; opacity: 1 } @media only screen and (max-width:1021px) { .l-header_bar_links.-search-show>.i-icon { opacity: 0; visibility: hidden } } .l-header_search { position: absolute; right: 0; top: 0; transition-duration: .35s; -webkit-transition-property: opacity, visibility, width, -webkit-transform; transition-property: opacity, visibility, width, -webkit-transform; transition-property: transform, opacity, visibility, width; transition-property: transform, opacity, visibility, width, -webkit-transform; transition-timing-function: cubic-bezier(.455, .03, .515, .955); width: 0; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0 } .l-header_search.-show { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; width: 280px } .l-header_search.-show+.i-search { visibility: hidden; opacity: 0 } @media only screen and (min-width:1022px) { .l-header_search { float: left; position: static } .l-header_search.-show { width: 180px } .l-header_search.-show+.i-search { width: 0 } } .l-header_search+.i-search { overflow: hidden; visibility: visible; opacity: 1; width: 20px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: opacity, visibility, width, -webkit-transform; transition-property: opacity, visibility, width, -webkit-transform; transition-property: opacity, visibility, transform, width; transition-property: opacity, visibility, transform, width, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955); transition-timing-function: cubic-bezier(.455, .03, .515, .955); float: left } .l-header_search_form { position: relative; width: 100%; border-radius: 8px } .l-header_search_form_input { background: #fff; border-radius: 8px; width: 100%; font-size: 13px; line-height: 1; padding: 4px 20px 5px 13px; color: #000 } .l-header_search_form_input:focus { outline: 0 } .l-header_search_form_submit { border: 0; color: #004ac5; padding: 6px 5px; font-size: 0; position: absolute; top: 0; right: 0; background-color: transparent } .l-header_search_form_submit::before { font-size: 15px; color: inherit } .l-header_search_form_submit:focus { outline: 0 } .l-footer { padding: 25px 0; background: #00296c; color: #ffae00 } @media only screen and (min-width:768px) { .l-footer { padding: 57px 0 15px; } } .l-footer_nav { padding: 18px 0; border-bottom: 1px solid #1a3f7c } .l-footer_nav_title, .l-footer_nav_toggler { color: #ffae00; font-weight: 700; font-size: 16px; line-height: 1 } .l-footer_nav_toggler { position: relative; cursor: pointer } .l-footer_nav_toggler:before { content: "" } .l-footer_nav_toggler::before { position: absolute; top: 50%; right: 0; margin-top: -2px; color: #fff; font-size: 8px; line-height: 1; -webkit-transition: .3s -webkit-transform ease; transition: .3s -webkit-transform ease; transition: .3s transform ease; transition: .3s transform ease, .3s -webkit-transform ease; -webkit-transform: translate3d(0, 0, 0) rotate(180deg); transform: translate3d(0, 0, 0) rotate(180deg) } .l-footer_nav_toggler.is-collapsed::before { -webkit-transform: translate3d(0, 0, 0) rotate(0); transform: translate3d(0, 0, 0) rotate(0) } .l-footer_nav_list { overflow: hidden; -webkit-transition: .3s height ease; transition: .3s height ease } .l-footer_nav_list.is-collapsed { height: 0 } @media only screen and (min-width:768px) { .l-footer_nav { padding: 0; border-bottom: 0 } .l-footer_nav_list.is-collapsed { height: auto } } .l-footer_nav_list_inner { padding-top: 10px } @media only screen and (min-width:768px) { .l-footer_nav_list_inner { padding-top: 15px } } .l-footer_nav_list_item { margin-top: 9px } @media only screen and (min-width:1230px) { .l-footer_nav_list_inner { /* padding-top: 10px; */ padding-top: 22px; } .l-footer_nav_list_item { margin-top: 7px } } .l-footer_nav_list_item:first-child { margin-top: 0 } .l-footer_nav_list_item.active>a { text-decoration: none } .l-footer_nav_list_item>a { color: #fff; /* text-decoration: underline; */ font-weight: 400; font-size: 12px; /* line-height: 1.5; */ font-size: 14px; line-height: 19px; } .l-footer_nav_list_item>a:hover { text-decoration: none } .l-footer_contacts { margin-top: 20px } .l-footer_contacts_group { margin-bottom: 13px } @media only screen and (min-width:768px) { .l-footer_contacts { margin-top: 4px; } .l-footer_contacts_group { margin-bottom: 23px } } @media only screen and (min-width:1022px) { .l-footer_nav_list_item>a { font-size: 14px } .l-footer_contacts_group { /* margin-bottom: 18px; */ margin-bottom: 32px; } } .l-footer_contacts_group p { margin: 0; color: #fff; font-weight: 700; font-size: 14px; line-height: 1.5; font-weight: 300; line-height: 24px; } /* @media only screen and (min-width:768px) { .l-footer_contacts_group p { line-height: 1.714285714 } } */ @media only screen and (min-width:1022px) { .l-footer_contacts_group p { font-size: 16px; margin-bottom: 8px; } } .l-footer_contacts_group a { color: inherit; text-decoration: none; font-weight: inherit; font-size: 100% } .l-footer_contacts_group a[href^='mailto:'] { font-size: 15px } @media only screen and (min-width:1022px) { .l-footer_contacts_group a[href^='mailto:'] { font-size: 17px; line-height: 1.3 } } .l-footer_contacts_group a:hover { text-decoration: none; color: #ffae00 } .l-footer_contacts_group_title { /* margin: 0 0 5px; */ margin: 0 0 11px; color: #ffae00; font-weight: 400; font-size: 12px; line-height: 1; } .l-footer_bottom { padding-top: 16px; /* border-top: 1px solid #002562; */ border-top: 1px solid #193e7b; text-align: center } .l-footer_bottom:after, .l-footer_bottom:before { content: " "; display: table } @media only screen and (min-width:767px) { .l-footer_bottom { text-align: left; } } @media only screen and (min-width:768px) { .l-footer_bottom { margin-top: 10px } } @media only screen and (min-width:1230px) { .l-footer_bottom { margin-top: 22px } } .l-footer_copyright { margin-bottom: 20px; color: #fff; font-weight: 400; font-size: 14px; line-height: 1.1 } .l-footer_developer { display: inline-flex; align-items: flex-start; max-width: 227px; width: 100%; text-decoration: none; margin-right: 37px; } .l-footer_developer:hover span:first-child { background-color: #0054df; } .l-footer_developer span { opacity: 0.5; color: #ffffff; /* font-family: "Verdana"; */ font-size: 9px; font-weight: 400; line-height: 14px; } .l-footer_developer .dextra-img { margin-top: 2px; margin-right: 10px; padding: 1px 6px; opacity: 1; transition: 0.3s; } @media only screen and (max-width: 767px) { .l-footer_developer .dextra-img { padding-left: 0; } } .l-footer_developer span:nth-child(2) { font-family: "Verdana"; text-transform: uppercase; text-align: left; letter-spacing: 0.16em; transition: 0.3s; } @media only screen and (min-width:768px) { .l-footer_copyright { float: left; margin-top: 7px; margin-bottom: 0 } .l-footer_developer { float: right } } .l-footer_developer:hover span { opacity: 1; } .l-sidebar_benefits_item { display: table; padding: 22px 0; width: 100%; border-top: 1px solid #e2e3e8 } .l-sidebar_benefits_item:hover .l-sidebar_benefits_item_icon { -webkit-animation: 1.4s ease benefitsIconbounce 1; animation: 1.4s ease benefitsIconbounce 1 } .l-sidebar_benefits_item:first-child { border-top: 0 } .l-sidebar_benefits_item_icon { display: table-cell; width: 70px; vertical-align: middle; text-align: center } .l-sidebar_benefits_item_icon>img { display: inline-block; max-width: 100% } .l-sidebar_benefits_item_title { display: table-cell; padding-left: 10px; color: #000; vertical-align: middle; font-weight: 400; font-size: 14px; line-height: 1.6 } .row-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-flex: 0; -ms-flex: 0; flex: 0 } .row-flex:after, .row-flex:before { display: none } .row-flex .row { min-width: 100% } .row-flex>[class*=col-] { font-size: 14px; vertical-align: top; float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: -.2px } .row-flex.-vertical-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .row-flex--centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .visible-lg-table, .visible-lg-table-cell, .visible-md-table, .visible-md-table-cell, .visible-sm-table, .visible-sm-table-cell, .visible-xs-table, .visible-xs-table-cell { display: none !important } @media only screen and (max-width:767px) { .visible-xs-table { display: table !important } .visible-xs-table-cell { display: table-cell !important } } @media only screen and (min-width:768px) and (max-width:1021px) { .visible-sm-table { display: table !important } .visible-sm-table-cell { display: table-cell !important } } @media only screen and (min-width:1022px) and (max-width:1229px) { .visible-md-table { display: table !important } .visible-md-table-cell { display: table-cell !important } } @media only screen and (min-width:1230px) { .l-sidebar_benefits_item_title { padding-left: 20px; } .visible-lg-table { display: table !important } .visible-lg-table-cell { display: table-cell !important } } .m-skype-widget { display: block; margin-bottom: 25px; padding: 25px 0; border-radius: 3px; background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21); text-align: center } .m-carousel, .m-carousel_list .slick-list { border-radius: 8px; overflow: hidden } .m-skype-widget:hover .m-skype-widget_text { border-bottom-color: transparent; color: #004ac5 } .m-skype-widget_icon, .m-skype-widget_text { display: inline-block; vertical-align: middle } .m-skype-widget_icon { margin-right: 14px; font-size: 0; line-height: 1 } .m-skype-widget_icon::before { color: #00afef; font-size: 24px; line-height: 1 } .m-skype-widget_text { border-bottom: 2px solid #004ac5; color: #000; font-weight: 700; font-size: 14px; line-height: 1.4; -webkit-transition: .3s ease; transition: .3s ease } .m-carousel { margin-bottom: 35px } @media only screen and (min-width:768px) { .m-carousel { margin-bottom: 50px } } .m-carousel_list { height: 100% } .m-carousel_list_inner { width: 100% } .m-carousel_list_inner:not(.slick-initialized) .sliderNews { display: none; } @media only screen and (min-width:1022px) { .m-carousel { display: table; width: 100% } .m-carousel_list, .m-carousel_thumbs { display: table-cell; vertical-align: top } .m-carousel_list .slick-list { border-radius: 8px 0 0 8px } .m-carousel_list_inner { /*width: 780px;*/ width: 940px; } } @media only screen and (min-width:1200px) { .m-carousel_list_inner { width: 1130px; } } @media only screen and (min-width:1230px) { .m-carousel { margin-bottom: 45px } .m-carousel_list_inner { width: 1170px; } } .m-carousel_slide { float: left; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; min-height: 215px; background-position: center center; background-size: cover; background-repeat: no-repeat; transition: background .15s ease-in; } .m-carousel_slide_inner { position: relative; z-index: 1; padding: 35px 20px; width: 100%; text-align: center } @media only screen and (min-width:768px) { .m-carousel_slide { min-height: 490px } .m-carousel_slide_inner { padding: 65px 30px; text-align: left } } .m-carousel_slide_title { margin: 0 0 25px; color: #00358d; font-weight: 700; font-size: 32px; line-height: 1.25 } @media only screen and (min-width:1230px) { .m-carousel_slide_inner { padding: 65px 70px } .m-carousel_slide_title { margin: 0 0 35px; font-size: 40px; line-height: 1.2; max-width: 50%; } } /* .m-carousel_thumbs { width: 200px; background: #00358d; color: #fff } */ .m-carousel_thumbs { width: 100%; /*background: #00358d;*/ color: #fff; position: absolute; left: 0; /* bottom: 20px; */ bottom: 29px; text-align: center; } @media only screen and (max-width:1021px) { .m-carousel_thumbs { display: none } } .m-carousel_thumbs_inner { min-height: 100%; width: 100% } .m-carousel_thumbs_item { /*padding: 13px 20px 17px;*/ /*border-top: 1px solid #00296c;*/ cursor: pointer; width: 24px; height: 24px; background-color: transparent; /*border: 2px solid #FFE !important;*/ border: 2px solid #ffc000 !important; padding: 0; display: inline-block; border-radius: 50%; margin: 0 5px; transition: 0.3s ease; } .m-carousel_thumbs_item:hover { background-color: #ffc000; } .m-carousel_thumbs_item:first-child { border-top: 0 } .m-carousel_thumbs_item:hover .m-carousel_thumbs_item_text { color: #fff } .m-carousel_thumbs_item.active { cursor: default; /* background-color: #00296c; */ background-color: #ffc000; } .m-carousel_thumbs_item.active .m-carousel_thumbs_item_num, .m-carousel_thumbs_item.active .m-carousel_thumbs_item_text { color: #004ac5 } .m-carousel_thumbs_item_num { margin-bottom: 10px; color: #fff; font-weight: 700; font-size: 47px; line-height: 1; -webkit-transition: .3s color ease; transition: .3s color ease } .m-carousel_thumbs_item_text { color: #a3aecb; font-weight: 700; font-size: 12px; line-height: 1.5; -webkit-transition: .3s color ease; transition: .3s color ease } .m-large-tabs { width: 100% } .m-large-tabs:after, .m-large-tabs:before { content: " "; display: table } .m-large-tabs_item { padding: 25px 15px 20px; border-left: 1px solid #1a5ccb; background: #004ac5; color: #fff; text-align: center; -webkit-transition: .3s background ease; transition: .3s background ease; display: table-cell; vertical-align: middle } .m-large-tabs_item:first-child { border-left: 0; border-radius: 8px 0 0 } .m-large-tabs_item:last-child { border-radius: 0 8px 0 0 } .m-large-tabs_item:hover .m-large-tabs_item_title { color: #ffc000 } .m-large-tabs_item:hover .m-large-tabs_item_icon::before { -webkit-animation: 1.5s cubic-bezier(.455, .03, .515, .955) largeTabIconAnimation 1; animation: 1.5s cubic-bezier(.455, .03, .515, .955) largeTabIconAnimation 1 } .m-large-tabs_item.is-active { background: #fff; color: #004ac5 } .m-large-tabs_item.is-active .m-large-tabs_item_icon::before, .m-large-tabs_item.is-active .m-large-tabs_item_title, .m-large-tabs_item.is-active .m-large-tabs_item_title::after { color: #004ac5 } @-webkit-keyframes largeTabIconAnimation { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0%, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 20% { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } } @keyframes largeTabIconAnimation { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0%, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 20% { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } } .m-large-tabs_item_icon { display: block; margin-bottom: 15px; color: #ffc000; -webkit-transition: .3s color ease; transition: .3s color ease } .m-large-tabs_item_icon::before { display: inline-block; color: inherit; font-size: 24px; line-height: 1 } .m-large-tabs_item_title { display: inline-block; position: relative; padding-right: 16px; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 12px; line-height: 1.1; -webkit-transition: .3s color ease; transition: .3s color ease } .m-large-tabs_item_title::after { display: block; content: ' '; position: absolute; top: 50%; right: 0; margin-top: -2px; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; color: #ffc000; -webkit-transition: .3s color ease; transition: .3s color ease } .m-tab-pane { display: none } .m-tab-pane.is-active { display: block } .m-pumps { margin-bottom: 45px; border-radius: 8px; background: #fff } @media only screen and (min-width:768px) { .m-pumps { margin-bottom: 100px } } .m-pumps_dropdown_nav { padding: 17px 22px 0 } .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_1"]:before, .m-pumps_dropdown_nav .selectize-input>.item[data-value="#pumpprod_1"]:before { content: "" } .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_2"]:before, .m-pumps_dropdown_nav .selectize-input>.item[data-value="#pumpprod_2"]:before { content: "" } .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_3"]:before, .m-pumps_dropdown_nav .selectize-input>.item[data-value="#pumpprod_3"]:before { content: "" } .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_4"]:before, .m-pumps_dropdown_nav .selectize-input>.item[data-value="#pumpprod_4"]:before { content: "" } .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_5"]:before, .m-pumps_dropdown_nav .selectize-input>.item[data-value="#pumpprod_5"]:before { content: "" } .m-pumps_dropdown_nav .selectize-input>.item { position: relative } .m-pumps_dropdown_nav .selectize-input>.item::before { display: none; position: absolute; top: 50%; left: 0; margin-top: -13px; color: #004ac5; vertical-align: middle; font-size: 24px; line-height: 1 } .m-pumps_dropdown_nav .selectize-dropdown .option { position: relative } @media only screen and (min-width:768px) { .m-pumps_dropdown_nav { padding: 17px 15px 0 } .m-pumps_dropdown_nav .selectize-input>.item { padding-left: 60px } .m-pumps_dropdown_nav .selectize-input>.item::before { display: inline-block } .m-pumps_dropdown_nav .selectize-dropdown .option { padding-left: 80px } } .m-pumps_dropdown_nav .selectize-dropdown .option:hover::before { color: #004ac5 } .m-pumps_dropdown_nav .selectize-dropdown .option::before { display: none; position: absolute; top: 50%; left: 20px; margin-top: -13px; /*color: #ffc000;*/ vertical-align: middle; font-size: 24px; line-height: 1; -webkit-transition: .3s color ease; transition: .3s color ease } @media only screen and (min-width:768px) { .m-pumps_dropdown_nav .selectize-dropdown .option::before { display: inline-block } } .m-pumps_header { padding: 25px 0; text-align: center } .m-pumps_header:after, .m-pumps_header:before { content: " "; display: table } @media only screen and (min-width:768px) { .m-pumps_header { padding: 35px 20px; text-align: left } .m-pumps_header_intro { float: left; width: auto } } @media only screen and (min-width:1230px) { .m-pumps { margin-bottom: 100px; border-radius: 0 0 8px 8px } .m-pumps_header { padding: 35px 25px } } .m-pumps_header_intro { display: table; margin: auto; text-align: left } .m-pumps_header_intro_company, .m-pumps_header_intro_text { display: table-cell; vertical-align: middle } .m-pumps_header_intro_company { padding-right: 11px; color: #212121; text-transform: uppercase; font-weight: 700; font-size: 22px; line-height: 1 } @media only screen and (min-width:768px) { .m-pumps_header_intro_company { padding-right: 15px; font-size: 37px } } .m-pumps_header_intro_text { padding-left: 11px; border-left: 1px solid #f3f3f4; /*color: #4c4c4c;*/ color: #000; font-weight: 300; font-size: 7px; line-height: 1.3 } .m-pumps_header_toggler { display: inline-block; margin-top: 25px } .m-pumps_items:after, .m-pumps_items:before { content: " "; display: table } .m-pumps_items:after { clear: both } .m-pumps_item { border-bottom: 1px solid #eaebec; box-shadow: 0 2px 4px 0 transparent; -webkit-transition: .3s ease; transition: .3s ease; overflow: hidden } @media only screen and (min-width:768px) { .m-pumps_header_intro_text { padding-left: 15px; font-size: 13px; font-weight: 700; } .m-pumps_header_toggler { float: right; margin-top: 5px } .m-pumps_item { float: left; width: 33.333333333%; border-right: 1px solid #eaebec } .m-pumps_item:nth-child(3n) { border-right: 0 } } @media only screen and (min-width:1230px) { .m-pumps_item { width: 25% } .m-pumps_item:nth-child(3n) { border-right: 1px solid #eaebec } .m-pumps_item:nth-child(4n) { border-right: 0 } } .m-pumps_item:hover { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21) } .m-pumps_item_link { display: block; padding: 20px 25px; min-height: 245px; text-align: center; text-decoration: none } .m-pumps_item_title { color: #212121; text-align: left; font-weight: 300; font-size: 18px; line-height: 1.3; transition: .3s; } .m-pumps_item_link:hover .m-pumps_item_title { color: #004ac5; } .m-pumps_item_title b, .m-pumps_item_title strong { font-weight: 700 } .m-pumps_item_track_wrap { overflow: hidden } .m-pumps_item_track { width: 200%; -webkit-transition: .5s -webkit-transform ease; transition: .5s -webkit-transform ease; transition: .5s transform ease; transition: .5s transform ease, .5s -webkit-transform ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .m-pumps_item_track:after, .m-pumps_item_track:before { content: " "; display: table } .m-pumps_item_track_col { width: 50%; float: left } /*.m-pumps_item_image {*/ /*display: inline-block;*/ /*position: relative;*/ /*top: 50%;*/ /*left: 50%;*/ /*transform: translate(-50%, -50%);*/ /*}*/ .m-pumps_item_image { position: relative; display: inline-block; height: 235px; } .m-pumps_item_image img { display: block; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); } .m-pumps_item_table { margin-top: 35px; width: 100%; border-bottom: 1px solid #f0f1f6; color: #1e1e1e; text-align: left; font-weight: 300; font-size: 11px; line-height: 1.272727273 } .m-pumps_item_table td:last-child, .m-toggler_option { color: #004ac5; font-size: 12px; font-weight: 700 } .m-pumps_item_table tr:nth-child(2n-1) { background: #f0f1f6 } .m-pumps_item_table td { padding: 5px 10px; vertical-align: middle } .m-pumps_items--view-face .m-pumps_item_track { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .m-pumps_items--view-table .m-pumps_item_track { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } .m-toggler { border-radius: 8px; background-color: #f0f1f6; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .17); padding: 2px 3px } .m-toggler:after, .m-toggler:before { content: " "; display: table } .m-toggler_option { float: left; line-height: 1; border-radius: 8px; padding: 8px 12px; margin-left: 13px; cursor: pointer; -webkit-transition: .3s ease; transition: .3s ease } .m-toggler_option:first-child { margin-left: 0 } .m-toggler_option.active { background: #004ac5; color: #fff } .m-categories-list { margin-bottom: 40px } @media only screen and (min-width:768px) { .m-categories-list { margin-bottom: 80px } .m-categories-list-small-gutter .row { margin-left: -5px; margin-right: -5px } } .m-categories-list-small-gutter .row { margin-left: -5px; margin-right: -5px } .m-categories-list-small-gutter [class^=col-] { padding-left: 5px; padding-right: 5px } @media only screen and (min-width:768px) { .m-categories-list-small-gutter [class^=col-] { padding-left: 5px; padding-right: 5px } } @media only screen and (min-width:1022px) { .m-categories-list-small-gutter .row { margin-left: -10px; margin-right: -10px } .m-categories-list-small-gutter [class^=col-] { padding-left: 10px; padding-right: 10px } } @media only screen and (min-width:1230px) { .m-categories-list { margin-bottom: 70px } .m-categories-list-small-gutter .row { margin-left: -20px; margin-right: -20px } .m-categories-list-small-gutter [class^=col-] { padding-left: 20px; padding-right: 20px } } .m-categories-list_item { text-align: center; background: #fff; border-radius: 8px; overflow: hidden; margin-bottom: 15px; padding: 45px 20px 20px; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; } .m-categories-list_item a { display: flex; flex-direction: column; flex-grow: 1; } .m-categories-list_item:hover .m-categories-list_item_popup { /*visibility: visible;*/ /*opacity: 1*/ } .m-categories-list_item:hover .m-categories-list_item_title { /*opacity: 0*/ color: #004ac5; } .m-categories-list_item:hover .m-categories-list_item_img img{ /*-webkit-filter: blur(10px);*/ /*filter: blur(10px)*/ -webkit-transform: scale(0.9); transform: scale(0.9); transition: all 0.5s ease; } @media only screen and (min-width:768px) { .m-categories-list_item { margin-bottom: 25px; padding: 40px 20px 20px } } @media only screen and (min-width:1230px) { .m-categories-list_item { margin-bottom: 37px; padding: 40px 10px 25px; padding: 97px 55px 57px; } } .m-categories-list_item--blue { background-color: #004ac5; background-image: url(/local/templates/oilpump/img/category-blue-glow.png); background-position: center center; margin-bottom: 10px } @media only screen and (min-width:768px) { .m-categories-list_item--blue { margin-bottom: 10px } } @media only screen and (min-width:1022px) { .m-categories-list_item--blue { margin-bottom: 20px } .m-dealers_title { float: left } } .m-categories-list_item--blue:hover .m-categories-list_item_img { -webkit-filter: blur(5px); filter: blur(5px) } .m-categories-list_item--blue .m-categories-list_item_popup_title, .m-categories-list_item--blue .m-categories-list_item_title { color: #ffc000 } @media only screen and (min-width:1230px) { .m-categories-list_item--blue { margin-bottom: 25px } .m-categories-list_item--blue .m-categories-list_item_title { font-size: 14px } } .m-categories-list_item--blue .m-categories-list_item_popup { background: rgba(0, 74, 197, .65) } .m-categories-list_item_popup { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; /*background: rgba(0, 74, 197, .75);*/ padding: 25px 20px 40px; text-align: center; color: #fff; /*-webkit-transition: .5s opacity cubic-bezier(.455, .03, .515, .955), .5s visibility cubic-bezier(.455, .03, .515, .955);*/ /*transition: .5s opacity cubic-bezier(.455, .03, .515, .955), .5s visibility cubic-bezier(.455, .03, .515, .955);*/ border-radius: 8px } .m-categories-list_item_popup_title { color: #fff; text-transform: uppercase; font-weight: 700; font-size: 14px; line-height: 1.6; margin-bottom: 10px; display: inline-block } @media only screen and (min-width:1230px) { .m-categories-list_item_popup_title { font-size: 16px; line-height: 1.5; margin-bottom: 15px } } .m-categories-list_item_popup_list_item { font-size: 14px; text-decoration: underline; line-height: 1.4; display: block; font-weight: 400; margin-top: 12px; color: #fff } .m-categories-list_item_popup_list_item:hover { color: #ffc000; text-decoration: none } .m-categories-list_item_popup_list_item:first-child { margin-top: 0 } .m-categories-list_item_popup_more { position: absolute; left: 0; width: 100%; display: block; bottom: 15px; color: #fff; font-size: 10px; line-height: 1.8; font-weight: 700; text-decoration: none; text-transform: uppercase } .m-categories-list_item_popup_more:hover { color: #ffc000 } .m-categories-list_item_popup_more:hover>span { border-bottom-color: transparent } .m-categories-list_item_popup_more>span { color: inherit; display: inline-block; border-bottom: 2px solid #fff; -webkit-transition: .3s border cubic-bezier(.455, .03, .515, .955); transition: .3s border cubic-bezier(.455, .03, .515, .955) } .m-categories-list_item_img { font-size: 0; margin-bottom: 20px; -webkit-transition: .4s -webkit-filter linear; transition: .4s -webkit-filter linear; transition: .4s filter linear; /*-webkit-filter: blur(0);*/ /*filter: blur(0);*/ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; top: 30%; transform: translateY(-50%); } .m-categories-list_item_img>img { display: inline-block; max-width: 100%; -webkit-transform: scale(0.7); transform: scale(0.7); transition: all 0.5s ease; } .m-categories-list_item_title { /* font-weight: 700; */ /* color: #505050; */ /* font-size: 14px; */ /* line-height: 1.5; */ /* text-transform: uppercase; */ opacity: 1; -webkit-transition: .3s opacity cubic-bezier(.455, .03, .515, .955); transition: .3s opacity cubic-bezier(.455, .03, .515, .955); margin-top: auto; color: #191919; font-size: 16px; font-weight: 700; line-height: 24px; min-height: 48px; } .m-categories-list_item_title a::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } @media only screen and (min-width:1230px) { .m-categories-list_item_popup_more { bottom: 20px } .m-categories-list_item_img { margin-bottom: 30px } .m-categories-list_item_title { font-size: 16px } } .m-form { margin-bottom: 40px } @media only screen and (min-width:768px) { .m-form { margin-bottom: 65px } } .m-form .row { margin-right: -10px; margin-left: -10px } .m-form [class^=col-] { padding: 0 10px } .m-form_title { margin: 0 0 20px; /* font-weight: 700; font-size: 32px; line-height: 1.1; */ color: #191919; font-size: 28px; font-weight: 700; line-height: 18px; } @media only screen and (min-width:768px) { .m-form_title { margin: 0 0 48px } } .m-form_caption { margin-bottom: 10px; font-weight: 400; font-size: 14px; line-height: 1.6 } .m-form_caption > p { margin-bottom: 10px; font-size: 16px; font-weight: 300; line-height: 24px; } .m-form_caption > p span { color: #ff0303; } /* */ .m-form_caption-wrap { display: flex; align-items: center; margin-bottom: 42px; padding: 18px 50px; border-radius: 5px; background-color: #004ac5; } .m-form_caption-wrap p { color: #fffefe; font-size: 16px; font-weight: 300; line-height: 24px; } .m-form_caption-wrap .b-button { margin-left: auto; padding: 9px 29px; border-radius: 5px; background-color: #ffffff !important; color: #191919; font-size: 13px; font-weight: 700; line-height: 24px; text-transform: none; border: 0; white-space: nowrap; transition: all 0.3s ease; } .m-form_caption-wrap .b-button:hover { color: #fff; border: 0; background-color: #196efd !important; } @media (max-width: 767px) { .m-form_caption-wrap { flex-direction: column; align-items: flex-start; padding: 18px 50px 38px; } .m-form_caption-wrap .b-button { margin-left: 0; } .m-categories-list_item_title{ min-height: auto; } } @media (max-width: 575px) { .m-form_caption-wrap { padding: 32px; } .m-form_caption-wrap p { margin-top: 0; } } /* */ @media only screen and (min-width:768px) { .m-form_caption { /* margin-bottom: 25px; */ margin-bottom: 40px; } .m-form_caption--bottom { margin-bottom: 0 } } .m-form_caption a { text-decoration: underline; color: #004ac5 } .m-form_caption a:hover { text-decoration: none } .m-form_caption--bottom { margin-bottom: 0 } .m-form_box { position: relative; margin-bottom: 15px; clear: both; } .m-form_input, .m-form_textarea { padding: 15px 22px; width: 100%; border-radius: 5px; background: #fff; color: #111; font-size: 16px; line-height: 1.2; box-shadow: inset 0 0 0 2px transparent; border: 2px solid transparent; -webkit-transition: .4s cubic-bezier(.455, .03, .515, .955); transition: .4s cubic-bezier(.455, .03, .515, .955) } .m-form_input.error, .m-form_textarea.error { border: 2px solid red!important; } .m-form_input:focus, .m-form_textarea:focus { outline: 0 } .m-form_input.-not-empty+.m-form_label, .m-form_input:focus+.m-form_label, .m-form_textarea.-not-empty+.m-form_label, .m-form_textarea:focus+.m-form_label { visibility: hidden; opacity: 0 } .b-form .contact_captcha { max-width: 230px; margin-right: 15px } .m-form_textarea { min-height: 152px; max-width: 100%; resize: none; } .m-form_label { visibility: visible; position: absolute; top: 13px; left: 22px; color: #a8a8a8; font-size: 15px; line-height: 1.666666667; opacity: 1; cursor: pointer; padding-right: 20px; /* -webkit-transition: .1s opacity ease, .1s visibility ease; transition: .1s opacity ease, .1s visibility ease */ } .m-form_label--required::after { content: ' *'; color: #ff0303 } .m-form_input:focus + .m-form_label { visibility: hidden; opacity: 0; } .m-form_upload_box { /* padding: 20px 22px; */ /* border-radius: 8px; */ /* background: rgba(255, 255, 255, .75); */ } @media only screen and (min-width:1230px) { .m-form_upload_box { margin-top: 17px; } } .m-form_upload_box .m-form_submit { margin-top: 15px; } .m-form_upload_caption { margin-bottom: 5px; /* color: #000; font-weight: 300; font-size: 14px; line-height: 1.142857143; */ color: #191919; font-size: 16px; font-weight: 300; line-height: 24px; } .m-form_upload_label { display: inline-block; border-bottom: 2px dotted #004ac5; color: #000; font-weight: 700; font-size: 14px; line-height: 1.5; cursor: pointer; -webkit-transition: .3s color ease, .3s border ease, .3s opacity ease; transition: .3s color ease, .3s border ease, .3s opacity ease; opacity: 1 } .m-form_upload_label:hover { border-bottom-color: transparent; color: #004ac5 } .m-form_upload_label.-disabled { opacity: .3; cursor: default } .m-form_upload_label.-disabled:hover { border-bottom-color: #004ac5; color: #000 } .m-form_upload_filename, .m-form_upload_input { display: none } .m-form_upload_filename.-show { display: block } .m-form_upload_filename_inner { padding-top: 10px } .m-form_upload_filename_inner:after, .m-form_upload_filename_inner:before { content: " "; display: table } .m-form_upload_filename_title { float: left; white-space: nowrap; overflow: hidden; max-width: 95%; text-overflow: ellipsis; color: #000; font-size: 12px; line-height: 1; padding-right: 10px; font-style: italic } .m-benefits_item_icon>img, .m-form_captcha img, .m-products-nav_item_title_img>img { max-width: 100% } @media only screen and (min-width:768px) { .m-form_upload_box .m-form_submit { margin-top: 46px; } .m-form_upload_filename_title { font-size: 14px; } } .m-form_upload_remove { font-size: 11px; float: left; cursor: pointer; line-height: 1 } @media only screen and (min-width:768px) { .m-form_upload_remove { font-size: 12px; margin-top: 1px } .m-form_submit_btn { padding-right: 40px; padding-left: 40px } } .m-form_upload_remove::before { font-size: 100%; line-height: 1 } .m-form_submit { position: relative } .m-form_submit .e-loader, .m-form_submit .mfp-s-loading .mfp-preloader, .mfp-s-loading .m-form_submit .mfp-preloader { position: absolute; left: 50%; top: 50%; margin-top: -16px; margin-left: -16px; -webkit-transition: .3s visibility ease, .3s opacity ease; transition: .3s visibility ease, .3s opacity ease; opacity: 0; visibility: hidden } .-sending .m-form_submit .e-loader, .-sending .m-form_submit .mfp-s-loading .mfp-preloader, .m-form_submit_btn, .mfp-s-loading .-sending .m-form_submit .mfp-preloader { visibility: visible; opacity: 1 } .m-form_submit_btn { /* padding-right: 40px; padding-left: 40px; */ padding: 9px 29px; font-size: 13px; font-weight: 700; line-height: 24px; text-transform: none; } .m-form_submit_btn.button_disabled { border: none; } .m-form_submit_btn.button_disabled:hover { border: none; box-shadow: none; } .-sending .m-form_submit_btn { opacity: 0; visibility: hidden } .m-form_error_wrap { display: none } .parsley-error .m-form_input, .parsley-error .m-form_textarea { box-shadow: inset 0 0 0 2px #ff0303 } .m-form_captcha { font-size: 0 } .m-form_captcha--xs-top-offset { margin-top: 15px } .m-form_captcha--xs-bottom-offset { margin-bottom: 15px } .m-form--in-modal { margin: 0 } .js-m-form--in-modal { margin: 0 } @media only screen and (min-width:768px) { .m-form_captcha--xs-top-offset { margin-top: 0 } .m-form--in-modal { margin: 0 } } .m-form--in-modal .m-form_title { font-size: 20px; line-height: 1.2; margin: 0 0 15px; color: #3e3d3d; padding-right: 20px } @media only screen and (min-width:768px) { .m-form--in-modal .m-form_title { font-size: 32px; line-height: 1.25; margin: 0 0 15px } } .m-form--in-modal .m-form_caption { font-size: 12px; line-height: 1.666666667; margin: 0 0 13px; color: #3e3d3d } .m-form--in-modal .m-form_caption--bottom { margin-bottom: 0; margin-top: 10px } @media only screen and (min-width:768px) { .m-form--in-modal .m-form_caption { font-size: 14px; line-height: 1.714285714 } .m-form--in-modal .m-form_caption--bottom { margin-top: 15px; margin-bottom: 0 } } .m-form--in-modal .m-form_box, .m-form--in-modal .m-form_box+.row { margin-bottom: 15px } .m-form--in-modal .row .m-form_box { margin-bottom: 0 } .m-form--in-modal .m-form_input, .m-form--in-modal .m-form_textarea { background: #eceff1 } .m-form--in-modal .m-form_input:disabled, .m-form--in-modal .m-form_textarea:disabled { font-weight: 700; background: #b7d1e2; text-overflow: ellipsis } .m-form--in-modal .m-form_textarea { min-height: 80px } .m-form--in-modal .m-form_upload { margin-top: 20px } .m-form--in-modal .m-form_upload_caption { font-size: 10px; font-weight: 300 } .m-form--in-modal .m-form_submit { margin-top: 20px; text-align: center } .m-form--in-modal .m-form_submit_btn { padding-left: 22px; padding-right: 22px } .m-files-widget { padding: 20px; border-radius: 8px; background: rgba(255, 255, 255, .9) } @media only screen and (min-width:768px) { .m-form--in-modal .m-form_upload_caption { font-size: 14px } .m-form--in-modal .m-form_submit { margin-top: 25px } .m-files-widget { padding: 30px 30px 25px } } .m-files-widget_title { margin: 0 0 15px; color: #414141; font-weight: 600; font-size: 24px; line-height: 1 } @media only screen and (min-width:768px) { .m-files-widget_title { margin: 0 0 30px; font-size: 32px } } .m-files-widget_caption { margin: 0 0 15px; font-weight: 400; font-size: 14px; line-height: 1.857142857 } @media only screen and (min-width:768px) { .m-files-widget_caption { margin: 0 0 20px } } @media only screen and (min-width:1230px) { .m-files-widget { padding: 30px 30px 45px } .m-files-widget_caption { margin: 0 0 25px } } .m-file { display: block; position: relative; margin-bottom: 20px; padding-left: 40px } .m-file:before { content: "" } .m-file:last-child { margin-bottom: 0 } .m-file:hover .m-file_title { border-bottom-color: transparent; color: #004ac5 } .m-file::before { position: absolute; top: 0; left: 0; color: #004ac5; font-size: 24px; line-height: 1 } .m-file_size, .m-file_title { color: #505050; font-weight: 400 } .m-file_title { display: inline; border-bottom: 2px solid #004ac5; font-size: 16px; line-height: 1.4; -webkit-transition: .3s ease; transition: .3s ease } .m-file_size { margin-top: 10px; font-size: 12px } .m-news_heading { margin-bottom: 25px } @media only screen and (min-width:768px) { .m-file_size { margin-top: 15px } .m-news_heading { margin-bottom: 36px; } } .m-news_title { margin: 0; /* color: #414141; */ /* font-weight: 500; */ /* font-size: 32px; */ /* line-height: 1; */ display: inline-block; color: #191919; font-size: 28px; font-weight: 700; line-height: 24px; border-bottom: 1px solid #babbbf; transition: all 0.3s; } @media only screen and (min-width: 992px) { .m-news_title:hover { border-bottom-color: transparent; } } .m-news_list_item { /* padding: 27px 0 30px; */ padding: 0 0 21px; /* border-top: 1px solid #c8c9cc; */ } .m-news_list_item:first-child { padding-top: 0; border-top: 0 } .m-news_list_item_title { display: inline-block; margin-bottom: 15px; /* color: #292929; */ text-decoration: none; /* font-weight: 700; */ /* font-size: 14px; */ /* line-height: 1.714285714; */ color: #191919; font-size: 16px; font-weight: 700; line-height: 24px; } /* @media only screen and (min-width:1230px) { .m-news_list_item_title { font-size: 16px; line-height: 1.5 } } */ .m-news_list_item_title:hover { color: #004ac5; } .m-news_list_item_date { color: #858790; /* text-transform: uppercase; font-weight: 700; font-size: 10px; line-height: 1.3; */ margin-bottom: 2px; font-size: 14px; font-weight: 300; line-height: 24px; } /* .m-news_list_item_date::before { content: '— '; color: #004ac5 } */ @media(max-width: 991px) { .m-news_list { display: flex; margin: 0 -20px; } .m-news_list_item { position: relative; flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 20px; } } @media(max-width: 575px) { .m-news_list { display: flex; flex-wrap: wrap; margin: 0; } .m-news_list_item { position: relative; flex: 0 0 100%; max-width: 100%; padding: 0; margin: 0 0 21px; } } .m-benefits { margin-top: 30px; border-radius: 8px; background: #fff } .m-benefits:after, .m-benefits:before { content: " "; display: table } .m-benefits_item { display: table; padding: 25px 20px; width: 100%; border-top: 1px solid #e2e3e8 } @media only screen and (min-width:768px) { .m-benefits { display: table; /*margin-top: 60px;*/ width: 100%; } .m-benefits_item { display: table-cell; padding: 30px 5px 35px; width: 33.3333333%; border-top: 0; border-left: 1px solid #e2e3e8; vertical-align: middle; text-align: center } } .m-benefits_item:hover .m-benefits_item_icon { -webkit-animation: 1.4s ease benefitsIconbounce 1; animation: 1.4s ease benefitsIconbounce 1 } .m-benefits_item:first-child { border-top: 0; border-left: 0 } @-webkit-keyframes benefitsIconbounce { 11.1%, from, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.39063deg) skewY(.39063deg); transform: skewX(.39063deg) skewY(.39063deg) } 88.8% { -webkit-transform: skewX(-.19531deg) skewY(-.19531deg); transform: skewX(-.19531deg) skewY(-.19531deg) } } @keyframes benefitsIconbounce { 11.1%, from, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.39063deg) skewY(.39063deg); transform: skewX(.39063deg) skewY(.39063deg) } 88.8% { -webkit-transform: skewX(-.19531deg) skewY(-.19531deg); transform: skewX(-.19531deg) skewY(-.19531deg) } } .m-benefits_item_icon { display: table-cell; padding: 0 20px 0 0; width: 130px; vertical-align: middle; text-align: center; -webkit-transform-origin: center; transform-origin: center } @media only screen and (min-width:768px) { .m-benefits_item_icon { display: inline-block; margin-bottom: 30px; padding: 0 } } @media only screen and (min-width:1230px) { .m-benefits_item_icon { margin-bottom: 25px } } .m-benefits_item_icon>img { display: inline-block } .m-benefits_item_title { display: table-cell; color: #505050; vertical-align: middle; text-transform: uppercase; font-weight: 700; font-size: 14px; line-height: 1.714285714 } @media only screen and (min-width:768px) { .m-benefits_item_title { display: block } } .m-partners-carousel { position: relative; margin-top: 55px; /* padding-bottom: 80px; */ padding-bottom: 47px; } .m-partners-carousel:after, .m-partners-carousel:before { content: " "; display: table } .m-partners-carousel .slick-dots { margin: 0; padding: 0; list-style-type: none; text-decoration: none; border: none; border-radius: 0; outline: 0; background: 0 0; box-shadow: none; font-family: inherit; vertical-align: baseline; position: absolute; right: 0; bottom: -8px; left: 0; text-align: center; font-size: 0 } .m-partners-carousel .slick-dots>li { display: inline-block; margin: 0 4px; padding: 8px; vertical-align: middle } .m-partners-carousel .slick-dots>li.slick-active button { border-color: #004ac5; background: #fff } .m-partners-carousel .slick-dots button { margin: 0; padding: 0; width: 12px; height: 12px; outline: 0; border: 2px solid #eaebec; border-radius: 50%; background: #eaebec; -webkit-transition: .3s cubic-bezier(.455, .03, .515, .955); transition: .3s cubic-bezier(.455, .03, .515, .955) } .m-partners-carousel .slick-dots button:focus { outline: 0 } .m-partners-carousel_item { float: left } .m-partners-carousel_item_inner { margin: auto; width: 150px } .m-partners-carousel_item_logo { position: relative; /*width: 100%;*/ width: 150px; height: 80px; text-align: center; font-size: 0 } .m-partners-carousel_item_logo:first-child { /*margin-bottom: 60px*/ } .m-partners-carousel_item_logo>img { display: inline-block; position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .4s opacity ease; transition: .4s opacity ease; opacity: 1 } .m-partners-carousel_item_logo>img:hover { opacity: .5 } @media only screen and (min-width:1024px) { .m-partners-carousel .slick-dots { display: none !important; } } @media only screen and (max-width:1023px) { .m-partners-carousel .slick-arrow { display: none !important; } } .m-dealers_heading { margin: 0 0 15px } .m-dealers_heading:after, .m-dealers_heading:before { content: " "; display: table } @media only screen and (min-width:768px) { .m-dealers_heading { margin: 0 0 21px } } @media only screen and (max-width:767px) { .b-dealers-list__head .e-btn--small, .m-dealers_heading .e-btn--small { padding-right: 15px; padding-left: 15px; } } .m-dealers_title { color: #191919; font-size: 24px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 21px; border-bottom: 1px solid #babbbf; transition: all 0.3s; } .m-dealers_title:hover { border-bottom-color: transparent; } h2.b-dealers-list__title { margin: 0 0 10px !important; color: #292929 !important; text-decoration: none; font-weight: 500!important; font-size: 24px !important; line-height: 1 !important; } .m-dealers_heading_link, .b-dealers-list__head .b-dealers-list__title.b-page-h2 + .e-btn--small{ margin-top: 10px; } .b-dealers-list__head .b-dealers-list__title.b-page-h2 + .e-btn--small { margin-top: 3px; margin-left: 20px; padding: 10px 17px; text-transform: uppercase; font-size: 10px; background: #004ac5; box-shadow: inset 0 0 0 2px transparent; color: #fff; transition: .4s ease; border: none; border-radius: 8px; line-height: 1.2; display: inline-block; font-weight: 700; } @media only screen and (min-width:1022px) { .m-dealers_heading_link { margin-top: -2px; margin-left: 20px } } @media only screen and (min-width:1230px) { /* .m-dealers_title { font-size: 32px } */ .m-dealers_heading_link { margin-top: 3px } } .m-dealers_list { margin-bottom: 40px } .m-dealers_list_item { position: relative; padding: 17px 0 20px 25px; border-bottom: 1px solid #c8c9cc; } @media only screen and (min-width:1230px) { .m-dealers_list_item { min-height: 143px; } } .m-dealers_list_item:before { /* content: ""; */ content: ""; background: url('/local/templates/oilpump/./img/icons/svg/pin-icon.svg') center no-repeat; width: 14px; height: 17px; } .m-dealers_list_item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 } .m-dealers_list_item::before { position: absolute; top: 20px; left: 0; color: #004ac5; font-size: 16px; line-height: 1 } .m-dealers_list_item_title { display: inline-block; margin-bottom: 12px; color: #191919; font-weight: 700; font-size: 16px; line-height: 1.25; } /* .m-dealers_list_item_title:hover { color: #004ac5 } */ .m-dealers_list_item_contacts { color: #505050; font-weight: 400; font-size: 12px; line-height: 1.25 } .m-dealers_list_item_contacts p { margin: 0 0 5px; color: inherit; font-weight: inherit; font-size: 100%; line-height: inherit; color: #191919; font-size: 12px; font-weight: 300; line-height: 20px; } .m-dealers_list_item_contacts p:last-child { margin-bottom: 0 } .m-breadcrumbs { margin-bottom: 15px; margin-top: 8px; } .m-breadcrumbs:after, .m-breadcrumbs:before { content: " "; display: table } .m-breadcrumbs_item { float: left; font-weight: 300; font-size: 14px; line-height: 1.1; margin-bottom: 5px; } @media only screen and (min-width:1022px) { .m-breadcrumbs_item { margin-bottom: 0 } } .m-breadcrumbs_item_current { color: #777; font-weight: inherit; font-size: 100%; line-height: inherit; /* max-width: 180px; */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; } .m-breadcrumbs_item_link { border-bottom: 1px solid #ffc000; color: #191919; text-decoration: none; font-weight: inherit; font-size: 100%; line-height: inherit; -webkit-transition: .3s ease; transition: .3s ease; /* max-width: 200px; */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; } .m-breadcrumbs_item_link:hover { border-bottom-color: transparent } .m-breadcrumbs_item_divider { display: inline-block; padding: 0 10px; color: #bbbcbe; vertical-align: middle; line-height: inherit; margin-top: -5px; } .m-breadcrumbs_item_divider:before { content: "" } .m-breadcrumbs_item_divider::before { color: inherit; font-size: 14px; line-height: inherit } .m-products-nav { overflow: hidden; margin-bottom: 30px; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21); background: #fff } .m-products-nav_item { position: relative; border-top: 2px solid #f6f7fa; color: #191919; font-size: 13px; -webkit-transition: .4s background cubic-bezier(.455, .03, .515, .955); transition: .4s background cubic-bezier(.455, .03, .515, .955); overflow: hidden } .m-products-nav_item:first-child { border-top: 0 } .m-products-nav_item.active { background: #f7f7f9 } .m-products-nav_item.active.-parent .m-products-nav_item_title::before { color: #fff; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .m-products-nav_item.active .m-products-nav_item_child { height: auto } .m-products-nav_item.-parent .m-products-nav_item_title { padding-right: 28px } .m-products-nav_item.-parent .m-products-nav_item_title:before { content: "" } @media only screen and (min-width:1022px) { .m-products-nav_item.-parent .m-products-nav_item_title { padding-right: 30px } } @media only screen and (min-width:1230px) { .m-products-nav { margin-bottom: 45px } .m-products-nav_item { font-size: 14px } .m-products-nav_item.-parent .m-products-nav_item_title { padding-right: 35px } } .m-products-nav_item.-parent .m-products-nav_item_title::before { position: absolute; top: 50%; right: 14px; margin-top: -4px; color: inherit; font-size: 9px; line-height: 1; -webkit-transition: .3s color ease, .3s -webkit-transform ease; transition: .3s color ease, .3s -webkit-transform ease; transition: .3s transform ease, .3s color ease; transition: .3s transform ease, .3s color ease, .3s -webkit-transform ease; -webkit-transform: rotate(0); transform: rotate(0) } .m-products-nav_item_title { display: block; position: relative; padding: 10px 15px 13px; width: 100%; color: inherit; text-decoration: none; letter-spacing: -.05em; font-weight: 700; font-size: 100%; line-height: 1.538461538 } .m-products-nav_item_title:hover { color: #004ac5 } .m-products-nav_item_title>span { vertical-align: middle } @media only screen and (min-width:1230px) { .m-products-nav_item.-parent .m-products-nav_item_title::before { right: 25px } .m-products-nav_item_title { display: table; padding: 23px 25px; letter-spacing: -.03em; line-height: 1.428571429 } .m-products-nav_item_title>span { display: table-cell } } .m-products-nav_item_title_img { display: none; width: 65px; vertical-align: middle } .m-products-nav_item_child { overflow: hidden; height: 0; -webkit-transition: .4s height cubic-bezier(.455, .03, .515, .955); transition: .4s height cubic-bezier(.455, .03, .515, .955); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .m-products-nav_item_child_list { position: relative; padding: 20px 15px 25px } @media only screen and (min-width:1230px) { .m-products-nav_item_title_img { display: table-cell } .m-products-nav_item_child_list { padding: 25px } } .m-products-nav_item_child_list::before { display: block; content: ' '; position: absolute; top: 0; right: 15px; left: 15px; border-top: 1px solid #dfe0e8 } .m-products-nav_item_child_item { display: block; position: relative; margin-top: 15px; color: #000; text-decoration: none; font-size: 13px; line-height: 1.230769231 } @media only screen and (min-width:1230px) { .m-products-nav_item_child_list::before { right: 25px; left: 25px } .m-products-nav_item_child_item { padding-left: 65px } } .m-products-nav_item_child_item:hover { color: #004ac5; text-decoration: none } .m-products-nav_item_child_item:first-child { margin-top: 0 } .m-products-nav_item_child_item.active { color: #004ac5; text-decoration: none } .m-products-nav_item_child_item::before { display: none; content: ' '; position: absolute; top: 5px; left: 15px; width: 8px; height: 8px; border: 2px solid #004ac5; border-radius: 50% } .m-contacts-widget, .m-slider, .m-slider .slick-list { overflow: hidden; border-radius: 8px } .m-contacts-widget { margin-top: 60px; } .m-contacts-widget p { margin: 0; color: inherit; font-weight: 300; font-size: 14px; line-height: 1.714285714; line-height: 22px; } .m-contacts-widget_left, .m-contacts-widget_right { padding: 25px 18px } @media only screen and (min-width:768px) { .m-contacts-widget_left, .m-contacts-widget_right { padding: 30px } } @media only screen and (min-width:1230px) { .m-products-nav_item_child_item::before { display: block } .m-contacts-widget { display: table; width: 100%; margin-top: 97px; max-width: 867px; } .m-contacts-widget_left, .m-contacts-widget_right { display: table-cell; /* padding: 25px 30px; */ vertical-align: top; padding: 25px 31px 31px; } .m-contacts-widget_left { /* width: 54%; */ width: 50%; } .m-contacts-widget_right { width: 46%; width: 50%; } } .m-contacts-widget_left { background: #fff; color: #000 } .m-contacts-widget_phone { display: block; margin: 7px 0; color: #004ac5; text-decoration: none; font-weight: 700; font-size: 28px; line-height: 1 } @media only screen and (min-width:768px) { .m-contacts-widget_phone { margin: 10px 0 15px; margin: 13px 0 29px; } } .m-contacts-widget_phone:hover { color: #ffae00 } .m-contacts-widget_email { display: inline-block; /* margin-top: 3px; */ border-bottom: 1px solid #ffae00; color: inherit; text-decoration: none; font-weight: 700; font-size: 20px; line-height: 1.1; -webkit-transition: .3s ease; transition: .3s ease; margin-top: 10px; } .m-contacts-widget_email:hover, .m-contacts-widget_file:hover .m-contacts-widget_file_title { border-bottom-color: transparent } .m-contacts-widget_right { background: #004ac5; color: #fff } .m-contacts-widget_buttons { margin-top: 15px; } .m-contacts-widget_buttons .btn { padding: 9px 29px; height: auto; color: #191919; font-size: 13px; font-weight: 700; line-height: 24px; } @media only screen and (min-width:768px) { .m-contacts-widget_buttons { margin-top: 20px } } @media screen and (max-width:352px) { .m-contacts-widget_buttons .btn { margin-bottom: 10px; } } .m-contacts-widget_buttons .e-white-btn { letter-spacing: -.025em } .m-contacts-widget_file, .m-contacts-widget_file:focus, .m-contacts-widget_file:active { display: inline-block; margin-left: 20px; color: inherit; vertical-align: middle; text-decoration: none; font-weight: 400; font-size: 14px; line-height: 1.4 } @media only screen and (min-width:768px) { .m-contacts-widget_file, .m-contacts-widget_file:focus, .m-contacts-widget_file:active { margin-left: 60px } } .m-contacts-widget_file:hover { color: #ffc000 } .m-contacts-widget_file_icon { display: none; margin-top: 3px; margin-right: 9px; color: #ffae00; vertical-align: middle; font-size: 24px } .m-contacts-widget_file_icon::before { color: inherit } .m-contacts-widget_file_title { display: inline-block; border-bottom: 1px solid #ffc000; letter-spacing: -.03em; -webkit-transition: .3s border ease; transition: .3s border ease } .m-slider { position: relative; margin-bottom: 20px } @media only screen and (min-width:1230px) { .m-contacts-widget_buttons { margin-top: 22px; } .m-contacts-widget_file, .m-contacts-widget_file:focus, .m-contacts-widget_file:active { margin-left: 45px } .m-slider { margin-bottom: 30px } } .m-slider .slick-arrow { position: absolute; top: 50%; z-index: 1; width: 43px; height: 48px; background: rgba(255, 255, 255, .7); font-size: 0; -webkit-transition: .4s background ease; transition: .4s background ease } @media only screen and (min-width:768px) { .m-contacts-widget_file_icon { display: inline-block } .m-slider .slick-arrow { margin-top: -36px; width: 63px; height: 72px } } .m-slider .slick-arrow::before { position: absolute; top: 50%; margin-top: -10px; font-size: 20px; line-height: 1; -webkit-transition: .3s -webkit-transform ease; transition: .3s -webkit-transform ease; transition: .3s transform ease; transition: .3s transform ease, .3s -webkit-transform ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } @media only screen and (min-width:768px) { .m-slider .slick-arrow::before { margin-top: -16px; font-size: 32px } } .m-slider .slick-arrow:hover { background: #fff } .m-slider .slick-prev { left: 0; border-radius: 0 5px 5px 0 } .m-slider .slick-prev:before { content: "" } .m-slider .slick-prev::before { left: 10px } .m-slider .slick-prev:hover::before { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } .m-slider .slick-next { right: 0; border-radius: 5px 0 0 5px } .m-slider .slick-next:before { content: "" } .m-slider .slick-next::before { right: 10px } @media only screen and (min-width:1230px) { .m-slider .slick-arrow { width: 72px } .m-slider .slick-prev::before { left: 18px } .m-slider .slick-next::before { right: 18px } } .m-slider .slick-next:hover::before { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } .m-slider_item { position: relative; float: left } .m-slider_item_img>img { max-width: 100%; max-height: 415px; margin: 0 auto; } .m-slider_item_desc { position: absolute; right: 0; bottom: 0; left: 0; padding: 0 35px 20px; color: #004ac5; font-weight: 600; font-size: 20px; line-height: 1.2; text-shadow: 1px 1px 2px #fff, 0 0 1em #004ac5; } @media only screen and (min-width:1230px) { .m-slider_item_desc { padding: 0 38px 34px; font-size: 32px; line-height: 1.125 } } .m-slider_item_desc p { margin: 0; color: inherit; font-weight: inherit; font-size: 100%; line-height: inherit } .m-table-wrap { display: block; overflow-x: auto; margin-bottom: 25px; min-height: 0; width: 100% } @media only screen and (min-width:1230px) { .m-table-wrap { margin-bottom: 60px } } .m-table { width: 100%; border-collapse: collapse; font-size: 12px } .m-table thead { background: #004ac5; color: #fff } .m-table th { padding: 20px 8px } .m-table th+th { border-left: 1px solid #6c91ce } .m-table tbody { background: #fff; color: #000 } .m-table tbody:nth-child(even) { background: #f5f5f5 } .m-table tr+tr { border-top: 1px solid #e6e6e6 } .m-table td, .m-table th { color: inherit; vertical-align: middle; text-align: center } .m-table td { padding: 20px 10px } .m-table td+td { border-left: 1px solid #e6e6e6 } .m-products-list { margin-bottom: 30px } @media only screen and (min-width:768px) { .m-products-list { margin-bottom: 35px } } @media only screen and (min-width:1230px) { .m-products-list { margin-bottom: 30px } } .m-products-list_item { overflow: hidden; margin-bottom: 15px; width: 100%; border-radius: 8px; background: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, .4); display: table; } .m-products-list_item_img { overflow: hidden; width: 100% } @media only screen and (min-width:768px) { .m-products-list_item_img { display: table-cell; width: 235px } .m-products-list_item_img--centered { border-right: 1px solid #e7e8ed } } @media only screen and (min-width:1230px) { .m-products-list_item_img { width: 240px } } .m-products-list_item_img--centered { position: relative; height: 240px } .m-products-list_item_img--centered>img { position: absolute; top: 50%; left: 50%; max-width: 90%; max-height: 90%; width: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .m-products-list_item_img--filled { position: relative; height: 240px } .m-products-list_item_img--filled>img { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .m-products-list_item_img--rounded { padding: 20px; vertical-align: top } @media only screen and (min-width:768px) { .m-products-list_item_img--rounded { padding: 20px 10px 20px 20px } } @media only screen and (min-width:1230px) { .m-products-list_item_img--rounded { padding: 25px 0 25px 25px } } .m-products-list_item_img--rounded>img { width: 100%; border-radius: 8px } .m-products-list_item_desc { padding: 20px; border-top: 1px solid #e7e8ed } @media only screen and (min-width:768px) { .m-products-list_item_desc { display: table-cell; padding: 20px 15px; border-top: 0 } } .m-products-list_item_heading { width: 100% } @media only screen and (min-width:1230px) { .m-products-list_item_desc { padding: 23px } .m-products-list_item_heading { display: table } } .m-products-list_item_title { display: block; color: #505050; text-transform: uppercase; font-weight: 700; font-size: 14px; line-height: 1.3; text-decoration: none; margin: 5px 0 0; } .m-products-list_item_title:hover { color: #004ac5; text-decoration: none } @media only screen and (min-width:1230px) { .m-products-list_item_title { width: 70%; vertical-align: middle; font-size: 1.25rem; } .m-products-list_item_btn { display: table-cell; width: auto; vertical-align: middle; white-space: nowrap; text-align: right } } .m-products-list_item_desc_text { margin-top: 23px; padding-top: 18px; border-top: 1px solid #e7e8ed; color: #000; font-weight: 300; font-size: 13px; line-height: 1.538461538 } .m-products-list_item_desc_text p { margin: 0; color: inherit; font-size: 100%; line-height: inherit } .m-products-list_item_desc_text b, .m-products-list_item_desc_text strong { font-weight: 700 } .m-products-grid { margin-bottom: 10px } @media only screen and (min-width:768px) { .m-products-grid { margin-bottom: 0 } } .m-products-grid_item { margin-bottom: 15px; padding: 23px; width: 100%; border-radius: 8px; background: #fff } @media only screen and (min-width:768px) { .m-products-grid_item { padding: 30px 25px } } @media only screen and (min-width:1022px) { .m-products-grid_item { margin-bottom: 30px; padding: 24px } } .m-products-grid_item_img { overflow: hidden; margin-bottom: 15px; border-radius: 8px } .m-products-grid_item_img>img { width: 100% } .m-products-grid_item_title { margin-bottom: 10px; color: #505050; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 1.5; text-decoration: none; display: block } @media only screen and (min-width:768px) { .m-products-grid_item_title { font-size: 18px; line-height: 1.333333333 } } .m-products-grid_item_title:hover { color: #004ac5; text-decoration: none } .m-products-grid_item_links_link { margin-top: 10px; color: #004ac5; text-decoration: underline; font-weight: 700; font-size: 13px; line-height: 1.538461538 } .b-breadcrumbs__link, .m-products-grid_item_links_link:hover, a, a:focus, a:hover { text-decoration: none } .m-products-grid_item_links_link:first-child { margin-top: 0 } .m-wb-widget { overflow: hidden; margin-bottom: 25px; width: 100%; border-radius: 8px } .m-wb-widget p { color: inherit; font-weight: 300; font-size: 14px; line-height: 1.428571429 } .m-wb-widget b, .m-wb-widget strong { font-weight: 700 } .m-wb-widget .m-files-widget { padding: 0; text-align: left } .m-wb-widget .e-blue-btn, .m-wb-widget .e-white-btn, .m-wb-widget .e-yellow-btn { margin-top: 20px } @media only screen and (min-width:1230px) { .m-wb-widget .e-blue-btn, .m-wb-widget .e-white-btn, .m-wb-widget .e-yellow-btn { margin-top: 25px } .m-wb-widget .-without-offset { margin: 0 } } .m-wb-widget .e-blue-btn:first-child, .m-wb-widget .e-blue-btn:only-child, .m-wb-widget .e-white-btn:first-child, .m-wb-widget .e-white-btn:only-child, .m-wb-widget .e-yellow-btn:first-child, .m-wb-widget .e-yellow-btn:only-child { margin-top: 0 } .m-wb-widget .e-large { font-size: 24px; line-height: 1 } .m-wb-widget .-without-offset { margin: 0 } @media only screen and (min-width:768px) { .m-wb-widget .m-files-widget { padding: 0 0 0 10px } .m-wb-widget .-sm-without-offset, .m-wb-widget .-without-offset { margin: 0 } } @media only screen and (min-width:1022px) { .m-wb-widget { display: table } .m-wb-widget .-md-without-offset { margin: 0 } } .m-wb-widget_left, .m-wb-widget_right { padding: 25px 20px; text-align: center } .m-wb-widget_left { background: #fff; color: #505050 } .m-wb-widget_right { background: #004ac5; color: #fff } @media only screen and (min-width:1230px) { .m-wb-widget .-lg-without-offset { margin: 0 } .m-wb-widget_left, .m-wb-widget_right { display: table-cell; vertical-align: middle } .m-wb-widget_left { width: 54%; text-align: left } .m-wb-widget_right { width: 46% } } .m-resp-tabs-container { margin-bottom: 40px } .m-resp-tabs_nav { position: relative; z-index: 1 } .m-resp-tabs_nav:after, .m-resp-tabs_nav:before { content: " "; display: table } .m-resp-tabs_nav--sm .m-resp-tabs_nav_item { padding-left: 29px; padding-right: 29px } .m-resp-tabs_nav_item { float: left; padding: 19px 38px 29px; border-radius: 6px 6px 0 0; background: 0 0; color: #414141; font-weight: 600; font-size: 16px; line-height: 1.3; cursor: pointer; -webkit-transition: .5s color cubic-bezier(.455, .03, .515, .955), .5s background cubic-bezier(.455, .03, .515, .955), .5s box-shadow cubic-bezier(.455, .03, .515, .955); transition: .5s color cubic-bezier(.455, .03, .515, .955), .5s background cubic-bezier(.455, .03, .515, .955), .5s box-shadow cubic-bezier(.455, .03, .515, .955) } .m-resp-tabs_nav_item:hover { color: #00358d } .m-resp-tabs_nav_item.active { background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21); color: #00358d; cursor: default } .m-resp-tabs_panes { position: relative; z-index: 2; overflow: hidden; width: 100%; border-radius: 8px; background: #fff; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .21) } @media only screen and (min-width:1230px) { .m-resp-tabs_panes { overflow: initial; margin-top: -10px; padding: 28px 25px } } .m-resp-tabs_pane { padding: 0 20px; width: 100%; border-top: 1px solid #fff; background: #e0e1e8; -webkit-transition: .5s background cubic-bezier(.455, .03, .515, .955); transition: .5s background cubic-bezier(.455, .03, .515, .955) } @media only screen and (max-width:1229px) { .m-resp-tabs_pane.active { background: #fff } .m-resp-tabs_pane.active .m-resp-tabs_pane_header { color: #00358d } .m-resp-tabs_pane.active .m-resp-tabs_pane_header::after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .m-resp-tabs_pane.active .m-resp-tabs_pane_content { height: auto } } @media only screen and (min-width:768px) { .m-resp-tabs-container { margin-bottom: 70px } .m-resp-tabs_pane { padding: 0 30px } } @media only screen and (min-width:1230px) { .m-resp-tabs_pane { display: none; padding: 0; border-top: none; background: 0 0 } .m-resp-tabs_pane.active { display: block } } .l-section-about, .l-section-city-bg { background-position: center center; background-size: cover; background-repeat: no-repeat } .m-resp-tabs_pane:first-child { border-top: none } .m-resp-tabs_pane_header { position: relative; padding: 15px 0; color: #222; font-size: 16px; line-height: 1.5; cursor: pointer } .m-resp-tabs_pane_header::after { display: block; content: ' '; position: absolute; top: 50%; right: 0; margin-top: -2px; width: 0; height: 0; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; -webkit-transition: .3s -webkit-transform ease; transition: .3s -webkit-transform ease; transition: .3s transform ease; transition: .3s transform ease, .3s -webkit-transform ease; -webkit-transform: rotate(0); transform: rotate(0) } .m-resp-tabs_pane_content { overflow: hidden; height: 0; -webkit-transition: .4s height cubic-bezier(.455, .03, .515, .955); transition: .4s height cubic-bezier(.455, .03, .515, .955) } .m-resp-tabs_pane_content_inner { padding: 20px 0; border-top: 1px solid #e0e1e8; color: #000; font-weight: 300; font-size: 14px; line-height: 1.714285714 } @media only screen and (min-width:768px) { .m-resp-tabs_pane_content_inner { font-size: 16px } } @media only screen and (min-width:1230px) { .m-resp-tabs_pane_content { height: auto } .m-resp-tabs_pane_content_inner { padding: 0; border: 0 } } .m-resp-tabs_pane_content_inner p { margin: 0 0 10px; color: inherit; font-weight: inherit; font-size: 100%; line-height: inherit } @media only screen and (min-width:768px) { .m-resp-tabs_pane_content_inner p { margin-bottom: 20px } } .m-resp-tabs_pane_content_inner p:last-child { margin-bottom: 0 } .m-resp-tabs_pane_content_inner b, .m-resp-tabs_pane_content_inner strong { font-weight: 700 } .m-wysiwyg { font-size: 14px; line-height: 1.714285714 } @media only screen and (min-width:768px) { .m-wysiwyg { font-size: 16px; line-height: 1.75 } } .m-wysiwyg img { max-width: 100%; height: auto } .m-wysiwyg p { margin: 0 0 10px; color: #000; font-weight: 300; font-size: 100%; line-height: inherit } @media only screen and (min-width:768px) { .m-wysiwyg p { margin: 0 0 15px } } .m-wysiwyg b, .m-wysiwyg strong { font-weight: 700 } .m-wysiwyg .e-like-h2, .m-wysiwyg .e-like-h3, .m-wysiwyg h2, .m-wysiwyg h3 { margin-top: 20px } @media only screen and (min-width:768px) { .m-wysiwyg .e-like-h2, .m-wysiwyg .e-like-h3, .m-wysiwyg h2, .m-wysiwyg h3 { margin-top: 40px; } .m-wysiwyg h2 { margin-bottom: 37px; } .m-wysiwyg h3 { margin-top: 57px; margin-bottom: 28px; } } .m-wysiwyg .e-like-h2:last-child, .m-wysiwyg .e-like-h3:last-child, .m-wysiwyg h2:last-child, .m-wysiwyg h3:last-child { margin-top: 0 } .m-collapsible { overflow: hidden; -webkit-transition: .55s height ease; transition: .55s height ease } .m-collapsible.is-collapsed { height: 0 } .m-image-block { margin: 15px 0; width: 100% } @media only screen and (min-width:768px) { .m-image-block { margin: 20px 0 } } @media only screen and (min-width:1230px) { .m-image-block { margin: 30px 0 } } .m-image-block:first-child { margin-top: 0 } .m-image-block:last-child { margin-bottom: 0 } .m-image-block_img { overflow: hidden; font-size: 0 } @media only screen and (min-width:1022px) { .m-image-block_img { display: table-cell; width: 65%; vertical-align: bottom } } .m-image-block_img img { width: 100% } .m-image-block_caption { margin-top: 10px; color: #000; font-weight: 300; font-style: italic; font-size: 14px; line-height: 1.428571429 } @media only screen and (min-width:1022px) { .m-image-block_caption { display: table-cell; padding-left: 40px; width: 35%; vertical-align: bottom } } .m-image-block_caption p { margin: 0; color: inherit; font-weight: inherit; font-size: 100%; line-height: inherit } @media only screen and (min-width:768px) { .m-image-block_caption p { margin: 0 } } .m-image-block_caption b, .m-image-block_caption strong { font-weight: 700 } .l-section_heading { margin: 0 0 20px } @media only screen and (min-width:768px) { .l-section_heading { margin: 0 0 25px } } @media only screen and (min-width:1230px) { .l-section_heading { margin: 0 0 30px } } .l-section_heading .e-like-h1, .l-section_heading .e-like-h2, .l-section_heading .e-like-h3, .l-section_heading .e-like-h4, .l-section_heading h1, .l-section_heading h2, .l-section_heading h3, .l-section_heading h4 { margin: 0 } .l-section_heading_title { /* font-weight: 500; font-size: 32px; line-height: 1.2; */ display: inline-block; color: #191919; font-size: 28px; font-weight: 700; line-height: 24px; } a.l-section_heading_title { display: inline-block; border-bottom: 1px solid #babbbf; transition: all 0.3s; } .l-section_heading_links { margin-top: 10px } @media only screen and (min-width:768px) { .l-section_heading_links { float: right; margin-top: 3px } } .b-documentation__switcher .e-blue-btn, .l-section_heading_links .e-blue-btn, .l-section_heading_links .e-yellow-btn { margin-left: 7px } @media only screen and (min-width:768px) { .l-section_heading_links .e-blue-btn, .l-section_heading_links .e-yellow-btn { margin-left: 15px } } .l-section_heading_links .e-blue-btn:first-child, .l-section_heading_links .e-yellow-btn:first-child { margin-left: 0 } .l-section-city-bg { padding: 40px 0 50px; /*background-image: url(/local/templates/oilpump/img/city-bg.jpg)*/ } .l-section-city-bg .checkbox__input:checked~.checkbox__emulator { border-color: #ebebeb; } @media only screen and (min-width:768px) { .l-section-city-bg { padding: 50px 0 80px } } .l-section-city-bg .m-form_caption, .l-section-city-bg .m-form_title { /* color: #fff; */ color: #191919; } @media only screen and (min-width:1230px) { /* .l-section_heading_title { font-size: 40px; display: inline-block; color: #191919; font-size: 28px; font-weight: 700; line-height: 24px; border-bottom: 1px solid #babbbf; } */ .l-section_heading_links { margin-top: 10px } .l-section-city-bg { /* padding: 55px 0 95px; */ padding: 38px 0 32px; } .l-section-city-bg .m-form_title { margin-top: 25px } } @media only screen and (min-width:992px) { a.l-section_heading_title:hover { border-bottom-color: transparent; } } .l-section-about { padding: 40px 0 50px; /* background-color: #e1e2e8; */ /*background-image: url(/local/templates/oilpump/img/about-bg.jpg)*/ } /* .l-section-about .l-section_heading_title { font-weight: 500 } */ .l-section-about .m-news { margin-top: 80px; } @media only screen and (min-width:768px) { .l-section-about { padding: 51px 0 70px } .l-section-about .l-section_heading_title { margin-bottom: 6px } /* .l-section-about .m-news { margin-top: 40px; } */ } @media only screen and (min-width:992px) { .l-section-about .m-news { margin-top: 0; } } .l-section-about .m-wysiwyg { max-width: 865px; width: 100%; } .l-section-about .m-wysiwyg p { margin: 0 0 15px; /* color: #000; */ color: #191919; font-weight: 300; font-size: 16px; line-height: 1.5; line-height: 24px; } /* .l-section-about .m-wysiwyg .benchmarks { width: 100%; height: 416px; margin-bottom: 26px; background-repeat: no-repeat; background-position: center; border-radius: 5px; background-color: #191919; } */ @media only screen and (min-width:768px) { .l-section-about .m-wysiwyg p { margin: 0 0 25px } } @media only screen and (min-width:1230px) { /* .l-section-about .m-news { padding-left: 40px } */ .l-section-about .m-wysiwyg p { /* margin: 0 0 30px; */ margin: 0 0 15px; /* line-height: 1.75; */ } } .l-section-map { background: #f0f1f6 } .l-section-map .l-section_heading { margin-bottom: 46px; text-align: center; } .l-section-map_inner { position: relative; padding: 0 } .l-section-map_heading { position: absolute; top: 20px; z-index: 1; display: none; } .l-section-map_heading_small { margin-bottom: 5px; font-weight: 300; font-size: 18px; line-height: 1.333333333 } @media only screen and (min-width:768px) { .l-section-map_heading { top: 60px } .l-section-map_heading_small { margin-bottom: 15px; font-size: 24px; line-height: 1 } } .l-section-map_heading_large { font-weight: 500; font-size: 24px; line-height: 1.333333333 } .l-section-map_image { width: 100% } .l-section-partners { padding: 45px 0 35px; background: #fff } @media only screen and (min-width:768px) { .l-section-map_heading_large { font-size: 40px; line-height: 1.2 } .l-section-partners { padding: 70px 0 40px } } @media only screen and (min-width:1230px) { .l-section-partners { padding: 60px 0 35px; } } .l-section-dealers { padding: 45px 0 20px } @media only screen and (min-width:768px) { .l-section-dealers { padding: 75px 0 45px } } @media only screen and (min-width:1230px) { .l-section-dealers { padding: 97px 0 27px } } .l-inner-page { background-image: url(/local/templates/oilpump/img/inner-page-industry-bg.png); background-position: center bottom; background-size: contain; background-repeat: no-repeat; padding-bottom: 95px } .l-inner-page .m-categories-list { margin-bottom: 15px } @media only screen and (min-width:768px) { .l-inner-page .m-categories-list { margin-bottom: 0 } } .l-inner-page .m-wysiwyg { margin-bottom: 35px } @media only screen and (min-width:768px) { .l-inner-page .m-wysiwyg { margin-bottom: 55px } } .m-modal-orderRequest{ max-width: 870px !important; } .m-modal-orderRequest .m-form{ width: 100%; font-size: 0px; display: flex; flex-flow: row wrap; justify-content: space-between; } @media only screen and (max-width:480px){ .m-modal-orderRequest .m-form{ flex-flow: column wrap; } } .m-modal-orderRequest .js-m-form{ width: 100%; font-size: 0px; display: flex; flex-flow: row wrap; justify-content: space-between; } @media only screen and (max-width:480px){ .m-modal-orderRequest .js-m-form{ flex-flow: column wrap; } } .m-modal-orderRequest form { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; } @media only screen and (max-width:480px){ .m-modal-orderRequest form{ flex-flow: column wrap; } } .m-modal-orderRequest .form__note { order: 2; width: 100%; } .m-modal-orderRequest .form__field-agreement-personal-data { order: 1; width: 100%; margin-bottom: 24px; } .m-modal-orderRequest .m-files-widget_list{ display: inline-block; width: 48%; } @media only screen and (max-width:480px){ .m-modal-orderRequest .m-files-widget_list{ width: 100%; } } .m-modal-orderRequest .m-files-widget_list :first-of-type { margin-right: 15px; } .m-modal-orderRequest .m-modal-inputs{ width: 48%; display: inline-block; margin-top: 15px; } @media only screen and (max-width:480px){ .m-modal-orderRequest .m-modal-inputs{ width: 100%; } } .m-modal-orderRequest .m-modal-inputs :first-child{ /* margin-right: 25px;*/ } .m-modal-orderRequest .m-form_input{ border: none; } .m-modal-orderRequest .m-captcha { max-width: 200px; margin-right: 15px; } .m-modal-orderRequest .m-form_textarea { min-height: 110px; border: none; } .m-modal-orderRequest .b-file-select { position: static; color: #000; border-bottom: 2px dotted #004ac5; cursor: pointer; padding-bottom: 2px; font-size: .88rem; font-weight: bold; } .m-modal-orderRequest input[type=file] { display: none; } .m-modal-orderRequest .b-form__row { overflow: visible; } .m-modal-orderRequest span { font-size: 13px; display: block; } .m-modal-orderRequest .m-form_label--required { display: inline; } .m-modal-orderRequest .m-form_submit { order: 3; margin: 0 auto; margin-top: 25px; } .m-modal-orderRequest .m-form_captcha { max-width: 120px; display: inline-block; vertical-align: top; } .m-modal-orderRequest .m-form_captcha img { height: 100%; } .m-modal-orderRequest .m-modal-orderRequest-link{ color: #004ac5; text-decoration: underline; font-weight: bold; } .m-form_captcha img { margin-top: 7px; } .val-error{ box-shadow: inset 0 0 0 2px #ff0303; } .m-modal { position: relative; max-width: 100%; margin: auto; background: #fff; border-radius: 8px; padding: 25px 20px 30px } @media only screen and (min-width:768px) { .m-modal { max-width: 650px; padding: 40px 80px } } .m-modal_header { font-size: 20px; line-height: 1.2; margin: 0 0 10px; color: #3e3d3d; padding-right: 20px } @media only screen and (min-width:768px) { .m-modal_header { font-size: 32px; line-height: 1.25; margin: 0 0 15px } } .m-modal_intro { font-size: 12px; line-height: 1.666666667; color: #3e3d3d; font-weight: 400 } @media only screen and (min-width:768px) { .m-modal_intro { font-size: 14px; line-height: 1.714285714 } } .m-modal_intro p { color: inherit; font-size: 100%; line-height: inherit; font-weight: inherit; margin: 0 0 10px } .m-modal_intro p:last-child { margin-bottom: 0 } .m-modal_close { position: absolute; font-size: 0; padding: 10px; top: 20px; right: 15px; opacity: 1; color: #000; -webkit-transition: .3s color ease; transition: .3s color ease } @media only screen and (min-width:768px) { .m-modal_close { top: 50px; right: 70px } } @media only screen and (min-width:1230px) { .m-modal_close { top: 40px } } .m-modal_close:hover { color: #004ac5 } .m-modal_close::before { font-size: 17px; line-height: 1; color: inherit } .m-back-to-top { display: block; visibility: hidden; position: fixed; right: 10px; bottom: 70px; z-index: 700; overflow: hidden; width: 46px; height: 46px; border-radius: 6px; background: #004ac5; line-height: 1; opacity: 0; cursor: pointer; -webkit-transition: .5s opacity ease, .5s visibility ease; transition: .5s opacity ease, .5s visibility ease } .m-back-to-top:before { content: "" } @media (min-width:1500px) { .m-back-to-top { right: 50px } } .m-back-to-top.-show { visibility: visible; opacity: .5 } .m-back-to-top::before { position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -14px; color: #fff; font-size: 20px; line-height: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom } .m-back-to-top:hover { opacity: 1 } .m-back-to-top:hover::before { -webkit-animation: bounce 2s ease infinite; animation: bounce 2s ease infinite } .g-mfp-open .m-back-to-top { margin-right: 15px } .m-param-scroll { display: block; overflow-x: auto; min-height: 0; width: 100% } .m-params { margin-bottom: 15px; border: 3px solid #f5f5f5; border-radius: 8px; overflow: hidden; width: 100%; display: table } @media only screen and (min-width:768px) { .m-params { margin-bottom: 30px } } .m-params:last-child { margin-bottom: 0 } .m-params .e-blue-btn, .m-params .e-white-btn, .m-params .e-yellow-btn { font-size: 14px; padding: 12px 9px } @media only screen and (min-width:768px) { .m-params .e-blue-btn, .m-params .e-white-btn, .m-params .e-yellow-btn { font-size: 14px; padding: 12px 9px; margin: 0 5px } } @media only screen and (min-width:1230px) { .m-params .e-blue-btn, .m-params .e-white-btn, .m-params .e-yellow-btn { font-size: 14px; padding: 12px 25px; margin: 0 5px } .m-params--auto-layout .m-params_item_col, .m-params--auto-layout .m-params_item_val { padding-left: 10px; padding-right: 10px } } .m-params--auto-layout .m-params_item { table-layout: auto; display: table-row } .m-params--auto-layout .m-params_item_col, .m-params--auto-layout .m-params_item_val { padding-left: 10px; padding-right: 10px; text-align: center } .m-params_item { color: #000; font-size: 14px; line-height: 1.142857143; font-weight: 300; background: #fff; width: 100.5%; display: table; table-layout: fixed } @media only screen and (min-width:768px) { .m-params--auto-layout .m-params_item_col, .m-params--auto-layout .m-params_item_val { padding-left: 10px; padding-right: 10px } .m-params_item { line-height: 1.428571429 } .m-params_item p { margin: 0 } } @media only screen and (min-width:1230px) { .m-params_item { font-size: 16px; line-height: 1.25 } } .m-params_item:nth-child(odd) { background: #f5f5f5 } .m-params_item p { font-size: 100%; color: inherit; line-height: inherit; font-weight: inherit; margin: 0 } body, html { font-size: 16px } .m-params_item b, .m-params_item strong { font-weight: 700 } .m-params_item_col, .m-params_item_title, .m-params_item_val { padding: 15px 10px; display: table-cell; vertical-align: middle; border-left: 1px solid #ebebeb } @media only screen and (min-width:768px) { .m-params_item_col, .m-params_item_title, .m-params_item_val { padding: 17px 20px } } @media only screen and (min-width:1230px) { .m-params_item_col, .m-params_item_title, .m-params_item_val { padding: 17px 30px } } .m-params_item_col:first-child, .m-params_item_title:first-child, .m-params_item_val:first-child { border-left: 0 } .m-params_item_title { width: 70% } @media only screen and (min-width:768px) { .m-params_item_title { width: 80% } } .g-home-page { /*background-image: url(/local/templates/oilpump/img/home-bg.jpg);*/ background-position: center 0; background-repeat: no-repeat } .g-home-page .b-main { background: none; padding-top: 30px; background-color: #f0f1f6; } .b-breadcrumbs__link::after, .b-breadcrumbs__link_current::after { width: 14px; height: 10px; margin: 0 10px; background-image: url(/local/templates/oilpump/img/icons/breadcrumbs-right.png); content: '' } body { font-family: Ubuntu, sans-serif } a { color: #004ac5 } a:hover { color: #0054df } input::-webkit-input-placeholder { -webkit-transition: all .3s; transition: all .3s } input::-moz-placeholder { -webkit-transition: all .3s; transition: all .3s } input:-moz-placeholder { -webkit-transition: all .3s; transition: all .3s } input:-ms-input-placeholder { -webkit-transition: all .3s; transition: all .3s } input:focus::-webkit-input-placeholder { color: transparent } input:focus::-moz-placeholder { color: transparent } input:focus:-moz-placeholder { color: transparent } input:focus:-ms-input-placeholder { color: transparent } .g-clearfix:after { content: ''; display: block } .b-breadcrumbs__link span { color: #191919; padding-bottom: 3px; border-bottom: 1px solid #ffae00; -webkit-transition: all .2s; transition: all .2s } .b-breadcrumbs__link span:hover { border-bottom: 1px solid transparent; color: #ffae00 } .b-breadcrumbs__link::after { display: inline-block } .b-breadcrumbs__link_current { cursor: default; color: #777 } .b-breadcrumbs__link_current::after { display: none } #_2611061785536 { fill: #f08293; -webkit-transition: fill .3s; transition: fill .3s } #_2611061785536:hover { fill: #e83e58 } #_2575851272528 { fill: #ffd450; -webkit-transition: fill .3s; transition: fill .3s } #_2575851272528:hover { fill: #ffc104 } #_2575846536992 { fill: #f1f155; -webkit-transition: fill .3s; transition: fill .3s } #_2575846536992 .fil2 { fill: #fff } #_2575846536992:hover { fill: #e7e713 } #_2610958969216 { fill: #76a4e1; -webkit-transition: fill .3s; transition: fill .3s } #_2610958969216:hover { fill: #377ad3 } #_2611062240000 { fill: #d7a069; -webkit-transition: fill .3s; transition: fill .3s } #_2611062240000:hover { fill: #c07a33 } #_2611062248384 { fill: #bad769; -webkit-transition: fill .3s; transition: fill .3s } #_2611062248384:hover { fill: #9bc033 } #_2576374707488 { fill: #b3a773; -webkit-transition: fill .3s; transition: fill .3s } #_2576374707488:hover { fill: #8d814d } .b-paginator { display: flex; align-items: center; } .b-paginator__item { width: 33px; height: 33px; text-align: center; padding: 0 !important; line-height: 33px; margin-right: 15px; border: none; } .b-paginator__item.b-button { border: none; } .b-paginator__item.b-button:hover { background-color: #0563ff !important; } .b-paginator__item.b-button:hover { border: none; } .b-paginator__item.b-button_active { background-color: #fff !important; color: #191919; cursor: default; pointer-events: none; } .b-paginator__item.b-button_active:hover { background-color: #fff !important; color: #191919; } .b-paginator span { vertical-align: bottom; font-size: .88rem; color: #000 } .b-page-title.e-like-h1, .b-section-title.e-like-h2, h1.b-page-title, h2.b-section-title { font-size: 1.81rem; font-weight: 500; color: #414141 } .b-page-h2.e-like-h2, h2.b-page-h2, div.b-page-h2, .b-dealers-list__title { font-size: 1.5rem; font-weight: 500; color: #292929; margin: 32.5px 0 } .b-table { width: 100%; /*table-layout: fixed;*/ } .b-table a { color: #004ac5; text-decoration: underline; -webkit-transition: color .3s; transition: color .3s } .b-button:focus, .b-button:hover, a.b-button { text-decoration: none } .b-table a:hover { color: #ffae00 } .b-table_blue { font-size: 1rem } .b-table_blue thead { background-color: #004ac5; color: #fff; font-size: 15px; font-weight: 700 } .b-table_blue thead th { padding: 15px 0; border-right: 1px solid #fff } .b-table_blue thead th:first-child { border-radius: 10px 0 0 } .b-table_blue thead th:last-child { border-radius: 0 10px 0 0; border-right: none } .b-table_blue tbody tr td { background-color: #fff; border-bottom: 1px solid #dadada; border-right: 1px solid #fff; text-align: center; line-height: 28px; padding: 10px; vertical-align: top; font-weight: 300 } .b-online-consult, .b-page-footer__madeby, .b-top-bundle { text-align: right } .b-table_blue tbody tr td:first-child { font-weight: 400 } .b-table_blue tbody tr td:last-child { border-right: none } .b-table_blue tbody tr:last-child td { border-bottom: none } .b-table_blue tbody tr:last-child td:first-child { border-radius: 0 0 0 10px } .b-table_blue tbody tr:last-child td:last-child { border-radius: 0 0 10px } @media only screen and (min-width:1201px) { .b-table_blue thead th:nth-child(1), .b-table_blue tbody td:nth-child(1) { width: 20%; min-width: 20%; } .b-table_blue thead th:nth-child(2), .b-table_blue tbody td:nth-child(2) { width: 25%; min-width: 25%; } .b-table_blue thead th:nth-child(3), .b-table_blue tbody td:nth-child(3) { width: 15%; min-width: 15%; } .b-table_blue thead th:nth-child(4), .b-table_blue tbody td:nth-child(4) { width: 20%; min-width: 20%; } .b-table_blue thead th:nth-child(5), .b-table_blue tbody td:nth-child(5) { width: 20%; min-width: 20%; } } .b-table_zebra { /*display: block;*/ border-radius: 6px } .b-table_zebra td { border-right: 1px solid #ebebeb; padding: 18px 35px } .b-table_zebra td:first-child{ /*min-width: 260px;*/ } .b-table_zebra td:last-child { border-right: none; min-width: 170px; } @media (max-width: 767px){ .b-table_zebra td:last-child{ min-width: 100px; } } .b-table_zebra tr:nth-child(even) { background-color: #f5f5f5 } .b-main { /* background: url(/local/templates/oilpump/img/bg-top.png) center top no-repeat, url(/local/templates/oilpump/img/bg-bottom.png) center bottom no-repeat #f0f1f6; */ background: url(/local/templates/oilpump/img/bg-bottom.png) center bottom no-repeat #f0f1f6; /* padding-top: 30px; */ overflow: hidden; margin-top: -30px; padding-top: 34px; } .b-button, .b-button:focus { color: #fff; background-color: #004ac5 } .fancybox-close, .g-icons { background-repeat: no-repeat } .b-button { display: inline-block; border: 2px solid #004ac5; text-transform: uppercase; font-size: 13px; font-weight: 700; -webkit-transition: all .3s; transition: all .3s; padding: 9px 16px; border-radius: 6px; vertical-align: middle } .b-button_active { /*background-color: #fff;*/ /*color: #004ac5;*/ background-color: #0563ff; color: #fff; } .b-form .b-note, .b-form__row div { font-size: .88rem } .b-button:focus { border: 2px solid #004ac5 } .b-button:hover { color: #fff; background-color: #0563ff; border-color: #0563ff; } .b-form-main .b-file-select{ position: static; /* color: #000; */ border-bottom: 1px dotted #004ac5; cursor: pointer; /* padding-bottom: 2px; */ /* font-weight: 700; */ /* font-size: .88rem; */ display: inline-block; color: #191919; font-size: 16px; font-weight: 700; line-height: 16px; } .b-form-main input[type=file]{ display: none; } .b-form { background-color: #fff; padding: 35px 45px 39px; border-radius: 6px } .b-form .e-like-h2, .b-form h2 { font-weight: 700; margin: 0 0 13px } .b-form__row { margin-top: 16px; position: relative; overflow: hidden } /* .b-form__row:last-child { margin: 0 } */ .b-form__row div { font-weight: 300 } .b-form .b-button { padding: 15px 22px } .b-form .b-note span { color: #f61010 } .b-form .captcha { max-width: 290px; margin-right: 15px } .captcha { max-width: 230px; margin-right: 15px } .b-form input, .b-form textarea { width: 100%; max-width: 100%; padding: 16px 22px; font-size: 16px; border-radius: 6px; outline: 0 } .b-about-menu, .b-sidebar { border-radius: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21) } .form__row { position: relative; } .form__row label:not(.form__file-upload) { z-index: 95; position: absolute; left: 22px; top: 16px; cursor: text; color: #2f2f2f; font-size: .75rem } /* .b-form label span { color: #f61010 } */ .b-form__col { float: left; width: 50%; padding: 0 10px } .b-form__col:nth-child(2) { padding-right: 0 } .b-form__col:first-child { padding-left: 0 } .b-form__col_large { width: 100%; margin-top: 15px } .b-form__col_large .captcha { max-width: 360px; margin-right: 15px } .b-form_questionnaires { background-color: transparent; padding: 0 } .b-about-menu, .b-form_questionnaires input, .b-form_questionnaires textarea { background-color: #fff } .b-form input[type=file] { display: none } /*.js-file-select{ display: none; }*/ @media (max-width: 550px){ .b-form__col { float: none; width: 100%; padding: 0 } .b-form__row:last-child { margin-bottom: 15px; } } .b-form .b-file-select, .b-sidebar-item__head span { font-weight: 700; font-size: .88rem; display: inline-block } .b-form .b-file-select { position: static; color: #000; border-bottom: 2px dotted #004ac5; cursor: pointer; padding-bottom: 2px } .b-about-menu { /* padding: 0 23px; */ width: 100%; overflow: hidden } .b-about-menu__item { /* padding: 15px 23px; */ /* margin: 0 -23px; */ border-bottom: 2px solid #f7f7f9; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; /* max-height: 70px; */ display: block; color: #000; max-height: none; padding: 11px 23px; display: flex; align-items: center; } .b-about-menu__current, .b-about-menu__item:hover { background-color: #f7f7f9; color: #004ac5; } .b-about-menu__item.b-about-menu__current span { color: #004ac5; } .b-about-menu__current + .b-about-menu__item_child { height: auto; } .b-about-menu__item_child { height: 0; overflow: hidden; background-color: #f7f7f9; } .b-about-menu__item_child_list { position: relative; padding: 19px 44px; } .b-about-menu__item_child_list:before { display: block; content: ' '; position: absolute; top: 0; right: 25px; left: 25px; border-top: 1px solid #dfe0e8; } .b-about-menu__item_child_item { display: block; padding: 7px 0; color: #191919; font-size: 13px; font-weight: 400; line-height: 16px; } .b-about-menu__item_child_item.active { color: #004ac5; } .b-dealers, .b-sidebar { background-color: #fff } .b-about-menu__item:hover span { color: #004ac5 } .b-about-menu__item i { height: 45px; vertical-align: middle } .b-about-menu__item:last-child { border-bottom: 0 } .b-about-menu__item span { vertical-align: middle; color: #191919; font-size: .88rem; font-weight: 700; margin-left: 25px; text-decoration: none } .b-sidebar__wrapper { padding: 0; margin: 0; list-style-type: none } .b-sidebar-item__head { padding: 24px 18px; cursor: pointer } .b-sidebar-item__head:hover span { color: #004ac5 } .b-sidebar-item__head .g-icons { background-position: left center; width: 46px; background-size: cover } .b-sidebar-item__head span { vertical-align: middle; margin-left: 20px; width: 60%; -webkit-transition: color .3s; transition: color .3s } .b-sidebar-item__submenu { list-style-type: none; padding: 18px 0; margin: 0 auto; width: 80%; border-top: 1px solid #dfe0e8; display: none } .b-sidebar-item__submenu a { display: inline-block; font-size: .81rem; position: relative; padding-left: 65px; color: #000; margin-bottom: 15px } .b-sidebar-item__submenu a:before { content: ''; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; border: 2px solid #004ac5; position: absolute; left: 10px; top: 9px } .fancybox-close, .map-info__close { height: 17px; background-image: url(/local/templates/oilpump/img/icons/close.png) } .b-content { margin-bottom: 95px; } .b-content table { max-width: 100%; } .b-content table td { vertical-align: top; } .b-content table td img { max-width: 100%; height: auto; } .b-content img { max-width: 100%; height: auto; } .description-catalog-section img { display: block; max-width: 100%; height: auto; object-fit: contain; } .fancybox-overlay { background-color: rgba(0, 74, 197, .75) } .fancybox-skin { box-shadow: none; border-radius: 6px } .fancybox-inner { border: 1px solid #000 } .fancybox-close { /*top: 17px;*/ /*right: 50px;*/ /*width: 17px;*/ /*background-size: cover*/ top: -20px; right: -20px; width: 17px; background-size: cover; } .g-icons { display: inline-block; font-size: 0; background-position: 0 0; vertical-align: middle; flex-shrink: 0; } .b-top-bundle__item a, .b-top-nav__item a { font-size: .88rem; text-decoration: none; font-weight: 700 } .g-icons-shield { background-image: url(/local/templates/oilpump/img/icons/shield.png); width: 18px; height: 21px } .g-icons-phone { background-image: url(/local/templates/oilpump/img/icons/phone.png); width: 16px; height: 16px } .g-icons-search { background-image: url(/local/templates/oilpump/img/icons/search.png); width: 20px; height: 20px } .g-icons-skype { background-image: url(/local/templates/oilpump/img/icons/skype.png); width: 24px; height: 24px } .g-icons-aboutus, .g-icons-coop, .g-icons-dealers, .g-icons-design, .g-icons-news, .g-icons-press, .g-icons-production, .g-icons-shareholders, .g-icons-documents { width: 45px; background-position: right center } .g-icons-aboutus { background-image: url(/local/templates/oilpump/img/icons/aboutus.png); height: 34px } .g-icons-news { background-image: url(/local/templates/oilpump/img/icons/g-icons-news.png); height: 41px } .g-icons-press { background-image: url(/local/templates/oilpump/img/icons/press.png); height: 30px } .g-icons-production { background-image: url(/local/templates/oilpump/img/icons/g-icons-production.png); height: 35px } .g-icons-design { background-image: url(/local/templates/oilpump/img/icons/g-icons-development.png); height: 36px } .g-icons-coop { background-image: url(/local/templates/oilpump/img/icons/g-icons-coop.png); height: 23px } .g-icons-shareholders { background-image: url(/local/templates/oilpump/img/icons/shareholders.png); height: 32px } .g-icons-dealers { background-image: url(/local/templates/oilpump/img/icons/g-icons-dealers.png); height: 25px } .g-icons-reliability { background-image: url(/local/templates/oilpump/img/icons/reliability.png); width: 81px; height: 48px; background-position: 16px center } .g-icons-russian { background-image: url(/local/templates/oilpump/img/icons/russian.png); width: 81px; height: 48px; background-position: left center } .g-icons-service { background-image: url(/local/templates/oilpump/img/icons/service.png); width: 81px; height: 48px; background-position: 16px center } .g-icons-documents { background-image: url(/local/templates/oilpump/img/icons/g-icons-documents.png); width: 45px; height: 39px; } .g-icons-photogallery { background-image: url(/local/templates/oilpump/img/icons/g-icons-photogallery.png); width: 45px; background-position: right center } .g-icons-projects { background-image: url(/local/templates/oilpump/img/icons/g-icons-projects.png); width: 45px; background-position: right center } .g-icons-reviews { background-image: url(/local/templates/oilpump/img/icons/g-icons-reviews.png); width: 45px; background-position: right center } .g-icons-faq { background-image: url(/local/templates/oilpump/img/icons/g-icons-faq.png); width: 45px; background-position: right center } .g-icons-question { background-image: url(/local/templates/oilpump/img/icons/g-icons-question.png); width: 45px; background-position: right center } .g-icons-articles { background-image: url(/local/templates/oilpump/img/icons/g-icons-articles.png); width: 45px; background-position: right center } .g-icons-converters-p, .g-icons-lm1, .g-icons-press-p, .g-icons-price-p, .g-icons-questionnaires-p, .g-icons-reviews-p { background-position: center center } .g-icons-converters-p { background-image: url(/local/templates/oilpump/img/icons/converters-p.png); width: 78px; height: 97px } .g-icons-questionnaires-p { background-image: url(/local/templates/oilpump/img/icons/questionnaires-p.png); width: 70px; height: 97px } .g-icons-reviews-p { background-image: url(/local/templates/oilpump/img/icons/reviews-p.png); width: 84px; height: 97px } .g-icons-press-p { background-image: url(/local/templates/oilpump/img/icons/press-p.png); width: 75px; height: 97px } .g-icons-price-p { background-image: url(/local/templates/oilpump/img/icons/price-p.png); width: 86px; height: 97px } .g-icons-lm1 { background-image: url(/local/templates/oilpump/img/icons/lm-1.png); width: 75px; height: 29px } .g-icons-lm2, .g-icons-lm3, .g-icons-lm4, .g-icons-lm5, .g-icons-lm6 { width: 46px; height: 29px; background-position: center center } .g-icons-lm2 { background-image: url(/local/templates/oilpump/img/icons/lm-2.png) } .g-icons-lm3 { background-image: url(/local/templates/oilpump/img/icons/lm-3.png) } .g-icons-lm4 { background-image: url(/local/templates/oilpump/img/icons/lm-4.png) } .g-icons-lm5 { background-image: url(/local/templates/oilpump/img/icons/lm-5.png) } .g-icons-lm6 { background-image: url(/local/templates/oilpump/img/icons/lm-6.png) } .g-icons-oil { background-image: url(/local/templates/oilpump/img/icons/oilzid.png); background-position: center center; background-size: contain; width: 18px; height: 18px } .g-icons-spa { background-image: url(/local/templates/oilpump/img/icons/spa.png); background-position: center center; background-size: contain; width: 18px; height: 18px } .g-icons-rain { background-image: url(/local/templates/oilpump/img/icons/rain.png); background-position: center center; background-size: contain; width: 18px; height: 18px } .g-icons-multi { background-image: url(/local/templates/oilpump/img/icons/multi.png); background-position: center center; background-size: contain; width: 18px; height: 18px } .g-icons-water { background-image: url(/local/templates/oilpump/img/icons/water.png); background-position: center center; background-size: contain; width: 18px; height: 18px } .g-icons-notification { background-image: url(/local/templates/oilpump/img/icons/notification.png); background-position: center center; width: 16px; height: 16px; } .l-header { position: relative; z-index: 99 } .e-pull-right { float: right } .b-page-header { box-shadow: 0 0 7px rgba(0, 0, 0, .5); position: relative; z-index: 5 } .b-page-header__blue-lane { background-color: #004ac5 } .b-page-header__middle-lane { padding: 21px 0 33px } .b-top-nav__item { float: left; margin-right: 22px; padding: 17px 0; text-indent: 5px } .b-top-nav__item:last-child { margin-right: 0 } .b-top-nav__item a { color: #fff; -webkit-transition: all .3s; transition: all .3s } .b-top-nav__item a:hover { color: #ffae00 } .b-top-bundle__item { padding: 15px 31px; float: right; position: relative } .b-top-bundle__item:after { content: ''; width: 1px; height: 25px; background-color: #6f90c8; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .b-top-bundle__item a { color: #fff; border-bottom: 1px solid #ffae00; letter-spacing: -.5px; display: inline-block } .b-header-search__field, .b-header-search__submit { border: none; background-color: transparent } .b-header-search:after, .b-header-search__form { display: none } .b-top-bundle__item>i { margin-right: 15px } .b-header-search { padding: 13.5px 12px 13.5px 19px } .b-header-search a { border-bottom: none } .b-header-search__button { cursor: pointer } .b-header-search__field { padding: 0 10px; outline: 0; color: #ffae00; border-bottom: 2px solid #ffae00 } .b-header-contact__bottom a, .b-logo__left>a { color: #000; text-decoration: none } .b-logo__left { float: left; width: 50%; text-indent: 8px } .b-logo__right { float: right; width: 50% } .b-logo__caption { font-weight: 700; font-size: .62rem; text-transform: uppercase; text-indent: 11px; margin-top: 9px } .b-logo__description { font-weight: 700; font-size: .75rem; text-transform: uppercase; display: inline-block; margin-top: 27px } .b-header-contact { float: right; margin-left: 60px; margin-top: 15px } .b-header-contact__top { font-size: .81rem } .b-header-contact__bottom { font-size: 1.38rem; font-weight: 700 } .b-header-contact:last-child { margin-left: 0 } .b-header-contact:last-child__bottom { font-size: 1.38rem } .b-online-consult a, .b-page-nav__item a { color: #000; font-size: .94rem; font-weight: 700; text-decoration: none } .b-navigation-wrapper { border-top: 1px solid #dcdde3; padding: 25px 0 } .b-page-nav__item { float: left; margin-right: 60px } .b-online-consult a { border-bottom: 1px solid #004ac5; margin-left: 15px } .b-page-footer { background-color: #00296d } .b-page-footer__label { color: #ffae00; font-size: 1rem; font-weight: 700; margin-bottom: 5px } .b-page-footer__list { padding: 0; margin: 0; list-style-type: none } .b-page-footer__list li { margin-bottom: 3px } .b-page-footer__list li a { color: #fff; line-height: 1.5rem; font-size: .88rem } .b-page-footer__top { padding: 30px 0; border-bottom: 1px solid #002562 } .b-page-footer__bottom { padding: 21px 0 } .b-page-footer__copyright { color: #fff; opacity: .75 } .b-footer-contact { margin-bottom: 23px } .b-footer-contact:last-child { margin-bottom: 0 } .b-footer-contact__label { color: #ffae00; font-size: .86rem } .b-footer-contact__address, .b-footer-contact__content { color: #fff } .b-dealer__city, .b-footer-contact__address { font-size: 1rem; font-weight: 700 } .b-footer-contact__email a, .b-footer-contact__phone a { color: #fff; font-size: 1rem; font-weight: 700; text-decoration: none } .b-dealers { padding: 71.5px 0; position: relative; line-height: 1.25rem } .b-dealers:after, .b-dealers:before { position: absolute; height: 100%; width: 9999px; top: 0; content: ''; background-color: #fff } .b-dealers:before { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%) } .b-dealers:after { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%) } .b-dealers-list__title.e-like-h2, h2.b-dealers-list__title, .b-dealers-list__title { display: inline-block; margin: 0 25px 0 0; vertical-align: middle } .b-dealers-list__wrapper { float: left; width: 50%; padding: 0 20px } .b-dealers-list__wrapper:first-child { padding-left: 0 } .b-dealers-list__wrapper:last-child { padding-right: 0 } .b-dealer { text-decoration: none; color: #505050; display: block; border-bottom: 1px solid #c8c9cc; padding: 17.5px 0 17.5px 25px; position: relative; cursor: default; } .b-dealer:hover { color: inherit } .b-dealer::before { content: ''; width: 12px; height: 16px; background-image: url(/local/templates/oilpump/img/icons/dealers-map.png); position: absolute; left: 0; top: 20px } .b-dealer:last-child { border-bottom: none } .b-dealer__address { font-size: .75rem } .b-dealer__phone span { color: #505050; font-size: .75rem } .b-dealer:hover .b-dealer__city { color: #004ac5 } .b-documentation__switcher .b-button { margin-right: 15px } .b-documentation-category__title .e-like-h2, .b-documentation-category__title h2 { font-weight: 700; color: #292929; margin: 24px 0 } .b-documentation-category__links { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-documentation-category__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .b-documentation-category__links a { display: inline-block; padding: 7px 0; margin-right: 35px; } .b-documentation-category__links a:hover span { border-color: transparent } .b-documentation-category__links a::before { content: ''; width: 19px; height: 26px; background-image: url(/local/templates/oilpump/img/icons/pdf.png); display: inline-block; vertical-align: middle; margin-right: 15px } .b-documentation-category__links a span { font-size: 1rem; color: #004ac5; display: inline; vertical-align: middle; border-bottom: 1px solid #004ac5; -webkit-transition: all .3s; transition: all .3s } .b-product-card { margin: 0 -20px } .b-product-card__left { width: 60%; padding: 0 20px; float: left } .b-product-card__right { width: 40%; padding: 0 20px; float: left } .b-product-card__link:first-child, .b-product-card__link:nth-child(2) { padding-left: 69px } .b-product-card__main-image img { max-width: 100%; min-height: 281px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; } .b-product-card__main-image a { display: inline-block; position: relative } .b-product-card__main-image a:hover:after { -webkit-transform: scale(1.3); transform: scale(1.3) } .b-product-card__main-image a:after { content: ''; position: absolute; width: 23px; height: 23px; background-image: url(/local/templates/oilpump/img/icons/zoom-img.svg); background-size: cover; bottom: 15px; right: 15px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; } .b-product-card__link { display: inline-block; width: 100%; text-decoration: underline; position: relative; margin-bottom: 20px } .b-contacts__phone a, .b-more-link a, .b-product-card__link:hover { text-decoration: none } .b-product-card__link:first-child:before { content: ''; position: absolute; left: 24px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 32px; height: 26px; background-image: url(/local/templates/oilpump/img/icons/nasos.png) } .b-product-card__link:nth-child(2):before { content: ''; position: absolute; left: 27px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 23px; height: 23px; background-image: url(/local/templates/oilpump/img/icons/ruble.png) } .slick-next, .slick-prev { background-image: url(/local/templates/oilpump/img/icons/arrows.png) } .b-product-card__links { margin-bottom: 19px } .b-tabs { margin-top: 25px; margin-bottom: 38px; border-radius: 8px } .b-tabs__caption { padding: 0; margin: 0; list-style-type: none } .b-tabs__caption li { -webkit-transition: all .5s; transition: all .5s; display: inline-block; font-size: 1rem; font-weight: 500; color: #414141; padding: 17px 29px; border-radius: 6px 6px 0 0; cursor: pointer } .b-tabs__caption li.active { background-color: #fff; color: #004ac5; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21) } .b-tabs__tab { background-color: #fff; position: relative; z-index: 2; margin-top: -6px; min-height: 50px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21); } .b-tabs__content { display: none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21); overflow: hidden; padding: 32px 24px; opacity: 0 } .b-tabs__content h2 { padding: 0 20px; } .b-tabs__content.active { display: block; opacity: 1 } .b-tabs__content .b-table { border: 3px solid #f5f5f5; border-radius: 6px; max-width: 100%; margin-bottom: 15px; } .b-tabs__header { background-color: #e0e1e8; padding: 15px 30px; position: relative; line-height: 1.5; -webkit-transition: all .3s; transition: all .3s } .b-tabs__header:after, .b-tabs__header:before { display: block; content: ''; position: absolute } .b-tabs__header:after { top: 50%; right: 30px; margin-top: -2px; width: 0; height: 0; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; -webkit-transition: .3s transform ease; transition: .3s transform ease; -webkit-transform: rotate(0); transform: rotate(0) } .b-tabs__header:before { height: 1px; width: 90%; background-color: #e0e1e8; bottom: 0 } .b-tabs__header.active { background-color: #fff; color: #00358d } .b-tabs__header.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .b-tabs__text { /*padding: 0 20px;*/ } .b-tabs__content { border-bottom: 1px solid #fff } .b-tabs__content:last-child { border-bottom: none } .b-image-slider { margin: 0 -8px; padding: 0 35px; position: relative } .b-image-slider__item { min-width: 90px; height: 90px; box-shadow: 0 0 4px 4px rgba(218, 219, 224, .5); border-radius: 6px; overflow: hidden; display: inline-block; margin: 8px; line-height: 90px; cursor: pointer } .b-image-slider__item:hover img { -webkit-transform: scale(1.3); transform: scale(1.3) } .b-image-slider__item img { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; max-width: 100%; display: inline-block; vertical-align: middle } .slick-arrow { width: 13px; height: 23px; background-color: transparent; border: none; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; outline: 0 } .slick-prev { background-position: 13px 0; left: 13px } .slick-prev.slick-disabled { background-position: 13px 23px } .slick-next { background-position: 0 0; right: 13px } .slick-next.slick-disabled { background-position: 0 23px } .b-product-info__use { color: #004ac5; text-transform: uppercase; font-size: .75rem; font-weight: 700 } .b-product-info__use div { margin-bottom: 20px } .b-product-info__use i { width: 30px; background-position: center center; margin-right: 10px } .b-product-info__specifications { margin-bottom: 15px } .b-product-info__specifications div { margin-bottom: 16px } .b-product-info__specifications table tr { background-color: #fff; color: #717171 } .b-product-info__specifications table tr td { padding: 8px 15px; font-size: .94rem; line-height: .88rem; width: 70% } .b-product-info__specifications table tr td:last-child { color: #004ac5; font-weight: 700 } .b-product-info__specifications table tr:nth-child(even) { background-color: #f0f1f6 } .b-press__item, .b-search__form { background-color: #fff; border-radius: 6px } .b-product-info__specifications table tr:nth-child(even) td { padding: 15px } .b-contacts-page .b-form { margin-top: -45px } .b-left-advantages { margin-top: 25px } .b-left-advantages__item { padding: 22px 0; font-size: 0; border-bottom: 1px solid #e2e3e8 } .b-left-advantages__item:last-child { border-bottom: none } .b-left-advantages__item i { width: 50% } .b-left-advantages__item span { width: 50%; display: inline-block; font-weight: 700; font-size: .88rem; vertical-align: middle } .b-contacts__wrapper { margin-bottom: 30px } .b-contacts__row { margin-bottom: 15px } .b-contacts__row:last-child { margin-bottom: 0 } .b-contacts__info { float: left; width: calc(100% - 107px) } .b-contacts__title { font-size: 1.25rem; font-weight: 500; margin-bottom: 20px; color: #414141 } .b-contacts__image { float: left; max-width: 87px; margin-right: 20px; margin-top: 10px } .b-about-us__image img, .b-contacts__image img { max-width: 100%; height: auto; } .b-contacts__address::before, .b-contacts__email::before, .b-contacts__person::before, .b-contacts__phone::before { content: ''; margin-right: 7px; vertical-align: middle } .b-contacts__image~.b-contacts__address { padding-left: 25px; position: relative; padding-top: 0 } .b-contacts__email, .b-contacts__person, .b-contacts__phone { padding: 2px 0 } .b-contacts__image~.b-contacts__address::before { position: absolute; top: 4px; left: 0 } .b-contacts__subtitle { font-size: 1.12rem; font-weight: 500; line-height: 1.5rem; margin-bottom: 10px } .b-contacts__address { line-height: 1.75rem; font-weight: 300; font-size: 1rem; padding: 2px 0 } .b-news__link a, .b-press__title { line-height: 1.5rem; font-weight: 700 } .b-contacts__address::before { width: 19px; height: 19px; background-image: url(/local/templates/oilpump/img/icons/c-address.png); display: inline-block } .b-contacts__phone::before { width: 20px; height: 21px; background-image: url(/local/templates/oilpump/img/icons/c-phone.png); display: inline-block } .b-contacts__phone a { color: inherit } .b-contacts__phone a:hover { color: #004ac5; } .b-contacts__email::before { width: 18px; height: 18px; background-image: url(/local/templates/oilpump/img/icons/email.png); display: inline-block } .b-contacts__email a { color: #004ac5; -webkit-transition: all .3s; transition: all .3s } .b-more-link a, .b-press__download a { -webkit-transition: all .3s; display: inline-block } .b-contacts__email a:hover { color: #ffae00 } .b-contacts__person::before { width: 19px; height: 20px; background-image: url(/local/templates/oilpump/img/icons/c-person.png); display: inline-block } .b-map-container { width: 100%; height: 280px } .b-contacts-maps { padding: 20px 0 35px; border-bottom: 1px solid #dcdde3 } .b-contacts-maps .b-map-container { background-color: #f9f9f9; } @media only screen and (max-width:768px) { .b-contacts-maps { padding: 20px 20px 35px; border-bottom: 1px solid #dcdde3 } } .b-more-link { margin-top: 20px } .b-more-link a { font-weight: 700; font-size: .88rem; color: #414141; border-bottom: 2px solid #004ac5; transition: all .3s } .b-more-link a:hover { border-color: transparent; color: #004ac5 } .b-about-us__image { border-radius: 6px; overflow: hidden } .b-about-us__text { font-weight: 300; } .b-about-us__text p:last-child { margin-bottom: 0 } .b-news__item { float: left; width: 33.333%; padding: 0 20px } .b-news__item:first-child { padding-left: 0 } .b-news__item:last-child { padding-right: 0 } .b-news__link a { color: #292929; font-size: 1rem; -webkit-transition: color .3s; transition: color .3s; display: inline-block } .b-news__link a:hover { color: #004ac5 } .b-news__date { text-transform: uppercase; font-weight: 700; font-size: .62rem; color: #858790; margin-top: 15px } .b-news__date:before { content: "—"; color: #004ac5; vertical-align: middle; display: inline-block } .b-press__item { padding: 24px; margin-bottom: 18px } .b-article__text { font-weight: 300; line-height: 1.75rem; width: 100% } .b-article__text:last-child, .b-press__item:last-child { margin-bottom: 0 } .b-article__date { font-size: 14px; color: #aaa; } .b-press__image { position: relative; height: 215px; width: 215px; overflow: hidden; border-radius: 6px; float: left; margin-right: 25px } .b-press__image img { max-width: 100%; -o-object-fit: cover; object-fit: cover } .b-press__info { float: left; width: calc(100% - 240px) } .b-press__header { padding-bottom: 17px; border-bottom: 1px solid #e7e8ed; display: flex; align-items: flex-start; flex-wrap: wrap; } @media (max-width: 767px) { .b-press__header { flex-direction: column; grid-gap: 16px; } } .b-press__top { display: flex; flex-direction: column; flex: 2; } .b-press__title { float: left; text-transform: uppercase; font-size: 1.06rem; color: #505050; width: 100%; padding-right: 15px; margin-bottom: 10px; } .b-press__details { float: right; padding: 15px 40px } .b-press__content { font-size: .81rem; font-weight: 300; line-height: 1.25rem; padding-top: 12px } .b-press__text { padding: 18px 0 } .b-press__date { font-size: 14px; color: #aaa; } .b-press__download:before { content: ''; width: 19px; height: 26px; display: inline-block; background-image: url(/local/templates/oilpump/img/icons/pdf.png); vertical-align: middle; margin-right: 8px } .b-press__download a { vertical-align: middle; font-weight: 400; color: #004ac5; text-decoration: underline; transition: all .3s } .b-converter-link a, .b-questionnaire, .b-questionnaire:focus, .b-result__title a { text-decoration: none } .b-press__download a:hover { color: #ffae00 } .b-article__image { width: 263px; height: 263px; -o-object-fit: cover; object-fit: cover; border-radius: 6px } .b-article__image_left { float: left; margin-right: 15px !important; margin-bottom: 15px !important; } .b-article__image_right { float: right; margin-left: 15px } .b-article__image_large { width: 100%; height: 415px } .b-article__wrapper { overflow: hidden; /*margin-bottom: 20px;*/ } .b-article__wrapper p { font-weight: 300; line-height: 1.75rem; width: 100% } @media screen and (max-width:640px) { .b-article__wrapper { display: flex; flex-direction: column; } .b-article__image { margin: 0 !important; align-self: center; } } .b-article__wrapper img:first-child { margin: 0 auto; max-width: 100%; height: auto; display: block; } @media screen and (max-width:767px) { .b-article__wrapper img:first-child { margin: 0 auto !important; float: none; } } @media screen and (min-width:425px) { .b-article__wrapper p > img:first-child { display: block; margin: 0 auto 20px !important; float: none; } } .b-article__text a { color: #004ac5; border-bottom: 1px solid #004ac5; -webkit-transition: all .3s; transition: all .3s } .b-article__text a:hover { color: #ffae00; border-color: transparent } .b-article__wrapper ul { list-style-type: none; padding: 0; margin: 0 0 50px; line-height: 1.75rem } .b-article__wrapper ul:last-child { margin-bottom: 0; } .b-article__wrapper ul li { font-weight: 300 } .b-article__wrapper ul li:before { content: '•'; display: inline-block; color: #ffae00; font-weight: 700; margin-right: 8px } ul { list-style-type: none; padding: 0; margin: 0 0 30px; color: #000; font-weight: 300; font-size: 100%; line-height: 1.75rem; } ul li { position: relative; padding-left: 15px; font-weight: 400 } ul li:before { content: '•'; position: absolute; left: 0; top: 1px; display: inline-block; color: #ffae00; font-weight: 700; margin-right: 8px } ul.ya-share2__list li:before{ content: none; } ul.b-tabs__caption li:before { display: none !important; } .b-converter-link:before, .b-questionnaire:before, .b-review__download:before, .b-review__image:after, .b-review__image:before, .toggler:after { content: '' } .b-article__wrapper .ul_large-padding li { padding: 5px 0 } .b-article__wrapper .ul_medium-padding li { padding: 14px 0 } .b-article__wrapper .ul_default li { font-weight: 400; margin-bottom: 17px } .b-result, .b-search__form { margin-bottom: 35px } .b-article__wrapper ul_default li:before { display: none } .b-converter input, .b-converter span, .b-converter-link:before { display: inline-block; vertical-align: middle } .b-search-page .b-page-title.e-like-h1, .b-search-page .b-section-title.e-like-h2, .b-search-page h1.b-page-title, .b-search-page h2.b-section-title { margin-top: -10px } .b-search__form { width: 100%; box-shadow: inset 0 1px 4px rgba(0, 0, 0, .4); padding: 11.5px 22px } .b-search__form button, .b-search__form input { border: none; background-color: transparent; outline: 0 } .b-price .b-table_blue tr:nth-child(even) td, .b-review, .description, .map-info, .mapBaloon { background-color: #fff } .b-search__form input { width: calc(100% - 32px); float: left } .b-search__form button { float: right; padding-right: 0px; } .b-result__title { color: #004ac5; font-size: 1.5rem; font-weight: 500; margin-bottom: 16px } .b-result__title a { -webkit-transition: color .3s; transition: color .3s } .b-result__title a:hover { color: #ffae00 } .b-result__annotation { font-weight: 300; line-height: 1.75rem; margin-bottom: 14px } .b-converter__row, .b-result__changed { margin-bottom: 10px } .b-result__changed { font-size: .88rem; color: #000 } .b-result__path { font-size: .88rem } .b-result__path a { -webkit-transition: color .3s; transition: color .3s } .b-result__path a:hover { color: #ffae00 } .b-converter { max-width: 505px; border: 1px solid #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2); border-radius: 6px; padding: 35px 40px 25px } .b-converter_pressure { margin-top: 32px; } .b-converter__row:last-child { margin-bottom: 0 } .b-converter span { font-size: 1rem; font-weight: 300 } .b-converter span:first-child { width: 40%; margin-right: 12px } .b-converter input { height: 48px; width: 86px; border-radius: 6px; border: none; text-align: center; margin-right: 12px; font-size: 1.15rem; color: #2f2f2f } .b-converter .b-button { padding: 14px 18px } .b-converters-links { margin-top: 30px } .b-converter-link { margin-bottom: 28px } .b-converter-link a { color: #505050; border-bottom: 2px solid #004ac5; -webkit-transition: all .3s; transition: all .3s } .b-converter-link a:hover { color: #004ac5; border-color: transparent } .b-converter-link:before { width: 33px; height: 19px; background-image: url(/local/templates/oilpump/img/icons/converter.png); margin-right: 8px } .b-questionnaires-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); grid-gap: 20px; } .b-questionnaires-list::after { display: none; } .b-questionnaires-list .b-button { display: flex; align-items: center; flex-direction: row; height: 100%; margin: 0; } .b-questionnaires-list .b-button::before { flex: 0 0 auto; } @media screen and (max-width:991px) { .b-questionnaire { display: flex; flex-direction: column; } .b-questionnaire.b-button .b-questionnaire__title { text-align: left; width: 100%; } .b-questionnaire:before { margin: 0 0 10px; } } .b-questionnaire { margin-bottom: 20px; display: block } .b-questionnaire--disabled { pointer-events: none; opacity: .5; } .b-questionnaire:last-child { /*margin-bottom: 0*/ } .b-questionnaire:before { width: 23px; height: 24px; background-image: url(/local/templates/oilpump/img/icons/doc.png); vertical-align: middle; display: inline-block; margin-right: 13px } .b-questionnaire__title { color: #505050; display: inline-block; -webkit-transition: all .3s; transition: all .3s; margin-bottom: 3px; line-height: 22px; /*border-bottom: 1px solid;*/ } .b-questionnaire:hover .b-questionnaire__title { border-bottom-color: transparent; } .b-questionnaire__title span { border-bottom: 2px solid #004ac5; line-height: 1.25rem; transition: all 0.3s ease; } .b-questionnaire__size { font-size: .75rem; color: #505050; text-indent: 40px } .b-questionnaire:hover .b-questionnaire__title span { color: #004ac5; border-bottom-color: transparent; transition: all 0.3s ease; } .b-review { padding: 24px; margin-bottom: 18px; border-radius: 6px } .b-review:last-child { margin-bottom: 0 } .b-review__content { border-top: 1px solid #e7e8ed; margin-top: 7px; float: left; width: calc(100% - 240px); font-size: .81rem; padding-top: 10px } .b-review__image { height: 195px; width: 215px; overflow: hidden; border-radius: 6px; float: left; margin-right: 25px; display: inline-block; position: relative } .b-review__image img { max-width: 100%; -o-object-fit: cover; object-fit: cover } .b-review__image:before { position: absolute; width: 100%; height: 100%; background-color: #fff; opacity: .65; z-index: 2; left: 0; top: 0 } .b-review__image:after { position: absolute; width: 53px; height: 53px; background-image: url(/local/templates/oilpump/img/icons/zoom.png); z-index: 3; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .b-review__author { font-weight: 700; color: #000; margin-bottom: 20px } .b-review__text { font-weight: 300; line-height: 1.25rem; margin-bottom: 40px; position: relative; } .hide_text::after { background: transparent; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.8) 100%); /*background: -webkit-gradient(left top, left bottom, color-stop(90%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.8)));*/ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.8) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.8) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.8) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.8) 100%); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .more_text{ cursor: pointer; text-decoration: underline; margin-right: 10px; line-height: 26px; } .more_text:hover{ text-decoration: none; } .hide_text{ overflow: hidden; max-height: 370px; } .visible_text{ max-height: auto; } .b-review__download { display: inline-block; vertical-align: bottom } .b-review__download:before { width: 19px; height: 26px; display: inline-block; background-image: url(/local/templates/oilpump/img/icons/pdf.png); vertical-align: middle; margin-right: 8px } .b-review__download a { display: inline-block; vertical-align: middle; font-weight: 400; color: #004ac5; text-decoration: underline; -webkit-transition: color .3s; transition: color .3s } .b-info__link:hover span, .b-review__download a:hover { color: #ffae00 } .b-price .b-table_blue { font-size: .75rem } .b-price .b-table_blue thead th { font-size: .75rem; padding: 26.5px 0 } .b-price .b-table_blue tr td { border-right: 1px solid #efefef; border-bottom: none; vertical-align: middle; font-weight: 400; line-height: .85rem; padding: 35px 0 } .b-price .b-table_blue tr td:first-child { text-align: left; width: 235px; padding-left: 20px; padding-right: 20px } .b-center, .b-info__link, .description { text-align: center } .b-price .b-article__wrapper ul li:first-child { padding-top: 0 } .b-info .b-article__text { margin-top: 0 } .b-info__links { margin: 57px -20px 0 } .b-info__link { display: inline-block; float: left; width: 33.333%; padding: 0 20px; text-decoration: none; margin-bottom: 65px } .b-info__link>div { margin-bottom: 25px } .b-info__link span { font-weight: 500; font-size: 1.12rem } .mapBaloon__text:first-line, .toggler-item { font-weight: 700 } .b-info__link:hover svg path { fill: #ffae00 } p { line-height: 1.75rem } #map-main { width: 100%; height: 565px } .mapBaloon { max-width: 414px; border-radius: 6px; padding: 50px 35px 50px 50px } .mapBaloon__content { overflow-y: auto; max-height: 414px; padding-right: 35px } .mapBaloon__image { border-radius: 6px; max-width: 100% } .description { position: absolute; font-size: 18px; padding: 10px 15px; z-index: 5; min-height: 30px; line-height: 30px; margin: 0 auto; color: #004ac5; border-radius: 5px; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .5); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none } .description.active { display: block } .no-r { position: static } .map-info { width: 100%; max-width: 414px; border-radius: 6px; padding: 50px 0 50px 50px; /*position: absolute; top: 26px; display: none;*/ max-width: 262px; padding: 22px 25px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.25); border-radius: 5px; background-color: #ffffff; } .map-info__wrapper { max-height: 410px; overflow-y: auto; /* padding-right: 35px; */ } .map-info__image { max-width: 100%; border-radius: 6px } .map-info__text { font-size: 16px; line-height: 28px; margin-top: 5px; margin-bottom: 0; margin-bottom: 8px; color: #191919; font-size: 12px; font-weight: 300; line-height: 20px; } .map-info__text-title { color: #414141; margin-bottom: 0; margin-top: 13px; margin-top: 0; margin-bottom: 10px; color: #191919; font-size: 16px; font-weight: 700; line-height: 24px; } .map-info__phone { color: #191919; font-size: 12px; font-weight: 300; line-height: 20px; } .map-info__close { display: inline-block; width: 17px; position: absolute; /* top: 50px; */ /* right: 29px; */ /* -webkit-transform: translateX(-50%); */ /* transform: translateX(-50%); */ cursor: pointer; z-index: 9; width: 10px; height: 10px; top: 10px; right: 10px; background-size: contain; } .map-info { right: 7%; } @media(max-width: 767px) { .map-info { top: 60px; } } /* .l-section-map_heading { left: 5% } */ .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #004ac5 !important; width: 2px } .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger { height: 250px } .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail { background-color: #ddd } /* .mCSB_container { margin-right: 45px !important } */ .mCSB_draggerContainer { top: 60px !important } .m-forms { overflow: hidden } .m-forms__form { padding: 0; float: left; width: 50% } .m-forms__form_100p { width: 100%; padding: 30px 0 0 } .m-forms__wrapper { width: 200%; position: relative; -webkit-transition: all .3s; transition: all .3s } .toggler { border-radius: 8px; background-color: #f0f1f6; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .17); padding: 2px 3px; position: absolute; right: 80px; z-index: 5 } .toggler:after { display: block } .toggler-item { float: left; line-height: 1; border-radius: 8px; padding: 8px 12px; cursor: pointer; -webkit-transition: .3s ease; transition: .3s ease; color: #004ac5; font-size: 12px } .toggler-item_active { background-color: #004ac5; color: #fff } .b-form-note { line-height: 1.69rem } .b-form-note div { font-size: 1.06rem; font-weight: 500 } .b-form-note__phone { font-size: 1.19rem; color: #004ac5 } .b-form-note__phone:hover { color: #ffae00 } .b-form-note__email { font-size: 1.19rem; color: #004ac5; border-bottom: 1px solid #ffae00; -webkit-transition: all .3s; transition: all .3s } .order-details__label, .order-details__title { font-size: .88rem; line-height: 1.5rem } .b-form-note__email:hover { color: #ffae00; border-bottom: 1px solid transparent } .order-details__left { float: left; width: calc(100% - 120px); height: 100% } .order-details__title { font-weight: 700 } .order-details__price { font-size: 1.06rem; font-weight: 700; margin-top: 30px } .order-details__image { float: right; max-width: 490px; } .m-slider .slick-arrow { margin-top: 0 } @media (max-width:320px) { body, html { font-size: 14px } .container { padding-left: 15px; padding-right: 15px } .row { margin-left: -15px; margin-right: -15px } } @media (max-width:425px) { .b-main { padding-top: 20px } .b-article__text { margin-top: 0 } .b-documentation__switcher .b-button { margin-bottom: 10px } .b-documentation-category__title .e-like-h2, .b-documentation-category__title h2 { margin: 20px 0; font-size: 1.32rem } .b-documentation-category__links a { display: inline-block; padding: 7px 0; margin-right: 10px; } .b-converter__row span:last-child, .b-documentation-category__links a::before { display: none } .b-form { padding: 35px 20px 39px } .b-form_questionnaires { padding: 0 } .b-news__item { width: 100%; padding: 0; margin-bottom: 15px } .b-article__image { width: 50%; height: auto } .b-article__image img { max-width: 100% } .b-article__image_large { width: 100%; margin-bottom: 20px } .b-article__wrapper ul li { margin-bottom: 10px } .b-article__wrapper .ul_large-padding li { padding: 10px 0 } .b-paginator__item { margin-right: 10px } .b-converter__row span:first-child { width: 35% } .b-review__content { width: 100%; margin-top: 20px } .b-info__link { width: 50% } .b-image-slider__item { text-align: center; display: inline-block } .b-product-card__main-image img { min-height: inherit; } .l-section-map { display: none } } @media (max-width:640px) { .b-press__image { width: 100%; text-align: center } .b-press__info { width: 100%; margin-top: 15px } .b-press__details { float: left; padding: 10px 20px; margin-top: 10px } .b-press__title { width: 100% } } @media (max-width:767px) { .b-tabs__content { display: block; opacity: 1; padding: 0 } .b-tabs__content .b-table { max-width: 100% } .b-tabs__text { display: none; padding: 20px; font-size: 14px; line-height: 1.55rem; } } @media (max-width:1199px){ .b-product-card__left, .product-card__left, .b-product-card__right, .product-card__right { width: 100% } .product-card__left{ float: none !important; } .b-product-card__right, .product-card__right { margin-top: 20px } } @media (max-width:768px) { #captcha~img { margin-top: 10px } .b-dealers { padding: 25px 0 } .b-converter { max-width: 100%; padding: 15px 20px 25px } .b-converter span:first-child { width: 35% } .b-converter span:last-child { width: 30% } .b-product-card__left, .product-card__left, .b-product-card__right, .product-card__right { width: 100% } .product-card__left{ float: none !important; } .b-product-card__right, .product-card__right { margin-top: 20px } .b-documentation-category__links a { display: inline-block; padding: 7px 0; margin-right: 10px; } .b-documentation-category__links a::before { display: none } .b-product-info__specifications table tr { background-color: #fff; color: #717171 } .b-product-info__specifications table tr td { padding: 8px 15px; font-size: .94rem; line-height: .88rem; display: table-cell !important } .b-product-info__specifications table tr td:last-child { color: #004ac5; font-weight: 700 } .b-questionnaire__title { width: calc(100% - 40px) } .b-questionnaire:before { vertical-align: top } .b-questionnaire:last-child { margin-bottom: 20px } .description { visibility: hidden } } @media (max-width:1200px) { .b-contacts-page .b-form { margin-top: 0 } .b-press__details { float: left; } .b-press__title { width: 100% } .b-dealers-list__title.e-like-h2, h2.b-dealers-list__title { display: block; margin-bottom: 10px } .b-about-menu__item i, .b-price .b-table_blue thead { display: none } .b-dealers-list__wrapper { width: 100%; padding: 0; margin-bottom: 20px } .b-about-menu__item { padding: 10px 0 } .b-about-menu__item a { margin-left: 20px; font-size: .78rem } .b-left-advantages__item i { background-size: contain } .b-left-advantages__item span { font-size: .68rem; padding-left: 10px } .b-tabs__caption li { padding: 17px 2% } .b-price .b-table_blue tbody tr { display: block; margin-bottom: 10px } .b-price .b-table_blue tbody tr td { padding-left: 35%; border-bottom: 1px solid #dadada; border-right: none } .b-price .b-table_blue tbody tr td:first-child { text-align: right; width: 100%; padding-left: 35% } .b-price .b-table_blue tbody tr td:before, .b-table_blue tbody tr td:before { content: attr(data-label); height: 100%; width: 30%; top: 0; left: 0; color: #fff; background-color: #004ac5; vertical-align: middle; line-height: 1rem; font-weight: 700 } .b-price .b-table_blue tbody tr:last-child td { border-bottom: none; border-right: 1px solid #fff } .b-price .b-table_blue tbody tr:last-child td:last-child { border-radius: 0 0 6px 6px } .b-price .b-table_blue tbody tr td { display: block; text-align: right; position: relative; padding: 15px 10px 15px 30% } .b-price .b-table_blue tbody tr td:first-child { border-radius: 6px 6px 0 0; overflow: hidden } .b-price .b-table_blue tbody tr td:last-child { border-radius: 0 0 6px 6px; overflow: hidden } .b-price .b-table_blue tbody tr td:before { position: absolute; padding: 5px; text-align: left } .b-table_blue thead { display: none } .b-table_blue tbody tr { display: block; margin-bottom: 10px } .b-table_blue tbody tr:last-child td { border-bottom: 1px solid #dadada; border-right: 1px solid #fff } .b-table_blue tbody tr:last-child td:first-child { border-radius: 6px 6px 0 0 } .b-table_blue tbody tr:last-child td:last-child { border-radius: 0 0 6px 6px } .b-table_blue tbody tr td { display: block; text-align: right; position: relative; padding-right: 10px; padding-left: 30% } .b-table_blue tbody tr td:first-child { border-radius: 6px 6px 0 0; overflow: hidden } .b-table_blue tbody tr td:last-child { border-radius: 0 0 6px 6px; overflow: hidden } .b-table_blue tbody tr td:before { position: absolute; padding: 5px; text-align: left } .b-table_zebra td { padding: 9px 17px } .b-product-info__specifications { margin-bottom: 15px } .b-product-info__specifications div { margin-bottom: 16px } .b-product-info__specifications table tr { background-color: #fff; color: #717171 } .b-product-info__specifications table tr td { padding: 8px 15px; font-size: .94rem; line-height: .88rem; width: 60% } .b-product-info__specifications table tr td:last-child { color: #004ac5; font-weight: 700; width: 40% } .b-product-info__specifications table tr:nth-child(even) { background-color: #f0f1f6 } .b-product-info__specifications table tr:nth-child(even) td { padding: 15px } } @media (max-width:1366px) { .l-section-map_heading { display: none } } @media (max-width:1024px) { .b-tabs__caption li { padding: 13px 1%; font-size: 14px } .m-slider .slick-arrow { height: 48px } .b-dealers-page svg { display: none } .b-image-slider__item { min-width: inherit; } } .b-press { margin-bottom: 30px; } .m-wysiwyg { /*height: 480px;*/ /* overflow: hidden; */ position: relative; } .m-wysiwyg_opened { height: 500px; overflow: hidden; } .toggler-link { margin-bottom: 15px; display: inline-block; } .medium-text { font-weight: 500 } .page-404__title.e-like-h1, h1.page-404__title { font-size: 40px; font-weight: 500 } .page-404__title { font-size: 40px } .page-404__notification { margin-bottom: 25px; line-height: 28px } .page-404__notification a { color: #004ac5; text-decoration: underline } .page-404__large-404 { font-size: 454px; text-align: center; color: #b8b8b8; font-weight: 500 } .product-card { margin: 0 -20px } .product-card__left { float: left; max-width: 510px; width: 100%; padding: 0 20px } .product-card__right { overflow: hidden; padding: 0 20px; } .top-slider__image { max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; z-index: 1; } .top-slider__image.spy-img, .spy-image { opacity: 0; z-index: 2; } .spy-image { position: absolute!important; top: 0!important; left: 0!important; right: 0; bottom: 0; margin: auto; transform: none!important; } .top-slider__item { border-radius: 6px; background: rgba(255, 255, 255, .3); min-height: 360px; position: relative } .top-slider__link { display: inline-block; width: 100%; position: absolute; height: 100%; } .fancybox-buttons { z-index: 99999; } .fancybox-image { background-color: #fff !important; } .fancybox-controls { top: 0 !important; bottom: 100px !important; } .fancybox-container--ready .fancybox-bg { opacity: .4 !important; } .fancybox-button--close { cursor: pointer; } .fancybox-button, .fancybox-infobar__body { background: rgba(30, 30, 30, .8) !important; } .fancybox-button--left, .fancybox-button--right { margin: 0 5px !important; border-radius: 5px !important; } /*.fancybox-controls {*/ /*height: 100%;*/ /*}*/ /*.fancybox-button {*/ /*background: transparent !important;*/ /*position: absolute !important;*/ /*width: 50% !important;*/ /*height: 100% !important;*/ /*}*/ /*.fancybox-button:hover {*/ /*background: transparent !important;*/ /*}*/ /*.fancybox-button--left {*/ /*left: 0;*/ /*}*/ /*.fancybox-button--right {*/ /*right: 0;*/ /*}*/ /*.fancybox-button--left:before, .fancybox-button--left:after, .fancybox-button--right:before, .fancybox-button--right:after {*/ /*display: none !important;*/ /*}*/ /*.fancybox-buttons {*/ /*top: 10px !important;*/ /*right: 10px !important;*/ /*}*/ .product-thumbs { display: none; } .bottom-slider { margin-top: 20px } .bottom-slider__image { max-width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .bottom-slider__item { background: #fff; opacity: .3; cursor: pointer; -webkit-transition: opacity .8s linear; transition: opacity .8s linear; border-radius: 6px; margin: 0 5px; border: 2px solid transparent; min-height: 80px; position: relative; overflow: hidden; } .bottom-slider__item:hover { opacity: 1 } .bottom-slider__item.slick-current { border: 2px solid #004ac5; opacity: 1 } .product-info { padding: 30px; background: #fff; border-radius: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21); margin-bottom: 3px; } .product-info__wrapper { background-color: #f3f4f6; padding: 20px; margin-bottom: 15px; border-radius: 6px } .product-info__for { color: #004ac5; font-weight: 700; font-size: 16px; padding: 8px 0 } @media screen and (max-width: 425px){ .product-info__for { font-size: 14px; } } .product-info__for i { margin-right: 10px; float: left; vertical-align: bottom; } .product-info__for span { display: block; } .product-info__characteristics { margin-top: 15px; background: inherit } .product-info__notification { font-size: 14px; color: #888; margin-bottom: 15px; line-height: 1.4; } .product-info__notification i { float: left; width: 16px; margin-right: 10px } .product-info__notification span { overflow: hidden; display: block } .product-info__button { width: 100% } .product-info__char-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 10px 0; border-bottom: 1px solid #e8e9ea; background: inherit; font-size: 15px; position: relative } .product-info__plural-row{ overflow: hidden; padding: 10px 0; border-bottom: 1px solid #e8e9ea; background: inherit; font-size: 15px; position: relative } .product-info__char-row:last-child { border-bottom: none; padding-bottom: 0 } .product-info__plural-row:last-child { border-bottom: none; padding-bottom: 0 } .product-info__char-title { color: #666; position: relative; z-index: 5; max-width: 100%; } .product-info__char-title span { background-color: #f3f4f6; padding-right: 11px; } .product-info__char-row:after { content: '.......................................................................'; position: absolute; top: 10px; left: 0; width: 100%; height: 100%; letter-spacing: 5px; font-size: 12px } .product-info__char-value { font-weight: 700; background: inherit; z-index: 5; position: relative; text-align: right; } .product-info__char-value span { background-color: #f3f4f6; padding-left: 10px; } .product-info__plural-title{ color: #666; position: relative; z-index: 5; margin-bottom: 10px; } .product-info__char_plural-value{ position: relative; margin-left: 20px; line-height: 24px; } .product-info__char_plural-value .product-info__char-title{ float: none; } .product-info__char_plural-value .product-info__char-value{ margin-top: -22px; } .product-info__char-value span{ background-color: #f3f4f6; } .product-info__char_plural-value:after { content: '.......................................................................'; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; letter-spacing: 5px; font-size: 12px; clear: both; } .btn { display: inline-block; padding: 15px; color: #333; border-radius: 6px; height: 48px; -webkit-transition: all .3s linear; transition: all .3s linear; text-align: center; } .btn_yellow { background-color: #ffae00; color: #333; font-size: 15px; font-weight: 700 } .btn:hover { color: #333; background-color: #ffbe33 } .add-padding { padding: 0 20px; } .b-tabs__text img { max-width: 100%; height: auto; } .b-tabs__text ul { list-style-type: none; padding: 0; margin: 0; line-height: 1.75rem } .b-tabs__text ul li { font-weight: 300 } .b-tabs__text ul li:before { content: '•'; display: inline-block; color: #ffae00; font-weight: 700; margin-right: 8px } .b-tabs__text h3 { margin: 15px 0; } .b-tabs__text { font-weight: 300; line-height: 1.75rem; } .b-tabs__text_characters{ /*max-width: 500px;*/ width: 100%; display: inline-block; vertical-align: top; } .b-tabs__right-block{ display: inline-block; /*max-width: 300px;*/ max-width: 100%; margin: 0 auto; padding: 0 20px 20px; } .js-drawing {float: left;} .js-drawing + .b-tabs__right-block { float: right; max-width: 57%; } @media screen and (max-width: 769px){ .js-drawing { float: none; display: block; } .js-drawing img { margin: 0 auto; } .js-drawing + .b-tabs__right-block { max-width: 100%; } } @media (max-width: 480px){ .js-drawing + .b-tabs__right-block { max-width: 100%; } } @media (max-width: 1199px){ .b-tabs__text_characters{ max-width: 100%; } .b-tabs__right-block{ max-width: 100%; } } .b-tabs__right-block_text{ font-weight: 300; line-height: 1.75rem; display: block; } .b-tabs__right-block_img{ max-width: 300px; height: auto; /*margin: 0 auto;*/ display: block !important; cursor: pointer; } .fancybox-inner .b-tabs__right-block_img { max-width: 100%; } .b-tabs__text table { border: 3px solid #f5f5f5; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; width: 100%; /*table-layout: fixed;*/ } .b-tabs__text table td { border-right: 1px solid #ebebeb; padding: 2px 2px; } .description-tab .b-tabs__text table { table-layout: fixed; } .b-tabs__text_characters .b-tabs__text table td { width: 50%; } .b-tabs__text table td{ padding-left: 10px; font-size: 15px; text-align: left !important; } @media (max-width: 480px){ .b-tabs__text table td{ padding-left: 10px; font-size: 13px; line-height: 19px; text-align: left !important; } } .b-tabs__text table td.e-talign-center { width: 125px; } .b-tabs__text table tr:nth-child(even) { background-color: #f5f5f5 } .b-tabs__text table tr td p{ margin: 0; } .m-table tr td:first-child { max-width: 130px; /*min-width: 130px;*/ } .m-table tr td:nth-child(2), .m-table tr th:nth-child(2){ /*max-width: 100px;*/ } .m-table tr td:nth-child(2) { min-width: 82px; } .m-table tr td:nth-child(3){ min-width: 80px; } .e-nowrap{ white-space: pre-wrap; } .document-link { display: inline-block; margin-left: 25px; } .document-link:first-child { margin-left: 0; } @media (max-width: 700px){ .document-link { display: block; margin-left: 0; margin-bottom: 10px; } .b-questionnaires-list__col { margin-bottom: 0; } } .document-link__download { width: 23px; height: 24px; background-image: url(/local/templates/oilpump/img/icons/doc.png); vertical-align: middle; display: inline-block; margin-right: 10px; } .document-link__title { color: #505050; display: inline-block; -webkit-transition: all .3s; transition: all .3s; margin-bottom: 5px; border-bottom: 1px solid; } .document-link__open:hover .document-link__title { border-bottom-color: transparent; } .document-link__size { font-size: .75rem; color: #505050; text-indent: 40px; } @media (max-width: 767px){ .m-carousel_slide_title { font-size: 14px; } } .description-tab table b, .description-tab table strong { color: #186eb7; } .yellow-tr td { border-bottom: 3px solid #ffae00; } .button_disabled, .button_disabled:hover { color: #fff; border: 2px solid #ddd; background-color: #eee; } .checkbox { display: flex; align-items: center; cursor: pointer; } .checkbox__input { display: none; } .checkbox__input:checked ~ .checkbox__emulator { border-color: #004ac5; } .checkbox__input:checked ~ .checkbox__emulator:after { opacity: 1; } .checkbox__emulator { flex: 0 0 auto; display: inline-block !important; /* width: 16px; */ /* height: 16px; */ /* background-color: #f8f8f8; */ border: 2px solid #ebebeb; -webkit-transition: .3s; transition: .3s; vertical-align: top; position: relative; margin-right: 9px; /* border-radius: 3px; */ width: 30px; height: 30px; border-radius: 5px; background-color: #ffffff; } .checkbox__emulator.error{ border: 2px solid red; } .checkbox__emulator:after { content: ''; position: absolute; width: 100%; height: 100%; /* background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2IDI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNiAyNiIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CiAgPHBhdGggZD0ibS4zLDE0Yy0wLjItMC4yLTAuMy0wLjUtMC4zLTAuN3MwLjEtMC41IDAuMy0wLjdsMS40LTEuNGMwLjQtMC40IDEtMC40IDEuNCwwbC4xLC4xIDUuNSw1LjljMC4yLDAuMiAwLjUsMC4yIDAuNywwbDEzLjQtMTMuOWgwLjF2LTguODgxNzhlLTE2YzAuNC0wLjQgMS0wLjQgMS40LDBsMS40LDEuNGMwLjQsMC40IDAuNCwxIDAsMS40bDAsMC0xNiwxNi42Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuMy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNsLTcuOC04LjQtLjItLjN6IiBmaWxsPSIjMDAwNGFjIi8+Cjwvc3ZnPgo=); */ background-image: url('/local/templates/oilpump/./img/icons/svg/checkbox.svg'); background-position: center; background-repeat: no-repeat; background-size: 60%; opacity: 0; -webkit-transition: .3s; transition: .3s; } .checkbox__description { /* font-size: 13px; color: #666; line-height: 18px; */ /*display: inline-block !important;*/ /*vertical-align: middle;*/ /*width: calc(100% - 46px);*/ /* color: #333 !important; */ color: #191919; font-size: .88rem; font-weight: 300; } .checkbox__description a { border-bottom: 1px solid #004ac5; transition: 0.3s ease; } .checkbox__description a:hover { border-bottom-color: transparent; } .checkbox__description .m-form_label--required { position: absolute; margin-left: 4px; } .checkbox:hover .checkbox__emulator { border-color: #004ac5; } .price { background-color: #f5f6fa; padding: 10px 15px; } .price__title { font-weight: bold; font-size: 18px; margin-bottom: 15px; } .price__table-wrapper { border-radius: 10px; overflow: hidden; } .price__table { width: 100%; } .price__table tr:nth-child(odd) { background-color: #fff; } .price__table tr:nth-child(even) { background-color: #f5f5f5; } .price__table td { padding: 10px; border-right: 1px solid #ebebeb; } .price__table td:first-child { padding-left: 20px; } .price__table td.price__bold {min-width: 150px;} .price__table td:last-child { border: none; } @media screen and (max-width: 480px) { .price__table-wrapper { overflow-x: scroll; padding-bottom: 20px; } .b-tabs__text table.price__table { width: 500px; max-width: 500px; } .b-tabs__text table.price__table td { font-size: 13px; line-height: 22px; } .price__table td:first-child { padding-left: 10px; } .price__table .b-button { display: inline-block; border: 2px solid #004ac5; text-transform: uppercase; font-size: 13px; font-weight: 700; -webkit-transition: all .3s; transition: all .3s; padding: 9px 10px; border-radius: 6px; vertical-align: middle } } .price__currency { font-size: 12px; vertical-align: bottom; } .price__order { height: 40px; line-height: 20px; /*width: 140px;*/ } .price__bold { font-weight: bold; } .popup { } .popup__title { font-weight: bold; font-size: 32px; margin-bottom: 20px; } .popup__text { color: #232323; font-size: 14px; line-height: 24px; } .popup__text_light { font-weight: lighter; } .popup__text_bold { font-weight: bold; } .order-content__name { text-align: justify; } .order-content__description { float: left; max-width: 65%; } .order-content__image { float: right; } .order-content__image img { max-width: 100%; border-radius: 10px; } .order-content__price { font-size: 17px; font-weight: bold; } .form__input, .form__textarea { width: 100%; max-width: 100%; background-color: #eceff1; border: none; padding: 16px 22px; font-size: 15px; border-radius: 6px; outline: 0; } .form__textarea { min-height: 130px; } .parsley-error .form__input { border: 1px solid red; } .form__row { margin-bottom: 15px; display: flex; } .form__row_column { flex-direction: column; } .form__row_center { justify-content: center; } .form__placeholder { visibility: visible; position: absolute; top: 11px !important; left: 22px; color: #a8a8a8 !important; font-size: 15px !important; line-height: 1.666666667; opacity: 1; cursor: pointer; padding-right: 20px; -webkit-transition: .3s opacity ease, .3s visibility ease; transition: .3s opacity ease, .3s visibility ease; } @media (max-width: 425px) { [name="captcha_word"] + .form__placeholder { max-width: 25%; overflow: hidden; white-space: nowrap; } } .file-upload__field { display: none; } .file-upload__file-name { font-size: 14px; line-height: 24px; font-weight: bold; border-bottom: 2px dotted #185bca; cursor: pointer; } .form__title { font-size: 24px; font-weight: bold; margin-bottom: 5px; width: 100%; } .form__captcha { margin-left: 15px; } .form__placeholder_required::after { content: ' *'; color: #ff0303 } .form__submit { padding: 18px 16px; } .js-order-show { display: none; } .m-pumps_items { border-top: 1px solid #eaebec; } @media (max-width: 980px) { .b-article__image_left + .b-article__text ul[style], .b-article__image_left + .b-article__text ol[style] { margin-left: 0 !important;; } } @media (max-width: 845px) { .form__row label:not(.form__file-upload) { /*position: static;*/ } } @media (max-width: 480px) { .toggler { right: 30px; } .captcha ~ img { margin-top: 15px; } .m-form_label { font-size: 14px; } } .towns-list { display: flex; flex-wrap: wrap; margin: 0 -15px; } .towns-list__item { flex: 1 1 25%; list-style-type: none; padding: 0 15px; margin: 0; } .towns-list__item li { padding: 5px 0; } .b-article__neighbors { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 20px; margin-bottom: 20px; } .b-article__prev { flex: 1; padding-left: 30px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxLjQ5NCAzMS40OTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMxLjQ5NCAzMS40OTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPHBhdGggZD0iTTEwLjI3Myw1LjAwOWMwLjQ0NC0wLjQ0NCwxLjE0My0wLjQ0NCwxLjU4NywwYzAuNDI5LDAuNDI5LDAuNDI5LDEuMTQzLDAsMS41NzFsLTguMDQ3LDguMDQ3aDI2LjU1NCAgYzAuNjE5LDAsMS4xMjcsMC40OTIsMS4xMjcsMS4xMTFjMCwwLjYxOS0wLjUwOCwxLjEyNy0xLjEyNywxLjEyN0gzLjgxM2w4LjA0Nyw4LjAzMmMwLjQyOSwwLjQ0NCwwLjQyOSwxLjE1OSwwLDEuNTg3ICBjLTAuNDQ0LDAuNDQ0LTEuMTQzLDAuNDQ0LTEuNTg3LDBsLTkuOTUyLTkuOTUyYy0wLjQyOS0wLjQyOS0wLjQyOS0xLjE0MywwLTEuNTcxTDEwLjI3Myw1LjAwOXoiIGZpbGw9IiNmZmMwMDAiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); -webkit-background-size: 24px; background-size: 24px; background-repeat: no-repeat; background-position: left center; } .b-article__next { flex: 1; text-align: end; padding-right: 30px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxLjQ5IDMxLjQ5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMS40OSAzMS40OTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiPgo8cGF0aCBkPSJNMjEuMjA1LDUuMDA3Yy0wLjQyOS0wLjQ0NC0xLjE0My0wLjQ0NC0xLjU4NywwYy0wLjQyOSwwLjQyOS0wLjQyOSwxLjE0MywwLDEuNTcxbDguMDQ3LDguMDQ3SDEuMTExICBDMC40OTIsMTQuNjI2LDAsMTUuMTE4LDAsMTUuNzM3YzAsMC42MTksMC40OTIsMS4xMjcsMS4xMTEsMS4xMjdoMjYuNTU0bC04LjA0Nyw4LjAzMmMtMC40MjksMC40NDQtMC40MjksMS4xNTksMCwxLjU4NyAgYzAuNDQ0LDAuNDQ0LDEuMTU5LDAuNDQ0LDEuNTg3LDBsOS45NTItOS45NTJjMC40NDQtMC40MjksMC40NDQtMS4xNDMsMC0xLjU3MUwyMS4yMDUsNS4wMDd6IiBmaWxsPSIjZmZjMDAwIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); -webkit-background-size: 24px; background-size: 24px; background-repeat: no-repeat; background-position: right center; } .button-return-back { display: flex; } .button-return-back__link { display: flex; align-items: center; grid-gap: 8px; } .button-return-back__icon { flex: 0 0 auto; width: 24px; height: 24px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxLjQ5NCAzMS40OTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMxLjQ5NCAzMS40OTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPHBhdGggZD0iTTEwLjI3Myw1LjAwOWMwLjQ0NC0wLjQ0NCwxLjE0My0wLjQ0NCwxLjU4NywwYzAuNDI5LDAuNDI5LDAuNDI5LDEuMTQzLDAsMS41NzFsLTguMDQ3LDguMDQ3aDI2LjU1NCAgYzAuNjE5LDAsMS4xMjcsMC40OTIsMS4xMjcsMS4xMTFjMCwwLjYxOS0wLjUwOCwxLjEyNy0xLjEyNywxLjEyN0gzLjgxM2w4LjA0Nyw4LjAzMmMwLjQyOSwwLjQ0NCwwLjQyOSwxLjE1OSwwLDEuNTg3ICBjLTAuNDQ0LDAuNDQ0LTEuMTQzLDAuNDQ0LTEuNTg3LDBsLTkuOTUyLTkuOTUyYy0wLjQyOS0wLjQyOS0wLjQyOS0xLjE0MywwLTEuNTcxTDEwLjI3Myw1LjAwOXoiIGZpbGw9IiNmZmMwMDAiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); background-size: 24px; background-repeat: no-repeat; background-position: left center; } .button-return-back__name {} .map-info__text-wrapper ul { list-style-type: none; padding: 0; margin: 0; line-height: 1.75rem } .map-info__text-wrapper ul li { font-weight: 300 } .map-info__text-wrapper ul li:before { content: '•'; display: inline-block; color: #ffae00; font-weight: 700; margin-right: 8px } .m-slider_item_img { height: 415px; } .m-slider_item_img>img { max-height: 250px; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); } /*blok s knopkoj*/ .lend-block{ border-top: 1px dotted #3fa3f1; border-bottom: 1px dotted #3fa3f1; background-color: #fafafa; margin: 50px 0px; } .lend-block p{ text-align: center; /*color: #FC3636;*/ font-weight: bold; font-size: 20px; } .lend-block-key{ text-align: center; font-weight: bold; font-size: 26px; color: #333; } .lend-block-div{ text-align: center; margin: 40px 0; } .lend-button { color: #FFF; font-size: 18px; text-decoration: none; background: #53B82A; padding: .7em 1.5em; outline: none; cursor: pointer; border: 1px solid #ccc; } .lend-button:hover { background: #FFD829; color: #333; } .lend-button:active { box-shadow: 0px 0px 10px #333; } /*spisok tovarov*/ .lend_li { list-style: none; clear: both; margin-bottom: 20px; background-color: #f9f9f9; border: 1px solid #eee; padding: 10px 0 0 10px; } .lend_li:hover { background-color: #fff; } .lend_img_ { width: 120px; height:120px; margin-right: 20px; float: left; overflow:hidden; border: 1px solid #e5e5e5; text-align: center; } .lend_item { width: 578px; float: left; } .lend_txt { font-size:13px; } .lend_head { font-size: 18px; color: #1787c3; margin-bottom: 10px; } /*blok s perelinkovkoj*/ .per_urls { border-top: 1px dotted #3fa3f1; border-bottom: 1px dotted #3fa3f1; background-color: rgba(250, 250, 250, 0.50); margin: 25px 0px; padding: 10px 10px; justify-content: space-between; display: flex; } a.per_url { font-size: 12px; color: rgba(0, 74, 197, 0.80); } .per_url_prev::before { content: "←"; padding: 0 5px; } .per_url_next::after { content: "→"; padding: 0 5px; } .fancybox-placeholder .fancybox-image { position: absolute; z-index: 1; } .fancybox-placeholder .spy-img { z-index: 2; position: absolute; opacity: 0 !important; width: 100%; height: 100%; max-width: none; max-height: none; background: transparent; background-size: 100% 100%; } x-shelf { z-index: 9999!important; } .fancybox-button--close { top: 0; right: 0; } .fancybox-show-infobar .fancybox-infobar { width: 300px; } .fancybox-button--left {left: -100px !important;} .fancybox-button--right {right: -100px !important;} .table-wrapper { min-width: 100%; overflow-y: hidden; overflow-x: scroll; } .table-wrapper table { min-width: 700px; } .m-pumps_dropdown_nav .selectize-dropdown .option[data-value="#pumpprod_17"]:before, .m-pumps_dropdown_nav .selectize-input .item[data-value="#pumpprod_17"]:before, .is-active .i-heat:before { content: url(/local/templates/oilpump/img/icons/teplo.png); width: 29px; height: 28px; } .i-heat:before { content: url(/local/templates/oilpump/img/icons/teplo_two.png); width: 29px; height: 28px; } .g-icons-heat { background-image: url(/local/templates/oilpump/img/icons/teplo.png); width: 16px; height: 16px; background-size: contain; } .industry__item { margin-bottom: 15px; } .industry__link, .industry-catalog-link { font-size: 1rem; color: #004ac5; display: inline; vertical-align: middle; border-bottom: 1px solid #004ac5; -webkit-transition: all .3s; transition: all .3s; } .industry__link:hover, .industry-catalog-link:hover { border:none; } .industry-table__image img { max-width: 100px; max-height: 60px!important; } .industry-table__col { vertical-align: middle!important; } .industry-table__image-col { width: 150px; } .industry-text { margin-bottom: 20px; } .industry-bottom { background: white; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21); } .industry-bottom__item { flex-basis: calc(25%); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-preferred-size: calc(25%); flex-basis: calc(25%); max-width: calc(25%); padding: 15px; border: 1px solid #f2f2f2; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #191919; font-weight: 600; font-size: 14px; } .industry-bottom__item:hover { -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21); } @media (max-width: 992px) { .industry-bottom__item { flex-basis: calc(50%); max-width: calc(50%); } } @media (max-width: 480px) { .industry-bottom__item { flex-basis: calc(100%); max-width: calc(100%); } } .industry-bottom__item:hover { color: #004ac5; } .industry-bottom__item.selected { background: #004ac5; color: white; } .parsley-required, .parsley-errors-list { display: none!important; } @media (max-width: 767px){ .m-skype-widget { display: none!important; } } .policy-warning { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; position: fixed; left: 0; bottom: 0; width: 100%; height: 45px; background-color: #00296c; opacity: 0; visibility: hidden; line-height: 45px; color: #fff; font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; text-align: center; z-index: 999; } .policy-warning--showed { opacity: .75; visibility: visible; pointer-events: auto; } .policy-warning:hover { opacity: 1; } .policy-warning__message { margin-right: 25px; pointer-events: none; } .policy-warning__btn { } .policy-warning__btn-accept { border-bottom: 2px #ffc000 solid; cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; font-weight: 700; } .policy-warning__btn-accept:hover { color: #ffc000; } @media (max-width: 480px) { .policy-warning__message { margin-right: 0; } .policy-warning { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: 75px; line-height: 1.5; } } .fancybox-inner { border: none; overflow: visible !important; } .grecaptcha-badge { visibility: hidden; } .table-style tr td:first-child { background: #004ac5; } .table-style tr td b { color: #fff; } .table-style tr:first-child td { background: #004ac5; border-bottom: 1px solid #ebebeb; } .m-form_errors:not(:empty) { margin-bottom: 15px; } .m-form_errors__item { font-size: 14px; line-height: 1.25; color: #ff5638; font-weight: bold; } .m-form_errors__item:not(:last-child) { margin-bottom: 5px; } @media(max-width: 480px) { .m-form_errors__item { font-size: 13px; } } /* New styles */ .b-page-title { margin-bottom: 42px; } h1.b-page-title { margin-top: 15px; color: #191919; font-size: 28px; font-weight: 700; line-height: 36px; } .benchmarks { display: flex; align-items: flex-end; width: 100%; height: 416px; margin: 21px 0; background-repeat: no-repeat; background-position: center; border-radius: 5px; background-color: #191919; overflow: hidden; } .benchmarks__items { display: flex; /* width: 100%; */ padding: 22px 43px 20px 17px; border-radius: 0 5px; background-color: #004ac5; } @media(max-width: 1199px) { .benchmarks__items { flex-wrap: wrap; } } .benchmarks__item { position: relative; max-width: 269px; width: 100%; padding: 0 33px; /* flex: 0 0 33.333333%; */ /* max-width: 33.333333%; */ /* padding: 25px 18px 22px 50px; */ /* background-color: #004ac5; */ } @media(max-width: 1199px) { .benchmarks__item { max-width: 267px; } } @media(max-width: 575px) { .benchmarks__item { margin-bottom: 12px; padding: 0; } .benchmarks__item:last-of-type { margin-bottom: 0; } .benchmarks { background-image: none; height: auto; } .benchmarks__items { padding: 32px; border-radius: 5px; } } .benchmarks__item:last-of-type { border-radius: 0 5px 0 0; } .benchmarks__value { color: #ffffff; font-size: 20px; font-weight: 700; line-height: 24px; } .benchmarks__value span { font-size: 26px; } .benchmarks__text { color: #ffffff; font-size: 14px; font-weight: 300; line-height: 22px; } .advantages { margin-top: 44px; } .advantages + .b-button { margin-top: -16px; padding: 9px 28px; text-transform: none; } .advantages + .b-button:hover { background: #196efd !important; } .advantages__items { display: flex; flex-wrap: wrap; margin: 0 -21px; } .advantages__item-wrap { position: relative; padding: 0 21px; flex: 0 0 33.333333%; max-width: 33.333333%; margin-bottom: 34px; } @media(max-width: 575px) { .advantages__item-wrap { flex: 0 0 50%; max-width: 50%; } } .advantages__item { width: 100%; height: 100%; } .advantages__item-img { display: flex; justify-content: center; width: 46px; height: 41px; margin-bottom: 3px; } .advantages__item-img img { max-width: 90%; max-height: 90%; } .advantages__item-text { color: #191919; font-size: 16px; font-weight: 300; line-height: 24px; } /* Photogallery section - main page */ .l-section-photogallery { padding: 28px 0 100px; } .l-section-photogallery .l-section_heading { margin-bottom: 44px; } .m-photogallery-carousel:not(.slick-initialized) { display: flex; } .m-photogallery-carousel .slick-list { margin: 0 -7px; } .m-photogallery-carousel .slick-arrow { width: 15px; height: 27px; top: -29%; } .m-photogallery-carousel .slick-prev { background-image: url('/local/templates/oilpump/img/icons/svg/icon-left-arrow.svg'); background-position: center; transition: 0.3s ease; right: 47px; left: auto; } .m-photogallery-carousel .slick-prev:hover:not(.slick-disabled) { background-image: url('/local/templates/oilpump/img/icons/svg/icon-left-arrow-blue.svg'); } .m-photogallery-carousel .slick-prev.slick-disabled { background-position: 0; opacity: 0.5; cursor: default; } .m-photogallery-carousel .slick-next { background-image: url('/local/templates/oilpump/img/icons/svg/icon-right-arrow.svg'); background-position: center; transition: 0.3s ease; right: 0; } .m-photogallery-carousel .slick-next:hover:not(.slick-disabled) { background-image: url('/local/templates/oilpump/img/icons/svg/icon-right-arrow-blue.svg'); } .m-photogallery-carousel .slick-next.slick-disabled { background-position: 0; opacity: 0.5; cursor: default; } .m-photogallery-carousel__item { margin: 0 7px; } .m-photogallery-carousel__item-link img { max-width: 100%; } /* PARTNERS */ .m-partners-carousel .slick-arrow { width: 15px; height: 27px; top: -52%; } .m-partners-carousel .slick-prev { background-image: url('/local/templates/oilpump/img/icons/svg/icon-left-arrow.svg'); background-position: center; transition: 0.3s ease; right: 47px; left: auto; background-repeat: no-repeat; } .m-partners-carousel .slick-prev:hover:not(.slick-disabled) { background-image: url('/local/templates/oilpump/img/icons/svg/icon-left-arrow-blue.svg'); } .m-partners-carousel .slick-prev.slick-disabled { background-position: 0; opacity: 0.5; cursor: default; } .m-partners-carousel .slick-next { background-image: url('/local/templates/oilpump/img/icons/svg/icon-right-arrow.svg'); background-position: center; transition: 0.3s ease; right: 0; background-repeat: no-repeat; } .m-partners-carousel .slick-next:hover:not(.slick-disabled) { background-image: url('/local/templates/oilpump/img/icons/svg/icon-right-arrow-blue.svg'); } .m-partners-carousel .slick-next.slick-disabled { background-position: 0; opacity: 0.5; cursor: default; } /* CATEGORIES */ .l-section-categories { padding: 93px 0 0; } @media (min-width: 768px) { .l-section-categories { background: url('/local/templates/oilpump/./img/main-categories-bg.png') no-repeat top; } } .l-section-categories .m-categories-list { margin-bottom: 0; } .l-section-categories .l-section_heading_title { margin-top: 4px; } .l-section-categories .l-section_heading_links { margin-top: 0; } @media(max-width: 767px) { .l-section-categories .l-section_heading_links { margin-top: 20px; } } .l-section-categories .l-section_heading_links .e-blue-btn { margin-left: 13px; } .l-section-categories .l-section_heading_links .e-blue-btn:first-child { margin-left: 0; } @media(max-width: 440px) { .l-section-categories .l-section_heading_links .e-blue-btn { margin-left: 0; } .l-section-categories .l-section_heading_links .e-blue-btn:first-child { margin-bottom: 10px; } } .l-section-categories .e-btn--small { padding: 9px 30px; color: #ffffff; font-size: 13px; font-weight: 700; line-height: 24px; text-transform: none; } /* HEADER MENU */ .l-header_nav { width: 100%; } .header__menu { /* position: relative; */ width: 100%; padding: 0 } .header__menu-list { display: flex; align-items: center; margin: 0; padding: 0; list-style-type: none; } .header__menu-item { position: relative; margin: 0; padding: 0; margin-left: 65px; white-space: nowrap; } @media(max-width: 1199px) { .header__menu-item { margin-left: 50px; } } .header__menu-item:hover .header__menu-sub-wrap { visibility: visible; opacity: 1; } .header__menu-item:first-child { margin: 0; } .header__menu-item:before { display: none; } .header__menu-item.sub-full-width { position: initial; } .header__menu-link { display: flex; padding: 9px 0 11px; color: #191919; font-size: 15px; font-weight: 700; line-height: 23px; transition: color 0.3s; } .header__menu-link:hover, .header__menu-link.active { color: #004ac5; } .header__menu-sub-wrap { position: absolute; left: -41px; top: 100%; padding-top: 30px; visibility: hidden; opacity: 0; transition: 0.3s visibility, 0.3s opacity, 0.3s top; } .header__menu-sub { /* position: absolute; left: -41px; top: 150%; */ padding: 50px 39px 57px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); border-radius: 5px; background-color: #ffffff; } .header__menu-sub-item:before { display: none; } .header__menu-sub-item:not(:last-child) { margin-bottom: 8px; } .header__menu-sub-link { color: #191919; font-size: 15px; font-weight: 700; line-height: 22px; transition: color 0.3s; } .header__menu-sub-link:hover, .header__menu-sub-link.active { color: #004ac5; } .header__menu-full-sub-wrap { position: absolute; left: 50%; top: 100%; max-width: 1300px; width: 100%; padding-top: 1px; transform: translateX(-50%); visibility: hidden; opacity: 0; transition: 0.3s visibility, 0.3s opacity, 0.3s top; } .header__menu-item:hover .header__menu-full-sub-wrap { visibility: visible; opacity: 1; } .header__menu-full-sub-scroll { height: 600px; max-height: calc(100vh - 224px); } /* .header__menu-full-sub-scroll>.mCustomScrollBox>.mCSB_scrollTools { display: none !important; } .header__menu-full-sub-scroll>.mCSB_inside>.mCSB_container { margin-right: 0 !important; } */ .header__menu-full-sub-inner { box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); border-radius: 5px; background-color: #ffffff; /* min-height: 381px; */ min-height: 1px; overflow: hidden; display: flex; height: 100%; } .header__menu-full-sub { position: relative; /* min-height: 381px; */ margin: 0; /* box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); border-radius: 5px; background-color: #ffffff; */ background-color: #f7f7f7; padding-top: 61px; max-height: 600px; overflow-y: auto; overflow-x: hidden; padding-right: 17px; } .header__menu-full-sub::-webkit-scrollbar{ width: 5px; height: 8px; background-color: rgba(255,255,255,1); } .header__menu-full-sub::-webkit-scrollbar-thumb{ background-color: #004ac5; border-radius: 2px; } .header__menu-full-sub::-webkit-scrollbar-thumb:hover{ background-color: #004ac5 } .header__menu-full-sub-item:before { display: none; } .header__menu-full-sub-item { width: 228px; border-top: 1px solid #ececec; } .header__menu-full-sub-item:last-of-type { border-bottom: 1px solid #ececec; } .header__menu-full-sub-link { display: block; padding: 19px 40px; color: #191919; font-size: 14px; font-weight: 700; line-height: 23px; white-space: pre-wrap; /* border-top: 1px solid #ececec; */ } .header__menu-full-sub-link.active { background-color: #fff; transition: background-color 0.3s; } .header__menu-full-innersub { padding: 55px 40px 23px; background: #fff; height: 100%; width: 100%; display: none; max-height: 600px; overflow-y: auto; } .header__menu-full-innersub::-webkit-scrollbar{ width: 5px; height: 8px; background-color: rgba(255,255,255,1); } .header__menu-full-innersub::-webkit-scrollbar-thumb{ background-color: #004ac5; border-radius: 2px; } .header__menu-full-innersub::-webkit-scrollbar-thumb:hover{ background-color: #004ac5 } .header__menu-full-innersub:first-of-type { display: block; } .header__menu-full-innersub .mCSB_draggerContainer { top: 0 !important; } /* .header__menu-full-innersub .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(255, 255, 255, 0.75); } .header__menu-full-innersub .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.4); } */ @media(max-height: 768px) { .header__menu-full-innersub { max-height: 400px; } } .full-sub__inner-items { display: flex; flex-wrap: wrap; margin: 0 -40px; } .full-sub__inner-item { position: relative; flex: 0 0 25%; max-width: 25%; padding: 0 40px; margin-bottom: 32px; } .full-sub__inner-links { display: flex; flex-direction: column; } .full-sub__inner-title { display: block; margin-bottom: 15px; color: #191919; font-size: 14px; font-weight: 700; line-height: 23px; white-space: pre-wrap; } .full-sub__inner-title.active { color: #004ac5; } .full-sub__inner-link { margin-bottom: 15px; /* opacity: 0.5; */ color: #191919; font-size: 13px; font-weight: 400; line-height: 18px; white-space: pre-wrap; transition: all 0.3s ease; } .full-sub__inner-link:hover { opacity: 1; } .full-sub__inner-link.active { color: #004ac5; opacity: 1; } .mobile-menu li:before { display: none; } .mobile-menu ul { margin-bottom: 0; } .mobile-menu__sub { display: none; } .mobile-menu__item.has-sub.open > .mobile-menu__sub { display: block; } .mobile-menu__item.has-sub .mobile-menu__link:after { display: block; content: ''; border-top: 4px solid #191919; border-right: 4px solid transparent; border-left: 4px solid transparent; transition: .3s transform ease, .3s -webkit-transform ease; } .mobile-menu__item.has-sub.open .mobile-menu__link:after { transform: translate3d(0, 0, 0) rotate(180deg); } .mobile-menu__sub-item.has-sub.open > .mobile-menu__sub { display: block; } .mobile-menu__item { border-top: 1px solid #cfd8dc; } .mobile-menu__link { display: flex; align-items: center; justify-content: space-between; padding: 26px 20px; color: #191919; text-decoration: none; font-size: 15px; line-height: 1.2; font-weight: 700; } .mobile-menu__sub { padding-left: 20px; } .mobile-menu__sub-link { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px 15px 10px; color: #191919; text-decoration: none; font-size: 15px; line-height: 1.2; font-weight: 400; } .mobile-menu__sub-item.has-sub > .mobile-menu__sub-link:after { display: block; content: ''; border-top: 4px solid #191919; border-right: 4px solid transparent; border-left: 4px solid transparent; transition: .3s transform ease, .3s -webkit-transform ease; } .mobile-menu__sub-item.has-sub.open > .mobile-menu__sub-link:after { transform: translate3d(0, 0, 0) rotate(180deg); } .lb-data .lb-number { display: none !important; } /* Choice block */ .choice { margin-bottom: 40px; padding: 40px 0; border-radius: 10px; background-color: #ffffff; } .choice-search { padding: 0 40px; } .choice-search-form { position: relative; display: flex; align-items: center; } .choice-search-form__input { width: 100%; margin-right: 15px; padding: 14px 22px; border-radius: 5px; background-color: #f0f1f6; font-size: 15px; font-weight: 400; line-height: 24px; border: 0; outline: 0; } .choice-search-form__input::-webkit-input-placeholder { color: #a8a8a8; } .choice-search-form__input:-ms-input-placeholder { color: #a8a8a8; } .choice-search-form__input::-ms-input-placeholder { color: #a8a8a8; } .choice-search-form__input::placeholder { color: #a8a8a8; } .choice-search-form__btn { flex-shrink: 0; padding: 14px 29px; border-radius: 5px; background-color: #004ac5; color: #ffffff; font-size: 13px; font-weight: 700; line-height: 24px; outline: none; border: 0; transition: background-color 0.3s; } .choice-search-form__btn:hover { background-color: #196efd; } .choice-tabs { padding: 40px 40px 0; margin-top: 40px; border-top: 2px solid #f6f7fa; } .choice-tabs__nav { display: inline-flex; align-items: center; margin-bottom: 30px; padding: 2px; box-shadow: inset 2px 4px 8px rgba(0, 0, 0, 0.15); border-radius: 7px; background-color: #f0f1f6; } .choice-tabs__link { padding: 2px 15px; border-radius: 5px; background-color: transparent; color: #004ac5; font-size: 12px; font-weight: 700; line-height: 24px; transition: all 0.3s; } .choice-tabs__link_active { background-color: #004ac5; color: #fff; } .choice-tabs__link_active:hover { color: #fff; } .choice-tabs__link_active:focus { color: #fff; } .choice-tabs__content {} .choice-tabs__pane { display: none; } .choice-tabs__pane_show { display: block; } .selection-form { display: flex; align-items: center; } .selection-form__title { margin-right: 22px; color: #191919; font-size: 15px; font-weight: 400; line-height: 24px; } .selection-form__inputs { display: flex; } .selection-form__input { max-width: 217px; width: 100%; margin-right: 15px; padding: 14px 22px; border-radius: 5px; background-color: #f0f1f6; font-size: 15px; font-weight: 400; line-height: 24px; border: 0; outline: 0; } .selection-form__input::-webkit-input-placeholder { color: #a8a8a8; } .selection-form__input:-ms-input-placeholder { color: #a8a8a8; } .selection-form__input::-ms-input-placeholder { color: #a8a8a8; } .selection-form__input::placeholder { color: #a8a8a8; } .selection-form__btn { flex-shrink: 0; padding: 14px 29px; border-radius: 5px; background-color: #004ac5; color: #ffffff; font-size: 13px; font-weight: 700; line-height: 24px; outline: none; border: 0; transition: background-color 0.3s; } .selection-form__btn:hover { background-color: #196efd; } @media(max-width: 1199px) { .selection-form { flex-wrap: wrap; } .selection-form__title { flex-basis: 100%; margin-right: 0; margin-bottom: 12px; } } @media(max-width: 991px) { .selection-form { flex-wrap: nowrap; flex-direction: column; align-items: flex-start; } .selection-form__inputs { width: 100%; } .selection-form__input { max-width: unset; flex-grow: 1; } .selection-form__input:last-child { margin-right: 0; } .selection-form__btn { margin-top: 15px; } } @media(max-width: 480px) { .choice-search { padding: 0 30px; } .choice-search-form { flex-direction: column; align-items: flex-start; } .choice-search-form__input { margin-right: 0; } .choice-search-form__btn { width: 100%; margin-top: 15px; text-align: center; } .choice-tabs { padding: 40px 30px 0; } .choice-tabs__nav { flex-direction: column; width: 100%; } .choice-tabs__link { width: 100%; text-align: center; } .selection-form__inputs { flex-direction: column; } .selection-form__input { margin-right: 0; } .selection-form__input:last-child { margin-top: 15px; } .selection-form__btn { width: 100%; text-align: center; } } .b-content .m-categories-list_item { padding: 70px 40px 26px; } .b-content .m-categories-list_item_img { display: flex; align-items: center; justify-content: center; width: 127px; height: 88px; margin: 0 auto 36px; } .b-content .m-categories-list_item_title { line-height: 22px; } .b-content .m-categories-list { margin-bottom: 56px; } .b-content .e-link { font-size: 16px; font-weight: 700; line-height: 24px; } @media only screen and (min-width: 768px) { .b-content .m-wysiwyg { font-size: 16px; line-height: 24px; } .b-content .m-wysiwyg ul { line-height: 24px; } } /* products blocks */ .products-blocks { margin-bottom: 57px; } .products-blocks-item { position: relative; display: flex; flex-direction: column; width: 100%; margin-bottom: 40px; background-color: #fff; border-radius: 10px; transition: box-shadow 0.4s ease; } .products-blocks-item:hover { box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .products-blocks-item:hover .products-blocks-item__hover-content { display: block; box-shadow: 0 23px 35px rgba(0, 0, 0, 0.1); } .products-blocks-item__img-wrap { width: 100%; height: 212px; } .products-blocks-item__img { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 10px 10px 0 0; overflow: hidden; } .products-blocks-item__img img { max-width: 100%; } .products-blocks-item__info { padding: 20px 20px 13px; } .products-blocks-item__title { display: block; margin-bottom: 12px; color: #191919; font-size: 16px; font-weight: 500; line-height: 20px; } .products-blocks-item__chars {} .chars {} .chars__property { display: flex; align-items: flex-end; justify-content: space-between; padding: 7px 0; color: #191919; font-size: 13px; font-weight: 400; line-height: 16px; border-bottom: 1px solid #ededed; } .chars__property:last-child { border-bottom: none; } .chars__property-name { flex-basis: 68%; padding-right: 10px; } .chars__property-value { flex-basis: 32%; text-align: right; } .products-blocks-item__hover-content { position: absolute; top: 98%; left: 0; right: 0; padding: 10px 20px 23px; display: none; background-color: #fff; border-radius: 0px 0px 10px 10px; transition: box-shadow 0.4s ease; z-index: 1; /* box-shadow: 0 23px 35px rgba(0, 0, 0, 0.1); */ } @media(max-width: 991px) { .products-blocks-item__hover-content { position: static; display: block; margin-top: auto; } } @media(max-width: 575px) { .col-12 { width: 100%; } } .products-blocks-item__btn .e-blue-btn { width: 100%; text-align: center; } /* Часто задаваемые вопросы внутри каталога */ .faq__section-title { margin: 72px 0 44px } @keyframes spoiler { 0% { opacity: 0; } 100% { opacity: 1; } } /* FAQ ACCORDION */ .faq .m-form { margin-top: 104px; } .faq .m-form_title { margin: 0 0 41px; } .accordion { margin-bottom: 16px; border-radius: 10px; background-color: #fff; } .accordion:last-of-type { margin-bottom: 0; } .accordion.opened .accordion__body { display: block; } .accordion.opened .accordion__head:after { transform: rotate(180deg); /* top: 37px; */ } .accordion.opened .accordion__body { animation: spoiler 1s; } .accordion.opened .accordion__head { /* padding-top: 37px; */ padding-bottom: 27px; } .accordion__head { /* display: flex; */ /* justify-content: space-between; */ position: relative; padding: clamp(16px,1.736vw,25px) clamp(64px,8.681vw,125px) clamp(16px,1.736vw,25px) clamp(16px,2.778vw,40px); /* 1440 */ cursor: pointer; } .accordion__head:after { content: ""; position: absolute; top: 31px; right: clamp(16px,2.778vw,40px); /* 1440 */ flex-shrink: 0; width: clamp(20px,1.875vw,27px); /* 1440 */ height: clamp(12px,0.972vw,14px); /* 1440 */ /* margin-top: 6px; */ background: url('/local/templates/oilpump/./img/icons/svg/arrow-down-icon.svg') center no-repeat; background-size: contain; transition: transform 0.3s ease; } .accordion__head:hover .accordion__title { border-bottom-color: #babbbf; } .accordion__title { /* margin-right: 57px; */ color: #191919; font-size: clamp(16px,1.389vw,20px); /* 1440 */ font-weight: 500; line-height: 24px; border-bottom: 1px dotted transparent; transition: all 0.3s; } .accordion__body { display: none; padding: 0 clamp(16px,2.778vw,40px) clamp(16px,2.5vw,36px); /* 1440 */ font-size: 16px; line-height: 24px; } .accordion__text { padding-right: 50px; } .accordion__text p { margin: 0 0 14px; color: #191919; font-size: 16px; font-weight: 300; line-height: 24px; } .accordion__text p { line-height: 24px; } .accordion__text p:last-child { margin-bottom: 0; } @media(max-width: 575px) { .accordion__text { padding-right: 0; } } .search-result-text { margin: -8px 0 33px; color: #191919; font-size: 16px; font-weight: 300; line-height: 24px; } .search-result-text__name { color: #004ac5; } .b-content .m-form { margin-bottom: 0; } /* PROJECTS */ .projects { margin-bottom: 30px; } .projects__item:not(:last-of-type) { margin-bottom: 18px; } .projects-item { display: flex; padding: 40px; border-radius: 10px; background-color: #fff; transition: box-shadow 0.4s ease; } .projects-item:hover { box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .projects-item__info { margin-right: 41px; } .projects-item__title { display: block; margin-bottom: 20px; color: #004ac5; font-size: 16px; font-weight: 500; line-height: 20px; transition: color 0.3s; } .projects-item__title:hover { color: #196efd; } .projects-item__text { color: #191919; font-size: 14px; font-weight: 300; line-height: 22px; } .projects-item__text p { margin: 0 0 14px; line-height: 22px; } .projects-item__text p:last-child { margin-bottom: 0; } .projects-item__btn { margin-top: 24px; } .projects-item__btn .e-blue-btn { padding: 9px 30px; font-size: 13px; font-weight: 700; line-height: 24px; } .projects-item__img-wrap { flex-shrink: 0; width: 215px; height: 160px; border-radius: 5px; overflow: hidden; margin-left: auto } .projects-item__img { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .projects-item__img img { max-width: 100%; } @media(max-width: 991px) { .projects-item { flex-direction: column; } .projects-item__info { order: 1; margin-right: 0; } .projects-item__img-wrap { margin-bottom: 28px; margin-left: 0 } } @media(max-width: 575px) { .projects-item { padding: 32px; } .projects-item__text { display: none; } } /* PROJECT */ .project .products-blocks { margin-bottom: 0; } .project__task { margin-bottom: 65px; } .project-task { padding: 35px 40px 34px; border-radius: 10px; background-color: #004ac5; color: #fff; } .project-task__title { margin: 0 0 18px; font-size: 20px; font-weight: 500; line-height: 24px; color: #fff; } .project-task__text { font-size: 16px; font-weight: 300; line-height: 24px; } .project__solution { margin-bottom: 55px; } .project-solition__title { margin-bottom: 28px; color: #191919; font-size: 20px; font-weight: 500; line-height: 24px; } .project-solution__text { color: #191919; font-size: 16px; font-weight: 300; line-height: 24px; } .project-solution__text p { line-height: 24px; } .project-solution__text img { max-width: 100%; height: auto; margin: 5px 0 4px; border-radius: 10px; } .project-products__title { margin: 0 0 35px; color: #191919; font-size: 20px; font-weight: 500; line-height: 24px; } @media(max-width: 575px) { .project-task { padding: 32px; } } /* REVIEWS */ .reviews {} .reviews__items { margin-bottom: 30px; } .reviews__item:not(:last-of-type) { margin-bottom: 18px; } .reviews-item { display: flex; padding: 40px 40px 38px; border-radius: 10px; background-color: #fff; transition: box-shadow 0.4s ease; } .reviews-item:hover { box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } /* .reviews-item__info { margin-right: 34px; } */ .reviews-item__info {} .reviews-item__title { margin-bottom: 20px; color: #004ac5; font-size: 16px; font-weight: 500; line-height: 15px; } .reviews-item__text { color: #191919; font-size: 14px; font-weight: 300; line-height: 22px; } .reviews-item__text p { margin: 0 0 14px; line-height: 22px; } .reviews-item__text p:last-child { margin-bottom: 0; } .reviews-item__date { margin-top: 18px; color: #858790; font-size: 14px; font-weight: 300; line-height: 14px; } .reviews-item__img-wrap { flex-shrink: 0; margin-left: 34px; width: 178px; height: 250px; padding: 12px 9px; border-radius: 5px; border: 1px solid #eee; background-color: #fff; } .reviews-item__img-wrap img { max-width: 100%; max-height: 100%; width: 100%; } @media(max-width: 991px) { .reviews-item__img-wrap { display: none; } } @media(max-width: 575px) { .reviews-item { padding: 32px; } } /* PHOTOGALLERY */ .photogallery {} .photogallery__item { width: 100%; margin-bottom: 60px; } .photogallery__item:hover .photogallery-item__img { transform: scale(1.1); } .photogallery-item {} .photogallery-item__img-wrap { width: 100%; margin-bottom: 20px; border-radius: 10px; overflow: hidden; } .photogallery-item__img { display: block; width: 100%; /* height: 100%; */ padding-bottom: 72.6%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: transform 0.3s; } .photogallery-item__title { display: block; color: #191919; font-size: 16px; font-weight: 500; line-height: 20px; } .photogallery-item__label { display: inline-block; margin-top: 11px; padding: 3px 19px; border-radius: 15px; background-color: #004ac5; color: #fff; font-size: 12px; font-weight: 300; line-height: 24px; } @media(max-width: 575px) { .photogallery__item { margin-bottom: 40px; } } /* PHOTOGALLERY ELEMENT */ .photogallery-element {} .photogallery-element__text { margin-bottom: 53px; color: #191919; font-size: 16px; font-weight: 300; line-height: 24px; } .photogallery-element__text p { margin: 0 0 14px; line-height: 24px; } .photogallery-element__images a { margin-bottom: 40px; border-radius: 10px; overflow: hidden; } .photogallery-element__images a:hover img { transform: scale(1.1); } .photogallery-element__images img { max-width: 100%; height: auto; transition: transform 0.3s ease; } .lightboxOverlay { background-color: #004ac5; opacity: 0.9; } .lb-outerContainer { border-radius: 10px; } .lb-nav { width: 100vw; left: 50%; transform: translateX(-50%); } .lb-nav a.lb-prev { width: 7%; margin-left: 7%; background-image: url('/local/templates/oilpump/img/icons/svg/left-arrow-icon.svg'); opacity: 1; } .lb-nav a.lb-prev:hover { opacity: 0.5; } .lb-nav a.lb-next { width: 7%; margin-right: 7%; background-image: url('/local/templates/oilpump/img/icons/svg/right-arrow-icon.svg'); opacity: 1; } .lb-nav a.lb-next:hover { opacity: 0.5; } .lightbox .lb-image { border-radius: 10px; border: none; } .lb-data .lb-close { width: 21px; height: 21px; margin-top: 40px; margin-right: 40px; background-image: url('/local/templates/oilpump/img/icons/svg/close-icon.svg'); } .lb-dataContainer { position: fixed; top: 0; width: 100% !important; } @media(max-width: 575px) { .lb-data .lb-close { margin-top: 20px; margin-right: 20px; } } /* DOCUMENTATION */ .documentation {} .documentation-item { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; margin-bottom: 40px; padding: 68px 40px 27px; border-radius: 10px; background-color: #fff; } .documentation-item__img { display: flex; align-items: center; justify-content: center; width: 50px; height: 55px; margin-bottom: 39px; } .documentation-item__title { color: #191919; font-size: 16px; font-weight: 700; line-height: 22px; text-decoration: none; } .documentation-item__title::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } /* DOCUMENTATION CATEGORY */ .documentation-category {} .documentation-category__items {} .documentation-category__item { margin-bottom: 18px; } .documentation-category-item { padding: 35px 40px 20px; border-radius: 10px; background-color: #fff; } .documentation-category-item__title { margin-bottom: 22px; color: #004ac5; font-size: 16px; font-weight: 500; line-height: 20px; } .documentation-category-item__links { display: flex; flex-wrap: wrap; margin: 0 -21px; } .documentation-category-item__link { display: inline-block; flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 21px; margin-bottom: 15px; color: #191919; font-size: 14px; font-weight: 300; line-height: 19px; } .documentation-category-item__link span { border-bottom: 1px solid #babbbf; transition: all 0.3s ease; } .documentation-category-item__link:hover span { border-bottom-color: transparent; } @media(max-width: 767px) { .documentation-category-item__link { flex: 0 0 50%; max-width: 50%; } } @media(max-width: 575px) { .documentation-category-item__link { flex: 0 0 100%; max-width: 100%; } .documentation-category-item { padding: 32px; } } /* NEW PRODUCT CARD */ /* .n-product-card { padding: 0 20px; } */ .n-product-card__info-block { display: flex; margin-bottom: 97px; } .n-product-card__slider { max-width: 428px; width: 100%; margin-right: 42px; position: relative; } .n-product-card-slider__top { margin-bottom: 14px; } .n-top-slider { border-radius: 10px; background-color: #ffffff; padding: 56px 38px; } .n-top-slider:not(.slick-initialized) { display: flex; } .n-top-slider__item { position: relative; min-height: 217px; } .n-top-slider__item img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); } .n-bottom-slider:not(.slick-initialized) { display: flex; } .n-bottom-slider:not(.slick-initialized) .n-bottom-slider__item { width: 134px; } .n-product-card-slider__bottom { margin: 0 -7px; } .n-bottom-slider__item { position: relative; min-height: 100px; margin: 0 7px; /* padding: 22px 19px; */ background-color: #fff; border-radius: 5px; border: 2px solid transparent; } .n-bottom-slider__item.slick-current { border-color: #004ac5; } .n-bottom-slider__item img { position: absolute; top: 50%; left: 50%; max-width: 72%; max-height: 72%; transform: translate(-50%, -50%); } @media screen and (max-width: 475px) { .n-bottom-slider__item { aspect-ratio: 134/100; min-height: auto; } } .n-product-card__arrows { position: absolute; left: -24px; top: calc(100% - 50px - 14px); margin: 0; width: calc(100% + 48px); } .n-product-card__arrows .slick-arrow { top: 0; transform: translateY(0); } .n-product-card__arrows .slick-arrow { width: 15px; height: 27px; } .n-product-card__arrows .slick-prev { background-image: url('/local/templates/oilpump/img/icons/svg/icon-left-arrow.svg'); background-position: center; transition: 0.3s ease; left: 0; } .n-product-card__arrows .slick-prev:hover:not(.slick-disabled) { background-image: url('/local/templates/oilpump/img/icons/svg/icon-left-arrow-blue.svg'); } .n-product-card__arrows .slick-prev.slick-disabled { background-position: 0; opacity: 0.5; cursor: default; } .n-product-card__arrows .slick-next { background-image: url('/local/templates/oilpump/img/icons/svg/icon-right-arrow.svg'); background-position: center; transition: 0.3s ease; right: 0; } .n-product-card__arrows .slick-next:hover:not(.slick-disabled) { background-image: url('/local/templates/oilpump/img/icons/svg/icon-right-arrow-blue.svg'); } .n-product-card__arrows .slick-next.slick-disabled { background-position: 0; opacity: 0.5; cursor: default; } .n-product-card__right { width: 100%; } .n-product-card__info { /* max-width: 700px; */ width: 100%; margin-bottom: 39px; padding: 40px; border-radius: 10px; background-color: #fff; } .n-product-info__tags { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 25px; } .n-product-info__tag { margin: 0 8px 10px 0; padding: 2px 24px 2px 20px; border-radius: 15px; border: 1px solid #004ac5; color: #004ac5; font-size: 12px; font-weight: 300; line-height: 24px; } .n-product-info__chars { max-width: 400px; margin-bottom: 30px; } .n-product-info__char { display: flex; align-items: center; padding: 7px 0; color: #191919; font-size: 16px; font-weight: 300; line-height: 24px; border-bottom: 1px solid #ededed; } .n-product-info__char-name { flex-basis: 80%; padding-right: 10px; } .n-product-info__char-value { flex-basis: 20%; } .n-product-info__price-wrap { margin-bottom: 44px; } .n-product-info__price { color: #191919; font-size: 28px; font-weight: 500; line-height: 32px; } .n-product-info__btn { margin-right: 16px; padding: 14px 29px; color: #fff; font-size: 13px; font-weight: 700; line-height: 24px; border-radius: 5px; text-transform: none; } .n-product-info__btn:focus { color: #fff; } .n-product-info__btn_yellow { height: auto; padding: 14px 29px; color: #191919; font-size: 13px; font-weight: 700; line-height: 24px; } .n-product-card__links {} .n-product-links { display: flex; align-items: center; background-color: #004ac5; border-radius: 10px; overflow: hidden; } .n-product-links__link { display: flex; align-items: center; flex-direction: column; flex: 0 0 20%; max-width: 20%; padding: 37px 25px 22px; background-color: #004ac5; transition: 0.3s ease; } .n-product-links__link:hover { background-color: #0957d9; } .n-product-links__link-img { display: flex; align-items: center; justify-content: center; width: 39px; height: 41px; margin-bottom: 14px; } .n-product-links__link-title { color: #ffffff; font-size: 12px; font-weight: 700; line-height: 24px; } .n-product-content .table-responsive { overflow: auto; } .n-product-content__chars { /* max-height: 300px; */ margin-bottom: 36px; /* overflow: hidden; */ } .n-product-content__chars-text { position: relative; height: 300px; max-width: 901px; width: 100%; color: #191919; font-size: 16px; font-weight: 300; line-height: 24px; overflow: hidden; transition: height 0.3s; } .n-product-content__chars-text:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; background: linear-gradient(to top, #f0f1f6, rgba(255, 255, 255, 0)); } .n-product-content__chars-text.open { height: auto; } .n-product-content__chars-text.open:after { display: none; } .n-product-content__chars-text p { margin: 0 0 14px; line-height: 24px; } .n-product-content__chars-text h2 { margin-bottom: 36px; color: #191919; font-size: 24px; font-weight: 700; line-height: 24px; } .n-product-content__chars-text h3:not(:first-child) { margin: 60px 0 33px; } .n-product-content__chars-text ul { color: #191919; font-size: 16px; font-weight: 300; line-height: 24px; } .n-product-content__chars-text ul li:not(:last-child) { margin-bottom: 13px; } .n-product-content__chars-text a { border-bottom: 1px solid #004ac5; transition: 0.3s ease; } .n-product-content__chars-btn { display: inline-block; margin-top: 36px; padding: 0; color: #191919; font-size: 16px; font-weight: 700; line-height: 24px; } .n-product-content__text { max-width: 901px; width: 100%; color: #191919; font-size: 16px; font-weight: 300; line-height: 24px; } .n-product-content__text p { margin: 0 0 14px; line-height: 24px; } .n-product-content__text h2 { margin-bottom: 36px; color: #191919; font-size: 24px; font-weight: 700; line-height: 24px; } .n-product-content__text h3 { margin: 60px 0 33px; } .n-product-content__text ul { color: #191919; font-size: 16px; font-weight: 300; line-height: 24px; } .n-product-content__text ul li:not(:last-child) { margin-bottom: 13px; } .n-product-content__text a { border-bottom: 1px solid #004ac5; transition: 0.3s ease; } .n-product-content__text a:after { content: ', '; /* display: inline-block; border-bottom: none; */ } .n-product-content__text a:hover { border-bottom-color: transparent; } .n-table { width: 475px; border-radius: 2px; /* border: 1px solid #dadbdf; */ background-color: #f0f1f6; border-color: #dadbdf; } .n-table th { padding: 12px 19px; background-color: #004ac5; color: #fff; font-size: 14px; font-weight: 300; line-height: 17px; text-align: left; } .n-table th:first-child { width: 77px; } .n-table th:not(:last-child) { border-right: 1px solid #2665ce; } .b-content .n-table td { padding: 11px 19px; color: #191919; font-size: 14px; font-weight: 300; line-height: 17px; text-align: left; border-color: #dadbdf; } .b-content .n-table { border-collapse: collapse; } .n-product-content__price { margin-top: 91px; } .n-product-content__price h2 { margin-bottom: 42px; } .n-product-content__price .n-table { width: 778px; } .n-product-content__price .n-table th:first-child { width: 200px; } @media(max-width: 1199px) { .n-product-card__info-block { flex-direction: column; } .n-product-card__slider { max-width: none; margin: 0 0 42px; } .n-product-card__arrows { display: none; } } @media(max-width: 767px) { .n-product-links { flex-wrap: wrap; } .n-product-links__link { flex: 0 0 50%; max-width: 50%; } } @media(max-width: 575px) { .n-product-card__slider { margin: 0 auto 32px; } .n-product-info__buttons { display: flex; flex-direction: column; } .n-product-info__btn { margin-right: 0; margin-bottom: 16px; text-align: center; } .n-product-card__info-block { margin-bottom: 65px; } } @media(max-width: 400px) { .n-product-info__btn { font-size: 12px; } } @media(max-width: 374px) { .n-product-card__info { padding: 24px; } .n-product-info__btn { padding: 14px 19px; } } /* ARTICLES */ .articles { margin-bottom: 30px; } .articles__item:not(:last-of-type) { margin-bottom: 18px; } .articles-item { display: flex; padding: 40px; border-radius: 10px; background-color: #fff; transition: box-shadow 0.4s ease; } .articles-item:hover { box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .articles-item__info { margin-right: 41px; } .articles-item__title { display: block; margin-bottom: 20px; color: #004ac5; font-size: 16px; font-weight: 500; line-height: 20px; transition: color 0.3s; } .articles-item__title:hover { color: #196efd; } .articles-item__text { color: #191919; font-size: 14px; font-weight: 300; line-height: 22px; } .articles-item__text p { margin: 0 0 14px; line-height: 22px; } .articles-item__text p:last-child { margin-bottom: 0; } .articles-item__btn { margin-top: 24px; } .articles-item__btn .e-blue-btn { padding: 9px 30px; font-size: 13px; font-weight: 700; line-height: 24px; } .articles-item__img-wrap { flex-shrink: 0; width: 215px; height: 160px; border-radius: 5px; overflow: hidden; } .articles-item__img { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .articles-item__img img { max-width: 100%; } @media(max-width: 991px) { .articles-item { flex-direction: column; } .articles-item__info { order: 1; margin-right: 0; } .articles-item__img-wrap { margin-bottom: 28px; } } @media(max-width: 575px) { .articles-item { padding: 32px; } .articles-item__text { display: none; } } .articles__filter { margin: 0 -7px 40px; } .filter { display: flex; flex-wrap: wrap; } .filter__item { flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 7px; } .select { position: relative; width: 100%; height: 100%; z-index: 1; } .select .choices { height: calc(100% - 26px); } .select .choices__inner { display: flex; justify-content: space-between; align-items: center; background-color: #fff; border-radius: 5px; width: 100%; height: 100%; min-height: 52px; padding: 15px 30px 13px 25px; color: #a8a8a8; font-size: 16px; font-weight: 300; line-height: 24px; cursor: pointer; user-select: none; border: 0; } .select .choices[data-type*='select-one'] .choices__inner { padding: 15px 30px 13px 25px; } .select .choices__list--single { padding: 0; } .select .choices[data-type*='select-one']:after { content: ''; right: 18px; flex-shrink: 0; width: 7px; height: 5px; margin: 0; background-image: url('/local/templates/oilpump/img/icons/svg/icon-arrow-down-small.svg'); background-size: 100%; background-repeat: no-repeat; border: none; transition: transform 0.3s ease; } .select .choices[data-type*='select-one'].is-open:after { margin: 0; transform: rotate(180deg); } .select .choices__placeholder { opacity: 1; } .select .choices__list--dropdown { top: calc(100% + 10px); left: 0; right: 0; margin-top: 0; box-shadow: 0 0 35px rgba(0, 0, 0, 0.25); border-radius: 5px; background-color: #ffffff; border: none; word-break: normal; z-index: 100; } .select .is-flipped .choices__list--dropdown { top: auto; margin-top: 0; margin-bottom: -1px; } .select .choices__list--dropdown .choices__list { margin: 0; padding: 13px 0; } .select .choices__list--dropdown .choices__item { padding: 4px 24px; font-size: 16px; font-weight: 300; line-height: 24px; } .select .choices__list--dropdown .choices__item--selectable.is-highlighted:after { display: none; } .select .choices__list--dropdown .choices__item--selectable.is-selected { color: #004ac5; } .select .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: transparent; } .select .choices__list--dropdown .choices__item--selectable:hover { color: #004ac5; transition: 0.3s color ease-in-out; } .recipes-page__title { display: block; margin-bottom: 10px; } /* .select__trigger { display: flex; justify-content: space-between; align-items: center; background-color: #fff; border-radius: 5px; width: 100%; height: 100%; padding: 15px 19px 13px 25px; color: #a8a8a8; font-size: 16px; font-weight: 300; line-height: 24px; cursor: pointer; user-select: none; border: 0; } .select__trigger::after { content: ''; flex-shrink: 0; width: 7px; height: 5px; background-image: url('/local/templates/oilpump/img/icons/svg/icon-arrow-down-small.svg'); background-size: 100%; background-repeat: no-repeat; transition: transform 0.3s ease; } .select__trigger:focus { outline: none; } .select__trigger-text { text-align: left; } .select_show .select__trigger::after { transform: rotate(180deg); } .select__dropdown { display: none; position: absolute; top: calc(100% + 10px); left: 0; right: 0; box-shadow: 0 0 35px rgba(0, 0, 0, 0.25); border-radius: 5px; background-color: #ffffff; z-index: 1000; } .select_show .select__dropdown { display: block; } .select_show .select__backdrop { display: block; } .select__items { margin: 0; padding: 13px 0; list-style: none; } .select__item { padding: 4px 24px; } .select__item:before { display: none; } .select__item_selected { display: flex; align-items: center; justify-content: space-between; color: #004ac5; } .select__item:hover { cursor: pointer; transition: 0.3s color ease-in-out; color: #004ac5; } .select__backdrop { position: fixed; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; display: none; background-color: transparent; } */ @media only screen and (max-width: 575px) { .filter__item { flex: 0 0 100%; max-width: 100%; margin-bottom: 14px; } .select { z-index: unset; } } .tags { display: flex; align-items: center; flex-wrap: wrap; } .tags__item { margin: 0 10px 10px 0; padding: 2px 20px 2px 20px; border-radius: 15px; border: 1px solid #004ac5; color: #004ac5; font-size: 12px; font-weight: 300; line-height: 24px; } /* ARTICLE */ .article__tags { margin-bottom: 51px; } .article__content { color: #191919; font-size: 16px; font-weight: 300; line-height: 24px; } .article__content p { line-height: 24px; } .article__content img { max-width: 100%; height: auto; margin: 5px 0 4px; border-radius: 10px; } .autocomplete { display: none; position: absolute; left: 0; top: 100%; width: calc(100% - 145px); background-color: #fff; padding: 18px 22px; border-radius: 5px; box-shadow: 3px 4px 30px rgba(0,0,0,.15); z-index: 95; } .autocomplete-show { display: block; } .autocomplete__list { margin: 0; padding: 0; list-style: none; } .autocomplete__item { padding: 4px 0; font-size: 15px; font-weight: 400; line-height: 24px; cursor: default; transition: 0.3s; } .autocomplete__item:hover { color: #004ac5; } .autocomplete__item:before { display: none; } @media(max-width: 480px) { .autocomplete { top: 44%; width: 100%; } } .gm-style .gm-style-iw-c { padding: 0; } .gm-style .gm-style-iw-d { overflow: auto !important; } .gm-ui-hover-effect { top: 0 !important; right: 0 !important; } .m-modal-orderRequest .form__row .b-file-select { position: static !important; cursor: pointer; } .l-footer_developer span:nth-child(2){ white-space: nowrap; } .n-product-info__buttons .n-product-info__btn{ margin-right: 0px; width: 100%; text-align: center; margin-bottom: 10px; } .n-product-content__chars-btn.e-link.e-link--yellow{ border-bottom: 2px dotted #ffc000; transition: all 0.3s; } .n-product-content__chars-btn.e-link.e-link--yellow:hover{ border-bottom-color: transparent; transition: all 0.3s; } .n-product-info__btn_yellow:focus { color: #191919; } @media(max-width: 1229px){ .l-footer_developer{ margin-right: 25px } } @media(max-width: 1199px){ .l-footer_developer{ margin-right: 0px } } .message.success{ margin-bottom: 10px; } .answer-question-block-item-answer { color: #333; font-size: 16px; line-height: 1.75rem; margin-top: 20px; } .industry_properties-item { margin-bottom: 20px; } @media screen and (max-width: 767px) { #pumping_units .row > div { margin: 8px 0; } #pumping_units .row > div:first-child { margin-top: 0; } #pumping_units .row > div:last-child { margin-bottom: 0; } #pumping_station .row > div { margin: 8px 0; } #pumping_station .row > div:first-child { margin-top: 0; } #pumping_station .row > div:last-child { margin-bottom: 0; } } @media screen and (max-width: 550px) { #pumping_units .b-form__row:last-child, #pumping_station .b-form__row:last-child { margin-bottom: 0; } } @media screen and (max-width: 1023px) { .left-sidebar__wrapper { display: none; ~ div { width: 100%; } } } .table-responsive { overflow: auto; } /* End */ /* /local/templates/oilpump/css/jquery.mCustomScrollbar.css?158304280153583 */ /* /local/templates/oilpump/css/jquery-ui.css?158304280137633 */ /* /local/templates/oilpump/css/search-autocomplete.css?15830428011466 */ /* /local/templates/oilpump/template_styles.css?1756278114338602 */