/* Start:/local/templates/main_new/css/jquery.formstyler.css?15434814942175*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/local/templates/main_new/css/jquery.mCustomScrollbar.css?154348149453583*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/main_new/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/main_new/css/jquery.fancybox.min.css?154348149413735*/ @charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main_new/css/slick.css?15434814941776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/main_new/css/main.css?1787909665109613*/ @charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&subset=cyrillic'); @font-face { font-family: 'icomoon'; src: url('/local/templates/main_new/css/../fonts/icomoon.eot'); src: url('/local/templates/main_new/css/../fonts/icomoon.eot#iefix') format('embedded-opentype'), url('/local/templates/main_new/css/../fonts/icomoon.ttf') format('truetype'), url('/local/templates/main_new/css/../fonts/icomoon.woff') format('woff'), url('/local/templates/main_new/css/../fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/local/templates/main_new/css/../fonts/Roboto.woff2') format('woff2'), url('/local/templates/main_new/css/../fonts/Roboto.woff') format('woff'), url('/local/templates/main_new/css/../fonts/Roboto.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/local/templates/main_new/css/../fonts/Robotoitalic.woff2') format('woff2'), url('/local/templates/main_new/css/../fonts/Robotoitalic.woff') format('woff'), url('/local/templates/main_new/css/../fonts/Robotoitalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('/local/templates/main_new/css/../fonts/Robotolight.woff2') format('woff2'), url('/local/templates/main_new/css/../fonts/Robotolight.woff') format('woff'), url('/local/templates/main_new/css/../fonts/Robotolight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/local/templates/main_new/css/../fonts/Robotomedium.woff2') format('woff2'), url('/local/templates/main_new/css/../fonts/Robotomedium.woff') format('woff'), url('/local/templates/main_new/css/../fonts/Robotomedium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/local/templates/main_new/css/../fonts/Robotobold.woff2') format('woff2'), url('/local/templates/main_new/css/../fonts/Robotobold.woff') format('woff'), url('/local/templates/main_new/css/../fonts/Robotobold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'icomoon'; src: url('/local/templates/main_new/css/../fonts/icomoon.eot'); src: url('/local/templates/main_new/css/../fonts/icomoon.eot#iefix') format('embedded-opentype'), url('/local/templates/main_new/css/../fonts/icomoon.ttf') format('truetype'), url('/local/templates/main_new/css/../fonts/icomoon.woff') format('woff'), url('/local/templates/main_new/css/../fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-user:before { content: "\e907"; } .icon-arrow-r:before { content: "\e900"; } .icon-arrow-l:before { content: "\e901"; } .icon-arrow-t:before { content: "\e902"; } .icon-arrow-b:before { content: "\e903"; } .icon-arrow-l-double:before { content: "\e904"; } .icon-arrow-r-double:before { content: "\e905"; } .icon-cart:before { content: "\e906"; } html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.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: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; /* 2 */ } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } a { text-decoration: none; color: #078fed; -webkit-transition: color 300ms, border-bottom-color 300ms; -o-transition: color 300ms, border-bottom-color 300ms; transition: color 300ms, border-bottom-color 300ms; } a:hover { text-decoration: none; color: black; } img { max-width: 100%; width: auto; height: auto; border: 0; } .row:after, .clearfix:after { content: ' '; display: table; clear: both; } .container { width: 1270px; margin: 0 auto; padding: 0 15px; } .btn { /* iOS reset style*/ -webkit-appearance: none; border-radius: 0; border: 0; background-color: #4d4d4d; color: #ffffff; font-family: Roboto; font-size: 16px; font-weight: 500; border: 0; display: inline-block; line-height: 1; height: auto; outline: none; text-align: center; padding: 12px 5px; border: 2px solid #4d4d4d; -webkit-transition: border-color 300ms, background-color 300ms, color 300ms; -o-transition: border-color 300ms, background-color 300ms, color 300ms; transition: border-color 300ms, background-color 300ms, color 300ms; } .btn:hover { background-color: #078fed; border-color: #078fed; color: white; } .btn.color-btn { background-color: #078fed; border-color: #078fed; } .btn.color-btn:hover { background-color: white; color: #078fed; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } body { background: white; font-family: Roboto, Helvetica, sans-serif; line-height: 1.5; min-width: 320px; } .header { background-color: #4d4d4d; color: white; line-height: 1; position: relative; z-index: 4; } .h-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .logo { text-decoration: none; display: block; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; flex-direction:column; } .hl-col { -ms-flex-item-align: center; align-self: center; } .login:hover, .cart:hover, .logo:hover { color: white; } .logo-l { letter-spacing: 0.78px; display: block; font-size: 26px; font-weight: 700; text-transform: uppercase; } .logo-text { font-size: 13px; font-weight: 400; display: block; margin-left: 25px; width: 153px; line-height: 1.2; } .nav { flex-grow: 1; width: 1%; } .nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0 0 0 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } .nav-list > li { list-style: none; display: block; margin: 0 5px } .nav-list > li > a { color: white; font-size: 14px; text-decoration: none; padding: 28px 5px; display: block; position: relative; -webkit-transition: background-color 300ms; -o-transition: background-color 300ms; transition: background-color 300ms; } .login:before, .cart:before, .nav-list > li > a:before { content: ' '; position: absolute; bottom: 0; right: 0; left: 0; height: 0; background-color: white; -webkit-transition: height 300ms; -o-transition: height 300ms; transition: height 300ms; } .login:hover:before, .cart:hover:before, .nav-list > li > a:hover:before { height: 5px; } .other-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; } .h-fdbk-box { border: 1px solid #e6e6e6; background-color: #ffffff; padding: 17px 16px 13px 16px; text-align: right; margin-bottom: -19px; } .h-tel { color: #078fed; text-decoration: none; font-size: 18px; font-weight: 700; display: block; margin-bottom: 5px; } .clbk-open { display: inline-block; color: #078fed; font-size: 13px; font-weight: 500; text-decoration: none; border-bottom: 1px dashed #078fed; padding: 1px 0; -webkit-transition: border-bottom-color 300ms; -o-transition: border-bottom-color 300ms; transition: border-bottom-color 300ms; } .clbk-open:hover { border-bottom-color: rgba(7, 143, 237, 0); } .h-tel:hover, .clbk-open:hover { color: #078fed; } .login, .cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: white; padding: 0 10px; position: relative; } .cart i .cart-count { position: absolute; display: block; top: 8px; left: 0; width: auto; right: 5px; text-align: center; color: #4d4d4d; font-size: 10px; font-weight: 700; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; } .login i, .cart i { display: block; font-size: 30px; position: relative; } .login > span, .cart > span { color: #cfcfcf; font-size: 12px; display: block; margin-left: 14px; width: 85px; } .login span b, .cart span b { display: block; color: #ffffff; font-size: 14px; font-weight: 500; } .login { border-left: 1px solid #707070; line-height: 1.2; padding-left: 16px; } .login i { font-size: 26px; } .login > span { width: 75px; } h1, .caption { font-size: 35px; font-weight: 300; text-align: center; margin-bottom: 22px; margin-top: 10px; display: block; } .subcaption { display: block; font-size: 24px; } .top-search { color: white; background-image: -o-radial-gradient(center, ellipse, #078fed 0%, #03abdb 100%); background-image: radial-gradient(ellipse at center, #078fed 0%, #03abdb 100%); padding: 25px 0 1px 0; } .top-search h1, .top-search .caption { line-height: 1.75; } .search-wrapper { width: 610px; margin-left: auto; margin-right: auto; margin-bottom: 30px; max-width: 100%; } .s-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .s-input { width: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } .s-input input { width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid white; border-right: 0; background-color: #ffffff; color: #078fed; font-size: 16px; font-weight: 300; padding: 0 13px; height: 53px; margin-bottom: 0; border-radius: 0; -webkit-appearance: none; border-radius: 0; border: 0; } .s-input input::-webkit-input-placeholder { color: #4d4d4d; } .s-input input:-ms-input-placeholder { color: #4d4d4d; } .s-input input::-ms-input-placeholder { color: #4d4d4d; } .s-input input::-webkit-input-placeholder { color: #4d4d4d; } .s-input input:-ms-input-placeholder { color: #4d4d4d; } .s-input input::placeholder { color: #4d4d4d; } .s-btn { background-color: #4d4d4d; border: 0; height: auto; padding: 16px 34px; color: #ffffff; font-size: 14px; font-weight: 500; display: block; margin: 0; border: 2px solid #4d4d4d; -webkit-appearance: none; border-radius: 0; -webkit-transition: border-color 300ms, background-color 300ms, color 300ms; -o-transition: border-color 300ms, background-color 300ms, color 300ms; transition: border-color 300ms, background-color 300ms, color 300ms; } .s-btn:hover { border-color: white; border-left-color: #078fed; background-color: white; color: #078fed; } .drop-down { position: absolute; top: 100%; left: 0; background-color: white; display: none; z-index: 11; border: 2px solid #078fed; border-top: none; right: -2px; } .top-search .drop-down { border: 0; border-top: 2px solid #078fed; right: 0; } .drop-down-list { margin: 0; padding: 8px 0; } .drop-down-list > li { display: block; } .drop-down-list > li > a { color: #4d4d4d; font-size: 16px; font-weight: 300; text-decoration: none; display: block; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; padding: 5px 15px; } .drop-down-list > li > a:hover { color: #078fed; } .ts-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 66px -5px 3px -5px; padding: 0; } .ts-list > li { display: block; /*width: 16.6666%;*/ width: 20%; text-align: center; padding: 10px 5px; } .manufacturer { padding-top: 35px; padding-bottom: 30px; } .ma-list { margin: 32px 0 0 0; padding: 0; -webkit-column-count: 6; column-count: 6; } .ma-list > li { display: block; padding-left: 28px; padding-right: 10px; line-height: 1.3; margin-top: 0; margin-bottom: 7px; -webkit-column-break-inside: avoid; break-inside: avoid-column; } .ma-list > li > a { color: #000000; font-size: 16px; font-weight: 400; text-decoration: none; position: relative; display: block; padding: 4px 0; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .ma-list > li > a:hover { color: #078FED; } .first-letter { margin-left: -28px; margin-right: 2px; display: inline-block; width: 26px; color: #078fed; font-size: 18px; font-weight: 700; line-height: 1; } .ma-wrapper { max-height: 398px; position: relative; overflow: hidden; -webkit-transition: max-height 800ms; -o-transition: max-height 800ms; transition: max-height 800ms; } @-moz-document url-prefix() { .ma-wrapper { max-height: 408px; } } .ma-list > li.container-show-btn { position: relative; } .ma-list > li.container-show-btn a { opacity: 0; pointer-events: none; z-index: -1; position: relative; } .ma-list > li.container-show-btn .ca-show { display: inline-block; position: absolute; top: 4px; left: 28px; } .ca-show { cursor: pointer; color: #078fed; font-family: Roboto; font-size: 16px; font-weight: 500; border-bottom: 1px dashed; -webkit-transition: color 300ms, border-bottom-color 300ms; -o-transition: color 300ms, border-bottom-color 300ms; transition: color 300ms, border-bottom-color 300ms; /*update 13.08.19*/ display: block; width: 109px; margin: 20px auto; /* /up */ } .ca-show:hover { color: black; border-bottom-color: black; } .ma-list:not(.loading) > li { -webkit-transition: opacity 800ms; -o-transition: opacity 800ms; transition: opacity 800ms; } .edge { padding-top: 43px; padding-bottom: 40px; margin-bottom: 60px; } .ed-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 35px -10px 0 -10px; padding: 0; } .ed-list > li { width: 25%; padding: 0 10px; display: block; } .ed-box { border: 1px solid #e6e6e6; background-color: #ffffff; text-align: center; padding: 50px 0; min-height: 100%; } .ed-text { display: block; margin-top: 18px; line-height: 1.3; } .ed-img { width: 90px; height: 60px; display: block; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sd-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sd-col-form, .sd-col-text { width: 49.2%; } .sd-col-text .caption { text-align: left; } .sd-col-text { padding-top: 87px; } .sd-col-text p { width: 500px; max-width: 100%; } .sd-col-text p a { font-weight: 500; display: inline-block; } .sd-form { background-color: #f8f8f8; padding: 42px 105px 60px 105px; } input::-webkit-input-placeholder { color: #4d4d4d; } input:-ms-input-placeholder { color: #4d4d4d; } input::-ms-input-placeholder { color: #4d4d4d; } input::-webkit-input-placeholder { color: #4d4d4d; } input:-ms-input-placeholder { color: #4d4d4d; } input::placeholder { color: #4d4d4d; } input { height: 40px; border: 0; border-bottom: 1px solid #dbdbdb; padding: 0; margin-bottom: 10px; color: #078fed; font-size: 16px; font-weight: 400; background: transparent } .sd-form input:not(.btn) { width: 100%; /* margin-bottom: 20px;*/ } .placeholder-toggle input { width: 100%; margin-bottom: 0; } .placeholder-toggle { position: relative; display: block; margin-top: 20px; margin-bottom: 10px; } .placeholder-toggle .placeholder { position: absolute; z-index: 1; top: 50%; left: 1px; right: 0; margin-top: -13px; color: #000000; font-size: 16px; font-weight: 400; cursor: text; -webkit-transition: font-size 300ms, -webkit-transform 200ms; transition: font-size 300ms, -webkit-transform 200ms; -o-transition: font-size 300ms, transform 200ms; transition: font-size 300ms, transform 200ms; transition: font-size 300ms, transform 200ms, -webkit-transform 200ms; } .placeholder-toggle.active .placeholder { font-size: 13px; -webkit-transform: translate3d(0, -19px, 0); transform: translate3d(0, -19px, 0); } .f-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .jq-radio { width: 20px; height: 20px; border: 1px solid #e6e6e6; background-color: #ffffff; border-radius: 50%; display: inline-block; vertical-align: middle; cursor: pointer; position: relative; } .jq-radio__div { position: absolute; top: 4px; right: 4px; bottom: 4px; left: 4px; background-color: #078fed; border-radius: 50%; opacity: 0; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .jq-radio.checked .jq-radio__div { opacity: 1; } .jq-selectbox { display: block; background-color: transparent; position: relative; /* height: 40px;*/ border-bottom: 1px solid #dbdbdb; } .jq-selectbox__select { height: 100%; cursor: pointer; } .jq-selectbox__select-text { line-height: 40px; vertical-align: middle; position: relative; padding-right: 17px; } .jq-selectbox__select-text:before { content: '\e903'; position: absolute; right: 1px; font-family: icomoon; top: 50%; line-height: 1; margin-top: -4px; font-size: 11px; color: #078fed; } .jq-selectbox.dropdown .jq-selectbox__select-text:before { content: '\e902'; } .jq-selectbox__dropdown { background-color: #4d4d4d; left: 0; width: 100%; color: white; font-size: 16px; font-weight: 400; max-height: 205px; overflow: hidden; padding: 21px 0; } .jq-selectbox__dropdown ul { margin: 0; padding: 0; line-height: 1.3; overflow: visible; overflow-x: visible; max-height: none !important; } .jq-selectbox__dropdown ul > li { display: block; padding: 7px 13px; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; cursor: pointer; } .jq-selectbox__dropdown ul > li:first-child { padding-top: 0; } .jq-selectbox__dropdown ul > li:last-child { padding-bottom: 0; } .jq-selectbox__dropdown ul > li:hover { color: #078fed; } .select { margin-bottom: 20px; } .radio .jq-radio { position: absolute; left: 0; top: 1px; } .radio { padding-left: 35px; font-size: 14px; position: relative; cursor: pointer; display: inline-block; } .radio:hover .jq-radio:not(.checked) .jq-radio__div { opacity: 0.1; } .f-title { display: block; margin-top: 7px; margin-bottom: 7px; } .cpb-wrapper .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .jq-selectbox__dropdown .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 2px; border-radius: 0; background-color: #707070; } .cpb-wrapper .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .jq-selectbox__dropdown .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #767676; border-radius: 0; width: 6px; } .jq-selectbox__dropdown .mCSB_scrollTools { right: 8px; } .jq-selectbox__dropdown .mCSB_inside > .mCSB_container { margin-right: 25px; } .f-half { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .f-half > * { width: calc(50% - 10px); } .f-toggle-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: left; } .f-half + .placeholder-toggle { margin-top: 0; } .f-half.f-btn-wrapper { margin-top: 29px; margin-bottom: 11px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .f-half.f-btn-wrapper .btn { width: 100%; margin-bottom: 0; } .f-toggle { margin-left: 2px; font-size: 16px; font-weight: 500; padding: 0; border-bottom: 1px dashed #078fed; color: #078fed; line-height: 1; display: inline-block; cursor: pointer; -webkit-transition: color 300ms, border-bottom-color 300ms; -o-transition: color 300ms, border-bottom-color 300ms; transition: color 300ms, border-bottom-color 300ms; } .f-toggle:hover { color: #4d4d4d; border-bottom-color: #4d4d4d; } .f-toggle.active .f-open-text, .f-close-text { display: none; } .f-toggle.active .f-close-text, .f-open-text { display: block; } .hidden-form { display: none; padding: 8px 0 1px 0; /* margin-top: 20px;*/ } .footer { background-color: #4d4d4d; padding-top: 12px; padding-bottom: 12px; } .f-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .f-flex a { text-decoration: none; font-size: 16px; font-weight: 400; } .f-flex a:not(.creator) { color: white; } .f-flex a.creator:hover { color: white; } .f-flex a + a { margin-left: 26px; } .err-msg { color: #DB3206; } .parsley-error .err-msg, .pl-text { display: block; } .err-msg, .parsley-error .pl-text { display: none; } .modal { width: 545px; max-width: calc(100% - 30px); padding: 33px 50px; overflow: visible; } .modal .caption { letter-spacing: 1.6px; } .fancybox-close-small { top: auto; bottom: 100%; margin-bottom: 8px; width: auto; padding: 0; height: auto; line-height: 1; } .fancybox-close-small:after { font-size: 34px; position: static; } .fancybox-close-small:hover:after { background: transparent; color: red; } .jq-checkbox { width: 20px; height: 20px; border: 1px solid #dbdbdb; background-color: #ffffff; display: inline-block; vertical-align: middle; } .jq-checkbox.checked .jq-checkbox__div { position: absolute; top: 4px; right: 4px; bottom: 4px; left: 4px; background-color: #078fed; } .modal .checkbox { font-size: 12px; font-weight: 400; /* line-height: 1;*/ } .checkbox { font-size: 14px; padding-left: 34px; position: relative; display: inline-block; } .checkbox > span { display: inline-block; } .checkbox .jq-checkbox { position: absolute; left: 0; top: 3px; } .m-btn-wrapper { margin-top: 30px; } .m-btn-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .m-btn-wrapper > div:nth-child(1) { width: 55%; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 3px; } .m-btn-wrapper > div:nth-child(2) { width: 42.8%; -ms-flex-negative: 0; flex-shrink: 0; } .close-modal, .m-btn-wrapper > div .btn { width: 100%; padding-top: 20px; padding-bottom: 20px; } .close-modal { width: 190px; margin-left: auto; margin-right: auto; display: block; } .modal { display: none; } .fancybox-bg { background-color: black; } .fancybox-is-open .fancybox-bg { opacity: 0.7; } .top-search.other { padding-top: 51px; padding-bottom: 20px; color: black; background: white; } .top-search.other .s-input input { border-color: #078fed; } .top-search.other .s-btn { background-color: #078fed; border-color: #078fed; } .top-search.other .s-btn:hover { background-color: white; } .head-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 15px; margin-bottom: 15px; } .sort-box { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sort-box .jq-selectbox { border: 1px solid #e6e6e6; width: 190px; margin-left: 20px; } .sort-box .jq-selectbox__select-text { line-height: 43px; padding-left: 10px; padding-right: 28px; } .sort-box .jq-selectbox__select-text:before { right: 13px; } .result span { color: #078fed; } .sort-box .jq-selectbox__dropdown { border: 1px solid #e6e6e6; background-color: #ffffff; color: black; left: -1px; width: calc(100% + 2px); } .stock { border: 1px solid #e6e6e6; background-color: #f8f8f8; padding: 29px 29px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; -webkit-transition: background-color 300ms; -o-transition: background-color 300ms; transition: background-color 300ms; } .stock:hover { background-color: white; } .pr-img, .st-img { display: block; width: 85px; border: 1px solid #e6e6e6; text-decoration: none; -ms-flex-negative: 0; flex-shrink: 0; } .pr-img img, .st-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .pr-img-container, .st-img-container { display: block; padding: 50% 0; position: relative; pointer-events: none; } .hover-zoom { position: absolute; max-width: 400px; max-height: 400px; background-color: white; border: 1px solid #e6e6e6; display: none; margin-left: 2px; } .hover-zoom img { display: block; max-width: 100%; } .st-info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 1%; } .st-title-box { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .st-title:hover { color: #078fed; } .st-title { color: #000000; font-size: 16px; font-weight: 500; display: block; text-decoration: none; max-width: 480px; position: relative; } .label { background-color: #ef9a08; display: block; color: #ffffff; font-size: 14px; font-weight: 500; text-decoration: none; padding: 5px 30px; margin-left: 15px; cursor: default; } .st-bottom a { display: inline-block; text-decoration: underline; color: #767676; font-weight: 400; text-transform: uppercase; margin-left: 13px; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .st-bottom a:hover { color: #078fed; } .st-btn-wrapper { width: 190px; padding-top: 3px; -ms-flex-negative: 0; flex-shrink: 0; } .st-btn-wrapper .btn { width: 100%; } .st-price { -ms-flex-negative: 0; flex-shrink: 0; min-width: 150px; } .st-old-price { color: #767676; font-size: 16px; font-weight: 400; line-height: 1.1; display: block; margin-bottom: 4px; text-decoration: line-through; } .st-price { display: block; color: #078fed; font-size: 22px; font-weight: 500; } .btn.cart-btn { padding-top: 10px; padding-bottom: 9px; } .cart-btn i { font-size: 21px; display: inline-block; vertical-align: middle; margin-right: 4px; } .cart-btn.active .ca-def, .ca-addet { display: none; vertical-align: middle; } .ca-def, .cart-btn.active .ca-addet { display: inline-block; vertical-align: middle; } .btn.cart-btn.active { background-color: #4D4D4D; border-color: #4D4D4D; color: white; } .pr-header { background-color: #f8f8f8; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; /* flex-wrap: wrap;*/ width: 100%; } .pr-header > div:nth-child(1) { padding-left: 15px; } .pr-img-wrapper, .pr-header > div:nth-child(1) { width: 105px; -ms-flex-negative: 0; flex-shrink: 0; } .pr-info, .pr-header > div:nth-child(2) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .pr-prop .pr-price, .pr-header > div:nth-child(3) { width: 210px; -ms-flex-negative: 0; flex-shrink: 0; } .pr-prop .avb, .pr-header > div:nth-child(4) { width: 104px; -ms-flex-negative: 0; flex-shrink: 0; } .pr-prop .dlv, .pr-header > div:nth-child(5) { width: 211px; -ms-flex-negative: 0; flex-shrink: 0; } .quantity, .pr-header > div:nth-child(6) { width: 104px; -ms-flex-negative: 0; flex-shrink: 0; } .buy-col, .pr-header > div:nth-child(7) { width: 190px; -ms-flex-negative: 0; flex-shrink: 0; } .pr-prop { width: 525px; } .pr-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .pr-item:hover {} .pr-info { padding-right: 15px; } /* .pr-prop .radio .pr-prop .avb .pr-prop .dlv */ .pr-prop .pr-price, .pr-prop .avb, .pr-prop .dlv { display: block; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .pr-prop .jq-radio.checked + *, .pr-prop .jq-radio.checked + * + *, .pr-prop .jq-radio.checked + * + * + * { color: #078fed; } .pr-price { padding-left: 24px; } .pr-list { margin: 0; padding: 0; } .pr-list > li { display: block; list-style: none; } .pr-box { padding-top: 18px; border-bottom: 1px solid #d4d4d4; padding-bottom: 16px; } .pr-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pr-hidden { display: none; width: 100%; } .pr-img-wrapper { padding-top: 4px; } .vendor { color: #767676; text-decoration: underline; display: inline-block; } .ar-title { display: block; color: #000000; font-weight: 500; text-decoration: none; margin: 10px 0; } .producer a:hover, .ar-title:hover { color: #078fed; } .producer { display: block; } .producer a { color: #000000; text-decoration: none; } .pr-prop .radio { display: block; font-size: inherit; padding-left: 0; margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; } .pr-prop .jq-radio { width: 14px; height: 14px; top: 6px; } .cpb-body .jq-radio__div, .pr-prop .jq-radio__div { position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; } .pr-toggle { color: #078fed; font-size: 16px; display: inline-block; margin-top: 13px; border-bottom: 1px dashed #078fed; line-height: 1.4; cursor: pointer; -webkit-transition: color 300ms, border-bottom-color 300ms; -o-transition: color 300ms, border-bottom-color 300ms; transition: color 300ms, border-bottom-color 300ms; } .pr-toggle:hover, .fast-buy:hover { color: #4d4d4d; border-bottom-color: #4d4d4d; } .delivery div, .availability div { margin-bottom: 5px; } .buy-col { padding-top: 4px; } .buy-col .btn { width: 100%; margin-bottom: 12px; } .fast-buy { display: inline-block; color: #078fed; border-bottom: 1px dashed #078fed; line-height: 1.4; margin-bottom: 15px; } .pr-total-price { font-weight: 500; } .quantity { padding-top: 3px; } .jq-number input { width: 100%; border: 0; height: 19px; margin: 0; line-height: 1; color: #4d4d4d; font-weight: 500; display: block; text-align: center; } .jq-number { display: inline-block; width: auto; border: 1px solid #e6e6e6; background-color: #ffffff; padding: 12px 24px; position: relative; } .jq-number__field { width: 34px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } .jq-number__spin { position: absolute; top: 0; bottom: 0; width: 22px; cursor: pointer; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .jq-number__spin.minus { left: 0; } .jq-number__spin.plus { right: 0; } .jq-number__spin.minus:before { content: ' '; position: absolute; width: 10px; height: 2px; background-color: #4d4d4d; top: 50%; left: 50%; margin-top: -1px; margin-left: -5px; } .jq-number__spin.plus:after, .jq-number__spin.plus:before { content: ' '; position: absolute; width: 10px; height: 2px; background-color: #4d4d4d; top: 50%; left: 50%; margin-top: -1px; margin-left: -5px; } .jq-number__spin.plus:after { width: 2px; height: 10px; margin-top: -5px; margin-left: -1px; } .jq-number__spin:hover:after, .jq-number__spin:hover:before { background-color: #078fed; } .pr-toggle.active .prt-open, .prt-close { display: none; } .pr-toggle.active .prt-close, .prt-open { display: inline-block; } .buy-col .btn { position: relative; } .validation-hint { border: 1px solid #e6e6e6; background-color: #ffffff; position: absolute; display: none; color: #eb494e; font-size: 14px; padding: 14px 13px; line-height: 1.3; text-align: center; } .pr-wrapper { margin-bottom: 48px; } h2 { color: #000000; font-size: 30px; font-weight: 300; margin-top: 25px; margin-bottom: 25px; } h6, h5, h4, h3 { font-weight: 300; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; margin-bottom: 41px; } .pagination .add-page { width: 296px; max-width: 100%; } .pagination-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; } .pagination-list > li { display: block; } .pagination-list > li > a { color: #4d4d4d; font-weight: 500; text-decoration: none; line-height: 1; padding: 10px 7px; } .pg-btn { margin: 0 4px; } .pagination-list > li.active > a, .pagination-list > li.pg-btn a { display: block; background-color: #fff; width: 40px; height: 40px; border: 2px solid #078fed; background-color: #078fed; color: white; font-size: 11px; text-align: center; padding-top: 13px; -webkit-transition: background-color 300ms, color 300ms; -o-transition: background-color 300ms, color 300ms; transition: background-color 300ms, color 300ms; } .pagination-list > li.pg-btn a:hover { background-color: #ffffff; color: #078fed; } .pagination-list > li:last-child { margin-right: 0; } .pagination-list > li:not(.pg-btn) + li.pg-btn { margin-left: 14px; } .pagination-list > li.pg-btn + li:not(.pg-btn) { margin-left: 14px; } .pagination-list > li.active > a { font-size: inherit; line-height: 1; padding-top: 11px; } .pagination-list > li.active { margin: 0 14px; } .prbt-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .article h1, .article .caption { text-align: left; } .article { padding-top: 56px; padding-bottom: 39px; } .ar-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .ar-slider-wrapper { width: 400px; -ms-flex-negative: 0; flex-shrink: 0; } .ar-info-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .buy-box { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 350px; } .bb-flex { border: 1px solid #e6e6e6; background-color: #ffffff; padding: 31px 30px 0 30px; font-size: 18px; margin-bottom: 20px; } .slide-img { display: block; position: relative; padding: 52.5% 0; background-color: #fff; } .slide-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .slick-dots { margin: 19px 0 0 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .slick-dots > li { display: block; } .slick-dots > li button { text-indent: -9999px; padding: 0; line-height: 1; width: 10px; height: 10px; background-color: #e6e6e6; border: 0; margin: 0 7px; -webkit-transition: background-color 300ms; -o-transition: background-color 300ms; transition: background-color 300ms; } .slick-dots > li.slick-active button, .slick-dots > li button:hover { background-color: #078fed; } .ar-info-wrapper { padding: 0 40px; } .ar-info-wrapper .label { margin-left: 0; display: inline-block; line-height: 1.8; margin-bottom: 27px; } .dotted-info { margin: 0 0 25px 0; padding: 0; width: 401px; max-width: 100%; } .dotted-info > li { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5px; position: relative; overflow: hidden; } .dotted-info > li > div:first-child:before { content: ' '; position: absolute; left: 0; width: 240%; height: 0; bottom: 6px; border-top: 2px dotted #a7a6a6; z-index: -1; } .dotted-info > li > * { background-color: white; } .dotted-info > li > *:first-of-type { padding-right: 4px; } .dotted-info > li > *:last-of-type { padding-left: 4px; } .ar-info p { margin: 0 0 4px 0; } .ar-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 28px; } .ar-other-col, .ar-this-price { width: 50%; } .ar-other-col b, .ar-this-price b { display: block; font-size: 35px; line-height: 1; font-weight: 400; white-space: nowrap; margin-bottom: 2px; } .ar-other-col b { font-weight: 300; margin-right: -20px; text-decoration: line-through; } .ar-other-col { color: #b1b1b1; padding-left: 11px; font-weight: 300; } .ar-quantity { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 19px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 17px; } .qt-wrapper { text-align: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .qt-wrapper .jq-number { display: inline-block; } .ar-other-info p { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5px; } .ar-other-info { margin-bottom: 18px; } .ar-buy-btn { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -31px; margin-right: -31px; height: 150px; margin-bottom: -20px; } .ar-btn-l { width: 54.3%; height: 100%; } .ar-btn-r { width: 45.7071%; /*padding: 12px 0;*/ height: 100%; } .history, .cart-buy { display: block; width: 100%; height: 100%; border: none; background-color: #078fed; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: 500; padding-top: 6px; position: relative; z-index: 1; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; -o-transition: transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .history i, .cart-buy i { font-size: 30px; margin-right: 11px; display: block; } .history span, .cart-buy span { display: block; } .profile-btn:hover, .history:hover, .fast-buy-btn:hover, .cart-buy:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); color: white; } .profile-btn, .fast-buy-btn { background-color: #4d4d4d; color: white; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 500; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; -o-transition: transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .profile-btn span, .fast-buy-btn span { display: block; } .label.label-text { background-color: transparent; color: #078fed; padding-left: 0; padding-right: 0; width: auto; } .cpd-wrapper { text-align: right; position: relative; padding-top: 12px; padding-bottom: 22px; } .cpd-open { display: inline-block; color: #078fed; font-weight: 400; font-size: 16px; position: relative; border-bottom: 1px dashed #078fed; cursor: pointer; -webkit-transition: border-bottom-color 300ms, color 300ms; -o-transition: border-bottom-color 300ms, color 300ms; transition: border-bottom-color 300ms, color 300ms; } .cpd-open.active, .cpd-open:hover { color: #4D4D4D; border-bottom-color: #4D4D4D; } .cdb-box { position: absolute; right: 0; top: 100%; z-index: 2; background-color: white; padding: 20px; text-align: left; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); width: 540px; color: #000000; font-size: 16px; display: none; } .cpb-wrapper { font-weight: 400; } .cdb-box .pr-header { padding-top: 11px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cpb-body label .pr-price, .cdb-box .pr-header > div:nth-of-type(1) { width: 43.53%; display: block; font-size: 16px; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 15px; padding-right: 5px; } .cpb-body label .pr-price { padding-left: 40px; } .cpb-body label .avb, .cdb-box .pr-header > div:nth-of-type(2) { width: 31.1%; display: block; font-size: 16px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 5px; } .cpb-body label .dlv, .cdb-box .pr-header > div:nth-of-type(3) { width: 25.3%; display: block; font-size: 16px; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 5px; } .cpb-body label { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; margin-bottom: 5px; } .cpb-body label > * { -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .cpb-body .jq-radio { width: 14px; height: 14px; left: 15px; top: 4px; } .cpb-body { margin-top: 11px; height: 194px; overflow: hidden; } .cpb-body .jq-radio.checked + * + * + *, .cpb-body .jq-radio.checked + * + *, .cpb-body .jq-radio.checked + * { color: #078fed; } .cpb-wrapper .mCSB_outside + .mCSB_scrollTools { right: -5px; } .cpb-wrapper .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { background-color: #e2e2e2; } .cpb-wrapper .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #078fed; } .cart-section { padding-top: 55px; } .ca-list { margin: 0; padding: 0; } .ca-list > li { display: block; } .ca-flex { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .img-inf { display: -webkit-box; display: -ms-flexbox; display: flex; } .ca-box { margin-bottom: -1px; padding: 20px 0; border: 1px solid #e6e6e6; /* border-top: 0;*/ background-color: #ffffff; } /* .ca-list>li:first-child .ca-box { border-top: 1px solid #e6e6e6; } */ .cart-wrapper {} .cart-wrapper .img-inf, .cart-wrapper .pr-header > div:nth-child(1) { width: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 5px 0 20px; } .cart-wrapper .ca-parice, .cart-wrapper .pr-header > div:nth-child(2) { width: 210px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 5px; } .cart-wrapper .quantity, .cart-wrapper .pr-header > div:nth-child(3) { width: 212px; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 5px; } .at-total-price, .cart-wrapper .ca-total-parice, .cart-wrapper .pr-header > div:nth-child(4) { width: 293px; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 5px; } .ca-total-parice, .ca-parice { font-size: 14px; font-weight: 400; line-height: 1.25; } .ca-total-parice b, .ca-parice b { font-size: 24px; font-weight: 400; display: block; } .ca-box .pr-img-wrapper { padding-top: 0; } .ca-del { position: absolute; right: 67px; top: 7px; line-height: 1; font-size: 31px; font-weight: 700; color: #e6e6e6; cursor: pointer; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .ca-del:hover { color: #078fed; } .all-total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px; margin-bottom: 22px; } .at-delivery { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 15px; } .at-delivery p { margin: 0 0 4px 0; } .at-total-price { -ms-flex-negative: 0; flex-shrink: 0; } .at-total-price { font-size: 18px; font-weight: 400; } .at-total-price b { display: block; color: #078fed; font-size: 35px; font-weight: 400; line-height: 1.1; } .order-wrapper { background-color: #078fed; padding-left: 190px; } .order-form { background-color: #f8f8f8; padding: 82px 103px 47px 51px; position: relative; } .order-form:before { content: ' '; position: absolute; left: 0; right: 0; top: 0; height: 27px; background-color: white; } .order-form .caption { text-align: left; } .of-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -36px; margin-right: -36px; } .of-elem { width: 33.3333%; padding: 0 36px; margin-bottom: 10px; } .order-form > p { margin-bottom: 0; } .order-form > p a { display: inline-block; } .of-elem label { display: block; } .of-elem .f-title { margin-bottom: 11px; } .of-elem .radio { margin-bottom: 14px; } .of-elem .checkbox { margin-top: 6px; font-size: 12px; line-height: 1.4; margin-bottom: 24px; } .of-elem .btn { width: 100%; padding-top: 18px; padding-bottom: 18px; } .of-elem.hidden-elem .placeholder-toggle:first-child { margin-top: 0; } .of-elem.hidden-elem { display: none; } .of-form.hidden-visible .of-elem.hidden-elem { display: block; } .of-form.hidden-visible .tg-elem { width: calc(66.6666% + 72px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-right: auto; margin-top: 11px; } .of-form.hidden-visible .of-ins-item { width: 50%; padding: 0 36px; } .cart-wrapper .ca-total-parice { padding-right: 90px; } .page.error { background: rgb(7, 143, 237); background: -o-radial-gradient(center, ellipse, rgba(7, 143, 237, 1) 0%, rgba(3, 171, 219, 1) 100%); background: radial-gradient(ellipse at center, rgba(7, 143, 237, 1) 0%, rgba(3, 171, 219, 1) 100%); position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 28px; font-weight: 300; } .err-code { font-size: 350px; line-height: 1; font-weight: 100; padding-right: 45px; position: relative; } .err-title { top: 5px; right: 0; font-weight: 300; position: absolute; -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 40px; } .err-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; } .err-info { padding-left: 165px; width: 547px; } .err-info p { margin: 0; line-height: 1.3; margin-bottom: 22px; } .err-info .btn { min-width: 170px; } #cart-modal.modal { width: 1136px; max-width: 96%; } .modal-cart {} .modal-cart .pr-header > * { font-weight: 400; } .modal-cart .pr-prop { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; padding-top: 13px; } .modal-cart .pr-prop > * { display: block; -ms-flex-negative: 0; flex-shrink: 0; } .m-total-price { padding-top: 13px; } .m-total-price, .modal-cart .pr-header > div:nth-child(7) { width: 141px; /* background-color: red;*/ padding-right: 14px; } .modal-cart .quantity, .modal-cart .pr-header > div:nth-child(6) { width: 107px; } .modal-cart .pr-prop .dlv, .modal-cart .pr-header > div:nth-child(5) { width: 103px; } .modal-cart .pr-prop .avb, .modal-cart .pr-header > div:nth-child(4) { width: 107px; } .modal-cart .pr-prop .pr-price, .modal-cart .pr-header > div:nth-child(3) { width: 140px; padding-left: 0; font-size: inherit; } .modal-cart .pr-flex { position: relative; } .modal-cart .ca-del { right: 0; top: 16px; font-size: 19px; } .pr-wrapper.modal-cart { margin-bottom: 30px; } .modal-btn-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 43px; } .modal-btn-wrapper .btn { margin: 0 16px; min-width: 190px; padding-top: 20px; padding-bottom: 20px; } .color-btn.invert-btn { background-color: white; color: #078fed; } .color-btn.invert-btn:hover { background-color: #078fed; color: white; } .op-box { width: 400px; border: 1px solid #e6e6e6; background-color: #ffffff; padding: 19px 29px; } .other-pr { margin-top: 71px; } .other-pr .slick-slide { padding-right: 20px; } .op-box .label { width: 100px; margin: 0; margin-bottom: 10px; } .op-header { margin-bottom: 15px; } .op-box .ar-title { margin-top: 0; margin-bottom: 4px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .op-footer { display: -webkit-box; display: -ms-flexbox; display: flex; } .op-btn { width: 190px; -ms-flex-negative: 0; flex-shrink: 0; padding-top: 4px; } .op-btn .btn { width: 100%; } .op-price { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 10px; } .op-box .pr-info { padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .op-box .img-inf { margin-bottom: 11px; } body.fancybox-active .hover-zoom { z-index: 99999; } .page.stub { background-color: grey; background-image: url('/local/templates/main_new/css/../img/stub.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; } .page.stub .err-code { width: 29%; height: 20px; } .page.stub .err-info .logo-l { font-size: 65px; } .page.stub .err-info .logo-text { font-size: 22px; width: auto; } .page.stub .err-info { width: 670px; } .st-col { margin-top: 35px; color: #ffffff; font-size: 24px; font-weight: 300; } .st-col p { margin-bottom: 28px; } .st-col p b { color: #ffffff; font-family: Roboto; font-size: 28px; font-weight: 400; display: block; margin-bottom: 8px; } .st-col p a { color: #ffffff; } .page.stub .err-centered { margin-top: 121px; } .sto { padding: 42px 0; } .sto-list { display: flex; flex-wrap: wrap; margin: 26px -10px 31px -10px; padding: 0; } .sto-list > li { display: block; width: 33.3333%; list-style: none; padding: 10px; } .sto-box { border: 1px solid #e6e6e6; background-color: #ffffff; padding: 20px 30px 16px 30px; } .sto-box .label { margin-left: 0; display: inline-block; margin-bottom: 10px; } .sto-body { display: flex; align-items: flex-start; margin-bottom: 9px; } .sto-head { margin-bottom: 11px; } .sto-body .pr-img { margin-right: 20px; margin-top: 8px; } .sto-body .ar-title { margin-top: 0; display: block; margin-bottom: 4px; } .sto-info { margin-right: -2px; flex-grow: 1; width: 1%; } .sto-footer { display: flex; } .stof-l { flex-grow: 1; width: 1%; } .stof-r { flex-shrink: 0; width: 188px; padding-top: 7px; } .stof-r .btn { width: 100%; } .old-price { text-decoration: line-through; display: block; } .price { color: #078fed; font-size: 22px; font-weight: 500; } .sto-more { text-align: center; } .sto-more .btn { min-width: 190px; } #login-modal .m-btn-wrapper { padding: 0 0 0 22px; } #login-modal .m-btn-wrapper > div:nth-child(1) { width: 45%; } #login-modal .m-btn-wrapper > div:nth-child(2) { padding-top: 4px; } .lost-pass { color: inherit; } .lost-pass:hover { text-decoration: underline; } .reg { display: inline-block; border-bottom: 1px dashed #078fed; color: #078fed; } .reg:hover { color: #078fed; border-bottom-color: transparent; } .footer_attach .footer { position: fixed; bottom: 0; left: 0; right: 0; } .personal { padding-top: 55px; } .personal .ar-buy-btn { width: 256px; height: 130px; margin-left: 0; margin-right: 0; margin-bottom: 39px; } .profile-btn {} .personal .ar-buy-btn .ar-btn-r, .personal .ar-buy-btn .ar-btn-l { padding: 10px 0; width: 50%; } .personal .ar-buy-btn .ar-btn-r.active, .personal .ar-buy-btn .ar-btn-l.active { padding: 0px 0; width: 61%; } .personal .ar-buy-btn .ar-btn-r.active .history { padding-left: 19px; } .history { font-size: 14px; line-height: 1.2; padding-left: 12px; } .history i { font-size: 24px; } .personal h2 { font-size: 24px; } .p-form { margin-top: 20px; width: 611px; max-width: 100%; } .p-form label { display: block; margin-bottom: 10px; width: 100%; position: relative; } .p-form label a { position: absolute; right: 0; top: 50%; margin-top: -18px; border-bottom: 1px dashed #078fed; transition: color 300ms, border-color 300ms; } .p-form label a:hover { color: black; border-color: black; } .p-form input { color: inherit; width: 100%; padding-right: 20px; padding-right: 150px; } .p-btn { margin-top: 20px; } .p-btn .btn { padding: 20px 20px; min-width: 190px; display: inline-block; } .p-form { margin-bottom: 50px; } .p-form input::-webkit-input-placeholder { color: black; opacity 1; } .p-form input:-ms-input-placeholder { color: black; opacity 1; } .p-form input::-ms-input-placeholder { color: black; opacity 1; } .p-form input::placeholder { color: black; opacity 1; } .his-wrapper { margin-bottom: 50px; } .his-box { position: relative; padding: 20px 0; border: 1px solid #e6e6e6; } .p-hidden-items { display: none; } .pr-order-number, .his-wrapper .pr-header > div:nth-of-type(1) { width: 17%; padding-left: 20px; padding-right: 10px; } .pr-order-date, .his-wrapper .pr-header > div:nth-of-type(2) { width: 8.4%; flex-grow: 0; flex-shrink: 0; padding-right: 10px; } .his-wrapper .pr-header > div:nth-of-type(3) { width: auto; flex-grow: 1; flex-shrink: 1; padding-right: 10px; } .pr-item .pr-count, .his-wrapper .pr-header > div:nth-of-type(4) { width: 106px; flex-shrink: 0; padding-right: 10px; } .rep-order, .his-wrapper .pr-header > div:nth-of-type(5) { width: 18.7%; padding-right: 40px; } .his-wrapper .ca-total-parice, .his-wrapper .pr-header > div:nth-of-type(6) { width: 22%; padding-right: 90px; } .pr-order-list { flex-grow: 1; width: 1%; } .pr-list-item { display: flex; } .pr-item b:not(.pr-count) { flex-grow: 1; width: 1%; font-weight: 500; color: black; padding-right: 10px; } .pr-item .pr-count { color: #4d4d4d; font-weight: 500; } .pr-item { margin-bottom: 14px; } .his-box .pr-toggle { margin-top: 0; } .date { color: #4d4d4d; } .rep-order .btn { width: 100%; padding-top: 18px; padding-bottom: 18px; display: flex; align-items: center; justify-content: center; } .rep-order .btn i { flex-shrink: 0; font-size: 21px; margin-right: 10px; } .his-box .ca-del { top: 30px; } .his-wrapper .pr-list > li { margin-top: -1px; } .ca-total-parice .btn, .pr-order-number .date { display: none; margin-top: 12px; } .placeholder-toggle input { opacity: 0; } .placeholder-toggle.active input { opacity: 1; } input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */ -webkit-text-fill-color: #078fed; !important; /* цвет текста */ color: #078fed; !important; /* цвет текста */ } @media screen and (max-height: 740px) { .page.stub .err-centered { margin-top: 0; } } @media screen and (max-height:479px) { .page.stub .err-centered { margin-top: 0; } .st-col { margin-top: 0; } .st-col p { margin-bottom: 10px; } .st-col p b { margin-bottom: 0; } } @media screen and (max-width: 1299px) { .container { width: 960px; } .nav-list { padding-left: 0px; } body { font-size: 16px; } .logo-text { margin-left: 14px; } .nav-list > li > a { padding: 15px 5px; } .nav-list > li { margin-left: 3px; margin-right: 3px; } .ma-list { -webkit-column-count: 4; column-count: 4; } .sd-form { padding: 42px 30px 60px 30px; } h1, .caption { font-size: 31px; } .subcaption { font-size: 22px; } .pr-prop { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 15px; max-width: 100%; } .pr-header > div:nth-child(3), .pr-header > div:nth-child(5), .pr-header > div:nth-child(4) { display: none; } .stock { padding: 20px 15px; } .pr-prop .jq-radio { top: 5px; } .ar-info-wrapper { width: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .buy-box { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 386px; } .bb-flex {} .ar-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ar-slider-wrapper { width: 460px; } .ar-info-wrapper { padding-left: 0; padding-right: 0; margin-top: 20px; } .dotted-info { width: 651px; width: auto; } .slide-img { padding: 45.5% 0; } .cart-wrapper .pr-header > div:nth-child(4), .cart-wrapper .pr-header > div:nth-child(3) { display: block; } .at-total-price, .cart-wrapper .ca-total-parice, .cart-wrapper .pr-header > div:nth-child(4) { width: 168px; } .cart-wrapper .ca-total-parice { padding-right: 30px; } .ca-del { right: 10px; } .cart-wrapper .quantity, .cart-wrapper .pr-header > div:nth-child(3) { width: 125px; } .cart-wrapper .ca-parice, .cart-wrapper .pr-header > div:nth-child(2) { width: 158px; } .order-wrapper { padding-left: 100px; } .order-form { padding: 82px 30px 47px 30px; } .err-centered { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .err-info { padding-left: 65px; width: auto; } .err-code { font-size: 290px; } .err-title { font-size: 33px; } .page.error { font-size: 26px; } .modal-cart .pr-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .modal-cart .pr-prop { width: 100%; } .modal-cart .prop-name { display: block; } .other-pr { margin-top: 24px; } .sto-box { padding: 15px 10px 16px 10px; } .stof-r { width: 168px; } .price { font-size: 18px; } .login, .cart { padding-left: 7px; padding-right: 7px; } .login > span { width: 59px; } .nav-list > li > a { padding: 15px 0px; } .nav-list > li { margin-left: 0; margin-right: 0; } .login > span, .cart > span { margin-left: 5px; } .logo-text { margin-left: 6px; } .h-fdbk-box { padding: 17px 7px 13px 4px; } .nav-list { padding: 0 10px; } .h-tel { font-size: 15px; } .ca-total-parice .btn, .pr-order-number .date { display: block; } .pr-order-date, .his-wrapper .pr-header > div:nth-of-type(2), .rep-order, .his-wrapper .pr-header > div:nth-of-type(5) { display: none; } .his-wrapper .pr-header > div:nth-of-type(4), .his-wrapper .pr-header > div:nth-of-type(3) { display: block; } .his-wrapper .ca-total-parice, .his-wrapper .pr-header > div:nth-of-type(6) { padding-right: 36px; } } @media screen and (max-width: 991px) { .container { width: 744px; } body { font-size: 14px; } .logo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .logo-l { text-align: left; display: block; font-size: 20px; } .logo-text { margin-left: 0; font-size: 11px; line-height: 1; } .h-tel { font-size: 13px; /* margin-bottom: 10px;*/ } .clbk-open { font-size: 12px; } .h-fdbk-box { padding: 15px 7px 5px 7px; margin-bottom: -7px; } .cart > span { display: none; } h1, .caption { font-size: 24px; } .subcaption { font-size: 19px; } .s-input input { font-size: 14px; } .ma-list > li > a { font-size: 14px; } .first-letter { font-size: 14px; margin-left: -24px; width: 22px; } .ma-list > li { padding-left: 24px; padding-right: 5px; } .ma-list > li { margin-bottom: 0; } .ed-text { font-size: 14px; } .ed-list { margin-left: -5px; margin-right: -5px; } .ed-list > li { padding: 0 5px; } .ed-box { padding: 30px 0; } .s-input input, .jq-selectbox, .f-title, .placeholder-toggle .placeholder, input { font-size: 14px; font-size: 16px; } .placeholder-toggle .placeholder { margin-top: -11px; } .sd-form { padding: 22px 15px 30px 15px; } .jq-selectbox__dropdown { font-size: 14px; } .f-toggle, .btn { font-size: 13px; } .f-toggle { margin-left: 0; } .sd-col-text { padding-top: 37px; } .radio { padding-left: 25px; } .f-flex a { font-size: 14px; } .drop-down-list > li > a { font-size: 14px; } .ca-show { font-size: 13px; } .sort-box .jq-selectbox { width: 160px; } .st-title { font-size: 14px; } .pr-prop .jq-radio { top: 4px; } .st-price { display: block; } .st-btn-wrapper, .buy-col, .pr-header > div:nth-child(7) { width: 150px; } .st-btn-wrapper, .st-price { margin-top: 10px; } /* .stock { flex-wrap: wrap; padding-bottom: 10px; } .st-info { width: calc(100% - 90px); flex-grow: 1; } .st-price { flex-grow: 1; } */ .prbt-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .st-price { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 5px; } .st-btn-wrapper { margin-top: 0; padding-top: 0; margin-bottom: 0; } .st-price .st-price { margin-top: 0; } .st-old-price { margin-bottom: 0; } .ar-slider-wrapper { width: 52.9%; } .buy-box { width: 44%; } .slide-img { padding: 52.5% 0; } .ca-total-parice b, .ca-parice b { font-size: 16px; } .at-total-price b { font-size: 20px; } .at-total-price, .cart-wrapper .ca-total-parice, .cart-wrapper .pr-header > div:nth-child(4) { width: 109px; } .cart-wrapper .quantity, .cart-wrapper .pr-header > div:nth-child(3) { width: 100px; } .cart-wrapper .ca-parice, .cart-wrapper .pr-header > div:nth-child(2) { width: 100px; } .cart-wrapper .ar-title { line-height: 1.3; } .of-form { margin-left: -10px; margin-right: -10px; } .of-elem { padding: 0 10px; } .of-form.hidden-visible .of-ins-item { padding: 0 10px; } .of-elem .radio { font-size: 12px; } .of-elem .radio .jq-radio { top: -1px; } .of-elem .checkbox { padding-left: 26px; } .order-wrapper { padding-left: 60px; } .err-info { padding-left: 36px; width: auto; } .err-code { font-size: 220px; padding-right: 36px; } .err-title { font-size: 24px; } .page.error { font-size: 20px; } .ma-list > li.container-show-btn .ca-show { left: 24px; } .page.stub .err-info .logo-l { font-size: 45px; } .page.stub .err-info .logo-text { font-size: 16px; } .st-col { margin-top: 25px; font-size: 20px; } .st-col p b { font-size: 22px; } .st-col p { margin-bottom: 14px; } .page.stub .err-info { width: 461px; } .sto-list > li { width: 50%; padding: 5px; } .sto-box .label { padding-left: 21px; padding-right: 21px; } .login > span { display: none; } .pr-order-number, .his-wrapper .pr-header > div:nth-of-type(1) { padding-left: 10px; } .his-box { padding: 15px 0; } .pr-item .pr-count, .his-wrapper .pr-header > div:nth-of-type(4) { width: 66px; } .his-wrapper .ca-total-parice, .his-wrapper .pr-header > div:nth-of-type(6) { width: 25%; } .pr-item { margin-bottom: 10px; } .prt-open { font-size: 14px; } } @media screen and (min-width: 768px) { .prop-vendor, .prop-name, .nav-btn { display: none; } .nav { display: block !important; } } @media screen and (max-width: 767px) { .container { width: auto; } .nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; color: black; z-index: 1; -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15); width: auto; flex-grow: 0; } .nav-list { display: block; text-align: center; } .nav-list > li > a { color: black; } .nav-list > li > a:hover { background-color: #f2f2f2; } .nav-list > li > a:before { background-color: transparent; } .h-fdbk-box { position: relative; z-index: 2; } .hl-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-btn { display: block; width: 30px; height: 38px; /* background-color: red;*/ margin-right: 0; position: relative; z-index: 10; margin-right: 15px; } .nav-btn span { position: absolute; left: 0; right: 0; height: 4px; background-color: white; top: 50%; margin-top: -2px; -webkit-transition: background 1ms linear 300ms, background-color 300ms ease; -o-transition: background 1ms linear 300ms, background-color 300ms ease; transition: background 1ms linear 300ms, background-color 300ms ease; } .nav-btn span:after, .nav-btn span:before { content: ' '; position: absolute; left: 0; right: 0; background-color: white; top: -11px; height: 100%; border-radius: inherit; -webkit-transition: top 300ms linear 300ms, -webkit-transform 300ms ease; transition: top 300ms linear 300ms, -webkit-transform 300ms ease; -o-transition: transform 300ms ease, top 300ms linear 300ms; transition: transform 300ms ease, top 300ms linear 300ms; transition: transform 300ms ease, top 300ms linear 300ms, -webkit-transform 300ms ease; } .nav-btn span:after { top: auto; bottom: -11px; -webkit-transition: bottom 300ms linear 300ms, -webkit-transform 300ms ease; transition: bottom 300ms linear 300ms, -webkit-transform 300ms ease; -o-transition: transform 300ms ease, bottom 300ms linear 300ms; transition: transform 300ms ease, bottom 300ms linear 300ms; transition: transform 300ms ease, bottom 300ms linear 300ms, -webkit-transform 300ms ease; } .nav-btn.active span { background-color: rgba(0, 0, 0, 0); -webkit-transition: background 1ms linear 300ms; -o-transition: background 1ms linear 300ms; transition: background 1ms linear 300ms; } .nav-btn.active span:before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: top 300ms linear, -webkit-transform 300ms ease 300ms; transition: top 300ms linear, -webkit-transform 300ms ease 300ms; -o-transition: top 300ms linear, transform 300ms ease 300ms; transition: top 300ms linear, transform 300ms ease 300ms; transition: top 300ms linear, transform 300ms ease 300ms, -webkit-transform 300ms ease 300ms; } .nav-btn.active span:after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: bottom 300ms linear, -webkit-transform 300ms ease 300ms; transition: bottom 300ms linear, -webkit-transform 300ms ease 300ms; -o-transition: bottom 300ms linear, transform 300ms ease 300ms; transition: bottom 300ms linear, transform 300ms ease 300ms; transition: bottom 300ms linear, transform 300ms ease 300ms, -webkit-transform 300ms ease 300ms; } .h-fdbk-box { padding: 10px 7px 8px 7px; margin-bottom: -4px; } .top-search { padding-top: 60px; } .ts-list > li { width: 33.3333%; } .s-btn { padding: 12px 12px; } .ts-list { margin-top: 20px; margin-bottom: 20px; } .s-input input { padding: 0 4px; } .s-input input::-webkit-input-placeholder { letter-spacing: -0.9px; } .s-input input:-ms-input-placeholder { letter-spacing: -0.9px; } .s-input input::-ms-input-placeholder { letter-spacing: -0.9px; } .s-input input::-webkit-input-placeholder { letter-spacing: -0.9px; } .s-input input:-ms-input-placeholder { letter-spacing: -0.9px; } .s-input input::placeholder { letter-spacing: -0.9px; } .ma-list { -webkit-column-count: 4; column-count: 4; } .ed-list > li { width: 50%; margin-bottom: 10px; } .sd-wrapper { display: block; } .sd-col-form, .sd-col-text { width: auto; padding-top: 0; } .sd-col-text { margin-bottom: 40px; } .sd-form { padding-top: 1px; } .sd-col-text .caption { text-align: center; } .sd-col-text p { margin-left: auto; margin-right: auto; text-align: center; } .sd-form { width: 400px; margin-left: auto; margin-right: auto; max-width: 100%; } .pagination .add-page { display: none; } .pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .head-wrapper { display: block; } .sort-box { margin-top: 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .sort-box .jq-selectbox { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .stock { position: relative; } .label { position: absolute; left: -16px; top: -1px; } .st-img { margin-top: 18px; } .pr-prop { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-bottom: 14px; } .pr-header { display: none; } .pr-info { padding-right: 0; } .buy-col { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .buy-col .btn { width: 150px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0; } .fast-buy { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 10px; } .pr-info, .pr-header > div:nth-child(2) { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: calc(100% - 106px); } .pr-prop { width: 100%; } .bb-flex { padding: 31px 15px 0 15px; font-size: 14px; } .ar-other-col b, .ar-this-price b { font-size: 27px; } .ar-buy-btn { height: 100px; } .ar-buy-btn { margin-left: -15px; margin-right: -15px; } .cart-buy { font-size: 16px; } .cart-buy i { font-size: 24px; margin-right: 4px; } .fast-buy-btn { font-size: 13px; } .ar-info-wrapper .label { position: static; } .cdb-box .pr-header { display: -webkit-box; display: -ms-flexbox; display: flex; } .ca-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .cart-wrapper .img-inf { width: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-bottom: 20px; } .cart-wrapper .pr-header { display: block; } .cart-wrapper .pr-header > div:not(:nth-child(1)) { display: none; } .ca-del { top: -17px; line-height: 1; } .cart-wrapper .ca-parice { width: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 20px; background-color: #f8f8f8; padding-top: 20px; padding-bottom: 20px; } .cart-wrapper .quantity { padding-top: 0; background-color: #f8f8f8; padding-top: 20px; padding-bottom: 20px; } .cart-wrapper .ca-total-parice { width: 160px; text-align: right; background-color: #f8f8f8; padding-top: 20px; padding-bottom: 20px; } .prop-name { line-height: 1; margin-bottom: 5px; } .ca-total-parice b, .ca-parice b { font-size: 23px; } .ca-box { padding-bottom: 0; margin-bottom: 20px; } .order-form { padding: 82px 15px 47px 15px; } .err-info { padding-left: 36px; width: auto; } .err-code { font-size: 186px; padding-right: 36px; } .err-title { font-size: 24px; } .page.error { font-size: 20px; } .err-centered { width: 641px; max-width: 100%; } .op-box .label { position: static; } .sto-box .label { position: static; } .his-wrapper .ca-total-parice { width: 100%; padding-right: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; margin-top: 20px; border-top: 1px dashed #e6e6e6; padding-top: 12px; } .his-box .pr-flex { flex-wrap: wrap; } .ca-total-parice .btn { margin-top: 0; } .pr-order-number { width: 100%; display: flex; justify-content: space-between; margin-bottom: 20px; align-items: center; } .pr-order-number .date { margin-top: 0; padding-right: 50px; } .pr-order-list { padding: 0 10px; } .pr-item .pr-count { padding-right: 0; text-align: right; } .his-box .ca-del { top: 9px; } .prop-vendor { display: inline-block; } } @media screen and (max-width: 640px) { .f-flex { display: block; text-align: center; } .f-flex > div { margin: 8px 0; } .ma-list { -webkit-column-count: 3; column-count: 3; } .stock { -ms-flex-wrap: wrap; flex-wrap: wrap; } .prbt-wrapper { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .st-info { width: calc(100% - 85px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-top: 19px; } .pr-prop .dlv, .pr-header > div:nth-child(5) { width: 100px; } .buy-col .btn { position: absolute; bottom: 10px; right: 0; } .pr-box { position: relative; padding-bottom: 55px; } .hover-zoom { max-width: 280px; max-height: 280px; } .ar-title { margin: 3px 0; } .ar-slider-wrapper { width: 320px; margin-left: auto; margin-right: auto; max-width: 100%; margin-bottom: 20px; } .buy-box { width: 320px; max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; margin-top: 30px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .ar-info-wrapper { margin-top: 0; } .cdb-box { width: 412px; font-size: 14px; padding: 5px; } .cpb-body label .pr-price, .cdb-box .pr-header > div:nth-of-type(1), .cpb-body label .avb, .cdb-box .pr-header > div:nth-of-type(2), .cpb-body label .dlv, .cdb-box .pr-header > div:nth-of-type(3) { font-size: 14px; } .cpb-body label .avb, .cdb-box .pr-header > div:nth-of-type(2) { width: 23.1%; } .cpb-body label .dlv, .cdb-box .pr-header > div:nth-of-type(3) { width: 33.3%; } .of-elem { width: 50%; } .of-elem.hidden-elem { width: 100%; } .of-elem:nth-of-type(1) label, .of-elem:nth-of-type(2) label, .of-elem:nth-of-type(1), .of-elem:nth-of-type(2) { margin-bottom: 0; } .of-elem:nth-of-type(3) { width: 100%; } .of-form.hidden-visible .tg-elem, .of-elem.tg-elem { display: -webkit-box; display: -ms-flexbox; display: flex; /* width: calc(100% + 20px);*/ width: auto; margin-left: -10px; margin-right: -10px; } .of-form.hidden-visible .of-ins-item, .of-ins-item { width: 50%; padding: 0 10px; } .all-total { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .at-delivery { width: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-bottom: 24px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0; } .at-total-price { width: 100%; text-align: right; padding: 0 30px 0 0; margin-top: -20px; margin-bottom: 24px; } .at-total-price b { font-size: 25px; } .err-info { padding-left: 28px; width: auto; } .err-code { font-size: 136px; padding-right: 23px; } .err-title { font-size: 16px; top: 0; } .page.error { font-size: 14px; } .err-centered { width: 478px; max-width: 100%; } .err-info p { margin-bottom: 10px; } .err-info .btn { min-width: 120px; } .modal-btn-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .modal-btn-wrapper .btn { margin: 0; min-width: 165px; } .op-box { width: 295px; padding: 15px 10px; } .op-btn { width: 146px; } .op-box .st-price { width: auto; font-size: 20px; } .op-box .ar-title { line-height: 1.3; } .op-box .pr-img-wrapper { width: 95px; } .op-box .pr-info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .sto-list > li { width: 100%; } #login-modal .m-btn-wrapper { padding-left: 0; } .pr-order-number .date { padding-right: 30px; } } @media screen and (max-width: 479px) { .container { padding-left: 10px; padding-right: 10px; } .nav-btn { width: 27px; height: 35px; margin-right: 10px; } .logo-text { display: none; } .h-tel { font-size: 12px; } .clbk-open { font-size: 11px; } h1, .caption { font-size: 20px; line-height: 1.2; } .subcaption { font-size: 16px; line-height: 1.2; } .ma-list { -webkit-column-count: 2; column-count: 2; } .f-half { display: block; } .f-half > * { width: auto; } .f-toggle-wrapper { text-align: center; padding: 0px 10px 20px 10px; } .modal { padding: 20px 15px; } .m-btn-wrapper > div:nth-child(1), .m-btn-wrapper > div:nth-child(2) { width: auto; } .m-btn-wrapper > div:nth-child(1) { margin-bottom: 20px; } .sort-box { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sort-text { width: 100%; } .sort-box .jq-selectbox { margin-top: 10px; margin-left: 0; width: 49%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .pagination-list > li.active > a { margin: 0; } .pagination-list > li.pg-btn a { width: 32px; } .pagination-list > li.active, .pagination-list > li.pg-btn { margin: 0 1px; } .pagination-list > li:not(.pg-btn) + li.pg-btn, .pagination-list > li.pg-btn + li:not(.pg-btn) { margin-left: 0; } .pr-prop .pr-price, .pr-header > div:nth-child(3) { width: 140px; } .pr-prop .avb, .pr-header > div:nth-child(4) { width: 78px; } .pr-prop .dlv, .pr-header > div:nth-child(5) { width: 84px; } .st-info { padding-right: 0; margin-top: 0; } .st-price { min-width: 0; font-size: 19px; } .st-bottom a { margin-left: 0; } .quantity { position: absolute; bottom: 9px; left: 0; } .pr-box { padding-bottom: 69px; } .validation-hint { width: 100% !important; right: 0 !important; left: auto !important; } .hover-zoom { max-width: 184px; max-height: 195px; } .stock { padding-left: 10px; padding-right: 10px; } .fast-buy-btn:hover, .cart-buy:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .article { padding-top: 40px; } .cdb-box { width: 298px; padding: 0; right: -15px; } .cpb-body label .pr-price, .cdb-box .pr-header > div:nth-of-type(1), .cpb-body label .avb, .cdb-box .pr-header > div:nth-of-type(2), .cpb-body label .dlv, .cdb-box .pr-header > div:nth-of-type(3) { font-size: 13px; } .cdb-box .pr-header > div:nth-of-type(1) { padding-left: 7px; } .cpb-body label .pr-price { padding-left: 25px; } .cpb-body .jq-radio { top: 3px; left: 6px; } .order-wrapper { padding-left: 4px; } .of-elem:nth-of-type(2), .of-elem:nth-of-type(1) { width: 100%; } .of-form.hidden-visible .tg-elem, .of-elem.tg-elem { display: block; width: 306px; max-width: 100%; padding: 0; margin-left: auto; margin-right: auto; } .of-form.hidden-visible .of-ins-item, .of-ins-item { width: 100%; } .cart-wrapper .quantity { position: static; } .ca-box { padding-top: 20px; } .cart-wrapper .img-inf { padding-left: 5px; } .cart-wrapper .ca-total-parice, .cart-wrapper .quantity, .cart-wrapper .ca-parice { padding: 5px; } .cart-wrapper .ca-total-parice { width: 93px; } .ca-total-parice b, .ca-parice b { font-size: 16px; } .order-form { padding-top: 45px; padding-bottom: 15px; } .at-total-price { padding-right: 5px; } .cart-wrapper .pr-header > div:nth-child(1) { padding-left: 5px; } .err-centered { display: block; text-align: center; } .err-code { display: inline-block; } .err-info { padding-left: 0; } .modal-btn-wrapper .btn { min-width: 135px; } .modal-cart .pr-flex { position: static; } .modal-cart .pr-prop .pr-price, .modal-cart .pr-header > div:nth-child(3) { width: 105px; } .modal-cart .pr-prop .avb, .modal-cart .pr-header > div:nth-child(4) { width: 92px; } .modal-cart .pr-prop .dlv, .modal-cart .pr-header > div:nth-child(5) { width: 81px; } .modal-cart .m-total-price { position: absolute; bottom: 16px; right: 0; text-align: right; font-size: 20px; padding: 0; width: auto; } .op-box { width: 276px; } .op-box .st-price { font-size: 18px; } .page.stub .err-info { width: auto; } .page.stub .err-info .logo-text { display: block; text-align: center; margin-left: auto; margin-right: auto; } .page.stub .err-info .logo-l { margin-left: auto; margin-right: auto; } .page.stub .logo { width: auto; text-align: center; } .login, .cart { padding-left: 4px; padding-right: 4px; } .nav-btn { margin-right: 6px; } #login-modal .m-btn-wrapper > div:nth-child(1) { width: auto; } .p-form input { font-size: 14px; margin-top: 20px; padding-right: 0; } .p-form label a { top: 17px; } .prop-vendor { display: block; } .ma-wrapper { max-height: 394px; } } .contacts { } .contact-box { margin-bottom:20px; display: flex; flex-grow: 1; flex-wrap:wrap; gap: 10px; justify-content:space-between; } /*.contact-box>div { width:50%; }*/ .f-address { color:white; } .breadcrumb > li + li::before { content:""; display:none; } .breadcrumb { background:none; } .fancybox-slide--iframe .fancybox-content { max-width: 800px; } .authorize-block { padding:20px 0px; } /*Страница яндекс и подменю*/ .ni-nav-list li{ position:relative; } .withsub a{ padding-right:20px; position:relative; } .withsub i{ display:block; width:11px; height:11px; filter: grayscale(100%) brightness(200%); background:url('/local/templates/main_new/css/../img/y_img/sublist.svg') no-repeat center center / contain; position:absolute; right:0; top:calc(50% - 5px); } .ni-nav-sublist{ background:rgba(38,40,48,0.98); padding:40px 30px 20px; position:absolute; left:0; top:calc(100% + 40px); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; z-index:-1; list-style:none; opacity: 0; visibility: hidden; transform:translateY(10px); transition: all 0.1s ease-out; } .ni-nav-sublist:before{ content:''; display:block; width:100%; height:40px; position:absolute; bottom:100%; left:0;right:0; } .ni-nav-sublist li{ margin-bottom:15px; } .ni-nav-sublist li a{ font-size:13px; } .withsub:hover .ni-nav-sublist{ z-index: 9; opacity: 1; visibility: visible; transform:translateY(0px); } .withsub:hover > a{ color:#3577e3; } .withsub:hover i{ filter:none; transform:scaleY(-1); } @media (max-width: 992px){ .ni-nav-sublist { top:100%; } .ni-nav-sublist li{ margin-bottom:8px; } .ni-nav-sublist li a{ font-size:12px; } .withsub a{ padding-right:15px; } .withsub i{ width:8px; height:8px; top:calc(50% - 3px); } } @media (max-width: 560px){ .ni-nav-sublist{ padding:0 15px; margin:0; display:inline-block; position:relative; top:auto; left:auto; background:transparent; z-index: 1; opacity: 1; visibility: visible; transform:translateY(0px); } .ni-nav-sublist li{ display:inline-block; margin:0; padding: 0px; } .ni-nav-sublist li a{ font-size:14px; padding:0; } .ni-nav-sublist:before, .withsub i{ display:none; } .withsub a { padding-right: 0; } .ni-nav-list li.withsub{ padding:5px 15px; display: flex; justify-content: center; flex-wrap: wrap; gap:10px; } } .split-infobg{ max-width:1240px; margin:20px auto 53px; width:100%; background:#3577e3 url('/local/templates/main_new/css/../img/y_img/splitbg.jpg') no-repeat 294px center / auto 100%; border-radius:10px; position:relative; padding:49px 58px 40px; } .split-infobg img{ border-radius:20px; margin:0; } .ya-pay-ico{ display:block; width:60px; height:22px; background:url('/local/templates/main_new/css/../img/y_img/ya-pay.svg') no-repeat center center / contain; margin-bottom:14px; } .ya-split-ico{ display:block; width:70px; height:20px; background:url('/local/templates/main_new/css/../img/y_img/ya-split.svg') no-repeat center center / contain; margin-bottom:14px; } .oplata-texts{ margin-top:25px; margin-bottom:30px; } .oplata-texts p{ font-size:14px; line-height:24px; margin:0 0 8px; } .oplata-texts p a{ color:#3577e3; } h2.page-title { font-family: "Montserrat", sans-serif; font-size: 28px; line-height: 30px; font-weight: 600; text-align: left; margin: 0; padding: 0; margin-bottom: 23px; } @media (max-width: 767px){ .split-infobg{ padding:20px 30px 40px; background-position:right center; } } .qa-block{ display: flex; gap:20px; margin-top:10px; margin-bottom:50px; flex-wrap: wrap; } .qa-block-col{ width:calc(50% - 10px); } .panel{ border-radius:6px; padding:0px; margin-bottom:12px; min-height:72px; color:#262830; border:1px solid #e6ecf5; } .question-num{ width:40px; height:40px; background:#f4f8fb; border-radius:50%; color:#262830; font-weight:600; font-size:15px; line-height:40px; text-align:center; position:absolute; top:calc(50% - 20px); right:25px; } .panel-heading{ display: flex; align-items: center; padding:5px 90px 5px 60px; min-height:72px; cursor:pointer; position:relative; } .panel-collapse{ display:none; } .question-text{ font-weight:600; font-size:16px; line-height:21px; margin:0; padding:0; } .panel-body p, .panel-body ul{ padding:0; margin:0; font-size:14px; line-height:24px; } .panel-body{ padding:0px 40px 24px 60px; } .panel-heading:after{ content:''; display:block; width:22px; height:14px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAiCAMAAADS14HvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIVBMVEVHcEw1d+M1d+M1d+M1d+M1d+M1d+M1d+M1d+M1d+M1d+NKuVjEAAAACnRSTlMACxwyUGyIstDkfTnTxQAAAIJJREFUeNq91TsOgDAMA9B8mqb1/Q+MEIKFhTgS3t/SOol8jMZ0obIADAYOnHFaboIaLmp1Gm26tE5nm6bUk20661JXm0ad2gZwV9hzFbLxUAeVbTLBJRrSSWkig3sh+lfoJvzWPs0bslNGT7b+tk2ChYPdmkZA9jr0L5Lkq6z85T0AR0ETZzECLkQAAAAASUVORK5CYII=') no-repeat center / contain; position:absolute; top:28px; left:20px; } .panel-heading.in .question-num{ background:#3577e3; color:#fff; } @media (max-width: 992px){ .qa-block{ gap:0; } .qa-block-col{ width:100%; } .question-text { font-size: 15px; line-height: 20px; } .question-num{ right:10px; } .panel-heading { padding-right:54px; } } /**/ /*Изменения карты товара в списке + иконки*/ .b-slider .slick-list{ border-radius: 6px; } .b-slider:hover .slick-list{ box-shadow: 0px 0px 9px rgba(190,190,190,0.9); transition: all 0.3s ease; } .b-slider-slide { border: 0; } .top-main-slider .slick-slide .section{ margin:5px auto; } .top-main-slider .slick-slide:hover .section{ box-shadow: 0px 0px 5px rgba(190,190,190,0.3); transition: all 0.2s ease; transform:translateY(2px); } i.regi-ico { background: url('/local/templates/main_new/css/../img/regi-ico.svg') no-repeat center center; background-size: auto; background-size: 20px; } .luch-ico { display: inline-block; vertical-align: middle; width: 51px; height: 30px; background: url('/local/templates/main_new/css/../img/luch-ico.png') no-repeat center 0 / contain; } .product-page-related .product-card, .product-page-related .product-card:hover { box-shadow:none; height:auto; } .product-page-related .product-card:before { content: ''; position: absolute; top:0;right:0;left:0;bottom:0; width: 100%; height: 100%; background: #fff; transition: height 0.2s ease; box-shadow: 0px 0px 29px rgba(190,190,190,0.29); -webkit-border-radius: 6px; -moz-border-radius: 6px; pointer-events:none; z-index:-1; } .product-page-related .product-card:hover:before { height: calc(100% + 40px); } .product-page-related .cart-btn { position:absolute; bottom:20px; left:0; opacity: 0; bottom:-55px; visibility: hidden; transition: all 0.4s ease; } .product-page-related .product-card:hover .cart-btn { opacity: 1; visibility: visible; } @media (max-width: 500px){ .product-page-related .product-card:before { height: calc(100% + 40px); } .product-page-related .product-card .cart-btn { opacity: 1; visibility: visible; } } /**/ /*Блок доставка*/ .product-delivery-buy{ margin:20px 0 30px; } .delivery-buy-title{ font-size:14px; line-height:24px; font-weight:600; margin-bottom:12px; } .delivery-buy-city{ display:inline-block; color:#3577e3; padding-left:23px; background: url('https://forum196.ru/local/templates/main_new/img2/adr-ico.png') no-repeat 8px 6px / 10px 13px; } .delivery-buy-items{ border-top:2px solid #e8e1dc; border-bottom:2px solid #e8e1dc; padding:20px 0 0; } .delivery-buy-item{ display: flex; justify-content: space-between; font-size:14px; line-height:22px; min-height:40px; padding-bottom:15px; } .delivery-buy-sam{ background:url('/local/templates/main_new/css/../img/d_img/samovyvoz.svg') no-repeat 0 0 / 21px; } .delivery-buy-tk{ background:url('/local/templates/main_new/css/../img/d_img/tk.svg') no-repeat 0 0 / 23px; } .delivery-buy-delivery{ background:url('/local/templates/main_new/css/../img/d_img/dostavka.svg') no-repeat 0 3px / 18px; } .delivery-buy-name{ padding-left:30px; } .delivery-buy-name span{ display:inline-block; font-size:13px; color:#8c8d8f; } .delivery-buy-price{ display:inline-block; font-size:13px; line-height:22px; color:#262830; background:#f3f5f7; border-radius:6px; white-space:nowrap; min-width:62px; padding:1px 13px 2px; height:fit-content; font-weight:500; text-align:center; } a.delivery-buy-price{ border:1px solid #3577e3; color:#3577e3; background:#fff; padding:0 11px; line-height:20px; } a.delivery-buy-price:hover{ background:#3577e3; color:#fff; } /**/ section.catalog-text p, section.catalog-text ul { margin:5px 0px; } section.catalog-text h2 { margin:10px 0px 5px 0px; } /* Таблица "Точные совпадения" / "Аналоги" - 2-й уровень поиска (catalog_search/template_details.php) и блок "Аналоги" на карточке товара (catalog.element/.default) */ .col-delivery .buy-date-text { width:auto; } .search-results-level-2 { margin: 20px 0; } .search-back-link { margin-bottom: 20px; } .search-back-link a { color: #4a90e2; text-decoration: none; font-size: 14px; display: inline-flex; align-items: center; gap: 5px; } .search-back-link a:hover { text-decoration: underline; } .search-exact-matches, .search-analogs { margin-bottom: 40px; } .section-title { font-size: 20px; margin: 20px 0 5px 0; color: #333; border-bottom: 2px solid #4a90e2; padding-bottom: 10px; } .section-subtitle { font-size: 13px; color: #666; margin-bottom: 15px; } .products-table { overflow-x: auto; background: white; border: 1px solid #ddd; border-radius: 4px; } .table-products { width: 100%; border-collapse: collapse; font-size: 13px; } .table-products thead { background: #f5f5f5; border-bottom: 2px solid #ddd; } .table-products thead th { padding: 12px; text-align: left; font-weight: 600; color: #333; } .table-products tbody tr { border-bottom: 1px solid #eee; transition: background-color 0.2s ease; } .table-products tbody tr:hover { background-color: #f9f9f9; } .table-products td { padding: 12px; vertical-align: middle; } .col-image { width: 100px; text-align: center; } .col-image img { object-fit: contain; } .no-image-small { color: #999; font-size: 11px; } .col-brand { width: 120px; } .col-provider { width: 260px; } .provider-badge { display: inline-block; padding: 6px 10px; border-radius: 6px; font-size: 12px; font-weight: 500; color: #333; white-space: normal; } .provider-green { background: #83ca9d; } .provider-yellow { background: #fce596; } .provider-pink { background: #f6867b; } .provider-orange { background: #ffe0b2; } .col-name { flex-grow: 1; min-width: 200px; } .col-name a { color: #4a90e2; text-decoration: none; } .col-name a:hover { text-decoration: underline; } .col-price { width: 100px; text-align: center; } .col-delivery { min-width: 160px; font-size: 12px; color: #666; } .col-stock { width: 90px; text-align: center; white-space: nowrap; } .form-add2basket { display: flex; align-items: center; gap: 8px; margin: 0; } .search-results-level-2 .product-card-btns.s-flex { margin: 0; } .search-results-level-2 .product-card-btns .cart-btn { width: auto; height: auto; line-height: normal; padding: 10px 6px 10px 10px; margin: 0; display: inline-flex; align-items: center; justify-content: center; } .col-action { width: 230px; white-space: nowrap; text-align: center; } .analog-group-row td { background: #f5f5f5; padding: 10px 12px; border-top: 2px solid #ddd; } .analog-group-article { font-weight: 600; color: #333; } .table-analogs { font-size: 12px; } .table-analogs thead th { padding: 10px; font-size: 12px; } .table-analogs tbody td { padding: 10px; } /* Адаптив: на узких экранах таблица "Точные совпадения"/"Аналоги" сворачивается в столбик карточек вместо горизонтального скролла */ @media (max-width: 900px) { .products-table, .analogs-products-table { overflow-x: visible; border: none; background: transparent; } .table-products, .table-products thead, .table-products tbody, .table-products tr, .table-products th, .table-products td { display: block; width: auto; } .table-products thead { display: none; } .table-products tbody tr { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px 16px; background: white; border: 1px solid #ddd; border-radius: 6px; padding: 12px; margin-bottom: 12px; } .table-products tbody tr:hover { background: white; } .table-products td { padding: 0; min-width: 0; } .table-products .col-image { flex: 0 0 90px; width: 90px; } .table-products .col-name { flex: 1 1 100%; order: -1; font-weight: 600; } .table-products td[data-label] { flex: 1 1 45%; } .table-products td[data-label]::before { content: attr(data-label); display: block; font-size: 11px; font-weight: 600; color: #999; text-transform: uppercase; margin-bottom: 4px; } .table-products .col-action { flex: 1 1 100%; width: auto; } .analog-group-row { display: block; border: none; } .analog-group-row td { display: block; border-top: none; } } /* End */ /* Start:/local/templates/main_new/ni/ni_style.css?176975883058677*/ /* заменить пути к картинкам ( ../img/ ) */ /*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');*/ .ni-flex-center{ display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; } .ni-flex-justify{ -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } /*ШАПКА*/ .header-top{ font-family: "Montserrat", sans-serif; background:#262830; color:#fff; padding:27px 0; position:relative; } .header-top-logo{ } .header-top-catbtn{ max-width:140px; } .header-top-menu{ width:43%; } .header-top-cart{ width:14%; max-width:145px; } .mainlogo{ display:block; width:310px; white-space:norwap; } .mainlogo-logo{ display:block; width:100%; text-transform:uppercase; color:#3577e3; font-weight:bold; font-size:41px; line-height:31px; white-space:norwap; } .logo-wheel{ display:inline-block; width:31px; height:31px; background:url('/local/templates/main_new/ni/../img/wheel.svg') no-repeat center center; background-size:31px; text-indent: -9999em; margin:0 2px; } .logo-196{ color:#fff; } .mainlogo-text{ padding-top:9px; display:block; width:100%; font-size:12px; line-height:12px; color:#fff; } .ni-btn{ font-family: "Montserrat", sans-serif; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; width:100%; height:33px; font-size:12px; line-height:12px; border-radius:5px; position:relative; box-shadow:none; border:0; } .ni-btn-catalog{ max-width:109px; height:48px; background:#3577e3; color:#fff; font-size:14px; line-height:14px; padding:0 18px 0 20px; } .ni-btn-catalog:hover{ opacity:0.97; color:#fff; } .ni-btn-catalog i, .menuitem-showmore i{ display:inline-block; width:13px; height:13px; position:relative; } .ni-btn-catalog i:after, .menuitem-showmore i:after{ content:''; display:block; position:absolute; top:1px;left:6px; width:7px; height:7px; border-top:1px solid #fff; border-right:1px solid #fff; transform: rotate(135deg); } .menuitem-showmore i:after{ border-color:#3577e3; top:3px; } .ni-btn-catalog.opened i:after{ transform: rotate(-45deg); top:6px; } .menuitem-showmore.opened i:after{ transform: rotate(-45deg); top:8px; } .ni-nav-list{ width:100%; padding:0; margin:0; list-style:none; } .ni-nav-list li{ padding:0; margin:0; } .ni-nav-list li a{ display:inline-block; white-space:nowrap; font-size:14px; color:#fff; } .ni-nav-list li a:hover, .ni-nav-list li a:focus, .ni-nav-list li a.active{ color:#3577e3; } .header-top-cart .cart, .header-top-cart .login{ display:block; width:60px; height:48px; border:0; cursor:pointer; color:#fff; text-align:center; font-size:12px; line-height:12px; position:relative; padding:32px 0 0; margin:0; opacity:1; white-space:nowrap; } .header-top-cart .cart:hover, .header-top-cart .login:hover{ color:#3577e3; } .header-top-cart .login:before, .header-top-cart .cart:before{ display:none; } .header-top-cart .cart .cart-count{ position:absolute; display:block; width:17px; height:17px; border-radius:50%; background:#3577e3; color:#fff; line-height:16px; font-size:10px; font-weight:600; padding:0; position:absolute; top: -1px; right: 9px; } .header-top-cart .cart{ background:url('/local/templates/main_new/ni/../img/basket.svg') no-repeat center 5px; background-size:26px 24px; } .header-top-cart .login{ background:url('/local/templates/main_new/ni/../img/user.svg') no-repeat center 5px; background-size:21px 23px; } .header-catalog-menu-close{ position:absolute; top:10px; right:30px; width:35px; height:35px; opacity: 1; z-index:9999; background:transparent; box-shadow:none; border:0; } .header-catalog-menu-close:hover { opacity: 0.9; cursor:pointer; } .header-catalog-menu-close:before, .header-catalog-menu-close:after { content:''; display:block; position: absolute; top: 5px; right: 15px; height: 25px; width: 2px; background-color: #fff; } .header-catalog-menu-close:before { transform: rotate(45deg); } .header-catalog-menu-close:after { transform: rotate(-45deg); } .header-catalog-menu{ font-family: "Montserrat", sans-serif; position:absolute; top:100%; left:0; right:0; background:rgba(38,40,48,0.98); border-top:1px solid #4a89f2; padding:30px 0 60px; z-index:-1; opacity:0; visibility:hidden; transform:translateY(-5px); transition: all 0.1s ease-out; } .header-catalog-menu.opened{ z-index:99999; opacity:1; visibility:visible; transform:translateY(0); } .header-catalog-menu-nav{ width:100%; gap:20px; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .header-catalog-menu-col{ width:calc(25% - 20px); margin:8px 0 0; padding:0; list-style:none; } .header-catalog-menu-item{ display:inline-block; width:100%; font-size:13px; line-height:14px; margin-bottom:11px; color:#fff; } .header-catalog-menu-col:hover .header-catalog-menu-item:not(.menu-mainitem){ color:#cdcccc; } .header-catalog-menu-item:hover, .header-catalog-menu-item:focus, .header-catalog-menu-col:hover .header-catalog-menu-item:hover, .header-catalog-menu-col:hover .header-catalog-menu-item:focus{ color:#3577e3; } .header-catalog-menu-item.menu-mainitem{ font-size:14px; font-weight:600; } .menuitemhide{ display:none; } .menuitemhide.menuitemshowed{ display:block; } .menuitem-showmore{ padding-top:2px; font-size:13px; color:#3577e3; cursor:pointer; } .header-search-contacts{ font-family: "Montserrat", sans-serif; background:#ffffff; padding:19px 0 16px; } .header-search{ width:47%; } .header-contacts{ width:50%; line-height:21px; } .header-search-vinico{ display:block; width:80px; height:50px; font-size:11px; color:#525151; text-align:center; padding-top:39px; background:url('/local/templates/main_new/ni/../img/car-check.svg') no-repeat center 1px; background-size:35px 33px; margin-right:30px; white-space:nowrap; border:0; box-shadow:none; cursor:pointer; } .header-search-vinico:hover{ color:#3577e3; } .header-search .js-search-form{ width:100%; height:50px; border:1px solid #e6ecf5; border-radius:6px; position:relative; } .header-search .s-input input { background:#fff; width:100%; height:48px; padding:0 15px; padding-right:42px; font-size:13px; color:#525151; border-radius:7px; } .header-search .s-btn{ position:absolute; width:40px; height:50px; border:0; top:0; right:0; background:transparent url('/local/templates/main_new/ni/../img/search.svg') no-repeat 5px center; background-size:15px; padding:0; margin:0; font-size:0; text-indent:-9999px; } .header-mail{ font-size:14px; color:#262830; padding-left:31px; background:transparent url('/local/templates/main_new/ni/../img/mail.svg') no-repeat 0 center; background-size:15px 13px; white-space:nowrap; } .header-phone{ font-size:20px; color:#262830; font-weight:600; letter-spacing:1px; white-space:nowrap; } .header-wa{ display:inline-block; width:27px; height:27px; border-radius:50%; background:#79c946 url('/local/templates/main_new/ni/../img/wa.svg') no-repeat 7px 7px; background-size:13px; margin-left:10px; } .header-contacts .header-callback{ max-width:190px; height:46px; border:1px solid #3577e3; font-size:15px; font-weight:500; color:#262830; border-radius:23px; text-align:center; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .header-contacts .header-callback:hover, .header-contacts .header-callback:focus{ background:#3577e3; color:#fff; } .header-mainmenu{ font-family: "Montserrat", sans-serif; background:#3577e3; } .hor-mainmenu, .hor-mainmenu-nav{ width:100%; } .hor-mainmenu{ list-style:none; margin:0; padding:0; } .hor-mainmenu li{ position:relative; padding:0; } .hor-mainmenu-mainitem{ display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; -ms-flex-pack: center;justify-content: center; text-align:center; height:54px; padding:0 15px; color:#fff; font-size:14px; line-height:16px; } .hor-mainmenu li:hover .hor-mainmenu-mainitem, .hor-mainmenu-mainitem:hover, .hor-mainmenu-mainitem:focus, .hor-mainmenu-mainitem:active{ background:#1e8ee5; color:#fff; } .hor-mainmenu-submenu{ position:absolute; min-width:240px; top:calc(100% + 5px); left:1px; border-radius:10px; background:#fff; margin:0; padding:22px 32px 13px; box-shadow:0 0 29px rgba(190,190,190,0.29); z-index:-1; opacity:0; visibility:hidden; transform:translateY(-5px); transition: all 0.1s ease-out; } .hor-mainmenu li:last-child .hor-mainmenu-submenu{ left:auto; right:1px; } .hor-mainmenu-submenu:before{ content:'';display:block;width:100%;height:6px;position:absolute;top:-6px;left:0;right:0; } .hor-mainmenu li:hover .hor-mainmenu-submenu{ z-index:9999; opacity:1; visibility:visible; transform:translateY(0); } .hor-mainmenu-submenu li{ margin-bottom:11px; } .hor-mainmenu-submenu li a{ display:block; width:100%; padding:5px 0; font-size:13px; color:#262830; } .hor-mainmenu-submenu li a:hover, .hor-mainmenu-submenu li a:focus{ color:#3577e3; } .hor-mainmenu-btn{ display:none; } @media (max-width: 1299px) { .header-search { width: 39%; } .header-search .s-btn { width:30px; } .header-search .s-input input { padding-left:11px; font-size:12px; padding-right:32px; } .header-contacts { width: 59%; } .header-mail { padding-left:23px; } .header-search-vinico { margin-right:9px; } .header-phone { font-size: 18px; } .header-contacts .header-callback { max-width: 159px; } .header-top-cart { max-width: 121px; } .ni-btn-catalog { padding:0 10px; } .hor-mainmenu-mainitem, .ni-nav-list li a { font-size:13px; } .hor-mainmenu-submenu li a { font-size:12px; } .ni-nav-list{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .ni-nav-list li{ padding:4px 15px; } } @media (max-width: 991px) { .header-top .h-wrapper, .header-search-contacts .h-wrapper{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .header-top{ padding:15px 0; } .header-top-logo{ margin-top:10px; } .header-top-menu{ margin-top:15px; width:70%; } .ni-nav-list{ -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .ni-nav-list li{ padding:0 10px 10px 0; } .header-top-cart{ margin-top:10px; max-width:140px; width:30%; } .header-catalog-menu-col { width: calc(33% - 20px); } .ni-btn-catalog { max-width:140px; padding:0 35px 0 30px; } .header-search, .header-contacts{ margin-top:10px; width:100%; } .header-search-contacts { padding:5px 0 10px; } .header-search .js-search-form { height:40px; } .header-search-vinico { height:40px; padding-top:29px; } .header-search-vinico { background-size: 35px 28px; } .header-search .s-btn, .header-search .s-input input { height:38px; } .header-mainmenu{ padding:10px 0; } .header-mainmenu .h-wrapper{ display:block; } .hor-mainmenu-btn{ display:block; background:#fff; border-radius:5px; width: 48px; height: 30px; background: #fff; border: 0; position:relative; } .hor-mainmenu-btn span { display: block; position: absolute; width: 26px; height: 3px; background: #262830; top: 8px; right: 11px; border-radius: 2px; } .hor-mainmenu-btn span:nth-child(2) { top: 14px; } .hor-mainmenu-btn span:nth-child(3) { top: 20px; } .hor-mainmenu-btn.opened span:nth-child(1), .hor-mainmenu-btn.opened span:nth-child(3) { width: 17px; height: 4px; right: 15px; top: 13px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .hor-mainmenu-btn.opened span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .hor-mainmenu-btn.opened span:nth-child(2) { display: none; } .hor-mainmenu-nav{ display:none; } .hor-mainmenu-nav.opened, .hor-mainmenu-nav.opened .hor-mainmenu{ display:block; width:100%; } .hor-mainmenu-mainitem{ font-size:14px; height:auto; padding:10px 0; } .hor-mainmenu-submenu{ display:none; } } @media (max-width: 560px) { .header-top{ padding-bottom:85px; } .header-top-logo{ width:100%; text-align:center; } .header-top-logo .mainlogo{ margin:0px auto 10px; } .header-top-catbtn{ position:absolute; left:10px; bottom:10px; } .header-top-cart { width:100%; position:absolute; right:10px; bottom:10px; } .header-catalog-menu-col { width: calc(50% - 20px); } .ni-nav-list{ -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; } .ni-nav-list li{ padding:5px 15px; } .ni-nav-list li a{ font-size:14px; } .hor-mainmenu-mainitem, .header-catalog-menu-item { font-size:12px; } .header-top-menu{ margin-top:10px; width:100%; } .header-catalog-menu { padding-top:15px; } .header-mail { padding-left: 20px; font-size:13px; } .header-phone { font-size: 16px; } .header-wa { margin-left:5px; } .header-contacts .header-callback { max-width: 100px; font-size: 13px; } } @media (max-width: 460px) { .header-catalog-menu-col { max-width:300px; width: 100%; margin:0 auto; } .header-contacts { -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .header-contacts .header-callback { display:inline-block; max-width: 160px; height:20px; border:0; border-radius:0; padding:0; text-decoration:underline; color:#3577e3; margin-left:auto; margin-right: 10px; } } /*СЛАЙДЕР КАТЕГОРИЙ*/ .top-main-slider { padding:15px 10px 13px; } .top-main-slider .section{ display:block; max-width:180px; width:100%; margin:auto; height:78px; border-radius:6px; border:1px solid #f3f5f8; text-align:center; text-indent:-9999px; } .top-main-slider .section a{ display:block; width:100%; height:100%; } .top-main-slider .section span{ display:block; margin:5px; width:calc(100% - 10px); height:calc(100% - 10px); } .top-main-slider .section span{ background-size:contain; background-position:center center; background-repeat: no-repeat; } .top-main-slider .slick-dots{ width:calc(100% + 20px); margin:14px 0 0 -10px; height:2px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap; } .top-main-slider .slick-dots li, .top-main-slider .slick-dots > li button{ width:100%; height:2px; margin:0; padding:0; } .top-main-slider .slick-dots > li.slick-active button, .top-main-slider .slick-dots > li button:hover { background-color: #3577e3; } .top-main-slider .slick-arrow{ width:16px; height:16px; position:absolute; top:50px; background:transparent url('/local/templates/main_new/ni/../img/arrow.svg') no-repeat center center; background-size:16px; border:0;box-shadow:none; z-index:3; font-size: 0; text-indent:-9999px; } .top-main-slider .slick-prev{ left:0; transform:rotate(90deg); } .top-main-slider .slick-next{ right:0; transform:rotate(-90deg); } @media (max-width: 460px) { .top-main-slider .section { max-width:148px; } } /*СЛАЙДЕР БАННЕРОВ*/ .b-slider-section{ overflow:hidden; } .b-slider-wrap{ margin-top:20px; font-family: "Montserrat", sans-serif; gap:20px; } .b-slider-left{ max-width:295px; width:25%; } .b-slider-right{ width:75%; } .b-slider-a{ width:100%; height:100px; background:#cddfff; padding-left:19px; border-radius:6px; color:#262830; font-size:13px; line-height:24px; font-weight:500; margin-bottom:20px; overflow:hidden; } .b-slider-a:hover{ opacity:0.95; } .b-slider-a strong{ font-size:15px; font-weight:600; } .b-slider-a1{ background:#cddfff url('/local/templates/main_new/ni/../img/left-a1.png') no-repeat 160px 20px; } .b-slider-a2{ background:#cdeaff url('/local/templates/main_new/ni/../img/left-a2.png') no-repeat 161px 20px; } .b-slider-a3{ background:#ecf9ff url('/local/templates/main_new/ni/../img/left-a3.png') no-repeat 168px 20px; } .b-slider-slide{ border:1px solid #f3f5f8; border-radius:6px; height:340px; overflow:hidden; } .b-slider-slide img{ display:block; max-width: unset; width:100%;height:100%; object-fit:cover; object-position:center center; margin:auto; } .b-slider .slick-arrow{ width:35px; height:35px; border-radius:50%; background:#ffffff url('/local/templates/main_new/ni/../img/arrow.svg') no-repeat center center; background-size:11px; position:absolute; top:calc(50% - 17px); text-indent:-9999px; font-size: 0; box-shadow:0 0 23px rgba(79,79,79,0.21); border:0; z-index:3; } .b-slider .slick-prev{ left:15px; transform:rotate(90deg); } .b-slider .slick-next{ right:11px; transform:rotate(-90deg); } .b-slider .slick-dots{ margin-top:7px; } .b-slider .slick-dots > li{ } .b-slider .slick-dots > li button { width:5px; height:5px; border-radius:50%; background:#e5edf9; margin:0 3px; } .b-slider .slick-dots > li.slick-active button { width:21px; background:#3577e3; border-radius:2px; } @media (max-width: 1299px) { .b-slider-slide { height:260px; } .b-slider-a { height:80px; margin-bottom: 10px; } .b-slider-a{ padding-left:14px; background-size: auto 50px; } .b-slider-a1 { background-position:140px 20px; } .b-slider-a2 { background-position:141px 20px; } .b-slider-a3 { background-position:148px 15px; } .b-slider .slick-prev { left: 5px; } .b-slider .slick-next { right: 5px; } } @media (max-width: 991px) { .b-slider-wrap{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .b-slider-left, .b-slider-right{ max-width:100%; width:100%; } .b-slider-left{ gap:10px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } } @media (max-width: 768px) { .b-slider-slide { height:auto; } .b-slider-a { height: 65px; margin-bottom: 0px; line-height: 18px; padding-left:8px; background-size: auto 40px; } } @media (max-width: 650px) { .b-slider-a1 { background-position:130px 13px; } .b-slider-a2 { background-position:117px 13px; } .b-slider-a3 { background-position:130px 10px; } } @media (max-width: 530px) { .b-slider-left{ gap:0; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .b-slider-a{ width:100%; height:53px; margin-bottom:5px; padding-left:20px; background-position:calc(100% - 20px) 10px; padding-right:115px; } .b-slider-a br{ display:none; } .b-slider .slick-prev{ left:-20px; } .b-slider .slick-next{ right:-20px; } } /*СЕЗОННЫЙ ТОВАР*/ .season-section{ padding-top:25px; padding-bottom:16px; font-family: "Montserrat", sans-serif; } .ni-section-title{ font-size:28px; line-height:28px; color:#262830; font-weight:600; } .season-showmore{ display:inline-block; font-size:13px; line-height:28px; color:#3577e3; } .season-showmore:hover, .season-showmore:focus{ color:#3577e3; } .season-showmore i, .season-block-btn i{ display:inline-block; position: relative; width: 17px; height: 28px; margin-left:12px; } .season-showmore i:after, .season-showmore i:before, .season-block-btn i:after, .season-block-btn i:before { content: ''; display: block; position: absolute; right: 3px; } .season-showmore i:after, .season-block-btn i:after { width: 4px; height: 4px; border-top: 1px solid; border-right: 1px solid; transform: rotate(45deg); bottom: 2px; } .season-showmore i:before, .season-block-btn i:before { width: 17px; height: 2px; bottom: 3px; background: #b3ccf4; } .season-wrap{ margin-top: 10px; gap: 20px; } .season-left{ max-width: 295px; width: 25%; } .season-right { padding-top:6px; width: 75%; } .season-menu{ margin:0; padding:0; width:100%; list-style:none; } .season-menu li{ width:100%; } .season-menu-item{ display:block; width:100%; min-height:30px; padding:10px; padding-left:64px; position:relative; color:#262830; font-size:14px; line-height:24px; } .season-menu-item:hover{ color:#3577e3; } .season-menu-item:hover:before{ content:''; display:block; width:3px; height:35px; position:absolute; left:0; top:calc(50% - 17px); background:#3577e3; } .season-menu-item-i1{ background:url('/local/templates/main_new/ni/../img/icon/i1.svg') no-repeat 20px center; background-size:23px auto; } .season-menu-item-i2{ background:url('/local/templates/main_new/ni/../img/icon/i2.svg') no-repeat 17px center; background-size:30px auto; } .season-menu-item-i3{ background:url('/local/templates/main_new/ni/../img/icon/i3.svg') no-repeat 20px center; background-size:28px auto; } .season-menu-item-i4{ background:url('/local/templates/main_new/ni/../img/icon/i4.svg') no-repeat 20px center; background-size:25px auto; } .season-menu-item-i5{ background:url('/local/templates/main_new/ni/../img/icon/i5.svg') no-repeat 20px center; background-size:21px auto; } .season-menu-item-i6{ background:url('/local/templates/main_new/ni/../img/icon/i6.svg') no-repeat 17px center; background-size:30px auto; } .season-menu-item-i7{ background:url('/local/templates/main_new/ni/../img/icon/i7.svg') no-repeat 20px center; background-size:24px auto; } .season-menu-item-i8{ background:url('/local/templates/main_new/ni/../img/icon/i8.svg') no-repeat 25px center; background-size:17px auto; } .season-menu-item-i9{ background:url('/local/templates/main_new/ni/../img/icon/i9.svg') no-repeat 20px center; background-size:24px auto; } .season-menu-item-i10{ background:url('/local/templates/main_new/ni/../img/icon/i10.svg') no-repeat 20px center; background-size:26px auto; } .season-menu-item-i11{ background:url('/local/templates/main_new/ni/../img/icon/i11.svg') no-repeat 20px center; background-size:24px auto; } .season-menu-item-i12{ background:url('/local/templates/main_new/ni/../img/icon/i12.svg') no-repeat 20px center; background-size:27px auto; } .season-menu-item-i13{ background:url('/local/templates/main_new/ni/../img/icon/i13.svg') no-repeat 22px center; background-size:26px auto; } .season-menu-item-i14{ background:url('/local/templates/main_new/ni/../img/icon/i14.svg') no-repeat 20px center; background-size:22px auto; } .season-menu-item-i15{ background:url('/local/templates/main_new/ni/../img/icon/i15.svg') no-repeat 20px center; background-size:24px auto; } .season-menu-item-i16{ background:url('/local/templates/main_new/ni/../img/icon/i16.svg') no-repeat 20px center; background-size:24px auto; } .season-blocks{ width:100%; gap:20px; } .season-block{ width:33%; } .season-block-a{ display:block; width:100%; height:203px; overflow:hidden; color:#262830; font-size:15px; font-weight:600; border-radius:6px; margin-bottom:20px; background: rgb(202,238,254); background: -moz-linear-gradient(300deg, rgba(202,238,254,1) 0%, rgba(236,249,255,1) 100%); background: -webkit-linear-gradient(300deg, rgba(202,238,254,1) 0%, rgba(236,249,255,1) 100%); background: linear-gradient(300deg, rgba(202,238,254,1) 0%, rgba(236,249,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#caeefe",endColorstr="#ecf9ff",GradientType=1); } .season-block-big .season-block-a{ height:427px; } .season-block-bg{ display:block; width:100%; height:100%; padding-top:25px; padding-left:30px; } .season-block-img1{ background:url('/local/templates/main_new/ni/../img/c-img/c-img1.png') no-repeat right bottom; } .season-block-img2{ background:url('/local/templates/main_new/ni/../img/c-img/c-img2.png') no-repeat right bottom; } .season-block-img3{ background:url('/local/templates/main_new/ni/../img/c-img/c-img3.png') no-repeat right bottom; } .season-block-img4{ background:url('/local/templates/main_new/ni/../img/c-img/c-img4.png') no-repeat right bottom; } .season-block-img5{ background:url('/local/templates/main_new/ni/../img/c-img/c-img5.png') no-repeat right bottom; } .season-block-img6{ background:url('/local/templates/main_new/ni/../img/c-img/c-img6.png') no-repeat right bottom; } .season-block-img7{ background:url('/local/templates/main_new/ni/../img/c-img/c-img7.png') no-repeat right bottom; } .season-block-img8{ background:url('/local/templates/main_new/ni/../img/c-img/c-img8.png') no-repeat right bottom; } .season-block-img9{ background:url('/local/templates/main_new/ni/../img/c-img/c-img9.png') no-repeat right bottom; } .season-blue{ background: rgb(148,206,232); background: -moz-linear-gradient(300deg, rgba(148,206,232,1) 0%, rgba(236,249,255,1) 100%); background: -webkit-linear-gradient(300deg, rgba(148,206,232,1) 0%, rgba(236,249,255,1) 100%); background: linear-gradient(300deg, rgba(148,206,232,1) 0%, rgba(236,249,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#94cee8",endColorstr="#ecf9ff",GradientType=1); } .season-beige{ background: rgb(255,223,199); background: -moz-linear-gradient(300deg, rgba(255,223,199,1) 0%, rgba(255,244,236,1) 100%); background: -webkit-linear-gradient(300deg, rgba(255,223,199,1) 0%, rgba(255,244,236,1) 100%); background: linear-gradient(300deg, rgba(255,223,199,1) 0%, rgba(255,244,236,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdfc7",endColorstr="#fff4ec",GradientType=1); } .season-beige2{ background: rgb(255,196,148); background: -moz-linear-gradient(300deg, rgba(255,196,148,1) 0%, rgba(255,233,216,1) 100%); background: -webkit-linear-gradient(300deg, rgba(255,196,148,1) 0%, rgba(255,233,216,1) 100%); background: linear-gradient(300deg, rgba(255,196,148,1) 0%, rgba(255,233,216,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc494",endColorstr="#ffe9d8",GradientType=1); } .season-purple{ background: rgb(190,206,251); background: -moz-linear-gradient(300deg, rgba(190,206,251,1) 0%, rgba(236,241,255,1) 100%); background: -webkit-linear-gradient(300deg, rgba(190,206,251,1) 0%, rgba(236,241,255,1) 100%); background: linear-gradient(300deg, rgba(190,206,251,1) 0%, rgba(236,241,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#becefb",endColorstr="#ecf1ff",GradientType=1); } .season-purple2{ background: rgb(233,188,248); background: -moz-linear-gradient(300deg, rgba(233,188,248,1) 0%, rgba(254,223,252,1) 100%); background: -webkit-linear-gradient(300deg, rgba(233,188,248,1) 0%, rgba(254,223,252,1) 100%); background: linear-gradient(300deg, rgba(233,188,248,1) 0%, rgba(254,223,252,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9bcf8",endColorstr="#fedffc",GradientType=1); } .season-green{ background: rgb(195,255,201); background: -moz-linear-gradient(300deg, rgba(195,255,201,1) 0%, rgba(236,255,238,1) 100%); background: -webkit-linear-gradient(300deg, rgba(195,255,201,1) 0%, rgba(236,255,238,1) 100%); background: linear-gradient(300deg, rgba(195,255,201,1) 0%, rgba(236,255,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c3ffc9",endColorstr="#ecffee",GradientType=1); } .season-green2{ background: rgb(180,230,158); background: -moz-linear-gradient(300deg, rgba(180,230,158,1) 0%, rgba(233,255,231,1) 100%); background: -webkit-linear-gradient(300deg, rgba(180,230,158,1) 0%, rgba(233,255,231,1) 100%); background: linear-gradient(300deg, rgba(180,230,158,1) 0%, rgba(233,255,231,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b4e69e",endColorstr="#e9ffe7",GradientType=1); } .season-pink{ background: rgb(251,190,233); background: -moz-linear-gradient(300deg, rgba(251,190,233,1) 0%, rgba(248,236,255,1) 100%); background: -webkit-linear-gradient(300deg, rgba(251,190,233,1) 0%, rgba(248,236,255,1) 100%); background: linear-gradient(300deg, rgba(251,190,233,1) 0%, rgba(248,236,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbbee9",endColorstr="#f8ecff",GradientType=1); } .season-red{ background: rgb(255,151,151); background: -moz-linear-gradient(300deg, rgba(255,151,151,1) 0%, rgba(255,231,231,1) 100%); background: -webkit-linear-gradient(300deg, rgba(255,151,151,1) 0%, rgba(255,231,231,1) 100%); background: linear-gradient(300deg, rgba(255,151,151,1) 0%, rgba(255,231,231,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9797",endColorstr="#ffe7e7",GradientType=1); } .season-block-title{ min-height:38px; } .season-block-btn{ display:inline-block; width:123px; height:33px; border:1px solid #262830; font-size:12px; line-height:33px; color:#262830; padding:0 0 0 10px; border-radius:6px; background:transparent; } .season-block-a:hover .season-block-btn, .season-block-btn:hover, .season-block-btn:focus{ background:#1e8ee5; border-color:#1e8ee5; color:#fff; } .season-block-btn i{ height:12px; margin-left:6px; } .season-block-btn i:after { width: 3px; height: 3px; } .season-block-btn i:before { height:2px; background: #8f9a9f; } .season-block-btn:hover i:before, .season-block-a:hover .season-block-btn i:before { background: #73b9ef; } @media (max-width: 1299px) { .season-block-bg { padding-top: 18px; padding-left: 20px; } .season-menu-item { padding-left: 48px; line-height: 20px; background-position:10px center; } .season-menu-item-i2, .season-menu-item-i6{ background-position:7px center; } .season-menu-item-i8{ background-position:15px center; } } @media (max-width: 991px) { .season-block-bg { padding-top: 10px; padding-left: 13px; } .season-block-a { font-size:13px; line-height:16px; } .season-menu-item { font-size:13px; line-height:15px; } .season-block-a { height:175px; padding-right:5px; } .season-block-bg{ background-size: auto 45%; } .season-block-big .season-block-bg{ background-size: auto 50%; } .season-block-big .season-block-a { height: 371px; } } @media (max-width: 768px) { .season-wrap{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .season-left, .season-right{ max-width:100%; width:100%; } .season-menu{ width:100%; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; gap:10px; } .season-menu li{ width:calc(33% - 10px); } .season-menu-item{ height:50px; padding-top:0; padding-bottom:0; margin:0; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center; align-items: center; } } @media (max-width: 550px) { .season-section-title{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .ni-section-title{ width:100%; } .season-menu li{ width:calc(50% - 10px); } .season-blocks{ gap:5px; } .season-block-a { margin-bottom:5px; } .season-block-big .season-block-a { height: 355px; } .season-menu-item { padding-left: 41px; } } @media (max-width: 450px) { .season-blocks{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .season-block{ width:calc(50% - 3px); } .season-block-third{ margin-top:-5px; width:100%; display: -webkit-flex;display: -ms-flexbox;display: flex; gap:5px; } .season-block-third .season-block-a{ width:calc(50% - 3px); } } /* ТОВАРЫ + АКЦИИ */ .section-prod{ font-family: "Montserrat", sans-serif; margin-bottom:40px; } .ni-main-products-blocks{ margin:20px 0; gap:20px; } .ni-main-products-leftblock{ width:75%; } .ni-main-products-rightblock{ max-width:295px; width:25%; } .ni-products-blocks{ margin-top:12px; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; gap:20px; } .ni-product{ display:block; width:100%; background:#fff; padding:29px; border-radius:6px; box-shadow:0 0 19px rgba(190,190,190,0.29); display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; position:relative; z-index:1; } .ni-products-blocks .ni-product{ width:calc(50% - 10px); } .ni-product-photo{ display:block; width:175px; height:175px; border:1px solid #f3f5f8; border-radius:6px; overflow:hidden; } .ni-product-photo img{ display:block; width:100%; height:100%; max-width: unset; object-fit:contain; object-position:center bottom; margin:auto; } .ni-product-text{ width:calc(100% - 175px); padding-left:20px; } .ni-product-title{ color:#262830; font-size:15px; line-height:24px; font-weight:600; margin-bottom:10px; margin-top:-5px; } .ni-product-text ul{ margin:0; padding:0; list-style:none; } .ni-product-text ul li{ margin:0;padding:0; } .ni-product-text ul li a{ display:inline-block; padding-left:10px; position:relative; color:#262830; font-size:13px; line-height:14px; } .ni-product-text ul li a:hover,.ni-product-text ul li a:focus{ color:#3577e3; } .ni-product-text ul li a:before{ content:''; display:block; width:2px; height:2px; background:#262830; position:absolute; top:calc(50% + 1px); left:0; } .ni-product-text ul li a:hover:before,.ni-product-text ul li a:focus:before{ background:#3577e3; } .pistongroup-btn{ display:inline-block; padding-top:15px; color: #3577e3; font-size:13px; line-height: 16px; text-decoration: underline; text-decoration-style: dotted; cursor:pointer; } .pistongroup-btn:hover, .pistongroup-btn:focus{ color: #3577e3; } .ni-actions-slider{ padding:57px 0 17px; } .ni-actions-slider .slick-arrow{ width:68px; height:25px; position:absolute; left:calc(50% - 34px); border:1px solid #1e8ee5; border-radius:3px; font-size:0; text-indent:-99999px; background:#fff; } .ni-actions-slider .slick-arrow:before{ content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url('/local/templates/main_new/ni/../img/sarr.png') no-repeat center center; background-size:11px 7px; } .ni-actions-slider .slick-next:before{ -moz-transform: scale(-1, -1); -o-transform: scale(-1, -1); -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } .ni-actions-slider .slick-prev{ top:10px; } .ni-actions-slider .slick-next{ bottom:0; } .ni-actions-slider .slick-arrow:hover, .ni-actions-slider .slick-arrow:focus{ background:#1e8ee5; } .ni-actions-slider .slick-arrow:hover:before, .ni-actions-slider .slick-arrow:focus:before{ filter: brightness(0) invert(1); } .ni-actions{ margin-top: 9px; background:#fff; box-shadow:0 0 19px rgba(190,190,190,0.29); border-radius:6px; padding:20px; } .ni-sto-box{ width:100%; margin-bottom:50px; } .ni-sto-box-img-title{ padding-top:5px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; margin-bottom:20px; } .ni-sto-box-img{ position:relative; display:block; width:73px; height:73px; } .ni-sto-box-img .label{ display:inline-block; font-size:11px; line-height:11px; padding:6px 8px; margin:0; position:absolute; top:-1px; left:-1px; z-index:2; background:#ff9000; color:#fff; text-transform: lowercase; border-radius:3px; } .ni-sto-box-img a{ display:block; width:100%; height:100%; border:1px solid #f3f5f8; border-radius:6px; overflow:hidden; } .ni-sto-box-img img{ display:block; width:100%; height:100%; object-fit:cover; margin:auto; } .ni-sto-box-caption{ width:calc(100% - 83px); font-size:13px; line-height:18px; color:#262830; } .ni-sto-box-caption a{ display:block; width:100%; color:#262830; font-weight:600; height:35px; overflow:hidden; margin-bottom:5px; } .ni-sto-box-caption .producer{ } .ni-sto-footer{ display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .ni-sto-footer .stof-l{ padding:0; margin:0; max-width:142px; width:55%; background:#f7f7f7; border-radius:6px; height:35px; padding-left:10px; line-height:15px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; } .ni-sto-footer .price{ font-size:15px; color:#262830; font-weight:600; padding-right:8px; } .ni-sto-footer .old-price{ font-size:12px; color:#8f8e8e; font-weight:500; } .ni-sto-footer .stof-r{ padding:0; margin:0; max-width:105px; width:45%; } .ni-sto-footer .cart-btn{ height:35px; background:#3577e3; color:#fff; font-size:13px; font-weight:400; border:none; padding:0; border-radius:6px; } .ni-sto-footer .cart-btn:hover,.ni-sto-footer .cart-btn:focus{ color:#fff; background-color:#1e8ee5; } .ni-sto-footer .cart-btn .icon-cart{ display:inline-block; width:17px; height:15px; background: url('/local/templates/main_new/ni/../img/basket.svg') no-repeat center center; background-size: 17px 15px; margin-right:3px; } .ni-sto-footer .cart-btn .icon-cart:before { display:none; } @media (max-width: 1299px) { .ni-main-products-rightblock { width: 38%; } .ni-product { padding: 19px; } .ni-product-photo { width: 80px; height: 80px; } .ni-product-text { width: calc(100% - 80px); padding-left: 15px; } .ni-product-title { font-size: 14px; line-height: 22px; } .ni-actions-slider { padding: 18px 0 0px; } .ni-actions-slider .slick-prev { top: -5px; } } @media (max-width: 991px) { .ni-main-products-blocks{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .ni-main-products-leftblock, .ni-main-products-rightblock{ max-width:100%; width:100%; } .ni-main-products-rightblock{ padding-top:30px; } .ni-actions-slider { padding: 48px 0 0px; } } @media (max-width: 560px) { .ni-products-blocks{ gap:10px; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .ni-products-blocks .ni-product{ width:100%; } } /* БРЕНДЫ */ .section-brands{ font-family: "Montserrat", sans-serif; padding:15px 0 30px; } .brands-blocks{ gap:20px; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .brands-block{ display:block; width:calc(16% - 10px); height:82px; position:relative; padding:5px; border:1px solid #f3f5f8; border-radius:10px; } .brands-block img { position: absolute; margin: auto; left: 3px; top: 3px; bottom: 3px; right: 3px; max-width:calc(100% - 6px); max-height:calc(100% - 6px); } .brands-blocks .brands-block{ display:none; } .brands-blocks .brands-block:nth-child(-n+6), .brands-blocks.opened .brands-block{ display:block; } .s-btn.show-brands-btn{ max-width:237px; width:100%; height:40px; color:#fff; background:#3577e3; border-radius:6px; margin:20px auto 0; font-size:13px; padding:0; border:0; } @media (max-width: 1299px) { .brands-blocks{ gap:5px; } .brands-block{ width:calc(16% - 3px); } } @media (max-width: 991px) { .brands-block{ width:calc(33% - 3px); } } @media (max-width: 450px) { .brands-block{ width:calc(50% - 3px); } } /* О КОМПАНИИ/МАГАЗИНЕ */ .section-about{ font-family: "Montserrat", sans-serif; margin:30px 0 60px; } .section-about .season-section-title{ margin-bottom:15px; } .about-blocks-video{ margin-top:8px; width:330px; } .about-blocks-text{ width:calc(100% - 356px); color:#262830; } .about-blocks-text p{ font-size:14px; line-height:24px; margin:0; margin-bottom:20px; text-align:justify; } .about-advantages p{ font-size:13px; line-height:22px; margin:0; text-align:left; } .about-advantages-item{ width:25%; padding-right:15px; } .advantage-num{ display:block; width:100%; font-size:25px; line-height:25px; color:#3577e3; font-weight:bold; padding-bottom:5px; } .show-video-b{ display:block; max-width:330px; width:100%; height:187px; border:2px solid #2c2c2c; border-radius:6px; overflow:hidden; position:relative; } .show-video-b img{ max-width: unset; display:block;width:100%;height:100%;object-fit:cover; } .button-play{ display:block; width:62px; height:62px; z-index:2; position:absolute; top:calc(50% - 31px); left:calc(50% - 31px); background:rgba(54,125,243,0.46); border-radius:50%; } .button-play:before{ content:''; position:absolute; display:block; width:46px; height:46px; top:calc(50% - 23px); left:calc(50% - 23px); background:rgba(54,125,243,0.77) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAvCAMAAABNEsPkAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAADBQTFRFR3BM////////////////////////////////////////////////////////////RD7sAgAAAA90Uk5TACD4z+EDt1EN7WV6OaGHQUx79gAAALpJREFUeNq1lUsOxSAIRa2K37Z3/7t9eenAmChIbM/4hNyIgPlz3M4ih0hGpFo8uCiYdKERDr4qOu40Vw+LnlxILNtw58R1GHCNY2eMsMPYmOAj58qx0RBjgyNXYlw2Nlj6tkPmSpw7aTtE2vthkaJwERWuT+suisINCtcr3Lxddz9v+eZ94xf/wS//s1zp/bkIp6G359jWtLF3tveZL3v717F7qefmg8p3iNT3Tb6bZBio2tZQztTc+R+iM1BaHUfXPgAAAABJRU5ErkJggg==") no-repeat calc(50% + 1px) center; background-size:13px; border-radius:50%; transition: all 0.3s ease-out; } .show-video-b:hover .button-play:before{ width:62px; height:62px; top:0; left:0; } @media (max-width: 1299px) { .about-advantages p { line-height:18px; } } @media (max-width: 991px) { .about-advantages{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .about-advantages-item{ width:50%; margin-bottom:20px; } } @media (max-width: 768px) { .section-about { margin: 20px 0 30px; } .about-blocks{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .about-blocks-video, .about-blocks-text{ width:100% } .about-blocks-text{ padding-top:20px; } .about-advantages{ padding-left:30px; } } /* ФОРМА СВЯЗИ */ .main-form{ font-family: "Montserrat", sans-serif; color:#fff; width:100%; background:#3577e3 url('/local/templates/main_new/ni/../img/fbg.png') no-repeat left bottom; padding:57px 59px 56px 63px; border-radius:10px; margin:40px 0 60px; } .main-form-part{ width:50%; } .main-form-title{ font-size:28px; font-weight:600; margin-bottom:19px; } .main-form-subtitle{ max-width:470px; font-size:16px; line-height:32px; margin-bottom:11px; } .main-form-phone{ padding-top:12px; font-size:15px; line-height:21px; margin-bottom:25px; } .main-form-phone-a{ padding-left:29px; min-height:21px; color:#ffffff; font-size:20px; font-weight:600; margin-right:10px; background:url('/local/templates/main_new/ni/../img/phone.png') no-repeat 0 center; background-size:19px 21px; white-space:nowrap; } .main-form-phone-a:hover, .main-form-phone-a:focus, .main-form-wa-a:hover, .main-form-wa-a:focus, .main-form-tg-a:hover, .main-form-tg-a:focus{ color:#ffffff; } .main-form-wa-a, .main-form-tg-a{ font-size:15px; line-height:15px; color:#fff; position:relative; padding-left:50px; height:42px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; } .main-form-wa-a:before, .main-form-tg-a:before { content:''; display:block; width:42px; height:42px; position:absolute; top:0; left:0; background:#79c946 url('/local/templates/main_new/ni/../img/wa.svg') no-repeat 11px 11px; background-size:20px; border-radius:50%; } .main-form-tg-a:before { background:#3db3e8 url('/local/templates/main_new/ni/../img2/tg.svg') no-repeat center center; } .main-form-form{ margin-top:5px; max-width:531px; width:100%; margin-left:auto; background:#fff; border-radius:8px; padding:30px 50px 37px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .main-form-form input{ max-width:203px; width:100%; height:47px; background:#f8f8f8; color:#525151; font-size:13px; text-align:center; border-radius:8px; border:1px solid #e6ecf5; margin-bottom:18px; } .form-privacy, .soglasie{ display:block; width:100%; } input.mcheckbox { display: none; } .mcheckbox-c, .mlabel { display: inline-block; vertical-align: top; } .mcheckbox-c { position: relative; width:20px; height:20px; border:1px solid #e7ecf5; border-radius:50%; background:#fff; margin-top: 0; margin-right:5px; cursor: pointer; } .mlabel { color:#6b6b6b; font-size:10px; font-weight:500; padding-top:2px; max-width: calc(100% - 30px); width: auto; } .mlabel a, .mlabel a:hover, .mlabel a:focus{ color:#6b6b6b; text-decoration:underline; } input.mcheckbox:checked + .mcheckbox-c:before { content:''; display:block; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAbCAMAAADF2xaWAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAACFQTFRFR3BMAIT/AIT/AIT/AIT/AIT/AIT/AIT/AIT/AIT/AIT/f7yeugAAAAp0Uk5TAAQjN02HpdHk8YIngG8AAABpSURBVHjavdMxAsAgCENRhFY09z9wtyxg3PrXvDWmimeYbAI7xD4mQHIGQN4AcAV5A8t/AyNcguELeAUw3wBJBywBkhYYQNIDS5IDsNgkBRSSBRRSAYkAJAKQCEBCIAhBTwgEITjk/cM+TxYLRH6ljbsAAAAASUVORK5CYII=") no-repeat center center; background-size:8px auto ; position:absolute; top:0px; left:0px; width:19px; height:19px; } .form-car-data{ color:#3577e3; font-size:13px; line-height:14px; max-width:203px; width:100%; height:47px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; background:transparent;border:0;box-shadow:none; } .form-car-data:hover,.form-car-data:focus{ background:transparent;border:0;box-shadow:none; } .form-car-data span{ border-bottom:1px dotted #3577e3; } .s-btn.main-form-submit{ max-width:237px; margin:10px auto 0; height:50px; background:#3577e3; color:#fff; border:none; border-radius:6px; } .s-btn.main-form-submit:hover{ opacity:0.95; } @media (max-width: 1299px) { .main-form-form { padding:30px 20px; } .main-form-form input, .form-car-data { max-width: 178px; } .main-form-subtitle { font-size: 15px; line-height: 25px; margin-bottom: 5px; } .main-form-title { font-size: 26px; margin-bottom: 17px; } } @media (max-width: 991px) { .main-form{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .main-form-part{ width:100%; } .main-form-form{ max-width:100%; margin:20px 0 0; } .main-form-phone { margin-bottom:13px; } .main-form-form input, .form-car-data { max-width: 48%; } } @media (max-width: 560px) { .main-form{ margin-top:20px; padding: 35px 30px; } } @media (max-width: 480px) { .main-form-form input, .form-car-data { max-width: 100%; } .main-form-phone span{ display:block; width:100%; white-space:nowrap; padding-left: 30px; } } /* ФУТЕР */ .ni-footer{ font-family: "Montserrat", sans-serif; background:#262830; color:#fff; padding-top:48px; } .subfooter{ margin-top:18px; padding:10px 0; border-top:1px solid #2d3f5b; } .footer-s-btns{ font-size:12px; line-height:21px; margin-top:30px; } .footer-s-btns-title{ display:block; width:100%; margin-bottom:5px; } .yoomoney-logo{ width:155px; } .f-soc{ display:block; width:31px; height:31px; margin-right:15px; } .f-soc-rutube{ background:url('/local/templates/main_new/ni/../img/rutube.svg') no-repeat center center; background-size:31px; } .f-soc-dzen{ background:url('/local/templates/main_new/ni/../img/dzen.svg') no-repeat center center; background-size:31px; } .f-soc-youtube{ background:url('/local/templates/main_new/ni/../img/ytube.svg') no-repeat center center; background-size:31px; } .f-soc-tg{ background:#3db3e8 url('/local/templates/main_new/ni/../img2/tg.svg') no-repeat center; background-size:22px; border-radius: 50%; } .footer-req{ font-size:12px; } .footer-policy{ font-size:12px; color:#fff; text-decoration:underline; } .footer-policy:hover, .footer-policy:focus{ color:#3577e3; text-decoration:underline; } .footer-mail{ font-size:14px; color:#fff; } .footer-mail:hover, .footer-mail:focus{ color:#fff; } .footer-contacts{ max-width:36%; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .footer-contacts-col{ width:50%; font-size:14px; line-height:24px; margin-bottom:15px; } .footer-contacts-col b{ font-size:15px; font-weight:600; } .footer-contacts .header-phone{ font-size:14px; color:#fff; font-weight:400; letter-spacing:0.5px; } .footer-contacts .header-wa{ width:29px; height:29px; background-position:8px 8px; } .footer-menu ul{ margin:0; padding:0; list-style:none; min-width:150px; width:50%; } .footer-menu ul li{ margin-bottom:5px; } .footer-menu a{ font-size:14px; color:#fff; padding-bottom:5px; } .footer-menu a:hover, .footer-menu a:focus{ color:#3577e3; } @media (max-width: 1299px) { .footer-blocks{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .footer-contacts{ max-width:100%; width:100%; } .footer-contacts-col{ width:auto; } .footer-s-btns{ margin-top:20px; margin-bottom:20px; } } @media (max-width: 768px) { .subfooter{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .footer-contacts-col{ width:50%; } .footer-policy{ width:100%; } } @media (max-width: 650px) { .ni-footer { padding-top:30px; } .footer-menu{ width:100%; margin-bottom:25px; } } @media (max-width: 450px) { .footer-contacts-col{ font-size:13px; } } /* ПОПАП */ .dm-overlay { position: fixed; top: 0; left: 0; background: rgba(38,40,48, 0.8); display: none; overflow: auto; width: 100%; height: 100%; z-index: 99999999; } .dm-overlay:target { display: block; -webkit-animation: fade .6s; -moz-animation: fade .6s; animation: fade .6s; } .dm-table { display: table; width: 100%; height: 100%; } .dm-cell { display: table-cell; padding: 0 1em; vertical-align: middle; text-align: center; } .dm-modal { font-family: "Montserrat", sans-serif; display: inline-block; display:none; max-width: 1010px; width:100%; color: #000; background:#fff; text-align: left; -webkit-animation: fade .8s; -moz-animation: fade .8s; animation: fade .8s; position:relative; padding: 20px; } @-moz-keyframes fade { from { opacity: 0; } to { opacity: 1 } } @-webkit-keyframes fade { from { opacity: 0; } to { opacity: 1 } } @keyframes fade { from { opacity: 0; } to { opacity: 1 } } .closeme { position: absolute; right: -40px; top: -10px; width: 30px; height: 30px; opacity: 1; z-index:9999; } .closeme:hover { opacity: 0.9; cursor:pointer; } .closeme:before, .closeme:after { content: ''; position: absolute; top: 8px; right: 21px; height: 25px; width: 2px; background-color: #fff; } .closeme:before { transform: rotate(45deg); } .closeme:after { transform: rotate(-45deg); } .pistongroup-modal{ max-width:728px; padding:55px 58px 20px; border-radius:4px; color:#262830; } .modal-title{ font-size:18px; line-height:21px; font-weight:bold; margin-bottom:18px; text-align:center; } .modal-text{ font-size:13px; line-height:24px; text-align:center; margin-bottom:30px; } .ni-m-table{ width:100%; margin-bottom:40px; } .ni-m-table-row{ gap:2px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .ni-m-table-td{ width:100%; font-size:13px; line-height:14px; border-radius:3px; height:45px; border:1px solid #b7cae8; margin-bottom:2px; text-align:center; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; -ms-flex-pack: center;justify-content: center; } .ni-m-table-headrow .ni-m-table-td{ background:#4a89f2; font-size:14px; font-weight:600; color:#fff; border-color:#4a89f2; } .ni-m-table-td-left{ -ms-flex-pack:start;justify-content: start; padding-left:20px; text-align:left; } .ni-m-table-td-small{ max-width:150px; } @media (max-width: 850px) { .pistongroup-modal{ padding:35px 10px 10px; } .closeme{ right: 10px; top: 0px; } .closeme:before, .closeme:after { background-color: #000; } .ni-m-table-td, .ni-m-table-headrow .ni-m-table-td { font-size:12px; } } @keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:5px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px} .catalogpage-mainmenu-nav{ margin-bottom:60px; } .catalogpage-mainmenu-nav, .catalogpage-mainmenu-nav li:not(.menuitem-showmore), .catalogpage-mainmenu-nav a, .catalogpage-mainmenu-nav .header-catalog-menu-col:hover .header-catalog-menu-item:not(.menu-mainitem) { color: #262830; } .catalogpage-mainmenu-nav .header-catalog-menu-col:hover a.header-catalog-menu-item:hover{ color: #3577e3; } /*12.06.2025 */ .nds-note-text:hover{ background:#3577e3; color:#fff; } .nds-note-text{ margin-top:20px; } .product-card-return{ padding-top:20px; } .product-card-return-text{ padding-left:64px; margin-bottom:20px; min-height:45px; background:url('/local/templates/main_new/ni/../img/return.png') no-repeat left 6px / 45px 42px; } .product-card-return p { margin-top:5px; line-height:15px; } .ndsform-title, .ndsform-title2{ margin-top:10px; font-size:18px; line-height:21px; font-weight:bold; margin-bottom:35px; } .ndsform-title2{ margin-top:25px; margin-bottom:18px; } #nds-modal.modal{ font-family: "Montserrat", sans-serif; max-width: calc(100% - 30px); width:707px; border-radius:4px; } #nds-modal.modal .fancybox-close-small { top:-5px; right:-25px; } #nds-modal.modal .fancybox-close-small:after { color:#fff; } .ndsform-btn,.ndsform-btn:hover,.ndsform-btn:focus{ background: #3577e3; color: #fff; opacity: 1; border: 0; font-size: 13px; line-height: 13px; padding: 17px 53px 19px; border-radius: 6px; } #nds-modal.modal .form-input{ height:47px; background:#f8f8f8; border:1px solid #e6ecf5; } .n-radio-container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; font-family: "Montserrat", sans-serif; margin-bottom:20px; } .custom-n-radio { width:calc(50% - 5px); display: flex; align-items: center; padding: 10px; border: 1px solid #e6ecf5; border-radius: 6px; cursor: pointer; user-select: none; transition: all 0.1s; padding:10px 20px; } .custom-n-radio input[type="radio"] { display: none; } .custom-n-radio:hover { border-color: #cfd9e8; } .custom-n-radio:has(input[type="radio"]:checked) { border-color: #3577e3; } .n-radio-check { width: 17px; height: 17px; border-radius: 50%; margin-right: 11px; position: relative; background:#e6ecf5; border:0; position:relative; } .custom-n-radio input[type="radio"]:checked + .n-radio-check { background:#3577e3 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAfUlEQVR42q3S0QmAMAwE0Pa3O7iIC/jjBl3CMZygU7hHx4opVE4IcrTx4KBw5X0lbMceZisiuTd6kFOQ4kQQH4KUXxBtfH9atHEGaXtoD+3Vh6pNo8gDZWwW4wigtY8G4wiKw7KpBDHQB8YRC3EMCIeAUYRDwBjCIWBp5OpvYWJC0zF7icAAAAAASUVORK5CYII=') no-repeat center center / 7px; } .n-radio-text { max-width:180px; font-size: 14px; line-height:24px; width:calc(100% - 28px); } @media (max-width: 768px) { .custom-n-radio { width:100%; } } /**/ /* End */ /* Start:/local/templates/main_new/ni/ni_style2.css?1753086128100562*/ .ni-actions-slider { padding: 37px 0; } .ni-sto-box { margin-bottom:30px; } .ni-sto-box-img-title { min-height:100px; } .page-section{ font-family: "Montserrat", sans-serif; padding-bottom:5px; color:#262830; } .header-catalog-menu{ height:0; overflow:hidden; } .header-catalog-menu.opened{ height:auto; } .header-catalog-menu-item.menu-mainitem{ position:relative; padding-left:48px; min-height:40px; line-height:18px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; } .header-catalog-menu-item.menu-mainitem span{ display:inline-block; max-width:220px; } .catalog-menu-icon{ position:absolute; width:38px; height:38px; line-height:38px; top:0; left:0; text-align:center; background:#3577e3; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; } .catalog-menu-icon:before{ content:''; display:block; width:38px; height:38px; left:0; top:0; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .catalog-menu-icon-avtozapchasti:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/avtozapchasti.svg') no-repeat center center; background-size:24px; } .catalog-menu-icon-masla:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/masla.svg') no-repeat center center; background-size:24px; } .catalog-menu-icon-dlya-doma:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/dlya-doma.svg') no-repeat center center; background-size:auto 22px; } .catalog-menu-icon-instrument:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/instrument.svg') no-repeat center center; background-size:auto 18px; } .catalog-menu-icon-accumulator:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/accumulator.svg') no-repeat center center; background-size:auto 25px; } .catalog-menu-icon-pritsep-osi:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/pritsep-osi.svg') no-repeat center center; background-size:auto 24px; } .catalog-menu-icon-avtoelektronika:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/avtoelektronika.svg') no-repeat center center; background-size:auto 24px; } .catalog-menu-icon-diski-kolesnye:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/diski-kolesnye.svg') no-repeat center center; background-size:auto 25px; } .catalog-menu-icon-brand:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/brand.svg') no-repeat center center; background-size:auto 28px; } .catalog-menu-icon-krepezh:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/krepezh.svg') no-repeat center center; background-size:auto 21px; } .catalog-menu-icon-otopitely:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/otopitely.svg') no-repeat center center; background-size:auto 30px; } .catalog-menu-icon-otopitely:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/otopitely.svg') no-repeat center center; background-size:auto 30px; } .catalog-menu-icon-avtohimiya:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/avtohimiya.svg') no-repeat center center; background-size:auto 21px; } .catalog-menu-icon-schetki-stekloochistitelya:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/schetki-stekloochistitelya.svg') no-repeat center center; background-size:auto 22px; } .catalog-menu-icon-tuning:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/tuning.svg') no-repeat center center; background-size:auto 27px; } .catalog-menu-icon-aksessuary:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/aksessuary.svg') no-repeat center center; background-size:auto 23px; } .catalog-menu-icon-avtoelektrika:before{ background:url('/local/templates/main_new/ni/../img2/catalog-icons/avtoelektrika.svg') no-repeat center center; background-size:auto 20px; } /* крошки */ .page-section .breadcrumb{ margin-top: 20px; margin-bottom:35px; } .breadcrumb li{ display:inline-block; font-size:13px; } .breadcrumb li a{ color:#262830; text-decoration:none; } .breadcrumb li a:hover{ color:#3577e3; text-decoration:none; } .breadcrumb .active span { color:#a1a1a1; } .breadcrumb li a{ padding-right:16px; } .breadcrumb li a:after { content: '-'; color:#262830; position: absolute; right: 4px; top: 0; } h1.page-title{ font-family: "Montserrat", sans-serif; font-size:28px; line-height:30px; font-weight:600; text-align:left; margin:0;padding:0; margin-bottom:23px; } @media (max-width: 768px) { .breadcrumb { margin-bottom:20px; } h1.page-title { margin-bottom:15px; } } .text-blue{ color:#3577e3; } .text-green{ color:#4db430; } .text-yellow{ color:#dfb524; } .text-pink{ color:#ea5e50; } /* СТРАНИЦА О КОМПАНИИ */ .about-blocks2{ margin-bottom:23px; } .about-blocks2 .about-blocks-video{ width:494px; } .about-blocks2 .about-blocks-text{ width:calc(100% - 520px); } .about-blocks2 .show-video-b { max-width: 494px; height:287px; } .about-blocks-text b, .about-blocks-text strong, .page-block-text b, .page-block-text strong{ font-weight:600; } .about-blocks-text a{ text-decoration:underline; } .about-blocks2 .about-blocks-text p{ margin-bottom:12px; } .page-block-text{ } .page-block-text p{ font-size:14px; line-height:24px; margin:0; margin-bottom:12px; text-align:justify; } @media (max-width: 1299px) { .about-blocks2 .about-blocks-video{ width:330px; } .about-blocks2 .about-blocks-text{ width:calc(100% - 356px); } } @media (max-width: 768px) { .about-blocks2 .about-blocks-video, .about-blocks2 .about-blocks-text{ width:100% } } ul.ul-stars{ margin:0;padding:0; font-size:14px; line-height:24px; list-style:none; margin-bottom:12px; } ul.ul-stars li{ padding-left:26px; min-height:20px; margin-bottom:8px; position:relative; } ul.ul-stars li:before{ content:''; display:block; width:17px; height:17px; background:#3577e3 url('/local/templates/main_new/ni/../img2/star2.svg') no-repeat center center; background-size:9px; position:absolute; top:3px; left:0; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; } .about-advantages2{ margin:30px 0 20px; gap:20px; } .about-advantages2 .about-advantages-item{ border:1px solid #397ae4; text-align:center; padding:25px 12px; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; } .about-advantages2 p{ text-align:center; } @media (max-width: 991px) { .about-advantages2{ gap:10px; } .about-advantages2 .about-advantages-item { width: calc(50% - 5px); margin-bottom:0; } } @media (max-width: 768px) { .about-blocks2 .show-video-b { height: 187px; } .about-advantages2 { padding-left: 0px; } } /* ВКЛАДКИ */ .ni-tabs-menu{ width:100%; margin-bottom:30px; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .ni-tabs-menu-item{ font-size:14px; line-height:18px; height:40px; margin-right:10px; margin-bottom:5px; background:#f5f7fa; padding:0 20px; cursor:pointer; color:#262830; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; } .ni-tabs-menu-item.active{ background:#3577e3; color:#fff; } .ni-tabs-content{ visibility:hidden; max-height:0; height:0; opacity:0; overflow:hidden; transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; z-index:-999; font-size:14px; padding:0;margin:0; } .ni-tabs-content.active{ visibility:visible; max-height: none; height:auto; opacity: 1; z-index:1; } .tab-ico{ display:inline-block; width:20px; height:20px; margin-right:5px; } .active .tab-ico{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } i.shop-ico{ background:url('/local/templates/main_new/ni/../img2/shop-ico.png') no-repeat center center; background-size:16px; } i.sto-ico{ background:url('/local/templates/main_new/ni/../img2/sto-ico.png') no-repeat center center; background-size:18px; } i.req-ico{ background:url('/local/templates/main_new/ni/../img2/req-ico.png') no-repeat center center; background-size:13px 17px; } i.store-ico{ background:url('/local/templates/main_new/ni/../img2/store-ico.png') no-repeat center center; background-size:16px 19px; } i.info-ico{ background:url('/local/templates/main_new/ni/../img2/info-ico.png') no-repeat center center; background-size:16px 19px; } i.sale-ico{ background:url('/local/templates/main_new/ni/../img2/sale-ico.png') no-repeat center center; background-size:19px 20px; } i.profile-ico{ background:url('/local/templates/main_new/ni/../img2/profile-ico.png') no-repeat center center; background-size:15px 17px; } i.orders-ico{ background:url('/local/templates/main_new/ni/../img2/orders-ico.png') no-repeat center center; background-size:15px 19px; } i.returns-ico{ background:url('/local/templates/main_new/ni/../img2/returns-ico.png') no-repeat center center; background-size:17px; } i.exit-ico{ background:url('/local/templates/main_new/ni/../img2/exit-ico.png') no-repeat center center; background-size:17px 14px; } .contacts-tabs-content-text{ font-size:14px; line-height:24px; width:35%; } .contacts-tabs-content-map{ width:65%; } .contacts-tab-title{ font-weight:600; margin-bottom:6px; } .contacts-tab-adr{ background:url('/local/templates/main_new/ni/../img2/adr-ico.png') no-repeat 0 0; background-size:16px 20px; padding-top:28px; margin-bottom:20px; } .contacts-tab-phone{ background:url('/local/templates/main_new/ni/../img2/tel-ico.png') no-repeat 0 0; background-size:19px 21px; padding-top:27px; margin-bottom:24px; } .contacts-tab-mail{ background:url('/local/templates/main_new/ni/../img2/mail-ico.png') no-repeat 0 0; background-size:19px 15px; padding-top:20px; margin-bottom:20px; } .contacts-tab-time{ background:url('/local/templates/main_new/ni/../img2/time-ico.png') no-repeat 0 0; background-size:20px; padding-top:24px; margin-bottom:20px; } .contacts-tab-mail a{ color:#3577e3; } .contacts-tab-phone a{ font-size:14px; color:#262830; line-height:30px; font-weight:400; } .contacts-tab-phone .header-wa { width:29px; height:29px; background-position:8px 8px; background-size: 14px; } .header-tg{ display: inline-block; width: 29px; height: 29px; border-radius: 50%; background: #3db3e8 url('/local/templates/main_new/ni/../img2/tg.svg') no-repeat 4px center; background-size: 18px; margin-left: 10px; } .ya-map, .ya-map iframe{ display:block; width:100%; height:440px; } .ya-map{ border:2px solid #fff; box-shadow:0 0 29px rgba(190,190,190,0.29); -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; overflow:hidden; } .req-table{ width:100%; padding:0 30px; } .req-table-row{ display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; min-height:40px; } .req-table-row span:first-child{ max-width:260px; width:30%; margin-right:20px; font-weight:600; } .req-text-content{ font-size:14px; line-height:22px; border:1px solid #e6ecf5; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; } .ni-accord{ margin-bottom:20px; } .ni-accord-title{ padding:23px 30px 25px; font-weight:600; font-size:16px; position:relative; padding-right:35px; cursor:pointer; } .ni-accord.active .ni-accord-title{ color:#3577e3; } .ni-accord-title:after{ content:''; display:block; width:7px; height:7px; border-top:2px solid #3577e3; border-right:2px solid #3577e3; transform:rotate(135deg); position:absolute; top:30px; right:28px; } .active.ni-accord-title:after{ transform:rotate(-45deg); } .ni-accord-content{ display:none; } .ni-accord.active .ni-accord-content{ display:block; } .req-table{ } @media (max-width: 991px) { .req-table-row{ line-height:16px; min-height:auto; margin-bottom:10px; } .req-table-row span{ width:calc(75% - 20px); } .req-table-row span:first-child { width:25%; } .ni-accord-title { padding:15px; } .req-table { padding: 0 15px; } .ni-accord-title:after { top: 23px; right: 15px; } } @media (max-width: 768px) { .contacts-t-content, .req-table-row{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .contacts-tabs-content-text, .contacts-tabs-content-map{ width:100%; } .req-table-row span, .req-table-row span:first-child { width:100%; } .ni-tabs-menu-item { margin-right:3px; padding: 0 6px; } .tab-ico { margin-right:3px; } } .border-textblock{ border:1px solid #e6ecf5; padding:30px 30px 20px; margin-bottom:20px; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; } .border-textblock p{ font-size:14px; line-height:24px; margin-top:8px; margin-bottom:0; } .border-textblock b, .border-textblock strong{ font-weight:600; } .blue-blocktitle{ background:#3577e3; color:#fff; padding:15px 30px 17px; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; margin-bottom:20px; } .blocktitle-delivery{ padding-left:90px; background:#3577e3 url('/local/templates/main_new/ni/../img2/box-ico.png') no-repeat 30px 20px; background-size:40px auto; } .blocktitle-payment{ padding-left:90px; background:#3577e3 url('/local/templates/main_new/ni/../img2/purse-ico.png') no-repeat 30px 17px; background-size:41px auto; } .blue-blocktitle p{ font-size:14px; line-height:16px; margin:0; } .blue-blocktitle h2{ margin:0;padding:0; font-size:16px; font-weight:600; color:#fff; margin-bottom:10px; } .border-textblock-icotitle{ height:45px; font-size:16px; line-height:18px; font-weight:600; padding-left:64px; position:relative; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; } .border-textblock-icotitle:before{ content:''; display:block; width:45px; height:45px; background:#3577e3; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; position:absolute; top:0; left:0; } .border-textblock-icotitle:after{ content:''; display:block; width:45px; height:45px; position:absolute; top:0; left:0; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .icotitle-1:after{ background: url('/local/templates/main_new/ni/../img2/icon2/i1_.svg') no-repeat center center; background-size:28px 26px; } .icotitle-2:after{ background: url('/local/templates/main_new/ni/../img2/icon2/i2_.svg') no-repeat center center; background-size:26px 17px; } .icotitle-3:after{ background: url('/local/templates/main_new/ni/../img2/icon2/i3_.svg') no-repeat center center; background-size:20px; } .icotitle-4:after{ background: url('/local/templates/main_new/ni/../img2/icon2/i4_.svg') no-repeat center center; background-size:22px; } .icotitle-5:after{ background: url('/local/templates/main_new/ni/../img2/icon2/i5_.svg') no-repeat center center; background-size:22px; } .icotitle-6:after{ background: url('/local/templates/main_new/ni/../img2/icon2/i6_.svg') no-repeat center center; background-size:21px 19px; } .icotitle-7:after{ background: url('/local/templates/main_new/ni/../img2/icon2/i7_.svg') no-repeat center center; background-size:26px; } .icotitle-8:after{ background: url('/local/templates/main_new/ni/../img2/icon2/i8_.svg') no-repeat center center; background-size:26px; } .product-description-text ul, ul.b-dots, .border-textblock ul{ margin:0;padding:0; margin-top: 8px; list-style:none; } .product-description-text ul li, ul.b-dots li, .border-textblock ul li{ font-size:14px; line-height:24px; position:relative; padding-left:10px; } .product-description-text ul li:before, ul.b-dots li:before, .border-textblock ul li:before, .ni-ol ul li:before{ content:''; width:4px; height:4px; background:#3577e3; position:absolute; top:11px; left:1px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; } .border-textblock a{ color:#3577e3; text-decoration:underline; } @media (max-width: 768px) { .border-textblock { padding: 20px 15px; margin-bottom: 15px; } } .ni-ol{ counter-reset: num; margin-bottom:20px; } .ni-ol, .ni-ol ul{ margin:0;padding:0; list-style:none; } .ni-ol li{ margin:0;padding:0; font-size:14px; line-height:24px; margin-bottom:20px; padding-top:12px; position:relative; padding-left:55px; } li.ni-ol-li{ counter-increment: subsection; } .ni-ol li strong{ display:block; width:100%; font-weight:600; margin-bottom:10px; } .ni-ol ul{ } .ni-ol ul li{ padding:0; padding-left:10px; margin-bottom:4px; list-style-type: none; } .ni-ol li:after { content:counter(subsection); display: inline-block; position: absolute; top: 3px; left: 0px; width: 40px; height:40px; background:#0195fd; color: #fff; font-size:14px; line-height:40px; font-weight:600; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; text-align: center; } .ni-ol li:nth-child(-n+9):after { content: "0" counter(subsection); } .ni-ol ul li:after{ display:none; } .ni-ol a{ color:#3577e3; text-decoration:underline; } .ni-ol2 li{ padding-top:0; min-height:40px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; } .ni-ol2 li p{ margin:0; } .page-title3,.page-title4,.page-title5{ display:block; padding:0; font-size:20px; line-height:24px; font-weight:600; margin:40px 0 20px; } .page-title4{ margin:20px 0; font-size:17px; } .ni-tabs-content .page-title4{ margin-top:0; } .page-title5{ font-size:18px; text-align:center; } p.gray-note{ color:#8c8d8f; margin:0 0 12px; } .no-b-marg{ margin-bottom:0; } .document-btn{ padding:12px 20px; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; display:inline-block; padding-left:45px; border:1px solid #3577e3; margin-bottom:20px; color:#3a7ae3; font-size:14px; line-height:14px; text-decoration:none; background:#fff url('/local/templates/main_new/ni/../img2/download.svg') no-repeat 20px center; background-size:16px 20px; } .document-btn:hover,.document-btn:focus{ color:#3a7ae3; text-decoration:none; box-shadow:0 0 10px rgba(53,119,227,0.2); } .tel-a{ white-space:nowrap; color:#3577e3; font-weight:600; text-decoration:none; } .ni-ol a.tel-a{ text-decoration:none; } .important-text, .important-text2{ min-height:26px; font-weight:600; color:#ff2147; padding-top:2px; padding-left:35px; position:relative; margin:20px 0; } .important-text:before,.important-text2:before{ content:''; display:block; width:26px; height:26px; background:url('/local/templates/main_new/ni/../img2/i.svg') no-repeat center center; background-size:26px; position:absolute; left:-1px; top:0; } .important-text2{ color:#3577e3; } .important-text2:before{ filter: hue-rotate(150deg) saturate(3.5); } .serv-advantages{ } .serv-a-contacts{ text-align:center; font-size:14px; line-height:30px; margin:30px 0 10px; } .serv-a-contacts a{ font-size:18px; font-weight:600; text-decoration:none; white-space:nowrap; color:#3577e3; } .serv-a-contacts a:hover, .serv-a-contacts a:focus{ color:#3577e3; } .serv-advantages{ gap:20px; } .serv-advantages-item{ width:33%; margin-top:5px; background:#fff; padding:163px 40px 25px; text-align:center; font-size:14px; line-height:24px; position:relative; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; box-shadow:0 0 29px rgba(190,190,190,0.29); } .serv-advantages-item-title{ font-size:15px; font-weight:600; margin-bottom:13px; } .serv-advantages-item p{ margin:0; } .serv-advantages-item:before{ content:''; display:block; width:105px; height:105px; background:#dae5f5; position:absolute; left:calc(50% - 52px); top:40px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; } .serv-advantages-item1:before{ background:#dae5f5 url('/local/templates/main_new/ni/../img2/sa1.png') no-repeat center center; background-size:47px 49px; } .serv-advantages-item2:before{ background:#dae5f5 url('/local/templates/main_new/ni/../img2/sa2.png') no-repeat center center; background-size:40px 46px; } .serv-advantages-item3:before{ background:#dae5f5 url('/local/templates/main_new/ni/../img2/sa3.png') no-repeat center center; background-size:50px; } @media (max-width: 768px) { .serv-advantages{ gap:10px; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .serv-advantages-item{ width:100%; } } .sale-action-item{ gap:20px; line-height:24px; color:#262830; } .sale-action-item b,.sale-action-item strong{ font-weight:600; } .sale-action-item-img{ width:40%; } .sale-action-item-text{ width:calc(60% - 20px); } .sale-action-item-img img{ -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .ul-simp{ margin:10px 0;padding:0; list-style:none; font-size:14px; line-height:24px; } .ul-simp li{ position:relative; padding-left:10px; margin-bottom:3px; } .ul-simp li:before{ content:'-'; position:absolute; top:0; left:0; color:#3577e3; font-size:14px; font-weight:bold; } @media (max-width: 768px) { .sale-action-item{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .sale-action-item-img,.sale-action-item-text{ width:100%; } } .stores-info-text .page-title4{ margin-bottom:12px; } .stores-info-text p{ margin-bottom:30px; } /* КАТАЛОГ */ .catalog-subcats-menu{ margin:0;padding:0; list-style:none; margin-bottom:25px; } .catalog-subcats-menu li{ display:inline-block; margin-right:8px; margin-bottom:5px; } .catalog-subcats-menu li a{ display:inline-block; padding:13px 20px; background:#f5f7fa; font-size:14px; line-height:14px; color:#262830; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; } .catalog-subcats-menu li.active a{ background:#3577e3; color:#fff; } .catalog-main-content-btn, .clear-filters-btn{ background:#3577e3; color:#fff; border:0; box-shadow:none; width:100%; height:48px; line-height:48px; border:0; padding:0; border-radius:5px; margin-bottom:10px; font-size:14px; } .clear-filters-btn, .clear-filters-btn:hover{ background:#f5f7fa; color:#262830; } .catalog-main-content-btn:hover{ background:#3577e3; color:#fff; } .catalog-main-content-btn:hover, .clear-filters-btn:hover{ opacity:0.8; } .catalog-main-content-btn i{ display:inline-block; width:22px; height:14px; border-top:2px solid #fff; border-bottom:2px solid #fff; margin-right:9px; position:relative; } .catalog-main-content-btn i:before{ content:''; width:22px; height:2px; background:#fff; position:absolute; top:4px; left:0; } .clear-filters-btn i{ display:inline-block; width:12px; height:12px; margin-right:8px; position:relative; } .clear-filters-btn i:before, .clear-filters-btn i:after{ content:''; display:block; width:14px; height:2px; background:#262830; position:absolute; top:6px; left:0; border-radius:2px; } .clear-filters-btn i:before{ transform:rotate(45deg); } .clear-filters-btn i:after{ transform:rotate(-45deg); } .catalog-filters{ border:1px solid #e6ecf5; border-radius:6px; } .catalog-filters-block{ padding:20px 30px 17px; border-bottom:1px solid #e6ecf5; } .catalog-filters-items{ display:none; } .opened .catalog-filters-items{ display:block; } .filter-item{ display:block; width:100%; margin-bottom:16px; min-height:17px; margin-bottom:12px; } .catalog-filters-block .filter-item:last-child{ margin-bottom:0; } input.mcheckbox { display: none; } .mcheckbox-c, .mlabel { display: inline-block; vertical-align: top; } .mcheckbox-c { position: relative; width:17px; height:17px; border:1px solid #e6ecf5; border-radius:3px; background:#fff; margin-top: 0; margin-right:8px; cursor: pointer; } .mlabel { font-size:13px; line-height:18px; padding:0; max-width: calc(100% - 30px); width: 100%; color:#262830; } .mlabel b{ font-weight:600; } input.mcheckbox:checked + .mcheckbox-c:before { content:''; display:block; background:#3577e3 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAF1JREFUeNpjcC/wYSCE////LwPES4DYgVjFd/9DwFfiFCPAEpIUAzEzSKIbZBUQhxJSDJJjgCr+D9OETzFYA0QRAuBWjNDAjK4JUzECI3syFL9ihAZ0TZ0gxbhCDwAmWhsjMuYJfwAAAABJRU5ErkJggg==") no-repeat center center; background-size:7px; position:absolute; top:-1px; left:-1px; width:16px; height:16px; border-radius:3px; } .filter-item.active .mlabel, .filter-item:hover .mlabel, .filter-item input.mcheckbox:checked + .mcheckbox-c +.mlabel{ color:#3577e3; } .products-count{ color:#8c8d8f; font-weight:400; } .catalog-filters-title{ display:block; padding:5px 0 15px; padding-right:15px; font-size:14px; color:#262830; font-weight:600; cursor:pointer; position:relative; } .catalog-filters-title:before{ content:''; display:block; position:absolute; top:8px; right:0; width:8px; height:8px; border-radius:2px; border-top:2px solid #262830; border-right:2px solid #262830; transform:rotate(135deg); } .opened .catalog-filters-title:before{ top:15px; transform:rotate(-45deg); } .inst-opened .catalog-filters-title:before{ display:none; } .nw-controls{ margin-bottom:16px; } .nw-controls-item{ width:45%; } .price-form-control { border: 1px solid #e6ecf5; max-width: 103px; width: 100%; height: 36px; font-size: 13px; font-weight: 600; text-align: center; color:#262830; padding: 0; background: transparent; border-radius:6px; } /*! jQuery UI - v1.12.1 */ .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}.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%} .filter__range{ margin-bottom:20px; } .ui-widget.ui-widget-content { border: 0; height: 6px; border-radius: 0; background: #e6ecf5; border-top:2px solid #fff; } .ui-slider-horizontal .ui-slider-range { top: -1px; height: 6px; background:#4a89f2; border:1px solid #fff; } .ui-slider .ui-slider-handle { width: 21px; height: 21px; border-radius:0; border:2px solid #fff; background: #4a89f2; margin-left:-12px; top: -9px; cursor: pointer; z-index: 10; box-shadow:none; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .ui-slider .ui-slider-handle:after{ display:none; } .ui-slider .ui-slider-handle:focus { outline: none; } .price-range-min, .price-range-max, .range__zero { display: none; } .filter__slider{ margin-left:5px; margin-right:5px; } .catalog-main-content{ width:100%; gap:20px; } .catalog-main-content-filters{ width:25%; margin-bottom:30px; } .catalog-main-content-products{ width:75%; margin-bottom:50px; } .catalog-main-content-products-wrap{ gap:20px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .catalog-main-product-card{ width:calc(33% - 11px); } .product-card{ display:block; width:100%; height:100%; background:#fff; padding:20px 30px; position:relative; box-shadow: 0px 0px 29px rgba(190,190,190,0.29); -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; } .product-card-img{ display:block; width:100%; height:180px; margin-bottom:20px; position:relative; } .product-card-img-image{ display:inline-block; width:100%; height:100%; text-align:center; } .product-card-img-image img{ display:block; margin:0 auto; width:100%; height:100%; object-fit: scale-down; } .product-stock{ position:absolute; top:25px; right:28px; color:#262830; font-size:13px; line-height:13px; white-space:nowrap; } .product-stock:before{ content:''; display:block; width:7px; height:7px; background:#5ae335; position:absolute; top:3px; left:-15px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; } .product-card-sale, .product-card-servis{ position:absolute; top:0px; left:-10px; padding:8px 10px 8px 30px; display:inline-block; background:#ff9000 url('/local/templates/main_new/ni/../img2/p-sale.png') no-repeat 9px center; background-size:14px 16px; border-radius:3px; font-size:13px; line-height:13px; color:#fff; font-weight:600; } .product-card-title{ display:inline-block; width:100%; height:45px; overflow:hidden; color:#262830; font-size:15px; line-height:24px; font-weight:600; margin-bottom:5px; } .product-card-brand, .product-card-sku, .product-card-date{ display:inline-block; width:100%; font-size:13px; line-height:14px; color:#8c8d8f; margin-bottom:8px; } .product-card-brand{ color:#262830; } .product-card-date span{ color:#262830; } .product-card-caption b{ font-weight:600; } .product-card-price-wrap{ padding:12px 0 0; min-height:50px; } .product-card-price{ display:inline-block; font-size:19px; color:#3577e3; font-weight:600; padding-right:5px; } .product-card-oldprice{ display:inline-block; font-size:14px; color:#8f8e8e; font-weight:500; text-decoration:line-through; } .product-card-btns .cart-btn, .product-card-btns .buy1click-btn{ display: flex;align-items: center;justify-content: center; width:100%; margin-bottom:10px; font-size:13px; height:40px; line-height:40px; padding:0; color:#fff; background:#3577e3; border:0; box-shadow:none; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; } .product-card-btns .cart-btn:hover, .product-card-btns .buy1click-btn:hover{ opacity:0.8; } .product-card-btns .cart-btn .icon-cart { display: inline-block; width: 17px; height: 15px; background: url('/local/templates/main_new/ni/../img/basket.svg') no-repeat center center; background-size: 17px 15px; margin-right: 5px; } .product-card-btns .cart-btn .icon-cart:before{ display:none; } .product-card-btns .buy1click-btn{ background:#f5f7fa; color:#3577e3; } .catalog-main-product-card.product-card-list{ width:100%; } .product-card-list .product-card{ padding:30px 30px 20px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .product-card-list .product-card-img{ width:180px; max-height:130px; margin:0; } .product-card-list .product-card-caption{ width:calc(65% - 180px); } .product-card-list .product-card-title { height:auto; } .product-card-list .product-card-sale{ top:-10px; } .product-card-list .product-stock { position:relative; right:auto; top:auto; margin-left:16px; margin-bottom:10px; } .product-card-list .product-card-price{ width:100%; } .product-card-list .product-card-price-wrap{ width:110px; } .product-card-list .product-card-btns{ width:calc(35% - 111px); } .product-card-list .product-card-sku, .product-card-list .product-card-date{ display:inline-block; width:49%; } .product-card-list .product-card-sku{ max-width:140px; } .modern-page-title{ display:none; } .catalog-navigation{ margin:40px 0 20px; } .catalog-navigation a, .catalog-navigation span{ display:inline-block; padding:8px; font-size:14px; line-height:14px; color:#262830; border-radius:3px; text-align:center; position:relative; } .catalog-navigation a:hover{ color:#3577e3; } .catalog-navigation .catalog-page-current{ min-width:30px; background:#3577e3; color:#fff; } .catalog-navigation .catalog-page-previous{ padding-left:22px; } .catalog-navigation .catalog-page-next{ padding-right:22px; } .catalog-page-previous:before, .catalog-page-next:before{ content:''; display:block; width:7px; height:14px; position:absolute; top:8px; left:0; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAbCAMAAACtKJSuAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAABtQTFRFR3BMICMtICMtICMtICMtICMtICMtICMtICMtr+h4jwAAAAh0Uk5TAAcII2mWzuRV3Bv8AAAANUlEQVR42mNABsxsHKyoAuwcHBzMqAIIEYQAy+ATYIIJIJQA+aj+Y4SrQSgaakLMmPGFGacAUdgEjo+7h8wAAAAASUVORK5CYII=") no-repeat 0 center; background-size:auto 11px; } .catalog-page-next:before{ left:auto; right:0; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: "FlipH"; filter: FlipH; } .catalog-controls{ margin-bottom:40px; } .catalog-controls-sort{ font-size:15px; color:#262830; } .catalog-controls-display{ } .catalog-controls-display-btn{ display:inline-block; width:24px; height:24px; margin-left:20px; cursor:pointer; opacity:0.15; } .catalog-controls-display-btn.active{ opacity:1; } .catalog-display-tile{ background:url('/local/templates/main_new/ni/../img2/tile.png') no-repeat center center; background-size:23px 24px; } .catalog-display-list{ background:url('/local/templates/main_new/ni/../img2/list.png') no-repeat center center; background-size:23px 24px; } .controls-sort-item{ display:inline-block; margin-left:30px; color:#8c8d8f; font-size:14px; position:relative; } .controls-sort-item.active{ color:#3577e3; } .controls-sort-price-item{ padding-right:20px; } .price-sort{ position:absolute; top: 5px; right:0; fill:#9a9b9d; width:15px; height:12px; } .active .price-sort{ fill:#3577e3; } .sort-price-up .price-sort{ -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); -ms-filter: "FlipY"; filter: FlipY; } .show-filters-mobile-btn{ display:none; } .show-filters-mobile-close { position: absolute; top: 10px; right: 20px; width: 35px; height: 35px; opacity: 1; z-index: 9999; background: transparent; box-shadow: none; border: 0; display:none; } .show-filters-mobile-close:before, .show-filters-mobile-close:after { content: ''; display: block; position: absolute; top: 5px; right: 15px; height: 25px; width: 2px; background-color: #000; } .show-filters-mobile-close:before { transform: rotate(45deg); } .show-filters-mobile-close:after { transform: rotate(-45deg); } @media (max-width: 1299px) { .catalog-main-product-card{ width:calc(50% - 11px); } .product-card-list .product-card { padding: 30px 20px 20px; } .product-card-list .product-card-img { width: 130px; padding-right:15px; } .product-card-list .product-card-caption { width: calc(60% - 130px); } .product-card-list .product-card-btns { width: calc(40% - 111px); } .product-card-list .product-card-sku, .product-card-list .product-card-date { max-width:100%; width: 100%; } } @media (max-width: 991px) { .catalog-filters-block { padding: 15px 15px 12px; } .product-card-list .product-card { -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .product-card-list .product-card-caption { width: calc(100% - 260px); } .product-card-list .product-card-btns{ width:100%; } .product-card-list .product-card-btns{ margin-top:15px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .product-card-list .product-card-btns .cart-btn, .product-card-list .product-card-btns .buy1click-btn { width:49%; } } @media (max-width: 768px) { .catalog-main-content-products-wrap{ gap:5px; } .catalog-main-product-card{ width:calc(50% - 3px); } .product-card { padding:20px 10px; } .product-card-list .product-card-img { width: 120px; } .product-card-list .product-card-caption { width: calc(100% - 130px); } .product-card-list .product-card-price-wrap{ width:100%; } .catalog-main-content-filters, .catalog-main-content-filters .catalog-main-content-btn{ display:none; } .catalog-main-content-filters.showed{ display:block; } .catalog-main-content-filters{ position:fixed; top:0; left:0; right:0; bottom:0; overflow:scroll; width:100%; height:100%; z-index:9999; background:rgba(255,255,255,0.96); padding:50px 30px; } .catalog-filters,.clear-filters-btn, .clear-filters-btn:hover { background:#fff; } .clear-filters-btn{ border:1px solid #3577e3; } .show-filters-mobile-close, .catalog-main-content{ display:block; } .show-filters-mobile-btn{ display:block; width:100%; padding:10px; text-align:center; background:#f5f7fa; border:1px solid #3577e3; color:#3577e3; border-radius:5px; margin-bottom:20px; cursor:pointer; } .catalog-main-content-products{ width:100%; } .product-stock { top: 5px; right: 3px; } .product-card-title { font-size: 13px; line-height: 16px; } .catalog-navigation a, .catalog-navigation span { padding:8px 6px; } .catalog-navigation .catalog-page-previous { padding-left: 12px; } .catalog-navigation .catalog-page-next { padding-right: 12px; } .catalog-controls-sort{ width:calc(100% - 100px); } .catalog-controls-sort span{ display:block; width:100%; } .controls-sort-item { margin-left:0px; margin-right:15px; } } /*страница товара*/ .product-page-shortinfo{ margin-bottom:12px; } .product-page-shortinfo .product-stock{ display:inline-block; width:auto; position: relative; right: auto; top: auto; margin:0; margin-left:16px; padding-right:25px; } .product-page-shortinfo .product-card-sku{ display:inline-block; width:auto; } .product-page-wrap{ width:100%; gap:30px; } .product-page-wrap-item{ width:33%; position:relative; } .product-page-img-wrap{ width:calc(35% - 16px); } .product-page-info-wrap{ width:calc(30% - 16px); } .product-page-buy-wrap{ width:35%; } .product-page-slider-wrapper{ width:100%; height:410px; border:1px solid #f3f5f8; padding:30px; position:relative; margin-bottom:20px; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; } .product-page-slider .slick-slide{ height:350px; } .product-page-slider-wrapper .slick-dots{ margin:0;padding:0; position:absolute; left:0;right:0; bottom:-50px; width:100%; height:10px; } .product-page-slider-wrapper .slick-dots li{ height: 6px; } .product-page-slider-wrapper .slick-dots li button { display: block; width: 5px; height: 5px; background:#ecf2fb; border-radius:50%; margin: 0 4px; } .product-page-slider-wrapper .slick-dots li.slick-active button, .product-page-slider-wrapper .slick-dots li button:hover { background-color: #3577e3; } .product-page-slider-wrapper .slick-dots li.slick-active button{ width: 20px; height: 5px; border-radius:3px; } .product-page-slider-wrapper .slick-arrow{ position:absolute; padding:0;margin:0; top:calc(50% - 33px); width:35px; height:35px; background:#fff; border:0; z-index:1; text-indent: -9999px; box-shadow:0 0 23px rgba(79,79,79,0.21); -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; } .product-page-slider-wrapper .slick-arrow:before{ content:''; display:block; width:7px; height:7px; border-top:2px solid #aab1cc; border-right:2px solid #aab1cc; position:absolute; top:13px; left:12px; transform:rotate(45deg); } .product-page-slider-wrapper .slick-prev:before{ transform:rotate(-135deg); left:15px; } .product-page-slider-wrapper .slick-prev{ left:-10px; } .product-page-slider-wrapper .slick-next{ right:-10px; } .product-page-block-title{ font-size:18px; font-weight:600; margin-bottom:12px; } .product-page-item-info{ margin:0;padding:0; list-style:none; margin-bottom:30px; } .product-page-item-info li{ font-size:13px; line-height:14px; min-height:40px; padding:5px 0px; border-bottom:1px solid #e6ecf5; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .item-info-name{ width:49%; color:#8c8d8f; } .item-info-nameval{ width:49%; font-weight:600; text-align:right; color:#262830; } .product-page-item-info-goto{ background:#f5f7fa; color:#3577e3; width:100%; height:49px; cursor:pointer; border-radius:4px; padding:0 20px; font-size:13px; position:relative; } .product-page-item-info-goto i{ display:inline-block; position: absolute; top:0px; right:18px; width: 17px; height: 28px; margin-left:12px; } .product-page-item-info-goto i:after, .product-page-item-info-goto i:before{ content: ''; display: block; position: absolute; right: 3px; } .product-page-item-info-goto i:after{ width: 4px; height: 4px; border-top: 1px solid; border-right: 1px solid; transform: rotate(45deg); bottom: 2px; } .product-page-item-info-goto i:before { width: 17px; height: 2px; bottom: 3px; background: #b3ccf4; } .product-page-img-wrap .product-card-sale { top:18px; left:18px; font-weight:500; } .product-card-servis{ position:absolute; top:18px; right:18px; left:auto; background:#3979e2 url('/local/templates/main_new/ni/../img2/serv.png') no-repeat 9px center; background-size:16px; cursor:help; } .product-page-buy{ background:#fff; padding:30px; border-radius:6px; box-shadow: 0px 0px 29px rgba(190,190,190,0.29); } .store-buy-item{ width:100%; margin-bottom:23px; } .store-buy-checkbox{ display:block; width:100%; } .store-buy-date{ max-width:280px; width:100%; margin-left:30px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .buy-date-text{ font-size:13px; color:#8c8d8f; width:calc(100% - 101px); } .store-buy-quantity{ width:100px; } .store-buy-quantity .basket-item-amount-btn-minus, .store-buy-quantity .basket-item-amount-btn-plus { width:25px; height:25px; font-size:11px; line-height:24px; font-weight:400; } .store-buy-quantity .basket-item-amount-field-block { width: 34px; height:25px; } .store-buy-quantity .basket-item-amount-field { height:25px; font-size:10px; } .hidden-store-buy-items{ display:none; } .show-hidden-stores-btn{ display: inline-block; color: #3577e3; font-size: 13px; line-height: 18px; border-bottom: 1px dotted #3577e3; cursor: pointer; margin-bottom:10px; padding:0; margin-left:30px; } .product-page-buy-price{ width:100%; margin-bottom:22px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .product-page-buy-price-val{ padding-left:30px; min-height:19px; background:url('/local/templates/main_new/ni/../img2/price.png') no-repeat 0 center; background-size:19px; } .product-page-buy-price .product-card-price{ color:#262830; } .product-page-buy-price-quantity{ width:144px; } .servis-buy-checkbox{ display:block; width:100%; margin-bottom:13px; } .product-page-buy .product-card-btns{ gap:18px; margin-bottom:5px; } .nds-note-text{ display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; -webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; min-height:40px; display: flex; font-size:13px; line-height:16px; color:#3577e3; text-align:center; width:100%; padding:10px; border:1px dashed #3577e3; /*background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%233577E3FF' stroke-width='1' stroke-dasharray='5%2c 3' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");*/ border-radius: 6px; } .nds-note-text i{ display:inline-block; width:16px; height:16px; background:url('/local/templates/main_new/ni/../img2/i.svg') no-repeat center center; background-size:16px auto; margin-right:7px; filter: hue-rotate(150deg) saturate(3.5); } .product-page-tabs{ width:100%; margin-top:40px; margin-bottom:60px; } .registration-tabs.contacts-tabs-menu, .product-page-tabs .contacts-tabs-menu{ width:100%; margin-bottom:20px; border-bottom:1px solid #e6ecf5; } .registration-tabs .ni-tabs-menu-item, .product-page-tabs .ni-tabs-menu-item{ background:transparent; color:#262830; font-size:16px; font-weight:600; padding:0; margin:0; margin-right:40px; } .registration-tabs .ni-tabs-menu-item.active, .product-page-tabs .ni-tabs-menu-item.active{ color:#3577e3; position:relative; } .registration-tabs .ni-tabs-menu-item.active:after, .product-page-tabs .ni-tabs-menu-item.active:after{ content:''; display:block; width:100%; height:1px; position:absolute; left:0; right:0; bottom:0; border-bottom:2px solid #3577e3; } .product-description-text, .product-description-text p{ font-size:14px; line-height:24px; margin:0; margin-bottom:20px; } .product-description-properties{ max-width:610px; } .product-page-similar{ margin:20px 0 60px; } .product-page-similar-title{ display:block; width:100%; margin:0;padding:0; font-size:24px; line-height:24px; font-weight:600; margin-bottom:10px; } .product-page-similar-info{ font-size:15px; line-height:15px; } .product-page-similar-info b{ font-weight:600; } .similar-products-table{ margin:10px 0; } .similar-products-table-head, .similar-products-table-row{ width:100%; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .similar-products-table-head{ -webkit-align-items: center;-ms-flex-align: center;align-items: center; } .similar-products-table-quantity{ display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .similar-products-table-head{ background:#4a89f2; color:#fff; font-size:14px; border-radius:6px; height:70px; } .similar-products-table-head .similar-products-table-photo{ padding-left:20px; } .similar-products-table-photo{ width:100px; } .similar-products-table-title{ width:calc(30% - 100px); } .similar-products-table-price, .similar-products-table-avail, .similar-products-table-date{ width:10%; } .similar-products-table-quantity{ width:40%; } .similar-products-table-row{ padding:30px 0 20px; border-bottom:1px solid #e6ecf5; } .similar-products-table-row .product-item-brand{ font-size:13px; margin-bottom:10px; } .similar-products-table-row .similar-products-table-price, .similar-products-table-row .similar-products-table-avail, .similar-products-table-row .similar-products-table-date{ font-size:15px; } .similar-product-store{ font-size:13px; line-height:20px; font-weight:400; } .similar-product-store b{ font-weight:600; } .similar-products-table-quantity-input, .similar-products-table-quantity-summ, .similar-products-table-quantity-btns{ width:32%; } .similar-products-table-quantity-input{ max-width:145px; } .similar-products-table-quantity-summ{ text-align:center; } .similar-products-table-quantity-summ .product-card-price{ color:#262830; } .similar-info-sort{ } .similar-info-sort .show_select{ margin-left:10px; } @media (max-width: 1299px) { .product-page-img-wrap{ width:35%; } .product-page-info-wrap{ width:calc(25% - 20px); } .product-page-buy-wrap{ width:40%; } .product-page-buy { padding: 30px 20px; } .product-page-slider-wrapper { height: 315px; } .product-page-slider .slick-slide { height: 268px; } } @media (max-width: 991px) { .product-page-wrap{ gap:10px; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .product-page-img-wrap{ width:50%; } .product-page-info-wrap{ width:calc(50% - 41px); } .product-page-buy-wrap{ width:100%; } .product-page-buy-price { max-width:400px; } .similar-products-table-photo { width: 80px; } .similar-products-table-title { width: calc(40% - 81px); } .similar-products-table-price, .similar-products-table-avail, .similar-products-table-date { width: 13%; } .similar-products-table-quantity { width: 20%; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .similar-products-table-title .product-item-title { font-size:13px; line-height:15px; } .similar-products-table-quantity-input, .similar-products-table-quantity-summ, .similar-products-table-quantity-btns { width:100%; } } @media (max-width: 600px) { .product-page-wrap{ } .product-page-img-wrap, .product-page-info-wrap { width:100%; } .product-page-tabs .ni-tabs-menu-item { font-size:13px; } .product-page-similar-info{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .similar-info-num{ margin-bottom:5px; } .similar-products-table-head{ display:none; } .similar-products-table{ border:1px solid #e6ecf5; border-radius:6px; } .similar-products-table-row { padding: 10px 15px 15px; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .similar-products-table-title{ width:calc(100% - 81px); } .similar-products-table-price, .similar-products-table-avail, .similar-products-table-date{ padding-top:10px; width:25%; font-size:13px; } .similar-products-table-date{ width:50%; } .similar-products-table-quantity{ width:100%; } .similar-products-table-quantity-input{ width:35%; } .similar-products-table-quantity-summ{ width:65%; text-align:left; padding-left:20px; line-height:38px; } .similar-products-table-quantity-btns{ padding-top:12px; width:100%; } .similar-products-table-title .product-item-title, .similar-products-table-title .product-item-brand{ margin-bottom:5px; } } .show_select{ display:inline-block; vertical-align:middle; cursor: pointer; max-width:265px; width:100%; position: relative; border:1px solid #e6ecf5; border-radius:4px; } .show_select:after { content: ''; display: block; position: absolute; width: 7px; height: 7px; right: 12px; top: 18px; border-top: 1px solid #2a2c34; border-right: 1px solid #2a2c34; transform:rotate(135deg); } .show_select_ul { display: none; width:100%; position: absolute; top:50px; background: #ffffff; padding: 0px; margin: 0px; z-index:99; list-style: none; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); } .show_select_ul li { margin:0; box-sizing: border-box; text-align:left; list-style: none; display: block; width: 100%; cursor: pointer; height: 46px; line-height: 46px; padding: 0 0px 0 12px; font-size: 13px; border-bottom: 1px solid #e6ecf5; position:relative; } .show_select_ul li:last-child{ border-bottom: none; } .show_select_ul li:hover{ background:#dbdcdc; } .show_select input{ width:100%; padding:0; font-size:13px; padding-left:20px; height:46px; background:#fff; cursor: pointer; border-radius:4px; border:0; margin:0; color:#525151; } .show_select_ul li.select-selected{ display:none; } @media (max-width: 600px) { .show_select input, .show_select_ul li { font-size: 12px; } } /*кабинет*/ .cabinet-page{ position:relative; } .skidka-info{ max-width:145px; height:51px; padding:0 20px; position:absolute; top:0; right:0; background:#0195fd; color:#fff; font-size:13px; line-height:13px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; } .skidka-info-num{ font-size:23px; font-weight:bold; margin-right:8px; white-space:nowrap; } @media (max-width: 991px) { .skidka-info { top:-80px; } } @media (max-width: 768px) { .skidka-info { position:relative; top:auto; right:auto; margin:10px 0 20px; } } .cabinet-form, .form-input-wrap{ max-width:610px; position:relative; } .form-input-hidden-items{ display:none; } .form-input{ width:100%; height:50px; font-size:14px; color:#262830; font-weight:bold; padding-right:90px; font-weight:400; } .form-input.form-input-filled:disabled{ font-weight:bold; } .form-input-change{ display:inline-block; position:absolute; top:0; right:0; height:50px; color:#3577e3; font-size:13px; border:0;box-shadow:none; background:transparent; padding:0;margin:0; } .s-btn.form-submit{ padding:0; width: 191px; margin: 20px 0; height: 50px; background: #3577e3; color: #fff; border: none; border-radius: 6px; } .orders-history{ padding-bottom:50px; } .orders-history-item{ margin-bottom:15px; position:relative; } .orders-history-return{ display:inline-block; position:absolute; top:30px; right:0; font-weight:600; font-size:14px; line-height:14px; } .orders-history-return i{ display:inline-block; position:absolute; top:2px; left:-20px; width:11px; height:11px; background:#e34e35; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; } .product-return-true i{ background:#5ae335; } .orders-history-item-date{ padding:30px; border-bottom:1px solid #e6ecf5; font-weight:600; background:url('/local/templates/main_new/ni/../img2/calendar.svg') no-repeat 0 center; background-size:19px; } .product-item{ color:#262830; position:relative; } .orders-history-product-item, .product-item-prices-wrap, .cart-product-item{ display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-justify-content: space-between;ms-flex-pack: justify;justify-content: space-between; } .orders-history-product-item, .cart-product-item{ width:100%; padding:25px 0; min-height:135px; border-bottom:1px solid #e6ecf5; } .product-item-img{ display:block; margin-top:3px; width:74px; height:74px; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; border:1px solid #f3f5f8; overflow:hidden; } .product-item-img img{ display:block; width:100%;height:100%; object-fit:cover; margin:auto; } .product-item-title{ display:block; max-width:630px; width:100%; font-size:15px; line-height:24px; color:#262830; font-weight:600; margin-bottom:10px; } .product-item-title:hover{ color:#3577e3; } .product-item-sku{ font-size:13px; color:#8c8d8f; } .product-item-sku span{ font-weight:600; } .product-item-caption{ width:calc(67% - 74px); padding-left:10px; } .product-item-prices-wrap{ padding-left:20px; width:33%; } .product-item-price, .product-item-sum{ width:calc(50% - 45px); } .product-item-quantity{ width:80px; } .product-history-quantity{ width:80px; border:1px solid #e6ecf5; padding:11px 0 12px; text-align:center; font-size:13px; line-height:13px; white-space:nowrap; font-weight:600; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; } .product-item-sum{ text-align:right; padding-top:8px; } .product-price, .product-price-b, .products-total{ display:inline-block; white-space:nowrap; font-size:15px; line-height:20px; font-weight:600; } .product-price-b{ font-size:18px; } .products-total{ font-size:20px; } .product-item-price{ text-align:left; } .product-price-text{ display:inline-block; width:100%; padding-top:1px; color:#8c8d8f; font-size:12px; line-height:13px; } .orders-history-products-total{ margin-top:30px; text-align:right; font-size:17px; } @media (max-width: 991px) { .product-item-caption{ width:calc(60% - 74px); } .product-item-prices-wrap{ padding-left:20px; width:40%; } } @media (max-width: 768px) { .orders-history-product-item{ padding:10px 10px 15px; } .orders-history-item-date{ margin-top:15px; padding:15px 30px; } .product-item-caption { width: calc(100% - 74px); } .product-item-prices-wrap{ margin-top:15px; max-width: 400px; width:100%; padding-left:0; } .product-price-text{ padding-top:0; } } .cart-back-section, .cart-back-section2{ padding:0px; padding-bottom:30px; } .cart-back-section{ border-bottom:1px solid #e6ecf5; } .cart-back-section2{ text-align:right; } .back-a{ color:#3577e3; font-size:13px; } .back-a i{ display:inline-block; position: relative; width: 17px; height: 13px; margin-right:6px; } .back-a i:after, .back-a i:before{ content: ''; display: block; position: absolute; left: 3px; } .back-a i:after{ width: 4px; height: 4px; border-top: 1px solid; border-right: 1px solid; transform: rotate(-135deg); bottom: 2px; } .back-a i:before{ width: 17px; height: 2px; bottom: 3px; background: #b3ccf4; } .back-a:hover{ color: #3577e3; } .cart-products{ width:100%; } .cart-product-item{ } .cart-product-item .product-item-price, .cart-product-item .product-item-sum { width: calc(50% - 73px); } .cart-product-item .product-item-quantity{ width:145px; } .basket-item-block-amount{ display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .basket-item-amount-btn-minus,.basket-item-amount-btn-plus{ display:inline-block; width:36px; height:38px; background:#e6ecf5; border:1px solid #fff; color:#262830; font-weight:600; text-align:center; line-height:35px; cursor:pointer; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; -moz-user-select: -moz-none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } .basket-item-amount-btn-minus:hover,.basket-item-amount-btn-plus:hover{ background:#3577e3; color:#fff; } .basket-item-amount-field-block{ display:block; width:52px; } .basket-item-amount-field{ display:block; width:100%; height:38px; margin:0; border:1px solid #e6ecf5; color:#262830; text-align:center; font-weight:600; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; } .cart-product-item .product-item-caption{ width:calc(50% - 74px); } .product-item-date{ width:120px; } .cart-product-item .product-item-prices-wrap { width: calc(50% - 150px); } .cart-product-item .product-item-title { max-width:440px; } .product-item-action{ width:30px; padding-top:11px; } .basket-item-actions-remove{ display:block; margin:0;padding:0; box-shadow:none; margin-left:auto; width:16px; height:16px; cursor:pointer; background:#e6ecf5; position:relative; border:none; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; } .basket-item-actions-remove:after, .basket-item-actions-remove:before { content: ''; position: absolute; top: 50%; left: 50%; width: 3px; height: 10px; background: #fff; border-radius:2px; } .basket-item-actions-remove:before { -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg); transform: translate3d(-50%,-50%,0) rotate(-45deg); } .basket-item-actions-remove:after { -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg); transform: translate3d(-50%,-50%,0) rotate(45deg); } .basket-item-actions-remove:hover,.basket-item-actions-remove:active{ background:#f44336; } .basket-checkout-container{ margin:30px 0; border:1px solid #e6ecf5; padding:28px; position:relative; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; } .basket-coupon-section{ max-width:390px; width:50%; position:relative; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; overflow:hidden; } .basket-coupon-block-coupon-btn{ position:absolute; top:1px; right:1px; display:block; width:47px; height:47px; background:#262830 url('/local/templates/main_new/ni/../img2/arr.png') no-repeat center center; background-size:auto 13px; cursor:pointer; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .coupon-input{ width:100%; height:49px; border:1px solid #e6ecf5; background:#f8f8f8; color:#525151; font-size:13px; padding:0 47px 0 20px; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; margin:0; } .basket-coupon-alert-section{ position:absolute; top:5px; left:5px; padding:0;margin:0; } .basket-coupon-alert-inner{ color:red; font-size:12px; line-height:12px; } .basket-checkout-block-btn{ max-width:191px; margin-left:30px; } .basket-btn-checkout{ width:190px; height:50px; padding:0; background:#3577e3; color:#fff; border:none; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; } .basket-btn-checkout:hover, .basket-btn-checkout:active{ background:#262830; color:#fff; } .basket-products-total{ padding-left:10px; text-align:right; } @media (max-width: 1299px) { .cart-product-item .product-item-caption { width: calc(40% - 74px); } .cart-product-item .product-item-title { max-width: 270px; } .cart-product-item .product-item-prices-wrap { width: calc(60% - 150px); } .cart-product-item .product-item-quantity { width: 125px; } .cart-product-item .product-item-price, .cart-product-item .product-item-sum { width: calc(50% - 63px); } } @media (max-width: 991px) { .cart-product-item .product-item-caption{ width:calc(100% - 195px); } .cart-product-item .product-item-title { max-width: 450px; padding-right:25px; } .cart-product-item .product-item-prices-wrap{ max-width:400px; width:100%; margin-top:20px; padding-left:0; } .product-item-action{ position:absolute; top:0px; right:10px; } .basket-checkout-container, .basket-checkout-section{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .basket-coupon-section, .basket-checkout-section{ width:100%; } .basket-checkout-section{ margin-top:20px; } .basket-products-total{ padding:10px 0 20px; } .basket-checkout-block-btn{ margin-left:auto; } } @media (max-width: 500px) { .cart-product-item .product-item-caption{ width:calc(100% - 75px); } .product-item-date{ width:100%; text-align:right; } .cart-product-item{ padding:10px 5px; } .cart-product-item .product-item-quantity { width: 105px; } .cart-product-item .product-item-price, .cart-product-item .product-item-sum { width: calc(50% - 53px); } .basket-checkout-container{ padding:30px 10px; } } /*оформление*/ .checkout-row{ gap:20px; } .checkout-left-content{ width:75%; } .checkout-sidebar{ width:25%; } .bx-soa-cart-total{ background:#fff; padding:20px 28px; margin:0; border:none; color:#262830; box-shadow: 0px 0px 29px rgba(190,190,190,0.29); -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; } .bx-soa-cart-total-line{ padding:22px 0; border:none; font-size:15px; line-height:24px; border-bottom:1px solid #e6ecf5; } .checkout-sidebar .bx-soa-cart-total-line, .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) { border-color: #e6ecf5; } .bx-soa-cart-total .bx-soa-cart-total-line:first-child .bx-soa-cart-t { font-weight: 400; } .bx-soa-cart-d { font-size:16px; font-weight:600; } .bx-price-old{ color:#8f8e8e; font-size:12px; } .bx-soa-price-free { font-size:14px; font-weight:600; color: #79c946; } .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted { background-color: transparent; border-bottom:1px solid #e6ecf5; } .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted .bx-soa-cart-d{ color:#3577e3; } .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t, .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d { font-weight: bold; font-size:18px; } .s-btn.basket-btn-checkout.btn-order-save{ margin:0px auto; height: 50px; line-height:50px; white-space:nowrap; } .bx-soa-section{ border:1px solid #f5f7fa; margin-bottom:20px; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; } .bx-soa-section-content{ padding:5px 30px 10px; } .bx-soa-section.bx-selected { border: 1px solid #e6ecf5; } .bx-soa-section-title-container{ background:#f5f7fa; color:#262830; font-size:16px; font-weight:600; border:none; padding:12px 20px; position:relative; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; } .bx-soa-section-title { font-size:16px; font-weight:600; } .bx-soa-section.bx-step-completed .bx-soa-section-title-container, .bx-soa-section.bx-selected .bx-soa-section-title-container{ padding:12px 20px; background:#3577e3; border-radius:0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .bx-soa-section.bx-selected .bx-soa-section-title { font-size:16px; color:#fff; } .bx-soa-section-title-count { display: inline-block; min-width: 40px; height: 40px; border-radius: 50%; border: none; background:#a6b9d6; color:#fff; vertical-align: middle; position: relative; margin: -3px 10px 0 0; } .bx-soa-section .bx-soa-section-title-count:after { content: '0'counter(heading); position: absolute; left: 0; right: 0; top: 0; text-align: center; font-size: 14px; color: #fff; line-height: 40px; counter-increment: heading; } .bx-soa-section.bx-selected .bx-soa-section-title-count { background:#3169c5; } .checkout-product-item .product-item-caption { width: calc(50% - 74px); padding-left: 10px; } .checkout-product-item .product-item-prices-wrap { width: 50%; } .checkout-product-item .product-item-date .product-price{ font-weight:400; font-size:13px; } .product-price-old{ font-size:12px; color:#8f8e8e; text-decoration:line-through; } .bx-soa-more{ border:none; padding:0; margin:0; padding:23px 0; } .bx-soa-more-btn{ width:100%; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .s-btn.btn-goprev, .s-btn.btn-gonext{ text-align:center; line-height:50px; width:160px; height:50px; border:none; padding:0; margin:0; margin-left:auto; background:#3577e3; color:#fff; border:1px solid transparent; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; } .s-btn.btn-goprev{ background:#fff; color:#3577e3; border:1px solid #3577e3; margin:0; } .editstep-text{ position:absolute; top:20px; right:10px; } .bx-soa-editstep { display:inline-block; color:#fff; } .bx-soa-editstep:hover,.bx-soa-editstep:active{ color:#fff; } .form-group .bx-soa-customer-label, .form-group .bx-soa-section-content .bx-soa-custom-label, .bx-soa-section-content .bx-soa-custom-label, .bx-soa .bx-soa-customer-label, .bx-soa .bx-soa-custom-label, .bx-soa .form-group label{ display:block; width:100%; margin:0px; font-size:15px; font-weight:600; padding:0; margin-bottom:12px; color:#262730; } .bx-soa-reference{ font-size:14px; line-height:24px; color:#8c8d8f; } .bx_soa_location, .bx-soa-pp { padding-top:20px; border-bottom:1px solid #e6ecf5; } .bx-soa-pp { gap:20px; padding-bottom:20px; } .bx_soa_location .dropdown-block.bx-ui-sls-input-block.form-control{ background:#f8f8f8; position:relative; width:100%; height:47px; border:1px solid #e6ecf5; padding:0; margin:0; padding-left:55px; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; } .bx-ui-sls-route,.bx-ui-sls-fake{ margin:0; height:47px; } .bx-sls .dropdown-icon { background: url('/local/templates/main_new/ni/../img2/lense.svg') no-repeat center center; background-size:18px; width:18px; height:18px; position:absolute; left:20px; top:12px; } .bx-sls .bx-ui-sls-clear { background: url('/local/templates/main_new/ni/../img2/close.svg') no-repeat center center; background-size:15px; width: 30px; height: 30px; cursor: pointer; margin-top: 2px; position: absolute; top: 5px; right: 10px; } .bx-sls .dropdown-fade2white { background:transparent; } .bx-soa-pp-item-container{ width:60%; } .bx-soa-pp-desc-container{ width:40%; padding:0; } .bx-soa-pp-desc-container .bx-soa-pp-company { background: #f5f7fa; border: 0; padding: 30px 40px 10px; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; } .bx-soa-pp-company-subTitle{ color:#3577e3; font-size:17px; font-weight:600; text-align:center; } .bx-soa-pp-company-block, .bx-soa-pp-company-desc{ text-align:center; color:#262830; font-size:14px; } .bx-soa-pp-company-desc { font-size: 14px; padding:0; line-height: 24px; } .bx-soa-pp-company-logo, .bx-soa-pp-company-graf-container{ background:transparent; border:0; margin:0px auto; } ul.bx-soa-pp-list{ width:100%; margin:0;padding:0; padding-top:20px; border-top:1px solid #e6ecf5; margin-top:20px; } ul.bx-soa-pp-list li { font-size:14px; font-weight:600; color:#262830; margin-bottom:15px; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } .bx-soa-pp-list-termin,.bx-soa-pp-list-description{ color:#262830; width:50%; } .bx-soa-pp-list-description{ font-size:16px; text-align:right; } .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company { display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-align-items: center;-ms-flex-align: center; align-items: center; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; width:100%; border:1px solid #e6ecf5; margin-bottom:10px; padding:5px 30px; height:75px; cursor:pointer; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; } .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected{ border-color:#3577e3; } .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company .bx-soa-pp-company-graf-container{ width:90px; height:40px; margin:0; padding:0; } .bx-soa-pp-company-checkbox{ display:none; } .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company-image { position:static; width:90px; height:40px; } .bx-soa-pp-item-container .bx-soa-pp-company-smalltitle{ color:#262830; font-size:15px; font-weight:600; } .bx-soa-pp-item-container .bx-soa-pp-company-smalltitle{ width:calc(100% - 190px); text-align:left; padding:0;margin:0; padding-left:20px; } .bx-soa-pp-item-container .bx-selected .bx-soa-pp-company-smalltitle{ color:#3577e3; } #bx-soa-paysystem .bx-soa-pp-company-smalltitle{ width:calc(100% - 90px); } .bx-soa-pp-item-container .bx-soa-pp-delivery-cost{ width:100px; position:static; text-align:right; background:transparent; color:#262830; font-size:16px; font-weight:600; } #bx-soa-orderSave .checkbox{ display:none; } .bx-soa-customer{ width:100%; padding:20px 0; border-bottom:1px solid #e6ecf5; } .bx-soa-customer-input, .form-control.bx-soa-customer-input, .form-control.bx-soa-customer-textarea{ width:100%; height:47px; padding:0 20px; background:#f8f8f8; border:1px solid #e6ecf5; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; color:#525151; font-size:14px; margin-bottom:20px; } span.bx-authform-starrequired{ color:#e9250b; font-size:15px; font-weight:600; } .bx-soa-customer-textarea, .form-control.bx-soa-customer-textarea{ height:92px; padding:15px 20px; } @media (max-width: 1299px) { .product-item-prices-wrap { padding-left: 0px; } .bx-soa-cart-total { padding: 20px 15px; } .bx-soa-pp-item-container,.bx-soa-pp-desc-container { width: 50%; } .bx-soa-section-content { padding: 5px 15px 10px; } .bx-soa-pp .bx-soa-pp-item-container .bx-soa-pp-company { padding:5px; } } @media (max-width: 768px) { .checkout-row,.bx-soa-pp{ -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .checkout-left-content, .checkout-sidebar { width: 100%; } .checkout-sidebar { order:0; } .checkout-left-content{ order:1; } .bx-soa-cart-total-line { padding: 5px 0; } .bx-soa-section-content { padding: 5px; } .checkout-product-item .product-item-caption { width: calc(100% - 74px); } .checkout-product-item .product-item-prices-wrap, .bx-soa-pp-item-container, .bx-soa-pp-desc-container{ width:100%; } } /*модальное*/ .checkout-modal{ max-width:524px; padding:55px 50px 40px; border-radius:4px; color:#262830; } .checkout-modal .modal-title{ font-size:22px; margin-bottom:25px; } .checkout-modal .modal-text{ font-size:15px; line-height:24px; margin-bottom:14px; } .checkout-modal .modal-text a{ color:#3577e3; text-decoration:underline; } .checkout-modal .modal-text b{ font-weight:600; } .checkout-modal-logo{ display:block; max-width:100%; max-height:40px; margin:15px auto; clear:both; } .categories-modal{ max-width:468px; padding:55px 40px 40px; border-radius:4px; color:#262830; } .categories-modal .modal-title{ font-size:18px; text-align:left; margin-bottom:20px; } .catalog-modal-subcats-menu-wrap{ position:relative; max-height:450px; } .catalog-subcats-menu.catalog-modal-subcats-menu{ display:block; width:100%; } .catalog-subcats-menu.catalog-modal-subcats-menu li{ width:100%; text-align:left; } .catalog-subcats-menu.catalog-modal-subcats-menu li a.active, .catalog-subcats-menu.catalog-modal-subcats-menu li a:hover{ background: #3577e3; color: #fff; } /* форма авторизации */ #login-modal, #registration-modal { font-family: "Montserrat", sans-serif; color:#262830; font-size:14px; line-height:21px; border-radius:4px; padding: 40px 50px; } #registration-modal { width:707px; } .authorization-title{ font-size:18px; line-height:21px; font-weight:bold; } #registration-modal .fancybox-close-small, #login-modal .fancybox-close-small { width:20px; top:-5px; bottom:auto; right:-25px; } #registration-modal .fancybox-close-small:after, #login-modal .fancybox-close-small:after { color:#fff; left:0; position:absolute; } #registration-modal p, #login-modal p { font-size:14px; line-height:21px; color:#262830; text-align:left; } #registration-modal .reg, #registration-modal .lost-pass, #login-modal .reg, #login-modal .lost-pass { display: inline-block; border:0; color: #3577e3; text-decoration:underline; } #registration-modal .lost-pass, #login-modal .lost-pass { font-size:13px; } .input-m-label, #registration-modal .input-m-label, #login-modal .input-m-label{ display:block; width:100%; margin:12px 0 20px; position:relative; } .input-m-label .placeholder, #registration-modal .input-m-label .placeholder, #login-modal .input-m-label .placeholder { display:block; width:100%; position:relative; font-size:15px; font-weight:600; margin-bottom:12px; } .input-m-label .form-input, #registration-modal .input-m-label .form-input, #login-modal .input-m-label .form-input{ border:1px solid #e6ecf5; background:#f8f8f8; height:47px; width:100%; display:block; padding:0 20px; border-radius:4px; } .lost-right{ position:absolute; top:0; right:0; } .auth-login-btn{ background:#3577e3; color:#fff; border:0; font-size:13px; line-height:13px; padding:17px 40px; border-radius:6px; } .auth-login-btn:hover{ background:#3577e3; color:#fff; opacity:0.9; } .registation-cols{ gap:20px; margin-bottom:12px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .registation-col{ width:calc(50% - 11px); } .registation-col .input-m-label, #registration-modal .registation-col .input-m-label{ margin:0; } @media (max-width: 768px) { #registration-modal .fancybox-close-small , #login-modal .fancybox-close-small { top:-35px; right:5px; } #registration-modal, #login-modal { padding: 30px 20px; } .registation-col{ width:100%; } .registration-tabs .ni-tabs-menu-item{ margin-right:15px; font-size:14px; } } .agreement-item { display:block; width:100%; margin-bottom:14px; } .agreement-item .mcheckbox-c{ border-radius:50%; border-color:#e7ecf5; } .agreement-item .mlabel{ font-size:11px; color:#6b6b6b; } .agreement-item input.mcheckbox:checked + .mcheckbox-c::before { border-color:#e7ecf5; top:0px; left:-1px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAYAAAAGRPQsAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHpJREFUeNqt07ENgDAMRFEvwSqsQAMTZAI6ZkBslkEyAxOEGDm6wkphx8WvfHpNFNqunbzRU9dWlpZZ6G1VKQdAaB5CZxjE9zCI66Mih+SCgAmEkg1CNBgmGwTs+Ae62wL1BxiCBggYQAekMYAuSGMArZDGNFgYsvyQD+k/u+5JrlmlAAAAAElFTkSuQmCC') no-repeat center center; background-size:7px; border-radius: 50%; } .password-input-wrap{ display:block; width:100%; position:relative; } .password-input-show{ position:absolute; display:block; top:16px; right:20px; cursor:pointer; background:url('/local/templates/main_new/ni/../img2/pass.png') no-repeat center center; background-size:19px 13px; width:19px; height:13px; } .password-input-show.checked:after{ content:''; display:block; width:20px; height:2px; background:#3577e3; border-radius:2px; transform:rotate(160deg); position:absolute; top:5px; left:0px; } [tooltip]:before, [tooltip]:after { font-family: "Montserrat", sans-serif; text-transform: none; font-size: 13px; line-height: 20px; font-weight:400; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0; } [tooltip]:before { content: ''; border: 8px solid transparent; z-index: 1001; } [tooltip]:after { content: attr(tooltip); text-align: center; width:180px; overflow: hidden; text-overflow: ellipsis; padding: 14px 3px; border-radius: 8px; box-shadow: none; background: #3577e3; color: #fff; border: 1px solid #3577e3; z-index: 1000; } [tooltip]:hover::before, [tooltip]:hover::after { display: block; } [tooltip='']::before, [tooltip='']::after { display: none !important; } [tooltip]:not([flow])::before, [tooltip][flow^="up"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #3577e3; } [tooltip]:not([flow])::after, [tooltip][flow^="up"]::after { bottom: calc(100% + 8px); } [tooltip]:not([flow])::before, [tooltip]:not([flow])::after, [tooltip][flow^="up"]::before, [tooltip][flow^="up"]::after { left: 50%; transform: translate(-50%, -.5em); } [tooltip][flow^="down"]::before { top: 100%; border-top-width: 0; border-bottom-color: #3577e3; } [tooltip][flow^="down"]::after { top: calc(100% + 5px); } [tooltip][flow^="down"]::before, [tooltip][flow^="down"]::after { left: 50%; transform: translate(-50%, .5em); } [tooltip][flow^="left"]::before { top: 50%; border-right-width: 0; border-left-color: #3577e3; left: calc(0em - 5px); transform: translate(-.5em, -50%); } [tooltip][flow^="left"]::after { top: 50%; right: calc(100% + 5px); transform: translate(-.5em, -50%); } [tooltip][flow^="right"]::before { top: 50%; border-left-width: 0; border-right-color: #3577e3; right: calc(0em - 5px); transform: translate(.5em, -50%); } [tooltip][flow^="right"]::after { top: 50%; left: calc(100% + 5px); transform: translate(.5em, -50%); } .product-card [tooltip]::before{ } .product-card [tooltip]::after{ left:-200%; } @keyframes tooltips-vert { to { opacity: 1; transform: translate(-50%, 0); } } @keyframes tooltips-horz { to { opacity: 1; transform: translate(0, -50%); } } [tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after { animation: tooltips-vert 300ms ease-out forwards; } [tooltip][flow^="left"]:hover::before, [tooltip][flow^="left"]:hover::after, [tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after { animation: tooltips-horz 300ms ease-out forwards; } @media (max-width: 576px){ [tooltip]:before, [tooltip]:after, [tooltip]:hover::before, [tooltip]:hover::after { display: none !important; } } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:6px;background:#4a89f2;border-radius:5px;} .mCSB_scrollTools .mCSB_draggerRail {width:5px;background:#e6ecf5;border-radius:5px;} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background:#4a89f2;border-radius:5px;} .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#215ab9} /*Подсказки в карте товара */ .store-buy-checkbox{ position:relative; margin-bottom:15px; } .store-buy-checkbox .mlabel{ padding:13px 20px; max-width: calc(100% - 26px); -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; } .mlabel.mlabel-green{ background:#83ca9d; } .mlabel.mlabel-yellow{ background:#fce596; } .mlabel.mlabel-pink{ background:#f6867b; } .store-buy-checkbox, .store-buy-checkbox .mlabel{ display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between; } [storeaddress]:before, [storeaddress]:after { box-sizing: border-box; font-family: "Montserrat", sans-serif; text-transform: none; font-size: 13px; line-height: 20px; font-weight:400; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0; } [storeaddress]:before { content: ''; border: 8px solid transparent; z-index: 1001; } [storeaddress]:after { content: attr(storeaddress); text-align: left; max-width:274px; width:calc(100% - 70px); overflow: hidden; text-overflow: ellipsis; padding: 18px 25px; padding-right:35px; border-radius: 8px; box-shadow: none; background: #3577e3; color: #fff; border: 1px solid #3577e3; z-index: 1000; } [storeaddress]:hover::before, [storeaddress]:hover::after { display: block; } [storeaddress='']::before, [storeaddress='']::after { display: none !important; } [storeaddress]::before { bottom: calc(100% - 16px); border-bottom-width: 0; border-top-color: #3577e3; } [storeaddress]::after { bottom: calc(100% - 8px); } [storeaddress]::before, [storeaddress]::after { left: 60%; transform: translate(-50%, -.5em); } @keyframes storeaddress-vert { to { opacity: 1; transform: translate(-50%, 0); } } [storeaddress]:hover::before, [storeaddress]:hover::after{ animation: storeaddress-vert 300ms ease-out forwards; } /* стили compare*/ .catalog-subcats-menu a:hover{ background:#1e8ee5; color:#fff; } .related-slider-product-card .product-card:hover, .catalog-main-product-card .product-card:hover { box-shadow: 0px 0px 29px rgba(190,190,190,0.69); transform: scale(1.01); transition: all 0.3s ease; } .promo-block{ display:block; width:100%; margin:32px auto; } .promo-block-img, .promo-block-img-mobile{ display:block; width:100%; height:auto; } .promo-block-img-mobile{ display:none; } @media screen and (max-width: 768px) { .promo-block{ margin:12px auto; } .promo-block-img{ display:none; } .promo-block-img-mobile{ display:block; } } .product-card-price-wrap { padding-top:7px; } .product-card-sku, .product-card-date{ min-height:28px; margin-bottom:1px; } .product-card-btns{ position:relative; } .wrapper-compare-icons{ position:absolute; top:-44px; right:0; width:70px; height:30px; display: flex; justify-content: space-between; } .btn-delay, .btn-compare{ background:#e6ecf5; width:30px; height:30px; border-radius:3px; cursor:pointer; position:relative; background-size:20px 20px; } .btn-delay{ background:#e6ecf5 url('/local/templates/main_new/ni/../imgs/delay.svg') no-repeat center center; background-size:20px 20px; } .btn-delay:hover,.btn-delay.active{ background:#e6ecf5 url('/local/templates/main_new/ni/../imgs/delay-a.svg') no-repeat center center; background-size:20px 20px; } .btn-compare{ background:#e6ecf5 url('/local/templates/main_new/ni/../imgs/compare.svg') no-repeat center center; background-size:13px 13px; } .btn-compare:hover,.btn-compare.active{ background:#e6ecf5 url('/local/templates/main_new/ni/../imgs/compare-a.svg') no-repeat center center; background-size:13px 13px; } @media screen and (min-width: 991px) { .product-card-list .product-card-btns { min-height:130px; } .product-card-list .wrapper-compare-icons{ top:calc(100% - 30px); } } @media screen and (max-width: 991px) { .product-card-btns{ margin-top:23px; } .wrapper-compare-icons{ top:-35px; } } .comparison-top { margin-bottom: 40px; } .comparison { display: grid; grid-template-columns: minmax(294px, 1fr) 3fr; } .comparison-head { display: flex; flex-direction: column; justify-content: space-between; } .comparison-head__block { padding-right: 20px; } .comparison-head__descr { display: block; margin-bottom: 20px; font-size: 15px; line-height:24px; font-weight: 400; color: #262830; } .comparison-head__block-border{ border:1px solid #e6ecf5; border-radius:6px; padding:25px 28px; padding-right:10px; margin-bottom:10px; } .comparison-head__label { display: flex; align-items: center; position: relative; margin:0; font-size: 13px; font-weight: 400; cursor: pointer; } .comparison-head__label b{ white-space:nowrap; } .comparison-head__label .jq-checkbox { width: 17px; height: 17px; display: inline-block; vertical-align: middle; border-radius:3px; border:1px solid #e6ecf5; } .comparison-head__span{ margin-left:10px; width:calc(100% - 28px); } .comparison-head__btn{ max-width:300px; font-family: "Montserrat", sans-serif; display: flex; align-items: center; justify-content: center; background:#f5f7fa; width:100%; height:48px; border:5px; color:#262830; border-radius:5px; text-align:center; font-size:14px; border:0; } .comparison-head__btn i{ display:inline-block; margin-right:6px; width:10px; height:10px; background:url('/local/templates/main_new/ni/../imgs/clear.svg') no-repeat center center; background-size:contain; } .comparison-bottom { margin-bottom: 90px; } .comparison__item { padding: 5px 10px 10px; height: 82px; font-size: 14px; line-height: 24px; color:#262830; display: flex; align-items: center; text-align:center; } .comparison__list-bottom .comparison__item { padding-left: 20px; font-weight: 600; } .comparison__item span { display: block; max-width: 294px; } .comparison__slider { position: relative; min-width: 0; } .comparison-top .comparison__slider { margin:0 -10px; } .comparison__item:nth-child(odd) { background-color: #f5f7fa; } .comparison__item .comparison__name-mob, .comparison-head__label-mob, .comparison__item span.comparision__name-mob{ display: none; } .comparison__item span { display: block; max-width: 270px; } .comparison__list-bottom .comparison__item { text-align:left; padding-left: 40px; font-weight: 600; } .comparison__swiper-container { overflow: hidden; padding: 10px; margin-top:-10px; } .comparison__swiper { overflow: visible !important; } .comparison__swiper-container .product-card { box-shadow: 0px 0px 10px rgba(190,190,190,0.31); } .swiper-button-prev, .swiper-button-next { width: 46px; height: 46px; border-radius: 50%; background: #ffffff url('https://forum196.ru/local/templates/main_new/img/arrow.svg') no-repeat center center; background-size: 11px; position: absolute; top: calc(50% - 23px); font-size: 0; box-shadow: 0 0 23px rgba(79,79,79,0.21); border: 0; z-index: 5; opacity:0.9; } .swiper-button-prev { left: -1px; transform: rotate(90deg); } .swiper-button-next { right: -1px; transform: rotate(-90deg); } .swiper-button-prev::after, .swiper-button-next::after { content: ''; } .swiper-button-disabled{ display:none; } @media (max-width: 991.9px) { .comparison__swiper-container .product-card { padding-left:10px; padding-right:10px; } .comparison { display: block; width:100%; } .comparison-head__label-desktop { display: none; } .comparison-head__label-mob { margin-top: 25px; display: block; } .comparison-head__block-border{ border:0; padding:0; } .comparison-head{ margin-bottom:30px; } .comparison__list-bottom { display: none; } .comparison__item span.comparision__name-mob, .swiper-slide-active .comparision__name-mob { display: block; } .comparision__name-mob { position: absolute; top: 20px; left: 10px; font-size: 13px; font-weight: 600; line-height: 13px; color: #b7b7b7; z-index: 10; } .comparison__item { position:relative; padding-top: 45px; height: 100px; } .swiper-button-prev, .swiper-button-next { width: 36px; height: 36px; top: calc(50% - 18px); } } .header-fixed-search { position: fixed; transform: translateY(-100%); top:0; left: 0; right: 0; background: #fff; padding: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: all 0.3s ease-in-out; z-index: -1000; } .header-fixed-search.active { transform: translateY(0); z-index: 1000; } .header-top-cart .cart, .header-top-cart .login { width: fit-content; font-size:10px; } .header-top-cart .tocompare, .header-top-cart .tofavdelay { display: block; width: fit-content; height: 48px; border: 0; cursor: pointer; color: #fff; text-align: center; font-size: 10px; line-height: 12px; position: relative; padding: 32px 0 0; margin: 0; opacity: 1; white-space: nowrap; } .header-top-cart .tocompare .compare-count, .header-top-cart .tofavdelay .delay-count { position: absolute; display: block; width: 17px; height: 17px; border-radius: 50%; background: #3577e3; color: #fff; line-height: 16px; font-size: 10px; font-weight: 600; padding: 0; position: absolute; top: -1px; } .header-top-cart .tocompare .compare-count, .header-top-cart .tofavdelay .delay-count, .header-top-cart .cart .cart-count{ right:auto; left:calc(50% + 5px); margin:0; } .header-top-cart .tocompare{ background: url('/local/templates/main_new/ni/../imgs/compare-w.svg') no-repeat center 5px; background-size: 23px; } .header-top-cart .tofavdelay{ background:url('/local/templates/main_new/ni/../imgs/delay-w.svg') no-repeat center 5px; background-size:27px; } .header-fixed-search .tocompare, .header-fixed-search .tofavdelay, .header-fixed-search .cart, .header-fixed-search .login{ color:#262830; } .tocompare:hover, .tofavdelay:hover { color: #3577e3; } .header-fixed-search .tocompare{ background: url('/local/templates/main_new/ni/../imgs/compare-a.svg') no-repeat center 5px; background-size: 23px; } .header-fixed-search .tofavdelay{ background: url('/local/templates/main_new/ni/../imgs/delay-a.svg') no-repeat center 5px; background-size: 23px; } .header-fixed-search .login{ background: url('/local/templates/main_new/ni/../imgs/user-a.svg') no-repeat center 5px; background-size: 21px 23px; } .header-fixed-search .cart { background: url('/local/templates/main_new/ni/../imgs/basket-a.svg') no-repeat center 5px; background-size: 26px 24px; } .header-fixed-search .tocompare .compare-count, .header-fixed-search .tofavdelay .delay-count, .header-fixed-search .cart .cart-count{ background-color:#a7b9d5; } .header-fixed-search .header-search { margin:0; max-width: 600px; width:calc(100% - 255px); } .header-top-cart { width: 30%; max-width: 253px; justify-content: space-around; } .header-fixed-search .header-top-cart { margin:0; } .mainlogo { width:285px; white-space:nowrap; } .mainlogo-logo { font-size: 38px; } .mainlogo-text { font-size:11px; line-height:11px; } .header-top-menu { padding-left:10px; padding-right:10px; } @media (max-width: 1299px) { .header-top-menu { width: 38%; padding-left: 0; padding-right: 0; } .mainlogo { margin-right:10px; } } @media (max-width: 991px) { .header-top-menu { width: 65%; } .header-top-cart { width: 35%; } } @media (max-width: 560px) { .header-top-menu { width: 100%; } .header-top-cart { width:253px; } .header-fixed-search .header-top-cart { display:none; } .header-fixed-search .header-search { width:100%; } } @media (max-width: 410px) { .header-top-cart { width: calc(100% - 115px); } .ni-btn-catalog { max-width: 110px; padding: 0 10px 0 10px; } } /**/ #regprice-info.modal{ padding-top:144px; position:relative; } #regprice-info.modal:before{ content:''; display:block; width:100%; position:absolute; top:0; left:0; height:124px; border-top-left-radius: 4px; border-top-right-radius: 4px; background:#ff2c5f url('/local/templates/main_new/ni/../g_img/regsalebg.jpg') no-repeat right bottom / cover; z-index:1; } .product-page-buy-price .product-card-price { font-size: 16px; color:#6d6e72; font-weight:500; } .product-description-text p.p-ico-p, .p-ico-p { display:inline-block; width:100%; padding-left:38px; position:relative; min-height:27px; margin:10px 0 15px; vertical-align: middle; } .p-ico-p:before, .p-ico-n:before{ content:''; display:block; width:25px; height:27px; position:absolute; top:0; left:0; } .p-ico-shop:before{ background:url('/local/templates/main_new/ni/../g_img/p-ico-shop.svg') no-repeat center center / 21px 22px; } .p-ico-delivery:before{ background:url('/local/templates/main_new/ni/../g_img/p-ico-delivery.svg') no-repeat center center / 24px; } .p-ico-analog:before{ background:url('/local/templates/main_new/ni/../g_img/p-ico-analog.svg') no-repeat center center / 25px; } .p-ico-paycash:before{ top:-3px; background:url('/local/templates/main_new/ni/../g_img/p-ico-paycash.svg') no-repeat center 0 / 25px; } .p-ico-payvat:before{ top:-2px; background:url('/local/templates/main_new/ni/../g_img/p-ico-payvat.svg') no-repeat center 0 / 23px; } .p-ico-payonline:before{ top:-2px; background:url('/local/templates/main_new/ni/../g_img/p-ico-payonline.svg') no-repeat center 0 / 27px; } .p-ico-payplan:before{ background:url('/local/templates/main_new/ni/../g_img/p-ico-payplan.svg') no-repeat center 0 / 23px; } .product-description-text p a{ color:#3577e3; text-decoration:underline; } .product-description-text p a[href^="tel:"] { text-decoration:none; font-weight:600; white-space:nowrap; } .product-description-text p.p-ico-n, .p-ico-n{ display:block; width:100%; padding:24px 80px 25px 67px; position:relative; border-radius: 6px; margin-top:13px; margin-bottom:28px; } .p-ico-n:before{ width:26px; height:26px; left:20px; top:calc(50% - 13px); } .p-ico-rednotice{ background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%23ED1C24FF' stroke-width='1' stroke-dasharray='4%2c3' stroke-dashoffset='1' stroke-linecap='square'/%3e%3c/svg%3e"); } .p-ico-sto{ background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%23FFA900FF' stroke-width='1' stroke-dasharray='4%2c3' stroke-dashoffset='1' stroke-linecap='square'/%3e%3c/svg%3e"); } .p-ico-rednotice:before{ background:url('/local/templates/main_new/ni/../g_img/rednotice.svg') no-repeat center center / 26px; } .p-ico-sto:before{ background:url('/local/templates/main_new/ni/../g_img/stonotice.svg') no-repeat center center / 26px; } .yoomoney-ico{ display:inline-block; vertical-align: middle; width:85px; height:19px; background:url('/local/templates/main_new/ni/../g_img/yoomoney-ico.png') no-repeat center 0 / contain; } .product-description-text ul.ggal li, ul.ggal li{ padding-left:36px; min-height:23px; margin-bottom:27px; } .product-description-text ul.ggal li:before, ul.ggal li:before{ width:23px; height:23px; top:0; left:0; background:url('/local/templates/main_new/ni/../g_img/ggal.svg') no-repeat center 0 / 23px; } @media (max-width: 420px){ .product-description-text p.p-ico-n, .p-ico-n{ padding:20px 20px 20px 65px; margin-bottom:18px; } } .product-page-slider-wrapper { margin-bottom:5px; } .product-page-slider-wrapper .slick-dots { bottom:-15px; } .product-page-thumb-slider{ position:relative; margin-bottom:30px; margin-left:-5px; margin-right:-5px; } .product-page-thumb-slider .slick-slide{ padding:5px; } .product-page-thumb-slider .slide-img{ display:block; width:100%; height:auto; aspect-ratio:1/1; border:1px solid #f3f5f8; padding:0px; margin:0px; border-radius:6px; overflow:hidden; cursor:pointer; } .product-page-thumb-slider .slide-img img{ display:block; width:100%; height:100%; object-fit:contain; margin:auto; border-radius:6px; } .product-page-thumb-slider .slick-current .slide-img{ border-color:#3577e3; } .product-page-thumb-slider .slick-arrow{ position:absolute; padding:0;margin:0; top: calc(50% - 18px); width:35px; height:35px; background:#fff; border:0; z-index:1; text-indent: -9999px; box-shadow:0 0 23px rgba(79,79,79,0.21); -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; } .product-page-thumb-slider .slick-arrow:before{ content:''; display:block; width:7px; height:7px; border-top:2px solid #aab1cc; border-right:2px solid #aab1cc; position:absolute; top:13px; left:12px; transform:rotate(45deg); } .product-page-thumb-slider .slick-prev:before{ transform:rotate(-135deg); left:15px; } .product-page-thumb-slider .slick-prev{ left:-10px; } .product-page-thumb-slider .slick-next{ right:-10px; } /* End */ /* Start:/local/templates/main_new/ni/p_style.css?175308607910166*/ .page{ overflow:hidden; } .form-success-message{ margin-top:20px; display:inline-block; font-size:14px; line-height:24px; background:#bee0b0; border-radius:6px; padding:15px 20px; } @media screen and (max-width: 767px) { .form-success-message { margin-top:5px; font-size: 13px; line-height: 22px; padding: 10px 18px; } } .f-notice, p.f-notice{ color:#6d717e; font-size:14px; padding:5px 0; margin:0; } .leave-feedback-btn{ margin:10px 0; background:#3577e3; cursor:pointer; padding:17px 25px; color:#fff; border-radius:6px; font-size:14px; line-height:14px; border:0; box-shadow:none; outline:none; } .leave-feedback-btn:hover{ background:#208ce5; } .feedback-content{ margin-top:22px; max-width:690px; width:100%; } .feedback-item{ width:100%; margin:5px 0 12px; } .feedback-caption{ display: flex; align-items: center; justify-content: space-between; width:100%; min-height:48px; margin-bottom:15px; } .feedback-caption-title{ width:calc(100% - 110px); display: flex; align-items: center; } .feedback-caption-letter{ background:#f4f7fb; width:48px; height:48px; line-height:48px; border-radius:50%; text-align:center; color:#838e9b; font-size:18px; font-weight:bold; margin-right:10px; } .feedback-caption-name{ font-size:16px; font-weight:600; } .feedback-caption-info{ width:109px; text-align:right; height:48px; display: flex; flex-direction: column; justify-content: space-between; } .feedback-text, .feedback-text p{ margin:0; font-size:14px; line-height:24px; } .feedback-caption-date{ font-size:14px; color:#a4a4a4; font-weight:500; text-align:right; } .f-rating { margin-left:auto; width:100%; display: flex; justify-content: end; gap: 8px; } .f-rating span { width: 14px; height: 14px; background: url('/local/templates/main_new/ni/../p_img/star.svg') no-repeat center; background-size: contain; filter: grayscale(100%) opacity(0.5); transition: filter 0.3s ease; } .f-rating span.filled { filter: none; } @media screen and (max-width: 767px) { .feedback-caption-name{ font-size:14px; } .feedback-text, .feedback-text p{ font-size:13px; line-height:22px; } .feedback-caption-date { font-size: 12px; } } .feedback-form-rating{ display: flex; align-items: center; margin-bottom:20px; } .feedback-form{ display:none; margin:5px 0; max-width:652px; position:relative; padding-right:42px; } .feedback-form-close{ width:38px; height:38px; border-radius:50%; background:#f5f7fa url('/local/templates/main_new/ni/../p_img/fclose.svg') no-repeat center center; background-size:16px; position:absolute; top:0;right:0; cursor:pointer; border:0;outline:0; box-shadow:none; padding:0; } .feedback-form label{ font-size:15px; font-weight:400; } .feedback-form-message{ margin-bottom:20px; } .feedback-form-message .form-textarea{ background:#f8f8f8; width:100%; padding:18px 20px; font-size:14px; line-height:21px; border:1px solid #e6ecf5; height:157px; border-radius:4px; } .captcha-gen{ width:100%; } .feedback-form-captcha label{ display:block; width:100%; } .feedback-form-captcha input{ margin:12px 0 20px; width:203px; height:50px; background:#f8f8f8; border:1px solid #e6ecf5; border-radius:8px; padding-left:20px; } .s-btn.feedback-submit{ background:#3577e3; color:#fff; font-size:14px; font-weight:400; border-radius:6px; height:50px; border:0;outline:0; } .s-btn.feedback-submit:hover{ background:#208ce5; } .req{ color:#d03c3c; } .stars-choose { display: flex; align-items: center; gap: 14px; } .leave-rating { display: flex; gap: 7px; } .feedback-star { width: 14px; height: 14px; cursor: pointer; transition: filter 0.1s; } .feedback-star.gray { filter: grayscale(100%) opacity(0.5); } .feedback-star.hovered, .feedback-star.selected { filter: none; } #login2-modal { max-width: 265px; width:100%; border-radius:8px; padding:28px 29px 18px; box-shadow:0 0 29px rgba(190,190,190,0.29); } .authorize-block{ } .authorize-block-btn{ max-width:202px; width: 100%; height: 50px; line-height:50px; color: #fff; background: #3577e3; border-radius: 6px; margin: 0px auto 10px; font-size: 14px; text-align:center; padding: 0; border: 0; } .authorize-block-btn:hover{ color: #fff; background:#208ce5; } #login2-modal .fancybox-close-small{ border-radius:50%; background:#f5f7fa url('/local/templates/main_new/ni/../p_img/fclose.svg') no-repeat center center; background-size:16px; color:#f5f7fa; width:38px; height:38px; top:-38px; right:-38px; } #login2-modal .fancybox-close-small:after { content:''; display:block; width:38px; height:38px; color:#282828; position:absolute; top:0;left:0; line-height:38px; } .product-page-shortinfo .product-card-sku{ color:#3577e3; position:relative; padding-left:25px; padding-right:30px; } .product-page-shortinfo .product-card-sku:before{ content:''; display:block; width:16px; height:16px; background:url('/local/templates/main_new/ni/../p_img/sku.svg') no-repeat center center; background-size:15px; position:absolute; left:0; top:-1px; } .product-card-rating{ display:inline-block; position:relative; padding-left:19px; font-size:15px; font-weight:bold; } .product-card-rating:before{ content:''; display:block; width:14px; height:14px; background:url('/local/templates/main_new/ni/../p_img/star.svg') no-repeat center center; background-size:14px; position:absolute; left:0; top:4px; } .product-innercode{ position:absolute; top:5px; right:0; border-radius:6px; padding:7px 12px 6px 13px; display:inline-block; font-size:13px; line-height:13px; background:#f5f7fa; font-weight:500; } @media screen and (max-width: 1299px) { .product-innercode{ top: 20px; right: -20px; } } @media screen and (max-width: 991px) { .product-innercode{ top:5px; right: 0px; } } @media screen and (max-width: 500px) { .product-page-shortinfo .product-stock, .product-page-shortinfo .product-card-sku { padding-right:20px; } } .product-card-return{ margin-top:10px; background:#f5f7fa; padding:25px 28px; border-radius:6px; font-size:15px; line-height:24px; } .return-title{ font-weight:600; } .product-card-return p{ font-size:13px; margin:6px 0 0; } .product-page-related { margin: 30px 0 60px; } .related-products-slider{ margin:26px -11px; } .related-products-slider .slick-list { overflow: visible; } .related-products-slider .slick-track { display: flex; } .related-products-slider .slick-slide { height: auto; flex: 0 0 auto; opacity: 0; transition: opacity 0.5s; } .related-products-slider .slick-slide.slick-active { opacity: 1; transition: opacity 0.5s; } .related-slider-product-card.slick-slide{ margin:0 11px; } .related-products-slider .slick-arrow { width: 35px; height: 35px; border-radius: 50%; background: #ffffff url('/local/templates/main_new/img/arrow.svg') no-repeat center center; background-size: auto; background-size: 11px; position: absolute; top: calc(50% - 17px); text-indent: -9999px; font-size: 0; box-shadow: 0 0 23px rgba(79,79,79,0.21); border: 0; z-index: 3; } .slick-arrow.slick-disabled{ opacity:0; cursor:default; } .related-products-slider .slick-prev { left: -22px; transform: rotate(90deg); } .related-products-slider .slick-next { right: -20px; transform: rotate(-90deg); } @media screen and (max-width: 767px) { .related-products-slider{ max-width:320px; margin:20px auto; } .related-products-slider .slick-prev { left: -12px; } .related-products-slider .slick-next { right: -10px; } } .product-page-buy-price{ margin-top:10px; } .product-card-price { font-size:21px; } .product-page-buy-regprice{ display:block; width:100%; border:1px solid #ffa900; border-radius:6px; padding:11px 15px; font-size:13px; line-height:24px; color:#8c8d8f; margin-top: 12px; cursor:pointer; } .product-card-regprice{ display:inline-block; white-space:nowrap; color:#ff421d; font-size:19px; font-weight:bold; padding-left: 30px; min-height: 23px; background: url('/local/templates/main_new/ni/../pr_img/regpricetag.svg') no-repeat 0 center / 19px 23px; padding-right:3px; } .product-page-buy-regprice:hover, .product-page-buy-regprice:active{ background:#ffa900; color:#fff; } .product-page-buy-regprice:hover .product-card-regprice, .product-page-buy-regprice:active .product-card-regprice{ color:#fff; } .product-page-buy-price-val { background: url('/local/templates/main_new/ni/../pr_img/pricetag.svg') no-repeat 0 center / 19px; } @media (max-width: 420px){ .product-page-buy-regprice{ order:2; margin-bottom:12px; } .product-page-buy-price-quantity{ order:3; } } .regprice-info-title{ margin-top:10px; font-size:18px; line-height:21px; font-weight:bold; margin-bottom:20px; } .regprice-info-text{ font-size:14px; line-height:24px; } #regprice-info.modal{ font-family: "Montserrat", sans-serif; max-width: calc(100% - 30px); width:568px; border-radius:4px; } #regprice-info.modal .fancybox-close-small { top:-5px; right:-25px; } #regprice-info.modal .fancybox-close-small:after { color:#fff; } .regprice-info-btns{ margin:25px 0 10px; display: flex; gap:23px; } .regprice-info-btns .btn,.regprice-info-btns .btn:hover,.regprice-info-btns .btn:focus{ font-family: "Montserrat", sans-serif; font-weight:400; background: #3577e3; width:100%; color: #fff; opacity: 1; border: 0; font-size: 13px; line-height: 13px; padding: 17px 0px 19px; border-radius: 6px; height:50px; border:1px solid #3577e3; } .btn.white-btn{ color:#3577e3; background:#fff; } .regprice-info-btns .btn:hover,.regprice-info-btns .btn:focus{ background: #355ad6; color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); } @media (max-width: 500px){ .regprice-info-btns{ gap:5px; flex-wrap: wrap; } } /* End */ /* /local/templates/main_new/css/jquery.formstyler.css?15434814942175 */ /* /local/templates/main_new/css/jquery.mCustomScrollbar.css?154348149453583 */ /* /local/templates/main_new/css/jquery.fancybox.min.css?154348149413735 */ /* /local/templates/main_new/css/slick.css?15434814941776 */ /* /local/templates/main_new/css/main.css?1787909665109613 */ /* /local/templates/main_new/ni/ni_style.css?176975883058677 */ /* /local/templates/main_new/ni/ni_style2.css?1753086128100562 */ /* /local/templates/main_new/ni/p_style.css?175308607910166 */