/* mCustomScrollbar */ .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)} .container.onas-body { width: 100%; } .content.onas-body > .content { padding: 0 0; } img { max-width: 100%; } ._z { margin: 0; padding: 0; list-style: none; } ._tac { text-align: center; } ._tar { text-align: right; } .flx { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; flex-wrap: wrap; } .flx.-sa { justify-content: space-around; -ms-flex-pack: justify; } .flx.-sb { justify-content: space-between; -ms-flex-pack: justify; } .flx.-c { justify-content: center; } .flx.-e { justify-content: flex-end; } .flx.-alc { align-items: center; } .flx.-ale { align-items: flex-end; } .flx.-dc { flex-direction: column; } .iflx { display: inline-flex; } .iflx.-sa { justify-content: space-around; } .iflx.-sb { justify-content: space-between; } .row { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -ms-flex-pack: justify; } .row .col-2 { width: 49.5%; } .row .col-3 { width: 32.5%; } .row .col-4 { width: 24.5%; } .row .col-2-3 { width: 66.3%; } .row.-fs { justify-content: flex-start; } .row.-fs>*:not(:last-child) { margin-right: 1%; } .row.collapsed .col-2 { width: 50%; } .row.collapsed .col-3 { width: 33.33%; } .row.collapsed .col-4 { width: 25%; } .row.collapsed .col-2-3 { width: 66.34%; } @media screen and (max-width: 1019px) { .row .col-2, .row .col-2-3, .row .col-3 { width: 100%; margin-top: 1vmax; margin-bottom: 1vmax; } } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt-sec { margin-top: 60px; } @media screen and (max-width: 1019px) { .mt-sec { margin-top: 40px; } } .ic { position: relative; } .ic img { position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; } .font2 { } .green { color: #75a0d5; } .blue { color: #0E5283; } .grey { color: #827C82; } .fs14 { font-size: 0.88rem; } .fs18 { font-size: 1.125rem; } .fw300 { font-weight: 300; } .dash { text-decoration: underline; text-decoration-style: dashed; text-underline-offset: 5px; } .btn { padding: 0.5vmax 1vmax; height: 50px; font-size: 10pt; font-weight: 500; text-transform: uppercase; border-radius: 2px; display: inline-flex; align-items: center; justify-content: center; -ms-flex-pack: center; } .btn:hover { text-decoration: none; cursor: pointer; } .btn.-empty { border: #75a0d5 2px solid; } .btn.-empty:hover { border: #5b82b2 2px solid; } .btn.-full { background: #75a0d5; border: #75a0d5 2px solid; color: #fff; } .btn.-full:hover { background: #5b82b2; border: #5b82b2 2px solid; } .btn.-disabled { background: #bbbbbb; border: #a6a6a6 2px solid; color: #fff; cursor: default; } .btn.-disabled:hover { background: #bbbbbb; border: #a6a6a6 2px solid; } .smalltext { font-size: 0.8rem; } .smalltext.-disabled { color: #777; } a.btn { text-decoration: none !important; } .link { color: #0E5283; font-weight: 300; text-decoration: underline; } .hdr-srch-wrp { position: absolute; top: calc(100% + 1px); z-index: 100; width: 100%; background: #fff; padding: 2vmax 0; } .hdr-srch-wrp .-close svg { fill: #d3d3d3; width: 24px; height: 24px; } .hdr-srch-wrp .-close:hover { cursor: pointer; } .hdr-srch-wrp .-close:hover svg { fill: #302E30; } .hdr-srch-wrp .-s { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 2vmax; padding-bottom: 0.5vh; border-bottom: #d3d3d3 1px solid; } .hdr-srch-wrp .-s input { border: none; flex: 1; font-size: 1.5rem; font-weight: 300; min-width: 10%; } .hdr-srch-wrp .-s button { border: none; background: transparent; } .hdr-srch-wrp .-s button:hover svg { fill: #5b82b2; } .hdr-search-custom { display: none; } .footer-contact-info { font-weight: 300; } .footer-contact-info div { font-size: 1.13rem; font-weight: 500; } .footer-contact-info p { margin: 1vh 0; padding: 0; } .footer-contact-info a[href^=mailto] { font-size: 16px; color: #0E5283; text-decoration: underline; } .soc-links>a { width: 40px; height: 40px; background: #fff; border-radius: 50%; align-items: center; justify-content: center; -ms-flex-pack: center; } .soc-links>a svg { fill: #302E30; } .soc-links>a:hover { background: #5b82b2; } .soc-links>a:hover svg { fill: #fff; } footer { background: #F1F0F0; padding: 3vw 0; font-weight: 300; font-size: 1.13rem; margin-top: 5vmax; } footer .soc-links { justify-content: flex-start; } footer .soc-links a { margin-right: 1vw; } .ftr-copy { font-size: 0.88rem; } .ftr-menu-wrp { justify-content: center; -ms-flex-pack: center; } .ftr-menu { margin: 0 1vw; } .ftr-menu li { margin-bottom: 0.5vh; } .section .hdr { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; align-items: center; margin-bottom: 2vmax; } .section .hdr>*:first-child { font-size: 2.25rem; font-weight: 600; margin: 0; padding: 0; } .section .ftr-mobi { display: none; } .indx-mid-bnrs .frame { border: #d3d3d3 1px solid; padding: 1vmax; transition: all 200ms; display: block; height: 100%; } .indx-mid-bnrs .frame img { width: 100%; height: auto; } .indx-mid-bnrs .frame:hover { opacity: 0.8; border: #5b82b2 1px solid; } .about-us { border: #d3d3d3 1px solid; padding: 1vmax; transition: all 200ms; } .about-us .im { width: 60%; } .about-us .im img { position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; } .about-us .t { width: 36%; font-weight: 300; } .about-us .t .-h { font-size: 1.5rem; } .about-us .t .strong { font-weight: 500; } .about-us .t a { color: #0E5283; text-decoration: underline; } @media screen and (min-width: 1020px) { .main-menu-sub-wrp { position: absolute; top: calc(100%); border-top: #d3d3d3 1px solid; left: 0; z-index: 100; background: #fff; padding: 1.5vmax 0; display: none; opacity: 0; transition: all 500ms; border-bottom: #d3d3d3 1px solid; } .main-menu>li { position: relative; } .main-menu>li:hover>.main-menu-sub-wrp { display: block; opacity: 1; } .main-menu-sub { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; align-items: flex-start; } .main-menu-sub .-hdr { color: #5b82b2; text-transform: uppercase; padding-bottom: 0.5vmax; border-bottom: #5b82b2 1px solid; font-size: 0.88rem; font-weight: 500; } .main-menu-sub .-hdr-arr { display: none; } .main-menu-sub .-menu { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 0.5vmax; } .main-menu-sub .-menu .-half { width: 50%; } .mms-item { padding: 0.3vmax 0; } .mms-item a { font-weight: 300; } .mms-box { width: 50%; } .mms-banner { width: 40%; } .mms-banner .frame { display: inline-block; border: #d3d3d3 1px solid; padding: 1vmax; transition: all 200ms; } .mms-banner .frame img { max-width: 100%; height: auto; } .mms-banner .frame:hover { opacity: 0.8; border: #5b82b2 1px solid; } .hdr-menu-mobi-cross, .hdr-menu-mobi-top-links, .hdr-menu-mobi-topmenu, .main-menu-lvl1-item .-arr, .hdr-menu-mobi-contacts, .hdr-menu-mobi-soc, .hdr-menu-wrap-right { display: none; } } @media screen and (max-width: 1019px) { .hdr-menu-wrap-right { z-index: 99; background: rgba(0, 0, 0, 0.3); position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; display: none; } .hdr-menu-wrap { position: fixed; left: -100vw; top: 0; z-index: 100; width: 320px; height: 100vh; overflow: auto; background: #fff; border: 0; padding-bottom: 10vh; } .hdr-menu-mobi-cross { position: fixed; left: 280px; top: calc(20px / 2); z-index: 110; display: none; } .hdr-menu-mobi-cross svg { width: 30px; height: 30px; fill: #fff; } .mms-banner { display: none; } .main-menu-sub-wrp { position: fixed; top: 0; left: -100vw; z-index: 120; background: #fff; width: 320px; height: 100vh; overflow: auto; } .hdr-menu-mobi-top-links>a { padding: 0vh 3vw; font-size: 0.88rem; height: 50px; } .hdr-menu-mobi-top-links>a svg { margin-right: 4vw; } .hdr-menu-mobi-top-links .btn-enter { background: #0088B2; color: #fff; } .hdr-menu-mobi-top-links .btn-enter svg { fill: #fff; } .hdr-menu-mobi-top-links .btn-wish { background: #5b82b2; color: #fff; } .hdr-menu-mobi-top-links .btn-wish svg { fill: #fff; } .hdr-menu-mobi-top-links .btn-geo { background: #d3d3d3; } .main-menu>li { width: 100%; margin: 0; } .main-menu>li:hover .main-menu-lvl1-item a { border-bottom: none; } .main-menu-lvl1-item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; align-items: center; border-bottom: #d3d3d3 1px solid; } .main-menu-lvl1-item .-tit { flex: 1; padding-left: 3vw; font-weight: 400; } .main-menu-lvl1-item .-arr { width: 15%; text-align: center; } .main-menu-lvl1-item:active { text-decoration: none; background: #F1F0F0; } .main-menu-sub .-hdr { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; align-items: center; background: #0088B2; padding: 0 3vw; min-height: 50px; } .main-menu-sub .-hdr span { color: #fff; text-transform: uppercase; font-weight: 500; } .main-menu-sub .-hdr-arr { fill: #fff; } .main-menu-sub .mms-item { padding: 2vh 3vw; font-weight: 300; border-bottom: #d3d3d3 1px solid; } .main-menu-sub .mms-item:active { text-decoration: none; background: #F1F0F0; } .hdr-menu-mobi-topmenu .tbar-menu { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column-reverse; padding: 3vh 0; border-bottom: #d3d3d3 1px solid; } .hdr-menu-mobi-topmenu .tbar-menu>li:after { display: none; } .hdr-menu-mobi-topmenu .tbar-menu>li a { padding: 0.5vh 3vw; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; } .hdr-menu-mobi-topmenu .tbar-menu>li a img { order: 2; } .hdr-menu-mobi-contacts { padding: 3vh 3vw; border-bottom: #d3d3d3 1px solid; } .hdr-menu-mobi-soc { padding: 3vh 3vw; } .hdr-menu-mobi-soc .soc-links { justify-content: center; -ms-flex-pack: center; } .hdr-menu-mobi-soc .soc-links>a { background: #F1F0F0; margin: 0 3vw; } } .slider-box { position: relative; } .slider-box>i { width: 40px; height: 40px; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); z-index: 50; border-radius: 3px; } .slider-box>i.prev { left: 30px; } .slider-box>i.next { right: 30px; transform-origin: center 25%; transform: rotate(180deg); } .slider-box>i:hover { background: #5b82b2; cursor: pointer; } .slider-box>i:hover svg { fill: #fff; } .slider-box.arrows-aside>i.prev { left: 0; } .slider-box.arrows-aside>i.next { right: 0; } .slider-box.arrows-outside>i.prev { left: -1vmax; } .slider-box.arrows-outside>i.next { right: -1vmax; } .slider-box.arrows-grey>i { background: #F1F0F0; } .slider-box.arrows-grey>i:hover { background: #5b82b2; cursor: pointer; } .slider-box.arrows-grey>i:hover svg { fill: #fff; } .big-slider-wrp { max-width: 1690px; margin: 0 auto; } .big-slider>i { background: #0088B2; } .big-slider>i svg { fill: #fff; } .big-slider .digits { font-size: 1.13rem; font-weight: 400; line-height: 100%; position: absolute; z-index: 50; top: 20px; right: 30px; background: rgba(255, 255, 255, 0.7); border-radius: 4px; width: 40px; height: 40px; } .big-slider .digits .cur { font-weight: 700; font-size: 1.5rem; } .big-slider .digits .slash { margin: 0 2px; padding-top: 2px; } .big-slider .digits .ttl { padding-top: 2px; } .big-slider .slider .slide a { display: block; width: 100%; height: 100%; } .big-slider .slider .slide picture { width: 100%; height: auto; } .big-slider .slider .slide img { width: 100%; height: auto; } .big-slider .owl-dots { position: relative; left: 0; bottom: 30px; width: 100%; height: 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -ms-flex-pack: center; } .big-slider .owl-dots .owl-dot { transition: all 200ms; width: 10px; height: 10px; border-radius: 50%; background: #0088B2; opacity: 0.5; margin: 0 5px; } .big-slider .owl-dots .owl-dot.active { opacity: 1; border-radius: 3px; width: 30px; } .big-slider .owl-dots .owl-dot:hover { opacity: 1; } .brands-slider { padding: 0 2vw; } .brands-slider.slider-box i.prev { left: 0; } .brands-slider.slider-box i.next { right: 0; } @media screen and (min-width: 1020px) { .big-slider-wrp { width: 90%; } .brands-slider { padding-left: calc(2vmax + 30px); padding-right: calc(2vmax + 30px); } } @media screen and (max-width: 1019px) { .brands-slider { padding: 0 35px; } } @media screen and (max-width: 560px) { .big-slider { height: 100vw; background: #ccc; } .big-slider>i { width: 30px; height: 30px; } .big-slider>i.prev { left: 10px; } .big-slider>i.next { right: 10px; } .big-slider .digits { width: 30px; height: 30px; font-size: 1rem; right: 10px; } .big-slider .digits .cur { font-size: 1rem; } } :root { --starWidth: 26px; } .stars { background: url(../img/star-empty.svg); background-size: auto 100%; width: 130px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; } .stars div { width: 0; height: 100%; background: url(../img/star-full.svg); background-size: auto 100%; position: absolute; } .stars.s1 div { width: 26px; } .stars.s2 div { width: 52px; } .stars.s3 div { width: 78px; } .stars.s4 div { width: 104px; } .stars.s5 div { width: 130px; } .stars i { display: block; width: 26px; height: 100%; z-index: 1; position: absolute; left: 0; } .stars i:nth-child(2) { left: 26px; } .stars i:nth-child(3) { left: 52px; } .stars i:nth-child(4) { left: 78px; } .stars i:nth-child(5) { left: 104px; } .products-list { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 2px 0 0 2px; } .pl-item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; -ms-flex-pack: justify; position: relative; border: #d3d3d3 1px solid; padding: 20px; width: calc(100% / 3); margin: -1px 0 0 -1px; } .pl-item>* { width: 100%; } .pl-item .-b { margin-top: 40px; } .intim-img { position: relative; } .intim-img:before { content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .intim-img:after { content: "18+"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 55px; height: 55px; border-radius: 50%; background: #0088B2; color: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; -ms-flex-pack: center; font-size: 22px; font-weight: 600; } .pli-top { justify-content: space-between; -ms-flex-pack: justify; position: absolute; top: 0; left: 0; width: 100%; padding: 20px; z-index: 10; } .btn-2-wish { width: 20px; height: 17px; cursor: pointer; } .btn-2-wish i { display: block; width: 20px; height: 17px; background: url(../img/ico-heart.png) no-repeat; } .btn-2-wish.-in i { background-position: -20px 0; } .btn-2-wish:hover i { background-position: -20px 0; filter: grayscale(50%); } .btn-2-wish.-big { width: 50px; height: 50px; border-radius: 2px; border: #827C82 1px solid; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -ms-flex-pack: center; align-items: center; } .btn-2-wish.-big:hover { border-color: #CF1C1C; } .ribbon { display: inline-flex; justify-content: center; -ms-flex-pack: center; align-items: center; font-weight: 500; font-size: 12px; color: #fff; padding: 2px 5px; border-radius: 2px; } .ribbon.-sale { background: #CF1C1C; } .ribbon.-disc { background: #0088B2; } .ribbon.-new { background: #F0B034; } .pli-img { text-align: center; height: 200px; transition: all 200ms; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; -ms-flex-pack: center; } .pli-img img { max-width: 100%; max-height: 100%; } .pli-img:not(.intim-img):hover { opacity: 0.8; } .pli-brand { margin-top: 20px; } .pli-brand a { font-weight: 300; font-weight: 0.88rem; color: #827C82; } .pli-name { margin-top: 20px; font-weight: 400; } .pli-name a { hyphens: auto; } .pli-votes { font-size: 0.88rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .pli-votes .stars { margin-right: 0.5vw; } .pli-btm { margin-top: 20px; border-top: #d3d3d3 1px solid; padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; align-items: center; } .pli-btm .-prc p { margin: 0 0 5px 0; padding: 0; font-weight: 700; font-size: 1.5rem; line-height: 100%; } .pli-btm .-prc span { text-decoration: line-through; font-weight: 300; font-size: 0.88rem; color: #827C82; } .to-cart { width: 40px; height: 40px; display: inline-flex; justify-content: center; -ms-flex-pack: center; align-items: center; border: #d3d3d3 1px solid; border-radius: 50%; transition: all 200ms; } .to-cart div { display: inline-block; background: url(../img/tocart-set.png) left center no-repeat; width: 24px; height: 20px; } .to-cart:hover { border-color: #75a0d5; cursor: pointer; background-color: #75a0d5; } .to-cart:hover div { background-position: -24px 0; } .prods-slider>i { background: #F1F0F0; } .prods-slider>i.prev { visibility: hidden; left: -1vmax; } .prods-slider>i.next { right: -1vmax; } .pl-spec-btn { background: #0088B2 url(../img/pl-spec-btn-bgr.png) center 320% no-repeat; background-size: 180% auto; color: #fff; transition: all 200ms; } .pl-spec-btn p { font-weight: 500; font-size: 1.5rem; margin: 0 0 2vmax 0; padding: 0; width: 80%; } .cat-side-menu .hdr { background: #0088B2; padding: 10px 20px; min-height: 50px; } .cat-side-menu .hdr .-ar { padding-right: 20px; } .cat-side-menu .hdr .-ar svg { fill: #fff; } .cat-side-menu .hdr .-t { font-weight: 500; text-transform: uppercase; color: #fff; } .cat-side-menu a:hover { text-decoration: none; } .cat-side-menu .csm-lvl1 { margin: 0; padding: 0; list-style: none; border: #d3d3d3 1px solid; border-bottom: 0; } .cat-side-menu .csm-lvl1 .tit { height: 50px; background: #F1F0F0; font-weight: 500; text-transform: uppercase; align-items: stretch; } .cat-side-menu .csm-lvl1 .tit a { flex: 1; height: 100%; padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .cat-side-menu .csm-lvl1 .tit .-ar { width: 50px; height: 100%; padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; -ms-flex-pack: center; } .cat-side-menu .csm-lvl1 .tit .-ar svg { transition: all 200ms; transform-origin: center center; } .cat-side-menu .csm-lvl1>li { border-bottom: #d3d3d3 1px solid; } .cat-side-menu .csm-lvl1>li .csm-lvl2 { display: none; border: 0; } .cat-side-menu .csm-lvl1>li.active .tit { background: #75a0d5; color: #fff; } .cat-side-menu .csm-lvl1>li.active .tit .-ar svg { fill: #fff; transform: rotate(90deg); -webkit-transform: rotate(90deg); } .cat-side-menu .csm-lvl1>li.active .csm-lvl2 { display: block; } .cat-side-menu .csm-lvl2 { margin: 0; padding: 0; list-style: none; border: #d3d3d3 1px solid; border-bottom: 0; } .cat-side-menu .csm-lvl2>li { border-bottom: #d3d3d3 1px solid; transition: all 200ms; } .cat-side-menu .csm-lvl2>li>a { display: block; padding: 10px 20px; } .cat-side-menu .csm-lvl2>li:hover, .cat-side-menu .csm-lvl2>li.active { background: #F1F0F0; } .catalog-bnr-n-sort { flex-direction: column; } .catalog-top-banner { border: #d3d3d3 1px solid; padding: 1vmax; transition: all 200ms; } .catalog-top-banner a { transition: all 200ms; } .catalog-top-banner:hover { opacity: 0.8; border: #75a0d5 1px solid; } .catalog-sorter .-ttl { font-size: 0.88rem; font-weight: 500; } .catalog-sorter .-ttl span { font-size: 1rem; } .catalog-sorter .-f { display: none; } .catalog-sorter .-sort select option[selected] { color: #F0B034; } .cat-filter-hdr { background: #0088B2; height: 50px; padding: 0 3vw; color: #fff; text-transform: uppercase; } .cat-filter-hdr svg { width: 30px; height: 30px; fill: #fff; } .cat-filter .cf-item:last-child { border-bottom: #d3d3d3 1px solid; } .cf-wrp { border-left: #d3d3d3 1px solid; border-right: #d3d3d3 1px solid; } .cf-item .-h { padding: 0 20px; min-height: 50px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; align-items: center; font-weight: 500; background: #F1F0F0; border-top: #d3d3d3 1px solid; } .cf-item .-h svg { fill: #302E30; transform-origin: center center; transition: all 200ms; } .cf-item .-c { padding: 20px; display: none; } .cf-item .-c.-pv { padding-top: 20px; padding-bottom: 20px; } .cf-item.-open .-h { border-bottom: #d3d3d3 1px solid; } .cf-item.-open .-h svg { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .cf-item.-open .-c { display: block; } .cf-item .filter-prices { margin-bottom: 20px; } .filter-prices>div { width: 45%; height: 42px; border: #d3d3d3 1px solid; border-radius: 2px; position: relative; overflow: hidden; } .filter-prices>div span { position: absolute; left: 5px; top: 50%; transform: translateY(-50%); font-size: 0.88rem; color: #827C82; } .filter-prices i { width: 15px; height: 1px; background: #302E30; } .filter-prices input { position: absolute; width: 100%; height: 100%; outline: 0; padding: 2px 0 0 30px; font-weight: 500; border: 0; background: transparent; z-index: 1; } .catf-btns { flex-direction: column; } .catf-btns .btn { width: 100%; margin-top: 15px; } .range-select { position: relative; height: 2px; background: #d3d3d3; border-radius: 1px; width: 100%; } .range-select i { display: block; position: absolute; width: 100%; height: 100%; background: #75a0d5; } .range-select .knob { position: absolute; display: block; top: -5px; z-index: 10; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: #75a0d5 4px solid; cursor: pointer; } .range-select .knob.min { left: -6px; } .range-select .knob.max { left: 98%; } .prod-counts span { color: #827C82; margin: 0 3px 0 10px; } .prod-art { font-size: 0.88rem; } .prod-art span { color: #827C82; } .prod-cont { margin-top: 20px; } .prod-info { width: 60%; padding-left: 30px; position: relative; } .prod-info .pli-votes, .prod-info .prod-props, .prod-info .prod-dlvry, .prod-info .prod-selects, .prod-info .prod-2-cart, .prod-info .prod-tabs { margin-top: 30px; } .prod-imgs { width: 40%; position: relative; } .prod-imgs .-rbns { position: absolute; left: 16px; top: 16px; z-index: 50; } .prod-imgs .-rbns.-mb { display: none; } .prod-img-slider .slide { display: block; width: 100%; max-height: 520px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -ms-flex-pack: center; align-items: center; } .prod-img-thumbs .thumb { width: 100px; height: 100px; position: relative; border: transparent 2px solid; } .prod-img-thumbs .thumb img { position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; } .prod-img-thumbs .thumb.active { border: #75a0d5 2px solid; } .prod-img-thumbs .thumb:hover { opacity: 0.8; } .prod-brand { position: absolute; right: 0; top: 0; } .prod-price { width: 100%; } .prod-price .-old { font-weight: 300; text-decoration: line-through; color: #827C82; } .prod-price .-t { font-weight: 300; font-size: 0.75rem; color: #827C82; } .prod-price .-prc { line-height: 100%; } .prod-price .-prc span { font-size: 2.25rem; font-weight: 700; } .prod-price .-prc .ribbon { font-size: 0.88rem; height: 30px; margin-left: 10px; } .prod-props { margin: 0; padding: 0; list-style: none; font-weight: 300; } .prod-props li { margin: 0.5vmax 0; } .prod-props li span { color: #827C82; } .prod-props li a { color: #0E5283; text-decoration: underline; } .prod-props li.-bl>* { margin-right: 20px; } .prod-selects .form-field { margin-bottom: 0; } .prod-selects .form-field label:first-of-type { font-weight: 300; color: #827C82; } .prod-selects .form-field.-vars { width: 68%; } .prod-selects .form-field.-kol { width: 28%; } .prod-2-cart .btn { margin-right: 15px; flex: 1; height: 50px; } .questions { color: #fff; background: #0088B2 url(../img/pl-spec-btn-bgr.png) no-repeat; background-position: 100% 0%; margin-top: 3vmax; } .questions .t1 { font-size: 1.875rem; } .prods-slider:not(.only-desktop) .slider .pl-item { width: 165px; } .pup-age-confirm .popup-win { background: #fff url(../img/age-conf-bgr.jpg); background-size: cover; } .pup-age-confirm .popup-win .hdr, .pup-age-confirm .popup-win .cont { background: #fff; padding-bottom: 0; } .pup-age-confirm .conf { padding: 0 40px 40px 40px; } .pup-age-confirm .conf .h { font-size: 24px; font-weight: 500; text-align: center; } .pup-age-confirm .conf .t { max-width: 380px; text-align: center; } .pup-age-confirm .conf .btns .btn.-ok { flex: 6; margin-right: 20px; } .pup-age-confirm .conf .btns .btn.-no { flex: 1; } @media screen and (min-width: 1020px) { .products-list.-six .pl-item { padding: 20px calc(20px/2); width: calc(100%/6); } .products-list.-six.slider .pl-item { width: 211px; border: none; margin: 0; } .products-list.-six.slider .owl-item { border: #d3d3d3 1px solid; margin-left: -1px; } .products-list.-four .pl-item { padding: 20px 20px/2; width: 25%; } .products-list.slider { border: 0; } .products-list.slider .owl-stage-outer { padding: 2px 0 0 2px; } .index-spec-products .pl-item:nth-last-child(2) { display: none; } .pl-spec-btn .btn { width: 100%; } .page-catalog .cat-filter { margin-top: 40px; } .cat-filter-hdr, .js-filter-submit, .prod-mobi-stars-art, .prod-info .prod-counts { display: none; } .prod-price .-old { width: 100%; margin-bottom: 5px; } .prod-price .-t { display: none; } .prod-selects, .prod-2-cart { max-width: 400px; } .questions { padding: 30px 10%; } } @media screen and (max-width: 1019px) { .pl-item { width: 50%; } .to-cart { border-color: #75a0d5; background-color: #75a0d5; } .to-cart div { background-position: -24px 0; } .pli-top .-rbns>* { display: block; margin-bottom: 3px; } .pl-spec-btn { width: 100%; background: #0088B2 url(../img/pl-spec-btn-bgr.png) 110% -50% no-repeat; background-size: 60% auto; } .pl-spec-btn>div:last-child { margin-top: 5vh; text-align: center; } .pl-spec-btn .btn { width: 50%; padding: 1vmax 2vmax; } .page-catalog h1 { display: none; } .catalog-sorter .-ttl { display: none; } .catalog-sorter .-sort { width: 48%; } .catalog-sorter .-f { display: block; width: 48%; } .catalog-sorter .-f .btn { width: 100%; } .catalog-top-banner { order: 2; margin-top: 20px; } .page-catalog .cat-side-menu { display: none; } .page-catalog.page-sidebar .sidebar { position: fixed; left: -100%; top: 0; width: 100vw; height: 100vh; z-index: 101; display: block; background: #fff; } .cat-filter-wrap { width: 100vw; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; } .cat-filter { overflow-y: auto; flex: 1; padding-bottom: 100px; } .cf-item .-c.-pv { padding-top: 30px; padding-bottom: 30px; } .cf-item .filter-prices { margin-bottom: 40px; } .prod-imgs, .prod-info { width: 100%; } .prod-info { margin-top: 3vmax; padding-left: 0px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; } .prod-imgs .-rbns.-mb { display: block; } .prod-imgs .-rbns.-dt { display: none; } .prod-price { order: 30; margin-top: 30px; } .prod-price .-old { font-size: 0.88rem; order: 5; } .prod-price .-prc { margin: 0 15px; } .prod-price .-prc span { font-size: 1.875rem; } .prod-price .-prc .ribbon { display: none; } .prod-props { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 2vmax 0; } .prod-props li { color: #827C82; } .prod-props li span { display: none; } .prod-props li:first-child { margin-right: 15px; } .prod-props li:last-child { flex: 1; text-align: right; } .prod-counts>* { width: 100%; } .prod-counts>span { display: none; } .prod-counts span { margin: 0.5vmax 0; } .prod-dlvry { order: 10; } .prod-selects { order: 20; } .prod-2-cart { order: 40; } .prod-2-cart .btn { order: 2; margin: 0 0 0 15px; } .prod-tabs { order: 50; } .questions { padding: 3vw; background-position: 600% -20%; } .questions>* { width: 100%; } .questions .t2 { margin: 15px 0 30px 0; } .questions .b { text-align: center; } .questions .b .btn { width: 60%; } } @media screen and (max-width: 600px) { .prod-img-thumbs .thumb { width: 30vw; height: 110px; } .stars { width: 100px; height: 15px; } .stars.s1 div { width: 20px; } .stars.s2 div { width: 40px; } .stars.s3 div { width: 60px; } .stars.s4 div { width: 80px; } .stars.s5 div { width: 100px; } .pl-item { padding: 10px; } .pli-top { padding: 10px; } .pup-age-confirm .conf { padding: 0 20px 20px 20px; } } @media screen and (max-width: 350px) { .stars { width: 80px; height: 12px; } .stars.s1 div { width: 16px; } .stars.s2 div { width: 32px; } .stars.s3 div { width: 48px; } .stars.s4 div { width: 64px; } .stars.s5 div { width: 80px; } .pup-age-confirm .conf { padding: 0 10px 10px 10px; } .pup-age-confirm .conf .btns { flex-direction: column; } .pup-age-confirm .conf .btns .btn { width: 100%; flex: 1; margin: 5px 0; } } .ft-theme-cosmedel.ft-tabs>.ft-nav { border-top: #d3d3d3 1px solid; border-bottom: #d3d3d3 1px solid; } .ft-theme-cosmedel.ft-tabs>.ft-nav>.ft-tab { text-decoration: none; padding: 1.5vh 0; margin-right: 15px; top: 1px; position: relative; z-index: 10; border-bottom: transparent 2px solid; color: #302E30; } .ft-theme-cosmedel.ft-tabs>.ft-nav>.ft-tab.active { font-weight: 500; } .ft-theme-cosmedel.ft-tabs>.ft-nav>.ft-tab.active, .ft-theme-cosmedel.ft-tabs>.ft-nav>.ft-tab:hover { border-bottom: #75a0d5 2px solid; } .ft-theme-cosmedel.ft-tabs>.ft-nav>.ft-tab.active:before, .ft-theme-cosmedel.ft-tabs>.ft-nav>.ft-tab:hover:before { content: ''; display: block; position: absolute; width: 1px; height: 1px; bottom: -1px; left: -1px; background-color: transparent; } .ft-theme-cosmedel.ft-tabs>.ft-contents { padding: 0; } .ft-theme-cosmedel.ft-accordion>.ft-contents>.ft-tab { margin-top: 5px; background: #F1F0F0; padding: 1.5vh 3vw; text-decoration: none; color: #302E30; } .ft-theme-cosmedel.ft-accordion>.ft-contents>.ft-content { background: #F1F0F0; padding: 0 3vw; } .ft-theme-cosmedel.ft-accordion>.ft-contents>.ft-tab-icon .ft-icon>svg { fill: #302E30; width: 10px; height: 6px; } .reviews { margin-top: 3vmax; } .reviews .hdr-1 .t { font-size: 1.875rem; margin-right: 20px; } .reviews .hdr-2 { padding: 10px 20px; background: #F1F0F0; margin-top: 2vmax; } .reviews .hdr-2 .lft .select { margin-right: 20px; } .reviews .hdr-2 .lft .ttl { font-size: 0.88rem; } .reviews .hdr-2 .but { width: 15%; } .reviews .hdr-2 .but .btn { width: 100%; } .rl-item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -ms-flex-pack: justify; padding: 2vmax 0; border-bottom: #d3d3d3 1px solid; } .rl-item .l { width: 25%; } .rl-item .r { flex: 1; padding-left: 10px; } .rl-date { color: #827C82; font-size: 0.88rem; margin-left: 10px; } .rl-name .-n { font-size: 1.25rem; font-weight: 500; } .rl-props { margin-top: 2vmax; } .rl-props p { padding: 0; margin: 5px 0; font-size: 0.88rem; } .rli-info ._r { font-size: 0.88rem; } .rli-info ._r a { text-decoration: underline; text-decoration-style: dashed; text-underline-offset: 4px; color: #0E5283; } .rli-txt { margin-top: 2vmax; } .rli-txt h6 { font-size: 1rem; padding: 0; margin: 0; } .rli-txt p { padding: 0; margin: 5px 0; } .rli-imgs { margin-top: 15px; } .rli-imgs a { display: inline-block; margin: 0 5px 5px 0; width: 80px; height: 80px; display: inline-flex; justify-content: center; -ms-flex-pack: center; align-items: center; } .rli-imgs a img { max-width: 100%; max-height: 100%; } .reviews-form .stars-box label { margin: 0 15px 0 0 !important; } .reviews-form .captcha>div { width: 33%; } .reviews-form .captcha>div img { height: 40px; } .reviews-form .captcha>div:first-child { margin-right: 15px; } @media screen and (min-width: 1020px) { .reviews .hdr-1 .but { display: none; } .rl-name .rl-date, .rl-name .-st { display: none; } .reviews-form { width: 620px; } } @media screen and (max-width: 1019px) { .reviews .hdr-1 { justify-content: space-between; -ms-flex-pack: justify; } .reviews .hdr-1 .t { font-size: 1.5rem; width: 100%; margin-bottom: 10px; } .reviews .hdr-1 .pli-votes { width: 60%; } .reviews .hdr-1 .but { width: 40%; text-align: right; } .reviews .hdr-2 .lft { width: 100%; } .reviews .hdr-2 .lft .select { order: 2; margin-right: 0; } .reviews .hdr-2 .but { display: none; } .rl-item .l, .rl-item .r { width: 100%; } .rl-item .r { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; padding-left: 0; } .rl-name .-st { width: 100%; margin-top: 15px; } .rli-info { order: 10; margin-top: 20px; } .rli-info ._l { display: none; } .rli-info ._r { width: 100%; } .reviews-form .captcha>div { width: 100%; } } .popup-bgr { display: none; z-index: 61; background: rgba(0, 0, 0, 0.3); position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; } .popup { display: none; opacity: 0; position: fixed; left: 0; top: 0; bottom: 0; z-index: 61; width: 100vw; height: 100vh; max-height: -webkit-fill-available; background: rgba(0, 0, 0, 0.3); } .popup.active { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -ms-flex-pack: center; align-items: center; } .popup-win { padding: 20px; background: #fff; min-width: 280px; max-height: 99vh; max-height: -webkit-fill-available; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); overflow: hidden; } .popup-win .hdr div { font-size: 1.25rem; font-weight: 600; margin-right: 20px; } .popup-win .hdr svg:hover { fill: #75a0d5; cursor: pointer; } .popup-win .cont { padding-top: 20px; max-height: 80vh; overflow-x: hidden; overflow-y: auto; } .pup-product-add { max-width: 618px; } .pup-product-add .wrp { border: #d3d3d3 1px solid; padding: 20px; } .pup-product-add .im { width: 20%; } .pup-product-add .im img { max-width: 100%; max-height: 100%; } .pup-product-add .inf { flex: 1; padding-left: 20px; } .pup-product-add .inf>* { margin-bottom: 10px; } .pup-product-add .inf .-art { font-size: 0.88rem; color: #827C82; } .pup-product-add .inf .-nm { font-weight: 400; } .pup-product-add .inf .-kol { color: #827C82; font-size: 0.88rem; } .pup-product-add .inf .-prc { font-weight: 700; font-size: 1.5rem; } .pup-product-add .but { margin-top: 20px; } .pup-product-add .but .btn { width: 48%; } .region-select a { font-weight: 300; font-size: 0.88rem; } .rs-list { margin: 0; padding: 0; list-style: none; } .rs-list li { margin: 0.5vmax 0; } .rs-list li.-fl { font-size: 1.125rem; padding-bottom: 0.5vmax; } .rs-big-list .rs-list { width: 30%; } @media screen and (min-width: 1020px) { .popup .auth-form { width: 400px; } .region-select { width: 940px; padding: 0 10px; } } @media screen and (max-width: 1019px) { .popup-win .cont { overflow-x: hidden; overflow-y: auto; padding-bottom: 10vh; } } @media screen and (max-width: 600px) { .popup { padding: 5px; } .pup-product-add .im { width: 100%; margin-bottom: 20px; } .pup-product-add .im img { height: 200px; } .pup-product-add .inf { padding-left: 0; } .pup-product-add .but .btn { width: 100%; margin-bottom: 10px; } .rs-big-list .rs-list { width: 100%; } } .nl-item { border: #d3d3d3 1px solid; padding: 1vmax; transition: all 200ms; width: 32%; margin-bottom: 30px; position: relative; } .nl-item>* { width: 100%; } .nl-item .im { display: block; position: relative; width: 100%; height: 360px; } .nl-item .im img { position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; width: 100%; } .nl-item .im:hover { opacity: 0.8; } .nl-item .n { display: block; font-size: 1.5rem; margin: 20px 0 15px 0; font-weight: 500; } .nl-item p { font-weight: 300; margin: 0; padding: 0; } .news-list-spec-btn { background: url(../img/nl-spec-btn-bgr.jpg) center bottom no-repeat; transition: all 200ms; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; -ms-flex-pack: justify; padding: 40px; } .news-list-spec-btn .t { font-size: 1.125rem; font-weight: 400; } .news-list-spec-btn .t p { font-weight: 500; font-size: 1.875rem; margin: 0 0 12px 0; padding: 0; } .news-list-spec-btn .btn { width: 100%; } .page-news-one .date { color: #827C82; font-size: 0.88rem; position: relative; } .page-news-one article { margin-top: 3vmax; } .news-slider .nl-item { width: calc(1270px / 3.1); } @media screen and (min-width: 1020px) { .page-news-one { padding-right: 25%; } .nl-item .im { width: 100%; } .btn-news-show-more { width: 32%; } } @media screen and (max-width: 1019px) { .nl-item { width: 49%; } .btn-news-show-more { width: 100%; } .news-slider>i { display: none; } } @media screen and (max-width: 600px) { .nl-item { width: 100%; } .nl-item.news-list-spec-btn { display: none; } .news-slider>i { display: none; } .news-slider .nl-item:nth-child(-n+3) { display: none; } } .brands-srch input { border: 0; border-bottom: #d3d3d3 1px solid; flex: 1; font-size: 0.88rem; font-weight: 300; width: 170px; } .brands-srch button { border: none; background: transparent; } .brands-srch button svg { fill: #d3d3d3; } .brands-srch button:hover svg { fill: #5b82b2; } .brands-list { margin-top: 2vmax; } .bl-item { width: 25%; padding-right: 10px; margin-bottom: 1.5vmax; } .bl-item h4 { font-size: 1.875rem; padding: 0; margin: 0 0 1vmax 0; } .bl-list { margin: 0; padding: 0; list-style: none; } .bl-list li { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; margin: 0.5vmax 0; } .bl-list li .hrt { margin-right: 1vmax; padding-top: 3px; } .bl-list li svg { fill: #c2c0c0; } .bl-list li .ribbon { margin-left: 15px; } .bl-list li:hover { cursor: pointer; } .bl-list li:hover span { text-decoration: underline; } .bl-list li:hover svg { fill: #CF1C1C; } .bl-list li:hover .ribbon { text-decoration: none !important; } .brands-letters { display: none; } @media screen and (max-width: 1019px) { .page-brands { padding-right: 10vw !important; } .bl-item { width: 50%; } .brands-letters { position: fixed; top: 0; right: 3vw; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; -ms-flex-pack: center; padding-top: 7.5vmax; } .brands-letters a { font-weight: 500; font-size: 0.88rem; margin: 3px 0; padding: 0; line-height: 100%; text-align: center; } .brands-letters a:first-child { margin-bottom: 10px; } .brands-letters a:last-child { margin-top: 15px; } } @media screen and (max-width: 600px) { .bl-item { width: 100%; } } @media screen and (max-width: 350px) { .brands-letters a { margin: 0; } } .form-field { display: block; margin-bottom: 20px; } .form-field>label:first-of-type { font-weight: 500; font-size: 0.88rem; display: block; margin-bottom: 0.5vmax; text-align: left; } .form-field>label:first-of-type span { color: #CF1C1C; font-size: 120%; } .form-field .inp { padding: 10px; width: 100%; height: 40px; border: #d3d3d3 1px solid; font-family: inherit; border-radius: 2px; -webkit-appearance: none; } .form-field textarea.inp { height: 80px; resize: none; } .form-field .-search { position: relative; } .form-field .-search svg { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; fill: #d3d3d3; } .form-field.flx { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .ff-mrg { margin-bottom: 20px; } .checkbox { position: absolute; z-index: -1; opacity: 0; } .checkbox+label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; user-select: none; line-height: 100%; } .checkbox+label:before { content: ""; display: inline-block; width: 16px; height: 16px; border: #d3d3d3 1px solid; margin-right: 15px; border-radius: 2px; line-height: 10px; text-align: center; font-size: 20px; } .checkbox+label span { flex: 1; } .checkbox:hover+label:before { border: #75a0d5 1px solid; } .checkbox:checked+label:before { border: #75a0d5 1px solid; background: #75a0d5; } .select { border: #d3d3d3 1px solid; font-family: inherit; border-radius: 2px; background: #fff; position: relative; } .select select { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 0 15px 0 10px; width: 100%; height: 40px; font-family: inherit; border: 0; border-radius: 2px; background: #fff; } .select:before { display: block; width: 6px; height: 4px; content: " "; background: url(../img/arrow-select.png) no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 0.5vmax; z-index: 10; } .radio { position: absolute; z-index: -1; opacity: 0; } .radio+label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; user-select: none; } .radio+label:before { content: ""; width: 18px; height: 18px; border-radius: 50%; border: #d3d3d3 1px solid; margin-right: 15px; } .radio:hover+label:before { border: #d3d3d3 5px solid; } .radio:checked+label:before { border: #5b82b2 5px solid; } .form-ftr { background: #F1F0F0; padding: 20px; } .form-ftr .policy-txt { font-size: 12px; font-weight: 300; color: #827C82; } .form-ftr .policy-txt a { text-decoration: underline; } .kolvo { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; background: #eee; height: 40px; } .kolvo button { font-style: normal; height: 40px; text-align: center; font-size: 20px; color: #626262; font-weight: bold; border: 0; flex: 1; } .kolvo input { width: 100%; height: 40px; font-family: inherit; border: #e1e1e1 1px solid; flex: 2; text-align: center; } .auth-form button, .register-form button { width: 100%; } .register-form .row>.form-field { width: 48%; } .register-form .row.captcha>* { width: 48%; } @media screen and (min-width: 1020px) { .form-ftr .btns { text-align: right; } } @media screen and (max-width: 1019px) { .register-form .row>.form-field { width: 100%; } .form-ftr .btns { text-align: center; } } .page-auth { max-width: 420px; margin-left: auto; margin-right: auto; } .page-registration { max-width: 620px; margin-left: auto; margin-right: auto; } .lk-side-menu { margin: 0; padding: 0; list-style: none; border-top: #d3d3d3 1px solid; } .lk-side-menu li { border-bottom: #d3d3d3 1px solid; } .lk-side-menu li a { display: block; padding: 0.5vmax 1vmax; text-decoration: none; } .lk-side-menu li.active { background: #F1F0F0; } .lk-profile .h1-sub { margin-top: -1.5vmax; } .lk-profile-form .col-2 { width: 48%; } .lk-profile-form .btn { min-width: 30%; } .js-mask-date { background: url(../img/ico-calendar.png) 98% 50% no-repeat; } .lkp-sex { height: 40px; } .lkp-sex>*:first-child { margin-right: 20px; } .lk-subscribe .form-field>label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .lk-subscribe .form-field>label:first-of-type span { font-size: 16px; color: #302E30; } .lk-policy { font-size: 14px; font-weight: 300; margin-top: -5px; line-height: 20px; } .lk-policy a { color: #5b82b2; text-decoration: underline; } .lk-hs-selects>* { width: 30%; } .lk-hs-item { margin-top: 2vmax; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; -ms-flex-pack: justify; } .lk-hs-item>* { padding: 15px 20px; } .lkhsi-hdr { border: #75a0d5 1px solid; } .lkhsi-hdr .info { width: 40%; } .lkhsi-hdr .info .-nm { font-weight: bolder; font-size: 1.25rem; } .lkhsi-hdr .info .-st { margin: 0.5vmax 0; } .lkhsi-hdr .info .-dt { color: #5b82b2; font-weight: 500; } .lkhsi-hdr .imgs { width: 58%; text-align: right; } .lkhsi-hdr .imgs>a { display: inline-block; margin: 0.5vmax; width: 90px; height: 90px; text-align: center; } .lkhsi-hdr .imgs>a img { max-width: 100%; max-height: 100%; } .lkhsi-adr { border-left: #d3d3d3 1px solid; border-right: #d3d3d3 1px solid; font-size: 0.88rem; } .lkhsi-adr .rw { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 1vh 0; } .lkhsi-adr .rw .-t { font-weight: 500; width: 20%; } .lkhsi-adr .rw .-t span { color: #0E5283; text-decoration: underline; font-weight: 300; text-decoration-style: dashed; display: none; } .lkhsi-adr .rw .-v { width: 80%; } .lkhsi-adr .rw .-v ._map { width: 100%; height: 150px; background: #ccc; display: block; } .lkhsi-ftr { background: #F1F0F0; border: #d3d3d3 1px solid; } .lkhsi-ftr .-prc { font-size: 0.88rem; } .lkhsi-ftr .-prc p { padding: 0; margin: 0; font-weight: 600; font-size: 1rem; } .lkhsi-ftr.active { justify-content: flex-end; } .lkhsi-ftr.active .-prc { text-align: right; } .lkhsi-ftr.active .hideable { display: none; } .lkhsi-ftr .btn-wrp .btn:last-child { margin-left: 10px; } .lkhsi-prods-wrp { padding: 0; display: none; } .lkhsi-prods-hdr { background: #F1F0F0; border: #d3d3d3 1px solid; padding: 15px 20px; } .lkhsi-prods-hdr h4 { font-weight: 600; font-size: 1.125rem; margin: 0; padding: 0; } .lkhsi-prods-hdr .btn-wrp .btn { margin-left: 10px; } .lk-prods { border-left: #d3d3d3 1px solid; border-right: #d3d3d3 1px solid; } .lk-prods>li { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; border-top: #d3d3d3 1px solid; } .lk-prods>li .im { width: 10%; padding: 10px 15px; } .lk-prods>li .cnt { width: 90%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; } .lk-prods>li.thead { background: #0088B2; color: #fff; } .lk-prods>li.thead .col-n { width: 60%; } .lk-prods>li.thead>* { padding: 15px 20px; font-size: 0.88rem; font-weight: 500; } .lk-prods .col-n { flex: 1; font-size: 0.88rem; font-weight: 300; padding: 5px 15px 5px 0; } .lk-prods .col-n>a { font-weight: 400; } .lk-prods .col-n p { margin: 5px 0 0 0; padding: 0; color: #827C82; } .lk-prods .col-n p span { color: #302E30; } .lk-prods .col-all { width: 100px; text-align: center; font-weight: 500; } .lk-prods .col-all .-tit { display: none; } .lk-wl-brands { background: #F1F0F0; padding: 1.5vmax; } .lk-wl-brands h4 { font-size: 1.5rem; padding: 0 0 1vmax 0; margin: 0 0 1vmax 0; border-bottom: #d3d3d3 1px solid; } .lk-wl-brands .bl-list { width: 33%; } .lk-wl-brands .bl-list .hrt svg { fill: #CF1C1C; } .lk-wl-products { margin-top: 2vmax; } .lk-bonus { max-width: 510px; margin-top: 3vmax; padding: 20px; border: #75a0d5 1px solid; } .lk-bonus .-h span { color: #827C82; font-size: 0.88rem; } .lk-bonus .-v { font-weight: 500; font-size: 1.875rem; margin: 0.5vmax 0 1.5vmax 0; } .lk-bonus .form-field { margin-bottom: 0; } @media screen and (min-width: 1020px) { .lk-profile-form { max-width: 70%; } .lk-prods .col-prc .ribbon { display: none; } } @media screen and (max-width: 1019px) { .lk-profile-form .col-2 { width: 100%; } .lk-profile-form .mobi-2 .col-2 { width: 48%; } .lk-profile-form .form-btns .btn { width: 100%; } .lk-profile-form .form-btns .btn:first-child { order: 2; margin-top: 20px; } .lk-hs-selects>* { width: 48%; } .lkhsi-hdr .info, .lkhsi-hdr .imgs { width: 100%; } .lkhsi-hdr .imgs { margin-top: 0.5vmax; text-align: left; } .lkhsi-adr .rw .-t { width: 100%; } .lkhsi-adr .rw .-t span { display: block; } .lkhsi-adr .rw .-v { width: 100%; margin-top: 0.5vmax; } .lk-wl-brands .bl-list { width: 100%; } .lk-prods>li .im { width: 25%; } .lk-prods>li .cnt { width: 75%; flex-direction: column; padding: 10px 10px 10px 0; } .lk-prods>li .cnt>* { width: 100%; } .lk-prods>li.thead { display: none; } .lk-prods .col-all { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .lk-prods .col-all .-tit { display: block; margin-right: 10px; font-weight: 300; color: #827C82; } .lk-prods .col-prc { margin-top: 15px; } .lk-prods .col-prc .ribbon { display: inline-block; margin-left: 15px; } .lk-prods .col-disc { display: none; } .lk-subscribe.row .col-2 { margin-bottom: 0; margin-top: 0; } } @media screen and (max-width: 600px) { .lk-hs-item .btn-wrp .btn { font-size: 12px; height: 36px; padding: 0 5px; } .lk-hs-item .btn-wrp .btn:last-child { margin-left: 5px; } .lkhsi-hdr, .lkhsi-adr, .lkhsi-prods-hdr { padding: 15px; } .lkhsi-ftr { padding: 15px; } .lkhsi-ftr .-prc { font-size: 12px; } .lkhsi-ftr .-prc p { font-size: 14px; } } .page-cart-ok { background: url(../img/cart-ok-bgr.jpg) center bottom no-repeat; min-height: 45vh; margin-bottom: -5vmax; } .page-cart-ok h1 { margin-top: 30px !important; margin-bottom: 40px !important; } .page-cart-ok .t { font-size: 1.125rem; margin-bottom: 3vmax; } .cart-list { width: 65%; border: #d3d3d3 1px solid; border-bottom: 0; } .cart-list>li { border-bottom: #d3d3d3 1px solid; padding: 1.5vmax; position: relative; } .cart-list .-rbns { position: absolute; left: 1.5vmax; top: 1.5vmax; z-index: 10; } .cart-list .-im { width: 20%; } .cart-list .-im img { max-width: 100%; max-height: 100%; } .cart-list .-nm { flex: 1; } .cart-list .-nm p { font-size: 0.88rem; } .cart-list .-nm p span { color: #827C82; } .cart-list .-nm .-info { width: 60%; padding: 0 1.5vmax; } .cart-list .-qnp { flex: 1; } .cart-list .-qnp .kolvo { width: 100px; max-width: 100px; } .cart-list .-prices { text-align: right; font-size: 0.75rem; color: #827C82; flex: 1; } .cart-list .-prices p { font-weight: 500; font-size: 1.25rem; color: #302E30; margin: 0; padding: 0; } .cart-list .-prices p span { color: #827C82; font-size: 12px; font-weight: 300; margin-right: 10px; text-decoration: line-through; } .cart-list .-prices.-disc p { display: inline-flex; align-items: center; justify-content: flex-end; color: #0088B2; } .cart-list .delete { position: absolute; right: 1.5vmax; bottom: 1.5vmax; text-decoration: underline; color: #0E5283; font-size: 0.88rem; display: inline-block; } .cart-list .delete:hover { color: #5b82b2; } .cart-aside { width: 33%; } .cart-total { padding: 0 1.5vmax; border: #75a0d5 1px solid; margin-bottom: 1.5vmax; } .cart-total>li { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; margin: 1.5vmax 0; } .cart-total>li .t { font-weight: 700; } .cart-total>li .v { font-weight: 500; font-size: 1.125rem; } .cart-total>li .v a { color: #0E5283; font-size: 1rem; font-weight: 300; } .cart-total>li .v span { color: #0088B2; } .cart-total>li.itog { margin-top: 3vmax; } .cart-total>li.itog .t { font-size: 1.125rem; } .cart-total>li.itog .v { font-size: 1.5rem; } .cart-discount { background: #F1F0F0; border: #d3d3d3 1px solid; padding: 1.5vmax; } .cart-discount .h { font-size: 1.125rem; margin: 0 0 10px 0; font-weight: 700; } .cart-discount .h-sub { font-size: 0.88rem; margin-bottom: 20px; } .cart-discount .h-sub .b { font-size: 1rem; } .cart-discount .h-sub i { font-style: normal; display: inline-block; width: 20px; height: 20px; border-radius: 50%; line-height: 20px; border: #0088B2 1px solid; color: #0088B2; text-align: center; margin-left: 10px; font-family: Arial, sans-serif; } .cart-discount .bonus input { flex: 1; } .cart-discount .bonus .btn { width: 25%; height: 40px; font-size: 0.75rem; } .cart-infos { margin-top: 1.5vmax; } .cinf-item { border: #d3d3d3 1px solid; } .cinf-item .h { padding: 0.75vmax 1.5vmax; background: #F1F0F0; font-size: 1.25rem; } .cinf-item .c { padding: 1.5vmax; background: #fff; display: none; } .cinf-item.active .h { background: #0088B2; color: #fff; } .cinf-item.active .c { display: block; } .cart-submit-wrp { margin-top: 1.5vmax; } .cart-submit { width: 60%; border: #d3d3d3 2px solid; border-radius: 3px; color: #827C82; } .cart-submit:hover { border: #75a0d5 2px solid; color: #75a0d5; } .cart-opros-popup .popup-win { padding-left: 190px; background-image: url(../img/cart-opros-left.jpg); background-position: left center; background-repeat: no-repeat; } .cart-opros { padding: 0 40px 50px 40px; } .cart-opros h3 { font-size: 1.25rem; font-weight: 600; } .cart-opros a { display: block; font-size: 14px; font-weight: 500; border: #75a0d5 2px solid; padding: 15px 55px; margin: 5px 0; text-transform: uppercase; border-radius: 1px; text-align: center; } .cart-opros a:hover { background: #75a0d5; text-decoration: none; } @media screen and (min-width: 1020px) { .page-cart-ok .t { width: 50%; margin: 0 auto 5vmax auto; } .page-cart-ok .btn { width: 184px; height: 50px; } .cart-infos, .cart-submit-wrp { width: 65%; } } @media screen and (max-width: 1019px) { .page-cart-ok { background-size: 120% auto; } .page-cart-ok .btn { width: 50%; } .page-cart.section .hdr .-r { display: block; } .cart-list { width: 100%; margin-bottom: 1.5vmax; } .cart-list .-im { width: 35%; padding-bottom: 10px; } .cart-list .-nm .-info { width: 100%; } .cart-list .-nm .-info p { display: none; } .cart-list .-nm .-qnp { margin-top: 3vmax; padding-left: 1.5vmax; } .cart-list .delete { left: 1.5vmax; } .cart-aside { width: 100%; } .cart-submit { width: 100%; } } @media screen and (max-width: 600px) { .cart-opros-popup .popup-win { padding-left: 20px; background: #fff url(../img/cart-opros-btm.jpg) no-repeat; background-position: center bottom; background-size: 100% auto; } .cart-opros { padding: 0 40px 0px 40px; } .cart-list .-qnp .kolvo { width: 75px; } .cart-list .-qnp .kolvo button { width: 25px; padding: 0; font-size: 16px; flex: unset; } .cart-list .-qnp .kolvo input { flex: unset; width: 25px; padding: 0; -webkit-appearance: none; border-radius: 0; } .cart-list .-qnp .-prices { flex: 1; padding-left: 10px; } .cart-list .-qnp .-prices p { font-size: 18px; width: 100%; } .cart-list .-qnp .-prices p span { font-size: 10px; } } @media screen and (max-width: 350px) { .cart-list .-qnp .-prices { width: 100%; flex: unset; margin-top: 10px; } .cart-list .-qnp .-prices p { width: 100%; } } .page-dni { max-width: 1000px; } .dni-top .img { border: #d3d3d3 1px solid; padding: 1vmax; transition: all 200ms; width: 30%; } .dni-top .t { width: 68%; } .dni-top .t p:first-of-type { margin-top: 0; } .dni-tbl { margin-top: 3vmax; } .dni-tbl>li { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1vmax 0; border-bottom: #d3d3d3 1px solid; } .dni-tbl>li.hdr { color: #75a0d5; border-bottom: #75a0d5 1px solid; padding: 5px 0; font-size: 0.88rem; font-weight: 400; } .dni-tbl>li:not(.hdr) .col-d, .dni-tbl>li:not(.hdr) .col-k { font-weight: 500; } .dni-tbl>li:before { display: none; } .dni-tbl .col-b { width: 50%; } .dni-tbl .col-b a { color: #0E5283; text-decoration: underline; } .dni-tbl .col-d { width: 25%; } .dni-tbl .col-k { width: 25%; } .dni-tbl .-t { display: none; } @media screen and (max-width: 1019px) { .dni-top .img { width: 100%; margin-bottom: 2vmax; } .dni-top .t { width: 100%; } .dni-tbl { border: #d3d3d3 1px solid; border-bottom: 0; } .dni-tbl>li { padding: 2vmax; } .dni-tbl .hdr { display: none; } .dni-tbl .-t { display: block; font-weight: 300; font-size: 0.88rem; margin-bottom: 5px; } .dni-tbl .col-b, .dni-tbl .col-d, .dni-tbl .col-k { width: 100%; } .dni-tbl .col-d { margin: 2vmax 0; } } #shops-map { flex: 1; overflow: hidden; padding-bottom: 2px; } .shops-map-addresses { overflow: hidden; } .sma-title { flex-direction: column; justify-content: center; -ms-flex-pack: center; height: 8vh; text-align: center; } .sma-title svg { transform-origin: center center; transform: rotate(180deg); -webkit-transform: rotate(180deg); } .sma-list { overflow: visible; position: relative; } .sma-list li { padding-right: 15px; } .sma-list li a { display: block; padding: 5px 15px; font-weight: 400; } .sma-list li:hover a { background: #F1F0F0; text-decoration: none; } .shops-info-list { margin-top: 2vmax; } .shops-info-list>li { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -ms-flex-pack: justify; } .shops-info-list>li.sil-title { display: none; } .sil-info h3 { font-size: 1.25rem; margin: 0 0 0px 0; } .sil-info a { text-decoration: none; border-bottom: 1px dashed #5b82b2; } .sil-itm { margin: 5px 0; } .sil-itm span { color: #827C82; } .sil-imgs>div a { display: block; width: 100%; height: 100%; } .sil-imgs div { background-position: center center; background-size: cover; } .sli-btns { display: none; } .map-baloon { font-weight: 300; font-size: 16px; color: #302E30; } .map-baloon p { margin: 0 0 10px 0; padding: 0; } .map-baloon .btns .btn:last-child { margin-left: 20px; } @media screen and (min-width: 1020px) { .sma-title, .shops-full-hdr { display: none; } .shops-map-wrp { border: #d3d3d3 1px solid; height: 560px; } .shops-map-addresses { width: 25%; padding: 20px 5px 20px 30px; } .sma-list { height: 520px; } .sma-list li a span { display: none; } .shops-info-list { border-bottom: #d3d3d3 1px solid; } .shops-info-list>li { padding: 2vmax; border: #d3d3d3 1px solid; border-bottom: 0; } .sil-imgs { width: 360px; display: grid; grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 3fr; grid-gap: 0.5vmax; grid-auto-flow: column; } .sil-imgs div { border: #fff 2px solid; } .sil-imgs div.frst { grid-row: 1/4; grid-column: 2; } .sil-imgs div:hover { border: #75a0d5 2px solid; } } @media screen and (max-width: 1019px) { #shops-map { width: 100vw; height: 94vh; background: #ccc; } .shops-map-addresses { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 50; background: #fff; border-radius: 10px 10px 0 0; box-shadow: -1px -1px 5px 0px rgba(0, 0, 0, 0.6); overflow: hidden; transition: all 200ms; } .shops-map-addresses .sma-list { height: 0; transition: all 200ms; } .shops-map-addresses.active .sma-title svg { transform: rotate(0deg); -webkit-transform: rotate(0deg); } .sma-list li { padding: 0 20px; } .sma-list li a { border-top: #d3d3d3 1px solid; font-weight: 300; padding: 20px 0; } .sil-itm { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0.88rem; font-weight: 500; margin-bottom: 10px; } .sil-itm span { width: 100%; font-weight: 300; } .shops-info-list { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 55; background: #fff; border-radius: 10px 10px 0 0; box-shadow: -1px -1px 5px 0px rgba(0, 0, 0, 0.6); overflow: hidden; transition: all 200ms; } .shops-info-list li { display: none; transition: all 200ms; padding: 0 20px; } .shops-info-list.active .sil-title { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; height: 8vh; font-weight: 400; } .shops-info-list.active li.active { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; } .shops-info-list.active li.active h3 { border-top: #d3d3d3 1px solid; padding-top: 20px; } .sil-imgs { width: 100%; margin-top: 2vmax; } .sil-imgs div { display: inline-block; width: 80px; height: 80px; margin: 5px; } .sli-btns { display: block; padding: 10px 0; } .sli-btns .btn { width: 100%; } } .page-shops h1 { font-size: 2.25rem; padding: 0; margin: 0 0 2vmax 0; font-weight: 600; } .page-shops h2, .page-shops h3 { font-size: 1.7rem; margin: 0 0 2vmax 0; padding: 0; font-weight: 600; border-bottom: none; } .page-txt { font-weight: 300; } .page-txt a { text-decoration: underline; color: #0E5283; } .page-txt h2, .page-txt h3 { margin: 0 0 2vmax 0; } .page-txt p, .page-txt ul { margin-top: 2vmax; margin-bottom: 2vmax; } .page-txt ul { margin: 0; padding: 0; list-style: none; } .page-txt ul>li { margin: 0.5vmax 0; } .page-txt ul>li:before { content: "\2014"; margin-right: 15px; } .page-txt ul.wide>li { margin: 1vmax 0; } .policy-tbl { margin: 2vmax 0; border-left: #d3d3d3 1px solid; border-top: #d3d3d3 1px solid; } .policy-tbl .row div { border-right: #d3d3d3 1px solid; border-bottom: #d3d3d3 1px solid; padding: 2vmax; } .policy-tbl .row div:first-child { background: #F1F0F0; } .policy-tbl .row div:last-child { flex: 1; } .policy-tbl .row div strong { font-weight: 500; } .pagination { font-weight: 300; font-size: 0.88rem; color: #302E30; } .pagination>* { min-width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; -ms-flex-pack: center; border-right: #d3d3d3 1px solid; border-bottom: #d3d3d3 1px solid; border-top: #d3d3d3 1px solid; padding: 0 10px; } .pagination>*:first-child { border-left: #d3d3d3 1px solid; } .pagination>*.active { background: #302E30; color: #fff; font-weight: 700; border: #302E30 1px solid; } .header-back-mobi { width: 100%; min-height: 50px; border-bottom: #d3d3d3 1px solid; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; align-items: center; } .header-back-mobi .-ar { width: 20%; } .header-back-mobi .-t { text-transform: uppercase; line-height: 100%; } .header-menu-mobi { border-bottom: #d3d3d3 1px solid; } .header-menu-mobi .lk-side-menu { width: 100%; background: #fff; display: none; } .header-menu-mobi .-hdr { width: 100%; height: 6vmax; text-transform: uppercase; font-size: 0.88rem; } .header-menu-mobi .-hdr .-ar { transition: all 200ms; } .header-menu-mobi .-hdr.open { background: #5b82b2; color: #fff; } .header-menu-mobi .-hdr.open .-ar { transform-origin: center center; transform: rotate(90deg); -webkit-transform: rotate(90deg); } .header-menu-mobi .-hdr.open .-ar svg { fill: #fff; } .page-dostavka { max-width: 1000px; } .page-dostavka .prod-tabs { margin-top: 2vmax; } .page-dostavka .prod-tabs .-tab { padding-top: 1vmax; } .dostavka-city .h .-t { font-weight: 500; font-size: 1.25rem; } .dostavka-tbl { font-weight: 500; } .dostavka-tbl .col-adr a { text-decoration: underline; text-decoration-style: dashed; font-weight: 400; } .dostavka-tbl.-kur li>div { flex: 1; } @media screen and (min-width: 1020px) { .big-slider { min-height: 300px; } } /*# sourceMappingURL=style.css.map */ @media screen and (min-width: 1020px) and (max-width: 1270px) { } @media screen and (min-width: 820px) { .hmi-srch, .hmi-burger, .header-menu-mobi, .dt-hide { display: none; } .big-slider, .brands-slider-wrp { margin-top: 1.7vmax; } .about-us .im { height: 510px; } .page-fullwidth { padding-left: 10%; } .header-back-mobi { display: none; } .page-sidebar .sidebar { width: 23%; } .page-sidebar .ps-content { width: 75%; } .dostavka-tbl .col-adr { width: 32%; padding-right: 10px; } .dostavka-tbl .col-times, .dostavka-tbl .col-tel, .dostavka-tbl .col-dost { width: 20%; } .dostavka-tbl .col-prc { width: 8%; } } @media screen and (max-width: 820px) { .content_order_MLK{ /* padding-top: 6vmax; */ padding-top: 2vmax; } .prods-slider > i.prev{display:none;} .prods-slider > i.next{display:none;} .big-slider-wrp-desctophide{display:block;} .big-slider-wrp1-mobilehide{display:none;} .cat-filter-wrap{ padding-top:0!important; } .cat-filter-hdr{ padding: 8px 3vw; } .hide-mobi, .topbar { display: none; } .btn { height: 40px; } /* .content { padding-top: 6vmax; } */ .page-shops h1 { font-size: 1.25rem; } .content section:first-of-type { margin-top: 3vw; } .content .mw:first-of-type { padding-top: 1vmax; } .pad-mobi, .mpad { padding-left: 3vw; padding-right: 3vw; } /* header { position: fixed; top: 0; left: 0; z-index: 60; width: 100%; border-bottom: #d3d3d3 1px solid; background: #fff; height: 6vmax; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; -ms-flex-pack: center; } */ header.fixedsearch{ z-index: 62; } header .header-mid { width: 100%; } .header-mid { padding: 0; } .header-mid .-l, .header-mid .-r { width: 30%; } .header-mid .-l { padding-left: 3vw; } .header-mid .-r { padding-right: 3vw; } /* .hdr-logo { width: 38%; } */ /* .hdr-logo svg { max-height: 50px; } */ .hdr-mid-itm > div { display: none; } .hdr-srch-wrp { box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4); } .hdr-srch-wrp .-h { display: none; } .hdr-srch-wrp .-s { margin-top: 0; padding-bottom: 0; border-bottom: 0; } .hdr-srch-wrp .-s button svg { fill: #d3d3d3; } .footer > * { width: 100%; } .footer > *:not(:last-child) { padding-bottom: 1.5vmax; border-bottom: #d3d3d3 1px solid; margin-bottom: 1.5vmax; } .footer .footer-contact-info { font-size: 0.88rem; } .footer .footer-contact-info a[href^=tel] { font-size: 1.13rem; } .ftr-copy { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; } .ftr-copy p { display: none; } .ftr-menu-wrp { justify-content: space-between; -ms-flex-pack: justify; } .ftr-menu { width: 40%; margin: 0; } .ftr-menu a { font-size: 0.88rem; } .section .hdr > *:first-child { font-size: 1.5rem; } .section .hdr .-r { display: none; } .section .ftr-mobi { display: block; margin-top: 2vmax; } .section .ftr-mobi .btn { width: 100%; padding: 1vmax 2vmax; } .about-us .im { width: 100%; height: 300px; } .about-us .t { width: 100%; } .crumbs { display: none; } .hdr-search-custom { width: 100%; background: #fff; display: none; border-bottom: #d3d3d3 1px solid; padding: 1vmax; } .hdr-search-custom form input { border: none; width: 75%; flex: 1; font-size: 0.88rem; font-weight: 300; } .hdr-search-custom form button { min-width: 40px; border: none; background: transparent; } .hdr-search-custom form button svg { fill: #c2c0c0; } .hdr-search-custom form button:hover svg { fill: #5b82b2; } .page-with-mobile-search { padding-top: 7vmax; } .page-sidebar .sidebar { display: none; } .page-sidebar .ps-content { width: 100%; } .dostavka-tbl > li > div { width: 100%; margin-bottom: 1.5vmax; } #elementsPaginationWrapper{ display: flex; } } @media screen and (max-width: 600px) { .slider_mobile{display:block;} .slider_desctop{display:none;} .indx-mid-bnrs-desctop-img{display:none;} .indx-mid-bnrs-mobile-img{display:block;} .hideDesc1{display:block;} .hidePrev1{display:none;} .dostavka-city .h .btn { width: 100%; margin-top: 2vmax; } } @media screen and (max-width: 380px) { .pl-item { width: 100%; margin: 0 0 30px; } } @media screen and (max-width: 350px) { #elementsListWrapper .pl-item .-b{ height: 140px; } .ftr-copy { -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; -ms-flex-pack: center; } .ftr-copy .soc-links { width: 100%; justify-content: center; -ms-flex-pack: center; margin-top: 1.5vh; } }