/* Start:/bitrix/templates/nhl/css/jquery.mCustomScrollbar.css?153681606743348*/
.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%;outline:none;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:4px;height:auto;left:auto;top:0;right:0;bottom:0}.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%;opacity:0;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_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{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:10px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox + .mCSB_scrollTools + .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:10px;margin:0 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-bottom:30px}.mCSB_container_wrapper > .mCSB_container{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}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .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_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{-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_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,/* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-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}.mCSB_scrollTools{opacity:.75;filter:alpha(opacity=75);-ms-filter:alpha(opacity=75)}.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0)}.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover > .mCSB_scrollTools,.mCustomScrollBox:hover ~ .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100)}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,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,0.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,0.85);filter:alpha(opacity=85);-ms-filter:alpha(opacity=85)}.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9);filter:alpha(opacity=90);-ms-filter:alpha(opacity=90)}.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{background-image:url(/bitrix/templates/nhl/css/mCSB_buttons.svg);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_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:.75;filter:alpha(opacity=75);-ms-filter:alpha(opacity=75)}.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight: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,0.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:#9b9b9b}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,0.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:rgba(0,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-light-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{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,0.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.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,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,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,0.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,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-light-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,0.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-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,0.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.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,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,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,0.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,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,0.1)}.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-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,0.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,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,0.15)}.mCS-rounded.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.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,.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{width:16px;height:16px;margin:-1px 0}.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,.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{width:4px}.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,.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{height:16px;width:16px;margin:0 -1px}.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,.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{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,0.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,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,0.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,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.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.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.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots-dark.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.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)}.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)}.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d.mCSB_scrollTools,.mCS-3d-dark.mCSB_scrollTools{opacity:1;filter:alpha(opacity=30);-ms-filter:alpha(opacity=30)}.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,0.2);box-shadow:inset 1px 0 1px rgba(0,0,0,0.5),inset -1px 0 1px rgba(255,255,255,0.2)}.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555}.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.5),inset 0 -1px 1px rgba(255,255,255,0.2)}.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.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,0.1);box-shadow:inset 1px 0 1px rgba(0,0,0,0.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,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.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools{opacity:1;filter:alpha(opacity=30);-ms-filter:alpha(opacity=30)}.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick.mCSB_scrollTools_vertical,.mCS-3d-thick-dark.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5)}.mCS-3d-thick.mCSB_scrollTools_horizontal,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5)}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,0.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4)}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,0.05);box-shadow:inset 1px 1px 16px rgba(0,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,0.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,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,0.4),inset -1px 0 0 rgba(0,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,0.4),inset 0 -1px 0 rgba(0,0,0,0.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,0.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1)}.mCS-3d-thick-dark.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.mCSB_scrollTools_vertical,.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal-dark.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,0.2);filter:alpha(opacity=20);-ms-filter:alpha(opacity=20)}.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.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,0.2);filter:alpha(opacity=20);-ms-filter:alpha(opacity=20)}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.5);filter:alpha(opacity=50);-ms-filter:alpha(opacity=50)}.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,0.2)}.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.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,.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{width:12px}.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,.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{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,0.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,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.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,0.2)}.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75)}.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)}.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-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-2-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-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)}.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1)}.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,0.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,0.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9)}
/* End */


/* Start:/bitrix/templates/nhl/css/animate.css?1536816034113758*/
@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.fast{-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes menu{from{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.menuFadeInUp{-webkit-animation-name:menu;animation-name:menu;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}@keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@media only screen and (max-width: 767px){.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}@keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* End */


/* Start:/bitrix/templates/nhl/css/fotorama.css?153681604515000*/
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/bitrix/templates/nhl/css/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/bitrix/templates/nhl/css/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:alpha(Opacity=0);filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}
/* End */


/* Start:/bitrix/templates/nhl/css/jquery.fancybox.css?153681605514049*/
@charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(0.47,0,0.74,0.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(0.22,0.61,0.36,1)}.fancybox-infobar,.fancybox-toolbar,.fancybox-caption-wrap{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0 linear .25s;box-sizing:border-box}.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption-wrap{opacity:1;visibility:visible;transition:opacity .25s,visibility 0}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translate3d(0,0,0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide::before{content:'';display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image::before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#E5E3DF}.fancybox-slide--next{z-index:99995}.fancybox-slide > *{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide > title,.fancybox-slide > style,.fancybox-slide > meta,.fancybox-slide > link,.fancybox-slide > script,.fancybox-slide > base{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-error{margin:0;padding:40px;width:100%;max-width:380px;background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,0.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:visited,.fancybox-button:link{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--pause svg path:nth-child(1){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,0.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:'×';position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--image .fancybox-close-small,.fancybox-slide--iframe .fancybox-close-small{top:0;right:-40px}.fancybox-slide--image .fancybox-close-small:after,.fancybox-slide--iframe .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--image .fancybox-close-small:hover:after,.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8) 100%);pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid rgba(255,255,255,0.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide > .fancybox-loading{border:6px solid rgba(100,100,100,0.4);border-top:6px solid rgba(255,255,255,0.6);border-radius:100%;height:50px;width:50px;-webkit-animation:fancybox-rotate .8s infinite linear;animation:fancybox-rotate .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes fancybox-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fancybox-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,0.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{opacity:0;transition-timing-function:cubic-bezier(0.19,1,0.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(0.5,0.5,0.5);transform:scale3d(0.5,0.5,0.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(0.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(0.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(0.1) skew(10deg);transform:translate3d(100%,0,0) scale(0.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs > ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x > ul{overflow:hidden}.fancybox-thumbs-y > ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y > ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs > ul > li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,0.1)}.fancybox-thumbs > ul > li > img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs > ul > li:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(0.25,0.46,0.45,0.94)}.fancybox-thumbs > ul > li.fancybox-thumbs-active:before{opacity:1}@media all and (max-width: 800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs > ul > li{max-width:calc(100% - 10px)}}
/* End */


/* Start:/bitrix/templates/nhl/css/mainpage_animate.css?1536816076221*/
.stanim.fade{opacity:0}.stanim .fade,.header .left-menu .left-menu-cont .fade{opacity:0}body .main_block .first_screen .blocks .block .name .nm{top:0}body .main_block .first_screen .blocks .block:hover .name .nm{top:70px}
/* End */


/* Start:/bitrix/templates/nhl/css/YouTubePopUp.css?15543860733163*/
@charset "UTF-8";

/*
    Name: YouTubePopUp
    Description: jQuery plugin to display YouTube or Vimeo video in PopUp, responsive and retina, easy to use.
    Version: 1.0.2
    Plugin URL: http://wp-time.com/youtube-popup-jquery-plugin/
    Written By: Qassim Hassan
    Twitter: @QQQHZ
    Websites: wp-time.com | qass.im | wp-plugins.in
    Dual licensed under the MIT and GPL licenses:
        http://www.opensource.org/licenses/mit-license.php
        http://www.gnu.org/licenses/gpl.html
    Copyright (c) 2016 - Qassim Hassan
*/

.YouTubePopUp-Wrap{
    position:fixed;
    width:100%;
    height:100%;
    background-color:#000;
    background-color:rgba(0,0,0,0.8);
    top:0;
    left:0;
    z-index:9999999999999;
    padding:100px;
    box-sizing:border-box;
}

.YouTubePopUp-animation{
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUp;
    animation-name: YouTubePopUp;
}

@-webkit-keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

body.logged-in .YouTubePopUp-Wrap{ /* For WordPress */
    top:32px;
    z-index:99998;
}

.YouTubePopUp-Content{
    max-width:100%;
    display:block;
    margin:0 auto;
    height:100%;
    position:relative;
}

.YouTubePopUp-Content iframe{
    max-width:100% !important;
    width:100% !important;
    display:block !important;
    height:100% !important;
    border:none !important;
    position:absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.YouTubePopUp-Hide{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUpHide;
    animation-name: YouTubePopUpHide;
}

@-webkit-keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.YouTubePopUp-Close{
    position:absolute;
    top:0;
    cursor:pointer;
    right:-61px;
    margin:auto 0;
    width:27px;
    height:27px;
    background:url(/bitrix/templates/nhl/css/../images/close_btn.svg) no-repeat;
    background-size:27px 27px;
    -webkit-background-size:27px 27px;
    -moz-background-size:27px 27px;
    -o-background-size:27px 27px;
    background-position: center center;
    transition: background .3s;
}

.YouTubePopUp-Close:hover{
    background-image: url(/bitrix/templates/nhl/css/../images/close_btn_orange.svg);
}

@media all and (max-width: 768px) and (min-width: 10px){
    .YouTubePopUp-Content{
        max-width:90%;
    }
}

@media all and (max-width: 600px) and (min-width: 10px){
    .YouTubePopUp-Content iframe{
        height:320px !important;
    }

    .YouTubePopUp-Close{
        bottom:362px;
    }
}

@media all and (max-width: 480px) and (min-width: 10px){
    .YouTubePopUp-Content iframe{
        height:220px !important;
    }

    .YouTubePopUp-Close{
        bottom:262px;
    }
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/search.form/ajax_search_full/style.css?17137845014686*/
li.search_full_btn{
    vertical-align:middle;
    padding:0;
}
.search_full_btn{
    vertical-align:middle;
    padding:0;
}
li.search_full_btn .ico{
    width:20px;
    height:20px;
    position: relative;
/*	background-image:url("/bitrix/templates/.default/components/bitrix/search.form/ajax_search_full/images/menu-search-blue.svg");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;*/
    display:block;
    cursor:pointer;
}

li.search_full_btn .ico:after{
    display: block;
    position: absolute;
    content: '';
    top: 27px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:url("/bitrix/templates/.default/components/bitrix/search.form/ajax_search_full/images/icon_search.svg");
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:20px 40px;
    cursor:pointer;
    opacity: 1;
    transition: opacity .3s;
}

li.search_full_btn .ico:before{
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:url("/bitrix/templates/.default/components/bitrix/search.form/ajax_search_full/images/icon_search.svg");
    background-repeat:no-repeat;
    background-position:bottom center;
    background-size:20px 40px;
    cursor:pointer;
    opacity: 0;
    transition: opacity .3s;
}
li.search_btn .ico:hover::after{
    opacity: 0;
}
li.search_btn .ico:hover::before{
    opacity: 1;
}
.full-search-form{
    position:absolute;
    z-index:999;
    top:120px;
    left:50%;
    height:53px;
    width:520px;
    margin-left:-260px;
    padding-top: 10px;
    display:none;
}

.full-search-overlay {
    display: none;
    position: absolute; /* ��� absolute, � ����������� �� ������ ������ */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    z-index: 400; /* ���������, ��� z-index ������, ��� � searchForm */
}

.full-search-form .close{
    position:absolute;
    width:19px;
    height:19px;
    left:50%;
    margin-left:-10px;
    top: 0;
    cursor:pointer;
}
.full-search-form .close:after{
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:url("/bitrix/templates/.default/components/bitrix/search.form/ajax_search_full/images/icon_blueor.svg");
    background-repeat:no-repeat;
    background-position:50% 0;
    background-size:19px 38px;
    opacity:1;
    transition: opacity .3s;
}
.full-search-form .close:before{
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:url("/bitrix/templates/.default/components/bitrix/search.form/ajax_search_full/images/icon_blueor.svg");
    background-repeat:no-repeat;
    background-position:50% -19px;
    background-size:19px 38px;
    opacity:0;
    transition: opacity .3s;
}
.full-search-form .close:hover::after{
    opacity: 0;
}
.full-search-form .close:hover::before{
    opacity: 1;
}
.full-search-form .clear{
    position:absolute;
    width:11px;
    height:11px;
    right:0;
    top:38px;
    opacity:0;
    cursor:pointer;
}
.full-search-form .clear:after{
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:url("/bitrix/templates/.default/components/bitrix/search.form/ajax_search_full/images/lil_blue.svg");
    background-repeat:no-repeat;
    background-position:center top;
    background-size:11px 22px;
    opacity:1;
    transition: opacity .3s;
}
.full-search-form .clear:before{
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:url("/bitrix/templates/.default/components/bitrix/search.form/ajax_search_full/images/lil_blue.svg");
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:11px 22px;
    opacity:0;
    transition: opacity .3s;
}
.full-search-form .clear:hover::after{
    opacity: 0;
}
.full-search-form .clear:hover::before{
    opacity: 1;
}
.full-search-form .clear.show{
    opacity:1;
}
.full-search-form form{
    display:block;
}
.full-search-form input{
    display:block;
    border:none;
    width:100%;
    height:53px;
    text-transform:uppercase;
    font-size: 18px;
    text-align:center;
    padding: 15px 15px 0 15px;
    margin:0;
    border-bottom: solid 1px rgba(22, 68, 102, 0.2);
    background-color: #f8f8f8;
    letter-spacing: 1px;
    color: #164466;
    box-sizing:border-box;
}
.full-search-form .line{
    background-color: #e48b1f;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 5px;
    background-size: 100% 100%;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    z-index: 3;
}
.full-search-form input:focus+.line{
    width:100%;
}
.search_area{
    position:absolute;
    z-index:6;
    width:100%;
    min-height:100%;
    top:0;
    left:0;
    background-color: #f8f8f8;
    display:none;
    padding-top:217px;
    box-sizing:border-box;
}
/* End */


/* Start:/bitrix/components/sotbit/regions.choose/templates/location/style.css?16167628649337*/
.select-city-wrap {
	font-family: "Open Sans", Arial, sans-serif;
	position: relative;
}

.select-city__block__text {
	color: #919294;
	font-size: 12px;
	line-height: 30px;
}

.select-city__block__text-city {
	padding: 5px 15px 5px 5px;
	color: #000000;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
}

.select-city__block__text-city:after {
	position: absolute;
	display: block;
	content: '';
	top: 50%;
	right: 5px;
	transform: rotate(45deg) translateY(-50%);
	transition: all 0.3s ease-in-out;
	transform-origin: 50% 0;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	margin-top: 0;
}

.select-city__block__text-city:hover {
	color: #fb0040;
}
.select-city__block__text-city:hover:after{
	border-color: #fb0040;
}

/* Your choose place*/

.select-city__dropdown-wrap {
	z-index: 9999;
	position: absolute;
}

.select-city__dropdown {
	background-color: #ffffff;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.23);
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.23);
	width: 275px;
	padding: 20px 25px 25px 25px;
	text-align: center;
	border: 1px solid #ededed;
}

.select-city__dropdown__title {
	color: #272727;
	font-size: 13px;
	font-weight: 700;
	display: block;
	margin: 0 0 15px 0;
}


.select-city__dropdown__choose {
	display: inline-block;
	height: 40px;
	width: 100%;
	font-size: 12px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.select-city__dropdown__choose__yes {
	color: #ffffff;
	border: 1px solid #fb0040;
	background: #fb0040;
	margin: 0 10px 0 0;
}



.select-city__dropdown__choose__no {
  color: #fb0040;
  background: transparent;
  border: 1px solid #fb0040;
}


.select-city__dropdown__choose__yes:hover {
	background: #c80033;
	border: 1px solid #c80033;
}

.select-city__dropdown__choose__no:hover {
	color: #ffffff;
	background: #fb0040;
}


.select-city__dropdown__choose-wrap {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* end choose Your place*/

.select-city__modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3000;
	display: none;
    background-color: rgba(0, 0, 0, 0.5);
}


/* new style origami*/
.select-city__modal-wrap {
	font-family: "Open Sans", Arial, sans-serif;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
	max-width: 730px;
	max-height: 570px;
	padding: 50px;
	position: relative;
	margin: 20vh auto;
	-webkit-transition: width .2s;
	-o-transition: width .2s;
	transition: width .2s;
}

.select-city__close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 25px;
	height: 25px;
	opacity: 1;
	cursor: pointer;
}

.select-city__close:before,
.select-city__close:after {
	position: absolute;
	left: 12px;
	content: ' ';
	height: 25px;
	width: 1px;
	background-color: #bcbcbc;
}
.select-city__close:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.select-city__close:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.select-city__close:hover {
	opacity: .7;
}

/*tabs*/
.select-city__tabs {
	display: inline-block;
	margin: 0 0 35px 0;
	padding: 0;
}
.select-city__tab  {
	display: inline-block;
	padding: 0;
	margin: 0 30px 0 0;
	cursor: pointer;
	font-size: 14px;
	line-height: 31px;
	border-bottom: 1px solid transparent;
	color: #000000;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.select-city__tab.active {
	border-bottom: 1px solid #fb0040;
	color: #fb0040;
}

.select-city__tab:hover {
	color: #fb0040;
}

.select-city__tab:last-child {
	margin-right: 0;
}

.select-city__tab:before {
	display: none;
}

/*tabs*/

/* name city*/

.select-city__modal__title {
	color: #717171;
	font-size: 17px;
	line-height: 20px;
	padding: 0 0 15px 0;
	margin: 0;
}

.select-city__modal__title span {
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	color: #000000;
}

.select-city__modal__title span:hover {
	color: #fb0040;
	cursor: pointer;
}

/* end name city*/

/*input*/

.select-city__wrapper__input {
	margin: 0 0 50px 0;
}

.select-city__input {
	border: 1px solid #ededed;
	height: 40px;
	width: 100%;
	padding: 0 10px;
	margin: 0 0 10px 0;
	border-radius: 0;
	font-size: 13px;
	color: #000000;
}

.select-city__input__comment {
	font-size: 12px;
}

.select-city__input__comment span {
	color: #fb0040;
	border-bottom: 1px solid #fb0040;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.select-city__input__comment span:hover {
	color: #222222;
	border-bottom: 1px solid #222222;
	cursor: pointer;
}

/*input*/

/*alphabet city*/

.select-city__tab_content {
	display: none;
}

.select-city__tab_content.active {
	display: block;
}


.select-city__tab_name_content,
.select-city__list_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.select-city__tab_name_content__big_city,
.select-city__list_wrapper_favorites {
	width: 25%;
	flex-shrink: 0;
}

.select-city__tab_name_content__village,
#container_scroll {
	width: 75%;
	margin:0 auto;
}

.select-city__tab_name_content {
	margin: 0 0 30px 0;
}

.select-city__tab_name_content__big_city,
.select-city__tab_name_content__village {
	font-size: 15px;
}

.select-city__list_wrapper_favorites,
.select-city__list_wrapper_cities {
	height: 210px;
	overflow-x: hidden;
	overflow-y: auto;
}

.select-city__list_wrapper_cities {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.select-city__list_letter_wrapper {
	width: 33%;
}

.select-city__list_letter {
	font-size: 18px;
	margin: 0 0 20px 0;
}

.select-city__list_item {
	padding: 0;
	margin: 0;
}


.select-city__list_item {
	font-size: 13px;
	padding: 0;
	line-height: 21px;
	color: #fb0040;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.select-city__list_item:hover {
	color: #000000;
}

.select-city__list {
	margin: 0 0 15px 0;
}

/* end alphabet city*/

/* scroll bar*/

.select-city__list_wrapper_cities::-webkit-scrollbar,
.select-city__list_wrapper_favorites::-webkit-scrollbar {
	width: 6px;
	background-color: #f5f3f3;
}


.select-city__list_wrapper_cities::-webkit-scrollbar-track,
.select-city__list_wrapper_favorites::-webkit-scrollbar-track {
	border-radius: 6px;
	background-color: #f5f3f3;
}

.select-city__list_wrapper_cities::-webkit-scrollbar-thumb,
.select-city__list_wrapper_favorites::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: #d7d8d9;
}

.select-city__list_wrapper_favorites {
    margin-right: 10px;
}

/* end scroll bar*/

@media (max-width: 768px) {
	.select-city__tab_name_content__village,
	.select-city__list_wrapper_cities {
		/*display: none;*/
	}
	.select-city__list_wrapper_favorites,
	.select-city__tab_name_content__big_city {
		/*width: 100%;*/
        display: none;
	}
	.select-city__modal-wrap {
		max-height: 90vh;
		height: auto;
		margin: 5vh 15px;
		padding: 40px 20px;
	}

	.select-city__close {
		width: 20px;
		height: 20px;
	}

	.select-city__close::before,
	.select-city__close::after {
		height: 20px;
	}


	.select-city__tabs {
		margin-bottom: 43px;
	}

	.select-city__tab {
		margin-right: 18px;
		font-size: 13px;
		line-height: 18px;
	}

	.select-city__wrapper__input {
		margin-bottom: 44px;
	}

	.select-city__input {
		margin-bottom: 6px;
	}

	.select-city__tab_name_content__big_city,
	.select-city__tab_name_content__village {
		font-size: 14px;
	}

	.select-city__modal__title {
		padding-bottom: 10px;
	}


	.select-city__dropdown-wrap {
		position: relative;
	}

	.select-city__dropdown {
		box-shadow: none;
		width: 100%;
		border-left: none;
		border-right: none;
		border-top: none;
	}

	.select-city__dropdown__choose-wrap {
		max-width: 275px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* DELiTE*/

/*.select-city__modal-wrap .select-city__tab_content[data-country-id="3157"]{*/
	/*display: block;*/
/*}*/

/*.select-city__tab[data-country-id="3157"] {*/
	/*border-bottom: 1px solid #fb0040;*/
	/*color: #fb0040;*/
/*}*/


/* DELiTE*/


/**/

#container_scroll {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	height: 210px;
	overflow: auto;
}
#container_scroll .content {
	width: 100%;
	height: auto;
}

/**/

/*
 * Container style
 */





/* End */


/* Start:/bitrix/templates/.default/components/itrkomi/to.top/topbtn/style.css?16195092051383*/
#to-top {
    border: solid 2px #e48b1f;
    opacity: 0;
    position: fixed;
    padding: 0 17px 0 32px;
    width: 105px;
    height: 40px;
    line-height:38px;
    color: #fff;background: #e48b1f;
    box-sizing:border-box;
    cursor: pointer;
    z-index:10;
    font-size: 18px;
    font-family: "proxima_nova_rgregular";
    transition:color .5s;
}
#to-top:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    content: '';
    background: #fff;
    transition: all .4s cubic-bezier(0.42,0,0.58,1);
}
#to-top .ico:before{
    display:block;
    position:absolute;
    content:'';
    width: 7px;
    height: 16px;
    top:15px;
    left:15px;
    background-image:url("/bitrix/templates/.default/components/itrkomi/to.top/topbtn/images/up_hover.svg");
    opacity:1;
    transition:opacity .5s;
}
#to-top .ico:after{
    display:block;
    position:absolute;
    content:'';
    width: 7px;
    height: 16px;
    top:15px;
    left:15px;
    /*background-image:url("/bitrix/templates/.default/components/itrkomi/to.top/topbtn/images/up_hover.svg"); */
    background-image:url("/bitrix/templates/.default/components/itrkomi/to.top/topbtn/images/up.svg");
    opacity:0;
    transition:opacity .5s;
}
#to-top:hover .ico:before{
    opacity:0;
}
#to-top:hover .ico:after{
    opacity:1;
}
#to-top:hover{
    color:#e48b1f;
}
#to-top:hover::before {
    left: 0;
    right: auto;
    width: 100%;
}
@media screen and (max-width: 767px) {
    #to-top{
        display:none;
    }
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/cat_menu_sitemap/style.min.css?1527177204490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/cat_menu_sitemap/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/DropDownMenuSitemap/style.css?1536817403489*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#F5F5F5 url(/bitrix/templates/.default/components/bitrix/menu/DropDownMenuSitemap/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#BC262C;font-weight:700;text-decoration:none}ul.left-menu li a:visited{color:#BC262C}ul.left-menu li a:hover{color:#BC262C}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#FC8D3D}
/* End */


/* Start:/bitrix/templates/nhl/styles.css?1779818330228723*/
.adaptive-table {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .adaptive-table table {
        width: 100%;
        border-collapse: collapse;
        color: white; /* белый шрифт для всего содержимого */
    }
    .adaptive-table th,
    .adaptive-table td {
        border-bottom: 1px solid rgba(255,255,255,0.2);
        padding: 8px 12px;
        text-align: left;
        vertical-align: top;
    }
    /* Жирный шрифт для заголовков и для первой колонки (модели) */
    .adaptive-table td:first-child {
        font-weight: normal;
    }
    .adaptive-table th
    {
        font-weight: normal;
    }

.navpages{
    display:block;
    clear:both;
}
.f-btn{
    height:50px;
    line-height:49px;
    border:3px solid #e48b1f;
    display:block;
    text-decoration:none;
    width:257px;
    font-size:18px;
    letter-spacing:1px;
    text-align:center;
    text-transform:uppercase;
    color:#e48b1f;
    position:relative;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    z-index:1
}
.f-btn:hover{
    background-color:transparent;
    border-color:#e48b1f;
    color:#fff
}
.f-btn:hover:before{
    left:0;
    right:auto;
    width:100%
}
.f-btn:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#e48b1f;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.f-btn.center{
    margin:0 auto;
    height:50px;
    line-height:49px;
    border:3px solid #e48b1f;
    display:block;
    text-decoration:none;
    width:257px;
    font-size:18px;
    letter-spacing:1px;
    text-align:center;
    text-transform:uppercase;
    color:#e48b1f;
    position:relative;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    z-index:1
}
.f-btn.center:hover{
    background-color:transparent;
    border-color:#e48b1f;
    color:#fff
}
body.main .header_bg2{
    transition:all .5s;
    display:block;
    opacity:.6
}
body.main .header .bg{
    opacity:0;
    transition:all .5s
}
body.main.blue .bg{
    opacity:1
}
body.main.blue .header_bg2{
    opacity:0;
    display:block
}
body.main .cont{
    padding-top:0
}
body.makeblue .header_bg2{
    transition:all .5s;
    display:block;
    opacity:.6
}
body.makeblue .header .bg{
    opacity:0;
    transition:all .5s
}
body.makeblue.blue .bg{
    opacity:1
}
body.makeblue.blue .header_bg2{
    opacity:0;
    visibility:hidden;
    display:block
}
.main_block{
    position:relative;
    width:100%
}
.main_block .first_screen{
    height:100vh;
    min-height:650px;
    position:relative;
    overflow:hidden
}
.main_block .first_screen .manage-links{
    display:block;
    position:absolute;
    width:100%;
    height:30px;
    left:0;
    top:50%;
    margin-top:-15px;
    z-index:1
}
.main_block .first_screen .manage-links a{
    position:absolute;
    display:block;
    width:17px;
    height:34px;
    top:0
}
.main_block .first_screen .manage-links a:after{
    position:absolute;
    display:block;
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-size:100% auto;
    background:no-repeat center center;
    opacity:1;
    transition:opacity .3s
}
.main_block .first_screen .manage-links a:before{
    position:absolute;
    display:block;
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:no-repeat center center;
    background-size:100% auto;
    opacity:0;
    transition:opacity .3s
}
.main_block .first_screen .manage-links a:hover::after{
    opacity:0
}
.main_block .first_screen .manage-links a:hover::before{
    opacity:1
}
.main_block .first_screen .manage-links a.landing-next{
    right:30px
}
.main_block .first_screen .manage-links a.landing-prev{
    left:30px
}
.main_block .first_screen .manage-links a.landing-prev:after{
    background-image:url(/bitrix/templates/nhl/images/landing-prev.svg)
}
.main_block .first_screen .manage-links a.landing-next:after{
    background-image:url(/bitrix/templates/nhl/images/landing-next.svg)
}
.main_block .first_screen .manage-links a.landing-prev:before{
    background-image:url(/bitrix/templates/nhl/images/slide_prev.svg)
}
.main_block .first_screen .manage-links a.landing-next:before{
    background-image:url(/bitrix/templates/nhl/images/slide_next.svg)
}
.main_block .first_screen .blocks{
    width:100vw;
    min-width:100%;
    height:100vh;
    min-height:650px;
    position:fixed;
    left:0;
    top:0;
    background:no-repeat 0 center;
    background-size:cover
}
.main_block .first_screen.active .blocks{
    z-index:10
}
.main_block .first_screen .blocks .tmp_bg{
    width:100vw;
    min-width:100%;
    height:100vh;
    min-height:650px;
    position:absolute;
    background:no-repeat 0 center;
    background-size:cover
}
.main_block .first_screen .blocks .block{
    width:20%;
    height:100%;
    float:left;
    position:relative;
    cursor:pointer;
    overflow:hidden;
    box-sizing:border-box
}
.main_block .first_screen .blocks .block .bg{
    background-size:cover;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100vw;
    min-width:100%
}
.first_screen .blocks .block.block1 .bg{
    background:url(/bitrix/templates/nhl/images/bread.jpg) no-repeat 0 50%;
    background-size:auto 100%
}
.first_screen .blocks .block.block2 .bg{
    background:url(/bitrix/templates/nhl/images/meat.jpg) no-repeat 20% 50%;
    background-size:auto 100%;
    margin-left:-20vw
}
.first_screen .blocks .block.block3 .bg{
    background:url(/bitrix/templates/nhl/images/FY2T57161.jpg) no-repeat 40% 50%;
    background-size:auto 100%;
    margin-left:-40vw
}
.first_screen .blocks .block.block4 .bg{
    background:url(/bitrix/templates/nhl/images/horeca.jpg) no-repeat 60% 50%;
    background-size:auto 100%;
    margin-left:-60vw
}
.first_screen .blocks .block.block5 .bg{
    background:url(/bitrix/templates/nhl/images/ingred.jpg) no-repeat 100% 50%;
    background-size:auto 100%;
    margin-left:-80vw
}
.main_block .first_screen .blocks .block .name{
    position:absolute;
    left:0;
    width:100%;
    bottom:130px;
    transition:all .2s
}
.main_block .first_screen .blocks .block .name .nm{
    opacity:0;
    text-align:center;
    font-size:18px;
    line-height:1.22;
    color:#fff;
    position:absolute;
    width:100%;
    top:70px;
    transition:all .2s
}
.main_block .first_screen .blocks .block .name .ico{
    position:relative;
    width:50px;
    height:50px;
    margin:0 auto;
    background:no-repeat center center;
    background-size:auto 100%
}
.main_block .first_screen .blocks .block1 .name .ico{
    background-image:url(/bitrix/templates/nhl/images/bread.svg)
}
.main_block .first_screen .blocks .block2 .name .ico{
    background-image:url(/bitrix/templates/nhl/images/meat.svg)
}
.main_block .first_screen .blocks .block3 .name .ico{
    background-image:url(/bitrix/templates/nhl/images/package.svg)
}
.main_block .first_screen .blocks .block4 .name .ico{
    background-image:url(/bitrix/templates/nhl/images/horeca.svg)
}
.main_block .first_screen .blocks .block5 .name .ico{
    background-image:url(/bitrix/templates/nhl/images/ingred.svg)
}
.main_block .first_screen .blocks .block:hover .name{
    bottom:204px
}
.main_block .first_screen .blocks .block:hover .name .nm{
    opacity:1
}
.main_block .first_screen .blocks .block:hover{
    background-color:rgba(0,0,0,0.1)
}
.main_block .first_screen .blocks .actions{
    width:60px;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    background-color:rgba(215,147,77,0.6);
    color:#fff;
    text-align:center;
    display:table;
    text-decoration:none;
    transition-timing-function:ease;
    transition:width .2s
}
.main_block .first_screen .blocks .actions:hover{
    width:70px
}
.main_block .first_screen .blocks .actions div{
    display:table-cell;
    vertical-align:middle
}
.main_block .first_screen .blocks .actions span{
    display:block;
    margin:-109px 0 0 -7px;
    position:absolute;
    background:url(/bitrix/templates/nhl/images/main_actions.svg) no-repeat center center;
    background-size:15px 218px;
    top:50%;
    left:50%;
    height:218px;
    width:15px
}
.first_screen .text{
    position:fixed;
    z-index:3;
    top:24%;
    width:966px;
    left:50%;
    margin-left:-483px;
    text-align:Center
}
.first_screen .text .logo{
    width:724px;
    height:180px;
    position:relative;
    background:url(/bitrix/templates/nhl/images/mini_main.svg) no-repeat center center;
    /*background:url(/bitrix/templates/nhl/images/mini-25.svg) no-repeat center center;*/
    background-size:auto 100%;
    margin:0 auto 20px
}
body.en .first_screen .text .logo{
    background-image:url(/bitrix/templates/nhl/images/big_en.svg);
    background-size:100% auto
}
.first_screen .text .title{
    text-align:center;
    font-size:38px;
    font-family:'proxima_nova_blblack',serif;
    line-height:1.32;
    color:#fff;
    text-transform:uppercase
}
.first_screen .text .title2{
    text-align:center;
    font-size:22px;
    font-family:'proxima_nova_blblack',serif;
    line-height:2.27;
    letter-spacing: 0.6px;
    color:#fff;
    text-transform:uppercase;
    margin-top:39px;
}
.first_screen .text a.title{
    text-decoration:none;
    font-size:45px;
    line-height:1.2
}
.first_screen .text a.title .top span i{
    font-size:86px
}
.first_screen .btn_bottom{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:50px;
    background-color:rgba(22,68,102,0.7);
    cursor:pointer
}
.first_screen .btn_bottom.transparent{
    background-color:initial;
    opacity:1
}
.first_screen .btn_bottom .txt{
    position:absolute;
    width:200px;
    font-size:14px;
    text-align:center;
    color:#fff;
    padding-top:10px;
    top:50%;
    left:50%;
    margin:-23.5px auto 0 -77px;
    height:30px;
    line-height:29px;
    vertical-align:middle;
    transition:color .3s
}
.first_screen .btn_bottom .txt:hover{
    color:#e48b1f
}
.first_screen .btn_bottom .txt span{
    display:inline-block;
    position:relative
}
.first_screen .btn_bottom .txt span:before{
    position:absolute;
    left:-36px;
    top:50%;
    margin-top:-15px;
    width:19px;
    height:30px;
    background:url(/bitrix/templates/nhl/images/white_down.svg) no-repeat 50% 50%;
    background-size:contain;
    content:'';
    display:inline-block;
    vertical-align:middle;
    opacity:1;
    transition:opacity .3s
}
.first_screen .btn_bottom .txt span:after{
    position:absolute;
    left:-36px;
    top:50%;
    margin-top:-15px;
    width:19px;
    height:30px;
    background:url(/bitrix/templates/nhl/images/orange-down.svg) no-repeat 50% 50%;
    background-size:contain;
    content:'';
    display:inline-block;
    vertical-align:middle;
    opacity:0;
    transition:opacity .3s
}
.first_screen .btn_bottom .txt:hover span:before{
    opacity:0
}
.first_screen .btn_bottom .txt:hover span:after{
    opacity:1
}
.first_screen .btn_bottom a.lang{
    position:absolute;
    font-size:16px;
    color:#fff;
    top:16px;
    right:20px;
    text-decoration:none;
    font-family:'proxima_nova_rgbold',serif;
    transition:color .3s
}
.first_screen .btn_bottom a.lang:hover{
    color:#e48b1f
}
.other{
    position:relative;
    width:100%;
    z-index:3
}
.other .post{
    width:100%;
    position:relative;
    background-color:#164466;
    height:100vh
}
.other .post .president{
    position:absolute;
    width:50%;
    left:0;
    top:0;
    height:100%;
    background-size:auto 100%;
    background:url(/bitrix/templates/nhl/images/prezident.jpg);
    background-position:bottom center;
    background-repeat:no-repeat;
    background-size:auto 100%
}
.other .post .description{
    position:absolute;
    width:50%;
    height:496px;
    top:50%;
    margin-top:-248px;
    right:0
}
.other .post .description .title{
    margin:0 0 24px;
    font-family:'proxima_nova_blblack',serif;
    font-size:90px;
    line-height:1;
    letter-spacing:4px;
    text-align:left;
    color:#fff;
    text-transform:uppercase
}
.other .post .description .title .top{
    color:#e48b1f
}
.other .post .description .text{
    font-size:20px;
    line-height:1.5;
    text-align:left;
    color:#fff;
    width:626px;
    margin:0 0 30px
}
.other .post .description .sign{
    margin:0;
    color:#fff;
    font-size:24px
}
.other .post .description .sign div{
    font-size:18px
}
.other .be_first{
    height:824px;
    background-color:#e48b1f;
    width:100%
}
.other .be_first .title{
    margin:0 0 42px;
    font-family:'proxima_nova_blblack',serif;
    font-size:90px;
    line-height:1;
    letter-spacing:4px;
    text-align:left;
    color:#164466;
    text-transform:uppercase;
    position:relative;
    z-index:2
}
.other .be_first .title .top{
    color:#fff
}
.other .be_first .description{
    width:1260px;
    padding-top:145px;
    margin:0 auto;
    position:relative
}
.other .be_first .text{
    color:#fff;
    font-size:20px;
    line-height:1.5;
    width:500px;
    margin-bottom:54px;
    position:relative;
    z-index:2
}
.other .be_first .nums{
    margin:0;
    position:relative;
    z-index:2
}
.other .be_first .nums:after{
    clear:both;
    content:'';
    display:block
}
.other .be_first .nums .item{
    float:left;
    width:280px
}
.other .be_first .nums .item .num{
    font-family:'proxima_nova_blblack',serif;
    font-size:70px;
    color:#fff;
    margin-bottom:-10px
}
.other .be_first .nums .item .descr{
    font-size:18px;
    line-height:1.22;
    color:#fff
}
.other .be_first .img{
    background:url(/bitrix/templates/nhl/images/be-first.jpg) no-repeat center center;
    background-size:100% auto;
    height:606px;
    width:606px;
    top:95px;
    right:0;
    position:absolute
}
.other .podhod{
    width:100%;
    height:824px;
    position:relative;
    background-color:#164466
}
.other .podhod .middle{
    width:1260px;
    padding-top:149px;
    margin:0 auto 55px
}
.other .podhod .middle:after{
    clear:both;
    content:'';
    display:block
}
.other .podhod .middle .title{
    float:left;
    width:814px;
    font-size:90px;
    font-family:'proxima_nova_blblack',serif;
    line-height:1;
    letter-spacing:4px;
    color:#fff;
    text-transform:uppercase
}
.other .podhod .middle .title .top{
    color:#e48b1f
}
.other .podhod .middle .text{
    float:right;
    width:315px;
    font-size:20px;
    line-height:1.5;
    text-align:left;
    color:#fff;
    margin-top:6px
}
.other .podhod .bottom{
    width:1260px;
    margin:0 auto
}
.other .podhod .bottom .steps:after{
    clear:both;
    content:'';
    display:block
}
.other .podhod .bottom .steps .step{
    float:left;
    position:relative;
    width:176px;
    margin-right:35px;
    color:#fff;
    padding-top:65px;
    display:block;
    text-decoration:none
}
.other .podhod .bottom .steps .step:before{
    position:absolute;
    top:0;
    left:0;
    height:40px;
    width:62px;
    background:no-repeat left center;
    background-size:contain;
    display:block;
    content:''
}
.other .podhod .bottom .steps .step:after{
    display:block;
    content:'';
    position:absolute;
    top:10px;
    right:-6px;
    background:url(/bitrix/templates/nhl/images/next_step.svg) no-repeat left center;
    background-size:contain;
    width:80px;
    height:16px;
    cursor:default
}
.other .podhod .bottom .steps .step1:before{
    background-image:url(/bitrix/templates/nhl/images/step1.svg)
}
.other .podhod .bottom .steps .step2:before{
    background-image:url(/bitrix/templates/nhl/images/step2.svg)
}
.other .podhod .bottom .steps .step3:before{
    background-image:url(/bitrix/templates/nhl/images/step3.svg)
}
.other .podhod .bottom .steps .step4:before{
    background-image:url(/bitrix/templates/nhl/images/step4.svg)
}
.other .podhod .bottom .steps .step5:before{
    background-image:url(/bitrix/templates/nhl/images/step5.svg)
}
.other .podhod .bottom .steps .step6:before{
    background-image:url(/bitrix/templates/nhl/images/step6.svg)
}
.other .podhod .bottom .steps .step:nth-child(6){
    margin-right:0
}
.other .podhod .bottom .steps .step:nth-child(6):after{
    display:none
}
.other .proizvodstvo{
    width:100%;
    position:relative;
    height:1155px;
    background:#fff url(/bitrix/templates/nhl/images/vawes.jpg) no-repeat center bottom;
    background-size:auto 120px
}
.other .proizvodstvo .title{
    position:absolute;
    top:100px;
    left:50%;
    margin-left:-419px;
    width:838px;
    text-align:center;
    text-transform:uppercase;
    font-size:90px;
    font-family:'proxima_nova_blblack',serif;
    line-height:1;
    letter-spacing:4px;
    color:#164466
}
.other .proizvodstvo .text{
    position:absolute;
    top:330px;
    /*left:50%; */
    margin-left:calc((100vw - 1260px) / 2);
    width:1260px;
    font-size:20px;
    line-height:1.5;
    text-align: left;
    color:#164466;
    font-weight: normal;
}
.other .proizvodstvo .text .btn{
    width:177px;
    height:50px;
    box-sizing:border-box;
    position:relative;
    margin:50px auto 0;
    font-size:18px;
    line-height:50px;
    letter-spacing:1px;
    text-align:center;
    color:#164466;
    text-transform:uppercase;
    border:solid 1px #164466;
    display:block;
    text-decoration:none;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    background-color:rgba(0,0,0,0);
    z-index:1
}
.other .proizvodstvo .text .btn:hover{
    background-color:transparent;
    color:#fff
}
.other .proizvodstvo .text .btn:hover:before{
    left:0;
    right:auto;
    width:100%
}
.other .proizvodstvo .text .btn:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#164466;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.other .personal{
    height:950px;
    width:100%;
    position:relative;
    background-color:#164466
}
.other .personal .map{
    position:absolute;
    top:0;
    left:54%;
    height:100%;
    width:50%;
    background:url(/bitrix/templates/nhl/images/map.svg) no-repeat 0 center;
    background-size:auto 635px
}
.other .personal .map .flow-block{
    position:absolute;
    display:block;
    height:439px;
    width:630px;
    left:0;
    top:332px
}
.other .personal .map .flow-block a{
    position:absolute;
    display:block;
    width:26px;
    height:34px;
    z-index:1
}
.other .personal .map .flow-block a:after{
    display:block;
    position:absolute;
    top:0;
    left:0;
    content:'';
    width:100%;
    height:100%;
    background:url(/bitrix/templates/nhl/images/map_hover.svg) no-repeat center top;
    background-size:26px 68px;
    opacity:1;
    transition:opacity .3s
}
.other .personal .map .flow-block a:before{
    display:block;
    position:absolute;
    top:0;
    left:0;
    content:'';
    width:100%;
    height:100%;
    background:url(/bitrix/templates/nhl/images/map_hover.svg) no-repeat center bottom;
    background-size:26px 68px;
    opacity:0;
    transition:opacity .3s
}
.other .personal .map .flow-block a:hover::before{
    opacity:1
}
.other .personal .map .flow-block a:hover::after{
    opacity:0
}
.other .personal .map .flow-block a.krsndr{
    top:141px;
    left:34px
}
.other .personal .map .flow-block a.bel{
    top:68px;
    left:84px
}
.other .personal .map .flow-block a.mosc{
    left:151px;
    top:6px
}
.other .personal .map .flow-block a.niz{
    top:31px;
    left:210px
}
.other .personal .map .flow-block a.kaz{
    top:90px;
    left:195px
}
.other .personal .map .flow-block a.alm{
    top:391px;
    left:345px
}
.other .personal .map .flow-block a.now{
    top:262px;
    left:468px
}
.other .personal .map .flow-block a.krsnrsk{
    top:265px;
    left:555px
}
.other .personal .title{
    position:absolute;
    top:40px;
    width:735px;
    font-size:90px;
    font-family:'proxima_nova_blblack',serif;
    line-height:1;
    letter-spacing:4px;
    color:#fff;
    text-transform:uppercase;
    right:50%;
    margin-right:-105px
}
body.en .other .personal .title{
    width:937px;
    margin-right:-305px
}
.other .personal .title div.num{
    font-size:320px;
    font-family:'proxima_nova_blblack',serif;
    color:#e48b1f;
    margin-bottom:-17px
}
.other .personal .title span.num{
    color:#e48b1f
}
.other .personal .text{
    position:absolute;
    top:656px;
    width:462px;
    font-size:20px;
    line-height:1.5;
    color:#fff;
    right:50%;
    margin-right:166px
}
.other .personal .text .btn{
    width:329px;
    height:50px;
    box-sizing:border-box;
    margin:40px 0 0;
    font-size:18px;
    line-height:50px;
    letter-spacing:1px;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    border:solid 1px #fff;
    display:block;
    text-decoration:none;
    position:relative;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    background-color:rgba(0,0,0,0);
    z-index:1
}
.other .personal .text .btn:hover{
    background-color:transparent;
    color:#164466
}
.other .personal .text .btn:hover:before{
    left:0;
    right:auto;
    width:100%
}
.other .personal .text .btn:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#fff;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.content .vacancy-list .item .btn{
    position:relative;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    background-color:rgba(0,0,0,0);
    z-index:1
}
.content .vacancy-list .item .btn:hover{
    background-color:transparent;
    color:#fff
}
.content .vacancy-list .item .btn:hover:before{
    left:0;
    right:auto;
    width:100%
}
.content .vacancy-list .item .btn:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#E48B1F;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.other .sklad{
    height:868px;
    width:100%;
    position:relative;
    background-color:#e48b1f
}
.other .sklad .title{
    position:absolute;
    top:144px;
    right:50%;
    margin-right:-363px;
    width:991px;
    text-transform:uppercase;
    font-size:90px;
    font-family:'proxima_nova_blblack';
    line-height:1;
    letter-spacing:4px;
    color:#fff
}
.other .sklad .title .top{
    color:#164466
}
.other .sklad .nums{
    position:absolute;
    top:580px;
    right:50%;
    margin-right:-365px;
    width:991px
}
.other .sklad .nums:after{
    display:block;
    content:'';
    clear:both
}
.other .sklad .nums .item{
    float:left;
    width:385px;
    margin-right:139px;
    padding-left:104px;
    box-sizing:border-box;
    position:relative
}
.other .sklad .nums .item:nth-child(2){
    margin-right:0
}
.other .sklad .nums .item:before{
    height:70px;
    width:70px;
    display:block;
    content:'';
    background-size:contain;
    background-position:50% 50%;
    background-repeat:no-repeat;
    position:absolute;
    left:0;
    top:10px
}
.other .sklad .nums .item.item1:before{
    background-image:url(/bitrix/templates/nhl/images/2000_plochad.svg)
}
.other .sklad .nums .item.item2:before{
    background-image:url(/bitrix/templates/nhl/images/1200_poz.svg)
}
.other .sklad .nums .item .num{
    font-size:70px;
    font-family:'proxima_nova_blblack';
    line-height:1.29;
    color:#fff;
    margin-bottom:-10px
}
.other .sklad .nums .item .num .measure{
    font-size:40px
}
.other .sklad .nums .item .num .measure sup{
    font-size:.5em;
    font-family:'proxima_nova_rgbold'
}
.other .sklad .nums .item .text{
    font-size:18px;
    line-height:1.44;
    text-align:left;
    color:#fff
}
.other .sklad .images{
    position:absolute;
    bottom:0;
    left:50%;
    width:50%;
    height:965px;
    background-image:url(/bitrix/templates/nhl/images/sklad@2x.jpg);
    background-repeat:no-repeat;
    background-position:83px bottom;
    background-size:auto 100%
}
.other .economic{
    height:673px;
    width:100%;
    position:relative;
    background-color:#164466
}

.advantages{
    height:320px;
    width:100%;
    position:relative;
    background-color:#164466;
    display:none;
}

.other .economic .title{
    position:relative;
    padding-top:100px;
    margin:0 auto 53px;
    width:1018px;
    text-align:center;
    text-transform:uppercase;
    font-size:90px;
    font-family:'proxima_nova_blblack';
    line-height:1;
    letter-spacing:4px;
    color:#fff
}

.advantages .title{
    position: relative;
    padding-top: 60px;
    margin: 0 auto 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    font-family: 'proxima_nova_blblack';
    line-height: 1;
    letter-spacing: 4px;
    color: #fff;
}

.other .economic .items{
    position:relative;
    display:table;
    width:920px;
    margin:0 auto
}

.advantages .items{
    position:relative;
    display:table;
    max-width: 1600px;
    margin:0 auto
}

.other .economic .items .item{
    display:table-cell;
    vertical-align:top;
    text-align:center;
    font-size:18px;
    line-height:1.22;
    text-align:center;
    color:#fff;
    padding:77px 0 0;
    width:33%;
    box-sizing:border-box;
    position:relative
}

.advantages .items .item{
    display:table-cell;
    vertical-align:top;
    text-align:center;
    font-size:18px;
    line-height:1.22;
    text-align:center;
    color:#fff;
    padding:77px 0 0;
    width:16,66666666666667%;
    box-sizing:border-box;
    position:relative
}

.other .economic .items .item:before{
    display:block;
    position:absolute;
    top:0;
    left:50%;
    width:60px;
    margin-left:-30px;
    height:62px;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    content:''
}

.advantages .items .item:before{
    display:block;
    position:absolute;
    top:0;
    left:50%;
    width:60px;
    margin-left:-30px;
    height:62px;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    content:''
}

.other .economic .items .item.item1:before{
    background-image:url(/bitrix/templates/nhl/images/rassrochka.svg)
}
.other .economic .items .item.item2:before{
    background-image:url(/bitrix/templates/nhl/images/garantii.svg)
}
.other .economic .items .item.item3:before{
    background-image:url(/bitrix/templates/nhl/images/leasing.svg)
}

.advantages .items .item.item1:before{
    background-image:url(/bitrix/templates/nhl/images/rassrochka.svg)
}
.advantages .items .item.item2:before{
    background-image:url(/bitrix/templates/nhl/images/garantii.svg)
}
.advantages .items .item.item3:before{
    background-image:url(/bitrix/templates/nhl/images/leasing.svg)
}

.other .economic .btn{
    position:absolute;
    bottom:97px;
    left:50%;
    width:178px;
    height:50px;
    margin-left:-89px;
    border:solid 1px #fff;
    box-sizing:border-box;
    line-height:50px;
    display:block;
    text-decoration:none;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:1px;
    text-align:center;
    color:#fff;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    background-color:rgba(0,0,0,0);
    z-index:1
}
.other .economic .btn:hover{
    background-color:transparent;
    color:#164466
}
.other .economic .btn:hover:before{
    left:0;
    right:auto;
    width:100%
}
.other .economic .btn:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#fff;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.other .projects{
    height:760px;
    width:100%;
    position:relative;
    background-color:#fff
}
.other .projects .title{
    position:absolute;
    left:50%;
    top:107px;
    width:620px;
    font-family:'proxima_nova_blblack';
    font-size:90px;
    line-height:1;
    letter-spacing:4px;
    color:#164466;
    text-transform:uppercase;
    margin-left:-130px
}
.other .projects .title .top{
    color:#e48b1f
}
.other .projects .photo{
    position:absolute;
    bottom:0;
    right:50%;
    margin-right:200px;
    width:462px;
    height:760px;
    background-image:url("/bitrix/templates/nhl/images/Povar Main@2x.jpg");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center bottom
}
.other .projects .prjcts{
    position:absolute;
    left:50%;
    top:428px;
    width:720px;
    display:table;
    margin-left:-130px
}
.other .projects .prjcts .prj-tr{
    display:table-row
}
.other .projects .prjcts .project{
    display:table-cell;
    width:25%;
    vertical-align:middle;
    padding-bottom:20px
}
.other .projects .prjcts .project img{
    max-width:147px;
    max-height:80px;
    display:block;
    margin:0
}
.cat_section_inside{
    background-color:#f8f8f8;
    box-sizing:border-box;
    width:100%;
     height:100%
    /*min-height: calc(100vh - 100px);  */
}
.cat_section_inside:after{
    background-color:#f8f8f8;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    content:'';
    display:block;
    z-index:-1
}
h1.cat_section{
    margin:20px auto 40px;
    text-align:center;
    max-width:1260px;
    line-height:1.2
}
.sections_list_top{
    display:table;
    margin:0 auto;
    padding:25px 0 0;
    max-width:100%
}
.sections_list_top>li{
    display:table-cell;
    padding:0 10px;
    vertical-align:middle
}
.sections_list_top .parent a.item .title:after{
    display:block;
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    border:5px solid #e48b1f;
    opacity:0;
    transition:opacity .3s;
    box-sizing:border-box
}
.sections_list_top .parent.active a.item{
    transition:background-color .3s,color .3s
}
.sections_list_top>li.parent>a.item>.corner{
    width:10px;
    height:5px;
    position:absolute;
    top:22px;
    right:20px;
    content:'';
    display:block;
    background-image:url(/bitrix/templates/nhl/images/main_cat_menu_corner.svg);
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center center;
    transform:rotate(180deg);
    transition:transform .5s
}
.sections_list_top>li>a.item{
    font-size:18px;
    text-align:left;
    color:#164466;
    background-color:#e7ecef;
    padding:12px 35px 12px 50px;
    display:block;
    position:relative;
    text-decoration:none
}
.sections_list_top>li>a.item:before{
    height:5px;
    width:100%;
    top:0;
    left:0;
    content:'';
    display:block;
    background-color:#e48b1f;
    position:absolute;
    opacity:0;
    transition:opacity .3s
}
.sections_list_top>li.active>a.item:before,.sections_list_top>li:hover>a.item:before{
    opacity:1
}
body.equipment .sections_list_top>li:hover>a.item:before{
    opacity:0
}
body.equipment .sections_list_top>li.active:hover>a.item:before{
    opacity:1
}
.sections_list_top>li>a.item>div.img{
    width:22px;
    height:22px;
    position:absolute;
    left:20px;
    top:50%;
    margin-top:-11px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:22px 66px
}
.sections_list_top>li .inner{
    display:block;
    opacity:0;
    visibility:hidden;
    list-style:none;
    width:100%;
    background-color:#e7ecef;
    position:absolute;
    left:0;
    z-index:10;
    padding:36px 0;
    margin-top:19px;
    transition:opacity .3s,visibility 0
}
.sections_list_top>li:hover .inner{
    opacity:1;
    visibility:visible
}
.sections_list_top>li .lvl2{
    width:1175px;
    margin:0 auto;
    column-count:4;
    -moz-column-count:4;
    -webkit-column-count:4;
    column-gap:85px;
    -moz-column-gap:85px;
    -webkit-column-gap:85px
}
.sections_list_top>li .lvl2>li{
    margin-bottom:10px;
    font-size:16px;
    line-height:1.25;
    text-align:left;
    color:#164466;
    display:block
}
.sections_list_top>li .lvl2>li:hover{
    color:#E48B1F
}
.sections_list_top>li.parent:hover>a.item>.corner{
    transform:rotate(0deg)
}
.sections_list_top>li.parent:hover>a.item:after{
    height:19px;
    width:100%;
    position:absolute;
    bottom:-19px;
    left:0;
    content:'';
    display:block;
    background-color:#e7ecef
}
.sections_list_top>li .lvl2>li a .title:after{
    display:none!important
}
.sections_list_top>li .lvl2>li>a{
    font-size:16px;
    line-height:1.25;
    text-align:left;
    color:#164466;
    text-decoration:none;
    transition:color .3s
}
.sections_list_top>li .lvl2>li>a:hover{
    color:#E48B1F
}
.sections_list_top>li .lvl2>li.active>a{
    color:#e48b1f
}
.sections_list_top>li .lvl2>li.vip{
    padding-bottom:15px;
    margin-bottom:16px;
    border-bottom:solid 1px rgba(22,68,102,0.19)
}
.sections_list_top>li .lvl2>li.vip>a,.sections_list_top>li .lvl2>li.dep-link a{
    font-family:'proxima_nova_rgbold';
    font-size:18px;
    color:#164466
}
.sections_list_top>li .lvl2>li.vip>a:hover,.sections_list_top>li .lvl2>li.dep-link a:hover{
    color:#E48B1F
}
.sections_list_top>li .lvl2>li.dep-link{
    margin-bottom:11px
}
.sections_list_top>li .lvl2 ul{
    display:none
}
.sections_list_tree{
    display:block;
    position:relative;
    margin:0 auto;
    padding:0 0 80px;
    max-width:1920px;
    text-align:center
}
.sections_list_tree:after{
    clear:both;
    display:block;
    content:''
}
.sections_list_tree>li{
    background:#fff;
    display:inline-block;
    width:270px;
    height:355px;
    margin:0 10px 20px;
    box-sizing:border-box;
    position:relative;
    vertical-align:top
}
.sections_list_tree.brands>li{
    height:224px
}
.sections_list_tree>li >a.item:after{
    border:solid 5px #e48b1f;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:'';
    display:block;
    box-sizing:border-box;
    opacity:0;
    transition:opacity .3s
}
.sections_list_tree>li:hover >a.item:after{
    opacity:1
}
.sections_list_tree>li:hover{
    z-index:2
}
.sections_list_tree>li>a.item{
    display:block;
    padding:20px 15px 0;
    text-decoration:none;
    text-transform:uppercase
}
.sections_list_tree>li>a.item>div.img{
    width:200px;
    height:200px;
    margin:10px auto 15px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain
}
.sections_list_tree.brands>li>a.item>div.img{
    height:103px
}
.sections_list_tree>li>a.item .title{
    font-size:18px;
    letter-spacing:1px;
    text-align:center;
    color:#164466;
    position:relative
}
.sections_list_tree>li>a.item>.title>.ico{
    display:inline-block;
    content:'';
    width:10px;
    margin:0 0 3px 10px;
    vertical-align:middle;
    height:5px;
    position:relative;
    background-image:url(/bitrix/templates/nhl/images/catalog_arrow.svg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:auto 100%;
    transform:rotate(180deg);
    transition:transform .5s
}
.sections_list_tree>li .border-bottom{
    display:block;
    position:absolute;
    height:5px;
    width:100%;
    background-color:#fff;
    bottom:0;
    left:0
}
.sections_list_tree>li .lvl2{
    display:none;
    position:absolute;
    left:0;
    margin:16px auto 0;
    width:270px;
    padding:0 20px 8px;
    text-align:center;
    font-size:16px;
    line-height:1.25;
    text-align:center;
    color:#164466;
    background:#fff;
    border-bottom:solid 5px #e48b1f;
    border-left:solid 5px #e48b1f;
    border-right:solid 5px #e48b1f;
    box-sizing:border-box;
    list-style:none;
    bottom:auto;
    z-index:5
}
.sections_list_tree>li .lvl2>li{
    display:block;
    margin:7px auto
}
.sections_list_tree>li .lvl2>li a{
    transition-property:color;
    transition:.5s
}
.sections_list_tree>li .lvl2>li:hover a{
    color:#e48b1f
}
.sections_list_tree>li .lvl2>li>a{
    font-size:16px;
    line-height:1.25;
    text-align:center;
    color:#164466;
    text-decoration:none
}
.sections_list_tree>li:hover>a.item>.title>.ico{
    transform:rotate(0deg)
}
.sections_list_tree>li.file .img{
    display:none
}
.sections_list_tree>li.file .name{
    display:block;
    width:100%;
    position:relative;
    font-family:"proxima_nova_rgbold";
    font-size:18px;
    line-height:1.22;
    text-align:center;
    color:#164466;
    margin-bottom:5px;
    padding-top:86px;
    margin-top:83px;
    text-transform:none;
    letter-spacing:normal
}
.sections_list_tree>li.file .name:after{
    display:block;
    position:absolute;
    content:'';
    width:52px;
    height:66px;
    top:0;
    left:50%;
    margin-left:-26px;
    background-image:url(/bitrix/templates/nhl/images/document.svg);
    background-size:100% auto;
    background-position:top center;
    background-repeat:no-repeat
}
.sections_list_tree>li.file .size{
    font-family:"proxima_nova_rgregular";
    font-size:14px;
    line-height:1.57;
    text-align:center;
    color:#164466
}
.sections_list_tree>li.banner{
    background-color:#1a4d72;
    position:relative
}
.cat_section_inside .color1 .title{
    background-color:#E48B1F
}
.cat_section_inside .color2 .title{
    background-color:#D3463C
}
.cat_section_inside .color3 .title{
    background-color:#8088B0
}
.sections_list_tree>li.banner>a.item{
    padding:0
}
.sections_list_tree>li.banner>a.item>div.img{
    width:100%;
    margin:0;
    background-size:contain;
    background-color:#fff
}
.sections_list_tree>li.banner>a.item .title{
    display:table;
    width:230px;
    height:158px;
    overflow:hidden;
    margin:-23px auto 20px;
    padding:9px 12px;
    box-sizing:border-box;
    font-family:"proxima_nova_rgbold";
    font-size:20px;
    line-height:normal;
    text-align:left;
    color:#fff
}
.sections_list_tree>li.banner>a.item .title span{
    display:table-cell;
    vertical-align:middle
}
.sections_list_tree_inside{
    display:table;
    width:auto;
    padding:25px 110px 10px;
    margin:0 auto 50px;
    background-color:#fff;
    border:solid 1px #e48b1f;
    position:relative;
    box-sizing:border-box;
    list-style:none;
    text-align:center;
    max-width:1154px
}
.sections_list_tree_inside>li{
    display:inline-block;
    margin:0 50px 20px 0
}
.sections_list_tree_inside>li>a{
    font-size:18px;
    line-height:1.44;
    text-align:left;
    color:#164466
}
.sections_list_tree_inside>li>a.item:hover{
    color:#e48b1f;
    text-decoration:none
}
.catalog-section{
    text-align:center;
    padding:0 0 140px;
    margin:0 auto
}
.catalog-section .cat_item{
    background:#fff;
    display:inline-block;
    width:270px;
    height:368px;
    margin:0 10px 20px;
    box-sizing:border-box;
    position:relative;
    vertical-align:top
}
.catalog-section .cat_item.banner{
    background-color:#1a4d72;
    position:relative
}
.catalog-section .cat_item.banner>a>div.img{
    margin:0;
    background-size:contain;
    width:100%;
    background-color:#fff
}
.catalog-section .cat_item.banner>a{
    padding:0
}
.catalog-section.ingred .cat_item{
    height:340px
}
.catalog-section.ingred .cat_item.banner .title{
    height: 103px;
    background-color: #E48B1F;
}
.catalog-section.ingred .cat_item.file>a>div.img{
    display:none
}
.catalog-section .cat_item.file>a .title .name{
    display:block;
    width:100%;
    position:relative;
    font-family:"proxima_nova_rgbold";
    font-size:18px;
    line-height:1.22;
    text-align:center;
    color:#164466;
    margin-bottom:5px;
    padding-top:86px;
    margin-top:63px;
    text-transform:none
}
.catalog-section .cat_item.file>a .title .name:after{
    display:block;
    position:absolute;
    content:'';
    width:52px;
    height:66px;
    top:0;
    left:50%;
    margin-left:-26px;
    background-image:url(/bitrix/templates/nhl/images/document.svg);
    background-size:100% auto;
    background-position:top center;
    background-repeat:no-repeat
}
.catalog-section .cat_item.file>a .title .size{
    font-family:"proxima_nova_rgregular";
    font-size:14px;
    line-height:1.57;
    text-align:center;
    color:#164466
}
.catalog-section .cat_item.banner>a .title{
    display:table;
    width:230px;
    height:158px;
    overflow:hidden;
    margin:-23px auto 20px;
    padding:9px 12px;
    box-sizing:border-box;
    font-family:"proxima_nova_rgbold";
    font-size:20px;
    line-height:normal;
    text-align:left;
    color:#fff
}
.catalog-section .cat_item.banner>a .title span{
    display:table-cell;
    vertical-align:middle
}
.catalog-section .cat_item a:after{
    border:solid 5px #e48b1f;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:'';
    display:block;
    box-sizing:border-box;
    opacity:0;
    transition:opacity .3s
}
.catalog-section .cat_item:hover a:after{
    opacity:1
}
.catalog-section:after{
    clear:both;
    display:block;
    content:''
}
.catalog-section .cat_item .lables, .meat_scr.scr4 .cat_items .inside .item .lables, .upak_scr.scr4 .cat_items .inside .item .lables {
    position:absolute;
    top:205px;
    left:0;
    width:100%;
    text-align:center
}
.catalog-section .cat_item .lables:after, .meat_scr.scr4 .cat_items .inside .item .lables:after, .upak_scr.scr4 .cat_items .inside .item .lables:after{
    clear:both;
    display:block;
    content:''
}
.catalog-section .cat_item .lables .lbl, .meat_scr.scr4 .cat_items .inside .item .lables .lbl, .upak_scr.scr4 .cat_items .inside .item .lables .lbl{
    display:inline-block;
    height:31px;
    padding:0 10px;
    line-height:32px;
    box-sizing:border-box;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    margin-right:8px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:auto 100%
}
.catalog-section .cat_item .lables .lbl:last-child, .meat_scr.scr4 .cat_items .inside .item .lables .lbl:last-child, , .upak_scr.scr4 .cat_items .inside .item .lables .lbl:last-child{
    margin-right:0
}

.catalog-section .cat_item .lables.ingred {
    bottom: 15px;
    top: auto;
    /*left: 10px;*/
    text-align: center;
}

.catalog-section .cat_item .lables .lbl.blue{
    width:84px;
    background-image:url(/bitrix/templates/nhl/images/new.svg)
}
.catalog-section .cat_item .lables .lbl.lblue{
    width:46px;
    background-image:url(/bitrix/templates/nhl/images/hit.svg)
}
.catalog-section .cat_item .lables .lbl.red{
    /*width:66px;  */
    /*background-image:url(/bitrix/templates/nhl/images/sale.svg)*/
    color: #fff;
    background: #e48b1f;
}
.catalog-section .cat_item .lables .lbl.green{
    color: #fff;
    background: #16A05A;
}
.catalog-section .cat_item>a{
    display:block;
    padding:20px 15px 0;
    text-decoration:none;
    z-index:5
}
.catalog-section .cat_item>a>div.img{
    width:200px;
    height:200px;
    margin:0 auto 20px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    line-height: 200px;
}
.catalog-section .cat_item>a>div>img{
    max-width:200px;
    max-height:200px;
    margin:0 auto 20px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    vertical-align: middle;
}

.ingred .catalog-section .cat_item>a>div>img{
    max-width:160px;
    max-height:160px;
    margin:0 auto 20px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    vertical-align: middle;
}

.catalog-section.ingred .cat_item>a>div>img{
    max-width:160px;
    max-height:160px;
    margin:0 auto 20px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    vertical-align: middle;
}
.block-production.ingred .catalog-section .cat_item>a>div.img{
    width:160px;
    height:160px;
    border-radius:100%;
    background-size:cover;
    margin:0 auto 30px
}
.catalog-section.ingred .cat_item>a>div.img{
    width:160px;
    height:160px;
    border-radius:100%;
    background-size:cover
}
.catalog-section.ingred .cat_item.par_section>a>div.img{
    height:115px;
}
.catalog-section.ingred .cat_item.banner>a>div.img{
    width:100%;
    height: 200px;
    border-radius:0;
    background-size:contain;
}
.catalog-section .cat_item.par_section>a>div.img{
    height:160px;
    background-image:url(/bitrix/templates/nhl/images/back-icon.svg);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:40px 40px;
    border-radius:0
}
.catalog-section .cat_item>a .title{
    font-size:18px;
    text-align:center;
    color:#164466;
    letter-spacing:0
}
body.proizvodstvo .catalog-section .cat_item>a .title{
    line-height:normal;
    max-height:150px;
    overflow:hidden
}
body.proizvodstvo .catalog-section .cat_item>a>div.img{
    margin:0 auto 10px
}
body.proizvodstvo .catalog-section .cat_item>a .title.after:after{
    display:block;
    position:absolute;
    content:'';
    height:100%;
    width:100%;
    left:0;
    bottom:0
}
.block-production.ingred .catalog-section .cat_item>a .title{
    text-transform:none
}
.block-production .catalog-section .cat_item{
    width:270px;
    height:310px
}
.element_detail{
    width:100%
}
.element_detail .inner{
    display:table;
    margin:0;
    padding:0;
    width:100%
}
.element_detail:after{
    display:block;
    content:'';
    clear:both
}
.element_detail .left{
    width:50%;
    min-width:660px;
    display:table-cell;
    vertical-align:top;
    position:relative
}
.element_detail .right{
    width:50%;
    display:table-cell;
    vertical-align:top;
    background-color:#f8f8f8;
    position:relative;
    padding-bottom:70px
}
.element_detail .block_photo{
    float:right;
    margin-right:60px;
    width:600px;
    margin-bottom:30px;
    position:relative
}
.element_detail .block_photo.fixed{
    position:fixed;
    top:100px
}
.element_detail .block_photo.absolute{
    position:absolute;
    bottom:0;
    margin-bottom:0;
    right:60px;
    margin-right:0;
    padding-bottom:15px
}
.element_detail .block_photo .main_photo{
    width:600px;
    text-align:Center;
    margin-bottom:50px
}
.element_detail .block_photo .main_photo img{
    max-width:100%;
    height:auto;
    display:block;
    margin:0 auto;
    max-height:600px;
    margin-right:0
}
.element_detail .block_photo .more_photo{
    position:relative
}
.element_detail .block_photo .more_photo .bx-wrapper{
    margin:0 auto;
    margin-right:0
}
.element_detail .block_photo .more_photo:after{
    clear:both;
    display:block;
    content:''
}
.element_detail .block_photo .more_photo .photo{
    width:70px;
    height:70px;
    float:left;
    margin-right:15px;
    display:block;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    box-sizing:border-box;
    position:relative;
    z-index:1
}
.element_detail .block_photo .more_photo .photo.active{
    border:solid 2px #e48b1f
}
.element_detail .block_photo .bx-controls-direction{
    position:absolute;
    left:0;
    top:50%;
    height:20px;
    width:100%
}
.element_detail .block_photo .bx-controls-direction a{
    display:block;
    width:10px;
    height:20px;
    margin-top:-10px;
    background-position:center center;
    background-size:10px auto;
    background-repeat:no-repeat
}
.element_detail .block_photo .bx-controls-direction .bx-prev{
    float:left;
    background-image:url(/bitrix/templates/nhl/images/slide_prev_blue.svg);
    margin-left:-10px
}
.element_detail .block_photo .bx-controls-direction .bx-next{
    float:right;
    margin-right:-10px;
    background-image:url(/bitrix/templates/nhl/images/slide_next_blue.svg)
}
.element_detail .block_photo .bx-controls-direction a.disabled{
    display:none
}
.element_detail .right .inside{
    padding:41px 70px;
    max-width:600px;
    position:relative
}
.element_detail .right .inside.spare_parts{
    padding:0 70px 41px 25px
}
.element_detail .right .inside.spare_parts .add2basket{
    display:block;
    border:3px solid #e48b1f;
    width:180px;
    line-height:53px;
    padding-left:65px;
    background-image:url(/bitrix/templates/nhl/images/basket_or.svg);
    background-repeat:no-repeat;
    background-size:25px 25px;
    background-position:24px center;
    box-sizing:border-box;
    text-decoration:none;
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    text-align:left;
    color:#e48b1f;
    position:relative;
    z-index:1;
    cursor:pointer;
    margin-bottom:40px;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.element_detail .right .inside.spare_parts .add2basket:hover{
    background-color:transparent;
    border-color:#e48b1f;
    color:#fff
}
.element_detail .right .inside.spare_parts .add2basket:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#e48b1f;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.element_detail .right .inside.spare_parts .add2basket:hover:before{
    left:0;
    right:auto;
    width:100%
}
.element_detail .right .inside.spare_parts .add2basket:after{
    content:'';
    display:block;
    background-image:url(/bitrix/templates/nhl/images/basket.svg);
    background-repeat:no-repeat;
    background-size:25px 25px;
    background-position:24px center;
    width:49px;
    height:53px;
    z-index:2;
    opacity:0;
    left:0;
    top:0;
    position:absolute;
    transition:opacity .4s cubic-bezier(0.42,0,0.58,1)
}
.element_detail .right .inside.spare_parts .add2basket:hover:after{
    opacity:1
}
.element_detail .right .inside .hide_cont{
    position:absolute;
    left:0;
    bottom:0;
    height:90px;
    width:100%;
    background-image:linear-gradient(to bottom,rgba(248,248,248,0),#f8f8f8)
}
.element_detail .right .show_more{
    cursor:pointer;
    text-transform:uppercase;
    font-size:18px;
    line-height:1.67;
    letter-spacing:.6px;
    text-align:left;
    color:#e48b1f;
    height:30px;
    position:absolute;
    left:70px;
    bottom:70px;
    padding-right:20px
}
.element_detail .right .show_more:hover{
    color:#e48b1f
}
.element_detail .right .show_more:after{
    display:block;
    position:absolute;
    content:'';
    width:13px;
    height:8px;
    margin-top:-6px;
    top:50%;
    right:0;
    display:inline-block;
    background-image:url(/bitrix/templates/nhl/images/corner_orange.svg);
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center center
}
.element_detail .right .show_more.close:after{
    transform:rotate(180deg)
}
.element_detail .lables{
    margin-top:40px;
    position:absolute;
    right:0;
    width:auto;
}
.element_detail .lables:after{
    clear:both;
    content:'';
    display:block
}
.element_detail .lables .lbl{
    float:right;
    height:31px;
    padding:0 10px;
    line-height:33px;
    box-sizing:border-box;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    margin-right:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:auto 100%;
    margin-bottom:5px
}
.element_detail .lables .lbl.blue{
    width:80px;
    background-image:url(/bitrix/templates/nhl/images/new.svg)
}
.element_detail .lables .lbl.lblue{
    width:44px;
    background-image:url(/bitrix/templates/nhl/images/hit.svg)
}
.element_detail .lables .lbl.red{
    width:64px;
    background-image:url(/bitrix/templates/nhl/images/sale.svg)
}
.element_detail .in_stock{
    padding:20px 50px 25px 110px;
    margin-bottom:40px;
    background-image:url(/bitrix/templates/nhl/images/in_stock.svg);
    background-repeat:no-repeat;
    background-size:auto 40px;
    background-position:30px center;
    font-size:18px;
    line-height:1.44;
    text-align:left;
    color:#164466;
    max-width:700px;
    border:solid 1px rgba(22,68,102,0.1);
    box-sizing:border-box
}
.element_detail .get_price, .news-detail .get_price{
    width:193px;
    height:50px;
    border:3px solid #e48b1f;
    text-decoration:none;
    text-align:center;
    line-height:52px;
    font-size:18px;
    letter-spacing:1px;
    color:#e48b1f;
    text-transform:uppercase;
    display:block;
    margin-bottom:25px;
    position:relative;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    z-index:1
}
.element_detail .get_price:hover, .news-detail .get_price:hover{
    background-color:transparent;
    border-color:#e48b1f;
    color:#fff
}
.element_detail .get_price:hover:before, .news-detail .get_price:hover:before{
    left:0;
    right:auto;
    width:100%
}
.element_detail .get_price:before, .news-detail .get_price:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#e48b1f;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.element_detail .detail_text .tit{
    font-size:28px;
    line-height:1.07;
    letter-spacing:1.1px;
    text-align:left;
    color:#164466;
    text-transform:uppercase;
    margin-bottom:15px;
    display:none
}
.element_detail .prop{
    font-size:20px;
    font-weight:900;
    font-style:normal;
    font-stretch:normal;
    line-height:1.5;
    letter-spacing:normal;
    text-align:left;
    font-family:'proxima_nova_blblack';
    color:#164466;
    margin-bottom:25px
}
.element_detail .prop .orange{
    color:#e48b1f
}
.element_detail .prop .orange a{
    color:#e48b1f;
    text-decoration:none
}
.element_detail .detail_text .text{
    font-size:18px;
    line-height:1.44;
    text-align:left;
    color:#164466
}
.element_detail .detail_text h2{
    margin:0;
    font-size:30px;
    text-align:left
}
.element_detail .char .inside{
    padding:40px 0 110px;
    background-color:#164466;
    width:100%;
    color:#fff;
    text-align:center
}
.element_detail .char .inside .in{
    width:100%;
    overflow:auto
}
.element_detail .char .tit{
    font-size:28px;
    line-height:1.07;
    letter-spacing:1px;
    text-align:center;
    color:#fff;
    margin-bottom:50px;
    text-transform:uppercase
}
.element_detail .char table{
    margin:0 auto;
    border-collapse:collapse
}
.element_detail .char table tr td{
    padding:5px 25px
}
.element_detail .char table tr td p{
    margin:0;
    padding:0
}
.element_detail .char table tr td{
    max-width:450px
}
.element_detail .char table tr td:first-child{
    padding-left:43px;
    padding-right:45px;
    font-family:'proxima_nova_rgbold';
    font-weight:600
}
.element_detail .char table tr td:last-child{
    padding-right:31px
}
.element_detail .char{
    background-color:#ebeeee
}
.element_detail .char .tabs{
    display:block;
    padding-top:60px;
    text-align:center
}
.element_detail .char .tabs .tb{
    display:inline-block;
    vertical-align:middle;
    font-family:"proxima_nova_blblack";
    font-size:28px;
    line-height:1.21;
    letter-spacing:1px;
    text-align:center;
    color:#164466;
    text-transform:uppercase;
    position:relative;
    margin-right:36px;
    cursor:pointer;
    transition:color .3s
}
.element_detail .char .tabs .tb:hover{
    color:#e48b1f
}
.element_detail .char .tabs .tb.active:hover{
    color:#164466
}
.element_detail .char .tabs .tb:last-child{
    margin-right:0
}
.element_detail .char .tabs .tb:after{
    display:block;
    content:'';
    width:100%;
    height:5px;
    background-color:#e48b1f;
    position:absolute;
    top:-19px;
    left:0;
    opacity:0
}
.element_detail .char .tabs .tb.active:after{
    opacity:1
}
.element_detail .char .inside{
    background-color:#ebeeee;
    display:none
}
.element_detail .char .inside .in{
    max-width:1600px;
    display:block;
    margin:0 auto;
    overflow:hidden
}
.element_detail .char table tr td,.element_detail .char table tr td:first-child{
    font-family:"proxima_nova_rgregular";
    font-size:16px;
    line-height:1.38;
    text-align:left;
    color:#164466
}
.element_detail .char table tr:first-child td{
    font-size:16px;
    line-height:1.38
}
.element_detail .char table tr:hover td{
    background-color:#dadfe3
}
.element_detail .char table tr td{
    border-bottom:solid 1px rgba(150,150,150,0.2)
}
.element_detail .char .inside.active{
    display:block
}
.element_detail .char .inside .video{
    width:500px;
    display:inline-block;
    vertical-align:middle;
    margin-right:40px
}
.element_detail .char .inside .video:last-child{
    margin-right:0
}
.element_detail .char .inside .video .img{
    width:100%;
    height:280px;
    position:relative;
    margin-bottom:10px;
    background-size:cover
}
.element_detail .char .inside .video .img .play{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(22,68,102,0.2)
}
.element_detail .char .inside .video .img .play:after{
    display:block;
    position:absolute;
    content:'';
    width:88px;
    height:88px;
    left:50%;
    margin-left:-44px;
    top:50%;
    margin-top:-44px;
    background-image:url(/bitrix/templates/nhl/images/play.svg);
    background-size:100% auto;
    background-repeat:no-repeat
}
.element_detail .char .inside .video .name{
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    line-height:1.44;
    text-align:left;
    color:#164466;
    text-decoration:none;
    display:block
}
.element_detail .char .inside .file{
    width:300px;
    height:96px;
    background-color:#d4dcdf;
    display:inline-block;
    vertical-align:middle;
    margin-right:20px;
    padding:20px 15px;
    box-sizing:border-box;
    text-align:left
}
.element_detail .char .inside .file:nth-child(3n){
    margin-right:0;
    clear:right
}
.element_detail .char .inside .file .item{
    display:block
}
.element_detail .char .inside .file .item .img{
    display:inline-block;
    vertical-align:top;
    width:47px;
    height:56px;
    margin-right:18px;
    background-image:url(/bitrix/templates/nhl/images/detail-doc.svg);
    background-size:100% auto;
    background-repeat:no-repeat
}
.element_detail .char .inside .file .item .img span{
    font-family:"proxima_nova_blblack";
    font-size:16px;
    color:#164466;
    padding-top:19px;
    text-align:center;
    display:block
}
.element_detail .char .inside .file .item .title{
    max-width:200px;
    display:inline-block;
    vertical-align:top;
    padding-top:8px
}
.element_detail .char .inside .file .item .title .name{
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    line-height:normal;
    max-height:38px;
    overflow:hidden;
    text-align:left;
    color:#164466;
    margin-bottom:3px
}
.element_detail .char .inside .file .item .title .size{
    font-family:"proxima_nova_rgregular";
    font-size:14px;
    line-height:normal;
    text-align:left;
    color:#164466
}
.catalog-section.also{
    padding-top:60px
}

.also .tit{
    vertical-align: middle;
    font-family: "proxima_nova_blblack";
    font-size: 28px;
    line-height: 1.21;
    letter-spacing: 1px;
    text-align: center;
    color: #164466;
    text-transform: uppercase;
    position: relative;
    margin-right: 36px;
    margin-bottom:36px;
}

.catalog-section.also .cat_item>a .title{
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    line-height:1.22;
    letter-spacing:normal;
    text-align:center;
    color:#164466;
    text-transform:none
}
.bx-breadcrumb{
    margin-top:35px;
    font-size:16px;
    text-align:center
}
.bx-breadcrumb a{
    color:#164466;
    text-decoration:none;
    transition:color .3s
}
.bx-breadcrumb a:hover{
    color:#e48b1f
}
.bx-breadcrumb .bx-breadcrumb-item{
    display:inline-block;
    padding-right:23px;
    margin-right:12px;
    position:relative
}
.bx-breadcrumb .bx-breadcrumb-item:after{
    position:absolute;
    display:block;
    right:0;
    top:0;
    height:100%;
    width:10px;
    background-image:url(/bitrix/templates/nhl/images/ic_arrow_back.svg);
    background-repeat:no-repeat;
    background-position:right center;
    content:'';
    opacity:1;
    transition:opacity .3s
}
.bx-breadcrumb .bx-breadcrumb-item:before{
    position:absolute;
    display:block;
    right:0;
    top:0;
    height:100%;
    width:10px;
    background-image:url(/bitrix/templates/nhl/images/fin_arrow_orange.svg);
    background-repeat:no-repeat;
    background-position:right center;
    content:'';
    opacity:0;
    transition:opacity .3s
}
.bx-breadcrumb .bx-breadcrumb-item.last:before{
    transform:rotate(90deg)
}
.bx-breadcrumb .bx-breadcrumb-item:hover::after{
    opacity:0
}
.bx-breadcrumb .bx-breadcrumb-item:hover::before{
    opacity:1
}
.bx-breadcrumb .bx-breadcrumb-item.last:after{
    transform:rotate(90deg)
}
.deps{
    position:absolute;
    top:110px;
    left:50%;
    width:1000px;
    margin-left:-500px;
    display:table;
    z-index:6
}
.deps .dep{
    display:table-cell;
    position:relative;
    width:20%;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    vertical-align:middle;
    height:60px
}
.deps .dep .image{
    position:absolute;
    top:50%;
    margin-top:-20px;
    left:50%;
    margin-left:-20px;
    height:40px;
    width:40px;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:40px auto;
    text-decoration:none
}
.deps .dep .name{
    width:200px;
    margin:0 auto;
    display:none;
    font-size:16px;
    text-align:center;
    color:#fff
}
.first_screen .txt{
    position:absolute;
    z-index:3;
    top:30%;
    width:1140px;
    left:50%;
    margin-left:-570px
}
.first_screen .txt .tit{
    line-height:1.1;
    letter-spacing:2px;
    text-align:center;
    color:#fff;
    font-size:50px;
    text-transform:uppercase;
    margin-bottom:30px
}
.first_screen .nums{
    width:1090px;
    margin:0 auto 62px;
    text-align:center
}
.first_screen .nums .title{
    height:56px;
    font-size:20px;
    line-height:1.1;
    text-align:center;
    color:#fff;
    box-sizing:border-box
}
.first_screen .nums .title .with_ico{
    padding-top:34px;
    background-image:url(/bitrix/templates/nhl/images/wearebest.svg);
    background-repeat:no-repeat;
    background-position:center top;
    background-size:auto 25px
}
.first_screen .nums .num{
    width:320px;
    margin-right:60px;
    display:inline-block;
    vertical-align:top;
    font-size:20px;
    line-height:1.2;
    text-align:center;
    color:#fff
}
.first_screen .nums .num span{
    display:block;
    font-size:70px;
    text-align:center;
    color:#fff;
    font-family:'proxima_nova_blblack';
    text-transform:uppercase;
    margin-bottom:-10px;
    height:85px;
    background-position:center 10px;
    background-repeat:no-repeat;
    background-size:auto 50px
}
.first_screen .nums .num:last-child{
    margin-right:0
}
.first_screen .txt .cat_btn{
    display:block;
    width:167px;
    height:50px;
    line-height:50px;
    box-sizing:border-box;
    margin:0 auto;
    border:solid 3px #e48b1f;
    font-size:18px;
    letter-spacing:1px;
    text-align:center;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    position:relative;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    background-color:rgba(0,0,0,0);
    z-index:1
}
.first_screen .txt .cat_btn:hover{
    background-color:transparent
}
.first_screen .txt .cat_btn:hover:before{
    left:0;
    right:auto;
    width:100%
}
.first_screen .txt .cat_btn:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#E48B1F;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.bread_scr.scr1{
    height:644px;
    width:100%;
    position:relative;
    background-color:#e48b1f
}
.bread_scr.scr1 .images{
    position:absolute;
    height:100%;
    width:632px;
    left:50%;
    background-image:url(/bitrix/templates/nhl/images/temp/bulka.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100% auto
}
.bread_scr.scr1 .title{
    position:absolute;
    width:901px;
    top:142px;
    right:50%;
    margin-right:-273px;
    text-align:left;
    color:#fff;
    font-size:18px;
    line-height:1.44
}
.bread_scr.scr1 .title .top{
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:38px;
    text-transform:uppercase
}
.bread_scr.scr1 .title .descr{
    width:630px
}
.bread_scr.scr2{
    height:958px;
    background:#fff;
    width:100%;
    position:relative
}
.bread_scr.scr2 .images{
    position:absolute;
    height:849px;
    width:719px;
    left:50%;
    margin-left:-114px;
    bottom:13px;
    background-image:url(/bitrix/templates/nhl/images/temp/bread-main.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:719px 849px;
}
.bread_scr.scr2 .title{
    position:absolute;
    width:979px;
    top:80px;
    right:50%;
    margin-right:-346px;
    text-align:left;
    color:#fff
}
.bread_scr.scr2 .title .top{
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:30px;
    text-transform:uppercase;
    color:#164466
}
.bread_scr.scr2 .title .descr{
    width:595px;
    color:#164466;
    font-size:18px;
    line-height:1.44;
    margin-bottom:70px
}
.bread_scr.scr2 .title .brands{
    width:595px;
    display:table
}
.bread_scr.scr2 .title .brands .string{
    display:table-row
}
.bread_scr.scr2 .title .brands .string .brand{
    display:table-cell;
    width:33.3%;
    vertical-align:middle;
    padding-bottom:30px;
    opacity:1;
    transition:opacity .3s
}
.bread_scr.scr2 .title .brands .string .brand:hover{
    opacity:.8
}
.bread_scr.scr2 .title .brands .string .brand img{
    max-width:175px;
    max-height:80px;
    display:block;
    margin:0 auto
}
.bread_scr.scr3{
    height:660px;
    width:100%;
    position:relative;
    background-color:#e48b1f
}
.bread_scr.scr3 .title{
    position:absolute;
    width:610px;
    top:95px;
    right:50%;
    margin-right:-305px;
    text-align:center;
    color:#fff;
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    text-transform:uppercase
}
.bread_scr.scr3 .cat_sections{
    width:1492px;
    position:absolute;
    top:285px;
    left:50%;
    margin-left:-746px
}
.bread_scr.scr3 .cat_sections .cat{
    display:block;
    position:relative;
    padding:10px;
    box-sizing:border-box;
    width:225px;
    margin-right:35px;
    float:left;
    font-size:16px;
    letter-spacing:.9px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase
}
.bread_scr.scr3 .cat_sections .cat:after{
    display:block;
    position:absolute;
    content:'';
    width:100%;
    height:315px;
    box-sizing:border-box;
    top:0;
    left:0;
    border:5px solid #fff;
    opacity:0;
    transition-property:opacity;
    transition:.5s
}
.bread_scr.scr3 .cat_sections .cat:hover::after{
    opacity:1
}
.bread_scr.scr3 .cat_sections .cat.all{
    margin-right:0;
    box-sizing:initial;
    width:160px;
    text-align:left
}
.bread_scr.scr3 .cat_sections .cat.all:after{
    height:170px;
    width:170px;
    border-radius:100%;
    top:37.5px;
    left:4.5px
}
.bread_scr.scr3 .cat_sections .cat .img{
    width:100%;
    height:225px;
    margin-bottom:22px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    box-sizing:border-box
}
.bread_scr.scr3 .cat_sections .cat.all .img{
    background-size:160px auto;
    padding:92px 0 0 30px;
    position:relative;
    width:160px
}
.bread_scr.scr3 .cat_sections .cat.all .img:after{
    position:absolute;
    top:50%;
    margin-top:-6px;
    right:15px;
    content:'';
    display:block;
    width:6px;
    height:12px;
    background-image:url(/bitrix/templates/nhl/images/little_white_arrow.svg);
    background-size:100% auto;
    background-repeat:no-repeat
}
.bread_scr.scr4{
    height:600px;
    background:#fff;
    width:100%;
    position:relative
}
.bread_scr.scr4 .title{
    position:absolute;
    width:900px;
    top:80px;
    right:50%;
    margin-right:-450px;
    text-align:center;
    color:#164466;
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    text-transform:uppercase
}
.bread_scr.scr4 .cat_items{
    position:absolute;
    top:200px;
    width:100%;
    left:0
}
.bread_scr.scr4 .cat_items .inside{
    width:1200px;
    margin:0 auto;
    text-align:center;
    overflow:hidden
}
.bread_scr.scr4 .cat_items .inside .item{
    display:inline-block;
    position:relative;
    width:270px;
    margin:0 30px 0 0;
    vertical-align:top;
    position:relative;
    text-decoration:none;
    z-index:2;
    padding-bottom:15px;
    height:345px
}
.bread_scr.scr4 .cat_items .inside .item:after{
    border:solid 5px #e48b1f;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:'';
    display:block;
    box-sizing:border-box;
    opacity:0;
    transition:opacity .3s
}
.bread_scr.scr4 .cat_items .inside .item:hover::after{
    opacity:1
}
.bread_scr.scr4 .cat_items .inside .item .img{
    width:225px;
    height:225px;
    margin:0 auto 20px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain
}
.bread_scr.scr4 .cat_items .inside .item .name{
    font-size:18px;
    line-height:1.22;
    text-align:center;
    color:#164466;
    width:250px;
    margin:0 auto;
    max-height:85px;
    overflow:hidden
}
.bread_scr.scr4 .cat_items .inside .item .lables{
    position:absolute;
    top:11px;
    left:10px
}
.bread_scr.scr4 .cat_items .inside .item .lables:after{
    clear:both;
    display:block;
    content:''
}
.bread_scr.scr4 .cat_items .inside .item .lables .lbl{
    float:left;
    height:31px;
    padding:0 10px;
    line-height:31px;
    box-sizing:border-box;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    margin-right:10px
}
.bread_scr.scr4 .cat_items .inside .item .lables .lbl.blue{
    color:#164466;
    border:1px solid #164466
}
.bread_scr.scr4 .cat_items .inside .item .lables .lbl.lblue{
    color:#8088b0;
    border:1px solid #8088b0
}
.bread_scr.scr4 .cat_items .inside .item .lables .lbl.red{
    color:#d05b51;
    border:1px solid #d05b51
}
.bread_scr.scr4 .cat_items .bx-controls{
    position:absolute;
    left:0;
    width:100%;
    top:112px
}
.bread_scr.scr4 .cat_items .bx-controls .bx-controls-direction a{
    display:block;
    position:relative;
    width:77px;
    height:68px;
    margin-top:-17px;
    background-position:center center;
    background-size:17px auto;
    background-repeat:no-repeat
}
.bread_scr.scr4 .cat_items .bx-controls .bx-prev{
    float:left
}
.bread_scr.scr4 .cat_items .bx-controls .bx-prev:after{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_prev_hover.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:1;
    transition:opacity .3s
}
.bread_scr.scr4 .cat_items .bx-controls .bx-prev:before{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_prev.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:0;
    transition:opacity .3s
}
.bread_scr.scr4 .cat_items .bx-controls .bx-prev:hover::after{
    opacity:0
}
.bread_scr.scr4 .cat_items .bx-controls .bx-prev:hover::before{
    opacity:1
}
.bread_scr.scr4 .cat_items .bx-controls .bx-next{
    float:right
}
.bread_scr.scr4 .cat_items .bx-controls .bx-next:after{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_next_hover.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:1;
    transition:opacity .3s
}
.bread_scr.scr4 .cat_items .bx-controls .bx-next:before{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_next.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:0;
    transition:opacity .3s
}
.bread_scr.scr4 .cat_items .bx-controls .bx-next:hover::after{
    opacity:0
}
.bread_scr.scr4 .cat_items .bx-controls .bx-next:hover::before{
    opacity:1
}
.bread_scr.scr4 .cat_items .bx-controls .bx-controls-direction a.disabled{
    display:none
}
.bread_scr.scr5{
    height:589px;
    width:100%;
    position:relative;
    background-color:#e48b1f
}
.bread_scr.scr5 .images{
    position:absolute;
    height:100%;
    width:570px;
    left:50%;
    margin-left:105px;
    background-image:url(/bitrix/templates/nhl/images/temp/service-man.png);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100% auto
}
.bread_scr.scr5 .title{
    position:absolute;
    width:974px;
    top:79px;
    right:50%;
    margin-right:-344px;
    text-align:left;
    color:#fff;
    font-size:18px;
    line-height:1.44
}
.bread_scr.scr5 .title .top{
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:30px;
    text-transform:uppercase
}
.bread_scr.scr5 .title .descr{
    width:630px
}
.bottom_block.contacts{
    height:330px;
    background:#1a4d72;
    width:100%;
    position:relative
}
.bottom_block.contacts .title{
    position:absolute;
    width:633px;
    top:90px;
    left:50%;
    margin-left:-633px;
    text-align:left;
    color:#fff;
    line-height:1;
    letter-spacing:4px;
    font-family:'proxima_nova_blblack';
    font-size:70px;
    text-transform:uppercase
}
.bottom_block.contacts .detail{
    left:50%;
    margin-left:167px;
    position:absolute;
    top:89px;
    color:#fff
}
.bottom_block.contacts .detail .left{
    float:left;
    margin-right:65px
}
.bottom_block.contacts .detail .right{
    float:left
}
.bottom_block.contacts .detail .left .phone,.bottom_block.contacts .detail .right .phone{
    margin-bottom:27px;
    font-size:22px;
    font-family:'proxima_nova_rgbold';
    text-align:left;
    color:#fff
}
.bottom_block.contacts .detail .left .phone span,.bottom_block.contacts .detail .right .phone span{
    display:block;
    font-size:18px;
    line-height:1.44;
    text-align:left;
    color:#fff;
    font-family:'proxima_nova_rgregular'
}
.bottom_block.contacts .detail .left .phone a,.bottom_block.contacts .detail .right .phone a{
    text-decoration:none;
    color:#fff
}
.bottom_block.contacts .detail .left .email,.bottom_block.contacts .detail .right .email{
    font-size:22px;
    font-family:'proxima_nova_rgbold';
    text-align:left;
    color:#fff
}
.bottom_block.contacts .detail .left .email a{
    color:#fff;
    text-decoration:none;
    transition:color .3s
}
.bottom_block.contacts .detail .left .email a:hover{
    color:#e48b1f
}
.bottom_block.contacts .detail .left .email span,.bottom_block.contacts .detail .right .email span{
    display:block;
    font-size:18px;
    line-height:1.44;
    text-align:left;
    color:#fff;
    font-family:'proxima_nova_rgregular'
}
.bottom_block.contacts .detail .right .soc{
    /*margin-top:26px; */
    margin-bottom:20px
}
.bottom_block.contacts .detail .right .soc:last-child{
    margin-bottom:0
}
.bottom_block.contacts .detail .right .soc a{
    position:relative;
    font-size:22px;
    font-family:'proxima_nova_rgbold';
    line-height:1.18;
    text-align:left;
    color:#fff;
    text-decoration:none;
    transition:color .3s
}
.bottom_block.contacts .detail .right .soc a:hover{
    color:#e48b1f
}
.bottom_block.contacts .detail .right .soc a.fb{
    padding-left:43px
}
.bottom_block.contacts .detail .right .soc a.fb:after{
    display:block;
    position:absolute;
    content:'';
    left:0;
    top:50%;
    margin-top:-12.5px;
    width:25px;
    height:25px;
    background-image:url(/bitrix/templates/nhl/images/fb_sprite.svg);
    background-size:100% auto;
    background-position:top left;
    background-repeat:no-repeat;
    opacity:1;
    transition:opacity .3s
}
.bottom_block.contacts .detail .right .soc a.fb:before{
    display:block;
    position:absolute;
    content:'';
    left:0;
    top:50%;
    margin-top:-12.5px;
    width:25px;
    height:25px;
    background-image:url(/bitrix/templates/nhl/images/fb_sprite.svg);
    background-size:100% auto;
    background-position:bottom left;
    background-repeat:no-repeat;
    transition:opacity .3s;
    opacity:0
}
.bottom_block.contacts .detail .right .soc a.fb:hover::after{
    opacity:0
}
.bottom_block.contacts .detail .right .soc a.fb:hover::before{
    opacity:1
}

.bottom_block.contacts .detail .right .soc a.inst{
    padding-left:43px
}
.bottom_block.contacts .detail .right .soc a.inst:after{
    display:block;
    position:absolute;
    content:'';
    left:0;
    top:50%;
    margin-top:-12.5px;
    width:25px;
    height:25px;
    background-image:url(/bitrix/templates/nhl/images/in_sprite.svg);
    background-size:100% auto;
    background-position:top left;
    background-repeat:no-repeat;
    opacity:1;
    transition:opacity .3s
}
.bottom_block.contacts .detail .right .soc a.inst:before{
    display:block;
    position:absolute;
    content:'';
    left:0;
    top:50%;
    margin-top:-12.5px;
    width:25px;
    height:25px;
    background-image:url(/bitrix/templates/nhl/images/in_sprite.svg);
    background-size:100% auto;
    background-position:bottom left;
    background-repeat:no-repeat;
    transition:opacity .3s;
    opacity:0
}
.bottom_block.contacts .detail .right .soc a.inst:hover::after{
    opacity:0
}
.bottom_block.contacts .detail .right .soc a.inst:hover::before{
    opacity:1
}

.bottom_block.contacts .detail .right .soc a.telegram{
    padding-left:43px
}
.bottom_block.contacts .detail .right .soc a.telegram:after{
    display:block;
    position:absolute;
    content:'';
    left:0;
    top:50%;
    margin-top:-12.5px;
    width:25px;
    height:25px;
    background-image:url(/bitrix/templates/nhl/images/social/telegram-withe.svg);
    background-size:100% auto;
    background-position:top left;
    background-repeat:no-repeat;
    opacity:1;
    transition:opacity .3s
}
.bottom_block.contacts .detail .right .soc a.telegram:before{
    display:block;
    position:absolute;
    content:'';
    left:0;
    top:50%;
    margin-top:-12.5px;
    width:25px;
    height:25px;
    background-image:url(/bitrix/templates/nhl/images/social/telegram-orange.svg);
    background-size:100% auto;
    background-position:bottom left;
    background-repeat:no-repeat;
    transition:opacity .3s;
    opacity:0
}
.bottom_block.contacts .detail .right .soc a.telegram:hover::after{
    opacity:0
}
.bottom_block.contacts .detail .right .soc a.telegram:hover::before{
    opacity:1
}

.bottom_block.contacts .detail .right .soc a.vkontakte{
    padding-left:43px
}
.bottom_block.contacts .detail .right .soc a.vkontakte:after{
    display:block;
    position:absolute;
    content:'';
    left:0;
    top:50%;
    margin-top:-12.5px;
    width:25px;
    height:25px;
    background-image:url(/bitrix/templates/nhl/images/social/vk-white.svg);
    background-size:100% auto;
    background-position:top left;
    background-repeat:no-repeat;
    opacity:1;
    transition:opacity .3s
}
.bottom_block.contacts .detail .right .soc a.vkontakte:before{
    display:block;
    position:absolute;
    content:'';
    left:0;
    top:50%;
    margin-top:-12.5px;
    width:25px;
    height:25px;
    background-image:url(/bitrix/templates/nhl/images/social/vk-orange.svg);
    background-size:100% auto;
    background-position:bottom left;
    background-repeat:no-repeat;
    transition:opacity .3s;
    opacity:0
}
.bottom_block.contacts .detail .right .soc a.vkontakte:hover::after{
    opacity:0
}
.bottom_block.contacts .detail .right .soc a.vkontakte:hover::before{
    opacity:1
}

.bottom_block.contacts .detail .right .soc a.yb{
    padding-left:47px;
    margin-left:-4px
}
.bottom_block.contacts .detail .right .soc a.yb:after{
    display:block;
    position:absolute;
    content:'';
    left:0;
    top:50%;
    margin-top:-11.5px;
    width:33px;
    height:23px;
    background-image:url(/bitrix/templates/nhl/images/youtube_sprite.svg);
    background-size:100% auto;
    background-position:top left;
    background-repeat:no-repeat;
    opacity:1;
    transition:opacity .3s
}
.bottom_block.contacts .detail .right .soc a.yb:before{
    display:block;
    position:absolute;
    content:'';
    left:0;
    top:50%;
    margin-top:-11.5px;
    width:33px;
    height:23px;
    background-image:url(/bitrix/templates/nhl/images/youtube_sprite.svg);
    background-size:100% auto;
    background-position:bottom left;
    background-repeat:no-repeat;
    opacity:0;
    transition:opacity .3s
}
.bottom_block.contacts .detail .right .soc a.yb:hover::after{
    opacity:0
}
.bottom_block.contacts .detail .right .soc a.yb:hover::before{
    opacity:1
}
.meat_scr.scr1{
    height:618px;
    width:100%;
    position:relative;
    background-color:#d3463c
}
.meat_scr.scr1 .images{
    position:absolute;
    height:100%;
    width:572px;
    left:50%;
    margin-left:94px;
    background-image:url(/bitrix/templates/nhl/images/temp/sosiski.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100% auto
}
.meat_scr.scr1 .title{
    position:absolute;
    width:901px;
    top:150px;
    right:50%;
    margin-right:-273px;
    text-align:left;
    color:#fff;
    font-size:18px;
    line-height:1.44
}
.meat_scr.scr1 .title .top{
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:30px;
    text-transform:uppercase
}
.meat_scr.scr1 .title .descr{
    width:630px
}
.meat_scr.scr2{
    height:1050px;
    background:#fff;
    width:100%;
    position:relative
}
.meat_scr.scr2 .images{
    position:absolute;
    height:670px;
    width:598px;
    left:50%;
    margin-left:30px;
    bottom:13px;
    background-image:url(/bitrix/templates/nhl/images/temp/meat-main.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:598px 670px;
}
.meat_scr.scr2 .title{
    position:absolute;
    width:979px;
    top:80px;
    right:50%;
    margin-right:-346px;
    text-align:left;
    color:#fff
}
.meat_scr.scr2 .title .top{
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:30px;
    text-transform:uppercase;
    color:#164466
}
.meat_scr.scr2 .title .descr{
    width:595px;
    color:#164466;
    font-size:18px;
    line-height:1.44;
    margin-bottom:30px
}
.meat_scr.scr2 .title .brands{
    width:595px;
    display:table
}
.meat_scr.scr2 .title .brands .string{
    display:table-row
}
.meat_scr.scr2 .title .brands .string .brand{
    display:table-cell;
    width:33.3%;
    vertical-align:middle;
    padding-bottom:20px
}
.meat_scr.scr2 .title .brands .string .brand img{
    max-width:175px;
    max-height:80px;
    display:block;
    margin:0 auto
}
.meat_scr.scr3{
    height:660px;
    width:100%;
    position:relative;
    background-color:#ce3c33
}
.meat_scr.scr3 .title{
    position:absolute;
    width:610px;
    top:95px;
    right:50%;
    margin-right:-305px;
    text-align:center;
    color:#fff;
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    text-transform:uppercase
}
.meat_scr.scr3 .cat_sections{
    width:1492px;
    position:absolute;
    top:285px;
    left:50%;
    margin-left:-746px
}
.meat_scr.scr3 .cat_sections .cat{
    display:block;
    position:relative;
    padding:10px;
    box-sizing:border-box;
    width:225px;
    margin-right:35px;
    float:left;
    font-size:16px;
    letter-spacing:.9px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase
}
.meat_scr.scr3 .cat_sections .cat:after{
    display:block;
    position:absolute;
    content:'';
    width:100%;
    height:315px;
    box-sizing:border-box;
    top:0;
    left:0;
    border:5px solid #fff;
    opacity:0;
    transition-property:opacity;
    transition:.5s
}
.meat_scr.scr3 .cat_sections .cat:hover::after{
    opacity:1
}
.meat_scr.scr3 .cat_sections .cat.all{
    margin-right:0;
    box-sizing:initial;
    width:160px;
    text-align:left
}
.meat_scr.scr3 .cat_sections .cat.all:after{
    height:170px;
    width:170px;
    border-radius:100%;
    top:37.5px;
    left:4.5px
}
.meat_scr.scr3 .cat_sections .cat .img{
    width:100%;
    height:225px;
    margin-bottom:22px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    box-sizing:border-box
}
.meat_scr.scr3 .cat_sections .cat.all .img{
    background-size:160px auto;
    padding:92px 0 0 30px;
    position:relative;
    width:160px
}
.meat_scr.scr3 .cat_sections .cat.all .img:after{
    position:absolute;
    top:50%;
    margin-top:-6px;
    right:15px;
    content:'';
    display:block;
    width:6px;
    height:12px;
    background-image:url(/bitrix/templates/nhl/images/little_white_arrow.svg);
    background-size:100% auto;
    background-repeat:no-repeat
}
.meat_scr.scr4{
    height:600px;
    background:#fff;
    width:100%;
    position:relative
}
.meat_scr.scr4 .title{
    position:absolute;
    width:900px;
    top:80px;
    right:50%;
    margin-right:-450px;
    text-align:center;
    color:#164466;
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    text-transform:uppercase
}
.meat_scr.scr4 .cat_items{
    position:absolute;
    top:200px;
    width:100%;
    left:0
}
.meat_scr.scr4 .cat_items .inside{
    width:1200px;
    margin:0 auto;
    text-align:center;
    overflow:hidden
}
.meat_scr.scr4 .cat_items .inside .item{
    display:inline-block;
    width:270px;
    margin:0 30px 0 0;
    vertical-align:top;
    position:relative;
    text-decoration:none;
    z-index:2;
    padding-bottom:15px;
    height:345px
}
.meat_scr.scr4 .cat_items .inside .item:after{
    border:solid 5px #e48b1f;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:'';
    display:block;
    box-sizing:border-box;
    opacity:0;
    transition:opacity .3s
}
.meat_scr.scr4 .cat_items .inside .item:hover::after{
    opacity:1
}
.meat_scr.scr4 .cat_items .inside .item .img{
    width:225px;
    height:225px;
    margin:0 auto 20px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain
}
.meat_scr.scr4 .cat_items .inside .item .name{
    font-size:18px;
    line-height:1.22;
    text-align:center;
    color:#164466;
    width:250px;
    margin:0 auto
}
.meat_scr.scr4 .cat_items .inside .item .lables{
    /*position:absolute;
    top:11px;
    left:10px*/
}
.meat_scr.scr4 .cat_items .inside .item .lables:after{
    /*clear:both;
    display:block;
    content:''*/
}
.meat_scr.scr4 .cat_items .inside .item .lables .lbl{
    /*float:left;
    height:31px;
    padding:0 10px;
    line-height:31px;
    box-sizing:border-box;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    margin-right:10px*/
}
.meat_scr.scr4 .cat_items .inside .item .lables .lbl.blue{
    color:#164466;
    border:2px solid #164466
}
.meat_scr.scr4 .cat_items .inside .item .lables .lbl.lblue{
    color:#8088b0;
    border:2px solid #8088b0
}
.meat_scr.scr4 .cat_items .inside .item .lables .lbl.red{
    color:#d05b51;
    border:2px solid #d05b51
}
.meat_scr.scr4 .cat_items .bx-controls{
    position:absolute;
    left:0;
    width:100%;
    top:112px
}
.meat_scr.scr4 .cat_items .bx-controls .bx-controls-direction a{
    display:block;
    position:relative;
    width:77px;
    height:68px;
    margin-top:-17px;
    background-position:center center;
    background-size:17px auto;
    background-repeat:no-repeat
}
.meat_scr.scr4 .cat_items .bx-controls .bx-prev{
    float:left
}
.meat_scr.scr4 .cat_items .bx-controls .bx-prev:after{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_prev_hover.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:1;
    transition:opacity .3s
}
.meat_scr.scr4 .cat_items .bx-controls .bx-prev:before{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_prev.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:0;
    transition:opacity .3s
}
.meat_scr.scr4 .cat_items .bx-controls .bx-prev:hover::after{
    opacity:0
}
.meat_scr.scr4 .cat_items .bx-controls .bx-prev:hover::before{
    opacity:1
}
.meat_scr.scr4 .cat_items .bx-controls .bx-next{
    float:right
}
.meat_scr.scr4 .cat_items .bx-controls .bx-next:after{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_next_hover.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:1;
    transition:opacity .3s
}
.meat_scr.scr4 .cat_items .bx-controls .bx-next:before{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_next.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:0;
    transition:opacity .3s
}
.meat_scr.scr4 .cat_items .bx-controls .bx-next:hover::after{
    opacity:0
}
.meat_scr.scr4 .cat_items .bx-controls .bx-next:hover::before{
    opacity:1
}
.meat_scr.scr4 .cat_items .bx-controls .bx-controls-direction a.disabled{
    display:none
}
.meat_scr.scr5{
    height:589px;
    width:100%;
    position:relative;
    background-color:#ce3c33
}
.meat_scr.scr5 .images{
    position:absolute;
    height:100%;
    width:570px;
    left:50%;
    margin-left:105px;
    background-image:url(/bitrix/templates/nhl/images/temp/service-man.png);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100% auto
}
.meat_scr.scr5 .title{
    position:absolute;
    width:974px;
    top:79px;
    right:50%;
    margin-right:-344px;
    text-align:left;
    color:#fff;
    font-size:18px;
    line-height:1.44
}
.meat_scr.scr5 .title .top{
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:30px;
    text-transform:uppercase
}
.meat_scr.scr5 .title .descr{
    width:630px
}
.upak_scr.scr1{
    height:618px;
    width:100%;
    position:relative;
    background-color:#8088b0;
    background-image:url(/bitrix/templates/nhl/images/temp/upakovka.jpg);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:auto 579px
}
.upak_scr.scr1 .title{
    position:absolute;
    width:901px;
    top:150px;
    right:50%;
    margin-right:-273px;
    text-align:left;
    color:#fff;
    font-size:18px;
    line-height:1.44
}
.upak_scr.scr1 .title .top{
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:30px;
    text-transform:uppercase
}
.upak_scr.scr1 .title .descr{
    width:620px
}
.upak_scr.scr2{
    height:840px;
    background:#fff;
    width:100%;
    position:relative
}
.upak_scr.scr2 .img{
    position:absolute;
    height:100%;
    width:50%;
    left:50%;
    margin-left:-70px;
    bottom:0;
    background-image:url(/bitrix/templates/nhl/images/temp/package-main.jpg);
    background-position:0 130px;
    background-repeat:no-repeat;
    background-size:auto 572px;
    padding-left:80px
}
.upak_scr.scr2 .title{
    position:absolute;
    width:979px;
    top:80px;
    right:50%;
    margin-right:-346px;
    text-align:left;
    color:#fff
}
.upak_scr.scr2 .title .top{
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:140px;
    text-transform:uppercase;
    color:#164466
}
.upak_scr.scr2 .title .descr{
    width:595px;
    color:#164466;
    font-size:18px;
    line-height:1.44;
    margin-bottom:70px
}
.upak_scr.scr2 .title .brands{
    width:405px;
    display:table
}
.upak_scr.scr2 .title .brands .string{
    display:table-row
}
.upak_scr.scr2 .title .brands .string .brand{
    display:table-cell;
    width:50%;
    vertical-align:middle;
    padding-bottom:40px
}
.upak_scr.scr2 .title .brands .string .brand img{
    max-width:175px;
    max-height:80px;
    display:block;
    margin:0 auto
}
.upak_scr.scr3{
    height:660px;
    width:100%;
    position:relative;
    background-color:#8088b0
}
.upak_scr.scr3 .title{
    position:absolute;
    width:610px;
    top:95px;
    right:50%;
    margin-right:-305px;
    text-align:center;
    color:#fff;
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    text-transform:uppercase
}
.upak_scr.scr3 .cat_sections{
    width:1492px;
    position:absolute;
    top:285px;
    left:50%;
    margin-left:-746px
}
.upak_scr.scr3 .cat_sections .cat{
    display:block;
    width:225px;
    margin-right:35px;
    position:relative;
    padding:10px;
    box-sizing:border-box;
    float:left;
    font-size:16px;
    letter-spacing:.9px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase
}
.upak_scr.scr3 .cat_sections .cat:after{
    display:block;
    position:absolute;
    content:'';
    width:100%;
    height:335px;
    box-sizing:border-box;
    top:0;
    left:0;
    border:5px solid #fff;
    opacity:0;
    transition-property:opacity;
    transition:.5s
}
.upak_scr.scr3 .cat_sections .cat:hover::after{
    opacity:1
}
.upak_scr.scr3 .cat_sections .cat.all{
    margin-right:0;
    box-sizing:initial;
    width:160px;
    text-align:left
}
.upak_scr.scr3 .cat_sections .cat.all:after{
    height:170px;
    width:170px;
    border-radius:100%;
    top:37.5px;
    left:4.5px
}
.upak_scr.scr3 .cat_sections .cat .img{
    width:100%;
    height:225px;
    margin-bottom:22px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    box-sizing:border-box
}
.upak_scr.scr3 .cat_sections .cat.all .img{
    background-size:160px auto;
    padding:92px 0 0 30px;
    position:relative;
    width:160px
}
.upak_scr.scr3 .cat_sections .cat.all .img:after{
    position:absolute;
    top:50%;
    margin-top:-6px;
    right:15px;
    content:'';
    display:block;
    width:6px;
    height:12px;
    background-image:url(/bitrix/templates/nhl/images/little_white_arrow.svg);
    background-size:100% auto;
    background-repeat:no-repeat
}
.upak_scr.scr4{
    height:600px;
    background:#fff;
    width:100%;
    position:relative
}
.upak_scr.scr4 .title{
    position:absolute;
    width:900px;
    top:80px;
    right:50%;
    margin-right:-450px;
    text-align:center;
    color:#164466;
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    text-transform:uppercase
}
.upak_scr.scr4 .cat_items{
    position:absolute;
    top:200px;
    width:100%;
    left:0
}
.upak_scr.scr4 .cat_items .inside{
    width:1200px;
    margin:0 auto;
    text-align:center;
    overflow:hidden
}
.upak_scr.scr4 .cat_items .inside .item{
    display:inline-block;
    width:270px;
    margin:0 30px 0 0;
    vertical-align:top;
    position:relative;
    text-decoration:none;
    z-index:2;
    padding-bottom:15px;
    height:345px
}
.upak_scr.scr4 .cat_items .inside .item:after{
    border:solid 5px #e48b1f;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:'';
    display:block;
    box-sizing:border-box;
    opacity:0;
    transition:opacity .3s
}
.upak_scr.scr4 .cat_items .inside .item:hover::after{
    opacity:1
}
.upak_scr.scr4 .cat_items .inside .item .img{
    width:225px;
    height:225px;
    margin:0 auto 20px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain
}
.upak_scr.scr4 .cat_items .inside .item .name{
    font-size:18px;
    line-height:1.22;
    text-align:center;
    color:#164466;
    width:250px;
    margin:0 auto
}
.upak_scr.scr4 .cat_items .inside .item .lables{
   /* position:absolute;
    top:11px;
    left:10px*/
}
.upak_scr.scr4 .cat_items .inside .item .lables:after{
    /*clear:both;
    display:block;
    content:''*/
}
.upak_scr.scr4 .cat_items .inside .item .lables .lbl{
    /*float:left;
    height:31px;
    padding:0 10px;
    line-height:31px;
    box-sizing:border-box;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    margin-right:10px*/
}
.upak_scr.scr4 .cat_items .inside .item .lables .lbl.blue{
    color:#164466;
    border:1px solid #164466
}
.upak_scr.scr4 .cat_items .inside .item .lables .lbl.lblue{
    color:#8088b0;
    border:1px solid #8088b0
}
.upak_scr.scr4 .cat_items .inside .item .lables .lbl.red{
    color:#d05b51;
    border:1px solid #d05b51
}
.upak_scr.scr4 .cat_items .bx-controls{
    position:absolute;
    left:0;
    width:100%;
    top:112px
}
.upak_scr.scr4 .cat_items .bx-controls .bx-controls-direction a{
    display:block;
    position:relative;
    width:77px;
    height:68px;
    margin-top:-17px;
    background-position:center center;
    background-size:17px auto;
    background-repeat:no-repeat
}
.upak_scr.scr4 .cat_items .bx-controls .bx-prev{
    float:left
}
.upak_scr.scr4 .cat_items .bx-controls .bx-prev:after{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_prev_hover.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:1;
    transition:opacity .3s
}
.upak_scr.scr4 .cat_items .bx-controls .bx-prev:before{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_prev.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:0;
    transition:opacity .3s
}
.upak_scr.scr4 .cat_items .bx-controls .bx-prev:hover::after{
    opacity:0
}
.upak_scr.scr4 .cat_items .bx-controls .bx-prev:hover::before{
    opacity:1
}
.upak_scr.scr4 .cat_items .bx-controls .bx-next{
    float:right
}
.upak_scr.scr4 .cat_items .bx-controls .bx-next:after{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_next_hover.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:1;
    transition:opacity .3s
}
.upak_scr.scr4 .cat_items .bx-controls .bx-next:before{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_next.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:0;
    transition:opacity .3s
}
.upak_scr.scr4 .cat_items .bx-controls .bx-next:hover::after{
    opacity:0
}
.upak_scr.scr4 .cat_items .bx-controls .bx-next:hover::before{
    opacity:1
}
.upak_scr.scr4 .cat_items .bx-controls .bx-controls-direction a.disabled{
    display:none
}
.upak_scr.scr5{
    height:589px;
    width:100%;
    position:relative;
    background-color:#8088b0
}
.upak_scr.scr5 .images{
    position:absolute;
    height:100%;
    width:570px;
    left:50%;
    margin-left:105px;
    background-image:url(/bitrix/templates/nhl/images/temp/service-man.png);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100% auto
}
.upak_scr.scr5 .title{
    position:absolute;
    width:974px;
    top:79px;
    right:50%;
    margin-right:-344px;
    text-align:left;
    color:#fff;
    font-size:18px;
    line-height:1.44
}
.upak_scr.scr5 .title .top{
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:30px;
    text-transform:uppercase
}
.upak_scr.scr5 .title .descr{
    width:630px
}
.horeca_scr.scr1{
    height:642px;
    width:100%;
    position:relative;
    background-color:#f2d5b7
}
.horeca_scr.scr1 .img{
    width:50%;
    height:100%;
    left:50%;
    background-image:url(/bitrix/templates/nhl/images/temp/horeca.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    background-size:auto 580px;
    position:absolute;
    margin-left:-78px
}
.horeca_scr.scr1 .title{
    position:absolute;
    width:901px;
    top:70px;
    right:50%;
    margin-right:-273px;
    text-align:left;
    color:#974337;
    font-size:18px;
    line-height:1.44
}
.horeca_scr.scr1 .title .top{
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:55px;
    text-transform:uppercase
}
.horeca_scr.scr1 .title .descr{
    width:620px
}
.horeca_scr.scr2{
    height:623px;
    background:#fff;
    width:100%;
    position:relative
}
.horeca_scr.scr2 .img{
    position:absolute;
    height:100%;
    width:1258px;
    left:50%;
    margin-left:-629px;
    top:266px;
    height:714px;
    background-image:url(/bitrix/templates/nhl/images/temp/horeca-main.jpg);
    background-position:0 center;
    background-repeat:no-repeat;
    background-size:auto 714px;
    z-index:2
}
.horeca_scr.scr2 .title{
    position:absolute;
    width:979px;
    top:74px;
    right:50%;
    margin-right:-346px;
    text-align:left;
    color:#974337;
    z-index:3
}
.horeca_scr.scr2 .title .top{
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:30px;
    text-transform:uppercase;
    color:#974337
}
.horeca_scr.scr2 .title .descr{
    width:490px;
    color:#974337;
    font-size:18px;
    line-height:1.44;
    margin-bottom:70px
}
.horeca_scr.scr3{
    height:1147px;
    width:100%;
    position:relative;
    background-color:#f2d6b7
}
.horeca_scr.scr3 .title{
    position:absolute;
    width:979px;
    top:485px;
    right:50%;
    margin-right:-346px;
    text-align:left;
    color:#974337;
    z-index:3
}
.horeca_scr.scr3 .title .top{
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:50px;
    text-transform:uppercase;
    color:#974337
}
.horeca_scr.scr3 .title .descr{
    width:490px;
    color:#974337;
    font-size:18px;
    line-height:1.44;
    margin-bottom:70px
}
.horeca_scr.scr3 .title .url{
    font-size:22px;
    font-family:'proxima_nova_rgbold';
    line-height:1.18;
    text-align:left;
    color:#79271b;
    text-transform:uppercase;
    text-decoration:none;
    border-bottom:solid 2px #79271b;
    transition:color .3s,border-color .3s
}
.horeca_scr.scr3 .title .url:hover{
    color:#e48b1f;
    border-color:#e48b1f
}
.horeca_scr.scr3 .img{
    display:block;
    position:absolute;
    width:50%;
    height:630px;
    left:50%;
    top:430px;
    background-image:url(/bitrix/templates/nhl/images/temp/horeca_site.jpg);
    background-repeat:no-repeat;
    background-position:50px bottom;
    background-size:750px auto
}
.ingred_scr.scr1{
    height:559px;
    width:100%;
    position:relative;
    background-color:#d16527
}
.ingred_scr.scr1 .title{
    position:absolute;
    width:1050px;
    top:100px;
    right:50%;
    margin-right:-435px;
    text-align:left;
    color:#fff;
    font-size:18px;
    line-height:1.44
}
.ingred_scr.scr1 .title .top{
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:38px;
    text-transform:uppercase
}
.ingred_scr.scr1 .title .descr{
    width:630px
}
.ingred_scr.scr1 .steps{
    width:1094px;
    position:absolute;
    left:50%;
    margin-left:-614px;
    bottom:83px
}
.ingred_scr.scr1 .steps:after{
    clear:both;
    display:block;
    content:''
}
.ingred_scr.scr1 .steps .step{
    width:256px;
    margin-right:163px;
    float:left;
    padding-top:80px;
    background-position:0 0;
    background-size:auto 65px;
    background-repeat:no-repeat;
    font-size:18px;
    line-height:1.44;
    text-align:left;
    color:#fff
}
.ingred_scr.scr1 .steps .step:nth-child(3){
    margin-right:0
}
.ingred_scr.scr1 .steps .step.step1{
    background-image:url(/bitrix/templates/nhl/images/ingred_scr2_step1.svg)
}
.ingred_scr.scr1 .steps .step.step2{
    background-image:url(/bitrix/templates/nhl/images/ingred_scr2_step2.svg)
}
.ingred_scr.scr1 .steps .step.step3{
    background-image:url(/bitrix/templates/nhl/images/ingred_scr2_step3.svg)
}
.ingred_scr.scr2{
    height:950px;
    background:#fff;
    width:100%;
    position:relative
}
.ingred_scr.scr2 .images{
    position:absolute;
    height:559px;
    width:50%;
    left:50%;
    bottom:0;
    background-image:url(/bitrix/templates/nhl/images/temp/ingred-main.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    background-size:auto 100%
}
.ingred_scr.scr2 .title{
    position:absolute;
    width:979px;
    top:80px;
    right:50%;
    margin-right:-346px;
    text-align:left;
    color:#fff
}
.ingred_scr.scr2 .title .top{
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:30px;
    text-transform:uppercase;
    color:#164466
}
.ingred_scr.scr2 .title .descr{
    width:595px;
    color:#164466;
    font-size:18px;
    line-height:1.44;
    margin-bottom:50px
}
.ingred_scr.scr2 .title .brands{
    width:595px;
    display:table
}
.ingred_scr.scr2 .title .brands .string{
    display:table-row
}
.ingred_scr.scr2 .title .brands .string .brand{
    display:table-cell;
    width:33.3%;
    vertical-align:middle;
    padding-bottom:30px
}
.ingred_scr.scr2 .title .brands .string .brand img{
    max-width:175px;
    max-height:80px;
    display:block;
    margin:0 auto
}
.ingred_scr.scr3{
    height:930px;
    width:100%;
    position:relative;
    background-color:#d16527;
    padding-top:80px;
    box-sizing:border-box
}
.ingred_scr.scr3 .title{
    position:relative;
    width:750px;
    margin:0 auto 50px;
    text-align:center;
    color:#fff;
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    text-transform:uppercase
}
.ingred_scr.scr3 .cat_sections{
    width:1240px;
    position:relative;
    margin:0 auto 53px
}
.ingred_scr.scr3 .cat_sections:after{
    clear:both;
    display:block;
    content:''
}
.ingred_scr.scr3 .cat_sections .cat{
    display:block;
    width:190px;
    margin-right:20px;
    float:left;
    font-size:16px;
    letter-spacing:.9px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase
}
.ingred_scr.scr3 .cat_sections .cat.all{
    margin-right:0;
    width:190px;
    text-align:left;
    position:relative
}
.ingred_scr.scr3 .cat_sections .cat.all .img:before{
    display:block;
    position:absolute;
    content:'';
    width:168px;
    height:168px;
    top:-4px;
    left:-4px;
    border:5px solid #fff;
    box-sizing:border-box;
    border-radius:100%;
    opacity:0;
    transition-property:opacity;
    transition:.5s
}
.ingred_scr.scr3 .cat_sections .cat.all .img:hover::before{
    opacity:1
}
.ingred_scr.scr3 .cat_sections .cat .img{
    width:160px;
    height:160px;
    position:relative;
    margin:0 auto 22px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    box-sizing:border-box;
    border-radius:160px
}
.ingred_scr.scr3 .cat_sections .cat .img:after{
    display:block;
    position:absolute;
    content:'';
    width:168px;
    height:168px;
    top:-4px;
    left:-4px;
    border:5px solid #fff;
    box-sizing:border-box;
    border-radius:100%;
    opacity:0;
    transition-property:opacity;
    transition:.5s
}
.ingred_scr.scr3 .cat_sections .cat .img:hover::after{
    opacity:1
}
.ingred_scr.scr3 .cat_sections .cat.all .img{
    background-size:160px auto;
    padding:63px 0 0 23px;
    position:relative;
    width:160px
}
.ingred_scr.scr3 .cat_sections .cat.all .img:after{
    position:absolute;
    top:50%!important;
    margin-top:-6px!important;
    right:15px!important;
    left:auto;
    content:'';
    display:block;
    width:6px;
    height:12px;
    background-image:url(/bitrix/templates/nhl/images/little_white_arrow.svg);
    background-size:100% auto;
    background-repeat:no-repeat;
    opacity:1;
    border:0
}
body.events .cont{
    padding-bottom:0
}
body.events .cont .news-list{
    padding-bottom:100px
}
body.events.wide h1,body.events.wide div.h1{
    background-image:url(/bitrix/templates/nhl/images/img-header-sob-1@2x.jpg);
    padding:120px 0 90px;
}
body.report.wide h1,body.report.wide div.h1{
    background-image:url(/bitrix/templates/nhl/images/img-header-sob-2@2x.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%;
    font-size:50px;
    font-family:'proxima_nova_blblack';
    font-style:normal;
    font-stretch:normal;
    line-height:1.1;
    letter-spacing:2px;
    text-align:center;
    color:#fff;
    padding-top:120px;
    padding-bottom:90px;
    text-transform:uppercase;
    display:block;
    position:relative;
    z-index:2
}
body.news h1,body.news div.h1{
    background-color:#164466;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%;
    font-size:50px;
    font-family:'proxima_nova_blblack';
    font-style:normal;
    font-stretch:normal;
    line-height:1.1;
    letter-spacing:2px;
    text-align:center;
    color:#fff;
    padding-top:120px;
    padding-bottom:90px;
    text-transform:uppercase;
    display:block;
    position:relative;
    z-index:2
}
body.nhl h1{
    background-image:url(/bitrix/templates/nhl/images/company-nhl.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%;
    font-size:50px;
    font-family:'proxima_nova_blblack';
    font-style:normal;
    font-stretch:normal;
    line-height:1.1;
    letter-spacing:2px;
    text-align:center;
    color:#fff;
    padding-top:120px;
    padding-bottom:70px;
    text-transform:uppercase;
    display:block;
    position:relative
}
body.proizvodstvo{
    background-color:#f8f8f8
}
body.proizvodstvo .catalog-section{
    padding:0
}
body.content.proizvodstvo .cont{
    font-size:22px;
    line-height:1.64;
    text-align:left;
    color:#000;
    width:100%;
    padding-bottom:0;
    height:100%;
    padding-top:0
}
body.content.proizvodstvo .cont .glob-text-block{
    padding-top:66px
}
.news-detail.event{
    z-index:1;
    position:relative
}
body.proizvodstvo h1{
    background-image:url(/bitrix/templates/nhl/images/img-header-sobstv@2x.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%;
    font-size:50px;
    font-family:'proxima_nova_blblack';
    font-style:normal;
    font-stretch:normal;
    line-height:1.1;
    letter-spacing:2px;
    text-align:center;
    color:#fff;
    padding-top:85px;
    padding-bottom:70px;
    text-transform:uppercase;
    display:block;
    position:relative
}
.block-production{
    text-align:Center;
    width:1200px;
    margin:80px auto 60px;
    left:50%;
    margin-left:-600px;
    position:relative
}
.block-production h2{
    font-family:'proxima_nova_blblack'!important;
    font-size:50px!important;
    line-height:1.2;
    text-align:center;
    color:#164466;
    margin:0 0 30px!important
}
.block-production ul{
    display:table;
    margin:0 auto!important;
    padding:0;
    list-style:none
}
.block-production ul li{
    display:table-cell!important;
    width:270px;
    height:350px;
    background:#fff;
    border-right:10px solid #f8f8f8;
    border-left:10px solid #f8f8f8;
    overflow:hidden;
    vertical-align:top
}
.block-production ul li a:first-child{
    display:table-cell;
    width:225px;
    height:225px;
    position:relative;
    vertical-align:middle;
    text-align:center;
    padding:20px 22px 17px 23px;
    text-decoration:none
}
.block-production ul li a img{
    max-width:100%;
    max-height:100%;
    height:auto;
    display:block
}
.block-production ul li a:last-child{
    display:block;
    width:250px;
    margin:0 auto;
    font-size:18px;
    line-height:1.22;
    text-align:center;
    color:#164466;
    text-decoration:none
}
body.history h1{
    text-align:center;
    padding-top:121px;
    text-transform:uppercase;
    background-color:#eceef0;
    font-family:"proxima_nova_blblack"
}
body.history .cont{
    padding-top:0;
    padding-bottom: 0;
}
body.history .block1{
    height:500px;
    background-color:#eceef0
}
body.history .block1 .center{
    width:1000px;
    margin:0 auto;
    padding-top:100px
}
body.history .block1 .date{
    font-family:'proxima_nova_rgbold';
    font-size:50px;
    line-height:1;
    text-align:center;
    color:#164466;
    margin-bottom:14px
}
body.history .block1 .title{
    font-family:'proxima_nova_blblack';
    font-size:70px;
    letter-spacing:3px;
    text-align:center;
    color:#164466;
    text-transform:uppercase;
    margin-bottom:34px
}
body.history .block1 .descr{
    width:722px;
    margin:0 auto;
    text-align:center;
    font-size:20px;
    line-height:1.5;
    color:#164466
}
body.history .block1 .title span{
    color:#e48b1f
}
body.history .block2{
    height:511px;
    background-color:#fff
}
body.history .block2 .center{
    width:1260px;
    margin:0 auto;
    padding-top:67px;
    height:444px;
    position:relative
}
body.history .block2 .img{
    width:100%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    background-image:url(/bitrix/templates/nhl/images/sosiski@2x.jpg);
    background-position:right 3px;
    background-repeat:no-repeat;
    background-size:501px auto
}
body.history .block2 .date{
    font-family:'proxima_nova_rgbold';
    font-size:50px;
    line-height:1;
    text-align:left;
    color:#164466;
    margin-bottom:14px;
    position:relative;
    z-index:1
}
body.history .block2 .title{
    font-family:'proxima_nova_blblack';
    font-size:70px;
    letter-spacing:3px;
    text-align:left;
    color:#164466;
    text-transform:uppercase;
    margin-bottom:20px;
    position:relative;
    z-index:1
}
body.history .block2 .descr{
    width:630px;
    color:#164466;
    font-size:20px;
    line-height:1.5;
    text-align:left;
    margin-bottom:20px;
    position:relative;
    z-index:1
}
body.history .block2 .descr a{
    color:#e48b1f;
    font-family:'proxima_nova_rgbold';
    text-decoration:none
}
body.history .block3{
    height:574px;
    background-color:#eceef0
}
body.history .block3 .center{
    width:1260px;
    margin:0 auto;
    position:relative;
    height:100%
}
body.history .block3 .right{
    width:710px;
    float:right;
    padding-top:90px
}
body.history .block3 .date{
    font-family:'proxima_nova_rgbold';
    font-size:50px;
    line-height:1;
    text-align:left;
    color:#164466;
    margin-bottom:14px
}
body.history .block3 .title{
    font-family:'proxima_nova_blblack';
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    text-align:left;
    color:#e48b1f;
    text-transform:uppercase;
    margin-bottom:20px
}
body.history .block3 .title span{
    display:block;
    color:#164466
}
body.history .block3 .descr{
    width:630px;
    color:#164466;
    font-size:20px;
    line-height:1.5;
    text-align:left;
    margin-bottom:20px
}
body.history .block3 .img{
    width:628px;
    height:633px;
    position:absolute;
    left:0;
    bottom:0;
    background-image:url(/bitrix/templates/nhl/images/service-man@2x+.jpg);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:0 0
}
body.history .block4{
    height:564px;
    background-color:#fff
}
body.history .block4 .center{
    width:1260px;
    margin:0 auto;
    position:relative;
    height:100%
}
body.history .block4 .left{
    float:left;
    width:694px;
    padding-top:90px
}
body.history .block4 .date{
    font-family:'proxima_nova_rgbold';
    font-size:50px;
    line-height:1;
    text-align:left;
    color:#164466;
    margin-bottom:14px
}
body.history .block4 .title{
    font-family:'proxima_nova_blblack';
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    text-align:left;
    color:#164466;
    text-transform:uppercase;
    margin-bottom:20px
}
body.history .block4 .descr{
    width:652px;
    color:#164466;
    font-size:20px;
    line-height:1.5;
    text-align:left;
    margin-bottom:20px
}
body.history .block4 .logos{
    float:right;
    width:450px;
    margin-top:101px;
    display:table
}
body.history .block4 .logos .tr{
    display:table-row
}
body.history .block4 .logos .tr .td{
    display:table-cell;
    width:199px;
    vertical-align:middle;
    text-align:center;
    padding-bottom:37px
}
body.history .block4 .logos img{
    display:block;
    margin:0 auto;
    max-width:199px;
    height:auto
}
body.history .block5{
    height:614px;
    background-color:#eceef0
}
body.history .block5 .center{
    width:100%;
    margin:0 auto;
    position:relative;
    height:100%
}
body.history .block5 .right{
    width:50%;
    float:right;
    margin-top:119px
}
body.history .block5 .date{
    font-family:'proxima_nova_rgbold';
    font-size:50px;
    line-height:1;
    text-align:left;
    color:#164466;
    margin-bottom:14px
}
body.history .block5 .title{
    font-family:'proxima_nova_blblack';
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    text-align:left;
    color:#164466;
    text-transform:uppercase;
    margin-bottom:20px
}
body.history .block5 .descr{
    width:652px;
    color:#164466;
    font-size:20px;
    line-height:1.5;
    text-align:left;
    margin-bottom:20px
}
body.history .block5 .img{
    width:50%;
    height:100%;
    float:left
}
body.history .block5 .img .pic{
    background-image:url(/bitrix/templates/nhl/images/ingred-history@2x.jpg);
    background-repeat:no-repeat;
    background-size:auto 585px;
    background-position:right 24px;
    height:100%;
    margin-right:23px
}
body.history .block6{
    height:390px;
    background-color:#fff
}
body.history .block6 .center{
    width:1000px;
    margin:0 auto;
    padding-top:80px
}
body.history .block6 .date{
    font-family:'proxima_nova_rgbold';
    font-size:50px;
    line-height:1;
    text-align:center;
    color:#164466;
    margin-bottom:38px
}
body.history .block6 .nums{
    width:904px;
    margin:0 auto;
    text-align:center
}
body.history .block6 .nums .num{
    display:inline-block;
    vertical-align:bottom;
    font-size:18px;
    line-height:1.2;
    text-align:center;
    color:#164466
}
body.history .block6 .nums .num span{
    display:block;
    font-size:50px;
    text-align:center;
    color:#e48b1f;
    font-family:'proxima_nova_blblack';
    margin-bottom:1px
}
body.history .block6 .nums .num1{
    margin-right:102px;
    width:275px
}
body.history .block6 .nums .num1 span{
    height:61px
}
body.history .block6 .nums .num2{
    margin-right:87px;
    width:113px
}
body.history .block6 .nums .num2 span{
    height:85px;
    font-size:70px;
    margin-bottom:-7px
}
body.history .block6 .nums .num3{
    margin-right:0;
    width:317px
}
body.history .block6 .nums .num3 span{
    height:61px
}
body.history .block7{
    height:507px;
    background-color:#eceef0;
    position:relative
}
body.history .block7 .center{
    width:1260px;
    margin:0 auto;
    position:relative;
    height:100%;
    padding-top:81px;
    z-index:2
}
body.history .block7 .date{
    font-family:'proxima_nova_rgbold';
    font-size:50px;
    line-height:1;
    text-align:left;
    color:#164466;
    margin-bottom:14px
}
body.history .block7 .title{
    font-family:'proxima_nova_blblack';
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    text-align:left;
    color:#164466;
    text-transform:uppercase;
    margin-bottom:20px;
    width:723px
}
body.history .block7 .descr{
    width:666px;
    color:#164466;
    font-size:20px;
    line-height:1.5;
    text-align:left;
    margin-bottom:20px
}
body.history .block7 .img{
    width:50%;
    height:100%;
    max-width:988px;
    position:absolute;
    right:0;
    top:0
}
body.history .block7 .img .pic{
    background-image:url(/bitrix/templates/nhl/images/history_map.svg);
    background-repeat:no-repeat;
    background-size:auto 510px;
    background-position:left 0;
    height:100%;
    margin-left:144px
}
body.history .block8{
    height:566px;
    background-color:#fff
}
body.history .block8 .center{
    width:100%;
    margin:0 auto;
    position:relative;
    height:100%
}
body.history .block8 .right{
    width:50%;
    float:right;
    margin-top:87px
}
body.history .block8 .date{
    font-family:'proxima_nova_rgbold';
    font-size:50px;
    line-height:1;
    text-align:left;
    color:#164466;
    margin-bottom:14px
}
body.history .block8 .title{
    font-family:'proxima_nova_blblack';
    font-size:70px;
    line-height:1;
    letter-spacing:3px;
    text-align:left;
    color:#164466;
    text-transform:uppercase;
    margin-bottom:20px
}
body.history .block8 .descr{
    width:652px;
    color:#164466;
    font-size:20px;
    line-height:1.5;
    text-align:left;
    margin-bottom:20px
}
body.history .block8 .descr a{
    color:#e48b1f;
    font-family:'proxima_nova_rgbold';
    text-decoration:none
}
body.history .block8 .img{
    width:50%;
    height:100%;
    float:left
}
body.history .block8 .img .pic{
    background-image:url(/bitrix/templates/nhl/images/horeca-pech-2@2x.jpg);
    background-repeat:no-repeat;
    background-size:auto 503px;
    background-position:right bottom;
    height:100%;
    margin-right:93px
}
body.history .block9{
    height:627px;
    background-color:#eceef0;
    position:relative
}
body.history .block9 .center{
    width:1260px;
    margin:0 auto;
    height:627px;
    position:relative
}
body.history .block9 .center .stanim{
    position:relative;
    z-index:5
}
body.history .block9 .center .stanim.img{
    position:absolute;
    z-index:1
}
body.history .block9 .img{
    width:100%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    background-image:url(/bitrix/templates/nhl/images/cake@2x.jpg);
    background-position:right bottom;
    background-repeat:no-repeat;
    background-size:auto 100%
}

body.history .block11 .img{
    background-image:url(/bitrix/templates/nhl/images/cake@3x.jpg);
}
body.history .block9 .date{
    padding-top:90px;
    font-family:'proxima_nova_rgbold';
    font-size:50px;
    line-height:1;
    text-align:left;
    color:#164466;
    margin-bottom:14px;
    position:relative;
    z-index:1
}
body.history .block9 .title{
    font-family:'proxima_nova_blblack';
    font-size:70px;
    letter-spacing:3px;
    line-height:1;
    text-align:left;
    color:#164466;
    text-transform:uppercase;
    margin-bottom:20px;
    width:586px;
    position:relative;
    z-index:1
}
body.history .block9 .title span{
    color:#e48b1f
}
body.history .block9 .descr{
    width:630px;
    color:#164466;
    font-size:20px;
    line-height:1.5;
    text-align:left;
    margin-bottom:20px;
    position:relative;
    z-index:1
}
body.history .block9 .descr a{
    color:#e48b1f;
    font-family:'proxima_nova_rgbold';
    text-decoration:none
}
body.history .block10{
    height:617px;
    background-color:#fff
}
body.history .block10 .center{
    width:1260px;
    margin:0 auto;
    height:617px;
    position:relative
}
body.history .block10 .img{
    width:50%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-image:url(/bitrix/templates/nhl/images/logo@2x.jpg);
    background-position:0 6px;
    background-repeat:no-repeat;
    background-size:577px auto
}
body.history .block10 .right{
    width:680px;
    float:right;
    margin-top:90px
}
body.history .block10 .date{
    font-family:'proxima_nova_rgbold';
    font-size:50px;
    line-height:1;
    text-align:left;
    color:#164466;
    margin-bottom:14px
}
body.history .block10 .title{
    font-family:'proxima_nova_blblack';
    font-size:70px;
    letter-spacing:3px;
    line-height:1;
    text-align:left;
    color:#164466;
    text-transform:uppercase;
    margin-bottom:20px
}
body.history .block10 .title span{
    color:#e48b1f
}
body.history .block10 .descr{
    width:666px;
    color:#164466;
    font-size:20px;
    line-height:1.5;
    text-align:left;
    margin-bottom:20px
}
body.history .block10 .descr a{
    color:#e48b1f;
    font-family:'proxima_nova_rgbold';
    text-decoration:none
}
body.wide{
    background-color:#f8f8f8
}
body.news{
    background-color:#fff
}
body.news .cont{
    padding-bottom:0
}
body.news.articles .cont{
    /* padding-bottom: 100px; */
}
body.news h1,body.news div.h1{
    font-family:"proxima_nova_blblack"
}
body.wide .cont{
    padding-top:20px
}
.news-years{
    display:table;
    margin:-82px auto 50px;
    position:relative;
    z-index:3
}
body.events .news-years{
    margin-top:-82px;
    margin-bottom:61px;
}
.news-years div{
    display:table-cell;
    vertical-align:middle;
    padding:0 20px
}
.news-years div a{
    font-size:18px;
    color:#fff;
    text-decoration:none
}
body.events .news-years div a{
    color:#fff
}
.news-years div a.selected{
    color:#e48b1f
}
body.events .news-years div a.selected{
    color:#e48b1f
}
.news-list{
    margin:0 auto;
    text-align:center;
    padding:40px 167px 80px;
    box-sizing:border-box;
    position:relative;
    z-index:1
}
.news-list.events{
    padding-top:40px
}
.news-list .news-item{
    background:#fff;
    display:inline-block;
    width:270px;
    height:407px;
    margin:0 20px 40px;
    box-sizing:border-box;
    position:relative;
    vertical-align:top;
    position:relative;
    overflow:hidden
}
.news-list .news-item a.img:before{
    display:block;
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    box-sizing:border-box;
    top:0;
    left:0;
    border:solid 5px #e48b1f;
    opacity:0;
    z-index:1
}
.news-list .news-item:hover a.img:before{
    opacity:1
}
.news-list .news-item.action{
    background-color:#1a4d72
}
.news-list .news-item a.img{
    width:270px;
    height:225px;
    display:block;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    opacity:1;
    transition:opacity .5s
}
.news-list .news-item:hover a.img{
    opacity:1
}
.news-list .news-item .date{
    margin-top:15px;
    margin-bottom:10px;
    text-align:center;
    color:#e48b1f;
    font-size:14px
}
.news-list .news-item a.title{
    font-size:18px;
    text-align:center;
    color:#164466;
    text-decoration:none;
    width:240px;
    margin:0 auto;
    display:block;
    min-height:140px;
    padding-top:10px;
}
.news-list.articles .news-item a.title{
    min-height:182px;
}
.news-list .news-item:hover{
    overflow:visible
}
.news-list .news-item:hover a.title{
    position:absolute;
    width:100%;
    left:0;
    display:block;
    padding:10px 10px 20px;
    box-sizing:border-box;
    background-color:#fff;
    z-index:3;
    border-left:solid 5px #e48b1f;
    border-bottom:solid 5px #e48b1f;
    border-right:solid 5px #e48b1f
}
.news-list .news-item.action a.title{
    color:#fff;
    text-transform:uppercase;
    height:182px;
    display:table;
    width:230px;
    margin-top:-20px;
    font-size:20px;
    text-align:left
}
.news-list .news-item.action:hover a.title{
    position:relative;
    width:230px;
    left:auto;
    right:auto;
    margin-right:auto;
    margin-left:auto;
    padding:0;
    border:none
}
.news-list .news-item.action a.title span{
    display:table-cell;
    vertical-align:middle;
    padding:0 12px
}
.news-list .news-item:after{
    bottom:0;
    left:0;
    padding:0;
    position:absolute;
    content:'';
    width:100%;
    height:40px;
    box-sizing:border-box;
    background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff)
}
.news-list .news-item:hover::after{
    bottom:5px;
    left:5px;
    height:35px;
    width:260px
}
.news-list .news-item.action:after{
    display:none
}
.news-detail{
    width:950px;
    margin:30px auto 0
}
.news-detail.event .top{
    display:table;
    margin:-15px auto 50px
}
.news-detail.event .top .date{
    display:table-cell;
    vertical-align:middle;
    font-size:18px;
    text-align:left;
    color:#164466;
    padding:0 25px
}
.news-detail.event .top .date:before{
    width:20px;
    height:20px;
    display:inline-block;
    margin-top:-3px;
    margin-right:10px;
    background-image:url(/bitrix/templates/nhl/images/news-time.svg);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    content:'';
    vertical-align:middle;
}
.news-detail.event .top .place{
    display:table-cell;
    vertical-align:middle;
    font-size:18px;
    text-align:left;
    color:#164466;
    padding:0 25px
}
.news-detail.event .top .place:before{
    width:20px;
    height:20px;
    display:inline-block;
    margin-top:-2px;
    margin-right:10px;
    background-image:url(/bitrix/templates/nhl/images/news-place.svg);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    content:'';
    vertical-align:middle
}
body.wide .news-detail h2,body.wide .news-detail h1{
    font-family:'proxima_nova_rgregular';
    font-size:40px;
    line-height:1.25;
    text-align:center;
    color:#164466;
    background:none;
    margin:0 0 50px;
    padding:0;
    padding-top:50px;
    text-transform:none;
    letter-spacing:normal
}
.news-detail .anons{
    width:840px;
    margin:0 auto 50px;
    font-size:18px;
    line-height:1.44;
    color:#000
}
.news-detail .detail_photo{
    width:840px;
    margin:0 auto 40px
}
.news-detail .detail_photo img{
    max-width:100%;
    height:auto
}
.news-detail .detail{
    font-size:18px;
    line-height:1.67;
    color:#000;
    width:840px;
    margin:0 auto 113px
}

.news-detail .detail-video{
    margin: 0 auto 113px;
    margin-top: -50px;
}

.news-detail .detail img{
    margin: 40px 0px;
}
.news-detail .detail .images-line img{
    margin:0 15px 15px 0
}
.news-detail .detail .images-line img:nth-child(3n){
    margin-right:0
}
.news-detail .bx-wrapper{
    width:840px;
    margin:0 auto 40px
}
.news-detail .detail .bx-wrapper{
    margin-top:50px
}
.news-detail .fotorama{
    width:840px;
    height:800px;
    position:relative;
    display:block;
    padding:50px;
    margin:0 0 0 -50px
}
.fotorama__nav:after,.fotorama__stage:after,.fotorama__nav:before,.fotorama__stage:before{
    background-image:none;
    opacity:0;
    height:0;
    left:0
}
.news-detail .fotorama li{
    width:840px;
    height:800px;
    position:relative;
    display:block
}
.news-detail .fotorama li a{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.news-detail .fotorama .fotorama__dot{
    display:block;
    width:8px;
    height:8px;
    opacity:.2;
    background-color:#164466;
    border-radius:8px;
    border:none;
    text-indent:10px;
    box-sizing:border-box
}
.news-detail .fotorama .fotorama__active .fotorama__dot{
    background-color:#e48b1f;
    opacity:1
}
.news-detail .fotorama .fotorama__arr{
    display:block;
    position:absolute;
    width:50px;
    height:100%;
    top:0!important;
    margin:0;
    background-image:none;
    background-color:#fff;
    opacity:1;
    transition:0
}
.news-detail .fotoram div:focus{
    transform:none;
    transition:0
}
.news-detail .fotorama .fotorama__stage__shaft{
    position:relative
}
.news-detail .fotorama .fotorama__arr.fotorama__arr--prev{
    left:-50px!important
}
.news-detail .fotorama .fotorama__arr:after{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:1;
    transition:opacity .3s
}
.news-detail .fotorama .fotorama__arr:before{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:0;
    transition:opacity .3s
}
.news-detail .fotorama .fotorama__arr:hover::after{
    opacity:0
}
.news-detail .fotorama .fotorama__arr:hover::before{
    opacity:1
}
.news-detail .fotorama .fotorama__arr.fotorama__arr--prev:after{
    background-image:url(/bitrix/templates/nhl/images/slide_prev_hover.svg)
}
.news-detail .fotorama .fotorama__arr.fotorama__arr--prev:before{
    background-image:url(/bitrix/templates/nhl/images/slide_prev.svg)
}
.news-detail .fotorama .fotorama__arr.fotorama__arr--next:after{
    background-image:url(/bitrix/templates/nhl/images/slide_next_hover.svg)
}
.news-detail .fotorama .fotorama__arr.fotorama__arr--next:before{
    background-image:url(/bitrix/templates/nhl/images/slide_next.svg)
}
.news-detail .fotorama .fotorama__arr.fotorama__arr--next{
    right:-50px!important
}
.news-detail .fotorama .fotorama__stage{
    overflow:visible
}
.news-detail .gallery{
    width:840px;
    height:478px;
    margin:0 auto 10px;
    padding:0;
    list-style:none
}
.news-detail .gallery li a{
    display:block;
    background-position:center top;
    background-size:contain;
    background-repeat:no-repeat;
    width:840px;
    height:478px
}
.news-detail .bx-controls .bx-pager{
    display:table;
    margin:0 auto
}
.news-detail .bx-wrapper{
    position:relative
}
.news-detail .bx-controls .bx-controls-direction .bx-prev{
    display:block;
    position:absolute;
    width:77px;
    height:68px;
    top:50%;
    margin-top:-34px;
    left:-77px;
    background-position:center center;
    background-size:17px auto;
    background-repeat:no-repeat
}
.news-detail .bx-controls .bx-controls-direction .bx-prev:after{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_prev_hover.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:1;
    transition:opacity .3s
}
.news-detail .bx-controls .bx-controls-direction .bx-prev:before{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_prev.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:0;
    transition:opacity .3s
}
.news-detail .bx-controls .bx-controls-direction .bx-prev:hover::after{
    opacity:0
}
.news-detail .bx-controls .bx-controls-direction .bx-prev:hover::before{
    opacity:1
}
.news-detail .bx-controls .bx-controls-direction .bx-next{
    display:block;
    position:absolute;
    width:77px;
    height:68px;
    top:50%;
    right:-77px;
    margin-top:-34px;
    background-position:center center;
    background-size:17px auto;
    background-repeat:no-repeat
}
.news-detail .bx-controls .bx-controls-direction .bx-next:after{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_next_hover.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:1;
    transition:opacity .3s
}
.news-detail .bx-controls .bx-controls-direction .bx-next:before{
    display:block;
    position:absolute;
    width:17px;
    height:34px;
    background-image:url(/bitrix/templates/nhl/images/slide_next.svg);
    content:'';
    top:50%;
    margin-top:-17px;
    left:50%;
    margin-left:-8px;
    opacity:0;
    transition:opacity .3s
}
.news-detail .bx-controls .bx-controls-direction .bx-next:hover::after{
    opacity:0
}
.news-detail .bx-controls .bx-controls-direction .bx-next:hover::before{
    opacity:1
}
.news-detail .bx-viewport{
    margin-bottom:10px
}
body.gradient,body.report{
    background-color:#fff
}
body.gradient .cont{
    position:relative
}
body.gradient .cont:after{
    display:block;
    position:absolute;
    content:'';
    top:0;
    left:0;
    height:500px;
    width:100%;
    background-image:-webkit-linear-gradient(bottom,#fff,#f1f1f1 100%);
    background-image:-o-linear-gradient(bottom,#fff,#f1f1f1 100%);
    background-image:linear-gradient(to top,#fff,#f1f1f1 100%)
}
body.events .cont .news-list:after,body.news .cont .news-list:after{
    display:block;
    position:fixed;
    height:100vh;
    width:100%;
    content:'';
    top:0;
    left:0;
    background-color:#f8f8f8;
    z-index:-1
}
.news-list-outer .news-list:after{
    display:none!important
}
.news-list-outer{
    padding:50px 0;
    background-color:#f8f8f8
}
body.wide.news .cont, body.wide.events .cont{
    position:relative
}
.news-list.events{
    position:relative;
    z-index:1
}
body.wide.news div.news-detail,body.wide.events .news-detail.event{
    position:relative;
    z-index:2
}
.bx-controls .bx-pager .bx-pager-item{
    display:table-cell;
    vertical-align:middle;
    padding:0 3px 0 2px
}
.bx-controls .bx-pager .bx-pager-item a{
    display:block;
    width:8px;
    height:8px;
    opacity:.2;
    background-color:#164466;
    border-radius:8px;
    text-indent:10px;
    overflow:hidden
}
.bx-controls .bx-pager .bx-pager-item a.active{
    background-color:#e48b1f;
    opacity:1
}
body.wide.contacts .cont{
    padding-top:80px;
    min-height:100vh
}
body.contacts .top_map{
    position:relative;
    z-index:2
}
body.contacts .top_map ul{
    display:table;
    margin:30px auto 0;
    padding:0
}
body.contacts .top_map li{
    display:table-cell;
    vertical-align:middle;
    padding:0 20px
}
body.contacts .top_map li a{
    font-size:18px;
    color:#164466;
    font-family:'proxima_nova_rgbold';
    text-decoration:none;
    transition:color .3s
}
body.contacts .top_map li a.selected,body.contacts .top_map li:hover a{
    color:#e48b1f
}
body.contacts h1{
    font-family:'proxima_nova_blblack';
    font-size:50px;
    line-height:1.1;
    letter-spacing:2px;
    text-align:center;
    color:#164466;
    padding:0;
    background:none;
    margin:25px 0 0;
    text-transform:uppercase
}
.map{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding-top:230px;
    box-sizing:border-box;
    padding-bottom:70px
}
.map .info{
    position:absolute;
    left:83px;
    top:250px;
    z-index:2;
    width:370px;
    padding:30px;
    background-color:rgba(255,255,255,0.9);
    box-sizing:border-box
}
.map .info .addr{
    font-size:18px;
    line-height:1.33;
    text-align:left;
    color:#164466;
    margin-bottom:15px
}
.map .info .contacts{
    font-size:18px
}
.map .info .contacts .string{
    margin-bottom:10px
}
.map .info .contacts .string:last-child{
    margin:0
}
.map .info .contacts .name{
    color:#164466
}
.map .info .contacts .val{
    color:#164466;
    font-family:'proxima_nova_rgbold'
}
.map .info .contacts .val a{
    color:#164466;
    text-decoration:none
}
.map-show{
    position:relative;
    width:100%;
    height:100%
}
body.service .wrapper{
    padding-bottom:70px;
    box-sizing:border-box;
    background-color:#fff
}
body.service main{
    min-height:100%
}
body.service .content{
    position:relative;
    background-color:#fff
}
body.service .content:after{
    display:block;
    position:absolute;
    top:245px;
    left:0;
    width:100%;
    height:500px;
    background-image:-webkit-linear-gradient(bottom,#fff,#f1f1f1 100%);
    background-image:-o-linear-gradient(bottom,#fff,#f1f1f1 100%);
    background-image:linear-gradient(to top,#fff,#f1f1f1 100%);
    content:''
}
body.service.finance.prog .content:after{
    top:298px
}
body.title_s .content:after{
    top:292px
}
body.job .content{
    position:relative;
    background-color:#fff
}
body.job .content:after{
    display:block;
    position:absolute;
    top:245px;
    left:0;
    width:100%;
    height:500px;
    background-image:-webkit-linear-gradient(bottom,#fff,#f1f1f1 100%);
    background-image:-o-linear-gradient(bottom,#fff,#f1f1f1 100%);
    background-image:linear-gradient(to top,#fff,#f1f1f1 100%);
    content:''
}
body.job.careers .content:before{
    height:700px;
    position:absolute;
    content:'';
    left:0;
    bottom:0;
    width:100%;
    background-color:#164466;
    box-sizing:border-box
}
body.job .cont{
    position:relative;
    z-index:1
}
body.service h1,body.title_f h1,body.service div.h1,body.title_f div.h1{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%;
    font-size:50px;
    font-family:'proxima_nova_blblack';
    font-style:normal;
    font-stretch:normal;
    line-height:1.1;
    letter-spacing:2px;
    text-align:center;
    color:#fff;
    padding-top:120px;
    padding-bottom:70px;
    text-transform:uppercase;
    display:block;
    position:relative;
    z-index:2
}
body.service.design h1{
    background-image:url(/bitrix/templates/nhl/images/service-design.jpg)
}
body.service.tech h1{
    background-image:url(/bitrix/templates/nhl/images/service-tech.jpg)
}
body.service.finance h1{
    background-image:url(/bitrix/templates/nhl/images/service-finance.jpg)
}
body.events h1 .comeback,body.events div.h1 .comeback{
    margin-bottom:0;
    padding-right:0
}
body.news h1 .comeback,body.news div.h1 .comeback{
    position:absolute;
    bottom:41px;
    margin:0;
    left:0;
    margin-left:0;
    margin-bottom:0;
    padding:0;
    text-align:center;
    width: 100%;
}
body.news h1 .comeback:after,body.news h1 .comeback:before,body.news div.h1 .comeback:after,body.news div.h1 .comeback:before{
    display:none
}
h1 .comeback,div.h1 .comeback{
    position:relative;
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    line-height:normal;
    text-align:center;
    color:#fff;
    display:block;
    clear:both;
    letter-spacing:normal;
    text-transform:none;
    text-decoration:none;
    display:table;
    margin:0 auto 12px;
    padding-right:11px;
    transition:color .3s
}
h1 .comeback:hover,div.h1 .comeback:hover{
    color:#e48b1f
}
h1 .comeback:after,div.h1 .comeback:after{
    display:block;
    position:absolute;
    content:'';
    width:8px;
    height:7px;
    right:-7px;
    top:50%;
    margin-top:-4px;
    background-image:url(/bitrix/templates/nhl/images/arrows_hover.svg);
    background-size:8px 14px;
    background-repeat:no-repeat;
    background-position:top center;
    opacity:1;
    transition:opacity .3s
}
h1 .comeback:before,div.h1 .comeback:before{
    display:block;
    position:absolute;
    content:'';
    width:8px;
    height:7px;
    right:-7px;
    top:50%;
    margin-top:-4px;
    background-image:url(/bitrix/templates/nhl/images/arrows_hover.svg);
    background-size:8px 14px;
    background-repeat:no-repeat;
    background-position:bottom center;
    opacity:0;
    transition:opacity .3s
}
h1 .comeback:hover::after,div.h1 .comeback:hover::after{
    opacity:0
}
h1 .comeback:hover::before,div.h1 .comeback:hover::before{
    opacity:1
}
body.events h1 .comeback,body.events div.h1 .comeback{
    margin-top:28px
}
body.events h1 .comeback:before,body.events h1 .comeback:after,body.events div.h1 .comeback:before,body.events div.h1 .comeback:after{
    display:none
}
h1 .comeback:hover::after{
    opacity:0
}
h1 .comeback:hover::before{
    opacity:1
}
body.service.finance.prog h1{
    padding-top:85px
}
body.service.technologies h1{
    background-image:url(/bitrix/templates/nhl/images/service-technologies.jpg)
}
body.service .cont{
    width:840px;
    padding-top:60px;
    margin:0 auto;
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    line-height:1.67;
    text-align:left;
    color:#000;
    z-index:1
}

.info_content{
    width:840px;
    margin:0 auto;
}
body.service.finance .cont{
    padding-top:35px;
    position:relative;
    z-index:1
}
body.service .cont h4{
    font-size:24px;
    line-height:1.25;
    text-align:left;
    color:#164466;
    margin:30px 0 15px
}
body.service .cont p{
    margin-top:0;
    margin-bottom:30px
}
body.service.finance .cont p:first-child{
    font-size:22px
}
body.service.finance .cont table{
    width:100%;
    border:none;
    margin-bottom:40px
}
body.service.finance .cont table tr:hover td{
    background-color:#e9e9e9
}
body.service.finance .cont table td{
    border:none;
    height:41px;
    vertical-align:middle;
    border-collapse:inherit;
    color:#164466;
    font-size:16px;
    line-height:1.38
}
body.service.finance .cont table td:first-child{
    width:427px
}
body.service.finance .cont table td:nth-child(2){
    width:195px
}
body.service .cont img{
    margin-bottom:30px;
    display:block!important;
    cursor:pointer
}
.fancybox-slide img{
    cursor: default;
    /* max-width: 850px;
    display: block;
    margin: auto;
    bottom: 0;
    right: 0;
    height: auto; */
}
body.service .cont a img{
    margin-bottom:0
}
body.service .cont a{
    color:#e48b1f;
    text-decoration:none
}
body.service.finance .cont a{
    color:#fff;
    transition:color .3s
}
body.service.finance .cont a:hover{
    color:#e48b1f
}
body.service.finance .cont a.line-block{
    display:inline-block;
    vertical-align:top;
    margin-bottom:20px;
    margin-top:10px
}
body.service.finance .cont a.line-block:first-child{
    margin-right:30px
}
body.service.finance .cont a.line-block img{
    display:block;
    margin-bottom:20px
}
body.service .cont h3{
    font-family:"proxima_nova_rgregular";
    font-size:40px;
    font-weight:400;
    line-height:1.25;
    letter-spacing:normal;
    text-align:center;
    color:#164466;
    margin:0 0 30px
}
body.feedback{
    background-color:#164466
}
body.feedback .cont{
    padding-bottom:0
}
.contacts-form .elc_title{
    font-size:50px;
    font-weight:900;
    font-style:normal;
    font-stretch:normal;
    line-height:1.1;
    letter-spacing:2px
}
.contacts-form .elc_string:last-child label{
    left:10px
}
.contacts-form form{
    display:block;
    width:540px;
    margin:0 auto
}
.contacts-form .elc_string{
    width:auto;
    display:table;
    padding-top:27px;
    position:relative;
    margin:0 auto
}
.contacts-form .elc_string input{
    width:520px
}
.contacts-form .elc_string textarea{
    width:540px;
    box-sizing:border-box
}
.contacts-form .close_form{
    background-image:url(/bitrix/templates/nhl/images/close_btn.svg);
    position:absolute;
    top:-40px;
    width:20px;
    height:20px;
    left:50%;
    margin-left:-10px;
    cursor:pointer;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center center
}
.main_block .first_screen .blocks .action_close{
    display:none;
    width:60px;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    color:#fff;
    text-align:center;
    text-decoration:none;
    z-index:11;
    cursor:pointer;
    transition:color .3s
}
.main_block .first_screen .blocks .action_close:hover{
    color:#164466
}
.main_block .first_screen .blocks .action_close div{
    display:table-cell;
    vertical-align:middle
}
.main_block .first_screen .blocks .action_close span{
    position:absolute;
    left:27px;
    display:block;
    margin:-52px 0 0;
    background-image:url(/bitrix/templates/nhl/images/main_actions_close.svg);
    background-size:20px 104px;
    background-repeat:no-repeat;
    background-position:center center;
    top:50%;
    height:104px;
    width:20px
}
.main_block .first_screen .blocks .action_close span:before{
    display:block;
    position:absolute;
    background-image:url(/bitrix/templates/nhl/images/main_actions_close_blue.svg);
    background-size:20px 104px;
    background-repeat:no-repeat;
    background-position:center center;
    width:20px;
    height:104px;
    right:0;
    top:0;
    content:'';
    opacity:0;
    transition:opacity .3s
}
.main_block .first_screen .blocks .action_close:hover span:before{
    opacity:1
}
.blocks .actions-list{
    position:fixed;
    z-index:10;
    top:0;
    left:-100vw;
    height:100vh;
    width:100%;
    background-color:rgba(215,147,77,1);
    padding-top:60px;
    box-sizing:border-box
}
.blocks .actions-list .tit{
    padding-top:60px;
    font-family:"proxima_nova_blblack";
    text-transform:uppercase;
    font-size:50px;
    margin-bottom:30px;
    line-height:1.2;
    text-align:center;
    color:#fff
}
.blocks .actions-list .items-blick:after{
    display:block;
    clear:both;
    content:''
}
.blocks .actions-list .items-blick{
    display:block;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    padding-bottom:70px;
    box-sizing:border-box;
    width:100%;
    min-width:1280px
}
.blocks .actions-list .mCSB_scrollTools{
    top:60px
}
.blocks .actions-list .items-blick .mCSB_scrollTools .mCSB_draggerContainer{
    background-color:#BE864C
}
.blocks .actions-list .items-blick .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.blocks .actions-list .items-blick .mCSB_scrollTools .mCSB_dragger:hover{
    background-color:#F0BE8A!important
}
.blocks .actions-list .items-blick-outer{
    display:block;
    width:1260px;
    margin:0 auto
}
.blocks .actions-list .items-blick .item{
    position:relative
}
.blocks .actions-list .items-blick .item:before{
    display:block;
    position:absolute;
    content:'';
    border:5px solid rgba(255,255,255,0);
    box-sizing:border-box;
    width:100%;
    height:100%;
    transition:border-color .3s
}
.blocks .actions-list .items-blick .item:hover::before{
    border:5px solid rgba(255,255,255,1)
}
.blocks .actions-list .items-blick .item:after{
    display:block;
    clear:both;
    content:''
}
.blocks .actions-list .items-blick .item .detail{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:10
}
.blocks .actions-list .items-blick .item .name{
    display:block;
    overflow:hidden
}
.blocks .actions-list .items-blick .item .name .table{
    display:table;
    width:100%;
    height:100%
}
.blocks .actions-list .items-blick .item .name .cell{
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%
}
.blocks .actions-list .items-blick .item .img{
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat
}
.blocks .actions-list .items-blick .item .name{
    font-family:"proxima_nova_rgbold"
}
.blocks .actions-list .items-blick .item.i1{
    display:block;
    width:1260px;
    height:360px;
    margin-bottom:31px;
    background-color:#1a4d72;
    position:relative
}
.blocks .actions-list .items-blick .item.i1 .img{
    float:right;
    width:55%;
    height:100%
}
.blocks .actions-list .items-blick .item.i1 .name{
    position:absolute;
    width:50%;
    height:300px;
    padding:50px 60px;
    box-sizing:border-box;
    top:30px;
    left:30px;
    font-family:"proxima_nova_rgbold";
    font-size:30px;
    line-height:normal;
    text-align:left;
    color:#fff
}
.blocks .actions-list .items-blick .item.i2,.blocks .actions-list .items-blick .item.i7{
    position:relative;
    width:613px;
    height:360px;
    background-color:#1a4d72;
    float:left;
    margin-right:34px;
    margin-bottom:33px
}
.blocks .actions-list .items-blick .item.i7{
    margin-right:0;
    margin-bottom:0
}
.blocks .actions-list .items-blick .item.i2 .img,.blocks .actions-list .items-blick .item.i7 .img{
    display:block;
    width:55%;
    height:360px;
    float:right
}
.blocks .actions-list .items-blick .item.i2 .name,.blocks .actions-list .items-blick .item.i7 .name{
    position:absolute;
    top:30px;
    left:30px;
    width:50%;
    height:300px;
    padding:20px;
    box-sizing:border-box;
    font-family:"proxima_nova_rgbold";
    font-size:22px;
    line-height:normal;
    text-align:left;
    color:#fff
}
.blocks .actions-list .items-blick .item.i3,.blocks .actions-list .items-blick .item.i4,.blocks .actions-list .items-blick .item.i5,.blocks .actions-list .items-blick .item.i6{
    width:290px;
    height:360px;
    background-color:#1a4d72;
    float:left;
    margin-right:33px;
    margin-bottom:33px;
    position:relative
}
.blocks .actions-list .items-blick .item.i4{
    margin-right:0
}
.blocks .actions-list .items-blick .item.i5,.blocks .actions-list .items-blick .item.i6{
    margin-bottom:0
}
.blocks .actions-list .items-blick .item.i3 .img,.blocks .actions-list .items-blick .item.i4 .img,.blocks .actions-list .items-blick .item.i5 .img,.blocks .actions-list .items-blick .item.i6 .img{
    display:block;
    width:290px;
    height:216px
}
.blocks .actions-list .items-blick .item.i3 .name,.blocks .actions-list .items-blick .item.i4 .name,.blocks .actions-list .items-blick .item.i5 .name,.blocks .actions-list .items-blick .item.i6 .name{
    width:250px;
    height:160px;
    padding:10px 15px;
    box-sizing:border-box;
    font-size:20px;
    line-height:normal;
    text-align:left;
    color:#fff;
    position:absolute;
    bottom:20px;
    left:20px
}
.mCSB_scrollTools{
    width:10px;
    right:10px
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:10px;
    border-radius:0
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:hover{
    background-color:#AFBCC4!important
}
.mCSB_scrollTools .mCSB_draggerContainer{
    background-color:#E0E3E4
}
.news-list-outer .tit{
    font-family:"proxima_nova_blblack";
    font-size:28px;
    font-weight:900;
    text-transform:uppercase;
    line-height:1.21;
    letter-spacing:1px;
    text-align:center;
    color:#164466;
    margin-bottom:40px
}
.content_anons{
    font-size:22px;
    line-height:1.64
}
body.job h1{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%;
    font-size:50px;
    font-family:'proxima_nova_blblack';
    font-style:normal;
    font-stretch:normal;
    line-height:1.1;
    letter-spacing:2px;
    text-align:center;
    color:#fff;
    padding-top:120px;
    padding-bottom:70px;
    text-transform:uppercase;
    display:block;
    position:relative;
    background-image:url(/bitrix/templates/nhl/images/job.jpg)
}
body.catalog .cont{
    padding-bottom:0;
    min-height:100vh
}
.brand_switch{
    display:block;
    width:320px;
    margin:0 auto 40px;
    list-style:none;
    padding:0
}
.brand_switch:after{
    display:block;
    clear:both;
    content:''
}
.brand_switch li{
    display:block;
    float:left;
    width:160px;
    height:50px;
    border:solid 2px #164466;
    box-sizing:border-box;
    text-align:center;
    transition:background-color .3s,border-color .3s
}
.brand_switch li:hover{
    border-color:#E48B1F
}
.brand_switch li:hover a{
    color:#E48B1F
}
.brand_switch li a{
    display:block;
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    line-height:1.44;
    letter-spacing:normal;
    text-align:center;
    color:#164466;
    line-height:46px;
    text-decoration:none;
    transition:color .3s
}
.brand_switch li.active{
    background-color:#164466;
    border:0
}
.brand_switch li.active a{
    color:#fff;
    line-height:50px
}
body.catalog h1{
    font-family:"proxima_nova_blblack";
    margin:20px auto 30px;
    max-width:1070px
}
body.main.blue .cont{
    /* padding-bottom:67px */
    padding-bottom: 0;
}
.bottom_block.contacts{
    background-color:#164466
}
.horeca_scr.scr1 .title .descr{
    width:660px
}
.horeca_scr.scr1 .title .descr .item{
    display:inline-block;
    vertical-align:middle;
    font-size:20px;
    line-height:1.2;
    text-align:left;
    color:#79271b;
    width:284px;
    padding-left:72px;
    height:48px;
    box-sizing:border-box;
    background-position:left center;
    background-repeat:no-repeat
}
.horeca_scr.scr1 .title .descr .item.i1,.horeca_scr.scr1 .title .descr .item.i3{
    margin-right:85px
}
.horeca_scr.scr1 .title .descr .item.i1,.horeca_scr.scr1 .title .descr .item.i2{
    margin-bottom:65px
}
.horeca_scr.scr1 .title .descr .item.i1{
    background-size:40px auto;
    background-image:url(/bitrix/templates/nhl/images/horeca-i1.svg);
    line-height:normal
}
.horeca_scr.scr1 .title .descr .item.i2{
    background-size:42px auto;
    background-image:url(/bitrix/templates/nhl/images/horeca-i2.svg);
    line-height:48px
}
.horeca_scr.scr1 .title .descr .item.i3{
    background-size:47px auto;
    background-image:url(/bitrix/templates/nhl/images/horeca-i3.svg);
    line-height:48px
}
.horeca_scr.scr1 .title .descr .item.i4{
    background-size:47px auto;
    background-image:url(/bitrix/templates/nhl/images/horeca-i4.svg);
    line-height:48px
}
.cat_descr{
    display:block;
    width:100%;
    padding-top:60px;
    /*padding-bottom:180px;  */
    background-color:#164466;
    position: relative;
    z-index: 1;
}
.cat_descr .inside{
    display:block;
    width:840px;
    margin:0 auto;
    padding-bottom:40px;
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    line-height:1.44;
    text-align:left;
    color:#fff;
    position:relative
}
.cat_descr .inside h2{
    color:#fff
}
.cat_descr .inside a{
    color:#e48b1f
}
.cat_descr .inside.show::after{
    position:absolute;
    bottom:0;
    left:0;
    height:50%;
    width:100%;
    background:rgba(22,67,102,0);
    background:-moz-linear-gradient(top,rgba(22,67,102,0) 0%,rgba(22,67,102,0.9) 100%);
    background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(22,67,102,0)),color-stop(100%,rgba(22,67,102,0.9)));
    background:-webkit-linear-gradient(top,rgba(22,67,102,0) 0%,rgba(22,67,102,0.9) 100%);
    background:-o-linear-gradient(top,rgba(22,67,102,0) 0%,rgba(22,67,102,0.9) 100%);
    background:-ms-linear-gradient(top,rgba(22,67,102,0) 0%,rgba(22,67,102,0.9) 100%);
    background:linear-gradient(to bottom,rgba(22,67,102,0) 0%,rgba(22,67,102,0.9) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#164366',endColorstr='#164366',GradientType=0);
    content:''
}
.cat_descr .inside.show.hide::after {
    display: none;
}
.cat_descr .show_more{
    cursor:pointer;
    text-transform:uppercase;
    font-size:18px;
    line-height:1.67;
    letter-spacing:.6px;
    text-align:left;
    color:#e48b1f;
    height:30px;
    position:absolute;
    left:50%;
    margin-left:-65px;
    bottom:100px;
    padding-right:20px
}
.cat_descr .title,.cat_descr .title *{
    font-family:"proxima_nova_rgregular";
    text-transform:uppercase;
    font-size:28px;
    line-height:1.21;
    letter-spacing:1px;
    text-align:center;
    color:#e48b1f;
    margin-bottom:40px
}
.sections_list_tree_inside>li>a{
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    line-height:normal;
    text-align:left;
    color:#164466;
    text-decoration:none
}
.sections_list_tree_inside>li.title{
    font-family:"proxima_nova_rgbold";
    color:#e48b1f;
    padding-left:35px;
    background-image:url(/bitrix/templates/nhl/images/utoch.svg);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:25px auto
}
.sections_list_tree_inside>li .cnt{
    font-family:"proxima_nova_blblack";
    margin-left:7px
}
ul.submenu_content{
    position:relative;
    z-index:2;
    margin:0 auto 45px!important
}
.glob-text-block{
    width:100%;
    height:100%;
    padding-bottom:100px;
    background-color:#f8f8f8;
    position:relative;
    z-index:1
}
.glob-text-inner{
    width:1112px;
    margin:0 auto
}
.fancybox-toolbar{
    top:40px;
    right:50%;
    margin-right:-22px
}
.fancybox-button--close{
    position:relative;
    background:rgba(30,30,30,0)
}
.fancybox-button--close:after{
    display:block;
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url(/bitrix/templates/nhl/images/close_btn.svg);
    background-position:center center;
    background-size:20px 20px;
    background-repeat:no-repeat;
    opacity:1;
    transition:opacity .5s
}
.fancybox-button--close svg{
    opacity:0
}
.fancybox-button--close:before{
    display:block;
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url(/bitrix/templates/nhl/images/close_btn_orange.svg);
    background-position:center center;
    background-size:20px 20px;
    background-repeat:no-repeat;
    opacity:0;
    transition:opacity .5s
}
.fancybox-button--close:hover::before{
    opacity:1
}
.fancybox-button--close:hover::after{
    opacity:0
}
.fancybox-slide > *{
    margin:0
}
.fancybox-slide{
    cursor:pointer
}
.elc_form.tpl-black .success_mess{
    position:absolute;
    width:100%;
    left:0;
    top:50%;
    margin-top:-110px
}
.blue-back{
    position:fixed;
    z-index:6;
    left:0;
    top:0;
    height:100%;
    width:100%;
    box-sizing:border-box;
    background-color:#164466
}
.blue-back .ng-block{
    position:absolute;
    left:50%;
    margin-left:-580px;
    top:50%;
    margin-top:-196px;
    padding-left:546px
}
.ng-block .img{
    width:546px;
    height:75vh;
    position:absolute;
    left:-50px;
    top:50%;
    margin-top:-36vh;
    background-image:url(/images/404.jpg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:right center
}
.ng-block .infoblock{
    width:440px
}
.ng-block .title{
    font-family:'proxima_nova_blblack';
    font-size:60px;
    font-weight:900;
    line-height:1.17;
    letter-spacing:2.7px;
    text-align:left;
    color:#e48b1f;
    margin-bottom:20px;
    text-transform:uppercase
}
.ng-block .text-block{
    font-family:'proxima_nova_rgregular';
    font-size:20px;
    line-height:1.5;
    text-align:left;
    color:#fff;
    width:435px;
    margin-bottom:33px
}
.ng-block .text-block a{
    color:#e48b1f;
    text-decoration:none
}
.ng-block .link-block .row{
    margin-bottom:20px
}
.ng-block .link-block .row:last-child{
    margin-bottom:0
}
.ng-block .link-block .row a.item{
    font-family:"proxima_nova_rgregular";
    font-size:20px;
    line-height:1.5;
    text-align:left;
    color:#e48b1f;
    width:140px;
    margin-right:70px;
    display:inline-block;
    vertical-align:top;
    text-decoration:none
}
.ng-block .link-block .row a.item:last-child{
    margin-right:0
}
ul.submenu_content li a{
    transition:color .3s
}
ul.submenu_content li:hover a{
    color:#e48b1f
}
body.zapchasti .cat-search-form{
    position:absolute;
    z-index:7;
    top:120px;
    left:50%;
    height:63px;
    width:520px;
    margin-left:-260px;
    padding-top:10px;
    display:none;
    box-sizing:border-box
}
body.zapchasti .sections_list_tree>li.banner{
    width:562px
}
body.zapchasti .sections_list_tree>li.banner>a.item>div.img{
    width:336px;
    height:224px;
    display:block;
    float:left;
    background-size:cover
}
body.zapchasti .sections_list_tree>li.banner>a.item .title{
    width:223px;
    height:224px;
    display:block;
    float:right;
    margin:0;
    padding:0;
    position:relative;
    overflow:visible;
    text-transform:none
}
body.zapchasti .sections_list_tree>li.banner>a.item .title .table{
    position:absolute;
    display:table;
    top:30px;
    right:30px;
    width:251px;
    height:164px;
    box-sizing:border-box;
    padding:10px 19px
}
body.zapchasti .sections_list_tree>li.banner>a.item .title .table.color5{
    background-color:#E48B1F
}
body.zapchasti .sections_list_tree>li.banner>a.item .title .table.color6{
    background-color:#D3463C
}
body.zapchasti .sections_list_tree>li.banner>a.item .title .table.color7{
    background-color:#8088B0
}
body.zapchasti{
    background-color:#f8f8f8
}
body.zapchasti .catalog-section{
    padding:0 0 38px
}
.catalog_list_table{
    display:block;
    width:1000px;
    margin:0 auto;
    position:relative;
    padding:0
}
body.zapchasti .goback{
    width:1000px;
    position:relative;
    height:53px;
    text-align:left;
    margin:0 auto 25px
}
body.zapchasti .goback:after{
    content:'';
    display:block;
    clear:both;
}
/*body.zapchasti .goback:after{
    display:block;
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:100%;
    height:53px;
    border:solid 3px rgba(255,255,255,0);
    box-sizing:border-box;
    transition:border-color .3s
}
body.zapchasti .goback:hover::after{
    border-color:#e48b1f
}
*/
body.zapchasti .goback a.link{
    display:inline-block;
    position:relative;
    padding-left:51px;
    padding-right:20px;
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    line-height:53px;
    color:#164466;
    text-decoration:none;
    z-index:1;
    transition:color .3s;
    background-color:#fff
}
body.zapchasti .goback a.link:after{
    display:block;
    position:absolute;
    content:'';
    left:21px;
    top:50%;
    margin-top:-12px;
    height:22px;
    width:22px;
    background-image:url(/bitrix/templates/nhl/images/goback.svg);
    background-repeat:no-repeat;
    background-size:22px 22px;
    background-position:center center;
    opacity:1;
    transition:opacity .3s
}
body.zapchasti .goback a.link:before{
    display:block;
    position:absolute;
    content:'';
    left:21px;
    top:50%;
    margin-top:-12px;
    height:22px;
    width:22px;
    background-image:url(/bitrix/templates/nhl/images/goback-orange.svg);
    background-repeat:no-repeat;
    background-size:22px 22px;
    background-position:center center;
    opacity:0;
    transition:opacity .3s
}
body.zapchasti .goback a.link:hover{
    color:#e48b1f
}
body.zapchasti .goback a.link:hover::after{
    opacity:0
}
body.zapchasti .goback a.link:hover::before{
    opacity:1
}
body.zapchasti .pager{
    float:right;
    height:53px;
}
body.zapchasti .pager_bottom{
    width: 1000px;
    margin: 40px auto 0 auto;
}
body.zapchasti .pager:after{
    content:'';
    display:block;
    clear:both;
}
body.zapchasti .pager a,
body.zapchasti .pager span{
    margin-left:5px;
    height:53px;
    width:53px;
    background:#fff;
    display:block;
    color:#164466;
    text-align:center;
    line-height:53px;
    text-decoration:none;
    float:left;
    position:relative;
}
body.zapchasti  .pager a:after{
    display:block;
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:solid 3px rgba(255,255,255,0);
    box-sizing:border-box;
    transition:border-color .3s
}
body.zapchasti .pager a:hover::after{
    border-color:#e48b1f
}
body.zapchasti .pager span{
    font-family: "proxima_nova_blblack";
    color:#e48b1f;
}
body.zapchasti .pager span.tit{
    width:auto;
    margin-left:0;
    background:none;
    margin-right:15px;
    font-family: "proxima_nova_rgregular";
    color:#164466;
}
.catalog_list_table.passport{
    margin-bottom:132px
}
.catalog_list_table.passport .row .cell.name{
    padding-left:18px;
    box-sizing:border-box
}
.catalog_list_table .row{
    display:table;
    position:relative;
    background-color:#fff;
    margin-bottom:5px;
    width:100%
}
.catalog_list_table .row.sort{
    background-color:rgba(0,0,0,0);
    transition:color .3s
}
.catalog_list_table .row.sort .cell.button{
    padding-right:40px
}
.catalog_list_table .row.sort:hover .cell.button,body.basket .catalog_list_table .row:hover .cell.button{
    background-color:rgba(0,0,0,0)
}
.catalog_list_table .button .ico{
    display:block;
    position:absolute;
    width:22px;
    height:22px;
    content:'';
    background-repeat:no-repeat;
    background-size:22px 66px;
    background-position:50% 50%;
    opacity:1;
    transition:opacity .3s;
    right:20px;
    top:50%;
    margin-top:-11px
}
.catalog_list_table .row.sort a{
    display:inline-block;
    position:relative;
    font-family:"proxima_nova_blblack";
    font-size:16px;
    line-height:normal;
    letter-spacing:normal;
    text-decoration:none;
    color:#164466;
    transition:color .3s
}
.catalog_list_table .row.sort a.active{
    color:#e48b1f
}
.catalog_list_table .row.sort a.active:after{
    opacity:0
}
.catalog_list_table .row.sort a.active:before{
    opacity:1
}
.catalog_list_table .row.sort a:after{
    display:block;
    position:absolute;
    content:'';
    width:12px;
    height:7px;
    right:-16px;
    top:50%;
    margin-top:-3px;
    opacity:1;
    background-image:url(/bitrix/templates/nhl/images/arrow_blue_sort.svg);
    background-size:12px 7px;
    background-repeat:no-repeat;
    background-position:50% 50%;
    transition:transform .3s,opacity .3s
}
.catalog_list_table .row.sort a:before{
    display:block;
    position:absolute;
    content:'';
    width:12px;
    height:7px;
    right:-16px;
    top:50%;
    margin-top:-3px;
    opacity:0;
    background-image:url(/bitrix/templates/nhl/images/arrow_orange_sort.svg);
    background-size:12px 7px;
    background-repeat:no-repeat;
    background-position:50% 50%;
    transition:transform .3s,opacity .3s
}
.catalog_list_table .row.sort a.desc:before,.catalog_list_table .row.sort a.desc:after{
    transform:rotate(0deg)
}
.catalog_list_table .row.sort a.asc:before,.catalog_list_table .row.sort a.asc:after{
    transform:rotate(180deg)
}
.catalog_list_table .row.sort a:hover{
    color:#e48b1f
}
.catalog_list_table .row.sort a:hover::after{
    opacity:0
}
.catalog_list_table .row.sort a:hover::before{
    opacity:1
}
.catalog_list_table .row .cell{
    display:table-cell;
    vertical-align:middle;
    height:53px;
    transition:border-color .3s;
    box-sizing:border-box
}
.catalog_list_table .row .cell.photo{
    min-width:51px;
    width:51px;
    position:relative
}
.catalog_list_table .row .cell.photo a{
    width:22px;
    height:20px;
    display:block;
    margin-left:20px;
    position:relative;
    z-index:1
}
.catalog_list_table .row .cell.photo a:after{
    display:block;
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    opacity:1;
    background-image:url(/bitrix/templates/nhl/images/photo.svg);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:22px 40px;
    transition:opacity .3s
}
.catalog_list_table .row .cell.photo a:before{
    display:block;
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    opacity:0;
    background-image:url(/bitrix/templates/nhl/images/photo.svg);
    background-position:bottom center;
    background-repeat:no-repeat;
    background-size:22px 40px;
    transition:opacity .3s
}
.catalog_list_table .row .cell.photo a:hover::after{
    opacity:0
}
.catalog_list_table .row .cell.photo a:hover::before{
    opacity:1
}
.catalog_list_table .row .cell.photo a img{
    display:none
}
.catalog_list_table .row .cell.name{
    width:auto;
    max-width:448px;
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    line-height:normal;
    text-align:left;
    color:#164466
}
.catalog_list_table .row .cell.name span{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:90%;
    padding-bottom: 1px;
}
.catalog_list_table .row .cell.name span a{
    position:relative;
    z-index:1;
    color:#164466;
    text-decoration:none;
    border-bottom:1px solid #164466;
}
.catalog_list_table .row .cell.name span:after{
    display:block;
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:solid 3px rgba(255,255,255,0);
    box-sizing:border-box;
    transition:border-color .3s
}
.catalog_list_table .row:hover .cell.name span:after{
    border-color:#e48b1f
}
.catalog_list_table .row .cell.brand{
    min-width:292px;
    width:292px;
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    text-align:left;
    color:#164466
}
.catalog_list_table .row .cell.brand span{
    display:block;
    max-width:292px
}
.catalog_list_table .row .cell.button{
    min-width:180px;
    width:180px;
    position:relative;
    text-align:right
}
.catalog_list_table.passport .row .cell.button{
    width:128px;
    min-width:128px
}
.catalog_list_table .row .cell.button:after{
    display:block;
    clear:both;
    content:''
}
.catalog_list_table .row .cell.button .add2basket{
    display:block;
    width:180px;
    line-height:53px;
    padding-left:65px;
    background-color:#e48b1f;
    background-image:url(/bitrix/templates/nhl/images/basket.svg);
    background-repeat:no-repeat;
    background-size:25px 25px;
    background-position:24px center;
    box-sizing:border-box;
    text-decoration:none;
    border:none;
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    text-align:left;
    color:#fff;
    position:relative;
    z-index:1;
    cursor:pointer;
    opacity:0;
    transition:opacity .3s
}
.catalog_list_table .row:hover .cell.button .add2basket{
    opacity:1
}
.catalog_list_table .row .cell.button a.button{
    display:block;
    position:absolute;
    right:0;
    top:0;
    width:128px;
    line-height:53px;
    text-decoration:none;
    background-color:#e48b1f;
    border:none;
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    text-align:center;
    color:#fff;
    z-index:1;
    cursor:pointer;
    opacity:0;
    transition:opacity .3s
}
.catalog_list_table .row:hover .cell.button a.button{
    opacity:1
}
.catalog_list_table .row:hover .cell.button{
    opacity:1;
    background-color:#e48b1f
}
.catalog_list_table .row:not(:hover) .cell.button,.catalog_list_table .row:not(:hover) .cell.name span:after,.catalog_list_table .row:not(:hover) .cell.button a.button,.catalog_list_table .row:not(:hover) .cell.button .add2basket{
    transition:0
}
.catalog_list_table .row .cell.button .size{
    display:inline-block;
    margin-right:13px;
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    color:#164466;
    opacity:1
}
.catalog_list_table .row:hover .cell.button .size{
    opacity:0;
    transition:opacity .3s
}
.catalog_list_table .row:not(:hover) .cell.button .size{
    transition:opacity .3s
}
.cat_section_inside .show-more{
    display:block;
    width:232px;
    height:50px;
    margin:40px auto 28px;
    line-height:50px;
    box-sizing:border-box;
    border:solid 3px #e48b1f;
    font-size:18px;
    letter-spacing:1px;
    text-align:center;
    color:#e48b1f;
    text-transform:uppercase;
    text-decoration:none;
    position:relative;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    background-color:rgba(0,0,0,0);
    z-index:1
}
.cat_section_inside .show-more:hover{
    background-color:transparent;
    color:#fff
}
.cat_section_inside .show-more:hover:before{
    left:0;
    right:auto;
    width:100%
}
.cat_section_inside .show-more:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#E48B1F;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.cat_section_inside .btn.more{
    display:block;
    width:232px;
    height:50px;
    margin:40px auto 134px;
    line-height:50px;
    box-sizing:border-box;
    border:solid 3px #e48b1f;
    font-size:18px;
    letter-spacing:1px;
    text-align:center;
    color:#e48b1f;
    text-transform:uppercase;
    text-decoration:none;
    position:relative;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    background-color:rgba(0,0,0,0);
    z-index:1
}
.cat_section_inside .btn.more:hover{
    background-color:transparent;
    color:#fff
}
.cat_section_inside .btn.more:hover:before{
    left:0;
    right:auto;
    width:100%
}
.cat_section_inside .btn.more:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#E48B1F;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.sercive-center-outer{
    height:360px;
    width:100%;
    display:block;
    margin-top:50px
}
.sercive_center{
    height:360px;
    width:100%;
    position:absolute;
    left:0;
    bottom:70px;
    background-color:#e48b1f
}
.sercive_center .images{
    position:absolute;
    height:460px;
    width:460px;
    left:50%;
    bottom:0;
    margin-left:-635px;
    background-image:url(/bitrix/templates/nhl/images/temp/service-man.png);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100% auto
}
.sercive_center .title{
    position:absolute;
    width:630px;
    top:60px;
    right:50%;
    margin-right:-460px;
    text-align:left;
    color:#fff;
    font-size:18px;
    line-height:1.44
}
.sercive_center .title .top{
    font-size:50px;
    line-height:1;
    letter-spacing:3px;
    font-family:'proxima_nova_blblack';
    margin-bottom:30px;
    text-transform:uppercase
}
.sercive_center .title .descr{
    width:500px
}
.sercive_center .title .contacts{
    display:block;
    margin-top:50px;
    font-family:"proxima_nova_rgbold";
    font-size:28px;
    line-height:1;
    letter-spacing:normal;
    text-align:left;
    color:#fff
}
.sercive_center .title .contacts a{
    font-family:"proxima_nova_rgbold";
    font-size:28px;
    line-height:1;
    letter-spacing:normal;
    text-decoration:none;
    color:#fff
}
.catalog_list_table .quantity{
    display:inline-block;
    vertical-align:middle
}
.catalog_list_table .quantity:after{
    display:block;
    clear:both;
    content:''
}
.catalog_list_table .quantity .btn{
    display:block;
    line-height:30px;
    width:30px;
    color:#fff;
    text-decoration:none;
    background-color:#164466;
    text-align:center;
    font-family:"proxima_nova_rgbold";
    font-size:20px;
    float:left;
    opacity:0;
    transition:opacity .3s,background-color .3s
}
.catalog_list_table .quantity .btn:hover{
    background-color:#e48b1f
}
.catalog_list_table .row:hover .cell .quantity .btn{
    opacity:1
}
.catalog_list_table .quantity .num{
    display:block;
    float:left;
    background-color:rgba(0,0,0,0);
    border:none;
    color:#164466;
    text-align:center;
    font-family:"proxima_nova_rgbold";
    font-size:20px;
    width:55px;
    padding:0;
    line-height:30px
}
.catalog_list_table .close{
    display:inline-block;
    position:relative;
    z-index:2;
    vertical-align:middle;
    width:22px;
    height:22px;
    margin-right:13px;
    margin-left:20px;
    cursor:pointer
}
.catalog_list_table .close .img{
    display:block;
    position:absolute;
    width:22px;
    height:22px;
    content:'';
    background-repeat:no-repeat;
    background-size:22px 66px;
    background-position:0 -22px;
    opacity:1;
    transition:opacity .3s
}
.catalog_list_table .close:after{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    content:'';
    background-image:url(/bitrix/templates/nhl/images/delete_btn.svg);
    background-repeat:no-repeat;
    background-size:18px 18px;
    background-position:50% 50%;
    opacity:0;
    transition:opacity .3s
}
.catalog_list_table .close:before{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    content:'';
    background-image:url(/bitrix/templates/nhl/images/close_btn_orange.svg);
    background-repeat:no-repeat;
    background-size:18px 18px;
    background-position:50% 50%;
    opacity:0;
    transition:opacity .3s
}
.catalog_list_table .row:hover .close .img{
    opacity:0
}
.catalog_list_table .row:hover .close:after{
    opacity:1
}
.catalog_list_table .row:hover .close:hover::after{
    opacity:0
}
.catalog_list_table .row:hover .close:hover::before{
    opacity:1
}
a.checkout{
    display:block;
    width:232px;
    box-sizing:border-box;
    margin:40px auto 134px;
    line-height:46px;
    box-sizing:border-box;
    border:solid 3px #e48b1f;
    font-size:18px;
    letter-spacing:1px;
    text-align:center;
    color:#e48b1f;
    text-transform:uppercase;
    text-decoration:none;
    position:relative;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    background-color:rgba(0,0,0,0);
    z-index:1;margin-bottom: 500px;
}
a.checkout:hover{
    background-color:transparent;
    color:#fff
}
a.checkout:hover:before{
    left:0;
    right:auto;
    width:100%
}
a.checkout:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#E48B1F;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
input[type='number']:focus{
    padding:0;
    margin:0;
    border:0;
    outline:none
}
input[type='number']{
    -moz-appearance:textfield
}
input[type='number']::-webkit-outer-spin-button,input[type='number']::-webkit-inner-spin-button{
    -webkit-appearance:none
}
.checkout-form{
    display:none;
    padding-top:79px;
    padding-bottom:70px;
    background-color:#164466
}
.checkout-form .checkout-form-inner{
    width:630px;
    margin:0 auto
}
.checkout-form .item-list{
    width:550px;
    margin:0 auto
}
.checkout-form .elc_title{
    color:#fff
}
.checkout-form .elc_text{
    color:#fff
}
.checkout-form .elc_text a{
    color:#bababa;
    border-bottom:1px solid #bababa
}
.checkout-form .elc_ok_mess{
    color:#fff
}
.checkout-form .elc_string input{
    border-bottom:1px solid RGBA(250,250,250,0.2);
    color:#fff
}
.checkout-form .elc_string label{
    color:#fff
}
.checkout-form.elc_string.file label{
    border:1px solid #446984;
    background-color:rgba(0,0,0,0);
    transition:border-color .3s,color .3s;
    z-index:1
}
.checkout-form .elc_string.file label:hover{
    background-color:transparent;
    color:#e48b1f;
    border-color:#e48b1f
}
.checkout-form.elc_string.active.no-empty label{
    color:#fff
}
.checkout-form .elc_string.active label{
    color:#e48b1f
}
.checkout-form .elc_string:after,.checkout-form .elc_string.text:before{
    background-color:#e48b1f
}
.checkout-form .elc_string.no-empty:after,.checkout-form .elc_string.text.no-empty:before{
    background-color:#fff
}
.checkout-form .elc_string textarea{
    padding:15px 0;
    border:none;
    color:#fff;
    position:relative;
    z-index:1;
    font-size:20px;
    overflow:auto
}
.checkout-form .elc_string textarea:focus{
    border-left-color:#fff;
    border-right-color:#fff
}
.checkout-form .submit{
    color:#fff;
    border:3px solid #e48b1f;
    transition:background-color .3s,border-color .3s
}
.checkout-form .btn{
    position:relative;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    background-color:rgba(0,0,0,0);
    z-index:1
}
.checkout-form.btn:hover{
    background-color:transparent
}
.checkout-form .submit:hover{
    background-color:transparent;
    border-color:#e48b1f
}
.checkout-form .btn:hover:before{
    left:0;
    right:auto;
    width:100%
}
.checkout-form .btn:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#e48b1f;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.checkout-form .elc_string.error label{
    color:#ff3939
}
.checkout-form .elc_string.error input{
    border-bottom-color:#ff3939
}
.checkout-form .elc_string.error textarea{
    border-color:#ff3939
}
.checkout-form .notice{
    color:#fff
}
.checkout-form .notice a{
    text-decoration:none;
    color:#e48b1f
}
.checkout-form{
    width:100%;
    min-height:700px;
    position:relative
}
.checkout-form .form_bg{
    position:relative;
    height:auto;
    left:0;
    width:100%;
    background-color:#164466
}
.checkout-form .form_outer{
    position:relative;
    height:auto;
    left:0;
    width:100%;
    background-color:#164466;
    padding-top:50px;
    box-sizing:border-box
}
.checkout-form .success_mess{
    position:absolute;
    height:auto;
    left:0;
    width:100%;
    background-color:#164466;
    padding-top:79px;
    box-sizing:border-box
}
.checkout-form .close{
    position:absolute;
    top:30px;
    width:20px;
    height:20px;
    left:50%;
    margin-left:-10px;
    cursor:pointer;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center center;
    background-image:url(/bitrix/templates/nhl/components/elcore/feedback/phone/themes/black/images/close_btn.svg);
    transition:background .5s
}
.checkout-form .close:hover{
    background-image:url(/bitrix/templates/nhl/components/elcore/feedback/phone/themes/black/images/close_btn_orange.svg)
}
.checkout-form .elc_title{
    font-size:50px;
    line-height:1;
    letter-spacing:2px;
    text-align:center;
    text-transform:uppercase;
    margin:0 auto 5px;
    font-family:'proxima_nova_blblack'
}
.checkout-form .elc_text{
    font-size:20px;
    line-height:1.3;
    text-align:center;
    margin-bottom:14px
}
.checkout-form form{
    display:block;
    width:540px;
    margin:0 auto
}
.checkout-form .elc_text a{
    text-decoration:none
}
.checkout-form .elc_ok_mess{
    margin-top:15px
}
.checkout-form .elc_string{
    width:514px;
    margin-top:22px;
    margin-left:15px;
    position:relative;
    height:46px
}
.checkout-form .elc_string.textarea{
    height:auto;
    position:relative;
    margin-top:40px
}
.checkout-form .elc_string.textarea label{
    top:15px
}
.checkout-form .elc_string.textarea:after{
    display:block;
    position:absolute;
    background:none;
    content:'';
    top:0;
    left:-15px;
    width:100%;
    height:100%;
    padding:0 15px;
    border:1px solid RGBA(250,250,250,0.2)
}
.checkout-form .elc_string.textarea label:after,.checkout-form .elc_string.textarea label:before{
    display:none
}
.checkout-form .elc_string input{
    background:none;
    border:none;
    border-bottom:1px solid rgba(250,250,250,0.2);
    width:514px;
    height:43px;
    display:block;
    font-size:20px;
    line-height:1.1;
    letter-spacing:1.1px;
    text-transform:uppercase;
    z-index:2;
    position:relative
}
.checkout-form .elc_string label{
    margin:0;
    top:20px;
    left:0;
    display:block;
    position:absolute;
    z-index:1;
    -webkit-transition:.2s ease-out;
    -moz-transition:.2s ease-out;
    -o-transition:.2s ease-out;
    -ms-transition:.2s ease-out;
    transition:.2s ease-out;
    font-size:18px;
    line-height:1.1;
    letter-spacing:1.1px;
    text-align:left;
    text-transform:uppercase
}
.checkout-form .elc_string.active label{
    top:-10px;
    font-size:16px;
    line-height:1.38;
    opacity:1;
    text-transform:none
}
.checkout-form .elc_string:after{
    content:'';
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    width:0;
    height:5px;
    background-size:100% 100%;
    -webkit-transition:width .5s;
    transition:width .5s
}
.checkout-form .elc_string.no-empty:after{
    height:1px
}
.checkout-form .elc_string.no-empty.textarea:after{
    height:100%
}
.checkout-form.elc_string.text{
    padding-top:45px
}
.checkout-form .elc_string.text:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:45px;
    width:0;
    height:1px;
    background-size:100% 100%;
    -webkit-transition:width .5s;
    transition:width .5s;
    z-index:3
}
.checkout-form .elc_string.active:after{
    width:100%
}
.checkout-form .elc_string.text.active:before{
    width:100%
}
.checkout-form .elc_string.text label{
    top:20px
}
.checkout-form .elc_string textarea{
    width:100%;
    height:100px;
    -webkit-transition:all .5s;
    transition:all .5s;
    display:block;
    resize:none;
    background:none
}
.checkout-form .elc_string.textarea.active label{
    top:-23px;
    font-size:14px;
    opacity:1
}
.checkout-form .elc_string.elc_captha img{
    position:absolute;
    right:0;
    top:13px
}
.checkout-form .elc_string.elc_captha input{
    width:210px
}
.checkout-form .submit{
    font-family:'proxima_nova_rgregular';
    width:257px;
    height:50px;
    line-height:50px;
    cursor:pointer;
    display:block;
    margin:18px auto 0;
    font-size:18px;
    line-height:1.44;
    letter-spacing:1px;
    text-align:center;
    background:none;
    box-sizing:border-box;
    padding:0;
    position:relative;
    z-index:2;
    text-transform:uppercase;
    border:none;
    border-radius:0
}
.checkout-form .btn{
    width:257px;
    height:50px;
    border-radius:0;
    cursor:pointer;
    display:block;
    margin:40px auto 0
}
.checkout-form .btn .submit{
    color:#fff;
    border:3px solid #e48b1f;
    transition:background-color .3s,border-color .3s
}
.checkout-form .btn .btn{
    position:relative;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    background-color:rgba(0,0,0,0);
    z-index:1
}
.checkout-form .btn .btn:hover{
    background-color:transparent
}
.checkout-form .btn .submit:hover{
    background-color:transparent;
    border-color:#e48b1f
}
.checkout-form .btn .btn:hover:before{
    left:0;
    right:auto;
    width:100%
}
.checkout-form .btn .btn:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#e48b1f;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.checkout-form .elc_string.error label{
    opacity:1
}
.checkout-form .notice{
    width:514px;
    text-align:center;
    margin:20px auto 0;
    font-size:14px;
    line-height:1.29
}
.checkout-form .close-form{
    position:absolute;
    top:30px;
    width:20px;
    height:20px;
    left:50%;
    margin-left:-10px;
    cursor:pointer;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center center
}
.checkout-form .close-form:after{
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:20px;
    height:20px;
    opacity:1;
    cursor:pointer;
    background-image:url(/bitrix/templates/nhl/images/close_btn.svg);
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center center;
    transition:opacity .3s
}
.checkout-form .close-form:before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:20px;
    height:20px;
    opacity:0;
    cursor:pointer;
    background-image:url(/bitrix/templates/nhl/images/close_btn_orange.svg);
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center center;
    transition:opacity .3s
}
.checkout-form .close-form:hover::after{
    opacity:0
}
.checkout-form .close-form:hover::before{
    opacity:1
}
.checkout-form .title{
    display:block;
    font-family:"proxima_nova_blblack";
    font-size:50px;
    line-height:1.1;
    letter-spacing:2px;
    text-align:center;
    color:#fff;
    text-transform:uppercase
}
.checkout-form .pred{
    display:block;
    margin-top:15px;
    font-family:"proxima_nova_rgregular";
    font-size:20px;
    line-height:1.3;
    text-align:center;
    color:#fff
}
.basket-popup{
    display:none;
    position:fixed;
    width:425px;
    height:71px;
    background-color:#1a4d72;
    right:0px;
    bottom:120px;
    z-index:100
}
.basket-popup.active{
    display:block
}
.basket-popup .order{
    position:absolute;
    right:23px;
    top:50%;
    margin-top:-24px;
    display:block;
    line-height:45px;
    width:145px;
    border:1px solid #fff;
    text-align:center;
    text-decoration:none;
    color:#fff;
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    background-color:rgba(0,0,0,0);
    z-index:1
}
.basket-popup .order:hover{
    background-color:transparent;
    color:#164466
}
.basket-popup .order:hover:before{
    left:0;
    right:auto;
    width:100%
}
.basket-popup .order:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#fff;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
.basket-popup .count{
    width:205px;
    padding-left:50px;
    position:absolute;
    left:33px;
    top:13px;
    font-size:17px;
    line-height:21px;
    background-image:url(/bitrix/templates/nhl/images/basket.svg);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:25px 25px;
    color:#fff
}
.basket-popup .count span{
    display:block
}
.basket-popup .count span.num{
    color:#e48b1f
}
.basket-popup .count span.num span{
    display:inline
}
body.zapchasti .cont{
    /* padding-bottom:70px */
}
.ordering-success{
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:2;
    background:#164466;
    width:100%;
    height:100%
}
.ordering-success .os-inner{
    display:block;
    position:absolute;
    width:468px;
    left:50%;
    top:50%;
    margin-top:-147px;
    margin-left:-234px
}
.ordering-success .os-inner .title{
    font-family:"proxima_nova_blblack";
    font-size:50px;
    line-height:1.1;
    letter-spacing:2px;
    text-align:center;
    color:#fff;
    margin-bottom:20px;
    text-transform:uppercase
}
.ordering-success .os-inner .text{
    font-family:"proxima_nova_rgregular";
    font-size:18px;
    line-height:1.44;
    letter-spacing:normal;
    text-align:center;
    color:#fff;
    margin-bottom:40px
}
.ordering-success .os-inner .okey{
    position:relative;
    margin:0 auto;
    width:257px;
    height:50px;
    border:solid 1px #fff;
    box-sizing:border-box;
    line-height:50px;
    display:block;
    text-decoration:none;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:1px;
    text-align:center;
    color:#fff;
    transition:all .4s cubic-bezier(0.42,0,0.58,1);
    background-color:rgba(0,0,0,0);
    z-index:1
}
.ordering-success .os-inner .okey:hover{
    background-color:transparent;
    border-color:#e48b1f
}
.ordering-success .os-inner .okey:hover:before{
    left:0;
    right:auto;
    width:100%
}
.ordering-success .os-inner .okey:before{
    display:block;
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    content:'';
    background:#e48b1f;
    transition:all .4s cubic-bezier(0.42,0,0.58,1)
}
a.video,
a.direktoru{
    display:block;
    width: 263px;
    height: 50px;
    line-height:50px;
    color:#fff;
    font-size: 18px;
    font-family: 'proxima_nova_rgregular';
    background-color: #e48b1f;
    position:fixed;
    right:0;
    top:95px;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    text-decoration:none;
    text-align:right;
    box-sizing:border-box;
    padding-right: 20px;
    z-index:3;
}
a.video {
    width: 250px;right:-178px;
}

a.direktoru {
    right:-193px;padding-right: 20px;
}

a.float-social{
    display:block;
    width: 72px;
    height: 50px;
    line-height:62px;
    color:#fff;
    font-size: 18px;
    background-color: #e48b1f;
    position:fixed;
    right:0;
    top:95px;
    transition: background-color .4s linear, color .4s linear;
    transition: opacity 0.3s;
    text-decoration:none;
    text-align:right;
    box-sizing:border-box;
    padding-right: 19px;
    z-index:3;
    opacity: 0;
}
a.float-social_fb{
    line-height: 69px;
    padding-right: 20px;
}
a.float-social_youtube{

}
a.video.main{
    width: 245px;
    background-color: transparent;
    border: solid 3px #fff;
    position:relative;
    top:auto;
    right:auto;
    color: #fff;
    z-index:1;
    line-height: 41px;
    margin: 60px auto 0;
}
a.video:before,
a.direktoru:before{
    /*display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    background: #e48b1f;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);*/
}
a.float-social:before{
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    background: #fff;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.video:after,
a.direktoru:after{
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    z-index: -2;
    content: '';
    background: #e48b1f;
}
a.float-social:after{
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    z-index: -2;
    content: '';
    background: #e48b1f;
}
a.video.main:after{
    display:none;
}
a.video .ico{
    position:absolute;
    left:18px;
    top:50%;
    margin-top:-11px;
    width: 23px;
    height: 22px;
}

a.direktoru .ico{
    position:absolute;
    left:18px;
    top:50%;
    margin-top:-16px;
    width: 23px;
    height: 22px;
}

a.float-social .ico{
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
}
a.video .ico svg{
    display:block;
}
a.float-social .ico svg{
    display:block;
}
#video_ico {
    /* stroke: #fff; */
    fill: #fff;
    transition:all .4s linear;
}
a.video path {
    /* stroke: #fff; */
    fill: #fff;
    transition:all .4s linear;
}
a.float-social path {
    fill: #fff;
    transition:all .4s linear;
}

/* Определяем анимацию */
@keyframes slideInFromRight {
    0% {
        right: -300px; /* начальная позиция (скрыто справа) */
        opacity: 0;
    }
    100% {
        right: 0px;
        opacity: 1;
    }
}

@keyframes slideOutToRight {
    0% {
        right: 0px;
        opacity: 1;
    }
    100% {
        right: -300px;
        opacity: 0;
    }
}

/* Применяем анимацию при загрузке */
a.direktoru.auto-show {
    animation: slideInFromRight 0.5s ease-out forwards;
}

a.direktoru.auto-hide {
    animation: slideOutToRight 0.5s ease-out forwards;
}

a.video:hover,
a.direktoru:hover{
    color:#fff;right:0px;
}
a.float-social:hover{
    color:#e48b1f;
}
a.video:hover::before,
a.direktoru:hover::before{
    left: 0%;
    right: auto;
    width: 100%;
}
a.float-social:hover::before{
    left: 0%;
    right: auto;
    width: 100%;
}
a.video:hover #video_ico { 
    /* stroke: #e48b1f; */
}
a.video:hover path {
    /*fill: #e48b1f; */
}
a.float-social:hover path { fill: #e48b1f;}
.video_area{
    background-image: linear-gradient(to top, #eceef0, #f1f1f1 100%);
    height:512px;
    margin-top:-64px;
    margin-bottom: 33px;
    position:relative;
    padding-top:44px;
    box-sizing:border-box;
}
.video_area:before{
    height: 100%;
    position: absolute;
    content: '';
    left: -50vw;
    bottom: 0;
    width: 50vw;
    background-image: linear-gradient(to top, #eceef0, #f1f1f1 100%);
    box-sizing: border-box;
}
.video_area:after {
    height: 100%;
    position: absolute;
    content: '';
    right: -50vw;
    bottom: 0;
    width: 50vw;
    background-image: linear-gradient(to top, #eceef0, #f1f1f1 100%);
    box-sizing: border-box;
}
.video_area .title{
    font-size: 30px;
    font-family: 'proxima_nova_rgbold';
    line-height: 1.67;
    color: #164466;
    margin-bottom: 17px;
    text-align:center;
}
.video_area .video_block{
    width:823px;
    height: 346px;
    margin:0 auto;
    background-image:url("/bitrix/templates/nhl/images/video_img.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    position:relative;
    display:block;
}
.video_area .video_block .ico{
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width: 85px;
    height: 58px;
    margin:-29px 0 0 -42px;
}
.video_area .video_block #Play-Button{
    transition: .3s;
}
.video_area .video_block:hover #Play-Button{
    fill-opacity:1;
    fill:#E48B1F;
}

@media screen and (max-width: 1500px){
	h1, div.h1 {
		font-size: 28px;
	}
	body.history .block1 .date {
		font-size: 30px;
	}
	body.history .block1 .title {
		font-size: 50px;
		margin-bottom: 20px;
	}
	body.history .block1 .descr {
		font-size: 16px;
	}
	body.history .block1 {
		height: auto;
		padding-bottom: 70px;
	}
	body.history .block1 .center {
		padding-top: 55px;
	}

	body.history .block2 .title,
	body.history .block3 .title,
	body.history .block4 .title,
	body.history .block5 .title,
	body.history .block7 .title,
	body.history .block8 .title,
	body.history .block9 .title,
	body.history .block10 .title {
		font-size: 40px;
	}
	body.history .block2 .date,
	body.history .block3 .date,
	body.history .block4 .date,
	body.history .block5 .date,
	body.history .block7 .date,
	body.history .block8 .date,
	body.history .block9 .date,
	body.history .block10 .date {
		font-size: 30px;
		margin-bottom: 0px;
	}
	body.history .block2 .descr,
	body.history .block3 .descr,
	body.history .block4 .descr,
	body.history .block5 .descr,
	body.history .block7 .descr,
	body.history .block8 .descr,
	body.history .block9 .descr,
	body.history .block10 .descr {
		max-width: 630px;
		width: 100%;
		font-size: 16px;
	}



}


@media screen and (max-width: 1400px) and (min-width: 1260px){
    .bread_scr.scr3{
        height:auto;
        padding-top:285px
    }
    .bread_scr.scr3 .cat_sections{
        width:100%;
        position:relative;
        text-align:center;
        left:auto;
        top:auto;
        margin-left:0;
        padding-bottom:116px
    }
    .bread_scr.scr3 .cat_sections div{
        display:inline-block
    }
    .bread_scr.scr3 .cat_sections .unit:last-child{
        display:none
    }
    .bread_scr.scr3 .cat_sections .cat.all{
        display:inline-block;
        vertical-align:top;
        float:none
    }
    .meat_scr.scr3{
        height:auto;
        padding-top:285px
    }
    .meat_scr.scr3 .cat_sections{
        width:100%;
        position:relative;
        text-align:center;
        left:auto;
        top:auto;
        margin-left:0;
        padding-bottom:116px
    }
    .meat_scr.scr3 .cat_sections div{
        display:inline-block
    }
    .meat_scr.scr3 .cat_sections .unit:last-child{
        display:none
    }
    .meat_scr.scr3 .cat_sections .cat.all{
        display:inline-block;
        vertical-align:top;
        float:none
    }
    .upak_scr.scr3{
        height:auto;
        padding-top:285px
    }
    .upak_scr.scr3 .cat_sections{
        width:100%;
        position:relative;
        text-align:center;
        left:auto;
        top:auto;
        margin-left:0;
        padding-bottom:116px
    }
    .upak_scr.scr3 .cat_sections div{
        display:inline-block
    }
    .upak_scr.scr3 .cat_sections .unit:last-child{
        display:none
    }
    .upak_scr.scr3 .cat_sections .cat.all{
        display:inline-block;
        vertical-align:top;
        float:none
    }
    .other .post .description .title{
        margin:0 0 24px -80px
    }
    .other .post .description .text{
        margin:0 0 30px -80px
    }
    .other .post .description .sign{
        margin:0 0 0 -80px
    }
    .other .be_first .description{
        width:1140px
    }
    .other .be_first .img{
        right:-50px;
        top:55px
    }
    .other .podhod .middle,.other .podhod .bottom{
        width:1140px
    }
    .other .podhod .middle .text{
        width:250px
    }
    .other .podhod .bottom .steps .step{
        width:160px
    }
    .other .personal .title div.num{
        margin-right:-165px
    }
    .other .personal .title{
        margin-right:-165px
    }
    .other .personal .text{
        margin-right:106px
    }
    .other .personal .map{
        background-size:auto 575px;
        background-position:75px center
    }
    .other .personal .map .flow-block{
        width:575px
    }
    .other .personal .map .flow-block a.krsndr{
        left:105px
    }
    .other .personal .map .flow-block a.bel{
        top:73px;
        left:151px
    }
    .other .personal .map .flow-block a.mosc{
        left:211px;
        top:18px
    }
    .other .personal .map .flow-block a.niz{
        top:40px;
        left:264px
    }
    .other .personal .map .flow-block a.kaz{
        top:95px;
        left:251px
    }
    .other .personal .map .flow-block a.alm{
        top:367px;
        left:387px
    }
    .other .personal .map .flow-block a.now{
        top:249px;
        left:497px
    }
    .other .personal .map .flow-block a.krsnrsk{
        top:253px;
        left:576px
    }
    .other .sklad .title{
        margin-right:-423px
    }
    .other .sklad .nums{
        margin-right:-425px
    }
    .other .sklad .nums .item{
        margin-right:79px
    }
    .other .sklad .images{
        background-position:50px bottom
    }
    .bread_scr.scr1 .title,.meat_scr.scr1 .title,.horeca_scr.scr1 .title,.upak_scr.scr1 .title{
        margin-right:-333px
    }
    .meat_scr.scr1 .images{
        margin-left:34px
    }
    .horeca_scr.scr1 .title .descr .item.i1,.horeca_scr.scr1 .title .descr .item.i3{
        margin-right:55px
    }
    .ingred_scr.scr1 .title{
        margin-right:-485px
    }
    .ingred_scr.scr1 .steps{
        margin-left:-564px
    }
    .horeca_scr.scr1 .img{
        margin-left:-28px
    }
    .ingred_scr.scr2 .title,.bread_scr.scr2 .title,.meat_scr.scr2 .title,.upak_scr.scr2 .title{
        margin-right:-406px
    }
    .upak_scr.scr2 .img{
        background-position:40px 130px
    }
    .horeca_scr.scr2 .title{
        margin-right:-406px
    }
    .horeca_scr.scr3 .title{
        margin-right:-406px
    }
    .bread_scr.scr5 .title,.upak_scr.scr5 .title,.meat_scr.scr5 .title{
        margin-right:-404px
    }
    .bottom_block.contacts .title{
        margin-left:-573px
    }
    .bottom_block.contacts .detail{
        margin-left:107px
    }
    body.history .block2 .center{
        width:1140px
    }
    body.history .block3 .center,body.history .block4 .center,body.history .block7 .center,body.history .block9 .center{
        width:1140px
    }
    body.history .block4 .logos{
        width:420px
    }
    body.history .block5 .descr{
        width:560px
    }
    body.history .block3 .img{
        width:668px;
        left:-60px
    }
    body.history .block8 .descr{
        width:550px
    }
    body.history .block9 .descr{
        width:560px
    }
    .blocks .actions-list .items-blick-outer{
        width:1140px
    }
    .blocks .actions-list .items-blick .item.i1{
        width:1140px;
        margin-bottom:20px
    }
    .blocks .actions-list .items-blick .item.i2,.blocks .actions-list .items-blick .item.i7{
        width:560px;
        margin-right:20px;
        margin-bottom:20px
    }
    .blocks .actions-list .items-blick .item.i3,.blocks .actions-list .items-blick .item.i4,.blocks .actions-list .items-blick .item.i5,.blocks .actions-list .items-blick .item.i6{
        width:270px;
        margin-right:20px;
        margin-bottom:20px
    }
    .blocks .actions-list .items-blick .item.i4,.blocks .actions-list .items-blick .item.i7{
        margin-right:0
    }
    .blocks .actions-list .items-blick .item.i3 .img,.blocks .actions-list .items-blick .item.i4 .img,.blocks .actions-list .items-blick .item.i5 .img,.blocks .actions-list .items-blick .item.i6 .img{
        width:270px
    }
    .blocks .actions-list .items-blick .item.i3 .name,.blocks .actions-list .items-blick .item.i4 .name,.blocks .actions-list .items-blick .item.i5 .name,.blocks .actions-list .items-blick .item.i6 .name{
        width:230px
    }
    .deps{
        top:80px
    }
    .first_screen .txt .tit{
        font-size:40px
    }
    .first_screen .text .logo{
        width:560px;
        background-size:100% auto
    }
    .first_screen .text .title{
        font-size:30px
    }
    .main_block .first_screen .blocks .actions{
        width:50px
    }
    .main_block .first_screen .blocks .block .name .nm{
        font-size:14px
    }
    .first_screen .text{
        top:16%
    }
    .first_screen .nums .num{
        font-size:18px
    }
    .first_screen .nums{
        margin:0 auto 32px
    }
    body.catalog h1{
        margin:20px auto 30px
    }
    body.contacts .top_map ul{
        margin:20px auto 0
    }
    body.contacts h1{
        margin:25px 0 0;
        font-size:40px
    }
    .map{
        padding-top:220px
    }
    .map .info{
        top:230px
    }
    .map .info .addr{
        font-size:16px;
        margin-bottom:10px
    }
    .map .info .contacts{
        font-size:16px
    }
}
@media screen and (max-width: 1259px){
		body.history .block1 .center,
		body.history .block2 .center,
		body.history .block3 .center,
		body.history .block4 .center,
		body.history .block5 .center,
		body.history .block6 .center,
		body.history .block7 .center,
		body.history .block8 .center,
		body.history .block9 .center,
		body.history .block10 .center {
			width: 100%;
			max-width: 100%;
			padding-right: 25px;
			padding-left: 25px;
			box-sizing: border-box;
		}
		body.history .block5 .img .pic {
			-webkit-background-size: contain;
			background-size: contain;
		}
		body.history .block4 .logos {
			width: 420px;
		}
		body.history .block5 {
			height: 443px;
		}


    .main_block .first_screen .blocks{
        position:static;
        min-width:1260px
    }
    .first_screen .blocks .block.block5 .bg{
        margin-left:-70vw
    }
    .first_screen .text{
        position:absolute
    }
    .main_block .first_screen{
        min-height:730px
    }
    .main_block .first_screen .blocks{
        min-height:730px
    }
    body.contacts .top_map ul{
        margin:20px auto 0
    }
    body.contacts h1{
        margin:25px 0 0;
        font-size:40px
    }
    .map{
        padding-top:220px
    }
    .map .info{
        top:230px
    }
    .map .info .addr{
        font-size:16px;
        margin-bottom:10px
    }
    .map .info .contacts{
        font-size:16px
    }
    .map .info .contacts .string{
        margin-bottom:15px
    }
    a.video.main{
        margin-top:30px;
    }
}




.js-header-inner {
 font-weight: bold;
}



.popup-overlay.visible {
    opacity: .8;
    visibility: visible;
    pointer-events: visible;
}
.popup-overlay {
    background: #0f377f;
    position: fixed;
    display: block;
    top: -100px;
    bottom: -100px;
    left: -100px;
    right: -100px;
    z-index: 1010;
    opacity: 0.8;
    transition: .5s;
    pointer-events: none;
    display: none;
}

#sender-subscribe {
    display: none;
}

.popupModal {
    display: block;
    /*visibility: hidden;      */
    position: fixed;
    width: 540px; max-width:80%;
    max-height: 85vh;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgb(22, 68, 102);
    z-index: 9999999;
    padding: 40px;
    box-sizing: border-box;
}
.popup-close {
    position: absolute;
    height: 40px;
    width: 40px;
    top: -40px;
    right: -40px;
    display: block;
    cursor: pointer;
    opacity: 0.8;
}
.popup-close:hover {
    opacity: 1;
}
.popup-close::after, .popup-close::before {
    content: '';
    display: block;
    height: 2px;
    position: relative;
    top: 20px;
    width: 100%;
    background: #fff;
    margin: auto;
}
.popup-close::after {
    transform: rotate(-45deg);
}
.popup-close::before {
    transform: rotate(45deg);
    top: 22px;
}
.popupModal.visible {
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}
.popupModal .elc_title {
    color: #ffffff;
    font-size: 32px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin: 0 auto 21px;
    font-family: 'proxima_nova_blblack';
}
.popupModal .elc_text {
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 14px;
}
.popupModal form {
    display: block;
    margin: 0 auto;
}
input, textarea {
    font-family: 'proxima_nova_rgregular';
}
.popupModal .elc_string {
    width: auto;
    padding-top: 27px;
    position: relative;
    margin: 0 auto;
}
.popupModal .elc_string input {
	box-sizing: border-box;
	border: none;
    border-bottom: 1px solid rgba(250,250,250,0.2);
    color: #fff;
    width: 100%;
    background: none;
    height: 30px;
    display: block;
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    z-index: 2;
    position: relative;
    transition: 0.3s;
}
.popupModal .elc_string input:hover, .popupModal .elc_string input:focus {
    background-color: rgba(255,255,255,0.2);
}
.popupModal .elc_string label {
    color: #fff;
    margin: 0;
    top: 5px;
    left: 0;
    display: block;
    position: absolute;
    z-index: 1;
    transition: 0.2s ease-out;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: 1.1px;
    text-align: left;
    text-transform: uppercase;
    opacity: 0.5;
}
.popupModal .elc_string:after, .popupModal .elc_string.text:before {
    background-color: #e48b1f;
        content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 5px;
    background-size: 100% 100%;

    transition: width 0.5s;
    z-index: 3;
}
.popupModal .elc_string textarea {
    padding-top: 45px;
    border: 1px solid rgba(250,250,250,0.2) !important;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    height: 60px;
    padding: 10px;
    transition: all 0.5s;
    display: block;
    resize: none;
    background: none;
    font-size: 20px;
    overflow: auto;
    transition: 0.3s;
}
.popupModal .elc_string textarea:hover, .popupModal .elc_string textarea:focus {
    background-color: rgba(255,255,255,0.2);
}

.popupModal .notice {
    color: #fff;
    text-align: center;
    margin: 20px auto 0;
    font-size: 14px;
    line-height: 1.29;
}
.popupModal .notice a {
    text-decoration: none;
    color: #e48b1f;
}

.popupModal .btn input {
    position: relative;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    background-color: rgba(0,0,0,0);
    z-index: 1;
    width: 257px;
    height: 50px;
    border-radius: 0;
    border: 2px solid #E48B1F;
    cursor: pointer;
    display: block;
    margin: 18px auto 0 auto;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    transition: 0.3s;
}
.popupModal .btn input:hover {
    background-color: #e48b1f;
}

/* ANCHOR CONSULTANT BUTTON */

button.consultant {
    cursor: pointer;
    display: block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    font-family: "proxima_nova_rgregular";
    background-color: #e48b1f;
    background-image: url(/bitrix/templates/nhl/./images/mail-w.png);
    background-repeat: no-repeat;
    background-position: 18px center;
    position: fixed;
    right: 0;
    bottom: 60px;
    text-decoration: none;
    text-align: right;
    box-sizing: border-box;
    padding-right: 20px;
    z-index: 9;
    width: 320px;
    border: none;
    right: -250px;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  }
  
  button.consultant:before {
/*    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: "";
    background-image: url(/bitrix/templates/nhl/./images/mail-o.png);
    background-image: url(/bitrix/templates/nhl/./images/mail-w.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-color: #fff;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);*/
  }
  
  button.consultant:hover {
    /*color: #e48b1f;*/right: 0px;
  }
  
  button.consultant:hover::before {
    left: 0%;
    right: auto;
    width: 100%;
  }
  
  button.consultant:hover {
    /*background-image: url(/bitrix/templates/nhl/.images/mail-o.png);
    background-repeat: no-repeat;
    background-position: 16px center;*/
  }

@media screen and (max-width: 1200px){
	body.history .block2 .img {
		display: none;
	}
	body.history .block2 {
		height: auto;
		padding-bottom: 70px;
	}
	body.history .block2 .center {
		height: auto;
	}

    body.history .block2 .title, 
    body.history .block3 .title, 
    body.history .block4 .title, 
    body.history .block5 .title, 
    body.history .block7 .title, 
    body.history .block8 .title, 
    body.history .block9 .title, 
    body.history .block10 .title {
        text-align: center;
    }

    body.history .block2 .date, 
    body.history .block3 .date, 
    body.history .block4 .date, 
    body.history .block5 .date, 
    body.history .block7 .date, 
    body.history .block8 .date, 
    body.history .block9 .date, 
    body.history .block10 .date {
        text-align: center;
    }

    body.history .block2 .descr,
    body.history .block3 .descr, 
    body.history .block4 .descr, 
    body.history .block5 .descr, 
    body.history .block7 .descr, 
    body.history .block8 .descr, 
    body.history .block9 .descr, 
    body.history .block10 .descr {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    body.history .block3 .right {
        width: 100%;
        float: none;
        padding-bottom: 90px;
    }
    body.history .block3 {
        height: auto;
    }
    body.history .block3 .img {
        display: none;
    }

    body.history .block4 {
        height: auto;
    }
    body.history .block7 .img {
        display: none;
    }
    body.history .block7 {
        height: auto;
    }
    body.history .block7 .center {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    body.history .block7 .title {
        width: 100%;
    }
    body.history .block4 .left {
        float: none;
        width: 100%;
        padding-bottom: 30px;
    }
    body.history .block4 .logos {
        width: 100%;
        float: none;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    body.history .block8 .img {
        display: none;
    }
    body.history .block8 .right {
        width: 100%;
        float: none;
        margin-top: 70px;
    }
    body.history .block8 {
        height: auto;
        padding-bottom: 70px;
    }
    body.history .block9 .center .stanim.img {
        display: none;
    }
    body.history .block9 .title {
        width: 100%;
    }
    body.history .block9 {
        height: auto;
        padding-bottom: 90px;
    }
    body.history .block9 .center {
        height: auto;
    }
    body.history .block10 .img {
        display: none;
    }
    body.history .block10 .right {
        width: 100%;
        float: none;
    }
    body.history .block10 {
        height: auto;
        padding-bottom: 90px;
    }
    body.history .block10 .center {
        height: auto;
    }
}

@media screen and (max-width: 992px) {
    body.history .block6 .center {
        padding-bottom: 45px;
    }
    body.history .block6 .nums {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    body.history .block6 .nums .num{
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0px;
        margin-left: 0px;
    }
    body.history .block6 .nums .num1 {
        width: 100%;
        margin-right: 0px;
    }
    body.history .block6 {
        height: auto;
    }
    body.history .block6 .nums .num2 {
        width: 100%;
        margin-right: 0px;
    }
    body.history .block6 .nums .num3 {
        width: 100%;
    }
    body.history .block6 .nums:last-child {
        margin-bottom: 0px;
    }
    body.history .block5 .img {
        display: none;
    }
    body.history .block5 .right {
        float: none;
        margin-top: 0px;
        width: 100%;
    }
    body.history .block5 {
        height: auto;
        padding-bottom: 90px;
        padding-top: 90px;
    }

}

@media screen and (max-width: 767px) {
    body.history .block6 .nums .num1 span {
        height: auto;
    }
    body.history .block6 .nums .num span {
        font-size: 32px;
    }

    body.history .block1 .title, 
    body.history .block2 .title, 
    body.history .block3 .title, 
    body.history .block4 .title, 
    body.history .block5 .title, 
    body.history .block7 .title, 
    body.history .block8 .title, 
    body.history .block9 .title, 
    body.history .block10 .title {
        font-size: 26px;
    }

    body.history .block1 .date, 
    body.history .block2 .date, 
    body.history .block3 .date, 
    body.history .block4 .date, 
    body.history .block5 .date, 
    body.history .block6 .date, 
    body.history .block7 .date, 
    body.history .block8 .date, 
    body.history .block9 .date, 
    body.history .block10 .date {
        font-size: 21px;
    }

    body.history .block1 .descr,
    body.history .block2 .descr,
    body.history .block3 .descr, 
    body.history .block4 .descr, 
    body.history .block5 .descr, 
    body.history .block6 .descr, 
    body.history .block7 .descr, 
    body.history .block8 .descr, 
    body.history .block9 .descr, 
    body.history .block10 .descr {
        font-size: 14px;
    }
    body.history .block6 .center {
        padding-bottom: 0px;
    }

    body.history .block1 .center, 
    body.history .block2 .center, 
    body.history .block3 .center, 
    body.history .block4 .center, 
    body.history .block5 .center, 
    body.history .block6 .center, 
    body.history .block7 .center, 
    body.history .block8 .center, 
    body.history .block9 .center, 
    body.history .block10 .center {
        padding-top: 45px;
    }
    body.history .block3 .right {
        padding-top: 0px;
        padding-bottom: 45px;
    }
    body.history .block5 {
        padding-bottom: 45px;
        padding-top: 0px;
    }
    body.history .block6 {
        height: auto;
        padding-bottom: 45px;
    }
    body.history .block7 .center {
        padding-bottom: 45px;
    }
    body.history .block8 {
        padding-bottom: 45px;
    } 
    body.history .block9 {
        padding-bottom: 45px;
    }
    body.history .block10 {
        padding-bottom: 45px;
    }
    body.history .block2 {
        padding-bottom: 45px;
    }
    body.history .block4 .left {
        padding-top: 0px;
    }
    body.history .block8 .right {
        margin-top: 0px;
    }
    body.history .block9 .date {
        padding-top: 0px;
    }
    body.history .block10 .right {
        margin-top: 0px;
    }


    button.consultant {
    cursor: pointer;
    display: block;
    height: 50px;
    line-height: 50px;
    color: #e48b1f;
    font-size: 18px;
    font-family: "proxima_nova_rgregular";
    /*background-color: #e48b1f;   */
    background-image: url(/bitrix/templates/nhl/./images/mail-w.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    position: fixed;
    right: 0;
    bottom: 60px;
    text-decoration: none;
    text-align: right;
    box-sizing: border-box;
    padding-right: 20px;
    z-index: 9;
    width: 60px;
    border: none;text-indent: 999999px;
    white-space: nowrap;
}

.catalog_list_table .row .cell.name span {
    white-space: normal;
    width: 90%;
    overflow: visible;
}

.catalog_list_table .row .cell.button {
    display: none;
}

.catalog_list_table .row .cell.name span a {
    border-bottom: none;
}

.zapchasti .cat_section{margin: 70px 0 0;}

.element_detail .right .inside.spare_parts .add2basket {
    width: 80%; margin-left: calc(80vw - 90%);
}

.element_detail .right .inside.spare_parts {
    padding-top: 30px;padding-bottom: 0px;
}

.zapchasti .element_detail .right {

    padding-bottom: 20px;
}

.basket-popup {
    bottom: 0px;
}

.zapchasti button.consultant {bottom: 80px;}

.zapchasti .element_detail .get_price, .news-detail .get_price {
    width: 80%!important; margin-bottom:20px!important;
}

body.zapchasti .pager {
    margin-top: 20px; margin-bottom: 20px;margin-right: 20px;
}

.catalog_list_table .row .cell.brand {
    min-width: 100%;
    width: auto;
    font-family: "proxima_nova_rgregular";
    font-size: 18px;
    text-align: center;
    color: #164466;
}

.catalog_list_table .row .cell.name {
    width: auto;
    max-width: 448px;
    font-family: "proxima_nova_rgregular";
    font-size: 18px;
    line-height: normal;
    text-align: center;
    color: #164466;
}

.zapchasti #basket-ajax .cat_section{margin-top: 20px;color: #164466;background: #fff;padding-bottom: 20px;}

.zapchasti .checkout-form .checkout-form-inner {width: 100%;margin: 0 auto;
}

.zapchasti .checkout-form .item-list {
    width: 100%;
    margin: 0 auto;
}

.zapchasti .checkout-form .item-list input{
    width: 90%;
}

.zapchasti .checkout-form .notice {
    width: 100%;
}

.zapchasti .checkout-form .elc_string {
    width: 100%;
    margin-top: 22px;
    margin-left: 15px;
    position: relative;
    height: 46px;
}

.zapchasti a.checkout {
     margin-bottom: 40px;
}

.zapchasti .checkout-form {overflow-x:hidden; width:100%;}
.zapchasti .checkout-form .title {font-size:40px;}

.basket .basket-popup{display:none;}

.basket button.consultant {
    bottom: 10px;
}

}

/*����� �� ������� �����������  */

#bx_1847241719_655 ul, #bx_1847241719_655 .title .ico, #bx_1847241719_201 ul, #bx_1847241719_201 .title .ico, #bx_1847241719_208 ul, #bx_1847241719_208 .title .ico, #bx_1847241719_212 ul, #bx_1847241719_212 .title .ico, #bx_1847241719_195 ul, #bx_1847241719_195 .title .ico, #bx_1847241719_273 .title .ico, #bx_1847241719_273 ul, #bx_1847241719_314 .title .ico, #bx_1847241719_314 ul, #bx_1847241719_313 .title .ico, #bx_1847241719_313 ul, #bx_1847241719_309 .title .ico, #bx_1847241719_309 ul{
display: none!important;
}

#bx_1847241719_655 .border-bottom, #bx_1847241719_201 .border-bottom, #bx_1847241719_208 .border-bottom, #bx_1847241719_212 .border-bottom, #bx_1847241719_195 .border-bottom, #bx_1847241719_273 .border-bottom, #bx_1847241719_314 .border-bottom, #bx_1847241719_313 .border-bottom, #bx_1847241719_309 .border-bottom {
height: 0px;
}

#bx_1847241719_655:hover .border-bottom, #bx_1847241719_201:hover .border-bottom, #bx_1847241719_208:hover .border-bottom, #bx_1847241719_212:hover .border-bottom, #bx_1847241719_195:hover .border-bottom, #bx_1847241719_273:hover .border-bottom, #bx_1847241719_313:hover .border-bottom, #bx_1847241719_314:hover .border-bottom, #bx_1847241719_309:hover .border-bottom {
/*border-bottom: solid 5px #e48b1f; */
}

/*����� �� ������� �����������  */


@media screen and (max-width: 480px) {
    body.history .block4 .logos .tr {
        display: flex;
        flex-wrap: wrap;
    }
    body.history .block4 .logos .tr .td {
        width: 100%;
    }
}

/* ANCHOR CONSULTANT BUTTON */ 

.afisha {width:100%!important;}



.sb-img img {
  display: block;
  max-width:1300px;
  margin: 0 auto;
  margin-top:50px;
}

.sb-img .sbi-point {
  position: absolute;
  padding-left: 20px;
  cursor: pointer;
  color:#e48b1f;
  font-size:15px;
}

.sb-img .sbi-point.active::before {
  background: #000;
}

.sb-img .sbi-point.active .sb-crd {
  display: block;
}

.sb-img .sbi-point:hover::before {
  background: #e48b1f;
}

.sb-img .sbi-point::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #e48b1f;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}


.map-teh {padding:0; margin:0 auto; width:100%; max-width:1361px; margin-top:60px;}

.title-tehnologi {padding-top:20px!important;}

.pos {/*color:#888; font-style:italic;*/ display:block; margin-top:10px;}

.fotorama__pointer, .fotorama__stage{height: 800px!important;}


.aicons_wrap {
background:#164466;
color:#fff;
padding:50px 0;
margin-bottom:100px;
}

.aicons_wrap .title {
vertical-align: middle;
font-family: "proxima_nova_blblack";
font-size: 28px;
line-height: 1.21;
letter-spacing: 1px;
text-align: center;
color: #fff;
text-transform: uppercase;
position: relative;
padding-bottom:50px;
}

.aicons {
display: flex;
flex-flow: row nowrap;
height: 100%;
width:1230px;
margin:0 auto;
}

.aicons .item {
height: 100%;
width:16%;
align-self: center;
padding:10px 15px;
font-size:16px;
text-align:center;
position:relative;
}

.aicons .item img {
width:70px;
display:block;
padding:10px 0;
margin:0 auto;
}
.aicons .mark:after {
content:'';
position:absolute;
width:20px; height:20px;
background:#e48b1f;
border-radius:40px;
right:0; top:60px;
}

.news-detail-audit img {width: calc(50% - 10px);}

.submenu_content-tekhnologi li:nth-child(3){}

.catalog_list_table .row .cell-passport.name span:last-child {
    padding-bottom: 20px;
}

.catalog_list_table .row .cell-passport.name span a {
     border-bottom: none;
}

.catalog_list_table .row .cell-passport.name span a:hover {
    color:#e48b1f; /*text-decoration: underline;*/
}

.catalog_list_table .row .cell-passport.name span {
    padding-left: 21px;padding-bottom: 10px;
}

.catalog_list_table .row .cell .passport-name {color: #164466;background-color: #e7ecef;padding: 12px 35px 12px 50px!important;text-align: center;max-width: 100%!important;margin-bottom: 10px!important; }

.catalog_list_table .row:hover .cell-passport.name span:after {
border-color: transparent!important;
}

.tree-column-img{width:calc(33% - 10px)!important;}

@media screen and (max-width: 1100px){
.aicons {width:100%; flex-flow: row wrap;}
.aicons .item {font-size:14px; width:50%; padding:0; margin:5px 0;}
.aicons .mark:after {content:none;}
.aicons .item img {width:40px;}
}

@media screen and (max-width: 1280px){
.element_detail .right {width: 45%;}
}

@media screen and (max-width: 800px){
.news-detail-audit img {width: 100%;}
}

.left-menu-cont .menu li:nth-child(5){display:block!important;

}

@media screen and (max-width: 767px){
.catalog_list_table .row .cell-passport.name {
     text-align: left;

}
.catalog_list_table .row .cell-passport.name span {
    width: auto;
}
.tree-column-img{width:100%!important;}
.news-audit-tekhnologi .content_anons{margin-top: 170px;}
.copyright-mobile__item-bottom{display: none;}
}



.online-view {
background: #e48b1f;
z-index: 999;
position: absolute;
width: 100%;
padding: 10px 0;
bottom: 0;
text-decoration: none!important;
}
.online-view:hover {
opacity:0.9;
}


.online-view a {color: #fff; text-decoration:none; margin-left:10px;}
.online-view a:before {content:url(/images/online-catalog.svg); position:absolute; top:10px; left:40px;}

.left-menu-cont .menu .fade_item.master {display:none!important;}

/*Поиск*/

.search-page {
	
}

.search-page a {
	color:#164466;
}

.search-page input.search-suggest {
    height: 40px;
    width: 615px;
    padding: 5px 20px;
    margin: 0;
    font-size: 18px;
	border:1px solid #a2a2a2;
	border-radius:4px;
	margin-right:10px;
}
 

.search-page .btn-search {
	height:50px;
	background:#E48B1F;
	border:0;
	color:#fff;
	font-size:18px;
	width:20%;
	border-radius:4px;
	cursor:pointer;
}
 
.search-page .btn-search:hover {
	opacity:0.8;
}
 

.search-page .path {
    display: block;
    font-size: 14px;
    line-height: 13px;
    padding: 0;
    margin: 0;
    list-style: none;
    background: 0 0;
}


body.content .cont .search-page .path>li {
    display: inline-block;
    vertical-align: top;
}


body.content .cont .search-page .path {
	padding:5px 0 10px 0;
}

body.content .cont .search-page .path a {
	text-decoration:none;
}

.search-page .path>li+li:before {
    content: "一";
    padding: 0 5px;
    position: static;
    background: 0 0;
}

.search_item {
	margin:15px 0;
	padding:25px; 
	border-radius:6px;
	background:#fefefe;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.search_item .search_title {
	font-size:20px;
	text-decoration:none;
	color:#164466;
}

.search_item .text {
	font-size:15px;
	opacity:0.75;
}


.search-page hr {display:none;}

.search-form form{}
.search-form form input{height: 32px; width: 230px;margin: 20px 10px;}
.search-form form input::placeholder {font-size:16px;padding-left:5px;font-family: 'proxima_nova_rgregular';font-weight: 400;}

/* End */


/* Start:/bitrix/templates/nhl/template_styles.css?1773149351112537*/
@font-face {
font-family: 'proxima_nova_blblack';
src: url('/bitrix/templates/nhl/fonts/proxima_nova_black-webfont.eot');
src: url('/bitrix/templates/nhl/fonts/proxima_nova_black-webfont.eot?#iefix') format('embedded-opentype'),
url('/bitrix/templates/nhl/fonts/proxima_nova_black-webfont.woff2') format('woff2'),
url('/bitrix/templates/nhl/fonts/proxima_nova_black-webfont.woff') format('woff'),
url('/bitrix/templates/nhl/fonts/proxima_nova_black-webfont.ttf') format('truetype'),
url('/bitrix/templates/nhl/fonts/proxima_nova_black-webfont.svg#proxima_nova_blblack') format('svg');
font-weight: normal;
font-style: normal;

}
@font-face {
font-family: 'proxima_nova_rgbold';
src: url('/bitrix/templates/nhl/fonts/proxima_nova_bold-webfont.eot');
src: url('/bitrix/templates/nhl/fonts/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/bitrix/templates/nhl/fonts/proxima_nova_bold-webfont.woff2') format('woff2'),
url('/bitrix/templates/nhl/fonts/proxima_nova_bold-webfont.woff') format('woff'),
url('/bitrix/templates/nhl/fonts/proxima_nova_bold-webfont.ttf') format('truetype'),
url('/bitrix/templates/nhl/fonts/proxima_nova_bold-webfont.svg#proxima_nova_rgbold') format('svg');
font-weight: normal;
font-style: normal;

}
@font-face {
font-family: 'proxima_nova_rgregular';
src: url('/bitrix/templates/nhl/fonts/proxima_nova_regular-webfont.eot');
src: url('/bitrix/templates/nhl/fonts/proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/bitrix/templates/nhl/fonts/proxima_nova_regular-webfont.woff2') format('woff2'),
url('/bitrix/templates/nhl/fonts/proxima_nova_regular-webfont.woff') format('woff'),
url('/bitrix/templates/nhl/fonts/proxima_nova_regular-webfont.ttf') format('truetype'),
url('/bitrix/templates/nhl/fonts/proxima_nova_regular-webfont.svg#proxima_nova_rgregular') format('svg');
font-weight: normal;
font-style: normal;

}
*{
outline:none;
}
html {
min-height: 100vh;
margin: 0;
padding: 0;
}
input::-ms-clear{
display: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
body {
font-size: 18px;
font-family: 'proxima_nova_rgregular';
font-weight:400;
min-height: 100vh;
background:#fff;
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
b,strong{
font-style: normal;
font-weight: normal;
font-family: 'proxima_nova_rgbold';
}
i,em{
font-style: normal;
font-weight: normal;
font-family: 'proxima_nova_rgbold';
}
.wrapper {
width: 100%;
margin: 0 auto;
min-height: 100vh;
overflow: hidden;
}
input,
textarea{
font-family: 'proxima_nova_rgregular';
}
h1,
div.h1{
margin:0;
color:#164466;
font-size:50px;
font-family: 'proxima_nova_rgbold';
font-weight: normal;
}
.content h2{
margin:0 0 30px 0;
color:#164466;
font-size:30px;
font-family: 'proxima_nova_rgregular';
text-align:Center;
font-weight: normal;
}
*::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
*::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
*:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
*:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
*:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
*:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
*:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
*:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}
input[type="text"]:focus { outline: none; }
textarea:focus { outline: none; }


/* Header
-----------------------------------------------------------------------------*/
.header {
height: 80px;
width:100%;
margin:0 auto;
position:fixed;
top:0;
left:0;
z-index:10;
}
.header .bg{
position:absolute;
left:0;
top:0;
width:100%;
height:80px;
z-index:-1;
background-color: #164466;
display:block;
content:'';
}
.header_bg2{
position:fixed;
left:0;
top:0;
width:100%;
height:80px;
z-index:5;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #000000);
display:block;
content:'';
opacity:0;
display:none;
}
.header .wrapper-menu{
position:absolute;
left:0;
top:0;
height:14px;
width:20px;
padding:33px 20px 32px;
cursor:pointer;
z-index: 11;
/*	transition-property: transform, opacity;
transition: 0.5s;*/
}

/* .header .menu_btn .btn-inner{
position: relative;
width: 100%;
height: 100%;
}
.header .menu_btn:hover .btn-inner span{
background-color: #e48b1f;
}
.header .menu_btn span{
display:block;
position: absolute;
height:2px;
width: 100%;
background-color:#fff;
left: 0;
}
.header .menu_btn span:first-child{
bottom: 12px;
transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.3s;
}
.header .menu_btn.close span:first-child{
bottom: 6px;
transform: rotate(-45deg);
transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.3s;
}
.header .menu_btn span:nth-child(2){
top: 50%;
margin-top: -1px;
transition: background 0.3s;
}
.header .menu_btn.close span:nth-child(2){
opacity: 0;
transition:  0ms 300ms;
}
.header .menu_btn span:last-child{
top: 12px;
transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.3s;
}
.header .menu_btn.close span:last-child{
top: 6px;
transform: rotate(45deg);
transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.3s;
} */



.header .wrapper-menu .btn-inner{
    position: relative;
    width: 100%;
    height: 100%;
    }
    .header .wrapper-menu:hover .btn-inner span{
    background-color: #e48b1f;
    }
    .header .wrapper-menu span{
    display:block;
    position: absolute;
    height:2px;
    width: 100%;
    background-color:#fff;
    left: 0;
    }
    .header .wrapper-menu span:first-child{
    bottom: 12px;
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.3s;
    }
    .header .wrapper-menu.close span:first-child{
    bottom: 6px;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.3s;
    }
    .header .wrapper-menu span:nth-child(2){
    top: 50%;
    margin-top: -1px;
    transition: background 0.3s;
    }
    .header .wrapper-menu.close span:nth-child(2){
    opacity: 0;
    transition:  0ms 300ms;
    }
    .header .wrapper-menu span:last-child{
    top: 12px;
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.3s;
    }
    .header .wrapper-menu.close span:last-child{
    top: 6px;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), background 0.3s;
    }

/*.header .menu_btn.close{
transform: rotate(360deg);
}
.header .menu_btn:after{
display: block;
position: absolute;
top: 50%; margin-top: -10px;
left: 20px;
height: 20px;
width: 20px;
content: '';
background-image: url("/bitrix/templates/nhl/images/close_btn.svg");
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 0 0;
opacity: 0;
transition: opacity .5s, background .3s;
}
.header .menu_btn:hover::after{
background-image: url("/bitrix/templates/nhl/images/close_btn_orange.svg");
}
.header .menu_btn.close:after{
opacity: 1;
}
.header .menu_btn.close span{
opacity: 0;
}*/

/*.header .menu_btn:hover span{
background-color: #e48b1f;
}*/

.header .logo{
position:absolute;
 width:160px;
 height:40px;
/*width:200px;
height:61px;*/
 top:20px;
/*top:10px;*/
 left:70px;
/*left:60px;*/
background-image:url("/bitrix/templates/nhl/images/mini.svg");
/*background-image: url("/bitrix/templates/nhl/images/logo30.svg");*/
/*background-image: url("/bitrix/templates/nhl/images/logo30.svg");*/
background-repeat:no-repeat;
background-position:center center;
background-size: contain;
display:block;
}
body.en .header .logo{
background-image:url("/bitrix/templates/nhl/images/logo_en.svg");
background-size: 100% auto;
}
.header .inner{
width:940px;
height: 75px;
position:absolute;
top:0;
left:50%;
margin-left:-470px;
}
.header .inner:after{
clear:both;
content:'';
display:block;
}
.header .inner .nav{
position:relative;
z-index:2;
margin:0 auto;
}
.header .inner .nav ul.menu{
list-style:none;
margin:0 auto;
padding:0;
display:block;
text-align:Center;
height:80px;
}
.header .inner .nav ul.menu:after{
clear:both;
content:'';
display:block;
}
.header .inner .nav ul.menu>li{
display:inline-block;
margin:0 30px 0 0;
position:relative;
color: #ffffff;
cursor:pointer;
height:80px;
line-height:80px;
}
.header .inner .nav ul.menu li:last-child{
margin:0;
}
.header .inner .nav ul.menu li a{
font-size: 18px;
color: #ffffff;
text-decoration:none;
}
.header .inner .nav ul.menu>li.selected:before{
position:absolute;
top: 0;
left:0;
width:100%;
height:5px;
background-color: #e48b1f;
content:'';
display:block;
z-index:10;
}
.header .inner .nav ul.menu>li ul.lvl2{
visibility: hidden;
transition: opacity 0.4s, visibility 0.4s;
display:block;
width:276px;
padding:40px 0px 25px 0;
top: -1000px;
margin-left:-29px;
position:absolute;
background-color: #e48b1f;
box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.1);
opacity: 0;
/* transition: opacity 0.4s; */
z-index: 9;
}
.header .inner .nav ul.menu>li ul.lvl3 {
	transition: opacity 0.4s, visibility 0.4s;
	display: block;
	width: 276px;
	padding: 40px 0px 25px 0;
	left: 100%;
	top: -44px;
	position: absolute;
	background-color: #e48b1f;
	box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.1);
	opacity: 0;
	pointer-events: none;
	/* transition: opacity 0.4s; */
	z-index: 9;
}
.header .inner .nav ul.menu>li:hover ul.lvl2{
opacity: 0.95;
top: 80px;
visibility: visible;
}
.header .inner .nav ul.menu>li ul.lvl2>li:has(ul.lvl3) {
	position: relative;
	display: flex;
	align-items: center;
}
.header .inner .nav ul.menu>li ul.lvl2>li:has(ul.lvl3)::after {
    content: '';
    display: inline-block;
    margin-left: auto;
    margin-right: 16px;
    rotate: -90deg;
    width: 12px;
    height: 7px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7"><g transform="translate(1 0)" stroke-width="2" stroke="%23fff" fill="none"><g transform="translate(5.5 3) scale(1 -1) rotate(90) translate(-5.5 -3) translate(3 -2)"><polyline points="4.40562275 10 0 5.10082502 4.40562275 0.201650042"/></g></g></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}
.header .inner .nav ul.menu>li ul.lvl2>li:has(ul.lvl3)::before{
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: -4px;
}
.header .inner .nav ul.menu>li ul.lvl2>li:has(ul.lvl3):hover ul.lvl3{
    opacity: 0.95;
    pointer-events: all;
}
.header .inner .nav ul.menu>li ul.lvl2 li{
display:block;
height:auto;
line-height:1.4;
margin-bottom:15px;
text-align:left;
}
.header .inner .nav ul.menu>li ul.lvl2 a,
.header .inner .nav ul.menu>li ul.lvl2 span{
font-size: 16px;
text-align: left;
color: #ffffff;
text-decoration:none;
display:inline-block;
padding-left:29px;
padding-right:40px;
transition:color .3s;
}
.header .inner .nav ul.menu>li ul.lvl2 a div{
margin-left:34px;
}
.header .inner .nav ul.menu>li ul.lvl2 a .ico{
width: 22px;
height: 22px;
float: left;
background-size: 22px 66px;
background-position: left top;
background-repeat: no-repeat;
margin-left:0;
position:relative;
}
.header .inner .nav ul.menu>li ul.lvl2 a .ico .hover{
width: 22px;
height: 22px;
background-size: 22px 66px;
background-position: left -22px;
background-repeat: no-repeat;
margin-left:0;
position:absolute;
top:0;
left:0;
opacity:0;
transition:opacity .3s;
}

.header .inner .nav ul.menu>li>span:after{
position: absolute;
z-index: 8;
width: 100%;
height: 80px;
content: '';
left: 0;
top: -27px;
display:none;
}
.header .inner .nav ul.menu>li:hover{
z-index:11;
}
.header .inner .nav ul.menu>li:hover>span{
color: #fff;
z-index:10;
position:relative;
}
.header .inner .nav ul.menu>li ul.lvl2 a:hover{
color: #164466;
}
.header .inner .nav ul.menu>li ul.lvl2 a:hover .ico{
background-image: none !important;
}
.header .inner .nav ul.menu>li ul.lvl2 a:hover .ico .hover{
opacity:1;
}
.header .left-menu{
display: none;
position: fixed;
width: 100%;
height: 100vh;
background-color: #164466;
z-index: 10;
/*padding-top: 105px;*/
padding-bottom: 15px;
box-sizing: border-box;
}
.header .left-menu ul{
padding: 0;
margin: 0;
list-style: none;
}
.header .left-menu .left-menu-inner{
display: block;
position: relative;
height: 100%;
max-height: 100%;
overflow-y: auto;
width: 100%;
}
.header .left-menu .left-menu-inner .mCSB_inside > .mCSB_container{
margin-right: 0;
}
.header .left-menu .left-menu-cont{
width: 1375px;
margin: 0 auto;
padding-top: 105px;
box-sizing: border-box;
}
.header .left-menu .left-menu-cont:after{
display: block;
clear: both;
content: '';
}
.header .left-menu .left-menu-inner .mCSB_scrollTools{
right: 10px;
top: 15px;
}
.header .left-menu .left-menu-inner .mCSB_scrollTools .mCSB_dragger{
padding-top: 0px;
box-sizing: border-box;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{
opacity: 1;
width: 12px;
position: absolute;
left: 50%;
margin-left: -6px;
height: 8px;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center center;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{
background-image: url("/bitrix/templates/nhl/images/mCSB_buttons_down.svg");
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{
background-image: url("/bitrix/templates/nhl/images/mCSB_buttons_up.svg");
}
.header .left-menu .left{
width: 996px;
display: block;
float: left;
}
.header .left-menu .right{
float: left;
width: 265px;
display: block;
margin-left: 70px;
}
.header .left-menu .right .top,
.header .left-menu .right .bot{
display: block;
}
.header .left-menu .right .top{
margin-bottom: 36px;
}
.header .left-menu .right .top .tit{
display: block;
font-family: "proxima_nova_rgregular";
font-size: 28px;
line-height: 1.21;
letter-spacing: 1px;
text-align: left;
color: #e48b1f;
text-transform: uppercase;
margin-bottom: 20px;
}
.header .left-menu .right .top .phone{
position: relative;
top: auto;
right: auto;
margin: 0 0 5px;
font-family: "proxima_nova_rgbold";
font-size: 20px;
line-height: 1.7;
letter-spacing: normal;
text-align: left;
color: #ffffff;
}
.header .left-menu .right .top .city{
position: relative;
top: auto;
right: auto;
margin: 0 0 30px;
}
.header .left-menu .right .top .main-office .title{
display: block;
font-family: "proxima_nova_rgbold";
margin-bottom: 10px;
font-size: 18px;
line-height: 1.44;
letter-spacing: 1px;
text-align: left;
color: #ffffff;
text-transform: uppercase;
}
.header .left-menu .right .top .main-office .adrs{
font-family: "proxima_nova_rgregular";
font-size: 18px;
line-height: 1.44;
text-align: left;
color: #ffffff;
margin-bottom: 11px;
}
.header .left-menu .right .top .main-office .email{
font-family: "proxima_nova_rgregular";
font-size: 18px;
line-height: normal;
text-align: left;
color: #e48b1f;
text-decoration: none;
}
.header .left-menu .right .bot a{
text-decoration: none;
}
.header .left-menu .right .bot .news-list{
padding: 0;
margin-bottom: 50px;
}
.header .left-menu .right .bot .news-list .tit{
display: block;
font-family: "proxima_nova_rgbold";
margin-bottom: 10px;
font-size: 18px;
line-height: 1.44;
letter-spacing: 1px;
text-align: left;
color: #ffffff;
text-transform: uppercase;
}
.header .left-menu .right .bot .news-list ul li{
margin-bottom: 15px;
display: block;
}
.header .left-menu .right .bot .news-list ul li a{
display: block;
font-family: "proxima_nova_rgregular";
font-size: 18px;
text-align: left;
color: #ffffff;
transition: color .3s;
}
.header .left-menu .right .bot .news-list ul li a:hover{
color: #e48b1f;
}
.header .left-menu .right .bot .feedback{
display: block;
width: 216px;
line-height: 50px;
border: solid 1px #ffffff;
text-align: center;
text-transform: uppercase;
font-family: "proxima_nova_rgregular";
font-size: 18px;
letter-spacing: 1px;
color: #ffffff;
position: relative;
transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
background-color: rgba(0,0,0,0);
z-index: 1;
}
.header .left-menu .right .bot .feedback:hover {
background-color: transparent;
border-color: #FFF;
color: #164466;
/*text-shadow: nthree*/;
}
.header .left-menu .right .bot .feedback:hover:before {
left: 0%;
right: auto;
width: 100%;
}
.header .left-menu .right .bot .feedback:before {
display: block;
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 0px;
z-index: -1;
content: '';
background: #fff;
transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.header .left-menu .top,
.header .left-menu .bot{
display: inline-block;
}
.header .left-menu .menu{
margin-bottom: 40px;
display: inline-block;
position: relative;
}
.header .left-menu .menu:after{
display: block;
clear: both;
content: '';
}
.header .left-menu .menu li{
width: 292px;
margin-right: 60px;
float: left;
}
.header .left-menu .top .menu li:nth-child(3){
margin-right: 0;
}
.header .left-menu .bot .menu li:nth-child(6){
margin-right: 0;
}
.header .left-menu .menu li.retail{
font-family: "proxima_nova_rgregular";
font-size: 18px;
line-height: normal;
color: #ffffff;
max-width: 262px;
padding-top: 18px;
border-top: solid 1px #456985;
}
.header .left-menu .menu li.retail a{
color: #e48b1f;
}
.header .left-menu .menu li span{
display: block;
font-family: "proxima_nova_rgregular";
font-size: 28px;
line-height: 1.21;
letter-spacing: 1px;
text-align: left;
color: #e48b1f;
text-transform: uppercase;
margin-bottom: 20px;
}
.header .left-menu .menu li ul{
width: 292px !important;
}
.header .left-menu .menu li ul li{
float: none;
width: auto;
margin-right: 0;
margin-bottom: 20px;
}
.header .left-menu .menu li ul a{
display: block;
position: relative;
font-family: "proxima_nova_rgregular";
font-size: 18px;
line-height: normal;
text-align: left;
color: #ffffff;
text-decoration: none;
transition: color .3s;
}
.header .left-menu .menu li ul a:after{
display: block;
clear: both;
content: '';
}
.header .left-menu .menu li ul a:hover{
color: #e48b1f;
}
.header .left-menu .menu li ul a div{
float: left;
width: 250px;
padding-top: 1px;
}
.header .left-menu .menu li ul a .ico{
/*position: absolute;*/
/*	top: 50%;
margin-top: -11px;*/
margin-right: 8px;
width: 22px;
height: 22px;
background-size: 22px 66px;
background-repeat: no-repeat;
background-position: top left;
transition: background-image .3s;
}
.header .left-menu .menu li ul a .ico .hover{
width: 22px;
height: 22px;
background-size: 22px 66px;
background-position: left -44px;
background-repeat: no-repeat;
margin-left: 0;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity .3s;
}
.header .left-menu .menu li ul a:hover .ico{
background-position: left -44px;
}
.header .left-menu .menu li ul a:hover .ico .hover{
opacity: 1;
}
.header .city{
position:absolute;
z-index:1;
top:15px;
right:70px;
font-size: 16px;
color: #ffffff;
width:152px;
}
.header .city:hover{
z-index: 11;
}
.header .city>div{
cursor:pointer;
padding-left:16px;
background-image:url("/bitrix/templates/nhl/images/ico_city.svg");
background-repeat:no-repeat;
background-position:left center;
background-size:10px auto;
float:right;
}
.header .city>div>span{
border-bottom: dashed 1px rgba(255,255,255,0.4);
}
.header .city:hover>div {
color: #fff;
z-index: 21;
position: relative;
}
.header .city ul{
display: block;
width: 238px;
padding: 62px 0px 25px 0;
top: -10000px;
margin-left: -30px;
position: absolute;
background-color: #e48b1f;
box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.1);
opacity: 0;
z-index: 20;
transition: opacity 0.5s;
}
.header .city:hover ul {
top: -31px;
opacity: 0.95;
}
.header .city ul li{
display:block;
height:auto;
line-height:1.63;
margin-bottom:15px;
text-align:right;
}
.header .city ul a{
font-size: 16px;
text-align: left;
color: #ffffff;
text-decoration:none;
display:inline-block;
padding-left:30px;
padding-right:55px;
transition:color .3s;
}
.header .city ul a:hover{
color: #164466;
}
.header .phone{
position:absolute;
z-index:1;
top:44px;
right:70px;
color: #fff;
}
.header .phone a{
font-size: 16px;
color: #ffffff;
text-decoration: none;
position: relative;
top: 0;
opacity: 1;
transition: 0.8s;
}
.contact-mobile-rigth-menu__wrapper.open .phone a {
opacity: 1;
}
.copyright-mobile {
display: none;
}
.header .return_a_call{
position:absolute;
width:70px;
height:80px;
top:0;
right:0;
display:block;
cursor:pointer;
display:block;
}
.header .return_a_call:after{
position: absolute;
display: block;
content: '';
width: 25px;
height: 25px;
top: 50%;
margin-top: -13px;
left: 50%;
margin-left: -13px;
background-image:url("/bitrix/templates/nhl/images/ico_top_phone.svg");
background-repeat:no-repeat;
background-position:top center;
background-size: 25px 50px;
opacity: 1;
transition: opacity .3s;
}
.header .return_a_call:before{
position: absolute;
display: block;
content: '';
width: 25px;
height: 25px;
top: 50%;
margin-top: -13px;
left: 50%;
margin-left: -13px;
background-image:url("/bitrix/templates/nhl/images/ico_top_phone.svg");
background-repeat:no-repeat;
background-position: center -25px;
background-size: 25px 50px;
opacity: 0;
transition: opacity .3s;
}
.header .return_a_call:hover::after{
opacity: 0;
}
.header .return_a_call:hover::before{
opacity: 1;
}
.header .inner .return_a_call:hover{
/*background-position:center -25px;*/
}
.header .lang{
position:absolute;
width:70px;
height:30px;
top:25px;
right:0;
display:block;
cursor:pointer;
font-size:16px;
}
.header .lang a.en{
display:block;
width:40px;
height:30px;
color: #fff;
text-decoration: none;
margin:0 auto;
text-align: center;
line-height: 30px;
}
.contact-mobile {
display: none;
}
/*Content
-----------------------------------------------------------------------------*/
main.content{
width:100%;
/*padding-bottom:70px;
padding-top:75px;*/
min-height: 100vh;
box-sizing: border-box;background: #fff;
}
.cont{
width: 100%;
min-height: 100vh;
padding-bottom: 100px;
padding-top: 80px;
box-sizing: border-box;
position:relative;
}
body.content .wrapper{
/* padding-bottom: 70px; */
}
body.content .cont{
padding-top:64px;
width:840px;
margin:0 auto;
min-height:auto;
padding-bottom: 100px;
}
body.job .cont{
padding-top: 60px;
}
body.content .cont p{
margin:0 0 1em 0;
}
body.content .cont ul{
list-style:none;
margin:0;
padding:60px 0 0;
}
body.job .cont ul{
padding:0 0 0;
}
body.content .cont ul li{
display:block;
margin:0;
padding:0;
line-height: 2;
}
.content-text-block{
margin-bottom:40px;
line-height: 1.6;
}
body.content .cont img{
max-width:100%;
height:auto;
}
main.content .bg_cont{
background-image: linear-gradient(to top, #ffffff, #f1f1f1 100%);
height:500px;
position:absolute;
left:0;
width:100%;
}
body.job .cont p{
line-height: 1.67;
}
body.job.careers .cont{
padding-bottom: 0;
}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
/* margin: -70px auto 0; */
margin: 0 auto;
width:100%;
height: 70px;
position: relative;
background-color: #164466;
z-index:2;
}
.contacts .footer {
    position: absolute;
    bottom: 0;
}
.footer .wrap{
width:100%;
margin:0 auto;
position:relative;
font-size: 16px;
line-height: 1.63;
color: #ffffff;
}
.footer .wrap .copyrights{
position:absolute;
left:26px;
top:22px;
z-index:2;
}
.footer .wrap .copyrights a{
text-decoration:none;
color: #b4c0c8;
margin-left:20px;
}
.footer .wrap a{
transition: color .3s;
}
.footer .wrap a:hover,
.footer .wrap .vozduh a:hover,
.footer .wrap .lang a:hover,
.footer .wrap .contacts .email a:hover{
color: #e48b1f;
}
.footer .wrap .contacts{
position:absolute;
left:0;
top:22px;
text-align:center;
width:100%;
}
.footer .wrap .contacts div{
display:inline-block;
padding:0 15px;
}
.footer .wrap .contacts .email a,
.footer .wrap .contacts .phone a{
text-decoration: none;
color: #fff;
}
.footer .wrap .right{
position:absolute;
right:26px;
top:22px;
z-index:2;
}
.footer .wrap .vozduh{
position:relative;
float:right;
margin-right:35px;
}
.footer .wrap .vozduh a{
color:#fff;
text-decoration:none;
}
.footer .wrap .lang{
position:relative;
float:right;
}
.footer .wrap .lang a{
color:#fff;
text-decoration:none;
}
.fancybox-container{
font-family: 'proxima_nova_rgregular' !important;
}
.mobile,
.header .city ul li.mobile,
.contact-mobile-rigth-menu .contact-button-mobile,
.sections_list_top>li.mobile,
.contacts .top_map .mobile {
display: none;
}
.wrapper-header-mobile,
.wrapper-header__scroll-mobile{
display: block;
}
@media screen and (max-width: 1400px){
.header .inner .nav ul.menu>li {
margin: 0 20px 0 0;
font-size:16px;
}
.header .left-menu .left-menu-cont{
width: 1200px;
padding-top: 25px;
}
.header .left-menu .right{
margin-left: 0;
}
.header .left-menu .right{
width: 245px;
}
.header .left-menu .left{
max-width: 925px;
width: auto;
}
.header .left-menu .menu li ul{
width: 280px !important;
}
.header .left-menu .menu li{
width: 263px;
}
.header .wrapper-menu{
padding:33px 15px 25px;
}
.header .return_a_call:after{
margin-left: -7.5px;
}
.header .return_a_call:before{
margin-left: -7.5px;
}
a.video {
    height: 45px;
    font-size: 16px;
    line-height: 44px;
    width: 225px;
}
a.video .ico {
    margin-top: -12px;
}
a.float-social {
    height: 46px;
}
.sections_list_top>li>a.item {
    padding: 12px 20px 12px 40px;
}
.sections_list_top>li>a.item>div.img {
    left: 10px;
}
.sections_list_top>li.parent>a.item>.corner {
    right: 6px;
}
}
@media screen and (max-width: 1280px){
.footer .wrap{
font-size: 14px;
}
.footer .wrap .copyrights{
top:10px;
}
.footer .wrap .copyrights a{
display: block;
margin-left: 0;
}
}
@media screen and (max-width: 1259px){
.header{
position: absolute;
}
}
@media screen and (max-width: 767px) {
    a.video, a.float-social{
        display:none;
    }
html {
min-width: 320px;
}
body {
min-width: 320px;
max-width: 767px;
}
textarea,
button,
input:not([type="radio"]):not([type="checkbox"]) {
-webkit-appearance: none;
border-radius: 0;
}
body.zapchasti{
background-color: #fff;
}
.mobile {
display: block;
}
.header {
min-width:100%;
width: 100%;
height: 60px;
}
.wrapper-header-mobile {
width: 100%;
position: fixed;
/* background-color: #164466; */
z-index: 500;
}
.wrapper-header-mobile.show{
height: 100vh;
}
.wrapper-header__scroll-mobile {
width: 100%;
position: fixed;
}
.wrapper-header__scroll-mobile.scroll {
height: 100%;
overflow-y: scroll;
}
body.main .header.site-map-mobile .logo {
display: block;
opacity: 1;
}
.header.site-map-mobile .logo {
position: absolute;
}
.header .logo.hide {
opacity: 0;
}
.header.site-map-mobile .lang a.en {
opacity: 1;
}
.header.site-map-mobile .wrapper-menu {
position: absolute;
}
.header.site-map-mobile .wrapper-menu {
    position: absolute;
    }
.main .header {
position: absolute;
-webkit-animation-name: mYopacityMenu;
animation-name: mYopacityMenu;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes mYopacityMenu{
0%{opacity:0}
10%{opacity:0}
20%{opacity:0}
20%{opacity:0}
30%{opacity:0}
40%{opacity:0}
50%{opacity:0.1}
60%{opacity:0.2}
70%{opacity:0.4}
80%{opacity:0.6}
90%{opacity:0.8}
100%{opacity:1}
}
@keyframes mYopacityMenu{
0%{opacity:0}
10%{opacity:0}
20%{opacity:0}
20%{opacity:0}
30%{opacity:0}
40%{opacity:0}
50%{opacity:0.1}
60%{opacity:0.2}
70%{opacity:0.4}
80%{opacity:0.6}
90%{opacity:0.8}
100%{opacity:1}
}
main.content {
min-height: 100%;
}
.header .bg {
height: 60px;
}
.wide.news .wrapper {
overflow: visible;
}
body .wrapper .header_bg2 {
display: none;
}
body.main.blue .header_bg2 {
display: none;
}
.header .logo{
width: 133px;
height: 35px;
top: 13px;
left: 50%;
background-size: contain;
margin-left: -66.5px;
z-index: 10;
transition: .5s;
}

.black-friday-logo{display:none!important;}


body.main .header .logo {
width: 133px;
height: 35px;
background: url(/bitrix/templates/nhl/images/mini.svg) no-repeat;
background: url(/bitrix/templates/nhl/images/mini.png) no-repeat;
top: 13px;
left: 50%;
margin-left: -66.5px;
position: absolute;
z-index: 11;
opacity: 0;
transition: .5s;
}
.header .inner,
.header .city,
.header .phone {
display: none;
}
.header .lang {
top: 0;
width: 23px;
height: 20px;
}
.header .lang a.en {
position: relative;
z-index: 11;
width: 23px;
height: 20px;
line-height: normal;
top: 20px;
right: 20px;
opacity: 0;
transition: .5s;
}
.header .wrapper-menu {
padding: 23px 20px;
z-index: 15;
}
.header .wrapper-menu:hover .btn-inner span{
background-color: #fff;
}
.contact-mobile {
display: block;
width: 21px;
height: 21px;
padding: 20px;
position: absolute;
top: 0;
right: 0;
background: url(/bitrix/templates/nhl/images/phone-mobile_767.svg) no-repeat 50% 50%;
background-size: 21px;
cursor: pointer;
z-index: 15;
}
.contact-mobile-open {
background-image: url(/bitrix/templates/nhl/images/close_btn.svg);
}
.main_block .first_screen .blocks {
min-width: 320px;
max-width: 767px;
height: 100%;
min-height: initial;
position: fixed;
}
.main_block .first_screen .blocks .tmp_bg {
height: 100%;
min-height: initial;
}
.main_block .first_screen {
height: 100%;
min-height: initial;
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: #164466;
}
.main_block .first_screen::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: transparent;
}
.main_block .first_screen .blocks .block {
width: 100%;
display: block;
float: none;
height: 20%;
}
.main_block .first_screen .blocks .block .bg {
margin-left: 0;
background-size: cover;
}
.main_block .first_screen .blocks .block .name,
.main_block .first_screen .blocks .actions {
display: none;
}
.first_screen .text .logo {
background-image: url(/bitrix/templates/nhl/images/logo-mobile_767.svg);
/*background-image: url(/bitrix/templates/nhl/images/logo_vert.svg);    */
width: 105px;
height: 151px;
/*width: 130px;
height: 294px;*/
margin-bottom: 26px;
}
.first_screen .text {
display: table;
height: 100%;
width: 280px;
position: fixed;
top: auto;
left: 50%;
margin-left: -140px;
opacity: 0;
animation-name: myopacity;
-webkit-animation-name: myopacity;
animation-duration: 0.7s;
-webkit-animation-duration: 0.7s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
.logo-wrapper-mobile {
display: table-cell;
vertical-align: middle;
height: 100%;
}
@keyframes myopacity{
from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes myopacity{
from{opacity:0}
to{opacity:1}
}
.first_screen .text .title,
.first_screen .text a.title {
    position: relative;
    font-size: 18px;
    line-height: 1.17;
}
.first_screen .text .title span {
display: block;
color: #e48b1f;
}
    .first_screen .text .title2{
        font-size:14px;
        margin-top:20px;
        line-height: normal;
        letter-spacing: 0.4px;
    }
.first_screen .text a.title .top span i {
font-size: 20px;
}
.first_screen .btn_bottom {
position: fixed;
background-color: transparent;
}
.first_screen .btn_bottom .txt {
width: 14px;
height: 35px;
background: url(/bitrix/templates/nhl/images/landing-next.svg) 0 0/contain no-repeat;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-left: -7px;
padding: 0;
top: 0;
margin-top: 15px;
}
.first_screen .btn_bottom a.lang ,
.first_screen .btn_bottom .txt span {
display: none;
}
/*всплывающая карта сайта*/
.header .left-menu {
width: 100%;
position: relative;
height: 100%;
padding: 0;
}
.header .left-menu .left-menu-inner {
height: auto;
min-height: 100vh;
max-height: none;
overflow: visible;
}
.header .left-menu .left-menu-cont {
width: 100%;
height: 100%;
min-height: 100%;
padding-top: 70px;
box-sizing: border-box;
padding-bottom: 120px;
font-size: 20px
}
.header .left-menu .menu li ul,
.header .left-menu .bot .menu li:nth-child(3) ul li:nth-child(4),
.header .left-menu .bot .menu li:nth-child(4) ul li:nth-child(2),
.header .left-menu .bot .menu li:nth-child(4) ul li:nth-child(6) {
display: none;
}
.no-mobile {
display: none !important;
}
body.proizvodstvo h1 span.no-mobile {
display: block !important;
}
.header .left-menu .top,
.header .left-menu .bot {
display: block;
width: 100%;
}
.header .left-menu .left,
.header .left-menu .right {
max-width: none;
width: auto;
margin-left: 20px;
float: none;
}
.header .left-menu .right {
display: none;
}
.header .left-menu .menu {
width: 100%;
margin-bottom: 0;
}
.header .left-menu .left-menu-cont .fade {
width: 100%;
float: none;
margin: 0;
}
.header .left-menu .menu li span,
.header .left-menu .right .top .tit {
display: inline-block;
vertical-align: top;
position: relative;
font-size: 20px;
cursor: pointer;
}
.header .left-menu .menu li span {
margin-bottom: 30px;
}
.header .left-menu .menu .parent span::before {
content: '';
position: absolute;
display: block;
width: 17px;
height: 17px;
top: 3px;
right: -27px;
background: #1a4d72 url(/bitrix/templates/nhl/images/main_cat_menu_orange.svg) no-repeat 50% 50%/10px 7px;
-o-object-fit: contain;
object-fit: contain;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);

}
.header .left-menu .menu li span.active::before {
-webkit-transform: rotate( 0deg);
transform: rotate( 0deg);
}
.header .left-menu .right .top .tit,
.header .left-menu .right .main-office,
.header .left-menu .right .bot .feedback,
.header .left-menu .right .bot .news-list {
display: none;
}
.copyright-mobile {
display: block;
height: auto;
position: absolute;
bottom: 10px;
margin-left: 20px;
font-size: 14px;
}
.copyright-mobile__item-up {
font-size: 12px;
margin-bottom: 7px;
}
.copyright-mobile__item-middle {
margin-bottom: 10px;
}
.copyright-mobile__text{
text-decoration: none;
color: #fff;
}
.header .left-menu .menu li.retail {
display: none;
}
.header .left-menu .menu li ul {
margin-top: -10px;
margin-bottom: 40px;
}
.header .left-menu .menu li ul a {
font-size: 16px;
}
.header .left-menu .menu li ul li {
margin-bottom: 22px;
}
.header .left-menu .mobile span a {
text-decoration: none;
line-height: 1.21;
font-family: "proxima_nova_rgregular";
letter-spacing: 1px;
text-align: left;
color: #e48b1f;
}
.contact-mobile-rigth-menu {
display: none;
width: 100%;
height: 100vh;
padding: 0 20px;
box-sizing: border-box;
background-color: #164466;
position: fixed;
overflow: hidden;
}
.contact-mobile-rigth-menu__wrapper {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
padding: 0 20px;
box-sizing: border-box;
}
.header .city,
.header .phone {
display: block;
position: static;
margin: 0 auto;
margin-top: 78px;
text-align: center;
}
.header .phone {
margin-top: 12px;
text-align: center;
}
.header .phone a {
font-size: 30px;
color: #e48b1f;
font-family: 'proxima_nova_rgbold', 'Sans-Serif';
}
.header .left-menu .right .top .phone,
.header .left-menu .right .top .city {
display: none;
}
.header .city>div {
float: none;
display: inline-block;
position: relative;
margin-bottom: 1px;
top: 0;
opacity: 0;
transition: 0.4s;
}
.contact-mobile-rigth-menu__wrapper.open .city>div {
opacity: 1;
}
.header .city ul {
display: none;
width: 280px;
padding: 20px 0 20px 0;
top: 51px;
left: 50%;
margin-left: -140px;
opacity: 1;
}
.header .city ul li {
text-align: center;
margin: 0;
padding: 0;
padding-bottom: 15px;
}
.header .city ul li:nth-child(2) {
padding-bottom: 25px;
}
.header .city ul li.mobile {
color: #164466;
font-weight: bold;
}
.header .city ul a {
padding: 0;
}
.header .city:hover ul {
top: 51px;
opacity: 1;
}
.header .city ul li.mobile {
display: block;
}
.contact-mobile-rigth-menu .mobile {
text-align: center;
color: #fff;
}
.contact-mobile-rigth-menu .city,
.contact-mobile-rigth-menu .phone,
.contact-mobile-rigth-menu .mobile {
overflow: hidden;
}
.contact-mobile-rigth-menu .contact-title-mobile {
margin: 0;
padding: 0;
margin-top: 30px;
font-size: 18px;
position: relative;
top: 0;
opacity: 0;
font-family: 'proxima_nova_rgbold', 'Sans-Serif';
transition: 1.2s;
}
.contact-mobile-rigth-menu__wrapper.open .contact-title-mobile {
opacity: 1;
}
.contact-mobile-rigth-menu .contact-main-addres-mobile {
margin-top: 7px;
position: relative;
font-size: 16px;
line-height: 1.38;
top: 0;
opacity: 0;
transition: 1.5s;
}
.contact-mobile-rigth-menu__wrapper.open .contact-main-addres-mobile {
opacity: 1;
}
.contact-mobile-rigth-menu .contact-email-mobile {
display: inline-block;
text-decoration: none;
color: #e48b1f;
margin-top: 6px;
font-size: 16px;
line-height: 1.31;
position: relative;
top: 0;
opacity: 0;
transition: 1.8s;
}
.contact-mobile-rigth-menu__wrapper.open .contact-email-mobile {
opacity: 1;
}
.contact-mobile-rigth-menu .contact-button-mobile {
display: block;
position: absolute;
width: 280px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #fff;
text-align: center;
letter-spacing: 0.5px;
color: #fff;
line-height: 1.63;
text-decoration: none;
padding: 13px;
left: 50%;
margin-left: -140px;
bottom: 20px;
}
body.main .header .bg {
opacity: 0;
z-index: 11;
transition: all 0s ease 0s;
}
.other,
.footer{
display: none;
}
body.main.blue .cont {
padding-bottom: 0;
min-height: 100%;
}
.main_block {
min-height: 100%;
}
/*
Mobile-other
*/
.mobile-other {
max-width: 767px;
min-height: 100vh;
margin-top: 100vh;
background: #164466;
padding: 20px;
position: relative;
z-index: 5;
}
.mobile-other__info-box {
background: #fff;
margin: 10px auto;
overflow: hidden;
height: 125px;
position: relative;
}
.mobile-other__info-box:nth-child(even) {
background: #e48b1f;
}
.mobile-other__link {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
.mobile-other__info-text {
padding: 20px 0 20px 20px;
}
.mobile-other__info-text_anons {
padding: 32px 0 0 20px;
}
.mobile-other__info-text_ingredients {
padding-top: 30px;
}
.mobile-other__info-box:nth-child(even) .mobile-other__info-text {
float: right;
}
.mobile-other__title,
.mobile-other__text {
margin: 0;
padding: 0;
}
.mobile-other__info-box:nth-child(even) .mobile-other__title,
.mobile-other__info-box:nth-child(even) .mobile-other__text {
color: #fff;
}
.mobile-other__title {
font-family: 'proxima_nova_blblack', sans-serif;
text-transform: uppercase;
font-size: 16px;
font-weight: 900;
text-align: left;
letter-spacing: 0.8px;
color: #e48b1f;
padding-bottom: 7px;
position: relative;
z-index: 1;
}
.mobile-other__text {
width: 190px;
color: #164466;
font-size: 14px;
line-height: 1.29;
text-align: left;
position: relative;
z-index: 1;
}
.mobile-other__text_anons,
.mobile-other__title_anons {
color: #fff;
}
.mobile-other__title_anons {
white-space: nowrap;
}
.mobile-other__image {
position: absolute;
height: 100%;
top: 0;
right: 0;
}
.mobile-other__info-box:nth-child(even) .mobile-other__image {
left: 0;

}
.mobile-other__image_mirror {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
right: -50px;
}
/**
Лендинг
*/
.landing-mobile {
display: none;
min-width: 320px;
max-width: 767px;
position: relative;
padding-bottom: 51px;
background-color: #164466;
}
.landing-mobile__info-block {
position: relative;
padding: 0 20px 0 20px;
}
.lending-mobile__info-block_theme-orange {
background-color: #e48b1f;
}
.lending-mobile__info-block_theme-blue {
color: #164466;
}
.landing-mobile__info-block:nth-child(4) {
padding-bottom: 50px;
}
.landing-mobile__info-block:nth-child(5) .info-block {
padding-top: 16px;
}
.landing-mobile__info-block:nth-child(5) .info-block .info-block__accent {
line-height: 1;
}
.landing-mobile__info-block:nth-child(6) .info-block {
padding-top: 41px;
}
.landing-mobile__info-block:nth-child(6) .info-block .info-block__item_nearbyItem {
margin-top: 0;
margin-right: 36px;
}
.landing-mobile__info-block:nth-child(6) .info-block .info-block__item-img {
width: 46px;
height: 31px;
}
.landing-mobile__info-block:nth-child(6) .info-block .text-accent {
font-size: 40px;
}
.landing-mobile__info-block:nth-child(6) .info-block .info-block__item-text {
margin-top: 0;
font-size: 14px;
}
.landing-mobile__logo {
position: fixed;
cursor: pointer;
width: 133px;
height: 35px;
top: 12px;
left: 50%;
margin-left: -66.5px;
z-index: 500;
}
.landing-title {
padding: 0;
margin: 0 auto;
padding-top: 68px;
font-family: 'proxima_nova_rgbold';
text-align: center;
color: #fff;
font-size: 16px;
line-height: 1.38;
font-style: normal;
font-stretch: normal;
letter-spacing: 0.5px;
}
.landing-title__accent {
color: #e48b1f;
}
.cards {
margin-top: 20px;
}
.cards__title {
margin: 0 auto;
padding: 0;
color: #fff;
font-size: 16px;
font-weight: normal;
line-height: 1.63;
text-align: center;
}
.card {
margin: 10px auto 0 auto;
padding: 0 20px 0 15px;
box-sizing: border-box;
cursor: pointer;
position: relative;
max-height: 90px;
overflow: hidden;
transition: none;
transition: max-height 1s, height .5s;

}
.card.open{
max-height: 600px;
}
.card:after{
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.3);
z-index: 1;
}
.card_bread {
background: url("/bitrix/templates/nhl/images/bread.jpg") no-repeat 0 0/cover;
}
.card_meat {
background: url("/bitrix/templates/nhl/images/meat.jpg") no-repeat 0 0/cover;
}
.card_package {
background: url("/bitrix/templates/nhl/images/package-copy-4@2x.jpg") no-repeat 0 0/cover;
}
.card_horeca {
background: url("/bitrix/templates/nhl/images/horeca.jpg") no-repeat 0 0/cover;
}
.card_ingred {
background: url("/bitrix/templates/nhl/images/ingred.jpg") no-repeat 0 0/cover;
}
.card__preview {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 90px;
position: relative;
z-index: 2;
}
.card__icon {
width: 28px;
height: 28px;
-ms-flex-negative: 0;
flex-shrink: 0;
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.card__icon_bread {
background-image: url('/bitrix/templates/nhl/images/bread.svg');
}
.card__icon_meat {
background-image: url('/bitrix/templates/nhl/images/meat.svg');
}
.card__icon_packege {
background-image: url('/bitrix/templates/nhl/images/package.svg');
}
.card__icon_horeca {
background-image: url('/bitrix/templates/nhl/images/horeca.svg');
}
.card__icon_ingred {
background-image: url('/bitrix/templates/nhl/images/ingred.svg');
}
.card__title {
width: 168px;
margin: 0;
padding: 0 25px 0 15px;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-transform: uppercase;
color: #fff;
font-size: 14px;
font-family: 'proxima_nova_rgbold', 'Sans-Serif';
line-height: 1.43;
letter-spacing: 0.2px;
text-align: left;
}
.card__toggle {
width: 14px;
height: 8px;
-ms-flex-negative: 0;
flex-shrink: 0;
background-image: url('/bitrix/templates/nhl/images/arrow_white.svg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
transition: cubic-bezier(0, 0, 0.19, 0.97) 0.2s;
}
.card__toggle_open {
transform: rotate(180deg);
}
.card__full {
display: block;
padding-bottom: 20px;
position: relative;
z-index: 2;
}
.card__full_active {
display: block;
}
.card__full-icon {
width: 20px;
display: block;
position: absolute;
top: 23px;
left: 6px;
}
.card__content {
color: #fff;
font-size: 14px;
line-height: 1.21;
text-align: left;
padding-left: 40px;
}
.card__content-box {
width: 60px;
display: inline-block;
vertical-align: top;
}
.card_horeca .card__content-box:nth-child(2) {
margin-left: 57px;
}
.card_horeca .card__content-box:nth-child(3) {
display: block;
}
.card__text {
width: 170px;
margin-top: 15px;
line-height: 1.21;
}
.card_horeca .card__text {
width: 90px;
}
.card__text_production {
width: 50%;
}
.text-accent {
display: block;
font-size: 32px;
font-weight: 900;
font-family: 'proxima_nova_blblack', sans-serif;
}
.card__img {
width: 50px;
height: 50px;
margin-top: 17px;
margin-bottom: -14px;
}
.card_horeca .card__content-box:nth-child(2) .card__img {
width: 44px;
height: 43px;
margin-top: 20px;
margin-bottom: -11px;
}
.card_horeca .card__content-box:nth-child(3) .card__img {
width: 38px;
height: 47px;
}
.card__img_production {
width: 82px;
margin-top: 0;
margin-bottom: -14px;
}
.card__phone,
.card__email {
display: block;
color: #e48b1f;
font-size: 16px;
text-decoration: none;
}
.card__phone {
margin-top: 40px;
font-family: 'proxima_nova_rgbold', 'sans-serif';
}
.card__email {
margin-top: 10px;
font-size: 14px;
text-decoration: none;
}
.info-block {
color: #fff;
padding-top: 30px;
position: relative;
}
.info-block__title {
width: 100%;
margin: 0;
padding: 0;
text-align: left;
text-transform: uppercase;
font-family: 'proxima_nova_blblack', sans-serif;
font-size: 22px;
font-weight: 900;
line-height: 1.18;
letter-spacing: 0.5px;
position: relative;
z-index: 1;
}
.info-block__title_blockSubmit {
width: 100%;
}
.info-block__text {
width: 100%;
margin: 0;
margin-top: 20px;
padding: 0;
position: relative;
font-size: 16px;
line-height: 1.5;
text-align: left;
z-index: 1;
}
.info-block__text_width {
width: 242px;
}
.info-block__text_inBlock4 {
width: 195px;
}
.info-block__person-name,
.info-block__person-title {
display: block;
text-align: left;
}
.info-block__person-name {
padding-top: 10px;
font-size: 16px;
line-height: 1.63;
}
.info-block__person-title {
font-size: 14px;
line-height: 1.71;

}
.info-block__more {
display: block;
width: 70%;
margin: 0;
margin-bottom: 40px;
padding: 0;
margin-top: 19px;
text-decoration: none;
font-size: 18px;
line-height: 1.33;
text-align: left;
color: #e48b1f;
position: relative;
z-index: 1;
}
.info-block__img {
position: absolute;
width: 90%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
top: 26%;
left: 49%;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.info-block__img_scald {
position: absolute;
-webkit-transform: none;
transform: none;
width: auto;
height: 479px;
top: auto;
left: auto;
bottom: 0;
right: -184px;
}
.info-block__images {
width: 100%;
margin-top: -6px;
position: static;
}
.landing-mobile__info-block:nth-child(4) .info-block__images {
text-align: center;
}
.landing-mobile__info-block:nth-child(6) .info-block__images {
display: block;
}
.info-block__images_nearbyItem {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 30px;
padding-bottom: 34px;
position: relative;
z-index: 1;
}
.info-block__item {
display: inline-block;
width: 90px;
margin-top: 21px;
text-align: center;
}
.landing-mobile__info-block:nth-child(4) .info-block__images .info-block__item:nth-child(3n) {
float: right;
}
.landing-mobile__info-block:nth-child(4) .info-block__images .info-block__item:nth-child(2) {
width: 33%;
}
.landing-mobile__info-block:nth-child(4) .info-block__images .info-block__item:nth-child(5) {
width: 33%;
}
.landing-mobile__info-block:nth-child(4) .info-block__images .info-block__item:nth-child(1) {
float: left;
}
.landing-mobile__info-block:nth-child(4) .info-block__images .info-block__item:nth-child(4) {
float: left;
}
.landing-mobile__info-block:nth-child(6) .info-block__item {
display: inline-block;
width: 100px;
vertical-align: top;
}
.info-block__item_nearbyItem {
margin-right: 32px;
text-align: left;
}
.landing-mobile__info-block:nth-child(6) .info-block .info-block__item_nearbyItem:last-child {
margin: 0;
}
.info-block__item-img {
width: 60px;
height: 43px;
}
.info-block__item-text {
font-size: 12px;
line-height: normal;
font-weight: normal;
}
.info-block__accent {
font-size: 140px;
font-weight: 900;
color: #e48b1f;
font-family: 'proxima_nova_blblack', sans-serif;
}
.info-block__link {
max-width: 280px;
display: block;
position: relative;
padding: 12px 21px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 60px;
border: 1px solid #fff;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.8px;
color: #fff;
z-index: 1;
}
.info-block__link_blockSubmit {
margin-bottom: 30px;
border-width: 2px;
}
.info-block__link_submit {
border:  2px solid #e48b1f;
margin-bottom: 0;
color: #e48b1f;
}
.info-block__map {
position: absolute;
top: 35.5%;
left: 15%;
}
/**
Страница(блок) ОБОРУДОВАНИЕ и страница ИНГРЕДИЕНТЫ
*/
body.catalog .wrapper {
overflow: visible;
}
.cat_section_inside.showOff-mobile .sections_list_top .equipment-mobile {
display: none;
}

.zapchasti .cat_section_inside.showOff-mobile .sections_list_top .equipment-mobile {
display: block;
}

.sections_list_top{
/*display: none; */
padding: 0 20px;
}

.zapchasti .sections_list_top{
display: block;
}

.sections_list_top>li {
padding: 0;
}
.sections_list_top>li.equipment-mobile,
.sections_list_top>li:nth-child(1),
.sections_list_top>li:nth-child(2) {
display: block;
margin: 0 0 10px 0;
}
.sections_list_top>li.equipment-mobile>a.item>div.img,
.sections_list_top>li:nth-child(2)>a.item>div.img {
width: 41px;
height: 41px;
background-position: 0 0;
background-size: cover;
}
.sections_list_top>li.mobile>a.item>div.img {
background-image: url("/bitrix/templates/nhl/images/horeca_mobile.svg");
}
.sections_list_top>li>a.item {
min-height: 60px;
padding: 0;
padding-left: 76px;
font-size: 16px;
font-weight: 900;
letter-spacing: 0.5px;
text-align: left;
color: #fff;
background-position: 50% 50%;
background-color: transparent;
}

.zapchasti .sections_list_top>li>a.item {
padding-left: 15px;
}


.equipment .sections_list_top>li>a.item {
min-height: 120px;
}
.sections_list_top>li>a.item:before,
.sections_list_top .parent a.item .title:after {
display: none;
}
.sections_list_top>li:nth-child(1)>a.item{
background: url("/bitrix/templates/nhl/images/bread.jpg") no-repeat 0 0;
background-size: cover;
}
.sections_list_top>li:nth-child(2)>a.item{
background: url("/bitrix/templates/nhl/images/meat.jpg") no-repeat 0 0;
background-size: cover;
}
.sections_list_top>li:nth-child(3)>a.item{
background: url("/bitrix/templates/nhl/images/package-copy-4@2x.jpg") no-repeat 0 -20px;
background-size: cover;margin-bottom: 10px;
}
.sections_list_top>li:nth-child(4)>a.item{
background: url("/bitrix/templates/nhl/images/horeca.jpg") no-repeat 0 -20px;
background-size: cover; margin-bottom: 20px;
}
.sections_list_top>li>a.item>div.img {
top: 50%;
margin-top: -20px;
}
.sections_list_top>li .title {
height: 65px;
display: table-cell;
vertical-align: middle;
}
.equipment .sections_list_top>li .title {
height: 120px;
}
.sections_list_top>li>a.item .title{
font-size: 16px;
text-transform: uppercase;
font-family: 'proxima_nova_rgbold', 'sans-serif';
}
.sections_list_top>li .title-link {
display: block;
width: 75%;
color: #e48b1f;
font-weight: bold;
text-transform: none;
}
h1.cat_section.equipment-title-mobile{
display: block;
position: static;
margin: 0;
padding-top: 60px;
padding-bottom: 14px;
text-transform: uppercase;
text-align: center;
font-size: 22px;
font-weight: 900;
line-height: 1.18;
letter-spacing: 0.5px;
color: #fff;
}
.sections_list_top>li .inner,
.sections_list_top>li.parent>a.item>.corner,
.sections_list_top>li.parent:hover>a.item:after,
.sections_list_top>li.active>a.item:before,
.sections_list_top>li:hover>a.item:before,
.cat_section.equipment-title-mobile ~ h1,
.sections_list_top>li.mobile {
display: none;
}
.sections_list_top>li,
body.equipment .sections_list_top>li.equipment-mobile {
display: block;
position: relative;
z-index: 2;
}
.cat_section_inside {
height: auto;
min-height: 100%;
position: relative;
top: 0;
left: 0;
background-color: #164466;
}
.cat_section_inside.showOff-mobile {
display: block;
background-color: #f8f8f8;
position: static;
}
/**
Анонсы
*/
body.events.makeblue .header {
-webkit-animation: none;
animation: none;
z-index: 9;
}
body.events.makeblue .header .bg {
opacity: 1;
}
body.events.wide div.h1 {
position: relative;
padding: 60px 0 14px 0;
margin: 0;
background-image: none;
background-color: #164466;
font-size: 22px;
font-weight: 900;
line-height: 1.18;
letter-spacing: 0.5px;
text-align: center;
color: #fff;
}
body.events .cont {
padding-top: 30px;
}
body.events .cont .news-list {
margin: 0;
padding: 0;
padding-top: 1px;
min-width: 320px;
max-width: 767px;
top: auto;
}
.news-list .news-item {
display: block;
width: auto;
margin: 0 20px 15px;
height: auto;
padding-bottom: 20px;
}
.news-list .news-item a.img {
width: 100%;
background-size: cover;
min-height: 160px;
height: auto;
}
.news-list .news-item .date {
margin-top: 14px;
}
.news-list .news-item a.title {
font-size: 16px;
line-height: 1.38;
min-height: auto;
}
.news-list .news-item:after,
.news-list .news-item a.img:before {
display: none;
}
.news-list .news-item:hover a.title {
position: static;
border: none;
padding: initial;
width: 225px;
}
.news-detail .fotorama {
padding: 0 0 30px;
margin: 0 auto;
width: 100%;
height: 160px;
position: relative;
display: block;
overflow: hidden;
}
.news-detail .fotorama li{
width: 100%;
height: 160px;
position: relative;
display: block;
}
.news-detail .fotorama li a {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.news-detail .fotorama .fotorama__arr.fotorama__arr--prev.fotorama__arr--disabled,
.news-detail .fotorama .fotorama__arr.fotorama__arr--next.fotorama__arr--disabled {
display: none;
}
.news-detail .fotorama .fotorama__arr.fotorama__arr--prev {
left: 0 !important;
background-color: transparent;
background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 1%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0) 100%);
}
.news-detail .fotorama .fotorama__arr.fotorama__arr--next {
right: 0 !important;
background-color: transparent;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 100%);
}
.news-detail .fotorama .fotorama__arr.fotorama__arr--prev:before,
.news-detail .fotorama .fotorama__arr.fotorama__arr--prev:after {
width: 14px;
height: 8px;
margin-top: -4px;
background: url(/bitrix/templates/nhl/images/arrow_white.svg) no-repeat 50% 50%;
background-size: 14px 8px;
transform: rotate(90deg);
}
.news-detail .fotorama .fotorama__arr.fotorama__arr--next:before,
.news-detail .fotorama .fotorama__arr.fotorama__arr--next:after {
width: 14px;
height: 8px;
margin-top: -4px;
background: url(/bitrix/templates/nhl/images/arrow_white.svg) no-repeat 50% 50%;
background-size: 14px 8px;
transform: rotate(-90deg);
}

/**
Анонсы подробности
*/
body.events div.h1 .comeback {
margin-top: 8px;
font-size: 14px;
font-weight: normal;
}
.news-detail {
margin: 0;
padding: 0 20px;
width: auto;
}
.news-detail .anons,
.news-detail .detail_photo,
.news-detail .detail {
width: 100%;
}
.news-list-outer {
display: none;
}
body.wide .news-detail h1{
margin: 0;
padding: 0;
font-size: 20px;
font-weight: normal;
line-height: 1.5;
text-align: left;
padding-bottom: 20px;
}
.news-detail.event .top,
.news-detail.event .top .date,
.news-detail.event .top .place {
margin: 0;
padding: 0;
display: block;
}
.news-detail.event .top {
margin: -15px auto 20px auto;
}
.news-detail.event .top .date,
.news-detail.event .top .place {
padding: 14px 0 0 30px;
position: relative;
}
.news-detail .anons {
margin: 0;
margin-bottom: 20px;
font-size: 16px;
font-weight: normal;
letter-spacing: normal;
line-height: 1.63;
}
.news-detail.event .top .place:before,
.news-detail.event .top .date:before{
position: absolute;
left: 0;
}
.news-detail .anons p {
margin: 20px 0;
}
.news-detail .detail_photo {
margin-bottom: 14px;
}
.news-detail .detail {
font-size: 16px;
line-height: 1.5;
margin-bottom: 30px;
}
/**
Форма обратной связи
*/
.elc_form.tpl-black {
width: 100%;
box-sizing: border-box;
opacity: 1;
margin: 0;
min-height: 100vh;
padding-left: 20px;
padding-right: 20px;
height: initial;
}
.elc_form .form_outer {
position: initial;
height: auto;
width: auto;
margin-top: 50px;
}
.contacts-form .elc_title,
.form-vacancy .elc_title,
.form-direktoru .elc_title{
width: auto;
position: relative;
margin-bottom: 10px;
font-size: 22px;
font-weight: 900;
line-height: 1.18;
letter-spacing: 0.5px;
text-align: center;
}
.elc_form.tpl-black .elc_text,
.feedback .elc_form.tpl-black .elc_text {
margin: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
text-align: center;
}
.contacts-form form,
.form-vacancy form,
.form-direktoru form{
width: auto;
padding: 0 20px 50px;
}
.contacts-form form,
.form-direktoru form{
padding: 0 0 50px;
}
.contacts-form .elc_string,
.form-direktoru .elc_string{
display: block;
padding-top: 10px;
margin: 0;
}
    .form-direktoru .elc_string{
        height:47px;
    }
.contacts-form .elc_string input,
.elc_form.tpl-black .elc_string textarea,
.form-direktoru .elc_string input{
width: 100%;
}
.contacts-form.elc_form.tpl-black .elc_string input,
.form-direktoru.elc_form.tpl-black .elc_string input{
height: 20px;
padding-top: 26px;
padding-left: 0;
padding-right: 0;
text-align: left;
}
    .form-direktoru.elc_form.tpl-black .elc_string input{
        font-size:14px;
    }
.contacts-form.elc_form.tpl-black .elc_string.active label{
top: 14px;
font-size: 14px;
}
    .form-direktoru.elc_form.tpl-black .elc_string.active label{
        bottom: 18px;
        top: auto;
        font-size: 12px;
    }
.elc_form .elc_string label {
top: 35px;
font-size: 16px;
line-height: normal;
letter-spacing: 0.5px;
}
    .form-direktoru.elc_form.tpl-black .elc_string label{
        bottom: 3px;
        top: auto;
        font-size:12px;
    }
.elc_form .notice {
width: auto;
margin: 10px auto 0;
line-height: 1.43;
}
.elc_form.tpl-black .success_mess {
position: initial;
width: auto;
margin: 50px 0 13px;
padding: 0 20px;
}
.success_mess .elc_form.tpl-black .elc_text {
font-size: 16px;
line-height: 1.5;
font-weight: normal;
}
.elc_form.tpl-black .submit,
.elc_form.tpl-black .submit:hover,
.form-vacancy.tpl-black .submit,
.form-vacancy.tpl-black .submit:hover,
.form-direktru.tpl-black,
.form-direktoru.tpl-black .submit:hover{
width: 100%;
background-color: #e48b1f;
border: none;
font-size: 16px;
}
.form-vacancy.tpl-black .submit,
.form-direktoru.tpl-black .submit{
border: none;
font-size: 16px;
}
/**
Карта
*/
body.wide.contacts {
position: fixed;
height: 100vh;
min-height: initial;
}
body.wide.contacts .cont {
position: fixed;
height: 100%;
min-height: initial;
}
body.contacts h1 {
position: absolute;
width: 100%;
top: -20px;
left: 20px;
margin: 0;
text-align: left;
padding: 17px 0;
font-size: 16px;
font-weight: bold;
line-height: 1;
cursor: pointer;
}
body.contacts .top_map h1 {
left: 0;
padding-left: 20px;
text-transform: none;
background-color: #e7ecef;
font-family: 'proxima_nova_rgbold', 'sans-serif';
line-height: 1;
letter-spacing: normal;
}
body.contacts h1::before,
.news-detail.event h2:before {
content: '';
display: block;
position: absolute;
width: 12px;
height: 7px;
top: 21px;
right: 40px;
transition: 0.15s linear;
background: url(/bitrix/templates/nhl/images/arrow_blue_sort.svg) no-repeat 0 0/cover;
}
body.contacts h1.active::before,
.news-detail.event h2.active:before {
transform: rotate(180deg);
}
.map {
padding-top: 110px;
background-color: #f8f8f8;
}
.map .info {
display: none;
width: 100vw;
position: absolute;
background-color: #f8f8f8;
top: 0;
left: 0;
height: 100%;
overflow: scroll;
padding: 135px 20px 72px 20px;
}
.map .info.active {
display: block;
}
.map-office-type-mobile {
font-size: 20px;
letter-spacing: 0.5px;
line-height: normal;
color: #164466;
margin-bottom: 10px;
}
.button-wrapper-mobile {
width: 100%;
height: 70px;
position: absolute;
bottom: 0;
background-color: #f8f8f8;
z-index: 2;
}
.button-map-contact-mobile {
width: 280px;
padding: 13px 0 11px 0;
border: 1px solid #164466;
position: absolute;
bottom: 10px;
left: 50%;
margin-left: -139.5px;
cursor: pointer;
font-size: 16px;
line-height: 1.63;
text-align: center;
text-transform: uppercase;
color: #164466;
}
.map .info .contacts .name {
margin-bottom: 5px;
}
body.contacts .top_map {
z-index: 3;
}
body.contacts .top_map li,
.contacts .top_map .mobile {
padding: 0;
display: block;
margin-top: 9px;
}
body.contacts .top_map li:nth-child(3) {
margin-top: 15px;
}
body.contacts .top_map ul {
display: none;
width: 280px;
margin: 50px 0 0 20px;
padding: 5px 20px 35px;
box-sizing: border-box;
background-color: #e48b1f;
font-size: 16px;
vertical-align: top;
color: #fff;
text-align: left;
}
body.contacts .top_map li a,
body.contacts .top_map li:hover a,
body.contacts .top_map li a.selected {
font-size: 16px;
font-family: 'proxima_nova_rgregular', 'sans-serif';
color: #fff;
}
.contacts .top_map .mobile {
font-weight: bold;
color: #164466;
font-family: 'proxima_nova_rgbold', 'sans-serif';
}
/**
Проектирование,
Технический сервис,
Технологический сервис,
Миссия компании
*/
body.service .wrapper,
body.content .wrapper {
padding-bottom: 0;
}
body.service .content:after {
top: 0;
}
body.makeblue .header .bg,
body.makeblue .header .logo {
z-index: 11;
}
body.makeblue .header .bg {
opacity: 1;
}
body.service.design h1,
body.service.tech h1,
body.service.technologies h1,
body.nhl h1,
body.news div.h1,
body.proizvodstvo h1,
body.job h1 {
padding: 0 17px;
padding-bottom: 14px;
padding-top: 60px;
background-image: none;
background-color: #164466;
font-size: 22px;
font-weight: 900;
line-height: 1.18;
letter-spacing: 0.5px;
color: #fff;
z-index: 15;
}
.content_anons {
font-size: 16px;
line-height: 1.5;
}
body.proizvodstvo h1 span {
padding: 0;
padding-top: 0 !important;
}
body.content .cont,
body.service .cont {
width: auto;
padding: 30px 20px 50px;
font-size: 16px;
line-height: 1.5;
text-align: left;
}
body.service .cont h4,
body.service .cont h3 {
margin: 20px 0 10px 0;
font-size: 20px;
line-height: 1.5;
text-align: left;
}
body.service .cont a {
color: #000;
}
body.service .cont p {
margin-bottom: 20px;;
}
body.content .cont p {
margin: 0;
}
body.service.technologies p,
body.content.nhl .cont p {
margin-top: 10px;
}
body.content.nhl .cont p[align='center'],
.content h2 {
text-align: left;
font-size: 20px;
line-height: 1.5;
color: #164466;
}
.content h2 {
margin-top: 20px;
}

@media screen and (max-width: 767px){
.news-list-tekhnologi h2 {margin-top: 40px!important; text-align: center!important;}
}

@media screen and (max-width: 767px){
.news-audit-tekhnologi h2 {margin-top: 118px!important;font-size: 20px!important;}
}

body.content .cont ul {
padding: 0;
}
.content-text-block {
margin-bottom: 20px;
}
body.content.nhl .cont p.a,
body.content.nhl .cont p:nth-child(2) b {
display: none;
}
body.service .cont a img {
width: auto;
height: auto;
max-width: 100%;
padding-bottom: 0;
}
body.content .cont p b {
font-family: 'proxima_nova_rgregular';
font-weight: bold;
}
body.service.technologies p b {
font-weight: normal;
}
body.content.nhl .cont b {
display: block;
margin-top: 10px;
}
/**
Акции и события
*/
body.news .news-list {
padding: 0 20px;padding-top: 80px;
}
body.news .news-list .news-item {
height: initial;
margin: 0;
margin-bottom: 20px;
}
body.news .news-list .news-item:first-child {
margin-top: 30px;
}
body.news .news-list .news-item a.title {
position: relative;
min-height: initial;
max-height: 100px;
overflow: hidden;
width: 240px;
}
body.news .news-list .news-item a.title.active:after{
display: block;
position: absolute;
content: '';
width: 100%;
height: 40px;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
bottom: 0;
left: 0;
}
body.news div.h1 .comeback {
position: initial;
padding: 8px 0 14px 0;
margin: 0 auto;
font-size: 14px;
font-weight: normal;
}
.cat_section_inside .show-more {
display: block;
width: 280px;
margin: 0 auto;
padding: 13px 0 11px 0;
text-decoration: none;
color: #164466;
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.5px;
text-align: center;
border: 1px solid #164466;
}
.cat_section_inside .show-more:hover {
color: #164466;
}
.cat_section_inside .show-more:before {
display: none;
}
.news-detail .gallery li a {
width: 100%;
height: 160px;
background-size: 100% auto;
background-position: center center;
position: relative;
}
.news-detail .gallery {
height: 160px;
}
.news-detail .bx-controls .bx-controls-direction .bx-prev.disabled,
.news-detail .bx-controls .bx-controls-direction .bx-next.disabled {
display: none;
}
.news-detail .bx-controls .bx-controls-direction .bx-prev,
.news-detail .bx-controls .bx-controls-direction .bx-next {
width: 50px;
height: 160px;
margin-top: 0;
}
.news-detail .bx-controls .bx-controls-direction .bx-prev {
left: 0;
top: 0;
background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 1%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 1%,rgba(0,0,0,0) 100%);
}
.news-detail .bx-controls .bx-controls-direction .bx-next {
right: 0;
top: 0;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 100%);
}
.news-detail .bx-controls .bx-controls-direction .bx-next::before,
.news-detail .bx-controls .bx-controls-direction .bx-next::after,
.news-detail .bx-controls .bx-controls-direction .bx-prev:before,
.news-detail .bx-controls .bx-controls-direction .bx-prev:after {
width: 14px;
height: 8px;
margin-top: -7px;
background-size: cover;
background-image: url('/bitrix/templates/nhl/images/arrow_white.svg');
}
.news-detail .bx-controls .bx-controls-direction .bx-prev:before,
.news-detail .bx-controls .bx-controls-direction .bx-prev:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.news-detail .bx-controls .bx-controls-direction .bx-next::before,
.news-detail .bx-controls .bx-controls-direction .bx-next::after {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.news-detail .anons img,
.news-detail .anons iframe {
width: 100%;
min-height: 160px;
height: auto;
padding: 20px 0;
}
body.news .news-list-outer {
display: block;
margin-top: 0;
padding-top: 30px;
}
.news-list-outer .tit {
margin-bottom: 20px;
font-size: 16px;
font-weight: normal;
letter-spacing: 0.5px;
margin-top: 0;
font-family: 'proxima_nova_rgregular';
}
/**
Собственное производство
*/
body.content.proizvodstvo .cont .glob-text-block {
padding: 30px 20px 50px 20px;
width: auto;
background-image: linear-gradient(to top, #ffffff, #f1f1f1 100%);
}
.glob-text-inner {
width: auto;
font-size: 16px;
line-height: 1.63;
}
body.proizvodstvo .glob-text-inner p {
margin-top: 10px;
}
.block-production {
width: auto;
position: static;
margin: 0;
text-align: left;
}
.block-production h2 {
margin: 20px 0 10px 0 !important;
font-size: 20px !important;
text-align: left;
}
.catalog-section .cat_item a:after {
display: none;
}
.block-production .catalog-section{
margin-top: 20px;
}
.block-production .catalog-section .cat_item {
width: 280px;
height: auto;
display: block;
margin: 0 auto 10px;
padding-left: 10px;
}
.block-production .catalog-section .cat_item:first-child {
margin-top: 30px;
}
.catalog-section .cat_item:last-child {
margin-bottom: 0;
}
.block-production .catalog-section .cat_item::after {
content: '';
display: block;
clear: both;
}
body.proizvodstvo .catalog-section .cat_item>a>div.img {
width: 70px;
height: 70px;
float: left;
margin-bottom: 0;
}
body.proizvodstvo .catalog-section .cat_item>a .title {
padding-left: 10px;
font-size: 14px;
text-align: left;
height: 60px;
display: table-cell;
vertical-align: middle;
}
.block-production.ingred .catalog-section .cat_item>a>div.img {
width: 60px;
height: 60px;
margin-bottom: 0;
}
body.proizvodstvo .f-btn.center,
body.proizvodstvo .f-btn.center:hover {
width: 280px;
background-color: #e48b1f;
color: #fff;
margin-top: 20px;
}
body.proizvodstvo .f-btn.center{
font-size: 16px;
border: none;
}
/**
Вакансии
*/
body.job .cont .submenu_content,
body.job .cont h2 {
display: none;
}
body.job .cont .vacancy-list h2 {
display: block;
margin-bottom: 10px;
}
body.job .cont p {
margin-bottom: 20px;
}
body.job .content:after{
top: 0;
}
.content .vacancy-list .city_name,
.content .vacancy-list .city_name:hover,
.content .vacancy-list .city_area.active .city_name:hover {
color: #e48b1f;
}
.content .vacancy-list .city_name:after,
.content .vacancy-list .city_area.active .city_name:hover::after{
background-image: url("/bitrix/templates/nhl/images/corner_orange.svg");
}
.content .vacancy-list .city_name{
font-size: 16px;
}
body.job.careers .content:before{
display: none;
}
.content .vacancy-list {
margin-bottom: 50px;
}
.content .vacancy-list .list {
margin-top: 10px !important;
padding-left: 0;
}
.content .vacancy-list .item .title {
margin-bottom: 10px;
}
.content .vacancy-list .item .about .val,
body.content .cont ul li {
font-size: 16px;
line-height: 1.5;
}
body.job .content:after {
top: 39px;
}
.content .vacancy-list .item .btn,
.content .vacancy-list .item .btn:hover,
.content .vacancy-list .item .btn:before {
width: 280px;
margin: 0 auto;
background-color: transparent;
color: #e48b1f;
font-size: 16px;
}
.form-vacancy.tpl-black {
margin-top: 50px;
padding-bottom: 50px;
min-height: auto;
}
.form-vacancy .form_outer {
padding-top: 30px;
margin: 0 auto;
width: auto;
}
.form-vacancy .elc_string {
width: auto;
}
.form-vacancy .elc_string input {
width: 100%;
min-width: 280px;
height: 20px;
padding-top: 26px;
font-size: 16px;
text-align: left;
padding-left:0;
padding-right:0;
}
.form-vacancy .elc_string {
margin-top: 10px;
height: auto;
}
.form-vacancy.tpl-black .elc_string:after,
.form-vacancy.tpl-black .elc_string.text:before {
background-color: transparent;
}
.form-vacancy .elc_string:after {
bottom: -1px;
}
.form-vacancy .elc_string.file{
margin-top: 20px;
}
.tzSelect {
width: 100% !important;
}
.form-vacancy .elc_string label,
.form-vacancy .elc_string.file span {
font-size: 16px;
letter-spacing: 0.5px;
font-family: 'proxima_nova_rgregular';
}
.form-vacancy .elc_string label {
top: 25px;
}
.form-vacancy .elc_string.active label {
top: 5px;
font-size: 14px;
}
.form-vacancy .elc_string.active label:first-letter {
text-transform: uppercase;
}
body.job .form-vacancy form {
padding: 0;
}
.form-vacancy .elc_string.file label {
width: 189px;
}
.form-vacancy .notice {
width: auto;
margin-top: 10px;
font-size: 14px;
font-family: 'proxima_nova_rgregular';
}
.form-vacancy .btn {
margin-top: 20px;
width: auto;
}

ul.submenu_content li.selected {
background-color: transparent;
}

ul.submenu_content-tekhnologi li.selected, ul.submenu_content-technical-service li.selected{
background-color: #1a4d72;margin-top: 10px!important;
}
ul.submenu_content li a,
ul.submenu_content li:hover a,
ul.submenu_content-technical-service {
color: #fff;
font-size: 16px;
}

ul.submenu_content-tekhnologi li a, ul.submenu_content-technical-service a{
color: #164466;
font-size: 16px;
}

.new_menu .left-menu ul .master {background-color: #e48b1f;}
.new_menu .left-menu ul .master a {padding: 0;}
.new_menu .left-menu ul .master a:hover {color: #fff;}
.new_menu .left-menu ul .master span:after {display: none;}

ul.submenu_content-technical-service{margin-bottom:105px!important;}

ul.submenu_content-technical-service{margin-bottom:105px!important;}

body.proizvodstvo .cont ul.submenu_content {
display: none;
position: absolute;
width: 280px;
height: auto;
margin: 0 !important;
margin-left: -140px !important;
padding: 0 0 20px 0;
left: 50%;
top: 75px;
background-color: #e48b1f;
text-align: left;
z-index: 2;
}
body.proizvodstvo .cont ul.submenu_content li{
display: block !important;
height: auto;
padding: 0 !important;
padding-top: 20px !important;
padding-left: 10px !important;
margin: 0 !important;
line-height: normal !important;
cursor: pointer;
}
.news-detail.event h2.own-production-title-mobile {
width: auto;
position: relative;
padding: 15px 0 15px 10px;
margin: 20px auto;
box-sizing: border-box;
background-color: #164466;
color: #fff;
font-size: 16px;
cursor: pointer;
}
.news-detail.event h2.own-production-title-mobile:before {
top: 50%;
margin-top: -1.9px;
right: 10px;
background-image: url("/bitrix/templates/nhl/images/arrow_white.svg");
}
.news-detail.event h2 + h2 {
margin-bottom: 20px;
}
.news-detail.event h2.own-production-title-mobile ~ h2::before {
display: none;
}
.news-detail.event h2.own-production-title-mobile.active:before {
transform: rotate(180deg);
}
body.content.proizvodstvo .cont {
padding: 0;
padding-top: 1px;
}
h1 .comeback, div.h1 .comeback {
z-index: 5;
}
h1 .comeback:hover {
color: #fff;
}
h1 .comeback::before {
background-position: top center;
}
.news-detail .detail_photo img {
margin-top: 20px;
width: 280px;
display: block;
margin: 0 auto;
}
.news-detail .detail .images-line img {
margin: 0 0 10px 0;
}
.proizvodstvo .news-detail .detail .images-line img {
float: none;
display: block;
margin: 0 auto;
margin-bottom: 10px;
}
.proizvodstvo .news-detail .detail .images-line img:nth-child(3n){
margin-bottom: 0;
}
.news-detail .detail .images-line img:first-child {
margin-top: 20px;
}
.proizvodstvo .catalog-section .cat_item:first-child {
display: block;
}
.form-vacancy .success_mess {
position: fixed;
height: 100vh;
top: 0;
left: 0;
overflow: hidden;
padding: 71px 20px 0;
}
.form-vacancy .close {
top: 25px;
}
.form-vacancy.tpl-black .elc_text {
font-size: 16px;
line-height: 1.5;
font-family: 'proxima_nova_rgregular', "sans-serif";
}
.job .tzSelect .selectBox {
padding-top: 12px;
}
.job .tzSelect .selectBox:after {
margin-top: 2px;
}
.job .elc_string.active .tzSelect + label {
top: 5px;
}
.job .tzSelect .dropDown {
box-sizing: border-box;
left: 50%;
margin-left: -50%;
max-height: 200px;
overflow-y: scroll;
display: none;
padding: 0 20px 20px !important;
}
.job .tzSelect .dropDown li {
margin-top: 20px;
}
/**
Запчасти
*/
body.zapchasti .cat_section_inside {
/*display: none;  */
}
.zapchasti-mobile {
min-width: 320px;
max-width: 767px;
/*position: relative;*/
}

.zapchasti .cont{padding-top: 60px;}

.zapchasti .sections_list_top>li>a.item>div.img {
    width: 41px;
    height: 41px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;display: none;
}

.zapchasti .cat_section_inside h1{margin:0; color: #fff;}

.zapchasti .brands li{height: auto!important; min-height: 132px!important;}

.zapchasti .cat_descr{padding: 0px 20px 83px;margin-top: 0px;}

.zapchasti .ingredientscat-inside h2 {font-weight: 900;margin-top: 0px;}

.zapchasti .stanim.fade {opacity: 1;}

.zapchasti #catalog_zap{margin-top: 20px;}

.zapchasti .catalog_list_table {width: 100%;}

body.zapchasti .goback {width: 100%;}

.zapchasti-mobile .zapchasti-mobile__title {
display: block;
position: static;
width: auto;
padding: 14px;
margin: 0;
background-color: #164466;
text-align: center;
font-size: 22px;
font-weight: 900;
letter-spacing: 0.5px;
color: #fff;
text-transform: uppercase;
font-family: 'proxima_nova_blblack';line-height: 1.5;
}
.zapchasti-mobile__top-content {
padding: 30px 20px 20px;
min-height: 270px;
position: relative;
}
.zapchasti-mobile__image {
height: 281px;
/*margin-right: -19px;*/
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
}
.zapchasti-mobile__text {
width: 70%;
}
.zapchasti-mobile__text-item,
.zapchasti-mobile__contacts .zapchasti-mobile__contacts-title {
margin: 0;
padding: 0;
color: #000;
text-align: left;
font-size: 16px;
line-height: 1.63;
}
.zapchasti-mobile__contacts {
margin-top: 18px;
width: 165px;
}
.zapchasti-mobile__phone,
.zapchasti-mobile__email {
display: block;
margin-top: 5px;
text-decoration: none;
white-space: nowrap;
color: #e48b1f;
font-size: 18px;
font-family:'proxima_nova_rgbold';
}
.zapchasti-form-mobile {
width: 100%;
position: relative;
padding: 30px 20px 36px;
background-color: #164466;
box-sizing: border-box;
z-index: 9;
}
body.zapchasti .cont {
padding-bottom: 0;
}
/**
Каталог
*/
body.catalog h1 {
margin: 50px 0 0;
padding: 0 20px;
font-size: 20px;
font-weight: 900;
line-height: 1.2;
box-sizing: border-box;
text-align: left;
}
li.search_btn .ico,
.button-back-mobile,
.cat_section_inside .brand_switch li{
background-color: #e7ecef;
}
.search_area {
padding-top: 138px;
}
.button-back-mobile {
position: absolute;
width: 100%;
padding-top: 20px;
top: 60px;
left: 0;
}
.brand_switch {
width: 129px;
margin: 0;
position: absolute;
top: 60px;
left: 50%;
margin-left: -33px;
z-index: 1;
}
.sections_list_top>li.search_btn {
width: 100%;
height: 51px;
position: absolute;
top: 60px;
left: 0;
z-index: 1;

}
li.search_btn .ico {
position: absolute;
right: 0;
padding: 15px 20px 16px 23px;
border-left: 1px solid rgba(22, 68, 102, 0.1);
background-color: transparent;
}
li.search_btn .ico:after{
position: static;
margin-top: -20px;
}
li.search_btn .ico:before {
position: static;
background-position: top center;
}
.cat_section_inside .brand_switch li a,
.button-back-mobile a {
position: relative;
display: block;
padding: 17px;
color: #164466;
text-decoration: none;
font-size: 14px;
font-weight: bold;
line-height: 1.25;
z-index: 5;
}
.button-back-mobile a {
position: relative;
left: 22px;
margin-top: -20px;
padding: 17px 24px 17px 32px;
width: 49px;
}
.button-back-mobile a:before {
content: '';
display: block;
position: absolute;
width: 22px;
height: 22px;
top: 50%;
margin-top: -12px;
left: -2px;
background: url("/bitrix/templates/nhl/images/goback.svg") no-repeat center center;
z-index: 15;
}
.cat_section_inside .brand_switch li {
display: block;
height: 51px;
width: 129px;
border: none;
border-left: 1px solid rgba(22, 68, 102, 0.1);
}
.cat_section_inside .brand_switch li.active {
display: none;
}
.sections_list_tree {
margin-top: 30px;
padding: 0 20px 50px 20px;
}
.sections_list_tree.brands>li {
display: inline-block;
width: 135px;
height: 132px;
padding-top: 0;
padding-right: 10px;
margin-right: 5px;
}
.sections_list_tree.brands>li:nth-child(even) {
margin-right: 0;
}
.sections_list_tree.brands>li>a.item>div.img{
width: 110px;
height: 80px;
}
.sections_list_tree.brands>li>a.item>div.title {
width: 100%;
margin-left: 0;
text-align: center;
font-size: 12px;
}
.sections_list_tree>li >a.item:after,
.sections_list_tree>li>a.item>.title>.ico {
display: none;
}
.sections_list_tree>li .lvl2 {
display: none !important;
}
.sections_list_tree>li>a.item,
.catalog-section .cat_item>a {
min-height: 70px;
padding: 0;
}
.sections_list_tree>li>a.item>div.img,
.sections_list_tree_inside ~ .catalog-section .cat_item>a>div.img,
.catalog-section.also .cat_item>a>div.img,
.catalog-section .cat_item>a>div.img {
display: inline-block;
vertical-align: middle;
float: none;
width: 70px;
height: 70px;
margin: 0;
padding: 0;
line-height: 70px;
}
.catalog-section .cat_item>a>div>img {
display: inline-block;
vertical-align: middle;
float: none;
width: 70px;
height: 70px;
margin: 0;
padding: 0;
}
.sections_list_tree>li>a.item .title,
.sections_list_tree>li.file .name,
.sections_list_tree>li.file .size,
.sections_list_tree_inside ~ .catalog-section .cat_item>a .title,
.catalog-section.also .cat_item>a .title,
.catalog-section .cat_item>a .title {
display: inline-block;
width: 180px;
margin-left: 4px;
vertical-align: middle;
font-size: 14px;
line-height: 1.29;
letter-spacing: 0.5px;
text-align: left;
}
.sections_list_tree>li,
.catalog-section .cat_item,
.catalog-section.ingred .cat_item {
display: block;
margin: 0 auto;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
height: auto;
width: auto;
min-height: 90px;
-ms-word-wrap: break-word;
word-wrap: break-word;
text-align: left;
}
.catalog-section.ingred .cat_item {
padding-top: 15px;
}
.sections_list_tree>li.file .name {
margin: 0;
padding: 0;
font-family: 'proxima_nova_rgregular', 'sans-serif';
}
.sections_list_tree>li.file .name:after {
width: 70px;
height: 70px;
left: -47px;
background-size: contain;
}
.sections_list_tree>li.file,
.sections_list_tree>li.banner {
display: none;
}
.bx-breadcrumb {
height: 51px;
position: absolute;
width: 100%;
top: 60px;
left: 0;
background-color: #e7ecef;
margin-top: 0;
}
.bx-breadcrumb .bx-breadcrumb-item {
display: block;
margin: 0;
padding: 0;
}
.bx-breadcrumb a span,
.catalog-section .cat_item:first-child,
.bx-breadcrumb .bx-breadcrumb-item:before,
.bx-breadcrumb .bx-breadcrumb-item:after {
display: none;
}
.bx-breadcrumb a {
display: block;
height: 51px;
width: auto;
position: absolute;
top: 0;
left: 0;
}
.bx-breadcrumb a:before {
content: "";
display: block;
position: absolute;
width: 22px;
height: 22px;
top: 50%;
margin-top: -12px;
left: 20px;
background: url(/bitrix/templates/nhl/images/goback.svg) center center no-repeat;
z-index: 5;
}
.bx-breadcrumb a:after {
content: 'Наверх';
position: absolute;
display: block;
top: 50%;
margin-top: -9px;
left: 54px;
color: #164466;
text-decoration: none;
font-size: 14px;
font-weight: bold;
line-height: 1.25;
z-index: 5;
}
.showOff-mobile .catalog-section {
margin-top: 20px;
padding: 0 20px;
}
.cat_descr {
padding: 25px 20px 83px;
width: auto;
position: relative;
box-sizing: border-box;
margin-top: 50px;
z-index: 3;
}
.cat_descr .inside {
width: auto;
padding-bottom: 0;
box-sizing: border-box;
}
.cat_descr .title,
.cat_descr .title * {
width: auto;
box-sizing: border-box;
font-size: 18px;
letter-spacing: 0.5px;
line-height: normal;
text-align: left;
margin-bottom: 18px;
}
.cat_descr .inside p {
font-size: 16px;
line-height: 1.5;
}
.cat_descr .show_more {
width: auto;
height: auto;
margin: 0;
padding: 0;
left: 20px;
bottom: 46px;
font-size: 14px;
letter-spacing: 0.5px;
text-align: left;
}
.cat_descr .show_more:before {
content: '';
position: absolute;
display: block;
width: 10px;
height: 5px;
top: 50%;
margin-top: -2.5px;
right: -13.5px;
background: url(/bitrix/templates/nhl/images/corner_orange.svg) no-repeat;
background-size: 10px 5px;
-webkit-transition: 0.2s;
-moz-transition:   0.2s;
-ms-transition:   0.2s;
-o-transition:   0.2s;
transition:   0.2s;
}
.cat_descr .show_more.close:before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
/**
Каталог 2ого уровня
*/
body.equipment .sections_list_tree_inside {
display: block;
padding: 15px 15px 0 15px;
margin: 20px 0 40px;
text-align: left;
cursor: pointer;
}
body.equipment .sections_list_tree_inside>li.title {
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
}
body.equipment .sections_list_tree_inside>li.title:before {
content: '';
display: block;
position: absolute;
width: 12px;
height: 7px;
top: 23px;
right: 10px;
background: url(/bitrix/templates/nhl/images/corner_orange.svg) no-repeat 0 0;
background-size: 100% 100%;
transition: 0.2s;
}
body.equipment .sections_list_tree_inside.open>li.title:before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.sections_list_tree_inside>li.title {
display: block;
margin-bottom: 0;
}
.sections_list_tree_inside>li {
display: none;
margin-bottom: 15px;
}
.sections_list_tree_inside>li:last-child {
margin-bottom: 25px;
}
.sections_list_tree_inside>li>a {
font-size: 16px;
}
.sections_list_tree_inside + .catalog-section {
margin-top: 0;
}
.catalog-section .cat_item .lables {
display: none;
}
/*
Каталог Карточка
*/
body.equipment .showOff-mobile .sections_list_top>li.equipment-mobile,
body .showOff-mobile ~ .bx-breadcrumb {
display: none;
}
.element_detail {
margin-top: 20px;
}
.element_detail .inner,
.element_detail .left,
.element_detail .right {
display: block;
}
.element_detail .left,
.element_detail .right {
position: relative;
}
.element_detail .left {
width: 280px;
height: auto;
min-width: 0;
margin: 0 auto;
padding: 0;
}
.element_detail .block_photo {
width: auto;
height: auto;
margin: 0;
padding: 0;
float: none;
}
.element_detail .block_photo .main_photo {
width: auto;
margin-bottom: 20px;
}
.element_detail .block_photo .main_photo a {
display: block;
width: 280px;
height: 200px;
}
.element_detail .block_photo .main_photo img {
width: 280px;
max-width: none;
height: 200px;
margin: 0;
padding: 0;
object-fit: contain;
}
.element_detail .block_photo .more_photo .photo {
height: 50px;
border: solid 2px transparent;
}
.element_detail .right {
width: auto;
margin-top: 30px;
}
.element_detail .right .inside {
padding: 20px 20px 0;
margin: 0 auto;
max-width: initial;
}
.element_detail .get_price {
width: auto;
margin: 0 auto 20px;
border: none;
background-color: #e48b1f;
color: #fff;
font-size: 16px;
}
.element_detail .get_price:hover {
background-color: #e48b1f;
}
.element_detail .prop {
margin-bottom: 20px;
font-size: 16px;
font-weight: 900;
line-height: 1.5;
text-align: left;
}
.element_detail .in_stock {
background-size: 44.9px 31.9px;
background-position: 15px 22px;
padding: 15px 10px 15px 70px;
margin-bottom: 18px;
font-size: 14px	;
}
.element_detail .right .show_more {
display: inline-block;
position: relative;
left: 20px;
bottom: 0;
margin-top: 20px;
margin-bottom: -10px;
padding-right: 0;
font-size: 14px;
}
.element_detail .right .show_more:after {
width: 8px;
height: 5px;
right: -13px;
margin-top: -7px;
}
.element_detail .detail_text .text {
font-size: 16px;
font-weight: normal;
line-height: 1.5;
text-align: left;
word-wrap: break-word;
}
.element_detail .detail_text .text a {
text-decoration: none;
/*color: #e48b1f; */
}
.catalog-section.also,
.element_detail .char .tabs {
margin: 0;
padding: 0;
}
.catalog-section.also {
background-color: #ebeeee;
padding: 30px 20px 50px;
}
.element_detail .char .tabs {
margin-top: 85px;
position: relative;
padding: 0 20px;
background-color: #ebeeee;
text-align: left;
}
.element_detail .char .tabs:before {
content: '';
display: block;
width: 100%;
height: 85px;
position: absolute;
top: -85px;
left: 0;
background-color: #f8f8f8;
}
.element_detail .char {
background-color: #f8f8f8;
}
.element_detail .char .tabs .tb {
padding-top: 45px;
margin-right: 20px;
font-size: 18px;
}
.element_detail .char .tabs .tb:after {
top: 30px;
}
/*	.element_detail .char .tabs .tb:first-child {
display: block;
position: absolute;
top: -85px;
left: 50%;
margin-left: -140px;
width: 280px;
padding: 13px 0;
border: 1px solid #164466;
font-family: 'proxima_nova_rgregular', 'sans-serif';
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.5px;
}*/
.element_detail .char .tabs .tb.specifications {
display: block;
position: absolute;
top: -85px;
left: 50%;
margin-left: -140px;
width: 280px;
padding: 13px 0;
border: 1px solid #164466;
font-family: 'proxima_nova_rgregular', 'sans-serif';
font-size: 16px;
line-height: 1.63;
letter-spacing: 0.5px;
}
.element_detail .char .tabs .tb:hover {
color: #164466;
}
.element_detail .char .tabs .tb:first-child:after {
display: none;
}
.element_detail .char .inside:nth-child(4) {
margin-top: 19px;
display: none;
height: 65vh;
padding: 0;
background-color: #fff;
color: #164466;
text-align: center;
top: 0;
z-index: 10;
overflow: hidden;
}
.button-tabs-area-close-mobile {
display: none;
width: 100%;
padding: 18px 0 18px 20px;
text-align: center;
z-index: 11;
background-color: #e7ecef;
color: #164466;
font-size: 14px;
font-weight: bold;
line-height: 1.14;
box-sizing: border-box;
cursor: pointer;
}
.button-tabs-area-close-mobile:before {
content: '';
display: block;
position: absolute;
width: 10px;
height: 10px;
top: 18px;
left: 50%;
margin-top: 2px;
margin-left: -35px;
background: url(/bitrix/templates/nhl/images/close_btn_blue.svg) no-repeat 0 0;
background-size: cover;
}
.product-name-tabs-area-mobile {
display: none;
margin: 19px auto 0;
padding: 0 20px;
font-size: 20px;
font-weight: 900;
line-height: 1.2;
color: #164466;
font-family: 'proxima_nova_blblack';
}
.title-tabs-area-mobile {
display: none;
margin: 21px auto 0;
padding: 0 20px;
font-size: 16px;
text-transform: uppercase;
line-height: 1.63;
letter-spacing: 0.5px;
color: #164466;
}
.element_detail .char table tr td:first-child,
.element_detail .char table tr td:last-child {
padding-left: 20px;
padding-right: 20px;
}
.element_detail .char .tabs_area.show {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
top: 0;
left: 0;
background-color: #fff;
z-index: 500;
}
.mCSB_container_wrapper {
position: relative;
}
.element_detail .char .inside {
padding: 30px 0;
}
.element_detail .char .inside .video {
display: block;
width: 280px;
margin: 0 auto;
}
.element_detail .char .inside .video:last-child {
margin-right: auto;
}
.element_detail .char .inside .video .img {
height: 158px;
}
.element_detail .char .inside .video .name {
margin-bottom: 27px;
font-size: 14px;
font-weight: bold;
line-height: 1.29;
}
.element_detail .char .inside .file {
display: block;
width: 280px;
margin: 0 auto;
height: 86px;
margin-bottom: 10px;
}
.element_detail .char .inside .video .img .play:after {
width: 60px;
height: 60px;
margin-left: -30px;
margin-top: -30px;
}
.fancybox-slide--iframe .fancybox-content {
height: 70%;
}
.catalog-section.also .tit {
margin: 0 20px 20px 0;
font-size: 18px;
font-weight: 900;
letter-spacing: 0.5px;
text-align: left;
}
.equipment .elc_form .elc_title,
.elc_form.tpl-black .elc_title {
width: auto;
margin-top: 13px;
font-size: 22px;
font-weight: 900;
line-height: 1.18;
letter-spacing: 0.5px;
}
.equipment .elc_form .elc_text,
.elc_form.tpl-black .elc_text {
width: auto;
font-size: 16px;
font-weight: normal;
line-height: 1.5;
}
.equipment .elc_form .form_outer,
.elc_form.tpl-black .form_outer {
position: static;
margin: 46px 0 0 0;
}
.equipment .elc_form {
height: 100vh;
padding: 25px 20px 50px;
}
.elc_form .close_popup {
top: 25px;
}
.equipment .elc_form form,
.equipment .elc_form .elc_string,
.elc_form form,
.elc_form .elc_string {
width: auto;
position: relative;
text-align: left;
}
.equipment .elc_form .elc_string input,
.elc_form.tpl-black .elc_string input {
width: 100%;
min-width: 280px;
text-align: left;
font-size: 16px;
line-height: normal;
letter-spacing: 0.5px;
padding: 0;
}
.elc_form.tpl-black .elc_string:after,
.elc_form.tpl-black .elc_string.text:before {
background-color: transparent;
}
.inner-get-price {
position: static;
width: 100%;
min-height: 0;
}
.cat-search-form {
width: 320px;
margin-left: -160px;
top: 75px;
}
.cat-search-form input {
width: 280px;
margin: 0 auto;
padding-top: 20px;
font-size: 16px;
letter-spacing: 0.5px;
}
.cat-search-form .clear {
right: 20px;
}
.cat-search-form .line {
right: 50%;
margin-right: -140px;
}
.cat-search-form input:focus+.line {
width: 280px;
}
.element_detail .block_photo .more_photo .bx-wrapper {
max-width: 280px !important;
}
.element_detail .block_photo .bx-controls-direction {
display: none;
}
.catalog-section.ingred {
padding-bottom: 80px;
}
.catalog-section.also.ingred {
margin-top: 0;
}
.catalog-section.ingred .cat_item>a>div.img {
display: inline-block;
vertical-align: middle;
float: none;
width: 60px;
height: 60px;
margin: 0;
padding: 0;;
}
.catalog-section.ingred .cat_item:first-child {
display: block;
}
.showOff-mobile .sections_list_top>li.equipment-mobile {
display: none;
}
.elc_form .btn {
width: 100%;
}
.fancybox-inner .fancybox-stage .inner-get-price .form_outer .elc_title {
margin-bottom: 12px;
}
.fancybox-inner .fancybox-stage .inner-get-price .form_outer form {
padding-top: 0;
}
.fancybox-inner .fancybox-stage .inner-get-price .form_outer div {
padding-top: 10px;
}
.fancybox-inner .fancybox-stage .inner-get-price .form_outer div input {
padding-top: 26px;
height: 20px;
}
.fancybox-inner .fancybox-stage .inner-get-price .form_outer div.btn{
margin-top: 15px;
padding: 0;
}
.fancybox-inner .fancybox-stage .inner-get-price .form_outer div input.submit {
padding: 0;
height: 50px;
}
.fancybox-inner .fancybox-stage .inner-get-price .form_outer div label {
top: 35px;
}
.fancybox-inner .fancybox-stage .inner-get-price .form_outer div.active label {
top: 14px;
font-size: 14px;
}
.fancybox-slide img {
padding: 10px;
box-sizing: border-box;
}
.fancybox-toolbar {
top: 10px;
}
/*
404
*/
.blue-back .ng-block {
position: static;
height: 100%;
left: 0;
margin-left: 0;
top: 0;
margin-top: 0;
padding-left: 0;
}
.ng-block .img {
width: auto;
height: 353px;
position: relative;
left: 0;
top: 0;
margin-top: 0;
margin: 0 50px;
box-sizing: border-box;
background-image: url(/bitrix/templates/nhl/images/404_mobile@2x.jpg);
background-size: auto 330px;
background-repeat: no-repeat;
background-position: center 23px;
}
.ng-block .infoblock {
margin-top: 15px;
width: 100%;
}
.ng-block .title {
font-family: 'proxima_nova_blblack';
font-size: 20px;
font-weight: 900;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #e48b1f;
margin-bottom: 14px;
text-transform: uppercase;
}
.ng-block .title br {
display: none;
}
.ng-block .text-block {
display: none;
}
.ng-block .link-block {
display: none;
}
.ng-block .text-block-mobile {
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 0.56;
letter-spacing: normal;
text-align: center;
color: #ffffff;
}
.ng-block .text-block-mobile a {
cursor: pointer;
color: #e48b1f;
text-decoration: none;
}
.logo-404 {
width: 133px;
height: 35px;
background: url(/bitrix/templates/nhl/images/mini.svg) no-repeat;
background: url(/bitrix/templates/nhl/images/mini.png) no-repeat;
top: 13px;
left: 50%;
margin-left: -66.5px;
position: fixed;
z-index: 7;
}
}

/* ANCHOR FOOTER SOCIAL ICONS */

.footer__social-icons {
    position: absolute;
    right: 250px;
    top: 19px;
}
.copyright-mobile__social-icons {
    position: static;
    margin-bottom: 10px;
}
.social-icons {
    display: flex;
    align-items: center;
}
.social-icons__item {
    margin-right: 20px;
}
.social-icons__item:hover .social-icons__img {
    opacity: 0;
}
.social-icons__item:hover .social-icons__img_hover {
    opacity: 1;
}
.social-icons__link {
    display: block;
    text-decoration: none;
    position: relative;
    width: 30px;
    height: 30px;
}
.link__youtube {
    top: 2px;
}
.social-icons__img {
    display: block;
    position: absolute;
    opacity: 1;
    transition: 0.5s;
    height: 100%;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.social-icons__img_hover {
    display: block;
    opacity: 0;
}

/* ANCHOR FOOTER SOCIAL ICONS END */

/* ANCHOR DEBUG */

span.bxhtmled-surrogate-inner {
    display: none;
}

/* ANCHOR DEBUG END */


/* .fancybox-slide > * {
    position: relative;
    padding: 24px;
    margin: 44px auto;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #164466;
    overflow: auto;
    box-sizing: border-box;
} */



/* ANCHOR FOOTER DEBUG */

/* .footer {
    margin: 0 auto;
    width: 100%;
    height: 70px;
    position: absolute;
    background-color: #164466;
    z-index: 3;
    bottom: 0px;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    min-height: 70px;
} */
body.service .footer {
    margin: 0 auto;
    width: 100%;
    height: 70px;
    position: absolute;
    background-color: #164466;
    z-index: 3;
    bottom: -70px;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    min-height: 70px;
}
body.nhl .footer {
    margin: 0 auto;
    width: 100%;
    height: 70px;
    position: absolute;
    background-color: #164466;
    z-index: 3;
    bottom: 0;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    min-height: 70px;
}
body.job .footer {
    margin: 0 auto;
    width: 100%;
    height: 70px;
    position: absolute;
    background-color: #164466;
    z-index: 3;
    bottom: 0;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    min-height: 70px;
}

/* ANCHOR FOOTER DEBUG END*/

.elc_captha label{
 display: none!important;
}

.pdf-file{
    text-align: center;
    padding-bottom: 10px;
}

.pdf-file a{
    font-size: 1.2em;
    color: #E48B1F;
    text-decoration: none;
    /*font-weight: 700;*/
}

.pdf-file a:hover{
    text-decoration: underline;
}

.pdf-file span{
    top: -15px;
    position: relative;
}

.select-city-wrap {
    display: none;
}



/*POSTCARD*/
.popup {
position:fixed;
display:flex;
align-items:center;
justify-content:center;
top:0px;
left:0px;
width:100vw;
height:84vh;
z-index:99999;
max-width:100%;
margin-top:80px;

}

.popup-close {
	position: absolute;
	top: 10px;
	right: 10px;
}

.popup-fade:before {
	content: '';
	background: #011b7d;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	z-index: 9999;
	-webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}


.popup {

	background-image: url(/bitrix/templates/nhl/images/9_may_head_NHL_01.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}

.sections_list_tree_tags
{
    /*display: none;*/
    width: auto;
    padding: 0px 110px 0px;
    margin: 0 auto 30px;
    position: relative;
    box-sizing: border-box;
    list-style: none;
    text-align: center;
    max-width: 1154px;
}

.sections_list_tree_tags li {
    display: inline-block;
    margin: 0 16px 20px 0;
}

.sections_list_tree_tags>li>a {
    display: inline-block; background-color: #e7ecef; text-decoration: none; font-size: 18px;
    text-align: left;
    color: #164466;padding: 12px 20px 12px 20px;
}

.sections_list_tree_tags>li>a:before {
    content: "#";padding-right: 3px;
}


.black-friday h1 {padding-bottom: 60px;background-color: #000!important;color:#fff!important;}

body.history .cont {padding-top: 0;padding-top: 80px!important; cursor: pointer;}

.black-friday-logo{background-image:url(/black-friday/img/black-friday-logo.png); background-size: cover; width: 62px; height: 45px;-moz-transition: background-image 0.8s 0.1s ease;-o-transition: background-image 0.8s 0.1s ease;-webkit-transition: background-image 0.8s 0.1s ease;position: absolute;left: 252px;top: 1px;}


@media screen and (max-width: 768px) {
.popup {
background-image: url(/bitrix/templates/nhl/images/mobil_9may_NHL.jpg);
width:90vw;
height:90vh;
left: 5%;
top: 5%;
margin-top:auto;
}

   }

.nav ul > li:nth-child(2) {
   /* display: none!important; */
}

.header .inner .nav ul.menu>li {/*height:40px; line-height:40px;*/}

@media screen and (max-width: 1500x) {
.nav {max-width:800px;}

}

@media screen and (max-width: 1400px) {
.nav {max-width:700px;}
}

@media screen and (max-width: 1200px) {
.nav {max-width:420px;}
}

@media (min-width: 1400px) and (max-width: 2920px) {
.header .inner {width:1300px; position:relative;  margin:0 auto; left:auto; right:auto;}
.header .inner .nav ul.menu>li {height:80px; line-height:80px;}
}

.shipment {color: #fff;background: #e48b1f;}
.shipment:hover {/*color: #e48b1f;background: #fff;*/}
.green.shipment {color: #fff;background: #16A05A;margin-right: 13px!important;}

.line-text {font-size: 18px;
    text-align: center;
    padding: 15px 15px 0 15px;
    margin: 0;
    background-color: #f8f8f8;
    letter-spacing: 1px;
    color: #164466;
    box-sizing: border-box;}

.bystraya-postavka-brand_switch li{
    padding-left: 20px;padding-right: 20px;width: auto;margin-left: 10px;
}

.bystraya-postavka-brand_switch{
    width: 300px; padding-left: 10px;
}

@media screen and (max-width: 767px) {
  .bystraya-postavka-brand_switch li{
    padding-left: 0px;padding-right: 0px;
}

 .cat_section_inside .bystraya-postavka-brand_switch li{
    display:none;
}

 .bystraya-postavka-brand_switch li:last-child{
    display:block;
}

.cat_section_inside .bystraya-postavka-brand_switch li{
    width: 150px;
}

.bystraya-postavka-brand_switch{
    width: 129px; padding-left: 10px;
}
}

.img-tehnologi
{ background-position: top center!important;

}

.news-item-tehnologi
{ height: 350px!important;
}

.title-tehnologi
{min-height: 127px!important;

}

.chat-welcome__active{display:none!important}

#to-top{bottom: 20px!important;right: 0px!important;border: none!important;
    opacity: 0;
    position: fixed;
    padding: 0 17px 0 32px;
    width: 105px;
    height: 50px;
    line-height: 48px;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 10;
    transition: color .5s;

}


.ingredientscat-element .img{border-radius:50%;background-size: cover!important;}
.ingredientscat-element .title {padding-top: 20px;}
.ingredientscat-element ul .title {padding-top: 0px;}
.ingredientscat-inside{
    display: block;
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    padding-bottom: 40px;
    font-family: "proxima_nova_rgregular";
    font-size: 18px;
    line-height: 1.44;
    text-align: left;
    color: #fff;
    position: relative;
}

.logo-mob{display:none!important;}

/*HISTORY PAGE*/
@media screen and (max-width: 768px) {

body.history .block1 .descr {width:100%;}
body.service h1, body.title_f h1, body.service div.h1, body.title_f div.h1 {font-size: 35px;}

}

ul.submenu_content-tekhnologi li:nth-child(4) {
    background-color: #e48b1f!important;color: #fff!important;
}

ul.submenu_content-tekhnologi li:nth-child(4) a{
    color: #fff!important;
}

@media screen and (max-width: 767px){
ul.submenu_content-tekhnologi li:nth-child(4) {
    margin-top: 20px!important;
}
}

.other .personal .map .flow-block a span{
    position: absolute;
    display: block;
    width: 230px;
    height: 34px;
    z-index: 1;
    color: #164466;
    padding-top: 7px;
    margin-left: 40px;
    text-align: left;
    opacity: 1;
}

.cat_section_inside .other .personal .map .flow-block a:hover  .flow-block a span{
    opacity: 1;
}
.cat_section_inside .other .personal .map .flow-block a{
    color: #fff;
    cursor: default;
}
.cat_section_inside .other .personal .map .flow-block a:after {
    opacity: 0;
}

.cat_section_inside .other .personal .map .flow-block a:before {
    opacity: 1;
}
.other .personal .map .flow-block a.sochi {
    top: 141px;
    left: 20px;
}

.other .personal .map .flow-block a.evpa {
    top: 80px;
    left: 0px;
}
.other .personal .map .flow-block a.ekat {
    top: 60px;
    left: 280px
}
.other .personal .map .flow-block a.tula {
    left: 170px;
    top: 0px;
}
.other .personal .map .flow-block a.astr {
    left: 110px;
    top: 205px;
}
.other .personal .map .flow-block a.mary {
    top: 5px;
    left: 260px;
}
.other .personal .map .flow-block a.ulan {
    top: 330px;
    left: 690px;
}

.ingredientscat-inside h2{color: #fff;}

/*Запил по меню   */

.header .wrapper-menu {
    display:none;
}

@media screen and (max-width: 1640px){
.header .inner .nav ul.menu>li {
    /*line-height: 20px;
    width: 100px;*/
    margin: 0 15px 0 0;
    }

.header .inner {width: 1000px;}
}

@media screen and (max-width: 1480px){
.header .inner .nav ul.menu>li {
    margin: 0 10px 0 0;
    font-size: 16px;
    }
}

@media screen and (max-width: 1400px){
.header .inner .nav {
    display:none;
}
.header .wrapper-menu {
    display:block;
}
}

/*Запил по меню   */


.cl-btn-2 {
    display: block;
    right: 6px;
    position: absolute;
    top: 240px;
}
.cl-btn-2 div {
    cursor: pointer;
    position: relative;
    height: 68px;
    width: 50px;
}
.cl-btn-2 .leftright {
    height: 4px;
    width: 36px;
    position: absolute;
    margin-top: 24px;
    background-color: #164466;
    border-radius: 2px;
    transform: rotate(45deg);
    transition: all .3s ease-in;
}
.cl-btn-2 .rightleft {
    height: 4px;
    width: 36px;
    position: absolute;
    margin-top: 24px;
    background-color: #164466;
    border-radius: 2px;
    transform: rotate(-45deg);
    transition: all .3s ease-in;
}
.cl-btn-2 .close-btn {
    margin: 54px 0 0 -5px;
    position: absolute;
    color: #164466;
    font-family: Tahoma, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all .3s ease-in;
    opacity: 0;
}
.cl-btn-2 div:hover .leftright {
    transform: rotate(-45deg);
    background-color: #e48b1f;
}
.cl-btn-2 div:hover .rightleft {
    transform: rotate(45deg);
    background-color: #e48b1f;
}
.cl-btn-2 div:hover .close-btn {
    opacity: 1;
}


#mobile-menu {
    /* position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 16.25rem;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; */
}


.on-slide {
    transform: translateX(260px);
    transition:0.3s;
}

.content {
    transition:0.3s;
}

.first_screen {
    transition:0.3s;

}

@media screen and (min-width:769px) {
    .new_menu {
        display:none;
    }
}



.new_menu {
    background-color: #164466;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    width: 260px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform .15s linear;
    transition: -webkit-transform .15s linear;
    transition: transform .15s linear;
    transition: transform .15s linear,-webkit-transform .15s linear;

}

.new_menu.shower {
    display:block;
}

.new_menu .left-menu  {
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding-top: 10px;
    box-sizing: border-box;
    padding-bottom: 120px;
    font-size: 20px;
}

.new_menu .left-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;

}

.new_menu .left-menu ul li {
    border-bottom: 1px solid #d0d0d0;
}

.new_menu .left-menu ul li:hover {
    cursor: pointer;
}

.new_menu .left-menu ul li:hover  span {
    /* color: #e48b1f; */
}

.new_menu .left-menu ul li a:hover {
    color: #e48b1f;
}

.new_menu .lvl2 {
    transition:0.3s;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 102;
    height: 100%;
    width: 100%;
    background-color: #164466;
    -webkit-transition: .15s linear;
    transition: .15s linear;
}
.new_menu .lvl3 {
    transition:0.3s;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 103;
    height: 100%;
    width: 100%;
    background-color: #164466;
    -webkit-transition: .15s linear;
    transition: .15s linear;
}

.new_menu .lvl2.shower {
    left:0;
    -webkit-transition: .15s linear;
    transition: .15s linear;
}
.new_menu .lvl3.shower {
    left:0;
    -webkit-transition: .15s linear;
    transition: .15s linear;
}

.new_menu .left-menu ul li span {
    padding: .9375rem 1.25rem;
    font-size: 16px;
    line-height: 1.375rem;
    color: #fff;
    display: block;
    position:relative;
}

.new_menu .left-menu ul li span:after {
    content: '';
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 1rem;
    z-index: 10;
    border: 2px solid rgb(255 255 255 / 84%);
    border-bottom: 0;
    border-left: 0;
}

.new_menu .left-menu ul li a {
    padding: .9375rem 1.25rem;
    font-size: 16px;
    line-height: 1.375rem;
    color: #fff;
    display: block;
    position:relative;
    text-decoration: none;
}


 .wrapper.shower {
    transform: translateX(260px);
    box-shadow: 0 0 0.875rem 0.4375rem rgb(0 0 0 / 4%);
    z-index: 101;
    position: relative;
    -webkit-transition: .15s linear;
    transition: .15s linear;
}

.wrapper {
    -webkit-transition: .15s linear;
    transition: .15s linear;
    z-index: 102;
    position: relative;
}

.js-drilldown-back a {
    background: #eee;
    color: #333!important;
    padding-left: 32px!important;
}

.js-drilldown-back a:after {
    content: '';
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 1rem;
    z-index: 10;
    border: 2px solid #154465;
    border-top: 0;
    border-right: 0;
}


a.float-social{display:none!important;}
a.float-social_youtube{display: block!important;top: 160px!important;}
a.float-social_telegram{display: block!important;opacity: 1;}
a.float-social_vkontakte{display: block!important;opacity: 1;}

.cat_descr a{color:#fff;}
.cat_descr a:hover{color:#e48b1f;}

.footer .wrap .vozduh {font-size:12px; line-height:120%;}



/*2023*/

@media screen and (max-width: 767px) {
	.element_detail .get_price {width:auto!important; margin-bottom:10px;}
	.element_detail .char .inside p {padding-left:20px; padding-right:20px; font-size:16px;}
	.element_detail .char .inside {font-size:16px;}
	.aicons_wrap {padding-left:20px; padding-right:20px; margin-bottom:0;}
	.catalog-section.also {padding-top:50px; padding-bottom:50px;}
	.catalog-section.also .cat_item>a .title, .catalog-section .cat_item>a .title {letter-spacing:0; font-size:16px; margin-left:10px;}
	.element_detail .prop {margin-top:25px;}
	.element_detail .char .inside:nth-child(4) {height:100%; padding-bottom:30px;}


}

/*2024*/
@media screen and (max-width: 767px) {
body.equipment .cat_section_inside_postavka .sections_list_top>li.equipment-mobile {
    display: block;
}
body.equipment .cat_section_inside_postavka .sections_list_top {
margin-top: 30px;padding: 0;padding-top: 35px;width: 100%;margin-left: 20px;margin-right: 20px;width: calc(100vw - 40px);
}
}

.get_price_ozone{
background-color: #005bfe!important;
border-color: #005bfe!important;
color: #fff!important;
font-family: "GTEestiPro",arial,sans-serif!important;
text-transform: none;
border-radius: 12px;
}

.get_price_ozone:hover{
background-color: #005bfe!important;
border-color: #005bfe!important;
color: #fff!important;
opacity: .9;
}

.element_detail .get_price_ozone:before {
    background: #005bfe;
}

/* FORM */
.elc_string.elc_captha {
	position: absolute;
	bottom: -130px;
	left: 50%;
	translate: -50%;
	width: auto;
}
.elc_string.chek-box,
.elc_string:has(#CHEK) {
	width: fit-content;
	float: left;
	margin-right: 16px;
}
.elc_string input#CHEK {
	width: 24px;
	accent-color: #e48b1f;
}
.elc_string:has(#CHEK):after {
    display: none;
}
#contacts .notice {
	width: 514px;
	text-align: left;
	margin: 38px auto 0;
	font-size: 14px;
	line-height: 1.29;
	display: block;
}
.elc_form .elc_string.elc_captha img {
	position: absolute;
	left: 50%;
	top: 13px;
	translate: -50%;
}
/* FORM */

/* TOP MENU */
.header .inner {
	z-index: 0;
    position: static;
}

.header .inner * {
    position: static;
}
.header .inner:after {
	display: none;
}
.header .inner .nav {
	height: 100%;
    padding-block: 1em;
    box-sizing: border-box;
    position: static;
}
.header .inner .nav ul.menu {
	height: auto;
    display: flex;
    gap: 0 2vw;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-wrap: wrap;
    max-width: 780px;
    z-index: 0;
    position: static;
}
.header .inner .nav ul.menu:after {
	display: none;
}
.header .inner .nav ul.menu>li {
	height: auto;
	line-height: 1.2;
    margin: 0;
    padding-block: 4px;
    position: relative;
    overflow: unset;
    z-index: 0;
}
.header .inner .nav ul.menu>li:hover ~ .header .inner .nav ul.menu>li {
    pointer-events: none !important;
}
.header .inner .nav ul.menu>li:has(.lvl2:hover) ~ .header .inner .nav ul.menu>li {
    pointer-events: none !important;
}
.header .inner .nav ul.menu>li ul.lvl2 {
	visibility: unset;
	width: 276px;
	padding: 40px 0px 25px 0;
	top: 100%;
	margin: 0;
	position: absolute;
	z-index: 100;
    pointer-events: none;
}
.header .inner .nav ul.menu>li:hover ul.lvl2 {
    opacity: 0.95;
	top: 100%;
	visibility: unset;
    pointer-events: all;
}
li.search_full_btn {
    position: absolute;
    left: 0;
}
li.search_full_btn .ico:after {
	top: 0;
	left: 0;
}
body.main.blue .bg {
	padding-bottom: 8px;
}
.header .inner .nav ul.menu>li.selected:before {
	display: none;
}
.header .inner .nav ul.menu>li.selected > span {
	color: #ffa12e;
}
.header .inner .nav {
	padding-block: 0.6em;
}

/* END TOP MENU */

/* .header .inner * {
    all: revert !important;
}
.header .inner .nav ul.menu:after {
	content: '';
    display: none;
}
.header .inner:after {
	display: none !important;
}
.header .inner li.search_full_btn{
    display: none !important;
    position: absolute !important;
}
li.search_full_btn .ico:after {
    display: none !important;
}
li.search_full_btn .ico:before {
    display: none !important;
}
.header .inner .nav ul.menu>li ul.lvl2>li:has(ul.lvl3)::before,
.header .inner .nav ul.menu>li ul.lvl2>li:has(ul.lvl3)::after{
    display: none !important;
}

.header .inner .nav{
}
.header .inner .nav ul.menu{
    display: flex !important;
    flex-wrap: wrap !important;
    max-width: 700px !important;
    margin-inline: auto !important;
    justify-content: center !important;
    column-gap: 20px !important;
    color: #fff !important;
    font-weight: 500 !important;
    list-style: none !important;
    position: relative !important;
    z-index: 0;
}
.header .inner .nav ul.menu>li:not(.search_full_btn){
    display: inline-block !important;
    position: relative !important;
    z-index: 1 !important;
}
.header .inner .nav ul.menu>li:hover ~ li{
    pointer-events: none !important;
}
.header .inner .nav ul.menu>li ul.lvl2{
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 100 !important;
    padding: 64px 20px !important;
    background-color: transparent !important;
}
.header .inner .nav ul.menu>li:hover ul.lvl2{
    opacity: 1 !important;
    pointer-events: all !important;
    z-index: 100 !important;
}
.header .inner .nav ul.menu>li ul.lvl2 li{
    padding-block: 32px !important;
    background-color: #e48b1f !important;
} */

/* TOP MENU */
/* End */
/* /bitrix/templates/nhl/css/jquery.mCustomScrollbar.css?153681606743348 */
/* /bitrix/templates/nhl/css/animate.css?1536816034113758 */
/* /bitrix/templates/nhl/css/fotorama.css?153681604515000 */
/* /bitrix/templates/nhl/css/jquery.fancybox.css?153681605514049 */
/* /bitrix/templates/nhl/css/mainpage_animate.css?1536816076221 */
/* /bitrix/templates/nhl/css/YouTubePopUp.css?15543860733163 */
/* /bitrix/templates/.default/components/bitrix/search.form/ajax_search_full/style.css?17137845014686 */
/* /bitrix/components/sotbit/regions.choose/templates/location/style.css?16167628649337 */
/* /bitrix/templates/.default/components/itrkomi/to.top/topbtn/style.css?16195092051383 */
/* /bitrix/templates/.default/components/bitrix/menu/cat_menu_sitemap/style.min.css?1527177204490 */
/* /bitrix/templates/.default/components/bitrix/menu/DropDownMenuSitemap/style.css?1536817403489 */
/* /bitrix/templates/nhl/styles.css?1779818330228723 */
/* /bitrix/templates/nhl/template_styles.css?1773149351112537 */