/* Start:/local/templates/template/css/core.min.css?16418373793106*/ .bx-timer-semicolon-off .bx-timer-semicolon {visibility: hidden} .bx-panel-tooltip { z-index:2210 !important; overflow: hidden !important; position:absolute !important; letter-spacing:normal !important; list-style:none !important; text-align: left !important; text-indent:0 !important; text-transform: none !important; visibility:visible !important; white-space: normal !important; word-spacing:normal !important; vertical-align:baseline !important; margin:0 !important; padding:0 !important; float: none !important; text-decoration: none !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; -webkit-box-shadow: 0 12px 10px rgba(0,0,0,.25) !important; -moz-box-shadow: 0 12px 10px rgba(0,0,0,.25) !important; box-shadow: 0 12px 10px rgba(0,0,0,.25) !important; border: 1px solid; border-color: #a2a6ad #989ca1 #8e9398; background: #d0dbdd; background: -webkit-linear-gradient(top, rgba(227,233,234,.95), rgba(198,210,213,.95)); background: -moz-linear-gradient(top, rgba(227,233,234,.95), rgba(198,210,213,.95)); background: -o-linear-gradient(top, rgba(227,233,234,.95), rgba(198,210,213,.95)); background: -ms-linear-gradient(top, rgba(227,233,234,.95), rgba(198,210,213,.95)); background: linear-gradient(to bottom, rgba(227,233,234,.95), rgba(198,210,213,.95)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e3e9ea', endColorstr='#f2c6d2d5',GradientType=0); } .bx-panel-tooltip div { display: block !important; } .bx-panel-tooltip .bx-panel-tooltip-top-border, .bx-panel-tooltip .bx-panel-tooltip-bottom-border { display: none !important; } .bx-panel-tooltip-content { overflow: hidden !important; position: relative !important; z-index:10 !important; display:inline-block !important; } .bx-panel-tooltip-title { font: normal normal bold 14px/normal "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #16191a !important; position:relative !important; padding: 7px 10px 0 10px !important; margin: 0 !important; text-shadow: 0 1px rgba(255, 255, 255, 0.66); } .bx-panel-tooltip-text { font: normal normal normal 12px/normal "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #272b31 !important; padding: 9px 10px 10px 10px !important; margin: 0 !important; position:relative !important; text-shadow: 0 1px rgba(255, 255, 255, 0.25); } .bx-panel-tooltip-close { position:absolute !important; height:20px !important; background: scroll transparent url(/local/templates/template/css/../images/panel/top-panel-sprite-2.png) no-repeat -9px -1881px !important; width:25px !important; top: 0 !important; right: 0 !important; z-index:5 !important; display:block !important; } .bx-panel-tooltip-close:hover { background: scroll transparent url(/local/templates/template/css/../images/panel/top-panel-sprite-2.png) no-repeat -32px -1881px !important; } .bx-panel-tooltip-text a { font: normal normal normal 12px/normal "Helvetica Neue", Helvetica, Arial, sans-serif !important;} .bx-panel-tooltip-text a, .bx-panel-tooltip-text a:hover { color: #272b31 !important; text-decoration: underline !important;} .bx-clear { clear: both } /* End */ /* Start:/local/templates/template/css/reset.min.css?16418373791005*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ul { list-style:none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .clear:before, .clear:after { content: ""; display: table; } .clear:after { clear: both; } .clear { zoom: 1; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* End */ /* Start:/local/templates/template/css/jquery.mCustomScrollbar.min.css?164183737947225*/ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } .mCSB_scrollTools{ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer{ 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{ cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 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; } .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; } .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; } .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; } .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; } .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; 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; 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; 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; } .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; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } .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; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } .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{ 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; margin-left: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .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, .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; } .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/template/css/mCSB_buttons.png); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; } .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)"; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; 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; } .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; 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; 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; } .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; } .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; } .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; } .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%); } .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; } .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; } .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; } .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; } .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; } .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)"; } .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)"; } .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; } .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; } .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; } .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; } .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); } .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/template/css/multiple-select.min.css?16418373793818*/ .ms-parent { display: inline-block; position: relative; vertical-align: middle; } .ms-choice { display: block; width: 100%; height: 26px; padding: 0; overflow: hidden; cursor: pointer; border: 1px solid #aaa; text-align: left; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; } .ms-choice.disabled { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .ms-choice > span { position: absolute; top: 0; left: 0; right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-left: 8px; } .ms-choice > span.placeholder { color: #999; } .ms-choice > div { position: absolute; top: 0; right: 0; width: 20px; height: 25px; background: url('/local/templates/template/css/../images/multiple-select.png') left top no-repeat; } .ms-choice > div.open { background: url('/local/templates/template/css/../images/multiple-select.png') right top no-repeat; } .ms-drop { width: 100%; overflow: hidden; display: none; margin-top: -1px; padding: 0; position: absolute; z-index: 1000; background: #fff; color: #000; border: 1px solid #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .ms-drop.bottom { top: 100%; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); } .ms-drop.top { bottom: 100%; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); } .ms-search { display: inline-block; margin: 0; min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; } .ms-search input { width: 100%; height: auto !important; min-height: 24px; padding: 0 20px 0 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url('/local/templates/template/css/../images/multiple-select.png') no-repeat 100% -22px; background: url('/local/templates/template/css/../images/multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('/local/templates/template/css/../images/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('/local/templates/template/css/../images/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('/local/templates/template/css/../images/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('/local/templates/template/css/../images/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('/local/templates/template/css/../images/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); } .ms-search, .ms-search input { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ms-drop ul { overflow: auto; margin: 0; padding: 5px 8px; } .ms-drop ul > li { list-style: none; display: list-item; background-image: none; position: static; } .ms-drop ul > li .disabled { opacity: .35; filter: Alpha(Opacity=35); } .ms-drop ul > li.multiple { display: block; float: left; } .ms-drop ul > li.group { clear: both; } .ms-drop ul > li.multiple label { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ms-drop ul > li label { font-weight: normal; display: block; white-space: nowrap; } .ms-drop ul > li label.optgroup { font-weight: bold; } .ms-drop input[type="checkbox"] { vertical-align: middle; } .ms-drop .ms-no-results { display: none; } /* End */ /* Start:/local/templates/template/css/flexslider.min.css?16418373795075*/ @font-face { font-family: 'flexslider-icon'; src: url('/local/templates/template/css/fonts/flexslider-icon.eot'); src: url('/local/templates/template/css/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('/local/templates/template/css/fonts/flexslider-icon.woff') format('woff'), url('/local/templates/template/css/fonts/flexslider-icon.ttf') format('truetype'), url('/local/templates/template/css/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } @-moz-document url-prefix() { .loading .flex-viewport { max-height: none; } } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* End */ /* Start:/local/templates/template/css/jquery.fancybox.min.css?164183737915964*/ @charset "UTF-8"; body.fancybox-active { } 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, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .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(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { 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: translate3d(0, 0, 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--previous, .fancybox-slide--current, .fancybox-slide--next { 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; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: transparent; overflow: visible; border: none; box-sizing: border-box; } .fancybox-slide .calc_form { float: none; } .fancybox-slide .calc { padding: 45px 40px 0px 40px; } .fancybox-slide .propose-sum { color: #fff; } .fancybox-slide>title, .fancybox-slide>style, .fancybox-slide>meta, .fancybox-slide>link, .fancybox-slide>script, .fancybox-slide>base { 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; -ms-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: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; 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; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; 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, 0.6); transition: color .3s ease; cursor: pointer; outline: none; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: 0.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--play svg path:nth-child(2) { display: none; } .fancybox-button--pause svg path:nth-child(1) { 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 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, 0.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: -25px; right: -25px; width: 30px; height: 30px; font: 22px/30px Arial, "Helvetica Neue", Helvetica, sans-serif; color: #fff; 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--image .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -40px; } .fancybox-slide--image .fancybox-close-small:after, .fancybox-slide--iframe .fancybox-close-small:after { font-size: 35px; color: #aaa; } .fancybox-slide--image .fancybox-close-small:hover:after, .fancybox-slide--iframe .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 2vw; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.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 rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.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(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-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: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 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 0; 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 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 2px; 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, 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, 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 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs>ul>li.fancybox-thumbs-active:before { opacity: 1; } @media all and (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/template/css/style.css?1776879156218535*/ /*@font-face { font-family: "Museo"; src: local("Museo"), url("/local/templates/template/css/../fonts/MuseoSansCyrl.woff2"); font-weight: 100; font-display: swap; }*/ @font-face { font-family: "Proxima-Reg"; src: local("Proxima-Reg"), url("/local/templates/template/css/../fonts/ProximaNova-Regular.woff2"); font-display: swap; } @font-face { font-family: "Proxima-BLD"; src: local("Proxima-BLD"), url("/local/templates/template/css/../fonts/ProximaNova-Extrabld.woff2"); font-display: swap; } /*@font-face { font-family: 'Glyphicons Halflings'; src: url('/local/templates/template/css/../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/local/templates/template/css/../fonts/glyphicons-halflings-regular.woff') format('woff'); font-display: swap; }*/ @font-face { font-family: "Museo"; src: local("Museo"), url("/local/templates/template/css/../fonts/MuseoSansCyrl_0.woff2"); font-weight: 300; font-display: swap; } /*@font-face { font-family: "Museo"; src: local("Museo"), url("/local/templates/template/css/../fonts/MuseoSansCyrl_1.woff2"); font-weight: 500; font-display: swap; }*/ @font-face { font-family: "Museo"; src: local("Museo"), url("/local/templates/template/css/../fonts/MuseoSansCyrl_2.woff2"); font-weight: 700; font-display: swap; } /*@font-face { font-family: "Museo"; src: local("Museo"), url("/local/templates/template/css/../fonts/MuseoSansCyrl_3.woff2"); font-weight: 900; font-display: swap; }*/ @font-face { font-family: "AA-BebasNeue"; src: local("AA-BebasNeue"), url("/local/templates/template/css/../fonts/AA-BebasNeue.woff2"); font-display: swap; } body { font-family: "Museo", sans-serif; } html, body, th, div, h1, h2, h3, h4, h5, h6, section, article, aside, header, hgroup, footer, nav, menu, blockquote, address, time, figure, canvas, video { font-size: 100%; border: none; padding: 0; margin: 0; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, video { display: block; } menu { list-style: none; line-height: 0; font-size: 0; } h1, h2, h3, h4, h5, h6, .h1 { line-height: normal; font-weight: normal; margin: 0; color: #212121; } .tcp-bordered-box { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #AAA; overflow: hidden; padding: 18px 20px; max-width: 578px; width: 100%; margin: 30px auto; } .tcp-callback-form__title { color: #101010; font-size: 15px; margin-bottom: 20px; margin-top: 4px; } .tcp-input-control__input { border-radius: 4px; border: solid 1px #bababa; background-color: #FFF; padding: 10px 10px 9px; display: block; width: 100%; color: #23282C; font-size: 15px; box-sizing: border-box !important; vertical-align: middle; -webkit-appearance: none !important; -webkit-border-radius: 4px !important; } .policy-info a { text-decoration: underline; } .tcp-button_block { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #3f93ec; align-items: center; color: #fff; border: none; } .contact-row { display: flex; justify-content: space-between; } .contact-row .tcp-col { width: calc(50% - 15px); } .tcp-section_xs { padding: 8px 10px; } .tcp-button_h_md { height: 40px; } .feedback { max-width: 578px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 60px; border: 1px solid #d6dce1; } .contacts_left .social { position: static !important; display: inline-block !important; width: auto !important; } .feedback textarea { height: 200px !important; padding: 13px !important; border-radius: 0 !important; font-size: 14px !important; color: #7c7c7c !important; background-color: #f0f4f7; } .feedback .callback { width: 100%; height: auto; } .callto { width: auto; height: 30px; line-height: 30px; text-decoration: none; text-align: center; display: inline-block; background: #3f93ec; font-size: 16px; padding-left: 15px; padding-right: 15px; color: #fff; transition: all .5s; border: 1px solid #3f93ec; } .callto:hover { background: #ffffff; color: #3f93ec; } .mf-ok-text { color: green; margin-bottom: 15px; font-size: 15px; } h1 { font-size: 26px; } h2 { font-size: 25px; } h3 { font-size: 20px; } a:hover { text-decoration: none; } .clear { clear: both; height: 0; overflow: hidden; visibility: hidden; } b, strong { font-weight: 600; font-family: 'Museo'; } a { outline: none; } a img { border: none; } ol { padding: 0 0 0 18px; margin: 12px 0; } ol li { margin: 6px 0; font-style: italic; font-weight: bold; } html { /*overflow-y: scroll;*/ overflow-x: hiddenж height: 100%; } body { height: 100%; position: relative; font-family: 'Museo'; font-size: 14px; color: #212121; background: #fff; } .wrapper { width: 1380px; margin: 0 auto; position: relative; } /* header */ header { min-height: 250px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } header .top { height: 62px; background: #ffffff; border-bottom: 1px solid #e8e8e8; } header .top nav { display: inline-block; float: left; height: 62px; } header .top nav ul li { height: 100%; display: inline-block; position: relative; padding-right: 20px; } header .top nav ul li.parent::after { content: "▾"; margin-left: 6px; font-size: 0.8em; position: absolute; top: 23px; } header .top nav.top_menu ul li a { display: block; float: left; font-size: 14px; color: #212121; text-transform: uppercase; text-decoration: none; height: 62px; line-height: 62px; position: relative; } header .top nav.top_menu>ul>li>a:hover:after { display: none; } header .top nav.top_menu ul li:hover>a { color: #3f93ec; } header .top nav.top_menu ul li ul { display: none; position: absolute; min-width: 220px; background: #f5f5f5; top: 42px; z-index: 9999; padding: 20px; left: -19px; -webkit-box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.15); } header .top nav.top_icons>ul>li>a:hover:after, header .top nav.top_menu ul li a:hover:after { content: ''; width: 100%; height: 1px; background: #3f93ec; display: block; bottom: 16px; position: absolute; } header .top nav.top_menu ul li.parent a:hover:after { display:none; } .name { min-height: 36px; } .name a { font-size: 18px; color: #212121; font-weight: 600; text-align: left; text-decoration: none; } .name a:hover { text-decoration: underline } header .top nav.top_menu ul li:hover>ul { display: block; } header .top nav.top_icons ul li { padding-right: 20px; } header .top nav.top_menu ul li ul li a { text-decoration: none; line-height: 30px; height: auto; } header .top nav.top_icons ul li a { display: inline-block; height: 100%; line-height: 62px; padding-right: 0px; float: left; font-size: 14px; text-transform: uppercase; font-weight: 500; color: #3f93ec; text-decoration: none; width: 100%; box-sizing: border-box; position: relative; } header .top nav.top_icons ul li:hover a { color: #3f93ec; } header .top .right { display: inline-block; float: right; height: 100%; line-height: 62px; } header .top .right span.favorit_icon { background: url(/local/templates/template/css/../images/heart.svg) 0 center no-repeat; position: relative; display: inline-block; width: 33px; height: 29px; margin: 0px 15px 0; float: left; transition: all .5s; } header .top .right .favorit_wrap { display: flex; align-items: center; position: relative; } header .top .right .favorit_wrap div.favoritt { border-radius: 5px; display: flex; align-items: center; min-width: 18px; font-family: 'Museo'; font-weight: 500; font-size: 14px; color: #212121; text-align: center; text-transform: uppercase; text-decoration: none; transition: all .5s; margin-left: 20px; } header .top .right .favorit_wrap a { border-radius: 5px; align-items: center; min-width: 18px; font-family: 'Museo'; font-weight: 500; font-size: 14px; color: #212121; text-align: center; text-transform: uppercase; text-decoration: none; transition: all .5s; } header .top .right .favorit_wrap a:hover, header .top .right .favorit_wrap div.favoritt:hover, header .top .right .favorit_wrap div.favoritt.active { /* color: #3f93ec; */ } header nav.categories>ul>li.parent:hover { display: none; } header nav.categories>ul>li.parent:hover>a:after { content: ' '; position: absolute; bottom: 0; border: 8px solid transparent; border-bottom: 8px solid #3f93ec; z-index: 10; left: 50%; -ms-transform: translate(-50%); -webkit-transform: translate(-50%); -o-transform: translate(-50%); -moz-transform: translate(-50%); } header nav.categories>ul>li>ul { width: 100%; padding: 25px 9.7%; position: absolute; left: 0; background: #fff; z-index: 1; -webkit-box-shadow: 0px 31px 24px -12px rgba(233, 233, 233, 1); -moz-box-shadow: 0px 31px 24px -12px rgba(233, 233, 233, 1); box-shadow: 0px 31px 24px -12px rgba(233, 233, 233, 1); border-top: 2px solid #3f93ec; display: none; z-index: 5; } header .top .right .login { display: none !important; width: 0 !important; margin-left: 0 !important; } .favorit_wrap { padding-right: 15px; } header .top .right .favorit_wrap a:hover span.favorit_icon, header .top .right .favorit_wrap div.favoritt:hover span.favorit_icon { background: url(/local/templates/template/css/../images/heart1.svg) 0 center no-repeat; } header .top .right .favorit_wrap div.favoritt.active span.favorit_icon { background: url(/local/templates/template/css/../images/heart1.svg) 0 center no-repeat; } header .top .right span.login_icon { background: url(/local/templates/template/css/../images/user.svg) 0 center no-repeat; width: 33px; height: 34px; display: inline-block; margin: 0px 15px 0; float: left; } header .top .right .favorit_wrap a:hover span.login_icon { background: url(/local/templates/template/css/../images/user1.svg) 0 center no-repeat; } header .top .right a.minicart { background: url(/local/templates/template/css/../images/shopping.svg) 0 center no-repeat; height: 22px; display: inline-block; margin: 15px 0 0 9px; float: left; padding-left: 29px; line-height: 22px; font-size: 16px; color: #212121; text-decoration: none; } header .top .right a.minicart:hover { background: url(/local/templates/template/css/../images/shopping1.svg) 0 center no-repeat; } header .top .right a.minicart span { font-weight: 600; } header a.logo { width: 300px; height: 69px; z-index: 1; display: inline-flex; float: left; background: url(/local/templates/template/css/../images/logo.webp) 0 0 no-repeat; padding-left: 150px; position: relative; margin: 30px 0; float: left; color: #212121; font-size: 11px; text-decoration: none; align-items: center; text-transform: uppercase; line-height: 20px; /*padding-top: 12px;*/ } .placeholder-mobile, .search-mobile { display: inline-block; padding-top: 15px; } .placeholder-mobile { position: relative; left: -18px; } .placeholder-mobile svg, .search-mobile svg { width: 25px; height: auto; color: #BEBEBE; fill: #4e4d4d; } .stock-block { width: 100%; text-align: center; padding: 10px 0; font-size: 14px; color: #212121; } .cart-stock { margin-top: 20px; margin-bottom: -20px; text-align: left; font-size: 16px !important; } .stock-block .stock.in span { color: green; } .stock-block .stock.out span { color: red; } header a.logo:before { content: ''; display: block; top: 0; left: 129px; position: absolute; height: 100%; width: 1px; background: #dddddd; } header .contacts { float: left; background: url(/local/templates/template/css/../images/contact.svg) 0px 4px no-repeat; background-size: 42px; padding-left: 65px; margin: 30px 0; margin-left: 20px; } header .contacts a { text-decoration: none; } header .contacts p { margin-bottom: 8px; } header .contacts .phone a, .bp_phone a { color: #212121; font-size: 18px; font-weight: 900; transition: all .5s; text-decoration: none; } header .contacts .phone a:hover, .bp_phone a:hover { color: #3f93ec; } header .contacts .phone span { font-size: 13px; color: #969696; font-weight: 500; margin-left: 5px; } header .contacts .email a { color: #3072b8; font-size: 16px; text-decoration: underline; } header .contacts .email a:hover { text-decoration: none; } header .main-info { display: flex; justify-content: space-between; } header .address { float: left; background: url(/local/templates/template/css/../images/placeholder.svg) 0px 4px no-repeat; background-size: 42px; padding-left: 65px; margin: 33px 0; } .address { background: #fff; } .address .title { color: #212121; font-size: 20px; font-weight: 900; margin-bottom: 8px; } .address .sub-title { color: #212121; font-size: 16px; font-weight: 500; margin-bottom: 5px; line-height: initial; } .fancybox-stage .address { padding: 40px; } header .cart_wrap { position: relative; } header .cart { background: url(/local/templates/template/css/../images/cart_silv.svg) 0px 0px no-repeat; background-size: 42px; padding-left: 65px; margin: 33px 0; } header .cart_wrap:hover .cart { background: url(/local/templates/template/css/../images/supermarket.svg) 0px 0px no-repeat; background-size: 42px; } header .cart .title { font-size: 20px; color: #212121; font-weight: 900; margin-bottom: 10px; } header .cart .price { font-weight: 900; color: #212121; font-size: 16px; font-weight: 900; } header .search { display: inline-block; float: left; margin-left: 58px; margin-top: 0px; height: 40px; position: relative; width: 34vw; max-width: 444px; } header .search .search_dropdown { max-width: 340px; width: 100%; min-height: 105px; background: #fff; box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.15); z-index: 4; position: absolute; padding: 20px 0px; display: none; } header .search .search_dropdown.active { display: block; } header .search .search_dropdown_item { padding: 5px 0px; } header .search .search_dropdown_item:hover { background: #f5f5f5; } header .search .search_dropdown_item a { color: #212121; font-size: 16px; padding: 0px 0px 0px 15px; text-decoration: none; } header .search form input[type=text] { height: 38px; border: 1px solid #65a9f0; border-radius: 5px; background: #65a9f0; padding: 0 46px; font-size: 14px; color: #ffffff; width: 100%; box-sizing: border-box; } header .search form input[type=submit] { border: none; position: absolute; left: 19px; top: 12px; width: 16px; height: 16px; background: url(/local/templates/template/css/../images/search.svg) 0 0 no-repeat; } header .search form input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(255, 255, 255, 1); } header .search form input[type=text]::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, 1); } header .search form input[type=text]:-ms-input-placeholder { /* IE 10+ */ color: rgba(255, 255, 255, 1); } header .search form input[type=text]:-moz-placeholder { /* Firefox 18- */ color: rgba(255, 255, 255, 1); } header .phones { display: inline-block; float: right; margin-top: 25px; } header .phones .cities { margin-bottom: 12px; } header .phones .city { display: inline-block; text-align: right; float: left; margin-left: 25px; } h1.main { text-align: center; margin-bottom: -10px; } @media (min-width: 1279px) { header a.logo { font-size: 20px; line-height: 25px; } header a.logo span span { font-size: 11px; white-space: nowrap; } } @media (max-width: 1279px) { h1.main { font-size: 26px; } } .cart { position: relative; } .cart_dropdown { position: absolute; width: 492px; margin-top: 0px; bottom: -260px; opacity: 0; z-index: 0; right: 0px; padding: 4px 10px 20px; background-color: rgb(255, 255, 255); box-shadow: 0px 10px 50px 10px rgba(0, 0, 0, 0.2); height: 0; transition: all .5s; overflow: hidden; } .cart_dropdown.active { height: 300px; opacity: 1; z-index: 9; } .cart_dropdown-item { display: flex; padding-left: 10px; padding-bottom: 20px; padding-top: 16px; border-bottom: 1px solid #e1e1e1; } .cart_dropdown_name { font-weight: 700; font-size: 16px; margin-bottom: 8px; } .go_to_cart { margin-left: 10px; margin-top: 10px; line-height: initial !important; text-align: left; } .go_to_cart a { color: #3f93ec; text-decoration: none; position: relative; margin-left: 0 !important; line-height: initial !important; display: inline-block !important; text-transform: none !important; } .go_to_cart a:after { content: ''; width: 100%; height: 1px; background: #3f93ec; display: block; bottom: 0px; position: absolute; } .cart_dropdown_articule { font-size: 14px; color: #a9a9a9; margin-bottom: 8px; } .cart_dropdown_price { font-size: 18px; font-weight: 900; } .cart_dropdown_price span { font-size: 16px; color: #a2a2a2; font-weight: 500; } .cart_dropdown_text { margin-left: 15px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #3f93ec; width: 4px; margin: 5px 0px; } .mCSB_scrollTools { position: absolute; width: 5px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .cart_dropdown_items { height: 250px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #3f93ec !important; } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background: transparent; } .favorit_dropdown { position: absolute; width: 492px; margin-top: 10px; opacity: 0; right: 0px; padding: 4px 10px 20px; background-color: rgb(255, 255, 255); box-shadow: 0px 10px 50px 10px rgba(0, 0, 0, 0.2); height: 0; top: -300px; transition: all .5s; overflow: hidden; } .favorit_dropdown.active { height: 300px; opacity: 1; z-index: 9; top: 50px; } .favorit_dropdown-item { display: flex; padding-left: 10px; padding-bottom: 0px; padding-top: 16px; border-bottom: 1px solid #e1e1e1; position: relative; } .favorit_dropdown_name { font-weight: 700; font-size: 16px; margin-bottom: 3px; } .add_favorite a, .favorit_dropdown_del { display: block; width: 18px; height: 18px; position: absolute; right: 16px; top: 16px; } .add_favorite:not(.cart-favorite) a { color: transparent; text-indent: -10000px; } .add_favorite a.favorit_dropdown_del { background: url(/local/templates/template/css/../images/heart-new2.svg) center center no-repeat; } .add_favorite a.favorit_dropdown_del:hover { opacity: .7; } .add_favorite.cart-favorite a.favorit_dropdown_del { background: url(/local/templates/template/css/../images/heart-new2.svg) 0 center no-repeat; } .add_favorite.cart-favorite a { position: static; margin-top: 0 !important; } .add_favorite { position: relative; } .go_to_cart { margin-left: 10px; margin-top: 10px; } .go_to_cart a { color: #3f93ec !important; text-decoration: none; position: relative; } .go_to_cart a:after { content: ''; width: 100%; height: 1px; background: #3f93ec; display: block; bottom: 0px; position: absolute; } .favorit_dropdown_articule { font-size: 14px; color: #a9a9a9; margin-bottom: 3px; } .favorit_dropdown_price { font-size: 18px; font-weight: 900; } .favorit_dropdown_price span { font-size: 16px; color: #a2a2a2; font-weight: 500; } .favorit_dropdown_text { margin-left: 15px; } .favorit_dropdown_text div { line-height: initial; text-transform: none; text-align: left; } .favorit_dropdown_items { height: 250px; overflow: hidden; } header .phones .city span { display: block; color: #808080; font-size: 14px; line-height: 22px; } header .phones .city a { color: #212121; font-size: 17px; text-decoration: none; font-weight: 600; } header .phones a.callback { height: 17px; display: inline-block; float: right; font-size: 16px; color: #3f93ec; text-decoration: none; background: url(/local/templates/template/css/../images/incoming-call.svg) 0 0 no-repeat; padding-left: 39px; position: relative; } header .phones a.callback:after { content: ''; display: block; width: 100%; border-bottom: 1px solid #f6c0c4; } header .phones a.callback:hover:after { display: none; } header nav.categories { height: 52px; background: #3f93ec; } header nav.categories>.wrapper { display: flex; justify-content: space-between; align-items: center; height: 52px; } header nav.categories>.wrapper>ul { max-width: 825px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } header nav.categories>.wrapper>ul>li { display: inline-block; float: left; height: 52px; line-height: 52px; } header nav.categories>.wrapper { display: flex; justify-content: space-between; } header nav.categories>.wrapper>ul>li>a { display: block; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; position: relative; } header nav.categories>.wrapper>ul>li>a:before { content: " "; width: 0%; height: 1px; background: #ffffff; display: block; bottom: 16px; position: absolute; transition: all .5s; } header nav.categories>.wrapper>ul>li>a.sale { color: #f6c42b; } header nav.categories>.wrapper>ul>li>a.sale:before { background: #f6c42b; } header nav.categories>.wrapper>ul>li.parent a:before { display: none; } header nav.categories>.wrapper>ul>li>a:hover:before { width: 100%; } header nav.categories>.wrapper>ul>li>a.active:before { width: 100%; } header nav.categories>.wrapper>li:first-child>a { /*padding:0 24px 0 0;*/ } header nav.categories>.wrapper>li.parent:hover>a:after, header .menu>ul>li.parent:hover>span:after { content: ''; position: absolute; bottom: -18px; border: 8px solid transparent; border-top: 8px solid #3f93ec; z-index: 10; left: 50%; -ms-transform: translate(-50%); -webkit-transform: translate(-50%); -o-transform: translate(-50%); -moz-transform: translate(-50%); } header nav.categories>.wrapper>ul>li.parent:hover>a:after { content: ''; position: absolute; bottom: -18px; border: 8px solid transparent; border-top: 8px solid #3f93ec; z-index: 10; left: 50%; -ms-transform: translate(-50%); -webkit-transform: translate(-50%); -o-transform: translate(-50%); -moz-transform: translate(-50%); } header nav.categories>.wrapper>ul>li>ul { width: 100%; padding: 25px 35px; position: absolute; left: 0; z-index: 1; background-color: rgb(245, 245, 245); box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.15); border-top: 2px solid #3f93ec; display: none; z-index: 1000; } header nav.categories>.wrapper>ul>li:hover>ul { display: flex; } header nav.categories>.wrapper>ul>li>ul>li { width: 165px; display: inline-block; float: left; margin-right: 35px; line-height: 26px; } header nav.categories>.wrapper>ul>li>ul.dop>li { width: 280px; } header nav.categories>.wrapper>ul>li>ul>li span { font-size: 16px; text-transform: uppercase; font-weight: 900; } header nav.categories>.wrapper>ul>li>ul>li>ul>li {} header nav.categories>.wrapper>ul>li>ul>li>ul>li a { color: #5f5f5f; font-size: 14px; text-decoration: none; border-bottom: 1px solid #d7d7d7; } header nav.categories>.wrapper>ul>li>ul>li>ul>li a.see_more { color: #3f93ec; border-bottom: 1px solid #3f93ec; } header nav.categories>.wrapper>ul>li>ul>li>ul>li:hover a { color: #3f93ec; border: none; } nav.brands { height: 51px; position: absolute; bottom: -60px; width: 100%; z-index: 2; } .updated-header nav.brands { display: none; } header.updated-header { min-height: 1px; } body:not(.fixed_nav) header.updated-header .cart, body:not(.fixed_nav) header.updated-header .address, body:not(.fixed_nav) header.updated-header .contacts, body:not(.fixed_nav) header.updated-header a.logo { margin-top: 5px; margin-bottom: 15px; } header.updated-header .top { border: none !important; } nav.brands>ul { background: #fff; padding: 0 15px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; width: 1380px; height: 51px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); } .search-page .search-items { display: inline-block; } .title-black { font-family: "AA-BebasNeue"; font-size: 30px; font-weight: bold; margin-bottom: 15px; } .modal-big-text { display: block; font-size: 18px; font-weight: 700; margin-bottom: 15px; } .product-item-calculation-pm .row { display: flex; justify-content: space-between; } .product-item-calculation-pm .row .elem { width: calc(50% - 15px); height: 38px; } .modal-content { width: 520px; background: #fff; padding: 20px; } .inner_page { /*padding-top: 70px;*/ padding-bottom: 50px; position: relative; } .inner_page nav.brands { position: relative; bottom: 0px; left: 0px; z-index: 0; } .inner_page nav.brands ul { box-shadow: none; } .inner_page nav.brands ul li { margin: 0px -13px 0px 0px; } .inner_page nav.brands ul li:first-child a { text-transform: none; } #modal-chiper .info img { width: 200px; height: 200px; margin-bottom: 20px; object-fit: cover; } .inner_page nav.brands ul li:first-child a:after { content: ''; width: 100%; height: 1px; background: #3f93ec; display: block; bottom: 16px; position: absolute; } .inner_page nav.countries ul li:first-child a { position: relative; display: inline-block; } .inner_page nav.countries ul li:first-child a:hover:after { display: none; } .ui-widget.ui-widget-content { border: none; } .inner_page nav.countries ul li:first-child a:after { content: ''; width: 100%; height: 1px; background: #3f93ec; display: block; bottom: 0px; position: absolute; } .inner_page nav.brands ul li:first-child a:hover:after { display: none; } .news_wrap .items { display: flex; justify-content: space-between; flex-wrap: wrap; } .news_wrap .items .item { border: 1px solid #dddddd; margin: 0 0px 20px 0px; height: auto; border-radius: 2px; width: 100%; padding: 9px; max-width: 678px; flex: 0 0 49%; text-decoration: none; display: flex; justify-content: space-between; align-items: center; margin-right: 10px; } .news_wrap .items .item:nth-child(2n) { margin-right: 0; } .news_wrap .items .item .news_text { padding-left: 25px; padding-right: 20px; max-width: 378px; width: 100%; position: relative; } .news_wrap .news_text:after { content: " "; position: absolute; top: calc(50% - 34px); left: -34px; width: 0; height: 0; border-style: solid; border-width: 34px 34px 34px 0; border-color: transparent #ffffff transparent transparent; display: none; } .news_wrap .items .item img { width: 100%; max-width: 300px; object-fit: cover; } .news_wrap .items .item .name { font-size: 24px; color: #212121; line-height: 22px; text-transform: uppercase; font-family: "AA-BebasNeue"; line-height: 32px; position: relative; margin-bottom: 17px; } .news_wrap .items .item .descr { color: #212121; font-size: 15px; font-weight: 500; line-height: 24px; } .news_wrap .items .item .publish_date { font-size: 14px; color: #a7a7a7; font-weight: 500; margin-bottom: 17px; } .news_wrap .items .item:hover { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); } nav.brands ul li { display: inline-block; float: left; height: 51px; line-height: 51px; position: relative; } nav.brands>ul>li:first-child { padding-left: 0; } nav.brands ul li span { font-size: 16px; color: #212121; font-weight: 600; padding-right: 15px; } nav.brands ul li a { font-size: 16px; color: #212121; text-transform: uppercase; border-bottom: 1px solid #212121; text-decoration: none; } nav.brands ul li>a:hover, nav.brands ul li.active>a { color: #3f93ec; border: none; } nav.brands ul li ul { display: none; position: absolute; width: 400px; background: #f5f5f5; top: 42px; z-index: 9999; padding: 20px; left: -19px; -webkit-box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.15); } nav.brands ul li:hover ul { display: block; } nav.brands ul li ul li { display: block; width: 50%; line-height: 1; height: auto; } nav.brands ul li ul li a { font-size: 14px; line-height: 24px; text-transform: none; } nav.brands ul li ul li:hover a { color: #3f93ec; } section.slider { min-height: 560px; width: 100%; float: left; } .slick-dotted.slick-slider { margin-bottom: 0 !important; } section.slider .wrapper { width: 100%; max-width: 1920px; } section.slider .wrapper .slick-slide:after { content: " "; background: rgba(0, 0, 0, 0.63); position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 0; } section.slider img { vertical-align: top; height: 600px; width: 100%; object-fit: cover; } section.slider .wrap { width: 1380px; height: 560px; position: absolute; left: 50%; -ms-transform: translate(-50%); -webkit-transform: translate(-50%); -o-transform: translate(-50%); -moz-transform: translate(-50%); transform: translate(-50%); display: inline-table; z-index: 2; } section.slider .wrap>div { display: table-cell; vertical-align: middle; } section.slider .wrap>div .text { padding: 74px 40px; text-align: center; } section.slider .wrap>div .text .title { font-size: 80px; font-family: "AA-BebasNeue"; line-height: 1; color: #fff; margin-bottom: 30px; } section.slider .wrap>div .text .more:after { display: none; } section.slider .wrap>div .text img.divider { height: auto; max-width: 698px; width: 100%; margin: 0 auto } section.slider .wrap>div .text .sub-title { font-weight: 500; color: #ffffff; font-size: 20px; margin-top: 20px; margin-bottom: 30px; } section.slider .wrap>div .text a.more { height: 50px; width: auto; line-height: 50px; border: 1px solid transparent; color: #fff; background: #3f93ec; display: inline-block; text-decoration: none; padding: 0 33px; font-size: 18px; transition: all .5s; } section.slider .wrap>div .text a.more:hover { color: #3f93ec; border: 1px solid #ffffff; background: #ffffff; } section.collection { height: auto; border-bottom: 1px solid #dddddd; padding: 50px 0; box-sizing: border-box; } section.collection .items .item { width: 23.59%; display: inline-block; text-align: left; margin: 0 0.94%; float: left; position: relative; } .collection_text { background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0px; width: 100%; padding-left: 13px; padding-bottom: 13px; padding-top: 13px; } .collection_text .name { min-height: 26px; } section.collection .items .item img { width: 100%; vertical-align: bottom; } section.collection .items .item:first-child { margin-left: 0; } section.collection .items .item:last-child { margin-right: 0; } section.collection .items .item .name { color: #ffffff; font-size: 20px; font-weight: 500; } section.collection .items .item:hover .name { color: #3f93ec; } section.collection .items .item a { text-decoration: none; color: #ffffff; } section.collection .items .item .count { color: #ffffff; font-size: 14px; } section.collection .items .item .count span { font-weight: 500; font-style: normal; } #comp_c1ee70a42a4183984606b8d7f22bd6f3 .items { display: flex; flex-wrap: wrap; } section.tabs { padding: 60px 0; box-sizing: border-box; } .main_small-card .more:after { display: none; } .new_product { position: relative; } .new_product-slider { border-bottom: 1px solid #dddddd; padding: 50px 0; overflow: hidden; } .new_product .slick-track, .sales_product-slider .slick-track { padding: 5px 0px; } .new_product-slider .wrapper { display: flex; } .new_product { max-width: 1045px; } .new_porducts_title { max-width: 330px; width: 100%; position: relative; display: table; height: 421px; } .new_porducts_title .inner_title { color: #fff; font-size: 60px; font-family: "AA-BebasNeue"; display: table-cell; vertical-align: middle; line-height: 70px; position: relative; } .new_product .slick-prev { left: -30px; background: url(/local/templates/template/css/../images/left-arrow_silver.svg) 0px 0 no-repeat; background-size: cover; top: 49%; } .new_product .slick-next { right: -30px; background: url(/local/templates/template/css/../images/right-arrow_silver.svg) 0px 0 no-repeat; background-size: cover; top: 49%; } .new_porducts_title .inner_title:after { content: " "; position: absolute; right: 0px; top: calc(50% - 34px); width: 0; height: 0; border-style: solid; border-width: 34px 34px 34px 0; border-color: transparent #ffffff transparent transparent; } .new_porducts_title::before { content: " "; width: 600px; height: 421px; background: url(/local/templates/template/css/../images/slider_one.webp) no-repeat; position: absolute; background-size: cover; right: 0px; top: 0px; right: 0px; z-index: -1; } .new_porducts_title::after { content: " "; width: 600px; height: 421px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0px; right: 2px; z-index: -1; } .sales_product .slick-list { padding: 0px 0px 10px; } .sales_product { position: relative; } .sales_product-slider { border-bottom: 1px solid #dddddd; padding: 50px 0; overflow: hidden; } .sales_product-slider .wrapper { display: flex; } .sales_product { max-width: 1045px; } .sales_porducts_title { max-width: 330px; width: 100%; position: relative; display: table; height: 421px; } .sales_porducts_title .inner_title { color: #fff; font-size: 60px; font-family: "AA-BebasNeue"; display: table-cell; vertical-align: middle; line-height: 70px; position: relative; display: flex; align-items: center; justify-content: flex-end; height: 100%; } .text_block { border-bottom: 1px solid #dddddd; padding: 50px 0; } .text_block.gray_bg { background: #fafafa; } .text_block h2 { font-size: 60px; color: #212121; font-family: "AA-BebasNeue"; margin-bottom: 25px; } .text_block p { font-weight: 500; color: #212121; font-size: 16px; line-height: 24px; margin-bottom: 18px; } .text_block ul { list-style: none; padding-left: 30px; } .text_block li { font-size: 16px; line-height: 24px; font-weight: 500; color: #212121; margin-bottom: 18px; } .text_block li::before { content: "\2b29"; color: #3f93ec; font-weight: bold; display: inline-block; width: 1em; } .sales_product .slick-prev { left: -30px; background: url(/local/templates/template/css/../images/left-arrow_silver.svg) 0px 0 no-repeat; background-size: cover; top: 48%; } .sales_product .slick-next { right: -30px; background: url(/local/templates/template/css/../images/right-arrow_silver.svg) 0px 0 no-repeat; background-size: cover; top: 48%; } .mini-description-brand { max-height: 295px; overflow: hidden; position: relative; } .mini-description-brand:after { content: ' '; position: absolute; background: #ccc; height: 10px; border-radius: 100%; width: Calc(100% - 20px); bottom: -10px; left: 10px; box-shadow: 0 -2px 9px #4e4e4e; } .mini-description-brand.active { max-height: none; } .mini-description-brand.active:after { display: none; } .mini-description-brand-btn { cursor: pointer; margin-top: 10px; font-size: 16px; text-decoration: underline; } .mini-description-brand-btn:hover { text-decoration: none; } .mini-description-brands { max-height: 50px; overflow: hidden; position: relative; } .mini-description-brands:after { content: ' '; position: absolute; background: #ccc; height: 10px; border-radius: 100%; width: Calc(100% - 20px); bottom: -10px; left: 10px; box-shadow: 0 -2px 9px #4e4e4e; } .mini-description-brands.active { max-height: none; } .mini-description-brands.active:after { display: none; } .mini-description-brands-btn { cursor: pointer; margin-top: 10px; font-size: 16px; text-decoration: underline; } .mini-description-brands-btn:hover { text-decoration: none; } .product_buttons_top { margin-top: 25px; display: flex; width: 70%; margin-bottom: 25px; } .product_buttons_top .buy { background: #98ba46; color: #ffffff; max-width: 182px; width: 100%; height: 50px; display: flex; border: 1px solid transparent; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; text-decoration: none; transition: all .5s; } .product_buttons_top .buy:hover { background: transparent; color: #98ba46; border: 1px solid #98ba46; } .product_buttons_top .buy-click { background: #3f93ec; color: #ffffff; max-width: 182px; width: 100%; height: 50px; display: flex; align-items: center; border: 1px solid transparent; justify-content: center; font-size: 16px; font-weight: 500; text-decoration: none; margin-left: 20px; transition: all .5s; } .product_buttons_top .buy-click:hover { background: transparent; color: #3f93ec; border: 1px solid #3f93ec; } .product_buttons_top .buy { background: #98ba46; color: #ffffff; max-width: 182px; width: 100%; height: 50px; display: flex; border: 1px solid transparent; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; text-decoration: none; transition: all .5s; } .product_buttons_top .buy:hover { background: transparent; color: #98ba46; border: 1px solid #98ba46; } .product_buttons_top .buy-click { background: #3f93ec; color: #ffffff; max-width: 182px; width: 100%; height: 50px; display: flex; align-items: center; border: 1px solid transparent; justify-content: center; font-size: 16px; font-weight: 500; text-decoration: none; margin-left: 20px; transition: all .5s; } .product_buttons_top .buy-click:hover { background: transparent; color: #3f93ec; border: 1px solid #3f93ec; } .product_buttons_top .buytop { background: #98ba46; color: #ffffff; max-width: 50px; width: 100%; height: 50px; display: flex; /*border: 1px solid transparent;*/ align-items: center; justify-content: center; font-size: 18px; font-weight: 500; text-decoration: none; transition: all .5s; margin-right: 1px; } .product_buttons_top .buytop:hover { background: transparent; color: #98ba46; border: 1px solid #98ba46; } .product_buttons_top .buytop-click { background: #3f93ec; color: #ffffff; max-width: 182px; width: 100%; height: 50px; display: flex; align-items: center; border: 1px solid transparent; justify-content: center; font-size: 16px; font-weight: 500; text-decoration: none; margin-left: 20px; transition: all .5s; } .product_buttons_top .buytop-click:hover { background: transparent; color: #3f93ec; border: 1px solid #3f93ec; } .product_buttons { margin-top: 35px; display: flex; width: 100%; } .product_buttons .buy { background: #98ba46; color: #ffffff; max-width: 182px; width: 100%; height: 50px; display: flex; border: 1px solid transparent; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; text-decoration: none; transition: all .5s; } .product_buttons .buy:hover { background: transparent; color: #98ba46; border: 1px solid #98ba46; } .product_buttons .buy-click { background: #3f93ec; color: #ffffff; max-width: 182px; width: 100%; height: 50px; display: flex; align-items: center; border: 1px solid transparent; justify-content: center; font-size: 16px; font-weight: 500; text-decoration: none; margin-left: 20px; transition: all .5s; } .product_buttons .buy-click:hover { background: transparent; color: #3f93ec; border: 1px solid #3f93ec; } .product_buttons .buy { background: #98ba46; color: #ffffff; max-width: 182px; width: 100%; height: 50px; display: flex; border: 1px solid transparent; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; text-decoration: none; transition: all .5s; } .product_buttons .buy:hover { background: transparent; color: #98ba46; border: 1px solid #98ba46; } .product_buttons .buy-click { background: #3f93ec; color: #ffffff; max-width: 182px; width: 100%; height: 50px; display: flex; align-items: center; border: 1px solid transparent; justify-content: center; font-size: 16px; font-weight: 500; text-decoration: none; margin-left: 20px; transition: all .5s; } .product_buttons .buy-click:hover { background: transparent; color: #3f93ec; border: 1px solid #3f93ec; } .find_chiper { font-size: 16px; font-weight: 500; color: #212121; margin-top: 20px; width: 100%; } .find_chiper a { color: #3f93ec; text-decoration: none; position: relative; } .find_chiper a:before { content: ''; width: 100%; height: 1px; background: #3f93ec; display: block; bottom: 0px; left: 0; position: absolute; transition: all .5s; } .find_chiper a:hover:before { width: 0; } .sales_porducts_title .inner_title:after { content: " "; position: absolute; left: 0px; top: calc(50% - 34px); width: 0; height: 0; border-style: solid; width: 0; height: 0; border-style: solid; border-width: 34px 0 34px 34px; border-color: transparent transparent transparent #ffffff; } .sales_porducts_title::before { content: " "; width: 600px; height: 421px; background: url(/local/templates/template/css/../images/slider_two.webp) no-repeat; position: absolute; background-size: cover; left: 0px; top: 0px; right: 0px; z-index: -1; } .sales_porducts_title::after { content: " "; width: 600px; height: 421px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0px; left: 2px; z-index: -1; } .sales_product .slick-list { padding: 0px 0px 10px; } .main_small-card { display: flex; max-width: 255px; /*max-width: 248px;*/ flex-direction: column; margin: 0 10px; padding: 9px; margin-top: 9px; padding-top: 0; min-height: 410px; position: relative; height: auto; transition: all .5s; } .product_cards .main_small-card:first-child { margin-left: 0; } .main_small-card:hover { -webkit-box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); -moz-box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); } .main_small-card:after { content: " "; width: 1px; top: 0px; height: 100%; background: #dedede; position: absolute; right: -10px; } .main_small-card img { width: 100%; height: 237px; /* width: 230px; height: 230px; */ margin-top: 5px; object-fit: scale-down; } .props .fabric { min-height: 45px; } section.tabs .slick-list { margin: 0 -13px; overflow-y: visible; padding-bottom: 20px; } .main_small-card .name { margin: 20px 0 0; font-size: 22px; } .main_small-card .name a { color: #212121; font-weight: 900; } .main_small-card ul.props { font-size: 14px; line-height: 22px; color: #808080; } .main_small-card ul.props li span { font-weight: 600; color: #212121; } .main_small-card ul.props li a { color: #212121; text-decoration: none; position: relative; } .main_small-card ul.props li a:after { content: ''; width: 100%; height: 1px; background: #212121; display: block; bottom: 2px; left: 0px; position: absolute; transition: all .5s; } .main_small-card ul.props li a:hover:after { width: 0; } .main_small-card ul.props li span.flag { width: 16px; height: 11px; margin-right: 8px; margin-left: 8px; display: inline-block; } .total-calculation-price, .main_small-card .price { margin: auto 0 19px; font-size: 16px; color: #808080; } .total-calculation-price .total-calc-price-value, .main_small-card .price span { color: #212121; font-weight: 600; font-size: 22px; } .main_small-card .more { width: 100%; height: 40px; line-height: 40px; text-decoration: none; text-align: center; display: block; background: #3f93ec; font-size: 16px; color: #fff; transition: all .5s; } .main_small-card:hover .more { background: #65a9f0; } .main_small-card .more:hover { background: #ffffff; border: 1px solid #3f93ec; color: #3f93ec; } .collections_wrap { padding-top: 60px; padding-bottom: 60px; background: #fafafa; } .collections_wrap .product_cards { padding-top: 0; } .similar_dillers { padding-top: 60px; } section.tabs ul.types li { display: inline-block; float: left; font-size: 26px; margin-right: 30px; } section.tabs ul.types li a { color: #212121; text-decoration: none; border-bottom: 1px solid #828282; } /* .product_cards .main_small-card:last-child { margin-right: auto!important; margin-left: 15px!important; } */ .ui-tabs .ui-tabs-panel { display: flex } .ui-widget-header { border: none; background: transparent; } .product_cards { display: flex; justify-content: space-between; flex-wrap: wrap; /* column-count: 5; */ width: 100%; padding-top: 25px; position: relative; } @media (min-width: 1400px) { .product_cards { justify-content: flex-start; } /* .main_small-card { margin: 0 15px; } */ .product_cards .slick-track { padding: 10px 0; } } .product_cards .main_small-card:after { right: -15px; } .product_cards .main_small-card:nth-child(6n) { /* margin-left: 0; */ } .product_cards .main_small-card:nth-child(5n):after { /* display: none; */ } .product_cards .main_small-card .name { font-size: 16px; font-weight: 700; margin-bottom: 10px; } .product_cards .main_small-card { border-bottom: 1px solid #dedede; } .product_cards .props p.articule { margin-bottom: 20px; } .product_cards .props p { color: #979797; font-weight: 300; font-size: 14px; margin-bottom: 10px; } .product_cards .props p span { color: #212121; } .product_cards .props p span.gray { color: #979797; } .product_cards .main_small-card .one_click { font-weight: 500; font-size: 15px; color: #3f93ec; margin: 10px 0px; text-decoration: none; align-self: center; display: inline-block; position: relative; } .product_cards .main_small-card .one_click:after { content: ''; width: 100%; height: 1px; background: #3f93ec; display: block; bottom: 0px; position: absolute; transition: all .5s; } .product_cards .main_small-card .one_click:hover:after { width: 0; } section.tabs ul.types li.active a, section.tabs ul.types li:hover a { border: none; color: #3f93ec; } section.tabs .items { margin-top: 30px; } section.tabs .items .slick-track { display: flex; } section.tabs .items .item .more { margin-top: auto; } section.tabs .items .item { display: flex; flex-direction: column; margin: 0 13px; float: left; border: 1px solid #dddddd; min-height: 436px; padding: 9px; position: relative; height: auto; } section.tabs .items .item img { width: 100%; height: 176px; object-fit: contain; } .props .fabric { min-height: 45px; color: #212121; } section.tabs .slick-list { margin: 0 -13px; overflow-y: visible; padding-bottom: 20px; } section.tabs .items .item:hover { -webkit-box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); -moz-box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); } section.tabs .items .item .name { padding-left: 19px; margin: 20px 0; font-size: 18px; color: #212121; font-weight: 600; } section.tabs .items .item ul.props { padding-left: 19px; font-size: 14px; line-height: 22px; color: #808080; } section.tabs .items .item ul.props li span { font-weight: 600; color: #212121; } section.tabs .items .item ul.props li a { color: #212121; text-decoration: none; border-bottom: 1px solid #c7c7c7; } section.tabs .items .item ul.props li a:hover { border: none; } section.tabs .items .item ul.props li span.flag { width: 16px; height: 11px; margin-top: 5px; margin-left: 4px; display: inline-block; margin-right: 8px; } section.tabs .items .item .price { margin: auto 0 19px; padding-left: 19px; font-size: 16px; color: #808080; } section.tabs .items .item .price span { color: #212121; font-weight: 600; font-size: 22px; } section.tabs .items .item .more { width: 100%; height: 40px; line-height: 40px; text-decoration: none; text-align: center; display: block; background: #3f93ec; font-size: 16px; color: #fff; } section.tabs .items .item:hover .more { background: #d10004; } section.about { background: #f5f5f5; padding: 59px 0; } section.about .text { height: 100%; width: 100%; display: inline-block; float: left; } section.about .text h1 { margin: 15px 0; } section.about .text p { font-size: 16px; color: #212121; line-height: 24px; padding: 6px 0; } section.about img { float: right; width: 49.13%; margin: -48px 0 10px 10px; } section.about .text p br { line-height: 1; } section.pluses { height: auto; padding: 60px 0; background: url(/local/templates/template/css/../images/pluses_bg.webp) no-repeat; background-size: cover; position: relative; } section.pluses:before { content: " "; background: rgba(0, 0, 0, 0.63); position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 0; } section.pluses h2 { font-size: 70px; color: #ffffff; font-family: "AA-BebasNeue"; } section.pluses .items { margin-top: 30px; } section.pluses .items .item { width: 32.17%; height: 200px; display: inline-table; float: left; background: rgba(255, 255, 255, 0.2); margin-right: 1.74%; margin-bottom: 20px; padding: 0 30px; position: relative; transition: all .5s; } section.pluses .items .item span { transition: all .5s; } section.pluses .items .item span.first_ic { width: 52px; height: 52px; display: inline-block; background: url("/local/templates/template/css/../images/shield.svg") center no-repeat; } section.pluses .items .item span.sec_ic { width: 52px; height: 52px; display: inline-block; background: url("/local/templates/template/css/../images/save-money.svg") center no-repeat; } section.pluses .items .item span.thr_ic { width: 52px; height: 52px; display: inline-block; background: url("/local/templates/template/css/../images/list.svg") center no-repeat; } section.pluses .items .item span.four_ic { width: 52px; height: 52px; display: inline-block; background: url("/local/templates/template/css/../images/truck.svg") center no-repeat; } section.pluses .items .item span.five_ic { width: 52px; height: 52px; display: inline-block; background: url("/local/templates/template/css/../images/monitor.svg") center no-repeat; } section.pluses .items .item:hover span.first_ic { background: url("/local/templates/template/css/../images/shield_white.svg") center no-repeat; } section.pluses .items .item:hover span.sec_ic { background: url("/local/templates/template/css/../images/save-money_white.svg") center no-repeat; } section.pluses .items .item:hover span.thr_ic { background: url("/local/templates/template/css/../images/list_white.svg") center no-repeat; } section.pluses .items .item:hover span.four_ic { background: url("/local/templates/template/css/../images/truck_white.svg") center no-repeat; } section.pluses .items .item:hover span.five_ic { background: url("/local/templates/template/css/../images/monitor_white.svg") center no-repeat; } section.pluses .items .item>div { display: table-cell; vertical-align: middle; } section.pluses .items .item:nth-child(3), section.pluses .items .item:nth-child(5) { margin-right: 0; } section.pluses .items .item:nth-child(5) { width: 66.09%; } section.pluses .items .item .name { color: #ffffff; font-size: 22px; font-weight: 600; margin: 18px 0; z-index: 1; position: relative; } section.pluses .items .item .desc { color: #ffffff; font-size: 16px; line-height: 20px; z-index: 1; position: relative; min-height: 47px; } section.pluses .items .item .desc a { color: #ffffff; text-decoration: none; position: relative; } section.pluses .items .item .desc a:before { content: ''; width: 100%; height: 1px; background: #ffffff; display: block; bottom: 0px; left: 0; position: absolute; transition: all .5s; } section.pluses .items .item .desc a:hover { color: #ffffff; } section.pluses .items .item .desc a:hover:before { width: 0; } section.pluses .items .item:hover { background: rgba(63, 147, 236, 0.81); } .ms-choice>div { position: absolute; top: 0; right: 6px; width: 20px; height: 25px; background: url(/local/templates/template/css/../images/arr_down.webp) center no-repeat; } .ms-choice>div.open { background: url(/local/templates/template/css/../images/arr_up.webp) center no-repeat; } section.pluses .items .item:after { display: block; font-size: 120px; position: absolute; right: 15px; font-weight: 100; bottom: 0px; z-index: 0; color: rgba(255, 255, 255, 0.2); } .products_header { padding-top: 25px; } .products_header.inner { padding-top: 0; } .products_header .title_wrap .title a { font-family: "AA-BebasNeue"; font-size: 40px; color: #212121; position: relative; display: inline-block; margin-right: 20px; text-decoration: none; transition: all .5s; } .title_wrap { display: flex; } .products_header .title_wrap .title.ui-tabs-active a { color: #3f93ec; } .products_header .title_wrap .title a:after { content: ''; width: 100%; height: 1px; background: #c7c7c7; display: block; bottom: 0px; position: absolute; transition: all .5s; } .products_header .title_wrap .title a:hover { color: #3f93ec; } .products_header .title_wrap .title a:hover:after { width: 0; } .product_left .flexslider { margin-bottom: 20px; border: none; } .product_left { max-width: 444px; width: 100%; } .custom_buttons { margin-top: 40px; display: flex; } .custom_buttons a { display: flex; justify-content: space-between; text-decoration: none; align-items: center; max-width: 240px; width: 100%; color: #212121; margin-right: 30px; } .custom_buttons a:hover { text-decoration: underline; } .custom_buttons img { width: 61px; } .custom_buttons span { margin-left: 20px; font-size: 14px; text-transform: uppercase; line-height: 22px; } .table_product { border-width: 1px; border-color: rgb(222, 222, 222); border-style: solid; background-color: rgb(250, 250, 250); max-width: 688px; width: 100%; min-height: 258px; margin-top: 30px; padding: 15px; color: #212121; } .table_product.small { max-width: 400px; min-height: 200px; } .table_product-head { display: flex; justify-content: flex-start; border-bottom: 1px solid #dedede; padding-bottom: 10px } .table_product-body { display: flex; justify-content: flex-start; } .table_product-title { font-size: 16px; } .table_product-title:first-child { max-width: 165px; width: 100%; } .table_product-title:nth-child(2) { max-width: 180px; width: 100%; } .table_product-title:nth-child(3) { max-width: 110px; width: 100%; } .table_product-title:nth-child(4) { max-width: 260px; width: 100%; } .table_product-column:first-child { max-width: 165px; width: 100%; } .table_product-column:nth-child(2) { max-width: 180px; width: 100%; } .table_product-column:nth-child(3) { max-width: 110px; width: 100%; padding-left: 5px; } .table_product-column:last-child { max-width: 260px; width: 100%; display: flex; flex-direction: column; } .table_product-column:last-child .table_product-item:last-child { / / margin-top: auto; height: 36px; } .checkbox_row { display: flex; width: 175px; justify-content: space-between; } .amount { border-width: 1px; border-color: rgb(222, 222, 222); border-style: solid; background-color: rgb(255, 255, 255); width: 58px; height: 28px; padding-left: 5px; color: #212121; font-weight: 500; font-size: 12px; } .product_main { margin-top: 35px; display: flex; justify-content: space-between; } .styled-checkbox { position: absolute; opacity: 0; } .styled-checkbox+label { position: relative; cursor: pointer; padding: 0; display: flex; } .policy { font-size: 14px; line-height: 20px; color: #212121; } .styled-checkbox+label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; min-width: 20px; height: 20px; border: 1px solid #dedede; background: white; } .table_product-item { margin-top: 19px; font-weight: 500; font-size: 14px; height: 22px; display: flex; align-items: center; } .table_product-item label { display: flex; align-items: center; } .table_product-item .price { color: #212121; font-size: 26px; font-weight: 900; text-wrap: nowrap; } .table_product-item .price span { font-weight: 500; font-size: 14px; color: #a2a2a2; } .styled-checkbox:hover+label:before { background: #ffffff; } .styled-checkbox:checked+label:before { background: #ffffff; } .styled-checkbox:disabled+label { color: #b8b8b8; cursor: auto; } .styled-checkbox:disabled+label:before { box-shadow: none; background: #ddd; } .styled-checkbox:checked+label:after { content: ''; position: absolute; left: 5px; top: 9px; background: #212121; width: 3px; height: 3px; border-radius: 0; box-shadow: 2px 0 0 #212121, 4px 0 0 #212121, 4px -2px 0 #212121, 4px -4px 0 #212121, 4px -6px 0 #212121, 4px -8px 0 #212121; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .add_favorite a { font-size: 16px; padding-top: 10px; padding-left: 33px; position: absolute; right: 0; top: 20px; color: #212121; transition: all .5s; text-decoration: none; } .add_favorite a.addFavBtn { background: url(/local/templates/template/css/../images/heart-new.svg) center no-repeat; } .add_favorite a:hover { background: url(/local/templates/template/css/../images/heart-new2.svg) center no-repeat; } .add_favorite.cart-favorite a.addFavBtn { background: url(/local/templates/template/css/../images/heart-new.svg) 0 center no-repeat; } .add_favorite.cart-favorite a:hover { background: url(/local/templates/template/css/../images/heart-new2.svg) 0 center no-repeat; } .product_right { max-width: 780px; width: 100%; padding-left: 20px; } .character_title { font-family: "AA-BebasNeue"; color: #212121; font-size: 32px; } .character_show_more { display: none; width: 100%; margin-top: 35px; cursor: pointer; text-decoration: underline; } .character_column_left, .character_column_right { display: inline-flex; width: 49%; flex-direction: column; } .character_column_right.active { display: inline-flex; } .character_item_top { color: #7d7d7d; font-size: 15px; margin-top: 43px; margin-right: 20px; float: left; } .character_item_top span { color: #212121; } .character_item_top a { color: #212121; position: relative; text-decoration: none; } .character_item_top a:before { content: ''; width: 100%; height: 1px; background: #212121; display: block; bottom: 0px; left: 0; position: absolute; transition: all .5s; } .character_item_top a:hover:before { width: 0%; } .character_item { color: #7d7d7d; font-size: 15px; margin-top: 10px; } .character_item span { color: #212121; } .character_item a { color: #212121; position: relative; text-decoration: none; } .character_item a:before { content: ''; width: 100%; height: 1px; background: #212121; display: block; bottom: 0px; left: 0; position: absolute; transition: all .5s; } .character_item a:hover:before { width: 0%; } .flex-direction-nav a:before { display: inline-block; content: ' '; width: 32px; font-size: 0; height: 32px; padding: 5px 0px; background: #fff url(/local/templates/template/css/../images/black_arr-left.svg) no-repeat center; } .flex-direction-nav a.flex-next:before { content: ' '; padding: 5px 0px; background: #fff url(/local/templates/template/css/../images/black_arr-right.svg) no-repeat center; } #carousel ul li img { border: 2px solid transparent; } /*#carousel ul { width: auto !important; display: flex !important; justify-content: center; } #carousel ul li { margin-left: 10px; }*/ #carousel ul li img { height: 80px; object-fit: cover; } #carousel ul li.flex-active-slide img { border: 2px solid #3f93ec; } #slider img { height: 415px; object-fit: scale-down; } .products_header .title_wrap .title.ui-tabs-active a:after { display: none; } section.pluses .items .item:first-child:after { content: '01'; } section.pluses .items .item:nth-child(2):after { content: '02'; } section.pluses .items .item:nth-child(3):after { content: '03'; } section.pluses .items .item:nth-child(4):after { content: '04'; } section.pluses .items .item:nth-child(5):after { content: '05'; } section.pluses .text p { font-size: 16px; color: #212121; line-height: 24px; padding: 6px 0; } section.brands { min-height: 286px; background: #f5f5f5; padding-top: 59px; padding-bottom: 59px; overflow: hidden; width: 100%; box-sizing: border-box; } section.brands .items { position: relative; min-height: 205px; } section.brands .items .item a { width: 100%; } section.brands .items .item { text-align: center; border: 1px solid #dddddd; margin: 0 15px; min-height: 205px; height: 100%; width: 205px; display: flex; align-items: center; justify-content: center; background: #fff; } section.brands .items .item:hover { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); } section.brands .items .item img { margin: 0 auto; max-width: 100%; } section.brands .slick-list { margin: 0 -15px; overflow-y: visible; } section.brands .slick-track { padding: 10px 0px; } section.brands .slick-next { right: -45px; top: 50%; background: url(/local/templates/template/css/../images/gray_arrow-right.svg); } section.brands .slick-prev { left: -45px; top: 50%; background: url(/local/templates/template/css/../images/gray_arrow-left.svg); } section.brands .slick-next:hover { background: url(/local/templates/template/css/../images/next_hov.svg); } section.brands .slick-prev:hover { background: url(/local/templates/template/css/../images/next2_hov.svg); } section.brands h2 { color: #212121; font-size: 70px; font-family: "AA-BebasNeue"; margin-bottom: 30px; } section.brands .wrapper { position: relative; } section.brands a.all { position: absolute; right: 0; display: block; top: 3px; color: #3f93ec; text-decoration: none; border-bottom: 1px solid #f6c0c4; } section.brands a.all:hover { border: none; } section.news { min-height: 490px; padding-top: 59px; overflow: hidden; width: 100%; box-sizing: border-box; } section.news h2 { color: #212121; font-size: 70px; font-family: "AA-BebasNeue"; margin-bottom: 30px; } section.news a.all { position: absolute; right: 0; display: block; top: 3px; color: #3f93ec; border-bottom: 1px solid #f6c0c4; text-decoration: none; } section.news a.all:hover { border: none; } section.news .items .item { width: 100%; text-decoration: none; display: flex; justify-content: space-between; align-items: center; } section.news .items .item { border: 1px solid #dddddd; margin: 0 12px; height: auto; border-radius: 2px; } section.news .items .item .news_text { padding-left: 25px; padding-right: 20px; max-width: 278px; width: 100%; position: relative; } .news_text:after { content: " "; position: absolute; top: calc(50% - 34px); left: -34px; width: 0; height: 0; border-style: solid; border-width: 34px 34px 34px 0; border-color: transparent #ffffff transparent transparent; } section.news .items .item img { width: 100%; max-width: 400px; } section.news .items .item .name { font-size: 18px; color: #212121; line-height: 22px; font-weight: 900; position: relative; margin-bottom: 17px; } section.news .items .item .more { width: 100%; height: 40px; line-height: 40px; text-decoration: none; text-align: center; display: block; border: 1px solid transparent; background: #3f93ec; font-size: 16px; color: #fff; transition: all .5s; } section.news .items .item .more:hover { background: #ffffff; border: 1px solid #3f93ec; color: #3f93ec; } section.news .items .item .more:after { display: none !important; } section.news .items .item .publish_date { font-size: 14px; color: #a7a7a7; font-weight: 500; margin-bottom: 17px; } section.news .items .item:hover { box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); } section.cart_order { min-height: 930px; background: url(/local/templates/template/css/../images/cart_order.webp) no-repeat; padding: 35px 40px; border: 1px solid #e5e5e5; } section.cart_order h2 { margin: 0; margin-bottom: 5px; } section.cart_order p.subtitle { font-size: 18px; } section.cart_order p { font-size: 16px; color: #212121; margin-bottom: 31px; font-weight: 500; } section.cart_order form { display: flex; flex-wrap: wrap; max-width: 830px; justify-content: space-between; width: 100%; } section.cart_order .cart_order-item label { font-size: 16px; color: #212121; font-weight: 700; display: inline-block; margin-bottom: 5px; } section.cart_order .cart_order-item { max-width: 404px; width: 100%; margin-bottom: 31px; } section.cart_order .cart_order-item.big { max-width: 100%; width: 100%; } section.cart_order .cart_order-item input { border-width: 1px; border-color: rgb(222, 222, 222); border-style: solid; background-color: rgb(255, 255, 255); box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.05); width: 100%; height: 52px; font-size: 16px; font-weight: 500; color: #212121; padding-left: 15px; } section.cart_order .cart_order-item textarea { border-width: 1px; border-color: rgb(222, 222, 222); border-style: solid; background-color: rgb(255, 255, 255); box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.05); width: 100%; height: 90px; resize: none; font-size: 16px; font-weight: 500; color: #212121; padding-left: 15px; } section.cart_order .cart_order-item input.submit_btn { background-color: rgb(63, 147, 236); max-width: 229px; width: 100%; height: 52px; font-size: 15px; color: #ffffff; font-weight: 500; -webkit-appearance: none; transition: all .5s; } section.cart_order .cart_order-item input.submit_btn:hover { background: #ffffff; border: 1px solid #3f93ec; color: #3f93ec; } .design_form form input.submit_btn { transition: all .5s; } .design_form form input.submit_btn:hover { background: #ffffff; border: 1px solid #3f93ec; color: #3f93ec; } .checkbox_wrap { position: relative; width: 100%; } section.cart_order .cart_order-item .custom-selects { max-width: 100%; } section.cart_order .cart_order-item .custom-selects .select-selected { max-width: 100%; height: 54px; font-size: 16px; } .mobile_menu .social { float: right; display: flex; justify-content: space-between; align-items: center; } .mobile_menu .social a { height: 18px; margin-left: 22px; margin-right: 22px; display: inline-block; } .mobile_menu .social a.vk { width: 20px; height: 12px; background: url(/local/templates/template/css/../images/vk.svg) center center no-repeat; background-size: cover; } .mobile_menu .social a.inst { width: 18px; background: url(/local/templates/template/css/../images/instagram.svg) center center no-repeat; background-size: cover; } .mobile_menu .social a.fb { width: 9px; background: url(/local/templates/template/css/../images/facebook.svg) center center no-repeat; background-size: cover; } .mobile_menu .social a.twitter { width: 22px; background: url(/local/templates/template/css/../images/twitter.svg) center center no-repeat; background-size: cover; } .row_wrap { display: flex; width: 100%; justify-content: space-between; } .collection_inner { display: flex; } .collection_left { max-width: 600px; width: 100%; } .collection_left img { max-width: 534px; width: 100%; } .collection_right { max-width: 780px; width: 100%; padding-left: 20px; } section.cart_order .row_wrap .cart_order-item:nth-child(2) { margin-left: 10px; } section.cart_order .cart_order-item .custom-selects .select-items div { font-size: 16px; padding: 15px; } section.news .slick-next { right: -45px; top: 57%; background: url(/local/templates/template/css/../images/gray_arrow-right.svg); } section.news .slick-prev { left: -45px; top: 57%; background: url(/local/templates/template/css/../images/gray_arrow-left.svg); } section.news .slick-next:hover { background: url(/local/templates/template/css/../images/next_hov.svg); } section.news .slick-prev:hover { background: url(/local/templates/template/css/../images/next2_hov.svg); } section.news .items .item:hover .name { text-decoration: underline; } section.news .items .item .date { font-size: 13px; color: #a7a7a7; padding: 20px; text-transform: uppercase; } section.news .slick-list { margin: 0 -12px; overflow-y: visible; padding-bottom: 20px; } footer { background: url(/local/templates/template/css/../images/footer_bg.webp) 0 0 repeat; height: 408px; } footer .bottom { background: #212121; height: 70px; } footer .bottom .copy { height: 70px; line-height: 70px; font-size: 14px; color: #ffffff; display: inline-block; } footer .bottom .conf { height: 70px; line-height: 70px; font-size: 14px; color: #ffffff; display: inline; margin-left: 0%; text-decoration: none; position: relative; } footer .bottom .conf:after { content: ''; width: 100%; height: 1px; background: #7c7c7c; display: block; bottom: 23px; position: absolute; transition: all .5s; } footer .bottom .conf:hover:after { width: 0; } footer .bottom .conf:hover { border: none; } .social { float: right; display: flex; justify-content: space-between; align-items: center; } .social a { height: 18px; margin-left: 22px; display: inline-block; } .social a.vk { width: 20px; height: 12px; background: url(/local/templates/template/css/../images/vk.svg) center center no-repeat; background-size: cover; } .social a.inst { width: 18px; background: url(/local/templates/template/css/../images/instagram.svg) center center no-repeat; background-size: cover; } .social a.fb { width: 9px; background: url(/local/templates/template/css/../images/facebook.svg) center center no-repeat; background-size: cover; } .social a.twitter { width: 22px; background: url(/local/templates/template/css/../images/twitter.svg) center center no-repeat; background-size: cover; } footer .wrapper { position: relative; display: flex; justify-content: space-between; } footer { position: relative; } footer nav { width: 234px; display: inline-block; float: left; margin-top: 50px; } footer nav>ul>li { margin: 12px 0; } footer nav>ul>li>a { color: #ffffff; font-weight: 900; font-size: 22px; text-decoration: none; } footer nav>ul>li>ul { margin: 20px 0; } footer nav>ul>li>ul>li a { color: #b3b3b3; font-size: 15px; font-weight: 500; text-decoration: none; line-height: 30px; border-bottom: 1px solid #6c6c6c; } footer nav>ul>li>ul>li a:hover { color: #3f93ec; border: none; } footer .contacts { display: inline-block; float: left; margin-top: 50px; /* margin-left: 5.8%; */ width: 380px; } footer nav.about a, footer nav.catalog a { padding-left: 0px !important; } footer nav.about .city { margin-left: 0px !important; } footer .customers { display: inline-block; float: left; margin-top: 50px; /* margin-left: 5.8%; */ width: 240px; padding-top: 12px; } footer .customers li { margin-bottom: 12px; } footer .customers a { font-weight: 900; font-size: 22px; color: #ffffff; text-decoration: none; } footer .contacts>a { color: #ffffff; font-weight: 600; font-size: 18px; text-decoration: none; margin: 12px 0; display: block; } footer a.sitemap { color: #3f93ec; font-size: 15px; font-weight: 400; border-bottom: 1px solid #84393f; display: inline; } footer a.sitemap:hover { border: none; } footer .bottom { position: absolute; bottom: 0; width: 100%; } footer ul.city { color: #ffffff; margin-bottom: 15px; } footer .contacts a { font-weight: 900; font-size: 22px; } footer .contacts ul li a, footer .footer-contacts p, .footer .footer-contacts a { font-size: 15px; font-weight: 500; } .footer-contacts p { color: #fff; } footer .footer-contacts a, footer .footer-contacts p { font-weight: 500; font-size: 14px; } footer ul.city a.phone, .footer-contacts a.phone { color: #ffffff; text-decoration: none; background: url(/local/templates/template/css/../images/phone.svg) 0 0 no-repeat; background-size: 16px 16px; padding-left: 29px; margin-bottom: 12px; } footer ul.city a.mail, .footer-contacts a.mail { text-decoration: none; background: url(/local/templates/template/css/../images/envelope.svg) 0 0 no-repeat; background-size: 18px 14px; padding-left: 29px; margin-bottom: 12px; color: #3f93ec; } footer ul.city a { color: #ffffff; text-decoration: none; padding-left: 29px; } footer ul.city li, .footer-contacts .footer-addr, .footer-contacts a.mail, .footer-contacts a.phone { line-height: 27px; } footer ul.city address, .footer-contacts .footer-addr { font-style: normal; line-height: 20px; background: url(/local/templates/template/css/../images/marker.svg) 0px 0 no-repeat; background-size: 13px 19px; padding-left: 29px; margin-bottom: 12px; } footer .topper { width: 86px; height: 86px; position: fixed; display: block; bottom: 100px; right: 2%; cursor: pointer; display: none; background: url(/local/templates/template/css/../images/topper.webp) center center no-repeat; z-index: 99; transition: all .5s; } footer .topper:hover { background: url(/local/templates/template/css/../images/topper_hov.webp) center center no-repeat; } .popup { display: none; } form.callback { width: 380px; height: 380px; background: #fff; text-align: center; padding: 45px; } form.callback .title { font-size: 22px; font-weight: 600; margin-bottom: 25px; } .product-item-calculation-pm input[type="number"], form.callback input[type=text] { width: 100%; height: 38px; background: #f5f5f5; padding: 0 15px; font-size: 14px; color: #7c7c7c; box-sizing: border-box; border-width: 1px; border-color: rgb(221, 221, 221); border-style: solid; background-color: rgb(245, 245, 245); box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.07); margin-bottom: 10px; } form.callback input[type=text] .modal { display: none; } .page_banner-date { font-size: 14px; text-transform: uppercase; color: #ffffff; position: absolute; right: 40px; bottom: 40px; } section.page_banner { background: url(/local/templates/template/css/../images/news_big.webp); max-width: 1380px; width: 100%; height: 500px; margin-top: 10px; margin-bottom: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-end; position: relative; } h1.page_banner_title { font-size: 40px; line-height: 46px; color: #fff; font-family: "AA-BebasNeue"; text-transform: uppercase; margin-left: 35px; } section.page_text { box-sizing: border-box; } .page_text p { font-weight: 500; color: #212121; font-size: 18px; line-height: 30px; margin-top: 40px; } .page_text ul { list-style: disc; font-size: 16px; font-weight: 600; margin-left: 25px; line-height: 20px; } .page_text ul li { margin-top: 5px; } .text_btn { display: flex; align-items: center; justify-content: center; margin-top: 25px; font-size: 16px; color: #3f93ec; max-width: 240px; width: 100%; height: 40px; text-decoration: none; border: 1px solid #c7c7c7; transition: all .5s; } .text_btn:hover { background: #3f93ec; color: #fff; border: 1px solid #3f93ec; } section.page_interest { min-height: 550px; padding-top: 25px; overflow: hidden; width: 100%; box-sizing: border-box; } section.page_interest h2 { color: #212121; font-size: 40px; font-family: "AA-BebasNeue"; margin-bottom: 30px; } .page_interest_items { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } .page_interest_item { border: 1px solid #dddddd; margin: 0 0px 20px 0px; height: auto; border-radius: 2px; width: 100%; padding: 9px; max-width: 330px; text-decoration: none; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; flex: 0 0 24%; justify-content: space-between; margin-right: 10px; } .page_interest_item img { width: 100%; max-width: 310px; object-fit: cover; } .page_item_text { padding-left: 5px; padding-right: 5px; } .page_interest .publish_data { font-size: 14px; color: #737373; font-weight: 500; margin-top: 20px; margin-bottom: 10px; text-transform: uppercase; } .page_interest .name { font-size: 22px; color: #212121; line-height: 22px; text-transform: uppercase; font-family: "AA-BebasNeue"; line-height: 28px; position: relative; margin-bottom: 3px; } .page_interest p.descr { color: #212121; font-size: 15px; font-weight: 500; line-height: 24px; } .page_interest a.more { display: inline-block; height: 27px; line-height: 26px; text-align: left; font-size: 16px; color: #3f93ec; transition: all .5s; position: relative; } form.callback input[type=submit] { width: 100%; height: 40px; font-size: 16px; color: #ffffff; border: none; background: #3f93ec; margin: 6px 0 30px; cursor: pointer; transition: all .5s; } form.callback input[type=submit]:hover { background: transparent; border: 1px solid #3f93ec; color: #3f93ec; } form.callback .conf { color: #212121; font-size: 14px; } form.callback .conf a { color: #212121; } .stickers { position: absolute; left: 9px; top: 15px; z-index: 1; } .stickers>div { display: inline-block; height: 24px; line-height: 24px; padding: 0 13px; margin: 3px 0; font-size: 13px; font-weight: 600; text-transform: uppercase; } .stickers>.sale { background: #f6c42b; } .stickers>.new { background: #9ec32e; color: #fff; } .stickers>.hit { background: #ff3d3d; color: #fff; } .product_sliders { background: #fafafa; padding-top: 60px; padding-bottom: 60px; } h2 { font-family: "AA-BebasNeue"; font-size: 40px; color: #212121; margin: 15px 0px; line-height: 47px; } .collection_slider .product_cards .main_small-card { border-bottom: none; } .collection_slider .product_cards { position: relative; padding-top: 0; padding-bottom: 20px; } .collection_slider .product_cards .main_small-card .one_click { margin: 10px auto 0; display: block; width: 100px; } .collection_slider .product_cards .slick-prev { left: -45px; top: 50%; background: url(/local/templates/template/css/../images/gray_arrow-left.svg) 0px 0 no-repeat; } .collection_slider .product_cards .slick-next { right: -45px; top: 50%; background: url(/local/templates/template/css/../images/gray_arrow-right.svg) 0px 0 no-repeat; } .collection_slider .product_cards .main_small-card, .similar_slider .product_cards .main_small-card { margin: 0 auto !important; } .similar_slider .product_cards .main_small-card { border-bottom: none; } .similar_slider .product_cards { position: relative; ] padding-top: 0; padding-bottom: 20px; } .similar_slider .product_cards .main_small-card .one_click { margin: 10px auto 0; display: block; width: 100px; } .similar_slider .product_cards .slick-prev { left: -45px; top: 50%; background: url(/local/templates/template/css/../images/gray_arrow-left.svg) 0px 0 no-repeat; } .similar_slider .product_cards .slick-next { right: -45px; top: 50%; background: url(/local/templates/template/css/../images/gray_arrow-right.svg) 0px 0 no-repeat; } .breadcrumbs { width: 100%; min-height: 40px; background: #ffffff; line-height: 40px; display: flex; align-items: center; flex-wrap: wrap; } .breadcrumbs ul { width: 1380px; margin: 0 auto; padding-left: 0 !important; } .breadcrumbs ul li { display: inline-block; float: left; line-height: 20px; position: relative; } .breadcrumbs ul li a, .breadcrumbs ul li span.last { color: #212121; text-decoration: none; font-size: 14px; position: relative; padding: 0 7px; margin-right: 3px; } .breadcrumbs ul li:first-child a { padding-left: 0; } .breadcrumbs ul li:after { content: '»'; color: #3f93ec; display: inline-block; position: absolute; padding: 0 7px; margin-right: 3px; right: -14px; top: 1px; } .breadcrumbs ul li:last-child:after { display: none; } .breadcrumbs ul li a:hover { color: #3f93ec; } .inner_page h2 { font-family: "AA-BebasNeue"; font-size: 40px; color: #212121; margin: 15px 0px; line-height: 47px; } .inner_bottom { display: flex; align-items: center; min-height: 41px; padding-top: 20px; width: 100%; justify-content: center; display: block; } .inner_bottom .pagination { /*position: absolute;*/ margin: auto; } .inner_bottom .show_more { display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 16px; color: #3f93ec; max-width: 160px; width: 100%; height: 40px; border: 1px solid #c7c7c7; text-decoration: none; } .show_more { display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 16px; color: #3f93ec; max-width: 160px; width: 100%; height: 40px; border: 1px solid #c7c7c7; text-decoration: none; transition: all .5s; } .show_more:hover { color: #ffffff; background: #3f93ec; border: 1px solid transparent; } .reviews .show_more { margin: 30px auto; } /* fliter */ .text-center { text-align: center; } .filter_show { display: none; height: 27px; line-height: 27px; text-decoration: none; text-align: left; font-size: 16px; color: #3f93ec; transition: all .5s; position: relative; margin-bottom: 10px; } .filter_show:after { content: ''; width: 100%; height: 1px; background: #3f93ec; display: block; bottom: 0px; position: absolute; } .filter_wrap { border-width: 1px; border-color: rgb(222, 222, 222); border-style: solid; background-color: rgb(250, 250, 250); /*min-height: 178px;*/ padding: 10px; padding-bottom: 10px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative; } /* * Result Popup * */ .filter_popup_result { font-size: 13px; font-weight: normal; line-height: 24px; position: absolute; z-index: 930; display: none; /*height:33px;*/ /*margin-top:-7px;*/ margin-left: 7px; /*padding:0 10px;*/ white-space: nowrap; color: #3f3f3f; /*border-top:1px solid #c0d6dc; border-right:1px solid #c0d7dd; border-bottom:1px solid #c0d6dc; border-left:1px solid #c0d7dd; border-radius:3px; background:#fff; box-shadow:0 2px 5px 0 rgba(0,0,0,.1);*/ } .filter_popup_result .arrow { position: absolute; top: 50%; width: 8px; height: 14px; margin-top: -7px; background: url(/local/templates/template/css/../images/arr_left.webp) no-repeat center; } .filter.bx_horizontal .filter_popup_result { position: static !important; display: inline-block } .filter.bx_horizontal .filter_popup_result .arrow { display: none; } .filter_popup_result.top { bottom: 102%; } .filter_popup_result.top .arrow { left: -8px; background: url(/local/templates/template/css/../images/arr_bottom.webp) no-repeat center; } .filter_popup_result a { padding: 0 10px; background: #0073a3; text-decoration: none; color: #fff; display: inline-block; font-size: 13px; border-radius: 5px; margin-left: 10px; margin-bottom: 5px; } .filter_popup_result a:hover { background: #3f93ec; } .filter_popup_result_close { display: none; } .filter_item { position: relative; } .filter_item { max-width: 320px; width: 100%; margin-top: 5px; margin-bottom: 5px; height: 40px; font-family: "Museo" !important; } .filter_clear { display: block; position: absolute; right: 0; top: -1.5em; border-bottom: dotted 1px #999; font-size: 0.9em; color: #999; } .filter_clear:before { content: ""; position: absolute; top: 1px; left: -15px; background: url(/local/templates/template/css/../images/ic_filter_clear.webp) center no-repeat; width: 11px; height: 11px; } .filter_item .ms-choice { height: 40px; line-height: 40px; border-width: 1px; border-color: rgb(222, 222, 222); border-style: solid; background-color: rgb(255, 255, 255); box-shadow: inset 0px -5px 5px 0px rgba(0, 0, 0, 0.05); } nav.look-brand, nav.look-country { position: static; } nav.look-brand ul, nav.look-country ul { box-shadow: none; } nav.look-brand ul li a.look-brand_link, nav.look-country ul li a.look-country_link { font-size: 16px; font-weight: 500; color: #3f93ec; text-transform: none; text-decoration: underline; border-bottom: none; padding-right: 15px; padding-left: 0; } nav.look-country ul li a { font-size: 16px; font-weight: 500; color: #212121; text-transform: none; text-decoration: underline; border-bottom: none; padding-right: 15px; padding-left: 25px; } a.chorv { background: url(/local/templates/template/css/../images/chorv.webp) 0px 3px no-repeat; } /***brand_wrap***/ .brand_inner_page { padding-top: 5px; padding-bottom: 80px; } .brand_wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; } .brand_main { display: flex; justify-content: space-between; } .brand_item { width: 100%; width: 210px; height: 210px; text-align: center; margin-bottom: 30px; margin-right: 5px; } .brand_item_logo { width: 100%; height: 130px; border: 1px solid #e8e8e8; border-bottom: none; display: flex; align-items: center; justify-content: center; } .brand_item_country { width: 100%; height: 80px; background: #fafafa; border: 1px solid #e8e8e8; } .brand_item_country p { margin-top: 8px; } a.country_link { font-size: 16px; font-weight: 900; color: #212121; margin-top: 10px; } p.country_name { font-size: 14px; font-weight: 500; color: #212121; } .country_goods { font-size: 14px; font-weight: 500; color: #b0b0b0; } /***media***/ .filter_item .ms-choice>span.placeholder { font-size: 14px; color: #212121; font-weight: 500; } .filter_item .ms-choice>span.active:before { content: " "; background: url(/local/templates/template/css/../images/filter_check.webp); display: inline-block; position: relative; top: 5px; margin-right: 10px; width: 20px; height: 20px; } .filter_item .ms-drop input[type="checkbox"] { margin-right: 10px; } .filter_item .ms-drop ul>li label { font-size: 14px; color: #212121; font-weight: 500; } .filter_item .ms-choice>span { font-size: 14px; color: #212121; font-weight: 500; } .filter_item .ms-choice>div { top: 9px; } .custom-selects { position: relative; max-width: 320px; width: 100%; } .custom-selects.active { background: #ffffff; } .custom-selects select { display: none; } .sales_product .slick-next { top: 50%; } .sales_product .slick-prev { top: 50%; } .custom-selects .select-selected { font-size: 14px; color: #212121; font-weight: 500; transition: all 0.5s; display: flex; align-items: center; padding: 2px 16px 2px; height: 38px; border-width: 1px; border-color: rgb(222, 222, 222); border-style: solid; background-color: rgb(255, 255, 255); box-shadow: inset 0px -5px 5px 0px rgba(0, 0, 0, 0.05); } .sort_items { max-width: 150px; width: 100%; height: 40px; } .custom_select-wrap { display: flex; align-items: center; } .custom-selects .select-selected:hover:after { background: url(/local/templates/template/css/../images/arr_down.webp); transition: all 0.5s; } .custom_select-wrap .custom_select-title { margin-right: 10px; width: 140px; } .custom-selects .select-selected:after { position: absolute; content: ""; right: 11px; width: 7px; height: 4px; background: url(/local/templates/template/css/../images/arr_down.webp); transition: all 0.5s; } .selects_filt { display: flex; justify-content: space-between; max-width: 540px; width: 100%; } .products_header { display: flex; justify-content: space-between; } .custom-selects .select-selected.select-arrow-active { background: #ffffff; } .cols_items { max-width: 80px; } .custom-selects .select-selected.select-arrow-active:after { transform: rotate(180deg); /* top: calc(50% - 2px); */ } .custom-selects .select-items { position: absolute; background-color: white; border: 1px solid #ecebeb; border-top: none; top: 100%; left: 0; right: 0; z-index: 99; transition: all 0.5s; } .custom-selects .select-items div { color: #212121; padding: 4px 16px; font-size: 14px; cursor: pointer; } .custom-selects .select-hide { display: none; } .articule { color: #9b9b9b; font-weight: 500; } .custom-selects .select-items div:hover, .custom-selects .same-as-selected { font-weight: 600; } h1 { margin: 40px 0 30px; font-size: 26px; color: #212121; } .main_small-card:after { right: -15px; } .slick-track .main_small-card img { max-width: 230px; width: 100%; height: 230px; } .sales_porducts_title .inner_title { display: table-cell; padding-left: 60px; } .new_product .slick-prev, .new_product .slick-next { top: 50%; } .tags_filter { width: 100%; padding: 20px 29px; background: #f5f5f5; position: relative; margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .tags_filter ul { width: 13.04%; display: inline-block; } .tags_filter ul li { width: 100%; display: block; } .tags_filter ul li a { color: #212121; font-size: 16px; line-height: 26px; text-decoration: none; border-bottom: 1px solid #c7c7c7; } .tags_filter ul li a:hover, .tags_filter ul li.active a { color: #3f93ec; border: none; } .tags_filter .cancel { background: url(/local/templates/template/css/../images/cancel.webp) 0 0 no-repeat; position: absolute; top: 10px; right: 10px; display: block; width: 12px; height: 12px; } section.category aside { width: 18.48%; float: left; display: inline-block; } section.category article { width: 79.64%; float: right; display: inline-block; } section.category .items .item { width: 23.2%; display: inline-block; margin: 0 1.18% 20px; float: left; border: 1px solid #dddddd; min-height: 436px; padding: 9px; position: relative; text-align: center; } section.category .items .item .name { text-align: left !important; } section.category .items .item img { width: 100%; height: 234px; object-fit: scale-down; } section.category .items .item:nth-of-type(4n) { margin-right: 0; } section.category .items .item:nth-of-type(4n+1) { margin-left: 0; } section.category .items .item:hover { -webkit-box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); -moz-box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); } section.category .items .item .name { padding-left: 19px; margin: 20px 0; font-size: 18px; color: #212121; font-weight: 600; min-height: 54px; } section.category .items .item ul.props { padding-left: 19px; font-size: 14px; line-height: 22px; color: #808080; } section.category .items .item ul.props li:nth-child(2) { min-height: 44px; } section.category .items .item ul.props li span { font-weight: 600; color: #212121; } section.category .items .item ul.props li a { color: #212121; text-align: left; line-height: 17px; text-decoration: underline } section.category .items .item ul.props li a:hover { border: none; } section.category .items .item ul.props li span.flag { width: 16px; height: 11px; display: inline-block; margin-right: 8px; } section.category .items .item .price { margin: 19px 0; padding-left: 19px; font-size: 16px; color: #808080; } section.category .items .item .price span { color: #212121; font-weight: 600; font-size: 22px; } section.category .items .item .more { width: 100%; height: 40px; line-height: 40px; text-decoration: none; text-align: center; display: block; background: #3f93ec; font-size: 16px; color: #fff; } section.category .items .item:hover .more { background: #d10004; } section.category .top { height: 60px; } section.category .top label { font-size: 16px; color: #212121; line-height: 26px; } select { font-size: 14px; color: #7c7c7c; height: 30px; border-radius: 2px; -webkit-appearance: none; line-height: 30px; padding: 0 40px 0 15px; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none !important; background: #f5f5f5 url(/local/templates/template/css/../images/select.webp) 80% center no-repeat; border: 1px solid #dddddd; -webkit-box-shadow: 0px 5px 14px -1px rgba(173, 173, 173, 0.37); -moz-box-shadow: 0px 5px 14px -1px rgba(173, 173, 173, 0.37); box-shadow: 0px 5px 14px -1px rgba(173, 173, 173, 0.37); } select::-ms-expand { display: none; } select[name=sort] { background: #f5f5f5 url(/local/templates/template/css/../images/select.webp) 90% center no-repeat; } section.category .top select { margin-left: 5px; } section.category .top .row { display: inline-block; float: left; margin-right: 40px; } section.category .top .types { float: right; } section.category .top .types a, section.category .top .types a:hover~a.active { padding: 8px 22px; display: inline-block; border-radius: 3px; background: #f5f5f5; border: 1px solid #dddddd; font-size: 14px; color: #212121; text-decoration: none; margin: 0; float: left; -webkit-box-shadow: 0px 5px 14px -1px rgba(173, 173, 173, 0.37); -moz-box-shadow: 0px 5px 14px -1px rgba(173, 173, 173, 0.37); box-shadow: 0px 5px 14px -1px rgba(173, 173, 173, 0.37); } section.category .top .types a:hover, section.category .top .types a.active { background: #424242; border: 1px solid #424242; color: #fff; } section.category .top .types a:last-child { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } section.category .top .types a:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } section.category .filter form>div { border: 1px solid #dddddd; border-bottom: none; padding: 9.5px 16px; } section.category .filter form>div.buttons { border-bottom: 1px solid #dddddd; } section.category .filter form .price label, section.category .filter form .title { font-size: 16px; font-weight: 600; color: #212121; line-height: 20px; } section.category .filter form .price .row { width: 47%; display: inline-block; float: left; } section.category .filter form .price .row:first-child { margin-right: 6%; } section.category .filter form .price .row input { width: 100%; height: 38px; border: 1px solid #dddddd; border-radius: 5px; background: #f5f5f5; font-size: 14px; color: #7c7c7c; text-align: center; -webkit-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); -moz-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); margin-top: 8px; } section.category .filter form .title { background: url(/local/templates/template/css/../images/select.webp) right 7px no-repeat; cursor: pointer; } section.category .filter form>div.active .title { background: url(/local/templates/template/css/../images/select1.webp) right 7px no-repeat; } section.category .filter form input[type=submit] { width: 100%; height: 40px; color: #fff; background: #3f93ec; border: none; font-size: 16px; } section.category .filter form input[type=submit]:hover { background: #d10004; } section.category .filter form>div input[type=checkbox] {} section.category .filter form>div label { font-size: 14px; color: #7c7c7c; } section.category .filter form>div .row { margin: 5.5px 0; position: relative; } section.category .filter form>div .values { display: none; padding-top: 10px; } section.category .filter form>div.active .values { display: block; } section a.ajaxmore { display: block; margin: 10px auto 30px; width: 183px; height: 40px; text-align: center; background: #dedede; line-height: 40px; text-decoration: none; color: #212121; font-size: 16px; } section a.ajaxmore:hover { background: #212121; color: #fff; } section.category article { padding-bottom: 30px; } .pagination { text-align: center; } .pagination ul { display: inline-block; } .pagination ul li { display: inline-block; float: left; width: 38px; height: 38px; border: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; line-height: 40px; text-align: center; margin-right: 10px; background: #ffffff; } .pagination ul li:last-of-type { border-right: 1px solid #c7c7c7; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .pagination ul li:first-of-type { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .pagination ul li a { text-decoration: none; width: 100%; height: 100%; display: block; color: #212121; font-size: 16px; } .pagination ul li a.next { color: #3f93ec; } .pagination ul li:hover a, .pagination ul li.active a { color: #fff; } .pagination ul li.active { background: #3f93ec; } .pagination ul li:hover { background: #65a9f0; } .seo_text { padding: 30px 0; } .seo_text p { font-size: 16px; color: #212121; line-height: 24px; padding: 6px 0; } body.inner section.news { height: auto; padding: 0 0 30px; } body.inner section.news .items .item { width: 32.17%; display: inline-block; float: left; margin: 0 0.87% 30px; padding-bottom: 20px; } body.inner section.news .items .item:nth-child(3n) { margin-right: 0; } body.inner section.news .items .item:nth-child(3n+1) { margin-left: 0; } body.inner section.news .items .item .date { padding: 15px 20px 10px; } body.inner section.news .items .item .name { padding: 5px 20px 20px; } body.inner section.news .items .item .anons { font-size: 15px; line-height: 22px; padding: 0 20px 20px; color: #212121; } body.inner section.news .items .item a.more { margin: 0 20px; display: inline; color: #3f93ec; font-size: 16px; border-bottom: 1px solid #f6c0c4; } body.inner section.news .items .item:hover a.more { border: none; } section.new { padding-bottom: 70px; margin-top: -15px; } section.new .text p { font-size: 16px; color: #212121; line-height: 24px; padding: 6px 0; } section.new .text ul { font-size: 16px; color: #212121; line-height: 24px; padding: 6px 0; list-style: square outside; padding-left: 30px; } section.new .date { font-size: 13px; color: #a7a7a7; text-transform: uppercase; padding-bottom: 10px; } section.new a.back { display: block; width: 233px; height: 40px; text-align: center; background: #dedede; line-height: 40px; text-decoration: none; color: #212121; font-size: 16px; margin-top: 20px; } section.new a.back:hover { background: #212121; color: #fff; } body.brands header { height: 224px; } body.brands section.brands { height: auto; background: none; padding-top: 0; margin-top: -30px; padding-bottom: 30px; } nav.countries { margin-bottom: 30px; } nav.countries ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } nav.countries ul li { display: inline-block; } nav.countries ul li a { display: block; font-size: 16px; color: #212121; border-bottom: 1px solid #c7c7c7; text-decoration: none; } body.brands section.brands nav.brands>ul>li:first-child>a, nav.countries ul li:first-child>a { text-transform: none; padding-left: 0; } nav.countries ul li:first-child { padding-left: 0; } nav.countries ul li:hover a, nav.countries ul li.active a { color: #3f93ec; border: none; } body.brands section.brands .items .item { width: 14.85%; height: 210px; display: inline-block; float: left; margin: 0 1.09% 19px; } body.brands section.brands .items .item:nth-child(6n) { margin-right: 0; } body.brands section.brands .items .item:nth-child(6n+1) { margin-left: 0; } body.brands section.brands .items .item a { color: #000; text-decoration: none; } #priceless { max-width: 600px; width: 100%; } .dds_priceless_img { max-width: 325px; width: 100%; } body.brands section.brands .items .item .name { font-weight: 600; font-size: 18px; color: #000; border-bottom: 1px solid #c7c7c7; display: inline; } body.brands section.brands .items .item .country { color: #808080; font-size: 14px; margin: 25px 0 14px; } body.brands section.brands .items .item .count { color: #808080; font-size: 14px; } body.inner section.brand .img { border: 1px solid #dddddd; width: 20%; display: inline-table; } body.inner section.brand .img img { max-width: 85%; } body.inner section.brand .img>div { display: table-cell; vertical-align: middle; text-align: center; } body.inner section.brand .desc { width: 68.99%; float: right; } body.inner section.brand .desc p { font-size: 16px; color: #212121; line-height: 24px; padding: 6px 0; } body.inner section.brand .desc .download { margin-top: 15px; } body.inner section.brand .desc .download a { display: inline-block; height: 44px; border: 1px dashed #d2d2d2; padding: 0 30px 0 50px; line-height: 44px; color: #212121; font-size: 16px; margin-right: 20px; background: url(/local/templates/template/css/../images/download.svg) 20px center no-repeat; background-size: 16px 17px; text-decoration: none; position: relative; } body.inner section.brand .desc .download a:after { content: ''; width: 78%; height: 1px; background: #c0c0c0; position: absolute; display: block; bottom: 11px; } body.inner section.brand .desc .download a:hover:after { display: none; } body.inner section.brand .top { margin: 50px 0 35px; } body.inner section.brand .top h2 { font-size: 26px; color: #212121; max-width: 850px; display: inline-block; } body.inner section.brand .top .buttons { display: inline-block; float: right; } body.inner section.brand .top .buttons .row { display: inline-block; margin-left: 15px; } body.inner section.brand .items .item { width: 18.48%; display: inline-block; margin: 0 0.94% 20px; float: left; border: 1px solid #dddddd; min-height: 436px; padding: 9px; position: relative; display: flex; flex-direction: column; } body.inner section.brand .items .item img { width: 100%; } body.inner section.brand .items .item:nth-of-type(5n) { margin-right: 0; } body.inner section.brand .items .item:nth-of-type(5n+1) { margin-left: 0; } body.inner section.brand .items .item:hover { -webkit-box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); -moz-box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); } body.inner section.brand .items .item .name { padding-left: 19px; margin: 20px 0; font-size: 18px; color: #212121; font-weight: 600; } body.inner section.brand .items .item ul.props { padding-left: 19px; font-size: 14px; line-height: 22px; color: #808080; } body.inner section.brand .items .item ul.props li span { font-weight: 600; color: #212121; } body.inner section.brand .items .item ul.props li a { color: #212121; text-decoration: none; border-bottom: 1px solid #c7c7c7; } body.inner section.brand .items .item ul.props li a:hover { border: none; } body.inner section.brand .items .item ul.props li span.flag { width: 16px; height: 11px; display: inline-block; margin-right: 8px; } body.inner section.brand .items .item .price { margin: 19px 0; padding-left: 19px; font-size: 16px; color: #808080; margin-top: auto; } body.inner section.brand .items .item .price span { color: #212121; font-weight: 600; font-size: 22px; } body.inner section.brand .items .item .more { width: 100%; height: 40px; line-height: 40px; text-decoration: none; text-align: center; display: block; background: #3f93ec; font-size: 16px; color: #fff; } body.inner section.brand .items .item:hover .more { background: #d10004; } body.inner section.brand .top select { margin-right: 40px; margin-left: 5px; } body.inner section.brand .top select:last-child { margin-right: 0; } body.inner section.brand .country { font-size: 15px; margin-top: 5px; display: block; } body.inner section.brand .country a { text-decoration: none; color: #212121; border-bottom: 1px solid #c0c0c0; } body.inner section.brand .country a:hover { color: #3f93ec; border: none; } div.ready { width: 340px; height: 160px; position: fixed; right: calc(15% - 162px); top: 48px; background: #fff; z-index: 999; padding: 27px 21px; -webkit-box-shadow: 0px 1px 29px -1px rgba(173, 173, 173, 0.37); -moz-box-shadow: 0px 1px 29px -1px rgba(173, 173, 173, 0.37); box-shadow: 0px 1px 29px -1px rgba(173, 173, 173, 0.37); display: none; } div.ready .close { background: url(/local/templates/template/css/../images/cancel.webp) 0 0 no-repeat; position: absolute; top: 10px; right: 10px; display: block; width: 12px; height: 12px; } div.ready .title { font-size: 18px; font-weight: 600; } div.ready .title2 { font-size: 14px; margin: 15px 0; } div.ready a { width: 243px; height: 40px; text-align: center; color: #fff; background: #3f93ec; display: block; text-decoration: none; line-height: 40px; font-size: 16px; transition: all .5s; } div.ready a:hover { background: #ffffff; color: #3f93ec; border: 1px solid #3f93ec; } section.text p { font-size: 18px; line-height: 24px; } section.text .items { padding: 30px 0 100px; } section.text .items .item { width: 25%; display: inline-block; float: left; } section.text .items .item:first-child img { width: 54px; } section.text .items .item:nth-child(2) img { height: 54px; } section.text .items .item:nth-child(3) img { width: 54px; } section.text .items .item:nth-child(4) img { width: 54px; } section.text .items .item .name { color: #212121; font-size: 18px; font-weight: 600; margin: 18px 0; z-index: 1; position: relative; } section.text .items .item .desc { color: #212121; font-size: 15px; line-height: 20px; z-index: 1; position: relative; } section.formdesigner { height: 420px; background: #f5f5f5; margin: 45px 0 0; } section.formdesigner .wrapper:after { content: ''; width: 55.43%; height: 165.14%; position: absolute; background: url(/local/templates/template/css/../images/designer.webp) 0 0 no-repeat; top: -76px; right: -45px; } section.formdesigner form { width: 49.13%; padding-top: 70px; } section.formdesigner form .title { font-size: 26px; padding-bottom: 20px; } section.formdesigner form .row { width: 100%; margin-bottom: 10px; } section.formdesigner form input[type=text] { height: 38px; border: 1px solid #dddddd; border-radius: 5px; background: #ffffff; padding: 0 17px; font-size: 14px; color: #7c7c7c; width: 100%; box-sizing: border-box; -webkit-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); -moz-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); } section.formdesigner form .row.two input[type=text] { width: 48%; display: inline-block; float: left; } section.formdesigner form .row.two input[type=text]:last-of-type { float: right; } section.formdesigner form input[type=submit] { width: 235px; height: 40px; font-size: 16px; color: #ffffff; border: none; background: #3f93ec; margin: 20px 0 15px; cursor: pointer; } section.formdesigner form input[type=submit]:hover { background: #3f93ec; } section.formdesigner form input[type=checkbox]+label { display: inline-block; line-height: 20px; font-size: 14px; } section.formdesigner form input[type=checkbox]+label:before { top: 2px; } section.dfolio { height: 507px; padding-top: 60px; overflow: hidden; width: 100%; box-sizing: border-box; } section.dfolio h2 { color: #212121; font-size: 26px; margin-bottom: 18px; } section.dfolio p { font-size: 18px; line-height: 26px; } section.dfolio .items { position: relative; padding-top: 30px; } section.dfolio .item { margin: 0 12px; display: flex; justify-content: center; } section.dfolio .item img:hover { -webkit-box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); -moz-box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); } section.dfolio .item img { width: 100%; } section.dfolio .slick-list { margin: 0 -12px; overflow-y: visible; padding-bottom: 20px; } section.how { height: 359px; background: #f5f5f5; padding-top: 70px; } section.how h2 { font-size: 26px; } section.how .items .item { width: 16.66666666666667%; display: inline-block; float: left; text-align: center; font-size: 16px; line-height: 24px; } section.how .items .item .name {} section.how .items .item .num { width: 60px; height: 60px; border: 3px solid #e7e7e7; border-radius: 60px; line-height: 60px; background: #fff; font-size: 28px; color: #3f93ec; font-weight: 800; margin: 30px auto 15px; position: relative; } section.how .items .item .num:after { width: 133px; height: 1px; border-top: 3px dotted #e7e7e7; content: ''; position: absolute; top: 29px; right: -155px; } section.how .items .item:last-of-type .num:after { display: none; } section.map { height: 400px; position: relative; } section.map .wrapper { height: 100%; position: absolute; top: 0; left: 0; width: auto; } section.map .contacts { max-width: 524px; width: 100%; height: 203px; background: #fff; padding: 39px; margin-top: 79px; } section.map .contacts .title { font-size: 26px; } section.map .contacts .address { font-size: 16px; line-height: 22px; margin: 17px 0 20px; } section.map .contacts .phones { font-weight: 600; font-size: 18px; } body.product h1 { margin-bottom: 0; } section.product .article { font-size: 18px; line-height: 40px; margin-bottom: 10px; } section.product .left, section.product .right { display: inline-block; float: left; } section.product .left { width: 41%; margin-bottom: 40px; margin-right: 11px; } section.product .left .img { /* width:94.87%; display: table; */ margin-bottom: 20px; } /* section.product .left .img div{ width:100%; display: table-cell; vertical-align:middle; } */ section.product .left .img div img { max-width: 555px; width: 100%; display: block; height: 392px; object-fit: contain; margin: 0 auto; } section.product .left .images { padding: 0 30px; width: 94.87%; position: relative; } section.product .left .images .slick-prev { left: 0; } section.product .left .images .slick-next { right: 0; } section.product .left .images .item { width: 111px; margin: 0 8.5px; position: relative; } section.product .left .images .item img { width: 100%; max-width: 103px; height: 72px; object-fit: cover; } section.product .left .images .item.active a { display: block; position: relative; } section.product .left .images .item.slick-current a:after { content: ''; border: 6px solid #f5f5f5; top: 0; left: 0; z-index: 1; position: absolute; width: 100%; height: 100%; box-sizing: border-box; } section.product .right { width: 49.13%; } section.product .right table.options { width: 100%; } section.product .right table.options tr td { height: 39px; border-bottom: 1px solid #dddddd; vertical-align: middle; font-size: 16px; } section.product .right table.options tr td:last-child { font-weight: 600; } section.product .right table.options tr td:last-child a { color: #212121; text-decoration: none; border-bottom: 1px solid #c0c0c0; } section.product .right table.options tr td:last-child a:hover { border-bottom: 0; color: #e32138; } section.product .grey { width: 100%; height: 70px; background: #f5f5f5; line-height: 70px; margin: 29px 0 14px; padding: 0 0 0 20px; font-size: 16px; } section.product .left .grey { display: none; } section.product .grey a { display: inline-block; margin-right: 29px; text-decoration: none; color: #212121; padding-left: 34px; } section.product .grey a:hover { color: #e32138; } section.product .grey a:first-child { background: url(/local/templates/template/css/../images/settings.svg) 0 center no-repeat; background-size: 22px 22px; } section.product .grey a:nth-child(2) { background: url(/local/templates/template/css/../images/truck.svg) 0 center no-repeat; background-size: 28px; padding-left: 37px; } section.product .grey a.favorit { background: url(/local/templates/template/css/../images/heart2.svg) 0 center no-repeat; background-size: auto 20px; padding-left: 30px; } section.product .grey a.favorit:hover, section.product .grey a.favorit.active { background: url(/local/templates/template/css/../images/heart.svg) 0 center no-repeat; background-size: auto 20px; } section.product .right .sku_block>div { display: inline-block; float: left; margin-right: 30px; margin-top: 15px; } section.product .right .sku_block>div .name { font-size: 15px; font-weight: 600; margin-bottom: 10px; } section.product .right .sku_block>div ul li { font-size: 14px; line-height: 25px; } section.product .right .sku_block>div ul li input[type=radio]+label:before { top: 2px; } section.product .right .sku_block>div.qty ul li { display: inline-block; margin-right: 12px; } section.product .right .sku_block>div.qty ul { margin-bottom: 12px; } section.product .right .sku_block>div.qty .count input { width: 78px; height: 32px; border: 1px solid #dddddd; border-radius: 5px; background: #f5f5f5; padding: 0 24px 0 12px; font-size: 16px; color: #7c7c7c; box-sizing: border-box; -webkit-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); -moz-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); font-family: 'Museo'; } .count { position: relative; display: inline-block; } .count a { display: block; width: 19px; height: 17px; position: absolute; top: 0; right: 6px; z-index: 1; background: url(/local/templates/template/css/../images/select1.webp) center 8px no-repeat; } .count a.minus { top: auto; bottom: 0; background: url(/local/templates/template/css/../images/select.webp) center 5px no-repeat; } section.product .right .buttons { margin: 30px 0 25px; } .main-price span { font-size: 16px; color: #212121; font-weight: 900; } .main-price { font-size: 16px; color: #6a6a6a; font-weight: 500; } @media (max-width: 414px) { .main-price span { font-size: 18px; color: #212121; font-weight: 900; } .main-price { font-size: 16px; color: #6a6a6a; font-weight: 500; / / margin-left: - 75 px !important } } span.price-title { font-size: 16px; color: #212121; font-weight: 500; } section.product .right .buttons input[type=submit] { width: 180px; height: 40px; background: #e32138; border: none; color: #fff; line-height: 40px; cursor: pointer; font-size: 16px; } section.product .right .buttons input[type=submit]:hover { background: #d10004; } section.product .right .buttons a.oneclick { display: inline-block; font-size: 16px; color: #d10004; text-decoration: none; border-bottom: 1px solid #f6c0c4; margin-top: 13px; margin-left: 24px; } section.product .right .buttons a.oneclick:hover { border: none; color: #d10004; } section.product .right .less { font-size: 18px; } section.product .right .less a { color: #e32138; border-bottom: 1px solid #f6c0c4; text-decoration: none; } section.product .right .less a:hover { border: none; color: #d10004; } section.product .desc { margin: 40px 0; } section.product .desc .title { font-size: 22px; margin-bottom: 5px; } section.product .desc p { font-size: 16px; color: #212121; line-height: 24px; padding: 6px 0; } section.product .top h2 { font-size: 22px; margin-bottom: 20px; } section.product .items { position: relative; margin-bottom: 35px; display: flex; flex-wrap: wrap; } section.product .items .item { width: 255px; display: inline-block; margin: 10px 3.3px; float: left; border: 1px solid #dddddd; min-height: 436px; padding: 9px; position: relative; text-align: center; } section.product .items .item:hover { -webkit-box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); -moz-box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); box-shadow: 0px 8px 31px 0px rgba(233, 233, 233, 1); } section.product .items .item img { width: 100%; height: 234px; object-fit: scale-down; } .props .fabric { display: flex; align-items: flex-start; } section.product .items .item .name { padding: 0 35px 0 11px; margin: 20px 0; font-size: 18px; color: #212121; font-weight: 600; text-align: left; } section.product .items .item ul.props { padding-left: 11px; font-size: 14px; line-height: 22px; color: #808080; text-align: left; } section.product .items .item ul.props li span { font-weight: 600; color: #212121; } section.product .items .item ul.props li a { color: #212121; text-decoration: none; border-bottom: 1px solid #c7c7c7; } section.product .items .item ul.props li a:hover { border: none; } section.product .items .item ul.props li span.flag { width: 16px; height: 11px; display: inline-block; margin-right: 8px; } section.product .items .item .price { margin: 19px 0; padding-left: 11px; font-size: 16px; color: #808080; text-align: left; } section.product .items .item .price span { color: #212121; font-weight: 600; font-size: 22px; } section.product .items .item .buy { width: 100%; height: 40px; line-height: 40px; text-decoration: none; text-align: center; display: block; background: #3f93ec; font-size: 16px; color: #fff; } section.product .items .item:hover .buy { background: #d10004; } section.product .items .slick-list { margin: 0 -13px; overflow-y: visible; padding-bottom: 20px; } section.product .items .item a.oneclick { display: inline-block; font-size: 16px; color: #d10004; text-decoration: none; border-bottom: 1px solid #f6c0c4; margin: 14px auto 0; } section.product .items .item .name { position: relative; } section.product .items .item a.favorit { background: url(/local/templates/template/css/../images/heart2.svg) 0 0 no-repeat; background-size: cover; display: block; position: absolute; width: 20px; height: 20px; right: 0; top: 0; } section.product .items .item a.favorit:hover, section.product .items .item a.favorit.active { background: url(/local/templates/template/css/../images/heart.svg) 0 0 no-repeat; } section.product .right>.desc { margin-top: 0; } section.product .right>.desc p:first-of-type { padding-top: 0; } body.collection h1 { margin-bottom: 25px; } section.product ul.types { height: 64px; } section.product ul.types li { display: inline-block; float: left; font-size: 26px; margin-right: 30px; } section.product ul.types li a { color: #212121; text-decoration: none; border-bottom: 1px solid #828282; } section.product ul.types li.active a, section.product ul.types li:hover a { border: none; color: #3f93ec; } body.cart h1 { margin-bottom: 0; } section.cart p { font-size: 18px; line-height: 24px; padding-top: 5px; } section.cart table.items { width: 100%; /* border: 1px solid #dddddd; */ /* margin-top: 30px; */ } section.cart table.items tr:last-child td { border-bottom: none; } section.cart table.items tr td { padding: 10px 20px; } section.cart div.qty ul li { display: inline-block; margin-right: 12px; } section.cart div.qty ul { margin-bottom: 12px; } section.cart div.qty .count input { width: 78px; height: 32px; border: 1px solid #dddddd; padding: 0 24px 0 12px; font-size: 16px; color: #7c7c7c; box-sizing: border-box; font-family: 'Museo'; } section.cart table td { vertical-align: top; } section.cart table td .name { font-size: 18px; font-weight: 700; text-decoration: underline; line-height: 24px; margin-bottom: 12px; } section.cart table.items .collection>div { display: inline-block; float: left; height: 135px; } section.cart table.items .collection>div.img { margin-right: 25px; } section.cart table.items .collection .name { font-size: 16px; line-height: 24px; } section.cart table.items ul.options li { line-height: 22px; color: #808080; } section.cart table.items ul.options li a { color: #212121; margin-left: 5px; text-decoration: none; position: relative; } section.cart table.items ul.options li a:after { content: ''; width: 100%; height: 1px; background: #212121; display: block; bottom: 0px; left: 0px; position: absolute; transition: all .5s; } a:hover { cursor: pointer; } section.cart table.items ul.options li a:hover:after { width: 0; } section.cart table.items td:first-child { width: 370px; border-bottom: 1px solid #dddddd; } section.cart table.items td .items .item { margin: 10px 0; display: block; float: left; height: auto; position: relative; align-items: center; } section.cart table.items td .items .item .info { width: 500px; display: flex; align-items: center; } .modal { display: none; } #modal-one-click .info { max-width: 500px; width: 100%; margin: 0 auto; display: flex; align-items: center; } #modal-one-click { background-color: rgb(255, 255, 255); box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.15); max-width: 580px; width: 100%; min-height: 400px; padding: 27px 30px; } #modal-one-click .inputs_wrap { max-width: 500px; width: 100%; margin: 0 auto; } #modal-one-click .row_wrap { margin-top: 20px; } #modal-one-click input[type=text] { width: 100%; height: 38px; background: #f5f5f5; padding: 0 15px; font-size: 14px; color: #7c7c7c; box-sizing: border-box; border-width: 1px; border-color: rgb(221, 221, 221); border-style: solid; background-color: rgb(245, 245, 245); box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.07); margin-bottom: 20px; } #modal-one-click input[type=submit] { width: 100%; height: 40px; font-size: 16px; color: #ffffff; max-width: 243px; border: none; display: block; background: #3f93ec; margin: 0px auto 30px; cursor: pointer; transition: all .5s; } #modal-one-click input[type=submit]:hover { background: transparent; border: 1px solid #3f93ec; color: #3f93ec; } #modal-one-click .row_wrap input:last-child { margin-left: 10px; } #modal-one-click .conf { color: #212121; font-size: 14px; display: block; text-align: center; } #modal-one-click .conf a { color: #212121; } #modal-one-click .name { font-size: 18px; font-weight: 700; text-decoration: underline; line-height: 24px; margin-bottom: 12px; } #modal-one-click ul.options li { line-height: 22px; color: #808080; } #modal-one-click ul.options li a { color: #212121; margin-left: 5px; position: relative; text-decoration: none; } #modal-one-click .info .img { margin-right: 20px; } #modal-one-click ul.options li a:after { content: ''; width: 100%; height: 1px; background: #212121; display: block; bottom: 0px; left: 0px; position: absolute; transition: all .5s; } #modal-one-click ul.options li a:hover:after { width: 0; } #modal-chiper .info { max-width: 500px; width: 100%; margin: 0 auto; display: flex; align-items: center; } #modal-chiper { background-color: rgb(255, 255, 255); box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.15); max-width: 580px; width: 100%; min-height: 400px; padding: 27px 30px; } #modal-chiper .inputs_wrap { max-width: 500px; width: 100%; margin: 0 auto; } #modal-chiper .row_wrap { margin-top: 5px; } #modal-chiper input[type=text] { width: 100%; height: 38px; background: #f5f5f5; padding: 0 15px; font-size: 14px; color: #7c7c7c; box-sizing: border-box; border-width: 1px; border-color: rgb(221, 221, 221); border-style: solid; background-color: rgb(245, 245, 245); box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.07); margin-bottom: 5px; } #modal-chiper input[type=submit] { width: 100%; height: 40px; font-size: 16px; color: #ffffff; max-width: 243px; border: none; display: block; background: #3f93ec; margin: 20px auto 30px; cursor: pointer; transition: all .5s; } #modal-chiper input[type=submit]:hover { background: transparent; border: 1px solid #3f93ec; color: #3f93ec; } #modal-chiper .row_wrap input:last-child { margin-left: 10px; } #modal-chiper .conf { color: #212121; font-size: 14px; display: block; text-align: center; } #modal-chiper .conf a { color: #212121; } #modal-chiper h3 { font-size: 23px; font-weight: 700; text-align: center; line-height: 24px; margin-bottom: 12px; } #modal-chiper .name { font-size: 18px; font-weight: 700; text-decoration: underline; line-height: 24px; margin-bottom: 12px; } #modal-chiper ul.options li { line-height: 22px; color: #808080; } #modal-chiper ul.options li a { color: #212121; margin-left: 5px; position: relative; text-decoration: none; } #modal-chiper .info .img { margin-right: 20px; text-align: center; } #modal-chiper ul.options li a:after { content: ''; width: 100%; height: 1px; background: #212121; display: block; bottom: 0px; left: 0px; position: absolute; transition: all .5s; } #modal-chiper ul.options li a:hover:after { width: 0; } section.cart table.items td .items .item .info>div, section.cart table.items td .items .item>div { display: inline-block; float: left; height: auto; } .flag img { width: 15px !important; height: 11px !important; } section.cart table.items td .items .item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } body.inner section.category .top .buttons { display: inline-block; float: right; } body.inner section.category .top h2 { font-size: 26px; color: #212121; display: inline-block; } section.cart table.items td .items .item img { /*height:120px;*/ height: auto; } section.cart table.items td .items .item .img { margin-right: 20px; } section.cart table.items td .items .item .price { font-size: 16px; margin: 10px 0; } section.cart table.items td .items .item .price span { font-weight: 600; } section.cart table.items td .items .item ul.options { width: 100%; display: inline-block; } section.cart table.items .qty .name, section.cart table.items .ammount .name { margin-bottom: 5px; } section.cart table.items .ammount .summ { font-size: 24px; font-weight: 900; white-space: nowrap; color: #212121; } section.cart table.items .ammount .summ span { color: #a2a2a2; font-weight: 500; } section.cart table.items .ammount .summ span.measure { font-size: 12px; } section.cart table.items a.del { display: block; width: 18px; height: 18px; background: url(/local/templates/template/css/../images/cancel.svg) center center no-repeat; position: absolute; right: 1%; top: calc(50% - 9px); } .price_initial { font-size: 18px; color: #212121; font-weight: 900; align-self: center; } .price_initial span { font-size: 16px; color: #a2a2a2; font-weight: 500; } section.cart table.items a.del:hover { background: url(/local/templates/template/css/../images/cancel2.svg) center center no-repeat; } section.cart .itog { margin-top: 0; background: #f5f5f5; height: 83px; line-height: 83px; text-align: right; padding: 0 35px 0 35px; font-size: 18px; color: #212121; margin-bottom: 50px; } #form-send-success { background: #fff; text-align: center; padding: 15px 20px; font-size: 16px; line-height: 22px; cursor: default; } .form-send-success-ok { cursor: pointer; background-color: #3f93ec; color: #fff; display: block; width: fit-content; margin: 0 auto; margin-top: 20px; padding: 5px 20px; text-transform: uppercase; border: 1px solid #3f93ec; transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; } .form-send-success-ok:hover { background: #fff; border: 1px solid #3f93ec; color: #3f93ec; } .design_form { background: url(/local/templates/template/css/../images/design_project-bg.webp) center no-repeat; background-size: cover; min-height: 500px; padding-top: 60px; margin-top: 30px; } .design_form form { display: flex; flex-wrap: wrap; max-width: 680px; justify-content: space-between; width: 100%; } .design_form-item { max-width: 330px; width: 100%; margin-bottom: 15px; margin-left: 15px; } .design_form form h2 { margin-bottom: 25px; } .design_form form label { font-size: 14px; color: #212121; } .design_pluses-items { margin-top: 30px; margin-bottom: 30px; display: flex; justify-content: space-between; } .design_pluses-item { max-width: 275px; width: 100%; text-align: center; color: #212121; } .design_pluses-img { margin-bottom: 23px; min-height: 81px; } .design_pluses-title { font-size: 22px; font-weight: 900; margin-bottom: 15px; } .gallery_projects { padding-top: 20px; padding-bottom: 50px; } .gallery_projects .subtitle { font-size: 18px; color: #212121; } .pb-0 { padding-bottom: 0; } .gallery_slider { position: relative; margin-top: 30px; } .gallery_slider .gallery_slider-inner { padding: 0px 5px; } .gallery_slider .gallery_slider-inner img { width: 100%; } .gallery_slider .slick-next { right: -45px; top: 48%; background: url(/local/templates/template/css/../images/gray_arrow-right.svg); } .gallery_slider .slick-prev { left: -45px; top: 48%; background: url(/local/templates/template/css/../images/gray_arrow-left.svg); } .gallery_slider .slick-next:hover { background: url(/local/templates/template/css/../images/next_hov.svg); } .gallery_slider .slick-prev:hover { background: url(/local/templates/template/css/../images/next2_hov.svg); } .design_pluses { padding-top: 40px; } .get-project { background: #fafafa; min-height: 386px; padding-top: 60px; } .design_pluses .pluses_subtitle { font-size: 18px; color: #212121; line-height: 26px; } .design_pluses-descr { font-size: 16px; color: #212121; line-height: 24px; } .get_project-items { display: flex; justify-content: space-between; position: relative; margin-top: 35px; } .get_project-items:before { content: " "; width: 90%; height: 1px; position: absolute; left: 25px; z-index: 0; top: calc(19% - 0.5px); border-bottom: 2px dotted #4b9bf0; } .get_project-item { display: inline-block; text-align: center; z-index: 2; } .get_project-ellipse { width: 67px; height: 67px; margin: 0 auto; border-radius: 50%; background-image: -moz-linear-gradient(0deg, rgb(48, 114, 184) 0%, rgb(82, 166, 255) 100%); background-image: -webkit-linear-gradient(0deg, rgb(48, 114, 184) 0%, rgb(82, 166, 255) 100%); background-image: -ms-linear-gradient(0deg, rgb(48, 114, 184) 0%, rgb(82, 166, 255) 100%); color: #ffffff; font-weight: 900; display: flex; align-items: center; justify-content: center; font-size: 24px; } .get_project-descr { font-size: 16px; color: #212121; margin-top: 20px; line-height: 24px; } .design_form form input.submit_btn { background-color: rgb(63, 147, 236); max-width: 229px; width: 100%; height: 52px; font-size: 15px; color: #ffffff; font-weight: 500; margin: 10px 0px 20px; -webkit-appearance: none; border: none; } .w-100 { width: 100%; } .design_form-item.big { max-width: 100%; } .design_form-item input { border-width: 1px; border-color: rgb(222, 222, 222); border-style: solid; background-color: rgb(255, 255, 255); box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.05); width: 100%; height: 52px; font-size: 16px; font-weight: 500; color: #212121; padding-left: 15px; } section.cart .itog span { font-weight: 900; font-size: 36px; color: #212121; } section.cart .itog span span { color: #6a6a6a; font-size: 16px; font-weight: 500; } section.order .title { font-size: 26px; margin-bottom: 20px; } section.order form { width: 890px; } section.order form .row { margin-bottom: 10px; } section.order form .row.three input[type=text] { width: 32%; display: inline-block; float: left; margin-right: 2%; } section.order form .row.three input[type=text]:last-of-type { margin-right: 0; } section.order form input[type=text] { height: 38px; border: 1px solid #dddddd; border-radius: 5px; background: #f5f5f5; padding: 0 17px; font-size: 14px; color: #7c7c7c; width: 100%; box-sizing: border-box; -webkit-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); -moz-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); } section.order form textarea { height: 78px; border: 1px solid #dddddd; border-radius: 5px; background: #f5f5f5; padding: 17px; font-size: 14px; color: #7c7c7c; width: 100%; box-sizing: border-box; -webkit-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); -moz-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); resize: none; } section.order form input[type=submit] { width: 235px; height: 40px; font-size: 16px; color: #ffffff; border: none; background: #3f93ec; margin: 10px 0 15px; cursor: pointer; } section.order form input[type=submit]:hover { background: #d10004; } section.order form input[type=checkbox]+label { display: inline-block; line-height: 20px; font-size: 14px; } section.order form input[type=checkbox]+label:before { top: 2px; } section.order { margin-bottom: 60px; } section.reviews .items .item { width: 100%; border: 1px solid #dedede; background: #fafafa; padding: 15px 30px 30px; margin-bottom: 20px; } .brand_left { max-width: 300px; width: 100%; } .brand_img { width: 100%; height: 300px; display: flex; align-items: center; justify-content: center; border: 1px solid #e8e8e8; } .brand_video { display: flex; justify-content: space-between; flex-wrap: wrap; } .brand_video a { width: 47%; margin-top: 20px; display: block; position: relative; } .brand_video.single a { width: 100%; } .video_tag:before { position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3) url('/local/templates/template/css/../images/play-mini-icon.webp') center center no-repeat; top: 0; left: 0; box-sizing: border-box; max-width: 534px; } .brand_video a img { vertical-align: top; } .brand_info { margin-top: 20px; width: 100%; min-height: 120px; background: #f4f4f4; padding: 20px; padding-right: 0; } .brand_info p { font-size: 14px; color: #737373; line-height: 22px; font-weight: 500; margin-bottom: 15px; } .brand_info p:last-child { margin-bottom: 0; } .brand_info a { color: #212121; position: relative; text-decoration: none; } .brand_info a:after { content: ''; width: 100%; height: 1px; background: #212121; display: block; bottom: 0px; left: 0px; position: absolute; transition: all .5s; } .brand_info a:hover:after { width: 0; } .download_btns { display: flex; justify-content: flex-start; margin: 25px 0px; flex-wrap: wrap; } .preloader { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8) url('/local/templates/template/css/../images/loading.gif') center 5% no-repeat; top: 0; left: 0; z-index: 99; } .ddsInsertCollectionsBlock .sort_items, .ddsInsertCollectionsBlock .custom_select-wrap .custom_select-title { white-space: nowrap; max-width: 200px; } .download_btns a { color: #3f93ec; border-width: 1px; border-color: rgb(63, 147, 236); border-style: dashed; max-width: 338px; width: 100%; height: 48px; font-weight: 500; font-size: 15px; line-height: 22px; display: flex; align-items: center; justify-content: center; transition: all .5s; margin-left: 10px; margin-bottom: 10px; } .download_btns a:first-child { margin-left: 0; } .link_item { color: #212121; position: relative; text-decoration: none; font-weight: 500; } .link_item:after { content: ''; width: 100%; height: 1px; background: #212121; display: block; bottom: 0px; left: 0px; position: absolute; transition: all .5s; } .link_item:hover:after { width: 0; } .download_btns a:hover { background: #3f93ec; border: 1px solid transparent; color: #ffffff; } section.reviews .items .item div.avatar { display: inline-block; float: left; width: 90px; height: 90px; border-radius: 90px; background: #fff url(/local/templates/template/css/../images/no_avatar.webp) center no-repeat; border: 2px solid #dedede; overflow: hidden; margin-right: 30px; } .brand_right { max-width: 1070px; width: 100%; padding-left: 20px; } .brand_right ul { padding-left: 15px; list-style: disc; } p { font-size: 16px; font-weight: 500; color: #212121; } .more { display: inline-block; height: 27px; line-height: 27px; text-decoration: none; text-align: left; font-size: 16px; color: #3f93ec; transition: all .5s; position: relative; } .more:after { content: ''; width: 100%; height: 1px; background: #3f93ec; display: block; bottom: 0px; position: absolute; transition: all .5s; } .more:hover:after { width: 0; } .brand_right { line-height: 28px; ; } .news_wrap .items .item .more { display: inline-block; height: 27px; line-height: 27px; text-decoration: none; text-align: left; font-size: 16px; color: #3f93ec; transition: all .5s; position: relative; } .news_wrap .items .item .more:after { content: ''; width: 100%; height: 1px; background: #3f93ec; display: block; bottom: 0px; position: absolute; transition: all .5s; } .news_wrap .items .item .more:hover:after { width: 0; display: block !important; } section.reviews .items .item div.avatar img { width: 90px; height: 90px; object-fit: cover; } section.reviews .items .item div.desc { float: left; width: 86.23%; display: inline-block; } section.reviews .items .item div.desc .name { font-weight: 900; font-size: 20px; margin: 15px 0 12px; min-height: auto; } section.reviews .items .item div.desc .date { color: #a7a7a7; font-size: 12px; text-transform: uppercase; } section.reviews .items .item div.desc .text { font-size: 16px; line-height: 24px; color: #212121; margin: 15px 0 0; } section.reviews .items .item div.desc .images { margin-top: 20px; } section.reviews .items .item div.desc .images img { height: 120px; width: 170px; } section.reviews .items .item div.desc .images a { display: inline-block; margin-right: 20px; float: left; } section.reviews .top { text-align: right; position: absolute; right: 0; top: 0; } section.reviews .top .row { display: inline-block; } section.reviews .top .row:first-of-type { margin-right: 40px; } section.reviews .top label { font-size: 16px; color: #212121; line-height: 26px; } form.pbuy { padding: 30px; width: 760px; } form.pbuy .desc { display: inline-block; float: left; width: 400px; } form.pbuy .img { display: inline-table; float: left; height: 125px; margin-right: 28px; } form.pbuy .img div { display: table-cell; vertical-align: middle; text-align: center; } form.pbuy .img div img { max-width: 235px; max-height: 125px; } form.pbuy .name { font-size: 18px; font-weight: 600; line-height: 24px; } form.pbuy div.qty { margin-top: 14px; } form.pbuy div.qty ul li { display: inline-block; margin-right: 12px; } form.pbuy div.qty ul { margin-bottom: 12px; } .news .slick-track { display: flex; } .section.news .items .item { height: auto; } section.news .items .item .date { margin-top: auto; } form.pbuy div.qty .count input { width: 78px; height: 32px; border: 1px solid #dddddd; border-radius: 5px; background: #f5f5f5; padding: 0 24px 0 12px; font-size: 16px; color: #7c7c7c; box-sizing: border-box; -webkit-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); -moz-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); font-family: 'Museo'; } form.pbuy .price { display: inline-block; float: left; margin-left: 20px; font-size: 16px; color: #808080; line-height: 32px; } form.pbuy .price span { color: #212121; font-size: 22px; font-weight: 600; } form.pbuy .count { float: left; } form.pbuy .buttons { margin-top: 25px; padding-top: 20px; border-top: 1px solid #e1e1e1; } form.pbuy .buttons a:first-of-type { width: 200px; height: 40px; line-height: 40px; text-decoration: none; text-align: center; display: inline-block; background: #3f93ec; font-size: 16px; color: #fff; } form.pbuy .buttons a:first-of-type:hover { background: #d10004; } form.pbuy .buttons a:last-of-type { float: right; color: #3f93ec; font-size: 16px; text-decoration: none; border-bottom: 1px solid #f6c0c4; margin-top: 13px; } form.pbuy .buttons a:last-of-type:hover { border: none; } section.cart table.items td .items .item>div.ammount { margin-right: 100px; } .table_head { background: #fafafa; height: 54px; display: flex; align-items: center; padding-left: 20px; font-size: 16px; color: #212121; } .mob_name { display: none; } @media (max-width: 1024px) { .table_head { display: none; } .mob_name { display: block; font-size: 15px; font-weight: 600; line-height: 24px; margin-bottom: 10px; } section.cart table.items td .items .item { align-items: flex-start; } .price_initial { align-self: flex-start; } } .table_head span:nth-child(1) { max-width: 590px; width: 100%; } .table_head span:nth-child(2) { max-width: 110px; width: 100%; text-align: center; } .table_head span:nth-child(3) { max-width: 385px; width: 100%; text-align: center; } .table_head span:nth-child(4) { max-width: 140px; width: 100%; text-align: center; } .mobile_menu { background: #212121; position: absolute; top: 52px; left: 0; width: 100%; z-index: 99; display: none; } .fixed_nav .mobile_menu { top: 52px; } .mobile_menu>ul { width: 100%; } .mobile_menu ul li { width: 100%; text-align: center; border-bottom: 1px solid #c7c7c7; } .mobile_menu>ul:last-child>li:last-child { border: none; } .mobile_menu li.parent { background: url(/local/templates/template/css/../images/select.webp) 95% center no-repeat; position: relative; } .mobile_menu li.parent>.down { width: 90px; height: 41px; background: #000; position: absolute; top: 0px; right: 0; background: url(/local/templates/template/css/../images/down.svg) center center no-repeat; background-size: 22%; z-index: 12; } .mobile_menu li.parent.active>.down { background: url(/local/templates/template/css/../images/up.svg) center center no-repeat; background-size: 22%; } .mobile_menu ul li a { display: inline-block; color: #fff; text-decoration: none; width: 100%; text-align: center; font-size: 20px; line-height: 2.5; } .mobile_menu ul li span { font-size: 16px; text-transform: uppercase; font-weight: 600; display: block; line-height: 3; color: #fff; } .mobile_menu>ul>li>ul>li>ul>li>ul>li { width: 50%; } .mobile_menu>ul>li>ul>li>ul>li>ul>li:last-child { border-bottom: none; } .mobile_menu>ul>li>ul>li>ul>li>ul>li>a { color: #212121; } .mobile_menu>ul>li>ul>li>ul, .mobile_menu>ul>li>ul, .mobile_menu>ul>li>ul>li>ul>li>ul { display: none; } .mobile_menu>ul>li>ul>li.active>ul, .mobile_menu>ul>li.active>ul { display: block; } .mobile_menu>ul>li>ul>li>ul>li.active>ul { background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .mobile_menu>ul>li>ul { width: 100%; background: url(/local/templates/template/css/../images/foot.webp) 0 0 repeat; } .mm { width: 40px; height: 30px; top: 12px; left: 5%; z-index: 7; position: absolute; background: url(/local/templates/template/css/../images/menu-lines.svg) 0 0 no-repeat; background-size: 30px; display: none; transition: all .5s; } .mm.active { background: url(/local/templates/template/css/../images/cancel-menu.svg) 0 0 no-repeat; background-size: 30px; } .sertifficate_item { display: inline-block; width: 22.28125%; } .sertifficate_inner { box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.35); padding: 10px; margin-right: 2.265625%; position: relative; margin-bottom: 10px; height: auto; position: relative; box-sizing: border-box; } .contacts_wrap { display: flex; justify-content: space-between; } .contacts_left { max-width: 650px; width: 100%; } .contacts_right { padding-left: 20px; max-width: 650px; width: 100%; } .map_adress { display: flex; flex-direction: column; justify-content: center; } .contacts_left p, .contacts_right p, .map_adress p { color: #212121; font-size: 18px; line-height: 24px; font-family: "Proxima-Reg"; } .map_adress p { font-size: 16px; } .contacts_left p:nth-child(1), .contacts_left p:nth-child(3) { margin-bottom: 15px; } .contacts_left p span, .contacts_right p span, .map_adress p span { font-family: "Proxima-BLD"; } .contacts_left p a, .map_adress p a { font-family: "Proxima-BLD"; color: #3a81cd; } .contacts_left p a:hover { text-decoration: none; } #adress_tabs ul { margin-top: 60px; display: flex; border-bottom: 1px solid #e8e8e8; } #adress_tabs ul li { padding: 10px 20px; position: relative; } #adress_tabs ul li.ui-state-active:before { content: ''; width: 100%; height: 3px; background: #3f93ec; display: block; bottom: -2px; left: 0; position: absolute; transition: all .5s; } .map { height: 500px; margin-top: 50px; width: 100%; position: relative; } .map_adress { height: 500px; max-width: 408px; width: 100%; position: absolute; left: 50px; top: 0px; background: #fff; padding: 0px 30px; } .map_address-item { margin-bottom: 10px; } .map_adress h3 { font-family: "AA-BebasNeue"; font-size: 36px; color: #212121; margin: 15px 0px; line-height: 24px; } #adress_tabs ul li a { color: #212121; font-size: 18px; line-height: 24px; text-decoration: none; position: relative; } #adress_tabs ul li.ui-state-active { color: #3f93ec; } #adress_tabs ul li a:before { content: ''; width: 100%; height: 1px; background: #212121; display: block; bottom: 0px; left: 0; position: absolute; transition: all .5s; } #adress_tabs ul li.ui-state-active a:before { width: 0; } .sertifficate_item img { width: 100%; } .sertifficate_inner .hover { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, .85) url("/local/templates/template/css/../images/view.svg") center 45% no-repeat; background-size: 26px 15px; top: 0; left: 0; display: none; } .sertifficate_inner:hover .hover a { padding-top: 35%; width: 100%; height: 100%; display: block; box-sizing: border-box; text-align: center; color: #323232; font-weight: 300; } .certif_title { margin-bottom: 20px; display: block; text-align: center; /* text-decoration: none; */ color: #000; } .sertifficate_inner:hover .hover { display: block; } body.inner section.news .items .item { min-height: 650px; } .dds_basket_name { cursor: pointer; } .items .item .buy { width: 100%; height: 40px; line-height: 40px; text-align: center; display: block; font-size: 16px; color: rgb(255, 255, 255); text-decoration: none; background: rgb(232, 34, 57); } .items .item a.oneclick { display: inline-block; font-size: 16px; color: rgb(209, 0, 4); text-decoration: none; border-bottom: 1px solid rgb(246, 192, 196); margin: 14px auto 0px; } .dds_hide { display: none; } .dds_hide.active { display: block; } .dds_hide { margin-top: 10px } form.callback textarea, form.callback input[type=email] { resize: none; width: 100%; height: 38px; border: 1px solid #dddddd; border-radius: 5px; background: #f5f5f5; padding: 0 15px; font-size: 14px; color: #7c7c7c; box-sizing: border-box; -webkit-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); -moz-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); margin-bottom: 10px; } form.callback#priceless { height: 100%; } .dds_priceless_element { margin-bottom: 10px } .page_search { display: inline-block; float: left; height: 40px; position: relative; margin-bottom: 15px; width: 100%; } .page_search form { width: 34vw; } .page_search form input[type=text] { height: 38px; border: 1px solid #dddddd; border-radius: 5px; background: #f5f5f5; padding: 0 46px; font-size: 14px; color: #7c7c7c; width: 100%; box-sizing: border-box; -webkit-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); -moz-box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); box-shadow: inset 0px 4px 14px 0px rgba(231, 231, 231, 1); } .page_search form input[type=submit] { border: none; position: absolute; left: 19px; top: 12px; width: 16px; height: 16px; background: url(/local/templates/template/css/../images/search.svg) 0 0 no-repeat; } .dds_searchin.active { color: #ce262e; border-bottom-color: transparent; transition: none; } .dds_searchin { color: black; text-decoration: none; text-underline: none; margin-right: 25px; font-size: 100%; letter-spacing: 1.2px; border-bottom: 1px solid rgba(206, 38, 46, 0.4); font-family: "DinPro Bold", Arial, sans-serif; } .dds_searchin:hover { border-bottom-color: transparent; transition: none; } .dds_marg_tpbt { margin: 30px 0 30px 0 } section.product .right .sku_block>div ul li span { font-weight: bold; font-size: 16px; } #carousel-collection ul li.flex-active-slide img { border: 2px solid #3f93ec; } #slider-collection.flexslider { margin-bottom: 20px; border: none; } /*section.category .items .item{ min-height: 530px; }*/ body.inner section.brand .items .item { min-height: 465px; } .dds_flag { width: 16px !important; height: 11px !important; display: inline-block; margin-right: 8px; } section.collection .items .item:hover .collection_text { background: rgba(63, 147, 236, 0.7) } section.collection .items .item:hover .collection_text a { color: #ffffff; text-decoration: underline; } nav.brands ul li a.dds_nobrand { border-bottom: none; color: grey } .right .cart_wrap, .count_mob { display: none; } .inner_page nav.brands>ul { padding-left: 0px; } nav.countries ul li a img { margin-right: 10px; } @media all and (max-width: 1536px) { .wrapper, header nav.categories>.wrapper>ul, nav.brands>ul, section.slider .wrap, .breadcrumbs ul { width: 100%; padding-left: 15px; padding-right: 15px; } header nav.categories>.wrapper>ul { padding-left: 0; } header nav.categories>.wrapper>ul { max-width: 100%; justify-content: space-around; } section.slider .wrapper, body.brands section.brands nav.brands>ul { padding: 0; } .slick-prev { left: 2%; } .slick-next { right: 2%; } section.brands a.all, section.news a.all, section.reviews .top { right: 5%; } footer>.wrapper:after { right: 2%; } footer .topper { right: 1%; z-index: 1; } section.product .items .slick-prev { left: -3.5%; } section.product .items .slick-next { right: -3.5%; } section.dfolio { height: auto; } section.dfolio .items .slick-prev { left: -45px; } section.dfolio .items .slick-next { right: -45px; } section.formdesigner .wrapper:after { right: 0; width: 52.43%; } footer .contacts { margin-left: 0; } footer .bottom .conf { margin-left: 150px; } header nav.categories>.wrapper>ul>li>ul { padding: 25px 20px; } section.product .right { width: 57.6%; } .table_head span:nth-child(1) { max-width: 600px; } .table_head span:nth-child(2) { max-width: 200px; } .table_head span:nth-child(3) { max-width: 335px; } .table_head span:nth-child(4) { max-width: 240px; } } @media (max-width: 1440px) { header .contacts .phone span { display: block; margin-left: 0; } .new_product-slider .wrapper { flex-direction: column; } .new_porducts_title { max-width: 100%; background: url(/local/templates/template/css/../images/slider_one.webp) no-repeat; background-size: cover; height: 210px; } .inner_title:after { content: " "; position: absolute; top: calc(100% - 34px) !important; left: calc(50% - 34px); width: 0; height: 0; border-style: solid; border-width: 0 34px 34px 34px !important; border-color: transparent transparent #ffffff transparent !important; } .new_porducts_title .inner_title { z-index: 2; text-align: center; } .new_porducts_title .inner_title br { display: none; } .new_porducts_title::after { max-width: 100%; width: 100%; height: 210px; z-index: 0; } .new_product { max-width: 1338px; width: 100%; margin: 0 auto; } .new_porducts_title::before { display: none; } .sales_product-slider .wrapper { flex-direction: column; } .sales_porducts_title { max-width: 100%; background: url(/local/templates/template/css/../images/slider_two.webp) no-repeat; background-size: cover; height: 210px; order: 1; } .sales_porducts_title .inner_title:after { content: " "; position: absolute; top: calc(100% - 34px) !important; left: calc(50% - 34px); width: 0; height: 0; border-style: solid; border-width: 0 34px 34px 34px !important; border-color: transparent transparent #ffffff transparent !important; } .sales_porducts_title .inner_title { z-index: 2; text-align: center; justify-content: center; } .sales_porducts_title .inner_title br { display: none; } .sales_porducts_title::after { max-width: 100%; width: 100%; height: 210px; z-index: 0; } .sales_product { max-width: 1338px; width: 100%; margin: 0 auto; order: 2; } .sales_porducts_title::before { display: none; } section.news .items .item { flex-direction: column; } section.news .items .item img { max-width: 100%; object-fit: cover; } section.news .items .item .news_text { max-width: 100%; padding: 15px 15px; } .news_text:after { top: -34px; left: calc(50% - 34px); border-style: solid; border-width: 0 34px 34px 34px !important; border-color: transparent transparent #ffffff transparent !important; ; } } @media all and (max-width: 1439px) { section.cart table.items td:first-child { width: 201px; } section.cart table.items td:first-child .collection>div.img { margin-bottom: 10px; } header .search { width: 30vw; margin-left: 0; } section.category .filter form .price .row { width: 100%; margin-right: 0; } section.product .grey { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5%; } section.product .grey a { margin-right: 0; } } @media all and (max-width: 1359px) { .product_cards .main_small-card:nth-child(3n):after { /* display: none; */ } .product_cards .main_small-card:nth-child(4n):after { display: none; } .product_cards .main_small-card:nth-child(4n) { margin-left: 10px; } .product_cards .main_small-card:nth-child(5n) { margin-left: 0; } .product_cards .main_small-card:nth-child(6n) { margin-left: 11px; } .product_cards .main_small-card:nth-child(5n):after { display: block; } .product_cards .main_small-card:nth-child(8n) { margin-left: 10px; } /* .product_cards .main_small-card:after { right: -15px; } */ /* .product_cards .main_small-card:nth-child(5n):after{ display: block; } .product_cards .main_small-card:last-child{ margin-right: auto!important; margin-left: 20px!important; } .product_cards .main_small-card{ margin: 0px 0px 10px!important; } */ } @media all and (max-width: 1279px) { header .top nav.top_menu ul li a, header .top nav.top_icons ul li a, header .top .right a.minicart, header nav.categories>.wrapper>ul>li>a, header .phones a.callback { font-size: 14px; } body.inner section.brand .items .item, section.category .items .item, section.product .items .item { min-height: auto; width: 31.3%; } header .phones .city a { font-size: 16px; } header .phones .city span { font-size: 13px; } header .top nav ul li, header .top nav.top_icons ul li a { padding-right: 10px; } header .top nav ul li:last-child { padding-right: 20px; } header .top nav.top_icons ul li:nth-child(n) a { background-size: 20px; } h1, section.formdesigner form .title, section.dfolio h2, section.how h2, section.map .contacts .title, section.brands h2, section.tabs ul.types li, section.pluses h2, section.news h2, body.inner section.brand .top h2, section.product ul.types li { font-size: 54px; } section.text p, section.text .items .item .name, section.map .contacts .phones, section.dfolio p, footer nav>ul>li>a, footer .contacts>a, section.slider .wrap>div .text a.more, section.collection .items .item .name, section.pluses .items .item .name, section.news .items .item .name, body.inner section.brand .items .item .name, section.category .items .item .name, section.product .right .less, section.product .items .item .name { font-size: 16px; } section.text .items .item .desc, section.how .items .item, section.map .contacts .address, footer nav>ul>li>ul>li a, footer a.sitemap, .tags_filter ul li a, section.category .top label, section.category .filter form .price label, section.category .filter form .title, section.category .filter form input[type=submit], section.category .items .item .more, section a.ajaxmore, .pagination ul li a, .seo_text p, nav.brands ul li a, nav.brands ul li span, section.collection .items .item .count, section.about .text p, section.pluses .items .item .desc, section.pluses .text p, nav.countries ul li a, body.inner section.brand .desc p, body.inner section.brand .items .item .more, body.inner section.brand .items .item .price, section.category .items .item .price, body.inner section.brand .desc .download a, body.inner section.brand .country, header nav.categories>.wrapper>ul>li>ul>li span, body.inner section.news .items .item .anons, body.inner section.news .items .item a.more, section.product .right table.options tr td, section.product .grey { font-size: 14px; } footer nav { width: auto; margin-right: 40px; } footer .bottom .copy, footer .bottom .conf, select, section.category .top .types a, section.category .top .types a:hover~a.active, section.category .filter form>div label, .breadcrumbs ul li a, .breadcrumbs ul li span, body.inner section.brand .items .item ul.props, section.category .items .item ul.props, header nav.categories>.wrapper>ul>li>ul>li>ul>li a, section.formdesigner form input[type=checkbox]+label { font-size: 13px; } footer .bottom .conf { margin-left: 65px; } section.slider .wrap>div .text .title { font-size: 34px; } section.pluses .items .item:after { font-size: 100px; } section.news .items .item .date, .stickers>div { font-size: 12px; } section.brands { height: auto; padding: 30px 0; } body.inner section.brand .items .item, section.category .items .item, section.product .items .item { min-height: auto; } body.inner section.brand .items .item .price span, section.category .items .item .price span { font-size: 20px; } header nav.categories>.wrapper>ul>li>ul>li>ul>li {} section.product ul.types { margin-top: 25px; } body.inner section.brand .items .item { width: 23.5%; margin: 10px 1%; } body.inner section.brand .items .item:nth-of-type(5n+1) { margin-left: 1%; } body.inner section.brand .items .item:nth-of-type(4n+1) { margin-left: 0; } body.inner section.brand .items .item:nth-of-type(5n) { margin-right: 1%; } body.inner section.brand .items .item:nth-of-type(4n) { margin-right: 0; } body.brands section.brands .items .item:nth-of-type(n) { width: 19%; margin: 0 0.625% 19px; } body.brands section.brands .items .item:nth-of-type(5n+1) { margin-left: 0; } body.brands section.brands .items .item:nth-of-type(5n) { margin-right: 0; } } @media all and (max-width: 1219px) { header .address { padding-left: 50px; max-width: 235px; background-size: 34px; margin: 0; margin-left: 10px; display: none; } input[type=checkbox]+label:before, input[type=radio]+label:before { top: 2px; } section.product input[type=checkbox]+label, section.product input[type=radio]+label { margin: 0; display: inline; } section.product .right .grey { display: none; } section.product .left .grey { display: block; padding: 10px 5%; height: auto; line-height: 35px; width: 94.87%; } section.product .grey a { width: 100%; display: block; } footer>.wrapper:after { background-size: 70%; } /*header .top .right { position: absolute; right: 5%; top: 0; } header .top nav.top_icons { display:block; width:100%; } header .top nav.top_icons ul{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } header .top nav ul li:last-child { padding-right:0; }*/ header .top nav.top_icons ul li:nth-child(n) a { background: none; padding-left: 0; padding-right: 0; position: relative; } header .top nav.top_icons ul li, header .top nav ul li:last-child { padding-right: 10px; } header .top nav.top_icons ul li:last-child { padding-right: 0; } header .search { width: 30vw; } section.product .right .sku_block { margin-top: 20px; } body.inner section.brand .desc .download a { margin-bottom: 15px; } section.cart table.items tr td { padding: 15px; } section.cart table.items td .items .item>div.ammount { width: 100%; text-align: right; margin-right: 0; } section.cart table.items a.del { top: -13px; right: 0px; } /* section.cart table.items td .items .item:not(:last-child) { border-bottom: 1px solid #dddddd; padding-bottom: 25px; } */ } @media all and (max-width: 1400px) { .table_head span:nth-child(1) { max-width: 600px; } .table_head span:nth-child(2) { max-width: 83px; } .table_head span:nth-child(3) { max-width: 315px; } .table_head span:nth-child(4) { max-width: 240px; text-align: left; } .download_btns a:last-child { margin-left: 0; } } @media all and (max-width: 1219px) { .table_head span:nth-child(2) { max-width: 243px; } .table_head span:nth-child(4) { display: none; } } @media all and (max-width: 1200px) { .new_product-slider .wrapper { flex-direction: column; } .sales_product-slider .wrapper { flex-direction: column; } header nav.categories>.wrapper>ul>li>ul>li { margin-right: 15px; } header .top .right .favorit_wrap a, header .top .right .favorit_wrap div.favoritt { margin-left: 7px; } .table_head span:nth-child(4) { display: none; } .table_head span:nth-child(2) { max-width: 210px; } .table_head span:nth-child(3) { max-width: 265px; padding-right: 20px; text-align: right; } } @media all and (max-width: 1140px) { .filter_item { width: 49%; max-width: 49%; } .product_cards .main_small-card:after { right: -8px; } .product_cards .main_small-card:last-child { margin-left: 0 !important; } } @media all and (max-width: 1115px) { .news_wrap .items .item { flex-direction: column; flex: 0 0 49%; } .product_cards .main_small-card:after { right: -8px; } .news_wrap .items .item img { width: 100%; max-width: 100%; height: 300px; object-fit: cover; } .news_wrap .items .item .news_text { max-width: 100%; padding: 15px 0px } .page_interest_item { flex-direction: column; flex: 0 0 49%; } } @media all and (max-width: 1035px) {} @media all and (max-width: 1024px) { .product_cards .main_small-card:after { right: -2px; } .download_btns a { margin-left: 0; } .brand_main { padding-bottom: 30px; } } @media screen and(min-width: 768px) and (max-width: 1023px) { margin-top: 5px; } @media all and (max-width: 1091px) { .product_cards .main_small-card:nth-child(3n):after { /* display: none; */ } .product_cards .main_small-card:nth-child(4n):after { display: none; } .product_cards .main_small-card:nth-child(4n) { margin-left: 0; } .product_cards .main_small-card:nth-child(6n):after { display: block; } /* .product_cards .main_small-card:after { right: -15px; } */ .product_cards .main_small-card:nth-child(5n):after { display: block; } .product_cards .main_small-card:after { right: -3px; } .product_cards .main_small-card:last-child { margin-right: auto !important; margin-left: 5px !important; } .product_cards .main_small-card { margin: 0px 0px 10px !important; } .collection_slider .product_cards .main_small-card, .similar_slider .product_cards .main_small-card { margin: 0 auto !important; } } @media all and (max-width: 1040px) { /*1023*/ .mm { display: block; } .inner_page { padding-top: 0; } .mobile_menu.active { display: flex; flex-direction: column; overflow: scroll; height: 90vh; } header .top .right a.favorit { margin-top: 5px; } body.inner section.news .items .item { width: 49%; margin: 0 1% 30px; } .product_cards .main_small-card:nth-child(3n):after { display: none; } .product_cards .main_small-card:nth-child(4n):after { display: block; } body.inner section.news .items .item:nth-child(3n) { margin-right: 1%; } body.inner section.news .items .item:nth-child(3n+1) { margin-left: 1%; } body.inner section.news .items .item:nth-child(2n) { margin-right: 0; } body.inner section.news .items .item:nth-child(2n+1) { margin-left: 0; } footer>.wrapper:after { display: none; } footer .contacts { width: auto; } header nav.categories>.wrapper>ul { display: none; } footer .wrapper { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } footer nav { margin-right: 0; } footer .bottom .conf { display: none; } header nav, header .top nav, header nav.categories ul { display: none; } header.updated-header nav.categories { width: 100%; } header:not(.updated-header) nav.categories { display: block; } header, body.brands header { height: auto; } header .search { width: 100vw; max-width: 100%; } header .top .right { display: flex; height: 52px; align-items: center; justify-content: flex-end; } header .top .right a.minicart { color: #fff; margin-top: 3px; color: #000; } header .phones a.callback { position: absolute; top: -32px; right: 5%; } header a.logo { margin: 30px 0; } section.collection .items .item { width: 31%; margin: 0 1.75%; float: left; margin-bottom: 25px; } section.collection .items .item:nth-child(3n) { margin-right: 0; } section.collection .items .item:nth-child(3n+1) { margin-left: 0; } section.tabs ul.types { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } section.about img { display: none; } section.pluses .items .item { width: 48%; margin-right: 4%; } section.pluses .items .item:nth-child(3) { margin-right: 4%; } section.pluses .items .item:nth-child(2n) { margin-right: 0; } section.pluses .items .item:nth-child(5) { width: 100%; } section.new .text img { width: 40%; margin: 0 0 10px 25px; } section.reviews .items .item div.desc { width: 100%; } .tags_filter ul { width: auto; } section.category .items .item { width: 32%; margin: 0 1% 15px; } section.category .items .item:nth-of-type(3n+1) { margin-left: 0; } section.category .items .item:nth-of-type(4n) { margin-right: 1%; } section.category .items .item:nth-of-type(4n+1) { margin-left: 1%; } section.category .items .item:first-of-type { margin-left: 0; } section.category .items .item:nth-of-type(3n) { margin-right: 0; } section.category aside { width: 25%; } section.category article { width: 73%; } section.category .top { height: auto; } section.category .top .row { margin-right: 0; width: 100%; margin-bottom: 10px; } section.category .top .types { position: absolute; right: 5%; } section.category .top .row label { width: 115px; display: inline-block; } body.inner section.brand .items .item:nth-of-type(n) { width: 32%; margin: 10px 1%; } body.inner section.brand .items .item:nth-of-type(3n+1) { margin-left: 0; } body.inner section.brand .items .item:nth-of-type(3n) { margin-right: 0; } body.inner section.brand .desc .download a:after { display: none; } body.inner section.brand .top .buttons .row { display: block; margin-bottom: 15px; text-align: right; } body.brands section.brands .items .item:nth-of-type(n) { width: 24%; margin: 0 0.6666666666666667% 19px; } body.brands section.brands .items .item:nth-of-type(4n+1) { margin-left: 0; } body.brands section.brands .items .item:nth-of-type(4n) { margin-right: 0; } nav.countries ul li { width: 20%; margin: 8px; } nav.countries ul li a { border: none; } nav.brands, nav.brands ul { height: auto; margin-bottom: 10px; } nav.brands ul li:not(:first-child) { width: 10%; } nav.brands>ul>li:nth-child(1) { margin-right: 25px; } section.order form { width: 100%; } section.how, section.formdesigner .wrapper:after { display: none; } section.formdesigner form { width: 100%; } section.text .items { padding: 30px 0 0; } form.pbuy { width: auto; text-align: center; } form.pbuy .desc, form.pbuy .img { width: 100%; } form.pbuy .buttons a:first-of-type { float: left; margin-bottom: 25px; } form.pbuy .count, form.pbuy .price { float: none; } } @media all and (max-width: 992px) { .character_column_right, .character_column_left { width: 100%; } .character_column_right { display: none; } .character_show_more { display: flex; } .product_main { flex-wrap: wrap; } .product_right { max-width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; padding-left: 0; } .title_wrap { flex-wrap: wrap; } .products_header .title_wrap .title a { margin-bottom: 10px; } .inner_bottom .pagination { position: relative; left: 0px; top: 0px; margin: 20px auto 0; } .inner_bottom { flex-wrap: wrap; } .pagination { display: block; order: 2; } .design_pluses-items { flex-wrap: wrap; justify-content: space-evenly; } .get_project-items { flex-wrap: wrap; } .design_pluses-item { margin: 0 auto; } .get_project-item { flex: 0 0 33.33%; margin-bottom: 10px; } .get_project-items:before { display: none; } .design_pluses-item { margin-bottom: 20px; } .collection_inner { flex-wrap: wrap; } .collection_right { max-width: 100%; margin-top: 20px; padding-left: 0; } .collection_left { max-width: 100%; } .collection_left img { max-width: 100%; height: 414px; object-fit: cover; width: 100%; } section.cart_order .cart_order-item { /* max-width: 380px; */ } .add_favorite a { position: relative; top: 0px; right: 0px; margin-top: 20px; display: inline-block; } .product_left { max-width: 100%; margin-bottom: 30px; } .product_left #slider.flexslider .slides img { height: 444px; object-fit: cover; } .collection_slider .product_cards .slick-prev { left: 0px; background: url(/local/templates/template/css/../images/gray_arrow-left.svg) 0px 0 no-repeat; } .collection_slider .product_cards .slick-next { right: 0px; background: url(/local/templates/template/css/../images/gray_arrow-right.svg) 0px 0 no-repeat; } } @media all and (max-width: 979px) { section.category article, section.category aside { width: 100%; margin-bottom: 25px; } section.cart table.items td .items .item>div.ammount { width: auto; text-align: right; } section.how .items .item { font-size: 12px; } section.text .items .item { width: 50%; margin-bottom: 20px; } .page_banner-date { position: relative; bottom: 0px; right: 0px; margin-bottom: 40px; text-align: right; padding-right: 40px; } } @media all and (max-width: 875px) { section.cart_order .cart_order-item { /* max-width: 340px; */ } } @media all and (max-width: 800px) { section.cart_order .cart_order-item { /* max-width: 320px; */ } } @media all and (max-width: 777px) { .product_cards .main_small-card { display: flex; max-width: 150px; } .product_cards .main_small-card:after { display: block !important; } .product_cards .main_small-card:last-child { margin-left: 0 !important; } } .map_adress-toggle { display: none; } @media all and (max-width: 767px) { .category .tags_filter { display: none; } #dopinf { display: inline-block; margin-left: 10px; } .inner_page h2 { font-size: 30px; line-height: 35px; } #adress_tabs ul { flex-wrap: wrap; } .map_adress-toggle { display: block; height: 500px; width: 50px; background: #fff; position: absolute; right: 0px; top: 0px; display: flex; justify-content: center; align-items: center; } .map_adress-toggle.active img { transform: rotate(-180deg) } .breadcrumbs { margin-top: 20px; } .map_adress { left: -345px; transition: all .5s; } .map_adress.active { left: 0px; } .brand_right { padding-left: 0; } footer nav { display: none; } .brand_main { flex-wrap: wrap; } .download_btns { justify-content: space-evenly; } .download_btns a { max-width: 320px; } .get_project-item { flex: 0 0 50%; margin-bottom: 10px; } header .top { height: 52px; } .text_block ul { padding-left: 15px; } .page_interest_item { flex-direction: column; flex: 0 0 100%; max-width: 700px; } .page_interest_item img { width: 100%; max-width: 100%; height: 260px; object-fit: cover; } footer .contacts { width: 100%; text-align: center; } footer ul.city address { display: inline-block; } header nav.categories>.wrapper { display: flex; justify-content: center; align-items: center; } section.product .left, section.product .right, section.product .left .img, section.product .left .images, section.product .left .grey { width: 100%; } section.product .grey a { display: inline-block; width: auto; } header .phones { margin-top: 0px; } section.product .left .grey { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0; position: relative; } header .search .search_dropdown { max-width: 340px; width: 100%; min-height: 105px; background: #fff; box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.15); z-index: 4; position: absolute; padding: 20px 0px; max-width: 93%; /* left: 0px; */ display: none; text-align: left; } section.product .left .grey:before { width: 110%; position: absolute; content: ''; height: 100%; background: #f5f5f5; left: -5%; z-index: -1; top: 0; } header .wrapper { text-align: center; } section.product .items .item { width: 255px !important; margin: 10px auto; } header .contacts { margin-left: 0; } .news_wrap .items .item { flex-direction: column; flex: 0 0 100%; } .news_wrap .items .item img { width: 100%; max-width: 100%; height: 300px; object-fit: cover; } .news_wrap .items .item .news_text { max-width: 100%; padding: 15px 0px } header a.logo { margin: 30px 0; display: inline-block; float: left; padding: 0; text-align: center; width: 110px; max-width: 110px; } header a.logo span, header a.logo:before { display: none; } header .phones .city:first-of-type { margin-left: 0; } header .phones a.callback { position: absolute; bottom: -76px; top: auto; right: 32px; } header .top .right a.favorit { margin-top: 5px; margin-left: auto; } header .search { box-sizing: border-box; margin: 0; padding: 0 10px; } header .top .right { width: 90%; text-align: center; } header .top .right a.minicart, header .top .right a.login, header .top .right a.favorit { float: none; vertical-align: top; } section.tabs, section.collection, section.about, section.pluses { padding: 30px 0; } section.product ul.types li { font-size: 20px; } section.reviews .top { position: relative; margin-bottom: 15px; right: auto; } section.reviews .items .item div.desc .images a { width: 46%; margin: 5px 2%; } section.reviews .items .item div.desc .images a img { width: 100%; height: auto; } .tags_filter { display: inline-block; float: left; } .tags_filter ul { width: 24%; margin-bottom: 20px; } body.inner section.brand .img, body.inner section.brand .desc { width: 100%; } body.inner section.brand .img { height: 200px; } body.inner section.brand .desc .download a { width: 100%; margin-bottom: 15px; } body.brands section.brands .items .item:nth-of-type(n) { width: 32%; margin: 0 1% 19px; } body.brands section.brands .items .item:nth-of-type(3n+1) { margin-left: 0; } body.brands section.brands .items .item:nth-of-type(3n) { margin-right: 0; } nav.countries ul li { width: 30%; } section.cart table.items td:first-child .collection { width: 15px; position: absolute; } section.cart table.items td:first-child .collection img, section.cart table.items td:first-child .collection .options { display: none; } section.cart table.items td:first-child { width: auto; } section.cart table.items td:first-child .collection .name { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); white-space: nowrap; left: -75px; top: 75px; position: absolute; } /* section.cart table.items td .items .item:not(:last-child) { border-bottom: 1px solid #dddddd; padding-bottom: 25px; } */ .mobile_menu ul li a { font-size: 18px; } .mobile_menu ul li span { font-size: 13px; } header .top .right .favorit_wrap, header .cart_wrap { position: initial; } .cart_dropdown { max-width: 492px; width: 100%; top: 62px; } .cart_dropdown_text div { line-height: initial; text-transform: none; text-align: left; } .favorit_dropdown { max-width: 492px; width: 100%; top: 62px; } footer .customers { margin-top: 0; text-align: center; width: 100%; } .products_header { flex-wrap: wrap; } .custom_select-wrap { margin-top: 10px; } } @media all and (min-width: 639px) { .d-sm-kol-none { display: none; } } @media all and (max-width: 639px) { body.inner section.news .items .item { width: 100%; margin: 0 0 30px; } .d-sm-kol-none { font-size: 16px; } .amount { width: 75px; font-size: 16px; height: 35px; } body.inner section.news .items .item:nth-child(3n) { margin-right: 0; } body.inner section.news .items .item:nth-child(3n+1) { margin-left: 0; } section.product .left .grey a { width: 100%; clear: both; float: none; } .table_product-title:nth-child(4) { display: none; } .table_product-title:nth-child(3) { max-width: 370px; } .table_product-body { display: flex; flex-wrap: wrap; } .table_product-column:nth-child(2) { max-width: 140px; flex: 0 0 140px; } .table_product-column:first-child { max-width: 165px; flex: 0 0 165px; } .table_product-title:first-child { max-width: 165px; flex: 0 0 165px; } .table_product-column:last-child { max-width: 100%; flex: 0 0 100%; } .table_product-column:last-child .table_product-item:last-child { justify-content: flex-end; } section.product .right .sku_block { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } section.product .right .sku_block>div { margin-right: 0; } section.collection .items .item { width: 48%; margin: 0 2%; float: left; margin-bottom: 25px; } section.collection .items .item:nth-child(3n) { margin-right: 2%; } section.collection .items .item:nth-child(3n+1) { margin-left: 2%; } section.collection .items .item:nth-child(2n) { margin-right: 0; } section.collection .items .item:nth-child(2n+1) { margin-left: 0; } section.pluses .items .item { width: 100%; margin-right: 0%; } section.pluses .items .item:nth-child(3) { margin-right: 0; } section.tabs ul.types li, section.product ul.types li { width: 50%; margin: 5px 0; text-align: center; } section.product ul.types { margin-bottom: 45px; } section.product ul.types li { text-align: left; font-size: 18px; } section.pluses .items .item { height: auto; padding: 30px; } section.new .text img { width: 100%; margin: 25px 0; } section.reviews .top .row:first-of-type { margin-right: 0; margin-bottom: 10px; width: 100%; } .tags_filter ul { width: 32%; } body.inner section.brand .items .item:nth-of-type(n) { width: 48%; margin: 10px 2%; } body.inner section.brand .items .item:nth-of-type(2n+1) { margin-left: 0; } body.inner section.brand .items .item:nth-of-type(2n) { margin-right: 0; } body.inner section.brand .top h2 { width: 100%; text-align: center; display: block; margin-bottom: 15px; } section.category .items .item:nth-of-type(n) { width: 48%; margin: 15px 2%; } section.category .items .item:nth-of-type(2n) { margin-right: 0; } section.category .items .item:nth-of-type(2n+1) { margin-left: 0; } section.category .top .types { position: relative; float: none; right: auto; margin: 0 auto; width: 100%; } section.category .top .types a { width: 50%; } section.category .top .row label, section.category .top .row select { width: 50%; margin-left: 0; float: left; } section.category .top .row select[name=show] { background: #f5f5f5 url(/local/templates/template/css/../images/select.webp) 90% center no-repeat; } section.cart table.items td .items .item .info { width: 100%; margin-bottom: 20px; } section.map .contacts { max-width: 100%; } section.map .contacts .phones { font-size: 14px; } section.formdesigner form { padding: 35px 0; } .mobile_menu ul li a { font-size: 16px; } .row_wrap { flex-wrap: wrap; } section.cart_order .cart_order-item { max-width: 100%; } section.cart_order .row_wrap .cart_order-item:nth-child(2) { margin-left: 0px; } .design_form-item { max-width: 100%; margin-left: 0; } .design_form { padding-top: 30px; padding-bottom: 30px; } } @media all and (max-width: 505px) { .product_cards .main_small-card:last-child { margin-left: auto !important; } } @media all and (max-width: 540px) { .contact-row { display: block; } .contact-row .tcp-col { width: 100%; margin: 10px 0; } header.updated-header { display: flex; flex-wrap: wrap; min-height: 1px; } header.updated-header .main-info.wrapper { display: flex; align-items: center; order: -2; flex-direction: row; padding: 10px; height: 90px !important; } body:not(.fixed_nav) header.updated-header .cart, body:not(.fixed_nav) header.updated-header .address, body:not(.fixed_nav) header.updated-header .contacts, body:not(.fixed_nav) header.updated-header a.logo { margin-bottom: 5px; } .updated-header .callto { display: none; } header.updated-header a.logo { width: 105px; margin: 0; padding-left: 0; } header.updated-header a.logo::before, header.updated-header a.logo span { display: none; } header.updated-header .contacts { margin: 0; padding-bottom: 0; } header.updated-header .top { margin-top: -5px; border-top: 1px solid #e8e8e8 !important; width: 100%; position: relative; } header.updated-header .top.isFixed { position: fixed; width: 100%; left: 0; top: 0; z-index: 9; background: #fff; } .placeholder-mobile:not(.addr-icon) { display: none; } .isFixed .placeholder-mobile.addr-icon { display: none; } .isFixed .placeholder-mobile:not(.addr-icon) { display: inline-block; } header.updated-header .categories.isFixed { position: fixed; width: 100%; left: 0; top: 47px; z-index: 9; } header a.logo { font-size: 18px !important; line-height: 13px; } header a.logo span span { position: relative; top: 5px; font-size: 11px !important; /*white-space: nowrap;*/ } header .contacts { padding-bottom: 10px; } header .wrapper { flex-direction: column; } header a.logo span { display: inline; } nav.brands ul li:not(:first-child) { width: 11%; } header a.logo:before { display: block; } #modal-one-click .info { flex-wrap: wrap; justify-content: center; } #modal-one-click .row_wrap input:last-child { margin-left: 0; } .custom_buttons { flex-wrap: wrap; } .contacts_wrap { flex-wrap: wrap; } .contacts_right { margin-top: 20px; padding-left: 0; } .custom_buttons a { margin-bottom: 20px; } section.cart table.items td .items .item .info { margin-bottom: 0; } .custom_buttons a:last-child { margin-bottom: 0; } section.cart table.items td .items .item .info { flex-wrap: wrap; } .mob_name { margin-top: 10px; } .brand_item { width: 500px; margin-right: 0; } .product_cards { justify-content: center; } .product_cards .main_small-card:after { display: none !important; } header:not(.updated-header) { min-height: 245px; } header .top { height: 52px; } section.slider .wrap>div .text { padding: 0px; } .right .cart_wrap { display: block; } .text_block h2 { font-size: 45px; } .selects_filt { flex-direction: column; } .custom_select-wrap { margin-top: 10px; } .filter_wrap { display: none; } .filter_show { display: inline-block; } .pluses h2 { font-size: 45px !important; } .news h2 { font-size: 45px !important; } section.news .items .item img { height: 300px; } .sales_porducts_title .inner_title { font-size: 40px; line-height: 40px; padding: 0px 10px; } .new_porducts_title .inner_title { font-size: 40px; line-height: 40px; padding: 0px 10px; } .main_small-card { max-width: 100%; } .main_small-card:after { display: none; } header a.logo { width: 300px; max-width: 300px; padding-left: 150px; margin: 12px auto; float: none; text-align: left; display: flex; align-items: center; } section.slider .wrap { height: 300px; } header:not(.updated-header) .contacts { background-image: none; padding-left: 0; display: flex; flex-wrap: wrap; justify-content: space-around; margin: 0; } .count_favorite { display: none; } .slick-next, .slick-prev { top: 93% !important; } .filter_item { width: 100%; max-width: 100%; } header:not(.updated-header) .contacts p { margin-left: 12px; } .favoritt { position: relative; } section.slider img { height: 300px; } section.slider { min-height: 300px; } section.slider .wrap>div { display: flex; align-items: center; height: 100%; } header .top .right span.login_icon { margin: 0; } .count_mob { position: absolute; background: #3f93ec; color: #ffffff; height: 23px; width: 23px; font-size: 12px; border-radius: 50%; display: flex; justify-content: center; align-items: center; right: 4px; top: -5px; } header .cart_wrap { height: 31px; } header .cart { background-size: 30px; padding-left: 33px; margin: 0; height: 39px; margin-left: 10px; } header .cart_wrap:hover .cart { background-size: 30px !important; } header .cart .title { position: absolute; background: #3f93ec; color: #ffffff; height: 23px; width: 23px; font-size: 12px; border-radius: 50%; display: flex; justify-content: center; align-items: center; right: -13px; top: -5px; margin: 0; font-weight: normal; } .login { margin-left: 20px !important; } .login_text { display: none; } .main-info .cart_wrap { display: none; } } @media all and (max-width: 479px) { footer .bottom .copy { width: 100%; text-align: center; line-height: 40px; } header .contacts p { margin-left: 5px; } .social { position: absolute; top: 15px; width: 100%; text-align: center; float: none; left: 0; } .social a:first-child { margin-left: 0; } section.collection .items .item { width: 100%; } section.collection .items .item:nth-child(n) { margin-left: 0; margin-right: 0; } section.new a.back, section a.ajaxmore, section.formdesigner form input[type=submit] { width: 100%; } .tags_filter ul { width: 48%; } body.inner section.brand .items .item:nth-of-type(n) { width: 100%; margin: 10px 0; } body.brands section.brands .items .item:nth-of-type(n) { width: 48%; margin: 0 2% 19px; } body.brands section.brands .items .item:nth-of-type(2n+1) { margin-left: 0; } body.brands section.brands .items .item:nth-of-type(2n) { margin-right: 0; } .pagination ul li:nth-child(4), .pagination ul li:nth-child(6) { display: none; } section.category .items .item:nth-of-type(n) { width: 100%; margin: 15px 0; } section.order form .row.three input[type=text] { width: 100%; margin-right: 0; margin-bottom: 10px; } header .phones a.callback { position: absolute; bottom: -84px; top: auto; margin: 10px 0px; right: calc(50% - 106px); } section.order form input[type=submit] { width: 100%; } section.cart table.items td .items .item>div.ammount { float: left; text-align: left; margin-top: 0px; } section.text .items .item { width: 100%; text-align: center; } section.formdesigner form .row.two input[type=text] { width: 100%; margin-bottom: 10px; } section.formdesigner { height: auto; } /* header nav.categories { height: 75px; } */ form.pbuy .buttons a:last-of-type { float: none; } form.pbuy .buttons a:first-of-type { width: 100%; } header .phones { width: 100%; margin-top: 0px; margin-bottom: 35px; } header a.logo { width: 300px; padding-left: 150px; margin: 12px auto; float: none; } header a.logo span { display: inline; } header a.logo:before { display: block; } header .phones .cities { text-align: center; } header .phones .cities .city { float: none; } header .phones .city a { font-size: 15px; } form.callback { width: 100%; padding: 30px 20px 20px; height: auto; } form.callback .conf { font-size: 12px; } .social { margin-top: 23px; justify-content: center; } section.cart_order { padding-left: 15px; padding-right: 15px; } .collection_left img { height: auto; } } @media all and (max-width: 414px) { header.updated-header .main-info.wrapper { height: 130px; } header.updated-header .contacts { padding-left: 40px; } header.updated-header a.logo { width: 85px; height: 52px; background-size: 80px; } footer ul.city address, footer .bottom .copy, section.order form input[type=checkbox]+label, div.ready .title2, section.product .right .sku_block>div ul li { font-size: 12px; } .product_left #slider.flexslider .slides img { height: auto; } .inner_page { padding-top: 0px; } .fancybox-close-small:after { color: #212121; top: 0px; right: 0px; } nav.brands ul li:not(:first-child) { width: 12%; } #modal-one-click { padding: 27px 15px; } .breadcrumbs ul li a, .breadcrumbs ul li span { font-size: 11px; } section.text .items .item .desc, section.how .items .item, section.map .contacts .address, footer nav>ul>li>ul>li a, footer a.sitemap, .tags_filter ul li a, section.category .top label, section.category .filter form .price label, section.category .filter form .title, section.category .filter form input[type=submit], section.category .items .item .more, section a.ajaxmore, .pagination ul li a, .seo_text p, nav.brands ul li a, nav.brands ul li span, section.collection .items .item .count, section.about .text p, section.pluses .items .item .desc, section.pluses .text p, nav.countries ul li a, body.inner section.brand .desc p, body.inner section.brand .items .item .more, body.inner section.brand .items .item .price, section.category .items .item .price, body.inner section.brand .desc .download a, body.inner section.brand .country, header nav.categories>.wrapper>ul>li>ul>li span, body.inner section.news .items .item .anons, body.inner section.news .items .item a.more, section.product .right table.options tr td, section.product .grey { font-size: 12px; } footer .topper { background-size: 80%; } div.ready { width: 320px; right: calc(50% - 160px); } section.slider .wrap>div .text .title { font-size: 24px; line-height: 40px; } div.ready .title, section.product .article { font-size: 16px; } section.product .desc p, header a.logo, section.product .right .sku_block>div .name, section.reviews .items .item div.desc .text, section.text p, section.text .items .item .name, section.map .contacts .phones, section.dfolio p, footer nav>ul>li>a, footer .contacts>a, section.slider .wrap>div .text a.more, section.collection .items .item .name, section.pluses .items .item .name, section.news .items .item .name, body.inner section.brand .items .item .name, section.category .items .item .name, section.product .right .less, section.product .items .item .name { font-size: 14px; } h1, section.product .desc .title, section.product .top h2 { font-size: 20px; } section.product .right table.options tr td:last-child { font-weight: 400; } section.map .contacts .phones { font-size: 11px; } .table_product-column:nth-child(2) { /*max-width: 90px;*/ flex: 0 0 90px; } .table_product-column:nth-child(2) .table_product-item { white-space: normal; word-break: break-all; } .table_product-column:nth-child(3) { max-width: 91px; flex: 0 0 91px; } .table_product { padding: 5px; padding-top: 15px; padding-bottom: 15px; } .get_project-item { flex: 0 0 100%; margin-bottom: 10px; } .download_btns a { font-size: 14px; } .map_adress { left: -305px; transition: all .5s; } .map_adress-toggle { width: 68px; } #adress_tabs ul { flex-direction: column; justify-content: center; align-items: center; } .map_adress-toggle.active { width: 32px; right: -10px; } } .flex-viewport { max-height: 433px; } #carousel-collection img { height: 73px; object-fit: cover; } @media all and (max-width: 350px) { .map_adress { left: -240px; transition: all .5s; } .map_adress-toggle { width: 68px; } #adress_tabs ul { flex-direction: column; justify-content: center; align-items: center; } .map_adress-toggle.active { width: 32px; right: -10px; } } .mobile_menu .social { border-top: 1px solid #c7c7c7; display: flex; order: 3; padding: 15px 0px; justify-content: center; align-items: center; } /* @media (max-width: 1400px) { .product_cards { column-count: 4; } .main_small-card { display: inline-block!important; flex-direction: column; } } @media (max-width: 1091px){ .product_cards .main_small-card:after { right: -27px; } } @media all and (max-width: 992px) { .product_cards { column-count: 3; } .main_small-card { display: inline-block; flex-direction: column; } .product_cards .main_small-card:after { right: -5px; } } @media all and (max-width: 800px) { .product_cards { column-count: 2; } .product_cards .main_small-card{ margin: 0 auto!important; } .main_small-card { display: inline-block; flex-direction: column; } .product_cards .main_small-card:after { right: -43px; } } @media all and (max-width: 560px) { .product_cards { column-count: 1; } .main_small-card { display: inline-block; flex-direction: column; } } */ .bp_phone { display: none; } @media (max-width: 1040px) { .bp_phone { display: block; } .top.fixed { position: fixed; top: 0px; left: 0px; width: 100%; margin-top: 0px; z-index: 11; } .f-nav { display: none; } } #ajax_block { position: relative; min-width: 400px; min-height: 300px; } /* End */ /* Start:/local/templates/template/css/slick.min.css?16418373793308*/ .slick-slider { 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-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; } @charset 'UTF-8'; .slick-loading .slick-list { background: #fff url('/local/templates/template/css/./ajax-loader.gif') center center no-repeat; } @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/templates/template/css/./fonts/slick.eot'); src: url('/local/templates/template/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/template/css/./fonts/slick.woff') format('woff'), url('/local/templates/template/css/./fonts/slick.ttf') format('truetype'), url('/local/templates/template/css/./fonts/slick.svg#slick') format('svg'); } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 32px; height: 32px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; z-index: 1; opacity: 1; } .slick-prev { background: url(/local/templates/template/css/../images/next2.svg) 0px 0 no-repeat; background-size:cover; } .slick-next { background: url(/local/templates/template/css/../images/next.svg) 0px 0 no-repeat; background-size:cover; } .slick-next:hover{ background: url(/local/templates/template/css/../images/next_hov.svg) 0px 0 no-repeat; background-size:cover; } .slick-prev:hover{ background: url(/local/templates/template/css/../images/next2_hov.svg) 0 0 no-repeat; background-size:cover; } .slick-prev { left: 45px; } .slick-next { right: 45px; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: 20px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 6px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 8px; height: 8px; cursor: pointer; color: transparent; border: 0; outline: none; background: #fff; border-radius:8px; padding:0; } .slick-dots li.slick-active button, .slick-dots li:hover button { background: #3f93ec; } /* End */ /* Start:/local/templates/template/css/costume.css?17735941734637*/ .custom_select-wrap .custom_select-title { width: 160px; } section.cart_order p.errorcostum{color: red;} #modal-chiper .info { justify-content: center; } .inner_page h1 { font-family: "AA-BebasNeue"; font-size: 40px; color: #212121; margin: 5px 0; line-height: 47px; } .total-sum-left{ display: inline-block; float: left; color: #fd1e04; font-weight: bold; } .total-sum-right{ display: inline-block; float: right; } .product_buttons .pod-zakaz { background: #3f93ec; color: #ffffff; max-width: 182px; width: 100%; height: 50px; display: flex; align-items: center; border: 1px solid transparent; justify-content: center; font-size: 16px; font-weight: 500; text-decoration: none; transition: all .5s; } #modal-pod-zakaz .info { max-width: 500px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; } #modal-pod-zakaz { background-color: rgb(255, 255, 255); box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.15); max-width: 580px; width: 100%; min-height: 400px; padding: 27px 30px; } #modal-pod-zakaz .inputs_wrap { max-width: 500px; width: 100%; margin: 0 auto; } #modal-pod-zakaz .row_wrap { margin-top: 5px; } #modal-pod-zakaz input[type=text] { width: 100%; height: 38px; background: #f5f5f5; padding: 0 15px; font-size: 14px; color: #7c7c7c; box-sizing: border-box; border-width: 1px; border-color: rgb(221, 221, 221); border-style: solid; background-color: rgb(245, 245, 245); box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.07); margin-bottom: 5px; } #modal-pod-zakaz input[type=submit] { width: 100%; height: 40px; font-size: 16px; color: #ffffff; max-width: 243px; border: none; display: block; background: #3f93ec; margin: 20px auto 30px; cursor: pointer; transition: all .5s; } #modal-pod-zakaz input[type=submit]:hover { background: transparent; border: 1px solid #3f93ec; color: #3f93ec; } #modal-pod-zakaz .row_wrap input:last-child:not(:first-child) { margin-left: 10px; } #modal-pod-zakaz .conf { color: #212121; font-size: 14px; display: block; text-align: center; } #modal-pod-zakaz .conf a { color: #212121; } #modal-pod-zakaz h3 { font-size: 23px; font-weight: 700; text-align: center; line-height: 24px; margin-bottom: 12px; } #modal-pod-zakaz .name { font-size: 18px; font-weight: 700; text-decoration: underline; line-height: 24px; margin-bottom: 12px; } #modal-pod-zakaz ul.options li { line-height: 22px; color: #808080; } #modal-pod-zakaz ul.options li a { color: #212121; margin-left: 5px; position: relative; text-decoration: none; } #modal-pod-zakaz .info .img { margin-right: 20px; text-align: center; } #modal-pod-zakaz .info img { width: 200px; height: 200px; margin-bottom: 20px; object-fit: cover; } #modal-pod-zakaz ul.options li a:after { content: ''; width: 100%; height: 1px; background: #212121; display: block; bottom: 0px; left: 0px; position: absolute; transition: all .5s; } #modal-pod-zakaz ul.options li a:hover:after { width: 0; } /* Стили для плашки */ #privacy-notice { position: fixed; bottom: 0; left: 0; right: 0; background: white; color: black; padding: 15px 20px; text-align: center; font-family: Arial, sans-serif; font-size: 14px; z-index: 9999; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; box-shadow: 0 -2px 15px rgba(0,0,0,0.1); border: 1px solid white; } #privacy-notice a { color: #3498db; text-decoration: underline; } #privacy-notice a:hover { color: #2980b9; } #privacy-accept { background: #27ae60; color: white; border: none; padding: 8px 15px; border-radius: 4px; cursor: pointer; font-size: 14px; margin-left: 10px; } #privacy-accept:hover { background: #2ecc71; } #privacy-decline { background: darkred; color: white; border: none; padding: 8px 15px; border-radius: 4px; cursor: pointer; font-size: 14px; margin-left: 10px; } #privacy-decline:hover { background: red; } @media (max-width: 768px) { #privacy-notice { flex-direction: column; padding: 10px; } #privacy-accept { margin: 8px 0 0 0; width: 100%; } } /* End */ /* Start:/local/templates/template/css/owl.carousel.min.css?16418373793640*/ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; } .owl-carousel .owl-item { } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/local/templates/template/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* End */ /* Start:/local/templates/template/css/owl.theme.default.min.css?16418373791042*/ .owl-theme .owl-nav { text-align: right; top: -52px; right: 23px; position: absolute; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; } .owl-theme .owl-nav [class*='owl-']:hover { background: var(--mc1); color: #FFF; line-height: 35px; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 6px; height: 6px; margin: 5px 4px; border: 2px solid #ffffff; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #ffffff; } /* End */ /* Start:/local/templates/template/components/bitrix/sale.basket.basket.line/headermob/style.min.css?16418373794327*/ .bx-basket { } .bx-basket-block { position: relative; padding-bottom: 5px; padding-left: 20px; white-space: nowrap; font-size: 12px; } .bx-basket-block > .fa { position: absolute; top: 3px; left: 0; width: 12px; color: #97a1ab; } .bx-basket-block a { margin-right: 10px; } @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 998; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 998; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-item-list { display: none; } } .bx-basket-fixed .bx-basket-block { margin-left: 10px; } .bx-basket-item-list { position: relative; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #f7f7f7; } .bx-opener .bx-basket-item-list { padding-bottom: 75px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-container { overflow-y: auto; max-height: 100% } .bx-basket-item-list-item { position: relative; margin-bottom: 15px; padding-top: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { margin: 0 10px 20px; padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 12px; line-height: 16px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 90px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -7px; right: 10px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } .bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; } /* End */ /* Start:/local/templates/template/components/bitrix/sale.basket.basket.line/header/style.min.css?16418373794327*/ .bx-basket { } .bx-basket-block { position: relative; padding-bottom: 5px; padding-left: 20px; white-space: nowrap; font-size: 12px; } .bx-basket-block > .fa { position: absolute; top: 3px; left: 0; width: 12px; color: #97a1ab; } .bx-basket-block a { margin-right: 10px; } @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 998; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 998; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-item-list { display: none; } } .bx-basket-fixed .bx-basket-block { margin-left: 10px; } .bx-basket-item-list { position: relative; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #f7f7f7; } .bx-opener .bx-basket-item-list { padding-bottom: 75px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-container { overflow-y: auto; max-height: 100% } .bx-basket-item-list-item { position: relative; margin-bottom: 15px; padding-top: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { margin: 0 10px 20px; padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 12px; line-height: 16px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 90px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -7px; right: 10px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } .bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; } /* End */ /* Start:/local/templates/template/styles.css?16811364542109*/ form.fancymodal { width: 341px; /* height: 341px; */ background: #fff; text-align: center; padding: 45px; } form.fancymodal .title { font-size: 22px; font-weight: 600; margin-bottom: 5px; } form.fancymodal .fancy-text { margin-bottom: 15px; } form.fancymodal input[type=text] { width: 100%; height: 38px; background: #f5f5f5; padding: 0 15px; font-size: 14px; color: #7c7c7c; box-sizing: border-box; border-width: 1px; border-color: rgb(221, 221, 221); border-style: solid; background-color: rgb(245, 245, 245); box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.07); margin-bottom: 10px; } form.fancymodal input[type=text] .modal { display: none; } form.fancymodal input[type=submit] { width: 100%; height: 40px; font-size: 16px; color: #ffffff; border: none; background: #3f93ec; margin: 6px 0 30px; cursor: pointer; transition: all .5s; } .inner_page h1 { max-width: 1150px; } .sales_porducts_title a { color: #fff; text-decoration: none; } .sales_porducts_title a:hover { color: #fff; text-decoration: underline; } @media (min-width: 777px){ .main_small-card a img { min-width: 237px; } } @media (max-width: 777px){ .main_small-card a img { min-width: 132px; } } .main_small-card .preview_cl_div, .main_small-card .detail_cl_div{ display: flex; flex-wrap: wrap; } .detail_cl_div a, .preview_cl_div a{ width: 25%; } .detail_cl_div a img, .preview_cl_div a img{ width: 100% !important; height: 40px !important; padding: 5px; min-width: auto; } .region-titles { display: flex; flex-flow: row wrap; justify-content: space-between; } .region-titles:after { content: ''; display: table; } .region-titles a { margin: 0 0 10px; } .region-titles:after, .region-titles a { width: calc(100% / 5 - 13px); } .filter_item_hidden_checkbox input[type=checkbox]{ display: none; } .filter_item_hidden_checkbox label{ cursor: pointer; padding:5px; } .filter_item_hidden_checkbox label:hover span{ color: #555; } /* End */ /* Start:/local/templates/template/template_styles.css?16811364543515*/ .main_small-card .more { /*position: absolute; bottom: 10px; */ } .total-prop { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } img.preview_cl { width:25% !important; height:40px !important; padding:5px; } .preview_cl_div { width:100%; height:105px !important; overflow:hidden; } .preview_cl_div.show_all_el { } .preview_show_more { height:20px; text-align:right; margin-bottom:10px; } .preview_show_more a { color:#808080; text-decoration:none; } .preview_show_more a:hover { text-decoration:underline; } /* .detail_cl_div { display:none; } .show_all_el { display:block; } .hide_all_el { display:none; }*/ .detail_cl_div { display:none !important; } .show_all_el { display:flex !important; } .bx-touch .show_all_el { display:flex !important; } .hide_all_el { display:none !important; } .detail_cl_div_title { margin-top:7px; width: 100%; } .product_cards .main_small-card .name { height:66px; overflow:hidden; } .preview_cl_div a{ display: inline-block; } .main_small-card .preview_cl_div, .main_small-card .detail_cl_div{ display: flex; flex-wrap: wrap; } .detail_cl_div a, .preview_cl_div a{ width: 25%; } .detail_cl_div a img, .preview_cl_div a img{ width: 100% !important; height: 40px !important; padding: 5px; min-width: auto; } .region-titles { display: flex; flex-flow: row wrap; justify-content: space-between; } .region-titles:after { content: ''; display: table; } .region-titles a { margin: 0 0 10px; } .region-titles:after, .region-titles a { width: calc(100% / 5 - 13px); } .filter_item_hidden_checkbox input[type=checkbox]{ display: none; } .filter_item_hidden_checkbox label{ cursor: pointer; padding:5px; } .filter_item_hidden_checkbox label:hover span{ color: #555; } .ms-drop ul > li .disabled{display:none!important;} @media screen and (max-width: 767px) { .main_small-card a img{margin:0px;} .main_small-card .name{margin:5px 0!important;} .product_cards .props p{ margin-bottom: 0; min-height: 35px; font-size: 16px; } .total-calculation-price, .main_small-card .price{ margin: 0; min-height: 40px; } .product_cards .main_small-card .TYPE_EL, .product_cards .main_small-card .stock-block { display: none; } .product_cards .main_small-card .name { min-height:auto; } .product_cards .props p.articule{ display:none; } header .contacts .phone a, .bp_phone a{ font-size: 15px; } header .cart .price{ display: block; width: 100%; } header .cart .title{ top: 0px; position: relative; background: transparent; color: #000; margin-bottom: 5px; margin-right: 0px; width: 100%; display: block; text-align: left; height: auto; padding: 0px; margin-top: 3px; right: 0; } header .cart{ padding-left: 0; padding-top: 30px; float: left; height: auto; } header .cart_wrap{ min-width: 22%; } .filter_clear{ position: relative; top: 0px; margin: 5% 2%; } .filter_popup_result.top{ bottom: 0px; position: relative; } .filter_item{ height:auto; } .props .fabric{ flex-direction: column; } .main_small-card ul.props li span.flag{ margin: 5px 8px; } .main_small-card .more{ font-size:12px; } nav.countries ul li a img{ width:50%!important; height:50%!important; } .main_small-card .name a{ word-break: break-all; font-size:17px; } header .cart .title{display:none;} .main_small-card a img{max-height:90px;} } header .top nav ul ul li{width:100%;} /* End */ /* /local/templates/template/css/core.min.css?16418373793106 */ /* /local/templates/template/css/reset.min.css?16418373791005 */ /* /local/templates/template/css/jquery.mCustomScrollbar.min.css?164183737947225 */ /* /local/templates/template/css/multiple-select.min.css?16418373793818 */ /* /local/templates/template/css/flexslider.min.css?16418373795075 */ /* /local/templates/template/css/jquery.fancybox.min.css?164183737915964 */ /* /local/templates/template/css/style.css?1776879156218535 */ /* /local/templates/template/css/slick.min.css?16418373793308 */ /* /local/templates/template/css/costume.css?17735941734637 */ /* /local/templates/template/css/owl.carousel.min.css?16418373793640 */ /* /local/templates/template/css/owl.theme.default.min.css?16418373791042 */ /* /local/templates/template/components/bitrix/sale.basket.basket.line/headermob/style.min.css?16418373794327 */ /* /local/templates/template/components/bitrix/sale.basket.basket.line/header/style.min.css?16418373794327 */ /* /local/templates/template/styles.css?16811364542109 */ /* /local/templates/template/template_styles.css?16811364543515 */