/* Start:/bitrix/templates/.default/libs/css/jquery.mCustomScrollbar.min.css?167118208442839*/
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/bitrix/templates/.default/libs/css/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)}
/* End */
/* Start:/bitrix/templates/.default/libs/css/custom.css?178524012716059*/
/**/
.datepicker-event-wrapper{
margin-bottom: 2rem;
}
.mobile-menu-bottom-nav li{
position: relative;
}
.mobile-popup-item{
margin-bottom: 20px;
}
.mobile-popup-res-img{
width: 100%;
height: auto;
}
.mobile-popup-item-img{
display: block;
max-height: 200px;
overflow: hidden;
font-size: 0;
margin-bottom: 1.5rem;
}
.mobile-popup-item-title{
font-size: 1.8rem;
font-weight: bold;
display: block;
}
.MobileDatePopup{
padding: 30px 15px;
min-height: 200px;
background: #fff;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.mobile-menu-arrow.active{
transform: scale(-1);
}
.mobile-menu-sub-link{
padding-left: 3rem;
}
.select-city-trigger {
cursor: pointer;
}
.select-city-widget.active .up-arrow-ico {
transform: scale(-1);
}
.mobile-menu-arrow{
z-index: 9;
}
.desctop-header-nav-sub li {
display: block;
}
.pointer {
cursor: pointer;
}
.mounth-widget-trigger.active {
transform: scale(-1);
pointer-events: none;
}
.mounth-widget-list.active {
opacity: 1;
transform: translateY(0);
pointer-events: all;
}
.mounth-widget-list-item:hover {
text-decoration: underline;
text-decoration-color: #fd8c28;
}
.mounth-widget-list-item.active {
font-weight: 600;
color: #fd8c28;
}
.mounth-widget-trigger {
pointer-events: all;
cursor: pointer;
}
.mounth-widget {
position: relative;
}
.mounth-custom-scroll {
max-height: 200px;
overflow: auto;
}
.mounth-widget-list {
opacity: 0;
pointer-events: none;
transform: translateY(20px);
border-radius: 4px;
-webkit-box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.37);
-moz-box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.37);
box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.37);
position: absolute;
width: 200px;
left: 0;
top: 100%;
background: #fff;
z-index: 7;
font-size: 14px;
padding: 2rem 1.5rem;
transition: all .2s ease-in;
}
.mounth-widget-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fd8c28;
}
.mounth-widget-list .mCSB_scrollTools .mCSB_draggerRail {
background-color: #efefef;
}
.mounth-widget-list a {
display: block;
margin-bottom: 1rem;
}
.desctop-header-top-nav li:hover .desctop-header-nav-sub-wrapper {
opacity: 1;
pointer-events: all;
}
.desctop-header-top-nav li {
margin-right: 0 !important;
}
.desctop-header-top-nav li span {
display: inline-block;
padding-right: 2.5rem;
}
.desctop-header-nav-sub li:not(:last-child) {
margin-bottom: 1.5rem;
}
.desctop-header-nav-sub .bx-active {
text-decoration: underline;
}
.desctop-header-nav-sub-wrapper:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #ffffff transparent;
left: 0;
position: absolute;
right: 0;
top: 10px;
margin: auto;
}
.has-child span {
position: relative;
}
.has-child span:after {
content: '';
width: 5px;
height: 5px;
border-radius: 2px;
display: inline-block;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
transform: rotate(-45deg);
position: absolute;
top: 7px;
right: 14px;
margin-left: 3px;
}
.desctop-header-nav-sub-wrapper {
pointer-events: none;
opacity: 0;
position: absolute;
left: 0;
transform: translateX(-30%);
top: 100%;
padding-top: 1.6rem;
}
.desctop-header-nav-sub {
-webkit-box-shadow: 0px 12px 29px 3px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0px 12px 29px 3px rgba(0, 0, 0, 0.23);
box-shadow: 0px 12px 29px 3px rgba(0, 0, 0, 0.23);
background: #fff;
padding: 4rem 3.5rem;
width: 294px;
color: #000;
top: 100%;
font-size: 1.4rem;
}
.desctop-header-nav-sub a {
display: block;
}
.persone-detail img {
margin-bottom: 20px;
}
.desctop-header-top-nav li {
position: relative;
}
.single-page-share {
margin-bottom: 30px;
}
.error {
border: 1px solid #ff0000;
color: #ff0000;
}
label.error {
border: none;
font-size: 13px;
}
.page-404-title span {
font-size: 390px;
font-weight: bold;
color: #f98325;
}
.page-404-title span:nth-child(2) {
font-weight: bold;
color: #f26d1a;
}
.page-404-title {
line-height: 1;
}
.page-404-title span:nth-child(3) {
font-weight: bold;
color: #f06717;
}
.page-404 {
text-align: left;
margin-bottom: 4rem;
}
.page-404-subtitle {
font-size: 4.4rem;
font-weight: bold;
}
.page-404-desc {
font-size: 1.4rem;
}
.page-404-desc {
margin-bottom: 3rem;
}
@media(max-width:990px) {
.page-404 {
text-align: center;
}
.page-404-title span {
font-size: 300px;
}
}
@media(max-width:720px){
}
@media(max-width:680px) {
.page-404-subtitle {
font-size: 24px;
}
.page-404-title span {
font-size: 250px;
}
}
@media(max-width:580px) {
.page-search-form-submit-wr{
margin-left: 1rem !important;
}
.mounth-widget{
margin-top: 15px;
width: 100%;
display: block;
}
.mounth-widget-list{
left: 0;
right: 0;
margin: auto;
}
.page-404-title span {
font-size: 150px;
}
}
@media(max-width:360px) {
.page-404-title span {
font-size: 120px;
}
}
/**/
.search-page form{
display: flex;
align-items: center;
}
.search-tile{
padding-bottom: 15px;
padding-top: 15px;
border-bottom: 1px solid #fa8626;
}
.search-tile p{
font-size: 14px;
}
.search-tile > a{
display: block;
font-weight: bold;
margin-bottom: 10px;
}
.page-search-form-submit-wr:before {
position: absolute;
top: -6px;
pointer-events: none;
right: 0;
bottom: 0;
left: 2px;
display: inline-block;
width: 8px;
height: 8px;
margin: auto;
content: '';
transform: rotate(45deg);
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.page-search-form-submit-wr{
top: 3px;
flex-shrink: 0;
margin-left: 2rem;
position: relative;
display: inline-block;
}
.datepicker-event-content{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.datepicker-event{
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
.page-search-form-submit{
width: 56px;
height: 40px;
border-radius: 20px;
background: linear-gradient(to right, #fc8c29, #ec5a12);
}
.datepicker-event-content{
padding: 1rem 1.7rem 3rem;
position: relative;
}
.search-page select{
height: 40px;
border: 1px solid #eee;
}
.search-page input[type="text"]{
max-width: 500px;
width: 100%;
height: 40px;
padding-right: 60px;
padding-left: 2rem;
border: 1px solid #eee;
}
.datepicker-event-content.imagered *{
position: relative;
z-index: 3;
}
.datepicker-event-content.imagered:hover:before{
background: rgba(0, 0, 0, .3);
}
.datepicker-event-content.imagered:hover{
color: #fff;
}
.datepicker-event-content.imagered:hover .datepicker-event-info{
color: #fff;
}
.datepicker-event-content.imagered:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
transition: all .2s ease-in;
background: rgba(255, 255, 255, .7);
}
.footer-soc-link.od{
fill:#fd8c28;
}
.soc-widget-tab .tab-widget-content{
overflow: hidden;
}
@media(max-width:820px){
.afisha-item-right{
padding-left: 0;
}
.afisha-item-left img{
width: 100%;
}
.afisha-item-left{
width: 100%;
}
.afisha-item-row{
flex-wrap: wrap;
}
}
.afisha-item-data {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-ms-align-items: center;
align-items: center;
margin: 5rem 0 4rem 0;
flex-wrap: wrap;
}
.afisha-item-date-item {
text-align: center;
margin-bottom: 2rem;
margin-right: 3rem;
width: 7.2rem;
}
.afisha-item-date-date {
border: 1px solid #eee;
padding: .5rem 0;
}
.afisha-item-date-time {
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}
.afisha-item-date-date-1 {
font-size: 3.2rem;
font-weight: bold;
color: #131313;
margin-top: -.3rem;
margin-bottom: -0.8rem;
}
.afisha-item-date-date-2 {
font-size: 1.4rem;
color: #777;
font-weight: normal;
display: block;
margin-bottom: .3rem;
}
.afisha-item-date-time {
font-size: 1.4rem;
color: #131313;
font-weight: normal;
padding: .5rem 0;
border-left: 1px solid #eee;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}
.afisha-item-date-item:hover .afisha-item-date-date,
.afisha-item-date-item:hover .afisha-item-date-time {
border-color: #e9510e;
transition: .25s ease-in;
}
@media(max-width:1070px){
.afisha-item-date-item{
margin-right: 1.5rem;
}
}
@media(max-width:580px){
.afisha-item-data{
margin-left: -15px;
margin-right: -15px;
}
.afisha-item-date-date-1{
font-size: 2.4rem;
}
.afisha-item-date-item{
width: 20%;
left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
}
}
@media(max-width:400px){
.afisha-item-date-item{
width: 33.3%;
}
}
/*
#widget-fb {
height: 480px;
}
.lfloat {
margin-left: 0;
}
a._42ft._4jy0._opc.pluginConnectButtonDisconnected._4jy3._517h._51sy {
padding: 0 6px;
}
.rfloat {
margin-right: 0;
}
button._4jy3._51sy._4jy0._4jy3._517h._51sy._42ft {
padding: 0px 4px;
}
._2ph- {
padding: 4px;
}
._2p3a {
min-width: 180px;
width: 274px;
}
*/
.soc-widget-tab .tab {
overflow: hidden;
border-radius: 3px;
}
#vk_groups,
#fb_groups {
margin: auto;
}
.soc-widget-tab {
max-width: 366px;
margin-left: 0;
}
.datepicker-wrapper-main_style-active {
opacity: 1;
transform: translateY(0);
pointer-events: all;
top: 0;
position: static;
}
.datepicker-wrapper-main_style-active .datepicker-small {
position: static;
z-index: 1;
}
.datepicker-small-day {
margin-bottom: 0rem;
padding-right: 3rem;
}
.datepicker-small-item-place {
margin-bottom: 2rem;
}
.datepicker-small-day-item a.btn {
font-size: 0.6em;
white-space: nowrap;
padding: 10px 25px;
max-width: 100%;
}
.left-sidebar-link-custom i {
transform: rotate(0);
}
.left-sidebar-link-custom {
font-weight: bold;
display: inline-flex;
padding: 1.3rem 1.4rem;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
border-radius: 30px;
align-items: center;
justify-content: center;
transition: all .2s ease-in;
color: #e9510e;
border-color: #e9510e;
background: transparent;
font-size: 1.5rem;
}
.psevdo-youtube-placeholder img{
width:100%;
}
.pushkin-card-block
{
min-width:400px;
line-height: 20px;
min-width: 350px;
line-height: 20px;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-ms-align-items: center;
align-items: center;
color:000;
margin-right: 2rem;
font-weight:600
}
.pushkin-card-block span
{
text-transform:uppercase;
font-weight:bold
}
.desctop-header-phone-offset {
margin-right: 2rem;
}
.mobile-menu .card-block-item img
{
height:60px
}
.mobile-menu-top-button {
padding: 7px 10px 5px 10px;
}
.popup-banner
{
position:fixed;
top:50%;
right:50%;
margin:-200px -410px 0 0;
z-index:6;
max-width:100%;
}
.popup-banner img
{
max-width:100%;
}
.popup-banner-wrapper.open
{
display:block
}
.close-popup-banner:after, .close-popup-banner:before {
content: "";
display: inline-block;
position: absolute;
height: 2px;
width: 16px;
top: calc(50% - 1px);
left: calc(50% - 8px);
background:#ddd;
}
.close-popup-banner:hover:after, .close-popup-banner:hover:before {
background:#fff;
}
.close-popup-banner:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.close-popup-banner:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.close-popup-banner {
display: inline-block;
position: absolute;
top:-30px;
right:-35px;
margin: 0;
padding: 0;
border: 0;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
border-radius: 0;
cursor: pointer;
vertical-align: top;
outline: none;
}
.close-popup-banner:focus:not([disabled]), .close-popup-banner:hover:not([disabled]) {
color: #fff;
}
.popup-banner-wrapper
{
width:100%;
z-index:1000;
height:100%;
position:fixed;
background: rgba(0, 0, 0, 0.7);
display:none;
top:0;
left:0
}
.mob
{
display:none
}
/* News category filter */
.news-filter {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 2.5rem;
}
.news-filter-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 1rem 2rem 0.8rem;
font-size: 1.4rem;
font-weight: bold;
text-transform: uppercase;
border: 2px solid #e9510e;
border-radius: 30px;
color: #e9510e;
background: transparent;
transition: all .2s ease-in;
text-decoration: none;
line-height: 1;
white-space: nowrap;
}
.news-filter-btn:hover,
.news-filter-btn.active {
color: #fff;
background: #e9510e;
}
@media (max-width:768px){
.mob
{
display:block
}
.no-mob
{
display:none
}
.popup-banner {
margin: -85px -85px 0 0;
}
.news-filter {
gap: 0.6rem;
}
.news-filter-btn {
padding: 0.7rem 1.4rem 0.5rem;
font-size: 1.2rem;
}
}
/* ===========================================================================
Бейдж корзины в шапке.
Единственная часть стилей магазина, которая живёт глобально: бейдж
отрисовывается в шапке на каждой странице. Всё остальное — в
/shop/css/app.css и грузится только на /shop/*.
Правим custom.css, а не styles.css: бампать styles.css?12 -> ?13 значит
инвалидировать 229 КБ для каждого посетителя ради тридцати строк.
=========================================================================== */
.shop-cart-link {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 4rem;
height: 4rem;
color: #222;
text-decoration: none;
transition: color .15s ease;
}
.shop-cart-link:hover { color: #ec5a12; }
.shop-cart-link.has-items { color: #ec5a12; }
.shop-cart-link__icon {
width: 2.4rem;
height: 2.4rem;
display: block;
}
.shop-cart-link__count {
position: absolute;
top: .2rem;
right: .1rem;
min-width: 1.8rem;
height: 1.8rem;
padding: 0 .4rem;
box-sizing: border-box;
font-size: 1.1rem;
font-weight: 700;
line-height: 1.8rem;
text-align: center;
color: #fff;
background: #ec5a12;
border-radius: 1rem;
}
/* Десктопная шапка: бейдж встаёт в ряд с поиском и переключателем языка */
.shop-cart-link--desktop { margin-left: 1.5rem; }
/* Мобильная шапка: между логотипом и бургером. Бургер #nav-icon1
спозиционирован абсолютно, поэтому оставляем ему место справа. */
.shop-cart-link--mobile {
margin-left: auto;
margin-right: 4.5rem;
}
/* End */
/* Start:/bitrix/templates/.default/libs/css/styles.css?1790231524239379*/
/*reset*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: .67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
/* 1 */
overflow: visible;
box-sizing: content-box;
/* 1 */
height: 0;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
border-bottom: none;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
color: #000;
background-color: #ff0;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
padding: 0;
border-style: none;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: .35em .75em .625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
/* 2 */
display: table;
box-sizing: border-box;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
color: inherit;
/* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type='checkbox'],
[type='radio'] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type='search'] {
/* 1 */
outline-offset: -2px;
-webkit-appearance: textfield;
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
/* 1 */
font: inherit;
-webkit-appearance: button;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
img {
max-width: 100%;
}
html {
font-size: 62.5%;
}
body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 1.6rem;
line-height: 1.2;
color: #333;
}
a {
text-decoration: none;
color:inherit;
}
/*reset*/
/*grid*/
.col {
box-sizing: border-box;
max-width: 100%;
padding: 0 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.col--no-gutters {
padding: 0;
}
.grid {
box-sizing: border-box;
padding: 0 15px;
}
.grid--container {
width: 100%;
max-width: 1225px;
margin: 0 auto;
}
.grid--no-gutters {
padding: 0;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
box-sizing: border-box;
margin: 0 -15px;
padding: 0;
list-style: none;
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row:last-child {
margin-bottom: 0;
}
.row--no-gutters {
margin: 0;
}
.text--left {
text-align: left;
}
.text--right {
text-align: right;
}
.text--center {
text-align: center;
}
.row--xs-top {
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.row--xs-center {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.row--xs-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.col--xs-align-top {
-ms-flex-item-align: start;
align-self: flex-start;
}
.col--xs-align-center {
-ms-flex-item-align: center;
align-self: center;
}
.col--xs-align-bottom {
-ms-flex-item-align: end;
align-self: flex-end;
}
.col--xs-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.col--xs-reset {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.col--xs-last {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row--xs-reverse {
flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
}
.col--xs-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.text--xs-right {
text-align: right;
}
.text--xs-left {
text-align: left;
}
.text--xs-center {
text-align: center;
}
.col--xs {
max-width: 100%;
padding: 1rem .5rem 0 .5rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.col--xs-1 {
width: 8.333333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-2 {
width: 16.666666666666668%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-3 {
width: 25%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-4 {
width: 33.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-5 {
width: 41.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-6 {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-7 {
width: 58.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-8 {
width: 66.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-9 {
width: 75%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-10 {
width: 83.33333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-11 {
width: 91.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-12 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xs-offset-0 {
margin-left: 0;
}
.col--xs-offset-1 {
margin-left: 8.333333333333334%;
}
.col--xs-offset-2 {
margin-left: 16.666666666666668%;
}
.col--xs-offset-3 {
margin-left: 25%;
}
.col--xs-offset-4 {
margin-left: 33.333333333333336%;
}
.col--xs-offset-5 {
margin-left: 41.66666666666667%;
}
.col--xs-offset-6 {
margin-left: 50%;
}
.col--xs-offset-7 {
margin-left: 58.333333333333336%;
}
.col--xs-offset-8 {
margin-left: 66.66666666666667%;
}
.col--xs-offset-9 {
margin-left: 75%;
}
.col--xs-offset-10 {
margin-left: 83.33333333333334%;
}
.col--xs-offset-11 {
margin-left: 91.66666666666667%;
}
.col--xs-offset-12 {
margin-left: 100%;
}
@media (min-width: 544px) {
.row--sm-top {
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.row--sm-center {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.row--sm-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.col--sm-align-top {
-ms-flex-item-align: start;
align-self: flex-start;
}
.col--sm-align-center {
-ms-flex-item-align: center;
align-self: center;
}
.col--sm-align-bottom {
-ms-flex-item-align: end;
align-self: flex-end;
}
.col--sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.col--sm-reset {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.col--sm-last {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row--sm-reverse {
flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
}
.col--sm-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.text--sm-right {
text-align: right;
}
.text--sm-left {
text-align: left;
}
.text--sm-center {
text-align: center;
}
.col--sm {
max-width: 100%;
padding: 1rem .5rem 0 .5rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.col--sm-1 {
width: 8.333333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-2 {
width: 16.666666666666668%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-3 {
width: 25%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-4 {
width: 33.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-5 {
width: 41.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-6 {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-7 {
width: 58.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-8 {
width: 66.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-9 {
width: 75%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-10 {
width: 83.33333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-11 {
width: 91.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-12 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--sm-offset-0 {
margin-left: 0;
}
.col--sm-offset-1 {
margin-left: 8.333333333333334%;
}
.col--sm-offset-2 {
margin-left: 16.666666666666668%;
}
.col--sm-offset-3 {
margin-left: 25%;
}
.col--sm-offset-4 {
margin-left: 33.333333333333336%;
}
.col--sm-offset-5 {
margin-left: 41.66666666666667%;
}
.col--sm-offset-6 {
margin-left: 50%;
}
.col--sm-offset-7 {
margin-left: 58.333333333333336%;
}
.col--sm-offset-8 {
margin-left: 66.66666666666667%;
}
.col--sm-offset-9 {
margin-left: 75%;
}
.col--sm-offset-10 {
margin-left: 83.33333333333334%;
}
.col--sm-offset-11 {
margin-left: 91.66666666666667%;
}
.col--sm-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 768px) {
.row--md-top {
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.row--md-center {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.row--md-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.col--md-align-top {
-ms-flex-item-align: start;
align-self: flex-start;
}
.col--md-align-center {
-ms-flex-item-align: center;
align-self: center;
}
.col--md-align-bottom {
-ms-flex-item-align: end;
align-self: flex-end;
}
.col--md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.col--md-reset {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.col--md-last {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row--md-reverse {
flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
}
.col--md-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.text--md-right {
text-align: right;
}
.text--md-left {
text-align: left;
}
.text--md-center {
text-align: center;
}
.col--md {
max-width: 100%;
padding: 1rem .5rem 0 .5rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.col--md-1 {
width: 8.333333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-2 {
width: 16.666666666666668%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-3 {
width: 25%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-4 {
width: 33.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-5 {
width: 41.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-6 {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-7 {
width: 58.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-8 {
width: 66.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-9 {
width: 75%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-10 {
width: 83.33333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-11 {
width: 91.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-12 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--md-offset-0 {
margin-left: 0;
}
.col--md-offset-1 {
margin-left: 8.333333333333334%;
}
.col--md-offset-2 {
margin-left: 16.666666666666668%;
}
.col--md-offset-3 {
margin-left: 25%;
}
.col--md-offset-4 {
margin-left: 33.333333333333336%;
}
.col--md-offset-5 {
margin-left: 41.66666666666667%;
}
.col--md-offset-6 {
margin-left: 50%;
}
.col--md-offset-7 {
margin-left: 58.333333333333336%;
}
.col--md-offset-8 {
margin-left: 66.66666666666667%;
}
.col--md-offset-9 {
margin-left: 75%;
}
.col--md-offset-10 {
margin-left: 83.33333333333334%;
}
.col--md-offset-11 {
margin-left: 91.66666666666667%;
}
.col--md-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 992px) {
.row--lg-top {
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.row--lg-center {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.row--lg-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.col--lg-align-top {
-ms-flex-item-align: start;
align-self: flex-start;
}
.col--lg-align-center {
-ms-flex-item-align: center;
align-self: center;
}
.col--lg-align-bottom {
-ms-flex-item-align: end;
align-self: flex-end;
}
.col--lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.col--lg-reset {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.col--lg-last {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row--lg-reverse {
flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
}
.col--lg-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.text--lg-right {
text-align: right;
}
.text--lg-left {
text-align: left;
}
.text--lg-center {
text-align: center;
}
.col--lg {
max-width: 100%;
padding: 1rem .5rem 0 .5rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.col--lg-1 {
width: 8.333333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-2 {
width: 16.666666666666668%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-3 {
width: 25%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-4 {
width: 33.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-5 {
width: 41.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-6 {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-7 {
width: 58.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-8 {
width: 66.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-9 {
width: 75%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-10 {
width: 83.33333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-11 {
width: 91.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-12 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--lg-offset-0 {
margin-left: 0;
}
.col--lg-offset-1 {
margin-left: 8.333333333333334%;
}
.col--lg-offset-2 {
margin-left: 16.666666666666668%;
}
.col--lg-offset-3 {
margin-left: 25%;
}
.col--lg-offset-4 {
margin-left: 33.333333333333336%;
}
.col--lg-offset-5 {
margin-left: 41.66666666666667%;
}
.col--lg-offset-6 {
margin-left: 50%;
}
.col--lg-offset-7 {
margin-left: 58.333333333333336%;
}
.col--lg-offset-8 {
margin-left: 66.66666666666667%;
}
.col--lg-offset-9 {
margin-left: 75%;
}
.col--lg-offset-10 {
margin-left: 83.33333333333334%;
}
.col--lg-offset-11 {
margin-left: 91.66666666666667%;
}
.col--lg-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 1200px) {
.row--xl-top {
-webkit-box-align: start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
}
.row--xl-center {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.row--xl-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.col--xl-align-top {
-ms-flex-item-align: start;
align-self: flex-start;
}
.col--xl-align-center {
-ms-flex-item-align: center;
align-self: center;
}
.col--xl-align-bottom {
-ms-flex-item-align: end;
align-self: flex-end;
}
.col--xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.col--xl-reset {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.col--xl-last {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row--xl-reverse {
flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
}
.col--xl-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.text--xl-right {
text-align: right;
}
.text--xl-left {
text-align: left;
}
.text--xl-center {
text-align: center;
}
.col--xl {
max-width: 100%;
padding: 1rem .5rem 0 .5rem;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.col--xl-1 {
width: 8.333333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-2 {
width: 16.666666666666668%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-3 {
width: 25%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-4 {
width: 33.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-5 {
width: 41.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-6 {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-7 {
width: 58.333333333333336%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-8 {
width: 66.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-9 {
width: 75%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-10 {
width: 83.33333333333334%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-11 {
width: 91.66666666666667%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-12 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.col--xl-offset-0 {
margin-left: 0;
}
.col--xl-offset-1 {
margin-left: 8.333333333333334%;
}
.col--xl-offset-2 {
margin-left: 16.666666666666668%;
}
.col--xl-offset-3 {
margin-left: 25%;
}
.col--xl-offset-4 {
margin-left: 33.333333333333336%;
}
.col--xl-offset-5 {
margin-left: 41.66666666666667%;
}
.col--xl-offset-6 {
margin-left: 50%;
}
.col--xl-offset-7 {
margin-left: 58.333333333333336%;
}
.col--xl-offset-8 {
margin-left: 66.66666666666667%;
}
.col--xl-offset-9 {
margin-left: 75%;
}
.col--xl-offset-10 {
margin-left: 83.33333333333334%;
}
.col--xl-offset-11 {
margin-left: 91.66666666666667%;
}
.col--xl-offset-12 {
margin-left: 100%;
}
}
/*grid*/
/*header*/
p {
margin-bottom: 2rem;
}
p:last-child {
margin-bottom: 0;
}
* {
box-sizing: border-box;
}
.page-inner {
max-width: 1625px;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
html {
font-size: 62.5%;
}
body {
font-family: 'gotham';
font-size: 1.6rem;
line-height: 1.4;
padding-top: 155px;
color: #131313;
}
.desctop-header {
position: fixed;
z-index: 9;
top: 0;
left: 0;
width: 100%;
}
.desctop-header-top-nav {
flex: 1 0 auto;
list-style: none;
color: #fff;
}
.desctop-header-top-nav li {
display: inline-block;
}
.desctop-header-top-nav li:not(:last-child) {
margin-right: 3rem;
}
.scrolled {
-webkit-box-shadow: 0 10px 23px -5px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 10px 23px -5px rgba(0, 0, 0, .15);
box-shadow: 0 10px 23px -5px rgba(0, 0, 0, .15);
}
.desctop-header-top {
padding-top: .9rem;
padding-bottom: .9rem;
background: linear-gradient(to right, #fd8c28, #ec5a11);
}
.desctop-header-top-widget {
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
}
.header-search-form {
position: relative;
}
.header-search-form-submit {
position: absolute;
top: 7px;
right: 15px;
display: inline-block;
width: 18px;
height: 18px;
/*background: url('/bitrix/templates/.default/libs/css/../images/magnifying-glass.png') no-repeat center;*/
background: url("data:image/svg+xml;utf8,") no-repeat center;
background-size: contain;
}
.header-search-widget {
flex: 0 1 auto;
}
.header-search-form-input {
font-weight: bold;
width: 100%;
height: 32px;
border: none;
background-color: rgba(253,140,40,.6);
transition: 300ms background-color;
padding-left: 15px;
padding-right: 45px;
border-radius: 100px;
color: #fff;
margin-left: 7px;
}
.header-search-form-input:hover {
background-color: rgba(253,140,40,.8);
}
.header-search-form-input:focus {
background-color: rgba(0,0,0,.08);
}
.desctop-logo {
display: block;
width: 174px;
flex-shrink: 0;
}
.desctop-header-info {
background: #fff;
}
.desctop-header-info-widget-col {
display: inline-flex;
align-items: center;
}
.desctop-header-info-widget {
display: flex;
padding-top: 2rem;
padding-bottom: 2rem;
justify-content: space-between;
align-items: center;
}
.desctop-header-slogan {
font-size: 17px;
font-weight: bold;
display: block;
text-transform: uppercase;
}
.desctop-header-slogan-offset {
margin-right: 10px;
}
.desctop-header-lang {
font-size: 0;
font-weight: bold;
display: block;
text-transform: uppercase;
color: #999;
white-space: nowrap;
}
.desctop-header-lang a {
margin-left: 20px;
width: 25px;
height: 25px;
display: inline-block;
text-indent: -9999px;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.desctop-header-lang a.ru {
background-image: url(/bitrix/templates/.default/libs/css/../images/lang_ru.svg);
}
.desctop-header-lang a.en {
background-image: url(/bitrix/templates/.default/libs/css/../images/lang_en.svg);
}
.desctop-header-lang .active {
color: #e9510e;
pointer-events: none;
}
.desctop-header-lang-offset {
margin-left: 20px;
}
.desctop-logo-offset {
margin-right: 4.7rem;
}
._bold {
font-weight: bold;
}
.desctop-header-phone-desc {
font-size: 1.4rem;
}
.desctop-header-phone-number {
font-size: 2rem;
display: block;
text-align: left;
}
.desctop-header-phone-offset {
margin-right: 6rem;
}
#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
position: relative;
width: 30px;
height: 18px;
cursor: pointer;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
position: absolute;
left: 0;
display: block;
width: 100%;
height: 3px;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1;
border-radius: 0;
background: #d3531a;
}
#nav-icon1 span:nth-child(1) {
top: 0;
}
#nav-icon1 span:nth-child(2) {
top: 7px;
}
#nav-icon1 span:nth-child(3) {
top: 14px;
}
#nav-icon1.open span:nth-child(1) {
top: 9px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
left: -60px;
opacity: 0;
}
#nav-icon1.open span:nth-child(3) {
top: 9px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.mobile-menu-top {
display: flex;
padding-top: 2rem;
padding-right: 6rem;
padding-bottom: 2rem;
padding-left: 6rem;
-webkit-box-shadow: 0 3px 10px -7px rgba(0, 0, 0, .75);
-moz-box-shadow: 0 3px 10px -7px rgba(0, 0, 0, .75);
box-shadow: 0 3px 10px -7px rgba(0, 0, 0, .75);
align-items: center;
justify-content: space-between;
}
.mobile-menu {
position: fixed;
z-index: 12;
top: 0;
left: 0;
display: none;
width: 100%;
background: #fff;
}
.mobile-menu-top-button {
text-transform: uppercase;
color: #e9510e;
font-size: 12px;
font-weight: bold;
border: 2px solid #e9510e;
padding: 7px 15px 5px 15px;
border-radius: 20px;
}
.mobile-menu-top-button:hover {
text-decoration: underline;
}
.mobile-logo {
display: block;
/*width: 178px;*/
width: 120px;
}
.mobile-menu-phone {
font-size: 2.4rem;
font-weight: bold;
display: block;
margin-bottom: 3rem;
padding-right: 9rem;
padding-left: 9rem;
text-align: left;
color: #e9510e;
}
.mobile-menu-bottom {
display: none;
overflow: auto;
height: calc(100vh - 82px);
}
.mobile-menu-bottom-nav {
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 6rem;
list-style: none;
}
.mobile-menu-bottom-nav--no-bottom {
padding-bottom: 0;
}
.mobile-menu-bottom-link {
font-size: 2.4rem;
font-weight: bold;
position: relative;
display: block;
padding-top: .8rem;
padding-bottom: .8rem;
padding-left: 0;
text-transform: uppercase;
}
.mobile-menu-bottom-link:hover {
background: #eeeff1;
}
.mobile-menu-soc {
padding-bottom: 7rem;
}
.mobile-menu-arrow {
position: absolute;
top: 0;
left: -5rem;
display: inline-flex;
width: 34px;
height: 34px;
cursor: pointer;
align-items: center;
justify-content: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mobile-menu-arrow:before {
position: absolute;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -6px;
display: inline-block;
width: 10px;
height: 10px;
content: '';
transform: rotate(-135deg);
border-top: 2px solid #b2b2b2;
border-left: 2px solid #b2b2b2;
}
.mobile-menu-btn {
display: block;
margin-bottom: 7rem;
padding-right: 9rem;
padding-left: 9rem;
}
.mobile-menu-sub {
display: none;
padding-right: 0;
padding-left: 0;
list-style: none;
}
.mobile-menu-soc {
padding-right: 9rem;
padding-left: 9rem;
}
.mobile-menu-sub-link {
font-size: 1.8rem;
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 6rem;
}
.mobile-menu-sub-link.active {
color: #e9510e;
}
/*header*/
/*index*/
.full-banner-gen-slider-item {
display: flex;
min-height: 700px;
padding-top: 3rem;
padding-bottom: 3rem;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
align-items: center;
justify-content: center;
}
.full-banner-gen-slider-item-content {
position: relative;
z-index: 2;
width: 100%;
color: #fff;
}
.shadow {
position: relative;
}
.shadow:before {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
transition: all .2s ease-in;
/*background: rgba(0, 0, 0, .5);*/
background: rgba(0, 0, 0, .2);
}
.banner-styles {
font-size: 1.4rem;
margin-bottom: 2rem;
text-transform: uppercase;
opacity: .5;
color: #fff;
}
.banner-styles span {
display: inline-block;
}
.banner-styles span:not(:last-child) {
margin-right: 1rem;
}
.banner-title {
font-size: 5rem;
line-height: 1.2;
font-weight: bold;
color: #fff;
}
.banner-desc {
font-size: 2rem;
line-height: 1.6;
max-width: 490px;
margin-bottom: 4rem;
}
.full-banner-nav-slider-item-content {
position: absolute;
z-index: 1;
bottom: 30px;
left: 20px;
color: #fff;
}
.full-banner-nav-slider-item {
position: relative;
min-height: 200px;
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block;
}
.full-banner-nav-slider-item:after {
z-index: 2;
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 8px;
background-color: #fd8c28;
opacity: 0;
transition: 300ms opacity;
}
.slick-current .full-banner-nav-slider-item:after {
opacity: 1;
}
.full-banner-nav-slider-item-desc {
font-size: 1.4rem;
display: block;
}
.full-banner-nav-slider-item-title {
font-size: 1.8rem;
font-weight: bold;
display: block;
text-transform: uppercase;
}
.h2-with-r-offset {
margin-right: 4rem;
}
.h2-with {
display: flex;
align-items: center;
}
.datepicker-table {
display: table;
width: 100%;
margin-bottom: 40px;
}
.datepicker-tr {
display: table-row;
}
.datepicker-th {
font-size: 1.8rem;
font-weight: bold;
display: table-cell;
width: 14.28571428571429%;
padding: 3rem 1.4rem;
text-transform: uppercase;
border-bottom: 2px solid #efefef;
}
.datepicker-event-title {
font-size: 1.8rem;
font-weight: bold;
display: block;
margin-bottom: 1.5rem;
}
.datepicker-day {
font-size: 7.2rem;
font-weight: bold;
display: block;
}
.datepicker-event {
position: relative;
z-index: 1;
padding: 1rem 1.7rem 3rem;
}
.datepicker-event-content:not(:last-child) {
margin-bottom: 2rem;
}
.datepicker-td {
font-size: 1.8rem;
display: table-cell;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.datepicker-td.imagered {
position: relative;
}
.datepicker-td.imagered .datepicker-event-info {
color: #333;
}
.datepicker-td.imagered:hover {
color: #fff;
}
.datepicker-td.imagered:hover .datepicker-event-info {
color: #fff;
}
.datepicker-td.imagered:hover:before {
background: rgba(0, 0, 0, .3);
}
.datepicker-td.imagered:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
transition: all .2s ease-in;
background: rgba(255, 255, 255, .7);
}
.datepicker-event-info-el {
font-weight: 600;
display: block;
}
.datepicker-event-info {
font-size: 1.4rem;
color: #777;
}
.datepicker-tr:nth-child(2) .datepicker-td {
border-top: 5rem solid transparent;
}
.day-mobile {
display: none;
}
.next-mounth {
opacity: .3;
}
.category {
font-size: 1.4rem;
font-weight: bold;
display: inline-block;
text-transform: uppercase;
color: #a8a8a8;
}
.category-offset {
margin-bottom: 1.5rem;
}
.medium-subtitle-offset {
margin-bottom: 2rem;
}
.stock-banner-offset {
margin-bottom: 3rem;
}
.stock-banner {
padding: 5rem 6rem;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.stock-banner-content {
line-height: 1.4;
max-width: 520px;
margin-bottom: 3rem;
color: #676767;
}
.stock-banner-title {
max-width: 340px;
}
.mobile-banner {
display: none;
}
.reviews-slider-item {
padding: 3rem 3.5rem;
background: #fff;
}
.reviews-slider-avatar {
flex-shrink: 0;
}
.reviews-slider-avatar img {
max-width: 70px;
border-radius: 50%;
}
.reviews-slider-item-header {
display: flex;
margin-bottom: 2rem;
align-items: center;
}
.reviews-slider-info-date {
font-size: 1.4rem;
display: block;
width: 100%;
color: #777;
}
.reviews-slider-item-desc {
line-height: 1.5;
}
.reviews-slider-info {
padding-left: 2rem;
}
.reviews-slider-info-name {
font-size: 2.4rem;
font-weight: bold;
display: block;
width: 100%;
margin-bottom: 1rem;
}
.article-tile-date {
margin-bottom: 1rem;
}
.article-tile-img {
font-size: 0;
display: block;
margin-bottom: 2rem;
box-shadow: 0 0 0 4px #fff, 0 0 0 7px #e9510e;
}
.date {
font-size: 1.6rem;
display: block;
color: #949494;
}
.article-tile-title {
font-size: 2.4rem;
font-weight: bold;
}
.centerd-btn {
text-align: center;
}
.article-tile-offset {
margin-bottom: 2rem;
}
.partner-link {
display: block;
margin-bottom: 5rem;
text-align: center;
}
.section-bottom-offset {
padding-bottom: 6rem;
}
#contact-map {
height: 640px;
}
.contact-map-notif {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
max-width: 1195px;
height: 100%;
margin: auto;
padding-top: 10rem;
pointer-events: none;
}
.contact-map-notif-key {
font-size: 1.8rem;
font-weight: 600;
max-width: 265px;
}
.contact-map-notif-item:not(:last-child) {
margin-bottom: 4rem;
}
.contact-map-notif-widget {
width: 436px;
padding: 3rem 4rem 5rem;
pointer-events: all;
background: #fff;
}
.contact-map-notif-widget .category {
display: block;
}
.contact-map-widget {
position: relative;
}
/*index*/
/*single*/
.single-header-banner {
display: flex;
min-height: 300px;
color: #fff;
background-position: center;
background-size: cover;
align-items: center;
}
.breadcrumps {
font-size: 1.2rem;
}
.breadcrumps .breadcrumps-sepparator {
text-decoration: none;
}
.breadcrumps a {
display: inline-block;
}
.breadcrumps span {
display: inline-block;
text-decoration: underline;
text-decoration-color: #263258;
}
h3 {
font-size: 1.8rem;
font-weight: bold;
}
.h3-offset {
margin-top: 0;
margin-bottom: 2rem;
}
.single-header-banner-content {
position: relative;
z-index: 3;
width: 100%;
}
.breadcrumps-smooth {
opacity: .5;
}
.custom-top-link {
position: relative;
z-index: 6;
margin-top: -35px;
}
.psevdo-tab-link-nav {
display: flex;
border-bottom: 2px solid #efefef;
align-items: center;
}
.psevdo-tab-link {
font-size: 1.8rem;
font-weight: 600;
position: relative;
display: inline-flex;
width: 100%;
padding-top: 1rem;
padding-bottom: 3rem;
transition: all .2s ease-in;
color: #9d9d9d;
align-items: center;
justify-content: center;
}
.psevdo-tab-link:hover {
color: #222;
}
.psevdo-tab-link:hover:after {
width: 100%;
}
.psevdo-tab-link.active {
color: #222;
}
.psevdo-tab-link.active:after {
width: 100%;
}
.psevdo-tab-link:after {
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
content: '';
transition: all .3s ease-in;
background: #fa8626;
}
.akcii-tile-offset {
margin-bottom: 4.5rem;
}
.article-tile-title {
display: block;
}
.article-category {
font-size: 1.2rem;
display: block;
}
.article-tile-title.article-tile-title-middle {
font-size: 1.7rem;
}
.pagination {
display: flex;
align-items: center;
}
.pagination-link {
font-size: 1.2rem;
font-weight: bold;
display: inline-block;
margin-right: 2rem;
transition: all .2s ease-out;
color: #aaa;
}
.pagination-link:hover {
color: #222;
}
.pagination-link.active {
color: #222;
}
.pagination-sepparator {
display: inline-block;
margin-right: 2rem;
color: #aaa;
}
.pagination-arrow {
display: inline-flex;
width: 50px;
height: 50px;
transition: background .4s ease-in;
border: 2px solid #e9510e;
border-right: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 15px 32px 0 rgba(248, 126, 34, .44);
-moz-box-shadow: 0 10px 32px 0 rgba(248, 126, 34, .44);
box-shadow: 0 10px 32px 0 rgba(248, 126, 34, .44);
align-items: center;
justify-content: center;
}
.pagination-arrow.left {
margin-right: 2rem;
}
.pagination-arrow.left:before {
position: relative;
left: 3px;
width: 10px;
height: 10px;
content: '';
content: '';
transition: all .2s ease-in;
transform: rotate(45deg);
border-bottom: 2px solid #e9510e;
border-left: 2px solid #e9510e;
}
.pagination-arrow.right:before {
position: relative;
right: 3px;
width: 10px;
height: 10px;
content: '';
content: '';
transition: all .2s ease-in;
transform: rotate(45deg);
border-top: 2px solid #e9510e;
border-right: 2px solid #e9510e;
}
.pagination-arrow:hover {
border: none;
background: linear-gradient(to right, #fc8c29, #ec5a12);
}
.pagination-arrow:hover:before {
border-color: #fff !important;
}
.event-item-info {
font-size: 1.4rem;
color: #9d9d9d;
}
.event-item-info .datepicker-event-info-el {
font-weight: 500;
}
.event-item-title {
margin-bottom: 1.5rem;
}
.event-item-info-offset {
margin-bottom: 3rem;
}
.event-no-img-offset {
margin-bottom: 7rem;
padding-top: 1rem;
}
.event-item {
margin-bottom: 1.0rem;
}
.single-page-date {
font-size: 1.4rem;
font-weight: 600;
text-align: center;
opacity: .5;
color: #363636;
}
.default-paragraph-offset {
margin-bottom: 4rem;
}
.single-page-nav {
display: flex;
align-items: center;
justify-content: space-between;
}
.single-page-nav-offset {
margin-top: 4rem;
}
.h2-default.h2-small {
font-size: 4.4rem;
}
.article-tile-small .article-tile-title {
font-size: 1.8rem;
line-height: 1.2;
}
.article-tile-small .article-tile-date {
font-size: 1.2rem;
font-weight: bold;
}
.custom-small-offset {
margin-bottom: 3rem;
}
.circle-tile {
display: flex;
overflow: hidden;
width: 250px;
height: 250px;
border-radius: 50%;
background: #ededed;
justify-content: center;
align-items: center;
}
.circle-tile img {
transform: translateY(70px);
-webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .35);
-moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .35);
box-shadow: 0 0 16px 0 rgba(0, 0, 0, .35);
}
.circle-tile-offset {
margin-bottom: 6rem;
}
.rewiews-tile-var-img img {
display: block;
border: 1px solid #e2e2e2;
border-radius: 50%;
}
.job-header-left {
width: 100%;
}
.job-title {
max-width: 450px;
margin-bottom: 1rem;
}
.custom-middle-offset {
margin-bottom: 3rem;
}
.job-header {
display: flex;
align-items: center;
}
.job-detail {
padding-top: 2rem;
}
.job-title {
cursor: pointer;
}
.job-widget:not(:last-child) {
margin-bottom: 3rem;
padding-bottom: 1rem;
border-bottom: 1px solid #eee;
}
.faq-search-form-offset {
margin-bottom: 4rem;
}
.faq-content {
padding-top: 3rem;
}
.footer-search-form-submit-wrapper.inline-search-form-submit:before {
position: absolute;
width: 30px;
height: 30px;
content: '';
transform: none;
border: none;
background: url('/bitrix/templates/.default/libs/css/../images/magnifying-glass.png') no-repeat center;
}
.faq-title {
width: 100%;
}
.faq-item {
padding-top: 3rem;
padding-bottom: 3rem;
border-top: 1px solid #eee;
}
.faq-item:last-child {
border-bottom: 1px solid #eee;
}
.faq-title.article-tile-title {
padding-right: 3rem;
cursor: pointer;
}
.faq-item-header {
padding-right: 20px;
}
.right-sidebar-form {
padding: 2.5rem 3rem;
border: 1px solid #eee;
-webkit-box-shadow: 0 0 39px 0 #dbdbdb;
-moz-box-shadow: 0 0 39px 0 #dbdbdb;
box-shadow: 0 0 39px 0 #dbdbdb;
}
.right-sidebar-l-offset {
padding-left: 7rem;
}
.subtitle {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 3rem;
}
.gastroli-item-title {
line-height: 1;
margin-bottom: 1rem;
}
.gastroli-item-numb-string {
font-size: 1.8rem;
display: block;
color: #9d9d9d;
}
.gastroli-item-info {
display: flex;
align-items: flex-start;
}
.gastroli-item-desc {
margin-bottom: 1rem;
}
.gastroli-item-content {
padding-left: 2rem;
}
.gastroli-item-el {
display: block;
}
.gastroli-item-desc {
font-size: 1.4rem;
color: #9d9d9d;
}
.gastroli-item-numb-day {
font-size: 7.2rem;
font-weight: bold;
line-height: .9;
display: block;
margin-bottom: .4rem;
}
.left-sidebar-offset {
position: relative;
padding-top: 3rem;
padding-right: 7rem;
}
.gastroli-item-numb {
width: 22%;
flex-shrink: 0;
}
.left-sidebar .left-sidebar-link.select-city-trigger {
margin-bottom: 4rem;
}
.gastroli-item {
display: flex;
padding-top: 3rem;
padding-bottom: 3rem;
border-bottom: 2px solid #efefef;
align-items: flex-start;
}
.gastroli-item-img {
flex-shrink: 0;
}
.pointer {
cursor: pointer;
}
.left-sidebar-link {
font-size: 2.4rem;
display: block;
transition: all .2s ease-in;
}
.left-sidebar-link:hover {
color: #e9510e;
}
.left-sidebar-link.active {
color: #e9510e;
}
.left-sidebar-link:not(:last-child) {
margin-bottom: 1rem;
}
.left-sidebar-link-custom{
margin-bottom: 2rem !important;
padding-bottom: 1rem;
border-bottom: 1px solid #fd8c28;
}
.toogle-widget-trigger .left-sidebar-link.select-city-trigger {
margin-bottom: 2rem;
}
.select-city-widget {
position: absolute;
top: 0rem;
left: -3rem;
width: 243px;
padding: 3rem;
pointer-events: none;
opacity: 0;
background: #fff;
-webkit-box-shadow: 0 0 39px 3px rgba(0, 0, 0, .17);
-moz-box-shadow: 0 0 39px 3px rgba(0, 0, 0, .17);
box-shadow: 0 0 39px 3px rgba(0, 0, 0, .17);
}
.select-city-widget.active {
pointer-events: all;
opacity: 1;
}
.select-city-widget.active .down-arrow-ico {
transform: rotate(180deg);
}
.sidebar-mobile-menu {
display: none;
}
.sidebar-mobile-widget-offset {
margin-bottom: 2rem;
}
.contacts-item-desc {
font-size: 1.7rem;
font-weight: 600;
color: #e9510e ;
}
.contacts-item-desc-el {
display: block;
margin-bottom: .5rem;
}
.contacts-item {
margin-bottom: 2rem;
}
.contacts-items {
margin-bottom: 3rem;
}
.contacts-map-wrapper {
margin-bottom: 6.5rem;
}
.submit-offset {
margin-top: 2rem;
}
#contact-page-map {
height: 525px;
}
.inline-form {
padding: 3rem;
-webkit-box-shadow: 0 0 55px -9px rgba(179, 179, 179, .61);
-moz-box-shadow: 0 0 55px -9px rgba(179, 179, 179, .61);
box-shadow: 0 0 55px -9px rgba(179, 179, 179, .61);
}
.article-tile-big-offset {
margin-bottom: 4rem;
}
.single-page-img-offset {
font-size: 0;
margin-bottom: 3rem;
}
.custom-gallery-item {
display: block;
margin-bottom: 3rem;
}
.custom-gallery-item img {
width: 100%;
}
.single-page-nav-big-offset {
margin-top: 4rem;
}
.blockquote-desc {
font-size: 1.5rem;
font-weight: 500;
color: #9d9d9d;
}
.default-section.default-section-no-bottom {
padding-bottom: 0;
}
.page-gallery-item {
display: block;
margin-bottom: 3rem;
}
.page-gallery-item img {
width: 100%;
}
.date-small {
font-size: 1.4rem;
}
.page-gallery {
margin-top: 8rem;
}
.sidebar-mobile-menu {
margin-bottom: 3rem;
}
.reviews-list {
margin-bottom: 4rem;
}
.reviews-item {
margin-bottom: 4rem;
}
.reviews-item-header {
display: flex;
margin-bottom: 1.5rem;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.reviews-list-star {
display: flex;
align-items: flex-start;
}
.reviews-slider-content {
width: 100%;
padding-left: 3rem;
}
.reviews-slider-content .reviews-item-header {
margin-bottom: 1rem;
}
.reviews-slider-content .reviews-slider-info-name {
width: auto;
margin-bottom: 0;
}
.reviews-list-item-offset {
margin-bottom: 3rem;
}
.reviews-tab-nav {
width: 100%;
}
.reviews-tab-link {
font-size: 1.8rem;
display: inline-flex;
width: 100%;
height: 74px;
transition: all .2s ease-in;
color: #9d9d9d;
border-bottom: 2px solid #efefef;
align-items: center;
justify-content: center;
}
.reviews-tab-link.active {
border-color: #fa8626;
}
.reviews-tab-link:hover {
border-color: #fa8626;
}
.reviews-smi-radio {
margin-bottom: 4rem;
}
.reviews-smi-radio-title {
margin-bottom: 2rem;
}
.player .player {
padding-top: 2rem;
padding-bottom: 2rem;
background: #fff;
-webkit-box-shadow: 0 0 69px -11px rgba(0, 0, 0, .13);
-moz-box-shadow: 0 0 69px -11px rgba(0, 0, 0, .13);
box-shadow: 0 0 69px -11px rgba(0, 0, 0, .13);
}
.mejs__horizontal-volume-total {
background: #efefef !important;
}
.reviews-smi-video {
margin-bottom: 2rem;
}
.mejs__horizontal-volume-total {
top: 20px !important;
}
.reviews-smi-inline {
display: flex;
margin-bottom: 1.5rem;
align-items: flex-start;
}
.mejs__time-total.mejs__time-slider,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-hovered {
height: 2px !important;
}
.mejs__time-total {
margin-top: 10px !important;
background: #efefef !important;
}
.mejs__horizontal-volume-total {
height: 2px !important;
}
.mejs__horizontal-volume-current {
background: #fa8626 !important;
}
.mejs__time-handle-content {
top: -7px !important;
}
.mejs__time-handle-content {
width: 1px !important;
height: 2px !important;
background: #fff !important;
}
.mejs__time-current {
background: #fa8626 !important;
}
.mejs__time-total {
background: #efefef;
}
.mejs__currenttime,
.mejs__duration {
color: #9d9d9d;
}
.reviews-smi-date {
width: 110px;
flex-shrink: 0;
}
.reviews-tab-content {
padding-top: 4rem;
padding-bottom: 3rem;
}
.reviews-tab-nav {
display: flex;
align-items: flex-start;
}
.partners-link .btn {
margin-bottom: 2rem;
}
.partners-link .btn:not(:last-child) {
margin-right: 3rem;
}
.h2-default.h2-middle {
font-size: 4.4rem;
}
.page-patner-item {
display: block;
margin-right: 4rem;
margin-bottom: 2rem;
}
.page-patner-list {
display: flex;
margin-bottom: 5rem;
align-items: center;
flex-wrap: wrap;
}
.person-item-img {
display: block;
overflow: hidden;
width: 183px;
height: 183px;
margin-right: auto;
margin-bottom: 2rem;
margin-left: auto;
text-align: center;
border-radius: 50%;
background: #000;
box-shadow: 0 0 0 4px #fff, 0 0 0 7px #e9510e;
}
.person-item-img img {
border-radius: 50%;
}
.person-item-title {
display: block;
text-align: center;
}
.person-item {
display: block;
margin-bottom: 7rem;
}
.single-page-persone-job {
font-size: 1.4rem;
text-align: center;
text-transform: uppercase;
opacity: .5;
color: #363636;
}
.person-repertuar-el {
display: block;
margin-bottom: 1rem;
}
.person-repertuar-val {
color: #a9a9a9;
}
.person-repertuar {
margin-bottom: 3rem;
}
.desctop-header-shadow {
-webkit-box-shadow: 0 10px 23px -5px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 10px 23px -5px rgba(0, 0, 0, .15);
box-shadow: 0 10px 23px -5px rgba(0, 0, 0, .15);
}
.breadcrumps-offset {
margin-bottom: 5rem;
}
.gdocsviewer {
margin-bottom: 5rem;
}
.gdocsviewer iframe {
width: 100% !important;
height: 1300px !important;
}
.centered-btn {
text-align: center;
}
.press-list-item-info {
max-width: 400px;
}
.press-list-item {
display: flex;
padding-top: 3.5rem;
padding-bottom: 4rem;
border-bottom: 1px solid #efefef;
justify-content: space-between;
align-items: center;
}
.predstavlenie-banner {
display: flex;
min-height: calc(100vh - 154px);
color: #363636;
background-position: center;
background-size: cover;
align-items: flex-end;
}
.predstavlenie-content {
display: block;
max-width: 800px;
margin-right: auto;
margin-left: auto;
}
.press-subtitle {
display: block;
margin-bottom: 1rem;
}
.predstavlenie-wrapper {
width: 100%;
padding: 6rem 1.5rem 4rem;
background: #fff;
}
.psevdo-youtube {
position: relative;
}
.gallery-widget-img {
position: relative;
display: block;
}
.gallery-widget-img:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 50px;
height: 50px;
margin: auto;
content: '';
background: url('/bitrix/templates/.default/libs/css/../images/gallery-ico.png') no-repeat center;
}
.psevdo-youtube-placeholder {
position: relative;
z-index: 5;
top: 0;
left: 0;
display: block;
margin-bottom: 3rem;
}
.psevdo-youtube-placeholder:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100px;
height: 100px;
margin: auto;
content: '';
cursor: pointer;
/*background: url('/bitrix/templates/.default/libs/css/../images/play-ico.png') no-repeat center;*/
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAHNQAABzUB3AtqBwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAipSURBVHic7Z1rzBxVGcd/f9paqBasTalYbNpaLm2loKCB0A9SWrSoCTFKTLANQUETbwQx1ojQQNRqJIJfRIRQSpCLmhghXmjVGFH5olZBbSn1AkZEe7XY2rctfz+csdTdmd3Z2TMzu/vOL3mTN7Nnzjz7/PfMOXPOc56BhoaGhoaGYqhuA7phexIwD1gEnAYsBOYDk4ETgCnJ/wAHgH3AnuT/rcAfgM3A74Ftkg5VaX+vDJwgtqcBy4AlwPnAmcDESNUfAn4D/Ax4FNgoaVekukcH28fYvsj2fbb3uzr22b7X9jLbx9Tth9qxPcv2TbafrlCELP5i+0bbJ9Xtl8qxvcD2g7YP1ypBOmO219s+vW4/lY7tOcmXPViry/MxZvsu26+u22/RsT3V9q3Jlxw2xhxsf1ndfoyC7YttP1WvT6Owxfaby/ZXacNe21OA24CVZV2jJu4BPiBpXxmVlyKI7UXAN4AFZdQ/AGwCLpW0NXbF0cfetlcQHrpGVQyAs4DHbF8Uu+Kogti+CngIeHnMegeUVwDftf2+mJVGE8T2GkKfMSFWnUPABOB225+IVWEUQWxfD9zAAM6NVYCAtbY/FauyvrD9ceALEWwZBa6VdHM/FfQliO0rgDv6rWeEMHCFpHVFKyjsSNvLgYeBlxStY0Q5AKyQ9OMiJxcSxPY84JeMj9FUEXYBZ0v6U68n9typ254MPEAjRiemAffb7vnuUWSU9XngnALnjTfeCHym15N6umXZvhDY0Ot545gXgKWSfpL3hNyOtX0s8ATwmgKGjWe2AmdIOpCncC+3rNU0YhThFOBjeQvnaiG2TwV+y4vhNg29sR9YlGfUlbeFXE81YuwEriYMG0eJ4wg+7ErXFmL7NEKQWRVhMtslzXBYLr2WcJsclVZ5GFjQbQ0lj5M/mbNcDAQg6XlJa4DXEha6RoEJQNdZ4Y4txPZcYAswKZJR3dgpaXqKHRcAXyJEMQ4zB4FTJf05q0C3X/77qU4MyPiBJPNCbwCuAXZXaE9sJgFXdiqQ2UJsTwCeAaqM5NstaVqnAiPQv/wNmC3pcNqHnVrIcqoVA3IMMo7qX85gOPuXVwFLsz7sJMiq+LZ0JffMgaStki4FLiQ8Iw0TmaFRqQ5IZil3Ai8ty6IM9ko6vteTEns/DFzHcMxC7wWmSzrY+kFWCzmP6sWAgpOWksaSpdO5hNnoXPNGNTKVMBvcRpYgF5RnS0f6mkWWtFvSaoajf0ntR0ZKkCOVvNi/LAMej1FnCaT6uM0ByYrgbuDYsi1KYb+kKTErTPqXjxD6lxNi1t0n+4BpksaOPpjWQhZQjxhQwsJX0r98kcHrX6YQNrH+H2mCtBWqkNJWIiXtSvqXxQxO/zJ+BTlyAenJpH9ZTv39SyPIkQtJG4HXE+br/lnVdVvIJcic8u3IpNLgCUmHJN1OGCbfQQhKqJI5rQfSBOn5STkitUSzSHpO0pWELBEPV3jptlFfmiBTKzAki1rDiyRtkfR2Qv/yRAWXbPN1I0gKSf/yOsrvX3IJMhrbf/vkqP5lMbCupMvkEqROBqKFtDCP0OlXQpogz1d18TRsD4QotufafoiQOejski6zt/VAmiBthSqmVkEcsk6sBX4HvK3ky7X5Oi0P1bgUJGmZK4HPArMquuy/Wg+kCdJWqGIqF8Qh888tQOmpM1po83XaLeuPFRjSicoEsX2i7fWE21PVYkCKr9ME2VKBIZ0oXRDbE21/lJCLcSX1jTbbfJ12y9pcgSGdKFWQJKPPLcAgJChr83WaICPZQpKw2C9T/sipF9p8ndZUnwT+U74tmUQVxPZk26sJsVuDJMY+4KnWg22CJFuvHq3CogyiCGJbtlcB24DPMXhTQj9tXU+H7M6s0Kb3SMRI93Em4TvcTXXPFL3yo7SDWQmKUwtXRD/ZJWYANwOXMXjzdK2k+jgrlHQSsJ16FquOl9TTbIFDEuTLCU/ZM8swKjK7gBlpEfCpv6Ik5vRbZVuVQa97588FHgPuZDjEAPhmke0I68qxpSt5dwbPSWZjf0HYzDNM3J31QacNOyKMUOaWYVEHpknK3CWVbNi5jhCNeFxlVsVjG3CKJKd9mNlCkhMeKMuqDnT6kbwV+BVh8+QwigFwf5YY0H3T50mECbAqQ0unS9rZYsdi4FbgTRXaUQb7gXmS/p5VoOPQUNKzVN+XHPmR2J6RzMb+muEXA+DOTmJAvsQBswmP+FXtxp1BGBZ+iJBYs+Mm0CFiDJgv6ZlOhbo+PEl6GngwllU5OBf4OWFGdlTEAPh6NzEg/xDzZMK7nAZtPmhY2AOc3u12BTmnFyT9FbixX6vGMWvyiAG9JTCbSEh8ubioVeOUTcA5WU/mreSegEteN3cNITdtQz5eAK7OKwb0OCMq6YeECbyGfNzUS75FKDDVncysPkLIoNCQzQbgLZJ62nNSNJHyTMK98ZVFzh8HPAucJekfvZ5YaBFH0nOEXChtS5ANHAAuKyIG9LGqJmkD8C7C60wbAoeAdxbN+w59LnNK+g7wwX7qGCH+92aEvrbE9b3unGxquaHfekaAT0u6p99KosVA2b4c+Brx3uw8LBwC3itpfYzKYgelXQLcR32pOapmP/Du5NYdhaihMpK+DbyD0UuEnMYO4JKYYkAJsUuSvkcIZP5B7LoHiO8DCyU9ErviUoLJkjH4CkLa8LY0dkPMQcJ3urjoc0bt2F5i+/F+3go8IGyyfV7d/oyC7WNsX2V7d70+LcR226s8ILuDo2J7tofvBfcn1+230rE90/Za2/+u0+MZ7LG9xvaJdfim7j3hswj5RN5D9RGSrWwD7gVuS8Kfxi8Om2uW2P6q7R0Vtobttr9i+3wPSB8xEEa04vDiymXJ31Kg7RUWBdlB2JexEdgoqe4t4G0MpCBH47BXZR6wiJASbyEwn7B35eg/CBvxj/7bSghf2kx4S9C2JDagoaGhoaFh5Pgv44dpkzFVH0oAAAAASUVORK5CYII=') no-repeat center;
background-size: contain;
}
.youtube-video {
position: relative;
height: 0;
padding-bottom: 56.25%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-color: #f0f0f0;
cursor: pointer;
display: block;
margin-bottom: 3rem;
}
.youtube-video:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fd8c28;
border-radius: 100px;
border: 7px solid #fd8c28;
width: 80px;
height: 80px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAHNQAABzUB3AtqBwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAipSURBVHic7Z1rzBxVGcd/f9paqBasTalYbNpaLm2loKCB0A9SWrSoCTFKTLANQUETbwQx1ojQQNRqJIJfRIRQSpCLmhghXmjVGFH5olZBbSn1AkZEe7XY2rctfz+csdTdmd3Z2TMzu/vOL3mTN7Nnzjz7/PfMOXPOc56BhoaGhoaGYqhuA7phexIwD1gEnAYsBOYDk4ETgCnJ/wAHgH3AnuT/rcAfgM3A74Ftkg5VaX+vDJwgtqcBy4AlwPnAmcDESNUfAn4D/Ax4FNgoaVekukcH28fYvsj2fbb3uzr22b7X9jLbx9Tth9qxPcv2TbafrlCELP5i+0bbJ9Xtl8qxvcD2g7YP1ypBOmO219s+vW4/lY7tOcmXPViry/MxZvsu26+u22/RsT3V9q3Jlxw2xhxsf1ndfoyC7YttP1WvT6Owxfaby/ZXacNe21OA24CVZV2jJu4BPiBpXxmVlyKI7UXAN4AFZdQ/AGwCLpW0NXbF0cfetlcQHrpGVQyAs4DHbF8Uu+Kogti+CngIeHnMegeUVwDftf2+mJVGE8T2GkKfMSFWnUPABOB225+IVWEUQWxfD9zAAM6NVYCAtbY/FauyvrD9ceALEWwZBa6VdHM/FfQliO0rgDv6rWeEMHCFpHVFKyjsSNvLgYeBlxStY0Q5AKyQ9OMiJxcSxPY84JeMj9FUEXYBZ0v6U68n9typ254MPEAjRiemAffb7vnuUWSU9XngnALnjTfeCHym15N6umXZvhDY0Ot545gXgKWSfpL3hNyOtX0s8ATwmgKGjWe2AmdIOpCncC+3rNU0YhThFOBjeQvnaiG2TwV+y4vhNg29sR9YlGfUlbeFXE81YuwEriYMG0eJ4wg+7ErXFmL7NEKQWRVhMtslzXBYLr2WcJsclVZ5GFjQbQ0lj5M/mbNcDAQg6XlJa4DXEha6RoEJQNdZ4Y4txPZcYAswKZJR3dgpaXqKHRcAXyJEMQ4zB4FTJf05q0C3X/77qU4MyPiBJPNCbwCuAXZXaE9sJgFXdiqQ2UJsTwCeAaqM5NstaVqnAiPQv/wNmC3pcNqHnVrIcqoVA3IMMo7qX85gOPuXVwFLsz7sJMiq+LZ0JffMgaStki4FLiQ8Iw0TmaFRqQ5IZil3Ai8ty6IM9ko6vteTEns/DFzHcMxC7wWmSzrY+kFWCzmP6sWAgpOWksaSpdO5hNnoXPNGNTKVMBvcRpYgF5RnS0f6mkWWtFvSaoajf0ntR0ZKkCOVvNi/LAMej1FnCaT6uM0ByYrgbuDYsi1KYb+kKTErTPqXjxD6lxNi1t0n+4BpksaOPpjWQhZQjxhQwsJX0r98kcHrX6YQNrH+H2mCtBWqkNJWIiXtSvqXxQxO/zJ+BTlyAenJpH9ZTv39SyPIkQtJG4HXE+br/lnVdVvIJcic8u3IpNLgCUmHJN1OGCbfQQhKqJI5rQfSBOn5STkitUSzSHpO0pWELBEPV3jptlFfmiBTKzAki1rDiyRtkfR2Qv/yRAWXbPN1I0gKSf/yOsrvX3IJMhrbf/vkqP5lMbCupMvkEqROBqKFtDCP0OlXQpogz1d18TRsD4QotufafoiQOejski6zt/VAmiBthSqmVkEcsk6sBX4HvK3ky7X5Oi0P1bgUJGmZK4HPArMquuy/Wg+kCdJWqGIqF8Qh888tQOmpM1po83XaLeuPFRjSicoEsX2i7fWE21PVYkCKr9ME2VKBIZ0oXRDbE21/lJCLcSX1jTbbfJ12y9pcgSGdKFWQJKPPLcAgJChr83WaICPZQpKw2C9T/sipF9p8ndZUnwT+U74tmUQVxPZk26sJsVuDJMY+4KnWg22CJFuvHq3CogyiCGJbtlcB24DPMXhTQj9tXU+H7M6s0Kb3SMRI93Em4TvcTXXPFL3yo7SDWQmKUwtXRD/ZJWYANwOXMXjzdK2k+jgrlHQSsJ16FquOl9TTbIFDEuTLCU/ZM8swKjK7gBlpEfCpv6Ik5vRbZVuVQa97588FHgPuZDjEAPhmke0I68qxpSt5dwbPSWZjf0HYzDNM3J31QacNOyKMUOaWYVEHpknK3CWVbNi5jhCNeFxlVsVjG3CKJKd9mNlCkhMeKMuqDnT6kbwV+BVh8+QwigFwf5YY0H3T50mECbAqQ0unS9rZYsdi4FbgTRXaUQb7gXmS/p5VoOPQUNKzVN+XHPmR2J6RzMb+muEXA+DOTmJAvsQBswmP+FXtxp1BGBZ+iJBYs+Mm0CFiDJgv6ZlOhbo+PEl6GngwllU5OBf4OWFGdlTEAPh6NzEg/xDzZMK7nAZtPmhY2AOc3u12BTmnFyT9FbixX6vGMWvyiAG9JTCbSEh8ubioVeOUTcA5WU/mreSegEteN3cNITdtQz5eAK7OKwb0OCMq6YeECbyGfNzUS75FKDDVncysPkLIoNCQzQbgLZJ62nNSNJHyTMK98ZVFzh8HPAucJekfvZ5YaBFH0nOEXChtS5ANHAAuKyIG9LGqJmkD8C7C60wbAoeAdxbN+w59LnNK+g7wwX7qGCH+92aEvrbE9b3unGxquaHfekaAT0u6p99KosVA2b4c+Brx3uw8LBwC3itpfYzKYgelXQLcR32pOapmP/Du5NYdhaihMpK+DbyD0UuEnMYO4JKYYkAJsUuSvkcIZP5B7LoHiO8DCyU9ErviUoLJkjH4CkLa8LY0dkPMQcJ3urjoc0bt2F5i+/F+3go8IGyyfV7d/oyC7WNsX2V7d70+LcR226s8ILuDo2J7tofvBfcn1+230rE90/Za2/+u0+MZ7LG9xvaJdfim7j3hswj5RN5D9RGSrWwD7gVuS8Kfxi8Om2uW2P6q7R0Vtobttr9i+3wPSB8xEEa04vDiymXJ31Kg7RUWBdlB2JexEdgoqe4t4G0MpCBH47BXZR6wiJASbyEwn7B35eg/CBvxj/7bSghf2kx4S9C2JDagoaGhoaFh5Pgv44dpkzFVH0oAAAAASUVORK5CYII=');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none;
transition: 200ms transform;
}
.youtube-video:hover:before {
-webkit-transform: translate(-50%, -50%) scale(1.1);
-moz-transform: translate(-50%, -50%) scale(1.1);
-ms-transform: translate(-50%, -50%) scale(1.1);
-o-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
}
.youtube-video__frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
transition: 200ms opacity;
}
.youtube-video__frame--active {
opacity: 1;
pointer-events: all;
}
.youtube-video__frame iframe,
.youtube-video__frame video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Самохостинг .mp4: постер задаётся атрибутом, поэтому кадр не должен
растягиваться с обрезкой — показываем целиком. */
.youtube-video__player {
background: #000;
object-fit: contain;
}
.gallery-widget {
position: relative;
margin-bottom: 4rem;
text-align: center;
}
.gallery-widget-link {
font-weight: bold;
display: block;
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
}
.single-page-nav-centered {
justify-content: center;
}
.pred-date {
width: 200px;
}
.h2-default.h2-pred {
font-size: 3.6rem;
}
.pred-psevdo-table {
display: table;
width: 100%;
color: #363636;
}
.pred-psevdo-cell {
display: table-cell;
padding-top: 1.3rem;
padding-bottom: 1.3rem;
border-bottom: 1px solid #dfdfdf;
}
.pred-sidebar-title-offset {
margin-bottom: 1rem;
}
.acters-slider-item-img {
margin-bottom: 1rem;
}
.acters-slider-item-img img {
width: 100%;
}
.pred-time-item {
display: inline-block;
margin-right: 5rem;
}
.pred-time-item:last-child {
margin-right: 0;
}
.pred-psevdo-row {
display: table-row;
}
.pred-psevdo-row:last-child .pred-psevdo-cell {
border-bottom: none;
}
.acters-slider-item {
transition: all .4s ease-in;
}
.acters-slider {
/*cursor: url(/bitrix/templates/.default/libs/css/../images/glide.png), pointer;*/
}
.acters-slider .slick-arrow {
display: none !important;
}
.acters-slider .acters-slider-item {
opacity: .50;
}
.acters-slider .slick-active .acters-slider-item {
opacity: 1;
}
.acters-slider-item-title {
font-size: 1.8rem;
margin-bottom: .7rem;
/*color: #fff;*/
color: #000;
}
.acters-slider-item-job {
font-size: 1.4rem;
opacity: .3;
/*color: #f3f3f3;*/
color: #000;
}
.acters-slider-wrapper {
/*padding: 6rem 0;*/
/*color: #fff;*/
/*background: #131313;*/
color: #000;
}
.acters-slider-title {
/*padding-left: 20rem;*/
}
.circle-colorized {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
margin-right: 2rem;
border-radius: 50%;
background: linear-gradient(to right, #fc8c29, #ec5a12);
-webkit-box-shadow: 0 15px 32px 0 rgba(248, 126, 34, .44);
-moz-box-shadow: 0 15px 32px 0 rgba(248, 126, 34, .44);
box-shadow: 0 15px 32px 0 rgba(248, 126, 34, .44);
}
.circle-colorized:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline-block;
width: 2px;
height: 20px;
margin: auto;
content: '';
background: #fff;
}
.circle-colorized:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline-block;
width: 20px;
height: 2px;
margin: auto;
content: '';
background: #fff;
}
.single-page-nav-big-offset {
margin-top: 7rem;
}
.more-reviews {
display: inline-flex;
align-items: center;
}
.h2-with-nav.h2-with-nav-offset {
margin-bottom: 7rem;
}
.more-reviews-title {
font-size: 1.4rem;
font-weight: bold;
display: inline-block;
text-transform: uppercase;
color: #121212;
}
#contact-map {
background: #000;
}
.custom-nav-link {
display: inline-block;
margin-left: 3rem;
color: #9d9d9d;
}
.custom-nav-link.active {
text-decoration: underline;
color: #e9510e;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
right: 0 !important;
left: auto;
width: 20px !important;
}
.mfp-image-holder .mfp-close:focus,
.mfp-iframe-holder .mfp-close:focus {
right: 0 !important;
}
.reviews-smi-press {
margin-bottom: 4rem;
}
/*single*/
/*footer*/
.desctop-footer {
padding-top: 5rem;
padding-bottom: 5rem;
background: #fff;
-webkit-box-shadow: 0 -8px 31px -10px rgba(0, 0, 0, .16);
-moz-box-shadow: 0 -8px 31px -10px rgba(0, 0, 0, .16);
box-shadow: 0 -8px 31px -10px rgba(0, 0, 0, .16);
}
.footer-logo {
display: block;
width: 174px;
}
.footer-column-item {
margin-bottom: 4rem;
}
.footer-phone {
font-size: 1.8rem;
font-weight: bold;
display: block;
margin-bottom: .4rem;
}
.dev-logo {
display: inline-flex;
align-items: center;
}
.dev-logo-desc {
display: inline-block;
}
.dev-logo-top {
font-size: 1.4rem;
font-weight: 600;
display: block;
width: 100%;
color: #111;
}
.dev-logo-desc {
padding-left: 1rem;
}
.dev-logo-bottom {
font-size: 1.4rem;
font-weight: 600;
display: block;
width: 100%;
text-transform: uppercase;
color: #f43900;
}
.footer-search-form-submit {
width: 100%;
height: 40px;
border-radius: 20px;
background: linear-gradient(to right, #fc8c29, #ec5a12);
}
.footer-search-form {
position: relative;
}
.footer-search-form-submit-wrapper {
position: absolute;
top: 0;
right: 0;
width: 56px;
height: 40px;
}
.footer-search-form-submit-wrapper:before {
position: absolute;
top: 0;
pointer-events: none;
right: 0;
bottom: 0;
left: 0;
display: inline-block;
width: 8px;
height: 8px;
margin: auto;
content: '';
transform: rotate(45deg);
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.footer-search-form-input {
width: 100%;
height: 40px;
padding-right: 60px;
padding-left: 2rem;
border: 2px solid #eee;
border-radius: 20px;
}
.footer-soc-link {
display: inline-flex;
width: 40px;
height: 40px;
border: 1px solid #dfdfdf;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.footer-soc-link.tw {
fill: #00aced;
}
.footer-soc-link.inst {
fill: #5683a6;
}
.footer-soc-link.vk {
fill: #507299;
}
.footer-soc-link.fb {
fill: #3b5998;
}
.footer-soc-link.you {
fill: #f00;
path: #f00;
}
.footer-soc-link svg {
width: 18px;
height: 18px;
}
.footer-soc-link:not(:last-child) {
margin-right: 1.4rem;
}
.footer-column-title {
font-size: 1.4rem;
font-weight: 600;
color: #000;
}
.footer-search-form-offset {
margin-bottom: 8rem;
}
.footer-soc-offset {
margin-bottom: 6.5rem;
}
.copyright {
font-size: 1.6rem;
color: #777;
}
.soc-widget-tab {
max-width: 300px;
margin-left: auto;
}
.soc-widget-tab .tab-widget-content {
padding: 1.2rem;
border-right: 1px solid #d9e0e6;
border-bottom: 1px solid #d9e0e6;
border-left: 1px solid #d9e0e6;
border-radius: 0 0 5px 5px;
}
.soc-widget-tab .tab-widget-nav-link {
display: inline-flex;
width: 50%;
height: 40px;
cursor: pointer;
justify-content: center;
align-items: center;
font-size: 1.4rem;
}
.soc-widget-tab .tab-widget-nav-link.active {
font-weight: bold;
color: #111;
background: #ebebf0;
}
.soc-widget-tab .tab-widget-nav {
display: flex;
border: 1px solid #d9e0e6;
align-items: flex-start;
}
/*footer*/
/*plugins*/
/*mediaelement.js*/
.mejs__offscreen {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
word-wrap: normal;
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
}
.mejs__container {
font-family: Helvetica,Arial,serif;
position: relative;
text-align: left;
vertical-align: top;
text-indent: 0;
background: #000;
}
.mejs__container,
.mejs__container * {
box-sizing: border-box;
}
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none;
}
.mejs__fill-container,
.mejs__fill-container .mejs__container {
width: 100%;
height: 100%;
}
.mejs__fill-container {
position: relative;
overflow: hidden;
margin: 0 auto;
background: transparent;
}
.mejs__container:focus {
outline: none;
}
.mejs__iframe-overlay {
position: absolute;
width: 100%;
height: 100%;
}
.mejs__embed,
.mejs__embed body {
overflow: hidden;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #000;
}
.mejs__fullscreen {
overflow: hidden !important;
}
.mejs__container-fullscreen {
position: fixed;
z-index: 1000;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
width: 100% !important;
height: 100% !important;
}
.mejs__background,
.mejs__mediaelement {
position: absolute;
top: 0;
left: 0;
}
.mejs__mediaelement {
z-index: 0;
width: 100%;
height: 100%;
}
.mejs__poster {
position: absolute;
z-index: 1;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
:root .mejs__poster-img {
display: none;
}
.mejs__poster-img {
padding: 0;
border: 0;
}
.mejs__overlay {
position: absolute;
top: 0;
left: 0;
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;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.mejs__layer {
z-index: 1;
}
.mejs__overlay-play {
cursor: pointer;
}
.mejs__overlay-button {
width: 80px;
height: 80px;
background: url(/bitrix/templates/.default/libs/css/mejs-controls.svg) no-repeat;
background-position: 0 -39px;
}
.mejs__overlay:hover > .mejs__overlay-button {
background-position: -80px -39px;
}
.mejs__overlay-loading {
width: 80px;
height: 80px;
}
.mejs__overlay-loading-bg-img {
z-index: 1;
display: block;
width: 80px;
height: 80px;
-webkit-animation: a 1s linear infinite;
animation: a 1s linear infinite;
background: transparent url(/bitrix/templates/.default/libs/css/mejs-controls.svg) -160px -40px no-repeat;
}
@-webkit-keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.mejs__controls {
position: absolute;
z-index: 3;
bottom: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 40px;
margin: 0;
padding: 0 10px;
list-style-type: none;
}
.mejs__controls:not([style*='display: none']) {
background: rgba(255, 0, 0, .7);
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .35));
background: linear-gradient(transparent, rgba(0, 0, 0, .35));
}
.mejs__button,
.mejs__time,
.mejs__time-rail {
font-size: 10px;
line-height: 10px;
width: 32px;
height: 40px;
margin: 0;
}
.mejs__button > button {
font-size: 0;
line-height: 0;
position: absolute;
display: block;
overflow: hidden;
width: 20px;
height: 20px;
margin: 10px 6px;
padding: 0;
cursor: pointer;
text-decoration: none;
border: 0;
background: transparent url(/bitrix/templates/.default/libs/css/mejs-controls.svg);
}
.mejs__button > button:focus {
outline: 1px dotted #999;
}
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus,
.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus {
outline: 0;
}
.mejs__time {
font-size: 11px;
font-weight: 700;
overflow: hidden;
box-sizing: content-box;
width: auto;
height: 24px;
padding: 16px 6px 0;
text-align: center;
color: #fff;
}
.mejs__play > button {
background-position: 0 0;
}
.mejs__pause > button {
background-position: -20px 0;
}
.mejs__replay > button {
background-position: -160px 0;
}
.mejs__time-rail {
position: relative;
height: 40px;
margin: 0 10px;
padding-top: 10px;
direction: ltr;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.mejs__time-buffering,
.mejs__time-current,
.mejs__time-float,
.mejs__time-float-corner,
.mejs__time-float-current,
.mejs__time-hovered,
.mejs__time-loaded,
.mejs__time-marker,
.mejs__time-total {
position: absolute;
display: block;
height: 10px;
cursor: pointer;
border-radius: 2px;
}
.mejs__time-total {
width: 100%;
margin: 5px 0 0;
background: rgba(255, 255, 255, .3);
}
.mejs__time-buffering {
width: 100%;
-webkit-animation: b 2s linear infinite;
animation: b 2s linear infinite;
background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .4) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, .4) 75%, transparent 0, transparent);
background: linear-gradient(-45deg, rgba(255, 255, 255, .4) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, .4) 75%, transparent 0, transparent);
background-size: 15px 15px;
}
@-webkit-keyframes b {
0% {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
@keyframes b {
0% {
background-position: 0 0;
}
to {
background-position: 30px 0;
}
}
.mejs__time-loaded {
background: rgba(255, 255, 255, .3);
}
.mejs__time-current,
.mejs__time-handle-content {
background: rgba(255, 255, 255, .9);
}
.mejs__time-hovered {
z-index: 10;
background: rgba(255, 255, 255, .5);
}
.mejs__time-hovered.negative {
background: rgba(0, 0, 0, .2);
}
.mejs__time-buffering,
.mejs__time-current,
.mejs__time-hovered,
.mejs__time-loaded {
left: 0;
width: 100%;
-webkit-transition: all .15s ease-in;
transition: all .15s ease-in;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.mejs__time-buffering {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.mejs__time-hovered {
-webkit-transition: height .1s cubic-bezier(.44, 0, 1, 1);
transition: height .1s cubic-bezier(.44, 0, 1, 1);
}
.mejs__time-hovered.no-hover {
-webkit-transform: scaleX(0) !important;
-ms-transform: scaleX(0) !important;
transform: scaleX(0) !important;
}
.mejs__time-handle,
.mejs__time-handle-content {
position: absolute;
z-index: 11;
left: 0;
cursor: pointer;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
border: 4px solid transparent;
}
.mejs__time-handle-content {
top: -4px;
left: -7px;
width: 10px;
height: 10px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
border: 4px solid rgba(255, 255, 255, .9);
border-radius: 50%;
}
.mejs__time-rail .mejs__time-handle-content:active,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail:hover .mejs__time-handle-content {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.mejs__time-float {
position: absolute;
bottom: 100%;
display: none;
width: 36px;
height: 17px;
margin-bottom: 9px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
color: #111;
border: 1px solid #333;
background: #eee;
}
.mejs__time-float-current {
left: 0;
display: block;
width: 30px;
margin: 2px;
text-align: center;
}
.mejs__time-float-corner {
line-height: 0;
position: absolute;
top: 100%;
left: 50%;
display: block;
width: 0;
height: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border: 5px solid #eee;
border-color: #eee transparent transparent;
border-radius: 0;
}
.mejs__long-video .mejs__time-float {
width: 64px;
margin-left: -23px;
}
.mejs__long-video .mejs__time-float-current {
width: 60px;
}
.mejs__broadcast {
position: absolute;
top: 15px;
width: 100%;
height: 10px;
color: #fff;
}
.mejs__fullscreen-button > button {
background-position: -80px 0;
}
.mejs__unfullscreen > button {
background-position: -100px 0;
}
.mejs__mute > button {
background-position: -60px 0;
}
.mejs__unmute > button {
background-position: -40px 0;
}
.mejs__volume-button {
position: relative;
}
.mejs__volume-button > .mejs__volume-slider {
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
display: none;
width: 25px;
height: 115px;
margin: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 0;
background: rgba(50, 50, 50, .7);
-webkit-backface-visibility: hidden;
}
.mejs__volume-button:hover {
border-radius: 0 0 4px 4px;
}
.mejs__volume-total {
position: absolute;
top: 8px;
left: 50%;
width: 2px;
height: 100px;
margin: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: rgba(255, 255, 255, .5);
}
.mejs__volume-current {
left: 0;
width: 100%;
margin: 0;
}
.mejs__volume-current,
.mejs__volume-handle {
position: absolute;
background: rgba(255, 255, 255, .9);
}
.mejs__volume-handle {
left: 50%;
width: 16px;
height: 6px;
cursor: ns-resize;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 1px;
}
.mejs__horizontal-volume-slider {
position: relative;
display: block;
width: 56px;
height: 36px;
vertical-align: middle;
}
.mejs__horizontal-volume-total {
top: 16px;
width: 50px;
height: 8px;
background: rgba(50, 50, 50, .8);
}
.mejs__horizontal-volume-current,
.mejs__horizontal-volume-total {
font-size: 1px;
position: absolute;
left: 0;
margin: 0;
padding: 0;
border-radius: 2px;
}
.mejs__horizontal-volume-current {
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .8);
}
.mejs__horizontal-volume-handle {
display: none;
}
.mejs__captions-button,
.mejs__chapters-button {
position: relative;
}
.mejs__captions-button > button {
background-position: -140px 0;
}
.mejs__chapters-button > button {
background-position: -180px 0;
}
.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector {
position: absolute;
right: 50%;
bottom: 100%;
visibility: visible;
overflow: hidden;
width: 86px;
margin-right: -43px;
padding: 0;
border: 1px solid transparent;
border-radius: 0;
background: rgba(50, 50, 50, .7);
}
.mejs__chapters-button > .mejs__chapters-selector {
width: 110px;
margin-right: -55px;
}
.mejs__captions-selector-list,
.mejs__chapters-selector-list {
overflow: hidden;
margin: 0;
padding: 0;
list-style-type: none !important;
}
.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
display: block;
overflow: hidden;
margin: 0 0 6px;
padding: 0;
list-style-type: none !important;
cursor: pointer;
color: #fff;
}
.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
background-color: #c8c8c8 !important;
background-color: rgba(255, 255, 255, .4) !important;
}
.mejs__captions-selector-input,
.mejs__chapters-selector-input {
position: absolute;
left: -1000px;
float: left;
clear: both;
margin: 3px 3px 0 5px;
}
.mejs__captions-selector-label,
.mejs__chapters-selector-label {
font-size: 10px;
line-height: 15px;
float: left;
width: 100%;
padding: 4px 10px 0;
cursor: pointer;
}
.mejs__captions-selected,
.mejs__chapters-selected {
color: #21f8f8;
}
.mejs__captions-translations {
font-size: 10px;
margin: 0 0 5px;
}
.mejs__captions-layer {
font-size: 16px;
line-height: 20px;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
color: #fff;
}
.mejs__captions-layer a {
text-decoration: underline;
color: #fff;
}
.mejs__captions-layer[lang=ar] {
font-size: 20px;
font-weight: 400;
}
.mejs__captions-position {
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
}
.mejs__captions-position-hover {
bottom: 35px;
}
.mejs__captions-text,
.mejs__captions-text * {
padding: 0;
white-space: pre-wrap;
background: rgba(20, 20, 20, .5);
box-shadow: 5px 0 0 rgba(20, 20, 20, .5), -5px 0 0 rgba(20, 20, 20, .5);
}
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
display: none;
}
.mejs__overlay-error {
position: relative;
}
.mejs__overlay-error > img {
position: absolute;
z-index: -1;
top: 0;
left: 0;
max-width: 100%;
}
.mejs__cannotplay,
.mejs__cannotplay a {
font-size: .8em;
color: #fff;
}
.mejs__cannotplay {
position: relative;
}
.mejs__cannotplay a,
.mejs__cannotplay p {
display: inline-block;
width: 100%;
padding: 0 15px;
}
/**/
/*flatpicker*/
.flatpickr-calendar {
font-size: 14px;
line-height: 24px;
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 307.875px;
max-height: 0;
padding: 0;
-webkit-animation: none;
animation: none;
text-align: center;
opacity: 0;
border: 0;
border-radius: 5px;
background: transparent;
background: #fff;
-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
direction: ltr;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
visibility: visible;
overflow: visible;
max-height: 640px;
opacity: 1;
}
.flatpickr-calendar.open {
z-index: 99999;
display: inline-block;
}
.flatpickr-calendar.animate.open {
-webkit-animation: fpFadeInDown 200ms cubic-bezier(.23, 1, .32, 1);
animation: fpFadeInDown 200ms cubic-bezier(.23, 1, .32, 1);
}
.flatpickr-calendar.inline {
position: relative;
top: 2px;
display: block;
}
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
z-index: 999;
display: block;
}
.flatpickr-calendar.hasWeeks {
width: auto;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
position: absolute;
left: 22px;
display: block;
width: 0;
height: 0;
content: '';
pointer-events: none;
border: solid transparent;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
right: 22px;
left: auto;
}
.flatpickr-calendar:before {
margin: 0 -5px;
border-width: 5px;
}
.flatpickr-calendar:after {
margin: 0 -4px;
border-width: 4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff;
}
.flatpickr-calendar:focus {
outline: 0;
}
.flatpickr-wrapper {
position: relative;
display: inline-block;
}
.flatpickr-month {
line-height: 1;
position: relative;
overflow: hidden;
height: 28px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
color: rgba(0, 0, 0, .9);
background: transparent;
fill: rgba(0, 0, 0, .9);
}
.flatpickr-prev-month,
.flatpickr-next-month {
line-height: 16px;
position: absolute;
z-index: 3;
top: 0;
height: 28px;
padding: 10px calc(3.57% - 1.5px);
cursor: pointer;
text-decoration: none;
}
.flatpickr-prev-month i,
.flatpickr-next-month i {
position: relative;
}
.flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-next-month.flatpickr-prev-month {
/*
/*rtl:begin:ignore*/
left: 0;
/*
/*rtl:end:ignore*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-prev-month.flatpickr-next-month,
.flatpickr-next-month.flatpickr-next-month {
/*
/*rtl:begin:ignore*/
right: 0;
/*
/*rtl:end:ignore*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
color: #959ea9;
}
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
fill: #f64747;
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
width: 14px;
height: 14px;
}
.flatpickr-prev-month svg path,
.flatpickr-next-month svg path {
-webkit-transition: fill .1s;
transition: fill .1s;
fill: inherit;
}
.numInputWrapper {
position: relative;
height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
display: inline-block;
}
.numInputWrapper input {
width: 100%;
}
.numInputWrapper input::-ms-clear {
display: none;
}
.numInputWrapper span {
line-height: 50%;
position: absolute;
right: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 50%;
padding: 0 4px 0 2px;
cursor: pointer;
opacity: 0;
border: 1px solid rgba(57, 57, 57, .15);
}
.numInputWrapper span:hover {
background: rgba(0, 0, 0, .1);
}
.numInputWrapper span:active {
background: rgba(0, 0, 0, .2);
}
.numInputWrapper span:after {
position: absolute;
display: block;
content: '';
}
.numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
top: 26%;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(57, 57, 57, .6);
border-left: 4px solid transparent;
}
.numInputWrapper span.arrowDown {
top: 50%;
}
.numInputWrapper span.arrowDown:after {
top: 40%;
border-top: 4px solid rgba(57, 57, 57, .6);
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.numInputWrapper span svg {
width: inherit;
height: auto;
}
.numInputWrapper span svg path {
fill: rgba(0, 0, 0, .5);
}
.numInputWrapper:hover {
background: rgba(0, 0, 0, .05);
}
.numInputWrapper:hover span {
opacity: 1;
}
.flatpickr-current-month {
font-size: 135%;
font-weight: 300;
line-height: inherit;
line-height: 1;
position: absolute;
left: 12.5%;
display: inline-block;
width: 75%;
height: 28px;
padding: 6.16px 0 0 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
text-align: center;
color: inherit;
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
display: inline-block;
margin-left: .5ch;
padding: 0;
color: inherit;
}
.flatpickr-current-month span.cur-month:hover {
background: rgba(0, 0, 0, .05);
}
.flatpickr-current-month .numInputWrapper {
display: inline-block;
width: 6ch;
width: 7ch\0;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(0, 0, 0, .9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: rgba(0, 0, 0, .9);
}
.flatpickr-current-month input.cur-year {
font-family: inherit;
font-size: inherit;
font-weight: 300;
line-height: inherit;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: auto;
margin: 0;
padding: 0 0 0 .5ch;
cursor: text;
vertical-align: initial;
color: inherit;
border: 0;
border-radius: 0;
background: transparent;
}
.flatpickr-current-month input.cur-year:focus {
outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
pointer-events: none;
color: rgba(0, 0, 0, .5);
background: transparent;
}
.flatpickr-weekdays {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: 28px;
text-align: center;
background: transparent;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
span.flatpickr-weekday {
font-size: 90%;
font-weight: bolder;
line-height: 1;
display: block;
margin: 0;
cursor: default;
text-align: center;
color: rgba(0, 0, 0, .54);
background: transparent;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0 0;
}
.flatpickr-days {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 307.875px;
}
.flatpickr-days:focus {
outline: 0;
}
.dayContainer {
display: inline-block;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
padding: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
text-align: left;
opacity: 1;
outline: 0;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.flatpickr-day {
font-weight: 400;
line-height: 39px;
position: relative;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14.2857143%;
max-width: 39px;
height: 39px;
margin: 0;
cursor: pointer;
text-align: center;
color: #393939;
border: 1px solid transparent;
border-radius: 150px;
background: none;
-webkit-flex-basis: 14.2857143%;
-ms-flex-preferred-size: 14.2857143%;
flex-basis: 14.2857143%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
cursor: pointer;
border-color: #e6e6e6;
outline: 0;
background: #e6e6e6;
}
.flatpickr-day.today {
border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
color: #fff;
border-color: #959ea9;
background: #959ea9;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
color: #fff;
border-color: #569ff7;
background: #569ff7;
-webkit-box-shadow: none;
box-shadow: none;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange,
.flatpickr-day.startRange.startRange + .endRange,
.flatpickr-day.endRange.startRange + .endRange {
-webkit-box-shadow: -10px 0 0 #569ff7;
box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
border-radius: 50px;
}
.flatpickr-day.inRange {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
cursor: default;
color: rgba(57, 57, 57, .3);
border-color: transparent;
background: transparent;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
cursor: not-allowed;
color: rgba(57, 57, 57, .1);
}
.flatpickr-day.week.selected {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
}
.rangeMode .flatpickr-day {
margin-top: 1px;
}
.flatpickr-weekwrapper {
display: inline-block;
float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
-webkit-box-shadow: 1px 0 0 #e6e6e6;
box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
line-height: 28px;
float: none;
width: 100%;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
cursor: default;
color: rgba(57, 57, 57, .3);
border: none;
background: transparent;
}
.flatpickr-innerContainer {
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.flatpickr-rContainer {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.flatpickr-time {
line-height: 40px;
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 0;
max-height: 40px;
text-align: center;
outline: 0;
}
.flatpickr-time:after {
display: table;
clear: both;
content: '';
}
.flatpickr-time .numInputWrapper {
float: left;
width: 40%;
height: 40px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%;
}
.flatpickr-time input {
font-size: 14px;
line-height: inherit;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: inherit;
margin: 0;
padding: 0;
cursor: pointer;
text-align: center;
color: #393939;
border: 0;
border-radius: 0;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.flatpickr-time input.flatpickr-hour {
font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
font-weight: 400;
}
.flatpickr-time input:focus {
border: 0;
outline: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
font-weight: bold;
line-height: inherit;
display: inline-block;
float: left;
width: 2%;
height: inherit;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #393939;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
font-weight: 400;
width: 18%;
cursor: pointer;
text-align: center;
outline: 0;
}
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
background: #f0f0f0;
}
.flatpickr-input[readonly] {
cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
from {
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes fpFadeInDown {
from {
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
/*flatpicker*/
/*custom-scroll*/
.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;
max-width: 100%;
height: 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;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 16px;
height: auto;
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;
right: 0;
bottom: 0;
left: 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 {
z-index: 1;
width: 100%;
height: 30px;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
text-align: center;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.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 {
position: absolute;
display: block;
overflow: hidden;
width: 100%;
height: 20px;
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 {
top: auto;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: 16px;
}
.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 {
left: 0;
width: 30px;
height: 100%;
}
.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 {
position: absolute;
display: block;
overflow: hidden;
width: 20px;
height: 100%;
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;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
width: auto;
height: auto;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 30px;
padding-bottom: 30px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
padding-right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
padding-bottom: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
margin-left: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
-webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 0;
filter: 'alpha(opacity=0)';
-ms-filter: 'alpha(opacity=0)';
}
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
opacity: 1;
filter: 'alpha(opacity=100)';
-ms-filter: 'alpha(opacity=100)';
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .4);
filter: 'alpha(opacity=40)';
-ms-filter: 'alpha(opacity=40)';
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .75);
filter: 'alpha(opacity=75)';
-ms-filter: 'alpha(opacity=75)';
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .85);
filter: 'alpha(opacity=85)';
-ms-filter: 'alpha(opacity=85)';
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .9);
filter: 'alpha(opacity=90)';
-ms-filter: 'alpha(opacity=90)';
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
opacity: .4;
background-image: url(/bitrix/templates/.default/libs/css/mCSB_buttons.png);
background-repeat: no-repeat;
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;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background-color: #fff;
background-color: rgba(255, 255, 255, .1);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background-color: #fff;
background-color: rgba(255, 255, 255, .75);
}
.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 {
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background-color: #000;
background-color: rgba(0, 0, 0, .1);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background-color: #000;
background-color: rgba(0, 0, 0, .75);
}
.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;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
background-color: rgba(255, 255, 255, .1);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
background-color: rgba(255, 255, 255, .75);
}
.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 {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #000;
background-color: rgba(0, 0, 0, .1);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #000;
background-color: rgba(0, 0, 0, .75);
}
.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 {
width: 16px;
height: 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 {
opacity: .3;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
background-repeat: repeat-y;
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-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%);
background-repeat: repeat-y;
}
.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-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%);
background-repeat: repeat-x;
}
.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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 12px;
height: auto;
margin: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: auto;
height: 12px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
}
.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 {
right: auto;
left: 0;
}
.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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 6px;
height: auto;
margin: 3px 5px;
}
.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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: 6px;
margin: 5px 3px;
}
.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 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255, 255, 255, .2);
background-color: transparent;
}
.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);
}
/*custom-scroll*/
/*noui*/
/*! nouislider - 11.0.3 - 2018-01-21 14:04:07 */
.noUi-target,
.noUi-target * {
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: none;
touch-action: none;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base,
.noUi-connects {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
}
.noUi-connects {
z-index: 0;
overflow: hidden;
}
.noUi-connect,
.noUi-origin {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
will-change: transform;
}
html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
right: 0;
left: auto;
}
.noUi-vertical .noUi-origin {
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
position: absolute;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform .3s;
transition: transform .3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
top: -6px;
left: -17px;
width: 34px;
height: 28px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
top: -17px;
left: -6px;
width: 28px;
height: 34px;
}
html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
right: -17px;
left: auto;
}
.noUi-target {
border: 1px solid #d3d3d3;
border-radius: 4px;
background: #fafafa;
box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #3fb8af;
}
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
cursor: default;
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;
}
.noUi-active {
box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;
}
.noUi-handle:after,
.noUi-handle:before {
position: absolute;
top: 6px;
left: 14px;
display: block;
width: 1px;
height: 14px;
content: '';
background: #e8e7e6;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
top: 14px;
left: 6px;
width: 14px;
height: 1px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
[disabled] .noUi-connect {
background: #b8b8b8;
}
[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
cursor: not-allowed;
}
.noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
.noUi-value {
position: absolute;
text-align: center;
white-space: nowrap;
}
.noUi-value-sub {
font-size: 10px;
color: #ccc;
}
.noUi-marker {
position: absolute;
background: #ccc;
}
.noUi-marker-large,
.noUi-marker-sub {
background: #aaa;
}
.noUi-pips-horizontal {
top: 100%;
left: 0;
width: 100%;
height: 80px;
padding: 10px 0;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
width: 2px;
height: 5px;
margin-left: -1px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
.noUi-pips-vertical {
top: 0;
left: 100%;
height: 100%;
padding: 0 10px;
}
.noUi-value-vertical {
padding-left: 25px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%, 0);
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
position: absolute;
display: block;
padding: 5px;
text-align: center;
white-space: nowrap;
color: #000;
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
}
.noUi-horizontal .noUi-tooltip {
bottom: 120%;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.noUi-vertical .noUi-tooltip {
top: 50%;
right: 120%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
/*noui*/
/*magnific-popup*/
/* Magnific Popup CSS */
.mfp-bg {
position: fixed;
z-index: 1042;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
opacity: .8;
background: #0b0b0b;
}
.mfp-wrap {
position: fixed;
z-index: 1043;
top: 0;
left: 0;
width: 100%;
height: 100%;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 0 8px;
text-align: center;
}
.mfp-container:before {
display: inline-block;
height: 100%;
content: '';
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
z-index: 1045;
display: inline-block;
margin: 0 auto;
text-align: left;
vertical-align: middle;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
position: absolute;
z-index: 1044;
top: 50%;
right: 8px;
left: 8px;
width: auto;
margin-top: -.8em;
text-align: center;
color: #ccc;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
z-index: 1046;
display: block;
overflow: visible;
padding: 0;
cursor: pointer;
border: 0;
outline: none;
background: transparent;
box-shadow: none;
-webkit-appearance: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
font-family: Arial, Baskerville, monospace;
font-size: 28px;
font-style: normal;
line-height: 44px;
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0 0 18px 10px;
text-align: center;
text-decoration: none;
opacity: .65;
color: #fff;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
right: -6px;
width: 100%;
padding-right: 6px;
text-align: right;
color: #fff;
}
.mfp-counter {
font-size: 12px;
line-height: 18px;
position: absolute;
top: 0;
right: 0;
white-space: nowrap;
color: #ccc;
}
.mfp-arrow {
position: absolute;
top: 50%;
width: 90px;
height: 110px;
margin: 0;
margin-top: -55px;
padding: 0;
opacity: .65;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 0;
height: 0;
margin-top: 35px;
margin-left: 35px;
content: '';
border: medium inset transparent;
}
.mfp-arrow:after {
top: 8px;
border-top-width: 13px;
border-bottom-width: 13px;
}
.mfp-arrow:before {
opacity: .7;
border-top-width: 21px;
border-bottom-width: 21px;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
margin-left: 31px;
border-right: 17px solid #fff;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
margin-left: 39px;
border-left: 17px solid #fff;
}
.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
overflow: hidden;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: #000;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
/* Main image in popup */
img.mfp-img {
line-height: 0;
display: block;
box-sizing: border-box;
width: auto;
max-width: 100%;
height: auto;
margin: 0 auto;
padding: 40px 0 40px;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
position: absolute;
z-index: -1;
top: 40px;
right: 0;
bottom: 40px;
left: 0;
display: block;
width: auto;
height: auto;
content: '';
background: #444;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
.mfp-figure small {
font-size: 12px;
line-height: 14px;
display: block;
color: #bdbdbd;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: -36px;
cursor: auto;
}
.mfp-title {
line-height: 18px;
padding-right: 36px;
text-align: left;
word-wrap: break-word;
color: #f3f3f3;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-right: 0;
padding-left: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
position: fixed;
top: auto;
bottom: 0;
box-sizing: border-box;
margin: 0;
padding: 3px 5px;
background: rgba(0, 0, 0, .6);
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
top: 3px;
right: 5px;
}
.mfp-img-mobile .mfp-close {
line-height: 35px;
position: fixed;
top: 0;
right: 0;
width: 35px;
height: 35px;
padding: 0;
text-align: center;
background: rgba(0, 0, 0, .6);
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(.75);
transform: scale(.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-right: 6px;
padding-left: 6px;
}
}
/*magnific-popup*/
/*slick*/
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-right: auto;
margin-left: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*slick*/
/*plugins*/
/*reset*/
*:focus {
outline: none;
}
* {
box-sizing: border-box;
}
input[type='submit'] {
cursor: pointer;
border: none;
}
.nice-loaded {
display: none;
}
@keyframes slider {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.nice-loaded.slick-initialized {
display: block;
animation: slider .2s ease-in forwards;
}
.arrows-control.arrows-control-abs button.slick-prev {
top: auto;
right: 95px;
bottom: 45px;
left: auto;
}
.arrows-control.arrows-control-abs button.slick-next {
top: auto;
right: 45px;
bottom: 45px;
}
.arrows-control .slick-arrow {
font-size: 0;
position: absolute;
z-index: 5;
top: 50%;
display: inline-block;
width: 20px;
height: 20px;
cursor: pointer;
border: 1px solid #0fb9d6;
border-radius: 50%;
background: #fff;
}
.arrows-control .slick-arrow.slick-prev {
left: 0;
}
.arrows-control .slick-arrow.slick-prev:before {
background: url('/bitrix/templates/.default/libs/css/../images/black-arrow-ico.png') no-repeat center;
}
.arrows-control .slick-arrow.slick-next {
right: 0;
}
.arrows-control .slick-arrow.slick-next:before {
transform: scale(-1);
background: url('/bitrix/templates/.default/libs/css/../images/black-arrow-ico.png') no-repeat center;
}
.arrows-control .slick-arrow:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 16px;
height: 16px;
margin: auto;
content: '';
}
.dots-controls .slick-dots {
list-style: none;
text-align: left;
}
.dots-controls .slick-dots li {
display: inline-block;
margin-right: 14px;
}
.dots-controls .slick-dots li.slick-active button {
position: relative;
background: #f9e922;
}
.dots-controls .slick-dots li.slick-active button:before {
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 2px;
content: '';
background: #f9e922;
}
.dots-controls .slick-dots li button {
font-size: 0;
width: 46px;
height: 4px;
cursor: pointer;
border: none;
background: #bebbbd;
}
.dots-controls-abs .slick-dots {
position: absolute;
right: 0;
bottom: 41px;
left: 0;
max-width: 1575px;
margin: auto;
text-align: left;
}
.content-widget {
padding: 3rem 3.6rem;
}
.bordered-widget {
border: 1px solid #ddd;
}
.h2 {
font-size: 4.8rem;
font-weight: 600;
text-transform: uppercase;
}
.h4 {
font-size: 1.4rem;
font-weight: 600;
}
.h4-offset {
margin-bottom: 2rem;
}
.decorated {
position: relative;
padding-top: 1rem;
}
.decorated.decorated_center {
text-align: center;
}
.decorated.decorated_center:before {
right: 0;
margin: auto;
}
.decorated:before {
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 2px;
content: '';
background: #06b6d5;
}
.orange-arrow {
position: relative;
display: inline-flex;
width: 8px;
height: 8px;
transition: all .2s ease-in;
align-items: center;
justify-content: center;
}
.orange-arrow:before {
position: absolute;
position: relative;
top: -3px;
display: inline-block;
width: 8px;
height: 8px;
content: '';
transform: rotate(-45deg);
border-bottom: 2px solid #f43900;
border-left: 2px solid #f43900;
flex-shrink: 0;
}
.h2-offset {
margin-bottom: 3rem;
}
.ico-right-offset {
margin-right: 1rem;
}
.ico-left-offset {
margin-left: 1rem;
}
@keyframes tabs {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.tab {
display: none;
}
.tab.active {
display: block;
animation: tabs .2s ease-in forwards;
}
.white-text {
color: #fff;
}
.yellow-text {
color: #f9e922;
}
.job-btn {
cursor: pointer;
}
._decorated {
text-decoration: underline;
}
._bold {
font-weight: bold;
}
.iconed-link {
display: inline-flex;
align-items: center;
}
.iconed-link-ico-r-offset {
margin-right: 1.3rem;
}
.btn {
font-weight: bold;
display: inline-flex;
padding: 1.4rem 2rem 1.2rem 2rem;
line-height: 1;
white-space: nowrap;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
border-radius: 30px;
align-items: center;
justify-content: center;
}
.gradient-btn {
font-size: 1.6rem;
font-weight: 600;
position: relative;
overflow: hidden;
padding: 2.2rem 4rem 2.0rem 4rem;
transition: background .2s ease-in;
color: #fff;
border: none;
border-radius: 45px;
background: linear-gradient(to right, #fc8c29, #ec5a12);
-webkit-box-shadow: 0 15px 32px 0 rgba(248, 126, 34, .44);
-moz-box-shadow: 0 15px 32px 0 rgba(248, 126, 34, .44);
box-shadow: 0 15px 32px 0 rgba(248, 126, 34, .44);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.gradient-btn--disabled {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
pointer-events: none;
}
.gradient-btn:hover:after {
width: 100%;
opacity: 1;
}
.gradient-btn:after {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
transition: all .2s ease-in;
opacity: 0;
background: linear-gradient(to right, #ec5a12, #fc8c29);
}
.gradient-btn span {
position: relative;
z-index: 1;
}
.btn-orange {
transition: all .2s ease-in;
color: #e9510e;
border-color: #e9510e;
background: transparent;
}
.desctop-header-feedback {
margin-left: 2rem;
}
.default-section {
padding: 6rem 0rem;
}
.h2-default {
font-size: 4.8rem;
font-weight: bold;
line-height: 1;
margin-top: 0;
}
.iconed-h2-ico {
margin-right: 2rem;
}
.h2-default-offset {
margin-bottom: 4rem;
}
.h2-default.h2-light {
font-weight: 500;
}
.small-paragraph {
font-size: 1.4rem;
line-height: 1.6;
}
.iconed-h2 {
display: inline-flex;
align-items: center;
}
.h2-default_white {
color: #fff;
}
.small-between {
/* the slides */
/* the parent */
}
.small-between .slick-slide {
margin: 0 10px;
}
.small-between .slick-list {
margin: 0 -10px;
}
.dark-section {
background: #fafafb;
}
.iconed-link-small-r-offset {
margin-right: 1.7rem;
}
.right-orientation-reverce-offset {
margin-top: -1rem;
}
.h2-with-nav {
display: flex;
margin-bottom: 5rem;
align-items: center;
justify-content: space-between;
}
.section-header-nav {
color: #fff;
}
.section-header-nav-link {
font-weight: bold;
position: relative;
display: inline-block;
margin-left: 5rem;
padding-bottom: 1.5rem;
transition: all .2s ease-in;
color: #5c575f;
}
.section-header-nav-link.active {
color: #fff;
}
.section-header-nav-link.active:before {
opacity: 1;
}
.section-header-nav-link:hover {
color: #fff;
}
.section-header-nav-link:hover:before {
opacity: 1;
}
.section-header-nav-link:before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
height: 2px;
content: '';
transition: all .2s ease-in;
opacity: 0;
background: #f9e922;
}
.circle-time {
display: inline-block;
width: 1.6rem;
height: 1.6rem;
background: url('/bitrix/templates/.default/libs/css/../images/time-ico.png') no-repeat center;
}
.circle-time-r-offset {
margin-right: 1rem;
}
.news-tile:hover .box-tile-img:before {
opacity: 0;
}
.news-tile:hover .box-tile-title {
color: #faea25;
}
.news-tile .box-tile-img {
position: relative;
margin-bottom: 2.5rem;
}
.news-tile .box-tile-img:before {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
transition: all .2s ease-in;
background: rgba(0, 0, 0, .3);
}
.news-tile .box-tile-title {
font-size: 2.6rem;
line-height: 1.4;
margin-bottom: 3rem;
transition: all .2s ease-in;
}
.masondy-tile {
position: relative;
}
.box-tile-time {
display: inline-flex;
color: #958e9a;
align-items: center;
}
.hover-content-widget {
position: relative;
}
.masondy-tile {
font-size: 0;
}
.hover-content {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 3rem;
background: rgba(0, 0, 0, .5);
}
.hover-content-top {
top: 0;
left: 0;
width: 100%;
}
.photo-ico {
display: inline-block;
width: 31px;
height: 25px;
background: url('/bitrix/templates/.default/libs/css/../images/white-photo-cam.png') no-repeat center;
}
.video-ico {
display: inline-block;
width: 18px;
height: 24px;
background: url('/bitrix/templates/.default/libs/css/../images/play-white-ico.png') no-repeat center;
}
.hover-content-bottom {
position: absolute;
bottom: 0;
left: 0;
padding: 3rem;
color: #fff;
}
.hover-content-title {
font-size: 2.6rem;
font-weight: bold;
display: block;
text-transform: uppercase;
}
.hover-content-title_light {
font-weight: 500;
min-height: 5rem;
margin-bottom: 2rem;
}
.hover-content-desc {
font-size: 1.6rem;
display: flex;
color: #fff;
align-items: center;
}
.masondy-tile-img {
font-size: 0;
}
.hover-content-sepparator {
display: inline-block;
width: 1px;
height: 29px;
margin-right: 3rem;
margin-left: 3rem;
background: #fff;
}
.video-tile-offset {
margin-bottom: 5rem;
}
.small-yellow-bell {
width: 20px;
height: 23px;
}
.custom-checkbox-r-offset {
margin-right: 4rem;
}
.custom-checkbox {
display: inline-block;
}
.custom-checkbox input {
display: none;
}
.custom-checkbox input:checked + label:after {
opacity: 1;
}
.custom-checkbox label {
position: relative;
padding-left: 3.6rem;
cursor: pointer;
user-select: none;
}
.custom-checkbox label:after {
position: absolute;
top: 3px;
left: 3px;
width: 14px;
height: 14px;
content: '';
transition: all .2s ease-in;
opacity: 0;
border-radius: 2px;
background: #fffc0c;
}
.custom-checkbox label:before {
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
content: '';
border: 1px solid #5d3155;
border-radius: 1px;
}
@keyframes popup {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
.mfp-content .mfp-figure {
transform: translateY(-30px);
animation: popup .3s ease-in forwards;
opacity: .2;
}
.light-shadow-content {
position: relative;
}
.light-shadow-content:before {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(0, 0, 0, .2);
}
.shadow-content {
position: relative;
}
.shadow-content:before {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(0, 0, 0, .4);
}
.circle-nav-link-offset {
margin-right: 6rem;
}
.circle-nav-link {
font-size: 1.6rem;
font-weight: bold;
display: inline-block;
}
.circle-nav-link:before {
position: relative;
top: 1px;
display: inline-block;
width: 9px;
height: 9px;
margin-right: 2rem;
content: '';
border-radius: 50%;
background: #f9e922;
}
.circle-nav-link:last-child {
margin-right: 0 !important;
}
.big-slider-between-offset {
/* the parent */
}
.big-slider-between-offset .slick-slide {
margin: 0 27px;
}
.big-slider-between-offset .slick-list {
margin: 0 -27px;
}
.audio-player-volume-control .noUi-handle {
border: none;
background: none;
box-shadow: none;
}
.audio-player-volume-control .noUi-handle:after {
display: none;
}
.audio-player-volume-control .noUi-handle:before {
position: absolute;
top: 1px;
right: 0;
left: 0;
width: 12px;
height: 12px;
margin: auto;
content: '';
cursor: pointer;
border-radius: 50%;
background: #f9e922;
}
.audio-player-volume-control .noUi-connect {
background: #f9e922;
}
.audio-player-volume-control .noUi-target {
height: 3px;
border: none;
background: #473844;
box-shadow: none;
}
.no-shadow .box-tile-img:before {
display: none;
}
.default-input {
width: 100%;
height: 40px;
transition: all .2s ease-in;
color: #f9e922;
border: none;
border-bottom: 3px solid #372f36;
background: transparent;
}
.default-input:focus {
border-color: #f9e922;
}
.default-input:focus::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #f9e922;
}
.default-input:focus::-moz-placeholder {
/* Firefox 19+ */
color: #f9e922;
}
.default-input:focus:-ms-input-placeholder {
/* IE 10+ */
color: #f9e922;
}
.default-input:focus:-moz-placeholder {
/* Firefox 18- */
color: #f9e922;
}
.reklam-full-submit {
width: 100%;
margin-top: 3rem;
}
.default-textarea {
width: 100%;
min-height: 40px;
transition: all .2s ease-in;
color: #f9e922;
border: none;
border-bottom: 3px solid #372f36;
background: transparent;
}
.default-textarea:focus {
border-color: #f9e922;
}
.default-textarea:focus::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #f9e922;
}
.default-textarea:focus::-moz-placeholder {
/* Firefox 19+ */
color: #f9e922;
}
.default-textarea:focus:-ms-input-placeholder {
/* IE 10+ */
color: #f9e922;
}
.default-textarea:focus:-moz-placeholder {
/* Firefox 18- */
color: #f9e922;
}
.mCSB_scrollTools .mCSB_draggerRail {
background: #1e151d;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #e31e58;
}
.reklam-full-form-item {
margin-bottom: 20px;
}
.reviews-slider-tile {
padding: 3rem;
background: #301f2d;
}
.custom-scroll-content {
padding-top: 15px;
padding-bottom: 15px;
}
.custom-scroll {
position: relative;
}
.custom-scroll.dark-theme:before {
background: linear-gradient(to bottom, #301f2d, transparent);
}
.custom-scroll.dark-theme:after {
background: linear-gradient(to top, #301f2d, transparent);
}
.custom-scroll:before {
position: absolute;
z-index: 9;
top: 0;
left: 0;
width: 100%;
height: 30px;
content: '';
}
.custom-scroll:after {
position: absolute;
z-index: 9;
bottom: 0;
left: 0;
width: 100%;
height: 30px;
content: '';
}
.mfp-gallery .mfp-counter {
display: none;
}
.mfp-gallery img.mfp-img {
padding-bottom: 80px;
}
.mfp-gallery .mfp-figure:after {
background: none;
box-shadow: none;
}
.mfp-gallery .mfp-arrow {
top: auto;
bottom: 10px;
width: 50px;
height: 50px;
opacity: 1;
border: 2px solid #fff;
border-radius: 50%;
}
.mfp-gallery .mfp-arrow:hover {
border: 2px solid #f9692a;
border-width: 2px !important;
background: linear-gradient(to right, #fc8c29, #ec5a12);
}
.mfp-gallery .mfp-arrow.mfp-arrow-left:before {
top: 18px;
left: 20px;
transform: rotate(45deg);
border-top: none !important;
border-right: none !important;
border-right: none;
border-bottom: 2px solid #fff !important;
border-left: 2px solid #fff !important;
}
.mfp-gallery .mfp-arrow.mfp-arrow-right {
right: auto;
left: 70px;
}
.mfp-gallery .mfp-arrow.mfp-arrow-right:before {
top: 18px;
right: 20px;
left: auto;
transform: rotate(45deg);
transform-origin: center center;
border-top: 2px solid #fff !important;
border-right: 2px solid #fff !important;
border-bottom: none !important;
border-left: none !important;
border-left: none;
}
.mfp-gallery .mfp-arrow:before {
position: absolute;
top: 50%;
box-sizing: border-box;
width: 10px !important;
height: 10px !important;
margin-top: 0;
margin-right: 0;
margin-left: 0;
content: '';
transform-origin: center center;
border-top-width: 2px;
border-bottom-width: 2px;
border-radius: 2px;
}
.mfp-gallery .mfp-arrow:after {
display: none;
}
.slick-arrow {
font-size: 0;
position: absolute;
z-index: 8;
top: 50%;
display: inline-block;
width: 50px;
height: 50px;
cursor: pointer;
transition: all .2s ease-in;
transform: translateY(-50%);
opacity: 1;
border: none;
background: transparent;
}
.slick-arrow.slick-prev {
left: 10px;
}
.slick-arrow.slick-prev:before {
top: 17px;
left: 20px;
transform: rotate(45deg);
border-right: none;
border-bottom: 3px solid #fff !important;
border-left: 3px solid #fff !important;
}
.slick-arrow.slick-next {
right: 10px;
}
.slick-arrow.slick-next:before {
top: 17px;
right: 20px;
left: auto;
transform: rotate(45deg);
border-top: 3px solid #fff !important;
border-right: 3px solid #fff !important;
border-left: none;
}
.slick-arrow:before {
position: absolute;
top: 50%;
width: 13px !important;
height: 13px !important;
margin-top: 0;
margin-right: 0;
margin-left: 0;
content: '';
transform: translateY(-50%);
border-top-width: 2px;
border-bottom-width: 2px;
}
.slick-arrow:hover {
opacity: 1;
}
.full-banner-showman.full-banner-showman-center {
background-position: center;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder {
cursor: crosshair;
}
.mfp-close {
cursor: pointer !important;
}
.custom-radio input {
display: none;
}
.custom-radio input:checked + label:after {
opacity: 1;
}
.custom-radio label {
font-size: 1.6rem;
position: relative;
display: inline-block;
width: 100%;
padding-left: 4rem;
cursor: pointer;
color: #fff;
}
.custom-radio label:before {
position: absolute;
top: 2px;
left: 0;
display: inline-block;
width: 16px;
height: 16px;
content: '';
border: 1px solid #392d37;
border-radius: 50%;
}
.custom-radio label:after {
position: absolute;
top: 6px;
left: 4px;
display: inline-block;
width: 10px;
height: 10px;
content: '';
opacity: 0;
border-radius: 50%;
background: #f9e922;
}
.no-arrow .slick-arrow {
display: none !important;
}
.orange-text {
color: #f98224;
}
.gray-font {
color: #777;
}
.slider-small-between {
/* the parent */
}
.slider-small-between .slick-slide {
margin: 0 8px;
}
.slider-small-between .slick-list {
margin: 0 -8px;
}
.slider-small-between {
padding-top: 16px;
padding-right: 24px;
padding-bottom: 16px;
padding-left: 24px;
}
.down-arrow-ico {
display: inline-block;
width: 10px;
height: 11px;
background: url('/bitrix/templates/.default/libs/css/../images/down-arrow-ico.png') no-repeat center;
}
.h3-small-offset {
margin-bottom: 1rem;
}
.up-arrow-ico {
display: inline-block;
width: 10px;
height: 11px;
transform: scale(-1);
background: url('/bitrix/templates/.default/libs/css/../images/down-arrow-ico.png') no-repeat center;
transform: rotate(180deg);
}
.iconed {
display: inline-flex;
align-items: center;
}
.iconed-ico-r-offset {
margin-left: 2rem;
}
.h2-with-offset {
margin-bottom: 3rem;
}
.medium-subtitle {
font-size: 3.2rem;
font-weight: bold;
display: block;
}
.custom-slick-nav-btn {
display: inline-block;
display: inline-flex;
width: 64px;
height: 64px;
margin-left: 2.3rem;
transition: background .4s ease-in;
border: 2px solid #e9510e;
border-radius: 50%;
background: transparent;
align-items: center;
justify-content: center;
}
.custom-slick-nav-btn.left:before {
position: relative;
left: 3px;
width: 12px;
height: 12px;
content: '';
transition: all .2s ease-in;
transform: rotate(45deg);
border-bottom: 2px solid #e9510e;
border-left: 2px solid #e9510e;
}
.custom-slick-nav-btn.right:before {
position: relative;
right: 3px;
width: 12px;
height: 12px;
content: '';
transition: all .2s ease-in;
transform: rotate(45deg);
border-top: 2px solid #e9510e;
border-right: 2px solid #e9510e;
}
.custom-slick-nav-btn:hover {
border: none;
background: linear-gradient(to right, #fc8c29, #ec5a12);
}
.custom-slick-nav-btn:hover:before {
border-color: #fff;
}
.normal-bettwen {
/* the slides */
/* the parent */
}
.normal-bettwen .slick-slide {
margin: 0 15px;
}
.normal-bettwen .slick-list {
margin: 0 -15px;
}
.mobile-datepicker-title {
font-size: 2.4rem;
}
.mobile-datepicker {
display: none;
margin-bottom: 3rem;
}
.mobile-datepicker span.flatpickr-weekday {
font-weight: bold;
color: #111;
}
.mobile-datepicker .flatpickr-calendar {
font-size: 2.5rem;
}
.mobile-datepicker .flatpickr-day.today {
color: #fff;
border: 1px solid transparent;
background: linear-gradient(to right, #fc8c29, #ec5a12);
}
.mobile-datepicker .flatpickr-month {
display: none;
}
.mobile-datepicker .flatpickr-days {
width: 100%;
}
.mobile-datepicker .flatpickr-day {
line-height: 77px;
max-width: inherit;
height: 77px;
border-radius: 0;
}
.mobile-datepicker .flatpickr-weekdays {
height: 56px;
border-bottom: 1px solid #e6e6e6;
}
.mobile-datepicker .dayContainer {
width: 100%;
max-width: 100%;
}
.mobile-datepicker .flatpickr-rContainer {
width: 100%;
}
.mobile-datepicker .flatpickr-calendar {
width: 100%;
}
.default-h1 {
font-size: 4.5rem;
line-height: 1;
margin-top: 1rem;
margin-bottom: 2rem;
padding-right: 10%;
}
.default-h1-link {
margin-top: 5rem;
margin-bottom: 2rem;
}
.default-h1-link span {
font-size: 1.6rem;
margin-bottom: .7rem;
opacity: .7;
display: block;
}
.default-h1-link a {
font-size: 2.8rem;
font-weight: bold;
line-height: 1.2;
border-bottom: 2px solid rgba(255,255,255,.3);
transition: 300ms border-color;
}
.default-h1-link a:hover {
border-color: rgba(255,255,255,.7);
}
.shadow-right:after {
position: absolute;
top: 0;
left: 0;
width: 300px;
height: 100%;
content: '';
background: linear-gradient(to right, #000, transparent);
}
a._decorated {
text-decoration: underline;
}
.orange-text {
color: #e9510e;
}
.single-page-nav .ya-share2__container_size_m .ya-share2__icon {
height: 20px;
background-repeat: no-repeat;
background-position: center;
}
.single-page-nav .ya-share2__item_service_vkontakte .ya-share2__badge {
padding: 4px;
background: #fff;
}
.single-page-nav .ya-share2__item_service_twitter .ya-share2__badge {
padding: 4px;
padding: 11px;
background: #fff;
}
.single-page-nav .ya-share2__item_service_facebook .ya-share2__badge {
padding: 4px;
padding: 11px;
background: #fff;
}
.single-page-nav .ya-share2__badge {
display: inline-flex;
width: 40px;
height: 40px;
border: 1px solid #dfdfdf;
border-radius: 50%;
background: #fff;
align-items: center;
justify-content: center;
}
.single-page-nav .ya-share2__item_service_vkontakte .ya-share2__icon {
background-color: transparent;
background-image: url('/bitrix/templates/.default/libs/css/../images/vk-share.svg');
fill: #507299;
}
.single-page-nav .ya-share2__icon:active {
box-shadow: none !important;
}
.single-page-nav .ya-share2__item_service_facebook .ya-share2__icon {
background: url('/bitrix/templates/.default/libs/css/../images/facebook-logo.png') no-repeat center !important;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
fill: #000;
}
.single-page-nav .ya-share2__item_service_twitter .ya-share2__icon {
background-color: transparent;
background-image: url('/bitrix/templates/.default/libs/css/../images/twitter-share.svg');
fill: #507299;
}
.single-page-nav .ya-share2__counter {
display: none;
}
.h2-small-offset {
margin-bottom: 3rem;
}
.hover-effect {
position: relative;
}
.hover-effect:hover:before {
opacity: 1;
}
.hover-effect:hover:after {
opacity: 1;
}
.hover-effect:after {
position: absolute;
z-index: 3;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline-flex;
box-sizing: border-box;
width: 50px;
height: 50px;
margin: auto;
padding-top: 6px;
content: url('/bitrix/templates/.default/libs/css/../images/white-plus-ico.png');
transition: all .2s ease-in;
pointer-events: none;
opacity: 0;
border-radius: 50%;
background: linear-gradient(to right, #fc8c29, #ec5a12);
align-items: center;
justify-content: center;
}
.hover-effect:before {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
transition: all .2s ease-in;
pointer-events: none;
opacity: 0;
background: rgba(0, 0, 0, .5);
border-radius: 200px;
}
.small-date {
font-size: 1.2rem;
flex-shrink: 0;
}
.h4-offset {
margin-bottom: 1.5rem;
}
.rewiews-tile-var-title {
width: 100%;
}
.rewiews-tile-var-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.h4 {
font-size: 2rem;
font-weight: bold;
display: block;
}
.rewiews-tile-var-content {
padding-left: 2.5rem;
}
.rewiews-tile-var-img {
flex-shrink: 0;
}
.rewiews-tile-var-1 {
display: flex;
align-items: flex-start;
}
.toogle-widget-content {
display: none;
}
.active .orange-arrow {
transform: scale(-1);
}
.default-ul {
margin-bottom: 3rem;
list-style: none;
}
.default-ul li {
margin-bottom: 1rem;
}
.jc-s {
display: flex;
align-items: center;
}
.active .plus-ico:before {
transform: rotate(90deg);
}
.plus-ico {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
cursor: pointer;
}
.plus-ico:before {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 2px;
height: 100%;
margin: auto;
content: '';
transition: all .2s ease-in;
background: #333;
}
.plus-ico:after {
position: absolute;
top: 0;
top: 50%;
width: 100%;
height: 2px;
content: '';
transform: translateY(-50%);
background: #333;
}
.default-form-item {
margin-bottom: 2rem;
}
.default-rounded-textarea {
width: 100%;
height: 120px;
padding: 3rem;
resize: none;
border: 1px solid #eee;
border-radius: 30px;
}
.default-rounded-input {
display: block;
width: 100%;
height: 60px;
padding-left: 3rem;
border: 1px solid #eee;
border-radius: 30px;
}
.mfp-gallery .mfp-arrow.mfp-arrow-left {
right: 70px;
left: auto;
}
.mfp-gallery .mfp-arrow.mfp-arrow-right {
right: 0;
left: auto;
}
@keyframes popup {
0% {
transform: translateY(-30px);
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
.mfp-content .mfp-figure {
transform: translateY(-30px);
animation: popup .3s ease-in forwards;
opacity: .2;
}
.mfp-content {
transform: translateY(-30px);
animation: popup .3s ease-in forwards;
opacity: .2;
}
.mfp-close {
font-size: 0;
top: 10px;
right: 10px;
}
.mfp-close:focus {
top: 10px;
right: 10px;
}
.mfp-close:before {
position: absolute;
top: 18px;
right: 0;
left: 0;
width: 20px;
height: 1px;
margin: auto;
content: '';
transform: rotate(45deg);
transform-origin: center;
background: #c1c0c0;
}
.mfp-close:after {
position: absolute;
top: 9px;
right: 0;
left: 0;
width: 1px;
height: 20px;
margin: auto;
content: '';
transform: rotate(45deg);
transform-origin: center;
background: #c1c0c0;
}
.big-blockquote {
font-size: 2rem;
font-weight: bold;
position: relative;
margin-bottom: 5rem;
padding-right: 11rem;
padding-left: 11rem;
text-align: center;
}
.big-blockquote:before {
position: absolute;
top: 50%;
left: 0;
width: 68px;
height: 49px;
content: '';
transform: translateY(-50%);
background: url('/bitrix/templates/.default/libs/css/../images/quotes.png') no-repeat center;
}
.big-blockquote:after {
position: absolute;
top: 50%;
right: 0;
width: 68px;
height: 49px;
content: '';
transform: translateY(-50%) scale(-1);
background: url('/bitrix/templates/.default/libs/css/../images/quotes.png') no-repeat center;
}
.blockquote-bold {
padding-top: 40px;
}
.default-popup {
position: relative;
max-width: 790px;
margin-right: auto;
margin-left: auto;
background: #fff;
}
.video-popup {
position: relative;
max-width: 900px;
margin-right: auto;
margin-left: auto;
background: #fff;
}
.orange-link {
text-decoration: underline;
color: #fa8626;
}
.mejs__container {
background: #fff;
}
.mejs__controls:not([style*='display: none']) {
background: none;
}
.mejs__mediaelement {
padding-top: 2rem;
padding-bottom: 2rem;
}
.responsive-video {
position: relative;
overflow: hidden;
height: 0;
margin-bottom: 2rem;
padding-top: 30px;
padding-bottom: 56.25%;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*reset*/
/*effects*/
.full-banner-nav-slider-item.shadow:hover:before {
opacity: 0;
}
/*effects*/
/*fonts*/
@font-face {
font-family: 'gotham';
font-weight: normal;
font-style: normal;
src: local('gotham'), url('/fonts/GothamPro.woff') format('woff');
}
@font-face {
font-family: 'gotham';
font-weight: bold;
font-style: normal;
src: local('gotham'), url('/fonts/GothamPro-Bold.woff') format('woff');
}
@font-face {
font-family: 'gotham';
font-weight: normal;
font-style: italic;
src: local('gotham'), url('/fonts/GothamPro-Italic.woff') format('woff');
}
@font-face {
font-family: 'gotham';
font-weight: 300;
font-style: normal;
src: local('gotham'), url('/fonts/GothamPro-Light.woff') format('woff');
}
@font-face {
font-family: 'gotham';
font-weight: 600;
font-style: normal;
src: url('/fonts/GothamPro-Medium.eot?') format('eot'),
url('/fonts/GothamPro-Medium.otf') format('opentype'),
url('/fonts/GothamPro-Medium.woff') format('woff'),
url('/fonts/GothamPro-Medium.ttf') format('truetype'),
url('/fonts/GothamPro-Medium.svg#GothamPro-Medium') format('svg');
}
/*fonts*/
.afisha-item-img{
position: relative;
display: block;
}
.afisha-item-row{
display: flex;
}
.afisha-item-left{
width: 380px;
flex-shrink: 0;
}
.afisha-item:not(:last-child){
padding-bottom: 5rem;
margin-bottom:7rem;
border-bottom: 1px solid #eeeeee;
}
.afisha-item-title{
font-size: 3.2rem;
font-weight: bold;
display: block;
}
.afisha-item-addr{
font-size: 1.4rem;
color: #a9a9a9;
}
.afisha-item-desc{
margin-bottom: 4rem;
font-size: 1.4rem;
}
.afisha-item-img{
font-size: 0;
margin-bottom: 2rem;
}
.afisha-item-right{
position: relative;
width: 100%;
padding-left: 30px;
}
.afisha-item-subtitle{
font-weight: 600;
font-size: 18px;
}
.afisha-item-left-desc{
text-transform: uppercase;
font-weight: bold;
color: #a9a9a9;
font-size: 1.4rem;
}
.afisha-item-left-el{
margin-bottom: 1.5rem;
}
.afisha-item-subtitle{
margin-bottom: .6rem;
}
.afisha-item-val{
color: #9d9d9d;
font-size: 1.4rem;
}
.afisha-old{
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: bold;
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
color: #f43900;
position: absolute;
right: 20px;
font-size: 1.6rem;
top: 15px;
}
.hidden-gallery {
display: none;
}
.datepicker-wrapper{
opacity: 0;
pointer-events: none;
position: relative;
}
.datepicker-small{
-webkit-box-shadow: 0px 6px 41px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 6px 41px 0px rgba(0,0,0,0.23);
box-shadow: 0px 6px 41px 0px rgba(0,0,0,0.23);
}
.datepicker-small-header{
border-bottom: 2px solid #efefef;
}
.afisha-item-img{
position: relative;
display: block;
}
.afisha-item-row{
display: flex;
}
.afisha-item-left{
width: 380px;
flex-shrink: 0;
}
.afisha-item:not(:last-child){
padding-bottom: 5rem;
margin-bottom:7rem;
border-bottom: 1px solid #eeeeee;
}
.afisha-item-title{
font-size: 3.2rem;
font-weight: bold;
display: block;
}
.afisha-item-addr{
font-size: 1.4rem;
color: #a9a9a9;
}
.afisha-item-desc{
margin-bottom: 4rem;
font-size: 1.4rem;
}
.afisha-item-img{
font-size: 0;
margin-bottom: 2rem;
}
.afisha-item-right{
position: relative;
width: 100%;
padding-left: 30px;
}
.afisha-item-subtitle{
font-weight: 600;
font-size: 18px;
}
.afisha-item-left-desc{
text-transform: uppercase;
font-weight: bold;
color: #a9a9a9;
font-size: 1.4rem;
}
.afisha-item-left-el{
margin-bottom: 1.5rem;
}
.afisha-item-subtitle{
margin-bottom: .6rem;
}
.afisha-item-val{
color: #9d9d9d;
font-size: 1.4rem;
}
.datepicker-wrapper.acitve{
opacity: 1;
transform: translateY(0);
pointer-events: all;
}
/*media*/
.mobile-footer-form {
display: none;
}
.mobile-pred-banner {
display: none;
}
.hidden-gallery {
display: none;
}
@media (max-width: 1230px) {
.left-sidebar-offset {
padding-right: 0;
}
.right-sidebar-l-offset {
padding-left: 0;
}
.contact-map-notif {
padding-right: 15px;
padding-left: 15px;
}
.contact-map-notif-widget {
max-width: 350px;
}
.desctop-header-top-nav li:not(:last-child) {
margin-right: 1rem;
}
}
@media (max-width: 1070px) {
.desctop-header-top-nav {
font-size: 1.4rem;
}
.desctop-header-phone-offset {
margin-right: 3rem;
}
}
@media (max-width: 1000px) {
body {
padding-top: 82px;
}
.article-tile-img img {
width: 100%;
}
.contact-map-notif-key {
max-width: 100%;
}
.contact-map-notif-item:not(:last-child) {
margin-bottom: 2.3rem;
}
.category-offset {
margin-bottom: 1rem;
}
.contact-map-notif {
position: static;
padding-top: 0rem;
padding-left: 0;
}
.article-tile-title {
font-size: 1.8rem;
}
.desctop-footer {
padding-top: 2rem;
}
.soc-widget-tab {
max-width: 100%;
margin-bottom: 3rem;
margin-left: 0;
}
.contact-map-notif-widget {
width: 100%;
max-width: 100%;
padding-top: 2rem;
padding-right: 15px;
padding-bottom: 1rem;
padding-left: 15px;
}
.datepicker-day {
font-size: 5rem;
}
.datepicker-event-title {
font-size: 1.4rem;
}
.datepicker-td {
font-size: 1.2rem;
}
.datepicker-event-info {
font-size: 1.2rem;
}
.desctop-header {
display: none;
}
.mobile-menu {
display: block;
}
}
@media (max-width: 992px) {
.default-paragraph {
margin-top: 2rem;
}
.acters-slider-title {
padding-left: 2rem;
}
.pred-date {
width: 140px;
}
.pred-time-item {
margin-right: 3rem;
}
.predstavlenie-wrapper {
padding-bottom: 6rem;
}
.predstavlenie-banner {
display: block;
min-height: inherit;
background: none !important;
}
.predstavlenie-banner:before {
display: none !important;
}
.predstavlenie-banner:after {
display: none !important;
}
.mobile-pred-banner {
font-size: 0;
position: relative;
display: block;
}
.mobile-pred-banner:before {
position: absolute;
z-index: 9;
width: 100%;
height: 100%;
content: '';
background: rgba(0, 0, 0, .5);
}
.gdocsviewer iframe {
height: 600px !important;
}
.reviews-smi-video {
margin-bottom: 4rem;
}
.reviews-tab-nav {
display: none;
}
.mfp-arrow {
-webkit-transform: scale(1);
transform: scale(1);
}
.sidebar-mobile-menu {
display: block;
}
.left-sidebar-menu {
display: none;
}
.h2-default.h2-small {
font-size: 3rem;
}
.soc-widget-tab img {
width: 100%;
}
#contact-map {
height: 400px;
}
.tablet-order-row .col:nth-child(1) {
order: 2;
}
.tablet-order-row .col:nth-child(2) {
order: 3;
}
.tablet-order-row .col:nth-child(3) {
order: 1;
}
.tablet-hide {
display: none;
}
.mobile-footer-form {
display: block;
}
.footer-column-item {
margin-bottom: 1.5rem;
}
.footer-column-item-logo {
display: none;
}
}
@media (max-width: 875px) {
.default-h1 {
font-size: 3rem;
}
.default-h1-link span {
font-size: 1.5rem;
}
.default-h1-link a {
font-size: 2.5rem;
}
.shadow-right:after {
display: none;
}
.slider-top-nav {
display: none;
}
.mobile-datepicker {
display: block;
}
.datepicker-table {
display: none;
}
.slick-arrow {
opacity: .3;
}
.slick-arrow:hover {
opacity: 1;
}
.slick-arrow.slick-prev {
left: 0;
}
.slick-arrow.slick-next {
right: 0;
}
.slick-arrow.slick-next:before {
border-top: 3px solid #e8500e !important;
border-right: 3px solid #e8500e !important;
}
.slick-arrow.slick-prev:before {
border-bottom: 3px solid #e8500e !important;
border-left: 3px solid #e8500e !important;
}
}
@media (max-width: 767px) {
.medium-subtitle {
font-size: 2.4rem;
}
.slick-arrow.slick-next:before {
right: 10px;
}
.slick-arrow.slick-prev:before {
left: 10px;
}
.slick-arrow {
width: 20px;
}
.mobile-datepicker-title {
font-size: 2rem;
}
.full-banner-gen-slider-item {
min-height: inherit;
padding-top: 3rem;
padding-bottom: 3rem;
}
/* Баннер на главной — Slick в режиме fade: слайды лежат в одной строке
трека, высота трека = самый высокий слайд. Без min-height слайды
разной длины текста дают белую полосу под коротким слайдом.
Растягиваем все слайды до высоты трека. */
.full-banner-gen-slider .slick-track {
display: flex;
}
.full-banner-gen-slider .slick-slide {
display: flex;
float: none;
height: auto;
}
.full-banner-gen-slider .slick-slide > div {
display: flex;
width: 100%;
}
.full-banner-gen-slider .full-banner-gen-slider-item {
flex: 1 1 auto;
min-height: 100%;
}
.banner-desc {
font-size: 1.8rem;
}
.stock-banner-content {
max-width: 100%;
}
.mobile-banner {
display: block;
margin-bottom: 2rem;
}
.stock-banner-title {
max-width: 100%;
}
.stock-banner {
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
background: none !important;
}
.mobile-datepicker .dayContainer {
min-width: 100%;
}
.mobile-datepicker .flatpickr-day {
line-height: 40px;
height: 40px;
}
.mobile-datepicker .flatpickr-calendar {
font-size: 1.5rem;
}
.full-banner-nav-slider {
display: none !important;
}
.full-banner-nav-slider.slick-initialized {
display: block !important;
}
.full-banner-nav-slider .slick-slide {
width: 100vw;
}
.banner-title {
font-size: 4rem;
}
.article-tile-title {
font-size: 2.4rem;
}
.default-section {
padding-top: 4rem;
padding-bottom: 4rem;
}
.article-tile-offset {
margin-bottom: 4rem;
}
}
@media (max-width: 740px) {
.custom-nav-link {
margin-right: 2rem;
margin-left: 0;
}
.h2-with-nav {
flex-wrap: wrap;
}
.h2-with-nav .h2-default.h2-pred {
width: 100%;
margin-bottom: 2rem;
}
.press-list-item-info {
width: 100%;
max-width: 100%;
margin-bottom: 2rem;
}
.press-list-item {
flex-wrap: wrap;
}
.blockquote-bold {
padding-top: 15px;
}
.big-blockquote {
margin-bottom: 2rem;
padding-right: 0;
padding-left: 0;
}
.big-blockquote:before {
position: relative;
top: 0;
display: inline-block;
width: 100%;
transform: none;
background-position: left center;
}
.big-blockquote:after {
position: relative;
top: 0;
display: inline-block;
width: 100%;
transform: none;
background-position: right center;
}
.gastroli-item-numb-day {
font-size: 4rem;
}
.gastroli-item-numb {
width: 65px;
}
.gastroli-item-content {
width: 100%;
}
.gastroli-item-img {
width: 160px;
flex-shrink: 0;
}
}
@media (max-width: 640px) {
.acters-slider-wrapper {
padding-top: 3rem;
padding-bottom: 3rem;
}
.section-bottom-offset {
padding-bottom: 2rem;
}
.single-page-nav-pred a {
margin-bottom: 2rem;
}
.pred-psevdo-table {
margin-bottom: 3rem;
}
.pred-psevdo-row:last-child .pred-psevdo-cell {
border-bottom: 1px solid #dfdfdf;
}
.pred-psevdo-table {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.pred-psevdo-row {
display: block;
width: 100%;
}
.pred-psevdo-row:nth-child(odd) {
background: #f7f7f7;
}
.pred-psevdo-cell {
display: block;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
}
@media (max-width: 600px) {
.h2-default.h2-middle {
font-size: 2.4rem;
}
.partners-link .btn {
font-size: 1.3rem;
width: 100%;
margin-right: 0 !important;
padding-right: 1.4rem;
padding-left: 1.4rem;
}
.reviews-smi-inline {
flex-wrap: wrap;
}
.reviews-smi-date {
width: 100%;
}
.reviews-slider-content .reviews-slider-info-name {
width: 100%;
margin-bottom: 1rem;
}
.reviews-slider-avatar {
margin-bottom: 15px;
}
.reviews-slider-content {
padding-left: 0;
}
.reviews-list-star {
flex-wrap: wrap;
}
.reviews-item-header h3 {
width: 100%;
margin-bottom: 2rem;
}
.right-sidebar-form {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.job-widget:not(:last-child) {
padding-bottom: 2rem;
}
.job-date {
margin-bottom: 1rem;
}
.job-header {
flex-wrap: wrap;
}
.rewiews-tile-var-content {
padding-left: 0;
}
.rewiews-tile-var-title {
margin-bottom: 1.5rem;
}
.rewiews-tile-var-1 {
flex-wrap: wrap;
}
.rewiews-tile-var-img {
margin-bottom: 1.5rem;
}
.breadcrumps-smooth {
font-size: 1.4rem;
opacity: 1;
}
.rewiews-tile-var-header {
flex-wrap: wrap;
}
.default-h1 {
font-size: 3.4rem;
}
.single-header-banner {
/*min-height: 350px;*/
min-height: 180px;
}
/* На смартфоне картинку-баннер не показываем вообще: остаются только
хлебные крошки и h1 на белом фоне. Высота блока не фиксирована,
поэтому заголовок в две-три строки просто раздвигает блок и ни на
что не наезжает. background-image задаётся инлайном на странице —
отсюда !important. */
.single-header-banner {
min-height: 0;
height: auto;
display: block;
position: relative;
margin-bottom: 0;
padding-top: 0;
background-image: none !important;
color: #000;
}
/* полупрозрачная затемняющая плашка поверх картинки — без картинки не нужна */
.single-header-banner.shadow:before {
display: none;
}
/* без баннера подтягивать блок наверх больше не нужно */
.single-header-banner + .custom-top-link {
top: 0;
}
.single-header-banner-content {
padding-top: 1rem;
padding-bottom: 1rem;
color: #000;
}
.footer-search-form-offset {
margin-bottom: 3rem;
}
.gradient-btn {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.stock-banner-title {
font-size: 1.8rem;
}
.reviews-slider-item {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.h2-default {
font-size: 2.4rem;
}
.article-tile-title {
font-size: 1.8rem;
}
.reviews-slider-info-name {
font-size: 1.8rem;
}
.h2-with {
flex-wrap: wrap;
}
.mobile-menu-top {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.mobile-menu-bottom-link {
padding-right: 7.5rem;
padding-left: 0;
}
.mobile-menu-arrow {
/*top: 10px;*/
/*left: 1.5rem;*/
}
.mobile-menu-bottom-link {
font-size: 1.6rem;
}
.mobile-menu-btn,
.mobile-menu-phone,
.mobile-menu-soc {
padding-right: 1.5rem;
padding-left: 4.5rem;
}
.mobile-menu-btn {
margin-bottom: 3rem;
}
}
@media (max-width: 543px) {
.reviews-smi-press img {
width: 100%;
}
.acters-slider-item {
padding-right: 15px;
padding-left: 15px;
}
.gastroli-item-numb-day {
font-size: 6rem;
margin-right: 1rem;
}
.gastroli-item-content {
padding-top: 1.5rem;
padding-left: 0;
}
.gastroli-item-numb {
display: flex;
width: 100%;
margin-bottom: 1rem;
align-items: flex-end;
}
.gastroli-item-info {
flex-wrap: wrap;
}
.gastroli-item-img {
width: 100%;
}
.gastroli-item-img img {
width: 100%;
}
.gastroli-item {
flex-wrap: wrap;
}
.default-h1 {
font-size: 2.4rem;
}
.h2-default.h2-small {
font-size: 2.0rem;
}
.circle-tile {
margin-right: auto;
margin-bottom: 2rem;
margin-left: auto;
}
}
@media (max-width: 500px) {
.gdocsviewer iframe {
height: 400px !important;
}
.page-patner-item {
width: 100%;
margin-right: 0;
text-align: center;
}
.single-page-nav {
flex-wrap: wrap;
}
.single-page-nav .orange-text {
width: 100%;
margin-bottom: 1.5rem;
}
.copyright {
font-size: 1.2rem;
}
}
@media (max-width: 400px) {
.footer-soc-link:not(:last-child) {
margin-right: .8rem;
}
.mobile-menu-btn a {
width: 100%;
}
.mobile-menu-btn,
.mobile-menu-phone,
.mobile-menu-soc {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
}
/*media*/
.custom-top-link{
z-index: 4;
}
.datepicker-wrapper{
max-width: 1325px;
margin-left: auto;
margin-right: auto;
position: relative;
transform: translateY(50px);
top: -29px;
z-index: 9;
transition: all .2s ease-in;
}
.datepicker-mounth.active:before{
content: '';
width: 100%;
height: 2px;
background:linear-gradient(to right, #fd8c28, #ec5a11);
position: absolute;
bottom: -2px;
left: 0;
}
.datepicker-mounth{
position: relative;
font-size: 1.8rem;
color:#9d9d9d;
display: inline-block;
padding-left:2.5rem;
padding-right:2.5rem;
padding-bottom: 3rem;
padding-top: 3rem;
}
.datepicker-mounth.active {
background:linear-gradient(to right, #fd8c28, #ec5a11);
color: #fff;
}
.datepicker-small-header{
padding:0rem 4rem;
}
.datepicker-offset{
padding:5rem 4rem 3rem;
}
.datepicker-small-day-header{
font-size:3.2rem;
font-weight: bold;
display: block;
margin-bottom: 2rem;
}
.datepicker-small-day-item:hover .datepicker-small-item-title{
color: #e9510e;
}
.datepicker-small-day-header span{
font-size: 1.8rem;
text-transform: uppercase;
}
.datepicker-small-container{
display: flex;
flex-wrap: wrap;
}
.datepicker-small-day-item{
margin-bottom: 3rem;
}
.datepicker-small-day{
width: 19.8%;
margin-bottom: 3rem;
padding-right:5rem;
}
.datepicker-small-item-title{
display: block;
font-size:1.4rem;
font-weight: 600;
margin-bottom: 5px;
margin-top: 8px;
}
.datepicker-small-item-place{
display: block;
color: #a8a8a8;
font-size: 1.4rem;
margin-bottom: 1rem;
}
.datepicker-small{
position: absolute;
left: 0;
top: 0;
width: 100%;
background: #fff;
z-index: 9;
}
@media(max-width:1200px){
.desctop-header-top-nav li span {
font-size: 1.5rem;
}
}
@media(max-width:1100px){
.desctop-header-top-nav li span {
font-size: 1.4rem;
padding-right: 2rem;
}
body .has-child span:after {
top: 5px;
}
}
@media(max-width:990px){
.datepicker-mounth{
padding-bottom: 1.5rem;
margin-bottom: 2rem;
}
.datepicker-small-day{
width: 20%;
}
}
@media(max-width:760px){
.datepicker-small-header{
padding-left: 2rem;
padding-right: 2rem;
}
.datepicker-offset{
padding-left: 2rem;
padding-right: 2rem;
}
.datepicker-mounth{
padding: 1rem;
margin: 1rem 0;
}
.datepicker-small-day{
width: 25%;
}
}
@media(max-width:600px){
.datepicker-small-day{
width: 33.3%;
}
}
@media(max-width:500px){
.datepicker-small-day{
width: 50%;
padding-right: 0;
}
}
.shows-item {
margin-bottom: 30px;
display: block;
padding: 0 5px;
}
.shows-item__img {
display: block;
position: relative;
transition: 300ms opacity;
}
.shows-item:hover .shows-item__img {
opacity: .9;
}
.shows-item__img img {
width: 100%;
}
.shows-item__name {
display: block;
font-weight: bold;
font-size: 20px;
transition: 300ms color;
line-height: 26px;
height: 52px;
overflow: hidden;
}
.shows-item:hover .shows-item__name {
color: #fd5900;
}
.shows-item__duration {
font-size: 10px;
margin-top: 5px;
text-transform: uppercase;
color: #999;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.shows-item__min-age {
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: bold;
width: 26px;
height: 26px;
border-radius: 50%;
background: #fff;
color: #f43900;
position: absolute;
right: 10px;
font-size: 12px;
top: 10px;
}
/* Блоки афиши по разделам спектаклей («для детей», «для взрослых»).
Заголовок — название раздела из админки. */
.afisha-section + .afisha-section {
margin-top: 60px;
}
.afisha-section__title {
margin: 0 0 20px;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 767px) {
.afisha-section + .afisha-section {
margin-top: 40px;
}
.afisha-section__title {
font-size: 24px;
}
}
.afisha-new-header {
display: flex;
position: -webkit-sticky;
position: sticky;
top: 150px;
/* Панель фильтра прибивается к верху и закрывает то, что под неё уезжает.
z-index держим выше карточек и поп-апа афиши, но ниже мобильного меню. */
z-index: 20;
padding: 10px 0;
background-color: #fff;
transition: padding .2s ease, border-radius .2s ease, box-shadow .2s ease, background .2s ease;
}
.afisha-new-header--stuck {
padding: 16px 24px;
border-radius: 16px;
background: linear-gradient(145deg, #ffffff 0%, #ffe9d8 60%, #fdd2b0 100%);
box-shadow:
inset 0 4px 8px rgba(255, 255, 255, .95),
inset 0 -6px 12px rgba(236, 90, 18, .35),
6px 8px 18px rgba(0, 0, 0, .22),
-4px -4px 12px rgba(255, 255, 255, .8);
}
.afisha-new-months {
flex: 1 0 auto;
}
.afisha-new-city {
flex: 0 1 auto;
min-width: 200px;
}
@media(max-width: 1000px) {
.afisha-new-header {
display: block;
}
.afisha-new-city {
margin-top: 10px;
}
}
/* Селект города — «чип» в языке сайта: пилюля с 2px рамкой, как у кнопок
покупки (.show-nav__buy, gradient-btn). Слева булавка-гео, справа своя
стрелка: appearance:none убирает нативную, а без указателя контрол не
читается как выпадающий список. Тап-таргет держим не ниже 44px.
На устройствах с курсором main.js подменяет селект кнопкой + своей
панелью (.afisha-city-btn / .afisha-city-list): нативный выпадающий
список скруглить нельзя. На тач-устройствах остаётся системный пикер,
поэтому стили чипа общие для селекта и кнопки. */
.afisha-new-city {
position: relative;
}
.afisha-new-city select,
.afisha-city-btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
min-height: 46px;
line-height: 1.2;
padding: 0 42px 0 40px;
border: 2px solid #e8e8e8;
border-radius: 23px;
font-family: inherit;
font-size: 17px;
font-weight: bold;
color: #292e36;
text-align: left;
cursor: pointer;
background-color: #fff;
background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3E%3Cpath fill='%23292e36' d='M7 0C3.1 0 0 3.1 0 7c0 5.2 7 9 7 9s7-3.8 7-9c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 7 4.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E"),
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23292e36' d='M1.4 0 6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left 16px center, right 17px center;
background-size: 14px 16px, 12px 8px;
transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.afisha-new-city select:hover,
.afisha-city-btn:hover {
border-color: #fd8c28;
}
.afisha-new-city select:focus,
.afisha-city-btn:focus {
outline: none;
border-color: #e9510e;
box-shadow: 0 0 0 3px rgba(233, 81, 14, .16);
}
/* Город выбран — фильтр активен: контрол подсвечивается фирменным оранжевым.
Класс вешает обработчик change в main.js. */
.afisha-new-city--chosen select,
.afisha-new-city--chosen .afisha-city-btn {
border-color: #e9510e;
color: #e9510e;
background-color: #fff6f0;
background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3E%3Cpath fill='%23e9510e' d='M7 0C3.1 0 0 3.1 0 7c0 5.2 7 9 7 9s7-3.8 7-9c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 7 4.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E"),
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23e9510e' d='M1.4 0 6 4.6 10.6 0 12 1.4 6 7.4 0 1.4z'/%3E%3C/svg%3E");
}
/* Пункты системного выпадающего списка наследуют цвет селекта — в «выбранном»
состоянии оранжевый текст на белом списке читается плохо. */
.afisha-new-city select option {
color: #292e36;
background: #fff;
}
/* Кастомный режим: селект спрятан, работает кнопка со своей панелью. */
.afisha-new-city--custom select {
display: none;
}
.afisha-city-list {
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0;
z-index: 5;
margin: 0;
padding: 8px;
list-style: none;
max-height: 320px;
overflow-y: auto;
background: #fff;
border-radius: 18px;
box-shadow: 0 12px 32px rgba(41, 46, 54, .16), 0 2px 8px rgba(41, 46, 54, .08);
}
.afisha-city-list[hidden] {
display: none;
}
@media (prefers-reduced-motion: no-preference) {
.afisha-city-list:not([hidden]) {
animation: afishaCityPop .16s ease;
}
@keyframes afishaCityPop {
from {
opacity: 0;
transform: translateY(-4px);
}
}
}
.afisha-city-list__item {
padding: 11px 16px;
border-radius: 12px;
font-size: 16px;
font-weight: bold;
color: #292e36;
cursor: pointer;
}
.afisha-city-list__item:hover,
.afisha-city-list__item:focus {
outline: none;
background: #fff1e8;
color: #e9510e;
}
/* Текущий город помечен булавкой справа. */
.afisha-city-list__item.is-selected {
color: #e9510e;
background:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3E%3Cpath fill='%23e9510e' d='M7 0C3.1 0 0 3.1 0 7c0 5.2 7 9 7 9s7-3.8 7-9c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 7 4.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E")
no-repeat right 14px center / 13px 15px;
}
.afisha-new-item {
padding: 30px 0;
border-bottom: 1px solid rgba(0, 0, 0, .1);
display: flex;
width: 100%;
/* Карточка кликабельна целиком (делегат в main.js ведёт к покупке).
В её не оборачиваем — внутри уже есть свои ссылки, — поэтому
кликабельность приходится показывать курсором и подсветкой. */
cursor: pointer;
transition: background-color 150ms;
}
.afisha-new-item:hover {
background-color: rgba(253, 140, 40, .06);
}
.afisha-new-item--hidden {
display: none;
}
/* Скролл к расписанию и к карточкам: сверху висят фиксированная шапка и липкая
панель фильтра, поэтому цель нужно отодвинуть, иначе первая карточка
оказывается под панелью — именно на это жаловался UX-аудит. */
#buy-ticket,
.afisha-new-item,
.afisha-new-month {
scroll-margin-top: 200px;
}
@media (max-width: 1000px) {
#buy-ticket,
.afisha-new-item,
.afisha-new-month {
scroll-margin-top: 140px;
}
}
/* Якорь кнопки «Купить билет» из шапки: лента ближайших показов на /afisha/.
Липкой панели фильтра здесь ещё нет, отодвигаем только на фиксированную
шапку — иначе над лентой остаётся лишняя пустота. */
#tickets {
scroll-margin-top: 130px;
}
@media (max-width: 1000px) {
#tickets {
scroll-margin-top: 100px;
}
}
.afisha-new-item:last-child {
border-color: rgba(0, 0, 0, 0);
}
.afisha-new-item__event {
font-size: 15px;
padding-right: 20px;
flex: 0 0 150px;
}
.afisha-new-item__img {
flex: 0 0 240px;
position: relative;
}
.afisha-new-item__img img {
display: block;
width: 100%;
}
.afisha-new-item__text {
padding-left: 20px;
padding-right: 20px;
flex: 1 1 auto;
min-width: 0;
}
.afisha-new-item__btn {
text-align: right;
flex: 0 0 211px;
}
.afisha-new-item__btn .btn {
min-width: 211px;
}
.afisha-new-item__price {
font-size: 17px;
font-weight: bold;
color: #292e36;
line-height: 1.2;
margin-top: 10px;
white-space: nowrap;
text-align: left;
}
.afisha-new-item__unavailable {
font-size: 13px;
line-height: 1.5;
color: #999;
text-align: center;
margin-top: 50px;
}
.afisha-new-item__min-age {
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: bold;
width: 26px;
height: 26px;
border-radius: 50%;
background: #fff;
color: #f43900;
position: absolute;
right: 10px;
font-size: 12px;
top: 10px;
}
.afisha-item-text__name {
font-weight: bold;
font-size: 20px;
transition: 300ms color;
}
.afisha-item-text__name:hover {
color: #fd5900;
}
.afisha-item-text__duration {
font-size: 10px;
margin-top: 5px;
text-transform: uppercase;
color: #999;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.afisha-item-text__desc {
font-size: 14px;
line-height: 25px;
height: 75px;
overflow: hidden;
font-weight: normal;
margin-top: 10px;
}
.afisha-item-text__notify {
font-size: 14px;
line-height: 25px;
font-weight: normal;
margin-top: 10px;
}
.afisha-item-text__red {
color: #dd0000;
font-weight: 600;
}
.afisha-item-text__addr {
font-size: 14px;
font-weight: bold;
/*text-overflow: ellipsis;*/
/*overflow: hidden;*/
/*white-space: nowrap;*/
line-height: 1.5;
margin-top: 10px;
}
.afisha-item-event__date {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.afisha-item-event__day {
}
.afisha-item-event__time {
}
.afisha-item-event__city {
font-size: 15px;
font-weight: bold;
margin-top: 10px;
}
.afisha-new-month {
display: inline-block;
margin-right: 40px;
margin-bottom: 30px;
font-size: 20px;
line-height: 22px;
font-weight: bold;
cursor: pointer;
/* Тап-таргет: строка в 22px по высоте на мобильном не попадается пальцем. */
min-height: 44px;
padding-top: 11px;
}
.afisha-new-month--active {
border-bottom: 7px solid #fd8c28
}
.afisha-new-month--hidden {
display: none;
}
.afisha-new-no-events {
padding: 100px 0;
text-align: center;
font-size: 18px;
color: #999;
}
.afisha-new-page {
display: none;
}
.afisha-new-page--active {
display: block;
}
@media (max-width: 1000px) {
/*.afisha-new-item {*/
/*flex-wrap: wrap;*/
/*}*/
/*.afisha-new-item__event {*/
/*flex-basis: 100%;*/
/*}*/
.afisha-new-item__img {
flex-basis: 180px;
}
/*.afisha-new-item__text {*/
/*flex-basis: 50%;*/
/*}*/
.afisha-new-item__btn {
flex-basis: 120px;
text-align: center;
}
.afisha-item-text__desc {
height: 50px;
}
}
@media (max-width: 820px) {
.afisha-new-item {
flex-wrap: wrap;
}
.afisha-new-item__event {
flex: 1 1 25%;
order: 2;
}
.afisha-new-item__img {
flex-basis: 100%;
order: 1;
margin-bottom: 30px;
}
.afisha-new-item__text {
flex: 1 1 75%;
order: 3;
}
.afisha-new-item__btn {
margin-top: 30px;
flex: 1 1 100%;
padding-left: calc(25% + 20px);
text-align: left;
order: 4;
}
.afisha-new-item__unavailable {
text-align: left;
}
.afisha-item-text__desc {
height: 75px;
}
}
@media (max-width: 600px) {
.afisha-new-item__event {
flex: 1 1 100%;
padding: 0;
}
.afisha-new-item__text {
flex: 1 1 100%;
padding: 0;
margin-top: 30px;
}
.afisha-new-item__btn {
padding: 0;
}
.afisha-item-event__date,
.afisha-item-event__day,
.afisha-item-event__time,
.afisha-item-event__city {
display: inline-block;
margin-right: 25px;
font-size: 15px;
font-weight: bold;
margin-bottom: 0;
}
.afisha-item-event__city {
display: block;
margin-top: 10px;
}
.afisha-new-city {
margin-top: 20px;
}
.afisha-new-month {
margin-right: 30px;
margin-bottom: 20px;
}
}
@media (max-width: 500px) {
.afisha-new-month {
font-size: 16px;
margin-right: 20px;
margin-bottom: 10px;
}
}
@media (max-width: 420px) {
.afisha-new-month {
font-size: 15px;
margin-right: 15px;
margin-bottom: 8px;
}
}
.chat-bot-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
pointer-events: all;
transition: 300ms opacity;
z-index: 100;
padding: 100px 15px;
}
.chat-bot-popup--hidden {
opacity: 0;
pointer-events: none;
}
.chat-bot-popup__backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}
.chat-bot-popup__content {
background-color: #fff;
margin: 0 auto;
max-width: 500px;
font-size: 14px;
color: #333;
line-height: 1.7;
position: relative;
padding: 30px 30px 30px 30px;
}
.chat-bot-popup__content .btn {
width: 100%;
}
.chat-bot-popup__close {
position: absolute;
top: 23px;
right: 25px;
width: 32px;
height: 32px;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M14.406%2013L13%2014.406%2023.625%2025%2013%2035.594%2014.406%2037l10.656-10.594L35.688%2037l1.407-1.406L26.469%2025l10.625-10.594L35.687%2013%2025.063%2023.594z%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.chat-bot-popup__heading {
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
line-height: 1.4;
}
@media (max-width: 768px) {
.chat-bot-popup {
display: block;
}
}
.afisha-new-announce {
margin-top: 20px;
background: linear-gradient(to right, #ec5a12, #fc8c29);
padding: 4px;
}
.afisha-new-announce__content {
background-color: #fff;
padding: 40px 50px;
font-size: 20px;
font-weight: 400;
line-height: 1.6;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.afisha-new-announce__text {
max-width: 740px;
}
.announce-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
transition: 300ms opacity;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}
.announce-popup--active {
opacity: 1;
pointer-events: all;
}
.announce-popup__content {
background: linear-gradient(to right, #ec5a12, #fc8c29);
padding: 60px 80px;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
position: relative;
text-align: center;
color: #fff;
max-width: 600px;
margin: 40px 40px;
}
.announce-popup__close {
position: absolute;
top: 20px;
right: 20px;
width: 32px;
height: 32px;
border: none;
cursor: pointer;
background-color: transparent;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.406%2013L13%2014.406%2023.625%2025%2013%2035.594%2014.406%2037l10.656-10.594L35.688%2037l1.407-1.406L26.469%2025l10.625-10.594L35.687%2013%2025.063%2023.594z%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.announce-popup__backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .2);
}
.announce-popup__content b {
font-weight: bold;
}
.announce-popup__content a {
font-weight: bold;
}
@media(max-width: 480px) {
.announce-popup__close {
top: 15px;
right: 15px;
}
.announce-popup__content {
padding: 50px 30px 30px 30px;
margin: 20px 20px;
font-size: 14px;
line-height: 1.4;
max-height: calc(100vh - 40px);
overflow: auto;
}
}
.footer-docs {
list-style: none;
padding: 0;
margin: 50px 0 20px 0;
}
.footer-docs__item {
margin-top: 8px;
}
.footer-docs__item a {
font-size: 13px;
color: #666;
white-space: nowrap;
}
@media(max-width: 600px) {
.mobile-pred-banner + .single-header-banner-content {
padding-top: 0;
}
}
/* Тап-таргет гамбургера: сама иконка 30x18, палец в неё попадает мимо.
Расширяем зону невидимым ::before, а не паддингом: полоски внутри
спозиционированы абсолютно и от паддинга съехали бы. */
#nav-icon1::before {
content: "";
position: absolute;
top: 50%;
/* Растём вправо, в паддинг шапки: слева на узких экранах вплотную
стоят корзина и кнопка покупки, их клики перекрывать нельзя. */
left: 0;
width: 44px;
height: 44px;
transform: translateY(-50%);
}
/* End */
/* Start:/bitrix/templates/.default/libs/css/menu-ny.css?179204445636243*/
/*
* Пункт меню «Новогодние представления» в новогоднем виде — во всех шапках:
* классической (desctop-menu-tree, mobile-menu-tree; у пункта li.menu-ny) и
* редизайна (menu/redesign; li.rd-menu__item--ny). Внутри ссылки —
* span.menu-ny__label: ледяная плашка (бело-голубой лёд) с инеем по краю,
* оранжево-красная снежинка и текст, мягкое белое свечение; по льду
* изредка пробегает блик. Светлый лёд читается и на оранжевой полосе
* классической шапки, и на белой, и на прозрачной шапке редизайна поверх
* картинки, и в тёмном мобильном меню.
*/
.menu-ny__label {
/* Текст — тёмный оранжево-красный: 7.98:1 на #fff и 7.48:1 на #f3f8fe
(самое тёмное место льда под текстом); снежинка — ярче, это значок */
--ny-ink: #962a06;
--ny-flake: #d4450c;
position: relative;
display: inline-flex;
align-items: center;
gap: .45em;
padding: .55em 1.35em .55em 1.15em;
border-radius: 999px;
/* Как полоса .ny-bar (15.10.2026): чёткой границы нет — лёд плотный
под текстом и к краям тает в прозрачность, переходя в иней.
Блик (слой 1) ездит анимацией, плашка мягко пульсирует */
background:
linear-gradient(105deg, transparent 42%, rgba(255, 255, 255, .95) 50%, transparent 58%) -150% 0 / 250% 100% no-repeat,
radial-gradient(closest-side, #f7fbff 0%, #dcebfc 50%, #cadff8 72%, rgba(202, 223, 248, .6) 87%, rgba(202, 223, 248, 0) 100%) center / 100% 100% no-repeat;
color: var(--ny-ink);
font-weight: 700;
line-height: 1.2;
text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
white-space: nowrap;
overflow: visible;
isolation: isolate;
animation: menu-ny-glint 6s ease-in-out 1s infinite, ny-bar-pulse 2.6s ease-in-out infinite alternate;
}
/* Снежинка — цветом текста */
.menu-ny__label::before {
content: "";
flex: none;
width: 1.15em;
height: 1.15em;
background: var(--ny-flake);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cg id='a'%3E%3Cpath d='M0 0V-10.5M0-6.5-3-9.5M0-6.5 3-9.5'/%3E%3C/g%3E%3Cuse href='%23a' transform='rotate(60)'/%3E%3Cuse href='%23a' transform='rotate(120)'/%3E%3Cuse href='%23a' transform='rotate(180)'/%3E%3Cuse href='%23a' transform='rotate(240)'/%3E%3Cuse href='%23a' transform='rotate(300)'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cg id='a'%3E%3Cpath d='M0 0V-10.5M0-6.5-3-9.5M0-6.5 3-9.5'/%3E%3C/g%3E%3Cuse href='%23a' transform='rotate(60)'/%3E%3Cuse href='%23a' transform='rotate(120)'/%3E%3Cuse href='%23a' transform='rotate(180)'/%3E%3Cuse href='%23a' transform='rotate(240)'/%3E%3Cuse href='%23a' transform='rotate(300)'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
animation: ny-bar-spin 12s linear infinite;
}
/* Иней по краю: кристаллы растут наружу от кромки плашки, по контуру
(полукруглые концы тоже). SVG под пропорцию плашки, растягивается на
весь ::after, штрихи не толстеют (non-scaling-stroke). Выходит за
плашку на 8px по вертикали и 10px по бокам — меньше отступа до соседнего
пункта (2–2.5rem). Для короткой подписи «Новый год» — свой SVG (ниже) */
.menu-ny__label::after {
content: "";
position: absolute;
inset: -2px -4px;
z-index: -1;
background: var(--ny-frost) center / 100% 100% no-repeat;
filter: drop-shadow(0 0 .8px rgba(70, 125, 200, .9));
transform: none;
animation: none;
pointer-events: none;
}
:root { --ny-frost: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 310 44' preserveAspectRatio='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' fill='none'%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='0.5' stroke-opacity='0.5' d='M23.5 5.6l-1-.9M23.5 5.6l1.3-.4M23.7 4.1l-.7-.6M28.3 5.5l2-.6M32.4 3.7l-.5-.8M32.4 3.7l1-.1M39.6 5.4l5 .1M40.5 3.8l-1.9-3.3M41.5 2.1l-1.2-1.7M57.8 5.1l3.2-.9M62.7 3.7l-.9-.3M62.7 3.7l.6-.7M70.7 5.3l3.3-1.3M76.5 5.3l-2.1-3.2M78 1.6l-.6-.7M78.3 5.1l1-.2M112 5.5l4.5-.6M112.8 3.9l-1.4-2.4M113.6 2.2l2 0M114.4 .6l-.5-.9M121.8 5.2l3.8-1.2M139.8 5.4l-1.5-1.1M155.4 3.8l-.9-.6M182.3 3.5l-2.1-1.4M185.6 3.5l.7-.9M215.1 .1l-1.1-.2M215.1 .1l.6-.9M241.9 5.3l1.1-.3M246.8 5.6l.6-.9M254.6 5.3l-2.5-1.5M258.8 5.4l-1.1-.1M264.1 5.1l-.9-.5M275.6 5.3l-2-3.8M275.6 5.3l4.3 0M277.3 1.8l-1.4-2.1M292 2.1l-.9-.7M302.4 12.7l.9 .8M289.1 40.3l2.2 .4M285.4 39l1.4 .3M280.4 38.5l-1.1 1.5M270.5 38.5l1.9 .3M266.3 40.5l2.5 1.7M266.1 42.3l1.8 1.2M266.1 42.3l-1.9 1M265.9 44.1l-1.1 .4M244.9 41.3l-2.4 1.7M226.8 38.5l1.6 .7M226.8 38.5l-1.3 1.2M224.2 40.1l2.2 .1M210.1 38.5l-1.2 2M201.7 38.8l1.1 .6M192.6 38.6l2.3 2.9M191.8 40.4l-3.1 .7M163.8 40.1l2.7 0M163.8 40.1l-1.5 2.3M164.7 41.7l-1.3 1.8M146 38.5l-1.1 .2M143.4 41.2l-1.9 1.3M143.2 43.4l.9 .8M120.9 38.3l.8 .2M116 40l.6 .8M112.1 38.5l1.5 1.8M112.1 38.5l-2.3 .4M108.9 40.7l3.2 2.5M108.9 40.7l-3.6 1.8M87.4 38.6l1 1.6M86.5 40.2l-1.2-0M70.4 40.5l.8 .3M61.3 38.4l-2.2 0M48.2 38.5l1.4 1.3M47.9 40.2l-1 .4M42.3 38.5l-1.7 .7M19.7 38.2l4.8 5.1M18.4 41.9l2 3M18.4 41.9l-3.5 1M17.8 43.7l1.9 2.4M17.1 45.5l-2 .6M16.5 47.3l-1.2 .3M9.6 30.4l-1.3 3.4M9.6 30.4l-2.5-2.6M7.4 14.7l-1 .2'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='0.5' stroke-opacity='0.7' d='M28.3 5.5l-1.5-1.5M28.6 3.8l-.7-.6M28.6 3.8l.9-.3M31.7 5.4l1.8-.2M39.6 5.4l-2.1-4.5M42.6 5.4l-2.1-3.1M43.2 3.7l-1.3-1.8M57.8 5.1l-2.6-2.1M58.2 3l-1.5-1.4M58.2 3l1.9-.7M58.7 1l1-.3M63 5.4l-1.6-.8M70.9 3.5l-2-1.5M70.9 3.5l2.3-1M71 1.6l-.7-.5M71 1.6l.8-.4M77.3 3.5l-1.3-1.5M77.3 3.5l1.9-.2M78 1.6l.9-.2M78.3 5.1l-.6-.8M92.4 5.3l1-.6M96.1 5.6l-4.5-.6M96.1 5.6l2.5-3.8M94.4 2.5l1.1-1.8M112.8 3.9l2.7-.4M113.6 2.2l-1.1-1.6M114.4 .6l1-0M122.2 3.2l-1.7-1.3M122.5 1.3l1.2-.3M140 3.8l-.6-.6M155.4 3.8l.9-.6M182.4 5.3l-2.9-1.7M182.3 3.5l1.9-1.6M182.2 1.7l.9-.6M186 5.3l1.2-1.4M199.5 5.4l-2.4-.4M198.7 3.7l-1.3-.1M198.7 3.7l.8-1M209.6 5.5l-.7-.6M209.6 5.5l.9-.4M217.5 5.3l2.3-3.2M215.9 1.8l1.4-2.1M234.6 5.4l.9-.1M254.7 3.5l-1.4-.9M254.8 1.7l-.9-.7M254.8 1.7l1.1-.5M264.1 5.1l.8-.5M267.2 5.3l-.5-1M276.4 3.6l2.8-.2M278.2 .1l1-.1M291.6 6.1l-3.4-2.4M291.8 4.1l-1.8-1.2M291.8 4.1l1.9-1M300.5 13.3l1.9 1.5M302.4 12.7l.4-1.1M302.6 25l1.3-.6M302.6 25l-0 1.5M288.5 38.5l3.1 1M289.7 42.1l-.6 .7M280.9 40l-.8 .8M271.3 40l-.5 .8M266.5 38.7l3.6 2.8M249 38.7l1.4 1M244.9 39.1l-2.9 1.6M244.9 41.3l2.6 1.5M223.4 38.5l-1.4 2.3M224.2 40.1l-1 2M225.1 41.6l-.5 .7M218 38.3l-.9 0M216.4 38.7l.9-0M211 40.1l1.1 .1M211 40.1l-.4 1M205.6 38.9l-2.5 3M206.1 41l2.1 .8M206.6 43l-.7 .8M201.7 38.8l-.9 .8M191.1 42.1l1.4 2.2M190.3 43.9l-1 .2M186.3 38.5l1.7 0M187.1 40l-.5 1M163 38.5l4.5 .3M165.5 43.2l.9 .1M143.5 39.1l2.8 1.7M143.2 43.4l-1.1 .6M116.6 38.5l-1.7 .6M111.4 40.2l.5 .8M111.4 40.2l-.9 .1M109.2 38.8l3.5 2.9M109.2 38.8l-4.2 1.9M108.6 42.6l-2.3 .8M108.2 44.5l-1.1 .4M95.5 38.7l.7 1M86.5 40.2l.7 1M70 38.7l-1.7 1.7M60.5 40l.6 .8M48.2 38.5l-1.9 .5M42.1 40.1l.7 .5M42.1 40.1l-.8 .3M39.1 38.7l.8 .4M39.1 38.7l-.7 .6M19 40.1l-6.4 1.1M6.2 31.5l-.2 1.2M7 21.5l-1.3 2.5M8.7 15.9l-1.9 .4'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='0.5' stroke-opacity='0.9' d='M23.7 4.1l.8-.4M31.7 5.4l-1.2-1.3M40.5 3.8l3.8 0M41.5 2.1l2 .1M42.4 .4l-.5-.9M42.4 .4l1-.1M42.6 5.4l3.7-.6M43.2 3.7l2.2-.2M43.9 2.1l-.7-.8M43.9 2.1l1-.2M58.7 1l-.8-.7M63 5.4l1.3-1.2M70.7 5.3l-3-1.9M76.5 5.3l3.8-.4M92.4 5.3l-1.1-.5M95.3 4l-2.6 .1M95.3 4l1.4-2.2M94.4 2.5l-2.2 .1M93.5 1l-.8-0M93.5 1l.3-.7M112 5.5l-2.6-3.7M122.2 3.2l2-.7M122.5 1.3l-.9-.9M139.8 5.4l1.6-.9M140 3.8l.8-.3M155.4 5.4l-1.3-.9M155.4 5.4l1.3-.8M182.4 5.3l2.6-2.2M182.2 1.7l-.9-.6M186 5.3l-1.8-.6M199.5 5.4l1.4-2M217.5 5.3l-3.9-.4M216.7 3.6l-3.9-.4M216.7 3.6l1.8-3.4M215.9 1.8l-2.5-.1M234.6 5.4l-.4-.8M241.9 5.3l-.7-.8M246.8 5.6l-1.1 0M254.6 5.3l2.4-1.5M254.7 3.5l1.5-.7M258.8 5.4l.7-.9M267.2 5.3l1.1-0M276.4 3.6l-1.3-2.5M277.3 1.8l2.5-.5M291.6 6.1l3.5-2.2M292 2.1l1-.6M300.5 13.3l.8-2.3M288.5 38.5l-1.9 2.7M289.1 40.3l-1.5 1.7M289.7 42.1l.8 .2M285.4 39l-.9 1.2M280.4 38.5l1.8 .6M270.5 38.5l-1.1 1.6M271.3 40l.9 .1M266.5 38.7l-4.2 1.9M266.3 40.5l-2.7 1.3M248.9 40.4l-.7 .4M244.9 43.5l-1.1 .6M223.4 38.5l2.7 .3M225.1 41.6l.8 .1M213.4 39l2.8 1.3M213.8 41l-1.3 1.5M214.2 43.1l1.3 .4M214.2 43.1l-1 .9M205.6 38.9l3.8 .8M206.1 41l-1.6 1.6M206.6 43l1 .4M192.6 38.6l-3.7 .6M190.3 43.9l.6 .8M189.3 38.8l1 .4M189.3 38.8l-.8 .8M187.1 40l1.2 .2M164.7 41.7l2.2 .3M165.5 43.2l-.4 .8M146 38.5l.7 .9M143.5 39.1l-2.9 1.4M143.4 41.2l1.9 1.2M120.9 38.3l-.6 .5M116.6 38.5l1 1.5M116 40l-1 .2M108.6 42.6l1.9 1.6M108.2 44.5l.9 .7M87.4 38.6l-1.9 .3M70 38.7l2.3 .6M70.4 40.5l-.6 .7M61.3 38.4l1.2 1.8M60.5 40l-1 .2M47.9 40.2l.7 .8M42.3 38.5l1.5 1M19.7 38.2l-6.9 .9M19 40.1l3.9 5.1M17.8 43.7l-3 .4M17.1 45.5l1.4 1.5M16.5 47.3l.9 .9M7.9 31l-.3 1.6M7.9 31l-1.3-1.1M6.2 31.5l-.8-.8M4.9 21.9l-.5 1.1M4.9 21.9l-.8-.9M8.7 15.9l.3-1.9M7.4 14.7l.3-1'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='0.75' stroke-opacity='0.5' d='M23.3 7.1l.6-4.5M28 7.1l.9-4.9M52.3 5.3l-.8-.3M57.4 7.1l1.7-8.2M70.5 7.1l.7-7.3M85.9 5.1l3-1.3M86.2 3.1l-1.8-1.8M86.5 1.1l-.9-.8M88.9 5.5l-1.6-.8M88.7 3.9l-.8-.3M92.5 7.1l-.1-3.6M102.9 3.9l.9-.6M111.1 7.1l4.2-8.1M118.7 3.7l-1.7-2M118.7 3.7l2.5-.5M119.4 2l2.1-.4M125.5 5l-3.5-1.8M125.5 5l3.1-2.5M124.8 .8l-1-.4M128.6 5.4l-3.6-.2M128.6 5.4l1.8-3.2M133.3 7.1l-.8-3.1M144.8 5.6l1.7-.7M158.6 5.6l-.5-.8M200.3 7.1l-2.3-5M213.1 5.3l1.8-1.3M216.6 5.2l-2.1-1.5M216.6 5.2l2.4-1M216.9 3.4l-1.6-1.3M216.9 3.4l1.9-.8M235.5 .9l-1.3-.6M247.6 7.1l-1.5-3M254.5 7.1l.4-7.3M271.4 4.9l3-1.6M271.6 2.7l-2.1-1.2M271.7 .5l1.2-.7M285.7 5.5l-.7-.4M297.1 10l.4-1.5M297.1 10l1.2 1M301.9 17l.2-2.9M300.8 24l3.8 2.1M301.6 28.1l1.3-1.5M300 31.5l-.8 4.7M301.7 32.7l3.3-1M293.3 39.3l1.1 .2M284.7 36.9l1.3 4.1M266.7 36.9l-1 9M253 40.5l2 3M252.3 42.2l1.2 1.6M251.5 44l.7 .9M242.2 41.1l2 .9M236.9 38.6l-.6 1.1M232.9 38.4l-1.3 1.6M233.5 40l1.1 .3M230.5 38.4l-.9 1.1M230.9 39.9l.9 .2M201.5 36.9l.3 3.8M197.7 38.7l-3.1 1.3M197.5 40.4l2.2 2M197.5 40.4l-2.8 1.1M182.4 38.8l3.9 1.3M182.4 38.8l-2.6 3.2M183 40.6l3.1 .7M183 40.6l-1.8 2.6M179.8 40.3l-.7 .6M169 40.6l1.4 1M169 40.6l-1.6 .8M168.9 42.4l-1.1 .7M156.8 38.7l2.3 3.1M156.3 40.4l-2.9 .8M155.7 42.2l1.4 1.9M150.3 38.6l.6 .9M125.1 38.7l2.5 2.8M123.9 42.3l-2.5 .8M123.3 44.1l.8 .9M123.3 44.1l-1.2 .2M120.6 36.9l.7 2.9M109.6 36.9l-1.6 9.6M80.3 38.7l-2.6 1.2M79.9 40.4l1.4 1.4M79.9 40.4l-1.8 .8M72.6 38.3l-1.7 .4M56.1 38.3l-1.9 .3M39 36.9l.1 3.6M36 40.1l-.6 .5M31.8 38.3l-.4 .8M26.7 38.3l.9 1.7M26 39.7l.5 .8M20.3 36.4l-4.4 12.7M11.3 33.3l1.8 3.8M11.3 33.3l-4.2-.2M8.9 36.9l-2.2 .1M11.4 29.9l-6.9 2.1M8.6 14.9l-1.5 1.3M6.5 14.5l-.5-1M20.3 5.8l1.2-1M20.1 4.1l-1-.4M20.1 4.1l.8-.7'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='0.75' stroke-opacity='0.7' d='M36.4 3.7l1.2-.1M48 5.5l1.7-1.2M47.7 3.9l-.8-.3M52.3 5.3l.6-.6M63.3 7.1l-.8-5.1M69.5 5.3l1-.1M77.7 7.1l1.2-4M85.9 5.1l-2.4-2.2M86.2 3.1l2.3-1.1M100.8 5.1l-2.4-1.9M100.8 5.1l2.8-1.3M100.9 3.1l-1.8-1.3M102.8 5.5l1.7-.9M114.5 5.3l2-1.4M114.3 3.6l.8-.7M118 5.4l-2.1-3.1M121.5 7.1l1.4-7.8M124.8 .8l.8-.7M144.8 5.6l-1.5-1.1M145.2 3.3l-2.9-0M145.2 3.3l1.2-2.6M144.2 1.4l.7-1M158.6 5.6l.9-.2M186.4 7.1l-1.1-5.4M209.2 7.1l.7-3.2M213.1 5.3l-1.9-1.1M213 3.5l.9-.8M217.2 1.5l-.7-.7M217.2 1.5l.8-.4M222.4 5.1l-.8-.6M230.4 5.5l-1.1-2.2M231.3 4l1.2 0M236.1 5l2.9-2.7M235.8 3l-1.8-.7M235.8 3l1.6-1.1M241.2 7.1l1.4-3.6M264.1 7.1l.1-4M271.4 4.9l-3-1.7M271.7 .5l-1.2-.7M274.7 7.1l4.4-8.8M291.4 8.1l.8-8M298.6 9.4l.7 .6M303.6 16.1l-.1-2.3M301.6 28.1l.7 1.9M301.7 32.7l-.2 3.4M303.3 33.9l2.2-.8M303.3 33.9l-.3 2.3M305 35.1l0 1.2M293.3 39.3l-.6 .9M288 36.8l2.3 7M279.9 36.9l1.5 4.7M249 36.9l-.1 5.3M241.9 39l-3.3 2.4M242.4 43.3l.9 .5M242.4 43.3l-.8 .7M232.9 38.4l2 .5M233.5 40l-.7 .8M230.5 38.4l1.3 .4M230.9 39.9l-.7 .6M226.5 36.9l.9 4.7M212.9 36.9l1.8 8.3M209.2 36.9l2.8 4.9M197.2 42.2l1.9 1.4M197.2 42.2l-2.2 .9M196.9 43.9l1 .7M193.4 36.9l-3.9 8.7M183.6 42.5l-1.4 1.9M184.2 44.4l1 .3M179.7 38.6l1.6 1M169.1 38.7l-3.1 1.9M168.9 42.4l1.1 .6M156.3 40.4l2 2.2M155.7 42.2l-2.3 .4M139.1 38.9l-1.1 .2M129.1 38.6l.6 .6M125.1 38.7l-3.7 .5M124.5 40.5l-3.7 .8M105.1 38.9l1.7 3.5M105.1 38.9l-3.9 .3M104.2 40.8l-2.6 .2M101.9 38.4l.7 .8M101.9 38.4l-1 .2M93.3 38.5l.8 .5M93.3 38.5l-.8 .5M80.3 38.7l1.9 2.1M79.5 42.2l.9 .7M72.6 38.3l.9 1.5M52.7 38.5l.8 .2M52.7 38.5l-.6 .5M42.4 36.9l-.5 4.8M35.7 38.5l1.9 .5M35.7 38.5l-1.4 1.3M31.8 38.3l.9 .1M10.1 35.1l1.7 3.2M10.1 35.1l-3.6-.2M7.6 38.7l.6 1.2M7.6 38.7l-1.3-.2M9.1 21.2l-6.3 1M9.9 17.1l-3.9-3.6M8.6 14.9l-.6-1.9M20.3 5.8l-1.4-.7'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='0.75' stroke-opacity='0.9' d='M31 7.1l2.1-5.1M35.7 5.4l-1.5-1.7M36.4 3.7l-.8-1M38.7 7.1l4.7-8.3M41.9 7.1l2.7-6.7M48 5.5l-1.8-1M47.7 3.9l.6-.6M69.5 5.3l-.6-.8M86.5 1.1l1.1-.5M88.9 5.5l1.4-1.2M97 7.1l-4.4-7.6M100.9 3.1l1.9-1.1M101.1 1.1l-.8-.5M101.1 1.1l.9-.4M102.8 5.5l-1.5-1.2M102.9 3.9l-.9-.6M114.5 5.3l-2.1-1.2M118 5.4l3.7-.5M119.4 2l-1.1-1.9M120 .3l-.6-.8M125.2 2.9l-2-.8M125.2 2.9l1.7-1.2M127.7 3.7l-2-.4M127.7 3.7l1-1.8M126.9 2l-1.2-.2M126.9 2l.7-1M139.7 7.1l.5-5M145.1 4.1l-.8-.6M145.1 4.1l.9-.4M146.2 5.2l-4-.2M144.2 1.4l-1.2-.2M150.9 5.6l-.7-.9M150.9 5.6l1.1-.1M155.5 7.1l-.1-5M182.5 7.1l-.4-7.2M204.6 5.2l-1.1-.4M204.6 5.2l.8-.8M213 3.5l-1.1-.6M222.4 5.1l.9-.4M233.8 7.1l1.6-3.3M236.1 5l-3.5-1.8M235.5 .9l1.1-1M259.4 7.1l-1.2-3.4M266.2 7.1l1.9-3.7M281.6 5.6l-.8-0M281.6 5.6l.4-.7M285.7 5.5l.6-.5M298.6 9.4l.2-.9M298.5 13.9l5.9-1.8M301.9 17l2.6 1.3M303.6 16.1l2 1.1M305.2 15.2l-.1-1.1M305.2 15.2l1 .5M303.4 28.4l.6-.6M303.4 28.4l.4 .8M300 31.5l4.3-2.1M305 35.1l1.2-.3M292.8 37.4l2.1 .4M292.8 37.4l-1.3 1.7M269.7 36.9l2.3 4.7M258.9 38.3l2 .3M258.9 38.3l-1.1 1.7M259.5 39.7l.9 .1M259.5 39.7l-.4 .7M253.8 38.7l3.3 4.3M253.8 38.7l-5.2 1.4M253 40.5l-3.6 .5M252.3 42.2l-1.9 .5M251.5 44l-1.1 .2M245 36.9l-.1 8.8M241.9 39l3.8 1.5M242.2 41.1l-1.6 1.6M222.5 36.9l3.4 6.3M218.8 36.9l-1.6 2.8M205 36.9l2.1 8.2M197.7 38.7l2.6 2.2M196.9 43.9l-1.1 .6M188.9 36.9l.8 3.7M185.6 36.9l2.3 4.7M183.6 42.5l2.3 .4M184.2 44.4l-.7 .8M179.7 38.6l-1.6 1.1M179.8 40.3l.8 .4M171.9 39l-.9 .5M169.1 38.7l3.2 1.7M162.1 36.9l4.3 7.9M156.8 38.7l-3.7 1M155.1 43.9l.7 .9M150.3 38.6l-1.1 .1M146.5 36.9l-1 3.2M143.7 36.9l-.7 8.7M139.1 38.9l.7 .9M123.9 42.3l1.6 2.1M117.1 36.9l-1.6 4.7M112.8 36.9l-2.1 4.9M104.2 40.8l1.4 2.2M103.2 42.8l-1.1 .1M96.1 36.9l-1.2 3.5M88.3 36.9l-2.7 5M79.5 42.2l-1.1 .3M72.1 39.6l.5 .6M72.1 39.6l-.8 .1M69.5 36.9l1.3 5.4M56.1 38.3l1.1 1.6M48.5 36.9l-.9 4.9M36 40.1l.8 .3M26.7 38.3l-1.9 .1M26 39.7l-.9 0M6.5 14.5l-.7 .8'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='1' stroke-opacity='0.5' d='M48.2 7.1l-.7-4.7M102.8 7.1l.1-4.8M129.4 7.1l-3.3-6.9M196.7 7.1l1.6-3M216.3 7.1l1.1-7.5M222.1 7.1l.6-4M236.5 7.1l-1.4-8.2M277.4 7.1l-.8-2.9M285.9 7.1l-.4-3.1M236 36.9l1.8 3.5M129.5 36.9l-.8 3.4M93.4 36.9l-.1 3.2M80.7 36.9l-1.5 7.1M77.5 36.9l1 2.9M56.6 36.9l-1.7 4.3M27.4 36.9l-2.1 4.2'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='1' stroke-opacity='0.7' d='M35.1 7.1l2-5.1M52.5 7.1l-.5-3.7M75.8 7.1l2.9-7.3M89 7.1l-.4-4.8M100.7 7.1l.5-8M117.4 7.1l3.3-8.5M125.8 7.1l-1.3-8.4M144.6 7.1l.6-4.5M147.2 7.1l-4-7.6M157.9 7.1l1.4-3.1M213.2 7.1l-.3-5.3M218.3 7.1l-4.1-8.8M271.3 7.1l.5-8.8M282.3 7.1l-1.5-2.9M295.6 10.6l4.4-1.8M298.4 30.3l8.3 6M292.2 35.6l1.7 5.6M254.6 36.9l-3.8 8.9M232.3 36.9l1.8 4.6M215.4 36.9l2 3.5M171.8 36.9l.1 4.1M169.1 36.9l-.3 7.3M157.4 36.9l-2.8 8.8M35.3 36.9l1 4.8M12.5 31.5l-6.1 9M20.5 7.5l-.6-5.1'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='1' stroke-opacity='0.9' d='M46.9 7.1l-.3-2.9M68.6 7.1l1.9-3.6M85.6 7.1l1.2-8M114.7 7.1l-.6-5.3M150.3 7.1l1.2-3M205.2 7.1l-1.1-3.9M229.6 7.1l2.6-4.7M300.3 17.9l6.5-3.6M299.8 27.7l5.4 1M258.3 36.9l1.8 4.1M252.4 36.9l1.4 2.8M241.6 36.9l1.1 8.5M230.1 36.9l1.1 4.5M198 36.9l-1.3 8.8M181.8 36.9l3 9.3M179.6 36.9l.3 5.1M151.2 36.9l-1.8 3.5M139.9 36.9l-1.6 4M125.8 36.9l-3.1 9.1M106.1 36.9l-3.9 7.8M102.5 36.9l-1.2 3.1M73.2 36.9l-1.7 4.1M62.1 36.9l-2.4 4.6M52.2 36.9l.8 3.2M31 36.9l1.6 2.9M10.7 15.4l-6.2-1.3'/%3E%3C/g%3E%3C/svg%3E"); }
:root { --ny-frost-short: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 44' preserveAspectRatio='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' fill='none'%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='0.5' stroke-opacity='0.5' d='M31.2 5.5l-.6-.8M38.9 5.6l.5-.7M71.5 5.4l.7-1M75.7 5.2l-.8-.7M83.8 3.7l-1.7-2.9M83.8 3.7l3.4-.1M85.4 .3l-.7-1M85.4 .3l1.1-.2M84.9 3.4l-2.2-.6M84.5 1.6l-.9-.4M106.9 5.3l2-1.1M107 3.5l.9-.5M114.6 5.2l-3.1-2.5M114.9 3.4l3.2-1.1M121.2 5.3l-2.1-.9M121 3.4l-1-.5M154 17.9l1.5 .9M155.7 17.1l1 .5M153.8 21.1l.3-.8M153.8 21.1l.5 .7M153.9 27.4l3-3.3M157.7 28.1l2.4-2.5M145.7 35.7l2.9-.5M148.2 38.6l1.2-.2M114.7 38.6l-1.4 2.7M115.6 40.2l2 .3M115.6 40.2l-1.1 1.7M106.4 38.8l-2.9 2.1M104.8 38.7l4.1 .7M105.6 40.5l1.9 .1M105.6 40.5l-1.1 1.5M106.4 42.3l-.6 .9M97.7 38.8l-.8 1.2M74.5 39l2.3 2.9M50.5 38.8l4.8 1.8M50.5 38.8l-3.6 3.6M51.9 44.6l1.1 .5M51.9 44.6l-.9 .8M20.2 38.1l-2.7 .2M15.1 38.7l-4.6 1.1M10.5 35l-1.2 .1M7.9 16.7l-1.2 .7M8.6 8.7l-3 .1M8.6 8.7l1.5-2.6M6.5 5.5l-1.2-.1M16.3 7.4l-2.2 .5M16.3 7.4l.6-2.2M15.2 6.2l-1.8 .4M14 5l-1 .2'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='0.5' stroke-opacity='0.7' d='M31.2 5.5l1-.3M71.5 5.4l-1.2-.2M75.7 5.2l1.1-.3M82.9 5.4l-2.7-3.9M82.9 5.4l4.7-.2M84.6 2l-1-2.1M85.2 5.3l-2.6-1M85.2 5.3l2.1-1.9M84.9 3.4l1.6-1.6M84.5 1.6l.7-.7M114.6 5.2l3.7-1.4M115.7 -.3l-.9-.8M136.4 5.4l1.9-1.4M136.3 3.6l-2-1.1M136.1 1.8l.7-.6M140 6.1l-1.2-.9M140 6.1l1.2-.9M140 4.5l.9-.5M148.1 7.4l.9-.1M152.3 18.7l.1-2.9M152 27l2.1 4.9M153.9 27.4l2 4M155.8 27.7l2.3-2.9M157.7 28.1l1.4 3.2M159.6 28.5l1.1-1.3M161.4 28.8l.7-.8M146.9 37.1l1.9-.2M148.2 38.6l-.3 1.2M125.1 38.5l-1.5 1.2M114.7 38.6l3 .2M116.4 41.9l1 .1M106.4 40.6l1.9 1M106.4 40.6l-1.7 1.3M106.4 42.5l.9 .5M106.4 42.3l1 .2M97.7 38.8l1.4 .2M73.9 41.1l1.8 1.7M59.1 38.7l.5 1M51 40.7l3 1.2M51 40.7l-2.4 2.2M51.4 42.6l2.1 .8M38.1 38.9l-.6 .9M20.2 38.1l1.3 2.4M19.5 39.6l-1.8 .3M18.8 41.1l.7 .9M18.8 41.1l-1.1 .2M14.5 40.7l-2.8 .7M13.2 44.6l-1.2 .3M11.5 33.2l1.3 2.5M10.5 35l.5 1.1M7.6 7.1l1.1-2.1M6.5 5.5l.4-1.1M12.8 9.2l.3-1M15.2 6.2l.5-1.8M14 5l.2-1'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='0.5' stroke-opacity='0.9' d='M38.9 5.6l-.8-.3M49.5 5.8l-1-0M54.8 5l-1-1M54.8 5l1.4-.2M84.6 2l2.3-.3M106.9 5.3l-1.9-1.3M114.9 3.4l-2.3-2.4M115.3 1.5l-1.7-1.8M115.3 1.5l2.4-.7M121.2 5.3l1.9-1.3M121 3.4l.8-.7M136.4 5.4l-2-1.3M136.3 3.6l1.9-1.3M136.1 1.8l-.8-.5M140 4.5l-.9-.5M147 9.1l-.8-1.7M148.1 7.4l-.3-.9M152.3 18.7l2.5 1.4M154 17.9l.3-1.8M155.7 17.1l.2-1.1M152.4 21.3l.7-1.8M152.4 21.3l1.1 1.5M152 27l3.9-3.7M159.6 28.5l.8 1.6M161.4 28.8l.3 1.1M145.7 35.7l-1 2.8M125.2 40.2l-.7 .7M106.4 42.5l-.8 .6M74.5 39l-3.5 1.2M73.9 41.1l-2.4 .8M73.4 43.2l.7 .7M73.4 43.2l-.9 .3M59.1 38.7l-1.2 .1M51.4 42.6l-1.4 1.7M19.5 39.6l.8 1.6M15.1 38.7l3.2 3.4M13.8 42.7l1.5 1.5M13.8 42.7l-2 .6M7.9 16.7l-.1-1.4M10.7 12l-5.3 .6M10.7 12l2.4-4.7M9.6 10.3l-4.9-.4M7.6 7.1l-2.4 .2M12.8 9.2l-1 .2'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='0.75' stroke-opacity='0.5' d='M24.8 5.3l1.6-.4M25.2 3.5l-.6-.7M25.2 3.5l.8-.3M30.7 7.1l1-3.1M55 3.5l-.9-.3M55 3.5l.6-.6M63.1 5.5l-.6-.8M63.1 5.5l.9-.4M69.1 5.3l2.1-.5M69.8 3.6l-.6-.9M75.3 7.1l.8-3.8M78.2 5l-3.6-1M77.7 2.9l-2.6-.6M77.1 .8l-1.4-.3M85.6 7.1l-1.4-7.4M87.8 5l3.4-2.9M92.1 5.5l-.6-.6M103.1 5.6l-1.7-.3M119 5.3l-4.9-1.8M118.5 3.5l1.9-2M117.9 1.6l-1.7-.5M117.4 -.2l-1.1-.2M125.7 3.2l1.5-1.1M125.4 1.3l.9-.7M134.9 5.5l-1.9-3.1M134.9 5.5l3.6-.4M140 7.6l.1-4.7M144.4 7.2l-3.9-5.5M145.1 5.2l3.9-1.1M145.8 3.2l3.5-1.1M147.2 -.9l-.8-1.2M147.2 -.9l1.4-.4M149.8 12.5l-1.8-3.7M151.9 8.9l2.5-0M150.7 19.5l6.6-3.3M149.8 34.8l1.2-.3M140.2 38.4l-2.4 5.3M141.5 40.1l4.3-.5M144 43.6l1-0M135.6 40.7l1.5 1.7M135.2 42.6l-1.1 .3M132.6 38.7l-4.7 1.7M132 42.4l-2 .9M131.6 44.2l-1 .4M123 38.5l1 .2M116.4 40.7l-2.6 1.1M91.5 38.7l1.3 1M88.3 38.8l4.6 2.5M88.3 38.8l-4.2 3.1M85.9 36.9l1 2.8M47.4 41.8l-1 1.7M31.6 38.5l1 .2M25.4 40.4l-.7 .7M20.9 36.6l-2.8 6M16.4 34.8l-3.9 11.8M12.5 31.4l-3 5.4M9.9 30.4l.7 1.8M17.4 8.6l-4.5-4.9'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='0.75' stroke-opacity='0.7' d='M24.8 5.3l-1.3-1.1M35 5.5l-.7-.9M35 5.5l1.1 0M39.5 7.1l-1.2-3.1M54.1 7.1l1.2-4.2M61.7 5.3l-.7-.7M69.1 5.3l-1.4-1.6M78.2 5l2.4-2.8M77.7 2.9l1.9-1.8M87 .7l1-1.1M92.1 5.5l.8-.3M98.3 4.1l-.9 0M103.1 5.6l1-1.4M102.5 4l.5-.8M118.5 3.5l-2.7-.8M121.5 7.1l-.7-5.5M125.9 5.2l-2.7-1.1M125.9 5.2l2.3-1.8M125.4 1.3l-1-.4M136.6 2.2l-.7-1M136.6 2.2l1.2 0M136.5 7.1l-.5-7M144.4 7.2l6.5-1.9M145.1 5.2l-2.8-2.8M146.5 1.2l2.1-.5M150.9 10.7l-1.5-2.9M151.9 8.9l-1-2.3M153 7.2l-.5-1.1M153 7.2l1.2 0M150.2 26.6l13.2 2.6M144.4 34.3l5 5.8M140.2 38.4l5.8-.7M141.5 40.1l-1.2 4.1M142.7 41.9l-.9 2.3M144 43.6l-.4 .9M135.9 38.8l2.4 2.4M135.6 40.7l-2.1 .9M135.2 42.6l.9 .7M132.6 38.7l3.9 3.1M132.3 40.6l-2.7 .8M130 38.5l1.5 .8M130 38.5l-1.3 .9M130.2 40.1l.7 .3M116.7 38.8l3.1 2.3M116.7 38.8l-3.4 1.8M113.9 36.9l3.3 6.7M106.3 36.9l.2 7.5M88.5 40.6l2.5 1.5M88.6 42.5l1.6 .7M88.6 42.5l-1.3 1.1M88.8 44.4l.8 .3M78.5 38.3l.8 .1M78.5 38.3l-.5 .6M75 36.9l-2.1 8.4M60 36.9l-1.7 3.6M50 36.9l2.4 9.6M46 38.5l4.1 .9M46.7 40.1l2.5 .3M46.7 40.1l-1.3 2.2M48.1 43.4l1 .3M48.1 43.4l-.6 .9M37.4 36.9l1.5 3.9M25 38.6l-1.6 1.5M25.4 40.4l.9 .3M9.7 17.7l-3.7-2.1M11.7 13.6l-6.2-9.6'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='0.75' stroke-opacity='0.9' d='M41.6 5.2l.8-.4M50.1 7.1l-1.3-2.6M55.3 5.3l-1.9-.9M55.3 5.3l1.5-1.6M72.3 7.1l-1.6-3.5M87.8 5l-4.1-1.8M87.4 2.8l-2.2-.9M87.4 2.8l1.9-1.4M87 .7l-1.4-.6M95.9 5.6l-1.6-.6M95.5 4.2l-.8-.3M95.5 4.2l.6-.6M99.2 5.6l.8-1.6M98.3 4.1l.4-.8M102.5 4l-.9-.1M106.8 7.1l.3-5.4M114.2 7.1l1.9-9.3M119 5.3l3.8-3.6M117.9 1.6l1-1.4M117.4 -.2l.7-.9M125.7 3.2l-1.7-.7M135.7 3.8l-.9-1.8M135.7 3.8l2-.3M145.8 3.2l-2.4-2.7M146.5 1.2l-1.5-1.6M145.9 10.9l3.3-5.2M149.8 12.5l4.1-.4M150.9 21.4l4.4-.5M148.3 33.5l2.4-1.1M148.3 33.5l-.2 2.6M142.7 41.9l2.5 0M135.9 38.8l-3.2 1.1M132.3 40.6l2.2 1.7M132 42.4l1.4 1.6M131.6 44.2l.9 .7M130.2 40.1l-.6 .6M125 36.9l.4 4.9M123 38.5l-.7 .8M116.4 40.7l2 2M116.1 42.6l1.4 1.1M116.1 42.6l-1.7 .6M96.8 36.9l1.8 3.8M91.5 38.7l-1.6 .5M91.2 40.5l-1.1 .4M88.5 40.6l-2.3 1.8M88.8 44.4l-.6 .6M47.4 41.8l2 .2M27.2 38.9l.8 1.1M27.2 38.9l-1.3 .2M9.9 30.4l-1.9-.2'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='1' stroke-opacity='0.5' d='M24.3 7.1l1.4-5.4M41.7 7.1l-.1-3.7M78.8 7.1l-2.2-8.4M91.9 7.1l.4-3.2M103.7 7.1l-1.9-4.6M143.7 9.3l4.1-12.2M148.7 14.3l5.3-8.9M146.8 32.3l4.4 3.7M136.3 36.9l-1.4 7.7M88.2 36.9l.8 9.3M77.9 36.9l1.2 2.9M31 36.9l1.2 3.1M11 29.2l-3.1 3.4'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='1' stroke-opacity='0.7' d='M34.2 7.1l1.7-3.3M88.1 7.1l-1.5-8.6M96.2 7.1l-1.1-4.4M119.6 7.1l-2.8-9.1M134 7.1l3.5-6.6M138.9 36.6l6.3 8.8M132.9 36.9l-1.6 9.1M129.7 36.9l.6 4.8M45.3 36.9l3.4 8.1M24.5 36.9l1.3 5.2M14.1 10.8l-2.7-3.3'/%3E%3Cpath vector-effect='non-scaling-stroke' stroke-width='1' stroke-opacity='0.9' d='M55.6 7.1l-.9-5.4M61.5 7.1l.3-3.5M62.7 7.1l.8-3.1M68.4 7.1l2.1-5.3M82.1 7.1l4.2-8.5M100 7.1l-2.5-4.5M126.2 7.1l-1-7.7M122.5 36.9l1.1 3.2M117 36.9l-1.4 9.4M104 36.9l3.2 7.2M91.8 36.9l-.8 5.4M70.8 36.9l-.1 3.9M28.1 36.9l-1.8 4'/%3E%3C/g%3E%3C/svg%3E"); }
/* На белой шапке (классическое мобильное меню, белая шапка редизайна)
белый иней не виден — голубой контур */
.mobile-menu-bottom-nav .menu-ny__label::after,
.rd-head.is-solid .rd-menu__item--ny .menu-ny__label::after { filter: drop-shadow(0 0 .8px rgba(70, 125, 200, .9)); }
@keyframes menu-ny-glint {
0% { background-position: -150% 0, 0 0; }
16%, 100% { background-position: 250% 0, 0 0; }
}
/* Для полосы .ny-bar (ниже) — блик сдвигом псевдоэлемента */
@keyframes menu-ny-frost {
0% { transform: translateX(-120%); }
16%, 100% { transform: translateX(120%); }
}
/* Наведение и текущая страница: лёд светлее, свечение сильнее */
a:hover > .menu-ny__label,
a:focus-visible > .menu-ny__label,
.bx-active > a > .menu-ny__label,
.is-active > .menu-ny__label {
--ny-ink: #7f2304; /* 9.8:1 */
--ny-flake: #b83a08;
}
/* Короткая подпись — если в ссылке два варианта текста:
span.menu-ny__full «Новогодние представления» и span.menu-ny__short
«Новый год». По умолчанию полная; короткая — где мало места (ниже). */
.menu-ny__label .menu-ny__short { display: none !important; }
/* ── Классическая шапка (templates/main) ─────────────────────────────── */
/* Текст ссылки — внутри плашки; подчёркивания и смены цвета шаблона не нужны */
.menu-ny > a,
.menu-ny > a:hover { color: #fff !important; text-decoration: none !important; }
/* Шаблон делает каждый span пункта inline-block с отступом справа 2.5rem
(style.css: .desctop-header-top-nav li span). Плашка стоит в ссылке вместо
этого span — отступ до следующего пункта у неё снаружи, свои поля внутри */
.desctop-header-top-nav li.menu-ny span.menu-ny__label {
display: inline-flex;
margin-right: 2.5rem;
padding: .5em 1.25em .5em 1.05em;
}
@media (max-width: 1100px) {
.desctop-header-top-nav li.menu-ny span.menu-ny__label { margin-right: 2rem; }
}
.desctop-header-top-nav li.menu-ny span.menu-ny__label span { display: inline; padding: 0; font-size: inherit; }
/* Классика, десктоп ≤1365: в оранжевой полосе 8 пунктов не влезают в строку
с полной подписью — короткая «Новый год» */
@media (max-width: 1365px) {
.desctop-header-top-nav .menu-ny .menu-ny__full { display: none !important; }
.desctop-header-top-nav .menu-ny .menu-ny__short { display: inline !important; }
.desctop-header-top-nav .menu-ny .menu-ny__label::after { background-image: var(--ny-frost-short); }
}
/* Мобильное меню (белое, крупные прописные): плашка не шире экрана, длинная
подпись переносится; стрелки подменю у пункта нет — правый отступ меньше */
.mobile-menu-bottom-nav > .menu-ny > .mobile-menu-bottom-link { display: block; padding-right: 1.5rem; }
.mobile-menu-bottom-nav > .menu-ny > .mobile-menu-bottom-link:hover { background: none; }
.mobile-menu-bottom-nav .menu-ny__label {
max-width: 100%;
white-space: normal;
border-radius: 1.1em;
font-size: .88em; /* на 390 — в одну строку */
letter-spacing: 0;
}
/* ── Шапка редизайна (menu/redesign, libs/css/redesign.css) ──────────── */
.rd-menu__item--ny .rd-menu__link,
.rd-menu__item--ny .rd-menu__link:hover,
.rd-menu__item--ny .rd-menu__link.is-active { opacity: 1; text-decoration: none !important; }
/* Десктоп: пункт стоит в ряду из четырёх, на узком экране — короткая подпись */
@media (min-width: 1001px) and (max-width: 1279px) {
.rd-menu__item--ny .menu-ny__full { display: none !important; }
.rd-menu__item--ny .menu-ny__short { display: inline !important; }
.rd-menu__item--ny .menu-ny__label::after { background-image: var(--ny-frost-short); }
}
/* Телефон: полноэкранное меню на тёмном фоне. Крупный шрифт пунктов
(display, 2.2rem) в плашку не влезает — подпись шрифтом текста, как
у второстепенных пунктов, плашка не шире экрана */
@media (max-width: 1000px) {
.rd-menu__item.rd-menu__item--ny .rd-menu__link { padding: 1.4rem 0; }
.rd-menu__item--ny .menu-ny__label {
max-width: 100%;
white-space: normal;
border-radius: 1.1em;
font-family: Montserrat, Arial, sans-serif;
font-size: 1.8rem; /* как второстепенные пункты меню */
font-weight: 700;
}
}
/* ── Полоса «Новогодние представления» под шапкой на телефоне (a.ny-bar) ── */
/* Обе шапки переключаются на мобильный вид на ≤1000px — там и показываем.
Полоса в потоке страницы, не прилипает: при прокрутке уезжает, шапка
остаётся. Разметка:
Новогодние представления
→
*/
.ny-bar { display: none; }
@media (max-width: 1000px) {
/* Полоса прозрачная; в центре — крупная
ледяная кнопка без чёткой границы: лёд к краям тает в прозрачность
и переходит в иней. Блик, мягкая пульсация */
.ny-bar {
/* Прилипает к шапке при прокрутке (решение 15.10.2026). Фона
нет — только кнопка (пользователь: прозрачная полоса) */
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 39; /* под меню редизайна (.rd-head 40) */
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
min-height: 6.4rem; /* и высота, и тап-зона */
padding: .8rem 1rem;
overflow: hidden;
isolation: isolate;
height: 6.4rem;
background: transparent;
/* Прозрачная полоса лежит поверх страницы: тапы мимо кнопки
проходят к странице, ссылка — только сама кнопка */
pointer-events: none;
color: #962a06 !important;
font: 700 1.65rem/1.2 Montserrat, Arial, sans-serif;
text-decoration: none !important;
text-align: center;
}
/* Классика: body padding-top 82px, а фиксированная шапка 84px —
без отступа она наезжает на верх полосы на 2px */
/* fixed-шапка 84px, на узких экранах ниже (logo по ширине):
320 → 70, 375+ → 84; полоса липнет прямо под ней, под её меню (z 12) */
.mobile-menu + .ny-bar { margin-top: 2px; top: min(84px, calc(70px + (100vw - 320px) * .2545)); z-index: 11; }
/* Редизайн: полоса над шапкой — липнет к верху, шапка — под ней */
.ny-bar + .rd-head { top: calc(env(safe-area-inset-top, 0px) + 6.4rem); }
.ny-bar__text, .ny-bar__arrow { pointer-events: auto; }
.ny-bar:hover, .ny-bar:focus { color: #7f2304 !important; }
.ny-bar:focus-visible { outline: 3px solid #d4450c; outline-offset: -3px; }
/* Кнопка: лёд — радиальный градиент, плотный в центре, к краям
прозрачный; рамки нет */
.ny-bar__text {
position: relative;
display: inline-flex;
align-items: center;
gap: .6rem;
padding: .85em 1.5em;
border-radius: 999px;
background:
linear-gradient(105deg, transparent 42%, rgba(255, 255, 255, .95) 50%, transparent 58%) -150% 0 / 250% 100% no-repeat,
radial-gradient(closest-side, #f7fbff 0%, #dcebfc 50%, #cadff8 72%, rgba(202, 223, 248, .6) 87%, rgba(202, 223, 248, 0) 100%) center / 100% 100% no-repeat;
text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
white-space: nowrap;
animation: menu-ny-glint 6s ease-in-out 1s infinite, ny-bar-pulse 2.6s ease-in-out infinite alternate;
}
/* Иней по таящему краю — тот же, что у пункта меню; на светлом фоне
белым кристаллам нужен голубой контур */
.ny-bar__text::after {
content: "";
position: absolute;
inset: 0 -4px;
z-index: 1;
background: var(--ny-frost) center / 100% 100% no-repeat;
filter: drop-shadow(0 0 .8px rgba(70, 125, 200, .9));
pointer-events: none;
}
/* Оранжевая снежинка — та же, что в пункте меню; медленно вращается */
.ny-bar__text::before {
content: "";
flex: none;
width: 1.9rem;
height: 1.9rem;
background: #d4450c;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cg id='a'%3E%3Cpath d='M0 0V-10.5M0-6.5-3-9.5M0-6.5 3-9.5'/%3E%3C/g%3E%3Cuse href='%23a' transform='rotate(60)'/%3E%3Cuse href='%23a' transform='rotate(120)'/%3E%3Cuse href='%23a' transform='rotate(180)'/%3E%3Cuse href='%23a' transform='rotate(240)'/%3E%3Cuse href='%23a' transform='rotate(300)'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cg id='a'%3E%3Cpath d='M0 0V-10.5M0-6.5-3-9.5M0-6.5 3-9.5'/%3E%3C/g%3E%3Cuse href='%23a' transform='rotate(60)'/%3E%3Cuse href='%23a' transform='rotate(120)'/%3E%3Cuse href='%23a' transform='rotate(180)'/%3E%3Cuse href='%23a' transform='rotate(240)'/%3E%3Cuse href='%23a' transform='rotate(300)'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
animation: ny-bar-spin 12s linear infinite;
}
.ny-bar__arrow { flex: none; color: #d4450c; font-size: 2rem; font-weight: 700; animation: ny-bar-nudge 1.6s ease-in-out infinite; }
}
@keyframes ny-bar-pulse {
from { transform: scale(1); }
to { transform: scale(1.04); }
}
/* Узкие телефоны: стрелку убираем, кнопка — на всю ширину */
@media (max-width: 420px) { .ny-bar__arrow { display: none; } }
@media (max-width: 359px) { .ny-bar { font-size: 1.4rem; } .ny-bar__text { padding: .85em 1.2em; } }
@keyframes ny-bar-spin { to { transform: rotate(360deg); } }
@keyframes ny-bar-nudge { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(4px); } }
@media (prefers-reduced-motion: reduce) {
.menu-ny__label, .menu-ny__label::before { animation: none; }
.ny-bar__text, .ny-bar__text::before, .ny-bar__arrow { animation: none; }
}
/* End */
/* Start:/bitrix/templates/.default/components/bitrix/menu/mobile-menu-tree/style.min.css?16711820849538*/
.bx-top-nav-container{margin-top:15px;padding:0 10px;color:#fff;border-radius:2px;position:relative;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif}.bx-top-nav-container .bx-nav-list-1-lvl{margin:0;padding:0;list-style:none}.bx-top-nav-container .bx-nav-1-lvl{float:left;position:relative}.bx-top-nav-container .bx-nav-1-lvl>a{color:#fff;font-weight:700;display:block;text-decoration:none;text-transform:uppercase;border-radius:1px;padding-top:6px;padding-bottom:2px;border-bottom:0}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:10px 14px 14px;display:block}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a{z-index:250;box-shadow:0 6px 13px 0 rgba(0,0,0,.13)}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a span,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a span{background:#fff}.bx-top-nav-container .bx-nav-parent-arrow{display:none}.bx-top-nav-container .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-2-lvl-container{z-index:999;display:none;opacity:0;padding:9px 0 5px;box-shadow:0 6px 13px 0 rgba(0,0,0,.13);border-top:0;min-width:100%;color:#000}.bx-top-nav-container .bx-nav-2-lvl-container-advanced:before,.bx-top-nav-container .bx-nav-2-lvl-container:before{position:absolute;content:" ";display:block;height:5px;background:#fff;top:-5px;left:0;right:0}.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container{opacity:1;display:block;position:absolute;top:100%;z-index:999;background:#fff}.bx-top-nav-container>ul{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-list-2-lvl{margin:0;padding:5px 0 12px}.bx-top-nav-container .bx-nav-2-lvl{display:block;min-width:180px;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-2-lvl>a{padding:5px 15px 5px;color:#20394c;font-size:13px;line-height:16px;text-decoration:none;font-weight:bold;border-bottom:0;display:block}.bx-top-nav-container .bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a{border-top:0;margin-top:0}.bx-top-nav-container .bx-nav-3-lvl{padding:5px 0;margin:0}.bx-top-nav-container .bx-nav-3-lvl-container-advanced:before,.bx-top-nav-container .bx-nav-3-lvl-container:before{position:absolute;content:" ";display:block;height:5px;background:#fff;top:-5px;left:0;right:0}.bx-top-nav-container .bx-nav-list-3-lvl{margin:0;padding:0 0 14px 7px}.bx-top-nav-container .bx-nav-3-lvl{display:block;min-width:180px;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-3-lvl a{padding:3px 15px;color:#555;font-size:13px;line-height:14px;text-decoration:none;border-bottom:0;display:block}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container{min-width:200px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:100%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-catinfo-back{width:100%;background:#fff}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container{min-width:400px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:50%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-catinfo-back{width:50%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container{min-width:600px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:33.33333%;float:left}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-catinfo-back{width:33.33333%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col{position:static}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{top:100%;left:0;right:0}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container{min-width:100%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;width:25%;float:left}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-catinfo-back{width:25%}.bx-top-nav-container .bx-nav-catinfo{padding:5px 15px 5px;z-index:120;position:relative}.bx-top-nav-container .bx-nav-catinfo img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #e7e9ea;width:auto;max-width:100%;height:auto;max-height:100%}.bx-top-nav-container .bx-nav-catinfo p{padding:20px 5px 0;font-size:13px}.bx-top-nav-container .bx-nav-catinfo-back{position:absolute;display:block;content:' ';top:-5px;right:0;bottom:0;background:#f7fafb;z-index:100;border-left:1px solid #ecefef}.bx-aside-nav-control{font-size:28px;position:fixed;width:40px;height:40px;top:5px;left:5px;line-height:40px;cursor:pointer;z-index:1750;color:#fff;text-align:center}body>.bx-aside-nav-control{-webkit-transition:left .15s linear;-moz-transition:left .15s linear;-ms-transition:left .15s linear;-o-transition:left .15s linear;transition:left .15s linear}.bx-aside-nav-control .fa{line-height:40px;vertical-align:middle}.bx-wrapper,.bx-aside-nav{-webkit-transition:-webkit-transform .15s linear;-moz-transition:-moz-transform .15s linear;-ms-transition:-ms-transform .15s linear;-o-transition:-o-transform .15s linear;transition:transform .15s linear}.bx-logo{z-index:1700!important}.bx-opened .bx-footer,.bx-opened .workarea{display:none!important}.bx-aside-nav{display:none;padding-top:50px;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);width:100%;background:#4c5c65;position:fixed;top:0;bottom:0;left:0;z-index:1600}.bx-aside-nav.bx-opened{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);overflow-y:scroll}.bx-aside-nav ul{list-style:none;margin:0;padding:0}.bx-aside-nav a{color:#fff;vertical-align:middle;line-height:48px;height:48px;font-size:16px;display:block;border-bottom:1px solid #3d4b53;padding-left:15px;max-width:100%;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.bx-aside-nav a{text-decoration:none}.bx-nav-1-lvl.bx-opened,.bx-aside-nav .bx-nav-1-lvl:hover>a,.bx-aside-nav .bx-nav-1-lvl.bx-hover>a{background:#44535c}.bx-aside-nav .bx-nav-list-2-lvl{background:#44535c}.bx-aside-nav .bx-nav-2-lvl>a{padding-left:30px}.bx-aside-nav .bx-nav-3-lvl>a{padding-left:45px}.bx-aside-nav .bx-nav-4-lvl a{padding-left:60px}.bx-aside-nav .bx-nav-parent{position:relative}.bx-aside-nav .bx-nav-parent-arrow{position:absolute;right:0;top:0;margin-top:6px;width:46px;height:34px;text-align:center;border-left:1px solid #5a6971;z-index:200}.bx-aside-nav .bx-nav-parent-arrow i{line-height:34px;font-size:17px;font-style:normal;color:#fff}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear}.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent>ul{overflow:hidden;height:0}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent.bx-opened>ul{height:auto}.bx-aside-nav .bx-nav-catinfo{display:none}.bx-aside-nav .bx-nav-catinfo-back{display:none}@media(min-width:1200px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:15px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:12px 14px 15px}}@media(min-width:992px) and (max-width:1199px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:13px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:9px 11px 12px}}@media(min-width:768px) and (max-width:991px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:11px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:5px 6px 9px}}@media(min-width:768px){.bx-aside-nav-control,.bx-aside-nav{display:none}.bx-top-nav-container{display:block}}@media(max-width:767px){.bx-aside-nav-control,.bx-aside-nav{display:block}.bx-top-nav-container{display:none}.bx-aside-nav .bx-nav-parent-arrow{display:block}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent>a>span>.fa{display:none}}
/* End */
/* Start:/bitrix/templates/.default/components/bitrix/menu/desctop-menu-tree/style.min.css?16711820849538*/
.bx-top-nav-container{margin-top:15px;padding:0 10px;color:#fff;border-radius:2px;position:relative;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif}.bx-top-nav-container .bx-nav-list-1-lvl{margin:0;padding:0;list-style:none}.bx-top-nav-container .bx-nav-1-lvl{float:left;position:relative}.bx-top-nav-container .bx-nav-1-lvl>a{color:#fff;font-weight:700;display:block;text-decoration:none;text-transform:uppercase;border-radius:1px;padding-top:6px;padding-bottom:2px;border-bottom:0}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:10px 14px 14px;display:block}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a{z-index:250;box-shadow:0 6px 13px 0 rgba(0,0,0,.13)}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a span,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a span{background:#fff}.bx-top-nav-container .bx-nav-parent-arrow{display:none}.bx-top-nav-container .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-2-lvl-container{z-index:999;display:none;opacity:0;padding:9px 0 5px;box-shadow:0 6px 13px 0 rgba(0,0,0,.13);border-top:0;min-width:100%;color:#000}.bx-top-nav-container .bx-nav-2-lvl-container-advanced:before,.bx-top-nav-container .bx-nav-2-lvl-container:before{position:absolute;content:" ";display:block;height:5px;background:#fff;top:-5px;left:0;right:0}.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container{opacity:1;display:block;position:absolute;top:100%;z-index:999;background:#fff}.bx-top-nav-container>ul{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-list-2-lvl{margin:0;padding:5px 0 12px}.bx-top-nav-container .bx-nav-2-lvl{display:block;min-width:180px;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-2-lvl>a{padding:5px 15px 5px;color:#20394c;font-size:13px;line-height:16px;text-decoration:none;font-weight:bold;border-bottom:0;display:block}.bx-top-nav-container .bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a{border-top:0;margin-top:0}.bx-top-nav-container .bx-nav-3-lvl{padding:5px 0;margin:0}.bx-top-nav-container .bx-nav-3-lvl-container-advanced:before,.bx-top-nav-container .bx-nav-3-lvl-container:before{position:absolute;content:" ";display:block;height:5px;background:#fff;top:-5px;left:0;right:0}.bx-top-nav-container .bx-nav-list-3-lvl{margin:0;padding:0 0 14px 7px}.bx-top-nav-container .bx-nav-3-lvl{display:block;min-width:180px;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-3-lvl a{padding:3px 15px;color:#555;font-size:13px;line-height:14px;text-decoration:none;border-bottom:0;display:block}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container{min-width:200px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:100%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-catinfo-back{width:100%;background:#fff}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container{min-width:400px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:50%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-catinfo-back{width:50%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container{min-width:600px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:33.33333%;float:left}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-catinfo-back{width:33.33333%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col{position:static}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{top:100%;left:0;right:0}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container{min-width:100%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;width:25%;float:left}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-catinfo-back{width:25%}.bx-top-nav-container .bx-nav-catinfo{padding:5px 15px 5px;z-index:120;position:relative}.bx-top-nav-container .bx-nav-catinfo img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #e7e9ea;width:auto;max-width:100%;height:auto;max-height:100%}.bx-top-nav-container .bx-nav-catinfo p{padding:20px 5px 0;font-size:13px}.bx-top-nav-container .bx-nav-catinfo-back{position:absolute;display:block;content:' ';top:-5px;right:0;bottom:0;background:#f7fafb;z-index:100;border-left:1px solid #ecefef}.bx-aside-nav-control{font-size:28px;position:fixed;width:40px;height:40px;top:5px;left:5px;line-height:40px;cursor:pointer;z-index:1750;color:#fff;text-align:center}body>.bx-aside-nav-control{-webkit-transition:left .15s linear;-moz-transition:left .15s linear;-ms-transition:left .15s linear;-o-transition:left .15s linear;transition:left .15s linear}.bx-aside-nav-control .fa{line-height:40px;vertical-align:middle}.bx-wrapper,.bx-aside-nav{-webkit-transition:-webkit-transform .15s linear;-moz-transition:-moz-transform .15s linear;-ms-transition:-ms-transform .15s linear;-o-transition:-o-transform .15s linear;transition:transform .15s linear}.bx-logo{z-index:1700!important}.bx-opened .bx-footer,.bx-opened .workarea{display:none!important}.bx-aside-nav{display:none;padding-top:50px;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);width:100%;background:#4c5c65;position:fixed;top:0;bottom:0;left:0;z-index:1600}.bx-aside-nav.bx-opened{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);overflow-y:scroll}.bx-aside-nav ul{list-style:none;margin:0;padding:0}.bx-aside-nav a{color:#fff;vertical-align:middle;line-height:48px;height:48px;font-size:16px;display:block;border-bottom:1px solid #3d4b53;padding-left:15px;max-width:100%;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.bx-aside-nav a{text-decoration:none}.bx-nav-1-lvl.bx-opened,.bx-aside-nav .bx-nav-1-lvl:hover>a,.bx-aside-nav .bx-nav-1-lvl.bx-hover>a{background:#44535c}.bx-aside-nav .bx-nav-list-2-lvl{background:#44535c}.bx-aside-nav .bx-nav-2-lvl>a{padding-left:30px}.bx-aside-nav .bx-nav-3-lvl>a{padding-left:45px}.bx-aside-nav .bx-nav-4-lvl a{padding-left:60px}.bx-aside-nav .bx-nav-parent{position:relative}.bx-aside-nav .bx-nav-parent-arrow{position:absolute;right:0;top:0;margin-top:6px;width:46px;height:34px;text-align:center;border-left:1px solid #5a6971;z-index:200}.bx-aside-nav .bx-nav-parent-arrow i{line-height:34px;font-size:17px;font-style:normal;color:#fff}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear}.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent>ul{overflow:hidden;height:0}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent.bx-opened>ul{height:auto}.bx-aside-nav .bx-nav-catinfo{display:none}.bx-aside-nav .bx-nav-catinfo-back{display:none}@media(min-width:1200px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:15px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:12px 14px 15px}}@media(min-width:992px) and (max-width:1199px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:13px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:9px 11px 12px}}@media(min-width:768px) and (max-width:991px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:11px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:5px 6px 9px}}@media(min-width:768px){.bx-aside-nav-control,.bx-aside-nav{display:none}.bx-top-nav-container{display:block}}@media(max-width:767px){.bx-aside-nav-control,.bx-aside-nav{display:block}.bx-top-nav-container{display:none}.bx-aside-nav .bx-nav-parent-arrow{display:block}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent>a>span>.fa{display:none}}
/* End */
/* Start:/bitrix/templates/main/styles.css?1776072903796*/
.desctop-header-nav-sub li {
display:block;
}
.disabled {
box-shadow:none!important;
background: linear-gradient(to right, #dddfe2, #90949c)!important;
}
.second-text {
opacity:0;
position: absolute;
left: 0;
padding: 0 10px;}
.korporat-why-us-sect__name p {
transition: all .3s;
font-size: 20px;
}
.korporat-why-us-sect__name:hover p {
color: #FC8926;
opacity:0;}
.korporat-why-us-sect__name:hover .second-text {
opacity:1;
font-size: 22px;
}
.korporat-why-us-sect__name {
transition: all .3s;
}
.korporat-why-us-sect__name:hover {
background: #FFF;
outline: 10px solid #FC8926;
border: 20px solid white;
}
.afisha-new-item__unavailable {
font-size: 16px;
line-height: 1.2;
color: red;
text-align: center;
margin-top: 50px;
font-weight: bold;
}
/* End */
/* Start:/bitrix/templates/main/template_styles.css?1776072903166*/
.fb_groups iframe {
width:100%!important;
}
.korporat-new .korporat-hero-sect__left {
width:10%;
}
.korporat-new {
background-image: url(/bitrix/templates/main/../img/musicals1.png);
}
/* End */
/* /bitrix/templates/.default/libs/css/jquery.mCustomScrollbar.min.css?167118208442839 */
/* /bitrix/templates/.default/libs/css/custom.css?178524012716059 */
/* /bitrix/templates/.default/libs/css/styles.css?1790231524239379 */
/* /bitrix/templates/.default/libs/css/menu-ny.css?179204445636243 */
/* /bitrix/templates/.default/components/bitrix/menu/mobile-menu-tree/style.min.css?16711820849538 */
/* /bitrix/templates/.default/components/bitrix/menu/desctop-menu-tree/style.min.css?16711820849538 */
/* /bitrix/templates/main/styles.css?1776072903796 */
/* /bitrix/templates/main/template_styles.css?1776072903166 */