* { box-sizing: border-box; outline: 0; outline-offset: 0 } @font-face { font-family: 'Roboto'; src: local('Roboto Thin'), local('Roboto-Thin'), url('../fonts/roboto/Roboto-Thin.woff2') format('woff2'), url('../fonts/roboto/Roboto-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto/Roboto-Light.woff2') format('woff2'), url('../fonts/roboto/Roboto-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('../fonts/roboto/Roboto-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/roboto/Roboto-Medium.woff2') format('woff2'), url('../fonts/roboto/Roboto-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'), url('../fonts/roboto/Roboto-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: local('Roboto Black'), local('Roboto-Black'), url('../fonts/roboto/Roboto-Black.woff2') format('woff2'), url('../fonts/roboto/Roboto-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Inter Tight"; src: url("../fonts/intertight/InterTight-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Inter Tight"; src: url("../fonts/intertight/InterTight-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Inter Tight"; src: url("../fonts/intertight/InterTight-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Inter Tight"; src: url("../fonts/intertight/InterTight-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } .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{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{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)} .my-wrap { position: relative; } body { width: 100%; background-color: #ffffff; color: #222; font-size: 14px; font-family: 'Inter Tight', sans-serif; } .closeModal { position: absolute; right: 12px; top: -12px; font-size: 30px; cursor: pointer; z-index: 99; } h1, h2, h3, h4, h5, h6 { position: relative; font-weight: 700; padding-bottom: 13px } h1:after, h2:after, h3:after, h4:after, h5:after, h6:after { /*content: '';*/ /*position: absolute;*/ /*bottom: 0;*/ /*left: 0;*/ /*width: 110px;*/ /*height: 2px;*/ /*background-color: #f7c1a5*/ } td.stock__production-price { text-align: center; width: 75px } .catalog__content .catalog-section .product-item-list-col-2 { clear: both } h1 { font-size: 22px; margin-bottom: 15px } a, a:link, a:visited, a:focus { color: inherit; text-decoration: none; transition: .2s ease-in-out; outline: 0; outline-offset: 0 } a:hover, a:active { color: #f7c1a5; text-decoration: none } ul { list-style: none; padding: 0; margin: 0 } ul.marked li, ul.marked-links li { position: relative; line-height: 25px; padding-left: 20px } ul.marked-links li a:hover { padding-left: 5px } ul.marked li:before, ul.marked-links li a:before { content: ''; display: inline-block; position: absolute; left: 0; top: 8px; height: 9px; width: 8px; background: url(../../images/list-style.png) 0 0 no-repeat } ul.marked-links li a:hover:before { background: url(../../images/list-style.png) -14px 0 no-repeat; left: 5px; transition: .2s ease-in-out } input:active, input:focus, input:hover, select:active, select:focus, select:hover, textarea:active, textarea:focus, textarea:hover, button:active, button:focus, button:hover, button.btn:active, button.btn:focus, button.btn:hover { outline: 0; outline-offset: 0 } .form-control { border-radius: 0; padding: 12px } .form-control:focus { border-color: #ebb79b; outline: 0; -webkit-box-shadow: none; box-shadow: none } input.form-control { height: 46px } textarea.form-control { resize: vertical } p { font-size: 14px; line-height: 27px; text-align: justify; margin: 0 0 20px } .content { min-height: 345px } .modal-dialog { max-width: 591px; width: calc(100% - 20px) } .modal-header { border-bottom: none; padding: 5px } .modal-body { padding-top: 0 } .modal-header .close { color: #f7c1a5 } .modal-header .close:hover { opacity: 1 } .modal-header .close:focus { outline: none } .bx-filter { margin-top: 7px; } a.btn, button.btn { border-radius: 8px; text-transform: uppercase } a.btn:active, a.btn:focus, button.btn:active, button.btn:focus { -webkit-filter: grayscale(40%); -moz-filter: grayscale(40%); -ms-filter: grayscale(40%); -o-filter: grayscale(40%); filter: grayscale(40%); filter: gray } button.btn { min-width: 165px; font-weight: 700; border: 1px solid #c6c6c6; padding: 12px } a.btn-black, a.btn-black:link, a.btn-black:visited, a.btn-black:active, a.btn-black:hover, button.btn-black, button.btn-black:link, button.btn-black:visited, button.btn-black:active, button.btn-black:hover, button.btn-black:focus { background-color: #222; color: #fff } a.btn-orange, a.btn-orange:link, a.btn-orange:visited, a.btn-orange:active, a.btn-orange:hover, button.btn-orange, button.btn-orange:link, button.btn-orange:visited, button.btn-orange:active, button.btn-orange:hover, button.btn-orange:focus { background-color: #f7c1a5; color: #fff } a.btn-blue, a.btn-blue:link, a.btn-blue:visited, a.btn-blue:active, a.btn-blue:hover, button.btn-blue, button.btn-blue:link, button.btn-blue:visited, button.btn-blue:active, button.btn-blue:hover, button.btn-blue:focus { background-color: #6395ae; color: #fff } .btn-scroll-top { display: table; position: fixed; width: 33px; height: 33px; bottom: 50px; right: 20px; text-align: center; background-color: #155180; border-radius: 50%; cursor: pointer } .title_form_type_6 { position: relative; font-weight: 700; text-transform: uppercase; padding-bottom: 13px; margin-top: 10px; margin-bottom: 10px; display: block; text-align: center; font-size: 22px } .low_price_production { color: #333; text-transform: uppercase; position: relative; font-weight: 700; display: block; font-size: 17px; margin-bottom: 10px; padding-bottom: 0; margin-top: 10px; float: left; width: 100%; } .btn-scroll-top i.fa { color: #fff; vertical-align: middle; display: table-cell } .bx-wrapper .bx-prev, .bx-wrapper .bx-next { display: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none } .bx-touch .bx-wrapper .bx-prev, .bx-touch .bx-wrapper .bx-next { display: block } .bx-wrapper:hover .bx-prev, .bx-wrapper:hover .bx-next { display: block } .bx-wrapper img { width:100%; height:auto; } .main-user-consent-request-popup-button-acc { color: #fff; background: #f7c1a5 } .main-user-consent-request-popup-cont { min-width: 280px } .main-user-consent-request-popup-button-acc:hover { background: #e9986d } .main-user-consent-request-popup-button-rej { padding: 0 9px; margin-right: 0 } header { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); } header > .container > .row{ display: flex; align-items: center; padding: 14px 0 19px; } .header__logo { max-width: 225px; margin-right: 17px; } .header__info { display: block; flex: 0 0 328px; margin: 0 0 0 17px; font-size: 0; } .phone__column { width: 145px; border-right: 1px solid #CDCDCD; } .phone__column:first-child { width: 175px; margin-right: 7px; } .phone__column span { display: block; } .phone__column span a:hover { color: #000000; } .phone__column:nth-child(2) span:nth-child(2){ padding-left: 5px; } .phone__column span:first-child{ font-style: normal; font-weight: bold; font-size: 16px; line-height: 20px; color: #000000; position: relative; margin-bottom: 3px; } .phone__column:first-child span:first-child { padding-left: 21px; } .phone__column:first-child span:first-child:before { position: absolute; top: 0; left: 0; width: 13px; height: 13px; content: ''; background: url("images/phone-call.svg") 50% no-repeat; } .phone__column span.email-span { padding-left: 26px; position: relative; } .phone__column span.email-span a { font-style: normal; font-weight: normal; font-size: 15px; line-height: 16px; text-decoration-line: underline; color: #294F97; } .phone__column span.email-span:before { position: absolute; top: 3px; left: 0; bottom: 0; margin: auto; width: 14px; height: 10px; content: ''; background: url("images/email.svg") 50% no-repeat; } .header__info > div { position: relative; } .header__info > div.header__logo { padding-left: 0 } .header__info span { white-space: nowrap } .header__phone { max-width: 100%; } .phone__column { display: inline-block; } .header__location { max-width: 205px } .header__location span { white-space: normal } .header__nav-inner { background: #242424; } .header__nav-inner .container { padding-top: 0; padding-bottom: 0 } .navbar__panel { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; position: relative } .navbar__panel .navbar-header { display: none } .navbar__panel .navbar-collapse { padding: 0; flex: 1 1 auto; } .navbar__panel .navbar-toggle { font-size: 24px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 0; border-top: 0; border-radius: 0; margin: 0; padding: 12px 20px } .navbar__menu { } .navbar__menu-item { display: inline-block; vertical-align: top; } .navbar__menu-item a { display: block; padding: 9px 11px 9px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; text-decoration: none; color: #FFFFFF; } .navbar__menu-item a.item-selected, .navbar__menu-item a:active, .navbar__menu-item a:hover { color: #919191; } .navbar__fast-order .btn.btn-black { padding: 9px 20px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; text-align: right; text-transform: uppercase; color: #FFFFFF; background: #294F97; } .header-country-chhose { flex: 0 0 270px; margin: 0 8px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #FFFFFF; padding: 10px 0; position: relative; cursor: pointer; } .header-country-chhose:hover { color: #FFFFFF; } .header-country-chhose span { font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #939393; display: inline-block; vertical-align: middle; margin-right: 10px; } .header-country-chhose .fa { position: absolute; top: 0; bottom: 0; right: 9px; width: 10px; height: 6px; background: url('images/fa_ar.svg') 50% no-repeat; margin: auto; } .header-country-chhose .fa:before { display: none; } .navbar__icons-item { display: block; position: relative; } .navbar__icons-item .fa.fa-search { display: none; } .navbar__icons-item .search-form { display: block; } .navbar__icons-item .search-form form{ width: 297px; position: relative; } #markfinder, .navbar__icons-item .search-form form input[type="text"] { background: url('images/bd_sear_n.svg') 50% no-repeat; padding-right: 44px; padding-left: 19px; width: 100%; height: 44px; border: none; font-style: normal; font-weight: normal; font-size: 14px; color: #000000; outline: none; } .tabber { padding-top: 23px; width: 100%; display: flex; } .tabber li { width: 50%; text-align: center; cursor: pointer; padding: 8px; border: 1px solid #cdcdcd; font-size: 16px; } .tabber li:hover, .tabber li.active { background: #aec0e1; color: #155180; } .wrapper_scroll { max-height: 800px; } #markfinder { background-size: contain; margin-bottom: 23px; } .navbar__icons-item .search-form form input[type="submit"] { position: absolute; top: 0; bottom: 0; right: 16px; width: 18px; height: 18px; margin: auto; border: none; outline: none; background: url('images/sear_i.svg') 50% no-repeat; font-size: 0; } .navbar__icons-item .search-form form input[type="text"]:focus { background: url('images/bd_sear.svg') 50% no-repeat; } .navbar__icons-item a.fa-shopping-cart .badge { position: absolute; top: 0; right: 0; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 600; color: #fff; background: #155180; border-radius: 20px; padding: 4px 4px; min-width: 20px; text-align: center; } #navbar__cart-icon { width: 64px; height: 40px; } #navbar__cart-icon .fa.fa-shopping-cart { width: 64px; height: 40px; display: block; background: url('images/cart_icon.svg') 9px 100% no-repeat; position: relative; text-decoration: none; } #navbar__cart-icon .fa.fa-shopping-cart:before { display: none; } #navbar__cart-icon.fixed a { position: fixed; top: 10px; right: 10px; background-color: #fff; padding: 20px; z-index: 1000; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc } @media screen and (max-width: 768px) { .navbar__panel.fixed { width: 100%; position: fixed; top: 0; z-index: 55555; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .33) } } #navbar__cart-icon.fixed a .badge { right: 6px } @media screen and (max-width: 1199px) { .header__logo { margin: 0 auto } .header__info { padding: 20px 0 0 } .navbar__menu-item a { padding: 20px 10px } } @media screen and (max-width: 1024px) { .header__info { -webkit-flex-direction: column; flex-direction: column } .header__info > div { max-width: 305px; padding-bottom: 20px } .header__info > div.header__phone { padding-bottom: 12px } .header__info > div.header__location:before { top: -4px } .navbar__panel { -webkit-flex-direction: row; flex-direction: row } .navbar__panel .navbar-collapse { width: 100% } .navbar__panel .navbar-collapse.collapse, #navbar-main { display: none !important; } .navbar__panel .navbar-collapse.collapse.in { display: block !important; } .navbar-toggle { display: block } .navbar__menu-item { float: none; border: 1px solid #e5e5e5; border-bottom: 0 } .navbar__menu-item a { display: block; padding: 15px 10px } } @media screen and (max-width: 319px) { .header__info { display: block } .header__info > div { max-width: 205px; margin: 0 auto } .phone__column { display: block; max-width: 100% } .phone__column span { display: block; width: 100% } .header__info > div.header__location:before { top: 5px } .navbar__icons-item a { padding: 20px 12px } .navbar__panel .navbar-toggle { padding: 12px 10px } } .catalog__search-page { display: none } .search__query-text { display: block; font-family: inherit; font-size: 30px; font-weight: 500; line-height: 1.1; color: inherit; padding: 0 0 20px } .search__not-found { display: block; font-family: inherit; font-size: 24px; font-weight: 500; line-height: 1.1; color: inherit } .catalog__sort { display: none; margin: 0 0 20px } .catalog__sort span { text-transform: uppercase; vertical-align: middle } .catalog__sort select { margin-left: 5px; padding: 5px 10px } .catalog__search .catalog__sort { display: block } .navbar__panel .search-form { position: absolute; right: 0; bottom: -60px; width: 278px; background: #fff; border: 1px solid #e5e5e5; padding: 10px; z-index: 200; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc } .navbar__panel .search-form input { display: inline-block; height: 31px; line-height: 31px; padding: 0 5px } .navbar__panel .search-form input[name='q'] { width: 175px; background: #f9f9f9 } .navbar__panel .search-form input[name='s'] { width: 70px; color: #fff; text-transform: uppercase; background: #ebb79b; margin-left: 5px } @media screen and (max-width: 1199px) { .catalog__content .catalog__search .product-item-button-container, .catalog__content .catalog__search .product-item-amount { text-align: right } } @media screen and (max-width: 767px) { .catalog__content .catalog__search .product-item-button-container, .catalog__content .catalog__search .product-item-amount { text-align: center } } @media screen and (max-width: 410px) { .search__content .search-page input[name='q'] { width: 175px } } footer { background-color: #1a1a1a; color: #a9a9a9; padding: 28px 0; } .footer__bottom .container .row { display: flex; } .footer__copyright { flex: 0 0 301px; padding-right: 46px; } .footer__copyright p { font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #7A7A7A; margin: 0; } .footer__copyright .header__logo { margin-bottom: 17px; } @media all and (min-width: 500px){ .footer__production-items { flex: 1 1 auto; display: grid; grid-template-rows: repeat(4, auto); gap: 0 10px; grid-auto-flow: column; } .footer__production-items > li { padding-left: 20px; border-left: 1px solid rgba(255,255,255, .2); } .footer__production-items > li:nth-child(-n+4) { padding-left: 28px; } .footer__production-items > li:nth-child(n+9) { padding-left: 26px; } } @media all and (max-width: 499px) { .footer__production-items { display: grid; grid-template-rows: repeat(6, auto); gap: 0 5px; grid-auto-flow: column; } .footer__production-items > li { padding: 2px 10px; } } .footer__production-items li ul li { display: inline-block; vertical-align: top; } .footer__production-items li ul li a{ display: block; width: 20px; height: 20px; font-size: 0; } .footer__production-items li ul li a.social-f { background: url("images/face.svg") 50% no-repeat; } .footer__production-items li ul li a.social-vk { background: url("images/vk.svg") 50% no-repeat; } .footer__production-items li ul li a.social-tw { background: url("images/tw.svg") 50% no-repeat; } .footer__production-items li ul li a.social-odk { background: url("images/ok.svg") 50% no-repeat; } .footer__items { flex: 0 0 314px; } @media all and (max-width: 1024px){ .footer__items { padding: 18px 0 22px; margin-top: 22px; border-top: 1px solid rgba(255,255,255, .2); } } .footer__production-items li a, .footer__items .footer__menu-items li a{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 26px; text-decoration: none; color: #FFFFFF; border-bottom: 1px solid transparent; transition: 0.25s ease-in-out; } @media (any-hover: hover) { .footer__production-items li a:hover, .footer__items .footer__menu-items li a:hover { border-color: currentColor; } } .footer__items .footer__item .type_h4{ display: none; } .footer__items .footer__item .footer__about-items { padding-top: 4px; } .footer__items .footer__item .footer__about-items li{ font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 26px; color: #FFFFFF; padding-left: 28px; position: relative; } .footer__items .footer__item .footer__about-items a { color: #ffffff; text-decoration: none; white-space: nowrap; } .footer__items .footer__item .footer__about-items li:before { content: ''; position: absolute; top: 4px; left: 0; width: 16px; height: 16px; } .footer__items .footer__item .footer__about-items li:first-child:before { background: url('images/add.svg') 50% no-repeat; } .footer__items .footer__item .footer__about-items li:nth-child(2):before { background: url('images/mail.svg') 50% no-repeat; } .footer__items .footer__item .footer__about-items li:nth-child(3):before { background: url('images/ph.svg') 50% no-repeat; } .content__sidebar span { text-align: center; padding: 0; margin: 0; } .content__sidebar h2:after { width: 0; height: 0 } .content__sidebar span a.spravka-prajs { border: 1px solid #EFF3FA; display: block; color: inherit; padding: 13px 12px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; text-transform: uppercase; text-align: left; color: #155180; background: #EFF3FA; font-family: 'Roboto', sans-serif; } .content__sidebar span a.spravka-prajs:hover { background: #fff; border-color: #AEC0E1; } .content__sidebar span a.spravka-prajs img { margin-right: 19px !important; } .sidebar__menu { position: relative; background: #fff; padding: 25px 20px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc } .sidebar__category-items-popup { position: absolute; top: 0; left: 0; z-index: 500; } .sidebar__category-item:first-child { padding-top: 0 } .sidebar__category-item a { display: block; white-space: nowrap; padding: 3px } .sidebar__category-item a:hover { color: #222; background-color: #f7c1a5 } @media screen and (max-width: 991px) { .content__sidebar { margin-bottom: 20px } } .bx-breadcrumb { margin: 8px 0 25px !importantж } .bx-breadcrumb i { width: 8px; height: 8px; background: url('images/arrow_d.svg') 50% no-repeat; } .bx-breadcrumb i:before { display: none; } .bx-breadcrumb .bx-breadcrumb-item a { font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #294F97; } .bx-breadcrumb .bx-breadcrumb-item > span { font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #8CA2CA; } .bx-pagination { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 20px 0; margin: 15px 0 0 } .bx-pagination .bx-pagination-container ul li { margin: 0 2px } .bx-pagination .bx-pagination-container ul li.bx-pag-prev .fa, .bx-pagination .bx-pagination-container ul li.bx-pag-next .fa { font-size: 18px; line-height: 18px } .bx-pagination .bx-pagination-container ul li a { border-radius: 12px; height: 24px; min-width: 24px; line-height: 24px; color: #222 } .bx-pagination .bx-pagination-container ul li a:hover span { color: #ebb79b; background: transparent } .bx-pagination .bx-pagination-container ul li span { background: transparent; height: 24px; min-width: 24px; line-height: 24px; color: #222; border-radius: 12px } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span, .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span { background: transparent; border: 0; line-height: 24px; color: #222 } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span { color: #8b8b8b } .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span { padding: 0 9px 0 7px } .bx-pagination .bx-pagination-container ul li.bx-pag-next a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span { padding: 0 7px 0 9px } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { color: #ebb79b; background: transparent } .bx-pagination .bx-pagination-container ul li.bx-active span, .bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span { background: #ebb79b; color: #fff } .content__main { padding: 0 } .content__sidebar + .content__main { padding: 0 0 40px 30px } @media screen and (max-width: 991px) { .content__main, .content__sidebar + .content__main { padding: 0 15px } } #main__slider, #main__about, #main__categories, #main__news, #main__sale, .main__reviews { padding-bottom: 30px } #main__slider:after, #main__about:after, #main__categories:after, #main__news:after, #main__sale:after, .main__reviews:after { content: ""; display: table; clear: both } #main__slider .bx-wrapper { border: 0; margin: 0 } #main__slider .bx-wrapper .bx-pager { bottom: 25px } #main__slider .bx-wrapper .bx-pager.bx-default-pager a { background-color: rgba(142, 142, 142, 0.58); border: none; margin: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; } #main__slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #main__slider .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #fff; border: none; } #main__slider .bx-wrapper .bx-pager-item + .bx-pager-item { margin-left:15px; } #main__slider h2 { } #main__slider .slide-text { position: absolute; top: 0; right: 0; left: 0; max-width: 797px; width: 100%; color: #fff; font-size: 16px; z-index: 999; margin: 0 auto } #main__slider .bx-wrapper { border: 0; margin: 0 } #main__slider>.bxslider>li:nth-child(n+2){ display: none; } .main__categories { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start } #main__categories h1 { margin-bottom: 5px } .main__categories ul li { display: block; padding: 20px 0 0 } .main__categories ul li a { padding-top: 5px } .main__tables-container .catalog__stock:nth-child(2) { float: right } .main__certificates-items { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start } .main__certificates-item { max-width: 130px; margin-left: 10px } .main__certificates-item:first-child { margin-left: 0 } .main__certificates-item img { border: 2px solid #e6e6e6 } .main__certificates-item img:hover { border: 2px solid #ebb79b } .main__sale-link-btn, .main__reviews-btn, .main__certificates-btn { display: block; margin: 20px auto 0 } .main__sale-link-btn { max-width: 124px } .main__reviews-btn { max-width: 115px } .main__certificates-btn { max-width: 158px } @media screen and (max-width: 1199px) { } @media screen and (max-width: 767px) { .main__categories ul { width: 49% } .main__categories ul:nth-child(1) { order: 1 } .main__categories ul:nth-child(2) { order: 3 } .main__categories ul:nth-child(3) { order: 2 } .main__categories ul:nth-child(4) { order: 4 } .main__news-items { flex-direction: column; -webkit-flex-direction: column } .main__news-item { width: 100%; margin: 30px 0 0 } .main__news-item:first-child { margin: 0 } .main__news-item .news-list__title { min-height: inherit; margin-bottom: 10px } } .news-list__item { overflow: hidden; background-color: #fff; margin-top: 30px } .news-list__item:first-child { margin-top: 0 } .news-list__content { padding: 15px } .news-list__title span { font-size: 18px; } .news-list__date-time, .news-detail__date-time { display: inline-block; color: #fff; background-color: #6395ae; padding: 3px 6px; margin: 15px 0 25px } .news-list__text { margin-bottom: 40px } .news-list__text p, .news-detail__text p { line-height: 1.6em; margin-bottom: 10px } .news-list__text p { font-size: 15px } a.news-list__more-info { font-size: 12px; font-weight: 700; padding: 10px 40px } a.news-list__more-info:hover { -webkit-filter: grayscale(40%); -moz-filter: grayscale(40%); -ms-filter: grayscale(40%); -o-filter: grayscale(40%); filter: grayscale(40%); filter: gray } .news-detail__content { overflow: hidden; padding: 15px } .news-detail__content img { margin: 0 auto } .news-detail__content h2 { font-size: 22px; font-weight: 400 } .news-detail__content h2:after { width: 0; height: 0 } @media screen and (max-width: 767px) { .news-list__img img { margin: 0 auto } } .about__company-desc, .about__counts, .about__reviews, .about__our-stock, .about__principles { margin-bottom: 40px } .about__company-desc img { float: left; margin-right: 20px } .about__certificates { padding-bottom: 40px; } .about__principles h5, .about__counts h5, .about__reviews h5, .about__certificates h5, .about__our-stock h5 { font-size: 17px; text-transform: none } .about__principles h5:after, .about__counts h5:after, .about__reviews h5:after, .about__certificates h5:after, .about__our-stock h5:after { width: 0; height: 0 } .about__principles ul li { display: table; position: relative; width: 100%; min-height: 110px; padding-left: 200px; margin-top: 20px } .about__principles ul li:first-child { margin-top: 0 } .about__principles ul li:before { content: ''; display: inline-block; position: absolute; top: 10px; left: 0; width: 182px; height: 102px } .about__principles ul li:nth-child(1):before { background: url(../../images/sprite-prin.png) 0 5px no-repeat } .about__principles ul li:nth-child(2):before { background: url(../../images/sprite-prin.png) 0 -101px no-repeat } .about__principles ul li:nth-child(3):before { background: url(../../images/sprite-prin.png) 0 -217px no-repeat } .about__principles ul li:nth-child(4):before { background: url(../../images/sprite-prin.png) 0 -322px no-repeat } .about__principles ul li:after { content: ''; display: inline-block; position: absolute; top: 22px; left: 200px; width: 2px; height: 65px; background-color: #f7c1a5 } .about__principles ul li strong { display: table-cell; position: relative; min-height: 65px; font-weight: 400; vertical-align: middle; line-height: 27px; padding-left: 20px } .about__our-stock-items { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start } .about__our-stock-item { max-width: 33%; margin-top: .4vw } .about__certificates-items { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start } .about__certificates-item { max-width: 16.6%; margin-top: .4vw } .main__reviews .bx-wrapper, .about__reviews .bx-wrapper, .about__certificates .bx-wrapper { background: transparent; border: 0; margin: 0 auto; -webkit-box-shadow: none; box-shadow: none } .main__reviews-item img, .about__reviews-item img, .about__certificates-item img { border: 2px solid #e6e6e6 } .main__reviews-item img:hover, .about__reviews-item img:hover, .about__certificates-item img:hover { border: 2px solid #ebb79b } .like-h1 + .main__reviews-items>li:nth-child(n+2){ display: none; } .main__reviews .bx-loading{ display: none; } @media screen and (max-width: 991px) { .main__reviews .bx-wrapper, .about__reviews .bx-wrapper, .about__certificates .bx-wrapper { max-width: 704px !important } } @media screen and (max-width: 767px) { .about__principles ul li { padding: 100px 0 0 } .about__principles ul li:before { top: 0; right: 0; left: 0; margin: 0 auto } .about__principles ul li:after { top: 96px; left: 0; right: 0; width: 65px; height: 2px; margin: 0 auto } .main__reviews .bx-wrapper, .about__reviews .bx-wrapper, .about__certificates .bx-wrapper { max-width: 100% !important } } .timeline h4 { text-align: center; color: #4196b1; font-size: 36px; font-weight: 400; margin-bottom: 45px; padding-bottom: 0 } .timeline h4:after { width: 0; height: 0 } .timeline .bg-timeline { width: 100%; height: 18px; background: url(../../images/bg-timeline.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100%; margin-bottom: 35px; position: relative } .timeline .bg-timeline.last:after, .timeline .bg-timeline.last span { display: none } .timeline .bg-timeline:after, .timeline .bg-timeline span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 24px; font-weight: 400 } .timeline .bg-timeline:after { content: ""; background-color: #4196b1; width: 74px; height: 74px; -webkit-border-radius: 50px; border-radius: 50px; z-index: 2 } .timeline .bg-timeline span { z-index: 3 } .timeline__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; position: relative; padding-bottom: 30px } .timeline__wrap:after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 5px; height: 100%; background-color: #4196b1 } .timeline-item { width: -webkit-calc(50% - 50px); width: calc(50% - 50px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 20px; background: #fff; border: 2px solid #4196b1 } .timeline-item h6 { color: #4196b1; font-size: 14px; font-weight: 400; width: 100%; max-width: 60px; text-align: center; text-transform: uppercase; margin: 10px; padding-bottom: 0 } .timeline-item h6:after { width: 0; height: 0 } .timeline-item h6 span { display: block; font-size: 30px } .timeline-item p { padding: 18px 10px 12px; text-align: left; font-size: 11px; line-height: 1.95; margin: 0 } .timeline-item.item-mt { margin-top: 16px } .timeline-item.item-left.item-big:after, .timeline-item.item-left.item-big:before { content: ""; position: absolute } .timeline-item.item-left.item-big:after { right: -29px; top: 30px; height: 30px; width: 29px; background: url(../../images/sprite-1.png) no-repeat; background-position: 0 0 } .timeline-item.item-left.item-big:before { right: -62px; top: 35px; height: 19px; width: 19px; background: #4196b1; -webkit-border-radius: 50px; border-radius: 50px } .timeline-item.item-left.item-small:after, .timeline-item.item-left.item-small:before { content: ""; position: absolute } .timeline-item.item-left.item-small:after { content: ""; position: absolute; right: -27px; top: 13px; height: 24px; width: 27px; background: url(../../images/sprite-1.png) no-repeat; background-position: -27px 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .timeline-item.item-left.item-small:before { right: -61px; top: 20px; height: 19px; width: 19px; background: #4196b1; -webkit-border-radius: 50px; border-radius: 50px } .timeline-item.item-right.item-small:after, .timeline-item.item-right.item-small:before { content: ""; position: absolute } .timeline-item.item-right.item-small:after { content: ""; position: absolute; left: -27px; top: 13px; height: 24px; width: 27px; background: url(../../images/sprite-1.png) no-repeat; background-position: -27px 0 } .timeline-item.item-right.item-small:before { left: -61px; top: 20px; height: 19px; width: 19px; background: #4196b1; -webkit-border-radius: 50px; border-radius: 50px } .timeline-item.item-right.item-big:after, .timeline-item.item-right.item-big:before { content: ""; position: absolute } .timeline-item.item-right.item-big:after { left: -29px; top: 30px; height: 30px; width: 29px; background: url(../../images/sprite-1.png) no-repeat; background-position: 0 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .timeline-item.item-right.item-big:before { left: -62px; top: 35px; height: 19px; width: 19px; background: #4196b1; -webkit-border-radius: 50px; border-radius: 50px } @media screen and (max-width: 650px) { body { font-size: 16px; } p{ font-size: 16px; } .timeline-item { width: -webkit-calc(100% - 88px); width: calc(100% - 88px) } .timeline-item.item-right.item-small:after { right: -27px; left: auto; -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .timeline-item.item-right.item-small:before { right: -61px; left: auto } .timeline-item.item-right.item-big:after { right: -29px; left: auto; -webkit-transform: rotateY(0); transform: rotateY(0) } .timeline-item.item-right.item-big:before { right: -62px; left: auto } .timeline-item.item-mt { margin-top: 0 } .timeline__wrap:after { right: 34px; left: auto } .timeline .bg-timeline { -webkit-background-size: cover; background-size: cover; background-position-x: left } .timeline .bg-timeline.last { background-position-x: center } .timeline .bg-timeline:after, .timeline .bg-timeline span { top: 6px; right: 0; left: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .timeline .bg-timeline span { -webkit-transform: translate(-18%, -50%); -ms-transform: translate(-18%, -50%); transform: translate(-18%, -50%) } } @media screen and (max-width: 480px) { .timeline-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: -webkit-calc(100% - 70px); width: calc(100% - 70px) } .timeline-item h6 { padding-top: 10px } .timeline-item p { text-align: justify } .timeline-item.item-left.item-big:before { right: -50px } .timeline-item.item-left.item-small:before { right: -50px } .timeline-item.item-right.item-small:before { right: -50px } .timeline-item.item-right.item-big:before { right: -50px } .timeline__wrap:after { right: 27px } .timeline .bg-timeline:after { width: 60px; height: 60px; -webkit-border-radius: 50px; border-radius: 50px } .timeline .bg-timeline span { font-size: 19px } } .delivery__content h5 { font-size: 17px; text-transform: none; padding-bottom: 0 } .delivery__content h5:after { width: 0; height: 0 } @media screen and (max-width: 991px) { .delivery__content img { float: none !important; margin: 0 auto 20px !important } } .contacts__content h5 { font-size: 17px; text-transform: none; padding-bottom: 0 } .contacts__content h5:after { width: 0; height: 0 } .contacts__content .contacts__row { padding-top: 20px } .contacts__content .contacts__row:after { content: ""; display: table; clear: both } .contacts__content .contacts__row.first { padding-top: 0 } .contacts__content .contacts__row:last-of-type { padding-bottom: 40px; } .contacts__content .contacts__row.last { padding-top: 50px; padding-bottom: 30px; } .contacts__office-items li, .contacts__stock-items li { position: relative; padding: 18px 0 0 40px } .contacts__office-items li a, .contacts__stock-items li a { display: table-cell } .contacts__office-items li:before, .contacts__stock-items li:before { content: ''; position: absolute; top: 12px; left: 0; width: 30px; height: 30px } .contacts__office-items li:nth-child(1):before, .contacts__stock-items li:nth-child(1):before { background: url(../../images/sprite-action.png) -117px 0 no-repeat } .contacts__office-items li:nth-child(2):before, .contacts__stock-items li:nth-child(2):before { background: url(../../images/sprite-action.png) 0 0 no-repeat } .contacts__office-items li:nth-child(3):before { background: url(../../images/sprite-action.png) -38px 0 no-repeat } .contacts__office-items li:nth-child(4):before { background: url(../../images/sprite-action.png) -78px 0 no-repeat } .contacts__office-items li:nth-child(5):before { background: url(../../images/isq-icon.png) } .contacts__office-items li:nth-child(2):before, .contacts__office-items li:nth-child(4):before { top: 10px } .contacts__office-items li a.phone-sale { display: inline-block } .contacts__office-links { margin-top: 30px } .contacts__map, .contacts__map-photo, .contacts__branches { margin-left: 20px } .contacts__map iframe { margin-top: 15px } .contacts__map-photo iframe, .contacts__map-photo img { margin-top: 53px } .contacts__contract-download, .contacts__requisites-download { min-width: 240px; margin: 20px 0 0 } .contacts__contract-download { margin-right: 20px } .contacts__contract-download:hover, .contacts__requisites-download:hover { -webkit-filter: grayscale(40%); -moz-filter: grayscale(40%); -ms-filter: grayscale(40%); -o-filter: grayscale(40%); filter: grayscale(40%); filter: gray } .contacts__payment-items { margin-top: 30px } .contacts__payment-items li { padding-top: 10px } .contacts__payment-items li:first-child { padding-top: 0 } .contacts__payment-items li strong { display: inline-block; min-width: 200px } .contacts__branches-items { margin-top: 20px } .contact-form__group { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start } .contact-form__group input { width: 30%; margin-top: 20px } .contacts__contact-form textarea { min-height: 125px; margin-top: 20px } .contacts__contact-form div.mf-captcha { margin-top: 20px; padding: 0 } .contacts__contact-form button { margin-top: 20px } .contacts__contact-form div.mf-ok-text { color: green; font-weight: 400; padding: 1em 0 0 } .contacts__contact-form p { font-size: 14px; line-height: 1em; text-align: justify; margin: 10px 0 0 } @media screen and (max-width: 991px) { .contacts__map-photo { margin-left: 0 } .contacts__map-photo iframe { margin-top: 15px } .contacts__map-photo img { margin-top: 0; padding-top: 15px } .contacts__branches { margin: 30px 0 0 } } @media screen and (max-width: 767px) { .contacts__map { margin: 30px 0 0 } .contacts__map iframe { margin-top: 15px } .contacts__payment-items li strong { display: block } .contact-form__group { -webkit-flex-wrap: wrap; flex-wrap: wrap } .contact-form__group input { width: 100% } } .modal-dialog .api-title.api-h5 { position: relative !important; font-family: inherit !important; line-height: 1.1 !important; color: inherit !important; font-weight: 700 !important; font-size: 22px !important; text-transform: uppercase !important; text-align: center !important; padding-bottom: 0 !important; margin: 0 0 10px !important } .modal-dialog .api-title.api-h5 + h6 { font-family: inherit !important; line-height: 1.1 !important; color: inherit !important; font-weight: 700 !important; font-size: 17px !important; text-transform: uppercase !important; text-align: center !important; padding-bottom: 0 !important; margin: 0 0 10px !important } .modal-dialog .api-title.api-h5 + h6:after { width: 0; height: 0 } .modal-dialog .uk-form input[type=number] { height: 34px; max-width: 100%; padding: 4px 6px; background: #fff; color: #444; border: 1px solid #cbcbcb; border-top-color: #a6a6a6; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset, 0 0 0 1px transparent; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset, 0 0 0 1px transparent; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) inset, 0 0 0 1px transparent; -webkit-transition: box-shadow ease .3s, border ease .3s; -moz-transition: box-shadow ease .3s, border ease .3s; transition: box-shadow ease .3s, border ease .3s; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; width: 100%; font-family: inherit; font-size: inherit; vertical-align: middle } .modal-dialog .uk-form input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none } .modal-dialog .uk-form input:not([type]):focus, .modal-dialog .uk-form input[type=text]:focus, .modal-dialog .uk-form input[type=number]:focus, .modal-dialog .uk-form input[type=password]:focus, .modal-dialog .uk-form select:focus, .modal-dialog .uk-form textarea:focus { border: 1px solid #ebb79b !important; outline: #ebb79b solid 1px !important; box-shadow: 0 1px 3px 0 transparent inset, 0 0 0 1px #ebb79b !important } .modal-dialog .uk-form textarea { margin-top: 15px !important } .api-feedbackex a { text-decoration: underline !important } .modal-dialog .uk-button { display: block !important; width: 165px !important; border-radius: 0 !important; margin: 0 auto !important } #API_FEX_FORM8 .api-h1 { font-size: 22px } #FORM7_ROW_NEEDED_QUANTITY { margin-top: 15px } #API_FEX_FORM10 .api-h4 { text-align: center } #API_FEX_FORM8 .api-h4 { text-align: center } #API_FEX_FORM7 .api-h4 { text-align: center } #API_FEX_FORM10 h6 { text-align: center; font-size: 22px } #API_FEX_FORM7 h6 { text-align: center; font-size: 22px } #API_FEX_FORM5.contacts__contact-form .api-title.api-h5 { position: relative; font-family: inherit; line-height: 1.1; color: inherit; font-weight: 700; font-size: 17px; text-transform: none; padding-bottom: 0; margin: 10px 0 } #API_FEX_FORM5 .uk-form input:not([type]):focus, #API_FEX_FORM5 .uk-form input[type=text]:focus, #API_FEX_FORM5 .uk-form input[type=password]:focus, #API_FEX_FORM5 .uk-form select:focus, #API_FEX_FORM5 .uk-form textarea:focus { border: 1px solid #ebb79b; outline: #ebb79b solid 1px; box-shadow: 0 1px 3px 0 transparent inset, 0 0 0 1px #ebb79b } #FORM5_ROW_TITLE.uk-form-row, #FORM5_ROW_EMAIL.uk-form-row, #FORM5_ROW_PERSONAL_PHONE.uk-form-row { float: left; width: 30%; margin: 15px 0 15px 5% } #FORM5_ROW_TITLE.uk-form-row { margin-top: 15px; margin-left: 0 } #API_FEX_FORM5 .uk-button { width: 165px; border-radius: 0 } @media screen and (max-width: 767px) { #FORM5_ROW_TITLE.uk-form-row, #FORM5_ROW_EMAIL.uk-form-row, #FORM5_ROW_PERSONAL_PHONE.uk-form-row { float: none; width: 100%; margin: 15px 0 0 } #FORM5_ROW_TITLE.uk-form-row { margin-top: 0 } } .contacts-inner__content h5 { font-size: 17px; text-transform: none; padding-bottom: 0; margin-top: 30px } .contacts-inner__content h5:after { width: 0; height: 0 } .contacts-inner__content p { line-height: 20px; margin: 0 0 10px } .contacts-inner__content img { margin: 20px auto } .catalog__content > .row { margin-right: 0 } .catalog__content .catalog__main-desc a { text-decoration: underline } .catalog__content h5 { font-size: 17px; text-transform: none; padding-bottom: 0; margin-top: 30px } .catalog__content .bx_catalog_tile_ul { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .catalog__content .bx_catalog_tile .bx_catalog_tile_ul .catalog__sections-col { flex: 0 0 calc(33% - 31px); text-align: left; /*margin-bottom: 0;*/ /*padding: 0;*/ margin-right: 30px; } @media all and (min-width: 1001px) and (max-width: 1200px) { .catalog__content .bx_catalog_tile .bx_catalog_tile_ul .catalog__sections-col { flex: 0 0 calc(33.33% - 20px); } } @media all and (min-width: 600px) and (max-width: 1000px) { .catalog__content .bx_catalog_tile .bx_catalog_tile_ul .catalog__sections-col { flex: 0 0 calc(50% - 15px); } .catalog__content .bx_catalog_tile .bx_catalog_tile_ul .catalog__sections-col:nth-child(2n) { margin-right: 0; } } @media all and (max-width: 599px) { .catalog__content .bx_catalog_tile .bx_catalog_tile_ul .catalog__sections-col { flex: none; width: 100%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 100%; margin-bottom: 15px; } } .bx_catalog_tile .bx_catalog_tile_ul li { width: auto; float: none; } .catalog__content .bx_catalog_tile .bx_catalog_tile_ul .catalog__sections-col:last-child { margin-right: 0; } .catalog__content .bx_catalog_tile .bx_catalog_tile_ul li{ padding: 9px 0px 9px 8px; border: 1px solid #D7D7D7; position: relative; display: flex; margin-bottom: 30px; } @media all and (max-width: 599px) { .catalog__content .bx_catalog_tile .bx_catalog_tile_ul li{ margin-bottom: 15px; } } .catalog__content .bx_catalog_tile .bx_catalog_tile_ul li:hover { box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.25); border-color: #fff; } .catalog__content .bx_catalog_tile .bx_catalog_tile_ul li:before { content: ''; position: absolute; top: -1.5px; left: -1px; width: 116px; height: 3px; background: #294F97; } .catalog__content .bx_catalog_tile .bx_catalog_tile_ul li .bx_catalog_tile_img { flex: 0 0 76px; background: none; border: none; border-radius: 2px; min-height: 69px; overflow: unset; } .catalog__content .bx_catalog_tile .bx_catalog_tile_ul li .bx_catalog_tile_img:before { content: ''; position: absolute; top: 0; bottom: 0; right: -11px; width: 34.5px; background: url("images/bg_cc.png") 50% no-repeat; background-size: 100% 100%; z-index: 1; } .catalog__content .bx_catalog_tile .bx_catalog_tile_ul li .bx_catalog_tile_title { flex: 1 1 auto; padding: 0 !important; margin: 0; background: #EFEEEE; } .catalog__content .bx_catalog_tile .bx_catalog_tile_ul li .bx_catalog_tile_title span,.catalog__content .bx_catalog_tile .bx_catalog_tile_ul li .bx_catalog_tile_title:after { display: none; } .catalog__content .bx_catalog_tile .bx_catalog_tile_ul li .bx_catalog_tile_title a { display: block; padding: 6px 35px 6px 26px; font-style: normal; font-weight: 500; font-size: 14px !important; line-height: 16px; color: #155180; position: relative; text-decoration: none; z-index: 2; text-align: left; display: flex; align-items: center; height: 100%; } .catalog__content .bx_catalog_tile .bx_catalog_tile_ul li:hover .bx_catalog_tile_title a { color: #294f97; } .catalog__content .bx_catalog_tile .bx_catalog_tile_ul li .bx_catalog_tile_title a:after { content: ''; position: absolute; top: 0; bottom: 0; right: 11px; width: 6px; height: 10px; background: url('images/ar_cc.svg') 50% no-repeat; margin: auto; } .bx_catalog_tile .bx_catalog_tile_category_title { border: none; margin: 0 0 27px; padding: 0; font-style: normal; font-weight: 300; font-size: 30px; line-height: 35px; color: #155180; } .catalog__content .product-item-title-block:after { content: ""; display: block; width: 100%; height: 1px; background: #e5e5e5 } .catalog__content .product-item-line-card .product-item-title a { font-size: 18px; font-weight: 700; } .catalog__content .product-line-item-info-right-container { text-align: right } .catalog__content .product-item-price-container { text-align: right; margin: 0 } .catalog__content .product-item-price-current { color: #222; font-weight: 700; font-size: 18px } .catalog__content .product-item-line-card .product-item-info-container { display: inline-block; vertical-align: middle; margin: 0 } .catalog__content .product-item-line-card .product-item-info-container .product-item-button-container { margin-left: 10px } .catalog__content .product-item-line-card .product-item-info-container .btn { color: inherit; font-size: 17px; font-weight: 700; margin: 0; padding: 5px 20px } .catalog__content .product-item-line-card .product-item-info-container .btn:hover { color: #fff } .catalog__content .product-line-item-discount-info span { font-weight: 700 } .catalog__content .quantity__measure { color: #222; font-size: 14px; font-weight: 700; padding-left: 8px } @media screen and (max-width: 1199px) { .catalog__content .product-item-line-card .product-item-info-container { display: block } .catalog__content .product-item-line-card .product-item-info-container .product-item-button-container { margin: 15px 0 0 } } @media screen and (max-width: 991px) { .catalog__content > .row { margin-right: -15px } .catalog__content .product-item-line-card .product-item-info-container { display: inline-block } } @media screen and (max-width: 767px) { .catalog__content .bx_catalog_tile .bx_catalog_tile_ul .catalog__sections-col { width: 100% } .catalog__content .product-item-title-block { text-align: center; margin-bottom: 15px; padding-top: 10px } .catalog__content .product-item-title-block:after { margin-top: 10px } .catalog__content .product-line-item-discount-info { display: block; margin: 0 auto 15px; text-align: center } .catalog__content .product-item-line-card .product-item-info-container { display: block; text-align: center } } .catalog__content .product-item-detail-slider-container { margin-bottom: 20px } .catalog__content .product-item-detail-slider-block.product-item-detail-slider-block-square { background: #fff; padding-top: 309px } .catalog__content .product-item-detail-info-container { display: inline-block; font-family: inherit; vertical-align: middle } .catalog__content .product-item-detail-info-container.price__info { display: block } .catalog__content .product-item-detail-price-current { color: inherit } .catalog__content .product-item-amount { text-align: left } .catalog__content .product-item-amount-field { font-size: 14px } .catalog__content .product-item-amount-description-container { display: block } .catalog__content .main-button-container { display: inline-block; vertical-align: middle } .catalog__content .btn.product-item-detail-buy-button { display: inline-block; position: relative; width: 138px; max-width: 150px; font-weight: 700; font-family: inherit; font-size: 17px; color: inherit; height: 36px; margin: 0 0 0 20px; padding: 5px 20px } .catalog__element-block { margin: 0 0 20px } .catalog__element-block.block__delimiter { display: block; width: 100%; height: 1px; background: #c1c1c1 float: left; } .catalog__element-block .btn { height: 39px; font-size: 12px; font-weight: 700; padding: 10px } h5.catalog__production-title { text-transform: uppercase } .title_tab { font-size: 30px; text-transform: none; color: #333; margin: 10px 0; display: block; padding-bottom: 10px; font-weight: 700 } .catalog__element-tabs-content h2, .catalog__element-tabs-content h3, .catalog__element-tabs-content h4, .catalog__element-tabs-content h5 { font-size: 30px; text-transform: none } .catalog__element-tabs-content h2:after, .catalog__element-tabs-content h3:after, .catalog__element-tabs-content h4:after, .catalog__element-tabs-content h5:after { width: 0; height: 0 } .catalog__element-tabs-content a { text-decoration: underline } .catalog__element-tabs-content ul { margin-bottom: 10px } .catalog__element-tabs-content ul li, .catalog__element-tabs-content ul li { position: relative; line-height: 25px; padding: 10px 0 0 20px } .catalog__element-tabs-content ul li:before, .catalog__element-tabs-content ul li a:before { content: ''; display: inline-block; position: absolute; left: 0; top: 19px; height: 9px; width: 8px; background: url(../../images/list-style.png) 0 0 no-repeat } .catalog__element-tabs-content ul li a:before { top: 19px } .catalog__element-tabs-content ul li a:hover:before { background: url(../../images/list-style.png) -14px 0 no-repeat } .catalog__content .product-item-detail-tabs-container { min-height: 41px; background: transparent; border: 0 } .catalog__content .product-item-detail-tab { min-height: 41px } .catalog__content .product-item-detail-tab:hover, .catalog__content .product-item-detail-tab.active { /*background: #fff*/ } .catalog__content .product-item-detail-tab-link { height: 41px; font-size: 14px; line-height: 22px; text-transform: none; padding: 10px 35px } .catalog__content .product-item-detail-tab-link:after { top: 0; bottom: initial; background: #f7c1a5 } .catalog__content .product-item-detail-tab-content { padding: 25px } .catalog__related-prods { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start } .catalog__related-prods li { width: 33%; padding-top: 10px } .catalog__related-prods li a { width: 33%; padding-top: 10px; text-decoration: none } .catalog__content .product-item-detail-short-card-fixed, .catalog__content .product-item-detail-tabs-container-fixed { display: none } @media screen and (max-width: 991px) { .catalog__content .product-item-detail-slider-block.product-item-detail-slider-block-square { padding-top: 334px } .catalog__content .product-item-detail-pay-block { text-align: center; padding: 0 } .catalog__content .product-item-detail-info-container.discount__info { display: block } .catalog__content .product-item-detail-tab-content { background: transparent; padding: 0 } } @media screen and (max-width: 767px) { .catalog__related-prods { flex-direction: column; -webkit-flex-direction: column } .catalog__related-prods li { width: 100% } .catalog__content .product-item-amount { text-align: center } } @media screen and (max-width: 350px) { .catalog__content .main-button-container { display: block } .catalog__content .btn.product-item-detail-buy-button { margin: 0 } } .basket__content .basket-items-list-wrapper, .basket__content .basket-items-list-wrapper-compact { border: 0; margin-bottom: 10px } .basket__product-count { width: 100%; overflow: hidden; color: #fff; background-color: #6395ae; padding: 20px 10px; margin-bottom: 30px } .basket__product-count h2 { font-size: 18px; font-weight: 500; text-align: center; padding: 0; margin: 0 } .basket__product-count h2:after { width: 0; height: 0 } .basket__content .basket-items-list { padding: 0 } .basket__content .basket-items-list-item-container { display: block; background: #fff; border-bottom: 15px solid #f5f5f5 !important; padding: 20px } .basket__content .basket-items-list-item-container > td { display: inline-block; border: 0 } .basket__content .basket-items-list-item-descriptions { padding-top: 0; max-width: 205px } .basket__content .basket-items-list-item-descriptions-inner { display: inline-block } .basket__content .basket-item-block-image { max-width: 190px; width: 190px; height: 140px; border: 1px solid #e5e5e5; padding: 0; margin-right: 15px } .basket__content .basket-item-image-link { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; margin: auto } .basket__content .basket-items-list-item-descriptions .product-line-item-discount-info { position: absolute; left: 100%; bottom: 0; white-space: nowrap; z-index: 9 } .basket__content .basket-items-list-item-descriptions .product-line-item-discount-info span { font-weight: 700 } .basket__content .basket-item-block-info { position: absolute; left: 100%; top: 0; white-space: nowrap; z-index: 10 } .basket__content .basket-item-block-info h2.basket-item-info-name { padding: 0 } .basket__content .basket-item-block-info h2.basket-item-info-name:after { position: absolute; left: 0; bottom: -15px; min-width: 535px; height: 1px; background: #e5e5e5 } .basket__content .basket-item-block-info h2.basket-item-info-name a { font-family: inherit; font-size: 18px; font-weight: 700; padding: 0 } .basket__content .basket-item-block-info h2.basket-item-info-name span { font-family: inherit; font-size: 18px; font-weight: 700; padding: 0 } .basket__content .basket-item-block-info h2.basket-item-info-name a:hover { text-decoration: none } .basket__content .basket-items-list-item-price-for-one, .basket__content .basket-items-list-item-amount, .basket__content .basket-items-list-item-price { width: 160px } .basket__content .basket-items-list-item-remove.hidden-xs { float: right } .basket__content .basket-items-list-item-remove.hidden-xs .basket-item-block-actions { opacity: 1 } .basket__content .basket-item-block-price, .basket__content .basket-items-list-item-amount, .basket__content .basket-item-block-price, .basket__content .basket-items-list-item-remove { padding-top: 64px !important } .basket__content .basket-items-list-item-price-for-one .basket-item-block-price { text-align: left } .basket__content .basket-item-price-title { text-align: left } .basket__content .basket-item-block-amount { -webkit-box-pack: justify; justify-content: space-between } .basket__content .basket-item-actions-remove:after, .basket__content .basket-item-actions-remove:before { width: 1px; height: 30px; background: #222 } .basket__content .basket-item-actions-remove:after:hover, .basket__content .basket-item-actions-remove:before:hover { background: #f7c1a5 } @media screen and (max-width: 1199px) { .basket__content .basket-items-list-item-price { width: 140px } .basket__content .basket-items-list-item-price-for-one, .basket__content .basket-items-list-item-amount { width: 125px } .basket__content .basket-items-list-item-remove.hidden-xs { display: none !important } .basket__content .basket-item-block-info .basket-item-actions-remove.visible-xs { display: block !important; left: 380px; right: initial } .basket__content .basket-item-block-info h2.basket-item-info-name:after { min-width: 405px } } @media screen and (max-width: 991px) { .basket__content .basket-items-list-item-price { width: 160px } .basket__content .basket-items-list-item-price-for-one, .basket__content .basket-items-list-item-amount { width: 150px } .basket__content .basket-item-block-info .basket-item-actions-remove.visible-xs { left: 450px } .basket__content .basket-item-block-info h2.basket-item-info-name:after { min-width: 475px } } @media screen and (max-width: 767px) { .basket__content .basket-items-list-item-container > td { display: block; width: 100% } .basket__content .basket-items-list-item-descriptions-inner { display: block } .basket__content .basket-item-block-image { margin: 0 auto } .basket__content .basket-item-block-info { position: relative; left: 0; text-align: center; white-space: normal; padding-top: 20px } .basket__content .basket-item-block-info h2.basket-item-info-name:after { display: none } .basket__content .basket-item-block-info .basket-item-actions-remove.visible-xs { left: 97%; top: -145px } .basket__content .basket-items-list-item-descriptions .product-line-item-discount-info { display: inline-block; width: calc(100vw - 60px); left: 0; bottom: -40px; white-space: normal } .basket__content .basket-items-list-item-price-for-one { display: block !important } .basket__content .basket-item-block-price, .basket__content .basket-item-block-price { padding-top: 15px !important } .basket__content .basket-items-list-item-amount { padding: 0 !important } .basket-item-block-price, .basket__content .basket-items-list-item-price-for-one .basket-item-block-price, .basket__content .basket-item-price-title { text-align: center } .basket__content .basket-items-list-item-price-for-one .basket-item-block-price { padding-top: 40px !important } .basket__content .basket-item-block-amount { -webkit-box-pack: center; justify-content: center } .basket__content .basket-item-image { display: inline-block; max-width: 100%; max-height: 100%; width: 100%; height: auto; margin: 0 } .basket__content .basket-item-block-amount { padding-top: 19px } } @media screen and (max-width: 580px) { .basket__content .basket-item-block-amount { padding-top: 35px } .basket__content .basket-items-list-item-price-for-one .basket-item-block-price { padding-top: 15px !important } .basket__content .basket-item-price-current { text-align: center } } .basket__content .bx-soa-section-hide { display: none } .basket__content .bx-soa-empty-cart-desc a { text-decoration: underline } .order__inner { padding: 0 0 0 15px } .order__inner .bx-soa-cart-total { background: #fff; border: 0; border-radius: 0; padding: 15px } .order__inner .bx-soa-cart-total.bx-soa-cart-total-fixed { display: none } #bx-soa-total-mobile.visible-xs { display: none !important } .order__inner .bx-soa-cart-total-button-container.visible-xs { display: none !important } .order__inner .bx-soa { background: #fff; padding-bottom: 5px } .order__inner .bx-soa-section { border: 0; border-radius: 0; margin: 0 } .order__inner .bx-soa-section.bx-selected { border: 0 } .order__inner .bx-soa-section-title-container { background: #fff } #bx-soa-orderSave { padding: 0 15px; margin-top: -10px } #bx-soa-orderSave .checkbox { margin: 0 } #bx-soa-orderSave a.btn-blue { display: block; width: 160px; font-size: 12px; padding: 10px 5px } #bx-soa-orderSave a.hidden-xs { display: block !important; width: 160px; font-size: 12px } .order__inner .bx-soa-cart-total-line { font-size: 17px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; border-top: 0; padding-top: 15px } .order__inner .bx-soa-cart-total .bx-soa-cart-total-line .bx-soa-cart-t { font-weight: 400 } .order__inner .bx-soa-cart-total .bx-soa-cart-total-line:first-child .bx-soa-cart-t { font-weight: 400 } .order__inner .bx-soa-cart-total .bx-soa-cart-total-line .bx-soa-cart-d { font-weight: 700 } .order__inner .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d { font-weight: 700; font-size: 17px !important } .order__inner .bx-soa-cart-total .bx-soa-cart-total-line-total { padding-top: 15px } .order__inner .bx-soa-section.bx-selected .bx-soa-section-title { width: 100%; font-size: 24px; line-height: 27px } .order__inner .bx-soa-section.bx-selected .bx-soa-section-title:after { width: 0; height: 0 } .order__inner .bx-soa-section-title-count { display: none } .order__inner .bx-soa-customer-field label[for='orderDescription'], .order__inner #orderDescription { display: none } .order__inner .api-rules-title { font-size: 12px; line-height: 17px } .order__inner .api-rules-title a.order__eula { font-size: 12px; text-decoration: underline } .order__inner .api-rules-title a.order__eula:hover { color: #f7c1a5 } @media screen and (max-width: 1199px) { #bx-soa-orderSave a.hidden-xs, #bx-soa-orderSave a.btn-blue { float: none !important; margin: 10px auto !important } } @media screen and (max-width: 991px) { .order__inner { padding: 0 } #bx-soa-orderSave a.hidden-xs { float: right !important; margin: 10px 0 !important } #bx-soa-orderSave a.btn-blue { float: left !important; margin: 10px 0 !important } } @media screen and (max-width: 399px) { #bx-soa-orderSave a.hidden-xs, #bx-soa-orderSave a.btn-blue { float: none !important; margin: 10px auto !important } } .catalog__content .catalog-section:after { content: ""; display: table; clear: both } .sale__inner .catalog__stock { font-weight: 700 } .sale__container-odd { padding-left: 0 } .sale__container-even { padding-right: 0 } .sale__inner h2 { display: inline-block; font-size: 18px; margin: 30px 0 0 } .sale__inner h2:after { width: 0; height: 0 } .sale__inner table th { padding: 11px 6px !important } .sale__inner table td { text-align: center; padding: 6px !important } .sale__inner table td.stock__button { width: 115px; padding: 6px } .sale__inner table td.stock__button > a { width: 103px; height: 27px; color: inherit; font-size: 12px; font-weight: 700; line-height: 14px } .catalog__stock table td.stock__opt1-price { text-align: center } .catalog__stock table td.stock__opt2-price { text-align: center } .stock__status-in-basket .stock__opt1-price { font-size: 0 !important } .stock__status-in-basket .stock__opt2-price { font-size: 0 !important } .stock__status-in-basket .stock__production-price { font-size: 0 !important } .stock__status-sale .stock__opt1-price { font-size: 0 !important } .stock__status-sale .stock__opt2-price { font-size: 0 !important } .stock__status-sale .stock__production-price { font-size: 0 !important } .sale__inner table td.stock__button > a:hover, .sale__inner table .catalog__stock td.stock__button > a:focus { color: #fff } @media screen and (max-width: 767px) { .sale__container-odd { padding-right: 0 } .sale__container-even { padding-left: 0 } /* .modal-content #map-desktop { display: none } .modal-content #map-mobile { display: block !important }*/ .modal-dialog { width: 335px; margin: 30px auto } } .map-level-1 { margin-left: 20px } .map-columns { font-size: 15px } .type_h { position: relative; font-weight: 700; text-transform: uppercase; padding-bottom: 13px; display: block } .type_h4 { font-family: inherit; font-size: 16px; color: #fff; margin-top: 10px; margin-bottom: 10px } .footer_title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 35px; height: 2px; background-color: #f7c1a5 } .modal-content #map-mobile { display: none } .spravka-prajs { font-size: 12px; } .production-filter-section { background: #dcdcdc; padding: 15px 10px; } .infographic{ display: flex; justify-content: space-between; flex-wrap: wrap; } .infographic>figure{ max-width: 36rem; display: inherit; align-items: flex-start; } .infographic>figure>img{ max-width: 7rem; margin: .5em 2em 0 0; object-fit: contain; } .infographic>figure .infographic_title{ font-weight: bold; font-size: 18px; } .in_stock{ border-bottom: 1px dashed green; } .in_stock:hover{ border-bottom: 0; } .soc_ico{ display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; float: left; z-index: 99999999; } .modal .close{ display: block; width: 25px; height: 25px; background: url(/bitrix/templates/tesk/images/icon-close.svg) no-repeat 50% 50%; background-size: 15px; transition: .1s; position: absolute; right: 10px; top: 10px; z-index: 100; } .sidebar__menu.sidebar__menu-new { flex: 0 0 201px; margin-right: 18px; background: none; padding: 0; } .sidebar__menu.sidebar__menu-new > a { box-shadow: inset 0 0 0 1px #155180; color: #ffffff; background: #155180; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; float: none; position: relative; padding: 13px 17px 13px 19px; display: block; text-transform: uppercase; } .sidebar__menu.sidebar__menu-new > a .fa { position: absolute; right: 17px; bottom: 0; top: 0; width: 12px; height: 12px; background: url('images/arr_k.svg') 50% no-repeat; margin: auto; } .sidebar__menu.sidebar__menu-new > a[aria-expanded="true"] { background: #fff; color: #155180; } .sidebar__menu.sidebar__menu-new > a[aria-expanded="true"] .fa{ background: url('images/cancel.svg') 50% no-repeat; } .sidebar__menu.sidebar__menu-new > a .fa:before { display: none; } .sidebar__menu.sidebar__menu-new .sidebar__menu-items { position: absolute; width: 1170px; left: -248px; top: 64px; z-index: 100; background: #FFFFFF; box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.25); height: auto; padding: 25px 30px; max-height: 441px; } .sidebar__menu.sidebar__menu-new .sidebar__menu-items .mCSB_container { column-count: 4; column-gap: 52px; } @media all and (max-width: 1024px) { .sidebar__menu.sidebar__menu-new .sidebar__menu-items { width: 100%; left: 0; right: 0; } } .bx_pagination_page { text-align: right; } @media all and (max-width: 480px) { .sidebar__menu.sidebar__menu-new .sidebar__menu-items { width: 100%; left: 0; right: 0; padding: 20px 23px; } .sidebar__menu.sidebar__menu-new .sidebar__menu-items .mCSB_container { column-count: 1; } } .sidebar__menu.sidebar__menu-new .sidebar__menu-items .sidebar__menu-item { border: none; } .sidebar__menu.sidebar__menu-new .sidebar__menu-items .sidebar__menu-item > a { padding: 0; font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; color: #000000; } .sidebar__menu.sidebar__menu-new .sidebar__menu-items .sidebar__menu-item > a:hover{ color: #294f97; padding: 0; } .sidebar__menu.sidebar__menu-new .sidebar__menu-items .sidebar__menu-item > a:before,.sidebar__menu.sidebar__menu-new .sidebar__menu-items .sidebar__menu-item > a sup, .sidebar__menu.sidebar__menu-new .sidebar__menu-items .sidebar__menu-item > a span { display: none; } @media all and (max-width: 1024px) { .navbar__panel .navbar-header { display: block; width: 42px; height: 42px; float: none; } } .smartfilter { font-size: 0; } .smartfilter > .row { margin: 0; } .bx-filter .bx-filter-section > .row { display: none; } .bx-filter.bx-blue .bx-filter-section { box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.25); padding: 16px 20px 14px; } .bx-filter-parameters-box-container { padding: 0; margin: 0; } .bx-filter .bx-filter-parameters-box { float: none; padding: 0; display: inline-block; vertical-align: top; width: calc(33.33% - 20px); margin-right: 30px; } @media all and (max-width: 700px){ .bx-filter .bx-filter-parameters-box { display: block; width: 100%; margin-bottom: 16px; } } .bx-filter .bx-filter-parameters-box:last-child { margin-right: 0; } .bx-filter .bx-filter-parameters-box-container-block { padding: 0; width: calc(50% - 13px); margin-right: 26px; position: relative; } .bx-filter .bx-filter-parameters-box-container-block.bx-left:before { content: ''; position: absolute; top: 0; bottom: 0; right: -14px; width: 4px; background: #000; margin: auto; height: 1px; } .bx-filter .bx-filter-parameters-box-container-block:nth-child(2) { margin-right: 0; } .bx-filter .bx-ui-slider-part { display: none; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub { display: none; } .bx-filter .bx-ui-slider-track-container { padding: 23px 0 0; margin: 0; width: 100%; } .bx-filter .bx-filter-parameters-box-title { padding-bottom: 15px; pointer-events: none; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span { font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #000000; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span i { display: none; } .bx-filter .bx-filter-input-container input { border-radius: 0; background: #FFFFFF; border: 1px solid #CDCDCD; height: 44px; outline: none; padding: 0 8px; font-style: normal; font-weight: normal; font-size: 14px; color: #000000; font-family: 'Roboto', sans-serif; } .bx-filter .bx-filter-input-container input:focus { border-color: #155180 !important; } .bx-filter.bx-blue .bx-ui-slider-handle { width: 11px; height: 11px; border-radius: 50%; top: -5px; } .bx-filter.bx-blue .bx-ui-slider-handle.left,.bx-filter.bx-blue .bx-ui-slider-handle.right { background: #155180 !important; margin: 0 0; } .bx-filter .bx-ui-slider-track { height: 3px; } .bx-filter.bx-blue .bx-ui-slider-pricebar-v { background: #155180 !important; } .bx-filter.bx-blue .bx-ui-slider-pricebar-vn { background: #CDCDCD !important; } .bx-filter .bx-filter-button-box { padding: 16px 0 0; } .bx-filter .bx-filter-button-box input.btn-orange { font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; padding: 0; background: none; margin-right: 17px; font-family: 'Roboto', sans-serif; outline: none; color: #000000; } .bx-filter .bx-filter-button-box input.btn-orange:hover{ color: #294F97; -webkit-text-stroke: .5px #294F97; } .bx-filter .bx-filter-button-box input.btn-link { font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; outline: none; color: #000000; padding: 0; text-decoration: none; font-family: 'Roboto', sans-serif; } .bx-filter .bx-filter-button-box input.btn-link:hover { color: #294F97; -webkit-text-stroke: .5px #294F97; } .content__sidebar .sidebar__menu { padding: 8px 0; box-shadow: none; } .content__sidebar .sidebar__menu > a { font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #000000; margin-bottom: 10px; display: none; } .content__sidebar .sidebar__menu > a i { display: none; } .content__sidebar .sidebar__menu .sidebar__menu-items { padding: 0; margin: 0; list-style: none; } .content__sidebar .sidebar__menu .sidebar__menu-items > li{ border-top: 1px solid #CDCDCD; } .content__sidebar .sidebar__menu .sidebar__menu-items > li:first-child { border: none; } .content__sidebar .sidebar__menu .sidebar__menu-items > li:hover, .content__sidebar .sidebar__menu .sidebar__menu-items > li:hover + li { border-color: transparent; } .content__sidebar .sidebar__menu .sidebar__menu-items > li > a { padding: 6px 9px 5px 22px; display: flex; align-items: center; justify-content: space-between; text-decoration: none; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #000000; position: relative; } .content__sidebar .sidebar__menu .sidebar__menu-items > li > a:hover { background: #EFEEEE; color: #294f97; -webkit-text-stroke: .5px #294F97; } .content__sidebar .sidebar__menu .sidebar__menu-items > li > a sup { display: none; } .content__sidebar .sidebar__menu .sidebar__menu-items > li > a:before { position: absolute; content: ''; top: 0; bottom: 0; left: 10px; width: 4px; height: 8px; margin: auto; background: url('images/menu_ar.svg') 50% no-repeat; } .content__sidebar .sidebar__menu .sidebar__menu-items > li > a span { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; text-align: right; color: #6A6A6A; margin-left: 10px; } .content__sidebar .sidebar__menu .sidebar__menu-items > li { position: relative; } .content__sidebar .sidebar__menu .sidebar__menu-items > li .sidebar__menu-items-inner-wr { position: absolute; top: 0; left: 100%; opacity: 0; padding: 16px 12px 16px 30px; visibility: hidden; z-index: 200; background: #fff; transition: none; box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.25); } .content__sidebar .sidebar__menu .sidebar__menu-items > li .sidebar__menu-items-inner-wr .pop-title{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; padding-left: 30px; background: url('images/shining.svg') 0 1px no-repeat; color: #294F97; margin-bottom: 5px; } /*.content__sidebar .sidebar__menu .sidebar__menu-items > li:hover .sidebar__menu-items-inner-wr { opacity: 1; visibility: visible; }*/ .content__sidebar .sidebar__menu .sidebar__menu-items > li .sidebar__menu-items-inner-wr .sidebar__category-items-popup-inner { width: 700px; max-height: 200px; } .content__sidebar .sidebar__menu .sidebar__menu-items > li .sidebar__menu-items-inner-wr .sidebar__category-items-popup-inner .mCSB_container { display: flex; } .content__sidebar .sidebar__menu .sidebar__menu-items > li .sidebar__menu-items-inner-wr.has-popular .sidebar__category-items-popup-inner .mCSB_container{ flex-direction: row-reverse; } .content__sidebar .sidebar__menu .sidebar__menu-items > li .sidebar__menu-items-inner-wr .sidebar__category-items-popup-inner ul { flex: 0 0 33.33%; } .content__sidebar .sidebar__menu .sidebar__menu-items > li .sidebar__menu-items-inner-wr .sidebar__category-items-popup-inner ul a { font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; color: #000000; padding: 0; } .content__sidebar .sidebar__menu .sidebar__menu-items > li .sidebar__menu-items-inner-wr .sidebar__category-items-popup-inner ul a:hover { background: none; color: #294f97; } @media all and (min-width: 992px) { .col-md-3.content__sidebar { width: 270px; } .content__sidebar + .content__main { width: calc(100% - 270px); } .content__sidebar + .content__main .catalog__content > .row > .col-xs-12 { padding-right: 0; } } @media all and (max-width: 1024px){ header { box-shadow: none; } .header-country-chhose { display: none; } .navbar__fast-order { display: none; } .navbar__panel { justify-content: flex-start; padding: 9px 0; } .navbar__panel .navbar-header .navbar-toggle{ padding: 0; width: 42px; height: 42px; border: none; display: block; } .navbar__panel .navbar-header .navbar-toggle i { position: absolute; top: 0; height: 16px; bottom: 0; right: 0; width: 20px; left: 0; margin: auto; border: solid #000; border-width: 2px 0; } .navbar__panel .navbar-header .navbar-toggle i:before { position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 2px; background: #000; margin: auto; content: ''; } .header__nav-inner .container { width: 100%; margin: 0; padding: 0; } .header-menu .container-fluid { padding: 0 12px 0 0; background: #FFFFFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .header__nav-inner { background: #fff; } .header-menu .container-fluid .row { margin: 0; } .navbar__panel .header__logo{ margin: 0 0 0 4px; flex: 1 1 auto; max-width: 100%; } .navbar__panel .header__logo a { display: inline-block; vertical-align: top; text-decoration: none; max-width: 152px; } .search_block { width: 37px; height: 37px; flex: 0 0 37px; margin: 0 10px; } .search_block .search-form { display: none; padding: 0; box-shadow: none; bottom: auto; width: 100%; border: none; } .navbar__icons-item .search-form.in form { position: fixed; top: 5px; left: 0; right: 0; padding: 0 10px; bottom: auto; } .navbar__icons-item .search-form form input[type="submit"] { right: 24px; } .navbar__icons-item .search-form form { width: 100%; } .navbar__icons-item .search-form form input[type="text"],.navbar__icons-item .search-form form input[type="text"]:focus { background: #fff; border: 1px solid #155180; } .serach-container-body-wr { position: fixed !important; top: 60px !important; max-height: 332px; overflow: auto; } .search_block .search-form.in { display: block; } .search_block .bx-context-toolbar-empty-area { background: none !important; min-height: 0 !important; } .search_block .navbar__icons-item > a{ display: block !important; width: 37px; height: 37px; background: url('images/sear_i.svg') 50% no-repeat; border: 1px solid #BBBBBB; } .search_block .navbar__icons-item > a:before { display: none; } #navbar__cart-icon,#navbar__cart-icon .fa.fa-shopping-cart { width: 54px; height: 34px; } .header-menu .container { width: 100%; padding: 0; } .header-menu > .container > .row { margin: 0; padding: 15px 20px 11px; flex-direction: column; } .sidebar__menu.sidebar__menu-new { flex: none; order: 1; margin: 0; width: 100%; } .header__info { display: block; flex: none; margin: 0; padding: 0; width: 100%; } .phone__column { width: 50%; } .phone__column:last-child { border: none; } .phone__column:first-child { width: calc(50% - 7px); } .header__info > div.header__phone { padding: 0 0 12px; margin: 0; max-width: 100%; } footer { padding: 29px 10px; } footer .container { width: 100%; } } @media all and (min-width: 1025px) and (max-width: 1150px) { header .container { width: 100% !important; } footer { padding: 29px 10px; } footer .container { width: 100%; padding: 0 10px; } .footer__copyright { flex: 0 0 224px; padding-right: 20px; } .footer__items .footer__item { flex: 0 0 194pxl } } @media all and (max-width: 1024px) { .navbar__panel.fixed { padding-right: 12px; } footer .container { width: 100%; padding: 0 10px; } .footer__bottom .container .row { display: block; padding: 0; margin: 0; } .footer__copyright { width: 100%; text-align: center; padding: 0 0 25px; } .footer__copyright p { text-align: center; } .footer__items .footer__item { flex: 0 0 25%; } .footer__items .footer__item:first-child { border: none; padding-left: 0; } .footer__items .footer__item:nth-child(4) { flex: 0 0 25%; } } @media all and (max-width: 991px) { .content__sidebar .sidebar__menu .sidebar__menu-items { display: none; } } @media all and (max-width: 767px){ .bx-breadcrumb { display: none; } .content__sidebar .sidebar__menu .sidebar__menu-items { display: none; } .footer__copyright .header__logo { max-width: 230px; margin-bottom: 0; } footer .container { padding: 0; } .footer__items { display: block; } .footer__items .footer__item { flex: none; padding: 0; border: none; } .footer__items .footer__item:nth-child(2),.footer__items .footer__item:nth-child(3) { padding: 0; } .footer__items .footer__item:nth-child(4) { padding: 18px 0 22px; border-top: 1px solid rgba(255,255,255, .2); } .footer__items .footer__item .footer__about-items li { font-style: normal; font-weight: normal; font-size: 16px; line-height: 26px; } .footer__bottom .container .row > p{ font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #7A7A7A; margin: 0; text-align: center; display: block; } .footer__items .footer__item .footer__about-items li div { display: inline-block; vertical-align: top; } } @media all and (max-width: 400px) { .phone__column { width: calc(100% - 181px); } .phone__column:first-child { width: 174px; } } .card_page { display: flex; padding-top: 32px; align-items: flex-start; } .card_page .left_block { flex: 0 0 370px; max-width: 370px; margin-right: 29px; } .catalog__content .product-item-detail-slider-block.product-item-detail-slider-block-square { position: relative; height: 370px; } .product-item-detail-slider-images-container { position: absolute; top: 0; left: 0; right: 0; } .product-item-detail-slider-images-container .product-item-detail-slider-image { position: absolute; top: 0; left: 0; right: 0; opacity: 0; } .product-item-detail-slider-images-container .product-item-detail-slider-image img{ object-fit: cover; height: 370px; } .product-item-detail-slider-images-container .product-item-detail-slider-image.active { opacity: 1; z-index: 10; } .card_page .left_block img{ max-width: 100%; } .product-item-detail-slider-controls-block { font-size: 0; padding-top: 9px; } .product-item-detail-slider-controls-block > div { display: inline-block; vertical-align: top; width: 60px; margin-right: 12px; margin-bottom: 12px; } .product-item-detail-slider-controls-block > div img{ object-fit: cover; height: 60px; } .card_page .center_block{ flex: 1 1 auto; @media (max-width: 768px) { width: 100%; } } .card_page .center_block h1 { font-family: 'Roboto'; font-style: normal; font-weight: bold; font-size: 24px; line-height: 28px; color: #000000; margin: 0 0 13px; padding: 0; } .catalog__content .product-item-detail-pay-block .row_price{ padding-bottom: 13px; display: flex; align-items: flex-end; } .row_price .price_title { flex: 0 0 auto; font-family: 'Roboto'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 1; color: #000000; } .row_price .dotted { margin: 0 12px 0 5px; height: 2px; flex: 1 1 auto; background: url('images/ddd.svg') 0 100% repeat-x; } .row_price .product-item-detail-price-current,.product-item-detail-price-current2{ font-family: 'Roboto'; font-style: normal; font-weight: bold; font-size: 22px !important; line-height: 1; text-align: right; color: #155180; } .link_popup { font-family: 'Roboto'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #000000; padding-bottom: 27px; } .pr_block { padding: 15px 11px 14px 17px; background: #EFF3FA; } .pr_block .price_r { display: flex; padding-bottom: 10px; } .pr_block .price_r .price_title { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #294F97; flex: 1 1 auto; } .pr_block .price_r .product-item-detail-price-current { font-family: Roboto; font-style: normal; font-weight: bold; font-size: 22px; line-height: 22px; text-align: right; color: #155180; } .pr_block .pr_in { display: flex; } .pr_block .left { flex: 1 1 auto; padding-right: 10px; } .pr_block .left strong{ display: block; font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; color: #000000; padding-bottom: 4px; } .proizvodstvo a{ font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; text-decoration-line: underline; color: rgba(0,0,0, .7); } .pr_block .catalog__element-block a { width: 114px; text-align: center; padding: 14px 10px; background: #294F97; font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; text-align: center; color: #FFFFFF; height: auto; border: 1px solid transparent; } .pr_block .catalog__element-block a:hover { background: #fff; color: #294f97; border-color: #294F97; } .in_fo_block { font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #6A6A6A; padding-top: 17px; } .heshtek { padding: 23px 0 36px; font-size: 0; } .heshtek a { font-style: normal; font-weight: normal; font-size: 14px; line-height: 14px; color: #155180; display: inline-block; vertical-align: top; margin-right: 8px; } .labels_product { font-size: 0; padding-top: 36px; } .labels_product .labels { display: inline-block; vertical-align: top; margin-right: 10px; width: 60px; height: 60px; text-align: center; line-height: 60px; font-style: normal; font-weight: 900; color: #ffffff; font-size: 18px; background: #294F97; } .labels_product .labels.pros { font-size: 36px; } .link_popup a { font-weight: bold; text-decoration: underline; } .card_page .right_block { flex: 0 0 364px; margin-left: 35px; background: #FFFFFF; box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.25); @media (max-width: 768px) { width: 100%; } } .kod_product { padding: 14px; background: #F5F5F5; font-style: normal; font-weight: normal; font-size: 14px; line-height: 14px; text-align: center; color: #000; } .kod_product span { color: #6a6a6a; } .right_block .r_inner { padding: 31px 33px 23px; } .right_block .r_inner .sto-wr { padding-bottom: 23px; } .right_block .r_inner .sto-wr .sto{ padding-left: 36px; position: relative; text-decoration: none; font-style: normal; font-weight: normal; font-size: 14px; line-height: 14px; color: #000000; } .right_block .r_inner .sto-wr .sto:before { position: absolute; top: 0; bottom: 0; left: 4px; width: 18px; height: 18px; background: url("images/instocks.svg") 0 no-repeat; margin: auto; content: ''; } .right_block .r_inner .delevery { padding-left: 36px; position: relative; text-decoration: none; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; color: #000000; margin-bottom: 20px; } .right_block .r_inner .delevery:before { position: absolute; top: 0; bottom: 0; left: 0; width: 25px; height: 25px; background: url("images/delivery_i.svg") 0 no-repeat; content: ''; } .product-item-amount-field-container { width: 256px; margin: 0 auto; font-size: 0; margin-bottom: 13px; } .product-item-amount-field-container .amount_inner{ display: inline-block; vertical-align: top; width: 212px; border: 1px solid #CDCDCD; padding: 4px 38px; position: relative; } .product-item-amount-field-container .amount_inner a { position: absolute; top: 0; bottom: 0; width: 34px; height: 34px; cursor: pointer; text-decoration: none; background: #EFEFEF; font-style: normal; font-weight: normal; font-size: 14px; line-height: 34px; color: #000000; text-align: center; margin: auto; } .product-item-amount-field-container .amount_inner a:hover { background: #fff; box-shadow: inset 0 0 0 1px #767676; } .product-item-amount-field-container .amount_inner a.product-item-amount-field-btn-minus { left: 4px; } .product-item-amount-field-container .amount_inner a.product-item-amount-field-btn-plus { right: 4px; } .product-item-amount-field-container .amount_inner .product-item-amount-field { width: 100%; height: 34px; text-align: center; font-style: normal; font-weight: bold; font-size: 14px; line-height: 22px; color: #000000; padding: 0 10px; border: none; outline: none; } .product-item-amount-field-container .quantity__measure { width: 44px; height: 44px; display: inline-block; vertical-align: top; text-align: center; line-height: 44px; font-style: normal; font-weight: normal; font-size: 14px; color: #000000; padding: 0; } .right_block .product-item-detail-info-container{ display: block; } .right_block .product-item-detail-info-container .product-item-detail-buy-button{ display: flex; align-items: center; justify-content: center; gap: 10px; width: 256px; margin: auto; height: auto; max-width: 100%; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; color: #FFFFFF; background: #114771; padding: 11px 40px; text-align: center; position: relative; border-radius: 8px; } .right_block .product-item-detail-info-container .product-item-detail-buy-button:hover { background: #294F97; } .right_block .product-item-detail-info-container .product-item-detail-buy-button:before { /*position: absolute;*/ /*top: 0;*/ /*bottom: 0;*/ /*left: 13px;*/ width: 22px; height: 22px; background: url("images/shopping-cart.svg") 50% no-repeat; /*margin: auto;*/ content: ''; } .right_block .catalog__element-block { text-align: center; padding: 28px 0 29px; width: 256px; margin: 0 auto; } .right_block .catalog__element-block a { display: inline-block; padding: 0 0 0 32px; background: none; margin: 0; position: relative; height: auto; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: #294F97; text-transform: none; } .right_block .catalog__element-block a:before { position: absolute; top: 0; bottom: 0; left: 0; width: 18px; height: 18px; background: url("images/buy_one.svg") 50% no-repeat; margin: auto; content: ''; } .right_block .catalog__element-block a:hover { color: #155180; } .right_block .catalog__element-block a:hover:before { background: url("images/buy_one_h.svg") 50% no-repeat; } .total_sum { max-width: 256px; border-top: 1px solid #CFCFCF; padding: 13px 0 0; margin: 0 auto; text-align: center; } .total_sum .total_title{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px; color: #6A6A6A; } .total_sum .total_title.--vat{ font-size: 12px; } .total_sum .summ { font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; color: #000000; } body { &:before { content: ''; position: fixed; top:0; left: 0; width: 100%; height: 100%; background: #1e1e1e; transition: opacity .25s ease-in-out, visibility .25s ease-in-out; opacity: 0; visibility: hidden; z-index: 999998; } &.show-arrow-popup { overflow: hidden; &:before { opacity: .9; visibility: visible; } } } .modal-arrow { position: fixed; overflow: auto; left: 50%; top:50%; transform: translate(-50%,-45%); background: #fff; z-index: 999999; max-height: 90%; border-radius: 6px; width: calc(100% - 30px); max-width: 790px; transition: .2s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; .modal-arrow-content { overflow: auto; padding: 5px 30px 30px 30px; max-height: calc(100vh - 150px); overflow-y: auto; @media (max-width: 768px) { padding: 5px 15px 30px 15px; } } &.is-active { transform: translate(-50%,-50%); opacity: 1; visibility: visible; pointer-events: auto; } .modal-close-arrow { position: absolute; right: 15px; top: 15px; cursor: pointer; } .modal-title-arrow { font-weight: bold; padding: 25px 0 0; font-size: 20px; @media (max-width: 768px) { font-size: 16px; } } p { margin-bottom: 0; } } .special-conditions { .modal-title-arrow { font-weight: bold; padding: 25px 0 0; font-size: 20px; @media (max-width: 768px) { font-size: 16px; } } p { margin-bottom: 0; @media (max-width: 768px) { font-size: 14px; } } } .block-advantages { border: 1px solid #155180; padding: 20px; @media (min-width: 769px) { margin-top: 20px; } .block-advantages-title { font-weight: bold; margin-bottom: 10px; } .block-advantages-text { color: #155180; } p { margin-bottom: 0; @media (max-width: 769px) { font-size: 14px; } } } .catalog__element-advantages { padding-top: 50px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px 20px; @media (max-width: 768px) { grid-template-columns: 1fr; } .catalog__element-advantages-item { padding: 20px; .catalog__element-advantages-title { font-weight: bold; margin-bottom: 10px; } .catalog__element-advantages-el { a { font-weight: bold; } } &.--bl1 { background: #114771; color: #FFFFFF; .catalog__element-advantages-el { display: flex; justify-content: space-between; @media (max-width: 768px) { flex-direction: column; } } .catalog__element-advantages-contact { @media (max-width: 768px) { display: flex; flex-direction: column; gap: 10px; } } span { flex: 0 0 55%; text-align: left; } } &.--bl2 { padding: 0; border: 1px solid #EFEFEF; .--bl2-nb { padding: 20px; } .catalog__element-advantages-cols { display: flex; justify-content: space-between; height: 100%; } .--arrow { background: #155180; display: flex; align-items: center; padding: 20px; border: none; outline: none; transition: .2s ease-in-out; margin: -1px; &:hover { background: #294F97; } } } &.--bl3 { background: #114771; color: #FFFFFF; .catalog__element-advantages-cols { display: flex; justify-content: space-between; height: 100%; gap: 20px; } .bx-blue { span { display: inline-block; font-weight: bold; font-size: 18px; color: #f12c22; margin-bottom: 10px; width: 100%; text-align: center; } } } } } .catalog__content .product-item-detail-tabs-container { padding-top: 50px; } .catalog__content .product-item-detail-tabs-container .product-item-detail-tabs-list .product-item-detail-tab{ display: inline-block; vertical-align: top; margin: 0; } .catalog__content .product-item-detail-tabs-container .product-item-detail-tabs-list .product-item-detail-tab a { font-style: normal; font-weight: normal; font-size: 18px; line-height: 21px; color: #000000; padding: 18px 20px; position: relative; display: block; height: auto; } .catalog__content .product-item-detail-tabs-container .product-item-detail-tabs-list .product-item-detail-tab a:before { position: absolute; bottom: -2px; left: 0; right: 0; height: 3px; bottom: 0; background: #000; opacity: 0; content: ''; } .catalog__content .product-item-detail-tabs-container .product-item-detail-tabs-list .product-item-detail-tab.active a { font-weight: bold; } .catalog__content .product-item-detail-tabs-container .product-item-detail-tabs-list .product-item-detail-tab.active a:before { opacity: 1; } .catalog__content .product-item-detail-tab-content { padding: 34px 0; } .catalog__content .product-item-detail-tab-content .title_tab { display: none; } .catalog__element-tabs .product-item-detail-tabs-container{ position: relative; } .catalog__element-tabs .product-item-detail-tabs-container:after { position: absolute; content: ''; bottom: 0; left: -3000px; right: -3000px; border-bottom: 1px solid #A8A8A8; } .content { overflow: hidden; } .catalog__content .product-item-detail-tab-content { color: #000000; } @media all and (min-width: 1000px) and (max-width: 1200px) { .card_page .left_block { flex: 0 0 280px; max-width: 280px; margin-right: 20px; } .card_page .right_block { flex: 0 0 300px; margin-left: 20px; } .right_block .r_inner { padding: 20px; } } .product-item-detail-slider-left { position: absolute; top: 0; bottom: 0; left: -22px; width: 45px; height: 45px; background: #fff url("images/left_ar.svg") 47% 50% no-repeat; border-radius: 50%; margin: auto; cursor: pointer; } .product-item-detail-slider-right { position: absolute; top: 0; bottom: 0; right: -22px; width: 45px; height: 45px; background: #fff url("images/left_ar.svg") 50% no-repeat; border-radius: 50%; margin: auto; transform: rotate(180deg); cursor: pointer; } .product-item-detail-slider-left,.product-item-detail-slider-right { z-index: 10; } @media all and (min-width: 1000px) { .product-item-detail-slider-left,.product-item-detail-slider-right { width: 30px; height: 30px; border: 1px solid #D3D3D3; border-radius: 0; } .product-item-detail-slider-left { background: rgba(255, 255, 255, 0.83) url("images/left_ar.svg") 47% 50% no-repeat; background-size: 10px; left: -10px; } .product-item-detail-slider-right { right: -10px; background: rgba(255, 255, 255, 0.83) url("images/left_ar.svg") 50% no-repeat; background-size: 10px; } } .catalog__content .product-item-detail-tabs-container ul{ display: flex; } @media all and (min-width: 1000px) { .catalog__content .product-item-detail-tabs-container ul{ justify-content: space-between; } } @media all and (max-width: 999px) { .card_page { display: block; padding-top: 15px; } .product-item-detail-slider-left,.product-item-detail-slider-right { display: block; } .card_page .left_block { padding: 20px 0 0; margin: 0 auto; max-width: 360px; } .catalog__content .product-item-detail-slider-container { position: relative; } .product-item-detail-slider-controls-block { padding: 0; position: absolute; bottom: 17px; left: 0; right: 0; text-align: center; } .product-item-detail-slider-controls-block > div { width: 10px; height: 10px; margin: 0 7.5px; background: rgba(142, 142, 142, 0.58); border-radius: 50%; } .product-item-detail-slider-controls-block > div.active { background: #fff; } .product-item-detail-slider-controls-block > div img { display: none; } .card_page .bx-title { padding-bottom: 0; margin: 0; font-size: 24px; line-height: 28px; } .link_popup { padding-bottom: 21px; } .pr_block { padding: 15px 10px 14px 8px; } .in_fo_block { padding-top: 19px; padding-bottom: 27px; } .card_page .right_block { margin: 0; } .right_block .r_inner { padding: 21px 20px 20px; } .heshtek { padding: 13px 0 14px; } .catalog__content .product-item-detail-tabs-container { padding-top: 30px; } .catalog__content .product-item-detail-tabs-container ul{ overflow: auto; } .catalog__content .product-item-detail-tab-content { padding: 24px 0; } .catalog__content .product-item-detail-tabs-container .product-item-detail-tabs-list .product-item-detail-tab a { white-space: nowrap; } .catalog__content .product-item-detail-tabs-container .product-item-detail-tabs-list .product-item-detail-tab { margin-right: 0; } .catalog__content .product-item-detail-tabs-container { position: relative; } .catalog__content .product-item-detail-tabs-container:before { content: ''; position: absolute; bottom: 0; width: 70px; height: 60px; right: -15px; box-shadow: inset -34px 0 10px 1px rgba(255,255,255, .9); z-index: 100; } } .bx_pagination_section_one { text-align: right; padding-top: 15px; font-size: 0; } .bx_pagination_section_one .bx_pg_section.pg_pagination_num { display: inline-block; vertical-align: top; } .bx_pagination_section_one .bx_pg_section.pg_pagination_num input { border: 1px solid #CDCDCD; width: 45px; height: 34px; font-family: 'Roboto'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #000000; text-align: center; display: block; border-radius: 8px; } .bx_pagination_page .pagination-all { margin: 0 15px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #000000; display: inline-block; vertical-align: middle; } .bx_pagination_page .pagination-prev-go { background: #FFFFFF; color: #114771 !important; width: 30px; height: 30px; cursor: pointer; position: relative; font-size: 0; display: inline-block; vertical-align: middle; border-radius: 8px; margin-right: 10px; } .bx_pagination_page .pagination-next-go { background: #FFFFFF; color: #114771 !important; width: 30px; height: 30px; cursor: pointer; position: relative; font-size: 0; display: inline-block; vertical-align: middle; border-radius: 8px; } .bx_pagination_page .pagination-prev-go:before { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%); background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.299719 4.99997C0.299719 4.82075 0.368149 4.64155 0.504722 4.50492L4.80454 0.205141C5.07806 -0.0683805 5.52153 -0.0683805 5.79494 0.205141C6.06835 0.478553 6.06835 0.921933 5.79494 1.19548L1.99022 4.99997L5.79481 8.80449C6.06822 9.07801 6.06822 9.52135 5.79481 9.79474C5.5214 10.0684 5.07793 10.0684 4.80441 9.79474L0.504589 5.49503C0.367994 5.35832 0.299719 5.17913 0.299719 4.99997Z' fill='%23155180'/%3E%3C/svg%3E%0A") center center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.299719 4.99997C0.299719 4.82075 0.368149 4.64155 0.504722 4.50492L4.80454 0.205141C5.07806 -0.0683805 5.52153 -0.0683805 5.79494 0.205141C6.06835 0.478553 6.06835 0.921933 5.79494 1.19548L1.99022 4.99997L5.79481 8.80449C6.06822 9.07801 6.06822 9.52135 5.79481 9.79474C5.5214 10.0684 5.07793 10.0684 4.80441 9.79474L0.504589 5.49503C0.367994 5.35832 0.299719 5.17913 0.299719 4.99997Z' fill='%23155180'/%3E%3C/svg%3E%0A") center center / contain no-repeat; } .bx_pagination_page .pagination-next-go:before { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%) rotate(180deg); background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.299719 4.99997C0.299719 4.82075 0.368149 4.64155 0.504722 4.50492L4.80454 0.205141C5.07806 -0.0683805 5.52153 -0.0683805 5.79494 0.205141C6.06835 0.478553 6.06835 0.921933 5.79494 1.19548L1.99022 4.99997L5.79481 8.80449C6.06822 9.07801 6.06822 9.52135 5.79481 9.79474C5.5214 10.0684 5.07793 10.0684 4.80441 9.79474L0.504589 5.49503C0.367994 5.35832 0.299719 5.17913 0.299719 4.99997Z' fill='%23155180'/%3E%3C/svg%3E%0A") center center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.299719 4.99997C0.299719 4.82075 0.368149 4.64155 0.504722 4.50492L4.80454 0.205141C5.07806 -0.0683805 5.52153 -0.0683805 5.79494 0.205141C6.06835 0.478553 6.06835 0.921933 5.79494 1.19548L1.99022 4.99997L5.79481 8.80449C6.06822 9.07801 6.06822 9.52135 5.79481 9.79474C5.5214 10.0684 5.07793 10.0684 4.80441 9.79474L0.504589 5.49503C0.367994 5.35832 0.299719 5.17913 0.299719 4.99997Z' fill='%23155180'/%3E%3C/svg%3E%0A") center center / contain no-repeat; } .bx_pagination_page .pagination-next-go a,.bx_pagination_page .pagination-prev-go a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; font-size: 0; background: none; z-index: 1; } .bx_pagination_page .pagination-next-go:hover, .bx_pagination_page .pagination-prev-go:hover { background-color: #114771; color: #FFFFFF !important; } .img-invert { display: none; } .btn.btn-black.header_btn { background: #294F97; margin: 0 6px; padding: 14px 19px; display: none; font-style: normal; font-weight: 500; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #FFFFFF; text-decoration: none; order: 3; } .burger_menu { display: none; flex: 0 0 88px; margin: 0 20px 0 0; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; text-align: right; text-transform: uppercase; color: #FFFFFF; position: relative; cursor: pointer; } .burger_menu span { position: absolute; top: 0; bottom: 0; left: 0; width: 20px; height: 14px; margin: auto; border: solid #fff; border-width: 2px 0; } .burger_menu span:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; margin: auto; height: 2px; background: #fff; } .burger_menu.active { color: #5C7BB4; } .burger_menu.active span { border-color: transparent; background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.89321 6.00097L11.815 1.07915C12.0617 0.832491 12.0617 0.432601 11.815 0.185968C11.5684 -0.0606874 11.1685 -0.0606874 10.9218 0.185968L5.99999 5.10779L1.07817 0.185968C0.831514 -0.0606874 0.431624 -0.0606874 0.184992 0.185968C-0.0616405 0.432624 -0.061664 0.832514 0.184992 1.07915L5.10681 6.00097L0.184992 10.9228C-0.061664 11.1694 -0.061664 11.5693 0.184992 11.816C0.431648 12.0626 0.831538 12.0626 1.07817 11.816L5.99999 6.89414L10.9218 11.816C11.1684 12.0626 11.5684 12.0626 11.815 11.816C12.0616 11.5693 12.0616 11.1694 11.815 10.9228L6.89321 6.00097Z' fill='%235C7BB4'/%3E%3C/svg%3E%0A") 50% no-repeat; } .burger_menu.active span:before { display: none; } header { z-index: 100 !important; } @media all and (min-width: 1025px) { body.fixed { padding-top: 70px; } body.fixed .btn.btn-black.header_btn, body.fixed .burger_menu { display: block; } body.fixed .header-menu { position: fixed; top: 0; left: 0; right: 0; z-index: 3000 !important; display: flex; flex-direction: column; } body.fixed .header-menu .container-fluid { display: none; order: 1; width: 100%; background: #fff; } body.fixed .header-menu .container-fluid.active { display: block; } body.fixed header { box-shadow: none; } body.fixed .header-menu { background: #155180; } body.fixed .header-menu > .container.inner_header > .row { padding: 14px 0 12px; } body.fixed .header-menu > .container.inner_header .header__logo .img-responsive{ display: none; } body.fixed .header-menu > .container.inner_header .header__logo .img-invert { display: block; } body.fixed .header-menu .sidebar__menu.sidebar__menu-new > a { background: none; box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.46); } body.fixed .header-menu .sidebar__menu.sidebar__menu-new > a[aria-expanded="true"] { background: #fff; } body.fixed .sidebar__menu.sidebar__menu-new .sidebar__menu-items { } body.fixed .phone__column span:first-child { color: #ffffff; } body.fixed .phone__column span.email-span a, body.fixed .phone__column:nth-child(2) span:nth-child(2){ color: #ffffff; } body.fixed .phone__column:first-child span:first-child:before { filter: invert(100%); } body.fixed .phone__column span.email-span:before { filter: invert(100%); } body.fixed .header-country-chhose .fa { filter: invert(100%); } body.fixed .phone__column:last-child { border: none; } body.fixed .cart_block_b { order: 3; width: 40px; } body.fixed .search_block { order: 1; position: relative; } body.fixed .search_block .navbar__icons-item > a{ display: block !important; width: 44px; height: 44px; background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M7.49638 0.0204468C3.36292 0.0204468 0 3.37417 0 7.49638C0 11.6186 3.36295 14.9723 7.49638 14.9723C11.6298 14.9723 14.9928 11.6186 14.9928 7.49638C14.9928 3.37417 11.6298 0.0204468 7.49638 0.0204468ZM7.49638 13.7434C4.04046 13.7434 1.22892 10.9408 1.22892 7.49635C1.22892 4.05168 4.04046 1.24933 7.49638 1.24933C10.9523 1.24933 13.7639 4.05168 13.7639 7.49635C13.7639 10.9408 10.9523 13.7434 7.49638 13.7434Z' fill='%23ffffff'/%3E%3Cpath d='M16.8191 15.9294L12.7841 11.915C12.5435 11.6757 12.1545 11.6768 11.9151 11.9172C11.6759 12.1579 11.6769 12.5468 11.9173 12.7863L15.9523 16.8007C16.0723 16.9199 16.2288 16.9795 16.3857 16.9795C16.5436 16.9795 16.7013 16.9191 16.8214 16.7985C17.0606 16.5578 17.0596 16.1689 16.8191 15.9294Z' fill='%23ffffff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='17' height='17' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50% no-repeat; border: 1px solid #BBBBBB; } body.fixed .search_block .navbar__icons-item > a:before { display: none; } body.fixed .navbar__icons-item .search-form { display: none; } body.fixed #navbar__cart-icon .fa.fa-shopping-cart{ background: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M15.9407 28.5913C15.9407 30.1049 14.7138 31.3319 13.2002 31.3319C11.6866 31.3319 10.4596 30.1049 10.4596 28.5913C10.4596 27.0777 11.6866 25.8507 13.2002 25.8507C14.7138 25.8507 15.9407 27.0777 15.9407 28.5913ZM24.2969 25.8507C22.7834 25.8507 21.5564 27.0777 21.5564 28.5913C21.5564 30.1049 22.7834 31.3319 24.2969 31.3319C25.8105 31.3319 27.0375 30.1049 27.0375 28.5913C27.0375 27.0777 25.8105 25.8507 24.2969 25.8507ZM32.8039 12.9853L29.4317 23.0083C29.4317 23.0083 29.1525 24.4957 27.7303 24.4957C26.308 24.4957 12.3994 24.4957 10.7021 24.4957C9.00477 24.4957 8.93344 22.6313 8.93344 22.6313C8.93344 22.6313 7.12407 9.20765 7.03441 8.39668C6.94475 7.58571 5.90763 6.98463 5.90763 6.98463L1.44529 4.90017C-0.997791 3.6226 0.112694 1.19175 1.44529 1.75005C7.10369 4.41929 9.73219 5.73355 9.90131 6.78495C10.0725 7.83838 10.37 10.3752 10.37 10.3752V10.3915C10.4046 10.3813 10.429 10.3752 10.429 10.3752C10.429 10.3752 27.7812 10.3752 31.2859 10.3752C33.8043 10.3752 32.8039 12.9894 32.8039 12.9853ZM27.9259 18.5663L27.8912 18.5684H11.3826L11.7229 21.2661H27.1231L27.9259 18.5663ZM29.5335 13.126H10.7L11.0627 16.0092C14.6754 16.0092 25.2546 16.0092 28.6818 16.0092L29.5335 13.126Z' fill='%23ffffff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='33' height='33' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50% no-repeat; } body.fixed .navbar__icons-item a.fa-shopping-cart .badge { color: #000000; background: #fff; } body.fixed #navbar__cart-icon .fa.fa-shopping-cart { width: 40px; } body.fixed .search_block { position: relative; } body.fixed .search_block .search-form { position: absolute; top: 0; bottom: 0; right: 7px; z-index: 10; } body.fixed .search_block .search-form form { width: 365px; } body.fixed .search_block.open .fa-search { opacity: 0; } body.fixed .search_block.open .search-form { display: block; } body.fixed .navbar__icons-item .search-form form input[type="text"] { background: url("data:image/svg+xml,%3Csvg width='365' height='44' viewBox='0 0 365 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5H346.85L364.355 22L346.85 43.5H0.5V0.5Z' fill='white' stroke='%23155180'/%3E%3C/svg%3E%0A") 0 no-repeat; } body.fixed .sidebar__menu.sidebar__menu-new .sidebar__menu-items { left: -350px; max-height: 440px; } body.fixed .header-menu .container-fluid .header__nav-inner{ background: none; } body.fixed .header-menu .container-fluid .header__nav-inner .container { background: #fff; box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.25); } body.fixed .header-menu .navbar__menu-item a { color: #000; } body.fixed .header-menu .header-country-chhose { color: #000; } body.fixed .header-menu .navbar__fast-order { display: none; } } .serach-container-body { text-align: right; } @media all and (max-width: 991px) { .content__sidebar .sidebar__menu { display: none; } } .serach-container-body > a { font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; text-decoration-line: underline; text-transform: uppercase; color: #155180; margin-top: 13px; margin-right: 20px; display: inline-block; } .serach-container-body .ajax-body-search { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; } .serach-container-body .search-section-catalog{ position: relative; max-height: 350px; margin-bottom: 16px; width: 100%; } .serach-container-body .search-section-catalog:after { content: ''; position: absolute; bottom: -19px; left: -25px; right: -25px; background: #CDCDCD; height: 1px; } .serach-container-body .search-section-catalog li { display: inline-block; vertical-align: top; width: 33.33%; padding-right: 15px; } .serach-container-body .search-section-catalog li a { font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #000000; text-decoration: none; } .serach-container-body .search-section-catalog li a:hover { color: #294f97; } .serach-container-body .catalog__stock_item.catalog__stock_item2 { flex: 0 0 calc(50% - 28px); margin-top: 0 !important; margin-bottom: 10px; } @media all and (max-width: 1024px){ .serach-container-body { text-align: center; } .serach-container-body .ajax-body-search { display: block; } .serach-container-body > a { margin-top: 0; } .serach-container-body .search-section-catalog { margin-bottom: 20px; } .serach-container-body .search-section-catalog:after { bottom: -10px; } .serach-container-body .search-section-catalog li { width: 50%; } .serach-container-body .catalog__stock_item.catalog__stock_item2 { width: 100%; margin-bottom: 8px; margin-right: 20px; } } .mCSB_scrollTools { width: 10px; } .mCSB_scrollTools .mCSB_draggerRail { width: 10px; background: #EFEFEF; border-radius: 20px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 10px; background: #155180; border-radius: 20px; } .main__reviews-item a { cursor: pointer; } #navbar-main .header__info { display: none; } #navbar-main .navbar__fast-order { display: none; } @media all and (max-width: 1024px){ #navbar-main.navbar-collapse.collapse { position: absolute; top: 60px; left: 0; width: 336px; background: #fff; box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.25); padding: 18px 14px; z-index: 1000; } .navbar__panel #navbar-main.navbar-collapse.collapse.in{ display: block !important; } #navbar-main.navbar-collapse.collapse .navbar__menu { padding-bottom: 18px; } #navbar-main.navbar-collapse.collapse .navbar__menu-item { display: block; border: none; } #navbar-main.navbar-collapse.collapse .navbar__menu-item a { font-style: normal; font-weight: normal; font-size: 16px; line-height: 30px; color: #000000; padding: 2px 0; } #navbar-main .navbar__fast-order { display: block; padding-bottom: 19px; margin: 0; } #navbar-main .navbar__fast-order .btn.btn-black{ display: block; width: 100%; padding: 12px 10px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; text-align: center; } #navbar-main .header__info { display: block; } #navbar-main .header__info .phone__column { width: 43%; } #navbar-main .header__info .phone__column:first-child { width: 168px; } .navbar__panel .navbar-toggle[aria-expanded="true"] i { opacity: 0; } .navbar__panel .navbar-toggle[aria-expanded="true"] { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3398 9.00001L17.7225 1.61726C18.0925 1.24727 18.0925 0.647438 17.7225 0.277488C17.3526 -0.0924962 16.7527 -0.0924962 16.3827 0.277488L8.99998 7.66024L1.61725 0.277488C1.24727 -0.0924962 0.647436 -0.0924962 0.277488 0.277488C-0.0924607 0.647473 -0.0924959 1.24731 0.277488 1.61726L7.66021 9.00001L0.277488 16.3828C-0.0924959 16.7527 -0.0924959 17.3526 0.277488 17.7225C0.647471 18.0925 1.24731 18.0925 1.61725 17.7225L8.99998 10.3398L16.3827 17.7225C16.7526 18.0925 17.3525 18.0925 17.7225 17.7225C18.0924 17.3525 18.0924 16.7527 17.7225 16.3828L10.3398 9.00001Z' fill='black'/%3E%3C/svg%3E%0A"); background-position: 50%; background-repeat: no-repeat; } } .content__sidebar .sidebar__menu .sidebar__menu-items > li .sidebar__menu-items-inner-wr .sidebar__category-items-popup-inner.my-wrap ul{ flex: 0 0 47%; padding-top: 5px; flex-grow: 1; flex-shrink: 0; /*display: flex;*/ } .content__sidebar .sidebar__menu .sidebar__menu-items > li .sidebar__menu-items-inner-wr .sidebar__category-items-popup-inner.my-wrap ul.popular-sections{ padding: 20px 27px; box-sizing: border-box; background: #EFF3FA; width: 48%; margin-right: 5%; } .content__sidebar .sidebar__menu .sidebar__menu-items > li .sidebar__menu-items-inner-wr .sidebar__category-items-popup-inner.my-wrap ul li{ /*flex: 0 0 33.33%;*/ } .marquee-container { width: 100%; overflow: hidden; background: #155180; backdrop-filter: blur(10px); padding: 5px 0; position: relative; } .marquee-content { display: flex; white-space: nowrap; will-change: transform; } .marquee-item { display: inline-flex; align-items: center; padding: 0 60px; } .marquee-text { color: #fff; font-size: 14px; } .catalog__sort_n { margin-bottom: 12px; } .product-item { padding: 4px 8px 4px 4px; border: 1px solid #dadada; margin-bottom: 8px; } .product-item-image-wrapper { width: 66px; height: 66px; padding: 0; aspect-ratio: 1/1; margin-bottom: 0; } .product-item-image-wrapper img { position: static; width: 100%; height: 100%; object-fit: cover; } .product-item { display: flex; } .product-item .product-item-title-block { display: flex; flex-wrap: wrap; gap: 16px; } .product-item .product-item-title { white-space: unset; margin-bottom: 0; margin-right: 0; } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus{ font-size: 0px !important; } .catalog-section-slider .product-item { align-items: center; } .catalog-section-slider .product-item-amount-description-container, .catalog__content .product-item-amount-description-container { display: none !important; } .catalog-section-slider .product-item-container .product-item-info-container.product-item-hidden, .catalog__content .product-item-container .product-item-info-container.product-item-hidden { display: block !important; opacity: 1 !important; } .catalog-section-slider .product-item-container .product-item-info-container.product-item-hidden, .catalog__content .product-item-container .product-item-info-container.product-item-hidden { display: block !important; opacity: 1 !important; margin-bottom: 0; } .catalog-section-slider .product-item-title a, .catalog__content .product-item-title a { font-size: 16px; } .catalog-section-slider .product-item .product-item-amount-field { width: 60px; font-size: 16px; line-height: 1.3; } .catalog__content .product-item-line-card .product-item-title a { font-size: 12px; } .tesk-modal-call { margin-top: 40px; } .sidebar__menu .menu-list>li { position: relative; }