/* 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?177632638814115*/ /**/ html { scroll-behavior: smooth; } .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; } } /* End */ /* Start:/bitrix/templates/.default/libs/css/styles.css?1782294261229184*/ /*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 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .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'); } @font-face { font-family: 'gotham'; font-weight: normal; font-style: normal; src: local('gotham'), url('/fonts/ArialNova-LightItalic.woff') format('woff'); } /*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; } .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; } .single-header-banner { min-height: 150px; height: 150px; display: block; position: relative; margin-bottom: 90px } .single-header-banner + .custom-top-link { top: -88px; /* 35 (half of size) + 53 */ } .single-header-banner-content { padding-top: 200px; 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-new-header { display: flex; position: -webkit-sticky; position: sticky; top: 150px; z-index: 8; 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; } } .afisha-new-city select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-bottom: 2px solid #e8e8e8; font-size: 16px; color: #000; border-radius: 0; font-weight: bold; display: block; width: 100%; background: none; height: 32px; line-height: 32px; position: relative; top: -5px; } .afisha-new-city select:focus { border-color: #fd8c28; } .afisha-new-item { padding: 30px 0; border-bottom: 1px solid rgba(0, 0, 0, .1); display: flex; width: 100%; } .afisha-new-item--hidden { display: none; } .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__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; } .afisha-new-month--active { border-bottom: 7px solid #fd8c28 } .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 { marign-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; } } /* 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?177632638814115 */ /* /bitrix/templates/.default/libs/css/styles.css?1782294261229184 */ /* /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 */