.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:0;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;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.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_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{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.mCSB_scrollTools_horizontal,.mCustomScrollBox+.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}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.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_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-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_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-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}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.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_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.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,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(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-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{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,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.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,.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,.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,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-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,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.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,.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,.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,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-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,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.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,.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{width:16px;height:16px;margin:-1px 0}.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,.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{width:4px}.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,.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{height:16px;width:16px;margin:0 -1px}.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,.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{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,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.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-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.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,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(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-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(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,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(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,.4),inset -1px 0 0 rgba(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,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.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-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.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,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.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,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.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,.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{width:12px}.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,.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{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,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-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-3-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-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.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,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */ 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; } body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} /*reset end*/ /*cms styles reset*/ .uss_shop_list_view .uss_shop_technical_data .uss_shop_price span.old_price, .uss_shop_list_view .uss_shop_technical_data .uss_shop_price span, .uss_eshop_block_item .uss_shop_price span.old_price, .uss_eshop_block_item .uss_shop_price span, .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.old_price, .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span, .uss_shop_table_view td.uss_price span.old_price, .uss_eshop_sameproducts .item .price span.old_price, .uss_eshop_sameproducts .item .price span, .uss_eshop_sameproducts.table .item .price span.old_price { background: transparent; color: #002230; padding: 0; margin: 0; font-size: 100%; line-height: 1; } .compare_table .uss_shop_price, .uss_buy_one_click_pos .uss_shop_price, .uss_shop_detail .uss_shop_technical_data .uss_shop_price, .compare_table .uss_shop_price span.old_price, .uss_buy_one_click_pos .uss_shop_price span.old_price, .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.old_price { font-size: 100%; } .uss_eshop_block_item .uss_shop_price span.old_price + .actual_price { margin-left: 10px; } .compare_table .uss_shop_price span.old_price, .uss_buy_one_click_pos .uss_shop_price span.old_price, .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.old_price { background: transparent; color: #7a96a7; padding: 0; margin: 0; } .compare_table .uss_shop_price .actual_price, .uss_buy_one_click_pos .uss_shop_price .actual_price, .uss_shop_detail .uss_shop_technical_data .uss_shop_price span { padding: 0; margin: 0; background: none; border-radius: 0; line-height: 1; } /*cms styles reset end*/ table.mCustomScrollbar { display: block; } .partner-container .partner-list ul.mCustomScrollbar:not(.mCS_no_scrollbar) { padding-right: 0; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #dee7ee !important; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #009fe3 !important; border-radius: 10px !important; } .mCSB_scrollTools.mCSB_scrollTools_vertical { width: 17px !important; } .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 3px !important; } .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar { width: 7px !important; margin: 0 auto !important; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 17px !important; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 3px !important; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 7px !important; margin: 5px auto !important; } @font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-Regular.eot'); src: local('Manrope Regular'), local('Manrope-Regular'), url('../fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope-Regular.woff2') format('woff2'), url('../fonts/Manrope-Regular.woff') format('woff'), url('../fonts/Manrope-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-SemiBold.eot'); src: local('Manrope Regular'), local('Manrope-Regular'), url('../fonts/Manrope-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope-SemiBold.woff2') format('woff2'), url('../fonts/Manrope-SemiBold.woff') format('woff'), url('../fonts/Manrope-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-Bold.eot'); src: local('Manrope Regular'), local('Manrope-Regular'), url('../fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Manrope-Bold.woff2') format('woff2'), url('../fonts/Manrope-Bold.woff') format('woff'), url('../fonts/Manrope-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } body, html { height: 100%; width: 100%; background: #fff; border: none; margin: 0; padding: 0; } body { color: #002230; font-family: 'Manrope', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 1.4; line-height: normal; } body, .header, .container, .footer { min-width: 420px; } a, a:hover, a:visited { color: #002230; } a[href^="tel:"], a[href^="tel:"]:hover { white-space: nowrap; color: inherit !important; font-size: inherit !important; text-decoration: none !important; } .container { max-width: 100%; position: relative; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .container > .inner-min { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; position: relative; padding-top: 20px; padding-bottom: 20px; } .sidebar { width: 400px; min-width: 400px; padding-right: 70px; } .content { width: 100%; } .sidebar + .content { width: calc(100% - 400px); } .inner-max { position: relative; max-width: 100%; } .inner-hd { position: relative; margin: 0 auto; max-width: 1920px; } .inner-mid { position: relative; margin: 0 auto; max-width: 1780px; } .inner-min { position: relative; margin: 0 auto; width: 1610px; max-width: 100%; padding-left: 15px; padding-right: 15px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -ms-appearance: none; appearance: none; outline: none; } button { -webkit-appearance: none; -ms-appearance: none; appearance: none; outline: 0; } button.styler, input[type=submit].styler, input[type=reset].styler, input[type=button].styler { -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; font-family: 'Manrope', sans-serif; } input[type=text].styler, input[type=email].styler, input[type=number].styler, input[type=password].styler, input[type=search].styler, input[type=tel].styler, input[type=url].styler, textarea.styler, textarea, input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ccc; border-bottom-color: #ccc; border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important; color: #1d1d1d; width: auto; padding: 7px 10px; font-family: inherit; } img { max-width: 100%; } h1, h2, h3, h4, h5, h6 { margin: 20px 0; padding: 0; font-weight: 400; } h1 { font-size: 36px; font-weight: 600; } h2 { font-size: 24px; } h3, .h3 { font-size: 22px; position: relative; } h4, h5, h6 { font-size: 20px; } * + h2, * + h3, * + h4 { margin-top: 40px; } strong { font-weight: 600; } .header img, .content .section:not(.section_basket2) img, .block img, .footer img { max-width: 100%; height: auto; } .uss-flex-items { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } /*списки*/ .uss_section_content, .uss_section_content p { /*margin: 20px 0 20px;*/ /*line-height: 28px;*/ /*font-size: 19px;*/ } p + p { margin-top: 7px; } .content p { /*line-height: 28px;*/ /*font-weight: 400;*/ } .content p + p { margin-top: 20px; } .uss_section_content ul, .uss_section_content ul li, .uss_section_content ol, .uss_section_content ol li { margin: 0; padding: 0; position: relative; } .uss_section_content ul { margin: 20px 0; display: table; } .uss_section_content ul li:last-child { margin-bottom: 0; } .uss_section_content ul li { line-height: 28px; padding: 0 0 0 14px; margin-bottom: 10px; } .uss_section_content ul li:after { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #009fe3; position: absolute; left: 0px; top: 12px; } .uss_section_content ol { list-style-position: inside; margin: 20px 0; } .uss_section_content ol li { line-height: 28px; padding: 0 0 0 0px; margin-bottom: 15px; list-style-type: decimal !important; } .uss_error_form ol { margin: 5px 0; } .uss_error_form ol li { font: inherit; margin-bottom: 5px; } /*списки end*/ /*Фильтры чекбоксы и радио кнопки*/ .sidebar-filter { margin-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sidebar-filter .filter_search_in_current_cat.filter_item { padding: 20px 20px 17px 20px; } .sidebar-filter .filter_item { width: 100%; /*padding: 18px 0px 20px 0px;*/ background: #fff; } .sidebar-filter .jq-selectbox { z-index: 0 !important; } .sidebar-filter .jq-selectbox, .sidebar-filter .jq-selectbox__select { width: 100%; } .sidebar-filter .jslider .jslider-bg i { background: #0b0c0d !important; height: 4px; } .sidebar-filter .jslider .jslider-pointer { background: #0b0c0d !important; border-radius: 50%; } .sidebar-filter .jslider .jslider-pointer { width: 13px; height: 13px; top: -4px; margin-left: -6px; } .sidebar-filter .jslider .jslider-scale ins { font-size: 10px; color: #2a2b2b; } .sidebar-filter .uss_eshop_filters_block .filter_item .items_label.for_styler { padding-top: 0; } .sidebar-filter .jq-radio { width: 20px; height: 20px; border: 1px solid #c2c2c2; margin: -2px 10px 0px 0; background: #fff !important; -webkit-box-shadow: none; box-shadow: none; } .sidebar-filter .jq-radio.checked { border: 1px solid #303030; background: #fff !important; } .sidebar-filter .eshop_filters_line.radio .jq-radio.checked { border: 2px solid #0b0c0d; background: #0b0c0d !important; } .sidebar-filter .eshop_filters_line.radio label { display: block; } .sidebar-filter .eshop_filters_line.radio, .sidebar-filter .eshop_filters_line.radio label, .sidebar-filter .eshop_filters_line.radio span { cursor: pointer !important; } .sidebar-filter .eshop_filters_items .jq-radio.checked .jq-radio__div { width: 8px; height: 8px; margin: 5px 0 0 5px; border-radius: 50%; background: #000; } .sidebar-filter .eshop_filters_area .value { font-weight: 400; font-size: 14px; text-align: center; } .sidebar-filter .uss_eshop_filters_block { margin-bottom: 0; background: #fff; padding: 10px 30px 20px 30px; border: 1px solid #e4ebf0; border-radius: 20px 20px 60px 20px; } .sidebar-filter .uss_eshop_filters_block .filter_item { margin: 0 0 0px 0; } .sidebar-filter .uss_eshop_filters_block .filter_item + .filter_item { border-top: 1px solid #e4ebf0; } .sidebar-filter .uss_eshop_filters_block #uss_block_filters > .filter_user.filter_item { border-bottom: 0; } .sidebar-filter .uss_eshop_filters_block .filter_item .items_label, .sidebar-filter .uss_eshop_filters_block .filter_item label, .sidebar-filter .uss_eshop_filters_block .filter_item label.for_styler, .sidebar-filter .filter_price.filter_item label { position: relative; width: 100%; float: none; font-size: 20px; font-weight: 600; display: block; } .sidebar-filter .uss_eshop_filters_block .filter_item:not(.filter_producer):not(.filter_user) label { cursor: pointer; } .sidebar-filter .uss_eshop_filters_block .filter_item:not(.filter_producer):not(.filter_user) > label:after { content: ''; background: url(../img/arrow-down-black.svg) no-repeat center center; position: absolute; right: 0; display: block; width: 14px; height: 8px; top: 50%; margin-top: -3px; transition: 0.3s; } .sidebar-filter .uss_eshop_filters_block .filter_item:not(.filter_producer):not(.filter_user) > label.active:after { content: ''; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .sidebar-filter .uss_eshop_filters_block .eshop_filters.filter_item > label, .sidebar-filter .uss_eshop_filters_block .filter_price.filter_item > label { padding: 20px 20px 20px 0; } .sidebar-filter .uss_eshop_filters_block .eshop_filters.filter_item .items_wrap, .sidebar-filter .uss_eshop_filters_block .filter_price.filter_item .items_wrap { padding: 0px 0px 20px 0px; } .sidebar-filter .uss_eshop_filters_block .filter_producer.filter_item > label, .sidebar-filter .uss_eshop_filters_block .filter_user.filter_item > label { padding: 20px 20px 15px 0; } .sidebar-filter .uss_eshop_filters_block .filter_producer.filter_item > label + div, .sidebar-filter .uss_eshop_filters_block .filter_user.filter_item > label + div, .sidebar-filter .uss_eshop_filters_block .filter_price.filter_item > label + .inputs { padding: 0 0 26px 0; margin: 0; } .sidebar-filter .uss_eshop_filters_block .group .filter_item > label + .items_wrap, .sidebar-filter .uss_eshop_filters_block .filter_price.filter_item > label + .inputs { display: none; } .sidebar-filter .uss_eshop_filters_block .filter_item.as_slider .items_label { margin-bottom: 0; } .sidebar-filter .uss_eshop_filters_block .filter_item .filter_elem_label { display: block; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding-top: 1px; margin-right: 0 !important; cursor: pointer; font-size: 16px; font-weight: 400; line-height: 28px; min-height: 20px; white-space: normal; } .sidebar-filter .uss_eshop_filters_block .filter_item .filter_elem_label + .filter_elem_label { margin-top: 10px; } .sidebar-filter .uss_eshop_filters_single_block .jslider { margin-left: 5px; width: calc(100% - 12px); } .sidebar-filter .uss_eshop_filters_block .filter_submit { max-width: 100%; text-align: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sidebar-filter .filter_submit input[type=submit].styler { position: relative; background: url(/img/icon-search-white.svg) no-repeat 85px center #009fe3 !important; background-size: 20px 20px !important; width: 270px; max-width: 100%; height: 60px; line-height: 60px; padding: 0 25px 0 45px; margin-bottom: 10px; box-shadow: 10px 10px 20px rgb(40 107 146 / 20%) !important; } .sidebar-filter .filter_submit button.styler { max-width: 100%; background: none !important; display: inline-block; border-bottom: 1px dashed; color: #7a96a7; padding: 0 !important; height: auto !important; line-height: 1; width: auto; border-radius: 0 !important; margin-top: 20px; margin-bottom: 10px; } .sidebar-filter .filter_submit button.styler:hover { border-color: transparent; } input[type=text].styler::-webkit-input-placeholder {color: #000000 !important;} input[type=text].styler::-moz-placeholder {color: #000000 !important;}/* Firefox 19+ */ input[type=text].styler:-moz-placeholder {color: #000000 !important;}/* Firefox 18- */ input[type=text].styler:-ms-input-placeholder {color: #000000 !important;} .jq-checkbox { min-width: 28px; width: 28px; height: 28px; background: url(/img/transparent.png) #edf2f6; border: 0; border-radius: 8px !important; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e4ebf0; overflow: visible !important; margin: 0 15px 0 0; } .jq-checkbox.checked { background: #fff; border-color: #009fe3; background: url(../img/icon-galka-white.svg) no-repeat center center #009fe3; background-size: 17px 12px; } .jq-checkbox.checked .jq-checkbox__div { display: none; } .jq-selectbox__select { position: relative; height: 50px; outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; background: url(/img/transparent.png) transparent !important; background: url(/img/transparent.png) #fff !important; padding: 0 50px 0 0px; border-radius: 15px 15px 15px 15px !important; border: 1px solid #e4ebf0; } .jq-selectbox.disabled .jq-selectbox__select { border-color: #e4ebf0; cursor: default; } .jq-selectbox.disabled .jq-selectbox__select-text { color: #ccc; } .jq-selectbox.disabled .jq-selectbox__trigger:after { opacity: 0.2; } .jq-selectbox.focused .jq-selectbox__select { border-color: #e4ebf0; } .jq-selectbox.changed .jq-selectbox__select { background: url(/img/transparent.png) #fff !important; } .sidebar-filter .jq-selectbox:not(.changed) .jq-selectbox__select { background: url(/img/transparent.png) #edf2f6 !important; } .jq-selectbox__select-text { height: 50px; border-right: 0; font-size: 16px; line-height: 48px; font-family: 'Manrope', sans-serif; text-shadow: none; color: #002230; padding: 0 20px; } .jq-selectbox__trigger { width: 50px; height: 50px; border-radius: 0 15px 15px 15px; background: #fff; border: 1px solid #e4ebf0; position: absolute; top: -1px; right: -1px; } .jq-selectbox__trigger:after { content: ''; width: 14px; height: 8px; background: url(/img/arrow-down-black.svg) no-repeat; background-size: 14px 8px; display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.25s; transition: 0.25s; } .jq-selectbox.opened .jq-selectbox__trigger:after { content:''; -webkit-transform: translate(-50%,-50%) scale(1, -1); -ms-transform: translate(-50%,-50%) scale(1, -1); -o-transform: translate(-50%,-50%) scale(1, -1); transform: translate(-50%,-50%) scale(1, -1); } .jq-selectbox__trigger .jq-selectbox__trigger-arrow { display: none; } .jq-selectbox, .jq-selectbox li, .jq-selectbox__dropdown, .jq-selectbox__dropdown li { font-family: 'Manrope', sans-serif; } .jq-selectbox__dropdown { border-radius: 15px; border: 1px solid #e4ebf0 !important; overflow: hidden; box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); } .jq-selectbox__dropdown ul::-webkit-scrollbar {width: 5px; background: #dee7ee; padding-right: 13px;} .jq-selectbox__dropdown ul::-webkit-scrollbar-track {background: transparent; border-radius: 10px;} .jq-selectbox__dropdown ul::-webkit-scrollbar-thumb {background-color: #009fe3; border-radius: 10px;} .jq-selectbox__dropdown ul::-webkit-scrollbar-button {display: none;} .jq-selectbox li, .jq-selectbox__dropdown li { padding: 10px 20px; font-size: 16px; color: #002230; } .jq-selectbox__search input { border: 1px solid #e4ebf0 !important; border-radius: 12px !important; padding: 8px 27px 8px 14px; font-size: 16px; color: #002230; background: url(/img/icon-search-black.svg) no-repeat center right 10px transparent; background-size: 18px 18px; } .jq-selectbox__search input::-webkit-input-placeholder {color: #002230 !important; font-size: 16px !important;} .jq-selectbox__search input::-moz-placeholder {color: #002230 !important; font-size: 16px !important;}/* Firefox 19+ */ .jq-selectbox__search input:-moz-placeholder {color: #002230 !important; font-size: 16px !important;}/* Firefox 18- */ .jq-selectbox__search input:-ms-input-placeholder {color: #002230 !important; font-size: 16px !important;} .jq-selectbox__not-found { padding: 10px 16px; background: #009fe3; font-size: 16px; color: #fff; border-radius: 12px; } .uss_eshop_block_item .eshop_filters_area .eshop_filters_line { display: block; } .eshop_filters_area .jq-selectbox__select { border-radius: 4px; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area { display: block; } .jq-radio { width: 20px; height: 20px; border: 1px solid #e4ebf0; border-radius: 50%; background: url(/img/transparent.png) #edf2f6; -webkit-box-shadow: none; box-shadow: none; margin: 0 10px 3px 0; } .jq-radio.checked { border: 1px solid #009fe3; } .jq-radio.checked .jq-radio__div { width: 8px; height: 8px; margin: 5px 0 0 5px; border-radius: 50%; background: #009fe3; } .radio_label, .radio_wrapper { margin: 10px 0 !important; cursor: pointer; } /*Фильтры чекбоксы и радио кнопки end*/ /*корзина*/ #uss_basket_ask_where_to_go_block { z-index: 1005; background: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0 !important; bottom: 0; margin: 0 !important; padding: 0; border: 0; } #uss_basket_ask_where_to_go_block > div { z-index: 9999; padding: 18px 20px 20px; border-radius: 6px; width: 360px; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; position: absolute; top: 50% !important; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 106px; } #uss_basket_ask_where_to_go_block .title { background: none; font-size: 25px; line-height: 26px; font-family: inherit; font-weight: 500; display: block; margin-bottom: 20px; text-align: center; } #uss_basket_ask_where_to_go_block .close_button { position: absolute; cursor: pointer; z-index: 1002; display: block; width: 26px; height: 26px; background: url(/img/uss_foto_buttons.png) #fff 0 -52px no-repeat; right: 5px; top: 5px; } #uss_basket_ask_where_to_go_block .close_button img { display: none; } #uss_basket_ask_where_to_go_block .continue, #uss_basket_ask_where_to_go_block .go_to_basket { margin-top: 20px; margin-right: 0px; text-decoration: none !important; float: none; text-align: center; } #uss_basket_ask_where_to_go_block a { display: block; font-size: 16px; color: #ffffff !important; background: #009fe3; text-decoration: none !important; padding: 10px 14px; line-height: 1; border-radius: 4px; } .uss_delete_pos .del_basket_item, .uss_delete_pos .del_wish { width: 30px; display: inline-block; padding: 9px 0; } .uss_delete_pos .del_basket_item { margin: 0 -8px; } .uss_delete_pos .del_wish { margin-right: -8px; } .uss_delete_pos .add_to_wishlist + .del_basket_item { margin-left: 0; } .uss_user_basket { background: #fff; border-radius: 20px; overflow: hidden; } .uss_section_content > .uss_user_basket > .uss_user_basket { margin: 0; } .uss_section_content > .uss_user_basket > p, .uss_section_content > .uss_user_basket > .uss_user_basket > p { padding: 10px 15px; } .uss_user_basket table, .uss_user_wishlist table { border-top: 1px solid #e4ebf0; border-left: 1px solid #e4ebf0; margin-bottom: -1px; } .uss_user_wishlist th, .uss_user_wishlist td, .uss_user_basket th, .uss_user_basket td, .uss_user_basket .uss_name .uss_title, .uss_user_wishlist .uss_name .uss_title { font-size: 16px; } .uss_user_basket th, .uss_user_wishlist th, .uss_user_basket .uss_bottom .totals { background: #009fe3; color: #ffffff; } .uss_user_basket td { border-right: 1px solid #e4ebf0; } .uss_user_basket td, .uss_user_basket th, .uss_user_wishlist td, .uss_user_wishlist th { border-bottom: 1px solid #e4ebf0; } .uss_user_basket .uss_image, .uss_user_wishlist .uss_image { min-width: 78px !important; } .section_basket2 .fc_form_tml input[type=text].styler, .section_basket2 .fc_form_tml textarea.styler { width: 100%; } .fc_form_tml textarea.styler { resize: none; } .uss_user_basket .uss_name .uss_title, .uss_user_wishlist .uss_name .uss_title, .uss_user_basket .uss_name .uss_description { height: auto; } .uss_user_basket .uss_name .uss_description { margin-top: 10px; font-size: 14px; } .uss_user_basket .uss_number .uss_field input { margin: 0; text-align: center; padding: 7px 0; font-family: 'Manrope', sans-serif; height: 40px; max-height: 100%; border-radius: 15px !important; border: 1px solid #e4ebf0; width: 55px; padding: 0 8px; color: #002230; font-size: 18px; background: #edf2f6; transition: 0.25s; } .uss_user_basket .del_basket_item, .del_wish { width: 30px; display: inline-block; padding: 9px 0; margin-right: -8px; } .uss_shop_form .fc_form_tml { padding: 0; background: #fff; padding: 30px; border-radius: 20px 20px 60px 20px; border: 1px solid #e4ebf0; } .uss_shop_form .jq-checkbox { margin-right: 10px; } .uss_shop_form .fc_form_tml form { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .uss_shop_form .fc_form_tml .group.group__1 { margin-right: 30px; } .section.id_21672 .group__4 { margin-top: 124px; } .uss_shop_form .fc_form_tml .group.group__1, .uss_shop_form .fc_form_tml .group.group__4 { min-width: calc((100% - (1) * 30px) / 2); max-width: calc((100% - (1) * 30px) / 2); } .uss_shop_form .jq-selectbox, .uss_shop_form .jq-selectbox__select { width: 100%; } .fc_form_tml .group .fc_item.fc_checkbox .force_position_right { display: inline; cursor: pointer; font-size: 16px; line-height: normal; min-height: 20px; font-weight: 400; } .fc_form_tml .group .fc_item.fc_checkbox .force_position_right + .hint { font-size: 15px; line-height: normal; } .uss_min_sum_order_text_wrapper { margin-top: 30px; } .uss_user_basket .uss_delete_pos .add_to_wishlist, .uss_user_wishlist .uss_delete_pos .add_to_cart { text-decoration: none; color: #fff; background: #009fe3; padding: 7px; border-radius: 4px; } .uss_user_basket .uss_delete_pos .add_to_wishlist:hover, .uss_user_wishlist .uss_delete_pos .add_to_cart:hover { background: #161713; } .uss_user_basket .uss_bottom.total_sum .title { font-size: 16px; margin-right: 5px; } .uss_user_basket .uss_bottom.total_sum #uss_basket_totals { font-size: 20px; } .uss_user_basket .uss_bottom .totals .currency_total { font-size: 15px; } .uss_user_basket .uss_bottom .totals .sum { font-size: 22px; } /*корзина end*/ /*Купить в 1 клик*/ .buy_one_click_form_tml .buy_one_click_window_wrap { width: 390px; } .buy_one_click_form_tml .buy_one_click_window_wrap a.close { right: 5px; top: 5px; } .buy_one_click_form_tml .uss_buy_one_click_title { font-size: 22px; font-weight: 700; } .buy_one_click_form_tml .buy_one_click_window_wrap .fc_form_tml { padding: 0; } .uss_buy_one_click_pos .uss_shop_price { margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .uss_buy_one_click_pos .uss_shop_price span.old_price { background: none; margin-bottom: 0; font-size: 18px; padding: 0; color: #afb3b8; width: 100%; font-weight: 700; } .uss_buy_one_click_pos .uss_shop_price .actual_price { padding: 0; color: #2a2b2b; background: none; margin-right: 0; font-size: 28px; font-weight: 900; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .buy_one_click_form_tml .form_styler label.sector_title { font-size: 15px; font-weight: 500; margin-bottom: 5px; } .one_click_form_wrapper .buttons { text-align: center; } .one_click_form_wrapper .fc_form_tml input[type=submit].styler { margin: 0 auto; } /*Купить в 1 клик end*/ /*формы на сайте*/ .fc_form_tml, .uss_form_tml { margin-bottom: 0; /*background: #fff;*/ padding: 0px; position: relative; z-index: 10; } .fc_form_tml .fc_item .elem_item, .uss_form_checkbox { width: 100%; } .fc_form_tml .elem_item:not(.captcha_item) input.styler:not([type=submit]), .uss_form_tml input.styler:not([type=submit]), #loginForm input:not([type=submit]), .uss_subscribe_form #subscribe_input_email, .fc_captcha input[type=text].styler, .uss_form_text input, .uss_form_captcha input, .uss_eshop_filters_block .filter_price input.styler { font-family: 'Manrope', sans-serif; height: 50px; max-height: 100%; border-radius: 15px !important; border: 1px solid #e4ebf0; width: 100%; padding: 0 20px; color: #002230; font-size: 16px; background: #edf2f6; transition: 0.25s; } .uss_eshop_filters_block .filter_price input.styler { max-width: 80px; } .fc_form_tml textarea.styler, .uss_form_tml .uss_form_item textarea.styler { font-family: 'Manrope', sans-serif; border-radius: 15px !important; border: 1px solid #e4ebf0; width: 100%; padding: 12px 15px; color: #002230; font-size: 15px; resize: none; background: #edf2f6; transition: 0.25s; } .fc_captcha .captcha_item { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .uss_form_tml .uss_form_item { margin-bottom: 15px; } .uss_form_tml .uss_form_item.uss_form_captcha { margin-bottom: 20px; } .uss_form_captcha img { border: none!important; width: 97px; height: 38px; } .uss_form_captcha { padding: 0; width: auto; background: none; } .uss_form_captcha label { display: block; min-width: 100%; } .uss_form_captcha img { width: 120px; height: 50px !important; border-radius: 10px; } .uss_form_captcha input { width: 120px !important; border-radius: 15px; } .fc_form_tml .elem_item:not(.captcha_item) input.styler:not([type=submit]):hover, .fc_form_tml .elem_item:not(.captcha_item) input.styler:not([type=submit]):focus, .uss_form_tml input.styler:not([type=submit]):hover, .uss_form_tml input.styler:not([type=submit]):focus, #loginForm input:not([type=submit]):hover, #loginForm input:not([type=submit]):focus, .uss_subscribe_form #subscribe_input_email:hover, .uss_subscribe_form #subscribe_input_email:focus, .fc_form_tml input[type=text].styler:hover, .fc_form_tml input[type=text].styler:focus, .fc_form_tml textarea.styler:hover, .fc_form_tml textarea.styler:focus, .uss_form_tml input[type=text].styler:hover, .uss_form_tml input[type=text].styler:focus, .uss_form_tml textarea.styler:hover, .uss_form_tml textarea.styler:focus, .uss_form_text input:hover, .uss_form_text input:focus, .uss_form_captcha input:hover, .uss_form_captcha input:focus, .uss_eshop_filters_block .filter_price input:hover, .uss_eshop_filters_block .filter_price input:focus, .uss_eshop_filters_block .filter_price input.styler:hover, .uss_eshop_filters_block .filter_price input.styler:focus, .uss_shop_detail .uss_shop_technical_data .uss_shop_by input:hover, .uss_shop_detail .uss_shop_technical_data .uss_shop_by input:focus, .uss_user_basket .uss_number .uss_field input:hover, .uss_user_basket .uss_number .uss_field input:focus, .calculator .calc_item input:hover, .calculator .calc_item input:focus { border-color: #009fe3; box-shadow: inset 0 0 0 1px #009fe3 !important; /*background: #fff;*/ } .fc_form_tml .fc_item, .uss_form_tml .fc_item { margin-bottom: 20px; } .fc_form_tml .fc_item label, .uss_form_tml .fc_item label, .uss_form_tml label, .form_styler label.sector_title { font: inherit !important; } .fc_form_tml .group .fc_item.fc_checkbox_one, .uss_form_tml .group .fc_item.fc_checkbox_one { width: 100%; } .uss_form_tml label, .fc_form_tml .form_styler label.sector_title { margin-bottom: 6px; } .uss_form_item.uss_form_checkbox { margin-top: 25px; /*padding-top: 5px;*/ overflow: visible; } .fc_item.fc_checkbox, .uss_form_item.uss_form_checkbox { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; margin-bottom: 15px; } .uss_form_item.uss_form_checkbox + .uss_form_checkbox { margin-top: 20px; margin-bottom: 20px; } .fc_item.fc_checkbox .jq-checkbox, .uss_form_item.uss_form_checkbox .jq-checkbox { margin-top: -5px; /*margin-right: 15px;*/ } .uss_form_checkbox label { margin: 0 0 0 0; } .fc_item.fc_checkbox .sector_title a, .uss_form_checkbox label a { text-decoration: none; color: #009fe3; } .fc_item.fc_checkbox .sector_title a:hover, .uss_form_checkbox label a:hover { text-decoration: underline; } button.styler:not([disabled]):active, input[type=submit].styler:not([disabled]):active, input[type=reset].styler:active, input[type=button].styler:not([disabled]):active { -webkit-box-shadow: none; box-shadow: none; } input[type=text].styler, input[type=email].styler, input[type=number].styler, input[type=password].styler, input[type=search].styler, input[type=tel].styler, input[type=url].styler, textarea.styler { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; font-family: inherit; } .uss_error_form ol { list-style-type: decimal; } .fc_form_tml input.styler::-webkit-input-placeholder {color: #7988a5 !important;} .fc_form_tml input.styler::-moz-placeholder {color: #7988a5 !important;}/* Firefox 19+ */ .fc_form_tml input.styler:-moz-placeholder {color: #7988a5 !important;}/* Firefox 18- */ .fc_form_tml input.styler:-ms-input-placeholder {color: #7988a5 !important;} .fc_form_tml textarea.styler::-webkit-input-placeholder {color: #7988a5 !important;} .fc_form_tml textarea.styler::-moz-placeholder {color: #7988a5 !important;}/* Firefox 19+ */ .fc_form_tml textarea.styler:-moz-placeholder {color: #7988a5 !important;}/* Firefox 18- */ .fc_form_tml textarea.styler:-ms-input-placeholder {color: #7988a5 !important;} .fc_form_tml input[type=submit].styler, button.styler, input[type=submit].styler, input[type=reset].styler, input[type=button].styler, .uss_catalog_list_cat .catalog_orderbutton, .uss_catalog_block_cat .catalog_orderbutton, .uss_catalog_detail .catalog_orderbutton, .uss_form_tml .uss_form_submit input { height: 50px; line-height: 50px; padding: 0 25px; border-radius: 15px !important; background: url(/img/transparent.png) #009fe3 !important; font-size: 16px; font-weight: 600; text-transform: none; text-shadow: none; box-shadow: none; min-height: auto; color: #fff; border: 0; font-family: 'Manrope', sans-serif; cursor: pointer; -webkit-transition: 0.25s; transition: 0.25s; } .catalog_menu_item .catalog_orderbutton:hover, .uss_catalog_block_cat .catalog_orderbutton:hover, .uss_catalog_detail .catalog_orderbutton:hover, .uss_catalog_list_cat .catalog_orderbutton:hover { -webkit-box-shadow: none; box-shadow: none; opacity: 1; } .uss_catalog_detail .catalog_orderbutton { height: 50px; line-height: 50px; padding: 0 40px; } .fc_form_tml input[type=submit].styler:hover { background: url(/img/transparent.png) #0058b0 !important; text-decoration: none; } .uss_form_tml .uss_form_submit { margin: 0; margin-bottom: 0 !important; } form[action*=feedback], form[action*=enter], form[action*=registration], form[action*=passrecovery], .section_formconstructor .fc_form_tml { margin-top: 30px; max-width: 560px; background: #fff; padding: 30px; border-radius: 20px 20px 60px 20px; border: 1px solid #e4ebf0; } .uss_section_content > .uss_error_form { min-width: 560px; max-width: 560px; } .jq-checkbox { border-radius: 0; } .jq-checkbox.checked .jq-checkbox__div { border-radius: 0px; /*background: #009fe3;*/ -webkit-box-shadow: none; box-shadow: none; } form .fc_item.fc_checkbox input[type="checkbox"] { display: none; } .uss_form_tml .sms_validate{ display: none; } .uss_form_tml.sms-ready .uss_form_item{ display: none; } .uss_form_tml.sms-ready .uss_form_item.sms_validate, .uss_form_tml.sms-ready .uss_form_submit{ display: block !important; } .sms-verify__change-phone, .sms-verify__button-repeat{ font-size: 12px; color: #777; text-decoration: underline; cursor: pointer; } .sms-verify__button-repeat.disabled{ text-decoration: none; cursor: default; } @media (max-width:768px) { .uss_shop_form { max-width: 100%; } .uss_shop_form .fc_form_tml .jq-checkbox { margin-right: 10px; } form[action*=feedback], form[action*=enter], form[action*=registration], form[action*=passrecovery] { max-width: 100%; } .uss_section_content > .uss_error_form { min-width: 100%; max-width: 100%; } .uss_form_tml.comments_form .uss_form_item { float: none; width: 100% !important; margin-right: 0; } .uss_form_tml.comments_form .uss_form_item:not(.uss_form_submit) input, .uss_form_tml.comments_form .uss_form_item textarea { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .buy_one_click_form_tml .buy_one_click_window_wrap a.close, .catalog_orderform_tml .catalog_orderform_window_wrap a.close { right: 7px; top: 7px; } } /*формы на сайте end*/ /*форма на странице подписки /subscribe */ .uss_subscribe_form { font-size: 16px; } .uss_subscribe_form .actions { margin: 15px 0; } .uss_subscribe_form .actions label:not(:first-child) { margin-left: 15px; } .uss_subscribe_form .jq-radio { width: 14px; height: 14px; } .uss_subscribe_form #subscribe_input_email { border-radius: 0; margin-left: 10px; width: auto; } .uss_subscribe_form input[type=submit] { min-width: 130px; } /*форма на странице подписки /subscribe end*/ /*форма входа в кабинет*/ #loginForm { margin-top: 20px; font-size: 15px; } #loginForm table { width: 100%; } #loginForm td.label { padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; width: 78px; } #loginForm input:not([type=submit]) { margin: 7px 0 7px 10px; margin: 7px 0 7px 0px; } #loginForm input[type=submit] { margin-top: 15px; width: 100%; } #loginForm ~ span { margin: 15px 15px 0 0; display: inline-block; } #loginForm ~ span a:hover { text-decoration: none; } /*форма входа в кабинет end*/ /*форма*/ p + .uss_error_form { margin-top: 15px; } .uss_error_form { width: 100%; min-width: 100%; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; } .uss_error_form + .uss_form_tml { margin-top: 25px !important; } .fc_form_tml { margin-bottom: 0; } .block_form { padding: 60px; background: #fff; border-radius: 20px 20px 60px 20px; border: 1px solid #e4ebf0; } .block_form.sidebar_form { padding: 30px; } .block_form.content_form { margin-top: 50px; } .block_form .h3:before { display: none; } .block_form .h3 { background: none; border-bottom: 0; padding-bottom: 0; padding: 0 !important; color: inherit; line-height: 40px; font-size: 36px !important; font-weight: 700 !important; } .block_form .h3 + p { font-size: 17px; font-weight: 600; } .block_form .h3 span { color: #009fe3; } .block_form .fc_form_tml { margin-top: 30px; background: none; } .block_form form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .block_form form .uss_error_form { width: 100%; background: #ff8a80; border-color: #c62828; } .block_form form .uss_error_form, .block_form form .uss_error_form * { color: #212121; font-size: 14px; } .block_form form .group { -webkit-box-flex: 0; -webkit-flex: 0 100%; -ms-flex: 0 100%; flex: 0 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .block_form form .group:not(.end) .fc_item:not(:first-child):not(.fc_textarea) { margin-left: 20px; } .block_form form .group .fc_item { -webkit-box-flex: 1; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; margin-bottom: 20px; } .block_form form .group .fc_item .elem_item { width: 100%; } .block_form form .group .fc_item .elem_item input.styler, .block_form form .group .fc_item .elem_item textarea.styler { width: 100%; } .block_form form .group .fc_item .elem_item textarea.styler { resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; } .block_form form .group:not(.end) .fc_item .elem_item input.styler.error, .block_form form .group:not(.end) .fc_item .elem_item textarea.styler.error { border-color: #c62828; } .block_form form .group .fc_item.fc_textarea { -webkit-box-flex: 0; -webkit-flex: 0 100%; -ms-flex: 0 100%; flex: 0 100%; max-width: 100% !important; } .block_form form .group .fc_item.fc_textarea textarea { height: 5.3em; } .block_form form .group.end { line-height: 1.3; -webkit-box-flex: 0; -webkit-flex: 0 calc(100% - 220px); -ms-flex: 0 calc(100% - 220px); flex: 0 calc(100% - 220px); } .block_form form .group.end .fc_item.fc_checkbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; /*display: block;*/ width: 100%; } .block_form form .group.end .fc_item.fc_checkbox .elem_item { vertical-align: top; -webkit-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; display: inline; } .block_form form .group.end .fc_item.fc_checkbox .elem_item .jq-checkbox { margin-top: -5px !important; } .block_form form .group.end .fc_item.fc_checkbox .sector_title { vertical-align: top; -webkit-box-flex: 1; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; display: inline-block; display: inline; font-size: inherit; } .block_form form .group.end .fc_item.fc_checkbox .sector_title label { padding: 0; margin: 0; font-weight: bold; font-weight: normal; } .block_form form .buttons { text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; } .block_form form .group.end .fc_item.fc_checkbox .sector_title a { text-decoration: none; color: #009fe3; } .block_form form .group.end .fc_item.fc_checkbox .sector_title a:hover { text-decoration: underline; } .block_form form .group:not(.end) .fc_item .elem_item input.styler { /*height: 40px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .block_form form .group:not(.end) .fc_item { /*max-width: calc((100% - ( (1) * 20px ) ) / 2);*/ } .block_form form .buttons:before { content: ''; background: url(/img/icon-form-send.svg) no-repeat; background-size: 20px 20px; width: 20px; height: 20px; display: inline-block; position: absolute; z-index: 2; left: calc((100% / 2) - 60px); top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); } .block_form form .buttons { position: relative; } .block_form form .buttons input.styler[type="submit"] { position: relative; -webkit-box-shadow: none; box-shadow: none; box-shadow: 10px 10px 20px rgb(40 107 146 / 20%) !important; display: inline-block; text-align: center; font-size: 16px; text-decoration: none; border: 0; } .block_form form .buttons input.styler[type="submit"]:hover { opacity: 1; } .block_form.content_form { background-image: url(../img/form-img.jpg); background-repeat: no-repeat; background-position: 570px 30px; } .block_form.content_form .h3 { margin-bottom: 25px !important; } .block_form.content_form .fc_form_tml { margin-top: 35px; } .block_form.content_form form .buttons input.styler[type="submit"] { padding: 0 40px 0 70px; } .sidebar .block_form form .buttons:before { content:''; left: calc((100% / 2) - 60px); } .sidebar .block_form form .buttons input.styler[type="submit"] { padding: 0 40px 0 70px; } @media (min-width:1301px) { .block_form.content_form .h3, .block_form.content_form p, .block_form.content_form form { max-width: 440px; } } @media (min-width:769px) and (max-width:1400px) { .block_form.content_form { padding: 30px; } .block_form.content_form .h3, .block_form.content_form p, .block_form.content_form form { max-width: 300px; } .block_form.content_form { background-position: 375px 35px; } } @media (min-width: 769px) { .block_form.content_form form .group.end { position: absolute; left: 240px; bottom: 12px; } .block_form.content_form form .buttons { max-width: 200px; margin-top: 22px; text-align: left; } .block_form.content_form form .buttons input.styler[type="submit"] { height: 60px; } } .comment_form_block .uss_form_tml.comments_form form#ommentaddform_id { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .comment_form_title { font-size: 24px; margin-bottom: 20px; font-weight: 600; color: #002230; } form#ommentaddform_id > .uss_form_item { -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; margin-right: 0; width: auto; } form#ommentaddform_id > .uss_form_item + .uss_form_text { margin-left: 15px; } form#ommentaddform_id > .uss_form_item.uss_form_checkbox { margin-top: 10px; -webkit-box-flex: 0; -webkit-flex: 0 calc(100% - 200px); -ms-flex: 0 calc(100% - 200px); flex: 0 calc(100% - 200px); padding-right: 20px; } form#ommentaddform_id > .uss_form_item.uss_form_submit { text-align: right; } .comment_form_block .uss_form_tml.comments_form form#ommentaddform_id .uss_form_item.uss_form_text input[type='text'].styler, .comment_form_block .uss_form_tml.comments_form form#ommentaddform_id .uss_form_item.uss_form_textarea textarea.styler { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #ommentaddform_id .uss_form_textarea textarea { height: 100px; } #ommentaddform_id .uss_form_textarea { min-width: 100%; } .comment_form_block { margin: 15px 0 0 0; } .uss_ok_form { font: inherit; } .tab_item .pager + .uss_ok_form { margin-top: 20px; } .tab_item .uss_comments:before { content: 'Отзывы'; font-size: 24px; font-weight: 600; display: block; margin-bottom: 25px; } .tab_item .uss_comments { position: relative; margin-top: 0; } .uss_comments .comment .title { margin-bottom: 10px; } .uss_comments .comment .title .user { position: relative; display: block; font-weight: 600; margin-bottom: 2px; font-size: 18px; padding-left: 14px; } .uss_comments .comment .title .user:before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #009fe3; position: absolute; left: 0; top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); } .uss_comments .comment .title .date { font-size: 14px; color: #7a96a7; } .tab_item .uss_comments .comment_text { font-size: 16px; line-height: 1.5; } .tab_item .uss_comments .comment_item { border-top: 1px solid #e4ebf0; padding: 26px 0 25px; margin-bottom: 0; } .tab_item .pager { position: relative; margin-bottom: 40px; } .tab_item .pager:after { content:''; clear: both; display: table; } .uss_pagenator2 { font: inherit; margin: 0; } .uss_pagenator2 .uss_page_num { min-height: 60px; } .uss_pagenator2 .uss_page_num span.dots { height: 60px; line-height: 60px; } .uss_pagenator2 .uss_page_num span { padding: 0; margin: 0px 7px 10px 0px !important; display: inline-block; } .uss_pagenator2 .uss_page_num span a { border-radius: 50%; width: 60px; height: 60px; line-height: 60px; border: 1px solid #e4ebf0; text-align: center; background: #fff; text-decoration: none !important; display: inline-block; font-family: inherit; font-size: 18px; font-weight: 600; padding: 0; transition: 0.2s; } .uss_pagenator2 .uss_page_num span.uss_page_forward a { text-indent: -9999px; background-image: url(/img/icon-comment-page-next.svg); background-size: 14px 13px; background-position: center center; background-repeat: no-repeat; } .uss_pagenator2 .uss_page_num span.uss_page_forward a:hover { background-image: url(/img/icon-comment-page-next-white.svg); background-size: 14px 13px; background-position: center center; background-repeat: no-repeat; } .uss_pagenator2 .uss_page_num span.uss_page_forward:first-child a { background-image: url(/img/icon-comment-page-prev.svg); } .uss_pagenator2 .uss_page_num span.uss_page_forward:first-child a:hover { background-image: url(/img/icon-comment-page-prev-white.svg); } .uss_pagenator2 .uss_page_num span.uss_page_selected a, .uss_pagenator2 .uss_page_num span a:hover { background: #009fe3; color: #fff; border-color: #009fe3; box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); } .comment_form_block .uss_form_submit { position: relative; } .comment_form_block .uss_form_submit { position: relative; height: 60px; } .comment_form_block .uss_form_submit input[type=submit].styler { position: relative; height: 60px; padding: 0 40px 0 70px; } .comment_form_block .uss_form_submit:before { content: ''; background: url(/img/icon-form-send.svg) no-repeat; background-size: 20px 20px; width: 20px; height: 20px; display: inline-block; position: absolute; z-index: 2; left: calc((100% / 2) - 60px); top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); } .sidebar .block_form form .group { display: block; -moz-flex: 1 100%; -o-flex: 1 100%; -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } .sidebar .block_form form .group:not(.end) .fc_item { max-width: 100%; } .sidebar .block_form form .group:not(.end) .fc_item:not(:first-child) { margin-left: 0; } .sidebar .block_form .fc_form_tml .group .fc_item.fc_checkbox_one { width: auto; max-width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .sidebar .block_form .fc_form_tml .group .fc_item.fc_checkbox_one .elem_item { width: auto !important; display: inline; vertical-align: middle; } .sidebar .block_form .fc_form_tml .group .fc_item.fc_checkbox .force_position_right { display: inline; font-size: 14px !important; line-height: 20px; } .sidebar .block_form form .buttons { margin-top: 15px; } .sidebar .block_form form .buttons input.styler[type="submit"] { width: 100% !important; height: 60px; } @media (max-width: 768px) { .block_form { padding: 15px; } .block_form.content_form { background: #fff; border-radius: 15px; } .block_form form .group:not(.end) { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .block_form form .group:not(.end) .fc_item { max-width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 100%; -ms-flex: 0 100%; flex: 0 100%; margin-left: 0 !important; margin-right: 0 !important; } .fc_item .elem_item, .fc_item.fc_outputOnly .outputonly { width:100%; } .fc_item .elem_item input, .fc_item .elem_item textarea{ width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; } .fc_form_tml .group .fc_item.fc_checkbox_one { width: 100%; } .uss_shop_form form .buttons, .uss_shop_form form .buttons input, .buttons input.styler[type="submit"], .uss_form_submit input.styler[type="submit"] { width: 100%; } .buttons input.styler[type="submit"], .uss_form_submit input.styler[type="submit"], .block_form form .buttons input.styler[type="submit"], .modal .modal-wrap .buttons input.submit { padding-top: 12px; padding-bottom: 12px; /*height: auto;*/ font-size: 16px; line-height: 1; } .block_form form .group.end { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 100%; -ms-flex: 0 100%; flex: 0 100%; margin-bottom: 20px; } .block_form form .buttons, .block_form form .buttons input.styler[type="submit"], .content .block_form form .buttons input.styler[type="submit"] { width: 100%; max-width: 100%; } #ommentaddform_id .uss_form_text { margin-right: 0px; float: none; width: 100%; } form#ommentaddform_id > .uss_form_item { width: 100%; } form#ommentaddform_id > .uss_form_item.uss_form_checkbox { -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; } #ommentaddform_id .uss_form_text input, #ommentaddform_id .uss_form_textarea textarea { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } form#ommentaddform_id > .uss_form_item + .uss_form_text { margin-left: 0; } input[type=text].styler, input[type=email].styler, input[type=number].styler, input[type=password].styler, input[type=search].styler, input[type=tel].styler, input[type=url].styler, textarea.styler { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .uss_form_item.uss_form_checkbox { width: 100%; max-width: 100%; } } /*форма end*/ .burger-menu, .catalog-opener-btn, .mobile-top-menu.open .top-menu a:hover, .mobile-top-menu.open .top-menu a.active, .mobile-cart-container, .burger-search-container .catalog-search .uss_submit, .block.aside-service-block .h3, .burger-search-container .catalog-search:before, .uss_shoppos_table a.add_to_cart, #lpage .uss_shop_blocks_view .uss_eshop_item a.add_to_cart.buy_one_click, a.add_to_cart, a.add_to_cart.buy_one_click, a.add_to_compare, a.add_to_wishlist, .uss_user_wishlist .uss_delete_pos .add_to_cart, .aside .uss_more, #uss_basket_ask_where_to_go_block a, .jq-selectbox li:hover, .jq-selectbox__dropdown li:hover, .jq-selectbox li.selected, .jq-selectbox__dropdown li.selected { background-color: #009fe3; } .uss_shoppos_table a.add_to_cart.already_in_cart, .uss_shoppos_table a.add_to_cart:hover, a.add_to_compare.already_in_compare, a.add_to_compare:hover, a.add_to_wishlist.already_in_wish, a.add_to_wishlist:hover, a.add_to_cart.already_in_cart, a.add_to_cart:hover, .uss_eshop_item a.add_to_cart.buy_one_click:hover, .uss_user_wishlist .uss_delete_pos .add_to_cart:hover, .uss_catalog_list_cat .catalog_orderbutton:hover, .uss_catalog_block_cat .catalog_orderbutton:hover, .uss_catalog_detail .catalog_orderbutton:hover, #loginForm input[type=submit]:hover, .uss_subscribe_form input[type=submit]:hover, .uss_form_tml .uss_form_submit input:hover, .fc_form_tml input[type=submit].styler:hover, button.styler:hover, input[type=submit].styler:hover, .aside .uss_more:hover, #uss_basket_ask_where_to_go_block a:hover, .sidebar-filter .filter_submit input[type=submit].styler:hover { background-color: #0090ce !important; } /*main slick slider*/ .slick-list { overflow: hidden; margin: 0; padding: 0; width: 100%; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-list, .slick-slider { position: relative; display: block; } .slick-slider { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-next, .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .m-slider_arrows { position: relative; display: block; text-align: center; margin-top: -32px; z-index: 1001; position: absolute; left: 50%; -webkit-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% ); transform: translateX( -50% ); } .m-slider_arrows .slick-arrow { background-color: #fff; background-repeat: no-repeat; background-position: center center; border: 1px solid #e4ebf0; background-size: 11px 19px; } .m-slider-prev.slick-arrow { display: inline-block; background-image: url(/img/arrow-left-gray.svg); } .m-slider-next.slick-arrow { display: inline-block; background-image: url(/img/arrow-right-gray.svg); } .m-slider-prev.slick-arrow:hover { background-image: url(/img/arrow-left-blue.svg); } .m-slider-next.slick-arrow:hover { background-image: url(/img/arrow-right-blue.svg); } .slider { width: 1920px; /*overflow: hidden;*/ z-index: 2; position: relative; max-width: 100%; margin: 0 auto 30px; } .slider .slides:before { content: ''; display: block; background: #fff; border-left: 1px solid #e4ebf0; border-bottom: 1px solid #e4ebf0; border-radius: 0 0 0 120px; width: 1920px; height: 100%; z-index: 1; position: absolute; left: 50%; -webkit-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% ); transform: translateX( -50% ); margin-left: 70px; } .slider .slides .slide { display: inline-block; } .slider .slides { position: relative; overflow: hidden; } .slick-list, .slick-slider { position: relative; display: block; } .slick-slider { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slider .slick-arrow { cursor: pointer; -webkit-box-shadow: none; box-shadow: none; width: 60px; height: 60px; z-index: 1001; opacity: 1; border-radius: 50%; } .slider .slick-arrow:hover { box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); } .slick-next, .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slider .slick-arrow.slick-prev { background: url(../img/arrow-left-black.svg) center center no-repeat #fff; left: 0px; transition: 0.2s; } .slider .slick-arrow.slick-next { background: url(../img/arrow-right-black.svg) center center no-repeat #fff; right: 0px; transition: 0.2s; } .slider .slick-arrow.slick-prev, .slider .slick-arrow.slick-next { background-size: 8px 14px; } .slider .slick-arrow.slick-prev:hover { background: url(../img/arrow-left-white.svg) center center no-repeat #865684; background-size: 8px 14px; } .slider .slick-arrow.slick-next:hover { background: url(../img/arrow-right-white.svg) center center no-repeat #865684; background-size: 8px 14px; } .slick-list { margin: 0; padding: 0; width: 100%; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-initialized .slick-slide { display: block; } .slider .image { position: relative; } .slider .image img { display:block; margin: 0 0 0 auto; } .slide-link { left: 0; right: 0; top: 0; bottom: 0; position: absolute; display: block; z-index: 11; } .slider .slides .slide { display: -moz-flex !important; display: -o-flex !important; display: -ms-flex !important; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .slider .slides .slide .caption, .slider .image { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slider .slides .slide .caption { padding: 30px 50px 30px 65px; color: #002230; } .slider .slides .slide .caption .title { font-size: 60px; font-weight: 800; line-height: 70px; } .slider .slides .slide .caption .title span { color: #009fe3; } .slider .slides .slide .caption .preview { display: block; width: 100%; margin: 12px 0 0 0; font-size: 18px; } .slider .slides .slide .caption .uss-more a { background: #009fe3; background: linear-gradient(135deg, rgba(0,159,227,1) 0%, rgba(0,159,227,1) 100%); text-align: center; font-size: 18px; color: #fff; cursor: pointer; padding: 0px 35px; font-weight: 600; height: 70px; line-height: 70px; border-radius: 20px; text-decoration: none; display: inline-block; margin-top: 50px; -webkit-box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); } .slider .slides .slide .caption .uss-more a:hover { background: #0090ce; background: -moz-linear-gradient(-45deg, rgba(2,149,212,1) 0%, rgba(23,168,230,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(2,149,212,1)), color-stop(100%, rgba(23,168,230,1))); background: -webkit-linear-gradient(-45deg, rgba(2,149,212,1) 0%, rgba(23,168,230,1) 100%); background: -o-linear-gradient(-45deg, rgba(2,149,212,1) 0%, rgba(23,168,230,1) 100%); background: -ms-linear-gradient(-45deg, rgba(2,149,212,1) 0%, rgba(23,168,230,1) 100%); background: linear-gradient(135deg, rgba(2,149,212,1) 0%, rgba(23,168,230,1) 100%); -webkit-box-shadow: none; box-shadow: none; } .slider ul.slick-dots { position: absolute; left: 15px; top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); display: block; z-index: 1001; } .slider ul.slick-dots li { display: block; text-align: center; width: 3px; height: 12px; border-radius: 4px; background: #aec0ce; margin-bottom: 8px; transition: 0.25s; } .slider ul.slick-dots li:not(.slick-active) { margin-left: 2px; } .slider ul.slick-dots li button { text-indent: -9999px; border: 0; outline: 0; background: none; margin: 0; padding: 0; width: 100%; transition: 0.25s; } .slider ul.slick-dots li:hover { background: #009fe3; } .slider ul.slick-dots li.slick-active { background: #009fe3; width: 8px; height: 30px; } @media (min-width:1701px) { .slider .slides .slide .caption { padding-left: calc((100% - 1580px) / 2); padding-right: 0px; } .slider .slides .slide { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .slider .slides .slide .caption { padding-top: 100px; } .slider ul.slick-dots { top: 150px; left: 30px; } } @media (max-width:1700px) { .slider .slides .slide .caption { padding-left: 65px; } } @media (max-width: 1600px) { .slider .slides .slide .caption { padding-right: 0; } .slider .slides .slide .caption .title { font-size: 3.5vw; line-height: 1.2; } .slider .slides .slide .caption .uss-more a { height: 60px; line-height: 60px; } .slider .image { padding-left: 30px; } } @media (max-width: 1024px) { .slider .slides .slide .caption { padding-left: 50px; padding-right: 0; } .slider .slides .slide .caption .preview { font-size: 16px; } .slider .slides .slide .caption .uss-more a { height: 40px; line-height: 40px; margin-top: 20px; padding: 0px 15px; border-radius: 4px; font-size: 15px; font-weight: 400; } .slider .slick-arrow { width: 50px; height: 50px; } .m-slider_arrows { margin-top: -27px; } } @media (max-width: 767px) { } @media (max-width: 599px) { .slider { padding-bottom: 40px; background: #fff; } .slider .slides .slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .slider .slides .slide .caption, .slider .image { width: 100%; } .slider .slides .slide .caption { -moz-order: 2; -ms-order: 2; -o-order: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding: 12px 15px 0px 15px; text-align: center; } .slider .slides .slide .caption .title { font-size: 20px; line-height: 1.3; } .slider .slides .slide .caption .preview { display: none; } .slider .image { padding-left: 34px; } .slider ul.slick-dots { left: 13px; top: 15px; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .m-slider_arrows { margin-top: 15px; } } /*main slick slider end*/ /*custom*/ h1 { position: relative; line-height: 1.2; font-weight: 600; background: none; padding-left: 20px; margin-bottom: 60px; word-break: break-word; } h1:after { content: ''; width: 100%; height: 3px; background: #fff; display: block; position: absolute; left: 0; bottom: -25px; } h1:before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #009fe3; position: absolute; left: 0; top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); } a, .slick-arrow, .top-menu a, .top-menu a:after, .uss_eshop_block_item, .uss_eshop_item, .uss_shop_category, .catalog-block .uss_eshop_menu > li, .uss_shop_list_view .uss_shop_list_view_item, .sidebar-catalog .uss_eshop_menu > li > a, .add_to_cart, .add_to_compare, .add_to_wishlist, div.uss_eshop_tabs .uss_eshop_tabs_navigation span, .uss_eshop_sameproducts.blocks .item, .fc_form_tml input[type=submit], .uss_shop_detail .uss_shop_technical_data .uss_shop_by input, .calculator .calc_item input { -webkit-transition: 0.25s; transition: 0.25s; } #lpage { background: #eff4f7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; min-width: 420px; } .container { zoom: 1; -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; padding-top: 50px; padding-bottom: 50px; } .header { position: relative; overflow: hidden; transition: transform 0.5s; } .header-catalog { display: none; } .header.fixed { position: fixed; top: 0; width: 100%; z-index: 1001; padding: 14px 0 16px 0; overflow: visible; } .header.fixed:before { box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); border-radius: 0 0 0 120px !important; } .header.fixed .main-header .inner-min { align-items: center; } .header.fixed .logo .logo-row img { max-height: 50px; min-width: 170px; max-width: 170px; display: block; } .header.fixed .logo, .header.fixed .row + .row { margin-top: 0; } .header.fixed .logo .slogan, .header.fixed .call_me, .header.fixed .row-addr, .header.fixed .header-menu { display: none; } .header.fixed .h_buttons a.gde_kupit { border-radius: 15px; box-shadow: none; transition: background 0.25s; } .header.fixed .h_buttons a.gde_kupit:hover { background-color: #0090ce !important; } .header.fixed .h_c { margin-left: 85px; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .header.fixed .h_l, .header.fixed .h_r { flex: 0; } .header.fixed .h_c > div + div { margin-left: 30px !important; } .header.fixed .search-header { margin-top: 0 !important; flex: 1; } .header.fixed .header-catalog { display: block; } .header.fixed .header-catalog__btn { position: relative; background: #00212f; color: #fff; padding: 0 25px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; cursor: pointer; text-decoration: none; border-radius: 15px; transition: background 0.25s; display: block; margin-right: 30px; } .header.fixed .header-catalog__btn:before { content: ''; background: url(/img/icon-header-catalog__btn.svg) no-repeat center center; background-size: 22px; width: 22px; height: 19px; display: inline-block; margin-right: 10px; margin-bottom: -4px; } .header.fixed .header-catalog__btn:hover { background-color: #0090ce !important; } .header.fixed .header-catalog__menu { display: none; width: 750px; } .header.fixed .header-catalog__menu { position: absolute; top: 90px; border: 1px solid #e4ebf0; background: #fff; border-radius: 20px 20px 65px 20px; box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); padding: 25px; } .header-catalog__menu .uss_eshop_menu { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; } .header-catalog__menu .uss_eshop_menu > li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .header-catalog__menu .uss_eshop_menu > li > a { position: relative; padding: 5px 15px 5px 20px; display: block; font-size: 16px; line-height: 1.4; text-decoration: none; } .header-catalog__menu .uss_eshop_menu > li > a:after { content: ''; width: 3px; height: 3px; border-radius: 50%; background: #7a96a7; left: 2px; top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); display: block; position: absolute; bottom: 0; z-index: 2; } .header-catalog__menu .uss_eshop_menu > li > a:hover:after, .header-catalog__menu .uss_eshop_menu > li > a.active:after { content: ''; width: 7px; height: 7px; background: #009fe3; left: 0px; } .header-catalog__menu .uss_eshop_menu > li:first-child > a:before { content: ''; position: absolute; width: 1px; height: 292px; background: #d6e1e9; top: 50%; left: 3px; display: block; bottom: 1px; } .header-catalog__menu .uss_eshop_menu > li:nth-child(11) > a:before { content: ''; position: absolute; width: 1px; height: 283px; background: #d6e1e9; top: 50%; left: 3px; display: block; bottom: 1px; } .header > div { z-index: 2; position: relative; } .header > div.main-header { z-index: 3; } .header:before { content: ''; display: block; background: #fff; border-left: 1px solid #e4ebf0; border-bottom: 1px solid #e4ebf0; border-radius: 0 0 0 120px; width: 1920px; height: 100%; z-index: 1; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% ); transform: translateX( -50% ); margin-left: 70px; } .mainpage .header:before { border-radius: 0; border-bottom: 0; } .main-header .inner-min { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .h_l, .h_c, .h_r { -webkit-flex: 1 auto; -moz-flex: 1 auto; -ms-flex: 1 auto; -o-flex: 1 auto; flex: 1 auto; } .h_c { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-width: 555px; } .header .logo { margin-top: 45px; } .main-header .inner > div + div, .h_c, .h_r, .h_c > div + div, .h_r .row > div + div { margin-left: 50px; } .header .row + .row { margin-top: 30px; } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .h_r .row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .logo a { text-decoration: none; display: block; } .logo .logo-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .logo .logo-row img { min-width: 200px; max-width: 200px; } .logo .logo-row p { margin: 0; } .logo .slogan { position: relative; font-size: 24px; margin-left: 25px; padding-left: 35px; line-height: 32px; font-weight: 600; white-space: nowrap; } .logo .slogan:before { content:''; display: inline-block; width: 13px; height: 13px; background: #002230; border-radius: 50%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); } .logo .slogan span { display: block; color: #009fe3; } .h_buttons { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .h_buttons > a { position: relative; background: #009fe3; color: #fff; padding: 0 25px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; cursor: pointer; text-decoration: none; border-radius: 0 0 15px 15px; white-space: nowrap; box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); transition: box-shadow 0.3s ease-in-out; } .h_buttons a:hover { box-shadow: none; } .h_buttons a + a { margin-left: 30px; } .h_buttons .gde_kupit:before { content: ''; background: url(/img/pin-white.svg) no-repeat center center; background-size: 16px; width: 16px; height: 20px; display: inline-block; margin-right: 10px; margin-bottom: -4px; } .h_buttons a.gde_kupit.fixed { position: fixed; z-index: 3; padding: 0 15px; height: 40px; line-height: 40px; left: 50%; -webkit-transform: translateX( -50% ); transform: translateX( -50% ); } .h_buttons .call_me:before { content: ''; background: url(/img/icon-phone.svg) no-repeat center center; background-size: 18px; width: 18px; height: 18px; display: inline-block; margin-right: 10px; margin-bottom: -4px; } .search-header { margin: 40px 0 0 0 !important; max-width: 555px; } .search-header .uss_site_search .uss_input_name { background: url(../img/transparent.png) no-repeat left center #edf2f6; } .auth { white-space: nowrap; } .auth a { font-size: 14px; line-height: 1; font-weight: 600; text-decoration: none; padding: 12px 20px; border: 1px solid #e4ebf0; border-radius: 10px; display: inline-block; box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); } .auth a:hover { box-shadow: none; } .auth a + a { margin-left: 15px; } .contacts { text-align: right; } .contacts .address { margin-bottom: 20px; } .row-addr { margin-top: 15px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row-addr .address { padding: 10px 0; } .h_r .row-contacts { flex-wrap: nowrap; } .contacts .email a { color: #009fe3; text-decoration: none; } .contacts .phone { margin-top: 7px; font-size: 30px; font-weight: 600; } .contacts .phone p { line-height: 1; } .header .basket { position: relative; } .header .basket-link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; z-index: 12; } .header .basket p { display: none; } .header .basket .uss_basket_mini { background: url(../img/basket-icon.png) 0 19px no-repeat; background: url(../img/header-basket-icon.png) 0 bottom no-repeat; min-height: 60px; padding: 0 0 0 40px; position: relative; background-size: 35px; } .header .basket .uss_basket_mini .totals { display: none; } .header .basket .uss_basket_mini .amounts .countword { display: none; } .header .basket .uss_basket_mini .basket_widget_inner.empty .amounts { display: block !important; } .header .basket .uss_basket_mini #uss_block_basket_amount, .header .basket .uss_basket_mini .basket_widget_inner.empty #uss_block_basket_amount { position: absolute; right: 7px; top: 0; width: 24px; height: 24px; background: #009fe3; color: #fff; border-radius: 50%; text-align: center; line-height: 24px; font-size: 14px; border: 0px; font-weight: 700; } .header .basket .uss_basket_mini .basket_widget_inner.empty #uss_block_basket_amount:before { content: '0'; } .search { position: relative; } .uss_site_search { position: relative; width: 100%; height: 50px; overflow: hidden; } .content .uss_site_search { height: 50px; } .uss_site_search .uss_input_name { width: 100% !important; height: 100% !important; overflow: hidden !important; padding-left: 20px !important; padding-right: 55px; font-size: 16px; font-family: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; text-indent: 0px; margin: 0; border: 1px solid #e4ebf0; border-radius: 15px; } .uss_site_search .uss_input_name::-webkit-input-placeholder {color: #7a96a7 !important;} .uss_site_search .uss_input_name::-moz-placeholder {color: #7a96a7 !important;}/* Firefox 19+ */ .uss_site_search .uss_input_name:-moz-placeholder {color: #7a96a7 !important;}/* Firefox 18- */ .uss_site_search .uss_input_name:-ms-input-placeholder {color: #7a96a7 !important;} .uss_site_search .uss_submit { position: absolute; right: 0px; top: 0; display: block; background: url(/img/icon-search-black.svg) no-repeat center center transparent; background-size: 20px 20px; border: 0; height: 100%; height: 100% !important; color: #fff; padding: 0 10px; border-radius: 0 5px 5px 0; width: 56px; margin: 0; text-indent: -9999px; cursor: pointer; } .header .top-menu { margin-top: 45px; margin-bottom: 30px; } .top-menu ul { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .top-menu ul li { } .top-menu ul li + li { margin-left: 63px; } .top-menu a { position: relative; text-decoration: none; font-size: 18px; font-weight: 600; display: block; text-align: center; height: 50px; line-height: 50px; } .top-menu a.active, .top-menu a:hover { color: #009fe3; } .header .top-menu a:after { content: ''; width: 3px; height: 3px; border-radius: 50%; background: #7a96a7; left: 50%; -webkit-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% ); transform: translateX( -50% ); display: block; position: absolute; bottom: 0; z-index: 2; } .header .top-menu a:hover:after, .header .top-menu a.active:after { content: ''; width: 7px; height: 7px; background: #009fe3; bottom: -2px; } .sidebar .block:not(:last-child), .content .block:not(:last-child) { margin-bottom: 40px; } .block { position: relative; } .block .see-all { position: absolute; top: 15px; right: 0; color: #009fe3; text-decoration: none; font-weight: 600; } .container .h3 { position: relative; font-size: 30px; font-weight: 600; background: none; padding-left: 20px; margin-bottom: 20px; } .container .h3:before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #002230; position: absolute; left: 0; top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); } .positions .h3:after { content: ''; font-size: 12px; line-height: 1; color: #fff; padding: 6px 15px 5px; border-radius: 10px; position: absolute; margin: 10px 0 0 25px; font-weight: 400; } .positions.newbies .h3:after { content: 'Новинка'; background: #009fe3; } .positions.salesleader .h3:after { content: 'Хит'; background: #ef5252; } .positions.sales .h3:after { content: 'Скидка'; background: #ff7e38; } .positions .uss_eshop_block_item .img { text-align: center; } .positions .slick-slider { margin: 0 -30px; } .block.positions .slick-slider .slick-slide > div { text-align: center; padding: 0 25px; padding-bottom: 20px; } .block.positions .slick-slider .uss_eshop_block_item { margin: 0 auto; max-width: 360px; text-align: left; } .positions .slick-slider .slick-arrow { width: 60px; height: 60px; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: center center; border: 1px solid #e4ebf0; z-index: 2; margin: 0 !important; background-size: 11px 19px; transition: 0.25s; } .positions .slick-slider .slick-arrow:hover { box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); } .positions .slick-slider .slick-prev { left: 0px; background-image: url(/img/arrow-left-gray.svg); } .positions .slick-slider .slick-next { right: 0px; background-image: url(/img/arrow-right-gray.svg); } .positions .slick-slider .slick-prev:hover { background-image: url(/img/arrow-left-blue.svg); } .positions .slick-slider .slick-next:hover { background-image: url(/img/arrow-right-blue.svg); } @media (max-width: 1250px) { .block.positions .slick-slider .uss_eshop_block_item { max-width: 300px; } } @media (max-width: 1400px) { .positions .slick-slider { padding: 0 15px; margin: 0; } .block.positions .slick-slider .slick-slide > div { padding: 0 10px; } .positions .slick-slider .slick-arrow { width: 50px; height: 50px; } } /**/ .uss_shop_blocks_view { overflow: visible; } .block.positions .uss_eshop_block_item, .uss_shop_blocks_view .uss_eshop_item, .uss_eshop_sameproducts.blocks .item { background: #fff; border: 1px solid #e4ebf0; border-radius: 20px 20px 65px 20px; overflow: hidden; max-width: 350px; padding: 0px 30px 30px 30px; margin-right: 15px; margin-bottom: 50px; } .uss_eshop_sameproducts.blocks .item { padding-bottom: 20px; } .uss_shop_blocks_view .uss_eshop_item .uss_eshop_amount_block { display: none; } .uss_eshop_item .posimg_item .uss_img_holder_outer, .uss_eshop_sameproducts .imageWrapOuter { max-width: 100%; } .uss_shop_blocks_view .uss_eshop_item .uss_img_holder, .uss_eshop_sameproducts .item .imageWrap { border: 0; padding: 0; } .positions .uss_eshop_block_item .uss_shop_name { margin-top: 15px; } .positions .uss_eshop_block_item .uss_shop_name a, .uss_shop_blocks_view .uss_eshop_item .uss_shop_name a, .uss_eshop_sameproducts.blocks .title a { font-size: 18px; font-weight: 600; text-decoration: none; height: 74px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_name + div { margin-top: 15px; } .uss_shop_blocks_view .uss_eshop_item > div + div { margin-top: 3px; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_type_select .value, .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_type_select .jq-selectbox, .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_type_select .jq-selectbox__select { width: 100%; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_item { margin-bottom: 7px; } .uss_shop_blocks_view .uss_eshop_item .eshop_filters_area .eshop_filters_type_select .value { margin-top: 3px; } .uss_eshop_sameproducts.blocks .title a { font-size: 14px; line-height: 22px; height: 62px; } .uss_eshop_sameproducts .item .price { font-size: 20px; margin: 15px 0 0; } .uss_eshop_sameproducts.blocks .price .old_price { display: block; font-size: 14px !important; color: #7a96a7 !important; } .uss_eshop_sameproducts.blocks .price .old_price + .actual_price { margin-top: 7px; } .uss_eshop_sameproducts.blocks .price .actual_price { display: block; font-weight: 600; } .uss_eshop_sameproducts.blocks .price .old_price .currency_class { font-size: 12px; } .uss_eshop_sameproducts.blocks .price .actual_price .currency_class { font-size: 16px; font-weight: 600; } .positions .uss_eshop_block_item .uss_eshop_amount_block { display: none; } .positions .uss_eshop_block_item:hover, .uss_shop_block_cat .uss_shop_category:hover, .uss_shop_blocks_view .uss_eshop_item:hover, .uss_eshop_sameproducts.blocks .item:hover { box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); } .positions .uss_eshop_block_item:hover .uss_shop_name a, .uss_shop_blocks_view .uss_eshop_item:hover .uss_shop_name a, .uss_eshop_sameproducts.blocks .item:hover .title a { color: #009fe3; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_price, .uss_eshop_block_item .uss_shop_price, .uss_shop_blocks_view .uss_eshop_item .uss_shop_by { margin: 0px 0; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_price, .uss_eshop_block_item .uss_shop_price { margin: 8px 0; } .uss_eshop_block_item .uss_shop_price span.old_price, .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.old_price { display: block; font-size: 16px; color: #7a96a7; } .uss_eshop_block_item .uss_shop_price span.actual_price, .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.actual_price { margin: 7px 0 0 0 !important; color: #002230; font-size: 26px; font-weight: 600; } .uss_eshop_block_item .uss_shop_price span.old_price .currency_class, .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.old_price .currency_class { font-size: 12px; } .uss_eshop_block_item .uss_shop_price span.actual_price .currency_class, .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.actual_price .currency_class { font-size: 18px; } .positions .add_to_cart, .uss_shop_blocks_view .uss_eshop_item .add_to_cart { position: relative; width: 70px; height: 70px; border-radius: 50%; background: #009fe3 url(/img/icon-basket-white.svg) no-repeat 15px center; background-size: 35px; display: block; text-indent: -9999px; } .price_buy_btns { margin-top: 25px; min-height: 70px; display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /**/ .container .positions .h3:before { content: ''; background: #009fe3; } .uss_eshop_icons.icons_display_place_2 .one_icon > a { /*display: none;*/ } .uss_eshop_icons.icons_display_place_2 .one_icon > a img { display: block; height: 24px; opacity: 0; } .uss_eshop_icons.icons_display_place_2 .one_icon { position: relative; min-width: 57px; } .uss_eshop_icons.icons_display_place_2 .one_icon.leader_icon { position: relative; min-width: 52px; } .uss_eshop_icons.icons_display_place_2 .one_icon:after { content:''; display: block; color: #fff !important; position: absolute; line-height: 1; top: 0; font-size: 12px; padding: 5px 15px; border-radius: 0 0 10px 10px; } .uss_eshop_icons.icons_display_place_2 .one_icon.new_icon:after { content: 'Новинка'; background: #009fe3; } .uss_eshop_icons.icons_display_place_2 .one_icon.leader_icon:after { content: 'Хит'; background: #ef5252; } .uss_eshop_icons.icons_display_place_2 .one_icon.sale_icon:after { content: 'Скидка'; background: #ff7e38; } .uss_eshop_icons .one_icon { margin: 0 10px 0 0; } /*категории на главной*/ .catalog-block .uss_eshop_menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .catalog-block .uss_eshop_menu > li { background: #fff; border: 1px solid #e4ebf0; border-radius: 20px 20px 65px 20px; margin-right: 15px; margin-bottom: 40px; width: 267px; max-width: 267px; padding-bottom: 50px; overflow: hidden; } .catalog-block .uss_eshop_menu > li .eshop_menu_image a img { display: block; } .catalog-block .uss_eshop_menu > li > a { font-size: 24px; text-decoration: none; display: block; font-weight: 600; margin-top: 25px; padding: 0 30px; } .catalog-block .uss_eshop_menu > li > .uss_tree_description { margin-top: 15px; /*padding: 0 30px;*/ } .catalog-block .uss_eshop_menu > li > .eshop_menu_image ~ *, .uss_shop_block_cat .uss_shop_cat_img_wrap ~ * { padding: 0 30px; } .uss_shop_block_cat .uss_shop_cat_text { font: inherit; } .catalog-block .uss_eshop_menu > li > .submenu, .uss_shop_cat_cat { margin-top: 12px; } .catalog-block .uss_eshop_menu > li > .submenu .eshop_menu_image img { display: none; } .catalog-block .uss_eshop_menu > li > .submenu li + li, .uss_shop_cat_cat a + a { margin-top: 5px; } .catalog-block .uss_eshop_menu > li > .submenu li a, .uss_shop_cat_cat a { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; position: relative; padding-left: 12px; line-height: 20px; } .catalog-block .uss_eshop_menu > li > .submenu li a:after, .uss_shop_cat_cat a:after { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #009fe3; position: absolute; left: 0px; top: 7px; } .catalog-block .uss_eshop_menu > li > .submenu li a:hover, .uss_shop_cat_cat a:hover { color: #009fe3; } .uss_shop_cat_cat a { display: block; } .catalog-block .uss_eshop_menu > li > .submenu a, .uss_shop_cat_cat a { text-decoration: none; font-size: 14px; } .catalog-block .uss_eshop_menu > li:hover { box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); } .catalog-block .uss_eshop_menu > li:hover > a { color: #009fe3; } /*категории на главной end*/ /*фильтры в сайдбаре*/ .sidebar_filter_openner_btn { position: relative; color: #fff; margin-bottom: 15px; background: #009fe3; padding: 15px 15px 15px 62px; border-radius: 20px; box-shadow: 15px 15px 20px rgb(40 107 146 / 20%); margin-bottom: 30px; cursor: pointer; } .sidebar_filter_openner_btn:before { content: ''; background: url(../img/open-menu-white.svg) no-repeat center center; position: absolute; left: 30px; display: block; width: 17px; height: 15px; top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); } /*фильтры в сайдбаре end*/ /*каталог в сайдбаре*/ .sidebar-search { margin-bottom: 15px; } .sidebar-catalog { overflow: hidden; } .sidebar-catalog .uss_eshop_menu > li { } .sidebar-catalog .uss_eshop_menu > li > a { position: relative; padding: 7px 15px 7px 30px; display: block; font-size: 18px; line-height: 26px; text-decoration: none; } .sidebar-catalog .uss_eshop_menu > li:first-child > a:before { content: ''; position: absolute; width: 1px; height: 1000px; background: #d6e1e9; top: 50%; left: 3px; display: block; bottom: 1px; } .sidebar-catalog .uss_eshop_menu > li.last > a:before { content: ''; position: absolute; width: 1px; height: 30px; background: #eff4f7; top: 50%; left: 3px; display: block; bottom: 1px; } .sidebar-catalog .uss_eshop_menu > li > a:after { content: ''; width: 3px; height: 3px; border-radius: 50%; background: #7a96a7; left: 2px; top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); display: block; position: absolute; bottom: 0; z-index: 2; } .sidebar-catalog .uss_eshop_menu > li > a:hover:after, .sidebar-catalog .uss_eshop_menu > li > a.active:after { content: ''; width: 7px; height: 7px; background: #009fe3; left: 0px; } .sidebar-catalog .uss_eshop_menu > li > a:hover, .sidebar-catalog .uss_eshop_menu > li > a.active { color: #009fe3; } .sidebar-catalog .uss_eshop_menu > li > .submenu { padding-left: 30px; margin-bottom: 10px; } .sidebar-catalog .uss_eshop_menu > li > .submenu > li + li { margin-top: 7px; } .sidebar-catalog .uss_eshop_menu > li > .submenu > li > a { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; position: relative; padding-left: 12px; line-height: 1.3; text-decoration: none; } .sidebar-catalog .uss_eshop_menu > li > .submenu > li > a:after { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #009fe3; position: absolute; left: 0px; top: 7px; } .sidebar-catalog .uss_eshop_menu > li > .submenu > li > a.active, .sidebar-catalog .uss_eshop_menu > li > .submenu > li > a:hover { color: #009fe3; } /*каталог в сайдбаре end*/ /*раздел новости*/ .news-block .uss_widget_outer_content { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .news-block .news_block_item { max-width: calc((100% - (1) * 40px) / 2); margin-right: 15px; margin-bottom: 30px; } .news_list .news_item { margin-bottom: 30px; } .news_list.news_block_items .news_item { margin: 0 20px 30px 0; } .news_block_item .image { float: none; padding: 0; } .news_block_item .image img { display: block; border-radius: 12px; } .news_block_item .date { margin-bottom: 10px; } .news_block_item .image, .news_list.news_block_items .news_item .image { margin: 0 0 7px 0; } .news_block_item .title, .news_list .title, .similar_items_block .news_item .title { font-size: 18px; line-height: 1.4; font-weight: 600; } .news_block_item .title a, .news_list .title a, .similar_items_block .news_item .title a { text-decoration: none; } .news_block_item .title a:hover, .news_list .title a:hover, .similar_items_block .news_item .title a:hover { color: #009fe3; } .news_block_item .title { margin-bottom: 10px; } .news_list .image, .news_exact_item .uss_img_wrapper .uss_img_big { border: 0; } .news_list .image img, .uss_news.news_exact_item img { border-radius: 12px; } .news_block_item .commentsAmount { margin-left: 10px; font-size: 14px; white-space: nowrap; text-decoration: none; } .news_block_item .commentsAmount img { position: relative; top: 5px; } .section_news .uss_ok_form, .section_news .uss_error_form { margin-top: 25px; } .uss_news_date, .news_list .date, .uss_news .date, .news_block_item .date, .similar_items_block .news_item .date { margin-bottom: 8px; display: inline-block; font-size: 14px; line-height: 1; color: #7988a5; } .uss_news_back { margin-top: 15px; } .similar_items_block { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .similar_items_block .news_item { max-width: calc((100% - (1) * 15px) / 2); margin-right: 15px; margin-bottom: 20px; } .similar_items_block .news_item .info { margin-top: 7px; } .similar_items_block .news_item .info > div + div { margin-top: 5px; } .similar_items_block .news_item .preview p { margin: 0; } .similar_items_block .news_item .preview p + p { margin-top: 7px; } .sidebar .news_block_item:not(:last-child) { border-bottom: 1px solid #ebebef; padding-bottom: 20px; margin-bottom: 20px; } .sidebar .news_block_item .image { margin-bottom: 0; } .sidebar .info { margin-top: 20px; } .sidebar .info .preview { font-size: 14px; } .sidebar .info .preview p { font-size: inherit; } .sidebar .info .date { position: absolute; right: 0; margin-top: -44px; background: #009fe3; color: #fff; padding: 5px 10px; border-radius: 12px 0 12px 0; } .sidebar .news_block_item { margin-bottom: 0; position: relative; } /*раздел новости end*/ .container + .partners-map { margin-top: 0; } .partners-map { margin: 60px 0; } .partners-map .inner-hd { padding: 0 15px; } .partners-map .h3 { position: relative; font-size: 30px; font-weight: 600; background: none; padding-left: 20px; margin-bottom: 20px; } .partners-map .h3:before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #002230; position: absolute; left: 0; top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); } .map-container { position: relative; overflow: hidden; } .map-container > .partner-container { position: absolute; left: 100px; top: 100px; width: 400px; z-index: 2; max-height: calc(100% - 200px); } .city-container { position: relative; background: #fff; border-radius: 20px; overflow: hidden; border: 1px solid #e4ebf0; box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); } .map-container .city-title { position: relative; background: #fff; /* border-radius: 20px; */ font-size: 18px; font-weight: 600; padding: 20px 20px 20px 60px; /* border: 1px solid #e4ebf0; */ cursor: pointer; /* box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); */ line-height: 1; } .map-container .city-title:before { content:''; width: 22px; height: 28px; background: url(/img/pin.svg) no-repeat; background-size: 22px 28px; display: inline-block; position: absolute; left: 24px; top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); } .map-container .city-title:after { content:''; width: 19px; height: 11px; background: url(/img/arrow-down-black.svg) no-repeat; background-size: 19px 11px; display: inline-block; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); -webkit-transition: 0.25s; transition: 0.25s; } .map-container .city-title.opened:after { content: ''; -webkit-transform: translateY( -50% ) scale(1, -1); -ms-transform: translateY( -50% ) scale(1, -1); -o-transform: translateY( -50% ) scale(1, -1); transform: translateY( -50% ) scale(1, -1); } .map-container .city-title.opened .city-list__wrapper { background: #fff; border-radius: 20px; box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); } .city-list__wrapper { padding: 15px 0 15px 60px; background: #fff; } .city-list__wrapper, .partner-container .partner-list { position: relative; } .city-list ul { margin: 0; overflow: auto; min-height: 200px; max-height: 500px; } .city-list ul::-webkit-scrollbar {width: 5px; background: #dee7ee; padding-right: 13px;} .city-list ul::-webkit-scrollbar-track {background: transparent; border-radius: 10px;} .city-list ul::-webkit-scrollbar-thumb {background-color: #009fe3; border-radius: 10px;} .city-list ul::-webkit-scrollbar-button {display: none;} .city-list__item { cursor: pointer; } .city-list ul li { padding-left: 0; line-height: 1; margin-bottom: 10px; } .city-list ul li:after { display: none; } .city-container + .partner-container { margin-top: 20px; background: #fff; box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); } .partner-container .partner-list { display: none; padding: 20px 15px 20px 25px; overflow: hidden; border: 1px solid #e4ebf0; } .city-container + .partner-container, .partner-container .partner-list { border-radius: 20px 20px 20px 60px; } .partner-container .partner-list ul { display: block; margin: 0; padding-right: 20px; overflow: auto; height: 480px; height: 350px; max-height: 480px; max-height: 350px; -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%); mask-image: linear-gradient(to bottom, black 85%, transparent 100%); } .partner-container .partner-list ul::-webkit-scrollbar {width: 4px; background: #dee7ee; padding-right: 13px;} .partner-container .partner-list ul::-webkit-scrollbar-track {background: transparent;border-radius: 10px;} .partner-container .partner-list ul::-webkit-scrollbar-thumb {background-color: #009fe3; border-radius: 10px;} .partner-container .partner-list ul::-webkit-scrollbar-button {display: none;} .partner-container .partner-list ul li { padding-left: 0; } .partner-container .partner-list ul li:last-child { margin-bottom: 40px; } .partner-container .partner-list ul li:after { display: none; } .partner-container .partner-list ul li.partner-item:first-child { padding: 0; margin: 0; border: 0; } .partner-container .partner-list ul li.partner-item { padding-top: 20px; margin-top: 20px; border-top: 1px solid #e4ebf0; } .partner-container .partner-list ul li.partner-item > div { line-height: 1.4; } .partner-item__title { font-weight: 600; cursor: pointer; padding-bottom: 5px; } .partner-item__address, .partner-item__work-time { font-size: 14px; } .partner-item__address, .partner-item__work-time, .partner-item__phone { padding: 5px 0; } .partner-item__phone .item-value { font-weight: 600; } .map-container #map { border-radius: 60px; height: 800px; overflow: hidden; border: 1px solid #e4ebf0; } .mainpage .block.positions { margin-top: -6px; } .mainpage .partners-map .h3.map-title, .partners-map .h3.map-title { font-size: 36px; line-height: 1.2; margin-bottom: 50px; } .mainpage .map-container, .map-container { overflow: hidden; } .mainpage .map-container #map, .map-container #map { border-radius: 100px 0px 0px 60px; overflow: hidden; } .mainpage .partners-map .h3, .partners-map .h3 { position: relative; margin: 0 auto; width: 1610px; max-width: 100%; padding-left: 15px; padding-right: 15px; } .gde_kupit .container { padding-bottom: 0; } .gde_kupit .partners-map { margin-top: 15px; } .gde_kupit .uss_section_content .map-container { /*display: none;*/ } @media (min-width:1810px) { .mainpage .map-container, .map-container { margin-left: 15px; width: calc(100% - 15px); } .mainpage .partners-map .inner-hd, .singlepage .partners-map .inner-hd { padding-left: 15px; padding-right: 0; } } @media (max-width: 1800px) { .mainpage .map-container, .map-container { margin-left: 0px; width: 100%; } } @media (max-width: 1600px) { .map-container #map { height: 600px; } .map-container > .partner-container { left: 50px; top: 50px; width: 350px; } .partner-container .partner-list ul { max-height: 380px; } .city-list ul { max-height: 410px; } } @media (max-width:768px) { .map-container > .partner-container { position: relative; width: 100%; left: auto; top: auto; margin-bottom: 20px; } .city-container + .partner-container, .partner-container .partner-list, .city-container, .map-container #map { border-radius: 15px; } .partner-container .partner-list ul { height: auto; max-height: 390px; } .city-list__wrapper:after, .partner-container .partner-list:after { display: none; } .city-container, .city-container + .partner-container { box-shadow: none; } .map-container .city-title { padding: 15px 20px 15px 60px; } .city-list ul { min-height: 30px; } .map-container #map { height: 390px; } } .bread { font-size: 14px; font-weight: 400; line-height: 26px; margin-bottom: 20px; color: #002230; word-break: break-word; } .bread a { text-decoration: none; display: inline-block; vertical-align: middle; color: #009fe3; } .bread a:hover { /*color: #fff200;*/ } .bread span { position: relative; width: 16px; display: inline-block; vertical-align: middle; text-align: center; color: #7a96a7; min-height: 18px; } .uss_pagenator { margin-top: 30px; } .uss_pagenator .uss_page_count { display: none; } .uss_pagenator .uss_page_num { margin: 0 0 -3px 0; } .uss_pagenator .uss_page_num .uss_page { padding: 0; margin: 0px 7px 10px 0px !important; display: inline-block; } .uss_pagenator a { font-size: 18px; font-weight: 600; } .uss_pagenator .uss_page_num .uss_page a, .uss_pagenator .uss_page_num .uss_10_pages_bac a, .uss_pagenator .uss_page_num .uss_page_forward, .uss_pagenator .uss_page_num .uss_page_forward a, .uss_pagenator .uss_page_num .uss_10_pages_forward a { border-radius: 50%; width: 60px; height: 60px; line-height: 60px; border: 1px solid #e4ebf0; text-align: center; background: #fff; text-decoration: none; display: inline-block; transition: 0.2s; } .uss_pagenator .uss_page_num .uss_page a, .uss_pagenator .uss_page_num .uss_page_forward, .uss_pagenator .uss_page_num .uss_page_forward a { background: #fff; } .uss_pagenator .uss_page_num .uss_page.uss_page_selected { border: 0; margin: 0; padding: 0; } .uss_pagenator .uss_page_num .uss_page.uss_page_selected a, .uss_pagenator .uss_page_num .uss_10_pages_bac a:hover, .uss_pagenator .uss_page_num .uss_page_forward a:hover, .uss_pagenator .uss_page_num .uss_10_pages_forward a:hover, .uss_pagenator .uss_page_num .uss_page a:hover { background: #009fe3; color: #fff; border: 1px solid #009fe3; box-shadow: 10px 10px 20px rgb(40 107 146 / 20%); } .uss_pagenator .uss_page_num .uss_10_pages_bac, .uss_pagenator .uss_page_num .uss_10_pages_forward, .uss_pagenator .uss_page_num .uss_page_forward { font-size: 20px; margin: 0 0px 0 3px; } /*список категорий*/ .uss_shop_content { margin-bottom: 40px; } .uss_shop_block_cat .uss_shop_category { background: #fff; border: 1px solid #e4ebf0; border-radius: 20px 20px 65px 20px; margin-right: 15px; margin-bottom: 40px; max-width: 267px; padding-bottom: 50px; overflow: hidden; } .uss_shop_block_cat .uss_shop_cat_img_wrap { margin: 0; } .uss_shop_block_cat .uss_shop_cat_img { border: 0; } .uss_shop_block_cat .uss_shop_cat_img a { margin: 0; } .uss_shop_block_cat .uss_shop_cat_name a { font-size: 22px; text-decoration: none; display: block; font-weight: 600; margin-top: 25px; } /*список категорий end*/ /*список товаров*/ .uss_eshop_filters { background: rgba(0,0,0,0.1); padding: 10px 10px 10px; margin-bottom: 10px; overflow: hidden; } .uss_eshop_filters_block { margin-bottom: 0; } .uss_eshop_filters_block.simple_filters .filter_price.filter_item { margin-top: 0; } .uss_eshop_filters_block .filter_item { margin: 0px; } .uss_shop_content:empty { display: none; } .uss_shop_content2 > * { margin-bottom: 20px; } .uss_eshop_sort_block { overflow: hidden; float: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #009fe3; color: #fff; padding: 27px 30px; border-radius: 20px 20px 60px 20px; box-shadow: 15px 15px 20px rgb(40 107 146 / 20%); margin: 0 0 40px 0; } .sort_settings noindex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sort_settings noindex > a { margin-left: 0px; text-decoration: none; border-bottom: 1px dashed; display: inline-block; line-height: 22px; margin-bottom: -2px; } .sort_settings noindex > .sort__item:first-child, .sort_settings noindex > a:first-child { margin-left: 20px; } .sort_settings noindex > a:hover { border-color: transparent; } .sort_settings a { color: #fff; } .sort_settings__title { margin: 7px 20px 7px 0; } .sort_settings .sort__item { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 10px 20px 10px 0; white-space: nowrap; } .sort_settings .sort__item .arrow { padding-right: 0; } .sort_settings .sort__item > a { line-height: 22px; text-decoration: none; border-bottom: 1px dashed; } .sort_settings .sort__item > a:hover { border-color: transparent; } .sort_settings .arrow { padding: 0 12px 0 10px; } .sort_settings .arrow a { position: relative; width: 28px; height: 28px; border-radius: 50%; background: #0086c5; display: inline-block; text-align: center; color: #fff; text-indent: -9999px; transition: 0.3s; } .sort_settings .arrow a:hover, .sort_settings .arrow a.activ_sort { background: #fff; } .sort_settings .arrow a[href$="asc"], .sort_settings .arrow a[href$="desc"] { position: relative; } .sort_settings .arrow a[href$="asc"]:after { content:''; width: 12px; height: 6px; background: url(/img/sort-arrow-top.png) no-repeat center center #0086c5; background: url(/img/sort-arrow-up-white.svg) no-repeat center center; background-size: 12px 6px; display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .sort_settings .arrow a[href$="asc"]:hover:after, .sort_settings .arrow a[href$="asc"].activ_sort:after { content:''; background: url(/img/sort-arrow-up-blue.svg) no-repeat center center; } .sort_settings .arrow a[href$="desc"]:after { content:''; width: 12px; height: 6px; background: url(/img/sort-arrow-down.png) no-repeat center center #0086c5; background: url(/img/sort-arrow-down-white.svg) no-repeat center center; background-size: 12px 6px; display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .sort_settings .arrow a[href$="desc"]:hover:after, .sort_settings .arrow a[href$="desc"].activ_sort:after { content:''; background: url(/img/sort-arrow-down-blue.svg) no-repeat center center; } .sort_settings .arrow a + a { margin-left: 4px; } .uss_eshop_sort_block .filter_show_by_links { margin-left: 0; white-space: nowrap; } .uss_eshop_sort_block .filter_show_by_links .jq-selectbox__select { height: 50px; line-height: 50px; background: #0086c5 !important; border: 0 !important; border-radius: 15px !important; margin-left: 15px; padding-left: 20px; padding-right: 85px; } .uss_eshop_sort_block .jq-selectbox__select-text { font-size: 16px; text-shadow: none; color: #fff; padding: 0; } .uss_eshop_sort_block .jq-selectbox__trigger { width: 50px; height: 50px; border-radius: 0 15px 15px 15px; background: #fff; border: 0; top: 0; } .uss_eshop_sort_block .jq-selectbox .jq-selectbox__trigger:after { content:''; width: 14px; height: 8px; background: url(/img/arrow-down-black.svg) no-repeat; background-size: 14px 8px; display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.25s; transition: 0.25s; } .uss_eshop_sort_block .jq-selectbox.opened .jq-selectbox__trigger:after { content:''; -webkit-transform: translate(-50%,-50%) scale(1, -1); -ms-transform: translate(-50%,-50%) scale(1, -1); -o-transform: translate(-50%,-50%) scale(1, -1); transform: translate(-50%,-50%) scale(1, -1); } .uss_eshop_sort_block .jq-selectbox__trigger .jq-selectbox__trigger-arrow { display: none; } .uss_eshop_item .uss_shop_amount_left strong, .uss_eshop_item .uss_shop_producer strong, .uss_eshop_item .uss_shop_uid strong, .uss_eshop_item .eshop_filters_item .title { font-weight: 400; } .uss_shop_amount_left strong, .uss_shop_producer strong, .uss_shop_uid strong, .eshop_filters_item .title { color: #7a96a7; } .block.positions .add_to_cart.already_in_cart, .uss_shop_blocks_view .add_to_cart.already_in_cart { display: none; } /*список товаров end*/ /*карточка товара*/ .uss_shop_detail .uss_img_wrapper { position: relative; margin: 0 60px 0px 0; float: left; display: block; } .uss_shop_detail .uss_img_big { margin-right: 0; margin-bottom: 0px; } .uss_shop_detail .uss_img_wrapper .icons_display_place_2 { left: 30px; } .uss_shop_detail .uss_img_big, .uss_shop_detail .uss_img_ico_box .uss_img_ico { border: 0px solid #eeeeee; } .uss_shop_detail .uss_img_big img, .uss_shop_detail .uss_img_ico_box .uss_img_ico img { border: 1px solid #e4ebf0; border-radius: 15px; } .uss_shop_detail .uss_img_big img { border-radius: 20px 20px 65px 20px; } .uss_shop_detail .uss_img_wrapper .uss_img_ico_box .uss_img_ico { margin-top: 0; margin-top: 30px; } .uss_shop_detail .uss_img_wrapper .uss_img_ico_box .uss_img_ico:nth-of-type(2), .uss_shop_detail .uss_img_wrapper .uss_img_ico_box .uss_img_ico:nth-of-type(3), .uss_shop_detail .uss_img_wrapper .uss_img_ico_box .uss_img_ico:nth-of-type(4) { margin-right: 34px !important; } .uss_shop_detail .eshop_filters_area .title { font-weight: 600; } .uss_shop_detail .eshop_filters_item .value { font-weight: 600; } .uss_shop_detail .uss_shop_full_description { position: relative; } .uss_shop_detail .uss_shop_technical_data { min-width: 320px; } .uss_shop_detail .uss_img_wrapper { margin-bottom: 50px; } .uss_shop_detail .uss_img_wrapper:after, .uss_shop_detail .uss_shop_technical_data:after { content: ''; display: table; clear: both; } .uss_shop_detail .uss_shop_technical_data .uss_shop_description { font-size: 24px; font-weight: 600; line-height: 1.4; margin-bottom: 15px; } .uss_shop_detail .uss_shop_technical_data > div:first-child { margin-top: 0 !important; } .uss_shop_detail .uss_shop_technical_data > div + div { /*margin-top: 15px;*/ } .uss_shop_detail .uss_shop_technical_data .uss_shop_description + .uss_shop_uid { /*margin-top: 15px;*/ } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area { margin-top: 5px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_amount_left , .uss_shop_detail .uss_shop_technical_data .uss_shop_producer, .uss_shop_detail .uss_shop_technical_data .uss_shop_uid { font-weight: 600; margin-bottom: 5px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_amount_left strong, .uss_shop_detail .uss_shop_technical_data .uss_shop_producer strong, .uss_shop_detail .uss_shop_technical_data .uss_shop_uid strong, .uss_shop_detail .uss_shop_technical_data .eshop_filters_item .title { color: #7a96a7; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_group_title:empty { display: none; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_group_title { font-size: 18px; font-weight: 500; margin-bottom: 15px; margin-top: 15px; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_line { display: block; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_line .title { font-weight: 600; display: block; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_line .value { display: block; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_item.eshop_filters_type_select { margin: 17px 0; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_item.eshop_filters_type_select .title { color: #002230; margin-bottom: 7px; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_item.eshop_filters_type_select .value .jq-selectbox { width: 360px; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_items .jq-selectbox__select, .uss_shop_detail .uss_shop_technical_data .eshop_filters_area .eshop_filters_line .jq-selectbox__select { width: 100%; } .uss_shop_detail .uss_shop_technical_data .price_buy_btns { margin-top: 40px; background: #fff; padding: 15px 30px 15px 30px; border: 1px solid #e4ebf0; border-radius: 20px 20px 60px 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .uss_shop_detail .uss_shop_technical_data .price_buy_btns .uss_shop_price { margin: 15px 30px 15px 0; display: inline-block; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.price { display: block; white-space: nowrap; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.price.old_price { font-size: 18px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.price:not(.old_price) { font-size: 36px; font-weight: 600; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.old_price + span.price:not(.old_price) { margin-top: 10px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.price:not(.old_price) .currency_class { font-size: 24px; font-weight: 600; } .uss_shop_detail .uss_shop_technical_data .price_buy_btns .uss_shop_by { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 15px 0; } .uss_shop_detail .uss_shop_technical_data .uss_shop_by .uss_eshop_amount_block { position: relative; display: inline-block; margin-right: 30px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_by .uss_eshop_amount_block .amount_title { display: block; font-size: 14px; line-height: 1; } .uss_shop_detail .uss_shop_technical_data .uss_shop_by input { margin-top: 8px; width: 60px; font-size: 18px; border: 1px solid #e4ebf0; border-radius: 15px; background: #edf2f6; text-align: center; margin-right: 0; height: 46px; line-height: 46px; padding: 0 10px; } .uss_shop_detail .uss_shop_technical_data .add_to_cart { position: relative; display: inline-block; background: #009fe3 url(/img/icon-basket-white.svg) no-repeat left 30px center; background-size: 35px; text-decoration: none; color: #fff; height: 35px; line-height: 35px; padding: 17px 40px 17px 80px; border-radius: 15px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .uss_eshop_tabs:before { content:''; display: table; clear: both; } .uss_catalog_tabs, .uss_eshop_tabs { position: relative; margin: 40px 0 0 0; } .uss_eshop_tabs:before { content:''; display: table; clear: both; } div.uss_catalog_tabs .uss_catalog_tabs_navigation, div.uss_eshop_tabs .uss_eshop_tabs_navigation { /*background: #f3f3f5;*/ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } div.uss_catalog_tabs .uss_catalog_tabs_navigation span:hover, div.uss_eshop_tabs .uss_eshop_tabs_navigation span:hover { opacity: 1; } div.uss_catalog_tabs .uss_catalog_tabs_navigation span, div.uss_eshop_tabs .uss_eshop_tabs_navigation span { font-size: 18px; line-height: 60px; height: 60px; font-weight: 600; padding: 0 30px; box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: #fff; color: #7a96a7; border-radius: 20px 20px 0 0; border: 1px solid #e4ebf0; border-bottom: 0; flex: 1; text-align: center; max-width: 26%; } div.uss_eshop_tabs .uss_eshop_tabs_navigation span.selected, div.uss_eshop_tabs .uss_eshop_tabs_navigation span:hover, div.uss_catalog_tabs .uss_catalog_tabs_navigation span.selected, div.uss_catalog_tabs .uss_catalog_tabs_navigation span:hover { background: #009fe3; color: #fff; border: 1px solid #009fe3; border-bottom: 0; } div.uss_catalog_tabs .uss_catalog_tabs_navigation span + span { margin-left: -1px; } div.uss_catalog_tabs div.tab_items, div.uss_eshop_tabs div.tab_items { position: relative; padding: 25px 30px; line-height: 22px; box-shadow: none !important; border: 0; border: 1px solid #e4ebf0; border-top: 1px solid #e4ebf0; border-bottom: 0px solid #e4ebf0; background: #fff; } div.uss_catalog_tabs div.tab_items:after, div.uss_eshop_tabs div.tab_items:after { content:''; clear: both; display: table; } div.uss_eshop_tabs .tab_item table { width: 100%; } div.uss_eshop_tabs .tab_item table tr td { padding: 15px 20px; vertical-align: middle; border-bottom: 1px solid #dce6ed; min-width: 215px; } div.uss_eshop_tabs .tab_item table tr:first-child td { background: #eff4f7; border-bottom: 0; font-weight: 600; } div.uss_catalog_tabs div.tab_items .tab_item table { margin: 3px 0; } div.uss_eshop_tabs div.tab_items .tab_item table tr:nth-child(even) td, div.uss_catalog_tabs div.tab_items .tab_item table tr:nth-child(even) td { /*background: #f3f3f5;*/ } table.uss_table_darkgrey10 td, table.uss_table_darkgrey10 th, table.uss_table_darkgrey5 td, table.uss_table_darkgrey5 th { border: 1px solid #eaeaf1; } div.uss_catalog_tabs div.tab_items p, div.uss_eshop_tabs div.tab_items p { margin: 0; } div.uss_catalog_tabs div.tab_items p+p, div.uss_eshop_tabs div.tab_items p+p, div.uss_eshop_tabs .tab_item > * + table, div.uss_eshop_tabs .tab_item > * + .tableScoller-wrap { margin-top: 25px; } div.uss_eshop_tabs .tab_item a, .partner-item a { text-decoration: none; color: #009fe3; } .basket-message, .basket-send-message-block { position: absolute; background: #009fe3; border: 1px solid #e4ebf0; color: #fff; } .basket-message:after, .basket-send-message-block:after { border-top: 8px solid #009fe3; border-right: 8px solid transparent; border-left: 8px solid transparent; } .bread a:hover, div.uss_eshop_tabs .tab_item a:hover, .block .see-all:hover, .partner-item a:hover, .contacts .email a:hover, .uss_forum .topics_item .block_title a:hover, .uss_forum .datacontainer div.block_title a:hover { text-decoration: underline; } .icons_display_place_2 { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .h3.h_op { margin: 0; padding: 0 0 0 20px; } .h3.h_op + .uss_eshop_sameproducts { margin-top: 25px; } .uss_sameproducts_block:before { content: ''; width: 100%; height: 3px; background: #eff4f7; display: block; margin-bottom: 30px; } .uss_sameproducts_block { position: relative; padding: 25px 30px 0px 30px; border: 1px solid #e4ebf0; border-top: 0; background: #fff; border-radius: 0px 0px 65px 20px; } .uss_eshop_sameproducts.blocks .item { margin-bottom: 25px; } .uss_shop_detail { position: relative; } .uss_shop_detail:after { content:''; display: table; clear: both; } .product-page .block.positions:before { content: ''; width: 100%; height: 3px; background: #fff; display: block; position: absolute; top: -35px; } .product-page .block.positions { position: relative; margin-top: 60px; } .product-page .block.positions .h3 { margin-bottom: 30px; } /*карточка товара end*/ /*услуги*/ .catalog_menu_item .catalog_orderbutton, .uss_catalog_block_cat .catalog_orderbutton, .uss_catalog_detail .catalog_orderbutton, .uss_catalog_list_cat .catalog_orderbutton { padding: 0px 10px; display: inline-block; font-size: 18px; line-height: 54px; min-width: 150px; height: 54px; text-align: center; font-weight: 600; text-decoration: none; border-radius: 0; color: #fff; background: #009fe3; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; transition: 0.2s; } .catalog_menu_item .catalog_orderbutton:hover, .uss_catalog_block_cat .catalog_orderbutton:hover, .uss_catalog_detail .catalog_orderbutton:hover, .uss_catalog_list_cat .catalog_orderbutton:hover { -webkit-box-shadow: none; box-shadow: none; opacity: 1; background: #161713; color: #fff; } .catalog_orderform_tml .catalog_orderform_window_wrap { width: 390px; } .catalog_orderform_window .fc_form_tml .jq-checkbox { margin-right: 8px; } .uss_catalog_detail img { border-radius: 4px; } /*услуги end*/ .modal { background: rgba(0, 0, 0, 0.65); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1005; display: none; font-size: 15px; line-height: 1.2; color: #303030; } .modal .modal-wrap { max-height: 100vh; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1001; padding: 25px; border-radius: 15px; width: 360px; max-width: calc(100vw - 100px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal .modal-wrap .h3, .buy_one_click_form_tml .uss_buy_one_click_title, .catalog_orderform_tml .h3 { background: none; font-size: 25px; line-height: 26px; font-family: 'Manrope'; font-weight: 500; text-align: center; display: block; margin-top: 0; margin-bottom: 20px; padding-bottom: 0; border-bottom: 0px; } .modal .modal-wrap .group .fc_item { margin-bottom: 15px; } .modal .modal-wrap .group .fc_item:not(.block) { max-width: 420px; width: 100%; } .modal .modal-wrap .group .fc_item label.sector_title { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .modal .modal-wrap .group .fc_item .elem_item { width: 100%; } .modal .modal-wrap .group .fc_item .elem_item input, .modal .modal-wrap .group .fc_item .elem_item textarea { -webkit-box-sizing: border-box; box-sizing: border-box; } .modal .modal-wrap .group:not(.end) .fc_item .elem_item input { width: 100%; /*height: 40px;*/ } .modal .modal-wrap .group .fc_item .elem_item textarea { width: 100%; height: 90px; } .modal .modal-wrap .group .fc_item.fc_radio .radio_label .jq-radio ~ * { font-weight: normal; font-size: 14px; } .modal .modal-wrap .group .fc_item.fc_radio label:hover .jq-radio { border-color: #d60420; } .modal .fc_form_tml .group.end { text-align: center; } .modal .modal-wrap .group .fc_item.fc_checkbox, .modal .modal-wrap .group .fc_item.fc_checkbox_one { font-size: 14px; width: 100%; display: inline; } .modal .modal-wrap .group .fc_item.fc_checkbox .elem_item, .modal .modal-wrap .group .fc_item.fc_checkbox_one .elem_item { width: auto !important; display: inline; vertical-align: middle; } .modal .modal-wrap .group .fc_item.fc_checkbox .jq-checkbox { margin: 0px 6px 0px 0; min-width: 18px; width: 18px; height: 18px; border-radius: 5px !important; background-size: 12px; } .modal .modal-wrap .group .fc_item.fc_checkbox label.sector_title, .modal .modal-wrap .group .fc_item.fc_checkbox_one label.sector_title { display: inline; font-size: 14px !important; font-weight: normal; margin-bottom: 5px; color: #002230; } .modal .modal-wrap .group .fc_item.fc_checkbox label.sector_title a, .modal .modal-wrap .group .fc_item.fc_checkbox_one label.sector_title a { color: #009fe3; text-decoration: none; } .modal .modal-wrap .group .fc_item.fc_checkbox_one label.sector_title a:hover { text-decoration: underline; } .modal .modal-wrap .buttons input.submit { display: inline-block; padding: 10px 14px; line-height: 1; /*height: auto;*/ min-height: auto; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; text-align: center; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 1; text-decoration: none; color: #fff; margin-top: 15px; margin-bottom: 0px; border-radius: 0px; width: 100%; } .modal .modal-wrap .fc_form_tml { margin-bottom: 0; max-height: 100%; overflow: auto; } .modal .modal-wrap .fc_form_tml .group .fc_item { width: 100%; } .modal .modal-wrap .fc_form_tml .group .fc_item:not(.fc_checkbox) .elem_item { width: 100%; } .modal .modal-wrap .fc_form_tml .group .fc_item textarea { resize: none; } .modal .modal-wrap .fc_form_tml .buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .modal .close { position: absolute; cursor: pointer; z-index: 1002; display: block; width: 26px; height: 26px; background: url(/img/uss_foto_buttons.png) #fff 0 -52px no-repeat; right: 5px; top: 5px; } .catalog_orderform_tml .buttons input.styler[type="submit"], .buy_one_click_form_tml .buttons input.styler[type="submit"] { width: 100%; } .buy_one_click_form_tml .buttons input.styler[type="submit"] { width: 100%; } /*форум*/ .forum-page .bread { max-width: calc(100% - 620px); } .forum-page .content { position: relative; } .searchforum { position: absolute; top: 0; right: 0; width: 600px; } .searchforum form { position: relative; width: 100%; height: 50px; overflow: hidden; } .searchforum .textsearch { width: 100% !important; height: 100% !important; overflow: hidden !important; padding-left: 20px !important; padding-right: 55px; font-size: 16px; font-family: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; text-indent: 0px; margin: 0; border: 1px solid #e4ebf0; border-radius: 15px; } .searchforum .textsearch::-webkit-input-placeholder {color: #7a96a7 !important;} .searchforum .textsearch::-moz-placeholder {color: #7a96a7 !important;}/* Firefox 19+ */ .searchforum .textsearch:-moz-placeholder {color: #7a96a7 !important;}/* Firefox 18- */ .searchforum .textsearch:-ms-input-placeholder {color: #7a96a7 !important;} .searchforum .submitsearch { position: absolute; right: 0px; top: 0; display: block; background: url(/img/icon-search-black.svg) no-repeat center center transparent; background-size: 20px 20px; border: 0; height: 100% !important; color: #fff; padding: 0 10px; border-radius: 0 5px 5px 0; width: 56px; margin: 0; text-indent: -9999px; cursor: pointer; } .uss_forum { background: #fff; padding: 30px; border-radius: 20px 20px 60px 20px; border: 1px solid #e4ebf0; overflow: hidden; } .forum-page .forum-materiali { position: relative; font-size: 24px; font-weight: 600; color: #009fe3; margin-top: -10px; margin-bottom: 25px; } .forum-page .forum-materiali:before { content: '?'; width: 50px; height: 50px; line-height: 52px; font-size: 30px; font-weight: 600; border-radius: 50%; border: 1px solid #e4ebf0; display: inline-block; text-align: center; background: #fff; margin-right: 15px; } .uss_forum .pattern_border { border: 0; } .uss_forum .topics_title .forum_info.pattern_bg { background: #eff4f7; padding: 10px 20px; font-weight: 600; border-radius: 15px 15px 0 0; } .uss_forum .topics_item { padding: 15px 20px; border-bottom: 1px solid #dce6ed; } .uss_forum .datacontainer div.block_title { font-weight: 600; } .uss_forum .topics_item .block_title a { font-size: 18px; color: #009fe3; text-decoration: none; } .uss_forum .topics_item .title div.descr { font-size: 14px; margin-top: 5px; } .uss_forum .topics_item .lastmes { font-size: 14px; } .uss_forum .datacontainer div.block_img { margin: 0 12px 0 0; } .uss_forum .topics_title { min-width: 900px; } .uss_forum .themes_title { min-width: 1200px; } .uss_forum .themes_title .forum_info.pattern_bg { background: #eff4f7; padding: 10px 20px; font-weight: 600; border-radius: 15px 15px 0 0; } .uss_forum .themes_item { padding: 15px 20px; border-bottom: 1px solid #dce6ed; } .uss_forum .themes_title .lastmessage, .uss_forum .themes_item .lastmessage { /*min-width: 160px;*/ width: 12%; white-space: nowrap; } .uss_forum .themes_title .views, .uss_forum .themes_item .views { /*min-width: 150px;*/ width: 13%; white-space: nowrap; } .uss_forum .themes_title .mescount, .uss_forum .themes_item .mescount { /*min-width: 120px;*/ width: 11%; white-space: nowrap; } .uss_forum .themes_title .thanks, .uss_forum .themes_item .thanks { /*min-width: 180px;*/ width: 14%; white-space: nowrap; float: left; } .uss_forum .themes_item .lastmessage { font-size: 14px; } .uss_forum .themes_title .thanks, .uss_forum .themes_item .thanks { text-align: center; } .uss_forum .datacontainer div.block_title a { font-size: 18px; color: #009fe3; text-decoration: none; } .uss_forum .themes_item .title div.author { font-size: 14px; margin-top: 5px; } .uss_forum .pattern_bg, .uss_forum .posts .actions { background: #eff4f7; border: 0; } .uss_forum .posts .date { font-size: 14px; } .uss_forum .theme_title { line-height: 1.3; } .uss_forum .posts .userinfo .city, .uss_forum .posts .userinfo .mescount, .uss_forum .posts .userinfo .reg { font-size: 12px; } .uss_forum .posts .message .bb_quote { font-size: 14px; border: 1px solid #e4ebf0; background: #edf2f6; } .uss_forum .posts .actions .button { margin-left: 10px; } .uss_forum .theme_title + .pager { margin-bottom: 10px; } .uss_forum .themes + .pager { margin-top: 15px; } .theme_pager { margin-top: 10px; } .theme_pager .uss_pagenator2 { margin-left: -3px; } .theme_pager .uss_pagenator2 .uss_page_num span a { width: 30px; height: 30px; line-height: 30px; font-size: 15px; } .theme_pager .uss_pagenator2 .uss_page_num span.dots { height: 30px; line-height: 30px; } .auth_required { margin-top: 20px; font-size: 16px; font-weight: 600; } .auth_required + .forum-materiali { display: none; } @media (min-width: 1001px) and (max-width: 1900px) { .header { padding-bottom: 20px; } .top-menu a { padding: 0 5px; } } @media (max-width: 1600px) { .uss_forum .themes_title .title, .uss_forum .themes_item .title { width: 48%; } .searchforum { width: 350px; } .forum-page .bread { max-width: calc(100% - 380px); } } @media (max-width: 1000px) { .forum-page .bread { max-width: 100%; } .searchforum { position: relative; width: 100%; margin-bottom: 15px; } .forum-materiali { display: none; } .uss_forum .theme_title { font-size: 20px; } } @media (max-width: 768px) { .uss_forum .posts .userinfo { float: none; width: 100%; } } /*форум end*/ /*Калькулятор*/ .calculator { background: #fff; padding: 30px; border-radius: 20px 20px 60px 20px; border: 1px solid #e4ebf0; } .calculator .result { /*margin-top: 30px;*/ } .calculator .result > div:first-child { margin-top: 30px; } .calculator .result .result_item { margin-bottom: 5px; } .calculator .result .result_item .title { display: inline-block; font-weight: bold; } .calculator .result .result_item .value { display: inline-block; } .calculator .result .error { color: red; } .calculator .calc_date { font-weight: bold; margin-bottom: 20px; display: none; } .calculator .calc_item { margin-bottom: 20px; } .calculator .calc_item label { width:130px; display:inline-block; } .calculator .calc_item select { min-width: 181px; } .calculator .calc_item input { display: inline-block; width: 325px; height: 50px; font-size: 16px; color: #002230; background: #edf2f6; border-color: #e4ebf0; border-radius: 15px; padding: 0 20px; } .calculator input[type="number"]::-webkit-outer-spin-button, .calculator input[type="number"]::-webkit-inner-spin-button { display: none; } .calculator .jq-selectbox__select { width: 325px; background: url(/img/transparent.png) #edf2f6 !important; } .calculator input[type=submit], .calculator .button_wrap button.print { cursor: pointer; height: 50px; line-height: 50px; padding: 0 25px; box-shadow: 10px 10px 20px rgb(40 107 146 / 20%) !important; background: #009fe3; color: #fff; border-radius: 15px; font-size: 16px; font-weight: 600; border: 0; margin-right: 15px; } .calculator input[type=submit]:hover, .calculator .button_wrap button.print:hover { background: #0090ce; } /*Калькулятор end*/ .footer { overflow: hidden; position: relative; /*background: #fff;*/ } .footer > div { position: relative; z-index: 2; } .footer:before { content: ''; display: block; background: #fff; border-top: 1px solid #e4ebf0; border-left: 1px solid #e4ebf0; border-radius: 60px 0 0 0; width: 1920px; height: 100%; z-index: 1; position: absolute; left: 50%; -webkit-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% ); transform: translateX( -50% ); margin-left: 70px; } .footer .inner-min, .bottom-line .inner-min { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .main-footer { padding: 40px 0; } .f_l { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .f_c { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-align: center; } div + .f_privacy { margin-top: auto; } .footer a { color: #009fe3; text-decoration: none; } .footer .logo a { color: #002230; } .footer .logo a:hover { text-decoration: none !important; } .footer a:hover { text-decoration: underline; } .bottom-line { overflow: hidden; } .bottom-line .inner-min { position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px 15px 35px; -webkit-column-gap: 15px; column-gap: 15px; } .bottom-line .inner-min:before { content:''; height: 1px; background: #e4ebf0; width: 1000px; display: block; width: 1750px; position: absolute; top: 0; left: 15px; } .f_copy { color: #7a96a7; } @media (max-width:1850px) { .logo .slogan { font-size: 20px; line-height: 1.4; } } @media (max-width:1500px) { .header .logo { margin-top: 15px; } .header .logo .logo-row { display: block; } .header .logo .slogan { margin: 10px 0 0 0; padding: 0; display: block; } .header .logo .slogan:before { display: none; } .top-menu ul li + li { margin-left: 40px; } .uss_shop_blocks_view .uss_eshop_item, .uss_eshop_sameproducts.blocks .item { max-width: calc((100% - (2) * 15px) / 3); } } @media (min-width:1401px) { .sidebar-filter .filter_price .inputs { margin-left: -4px !important; } .sidebar-filter .uss_eshop_filters_block .filter_price input.styler { max-width: 85px; padding: 0 10px; font-size: 18px; text-align: center; } .sidebar-filter .filter_price input.styler[name="minprice"] { margin: 0 25px 0 15px ; } .sidebar-filter .filter_price input.styler[name="maxprice"] { margin: 0 0 0 15px; } } @media (max-width:1400px) { .sidebar { width: 300px; min-width: 300px; padding-right: 30px; } .sidebar + .content { width: calc(100% - 300px); } .container { padding-top: 30px; padding-bottom: 30px; } .block_form.sidebar_form .h3 { line-height: 34px; font-size: 28px !important; } .catalog-opener-btn { font-size: 27px !important; } .mainpage .partners-map .h3.map-title, .partners-map .h3.map-title { font-size: 30px; margin-bottom: 30px; } } @media (min-width:1251px) { .inner-min, .bottom-line .inner-min { width: 1680px; padding-left: 50px; padding-right: 50px; } .mainpage .partners-map .inner-hd, .singlepage .partners-map .inner-hd { padding-left: 50px; padding-right: 0; } .bottom-line .inner-min:before { left: 50px; } } @media (max-width:1250px) { .h_c { min-width: 100px; } .h_buttons a { padding: 0 15px; height: 40px; line-height: 40px; margin-right: 15px; } .h_buttons a + a { margin-left: 0; margin-top: 15px; border-radius: 15px; } .sidebar { width: 300px; min-width: 300px; padding-right: 30px; } .sidebar + .content { width: calc(100% - 300px); } .container { padding-top: 30px; padding-bottom: 30px; } .block_form.sidebar_form .h3 { line-height: 34px; font-size: 28px !important; } .mainpage .map-container #map, .map-container #map { border-radius: 60px 20px 20px 20px; } } @media (min-width: 1001px) and (max-width: 1400px) { .sidebar-filter .filter_submit input[type=submit].styler { background: url(/img/icon-search-white.svg) no-repeat 55px center #009fe3 !important; background-size: 20px 20px !important; } } @media (min-width: 1001px) and (max-width: 1150px) { .uss_shop_blocks_view .uss_eshop_item, .uss_eshop_sameproducts.blocks .item { min-width: calc((100% - (1) * 15px) / 2); max-width: calc((100% - (1) * 15px) / 2); } } @media (max-width: 1200px) { .price_buy_btns { margin-top: 10px; } } @media (max-width: 1100px) { .top-menu ul { justify-content: space-between; } .top-menu ul li + li { margin-left: 0; } } @media (min-width: 1001px) { .top-menu .submenu, .burger-search-container { display: none; } .catalog-opener-btn { position: relative; font-size: 30px; line-height: 1; font-weight: 600; background: none; padding-left: 20px; margin-bottom: 20px; } .catalog-opener-btn:before { content:''; width: 7px; height: 7px; border-radius: 50%; background: #002230; position: absolute; left: 0; top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); } .top-menu > ul > li:first-child > a:before { content: ''; position: absolute; width: 750px; height: 1px; background: #e4ebf0; left: 50%; display: block; bottom: 1px; } .top-menu > ul > li.last > a:before { content: ''; position: absolute; width: 750px; height: 1px; background: #e4ebf0; right: 50%; display: block; bottom: 1px; } .top-menu li.gde-kupit-antenny-anteks { display: none; } } @media (max-width:1000px) { .header .logo .slogan, .h_c, .header .search, .header .basket, .sidebar-news, .block_form.sidebar_form, .aside-catalog .h3 { display: none; } .sidebar .block:not(.sidebar-catalog):not(.sidebar-filter) { display: none !important; } .header { padding: 15px 0; } .slider { margin-bottom: 40px; } .container { display: block; padding-top: 0; } .header .row + .row { margin-top: 15px; } .row-addr { margin-top: 0; } .singlepage .container { padding-top: 0; } .sidebar { display: block; vertical-align: top; min-width: 100%; width: 100%; padding-right: 0; max-width: 100%; } .content { display: block; width: 100% !important; } h1 { margin-bottom: 20px; } h1:after { display: none; } .sidebar .block:not(:last-child), .sidebar .block:last-child { margin-bottom: 15px; } .sidebar .sidebar-catalog { margin-bottom: 0 !important; } .catalog-opener-btn, .sidebar_filter_openner_btn { display: block !important; padding: 0px 41px 0px 41px !important; color: #fff; height: 40px; line-height: 40px; background: #009fe3; font-size: 16px !important; margin: 0px 0 15px !important; font-weight: 400; position: relative; border-radius: 4px; } .catalog-opener-btn + div { display: none; } .catalog-opener-btn:before, .sidebar_filter_openner_btn:before { content: ''; background: url(../img/open-menu-white.svg) no-repeat center center; position: absolute; left: 15px; display: block; width: 17px; height: 15px; top: 50%; -webkit-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); } .catalog-opener-btn:after, .sidebar_filter_openner_btn:after { content: ''; background: url(../img/arrow-down-white.svg) no-repeat center center; position: absolute; right: 15px; display: block; width: 14px; height: 8px; top: 50%; margin-top: -3px; transition: 0.3s; } .catalog-opener-btn.active:after, .sidebar_filter_openner_btn.active:after { content: ''; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .sidebar-filter .sidebar_filter_openner_btn span, .sidebar-catalog .catalog-opener-btn span { border-bottom: 1px dashed; line-height: 1; display: inline-block; } .sidebar-filter .sidebar_filter_openner_btn + .uss_eshop_filters_block { display: none; background: #fff; padding: 0px 15px 15px 15px; border-radius: 5px; } .sidebar-filter { margin-bottom: 15px !important; } .sidebar-filter .uss_eshop_filters_block .eshop_filters.filter_item > label, .sidebar-filter .uss_eshop_filters_block .filter_price.filter_item > label, .sidebar-filter .uss_eshop_filters_block .filter_producer.filter_item > label, .sidebar-filter .uss_eshop_filters_block .filter_user.filter_item > label { padding: 15px 20px 15px 0; font-size: 16px; } .sidebar-filter .filter_submit input[type=submit].styler { background: url(/img/icon-search-white.svg) no-repeat 130px center #009fe3 !important; background-size: 20px 20px !important; width: 358px; height: 50px; line-height: 50px; margin-bottom: 10px; } .sidebar-catalog .h3, .sidebar-catalog .uss_eshop_menu { display: none; } .sidebar-catalog .uss_eshop_menu { margin-bottom: 15px; } .sidebar-catalog .uss_eshop_menu > li > a { padding: 10px 15px 10px 30px; } .header .header-menu { display: none; } .mobile-top-menu.open { position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 1001; -webkit-animation: mobile-top-show .35s ease-in-out; animation: mobile-top-show .35s ease-in-out; margin-right: 25%; background: rgba(0, 0, 0, .45); } .mobile-top-menu .mobile-top-menu-wrap { -webkit-box-flex: 0; -webkit-flex: 0 100%; -ms-flex: 0 100%; flex: 0 100%; max-width: 100%; } .mobile-top-menu-wrap .header-menu { display: none; } .mobile-top-menu.open .header-menu { display: block; border: 0; } .mobile-top-menu.open .header-menu { width: 75%; height: 100%; overflow-y: scroll; background: #000; margin-top: 0; } .mobile-top-menu.open .header-menu .top-menu { padding: 15px; } .mobile-top-menu.open .header-menu .top-menu ul li + li { margin-left: 0; margin-top: 1px; } .mobile-top-menu.open .header-menu ul { display: block; width: 100%; position: relative; } .mobile-top-menu.open .header-menu ul>li { display: block; width: 100%; } .mobile-top-menu.open .header-menu a { text-align: left; font-size: 17px; background: #181716; color: #fff; } .mobile-top-menu.open .header-menu > .top-menu > ul > li > a { text-align: left; font-size: 17px; padding: 0 12px; height: 46px; line-height: 46px; border-radius: 4px; } .mobile-top-menu.open .header-menu > .top-menu a + .submenu { background: #b9021e; } .mobile-top-menu.open .header-menu > .top-menu .submenu a { text-align: left; font-size: 16px; padding: 11px 12px; height: auto; line-height: 1.4; padding: 0 20px; } .mobile-top-menu .top-menu a.active, .mobile-top-menu .top-menu a:hover { background: #009fe3; } .mobile-top-menu.open .header-menu ul.submenu { display: none; } .mobile-top-menu.open .close { width: 35px; height: 35px; right: 15px; top: 15px; position: absolute; background-size: cover; z-index: 1001; cursor: pointer; } .mobile-top-menu.open .close div { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 35px; height: 3px; -webkit-box-shadow: 0 0 2px #000!important; box-shadow: 0 0 2px #000!important; background: #fff!important; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center; transform-origin: center; border-radius: 5px; } .mobile-top-menu.open .close div + div { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .burger-search-container { width: calc(100% - 30px); margin-left: 15px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 100% !important; position: relative; bottom: auto; margin-top: 15px; margin-bottom: 15px; } .burger-menu { padding: 12px 9px 3px 9px; } .burger-menu { position: relative; width: 43px; height: 40px; padding: 10px 9px 4px 9px; z-index: 777; /*background: #009fe3;*/ border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .burger-menu .burger-item { background: #fff; display: block; height: 1px; position: relative; } .burger-menu .burger-1 { top: 0; } .burger-menu .burger-2 { top: 8px; } .burger-menu .burger-3 { top: 16px; } .burger-menu.active .burger-1 { top: 0px; -webkit-transform: rotate(45deg) translate(5px,5px); -ms-transform: rotate(45deg) translate(5px,5px); transform: rotate(45deg) translate(5px,5px); } .burger-menu.active .burger-2 { background-color: transparent; } .burger-menu.active .burger-3 { top: 16px; -webkit-transform: rotate(-45deg) translate(7px,-8px); -ms-transform: rotate(-45deg) translate(7px,-8px); transform: rotate(-45deg) translate(7px,-8px); } .burger-menu.notInViewPort { position: fixed; top: 15px; left: 15px; background: none !important; padding: 0; width: 34px; } .burger-menu.notInViewPort span { height: 3px; box-shadow: 0 0 2px #000 !important; border-radius: 3px; } .burger-menu.notInViewPort .burger-2 { top: 9px; } .burger-menu.notInViewPort .burger-3 { top: 18px; } .burger-menu.notInViewPort { background: #009fe3 !important; padding: 10px 8px 8px 8px; width: 43px; } .burger-menu.notInViewPort span { height: 1px; box-shadow: none !important; } .burger-menu.notInViewPort .burger-2 { top: 8px; } .burger-menu.notInViewPort .burger-3 { top: 16px; } .burger-menu.notInViewPort+* { margin-left: 58px; } .mobile-cart-container .basket-link { display: block; height: 100%; } .mobile-cart-container > a { width: 100%; height: 100%; display: block; } .mobile-cart-container { width: 43px; height: 40px; margin-left: 15px; background: url(../img/header-basket-icon-white.svg) no-repeat 6px center #009fe3; background-size: 25px; position: relative; border-radius: 4px; } .mobile-cart-container.fixed { position: fixed; right: 15px; top: 15px; z-index: 1001; width: 43px; height: 43px; border-radius: 50%; } .mobile-cart-container.fixed:not(.not_empty) { display: none !important; } .mobile-cart-container .hb_title, .mobile-cart-container .totals, .mobile-cart-container .countword, .mobile-cart-container .cart_order { display: none !important; } .mobile-cart-container .cart_inset { padding: 0px 0 0 29px; } .mobile-cart-container .basket_widget_inner.empty { display: none; } .basket_widget_inner.not_empty { background: none; padding: 0; } .uss_basket_mini .amounts #uss_block_basket_amount { margin: 0; position: absolute; top: 3px; right: 3px; padding: 0; color: #000; z-index: 999; background: #fff; border-radius: 50%; width: 20px; height: 20px; text-align: center; font-size: 12px; line-height: 20px; } .catalog-search { position: relative; height: 40px; -moz-flex: 1 auto; -o-flex: 1 auto; -webkit-box-flex: 1; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; left: 0px; border-radius: 0; background: none; margin-left: 15px; overflow: hidden; background: #fff; border-radius: 4px; /*box-shadow: inset 0px 0px 1px #000000 !important;*/ } .burger-search-container .catalog-search:before { content: ''; background: url(/img/icon-search-white.svg) no-repeat center center transparent; background-size: 20px 20px !important; width: 40px; height: 40px; position: absolute; right: 0; top: 0; z-index: 1; } .catalog-search .h_search { height: 40px; } .catalog-search .uss_site_search { width: 100%; height: 100%; } .catalog-search .uss_site_search span { display: none; } .catalog-search .uss_site_search { width: 100%; height: 100%; } .catalog-search .uss_input_name { width: 100% !important; height: 100% !important; overflow: hidden !important; padding-left: 15px !important; padding-right: 55px; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; background: url(../img/transparent.png) no-repeat left center #fff; color: #000; text-indent: 0px; height: 100%; width: 100%; border-radius: 4px 0 0 4px; margin: 0; border: 1px solid #e4ebf0; /*box-shadow: inset 0px 0px 1px #000000 !important;*/ } .catalog-search .uss_submit { position: absolute; right: 0px; top: 0; display: block; background: url(/img/icon-search-white.svg) no-repeat center center #009fe3; background-size: 20px 20px; border: 0; height: 100%; height: 40px !important; color: #fff; padding: 0 10px; width: 40px; margin: 0; border-radius: 0 4px 4px 0; } .catalog-search .uss_submit, .catalog-search .uss_submit:hover { background-image: url(/img/icon-search-white.svg) !important; background-position: center center; background-repeat-x: no-repeat; background-repeat-y: no-repeat; background-size: 20px 20px !important; } .catalog-block .uss_eshop_menu > li { max-width: calc((100% - (2) * 15px) / 3); margin-bottom: 15px; padding-bottom: 15px; border-radius: 15px; } .catalog-block .uss_eshop_menu > li > a { font-size: 18px; line-height: 22px; margin-top: 15px; } .catalog-block .uss_eshop_menu > li > .eshop_menu_image ~ *, .uss_shop_block_cat .uss_shop_cat_img_wrap ~ * { padding: 0 20px; } .uss_shop_block_cat .uss_shop_category { padding-bottom: 15px; margin-bottom: 15px; border-radius: 15px; max-width: calc((100% - (2) * 15px) / 3); } .uss_shop_block_cat .uss_shop_cat_name a { margin-top: 15px; font-size: 18px; line-height: 22px; } .uss_shop_blocks_view .uss_eshop_item, .uss_eshop_sameproducts.blocks .item { border-radius: 15px; padding: 0px 20px 20px 20px; margin-right: 15px; margin-bottom: 15px; max-width: calc((100% - (2) * 15px) / 3); } .city-list ul li { margin-bottom: 15px; } .main-footer .inner-min { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .f_l { width: 100%; text-align: center; } .footer .logo { margin: 0 auto 15px; } .f_c, .f_r { width: 50%; } .f_c { text-align: left; } .bottom-line .inner-min { padding: 15px 15px; } .uss_pagenator .uss_page_num .uss_page a, .uss_pagenator .uss_page_num .uss_10_pages_bac a, .uss_pagenator .uss_page_num .uss_page_forward, .uss_pagenator .uss_page_num .uss_page_forward a, .uss_pagenator .uss_page_num .uss_10_pages_forward a, .uss_pagenator2 .uss_page_num span a { width: 50px; height: 50px; line-height: 50px; } }/*1000px*/ @media (max-width: 768px) { .h_r { -webkit-box-pack:center; -webkit-justify-content: center; -ms-flex-pack:center; justify-content: center; } h1, .container .h3, .mainpage .partners-map .h3.map-title, .partners-map .h3.map-title { font-size: 24px; } .mainpage .partners-map .h3.map-title, .partners-map .h3.map-title { margin-bottom: 15px; } .partners-map { margin: 15px 0 15px; } .mainpage .map-container #map, .map-container #map { border-radius: 15px 15px 15px 15px; } .block.positions .see-all { position: relative; display: inline-block; text-align: center; padding: 10px 20px; background: #009fe3; color: #fff; left: 50%; -webkit-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% ); transform: translateX( -50% ); border-radius: 15px; } .positions .h3:after { margin: 5px 0 0 15px; } .uss_eshop_sort_block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 7px 15px 15px; } .sort_settings noindex { -webkit-box-pack:center; -webkit-justify-content: center; -ms-flex-pack:center; justify-content: center; } .sort_settings__title { margin: 7px 10px 7px 10px; } .sort_settings .sort__item { margin: 7px 10px 7px 10px; } .uss_eshop_sort_block .filter_show_by_links { text-align: center; margin-top: 15px; min-width: 100%; } .uss_shop_blocks_view .uss_eshop_item, .uss_eshop_sameproducts.blocks .item { max-width: calc((100% - (1) * 15px) / 2); } .uss_shop_detail .uss_shop_technical_data { display: block; min-width: 200px; } div.uss_eshop_tabs .uss_eshop_tabs_navigation { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } div.uss_eshop_tabs .uss_eshop_tabs_navigation span { min-width: 100%; } div.uss_eshop_tabs .uss_eshop_tabs_navigation span:not(.first) { margin: 2px 0 0 0; } .uss_shop_detail .uss_img_wrapper { max-width: 100%; float: none; } .uss_shop_detail .uss_img_big .uss_img_big_image { height: auto !important; } .uss_shop_detail .uss_img_wrapper .uss_img_ico_box .uss_img_ico { max-width: calc((100% / 3) - 10px); height: auto !important; } .uss_shop_detail .uss_img_wrapper .uss_img_ico_box .uss_img_ico:nth-of-type(1), .uss_shop_detail .uss_img_wrapper .uss_img_ico_box .uss_img_ico:nth-of-type(2), .uss_shop_detail .uss_img_wrapper .uss_img_ico_box .uss_img_ico:nth-of-type(4), .uss_shop_detail .uss_img_wrapper .uss_img_ico_box .uss_img_ico:nth-of-type(5) { margin-right: 15px !important; } .uss_shop_detail .uss_img_ico a { height: auto !important; } .uss_shop_detail .uss_shop_technical_data .eshop_filters_item.eshop_filters_type_select .value .jq-selectbox { width: 100%; } div.uss_catalog_tabs div.tab_items, div.uss_eshop_tabs div.tab_items { padding: 15px 15px; } .tab_item .comment_form_block { margin: 25px 0 0; padding: 25px 0 0; } .uss_sameproducts_block { border-radius: 0px 0px 20px 20px; padding: 20px 15px 0px 15px; } .footer .main-footer { padding: 20px 0 15px; text-align: center; } .main-footer .inner-min { display: block; } .main-footer .f_l, .main-footer .f_c, .main-footer .f_r { width: 100%; text-align: center; } .footer .contacts { text-align: center; } .footer .f_privacy, .f_r { margin-top: 15px; } .footer .contacts .address { margin-bottom: 15px; } .bottom-line .inner-min { display: block; text-align: center; } .f_powered { margin-top: 10px; } .uss_shop_form .fc_form_tml, .uss_forum { padding: 15px; border-radius: 15px; } /*корзина*/ .uss_user_basket{ display:block; } .uss_user_basket .hide{ display:none!important; } .uss_user_basket>table{ display:block; border-right:1px solid #e4ebf0; } .uss_user_basket table, .uss_user_wishlist table { border-top: 1px solid #e4ebf0; border-left: 1px solid #e4ebf0; } .uss_user_basket>table>tbody{ display:block; } .uss_user_basket>table>tbody>tr{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .uss_user_basket>table>tbody>tr+tr>td.uss_image,.uss_user_basket>table>tbody>tr+tr>td.uss_name{ padding-top:10px!important; } .uss_user_basket>table>tbody>tr:not(.total_sum){ padding-right:5px; padding-left:5px; } .uss_user_basket>table>tbody>tr:first-child{ display:none; } .uss_user_basket>table>tbody>tr:not(.hide){ border-bottom:1px solid #e4ebf0; } .uss_user_basket>table>tbody>tr th{ display:none; } .uss_user_basket>table>tbody>tr td{ display:inline-block; vertical-align:middle; width:auto; border:none; } .uss_user_basket>table>tbody>tr td.uss_image{ float:left; -webkit-box-flex:0; -webkit-flex:0 100px; -ms-flex:0 100px; flex:0 100px; border:none!important; padding-top:5px!important; padding-left:5px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 5px; } .uss_user_basket>table>tbody>tr td.uss_name{ -webkit-box-flex:0; -webkit-flex:0 calc(100% - 100px); -ms-flex:0 calc(100% - 100px); flex:0 calc(100% - 100px); display:block; width:auto; padding:0; white-space:normal; } .uss_user_basket>table>tbody>tr td.uss_name .uss_description{ line-height:1.2em; } .uss_user_basket>table>tbody>tr td.uss_name .uss_title{ font-size:17px; height: auto; } .uss_user_basket>table>tbody>tr td.uss_name .uss_description{ font-size:14px; } .uss_user_basket>table>tbody>tr td.uss_name>*{ margin-bottom:7px; } .uss_user_basket>table>tbody>tr td.uss_name~*{ padding-bottom:5px; padding-top:5px; } .uss_user_basket>table>tbody>tr td.uss_price_field{ font-size:20px; font-weight:700; } .uss_user_basket>table>tbody>tr td.uss_price_field:not(.uss_sum_field){ display:none!important; } .uss_user_basket>table>tbody>tr td:not(.uss_name){ display:inline-block; vertical-align:middle; width:auto; } .uss_user_basket>table>tbody>tr td:not(.uss_name) :not(input){ border:none; } .uss_user_basket>table>tbody>tr td.totals{ display:block; width:100%; } .uss_user_basket>table>tbody>tr td.uss_number{ padding-top:0!important; padding-bottom:0!important; } .uss_user_basket>table>tbody>tr td.uss_number a.uss_minus,.uss_user_basket>table>tbody>tr td.uss_number a.uss_plus{ width:auto; height:auto; font-size:40px; padding:0 9px; line-height:1; } .uss_user_basket>table>tbody>tr td.uss_number input{ min-width:30px; height:30px; border:1px solid #e2e4e6; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .uss_user_basket .uss_number .uss_field input { font-size: 16px; height: 30px; } .uss_user_basket>table>tbody>tr td.uss_delete_pos{ font-size:16px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; } .uss_user_basket>table>tbody>tr td.uss_delete_pos a{ margin:0; } .uss_user_basket>table>tbody>tr td.uss_delete_pos a+a{ margin-left: 15px; margin-right: -10px; } .uss_user_basket>table>tbody>tr td.uss_delete_pos a img{ width:15px; height:15px; display:block; margin:0; } .uss_user_basket .uss_bottom .totals { font-size: 16px; } .uss_user_basket>table>tbody>tr td.uss_delete_pos a.uss_pos_buttons{ font-size:17px; display:inline-block; padding: 5px 5px; vertical-align:middle; } .section_basket2 .fc_form_tml .group .fc_item.block{ width:100%!important; } .uss_user_wishlist { overflow-x: scroll; } .uss_user_wishlist .uss_name { min-width: 150px; } .uss_user_wishlist .uss_name .uss_title { height: auto; font-size: 14px; } .uss_shop_form .fc_form_tml form { display: block; } .uss_shop_form .fc_form_tml .group.group__1, .uss_shop_form .fc_form_tml .group.group__4 { min-width: 100%; max-width: 100%; margin-right: 0; } .section.id_21672 .group__4 { margin-top: 20px; } /*корзина end*/ }/*768px*/ @media (min-width:601px) { .uss_shop_blocks_view .uss_eshop_item .add_to_cart, .block.positions .uss_eshop_block_item .add_to_cart { position: relative; } .uss_shop_blocks_view .uss_eshop_item .add_to_cart:after, .block.positions .uss_eshop_block_item .add_to_cart:after { content: '+'; position: absolute; display: inline-block; right: 26px; top: -2px; font-size: 23px; text-indent: 0; color: #fff; opacity: 0; -webkit-transition: 0.25s; transition: 0.25s; } .uss_shop_blocks_view .uss_eshop_item:hover .add_to_cart:after, .block.positions .uss_eshop_block_item:hover .add_to_cart:after { opacity: 1; } } @media (max-width:600px) { .main-header .inner-min { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .h_l { min-width: 100%; text-align: center; margin-bottom: 10px; } .header .logo { margin: 0 15px 0 0; } .main-header .inner > div + div, .h_c, .h_r, .h_c > div + div, .h_r .row > div + div { margin-left: 0; } .h_r { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .h_r .row { display: block; } .row-addr .address { padding: 0px 0 10px; } .auth a { font-size: 14px; padding: 8px 12px; } .auth a + a { margin-left: 7px; } .header .row + .row { margin-top: 0; } .contacts .phone { margin-top: 7px; font-size: 22px; } .footer .logo .slogan { display: none; } .catalog-block .uss_eshop_menu > li, .uss_shop_block_cat .uss_shop_category, .uss_shop_blocks_view .uss_eshop_item, .uss_eshop_sameproducts.blocks .item { max-width: calc((100% - (1) * 15px) / 2); } .uss_shop_blocks_view .uss_img_holder_outer, .uss_shop_blocks_view .uss_img_holder_outer .uss_img_holder, .uss_shop_block_cat .uss_shop_cat_img, .uss_eshop_sameproducts .imageWrapOuter, .uss_eshop_sameproducts .imageWrapOuter .image { height: auto !important; display: block; max-width: 100%; } .uss_shop_blocks_view .uss_eshop_item, .uss_eshop_sameproducts.blocks .item { padding: 0px 15px 12px 15px; } .positions .uss_eshop_block_item .uss_shop_name a, .uss_shop_blocks_view .uss_eshop_item .uss_shop_name a, .uss_eshop_sameproducts.blocks .title a { font-size: 15px; height: 60px; } .uss_eshop_sameproducts.blocks .item .imageArea { margin-bottom: 15px; } .uss_eshop_block_item .uss_shop_price span.old_price, .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.old_price { font-size: 14px; } .uss_eshop_block_item .uss_shop_price span.actual_price, .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.actual_price { font-size: 18px; } .uss_shop_blocks_view .uss_shop_amount_left, .uss_shop_blocks_view .uss_shop_producer, .uss_shop_blocks_view .uss_shop_uid { font-size: 14px; margin-bottom: 3px; } .block.positions .slick-slider .uss_eshop_block_item { max-width: 100%; } .positions .uss_eshop_block_item .uss_shop_name a { /*height: auto;*/ } .positions .add_to_cart, .uss_shop_blocks_view .uss_eshop_item .add_to_cart { width: 50px; height: 50px; background: #009fe3 url(/img/icon-basket-white.svg) no-repeat 12px center; background-size: 22px; } .calculator .jq-selectbox, .calculator .calc_item label, .calculator .jq-selectbox__select, .calculator .calc_item input { width: 100%; } .calculator .calc_item label { margin-bottom: 6px; } .calculator input[type=submit], .calculator .button_wrap button.print { width: 100%; text-align: center; margin: 0; } .calculator .button_wrap button.print { margin-top: 20px; } } .uss_privacy_policy_wrap { position: fixed; bottom: 30px; left: 30px; width: calc(100% - 60px); max-width: 500px; max-height: 250px; min-width: 360px; padding: 20px; } .uss_privacy_policy_wrap .uss_privacy_policy_text { font-size: 16px; margin-right: 0; } .uss_privacy_policy_wrap .uss_privacy_policy_button { position: static; margin-top: 15px; text-align: center; } .uss_privacy_policy_wrap .uss_privacy_policy_button span { display: inline-block; max-width: 220px; width: 100%; } @media (max-width: 600px) { .uss_privacy_policy_wrap .uss_privacy_policy_text { font-size: 15px; line-height: 1.3; } } .uss_modal_forum_not_write_messages { top: 50% !important; left: 50% !important; transform: translate(-50%,-50%); position: fixed; margin: 0 !important; max-width: 100%; } .uss_modal_forum_not_write_messages .uss_modal_content { border-radius: 15px; text-align: center; text-wrap: balance; box-shadow: 0 1px 5px 1px rgba(0,0,0,.5); } .uss_modal_forum_not_write_messages .uss_modal_content .uss_modal_close { right: 5px; top: 5px; }