.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;width:100%}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;min-width:100%}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent} .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)} .mCustomScrollbar { position: relative; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_draggerContainer .mCSB_dragger_bar { background-color: var(--accent2); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #dfe0e3; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 3px; background: #dfe0e3; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 7px !important; margin: 5px auto !important; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { opacity: 1; } .mCSB_draggerContainer .mCSB_dragger_bar { height: 6px !important; border-radius: 0px !important; margin: 0px auto 0 !important; } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 35px; } /**/ .uss-scroller .mCSB_container { /*padding-top: 20px;*/ } .uss-scroller .mCSB_scrollTools { /*top: 0px;*/ /*bottom: auto;*/ } .tableScoller-wrap { display: block; -webkit-box-flex: 0; -webkit-flex: 0 100%; -ms-flex: 0 100%; flex: 0 100%; width: 100%; max-width: 100%; clear: both; float: none; zoom: 1; overflow: hidden; } .tableScoller-wrap:before, .tableScoller-wrap:after { content: ''; display: table; } .tableScoller-wrap:after { clear: both; } /*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: var(--accent4); 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: none; color: #cecece; 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*/ .groups_block .image, .groups_list .image, .news_list .image { border: 0; } @font-face { font-family: 'Geologica'; src: url('../fonts/Geologica-Light.woff2') format('woff2'), url('../fonts/Geologica-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica'; src: url('../fonts/Geologica-Regular.woff2') format('woff2'), url('../fonts/Geologica-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica'; src: url('../fonts/Geologica-Medium.woff2') format('woff2'), url('../fonts/Geologica-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica'; src: url('../fonts/Geologica-SemiBold.woff2') format('woff2'), url('../fonts/Geologica-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica'; src: url('../fonts/Geologica-Bold.woff2') format('woff2'), url('../fonts/Geologica-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('../fonts/Mulish-Regular.woff2') format('woff2'), url('../fonts/Mulish-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('../fonts/Mulish-Medium.woff2') format('woff2'), url('../fonts/Mulish-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('../fonts/Mulish-SemiBold.woff2') format('woff2'), url('../fonts/Mulish-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('../fonts/Mulish-Bold.woff2') format('woff2'), url('../fonts/Mulish-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('../fonts/Mulish-ExtraBold.woff2') format('woff2'), url('../fonts/Mulish-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; } .h1, .h2, .h4, .h5, .h6 { font-weight: 600; margin: 0 0 10px; padding: 0; font-size: 26px; line-height: 1.1; position: relative; margin-bottom: 20px; } .h5 { font-size: 24px; } .h6 { font-size: 20px; } * { outline: none; } body { height: 100%; width: 100%; margin: 0; padding: 0; max-width: 100%; border: none; color: var(--accent4); } html { min-width: 420px; height: 100%; width: 100%; margin: 0; padding: 0; border: none; } img { border: none; margin: 0; padding: 0; } table { border-collapse: collapse; font-size: 100%; } td { border-collapse: collapse; font-size: 100%; } th { border-collapse: collapse; font-size: 100%; } form { margin: 0; padding: 0; } textarea { resize: none; overflow: auto; } input { vertical-align: middle; } select { vertical-align: middle; } button { vertical-align: middle; } input[type="submit"]::-moz-focus-inner { padding: 0; border: 0; } hr { border: 1px solid #ccc; padding: 0; margin: 0.5em 0; } ul { margin: 5px 15px; padding: 0; } ol { margin: 5px 15px; padding: 0; } li { margin: 5px 15px; padding: 0; } h1,h2,h3,h4,h5,h6 { font-size: 22px; font-weight: 700; padding: 0; margin: 20px 0; } * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top: 30px; } p { margin: 0 0 0 0px; padding: 0; } p + p { margin-top: 7px; } .content p + p { margin-top: 14px; } .uss_shop_detail .uss_shop_full_description * + *, .uss_shop_detail .uss_shop_full_description * + p, .uss_shop_detail .uss_shop_full_description p + p, .uss_shop_detail .uss_shop_full_description p + * { margin-top: 14px; } .uss_shop_detail .uss_shop_full_description table + table, .uss_shop_detail .uss_shop_full_description * + table { margin-top: 22px; } .uss_section_content p { line-height: 28px; } .uss_popup_wrap { font-family: inherit !important; } /*списки*/ .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; list-style: none; } .uss_section_content ul li:last-child { margin-bottom: 0; } .uss_section_content ul li { line-height: 24px; padding: 0 0 0 14px; margin-bottom: 10px; } .uss_section_content ul li:after { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: var(--accent4); position: absolute; left: 0px; top: 10px; } .uss_section_content ol { list-style-position: inside; margin: 20px 0; } .uss_section_content ol li { line-height: 24px; padding: 0 0 0 0px; margin-bottom: 10px; list-style-type: decimal !important; } .uss_error_form ol { margin: 5px 0; } .uss_error_form ol li { font: inherit; margin-bottom: 5px; } /*списки end*/ a { color: var(--accent); text-decoration: underline; } a:hover { text-decoration: none; } .uss-flex-items { display: flex !important; justify-content: flex-start !important; flex-wrap: wrap !important; width: 100% !important; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -ms-appearance: none; appearance: none; outline: none; } h1, .h3, .h3.h_op, .LastPosition .h4, .uss_comments h3, .comment_form_title, .news_similar_title { font-weight: 600; margin: 0 0 30px; font-size: 36px; line-height: 1.1; color: var(--main-text); position: relative; } .bread + h1 { margin-top: 20px; } a, .menu a, .slider .slides .slide .caption .uss-more a, .slick-arrow, .slider .slick-dots li, .slider .slick-dots li:before, .uss_shop_block_cat .uss_shop_category, .uss_shop_blocks_view .uss_eshop_item, .uss_shop_list_cat .uss_shop_category, .uss_shop_list_view .uss_shop_list_view_item, .uss_eshop_sameproducts .item, .uss_catalog_block_cat .uss_catalog_category, .uss_eshop_block_item, .uss_albums_item, input.styler[type="submit"], button.styler, .uss_form_tml .uss_form_submit input, .catalog_orderbutton, div.uss_eshop_tabs .uss_eshop_tabs_navigation span, .uss_more a { -webkit-transition: 0.25s; transition: 0.25s; } .content .section:not(.section_basket2) img, .block img, .footer img { max-width: 100%; height: auto; } .uss_section_content > ymaps { margin: 30px 0; } body { font-family: var(--main-font); font-size: 16px; line-height: 1.4; } #lpage { display: flex; flex-direction: column; min-height: 100%; max-width: 100%; font-family: var(--main-font); font-size: 16px; line-height: 1.4; color: var(--main-text); overflow: hidden; } .container { zoom: 1; -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; } .container:before, .container:after { content: ''; display: table; } .container:after { clear: both; } .container > .inner { padding-top: 40px; padding-bottom: 40px; } .inner { max-width: 100%; width: 1600px; padding-left: 20px; padding-right: 20px; display: block; margin: 0 auto; min-width: 0; } .content { /*width: 100%;*/ overflow: hidden; flex: 1 1 auto; } .content .block:not(:last-child), .mainpage .content div.section { margin-bottom: 40px; } .uss_eshop_sameproducts.blocks .item .descr:empty, .producer:empty, .uss_modul_txt:empty { display: none !important; } .uss_producer:empty { /*display: none !important;*/ } .bread { font-weight: 500; margin-bottom: 0px; } .bread a { color: var(--accent); } .bread span { margin: 0 2px; color: #7988a5; } .header .top-line { padding: 10px 0; } .main-header { padding: 15px 0; } .main-header .inner { display: flex; justify-content: space-between; align-items: center; } .uss_autocomplete_results, .uss_search_city_results { color: #000; border-color: var(--accent4); min-width: 300px; border-radius: 0px; } .uss_autocomplete_results ul, .uss_search_city_results ul { max-height: 255px !important; } .uss_autocomplete_results ul {scrollbar-width: thin; scrollbar-color: #cccccc #eeeeee;} /*строчка для мозиллы и ширина только такая*/ .uss_autocomplete_results ul::-webkit-scrollbar {width: 4px; height:4px} .uss_autocomplete_results ul::-webkit-scrollbar-track {background: #eeeeee;} .uss_autocomplete_results ul::-webkit-scrollbar-track-piece {background: #eeeeee;} .uss_autocomplete_results ul::-webkit-scrollbar-thumb {background-color: #cccccc; border-radius: 4px;} .uss_autocomplete_results li, .uss_search_city_results li { padding: 7px 7px; font-size: 15px; font-family: inherit !important; line-height: 1.6; } .uss_autocomplete_results li .title { max-height: unset; } .uss_autocomplete_results .ac_over, .uss_search_city_results .ac_over { background-color: var(--accent); } .uss_autocomplete_results li .image { margin-right: 8px; } .uss_autocomplete_results li .image img { display: block; } .uss_autocomplete_results li .price { font-size: 14px; } .auth { color: transparent; } .auth span { position: relative; padding: 7px 20px; display: inline-block; line-height: 1; } .auth span a { line-height: 1; padding: 3px 0; } .auth span:first-child { padding-left: 0; } .auth span:not(:first-child):before { content:''; width: 2px; height: 20px; display: inline-block; background-color: rgba(255,255,255,.2); position: absolute; left: -3px; top: 4px; } .auth span.lk a, .auth span.registration a { padding-left: 25px; background: url(/img/K-07-1/icon-lk.png) no-repeat left center; } .auth span.enter a { padding-left: 25px; background: url(/img/K-07-1/icon-enter.png) no-repeat left center; } .auth span.exit a { padding-left: 25px; background: url(/img/K-07-1/icon-enter.png) no-repeat left center; } .auth a { text-decoration: none; } .auth a:hover { text-decoration: underline; } .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; min-height: 48px; padding: 0 0 0 40px; position: relative; } .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: 0; top: 5px; width: 25px; height: 25px; background: var(--accent2-light); color: #fff; border-radius: 0; text-align: center; line-height: 25px; font-size: 15px; border: 0px; } .header .basket .uss_basket_mini .basket_widget_inner.empty #uss_block_basket_amount:before { content: '0'; } .call_me { position: relative; white-space: nowrap; color: #ffffff; cursor: pointer; line-height: 1; border-bottom: 1px solid var(--accent); } .call_me:hover { border-bottom: 1px solid transparent !important; text-decoration: none; } .mainpage h1 + .section.section_text .uss_section_top_images, .mainpage h1 + .section.section_text .uss_section_text img { max-width: 40%; } .modal { background: rgba(0, 0, 0, 0.65); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1000; display: none; font-size: 15px; line-height: 1.2; color: var(--accent4); } .modal .modal-wrap { max-height: 100vh; max-width: calc(100% - 20px); background: var(--main-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; padding: 25px; border-radius: 0; width: 500px; display: flex; flex-direction: column; border-radius: var(--br-1); } .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: var(--main-font); 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; line-height: 20px; } .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-bottom: 1px; } .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; font-weight: normal; margin-bottom: 5px; color: #333; } .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: inherit;*/ } .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; transition: 0.5s; } .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%; } .block .uss_eshop_block_item .img { max-width: 100%; } .block .uss_eshop_block_item .img > a { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } /*список категорий*/ .uss_shop_block_cat .uss_shop_cat_name a, .uss_shop_list_cat .uss_shop_cat_name a { font-size: 18px; line-height: 1.3; } .uss_shop_block_cat .uss_shop_cat_text, .uss_shop_list_cat .uss_shop_cat_text { font-size: inherit; line-height: 22px; } .uss_shop_list_cat .uss_shop_cat_text { margin: 7px 0 0; } .uss_shop_list_cat .uss_shop_category { margin-bottom: 30px; } .uss_shop_category .catviewtype5 { position: relative; } .uss_shop_category .catviewtype5:before { content: ''; display: block; width: 100%; height: 20px; } .uss_shop_block_cat .uss_shop_cat_name .uss_shop_cat_num, .uss_shop_list_cat .uss_shop_cat_name .uss_shop_cat_num { color: var(--accent4); } /*список категорий end*/ h1 + .section, .uss_shop_detail .uss_shop_full_description, .uss_catalog_tabs, .uss_eshop_tabs, .h3.h_op, .catalog_order_form, .LastPosition, .uss_shop_content3, .uss_pagenator, .uss_catalog_detail > .uss_catalog_description, .uss_shop_content2:not(.empty-block) + div, .uss_eshop_filters + .uss_cleaner + .uss_shop_content, .uss_eshop_filters + .uss_cleaner + .uss_shop_block_cat, .uss_shop_content:not(.empty-block) + #eshop_pos_content:not(.empty-block), .uss_section_content > ymaps, .section_formconstructor > .uss_section_content h2, .content .block_form, .uss_add_question + .uss_faq_item, .uss_guestbook_links + .uss_guestbook_item, .uss_modul_txt + .uss_photoalbums { margin-top: 40px; } .mainpage h1 + .section { margin-top: 30px; } .uss_shop_content:not(.empty-block) + #eshop_pos_content.empty-block { margin-top: 0; } .uss_shop_content + #eshop_pos_content .uss_eshop_sort_block { margin-top: 0; } .uss_shop_content:not(.empty-block) + #eshop_pos_content:not(.empty-block) .uss_eshop_sort_block { margin-top: 0; } /*Характеристики/фильтры*/ .uss_eshop_filters { position: relative; background: #f2f2f2; padding: 1px 15px; margin-top: 40px; margin-bottom: 40px; } .uss_shop_block_cat ~ .uss_eshop_filters { /*margin-top: 0;*/ } .uss_eshop_filters + .uss_cleaner { display: none; } .uss_eshop_filters:after { content:''; clear: both; display: table; } .uss_eshop_filters .uss_eshop_filters_block.simple_filters { margin: 14px 0 14px; } .uss_eshop_filters_block.simple_filters .filter_price.filter_item { margin: 4px 15px 4px 0; } .uss_eshop_filters_block .filter_price.filter_item { margin-right: 15px; } .uss_eshop_filters_block .filter_price .inputs { display: inline-block; } .uss_eshop_filters_block .filter_price input, .uss_eshop_filters_block .filter_price input.styler { width: 80px; margin: 0 7px 0 12px; padding: 7px 5px; text-align: center; } .uss_eshop_filters_block .filter_price input[name="maxprice"] { margin-right: 0; } .uss_eshop_filters .uss_eshop_filters_block:not(.simple_filters) { margin: 0px 0 14px; } .uss_eshop_filters_block:not(.simple_filters) .eshop_filters_items { -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .uss_eshop_filters_block:not(.simple_filters) .eshop_filters_items .eshop_filters { margin: 0 0 5px 0 !important; width: calc((100% - (2) * 15px) / 3); margin-right: 15px !important; } .uss_eshop_filters_block:not(.simple_filters) .eshop_filters_items .eshop_filters:nth-of-type(3n) { margin-right: 0 !important; } .uss_section_content .uss_eshop_filters form .group .eshop_filters_items label { display: block; margin-bottom: 5px; float: none; width: 100%; } .uss_section_content .uss_eshop_filters form .eshop_filters.filter_item.checkboxlist div.items_wrap label.filter_elem_label { display: inline-block; width: auto; } .filter_producer label + .jq-selectbox { margin-top: 5px; } .uss_eshop_filters_block:not(.simple_filters) .eshop_filters_items .eshop_filters { width: 33.3%; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; max-width: calc((100% - (2) * 15px) / 3); } .uss_eshop_filters_block form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .uss_section_content .uss_eshop_filters form .group { width: 100%; } .uss_eshop_filters_block form .group { width: 100%; margin-bottom: 15px; } .eshop_filters_area { margin: 0; } .eshop_filters_area .eshop_filters_item + .eshop_filters_item { margin: 5px 0 0 0; } .eshop_filters_area .eshop_filters_line { margin-bottom: 0; } .eshop_filters_area .eshop_filters_line .value .jq-select-multiple { margin: 8px 0 0 0; } .jq-select-multiple { border-radius: 0; font-size: 15px; } .jq-select-multiple li:first-child { border-radius: 0px 0px 0 0; } .eshop_filters_area .eshop_filters_line.radio { margin-right: 12px; } .uss_section_content .uss_eshop_filters .jq-selectbox__select, .eshop_filters_area .eshop_filters_items .jq-selectbox__select, .eshop_filters_area .eshop_filters_line .jq-selectbox__select, .uss_specifications .spec_item .jq-selectbox__select { /*width: 200px;*/ max-width: 100%; } .eshop_filters_area .eshop_filters_line, .eshop_filters_area .value, .jq-selectbox { max-width: 100%; } .uss_eshop_item .eshop_filters_type_select .eshop_filters_line { /*margin: -5px 0;*/ } .uss_eshop_item .eshop_filters_type_select .eshop_filters_line .title { display: inline-block; margin-bottom: 5px; } .uss_eshop_item .eshop_filters_type_select .eshop_filters_line .jq-selectbox { /*margin: 5px 0;*/ } .jq-select-multiple { max-width: 100%; } .uss_eshop_filters_block .jq-selectbox { margin-right: 0; max-width: 100%; width: 100%; } .uss_eshop_filters_block .jq-selectbox .jq-selectbox__select { width: 100%; } .uss_section_content .uss_eshop_filters .group:not(:first-child) { margin-top: 15px; } .uss_section_content .uss_eshop_filters form .jq-selectbox__select-text { width: 100% !important; line-height: 28px; } .jq-selectbox__select-text, .jq-selectbox li, .jq-selectbox__dropdown li { font-family: var(--main-font); } .jq-selectbox__select, .jq-selectbox__select * { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; } .jq-selectbox__dropdown { border-radius: 0; } .uss_eshop_sort_block .filter_show_by_links .jq-selectbox__select { width: auto; line-height: 28px; } .uss_eshop_sort_block .filter_show_by_links .jq-selectbox { margin-left: 5px; } .uss_eshop_filters_block .filter_submit { display: inline-block; } .uss_eshop_filters_block .filter_submit button.styler { margin-left: 10px; } @media (min-width: 769px) { .uss_shoppos_table .eshop_filters_area .eshop_filters_line .jq-selectbox__select { width: 130px; } } @media screen and (max-width:768px) { .uss_eshop_filters_block:not(.simple_filters) .eshop_filters_items .eshop_filters { max-width: calc((100% - 15px ) / 2); width: calc((100% - 15px ) / 2); margin-right: 15px !important; } .uss_eshop_filters_block:not(.simple_filters) .eshop_filters_items .eshop_filters:nth-of-type(3n) { margin-right: 15px !important; } .uss_eshop_filters_block:not(.simple_filters) .eshop_filters_items .eshop_filters:nth-of-type(2n) { margin-right: 0 !important; } } @media screen and (max-width:600px) { .uss_eshop_filters_block:not(.simple_filters) .eshop_filters_items .eshop_filters { max-width: calc((100% - 0px ) / 1); width: calc((100% - 0px ) / 1); margin-right: 0 !important; } .uss_eshop_filters_block:not(.simple_filters) .eshop_filters_items .eshop_filters:nth-of-type(2n), .uss_eshop_filters_block:not(.simple_filters) .eshop_filters_items .eshop_filters:nth-of-type(3n) { margin-right: 0 !important; } } /*Характеристики/фильтры end*/ /*список товаров*/ .uss_shop_block_cat, .uss_shop_blocks_view { overflow: visible; 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; margin-bottom: 10px; } .uss_shop_list_cat .uss_shop_cat_text { margin: 10px 0 0; font-size: inherit; line-height: normal; } .uss_shop_table_view .mCSB_scrollTools.mCSB_scrollTools_horizontal { margin-top: -5px; } .uss_shop_table_view th, .uss_shop_table_view td { font-size: inherit; } .uss_shoppos_table td.uss_title { min-width: 150px; } .uss_shoppos_table td.uss_title a { font-size: 16px; display: inline-block; } .uss_shoppos_table td.uss_amount_left { white-space: nowrap; } .uss_shoppos_table td.uss_price { text-align: center; } .uss_shoppos_table td.uss_onlineorder > * + * { margin-top: 10px; } .uss_shoppos_table td.uss_onlineorder .buy_btn_extra { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack:center; -webkit-justify-content: center; -ms-flex-pack:center; justify-content: center; } .uss_shoppos_table td.uss_onlineorder .buy_btn_extra > * + * { margin-left: 10px; } .uss_shop_table_view .add_to_wishlist { display: inline-block; } .uss_eshop_sameproducts.table, .uss_eshop_sameproducts.table th, .uss_eshop_sameproducts.table td { border-color: #ebebef; } .uss_eshop_sameproducts.table th, .uss_eshop_sameproducts.table td { font-size: 15px; padding: 10px 10px; } .uss_eshop_sameproducts.table th { background-color: #f3f3f5; } .uss_eshop_sameproducts .imageWrapOuter { position: relative; } .uss_eshop_sameproducts.table td img { display: block; } .uss_eshop_sameproducts.table .item .price { padding: 2px 10px; } .h3.h_op + .uss-scroller { margin-top: -15px; } .h3.h_op + .uss-scroller .mCSB_container, .uss-scroller .mCSB_container { padding-top: 30px; } .uss_shop_table_view.uss-scroller .mCSB_container { padding-top: 15px; } .uss_shop_table_view.uss-scroller table { margin-top: 7px; } .uss-scroller table { /*margin-top: 10px;*/ } .uss-scroller table .mCSB_container { padding-top: 0; } .h3.h_op + .uss-scroller .mCSB_scrollTools, .uss-scroller .mCSB_scrollTools { top: 0px; bottom: auto; } .h3.h_op + .uss-scroller .mCSB_horizontal.mCSB_inside > .mCSB_container, .uss-scroller .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 0; } .news_list.news_block_items .uss_pagenator { margin-bottom: 30px; } .news_list.news_list_items .uss_pagenator { margin-bottom: 20px; } .news_list.news_block_items .news_item + .uss_pagenator, .news_list.news_list_items .news_item + .uss_pagenator { margin-top: 30px; } .uss_pagenator { min-width: 100%; font-size: inherit; } .uss_catalog_block_cat .uss_catalog_cat_img, .block.positions .uss_eshop_block_item .img, .uss_shop_block_cat .uss_shop_cat_img_wrap, .uss_shop_blocks_view .uss_eshop_item .posimg_item, .uss_eshop_sameproducts.blocks .item .imageArea { margin-bottom: 10px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .uss_shop_blocks_view .uss_eshop_item .uss_img_holder { padding: 0; border: 0; width: 100% !important; display: block } .uss_shop_blocks_view .uss_eshop_item .uss_img_holder img { width: 100%; } .uss_catalog_block_cat .uss_catalog_cat_name, .uss_catalog_block_cat .uss_catalog_cat_name a, .uss_shop_blocks_view .uss_shop_name { font-size: 16px; padding: 0 10px; margin: 10px 0 0; } .uss_catalog_block_cat .uss_catalog_cat_name { margin: 0; padding: 0 10px; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_description { margin: 0; padding: 0 10px; } .uss_pagenator .uss_page_count { display: none; } .uss_pagenator .uss_page_num { margin: 0 0 -9px -5px; } .uss_pagenator .uss_page_num .uss_page { padding: 0; margin: 0px 0px 9px 5px !important; display: inline-block; } .uss_pagenator a { font-size: 18px; font-weight: 500; } .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: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #eeeeee; text-decoration: none; display: inline-block; transition: 0.25s; } .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: none; -webkit-box-shadow: inset 0 0 2px #454545 !important; box-shadow: inset 0 0 2px #454545 !important; } .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: #454545; color: #ffffff; -webkit-box-shadow: none !important; box-shadow: none !important; } .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_pagenator .uss_page_num .uss_10_pages_bac + .uss_page_forward + .uss_page_forward, .uss_pagenator .uss_page_num .uss_page + .uss_page_forward { box-shadow: none !important; } .uss_shop_linktomore { margin-top: 5px; } .uss_eshop_sort_block { margin: 0 0 40px; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_by, .uss_shop_by, .uss_compare_by, .uss_shop_put_wrap, .uss_shop_detail .uss_shop_technical_data .uss_shop_by { margin: 12px 0; margin: 0; } .uss_eshop_amount_block, .uss_shop_by .uss_eshop_amount_block { display: inline-block; vertical-align: bottom; } .uss_shoppos_table a.add_to_cart, 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 { width: auto; font-size: 15px; font-weight: 500; height: 40px; line-height: 40px; border-radius: 0px; text-decoration: none; padding: 0 20px 0 20px !important; display: inline-block; background: #696969; background-position: center center; background-repeat: no-repeat; color: #fff; } a.add_to_cart.buy_one_click { background-image: url(/img/icon-one-click.png); text-indent: -9999px; } .uss_shop_blocks_view a.add_to_cart.buy_one_click:not(:hover) { background-image: url(/img/icon-one-click.png) !important; } a.add_to_compare { background-image: url(/img/icon-compare.png); text-indent: -9999px; } .uss_shop_blocks_view a.add_to_compare:not(:hover):not(.already_in_compare) { filter: var(--toAccent); background-image: url(/img/icon-compare.png) !important; } a.add_to_wishlist { background-image: url(/img/icon-wishlist.png); text-indent: -9999px; } .uss_shop_blocks_view a.add_to_wishlist:not(:hover):not(.already_in_wish) { background-image: url(/img/icon-wishlist.png) !important; filter: var(--toAccent); } a.add_to_cart.buy_one_click:hover, a.add_to_compare:hover, a.add_to_wishlist:hover { color: #fff; text-decoration: none !important; } a.add_to_cart.buy_one_click, a.add_to_compare, a.add_to_wishlist { width: 40px; padding: 0 !important; } #uss_basket_ask_where_to_go_block a { color: #000 !important; } .uss_shop_table_view .uss_description div { height: auto; max-height: 62px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .uss_shop_list_view { margin-bottom: -20px; } .uss_shop_list_view .uss_shop_list_view_item { margin-bottom: 20px; padding: 15px; border: 1px solid #ebebef; } .uss_shop_list_view .uss_shop_list_view_item:hover { -webkit-box-shadow: 0px 5px 15px rgb(0 0 0 / 10%); box-shadow: 0px 5px 15px rgb(0 0 0 / 10%); } .uss_shop_list_view_item.uss_eshop_item .posimg_item, .uss_shop_list_view .uss_shop_technical_data { margin-bottom: 0; } .uss_shop_list_view .uss_img_holder { border: 0; } .uss_shop_list_view .uss_img_holder a { margin: 0 !important; } .uss_shop_list_view .uss_shop_technical_data .uss_shop_name { line-height: 1; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_by:not(.uss_shop_buy_one_click) { 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; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_by:not(.uss_shop_buy_one_click) .add_to_cart { -webkit-flex: 1 auto; -moz-flex: 1 auto; -ms-flex: 1 auto; -o-flex: 1 auto; flex: 1 auto; text-align: center; } .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra { display: -moz-flex; display: -o-flex; display: -ms-flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 15px; padding-top: 15px; border-top: 1px solid #efefef; } .uss_shop_blocks_view .uss_eshop_item { 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; } .uss_shop_blocks_view .uss_eshop_item .position-buttons { margin-top: auto; } .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra > div { -webkit-flex: 1 auto; -moz-flex: 1 auto; -ms-flex: 1 auto; -o-flex: 1 auto; flex: 1 auto; text-align: center; } .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra > div:not(:first-child) { border-left: 2px solid #efefef; } .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra a.add_to_cart.buy_one_click, .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra a.add_to_cart.buy_one_click:hover, .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra a.add_to_compare, .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra a.add_to_wishlist { background-color: transparent !important; } .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra .uss_shop_by, .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra .uss_compare_by, .uss_shop_blocks_view .uss_eshop_item .buy_btn_extra .uss_shop_put_wrap { margin: 0; } .uss_shop_list_view .uss_shop_list_view_item.uss_eshop_item .posimg_item .uss_img_holder_outer { max-width: 30vw; } .uss_shop_list_view .uss_shop_technical_data .position-buttons { margin-top: 15px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .uss_shop_list_view .uss_shop_technical_data .position-buttons > .uss_shop_price { display: block; text-align: left; margin-right: 10px; } .uss_shop_list_view .uss_shop_technical_data .uss_shop_price span.old_price { color: #cecece; font-size: 17px; font-weight: 700; display: block; -moz-order: 10; -ms-order: 10; -o-order: 10; -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; margin: 0px 0px 5px 0px !important; } .uss_shop_list_view .uss_shop_technical_data .position-buttons > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; margin: 0 !important; padding: 0 !important; border: 0; } .uss_shop_list_view .uss_shop_technical_data .position-buttons > div > div { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; margin: 0 !important; padding: 0 !important; } .uss_shop_list_view .uss_shop_technical_data .position-buttons > div > div.uss_shop_by:not(.uss_shop_buy_one_click) { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 0px; column-gap: 0px; } .uss_shop_list_view .uss_shop_technical_data .position-buttons > div a { margin: 0 !important; } /*список товаров end*/ .uss_shop_blocks_view, .uss_catalog_block_cat { 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_blocks_view, .catalog-root .uss_catalog_block_cat, .uss_shop_block_cat, .uss_shop_blocks_view, .uss_catalog_block_cat, .uss_shop_category .catviewtype5 { margin-bottom: -30px; } .uss_shop_block_cat .uss_shop_category, .uss_shop_blocks_view .uss_eshop_item, .uss_catalog_block_cat .uss_catalog_category { margin: 0 20px 30px 0; } .uss_eshop_amount_block input.basket_amount_class, .uss_buy_one_click_pos .uss_shop_by .amount.styler, .uss_user_basket .uss_number .uss_field input { border: 1px solid #ebebef; border-radius: 0px; width: 40px !important; height: 30px; font-size: 15px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5px !important; margin: 0 10px !important; } /*выравнивание блоков*/ .uss_shop_blocks_view .uss_eshop_item, .uss_eshop_sameproducts.blocks .item, .uss_eshop_sameproducts.blocks .item .info, .block.positions .uss_eshop_block_item, .block.LastPosition .uss_eshop_block_item { 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; } .uss_eshop_sameproducts.blocks .item .info { -webkit-flex: 1 auto; -moz-flex: 1 auto; -ms-flex: 1 auto; -o-flex: 1 auto; flex: 1 auto; } .uss_shop_blocks_view .uss_eshop_item .position-buttons, .uss_eshop_sameproducts.blocks .position-buttons, .position-buttons { margin-top: auto !important; } .uss_eshop_sameproducts.blocks .item .info > div:not(:first-child).position-buttons > .price { /*margin-top: 0;*/ } .buy_btn { 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; } .buy_btn .uss_shop_by { width: 100%; } .buy_btn .add_to_cart { -webkit-flex: 1 auto; -moz-flex: 1 auto; -ms-flex: 1 auto; -o-flex: 1 auto; flex: 1 auto; text-align: center; } /*выравнивание блоков end*/ /*карточка товара*/ .uss_shop_detail { margin: 0; } .uss_shop_detail .uss_img_wrapper, .uss_shop_detail_350_bottom .uss_img_wrapper { position: relative; margin: 0 40px 0px 0; } .uss_shop_detail .uss_img_wrapper { max-width: 45%; } .uss_shop_detail .uss_img_big, .uss_shop_detail_350_bottom .uss_img_big, .uss_shop_detail .uss_img_big .uss_img_big_image { max-width: 100%; } .uss_shop_detail .uss_img_big .uss_img_big_image { display: block; height: auto !important; } .uss_shop_detail .uss_img_big .uss_img_big_image img { } .uss_shop_detail .uss_img_wrapper:after { content:''; display: table; clear: both; margin-bottom: 40px; } .uss_shop_detail .uss_img_big, .uss_shop_detail_350_bottom .uss_img_big { margin-bottom: 0; } .uss_shop_detail .uss_img_big + .uss_img_ico_box { float: left; position: relative; margin: 5px 0 -5px 0; } .uss_shop_detail .uss_img_big, .uss_shop_detail_350_bottom .uss_img_big, .uss_shop_detail .uss_img_ico_box .uss_img_ico { border: 0; } .uss_shop_detail .uss_img_big + .uss_img_ico_box:before { content:''; display: block; clear: both; } .uss_shop_detail .uss_shop_technical_data { margin-top: -3px; } .uss_shop_detail .uss_shop_technical_data > div:first-child { margin-top: 0; } .uss_shop_detail .uss_shop_technical_data > div:not(:first-child) { margin: 8px 0 0 0; } .uss_shop_detail .uss_shop_amount_left, .uss_shop_detail .uss_shop_uid { line-height: normal; } .uss_shop_detail .uss_shop_amount_left + .uss_shop_producer, .uss_shop_detail .uss_shop_amount_left + .uss_shop_uid, .uss_shop_detail .uss_shop_producer + .uss_shop_uid { margin-top: 8px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price { text-align: left; border: 0; padding: 0; margin: 25px 0 !important; 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; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price .price:not(.old_price) { font-size: 36px; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.price:not(.old_price) .currency_class { font-size: 24px; font-weight: 700; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.price.old_price .currency_class { font-size: 15px; font-weight: 700; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span.old_price { margin-left: 20px; margin-right: 20px; -moz-order: 10; -ms-order: 10; -o-order: 10; -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; margin: 10px 20px 0 0px !important; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price span:not(.old_price) { margin-right: 20px; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_price, .uss_eshop_block_item .uss_shop_price, .uss_eshop_sameproducts.blocks .item .price, .uss_shop_price, .price { margin: 15px 0; padding: 10px 0; line-height: 1; text-align: center; } .uss_shop_price, .uss_eshop_sameproducts .item .price { border-top: 2px solid #ebebef; border-bottom: 2px solid #ebebef; } .compare_table .price { text-align: left; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_price span.old_price, .uss_eshop_block_item .uss_shop_price span.old_price, .uss_eshop_sameproducts .item .price span.old_price, .uss_eshop_sameproducts.table .item .price span.old_price, .uss_shop_price .price.old_price, .uss_buy_one_click_pos .uss_shop_price span.old_price, .uss_shop_table_view td.uss_price span.old_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 { color: #cecece; font-size: 18px; font-weight: 700; display: block; margin-bottom: 5px; } .uss_eshop_item .uss_shop_price span.actual_price, .uss_buy_one_click_pos .uss_shop_price .actual_price, .uss_eshop_sameproducts .item .price span.actual_price, .uss_shop_price .price:not(.old_price), .uss_shop_table_view td.uss_price span.actual_price { font-size: 24px; line-height: 1; font-weight: 800; } .uss_eshop_sameproducts .price .old_price .currency_class, .block.positions .uss_shop_price .old_price .currency_class { font-size: 15px; font-weight: 700; } .uss_eshop_sameproducts .price .actual_price .currency_class, .block.positions .uss_shop_price .actual_price .currency_class { font-size: 20px; font-weight: 700; } .uss_shop_detail .uss_shop_full_description { position: relative; padding: 0; } .uss_shop_detail .uss_shop_full_description:after { content:''; clear: both; display: table; } .uss_comments { border-top: 0px; margin-top: 20px; padding-top: 0; } .uss_comments h3 { padding-left: 0; } .comment_form_block { margin: 25px 0 0; padding-bottom: 0; margin-bottom: 0; } .uss_error_form + .comment_form_block { margin-top: -10px; } .uss_shop_detail .uss_shop_technical_data a.add_to_cart:not(.buy_one_click) { height: 50px; line-height: 50px; padding: 0 40px !important; } .uss_shop_detail .uss_shop_technical_data a.add_to_cart.buy_one_click, .uss_shop_detail .uss_shop_technical_data a.add_to_compare, .uss_shop_detail .uss_shop_technical_data a.add_to_wishlist { width: 50px; height: 50px; } .block .uss_eshop_block_item > .add_to_cart, .uss_eshop_item > .uss_shop_by.uss_shop_buy_one_click, .uss_eshop_item > .uss_compare_by, .uss_eshop_item > .uss_shop_put_wrap, .uss_shop_detail .uss_shop_technical_data > .uss_shop_by, .uss_shop_detail .uss_shop_technical_data > .uss_compare_by { display: none; } .uss_shop_detail .uss_shop_technical_data .uss_shop_by { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: auto; } .uss_shop_detail .uss_shop_technical_data .position-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; row-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; } .uss_shop_detail .uss_shop_technical_data .position-buttons > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 0 0 !important; row-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; } .uss_shop_detail .uss_shop_technical_data .position-buttons .uss_shop_by, .uss_shop_detail .uss_shop_technical_data .position-buttons .uss_shop_put_wrap { margin: 0; } .uss_eshop_sameproducts { margin-bottom: -20px; } .uss_eshop_sameproducts.list .item { position: relative; margin: 0 0px 20px 0; padding: 15px; border: 1px solid #ebebef; } .uss_eshop_sameproducts.list .item:before, .uss_eshop_sameproducts.list .item:after { content:''; display: table; clear: both; } .uss_eshop_sameproducts.list .imageArea { margin: 0 15px 0px 0; } .uss_eshop_sameproducts.list .imageWrapOuter { max-width: 30vw; } .uss_eshop_sameproducts .item .imageWrap { border: 0; } .uss_eshop_sameproducts.list .item .position-buttons { margin-top: 15px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 10px; column-gap: 10px; row-gap: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .uss_eshop_sameproducts.list .item .price { text-align: left; padding: 0; margin: 0; border: 0; } .uss_eshop_sameproducts .addToCart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .uss_eshop_sameproducts.blocks .add_to_cart.buy_from_cart { -webkit-flex: 1 auto; -moz-flex: 1 auto; -ms-flex: 1 auto; -o-flex: 1 auto; flex: 1 auto; text-align: center; } /*карточка товара end*/ .uss_catalog_tabs, .uss_eshop_tabs { margin-bottom: 0; } div.uss_catalog_tabs .uss_catalog_tabs_navigation, div.uss_eshop_tabs .uss_eshop_tabs_navigation { /*background: #f3f3f5;*/ } 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 { position: relative; font-size: 16px; line-height: 50px; height: 50px; font-weight: 700; padding: 0 35px; 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: #f3f3f5; color: var(--accent4); } div.uss_catalog_tabs .uss_catalog_tabs_navigation span:not(.selected):before, div.uss_eshop_tabs .uss_eshop_tabs_navigation span:not(.selected):before { content: ''; width: 2px; height: 100%; background: rgba(255,255,255,0.1); display: inline-block; position: absolute; left: 0; } div.uss_catalog_tabs .uss_catalog_tabs_navigation span.selected + span:before, div.uss_eshop_tabs .uss_eshop_tabs_navigation span.selected + span:before { display: none; } .uss_shop_full_description table td, .tab_item table td { padding: 5px 10px; } 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: var(--accent); color: #fff; } div.uss_catalog_tabs div.tab_items, div.uss_eshop_tabs div.tab_items { position: relative; padding: 17px 20px; line-height: 22px; box-shadow: none !important; border: 0; border: 2px solid var(--accent); overflow: hidden; } div.uss_catalog_tabs div.tab_items:after, div.uss_eshop_tabs div.tab_items:after { content:''; clear: both; display: table; } div.uss_catalog_tabs div.tab_items .tab_item table { margin: 3px 0; } .uss_shop_full_description table tr:nth-child(odd) td, div.uss_eshop_tabs div.tab_items .tab_item table tr:nth-child(odd) td, div.uss_catalog_tabs div.tab_items .tab_item table tr:nth-child(odd) 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_item p, div.uss_eshop_tabs div.tab_item p { margin: 0; } div.uss_eshop_tabs.uss_tabs .tab_item a + .uss_comments { margin-top: 0; } div.uss_eshop_tabs.uss_tabs .tab_item .comment_form_block { padding-top: 10px; } div.uss_catalog_tabs div.tab_item p+p, div.uss_eshop_tabs div.tab_item p+p { margin-top: 10px; } div.uss_catalog_tabs div.tab_item > * + *, div.uss_catalog_tabs div.tab_item > * + p, div.uss_catalog_tabs div.tab_item > p + *, div.uss_eshop_tabs div.tab_item > * + *, div.uss_eshop_tabs div.tab_item > * + p, div.uss_eshop_tabs div.tab_item > p + * { margin-top: 17px; } .tab_item > table:first-child, .tab_item > table:last-child, .tab_item > .tableScoller-wrap { margin-top: 3px; margin-bottom: 3px; } .uss_shop_blocks_view .uss_eshop_item .uss_shop_by input { text-align: center; margin-right: 10px; } .uss_eshop_sameproducts .uss_eshop_amount_block .amount_title, .uss_eshop_sameproducts .uss_eshop_amount_block .basket_amount_class, .uss_shop_by .uss_eshop_amount_block .amount_title, .uss_shop_by .uss_eshop_amount_block .basket_amount_class { margin-right: 0; font-family: inherit; } .block .uss_eshop_block_item .add_to_cart.already_in_cart { float: none; } .uss_shop_detail .uss_shop_technical_data .uss_shop_put_wrap { display: block; } /*услуги*/ .uss_catalog_detail { margin-top: -5px; } .uss_catalog_detail .uss_img_wrapper { position: relative; margin: 5px 40px 0px 0; } .uss_catalog_detail .uss_img_wrapper:after { content: ''; display: table; clear: both; margin-bottom: 40px; } .uss_catalog_detail .uss_img_big img { display: block; } .uss_catalog_detail .uss_img_big + .uss_img_ico_box { float: left; position: relative; margin: 5px 0 -5px 0; } .uss_catalog_detail .catalog_orderbutton { float: none; display: inline-block; } .uss_catalog_detail .uss_catalog_short_description + .catalog_orderbutton { margin-top: 35px; } .uss_catalog_detail > .uss_catalog_description { padding: 0; } /*услуги 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: var(--main-font); 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: #000; text-decoration: none !important; padding: 10px 14px; line-height: 1; } .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 th, .uss_user_basket td, .uss_user_wishlist th, .uss_user_wishlist td { font-size: 15px; } .uss_user_basket .basket_item, .uss_user_wishlist .basket_item { /*background: #fff;*/ } .uss_user_basket td.uss_image, .uss_user_wishlist td.uss_image { padding: 5px; vertical-align: top; } .uss_user_basket .uss_image a, .uss_user_wishlist .uss_image a { display: block; } .uss_user_basket td.uss_image img, .uss_user_wishlist td.uss_image img { display: block; } .uss_user_basket .uss_name .uss_title, .uss_user_wishlist .uss_name .uss_title { font-size: 15px; height: 18px; } .uss_user_basket .uss_name .uss_description, .uss_user_wishlist .uss_name .uss_description { font-size: 15px; height: auto; max-height: 68px; margin-top: 8px; line-height: normal; } .uss_user_basket .uss_name > div + div { margin-top: 5px; line-height: normal; } .uss_user_basket .uss_name .uss_description p, .uss_user_wishlist .uss_name .uss_description p { margin: 0; line-height: normal; } .uss_user_basket table { margin-bottom: 0; } .uss_user_basket .uss_number .uss_field input { min-width: 35px; padding: 5px; } .uss_user_basket .uss_number { padding: 0 1px 0 4px; } .uss_user_basket .uss_number .uss_field input { margin: 0 !important; } .uss_user_basket .uss_number .uss_field a.uss_minus, .uss_user_basket .uss_number .uss_field a.uss_plus { line-height: 22px; } .uss_user_basket .uss_price_field .currency_class, .uss_user_wishlist .uss_price_field .currency_class { font-size: 15px; } .uss_user_basket td.uss_delete_pos .add_to_wishlist { margin: 3px 0px 3px 0; border: 0; } .uss_user_basket .uss_bottom .totals, .uss_user_basket .currency_total .sum { font-size: 24px; } .uss_user_basket .uss_bottom .totals .title { font-size: 18px; } .uss_user_wishlist a.add_to_cart { margin: 3px 0; border: 0 !important; } .uss_user_wishlist .uss_delete_pos .add_to_cart { display: inline-block !important; margin: 0 -5px 0 0 !important; font-size: inherit !important; height: auto !important; background-size: 16px; background-position: left 5px top 6px; } .uss_user_wishlist .uss_delete_pos .add_to_cart:hover { text-decoration: none !important; } .uss_basket_menu span.current { color: #000; } /*корзина end*/ .content .block .inner { padding-left: 0; padding-right: 0; } .block { position: relative; } .block .see-all { position: absolute; top: 4px; right: 0; text-decoration: none; font-weight: 500; } .block .see-all:hover { text-decoration: underline; } .service-block > ul, .service-block .uss_catalog_list_cat { margin-bottom: 31px; 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; margin: 0; margin-bottom: -20px; padding: 0; list-style-type: none; } .service-block > ul li, .uss_catalog_list_cat .uss_catalog_category { margin: 0 0 20px 0; padding: 0; max-width: calc( (100% - ( 1 * 10px) ) / 2); width: 100%; } .uss_catalog_list_cat .uss_catalog_category { max-width: 100%; } .service-block .uss_eshop_menu > li .eshop_menu_image, .service-block .catalog_menu > li .catalog_menu_image, .service-block .uss_catalog_list_cat > .uss_catalog_category .uss_catalog_img_wrap { border: none; margin: 0 0 15px 0; display: block; } .service-block .uss_eshop_menu > li .eshop_menu_image img, .service-block .catalog_menu > li .catalog_menu_image img, .service-block .uss_catalog_list_cat > .uss_catalog_category .uss_catalog_img_wrap img { display: block; margin: 0; max-width: 100%; } .uss_catlog_cat_anons { line-height: normal; } .uss_catlog_cat_anons p { margin: 0; } .uss_catlog_cat_anons + .catalog_orderbutton { margin-top: 14px; } .catalog_menu_item .catalog_orderbutton, .uss_catalog_block_cat .catalog_orderbutton, .uss_catalog_detail .catalog_orderbutton, .uss_catalog_list_cat .catalog_orderbutton { padding: 0 25px; line-height: 30px; font-weight: 500; -webkit-box-shadow: none; box-shadow: none; } .service-block ul li { margin-bottom: 20px !important; } .service-block .uss_eshop_menu .eshop_menu_image + a, .service-block .catalog_menu li .catalog_menu_image + a, .service-block .uss_catalog_list_cat .uss_catalog_cat_name { display: block; margin-top: -3px; /*font-size: 18px;*/ overflow: hidden; } .service-block .catalog_menu li .catalog_menu_image + a:last-child { margin-bottom: auto; } .service-block ul li, .service-block .uss_catalog_list_cat .uss_catalog_category { width: 100%; max-width: calc((100% - (1) * 15px) / 2); } .service-block.x3 ul li, .service-block.x3 .uss_catalog_list_cat .uss_catalog_category { max-width: calc((100% - (2) * 15px) / 3); } .service-block.x4 ul li, .service-block.x4 .uss_catalog_list_cat .uss_catalog_category { max-width: calc((100% - (3) * 20px) / 4); max-width: 260px; } .service-block .uss_eshop_menu li > a, .service-block .catalog_menu .catalog_menu_item > a, .service-block .uss_catalog_list_cat .uss_catalog_cat_name a { font-size: 18px; color: var(--accent4); font-weight: 700; text-decoration: none; } //услуги .service-block .uss_catalog_list_cat .uss_catalog_cat_name { margin-top: 5px; margin-bottom: 10px; } .service-block .uss_catalog_list_cat .uss_catalog_cat_name, .service-block .uss_catalog_list_cat .uss_catalog_cat_name a { font-size: 18px; } .service-block .uss_catalog_category .uss_catalog_cat_img { display: block; width: auto !important; height: auto !important; } .service-block .eshop_menu_image, .service-block .catalog_menu li .catalog_menu_image, .service-block .uss_catalog_list_cat .uss_catalog_img_wrap { /*max-width: 30%;*/ } .service-block .uss_catalog_list_cat .uss_catalog_img_wrap { float: none; } .service-block .uss_catalog_category .uss_catalog_cat_img a { margin: 0; } .service-block ul.catalog_menu li, .service-block ul.catalog_menu li .catalog_menu_item { -webkit-box-flex: 1; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; flex: 1 1 auto; } .service-block ul.catalog_menu > li a + .uss_tree_description { margin-bottom: auto; } .service-block ul.uss_eshop_menu li > a + .uss_tree_description, .service-block ul.catalog_menu > li a + .uss_tree_description, .uss_catlog_cat_anons, .uss_catalog_list_cat .uss_catalog_cat_name + .subcats, .uss_eshop_sameproducts.blocks .item .descr, .block.positions .uss_shop_description, .uss_shop_blocks_view .uss_eshop_item .uss_shop_description, .uss_shop_block_cat .uss_shop_cat_text, .news_block_item .preview { margin-top: 8px; font-size: inherit; line-height: 26px; } .eshop_filters_area .eshop_filters_item + .eshop_filters_item, .uss_eshop_item .eshop_filters_area, .uss_eshop_item .uss_shop_producer, .uss_eshop_item .uss_shop_amount_left, .uss_eshop_item .uss_shop_uid, .uss_eshop_item .uss_shop_amount_left + .uss_shop_uid, .uss_eshop_sameproducts.blocks .item .producer, .uss_shop_linktomore, .uss_shop_list_view .uss_shop_technical_data .uss_shop_linktomore, .uss_news_more { margin: 8px 0 0 0; line-height: normal; } .uss_catalog_block_cat .uss_catalog_category { -webkit-box-flex: 1; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; } .uss_catalog_block_cat .uss_catalog_category .catalog_info { -webkit-box-flex: 1; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; flex: 1 1 auto; } .uss_eshop_sameproducts.blocks .item .info > div:not(:first-child), .block.positions .uss_eshop_block_item .uss_shop_name + div { margin: 8px 0 0 0; } .service-block ul.catalog_menu > li .catalog_order_block, .uss_catalog_block_cat .uss_catalog_category .catalog_order_block, .uss_catalog_short_description + .catalog_order_block, .uss_catalog_sameelements.uss_eshop_sameproducts.blocks .catalog_order_block { margin-top: auto !important; padding-top: 12px; } .service-block ul.catalog_menu > li .catalog_order_block .catalog_price, .uss_catalog_block_cat .uss_catalog_category .catalog_order_block .catalog_price, .uss_catalog_short_description + .catalog_order_block .catalog_price, .uss_catalog_sameelements.uss_eshop_sameproducts.blocks .catalog_order_block .catalog_price { line-height: 1.2; margin-bottom: 15px; } .catalog_order_block .catalog_price { line-height: 1.2; } .service-block .uss_catalog_list_cat .uss_catalog_cat_name + .catalog_orderbutton, .uss_catalog_cat_name + .catalog_orderbutton, .uss_catlog_cat_anons + .catalog_orderbutton, .subcats_list + .catalog_orderbutton { margin-top: 10px; } .uss_catalog_list_cat .uss_catalog_cat_name { margin-bottom: 0px; } .uss_catalog_list_cat .subcats { margin-bottom: 0; } .uss_catalog_list_cat .catalog_orderbutton { margin-top: 10px; } .service-block .uss_tree_description p, .uss_catlog_cat_anons p, .uss_albums_description p { margin: 0; } .uss_shop_block_cat .uss_shop_cat_img_wrap { margin: 0; width: 100%; } .uss_shop_technical_data .uss_shop_description { margin-bottom: 10px; } .uss_ok_form, .uss_error_form ol li { font-size: 14px; } /**/ .service-block ul li, .service-block .uss_catalog_list_cat .uss_catalog_category, .uss_shop_block_cat .uss_shop_category, .uss_shop_blocks_view .uss_eshop_item, .uss_catalog_block_cat .uss_catalog_category, .uss_shop_list_cat .uss_shop_category, .uss_eshop_sameproducts.blocks .item, .block.positions .uss_eshop_block_item, .block.LastPosition .uss_eshop_block_item, .uss_photoalbums_albums_list .uss_albums_item, .uss_photoalbums_albums_block .uss_albums_item { padding: 0; border-radius: var(--br-1); background: var(--accent3); border: 0; overflow: hidden; } .uss_shop_blocks_view .uss_eshop_item .posimg_item, .uss_eshop_sameproducts.blocks .item .imageArea { margin: 0 !important; } .uss_shop_block_cat .uss_shop_category, .uss_shop_blocks_view .uss_eshop_item, .uss_catalog_block_cat .uss_catalog_category, .uss_shop_list_cat .uss_shop_category, .uss_eshop_sameproducts.blocks .item, .block.positions .uss_eshop_block_item, .block.LastPosition .uss_eshop_block_item, .uss_photoalbums_albums_list .uss_albums_item, .uss_photoalbums_albums_block .uss_albums_item { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .service-block ul li:hover, .service-block .uss_catalog_list_cat .uss_catalog_category:hover, .reviews .news_block_item:hover, .uss_shop_block_cat .uss_shop_category:hover, .uss_shop_blocks_view .uss_eshop_item:hover, .uss_catalog_block_cat .uss_catalog_category:hover, .uss_shop_list_cat .uss_shop_category:hover, .uss_eshop_sameproducts.blocks .item:hover, .block.positions .uss_eshop_block_item:hover, .block.LastPosition .uss_eshop_block_item:hover, .uss_photoalbums_albums_list .uss_albums_item:hover, .uss_photoalbums_albums_block .uss_albums_item:hover { -webkit-box-shadow: 0px 5px 15px rgb(0 0 0 / 10%); box-shadow: 0px 5px 15px rgb(0 0 0 / 10%); } .service-block .uss_eshop_menu li > a, .service-block .catalog_menu .catalog_menu_item > a, .service-block .uss_catalog_list_cat .uss_catalog_cat_name a, .uss_shop_block_cat .uss_shop_cat_name a, .uss_shop_list_cat .uss_shop_cat_name a, .uss_catalog_block_cat .uss_catalog_cat_name, .uss_catalog_block_cat .uss_catalog_cat_name a, .uss_shop_blocks_view .uss_shop_name, .uss_shop_name a, .uss_eshop_sameproducts .title a, .uss_albums_name a { color: var(--accent4); font-size: 18px; line-height: 24px; font-weight: 700; text-decoration: none; } .service-block .uss_eshop_menu li > a:hover, .service-block .catalog_menu .catalog_menu_item > a:hover, .service-block .uss_catalog_list_cat .uss_catalog_cat_name a:hover, .uss_shop_block_cat .uss_shop_cat_name a:hover, .uss_shop_list_cat .uss_shop_cat_name a:hover, .uss_catalog_block_cat .uss_catalog_cat_name a:hover, .uss_shop_name a:hover, .uss_eshop_sameproducts .title a:hover, .uss_albums_name a:hover { color: var(--accent); } /**/ .uss_shop_block_cat .uss_shop_cat_img, .uss_catalog_block_cat .uss_catalog_category .uss_catalog_cat_img, .uss_shop_list_cat .uss_shop_cat_img { border: 0; width: 100% !important; margin: 0; display: block; } .uss_shop_block_cat .uss_shop_cat_img a, .uss_catalog_block_cat .uss_catalog_category .uss_catalog_cat_img a, .uss_shop_list_cat .uss_shop_cat_img a { margin: 0; width: 100% !important; display: block; overflow: hidden; } .uss_shop_block_cat .uss_shop_cat_img img, .uss_catalog_block_cat .uss_catalog_category .uss_catalog_cat_img img, .uss_shop_list_cat .uss_shop_cat_img img { width: 100%; height: auto; object-fit: cover; border-radius: var(--br-1); } /*раздел новости*/ .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-block.x3 .news_block_item { max-width: calc((100% - (2) * 40px) / 3); } .aside-news.articles .date, .news-block.articles .date { display: none; } .news_list { margin-bottom: -30px; } .news_list.news_list_items .title a { margin-right: 7px; } .news_list .commentsAmount { margin-left: 0; } .news_list .news_item, .news_list.news_block_items .news_item { margin-bottom: 30px; } .news_block_item .image { float: none; padding: 0; } .news_block_item .image img { display: block; } .news_block_item .date { margin-bottom: 10px; } .news_block_item .image, .news_list.news_block_items .news_item .image { margin: 0 0 10px 0; } .news_list .image, .news_exact_item .uss_img_wrapper { margin-right: 18px; margin-bottom: 10px; } .news_block_item .title, .news_list .title, .similar_items_block .news_item .title, .similar_items_list .news_item .title { font-size: 18px; line-height: 1.4; font-weight: 700; } .news_block_item .title a, .news_list .title a, .similar_items_block .news_item .title a, .similar_items_list .news_item .title a { display: inline; text-decoration: none; color: var(--accent4); } .news_list.news_list_items .image { max-width: 40%; } .news_list:not(.news_block_items) .info { margin-top: -3px; } .news_list .title { margin-top: 0; } .news_list .date + .title { margin: 3px 0 5px; } .uss_news .uss_more { padding: 0; } .uss_news .uss_more a { padding: 5px 0 0; display: inline-block; } .news_block_item .title a:hover, .news_list .title a:hover, .similar_items_block .news_item .title a:hover, .similar_items_list .news_item .title a:hover { color: var(--accent); } .news_block_item .title { /*margin-bottom: 10px;*/ } .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; } .news_block_item .info p { /*line-height: 22px;*/ } .section_news .uss_ok_form, .section_news .uss_error_form { margin-top: 25px; } .similar_items_list .news_item .image { max-width: 40vw; } .similar_items_list .news_item .title a { display: inline; } .uss_news_date, .news_list .date, .uss_news .date, .news_block_item .date, .similar_items_block .news_item .date, .similar_items_list .news_item .date { padding-left: 18px; margin-bottom: 8px; display: inline-block; font-size: 15px; 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: 10px; } .similar_items_block .news_item .info > .title + .preview { margin-top: 5px; } .similar_items_block .news_item .preview p { margin: 0; } .similar_items_block .news_item .preview p + p { margin-top: 7px; } .aside-news .news_block_item:not(:last-child) { border-bottom: 2px solid #ebebef; padding-bottom: 27px; margin-bottom: 30px; } .aside-news .news_block_item { margin-bottom: 0; } /*раздел новости end*/ /*вопрос-ответ*/ .uss_add_question a, .uss_guestbook_links a { display: inline-block; padding: 0 40px; height: 40px; font-size: 15px; font-weight: 500; line-height: 40px; color: #fff; text-decoration: none; } .uss_faq_item { padding: 10px; color: #202020; margin: 0 0 20px; background: #F0F0F0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: 1px solid #ccc; } .uss_faq_question_info { font-size: 16px; line-height: normal; font-weight: 700; margin-bottom: 4px; } .uss_faq_reply { border-top: 1px dashed #ccc; margin: 10px 0 0 12px; padding: 10px 0 0; line-height: normal; } .uss_faq_reply_title { font-size: 15px; margin-bottom: 5px; } .uss_faq_item p { margin: 0; } .uss_faq_item p + p { margin-top: 10px; } .uss_faq_item .question { padding: 0; } .uss_faq_item .question .info, .uss_faq_item .question .question_text { margin: 0; } .uss_faq_item .question .question_text { margin-top: 4px; border-color: inherit; } .uss_faq_item.l-toggle .info { display: block; } .uss_faq_item .info { font-size: 16px; } .uss_faq_item.l-toggle .question_text { display: inline-block; font-size: 15px; line-height: normal; } .uss_faq_item .reply { margin: 10px 0 0 12px; padding: 10px 0 0; line-height: normal; border-top: 1px dashed #ccc; } .uss_faq_item.l-toggle .reply { margin-top: 0; } /**/ .uss_guestbook_item { margin: 0 0 25px; background: #F0F0F0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: 1px solid #ccc; } .uss_guestbook .uss_fio { font-size: 18px; } .uss_guestbook_reply { margin: 10px 0 0 12px; padding: 10px 0 0; line-height: normal; } .uss_guestbook_reply_title { font-size: inherit; } .uss_guestbook_question_text, .uss_guestbook_reply_text { line-height: 26px; } .uss_faq_item { padding: 8px 12px 10px 12px; color: #202020; margin: 0 0 25px; background: #F0F0F0; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ccc; } .uss_faq_item:last-child, .uss_guestbook_item:last-child { margin-bottom: 0; } .uss_faq_question_info { font-size: 18px; line-height: normal; font-weight: 700; margin-bottom: 4px; } .uss_faq_item .question { padding: 0; } .uss_faq_item .question .info, .uss_faq_item .question .question_text { margin: 0; } .uss_faq_item .question .question_text { margin-top: 4px; border-color: inherit; } .uss_faq_item .question .question_text span.label { display: none; } .uss_faq_item.l-toggle .info { display: block; } .uss_faq_item .info { font-size: 18px; } .uss_faq_item.l-toggle .question_text { display: inline-block; font-size: 16px; line-height: normal; } .uss_faq_item .reply { margin: 10px 0 0 12px; padding: 10px 0 0; line-height: normal; border-top: 1px dashed #ccc; } .uss_faq_item.l-toggle .reply { margin-top: 0; } /*вопрос-ответ end*/ .aside-contacts__inner, .aside-quiz .uss_vote_block { background: #f3f3f5; padding: 17px 20px 20px 20px; } .uss_vote_block h5, .uss_votes h5 { font-size: 16px; margin: 0 0 10px; } .uss_vote_block .submit, .uss_votes .submit { margin-top: 15px; } .aside-quiz .uss_vote_block .uss_more { margin-top: 20px; padding: 0; } .aside-quiz .uss_vote_block .uss_more a { color: #fff; text-decoration: none !important; display: block; padding: 0 15px; } input[type=submit].styler[disabled] { color: #fff; } input[type=submit].styler[disabled]:hover { cursor: not-allowed; } .aside-banner { padding: 0; position: relative; overflow: hidden; } .aside-banner p { margin: 0; } .aside-banner img { display: block; max-width: 100%; height: auto !important; } .aside-banner .info { position: absolute; top: 0; bottom: 0; right: 0; left: 0; 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; -moz-box-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: #fff; } .aside-banner .title { position: relative; font-size: 24px; line-height: 1.2; font-weight: 500; padding: 10px; text-align: center; z-index: 2; } .aside-banner .title:before { content: ''; background: var(--accent); opacity: 0.95; z-index: -1; display: block; height: 100%; position: absolute; left: 0; right: 0; top: 0; } .aside-banner .short-description { position: relative; padding: 10px; font-size: 16px; text-align: center; z-index: 2; } .aside-banner .short-description:before { content: ''; background: #000; opacity: 0.7; z-index: -1; display: block; height: 100%; position: absolute; left: 0; right: 0; top: 0; } .aside-banner .aside-banner__link { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; } .content .section:not(.section_basket2) img, .block img { max-width: 100%; height: auto; border-radius: var(--br-1); } .block.icons { margin-top: 40px; margin-bottom: 0; } .icons .row { 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; margin-bottom: -30px; } .icons .row.x2 .icon { width: 50%; } .icons .row.x3 .icon { width: calc(100% / 3); } .icons .row.x4 .icon { width: 25%; } .icons .row.x4 .icon .image { float: none; margin-bottom: 10px; } .icons .row.x5 .icon { width: 20%; } .icons .row.x5 .icon .image { float: none; margin-bottom: 10px; } .icons .row .icon { 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; width: 100%; margin-bottom: 30px; border-left: 2px solid var(--accent); } .icons .row .icon:before, .icons .row .icon:after { content: ''; display: table; } .icons .row .icon:after { clear: both; } .icons .row .icon .image { width: 92px; min-width: 92px; margin: 0 20px; } .icons .row .icon .image img { margin: 0 auto; max-width: 92px; max-height: 92px; width: auto; height: auto; display: block; } .icons .row .icon .info { overflow: hidden; line-height: 1; } .icons .row .icon .info .title { font-size: 20px; line-height: 1.2; color: #3a3a3a; font-weight: bold; margin: 0 0 12px 0; } .icons .row .icon .info .preview { font-size: 16px; line-height: 1.5; padding-right: 20px; font-weight: 300; } .icons .row .icon p { margin: 0; } .block.reviews { margin-top: 20px; margin-bottom: 0; } .reviews .row { 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; } .reviews .row.x2 .icon { width: 50%; } .reviews .row.x3 .icon { width: calc(100% / 3); } .reviews .row.x4 .icon { width: 25%; } .reviews .row.x4 .icon .image { float: none; margin-bottom: 10px; } .reviews .row.x5 .icon { width: 20%; } .reviews .row.x5 .icon .image { float: none; margin-bottom: 10px; } .reviews .row .icon { zoom: 1; width: 100%; margin-bottom: 30px; } .reviews .row .icon:before, .reviews .row .icon:after { content: ""; display: table; } .reviews .row .icon:after { clear: both; } .reviews .row .icon .image { width: 17%; float: left; margin-right: 2%; min-width: 90px; } .reviews .row .icon .image img { display: block; margin: 0 auto; max-width: 80%; } .reviews .row .icon .info { overflow: hidden; line-height: 1; } .reviews .row .icon .info .title { font-size: 20px; line-height: 1.2; color: #6c4d41; margin: 0 0 8px 0; } .reviews .row .icon .info .preview { font-size: 16px; line-height: 1.5; padding-right: 20px; font-weight: 300; } .reviews .row .icon p { margin: 0; line-height: 20px; } .content .block-news .uss_widget_outer_content, .block.positions .uss_widget_outer_content, .block.LastPosition .uss_widget_outer_content, .uss_eshop_sameproducts.blocks { 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; } .block.positions .uss_eshop_block_item, .block.LastPosition .uss_eshop_block_item { width: 230px; margin-right: 14px; margin-bottom: 20px; } .block.photoalbum { max-width: 100%; margin: 0px auto 20px; overflow: hidden; } .block.photoalbum .mCSB_container { display: flex; width: 100%; } .block.photoalbum .mCustomScrollbar:not(.mCS_no_scrollbar) { margin-bottom: -4px; } .block.photoalbum .mCustomScrollbar.mCS_no_scrollbar { margin-bottom: -40px; } .block.photoalbum .uss_one_image, .photoalbum .photoalbum_menu li { min-width: 220px; } .photoalbum .uss_images_block, .photoalbum .photoalbum_menu { margin: 0; } .photoalbum img { display: block; } .photoalbum .uss_images_block .uss_one_image, .photoalbum .photoalbum_menu li { margin: 0 18px 20px 0; } .photoalbum .mCustomScrollbar .uss_one_image, .photoalbum .photoalbum_menu.mCustomScrollbar li { margin-bottom: 0; } .photoalbum .photoalbum_menu li { display: inline-block; } .photoalbum ul.photoalbum_menu li .photoalbum_image { float: none; } .photoalbum .photoalbum_menu li .photoalbum_image + a, .uss_photoalbums_albums_block .uss_albums_item .uss_albums_info { display: block; padding-top: 10px; font-size: 16px; } .uss_photoalbums_albums_block .uss_albums_item .uss_albums_info { margin: 0 0 -5px 0; } .photoalbum .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 30px; } .photoalbum .all { position: absolute; top: 5px; right: 0; } .uss_photoalbums_foto_box { margin: 0 0 -15px 0; } .uss_photoalbums_foto_box .uss_img_item { margin: 0 15px 15px 0; } .uss_photoalbums_foto_box .uss_img_item .uss_img_pre a { margin: 0; } .uss_photoalbums_albums_list .uss_albums_item .uss_albums_cover { padding: 0; border: 0; } .uss_photoalbums_albums_list, .uss_photoalbums_albums_block { margin-bottom: -20px; } .uss_photoalbums_albums_list .uss_albums_item, .uss_photoalbums_albums_block .uss_albums_item { margin-bottom: 20px; } .uss_photoalbums_albums_block .uss_albums_item .uss_albums_cover, .uss_photoalbums_foto_box .uss_img_item .uss_img_pre { padding: 0; border-color: #ebebef; } .uss_photoalbums_albums_list .uss_albums_name, .uss_photoalbums_albums_block .uss_albums_name, .uss_photoalbums_albums_table .uss_albums_name, .uss_albums_name { font-size: 16px; } .uss_photoalbums_albums_block .uss_albums_description, .uss_photoalbums_albums_list .uss_albums_description, .uss_photoalbums_albums_table .uss_albums_description { margin-top: 5px; font-size: 16px; font-style: normal; } .uss_photoalbums_albums_table .uss_albums_description { margin-top: 0; } .uss_photoalbums_albums_table .uss_albums_cover { -webkit-box-sizing: border-box; box-sizing: border-box; } .uss_photoalbums_albums_list .uss_albums_item .uss_albums_cover { max-width: 40%; height: auto !important; } .uss_photoalbums_albums_list .uss_albums_item .uss_albums_cover a { display: block; } .uss_photoalbums_albums_list .uss_albums_item .uss_albums_cover img { position: relative; } .uss_photoalbums_albums_list .uss_albums_item .uss_albums_info { padding-left: 15px; } .uss_news .uss_image_holder img { display: block; } .reviews .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; margin-bottom: -30px; } .reviews .news_block_item { overflow: hidden; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; background: #fff; border: 1px solid #ebebef; max-width: calc((100% - (1) * 30px) / 2); margin-bottom: 30px; } .reviews .news_block_item .image img { display: block; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; max-width: 100%; height: auto; margin: 0 auto; } .reviews .news_block_item:hover .image img { -webkit-transform: scale(1.05); transform: scale(1.05); } .reviews .news_block_item .image { float: left; padding: 0; min-width: 230px; max-width: 40%; margin-bottom: 0; overflow: hidden; } .reviews .news_block_item .info { padding: 12px 20px 15px 20px; } .reviews .news_block_item .info .date { display: none; } @media (min-width: 1201px) { .reviews.reviews-vertical.x3 .news_block_item { display: block; max-width: calc((100% - (2) * 30px) / 3); } .reviews.reviews-vertical .news_block_item { display: block; max-width: calc((100% - (3) * 30px) / 4); } .reviews.reviews-vertical .image { float: none; min-width: 100px; max-width: 100%; } } @media (min-width:1201px) and (max-width:1400px) { .reviews:not(.reviews-vertical) .image { width: 230px; min-width: 150px; } } @media (max-width:1200px) { .reviews .news_block_item .image { width: 230px; } } .partners .slick-track { display: flex; align-items: center; gap: 20px; } .partners .partners_item { text-align: center; padding: 0 20px; } .partners .partners_item img { margin: auto; max-height: 120px; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: grayscale 0.25s linear; transition: grayscale 0.25s linear; } .partners .partners_item img:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } .block.number_features .h3 { margin-top: 40px; } .block.number_features .uss_widget_outer_content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .block.number_features .number_features_item { width: 25%; text-align: center; padding: 0 10px; margin-bottom: 20px; } .block.number_features .number_features_item .info { position: relative; } .block.number_features .number_features_item .info .title { margin: 0; display: block; font-size: 64px; font-weight: bold; position: relative; margin-bottom: 20px; color: inherit; text-decoration: none; } .block.number_features .number_features_item .info .title a { color: inherit; text-decoration: none !important; } .block.number_features .number_features_item .info .title:after { position: absolute; content: ''; width: 50px; height: 2px; background-color: #ccc; left: 0; right: 0; bottom: -2px; margin: 0 auto; } a[href^="tel:"], a[href^="tel:"]:hover { white-space: nowrap; color: inherit !important; font-size: inherit !important; text-decoration: none !important; } .uss_eshop_filters_block .jq-selectbox { margin-bottom: 0; } .uss_comments .comment .title .date { font-size: 15px; } /*название в 2 строки*/ .uss_shop_block_cat .uss_shop_cat_name, .uss_shop_name a, .uss_eshop_sameproducts .title a, .uss_catalog_block_cat .uss_catalog_cat_name a { padding: 10px 5px; display: block; } /*название в 2 строки end*/ .buy_one_click_form_tml .buy_one_click_window_wrap a.close, .catalog_orderform_tml .catalog_orderform_window_wrap a.close, .uss_modal_window .uss_modal_content .uss_modal_close { right: 5px; top: 5px; } .buy_one_click_form_tml textarea, .catalog_orderform_tml textarea { display: block; } .buy_one_click_form_tml a, .catalog_orderform_tml a { color: #000; } .buy_one_click_form_tml .fc_form_tml .group .fc_item.fc_checkbox_one, .catalog_orderform_tml .fc_form_tml .group .fc_item.fc_checkbox_one { line-height: 20px; text-align: center; } /*Купить в 1 клик*/ .buy_one_click_form_tml .buy_one_click_window_wrap, .catalog_orderform_tml .catalog_orderform_window_wrap { width: 360px; border-radius: 0; } .buy_one_click_window_wrap .fc_item .elem_item { max-width: 100%; } .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; } .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: none; padding: 0px; position: relative; z-index: 10; } .uss_form_checkbox { width: 100%; } .uss_form_tml input.styler:not([type=submit]), #loginForm input:not([type=submit]), .uss_subscribe_form #subscribe_input_email, .uss_form_text input, .uss_form_captcha input, .uss_eshop_amount_block input.basket_amount_class, .uss_buy_one_click_pos .uss_shop_by .amount.styler, .uss_user_basket .uss_number .uss_field input { font-family: var(--main-font); height: 40px; max-height: 100%; border-radius: 0 !important; border: 1px solid #cccccc; width: 100%; padding: 0 15px; color: #000; font-size: 15px; /*background: #fff;*/ transition: 0.25s; } .fc_form_tml textarea.styler, .uss_form_tml .uss_form_item textarea.styler { font-family: var(--main-font); border-radius: 0 !important; border: 1px solid #cccccc; padding: 12px 15px; color: #000; font-size: 15px; resize: none; display: block; /*background: #fff;*/ transition: 0.25s; } .uss_form_captcha { width: auto; max-width: 390px; } .uss_form_captcha img { border: none!important; width: 97px; height: 38px; } .uss_form_captcha input { width: 258px !important; } .uss_form_tml .uss_form_captcha label, .uss_form_captcha label { min-width: 100%; margin-bottom: 4px; } 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 { border-bottom-color: #cccccc; border: 1px solid #cccccc; transition: 0.25s; } .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_amount_block input.basket_amount_class:hover, .uss_buy_one_click_pos .uss_shop_by .amount.styler:hover, .uss_user_basket .uss_number .uss_field input:hover, input[type=text].styler:hover, input[type=email].styler:hover, input[type=number].styler:hover, input[type=password].styler:hover, input[type=search].styler:hover, input[type=tel].styler:hover, input[type=url].styler:hover, textarea.styler:hover { border-color: #727272; /*background: #fff;*/ } .fc_form_tml .fc_item, .uss_form_tml .fc_item { margin-bottom: 15px; } .fc_form_tml .fc_item label, .uss_form_tml .fc_item label, .uss_form_tml label, .form_styler label.sector_title { font-size: 15px; font-weight: 400; font-family: inherit; } .uss_form_tml .group .fc_item.fc_checkbox_one { width: 100%; } 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; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; font-family: inherit; } input[type=text].styler:focus, input[type=email].styler:focus, input[type=number].styler:focus, input[type=password].styler:focus, input[type=search].styler:focus, input[type=tel].styler:focus, input[type=url].styler:focus, textarea.styler:focus { -webkit-box-shadow: none; box-shadow: none; } .uss_error_form ol { list-style-type: decimal; } .fc_form_tml input[type=submit].styler, button.styler, input[type=submit].styler, input[type=reset].styler, input[type=button].styler, .service-block .catalog_orderbutton, .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: 40px; line-height: 40px; padding: 0 25px; border-radius: 0 !important; background: url(/img/transparent.png) var(--accent) !important; font-size: 16px; font-weight: 500; text-transform: none; text-shadow: none; box-shadow: none; min-height: auto; color: #fff; border: 0; font-family: var(--main-font); cursor: pointer; } .service-block .catalog_orderbutton:hover, .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; } .fc_form_tml input[type=submit].styler:hover { background: url(/img/transparent.png) var(--accent-hover) !important; text-decoration: none; } .catalog_menu_item .catalog_orderbutton { margin: 0; } .uss_form_tml .uss_form_submit { margin-bottom: 0 !important; } form[action*=feedback], form[action*=faq], form[name*=guestbookitemaddform], form[name*=faqitemaddform], form[action*=basket], form[action*=CatalogOrderForm], form[action*=enter], form[action*=registration], form[action*=mycabinet], form[action*=changepass], form[action*=passrecovery] { margin-top: 35px; } form[action*=faq] .fc_item:not(.block), form[name*=guestbookitemaddform] .fc_item:not(.block), form[name*=faqitemaddform] .fc_item:not(.block), form[action*=CatalogOrderForm] .fc_item:not(.block), form[action*=enter] .fc_item:not(.block), form[action*=registration] .fc_item:not(.block), form[action*=mycabinet] .fc_item:not(.block), form[action*=changepass] .fc_item:not(.block), form[action*=passrecovery] .fc_item:not(.block) { max-width: 390px; width: 100%; } .fc_form_tml > .uss_error_form, .uss_section_content > .uss_error_form { margin-top: 35px; min-width: 390px; max-width: 390px; } form[action*=feedback], form[action*=CatalogOrderForm] { margin-top: 20px; } form[action*=feedback] .jq-checkbox { margin-bottom: 0px; } form.form-list-items { max-width: 390px; } .uss_form_tml input.styler:not([type=submit]), #loginForm input:not([type=submit]), .uss_subscribe_form #subscribe_input_email, .uss_form_text input, .uss_form_captcha input, .uss_eshop_amount_block input.basket_amount_class, .uss_buy_one_click_pos .uss_shop_by .amount.styler, .uss_form_tml .uss_form_item textarea.styler, form[name*=registrationeditform] input[type=submit], form[action*=registration] input[type=submit], form[action*=passrecovery] input[type=submit], form[action*=changepass] input[type=submit] { width: 100%; } .uss_form_captcha { width: auto; max-width: 390px; } .section_registration .uss_error_form, form[name*=guestbookitemaddform], form[name*=deskitemaddform], form[name*=faqitemaddform], form[action*=passrecovery], form[action*=registration] { max-width: 390px; } .jq-radio { width: 18px; height: 18px; border: 1px solid #c2c2c2; background: #fff !important; -webkit-box-shadow: none; box-shadow: none; } .jq-radio.checked .jq-radio__div { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); } .jq-checkbox { border-radius: 0; } .jq-checkbox.checked .jq-checkbox__div { border-radius: 0px; background: var(--accent); -webkit-box-shadow: none; box-shadow: none; } form .fc_item.fc_checkbox input[type="checkbox"] { display: none; } @media (max-width:768px) { .uss_shop_form { max-width: 100%; } .uss_shop_form .fc_form_tml .jq-checkbox { margin-right: 10px; } form[action*=feedback] { 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 td.label { padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #loginForm input:not([type=submit]) { margin: 7px 0 7px 10px; margin: 7px 0 7px 0px; } #loginForm input[type=submit] { margin-top: 7px; width: 100%; } #loginForm ~ span { margin: 15px 15px 0 0; display: inline-block; } #loginForm ~ span a:hover { text-decoration: none; } /*форма входа в кабинет end*/ /*форма*/ .uss_error_form { width: 100%; min-width: 100%; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .block_form { padding: 30px; background: #191a28; } .block_form .h3 { background: none; border-bottom: 0; padding-bottom: 0; color: var(--accent); } .block_form .fc_form_tml { background: none; } .block_form form { color: #505050; 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-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -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: 0 !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; color: #838ca2; } .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: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% - ( (2) * 20px ) ) / 3); } .block_form .fc_item label { color: #fff; } .block_form form .buttons input.styler[type="submit"] { -webkit-box-shadow: none; box-shadow: none; display: inline-block; text-align: center; font-size: 15px; text-decoration: none; border: 0; } .block_form form .buttons input.styler[type="submit"]:hover { opacity: 1; } .uss_form_tml .uss_form_item { margin-bottom: 15px; } .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; } 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 { -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 { min-width: 100%; } @media (max-width: 768px) { .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 { } .fc_item .elem_item input, .fc_item .elem_item textarea{ -webkit-box-sizing:border-box; box-sizing:border-box; } .fc_form_tml .group .fc_item.fc_checkbox_one { } #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_submit { margin-top: 0; } 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, .fc_form_tml .group .fc_item.block, .fc_form_tml .group .fc_item.block.fc_checkbox_one { -webkit-box-sizing: border-box; box-sizing: border-box; } .uss_form_item.uss_form_checkbox { width: 100%; max-width: 100%; } } @media (max-width:599px) { .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%; } } /*форма end*/ .main-footer>.inner { gap: 60px; padding-top: 30px; padding-bottom: 30px; } .footer .contacts-block { width: 300px; flex: 0 0 auto; } .footer-map { width: calc(100% - 320px); min-height: 390px; background: var(--accent3); overflow: hidden; border-radius: var(--br-1); flex: 1 1 auto; } .footer-map p > ymaps, .footer-map p > ymaps > ymaps { max-width: 100%; } .footer-map p { margin: 0; } .footer-map p img { display: block; } .footer-map p { margin: 0; } .footer-map img { display: block; } .footer-form { margin-left: 20px; } .counters { display: none; } .main-footer .inner { display: flex; justify-content: space-between; align-items: center; } .column-social p { display: flex; justify-content: center; } .column-counter { display: none; } .enter-page .container .aside { display: none; } .enter-page .container .content { text-align: center; } .enter-page #loginForm table { margin: auto; } .colorStyle1 .jq-selectbox.focused .jq-selectbox__select { border-color: var(--accent); } .colorStyle1 .uss_catalog_list_cat .catalog_orderbutton, .colorStyle1 .uss_catalog_block_cat .catalog_orderbutton, .colorStyle1 .uss_catalog_detail .catalog_orderbutton { background: var(--accent); } .colorStyle1 .uss_news_date, .colorStyle1 .news_list .date, .colorStyle1 .uss_news .date, .colorStyle1 .news_block_item .date, .colorStyle1 .similar_items_block .news_item .date, .colorStyle1 .similar_items_list .news_item .date { background: url(/img/K-07-1/clock.png) no-repeat left center; } .colorStyle1 .burger-menu, .colorStyle1 .mobile-top-menu.open .top-menu a:hover, .colorStyle1 .mobile-top-menu.open .top-menu a.active, .colorStyle1 .mobile-cart-container, .colorStyle1 .burger-search-container .catalog-search .uss_submit, .colorStyle1 .block.aside-service-block .h3, .colorStyle1 .uss_add_question a, .colorStyle1 .uss_guestbook_links a, .colorStyle1 .block.number_features .number_features_item .info .title:after, .colorStyle1 .burger-search-container .catalog-search:before, .colorStyle1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .colorStyle1 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .colorStyle1 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .colorStyle1 .mCSB_draggerContainer .mCSB_dragger_bar { background-color: var(--accent); } .colorStyle1 .uss_shoppos_table a.add_to_cart, .colorStyle1 #lpage .uss_shop_blocks_view .uss_eshop_item a.add_to_cart.buy_one_click, .colorStyle1 a.add_to_cart, .colorStyle1 a.add_to_cart.buy_one_click, .colorStyle1 a.add_to_compare, .colorStyle1 a.add_to_wishlist, .colorStyle1 .uss_user_wishlist .uss_delete_pos .add_to_cart, .colorStyle1 #uss_basket_ask_where_to_go_block a, .colorStyle1 .jq-selectbox li:hover, .colorStyle1 .jq-selectbox__dropdown li:hover, .colorStyle1 .jq-selectbox li.selected, .colorStyle1 .jq-selectbox__dropdown li.selected, .colorStyle1 .uss_autocomplete_results .ac_over, .colorStyle1 .uss_search_city_results .ac_over, .colorStyle1 .uss_pagenator .uss_page_num .uss_page.uss_page_selected a, .colorStyle1 .uss_pagenator .uss_page_num .uss_10_pages_bac a:hover, .colorStyle1 .uss_pagenator .uss_page_num .uss_page_forward a:hover, .colorStyle1 .uss_pagenator .uss_page_num .uss_10_pages_forward a:hover, .colorStyle1 .uss_pagenator .uss_page_num .uss_page a:hover { background-color: var(--accent); } .colorStyle1 .uss_shoppos_table a.add_to_cart.already_in_cart, .colorStyle1 .uss_shoppos_table a.add_to_cart:hover, .colorStyle1 a.add_to_compare.already_in_compare, .colorStyle1 a.add_to_compare:hover, .colorStyle1 a.add_to_wishlist.already_in_wish, .colorStyle1 a.add_to_wishlist:hover, .colorStyle1 a.add_to_cart.already_in_cart, .colorStyle1 a.add_to_cart:hover, .colorStyle1 .uss_eshop_item a.add_to_cart.buy_one_click:hover, .colorStyle1 .uss_user_wishlist .uss_delete_pos .add_to_cart:hover, .colorStyle1 .service-block .catalog_orderbutton:hover, .colorStyle1 .uss_catalog_list_cat .catalog_orderbutton:hover, .colorStyle1 .uss_catalog_block_cat .catalog_orderbutton:hover, .colorStyle1 .uss_catalog_detail .catalog_orderbutton:hover, .colorStyle1 #loginForm input[type=submit]:hover, .colorStyle1 .uss_subscribe_form input[type=submit]:hover, .colorStyle1 .uss_form_tml .uss_form_submit input:hover, .colorStyle1 .fc_form_tml input[type=submit].styler:hover, .colorStyle1 button.styler:hover, .colorStyle1 input[type=submit].styler:hover, .colorStyle1 #uss_basket_ask_where_to_go_block a:hover, .colorStyle1 .uss_add_question a:hover, .colorStyle1 .uss_guestbook_links a:hover { background-color: var(--accent-hover) !important; } .colorStyle1 a.add_to_cart.buy_one_click, .colorStyle1 a.add_to_cart.buy_one_click:hover { background-image: url(/img/icon-one-click-white.png); filter: var(--toAccent); } .colorStyle1 .uss_shop_blocks_view a.add_to_cart.buy_one_click:hover { background-image: url(/img/K-07-1/icon-one-click.png) !important; filter: var(--toAccent); } .colorStyle1 .uss_shop_blocks_view .add_to_compare:hover, .colorStyle1 .uss_shop_blocks_view .add_to_compare.already_in_compare { background-image: url(/img/K-07-1/icon-compare.png) !important; filter: var(--toAccent); } .colorStyle1 .uss_shop_blocks_view .add_to_wishlist:hover, .colorStyle1 .uss_shop_blocks_view .add_to_wishlist.already_in_wish { background-image: url(/img/K-07-1/icon-wishlist.png) !important; filter: var(--toAccent); } .colorStyle1 a.add_to_compare, .colorStyle1 a.add_to_compare:hover, .colorStyle1 a.add_to_compare.already_in_compare { background-image: url(/img/icon-compare-white.png); } .colorStyle1 a.add_to_wishlist, .colorStyle1 a.add_to_wishlist:hover, .colorStyle1 a.add_to_wishlist.already_in_wish { background-image: url(/img/icon-wishlist-white.png); } @media (min-width:1600px) { .menu ul li .submenu { margin-left: -25px; } .menu > ul > li:first-child .submenu { margin-left: 0; } } @media (max-width: 1250px) { div.uss_catalog_tabs .uss_catalog_tabs_navigation span, div.uss_eshop_tabs .uss_eshop_tabs_navigation span { padding: 0 20px; } } @media (min-width:1001px) { .menu > ul > li + li { margin-left: 15px; } .mobile-top_menu, .burger-search-container { display: none !important; } .news-block .uss_widget_outer_content { margin-bottom: -30px; } } @media (max-width: 1000px) { .main-header .inner { flex-wrap: wrap; } h1 { font-size: 24px; font-weight: 700; } .bread + h1 { margin-top: 15px; } h1 + .section, .uss_shop_detail .uss_shop_full_description, .uss_catalog_tabs, .uss_eshop_tabs, .h3.h_op, .catalog_order_form, .LastPosition, .uss_shop_content3, .uss_pagenator, .uss_catalog_detail > .uss_catalog_description, .uss_shop_content2:not(.empty-block) + div, .uss_eshop_filters + .uss_cleaner + .uss_shop_content, .uss_eshop_filters + .uss_cleaner + .uss_shop_block_cat, .uss_shop_content:not(.empty-block) + #eshop_pos_content:not(.empty-block), .uss_section_content > ymaps, .section_formconstructor > .uss_section_content h2, .content .block_form, .uss_add_question + .uss_faq_item, .uss_guestbook_links + .uss_guestbook_item, .uss_modul_txt + .uss_photoalbums { margin-top: 30px; } h1, .h3, .h3.h_op, .LastPosition .h4, .uss_comments h3, .comment_form_title, .news_similar_title { margin-bottom: 20px; } .content .block:not(:last-child) { margin-bottom: 40px; } .container > .inner { display: block; padding-top: 15px; padding-bottom: 15px; } .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; } .uss_shop_block_cat .uss_shop_category, .uss_shop_blocks_view .uss_es22hop_item, .uss_eshop_sameproducts.blocks .item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .uss_eshop_sameproducts .imageWrapOuter, .uss_eshop_sameproducts .imageWrapOuter .image, .uss_eshop_sameproducts .imageWrapOuter .image img { max-width: 100%; display: block; height: auto !important; } }/*1000px*/ @media (max-width:768px) { .uss_shop_list_view .uss_img_holder { height: auto !important; } table.uss_shoppos_table{ display:block; border:none; } table.uss_shoppos_table tbody{ display:block; } table.uss_shoppos_table tbody tr:first-child{ display:none; } table.uss_shoppos_table tbody tr:first-child+td{ border-top:1px solid #989898; } table.uss_shoppos_table tbody tr.uss_eshop_item{ width:100%; display:block; padding-bottom:7px; padding-top:7px; overflow: hidden; } table.uss_shoppos_table tbody tr.uss_eshop_item+tr{ padding-top:7px; border-top:1px solid #989898; } table.uss_shoppos_table tbody tr.uss_eshop_item td{ font-size:15px; border:none; padding:0; display:block; overflow:hidden; width:auto!important; margin-bottom: 10px; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_img{ float:left; display:block; margin-right:10px; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_img~*{ overflow:hidden; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_title{ display:block; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_price{ text-align:left; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_price span.old_price{ font-size:16px; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_price span.actual_price{ font-size:18px; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_description>div{ height:auto; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_onlineorder{ display:flex; text-align: left; align-items:center; flex-wrap:wrap; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_onlineorder>*{ margin: 0px 10px 10px 0 !important; white-space: nowrap; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_onlineorder a.add_to_cart{ max-width:none; margin-bottom:0!important; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_onlineorder span.add_to_cart+.uss_shop_by{ margin-top:0; } /*карточка товара*/ div.uss_eshop_tabs .uss_eshop_tabs_navigation span, div.uss_catalog_tabs .uss_catalog_tabs_navigation span { position: relative; width: 100%; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } div.uss_eshop_tabs .uss_eshop_tabs_navigation span:not(:last-child):after, div.uss_catalog_tabs .uss_catalog_tabs_navigation span:not(:last-child):after { content: ''; display: block; width: 100%; height: 1px; background: rgba(255,255,255,0.1); position: absolute; bottom: 0; left: 0; } .colorStyle1 div.uss_eshop_tabs .uss_eshop_tabs_navigation span:not(:last-child):after, .colorStyle1 div.uss_catalog_tabs .uss_catalog_tabs_navigation span:not(:last-child):after { background: rgba(0,0,0,0.1); } div.uss_eshop_tabs .uss_eshop_tabs_navigation span.first, div.uss_catalog_tabs .uss_catalog_tabs_navigation span.first { border-radius: 0px 0px 0 0; } .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_wrapper, .uss_shop_detail .uss_img_wrapper { display: block; float: none; width: 100% !important; margin: 0 0 15px; max-width: 100%; text-align: center; } .uss_shop_detail .uss_img_wrapper:after { content:''; display: table; clear: both; } .uss_shop_detail .uss_img_big, .uss_shop_detail_350_bottom .uss_img_big { float: none; } .uss_shop_detail .uss_img_big .uss_img_big_image { position: relative; margin: auto; display: inline-block; } .uss_shop_detail .uss_img_big + .uss_img_ico_box { float: none; text-align: center; display: block; min-width: 100%; padding-left: 10px; } .section_eshop .uss_shop_detail .uss_img_wrapper .uss_img_ico_box .uss_img_ico { margin-right: 10px!important; float: none; display: inline-block; } .section_eshop .uss_shop_detail .uss_shop_technical_data { display: block; width: 100%; margin: 0; overflow: hidden; } .uss_shop_detail .uss_img_big_image { max-width: 100%; height: auto!important; } .uss_shop_detail.uss_shop_detail_350_bottom .uss_img_big .uss_img_big, .uss_shop_detail .uss_img_big { margin-bottom: 5px; } .uss_shop_detail .uss_img_ico_box { position: relative; } .uss_shop_detail .uss_img_ico_box:before { content:''; display: table; clear: both; } /*карточка товара end*/ /*карточка услуги*/ .uss_catalog_detail .uss_img_wrapper { float: none; text-align: center; margin: 0 auto 0px auto; } /*карточка услуги end*/ /*корзина*/ .uss_user_basket{ display:block; } .uss_user_basket .hide{ display:none!important; } .uss_user_basket>table{ display:block; border-right:1px solid #ccc; } .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-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .uss_user_basket .uss_number, .uss_user_basket td.uss_price_field.uss_sum_field { display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flex !important; display: -o-flex !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .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+tr>td.uss_image { padding-top:10px!important; padding-bottom: 10px; } .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 #ccc; } .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: 0px; } .uss_user_basket>table>tbody>tr td.uss_image img { display: block; } .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; margin-top: 7px; margin-bottom: 7px; } .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>*+* { margin-top: 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; letter-spacing: -1px; } .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; padding-left: 0; } .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: 15px; } .uss_user_basket td.uss_delete_pos .add_to_wishlist { margin-right: -5px; } .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: 8px !important; margin-right: -8px; } .uss_user_basket>table>tbody>tr td.uss_delete_pos a img{ width:15px; height:15px; display:block; margin:0; margin: auto; } .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:15px; 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_form_tml .uss_form_submit { margin-top: 15px; } /*корзина end*/ /*корзина отложенные товары*/ .uss_user_wishlist{ display:block; } .uss_user_wishlist .hide{ display:none!important; } .uss_user_wishlist>table{ display:block; border-right:1px solid #ccc; } .uss_user_wishlist>table>tbody{ display:block; } .uss_user_wishlist>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_wishlist>table>tbody>tr+tr>td.uss_image, .uss_user_wishlist>table>tbody>tr+tr>td.uss_name{ /*padding-top:10px!important;*/ } .uss_user_wishlist>table>tbody>tr+tr>td.uss_image { padding-top:10px!important; padding-bottom: 10px; } .uss_user_wishlist>table>tbody>tr:not(.total_sum){ padding-right:5px; padding-left:5px; } .uss_user_wishlist>table>tbody>tr:first-child{ display:none; } .uss_user_wishlist>table>tbody>tr:not(.hide){ border-bottom:1px solid #ccc; } .uss_user_wishlist>table>tbody>tr th{ display:none; } .uss_user_wishlist>table>tbody>tr td{ display:inline-block; vertical-align:middle; width:auto; border:none; } .uss_user_wishlist>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: 0px; } .uss_user_wishlist>table>tbody>tr td.uss_image img { display: block; } .uss_user_wishlist>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 0 7px 0; white-space:normal; } .uss_user_wishlist>table>tbody>tr td.uss_name .uss_description{ line-height:1.2em; } .uss_user_wishlist>table>tbody>tr td.uss_name .uss_title{ font-size:17px; height: auto; margin-top: 7px; margin-bottom: 7px; } .uss_user_wishlist>table>tbody>tr td.uss_name .uss_description{ font-size:14px; } .uss_user_wishlist>table>tbody>tr td.uss_name>*+* { margin-top: 7px; } .uss_user_wishlist>table>tbody>tr td.uss_name~*{ padding-top: 8px; padding-bottom: 8px; } .uss_user_wishlist>table>tbody>tr td.uss_price_field{ font-size:20px; font-weight:700; } .uss_user_wishlist>table>tbody>tr td:not(.uss_name){ display:inline-block; vertical-align:middle; width:auto; } .uss_user_wishlist>table>tbody>tr td:not(.uss_name) :not(input){ border:none; } .uss_user_wishlist>table>tbody>tr td.totals{ display:block; width:100%; } .uss_user_wishlist>table>tbody>tr td.uss_number{ padding-top:0!important; padding-bottom:0!important; } .uss_user_wishlist>table>tbody>tr td.uss_number a.uss_minus,.uss_user_wishlist>table>tbody>tr td.uss_number a.uss_plus{ width:auto; height:auto; font-size:40px; padding:0 9px; line-height:1; } .uss_user_wishlist>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_wishlist .uss_number .uss_field input { font-size: 15px; } .uss_user_wishlist>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_wishlist>table>tbody>tr td.uss_delete_pos a:not(:first-child) { margin-left: 8px !important; } .uss_user_wishlist>table>tbody>tr td.uss_delete_pos a img{ width:15px; height:15px; display:block; margin:0; margin: auto; } .uss_user_wishlist .uss_bottom .totals { font-size: 16px; } .uss_user_wishlist>table>tbody>tr td.uss_delete_pos a.uss_pos_buttons{ font-size:15px; display:inline-block; padding: 5px 5px; vertical-align:middle; } /*корзина отложенные товары end*/ .uss_shop_form form .buttons, .uss_shop_form form .buttons input, .buttons input.styler[type="submit"], .uss_form_submit input[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 { padding: 15px; } .footer-contacts { text-align: center; } .footer-contacts .address table { margin: auto; } .address p { -webkit-box-pack:center; -webkit-justify-content: center; -ms-flex-pack:center; justify-content: center; } .bottom-line .inner { display: block; } .bottom-line .inner .column { width: 100%; text-align: center; } .bottom-line .inner > .column { max-width: 100%; } .bottom-line .inner .column + .column { margin-top: 15px; } .bottom-line .uss-copyright { width: 114px; margin: auto; } }/*768px*/ @media (max-width:650px) { .uss_eshop_filters { margin-top: 15px; margin-bottom: 15px; } .uss_eshop_filters_block:not(.simple_filters) .filter_submit { min-width: 100%; margin-top: 15px; 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; } .uss_eshop_filters_block:not(.simple_filters) input.styler[type="submit"], .uss_eshop_filters_block:not(.simple_filters) button.styler { -webkit-flex: 1 auto; -moz-flex: 1 auto; -ms-flex: 1 auto; -o-flex: 1 auto; flex: 1 auto; max-width: calc((100% - (1) * 15px) / 2); } .uss_eshop_sort_block { float: none; width: 100%; text-align: center; margin-bottom: 15px; } .uss_eshop_sort_block .filter_show_by_links { display: block; margin: 15px 0 0; } .sort_settings .arrow { padding: 0; margin-right: -1px; } .sort_settings .arrow a { margin: 0 -1px; } }/*650*/ @media (max-width:600px) { .news_list .image .uss_image_holder, .news_exact_item .uss_img_wrapper, .news_exact_item .uss_img_big .uss_img_big_image { display: block; max-width: 100%; height: auto !important; } .news_list.news_block_items .news_item { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .news_exact_item .uss_img_wrapper { max-width: 40%; } .news_list .image, .news_exact_item .uss_img_wrapper { margin-right: 15px; } .photoalbum .uss_images_block .uss_one_image, .photoalbum .photoalbum_menu li, .uss_photoalbums_albums_block .uss_albums_item { max-width: calc((100% - (1) * 15px) / 2); } .photoalbum .uss_images_block .uss_one_image, .photoalbum .photoalbum_menu li, .service-block ul li, .service-block .uss_catalog_list_cat .uss_catalog_category, .uss_photoalbums_albums_block .uss_albums_item, .uss_photoalbums_albums_list .uss_albums_item { margin-bottom: 15px !important; } .service-block > ul, .service-block .uss_catalog_list_cat, .content .block-news .uss_widget_outer_content, .uss_shop_block_cat, .uss_shop_blocks_view, .block.positions .uss_widget_outer_content, .block.LastPosition .uss_widget_outer_content, .uss_eshop_sameproducts.blocks, .uss_photoalbums_albums_block, .uss_photoalbums_albums_list { margin-bottom: -15px; } .service-block .catalog_orderbutton { width: 100%; text-align: center; box-sizing: border-box; padding-top: 12px; padding-bottom: 12px; height: auto; font-size: 16px; line-height: 1; text-transform: uppercase; } .uss_shop_blocks_view .uss_eshop_item { margin-right: 12px; } .uss_shop_blocks_view .uss_eshop_item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .uss_widget_outer_content .uss_eshop_block_item:nth-of-type(2n), .uss_shop_blocks_view .uss_eshop_item:nth-of-type(2n), .uss_catalog_block_cat .uss_catalog_category:nth-of-type(2n), .uss_shop_block_cat .uss_shop_category:nth-of-type(2n), .uss_photoalbums_foto_box .uss_img_item:nth-of-type(2n), .uss_photoalbums_albums_block .uss_albums_item:nth-of-type(2n) { margin-right: 0; } .uss_widget_outer_content .uss_eshop_block_item, .uss_catalog_block_cat .uss_catalog_category, .uss_shop_block_cat .uss_shop_category { display: inline-block; } .uss_widget_outer_content .uss_eshop_block_item, .uss_shop_blocks_view .uss_eshop_item, .uss_catalog_block_cat .uss_catalog_category, .uss_shop_block_cat .uss_shop_category, .uss_photoalbums_albums_block .uss_albums_item { max-width: calc((100% - (1) * 15px) / 2); margin-bottom: 15px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .uss_photoalbums_foto_box .uss_img_item { max-width: calc((100% - (1) * 15px) / 2); } .uss_photoalbums_foto_box .uss_img_item .uss_img_pre, .uss_photoalbums_albums_block .uss_albums_item .uss_albums_cover { display: block; height: auto !important; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .uss_widget_outer_content, .uss_photoalbums_foto_box, .uss_photoalbums_albums_block { 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; } .uss_widget_outer_content .uss_eshop_block_item .img, .uss_shop_blocks_view .uss_eshop_item .uss_img_holder_outer { max-width: 100%; } .uss_shop_blocks_view .uss_eshop_item .uss_img_holder, .uss_catalog_block_cat .uss_catalog_category .uss_catalog_cat_img, .uss_shop_block_cat .uss_shop_cat_img { height: auto !important; } .uss_catalog_block_cat .uss_catalog_category .uss_catalog_cat_img { max-width: 100%; } .content .block .uss_eshop_block_item .img, .content .block .uss_eshop_block_item .img .imagelink { width: 100% !important; } .uss_eshop_sameproducts.blocks .item { max-width: calc((100% - (1) * 15px) / 2); } .similar_items_block .news_item .image .uss_image_holder, .uss_eshop_sameproducts .imageWrapOuter, .uss_eshop_sameproducts .imageWrapOuter .image, .uss_eshop_sameproducts .imageWrapOuter .image img { max-width: 100%; display: block; height: auto !important; } .content .block .news_block_item { width: 100% !important; max-width: 100%; margin: 0 0 25px 0 !important; } .content .block .news_block_item:last-child { margin-bottom: 0 !important; } .catalog_orderform_tml .catalog_orderform_window_wrap a.close, .uss_modal_window .uss_modal_content .uss_modal_close { right: 5px; top: 5px; } .uss_eshop_amount_block, .uss_shop_by .uss_eshop_amount_block { display: none; } .uss_photoalbums_albums_table, .uss_photoalbums_albums_table table, .uss_photoalbums_albums_table table tbody { display: block; } .uss_photoalbums_albums_table table tr:first-child { display: none; } .uss_photoalbums_albums_table table tr { margin-bottom: 20px; } .uss_photoalbums_albums_table table tr, .uss_photoalbums_albums_table table tr td { display: block; width: 100% !important; } .uss_photoalbums_albums_table table tr th { display: none; } .uss_photoalbums_albums_table td { padding-left: 0; padding-right: 0; border: 0; } .uss_photoalbums_albums_table .uss_albums_cover { max-width: 100%; height: auto !important; } .uss_photoalbums_albums_table .uss_albums_cover a { display: block; } .uss_photoalbums_albums_table .uss_albums_cover img { position: relative; display: block; } .reviews .news_block_item .image { min-width: 40%; } .eshop_filters_area .eshop_filters_line select { max-width: 100%; } .block.positions .uss_eshop_block_item, .block.LastPosition .uss_eshop_block_item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .reviews .uss_widget_outer_content { margin-bottom: 0; } .reviews .news_block_item { margin-bottom: 15px; } .service-block .uss_eshop_menu li > a, .service-block .catalog_menu .catalog_menu_item > a, .service-block .uss_catalog_list_cat .uss_catalog_cat_name a, .uss_shop_block_cat .uss_shop_cat_name a, .uss_shop_list_cat .uss_shop_cat_name a, .uss_catalog_block_cat .uss_catalog_cat_name, .uss_catalog_block_cat .uss_catalog_cat_name a, .uss_shop_blocks_view .uss_shop_name, .uss_shop_name a, .uss_eshop_sameproducts .title a { font-size: 16px; line-height: 1.3; } }/*600px*/ @media (max-width:500px) { .auth span { padding: 7px 10px; } .h3, .h3.h_op, .LastPosition .h4, .uss_comments h3, .comment_form_title, .news_similar_title { font-size: 22px; } .news_list .image, .news_exact_item .uss_img_wrapper { border: 0; padding: 0; max-width: 100%; float: none; margin: 0 0 10px 0; } .news_list.news_list_items .image { max-width: 100%; } .news_list .info { margin-top: 0; } .uss_eshop_item .uss_shop_price span.actual_price, .uss_buy_one_click_pos .uss_shop_price .actual_price, .uss_eshop_sameproducts .item .price span.actual_price, .uss_shop_price .price:not(.old_price) { font-size: 21px; } .uss_eshop_sort_block { font-size: 15px; } .uss_shop_list_view_item.uss_eshop_item .posimg_item { float: none; margin: 0 0 10px 0; } .uss_shop_list_view .uss_shop_list_view_item.uss_eshop_item .posimg_item .uss_img_holder_outer { max-width: 100%; } .uss_shop_list_view .uss_shop_technical_data .position-buttons > .uss_shop_price { min-width: 100%; } .uss_shop_list_view .uss_shop_technical_data { margin-bottom: 0; } table.uss_shoppos_table tbody tr.uss_eshop_item td{ margin:0 0 10px; } table.uss_shoppos_table tbody tr.uss_eshop_item td.uss_img{ float:none; display:block; width:100%; margin:0 0 10px; } table.uss_shoppos_table tbody tr.uss_eshop_item td>div{ margin:0; } .uss_shop_detail .uss_shop_technical_data .uss_shop_price .price:not(.old_price) { font-size: 28px; } .uss_eshop_sameproducts.list .item .imageArea { float: none; margin: 0 0 10px 0; } .uss_eshop_sameproducts.list .imageWrapOuter { max-width: 100%; } .uss_basket_menu { display: flex; flex-direction: column; align-items: flex-start; } .uss_basket_menu > * { margin: 7px 0 !important; padding: 0 !important; } .uss_basket_menu > * + * { margin-top: 0 !important; } .uss_basket_menu span.current { padding: 3px 5px !important; } } .jq-select-multiple ul li::after { display: none; } .jq-select-multiple ul { display: block; margin: unset; } /*Обновление форм 2.0*/ .fc_form_tml .fc_item.block, .fc_form_tml .group .fc_item.block.fc_checkbox_one { width: auto; min-width: 46%; } .fc_form_tml .fc_item.block3, .fc_form_tml .group .fc_item.block3.fc_checkbox_one { width: auto; min-width: 30%; } .fc_form_tml .fc_item.block4, .fc_form_tml .group .fc_item.block4.fc_checkbox_one { width: auto; min-width: 24%; } .fc_form_tml .fc_item.block5, .fc_form_tml .group .fc_item.block5.fc_checkbox_one { width: auto; min-width: 19%; } .fc_item { max-width: 100%; } .fc_item .elem_item, .fc_item .elem_item .styler, .fc_item.fc_outputOnly .outputonly { max-width: 100%; } .jq-selectbox__select, .jq-select-multiple, .jq-file, .fc_item:not(.fc_checkbox) .elem_item, .fc_radio .elements_set, .fc_checkbox .elements_set, .fc_item.fc_text .styler, .fc_item.fc_email .styler, .fc_item.fc_textarea .styler, .fc_item.fc_outputOnly .outputonly { width: 300px; } .fc_form_tml .group:not(.columns_1) .fc_item.fc_checkbox .sector_title { display: inline-block; } .fc_item label.sector_title, .fc_item .hint { max-width: 300px; } .label_position_right .elem_item { margin-right: 10px; } .fc_form_tml .fc_captcha input.styler { height: auto; } .fc_item.delivery .elem_item .elements_set .radio_wrapper { align-items: flex-start; } .uss_shop_form .fc_radio .elements_set, .uss_shop_form .fc_checkbox .elements_set { width: auto; } .fc_item.delivery_tariff_panel { max-width: 100%; margin-left: 20px; } .uss_shop_form .fc_form_tml .group .fc_item.block { width: 46%; min-width: 300px; } .uss_shop_form .fc_form_tml .group .fc_item.block3 { width: 30%; min-width: 300px; } .uss_shop_form .fc_form_tml .group .fc_item.block4 { width: 24%; min-width: 300px; } .uss_shop_form .fc_form_tml .group .fc_item.block5 { width: 19%; min-width: 300px; } .modal .jq-selectbox__select, .modal .jq-select-multiple, .modal .jq-file, .modal .fc_item:not(.fc_checkbox) .elem_item, .modal .fc_radio .elements_set, .modal .fc_checkbox .elements_set, .modal .fc_item.fc_text .styler, .modal .fc_item.fc_email .styler, .modal .fc_item.fc_textarea .styler, .modal .fc_item.fc_outputOnly .outputonly { width: 100%; max-width: 100%; } .catalog_orderform_tml .jq-selectbox__select, .catalog_orderform_tml .jq-select-multiple, .catalog_orderform_tml .jq-file, .catalog_orderform_tml .fc_item:not(.fc_checkbox) .elem_item, .catalog_orderform_tml .fc_radio .elements_set, .catalog_orderform_tml .fc_checkbox .elements_set, .catalog_orderform_tml .fc_item.fc_text .styler, .catalog_orderform_tml .fc_item.fc_email .styler, .catalog_orderform_tml .fc_item.fc_textarea .styler, .catalog_orderform_tml .fc_item.fc_outputOnly .outputonly { width: 100%; max-width: 100%; } .buy_one_click_form_tml .jq-selectbox__select, .buy_one_click_form_tml .jq-select-multiple, .buy_one_click_form_tml .jq-file, .buy_one_click_form_tml .fc_item:not(.fc_checkbox) .elem_item, .buy_one_click_form_tml .fc_radio .elements_set, .buy_one_click_form_tml .fc_checkbox .elements_set, .buy_one_click_form_tml .fc_item.fc_text .styler, .buy_one_click_form_tml .fc_item.fc_email .styler, .buy_one_click_form_tml .fc_item.fc_textarea .styler, .buy_one_click_form_tml .fc_item.fc_outputOnly .outputonly { width: 100%; max-width: 100%; } .uss_shop_form .fc_item:not(.fc_checkbox) .elem_item { width: 100%; } @media(max-width: 768px) { .fc_form_tml .fc_item.block, .fc_form_tml .fc_item.block3, .fc_form_tml .fc_item.block4, .fc_form_tml .fc_item.block5 { margin: 0 1% 20px 0; } .jq-selectbox__select, .jq-select-multiple, .jq-file, .fc_item:not(.fc_checkbox) .elem_item, .fc_radio .elements_set, .fc_checkbox .elements_set, .fc_item.fc_text .styler, .fc_item.fc_email .styler, .fc_item.fc_textarea .styler, .fc_item.fc_outputOnly .outputonly { width: 250px; } .fc_item label.sector_title, .fc_item .hint { max-width: 250px; } .fc_upload_wrapper { width: 100%; } .fc_form_tml .fc_captcha input.styler { width: calc(100% - 112px); } } @media(max-width: 500px) { .fc_form_tml .fc_form .group .fc_item.block, .fc_form_tml .fc_form .group .fc_item.block3, .fc_form_tml .fc_form .group .fc_item.block4, .fc_form_tml .fc_form .group .fc_item.block5 { width: 100%; } .fc_form .jq-selectbox__select, .fc_form .jq-select-multiple, .fc_form .jq-file, .fc_item:not(.fc_checkbox) .elem_item, .fc_radio .elements_set, .fc_checkbox .elements_set, .fc_item.fc_text .styler, .fc_item.fc_email .styler, .fc_item.fc_textarea .styler, .fc_item.fc_outputOnly .outputonly { width: 100% } .fc_item label.sector_title, .fc_item .hint { max-width: 100%; } } /*Обновление форм 2.0 end*/ .slick-arrow { position: absolute; background: linear-gradient(var(--main-color),var(--main-color)) no-repeat center, var(--gr-2-flipped); border-radius: 0; border: none; box-shadow: none; width: 60px; height: 60px; z-index: 111; opacity: 1; top: 50%; transform: translateY(-50%); transition: var(--tr-1); background-size: 100% 100%, 0% 100%; background-position: 50% 50%, 50% 50%; box-shadow: var(--bx-2); } .slick-arrow::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(var(--accent),var(--accent)) no-repeat center, linear-gradient(var(--color-white), var(--color-white)); background-size: 100% 100%, 0% 100%; background-position: 0% 50%, 100% 50%; -webkit-mask: url('/img/icon-arrow-left.svg') no-repeat center; mask: url('/img/icon-arrow-left.svg') no-repeat center; transition: inherit; } .slick-arrow.slick-prev { left: 0px; border-radius: 0 var(--br-1) var(--br-1) 0; } .slick-arrow.slick-next { right: 0px; border-radius: var(--br-1) 0 0 var(--br-1); } .slick-arrow.slick-next::before { -webkit-mask: url('/img/icon-arrow-right.svg') no-repeat center; mask: url('/img/icon-arrow-right.svg') no-repeat center; background-position: 100% 50%, 0% 50%; } .slick-prev:hover::before { background-size: 0% 100%, 100% 100%; } .slick-next:hover::before { background-size: 0% 100%, 100% 100%; } /*main slick slider*/ .slider .slick-arrow { background: var(--main-color-inverted); border: none; box-shadow: none; } .slider .slick-arrow::before { filter: var(--toWhite); } .slider .slick-list, .slider .slick-track, .slider .slick-slide > div, .slider .slick-slide > .item { height: 100%; } :root { --color-black: #000; --color-white: #fff; --main-color: var(--color-white); --main-color-inverted: #202020; --main-text: #181F22; --main-text-inverted: var(--color-white); --main-text-dark: #313438; --special-text: #989898; --accent: #229E5F; --accent2: #227B4D; --accent-hover: #48C98C; --accent2-light: #66bd66; --accent3: #F4F4F4; --accent3-dark: #D5D5D5; --accent4: #353535; --accent4-light: #505050; --gr-1: linear-gradient(270deg, var(--accent) 0%, var(--accent2) 100%) no-repeat center; --gr-2: linear-gradient(90deg, var(--accent2) 0%, var(--accent) 100%) no-repeat center; --gr-2-flipped: linear-gradient(270deg, var(--accent2) 0%, var(--accent) 100%) no-repeat center; --gr-3: linear-gradient(90deg, var(--accent2-light) 0%, var(--accent) 100%) no-repeat center; --br-1: 4px; --tr-1: .3s; --tr-2: .2s linear; --toBlack: brightness(0); --toWhite: brightness(0) invert(1); --toAccent: brightness(0) saturate(100%) invert(46%) sepia(99%) saturate(369%) hue-rotate(97deg) brightness(89%) contrast(83%); --main-font: 'Geologica', sans-serif; --alt-font: 'Mulish', sans-serif; --bx-1: 0px 10px 60px rgba(0, 0, 0, 0.06); --bx-2: 10px 0px 10px rgba(0, 0, 0, 0.06); } body { font-family: var(--main-font); font-size: 15px; font-weight: 300; line-height: 1.5; color: var(--main-text); } #lpage { position: relative; z-index: 0; background: none; } #lpage::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 40%; z-index: -1; background: url('/img/background.jpg') repeat top left; background-size: 60% auto; background-repeat: repeat; } .bottom-header { background: var(--main-color-inverted); } .slider .slick-arrow { background: linear-gradient(var(--main-color-inverted),var(--main-color-inverted)) no-repeat center, var(--gr-2-flipped); background-size: 100% 100%, 0% 100%; background-position: 50% 50%, 50% 50%; transition: var(--tr-1); z-index: 50; } .slick-arrow.slick-prev { background-position: 0% 50%, 100% 50%; } .slick-arrow.slick-next { background-position: 100% 50%, 0% 50%; } .slick-arrow:hover { background-size: 0% 100%, 100% 100%; } .main-header .inner { gap: 25px; } .main-header .left, .main-header .right { width: 250px; } .main-header .center { position: relative; width: calc(100% - 550px); flex: 1 1 auto; min-width: 0; } .slogans { text-align: center; font-size: 30px; font-weight: 600; min-width: 0; } .slogans-items:not(.slick-initialized)> *:not(:first-child) { display: none !important; } .slogans .slick-list { height: 100%; } .slogans .slick-track { height: 100%; display: flex; align-items: stretch; } .slogans .slick-slide { height: auto; } .slogans .slick-slide>div { height: 100%; } .slogans .item { display: flex !important; align-items: center; justify-content: center; line-height: 1.1; height: 100%; } .slogans .item .title { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .dots { margin: 10px 0 0; } .dots .slick-dots { position: relative; bottom: auto; width: 100%; display: flex !important; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; } .slick-dots li { width: 6px; height: 6px; border-radius: 50%; box-sizing: border-box; background: var(--accent3-dark); box-shadow: 0 0 0 1px transparent; margin: 0; transition: var(--tr-1); transform-origin: center; } .slick-dots li:hover, .slick-dots li.slick-active { box-shadow: 0 0 0 1px var(--accent); background: var(--accent); } .contact-title { color: var(--special-text); font-weight: 300; flex: 0 0 auto; } a { color: var(--accent); text-decoration: none; } .header .contacts { display: flex; flex-direction: column; gap: 5px; } .header .phone { font-size: 26px; line-height: 1; font-weight: 600; margin-left: auto; } .header .email { font-weight: 500; display: flex; align-items: center; width: max-content; gap: 5px; text-align: right; margin-left: auto; justify-content: flex-end; } .main-header .right .socials { display: none; } .bottom-header .inner { display: flex; align-items: center; gap: 15px; } .bottom-header .main-menu { flex: 1 1 auto; } .bottom-header .main-menu>ul { display: flex; padding: 0; margin: 0; justify-content: flex-start; } .bottom-header .main-menu>ul>li { margin: 0; position: relative; } .bottom-header .main-menu>ul>li>a { display: flex; align-items: center; justify-content: center; text-transform: uppercase; color: var(--main-text-inverted); font-weight: 500; padding: 23px 25px 22px; gap: 10px; } .bottom-header .main-menu > ul > li.nowrap > a { white-space: nowrap; } .bottom-header .main-menu>ul>li:hover>a { color: var(--accent); } .bottom-header .main-menu .submenu { display: none; } .bottom-header .has-submenu>a::after { content: ''; display: block; width: 5px; height: 5px; background: var(--accent); -webkit-mask: url('/img/icon-chevron-down.svg') no-repeat center; mask: url('/img/icon-chevron-down.svg') no-repeat center; } .search { width: 40px; height: 40px; } .slider { position: relative; } .slider-items { height: 650px; } .slider-items .item { position: relative; height: 100%; z-index: 0; display: flex; flex-direction: column; align-items: center; } .slider-items .image { position: absolute; width: 100%; height: 100%; z-index: -1; background: var(--accent3-dark); } .slider-items .image p { display: block; width: 100%; height: 100%; margin: 0; } .slider-items .image video, .slider-items .image iframe { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } .slider-items .image::before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); } .slider-items .image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } .slider-items .item .slider-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .slider-items .item .info { padding: 75px 15px 180px; display: flex; flex-direction: column; flex: 1 1 auto; height: 100%; } .slider-items .item .title { font-size: 60px; padding-right: 25%; font-weight: bold; color: var(--main-text-inverted); line-height: 1.25; margin: 0 0 40px; } .slider-items .item .text { color: var(--main-text-inverted); font-size: 26px; line-height: 1.1; margin: 0 0 40px; } .slider-items .item .text video, .slider-items .item .text iframe { display: none; } .slider-items .item .slider-more { margin: auto 0 0; } .slider-items .item .slider-more a { display: block; width: max-content; text-transform: uppercase; font-size: 15px; line-height: 1; padding: 21px 34px; text-decoration: none; color: var(--main-text-inverted); background: var(--gr-1); border-radius: var(--br-1); } .upsides-small { margin: -115px 0 0; position: relative; z-index: 5; } .upsides-small-items { display: flex; gap: 60px; } .upsides-small-items .item { width: calc((100% - 2 * 60px) / 3); display: flex; gap: 30px; padding: 40px; border-radius: var(--br-1); background: var(--main-color); align-items: center; position: relative; } .upsides-small-items .item::before { content: ''; position: absolute; width: calc(100% - 80px); left: 50%; top: 0; height: 4px; border-radius: 0 0 var(--br-1) var(--br-1); background: var(--accent); transform: translateX(-50%); } .upsides-small-items .item .image { width: 80px; height: 80px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--accent3); } .upsides-small-items .item .image img { width: 40px; height: 40px; filter: var(--toAccent); } .upsides-small-items .item .text { font-size: 20px; line-height: 1.3; color: var(--main-color); font-weight: 400; } .container>.inner { display: flex; align-items: flex-start; gap: 60px; } .aside { width: 300px; flex: 0 0 auto; display: flex; flex-direction: column; gap: 45px; } .aside-btn { display: none; } .aside .h3 { display: flex; align-items: center; gap: 15px; font-size: 30px; line-height: 1.1; margin: 0 0 30px; font-weight: 800; font-family: var(--alt-font); } .aside .h3::before { content: ''; width: 8px; height: 8px; position: relative; top: 1px; border-radius: 50%; background: var(--accent); } .aside-services { } .aside-services>ul { margin: 0; display: flex; flex-direction: column; gap: 10px; } .aside-services>ul>li { margin: 0; background: var(--gr-1), linear-gradient(var(--color-white), var(--color-white)) no-repeat center; background-size: 0% 100%, 100% 100%; background-position: 0% 50%, 50% 50%; transition: var(--tr-1); border-radius: var(--br-1); overflow: hidden; } .aside-services>ul>li:hover { background-size: 100% 100%, 100% 100%; } .aside-services>ul>li div { transition: inherit; } .aside-services>ul>li a { display: block; color: transparent; background: linear-gradient(90deg,var(--color-white) 0% 50%, var(--color-black) 50% 100%) no-repeat center; -webkit-background-clip: text; background-clip: text; background-size: 200%; background-position: 100% 50%; transition: inherit; text-shadow: none; box-shadow: none; font-size: 15px; line-height: 1.5; font-weight: 400; padding: 15px 20px; } .aside-services>ul>li a:hover { background-position: 0% 50%; } .catalogs { position: relative; } .catalogs .uss_eshop_menu { display: flex; position: relative; flex-wrap: wrap; margin: 0; padding: 0; gap: 30px; list-style: none; } .catalogs .uss_eshop_menu>li { margin: 0; position: relative; display: flex; flex-direction: column; flex: 1 1 auto; width: calc((100% - 2 * 30px) / 3); height: 310px; overflow: hidden; border-radius: var(--br-1); transition: var(--tr-1); } .catalogs .uss_eshop_menu>li::before { content: ''; width: 4px; border-radius: 0 var(--br-1) var(--br-1) 0; background: var(--accent); height: calc(100% - 60px); top: 50%; left: 0; position: absolute; z-index: 5; transform: translateY(-50%); transition: inherit; } .catalogs .uss_eshop_menu>li::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: var(--gr-1); opacity: 0; transition: inherit; } .catalogs .uss_eshop_menu .submenu .eshop_menu_image { display: none; } .catalogs .uss_eshop_menu>li>.eshop_menu_image { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; } .catalogs .uss_eshop_menu>li>.eshop_menu_image::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(180deg,transparent 0% 20%, var(--color-black) 80% 100%); border-radius: var(--br-1); opacity: .5; } .catalogs .uss_eshop_menu li>.eshop_menu_image a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden; border-radius: var(--br-1); } .catalogs .uss_eshop_menu li>.eshop_menu_image img { border-radius: var(--br-1); max-width: 100%; max-height: 100%; width: 100%; height: 100%; display: block; object-fit: cover; } .catalogs .uss_eshop_menu>li>a { display: flex; align-items: flex-end; padding: 25px; font-size: 24px; line-height: 1; font-weight: 500; width: 100%; height: 100%; color: var(--main-text-inverted); position: relative; z-index: 2; flex: 1 1 auto; transition: inherit; } .catalogs .uss_eshop_menu li>.submenu { position: relative; width: 100%; height: 0%; color: var(--main-text-inverted); margin: 0; list-style: none; transition: inherit; z-index: 2; padding: 0px 25px 0px; } .catalogs .uss_eshop_menu .submenu li { margin: 0; color: inherit; border-bottom: solid 2px transparent; } .catalogs .uss_eshop_menu .submenu li a { color: inherit; font-size: 15px; line-height: 1; padding: 4px 4px; display: block; } .catalogs .uss_eshop_menu>li:hover::before { background: var(--color-black); } .catalogs .uss_eshop_menu>li:hover::after { opacity: 1; } .catalogs .uss_eshop_menu>li:hover>a { padding-bottom: 15px; align-items: flex-start; } .catalogs .uss_eshop_menu li:hover>.submenu { padding: 0px 25px 25px; height: 100%; flex: 1 0 auto; } .catalogs .uss_eshop_menu .submenu li:hover { border-color: var(--main-color); } .services .catalog_menu { display: flex; margin: 0; padding: 0; list-style: none; flex-wrap: wrap; gap: 30px; } .services .catalog_menu>li { width: calc((100% - 2 * 30px) / 3); height: 260px; margin: 0; } .services .catalog_menu>li>.catalog_menu_item { display: flex; flex-direction: column; position: relative; width: 100%; height: 100%; transition: var(--tr-1); } .services .catalog_menu>li>.catalog_menu_item::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: var(--gr-1); opacity: 0; transition: inherit; border-radius: var(--br-1); } .services .catalog_menu>li .catalog_menu_image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: var(--br-1); overflow: hidden; } .services .catalog_menu>li .catalog_menu_image::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(180deg,transparent 0% 20%, var(--color-black) 80% 100%); border-radius: var(--br-1); opacity: .5; } .services .catalog_menu>li .catalog_menu_image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } .services .catalog_menu_item>a { display: flex; align-items: flex-end; justify-content: flex-start; padding: 25px 30px; width: 100%; height: 100%; z-index: 1; position: relative; font-size: 18px; font-weight: 500; line-height: 1.3; color: var(--main-text-inverted); } .services .catalog_menu_item>a::before { content: ''; width: 17px; height: 17px; background: var(--accent) url('/img/icon-play.svg') no-repeat center; position: absolute; border-radius: var(--br-1); transition: var(--tr-1); right: 20px; top: 20px; } .services .catalog_menu>li .submenu { display: none; } .services .catalog_menu>li:hover>.catalog_menu_item::after { opacity: 1; } .services li:hover>.catalog_menu_item>a::before { background-color: var(--main-color-inverted); } .mainpage .content .uss_section_content { font-family: var(--alt-font); font-weight: 400; } .ul-title { font-weight: 700; font-size: 24px; line-height: 1.1; margin: 0 0 15px; } .mainpage .content .uss_section_content ul:not(.ul-accent) { margin: 0; list-style: none; padding: 0; line-height: 1.1; font-size: 18px; } .mainpage .content .uss_section_content ul:not(.ul-accent) li { padding-left: 20px; margin: 0 0 20px; line-height: inherit; } .mainpage .content .uss_section_content ul:not(.ul-accent) li p { margin: 0; line-height: inherit; } .mainpage .content .uss_section_content ul:not(.ul-accent) li::after { width: 7px; height: 7px; background: var(--accent); } .mainpage .ul-accent, .ul-accent { list-style: none; position: relative; margin: 30px 0 0 30px; background: var(--main-color); box-shadow: var(--bx-1); border-radius: var(--br-1); padding: 40px; font-family: var(--main-font); font-weight: 400; font-size: 18px; line-height: 1.5; } .ul-accent::before { content: ''; width: 10px; height: 100%; left: -30px; top: 50%; transform: translateY(-50%); border-radius: var(--br-1); background: var(--accent); position: absolute; } .mainpage .ul-accent li, .ul-accent li { display: flex; align-items: flex-start; padding: 0; gap: 12px; line-height: inherit; } .mainpage .ul-accent li::before, .ul-accent li::before { content: ''; flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; background: var(--accent) url('/img/icon-checkmark.svg') no-repeat center; top: 1px; position: relative; } .mainpage .ul-accent li::after, .ul-accent li::after{ display: none; } .upsides { padding-top: 150px; position: relative; } .upsides-bg { position: absolute; top: 0; } .upsides-bg img { border-radius: var(--br-1); } .upsides-items { position: relative; display: flex; z-index: 1; gap: 30px; padding: 0 60px; } .upsides-items .item { border-radius: var(--br-1); background: var(--main-color); width: calc((100% - 4 * 30px) / 5); padding: 30px 23px 20px; display: flex; flex-direction: column; text-align: center; gap: 20px; } .upsides-items .item .image { width: 80px; height: 80px; background: var(--gr-1); border-radius: 50%; margin: 0 auto; display: flex; align-items: center; flex: 0 0 auto; justify-content: center; } .upsides-items .item .image img { width: 40px; height: 40px; filter: var(--toWhite); } .upsides-items .item .title { font-size: 15px; line-height: 1.3; font-weight: 500; font-family: var(--main-font); } .partners-desc { font-size: 24px; font-weight: 500; line-height: 1.5; margin: 20px 0 20px; font-family: var(--alt-font); } .partners-desc ul { font-size: 18px; margin: 25px 0; list-style: none; } .partners-desc ul li { margin: 0; display: flex; align-items: center; gap: 15px; padding: 5px 0; } .partners-desc ul li::before { content: ''; position: relative; flex: 0 0 auto; display: block; width: 8px; height: 8px; background: var(--accent); border-radius: 50%; left: 0; align-self: flex-start; top: 8px; } .partners-desc strong { font-weight: 700; } .contacts-block { background: var(--main-color); border-radius: var(--br-1); padding: 20px; display: flex; flex-direction: column; gap: 25px; font-size: 15px; color: var(--main-text); } .contacts-block .address::before { content: ''; display: block; margin: 0 0 10px; width: 12px; height: 12px; -webkit-mask: url('/img/icon-location.svg'); mask: url('/img/icon-location.svg'); background: var(--accent); } .contacts-block .phone>p { font-size: 30px; font-weight: 600; } .contacts-block .email>p { font-weight: 600; } .socials p { margin: 0 } .socials a { display: flex; align-items: center; justify-content: center; padding: 16px 30px; border-radius: var(--br-1); background: var(--gr-2); color: var(--main-text-inverted); background-position: 100% 50%; background-size: 100%; font-size: 15px; font-weight: 600; line-height: 1; gap: 10px; z-index: 0; position: relative; overflow: hidden; width: max-content; } .socials a::before { content: ''; position: absolute; background: var(--accent4-light); z-index: -1; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: var(--tr-1); } .socials a:hover::before { opacity: 1; } .information { z-index: 0; position: relative; padding: 50px 60px; color: var(--main-text-inverted); font-size: 24px; font-weight: 500; line-height: 1; } .information::before { content: ''; position: absolute; width: calc(100% - 120px); height: 4px; border-radius: 0 0 var(--br-1) var(--br-1); background: var(--accent); left: 50%; transform: translateX(-50%); top: 0; } .information-bg { position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; border-radius: var(--br-1); overflow: hidden; } .information-bg::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); } .information-bg img { display: block; width: 100%; height: 100%; object-fit: cover; } .information .h3 { font-size: 50px; line-height: 1.1; color: transparent; background: var(--gr-3); background-position: 100% 50%; background-size: 100%; -webkit-background-clip: text; background-clip: text; } .information .contacts { display: flex; flex-wrap: wrap; margin: 35px 0 0; font-size: 18px; font-weight: 300; } .information .contact-title { color: inherit; } .information .phone { font-size: 30px; line-height: 1; font-weight: 700; margin: 0 0 15px; } .information .email { display: flex; gap: 5px; } .information .order-btn { align-self: flex-start; height: max-content; margin-left: auto; font-size: 15px; line-height: 1; background: var(--gr-1); border-radius: var(--br-1); padding: 22px 30px; cursor: pointer; text-transform: uppercase; } .footer-bottom { background: var(--main-color); padding: 20px 0; } .footer-bottom .inner { display: flex; justify-content: space-between; } .copyright { display: flex; flex-wrap: wrap; white-space: preserve nowrap; color: var(--special-text); } .uss-site-copyright::after { content: '. '; } .footer-menu { background: var(--main-color-inverted); } .footer-menu a { color: var(--main-text-inverted); } .main-menu ul { display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; list-style: none; } .main-menu>ul>li { margin: 0; } .main-menu>ul>li>a { display: flex; align-items: flex-start; text-transform: uppercase; font-size: 15px; line-height: 1; font-weight: 500; padding: 22px 20px; transition: var(--tr-1); } .main-menu>ul>li>a:hover { color: var(--accent); } .main-menu .submenu { position: absolute; display: none; } .bottom-header .main-menu>ul>li>.submenu { --translateY: 0%; display: flex; flex-direction: column; position: absolute; z-index: -1; width: max-content; max-width: 300px; border-radius: var(--br-1); background: var(--main-color); padding: 0 20px; margin: 0; box-shadow: var(--bx-1); left: 50%; transform: translate(-50%,var(--translateY)); opacity: 0; overflow: hidden; transition: var(--tr-1) linear; } .bottom-header .main-menu>ul>li:hover>.submenu { padding: 20px 20px; --translateY: 0; z-index: 30; opacity: 1; } .bottom-header .main-menu .submenu li { margin: 0; padding: 0; width: 100%; } .bottom-header .main-menu .submenu a { color: var(--main-text); display: block; width: 100%; text-transform: uppercase; font-size: 15px; padding: 7px 0; font-weight: 500; text-align: left; } .bottom-header .main-menu .submenu a:hover { color: var(--accent); } .header .socials a { padding: 11px 20px; } .search { position: relative; transition: var(--tr-1); } .search .uss_site_search { position: absolute; width: 0px; display: flex; align-items: center; right: 0; z-index: 500; transition: inherit; overflow: hidden; } .search .uss_input_name { flex: 1 1 auto; min-width: 0; font-size: 16px; padding: 10px 10px 10px; font-family: var(--main-font); font-weight: 400; color: var(--special-text); background: var(--accent4); line-height: 1; width: 100%; border: 0; border-radius: var(--br-1) 0 0 var(--br-1); transition: inherit; } input::placeholder { color: inherit; opacity: 1; } .search .search-btn, .search .uss_submit { width: 40px; height: 40px; flex: 0 0 auto; box-shadow: none; border: 0; text-shadow: none; cursor: pointer; margin: 0; padding: 0; border-radius: 0 var(--br-1) var(--br-1) 0; background: var(--accent) url('/img/icon-search.svg') no-repeat center; transition: inherit; } .search .uss_submit:hover { background-color: var(--accent-hover); } .search .search-btn { width: 40px; right: 0; position: relative; background-color: var(--accent4-light); border-radius: var(--br-1); } .search .search-btn:hover { background-color: var(--accent4); } .search.opened .uss_site_search { width: 340px; } .burger { display: none; flex-direction: column; width: 40px; height: 40px; justify-content: center; gap: 5px; padding: 5px; cursor: pointer; background: var(--accent); border-radius: var(--br-1); transition: var(--tr-1); } .burger:hover { background: var(--accent-hover); } .burger span { width: 100%; height: 3px; border-radius: 5px; background: var(--main-color); } .adaptive-menu .main-menu { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin: 0 0 20px; } .adaptive-menu .main-menu .home-link { width: 100%; margin: 0 auto; height: 50px; border-radius: var(--br-2); } .adaptive-menu .main-menu > ul > li > a { text-align: left; } .adaptive-menu .contacts { margin: 0 0 20px; gap: 10px; } .adaptive-menu .contacts .h3 { display: none; } .adaptive-menu { display: none; transition: var(--tr-1); transform: translateX(-100%); width: 100%; position: fixed; height: 100%; background: rgba(0,0,0,.5); box-shadow: 0 0 5000px 0 rgba(0,0,0,0.5); z-index: 1000; opacity: 0; } .adaptive-menu.opened { transform: none; opacity: 1; box-shadow: 0 0 5000px 0 rgba(0,0,0,.5); } .adaptive-menu .close { width: 40px; height: 40px; position: absolute; right: 10px; top: 10px; z-index: 50; cursor: pointer; border-radius: 50%; transition: var(--tr-1); } .adaptive-menu .close::before, .adaptive-menu .close::after { --rotateAngle: 45deg; content: ''; position: absolute; width: 75%; height: 4px; border-radius: 4px; background: var(--main-color); top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(var(--rotateAngle)); transition: inherit; } .adaptive-menu .close::after { --rotateAngle: 135deg; } .adaptive-menu .close:hover { background: var(--main-color); } .adaptive-menu .close:hover::before, .adaptive-menu .close:hover::after { background: var(--accent); } .adaptive-menu-wrapper { width: calc(100% - 80px); background: var(--main-color); height: 100%; overflow: auto; display: flex; flex-direction: column; padding: 10px; } .adaptive-menu .h3 { margin: 20px 0 10px; font-size: 20px; font-weight: 500; } .adaptive-menu .main-menu .submenu { display: none; } .adaptive-menu .catalog_menu, .adaptive-menu .main-menu ul { flex-direction: column; max-width: 100%; width: 100%; } .adaptive-menu .catalog_menu > li, .adaptive-menu .main-menu > ul > li { width: 100%; } .adaptive-menu .catalog_menu > li::before .adaptive-menu .main-menu > ul > li::before { display: none; } .adaptive-menu .catalog_menu li a, .adaptive-menu .main-menu > ul > li > a { font-size: 15px; width: 100%; padding: 10px 10px; display: block; text-align: left; color: inherit; } .adaptive-menu .catalog_menu > li a:hover, .adaptive-menu .catalog_menu > li a.active, .adaptive-menu .main-menu > ul > li > a:hover, .adaptive-menu .main-menu > ul > li > a.active { padding-left: 15px; background: var(--main-color-hover); } .adaptive-menu .main-menu > ul::after { border: 0; } .adaptive-menu p { margin: 0; } .adaptive-menu .contacts { display: flex; flex-wrap: wrap; flex-direction: column; gap: 5px; } .adaptive-services { margin: 0 0 20px; } .inner .inner { padding: 0; min-width: 0; } .aside-btn { background: var(--gr-1); color: var(--main-text-inverted); font-size: 20px; padding: 10px; border-radius: var(--br-1); cursor: pointer; overflow: hidden; position: relative; z-index: 0; flex: 1 1 auto; } .aside-btn::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; background: var(--accent4); opacity: 0; transition: var(--tr-1); } .aside-btn:hover::before { opacity: 1; } @media (max-width: 1800px) { .slider-items .item .info { padding: 60px 80px 140px; } .upsides-items { padding: 0 10px; gap: 10px; } .upsides-items .item { width: calc((100% - 4 * 10px) / 5); } } @media (max-width: 1400px) { .slogans { font-size: 20px; } .bottom-header .main-menu > ul { padding: 10px 0; } .bottom-header .main-menu > ul > li.first > a { padding-left: 0; } .bottom-header .main-menu > ul > li > a { padding: 10px; } .slider-items .item .title { font-size: 40px; } .slider-items .item .text { font-size: 20px; } .slider-items { height: 500px; } .upsides-items { padding: 0 0; } .upsides-items .item { padding: 15px 5px; font-size: 15px; } } @media (max-width: 1200px) { .bottom-header .main-menu { display: none; } .bottom-header { padding: 0px 0; background: none; margin: 0 0 20px; } .burger { display: flex; } .search { flex: 1 1 auto; } .search-btn { display: none; } .search .uss_site_search { width: 100%; position: relative; } .search .uss_input_name { background: var(--accent3); } .container > .inner { flex-wrap: wrap; gap: 0px 60px; } .aside { width: 100%; } .aside-block { display: none; } .adaptive-menu { display: flex; } .upsides-small { margin: -60px 0 0; } .upsides-small-items { gap: 20px; } .upsides-small-items .item { width: calc((100% - 2 * 20px) / 3); padding: 20px; gap: 10px; } .upsides-small-items .item .image { width: 60px; height: 60px; } .upsides-small-items .item .image img { width: 30px; height: 30px; } .information .h3 { font-size: 40px; } .partners-desc { font-size: 20px; } .aside { flex-direction: row; gap: 5px 10px; flex-wrap: wrap; } .aside-block { width: 100%; } .aside-block .h3 { display: none; } .aside-btn { display: block; margin: 0 0 20px; } } @media (max-width: 1000px) { .inner { padding: 0 10px; } .upsides-small { display: none; } .slider-items { height: 340px; } .slider-items .item .title { font-size: 30px; margin: 0 0 20px; } .slider-items .item .info { padding: 20px 50px 20px; } .slick-arrow { width: 40px; height: 40px; } .slider-items .item .slider-more a { padding: 11px 20px; } .catalogs .uss_eshop_menu { gap: 10px; } .services .catalog_menu { gap: 10px; } .services .catalog_menu > li { height: 200px; width: calc((100% - 2 * 10px) / 3); } .services .catalog_menu_item > a { padding: 15px; font-size: 15px; } .footer-menu { display: none; } .information { padding: 30px 20px; font-size: 18px; } .information::before { width: calc(100% - 40px); } .information .h3 { font-size: 30px; } .information .phone { font-size: 22px; margin: 0 0 5px; } .information .email { font-size: 15px; } .information .order-btn { padding: 16px 20px; } .upsides { padding: 0; } .upsides-bg { display: none; } .upsides-items { flex-wrap: wrap; } .upsides-items .item { flex: 1 1 auto; padding: 15px; flex-direction: row; width: calc((100% - 1 * 10px) / 2); align-items: center; justify-content: flex-start; box-shadow: 0 2px 5px rgba(0,0,0,.15); } .upsides-items .item .image { width: 60px; height: 60px; margin: 0; } .upsides-items .item .image img { width: 50%; height: 50%; } .upsides-items .item .title { text-align: left; } .partners-desc { font-size: 18px; } .partners-desc ul { font-size: 15px; } .main-footer>.inner { gap: 20px; } } @media (max-width: 768px) { .main-header .inner { flex-direction: column; gap: 20px; } .main-header .left, .main-header .center, .main-header .right { width: 100%; justify-content: center; display: flex; align-items: center; gap: 30px; } .slogans { font-size: 16px; } .header .phone { font-size: 24px; } .header .email { font-size: 15px; line-height: 1; } .main-header .right .socials { display: flex; } .bottom-header .socials { display: none; } .slider-items { height: 300px; } .slider-items .item .title { font-size: 20px; padding: 0; margin: 0 0 20px; } .slider-items .item .info { padding: 20px; } .catalogs .uss_eshop_menu > li { width: calc((100% - 10px) / 2); height: 200px; } .catalogs .uss_eshop_menu li > .submenu { display: none; } .services .catalog_menu > li { height: 200px; width: calc((100% - 2 * 10px) / 2); } .mainpage .ul-accent{ margin: 10px 0 0; padding: 20px; font-size: 15px; } .mainpage .ul-accent::before { width: 4px; left: 0; height: calc(100% - 20px); border-radius: 0 var(--br-1) var(--br-1) 0; } .partners-desc { font-size: 15px; } .main-footer>.inner { flex-direction: column; padding: 0 15px; } .footer .contacts-block { width: 100%; } .footer-map { width: 100%; min-height: 0; height: 200px; } .copyright { font-size: 15px; } } @media (max-width: 600px) { .main-header .right { flex-wrap: wrap; gap: 10px; } .catalogs .uss_eshop_menu > li { width: calc((100% - 10px) / 2); height: 150px; } .catalogs .uss_eshop_menu > li > a { padding: 15px; font-size: 15px; } .information { font-size: 15px; } .information .h3 { font-size: 24px; } .information .phone { font-size: 22px; margin: 0 0 5px; } .information .email { font-size: 15px; } .information .order-btn { padding: 16px 20px; } .ul-title { font-size: 18px; } .mainpage .content .uss_section_content ul:not(.ul-accent) { font-size: 15px; line-height: 1.2; } .mainpage .content .uss_section_content ul:not(.ul-accent) li { margin: 0 0 10px; } .mainpage .ul-accent li::before{ width: 15px; height: 15px; top: 2px; background-size: 7px auto;; } .mainpage .ul-accent { padding: 20px 10px; line-height: 1.3; } .mainpage .ul-accent li { gap: 7px; } .upsides-items .item { width: 100%; } .copyright { justify-content: center; } .footer-bottom .inner { flex-direction: column; gap: 10px; text-align: center; } .poweredby { width: max-content; margin: 0 auto; } .contacts-block .phone > p { font-size: 20px; } .footer .contacts-block { padding: 10px; gap: 5px; } .contacts-block .socials a { padding: 11px 15px; } } .header.fixed { position: fixed; top: 0; z-index: 999; width: 100%; background: var(--accent3); } @media(max-width: 768px) { .header.fixed .main-header { display: none; } .header.fixed .bottom-header { margin: 0; padding: 10px 0; box-shadow: 0 2px 2px 0 rgba(0,0,0,.15); } .header.fixed .bottom-header .socials { display: flex; } } @media(max-width: 600px) { .header.fixed .bottom-header .socials a { font-size: 0; gap: 0; padding: 11px; } }