/* Start:/bitrix/templates/.default/css/jquery.mCustomScrollbar.min.css?168484362342821*/ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/bitrix/templates/.default/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* End */ /* Start:/bitrix/templates/.default/css/main.css?1784209612507138*/ @charset "UTF-8"; @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,700i,800&display=swap&subset=cyrillic'); @import url('https://fonts.googleapis.com/css?family=Ubuntu:400,700&display=swap&subset=cyrillic'); /* @import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,700&display=swap&subset=cyrillic'); */ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&display=swap'); @font-face { font-display: swap; font-family: "Exo 2"; font-style: normal; font-weight: 400; src: url("/bitrix/templates/.default/css/../assets/fonts/Exo/Exo2-Regular.ttf"); } @font-face { font-display: swap; font-family: "Exo 2"; font-style: normal; font-weight: 500; src: url("/bitrix/templates/.default/css/../assets/fonts/Exo/Exo2-Medium.ttf"); } @font-face { font-display: swap; font-family: "Exo 2"; font-style: normal; font-weight: 600; src: url("/bitrix/templates/.default/css/../assets/fonts/Exo/Exo2-SemiBold.ttf"); } @font-face { font-display: swap; font-family: "Exo 2"; font-style: normal; font-weight: 700; src: url("/bitrix/templates/.default/css/../assets/fonts/Exo/Exo2-Bold.ttf"); } @font-face { font-display: swap; font-family: "Exo 2"; font-style: normal; font-weight: 800; src: url("/bitrix/templates/.default/css/../assets/fonts/Exo/Exo2-ExtraBold.ttf"); } @font-face { font-display: swap; font-family: "Exo 2"; font-style: normal; font-weight: 900; src: url("/bitrix/templates/.default/css/../assets/fonts/Exo/Exo2-Black.ttf"); } * { outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; tap-highlight-color: rgba(0, 0, 0, 0); } :before, :after { outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #eee; margin: 0; padding: 0; } input, select { vertical-align: middle; } /*============================================= = F o n t s = =============================================*/ @font-face { font-family: KozGoPr6; src: url("/bitrix/templates/.default/css/../assets/fonts/f357ab42ce04a2894076083a8450fcf9.eot") format("eot"), url("/bitrix/templates/.default/css/../assets/fonts/f357ab42ce04a2894076083a8450fcf9.ttf") format("ttf"), url("/bitrix/templates/.default/css/../assets/fonts/f357ab42ce04a2894076083a8450fcf9.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } /*Ie 10/11*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { html { overflow: hidden; height: 100%; } body { overflow: auto; height: 100%; } } html, body { height: 100%; width: 100%; } html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; height: 100%; position: relative; overflow-x: hidden; } html.mobile-overflow { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } .wrap { overflow-x: hidden; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .wr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } .wr-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; font-size: 16px; line-height: 1.4; font-family: 'Exo 2', 'Open Sans', sans-serif; } body.mobile-overflow { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow-y: scroll; } main { position: relative; left: 0; overflow: hidden; -webkit-transition: left 0.25s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: left 0.25s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: left 0.25s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .container { width: 100%; padding: 0 20px; margin: 0 auto; } @media (min-width: 240px) and (max-width: 576px) { .container { padding: 0 15px; } } @media (min-width: 576px) and (max-width: 768px) { .container { max-width: 540px; padding: 0 20px; } } @media (min-width: 768px) and (max-width: 992px) { .container { max-width: 720px; } } @media (min-width: 992px) and (max-width: 1230px) { .container { max-width: 960px; padding: 0 15px; } } @media (min-width: 1230px) and (max-width: 1470px) { .container { max-width: 1200px; padding: 0 12px; } } @media (min-width: 1470px) and (max-width: 9999px) { .container { max-width: 1440px; padding-left: 0 !important; padding-right: 0 !important; } } .container--mini { max-width: 1200px; padding: 0 0 0 22px; } @media (max-width: 1469px) { .container--mini { padding: 0 13px; } } @media (max-width: 1229px) { .container--mini { padding: 0 20px; } } .container--padding { padding: 0 14px; } @media (max-width: 767px) { .container--padding { padding: 0 15px; } } .container--inner { padding: 0 7.8%; } @media (max-width: 991px) { .container--inner { padding: 0 20px; } } a { outline: none; text-decoration: none; -webkit-transition: color .35s ease-in-out; -o-transition: color .35s ease-in-out; transition: color .35s ease-in-out; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dont-show-me { height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } .error-message { opacity: 0; transition: opacity 0.2s ease-in; position: absolute; top: 100%; right: 0; font-size: 13px; line-height: 18px; color: rgba(227, 32, 32, 0.83); } .is-error~.error-message, .error-message.active { opacity: 1; } /* @media (max-width: 1229px) { .error-message { position: static; } }*/ /* .error-message .is-error { font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 30px; color: rgba(239, 154, 121, 0.7); }*/ /* @media (max-width: 1229px) { .error-message .is-error { line-height: 24px; } }*/ .visually-hidden { position: absolute !important; top: 0; left: 0; clip: rect(1px 1px 1px 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } button { -webkit-appearance: none; border-radius: 0; } button.disabled { opacity: 0.5; pointer-events: none; } .svg-animation-path path { -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: stroke-dashoffset 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: stroke-dashoffset 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .border-yellow:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 91%; height: 93%; margin: auto; border: 1px solid transparent; -webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(#f1ca44), color-stop(25%, #cda92b), to(#f1ca44)); -webkit-border-image: -webkit-linear-gradient(bottom, #f1ca44 0%, #cda92b 25%, #f1ca44 100%); -o-border-image: -o-linear-gradient(bottom, #f1ca44 0%, #cda92b 25%, #f1ca44 100%); border-image: -webkit-gradient(linear, left bottom, left top, from(#f1ca44), color-stop(25%, #cda92b), to(#f1ca44)); border-image: linear-gradient(to top, #f1ca44 0%, #cda92b 25%, #f1ca44 100%); border-image-slice: 1; -webkit-transition: width 350ms ease-in-out, height 350ms ease-in-out; -o-transition: width 350ms ease-in-out, height 350ms ease-in-out; transition: width 350ms ease-in-out, height 350ms ease-in-out; } .border-white:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 91%; height: 93%; margin: auto; border: 1px solid white; -webkit-transition: width 350ms ease-in-out, height 350ms ease-in-out; -o-transition: width 350ms ease-in-out, height 350ms ease-in-out; transition: width 350ms ease-in-out, height 350ms ease-in-out; } .content-style img { max-width: 100%; height: auto; max-height: 400px; } img.full { max-height: none; max-width: 100%; width: 100%; } .content-style { /* width: 100%;*/ max-width: 1200px; /*padding: 0 22px;*/ /* padding: 0 7.8%; margin: 0 auto;*/ } /* @media (min-width: 240px) and (max-width: 576px) { .content-style { padding: 0 15px; } } @media (min-width: 576px) and (max-width: 768px) { .content-style { max-width: 540px; padding: 0 20px; } } @media (min-width: 768px) and (max-width: 992px) { .content-style { max-width: 720px; } } @media (min-width: 992px) and (max-width: 1230px) { .content-style { max-width: 960px; padding: 0 15px; } } @media (min-width: 1230px) and (max-width: 1470px) { .content-style { max-width: 1200px; padding: 0 12px; } } @media (min-width: 1470px) and (max-width: 9999px) { .content-style { max-width: 1200px; padding: 0; } } @media (max-width: 991px) { .content-style { padding: 0 20px; } }*/ .content-style .paragraph-small { margin: 0 0 65px; } @media (max-width: 767px) { .content-style .paragraph-small { margin: 0 0 30px; } } .content-style .paragraph-small p { margin: 0 0 20px; font-size: 15px; line-height: 26px; font-weight: 400; color: #353637; } .content-style h1, .content-style h2, .content-style h3, .content-style h4, .content-style h5, .content-style h6 { max-width: 88%; color: #35383b; font-family: "Exo 2", sans-serif; } @media (max-width: 767px) { .content-style h1, .content-style h2, .content-style h3, .content-style h4, .content-style h5, .content-style h6 { max-width: 100%; } } .content-style h2 { margin: 25px 0 36px; font-size: 35px; font-weight: 400; line-height: 40px; } @media (max-width: 1229px) { .content-style h2 { font-size: 28px; line-height: 1.2; } } @media (max-width: 767px) { .content-style h2 { margin: 25px 0 30px; font-size: 26px; } } .content-style h3 { margin: 0 0 22px; font-size: 30px; font-weight: 400; line-height: 35px; } @media (max-width: 1229px) { .content-style h3 { font-size: 24px; line-height: 1.2; } } @media (max-width: 767px) { .content-style h3 { font-size: 22px; } } .content-style h4 { margin: 0 0 20px; font-size: 26px; font-weight: 400; line-height: 32px; } @media (max-width: 1229px) { .content-style h4 { font-size: 22px; line-height: 1.2; } } @media (max-width: 767px) { .content-style h4 { font-size: 21px; } } .content-style h5 { margin: 0 0 22px; font-weight: 400; line-height: 30px; font-size: 24px; } @media (max-width: 1229px) { .content-style h5 { font-size: 20px; line-height: 1.2; } } @media (max-width: 767px) { .content-style h5 { font-size: 21px; } } .content-style h6 { margin: 0 0 28px; font-size: 22px; font-weight: 400; line-height: 18px; } @media (max-width: 1229px) { .content-style h6 { font-size: 19px; line-height: 1.2; } } @media (max-width: 767px) { .content-style h6 { margin: 0 0 22px; font-size: 21px; } } .content-style>p { margin: 0 0 44px; font-size: 16px; line-height: 26px; font-weight: 400; color: #353637; } @media (max-width: 767px) { .content-style>p { margin: 0 0 30px; } } .content-style a { color: #2d709a; } .content-style a:hover { color: #353637; } .content-style ul li { position: relative; padding-left: 30px; margin: 0 0 8px; line-height: 25px; font-size: 16px; } @media (max-width: 767px) { .content-style ul li { padding-left: 23px; } } .content-style ul li:before { content: '―'; position: absolute; top: 0; left: 0; } .content-style ul li>ul { padding-top: 8px; } .content-style .table-responsive { display: block; width: 100%; overflow-x: auto; } .content-style table { margin: 0 0 30px; width: 100%; overflow: hidden; } .content-style table thead tr { background: #000; } .content-style table thead tr>td { border-bottom: none; font-size: 16px; font-weight: 600; letter-spacing: 0.4px; color: white; } .content-style table tr>td { padding: 20px 27px; font-size: 16px; font-weight: 400; color: #252525; border-bottom: 2px solid #e6e6e6; } .content-style>*:last-child { margin-bottom: 0; } .articel_body .table th { padding: 12px 27px; font-size: 16px; font-weight: 600; color: #252525; background: #e6e6e6; } .articel_body .table td:not(:last-child) { border-right: 2px solid #e6e6e6; } .paragraph-small-container { margin: 0 0 65px; } @media (max-width: 767px) { .paragraph-small-container { margin: 0 0 30px; } } .paragraph { margin: 0 0 44px; font-size: 16px; line-height: 26px; font-weight: 400; color: #353637; } @media (max-width: 767px) { .paragraph { margin: 0 0 30px; } } .paragraph--small { margin: 0 0 20px; font-size: 15px; } .paragraph--simple { margin: 0 0 20px; } .paragraph--simple:last-of-type { margin: 0 0 65px; } .preview { text-align: center; max-width: 870px; margin: 0 auto 55px; } .articel_body .preview { margin-bottom: 15px; } .articel_body .description-img, .projects-page .description-img { text-align: right; font-size: 8px; color: #666; margin-top: -20px; } .projects-page .description-img { margin-top: -44px; } @media (max-width: 767px) { .preview { margin: 0 0 30px; } } .preview__img { width: 100%; height: 503px; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 991px) { .preview__img { height: 400px; } } @media (max-width: 767px) { .preview__img { height: 187px; } } .preview__text { padding: 29px 0 0; font-size: 16px; font-weight: 400; line-height: 23.79px; color: #5c5c5c; } @media (max-width: 767px) { .preview__text { padding: 10px 0 0; } } .preview--small { margin: 0 auto 65px; } @media (max-width: 767px) { .preview--small { margin: 0 auto 30px; } } .preview--small .preview__img { height: 454px; } @media (max-width: 991px) { .preview--small .preview__img { height: 350px; } } @media (max-width: 767px) { .preview--small .preview__img { height: 187px; } } .preview--simple .preview__img { width: 79%; height: 438px; margin: auto; } @media (max-width: 991px) { .preview--simple .preview__img { height: 305px; } } @media (max-width: 767px) { .preview--simple .preview__img { width: 100%; height: 159px; margin: auto; } } .h1, .h2, .h3, .h4, .h5, .h6 { max-width: 88%; color: #35383b; font-family: "Exo 2", sans-serif; } @media (max-width: 767px) { .h1, .h2, .h3, .h4, .h5, .h6 { max-width: 100%; } } .h1 { margin: 0 0 54px; font-size: 43px; font-weight: 500; letter-spacing: 0.86px; line-height: 1.2; } @media (max-width: 1229px) { .h1 { font-size: 38px; } } @media (max-width: 767px) { .h1 { font-size: 30px; } } .h2 { margin: 0 0 36px; font-size: 35px; font-weight: 400; line-height: 40px; } @media (max-width: 1229px) { .h2 { font-size: 28px; line-height: 1.2; } } @media (max-width: 767px) { .h2 { margin: 0 0 30px; font-size: 26px; } } .h3 { margin: 0 0 22px; font-size: 30px; font-weight: 400; line-height: 35px; } @media (max-width: 1229px) { .h3 { font-size: 24px; line-height: 1.2; } } @media (max-width: 767px) { .h3 { font-size: 22px; } } .h4 { margin: 0 0 20px; font-size: 26px; font-weight: 400; line-height: 32px; } @media (max-width: 1229px) { .h4 { font-size: 22px; line-height: 1.2; } } @media (max-width: 767px) { .h4 { font-size: 21px; } } .h5 { margin: 0 0 22px; font-weight: 400; line-height: 30px; font-size: 24px; } @media (max-width: 1229px) { .h5 { font-size: 20px; line-height: 1.2; } } @media (max-width: 767px) { .h5 { font-size: 21px; } } .h6 { margin: 0 0 28px; font-size: 22px; font-weight: 400; line-height: 18px; } @media (max-width: 1229px) { .h6 { font-size: 19px; line-height: 1.2; } } @media (max-width: 767px) { .h6 { margin: 0 0 22px; font-size: 21px; } } .container__lists .lists { position: relative; padding-left: 30px; margin: 0 0 28px; line-height: 25px; font-size: 16px; } @media (max-width: 767px) { .container__lists .lists { padding-left: 23px; } } .container__lists .lists:before { content: '―'; position: absolute; top: 0; left: 0; } .container__lists .list { position: relative; padding-left: 60px; margin: 0 0 29px; line-height: 25px; font-size: 16px; } @media (max-width: 767px) { .container__lists .list { padding-left: 40px; margin: 0 0 20px; } } .container__lists .list:before { content: '―'; position: absolute; top: 0; left: 30px; } @media (max-width: 767px) { .container__lists .list:before { left: 17px; } } .kozgo { font-family: "KozGoPr6", sans-serif; } .hidden-animate { opacity: 0; } .visible-animate { opacity: 1; } /* .solutions .container, .products .container, .media .container { opacity: 1 !important; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; } */ .js-banner .js-animate { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: opacity 1000ms ease, -webkit-transform 1000ms ease; transition: opacity 1000ms ease, -webkit-transform 1000ms ease; -o-transition: opacity 1000ms ease, transform 1000ms ease; transition: opacity 1000ms ease, transform 1000ms ease; transition: opacity 1000ms ease, transform 1000ms ease, -webkit-transform 1000ms ease; } .js-banner .js-animate.is-ready { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .banner__achievements-container { opacity: 1 !important; -webkit-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; transform: translateY(0px) !important; } /* .banner-slider.js-animate { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: opacity 1000ms ease, -webkit-transform 1000ms ease; transition: opacity 1000ms ease, -webkit-transform 1000ms ease; -o-transition: opacity 1000ms ease, transform 1000ms ease; transition: opacity 1000ms ease, transform 1000ms ease; transition: opacity 1000ms ease, transform 1000ms ease, -webkit-transform 1000ms ease; } } .banner-slider.is-ready { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } */ .bg-white { background: white !important; } .bg-blue { background: #eff1f7 !important; } .angle { position: relative; } .angle:before { content: ''; position: absolute; top: -18px; left: 37px; width: 20px; height: 2px; background: rgba(38, 63, 79, 0.3); } @media (max-width: 1469px) { .angle:before { left: 29px; } } .angle:after { content: ''; position: absolute; top: -16px; left: 37px; width: 2px; height: 18px; background: rgba(38, 63, 79, 0.3); } @media (max-width: 1469px) { .angle:after { left: 29px; } } @media (max-width: 1229px) { .angle { display: none; } } .js-slider.slick-initialized, .js-full-slider.slick-initialized, .js-banner-slider.slick-initialized { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -webkit-grab; } .js-slider.slick-initialized:active, .js-full-slider.slick-initialized:active, .js-banner-slider.slick-initialized:active { cursor: grabbing; cursor: -webkit-grabbing; } /*============================================= = H e l p e r c l a s s e s = =============================================*/ .h-clear::after { content: ''; display: table !important; clear: both; height: 0 !important; visibility: hidden; } .h-m0 { margin: 0 !important; } .h-mt0 { margin-top: 0 !important; } .h-mb0 { margin-bottom: 0 !important; } .h-m10 { margin: 10px 0; } .h-mt10 { margin-top: 10px; } .h-mb10 { margin-bottom: 10px; } .h-m20 { margin: 20px 0; } .h-mt20 { margin-top: 20px; } .h-mb20 { margin-bottom: 20px; } .h-m30 { margin: 30px 0; } .h-mt30 { margin-top: 30px; } .h-mb30 { margin-bottom: 30px; } .h-hide { display: none !important; } .h-show { display: block; } .h-show__inline { display: inline !important; } .h-show__inline-block { display: inline-block !important; } .h-mobile-hide { display: block; } .h-mobile-hide--inline { display: inline; } .h-mobile-hide--inline-block { display: inline-block; } @media (max-width: 1229px) { .h-mobile-hide { display: none !important; } } .h-mobile-show { display: none; } @media (min-width: 240px) and (max-width: 1229px) { .h-mobile-show { display: block; } .h-mobile-show--inline { display: inline; } .h-mobile-show--inline-block { display: inline-block; } } .h-tablet-hide { display: block; } .h-tablet-hide--inline { display: inline; } .h-tablet-hide--inline-block { display: inline-block; } @media (max-width: 1023px) { .h-tablet-hide { display: none; } } .h-tablet-show { display: none; } @media (max-width: 1023px) { .h-tablet-show { display: block; } .h-tablet-show--inline { display: inline; } .h-tablet-show--inline-block { display: inline-block; } } .h-desktop-hide { display: block; } .h-desktop-hide--inline { display: inline; } .h-desktop-hide--inline-block { display: inline-block; } @media (max-width: 1239px) { .h-desktop-hide { display: none; } } .h-desktop-show { display: none; } @media (max-width: 1239px) { .h-desktop-show { display: block; } .h-desktop-show--inline { display: inline; } .h-desktop-show--inline-block { display: inline-block; } } .dont-scroll { overflow: hidden; } @media (max-width: 767px) { .mobile-center { text-align: center; } } @media (max-width: 767px) { .mobile-hidden { visibility: hidden; } } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("/bitrix/templates/.default/css/./../assets/img/ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("/bitrix/templates/.default/css/./fonts/slick.eot"); src: url("/bitrix/templates/.default/css/./fonts/slick.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/.default/css/./fonts/../../assets/fonts/slick.woff") format("woff"), url("/bitrix/templates/.default/css/./fonts/../../assets/fonts/slick.ttf") format("truetype"), url("/bitrix/templates/.default/css/./fonts/../../assets/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; cursor: default; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } @media (min-width: 768px) and (max-width: 9999px) { .mfp-preloader a:hover { color: #FFF; } } .mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -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.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -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; -ms-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.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(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.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; -ms-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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.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.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 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.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 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(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -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-duration: 0.75s; animation-duration: 0.75s; -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-animation-duration: 0.75s; animation-duration: 0.75s; -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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @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); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.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.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.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.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.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.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.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.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 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; } .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.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; -o-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } } .icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; } .icon-logo_new { width: 4.5146484375em; } .icon-logo_3 { width: 4.3017578125em; } .icon-logo-last { width: 4.8818359375em; } .icon-logo { width: 122px; height: 49px; fill: #060606; } .icon-logo_new, .icon-logo_3, .icon-logo-last { font-size: 49px; height: 49px; fill: #060606; } .title { margin: 0 0 65px; text-align: center; font-family: "Exo 2", sans-serif; font-size: 43px; font-weight: 300; letter-spacing: 0.86px; color: #37393c; } .title a { color: #37393c; transition: color 0.2s ease-in; } .title a:hover { color: #2d709a; } @media (max-width: 767px) { .title { margin: 0 0 30px; font-size: 28px; } } .title.corner, .title span { position: relative; } .title.corner:before, .title.corner:after { content: ''; display: block; } .title.corner:before, .title span:before { content: ''; position: absolute; top: -21px; left: -35px; width: 20px; height: 2px; background: rgba(38, 63, 79, 0.3); } .title.corner:after, .title span:after { content: ''; position: absolute; top: -21px; left: -37px; width: 2px; height: 20px; background: rgba(38, 63, 79, 0.3); } @media (max-width: 767px) { .title span:before, .title span:after { display: none; } } .big-title { padding: 125px 0px 0; } @media (max-width: 1229px) { .big-title { padding: 25px 0 0; } } .wrap:not(:has(.tags-homescreen)) .big-title .container { max-width: 1200px; margin: 0 auto; padding: 0 22px; } @media (max-width: 1469px) { .big-title .container { padding: 0 11px; } } @media (max-width: 1229px) { .big-title .container { padding: 0 20px; } } .big-title .title { margin: 0 0 39px; text-align: left; font-family: "Exo 2", sans-serif; font-size: 43px; font-weight: 500; line-height: 1.1; letter-spacing: 0.86px; color: #35383b; } @media (max-width: 1229px) { .big-title .title { font-size: 35px; font-weight: 300; letter-spacing: 0.7px; } } .metka { font-size: 0; padding: 7px 8px; } .metka__title { margin: 0 0 16px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #3a3a3a; } .metka__block { display: inline-block; vertical-align: top; } .metka__block:first-child { width: 90px; } .metka__block:last-child { width: calc(100% - 90px); padding-left: 17px; } @media (max-width: 767px) { .metka__block:last-child { width: 100%; padding: 0; } } @media (max-width: 767px) { .metka__block { width: 100%; } } .metka__text { position: relative; padding: 0 30px 0 19px; margin: 0 0 11px; font-size: 13px; line-height: 16px; font-weight: 400; color: #111111; } @media (max-width: 767px) { .metka__text:last-child { margin: 0; } } .metka__text svg { position: absolute; top: 0; left: 0; } .metka__text svg.icon-metka { left: -2px; top: -6px; font-size: 29px; } .metka__text svg.icon-phone-2 { top: -7px; left: 0px; font-size: 28px; } .metka__text svg.icon-message-2 { left: -4px; top: -3px; font-size: 21px; } .metka__phone { font-size: 13px; font-weight: 400; color: #111111; } /* .ymaps-2-1-76-balloon__tail { left: calc(50% - 17px) !important; } */ .modal .mfp-close { position: fixed; top: 21px; right: 20px; width: 40px; height: 32px; opacity: 1; overflow: hidden; } @media (max-width: 767px) { .modal .mfp-close { position: absolute; top: 10px; right: 10px; } } .modal .mfp-close:active { top: 21px; } @media (max-width: 767px) { .modal .mfp-close:active { top: 10px; } } .modal .mfp-close svg { width: 31px; height: 31px; } img.mfp-img { height: 715px; padding: 0; } @media (max-width: 1229px) { img.mfp-img { height: 400px; } } .mfp-figure:after { display: none; } .mfp-figure figure { padding: 15px 10px; background: white; } .mfp-figure .mfp-close { position: absolute; top: 0; right: -75px; width: 75px; height: 75px; line-height: 87px; padding: 0; background: #000000; opacity: 1; } @media (max-width: 767px) { .mfp-figure .mfp-close { top: -40px; right: 0; width: 40px; height: 40px; line-height: 52px; } } .mfp-figure .mfp-close:active { top: 0; } @media (min-width: 768px) and (max-width: 9999px) { .mfp-figure .mfp-close:hover svg { fill: white; } } .mfp-figure .mfp-close svg { top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: block; width: 31px; height: 31px; fill: #6b6b6b; line-height: 31px; margin: auto; -webkit-transition: fill 350ms ease-in-out; -o-transition: fill 350ms ease-in-out; transition: fill 350ms ease-in-out; } .mfp-wrap { background: rgba(239, 241, 247, 0.9); } .mfp-zoom-out-cur { cursor: default; } .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; } .sandwich { display: none; width: 31px; height: 24px; cursor: pointer; z-index: 9; } @media (max-width: 1229px) { .sandwich { display: block; } } .sandwich .sw-topper, .sandwich .sw-bottom, .sandwich .sw-footer { position: relative; top: 0; left: 0; width: 31px; height: 3px; border: none; border-radius: 4px 4px 4px 4px; background: #000; -webkit-transition: top 0.2s, -webkit-transform 0.5s; transition: top 0.2s, -webkit-transform 0.5s; -o-transition: transform 0.5s, top 0.2s; transition: transform 0.5s, top 0.2s; transition: transform 0.5s, top 0.2s, -webkit-transform 0.5s; } .sandwich .sw-bottom { top: 8px; -webkit-transition-delay: 0.2s, 0s; -o-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s; } .sandwich .sw-footer { top: 15px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .sandwich.is-active .sw-topper { top: 10px; -webkit-transform: rotate(140deg); -ms-transform: rotate(140deg); transform: rotate(140deg); } .sandwich.is-active .sw-bottom { top: 7px; -webkit-transform: rotate(-140deg); -ms-transform: rotate(-140deg); transform: rotate(-140deg); } .sandwich.is-active .sw-footer { top: 0; opacity: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .btn { display: inline-block; padding: 14px 21px; font-size: 13px; font-weight: 700; line-height: 28px; color: #047ed9; letter-spacing: 1.3px; text-transform: uppercase; border: 1px solid #2988db; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } @media (max-width: 767px) { .btn { width: 300px; text-align: center; } } @media (min-width: 768px) and (max-width: 9999px) { .btn:hover { color: #eb6f13; border-color: #eb6f13; } } .btn--blue { padding: 14px 47px; } @media (max-width: 767px) { .btn--blue { padding: 14px; width: 280px; } } .btn-container { padding: 64px 0 59px; text-align: center; } .btn-container--simple .button { padding: 17px 36px; } .button { position: relative; z-index: 1; display: inline-block; padding: 17px 30px; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 600; line-height: 16px; text-transform: uppercase; letter-spacing: 0.56px; border: none; color: white; background: transparent; cursor: pointer; text-align: center; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .button:before, .button:after { content: ''; position: absolute; top: -1px; height: calc(100% + 2px); width: 16px; border: 3px solid white; -webkit-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; } .button:before { left: -1px; border-right: none; } .button:after { right: -1px; border-left: none; } @media (min-width: 768px) and (max-width: 9999px) { .button:hover:before, .button:hover:after { width: 100%; } } @media (max-width: 1229px) { .button { padding: 13px 16px; } } .button--wide { min-width: 286px; } .button--white { padding: 21px 75px; border: 1px solid white; } .button--black { padding: 17px 70px; border: 1px solid #35383b; font-size: 14px; font-weight: 700; line-height: 24px; color: #35383b; } .button--black:before, .button--black:after { border-color: #35383b; } .decor { position: absolute; top: 0; width: 3px; height: 100%; background: white; } .decor--left { left: 0; } .decor--left:before, .decor--left:after { content: ''; position: absolute; left: -1px; width: 16px; height: 4px; background: white; } .decor--left:before { top: -3px; } .decor--left:after { bottom: -3px; } .decor--right { right: 0; } .decor--right:before, .decor--right:after { content: ''; position: absolute; right: -1px; width: 16px; height: 4px; background: white; } .decor--right:before { top: -3px; } .decor--right:after { bottom: -3px; } .is-hover { position: relative; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } @media (min-width: 768px) and (max-width: 9999px) { .is-hover:hover { cursor: pointer; border-color: #000; -webkit-transition: all 350ms ease-in-out 350ms; -o-transition: all 350ms ease-in-out 350ms; transition: all 350ms ease-in-out 350ms; } .is-hover:hover::before, .is-hover:hover::after { opacity: 1; top: -1px; bottom: -1px; width: 16px; border-color: #000; -webkit-transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; -o-transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; } } .is-hover::before, .is-hover::after { content: ''; position: absolute; top: 50%; bottom: 50%; width: 2px; margin: auto; border: 3px solid transparent; -webkit-transition: top 150ms ease-in-out 350ms, bottom 150ms ease-in-out 350ms, width 350ms ease-in-out, opacity 150ms ease-in-out 350ms, border-color 350ms ease-in-out; -o-transition: top 150ms ease-in-out 350ms, bottom 150ms ease-in-out 350ms, width 350ms ease-in-out, opacity 150ms ease-in-out 350ms, border-color 350ms ease-in-out; transition: top 150ms ease-in-out 350ms, bottom 150ms ease-in-out 350ms, width 350ms ease-in-out, opacity 150ms ease-in-out 350ms, border-color 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; opacity: 0; z-index: 2; } .is-hover::before { left: -1px; border-right: 0; } .is-hover::after { right: -1px; border-left: 0; } .consultation__btn-container { padding: 79px 0; text-align: center; } @media (max-width: 1229px) { .consultation__btn-container { padding: 70px 0; } } .consultation__btn-container .button { position: relative; padding: 17px 14px; } .consultation__btn-container .button svg { position: absolute; left: 21px; top: 19px; font-size: 20px; } .consultation__btn-container .button span { margin: 0 0 0 33px; } .section-btns .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; max-width: 1200px; margin: 0 auto; padding: 51px 25px; font-size: 0; } @media (max-width: 1469px) { .section-btns .container { padding: 51px 14px; } } @media (max-width: 1229px) { .section-btns .container { display: block; text-align: center; padding: 51px 20px 36px; } } @media (max-width: 767px) { .section-btns .container { padding: 51px 15px 36px; } } .section-btns .button { position: relative; padding: 17px 14px; } .new-product-lang .section-btns .button { min-width: 200px; } @media (max-width: 1229px) { /* .section-btns .button { margin: 0 0 25px; } */ } @media (max-width: 991px) { .section-btns .button { min-width: 286px; } } .section-btns .button svg { position: absolute; left: 21px; top: 19px; font-size: 20px; } .section-btns .button span { margin: 0 0 0 33px; } .section-btns--main .button { width: 280px; text-align: center; color: #35383b; /*font-family: "KozGoPr6", sans-serif;*/ font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0.72px; } .arrows { display: inline-block; vertical-align: top; } .arrows--simple .arrows__arrow { border-color: transparent; } @media (min-width: 768px) and (max-width: 9999px) { .arrows--simple .arrows__arrow:hover { background: transparent; border-color: transparent; } .arrows--simple .arrows__arrow:hover svg { fill: #eb6f13; } } .arrows--simple .arrows__arrow svg { width: 22px; height: 22px; fill: #c1c2d0; } .arrows__arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 56px; height: 56px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } @media (min-width: 768px) and (max-width: 9999px) { .arrows__arrow:hover { cursor: pointer; background: #eb6f13; border-color: #eb6f13; } .arrows__arrow:hover svg { fill: white; } } .arrows__arrow--left { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: 0 12px 0 0; } .arrows__arrow--right { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .arrows__arrow svg { fill: rgba(255, 255, 255, 0.7); display: block; width: 20px; height: 20px; margin: auto; -webkit-transition: fill 350ms ease-in-out; -o-transition: fill 350ms ease-in-out; transition: fill 350ms ease-in-out; } .breadcrumbs { margin: 0 0 8px; } @media (max-width: 767px) { .breadcrumbs { /* display: none;*/ white-space: nowrap; overflow: auto; } } .breadcrumbs li { display: inline-block; vertical-align: top; margin: 0 21px 13px 0; } .breadcrumbs li:first-child .breadcrumbs__link::after { display: none; } .breadcrumbs li span { position: relative; display: inline-block; vertical-align: top; font-family: "Exo 2", sans-serif; font-size: 14px; line-height: 1.2; font-weight: 400; letter-spacing: 0.28px; color: #6d6d6d; } .breadcrumbs li:not(:first-child) span::after { content: ''; position: absolute; width: 2px; height: 10px; top: 4px; left: -13px; background: rgba(53, 54, 55, 0.5); } .breadcrumbs__link { position: relative; display: inline-block; vertical-align: top; font-family: "Exo 2", sans-serif; font-size: 14px; line-height: 1.2; font-weight: 400; letter-spacing: 0.28px; color: #6d6d6d; -webkit-transition: color 350ms ease-in-out; -o-transition: color 350ms ease-in-out; transition: color 350ms ease-in-out; } @media (min-width: 768px) and (max-width: 9999px) { .breadcrumbs__link:hover { color: #000; } } .breadcrumbs__link::after { content: ''; position: absolute; width: 2px; height: 10px; top: 4px; left: -13px; background: rgba(53, 54, 55, 0.5); } .breadcrumbs--white .breadcrumbs__link { color: rgba(255, 255, 255, 0.7); } @media (min-width: 768px) and (max-width: 9999px) { .breadcrumbs--white .breadcrumbs__link:hover { color: white; } } .breadcrumbs--white .breadcrumbs__link::after { color: rgba(255, 255, 255, 0.7); } .breadcrumbs--white li { margin: 0 15px 13px 0; } .breadcrumbs--white li span { color: rgba(255, 255, 255, 0.7); } .breadcrumbs--white li span::after { color: rgba(255, 255, 255, 0.7); } .table { margin: 0 0 96px; font-size: 0; } @media (max-width: 767px) { .table { display: none; } } .table__row--header { background: #000; } .table__row--header .table__cell { border-bottom: none; font-size: 16px; font-weight: 600; letter-spacing: 0.4px; color: white; } .table__cell { width: 25%; display: inline-block; vertical-align: middle; padding: 20px 27px; font-size: 16px; font-weight: 400; color: #252525; border-bottom: 2px solid #e6e6e6; } .form { position: relative; display: none; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin: 0 auto; padding: 0 0 41px; background: #3f414b; } @media (max-width: 1229px) { .form.is-active { display: block; } } .form__container { max-width: 48%; margin: 0 auto; padding: 35px 21px 0; } @media (max-width: 767px) { .form__container { max-width: 100%; } } .form__title { margin: 0 0 10px; font-family: "Exo 2", sans-serif; font-size: 28px; font-weight: 300; letter-spacing: 0.56px; color: rgba(255, 255, 255, 0.95); } .form__group { position: relative; display: inline-block; vertical-align: bottom; width: 100%; margin: 0 0 6px; text-align: left; font-size: 18px; color: #ccc; } .form__group--textarea { margin-top: 28px; } .form__label { position: absolute; top: 10px; left: 0; width: 100%; font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 38px; color: rgba(255, 255, 255, 0.68); background: transparent; border: none; pointer-events: none; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .form__label--active { top: -15px; font-size: 12px; letter-spacing: 0.025em; color: #ccc; } .form__input { position: relative; padding: 10px 0 4px; width: 100%; height: 50px; font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 30px; color: rgba(255, 255, 255, 0.68); background: transparent; border: none; border-bottom: 1px solid #999; border-radius: 0; -webkit-transition: border-color 350ms; -o-transition: border-color 350ms; transition: border-color 350ms; } .form__input.is-error { border-color: rgba(255, 0, 0, 0.4) !important; } .form--gray .form__input.is-error { border-color: rgb(227, 80, 91) !important; } .form--gray .form__input.is-error+label { color: rgb(227, 80, 91); } .form--gray .error-message { color: rgb(227, 80, 91); } .form__input.is-error:focus:not(.has-value)+.form__label { color: rgba(227, 32, 32, 0.83); } .form__input.is-error+label { color: rgba(227, 32, 32, 0.83); } .form__input:focus, .form__input.has-value { border-color: white; } .form__input:focus+.form__label, .form__input.has-value+.form__label { /* top: -15px;*/ color: #ffffff; opacity: 0; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .form__input.has-value.is-error+label { color: rgba(239, 154, 121, 0.7); } .form__recapcha { position: relative; padding: 50px 0 0; margin: 0 0 26px; } .form__recapcha .error-message { right: 80px; left: 80px; transform: translateY(5px); } .form__recapcha .g-recaptcha { max-width: 302px; margin: 0 auto; } .form__input-float { position: relative; max-width: 382px; margin: 0 auto; text-align: left; } /* .form__input-float .error-message { position: absolute; top: auto; right: auto; }*/ .form__button { display: block; margin: 0 auto 28px; } .form .checkbox { position: relative; display: block; padding: 0 0 0 23px; font-family: "Open Sans", sans-serif; font-size: 13px; line-height: 1.25; letter-spacing: -0.1px; font-weight: 300; color: white; cursor: pointer; } .form .checkbox span:before { content: ""; position: absolute; left: 0; top: 4px; width: 15px; height: 15px; background: #fff; cursor: pointer; } .form .checkbox span:after { opacity: 0; content: ""; position: absolute; left: 3px; top: 8px; width: 9px; height: 5px; border: 1px solid #191919; border-top: none; border-right: none; cursor: pointer; border-bottom-left-radius: 3px; -webkit-transform: rotate(-53deg); -ms-transform: rotate(-53deg); transform: rotate(-53deg); -webkit-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } .form .checkbox span>a { color: rgba(255, 255, 255, 0.51); } .form input:checked+.checkbox span:after { opacity: 1; } .form__textarea { resize: none; } .form__consent { width: 252px; margin: 0 auto; color: rgba(255, 255, 255, 0.3); font-family: "Open Sans"; font-size: 12px; font-weight: 400; line-height: 15px; text-align: center; } .search { position: relative; display: inline-block; vertical-align: top; margin: 0 8px 0 0; text-align: left; } @media (max-width: 1229px) { .search { display: none; } } .search input[type=text] { width: 82%; height: 29px; margin: 20px 0 0; padding: 0 50px 0 30px; border: none; border-right: 1px solid rgba(157, 159, 163, 0.26); font-size: 17px; font-weight: 400; line-height: 29px; letter-spacing: 0.34px; color: rgba(0, 0, 0, 0.41); background: transparent; } .search input[type=submit] { position: relative; top: 10px; right: 50px; font-size: 0; padding: 0; height: 29px; width: 50px; border: none; background: transparent; cursor: pointer; } .footer.footer--new .search input[type=submit] { position: absolute; right: 58px; top: 42px; } @media (max-width: 991px) { .footer.footer--new .search input[type=submit] { top: 27px; right: 50px; } } .search form { position: absolute; top: -25px; right: -75px; width: 0; height: 70px; background-color: #eff1f7; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; z-index: 5; visibility: hidden; } .search form.is-active { visibility: visible; width: 305px; } .search__icon { position: relative; font-size: 19px; line-height: 15px; opacity: 0.45; -webkit-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; z-index: 6; } @media (min-width: 768px) and (max-width: 9999px) { .search__icon:hover { opacity: 1; } } .search__icon.is-disable { pointer-events: none; } .search__close { position: absolute; top: 26px; right: 19px; font-size: 16px; z-index: 5; } .search__close svg { fill: #9d9fa3; -webkit-transition: fill 350ms ease-in-out; -o-transition: fill 350ms ease-in-out; transition: fill 350ms ease-in-out; } @media (min-width: 768px) and (max-width: 9999px) { .search__close:hover svg { fill: #000; } } .socials__social { display: inline-block; vertical-align: top; margin: 0 23px 0 0; font-size: 26px; } .socials__social:last-child { margin-right: 0; } @media (min-width: 768px) and (max-width: 9999px) { .socials__social:hover svg { fill: white; } } .socials__social svg { fill: rgba(255, 255, 255, 0.51); -webkit-transition: fill 350ms ease-in-out; -o-transition: fill 350ms ease-in-out; transition: fill 350ms ease-in-out; } .principles { padding: 125px 0 159px; background: #eff1f7; } @media (max-width: 1469px) { .principles { padding: 100px 0; } } @media (max-width: 991px) { .principles { padding: 60px 0; } } .principles .container { max-width: 1200px; margin: 0 auto; padding: 0 22px; font-size: 0; } @media (max-width: 1469px) { .principles .container { padding: 0 11px; } } @media (max-width: 1229px) { .principles .container { padding: 0 20px; } } .principles__block { display: inline-block; vertical-align: top; width: 50%; } @media (max-width: 991px) { .principles__block { width: 100%; margin: 0 0 30px; } } .principles__block:last-child { padding: 0 0 0 48px; } @media (max-width: 991px) { .principles__block:last-child { padding: 0; } } .principles__title, .principles__block--content h2 { margin: 0 0 32px; font-family: "Exo 2", sans-serif; font-size: 35px; font-weight: 300; letter-spacing: 0.7px; color: #222528; } .principles__block--content ul { margin: 0; } .principles__list, .principles__block--content ul { padding: 0 25px 0 0; } @media (max-width: 991px) { .principles__list, .principles__block--content ul { padding: 0; } } .principles__item, .principles__block--content li { position: relative; padding: 0 0 0 35px; margin: 0 0 10px; font-size: 17px; font-weight: 400; line-height: 29px; letter-spacing: 0.34px; color: #35383b; } @media (max-width: 767px) { .principles__item, .principles__block--content li { padding: 0 0 0 30px; font-size: 16px; line-height: 24px; } } .principles__item::before, .principles__block--content li::before { content: '―'; position: absolute; top: 1px; left: 4px; font-size: 16px; font-weight: 400; line-height: 28px; color: #000000; } @media (max-width: 767px) { .principles__item::before, .principles__block--content li::before { line-height: 1.25; } } .articles { position: relative; } .articles .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; padding: 0 0 0 22px; font-size: 0; } @media (max-width: 1469px) { .articles .container { padding: 0 13px; } } .articles .article { display: inline-block; vertical-align: top; width: 48.5%; margin: 0 30px 30px 0; background: #eff1f7; } .articles .article:nth-of-type(2n) { margin-right: 0; } @media (max-width: 767px) { .articles .article:nth-of-type(2n) { margin-right: auto; } } @media (max-width: 1229px) { .articles .article { width: 48.4%; } } @media (max-width: 991px) { .articles .article { width: 47.9%; } } @media (max-width: 767px) { .articles .article { max-width: 570px; width: 100%; margin: 0 auto 30px; } } @media (min-width: 768px) and (max-width: 9999px) { .articles .article:hover .is-hover { cursor: pointer; border-color: #000; -webkit-transition: all 350ms ease-in-out 350ms; -o-transition: all 350ms ease-in-out 350ms; transition: all 350ms ease-in-out 350ms; } .articles .article:hover .is-hover::before, .articles .article:hover .is-hover::after { opacity: 1; width: 16px; border-color: #000; top: 0; bottom: 0; -webkit-transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; -o-transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; } } .articles .article__container-img { width: 100%; display: block; overflow: hidden; max-height: 322px; } .articles .article .is-hover::before { left: 0; } .articles .article .is-hover::after { right: 0; } @media (max-width: 767px) { .articles .article__container-img { text-align: center; } } .articles .article__container-img--video { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .articles .article__container-img img { max-height: 100%; display: block; margin: 0 auto; max-width: 100%; } .articles .article__container-img--video img { width: 100%; } .articles .article__title { min-height: 54px; margin: 0 0 21px; font-family: "Exo 2", sans-serif; font-size: 22px; font-weight: 500; letter-spacing: 0.44px; line-height: 1.25; color: #35383b; } .articles .article__title a { color: #000; transition: color 0.2s ease-in; } .articles .article__title a:hover { color: #2d709a; } .articles .article__desc { font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: rgba(47, 49, 51, 0.9); } .articles .article__content { padding: 28px 30px 36px 43px; } @media (max-width: 1229px) { .articles .article__content { padding: 28px 20px 36px; } } @media (max-width: 767px) { .articles .article__content { padding: 28px 15px 36px; } } .vacancies .container { max-width: 1200px; margin: 0 auto; padding: 0 25px; font-size: 0; } @media (max-width: 1469px) { .vacancies .container { padding: 0 14px; } } .vacancies__about { padding: 61px 0 77px; background: #eff1f7; } @media (max-width: 991px) { .vacancies__about { padding: 61px 0 40px; } } .vacancies__about .container { 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; } @media (max-width: 991px) { .vacancies__about .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .vacancies__about-block { display: inline-block; vertical-align: top; } .vacancies__about-block:first-child { width: 40%; } @media (max-width: 991px) { .vacancies__about-block:first-child { width: 100%; max-width: 470px; margin: 0 auto 40px; } } .vacancies__about-block:last-child { width: 60%; } @media (max-width: 991px) { .vacancies__about-block:last-child { width: 100%; max-width: 470px; margin: 0 auto; } } .vacancies__about-block img { max-width: 100%; } .vacancies__about-desc, .vacancies__about p { max-width: 450px; margin: 0 auto 25px; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: rgba(47, 49, 51, 0.9); } .vacancies__content { padding: 45px 0 58px; } @media (max-width: 767px) { .vacancies__content { padding: 45px 0 15px; } } .vacancies .vacancy { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 41px 32px 47px; margin: 0 0 30px; background: rgba(239, 241, 247, 0.5); } @media (max-width: 991px) { .vacancies .vacancy { position: relative; } } @media (max-width: 767px) { .vacancies .vacancy { padding: 20px 15px 47px; } } .vacancies .vacancy__block { position: relative; display: inline-block; vertical-align: top; } @media (max-width: 991px) { .vacancies .vacancy__block { position: static; } } .vacancies .vacancy__block:first-child { width: 33.3%; padding: 0 0 30px; } @media (max-width: 1229px) { .vacancies .vacancy__block:first-child { width: 40%; } } @media (max-width: 991px) { .vacancies .vacancy__block:first-child { width: 100%; } } .vacancies .vacancy__block:last-child { width: 66.7%; padding: 7px 0 0; } @media (max-width: 1229px) { .vacancies .vacancy__block:last-child { width: 60%; } } @media (max-width: 991px) { .vacancies .vacancy__block:last-child { width: 100%; padding: 0; margin: 0 0 20px; } } .vacancies .vacancy__title { margin: 0 0 30px; font-family: "Exo 2", sans-serif; font-size: 28px; font-weight: 300; line-height: 1.25; letter-spacing: 0.56px; color: #202020; } @media (max-width: 991px) { .vacancies .vacancy__title { margin: 0; } } .vacancies .vacancy__write { position: absolute; bottom: 0; left: 0; font-size: 14px; font-weight: 600; line-height: 24px; text-transform: uppercase; letter-spacing: 0.56px; color: #949597; -webkit-transition: color 350ms ease-in-out; -o-transition: color 350ms ease-in-out; transition: color 350ms ease-in-out; } @media (max-width: 991px) { .vacancies .vacancy__write { bottom: 20px; left: 32px; } } @media (max-width: 767px) { .vacancies .vacancy__write { left: 15px; } } @media (min-width: 768px) and (max-width: 9999px) { .vacancies .vacancy__write:hover { cursor: pointer; color: #4c4c4c; } .vacancies .vacancy__write:hover svg { opacity: .8; } } .vacancies .vacancy__write svg { display: inline-block; vertical-align: top; margin: 1px 8px 0 0; font-size: 21px; opacity: .4; -webkit-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; } .vacancies .vacancy__desc { margin: 0 0 28px; } .vacancies .vacancy__desc { margin: 0 0 20px; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: rgba(47, 49, 51, 0.9); } .vacancies .vacancy__desc>*:last-child { margin-bottom: 0; } .vacancies .vacancy__salaty { font-size: 24px; font-weight: 300; line-height: 27px; font-size: 24px; color: #4c4c4c; } .vacancies .vacancy__salaty span { font-size: 18px; } .partner { position: relative; background: #eff1f7; } .partner .container { max-width: 1200px; margin: 0 auto; padding: 67px 25px 0; font-size: 0; } @media (max-width: 1469px) { .partner .container { padding: 67px 14px 0; } } @media (max-width: 767px) { .partner .container { padding: 40px 14px; } } .partner__block { display: inline-block; vertical-align: top; margin: 0 0 73px; } .partner__block:first-child { width: 23.5%; margin: 0 50px 0 0; } @media (max-width: 1229px) { .partner__block:first-child { width: 100%; max-width: 274px; } } @media (max-width: 991px) { .partner__block:first-child { margin-right: 20px; } } @media (max-width: 767px) { .partner__block:first-child { display: block; margin: 0 auto 20px; } } .partner__block:last-child { width: 72.1%; padding: 39px 49px 43px; border: 1px solid #ccd4d9; } @media (max-width: 1229px) { .partner__block:last-child { width: 66.3%; } } @media (max-width: 991px) { .partner__block:last-child { width: 60%; padding: 30px; } } @media (max-width: 767px) { .partner__block:last-child { display: block; max-width: 100%; width: 100%; margin: 0 auto; padding: 20px; } } .partner__container-img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 271px; height: 271px; margin: 0 0 39px; background: #ffffff; } @media (max-width: 767px) { .partner__container-img { height: 150px; margin: 0 auto 20px; } } .partner__container-img img { max-width: 100%; height: 100%; padding: 10px; object-fit: contain; ; } .partner__addresses, .partner__mail, .partner__phone { position: relative; display: inline-block; vertical-align: top; margin: 0 0 10px; padding: 0 0 0 30px; font-size: 15px; font-weight: 400; line-height: 20px; letter-spacing: 0.3px; color: #2f3133; } .partner__addresses svg, .partner__mail svg, .partner__phone svg { position: absolute; left: 0; top: 0; font-size: 21px; } .partner__mail svg { font-size: 21px; } .partner__phone svg { left: 3px; top: -3px; font-size: 27px; } .partner__addresses { max-width: 250px; } .partner__addresses svg { top: -5px; font-size: 32px; } .partner__title { margin: 0 0 25px; font-size: 26px; font-weight: 400; line-height: 32px; color: #37393c; } .partner__desc { min-height: 251px; max-width: 500px; margin: 0 0 40px; } .partner__desc p { margin: 0 0 20px; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: #2f3133; } .partner__desc>*:last-child { margin-bottom: 0; } .partner__link { display: inline-block; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0.28px; color: #5d5d5d; -webkit-transition: color 350ms ease-in-out; -o-transition: color 350ms ease-in-out; transition: color 350ms ease-in-out; } @media (min-width: 767px) and (max-width: 9999px) { .partner__link:hover { color: #000; } } .team { position: relative; } .team .container { max-width: 1200px; margin: 0 auto; padding: 0 25px; font-size: 0; } @media (max-width: 1469px) { .team .container { padding: 0 15px; } } @media (max-width: 1229px) { .team .container { padding: 0 20px; } } .team__content { margin: 0 0 71px; font-size: 0; } @media (max-width: 991px) { .team__content { margin: 0 0 40px; } } .team__content-block { display: inline-block; vertical-align: top; width: 50%; } @media (max-width: 991px) { .team__content-block { width: 100%; margin: 0 0 15px; } } .team__content-block:last-child { padding: 0 0 0 18px; } @media (max-width: 991px) { .team__content-block:last-child { padding: 0; } } .team__content-block p { max-width: 547px; font-size: 15px; font-weight: 400; line-height: 28px; letter-spacing: 0.3px; color: rgba(47, 49, 51, 0.9); } .team .peoples { padding: 80px 0 50px; background: #eff1f7; } @media (max-width: 991px) { .team__content-block p { max-width: none; } } @media (max-width: 767px) { .team .peoples { padding: 40px 0 30px; } } .team .peoples .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 10px; } @media (max-width: 1469px) { .team .peoples .container { padding: 0; } } @media (max-width: 1229px) { .team .peoples .container { margin: 0 auto; padding: 0 5px; } } @media (max-width: 544px) { .team .peoples .container { padding: 0 20px; } } .team .peoples__people { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(25% - 30px); margin: 0 15px 32px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 991px) { .team .peoples__people { width: calc(33.3333333% - 30px); } } @media (max-width: 767px) { .team .peoples__people { width: calc(50% - 30px); } } @media (max-width: 544px) { .team .peoples__people { width: 100%; max-width: 320px; margin: 0 auto 30px; } } .team .peoples__container-img { max-height: 233px; margin: 0 0 24px; overflow: hidden; } .team .peoples__container-img img { max-width: 100%; height: 100%; width: 100%; object-fit: cover; object-position: center top; font-family: 'object-fit: cover; object-position: center top;'; } .team .peoples__name { margin: 0 0 15px; font-family: "Exo 2", sans-serif; font-size: 24px; font-weight: 400; letter-spacing: 0.48px; color: #060606; } .team .peoples__position { margin: 0 0 30px; padding: 0 10px 0 0; font-size: 15px; font-weight: 400; line-height: 19px; letter-spacing: 0.3px; color: rgba(0, 0, 0, 0.9); } .team .peoples__mail, .team .peoples__phone { position: relative; display: inline-block; padding: 0 0 0 34px; margin: 0 0 10px; font-size: 15px; font-weight: 400; line-height: 19px; letter-spacing: 0.3px; color: rgba(0, 0, 0, 0.9); } .team .peoples__mail svg, .team .peoples__phone svg { position: absolute; left: 0; top: 0; font-size: 21px; } .team .peoples__mail svg { left: 4px; font-size: 21px; } .team .peoples__phone svg { top: -5px; left: 7px; font-size: 27px; } .writetous { background: white; } .writetous .container { max-width: 570px; margin: 0 auto; padding: 92px 20px 104px; text-align: center; } @media (max-width: 991px) { .writetous .container { padding: 50px 15px; } } .writetous__icon { margin: 0 0 27px; } .writetous__icon svg { font-size: 50px; } .writetous__title { margin: 0 0 42px; font-family: "Exo 2", sans-serif; font-size: 25px; font-weight: 400; line-height: 35px; letter-spacing: 0.5px; color: #2f3133; } .writetous .button { padding: 17px 48px; } .partners-blocks .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; padding: 0 25px 96px; font-size: 0; } @media (max-width: 1469px) { .partners-blocks .container { padding: 0 14px 96px; } } @media (max-width: 991px) { .partners-blocks .container { padding: 0 14px 50px; } } @media (max-width: 767px) { .partners-blocks .container { padding: 0 14px 20px; } } .partners-blocks__block { position: relative; display: inline-block; vertical-align: top; width: 48.6%; padding: 37px 0 66px; margin: 0 30px 30px 0; border: 1px solid #ccd4d9; background: white; } @media (min-width: 992px) and (max-width: 9999px) { .partners-blocks__block:last-child, .partners-blocks__block:nth-of-type(2n) { margin-right: 0; } } @media (max-width: 1229px) { .partners-blocks__block { width: 48.4%; } } @media (max-width: 991px) { .partners-blocks__block { width: 100%; max-width: 466px; display: block; margin: 0 auto 30px; } } @media (max-width: 767px) { .partners-blocks__block { padding: 20px 0 30px; } } .partners-blocks__title { display: inline-block; vertical-align: top; max-width: 200px; margin: 0 0 0 47px; font-size: 17px; font-weight: 600; line-height: 32px; text-transform: uppercase; letter-spacing: 1.02px; color: #37393c; } .partners-blocks__title a { color: #37393c; transition: color 0.2s ease-in; } .partners-blocks__title a:hover { color: #2d709a; } @media (max-width: 767px) { .partners-blocks__title { max-width: 100%; padding: 0 20px; display: block; margin: 0 0 10px; text-align: center; font-size: 15px; font-weight: 400; line-height: 32px; } } .partners-blocks__container-img { position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 191px; height: 102px; margin: 0 20px 0 0; } @media (max-width: 767px) { .partners-blocks__container-img { position: static; width: 100px; max-width: 80px; margin: 0 auto 23px; width: 100%; height: 50px; } } .partners-blocks__img { max-width: 100%; max-height: 100%; margin: auto; } .partners-blocks__desc { padding: 38px 21px 0 47px; margin: 36px 0 54px; border-top: 1px solid #ccd4d9; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: #2f3133; } @media (max-width: 767px) { .partners-blocks__desc { display: none; } } .partners-blocks__link { position: absolute; bottom: 40px; left: 47px; display: block; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0.28px; color: #838383; } @media (max-width: 767px) { .partners-blocks__link { position: static; margin: 0 auto; font-size: 13px; text-align: center; } } .сertificates-blocks .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; padding: 0 25px 85px; font-size: 0; } @media (max-width: 1469px) { .сertificates-blocks .container { padding: 0 14px 85px; } } @media (max-width: 991px) { .сertificates-blocks .container { max-width: 700px; margin: 0 auto; padding: 0 14px 50px; } } @media (max-width: 767px) { .сertificates-blocks .container { max-width: 400px; padding: 0 14px 20px; } } .сertificates-blocks__block { position: relative; display: inline-block; vertical-align: top; width: 31.5%; margin: 0 30px 38px 0; padding: 40px 26px 42px; border: 1px solid #ccd4d9; } @media (min-width: 1230px) and (max-width: 9999px) { .сertificates-blocks__block:last-child, .сertificates-blocks__block:nth-of-type(3n) { margin-right: 0; } } @media (max-width: 1229px) { .сertificates-blocks__block { width: 100%; max-width: 314px; display: block; margin: 0 auto 30px; } } .сertificates-blocks__desc { padding: 0 0 0 4px; font-size: 16px; font-weight: 400; line-height: 23px; letter-spacing: 0.32px; color: #35383b; } .сertificates-blocks__icon { margin: 0 0 75px; } @media (max-width: 991px) { .сertificates-blocks__icon { margin: 0 0 40px; } } .сertificates-blocks__icon svg { font-size: 28px; } .contacts-blocks { padding: 67px 0 86px; background: #eff1f7; } .contacts-blocks__map { width: 100%; height: 100%; } .contacts-blocks .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; padding: 0 25px 0; font-size: 0; } @media (max-width: 1469px) { .contacts-blocks .container { padding: 0 14px 0; } } @media (max-width: 768px) { .partner__desc { min-height: auto; } } @media (max-width: 767px) { .contacts-blocks .container { padding: 0; } } .contacts-blocks__block { display: inline-block; vertical-align: top; } .contacts-blocks__block:first-child { width: 371px; padding: 44px 44px 44px 57px; background: white; } @media (max-width: 991px) { .contacts-blocks__block:first-child { display: block; width: 100%; } } @media (max-width: 767px) { .contacts-blocks__block:first-child { padding: 25px 20px 40px 20px; } } .contacts-blocks__block:last-child { width: calc(100% - 371px); min-height: 520px; } @media (max-width: 991px) { .contacts-blocks__block:last-child { display: block; width: 100%; height: 400px; min-height: auto; } } .contacts-blocks__subtitle { margin: 0 0 9px; font-family: "Exo 2", sans-serif; font-size: 22px; font-weight: 500; letter-spacing: 0.44px; color: rgba(80, 81, 83, 0.78); } .contacts-blocks__text { margin: 0 0 31px; font-size: 18px; font-weight: 400; line-height: 24px; color: #060606; } @media (max-width: 991px) { .contacts-blocks__text { max-width: 500px; } } .contacts-blocks__link { display: inline-block; margin: 0 0 4px; font-size: 20px; font-weight: 400; line-height: 1; color: #060606; } .contacts-blocks__phone { margin: 0 0 20px; } .contacts-blocks__phone span { display: block; font-size: 15px; line-height: 1.2; font-weight: 400; color: #060606; } .contacts-blocks .button { margin: 44px 0 0; padding: 17px 20px; } .search-block .container { max-width: 1200px; margin: 0 auto; padding: 0 25px; font-size: 0; } @media (max-width: 1469px) { .search-block .container { padding: 0 14px; } } @media (max-width: 767px) { .search-block .container { padding: 0 14px; } } .search-block__form-container { padding: 62px 53px 60px 69px; margin: 0 0 47px; background: #eff1f7; } @media (max-width: 1229px) { .search-block__form-container { padding: 40px 25px; } } @media (max-width: 767px) { .search-block__form-container { padding: 30px 15px; text-align: center; } } .search-block input { width: 100%; max-width: 802px; height: 53px; margin: 0 28px 0 0; line-height: 53px; font-size: 17px; font-weight: 400; letter-spacing: 0.34px; color: rgba(0, 0, 0, 0.83); border: none; border-bottom: 2px solid #bfc1c6; background: transparent; } .search-block input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.83); } .search-block input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.83); } .search-block input::-ms-input-placeholder { color: rgba(0, 0, 0, 0.83); } .search-block input::placeholder { color: rgba(0, 0, 0, 0.83); } @media (max-width: 1229px) { .search-block input { max-width: 75%; } } @media (max-width: 991px) { .search-block input { max-width: 67%; } } @media (max-width: 767px) { .search-block input { max-width: 320px; margin: 0 0 20px; } } .search-block__products { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 78px; } @media (max-width: 1229px) { .search-block__products { max-width: 870px; margin: 0 auto 50px; } } @media (max-width: 991px) { .search-block__products { max-width: 570px; } } @media (max-width: 767px) { .search-block__products { max-width: 270px; } } @media (max-width: 1229px) { .search-block .product-s:nth-of-type(2n) { margin-right: 30px; } } @media (max-width: 991px) { .search-block .product-s:nth-of-type(2n) { margin-right: 0; } } @media (max-width: 1229px) { .search-block .product-s:nth-of-type(3n) { margin-right: 0; } } @media (max-width: 991px) { .search-block .product-s:nth-of-type(3n) { margin-right: auto; } } .product-s { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 23%; margin: 0 30px 30px 0; border: 1px solid #ccd4d9; } .product-s.is-hover { cursor: auto; } .product-s.is-active { position: relative; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-color: #000; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; pointer-events: none; opacity: .7; } .product-s.is-active::before, .product-s.is-active::after { content: ''; position: absolute; top: -1px; bottom: -1px; height: calc(100% + 2px); width: 16px; margin: auto; border: 3px solid #000; -webkit-transition: height 150ms ease-in-out 350ms, width 350ms ease-in-out, opacity 150ms ease-in-out 350ms, border-color 350ms ease-in-out; -o-transition: height 150ms ease-in-out 350ms, width 350ms ease-in-out, opacity 150ms ease-in-out 350ms, border-color 350ms ease-in-out; transition: height 150ms ease-in-out 350ms, width 350ms ease-in-out, opacity 150ms ease-in-out 350ms, border-color 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; opacity: 0; } .product-s.is-active::before { left: 0; border-right: 0; } .product-s.is-active::after { right: 0; border-left: 0; } @media (min-width: 768px) and (max-width: 9999px) { .product-s:hover { border-color: #000; -webkit-transition: all 350ms ease-in-out 350ms; -o-transition: all 350ms ease-in-out 350ms; transition: all 350ms ease-in-out 350ms; } } @media (min-width: 1230px) and (max-width: 9999px) { .product-s:nth-of-type(4n) { margin-right: 0; } } @media (max-width: 1229px) { .product-s:nth-of-type(2n) { margin-right: 0; } } @media (max-width: 1229px) { .product-s { width: 100%; max-width: 270px; } } @media (max-width: 767px) { .product-s { margin: 0 0 30px; } } .product-s__container-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 205px; margin: 0 0 18px; } .product-s__container-img img { /* max-width: 100%; */ /* max-height: 100%; */ max-width: 180px; max-height: 180px; margin: auto; } .product-s__title { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 100%; padding: 0 20px; margin: 0 0 37px; font-family: "Exo 2", sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 0.4px; color: #505153; } .product-s__title a { color: #505153; } .product-s__desc { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 100%; padding: 0 17px 0 21px; margin: 0 0 38px; font-size: 14px; font-weight: 400; line-height: 24px; color: #505153; } .product-s__btn { padding: 16px 20px; text-align: center; font-size: 12px; font-weight: 600; line-height: 24px; text-transform: uppercase; letter-spacing: 0.24px; border-top: 1px solid #ccd4d9; cursor: pointer; color: #000000; } .product-s__btn svg { position: relative; left: -2px; top: 4px; margin: 0 13px 0 0; font-size: 17px; } .security .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1200px; margin: 0 auto 50px; padding: 0 25px; font-size: 0; } @media (max-width: 1469px) { .security .container { padding: 0 14px; } } .security__block, .security__block-items { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .security__block-items { width: 100%; } .security__block.side-menu { width: 271px; margin: 0 30px 30px 0; } @media (max-width: 991px) { .security__block.side-menu { /* display: none; */ width: 100%; margin: 0 0 30px; } } .security__block:last-child { width: calc(100% - 301px); min-height: 536px; } @media (max-width: 1229px) { .security__block:last-child { width: calc(100% - 425px); margin: 0 auto; } } @media (max-width: 991px) { .security__block:last-child { width: 100%; max-width: 570px; } } @media (max-width: 767px) { .security__block:last-child { max-width: 271px; } } .security__navigation { /* position: absolute; top: 0; */ width: 271px; } @media (max-width: 991px) { .security__navigation { position: static; } } .security__navigation-link { display: block; padding: 23px 15px; font-size: 15px; font-weight: 400; line-height: 1.25; border-bottom: 1px solid #E8E8E8; color: #505153; letter-spacing: 0.3px; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .security__navigation-link:has(+ .security__navigation-wp .active) { border-bottom: 0; } .security__navigation-link.active { background: #EFF1F7; border-top: 0 !important; } .security__navigation-dropdown-link { padding: 10px 30px; border-bottom: 1px solid #E8E8E8; background: #F8F8F8; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: 0.3px; color: #505153; display: block; transition: all .3s ease; } .security__navigation-dropdown-link.is-active { background: #EFF1F7; } .security__navigation-dropdown-link:hover { background: #EFF1F7; } .security__navigation-dropdown { display: flex; flex-direction: column; } .security__navigation-link:first-child { border-top: 1px solid rgba(55, 55, 55, 0.15); } @media (min-width: 768px) and (max-width: 9999px) { .security__navigation-link:hover { color: #000; } } .security__navigation-link.is-active { background: #eff1f7; color: #505153; border-color: transparent; } .security .product-s { width: 30.9%; } @media (max-width: 1229px) { .security .product-s { width: 271px; } } @media (min-width: 1230px) and (max-width: 9999px) { .security .product-s:nth-of-type(4n) { margin-right: 30px; } } @media (min-width: 1230px) and (max-width: 9999px) { .security .product-s:nth-of-type(3n) { margin-right: 0; } } .security .product-s__title { min-height: 84px; /**/ height: auto; margin: 0 0 30px; font-size: 22px; line-height: 1.25; } @media (max-width: 767px) { .security .product-s__title { min-height: 84px; /**/ } } @media (max-width: 1229px) { .security .product-s__title { margin-bottom: 15px; } } .security .product-s__desc { /* padding-top: 5px; */ padding-top: 32px; } .section-simple-desc { padding: 71px 0 53px; } .section-simple-desc .container { position: relative; max-width: 1200px; margin: 0 auto; padding: 0 25px; font-size: 0; } @media (max-width: 1469px) { .section-simple-desc .container { padding: 0 14px; } } @media (max-width: 767px) { .section-simple-desc .container { padding: 0 20px; } } .section-simple-desc p { margin: 0 0 24px; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: rgba(0, 0, 0, 0.7); } .section-characteristics { padding: 0 0 59px; } @media (max-width: 767px) { .section-characteristics { padding: 40px 0; } } .section-characteristics .container { max-width: 1200px; margin: 0 auto; padding: 0 25px; font-size: 0; } @media (max-width: 1469px) { .section-characteristics .container { padding: 0 14px; } } @media (max-width: 767px) { .section-characteristics .container { padding: 0 20px; } } .section-characteristics__block { display: inline-block; vertical-align: top; width: 50%; padding: 0 52px 0 0; } @media (max-width: 1229px) { .section-characteristics__block { padding: 0 40px; } } @media (max-width: 991px) { .section-characteristics__block { padding: 0 20px; } } @media (max-width: 767px) { .section-characteristics__block { width: 100%; padding: 0; } } .section-characteristics__block:last-child { padding-left: 52px; } @media (max-width: 1229px) { .section-characteristics__block:last-child { padding: 0 40px; } } @media (max-width: 991px) { .section-characteristics__block:last-child { padding: 0 20px; } } @media (max-width: 767px) { .section-characteristics__block:last-child { padding: 20px 0 0; } } .section-characteristics p { margin: 0 0 8px; color: rgba(0, 0, 0, 0.7); font-size: 14px; font-weight: 400; line-height: 24px; } .spheres-inst .container { max-width: 1170px; margin: 0 auto; padding: 80px 99px 61px; font-size: 0; background: #eff1f7; } @media (max-width: 767px) { .spheres-inst .container { padding: 0; } } .spheres-inst__block { position: relative; display: inline-block; vertical-align: top; width: 51.5%; } @media (max-width: 991px) { .spheres-inst__block { width: 100%; } } .spheres-inst__block:first-child { width: 48.5%; } @media (max-width: 991px) { .spheres-inst__block:first-child { width: 100%; } } @media (max-width: 991px) { .spheres-inst__block { display: block; width: 100%; max-width: 571px; margin: 0 auto; } } @media (max-width: 991px) { .spheres-inst__block:first-child { margin: 0 auto 25px; } } @media (max-width: 767px) { .spheres-inst__block:first-child { margin: 0 auto 36px; } } .spheres-inst__content { padding: 38px 31px 0 31px; margin: 0 0 30px; } @media (max-width: 1229px) { .spheres-inst__content { margin: 0; } } @media (max-width: 991px) { .spheres-inst__content { padding: 0; } } @media (max-width: 767px) { .spheres-inst__content { padding: 0 20px; } } .spheres-inst .full-slider { position: relative; z-index: 5; } .spheres-inst .full-slider__slide { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 295px; border: 1px solid #ccd4d9; background: white; } @media (max-width: 767px) { .spheres-inst .full-slider__slide { height: 100%; max-height: 202px; } } .spheres-inst .full-slider__slide img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; } @media (max-width: 767px) { .spheres-inst .full-slider__slide img { min-height: 231px; } } .spheres-inst__title { margin: 0 0 29px; font-family: "Exo 2", sans-serif; font-size: 22px; font-weight: 500; line-height: 1.25; letter-spacing: 0.44px; color: #505153; } @media (max-width: 767px) { .spheres-inst__title { margin: 0 0 22px; } } .spheres-inst__desc, .spheres-inst__content p { margin: 0 0 24px; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: rgba(47, 49, 51, 0.9); } @media (max-width: 767px) { .spheres-inst__desc, .spheres-inst__content p { margin: 0 0 26px; } } .spheres-inst__subtitle { margin: 0 0 5px; font-size: 15px; font-weight: 700; line-height: 24px; color: rgba(47, 49, 51, 0.9); } @media (max-width: 767px) { .spheres-inst__subtitle { margin: 0 0 21px; } } .spheres-inst__list { margin: 0 0 40px; } .spheres-inst__item { position: relative; padding: 0 0 0 18px; font-size: 15px; font-weight: 400; line-height: 28px; color: rgba(47, 49, 51, 0.9); } .spheres-inst__item:before { content: ''; position: absolute; top: 14px; left: 2px; width: 10px; height: 1px; background: #a6a9ad; } .spheres-inst__download-container { margin: 0 0 35px; } @media (max-width: 767px) { .spheres-inst__download-container { margin: 0 0 48px; text-align: center; } } .spheres-inst__download { position: relative; display: inline-block; font-size: 14px; font-weight: 700; line-height: 24px; text-transform: uppercase; letter-spacing: 0.56px; color: #000000; -webkit-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; } @media (min-width: 768px) and (max-width: 9999px) { .spheres-inst__download:hover { opacity: .8; } } .spheres-inst__download span { padding: 0 0 0 32px; } .spheres-inst__download svg { position: absolute; top: 0px; left: -2px; font-size: 26px; } .spheres-inst__share { padding: 0 0 0 53px; font-size: 12px; font-weight: 400; line-height: 24px; text-transform: uppercase; color: #828386; } @media (max-width: 991px) { .spheres-inst__share { padding: 0; } } @media (max-width: 767px) { .spheres-inst__share { text-align: center; } } .spheres-inst__share>span { margin: 0 8px 0 0; } .spheres-inst__share .ya-share2 { display: inline-block; } .spheres-inst .slick-dots { position: static; margin: 10px 0 0; text-align: left; } .spheres-inst .slick-dots li { width: 110px; height: 70px; margin: 0 10px 0 0; border: 1px solid #ccd4d9; } @media (max-width: 767px) { .spheres-inst .slick-dots li { width: 76px; height: 55px; } } .spheres-inst .slick-dots li img { width: 110px; height: 70px; } @media (max-width: 767px) { .spheres-inst .slick-dots li img { width: 76px; height: 55px; } } .spheres-inst__arrows { position: absolute; /* top: 31%;*/ top: 41%; left: 1px; width: 100%; max-width: 568px; height: 0; z-index: 11; } .spheres-inst__arrow { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; z-index: 6; cursor: pointer; } @media (min-width: 768px) and (max-width: 9999px) { .spheres-inst__arrow:hover svg { stroke: #000; } } .spheres-inst__arrow--right { float: right; right: 5px; } .spheres-inst__arrow--left { left: 5px; } .spheres-inst__arrow svg { stroke: #989ba4; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } .spheres-inst .slick-disabled { pointer-events: none; } @media (max-width: 767px) { .spheres-inst__download-content { padding: 0 0 34px; } } .spheres-inst__download-links { display: inline-block; vertical-align: top; width: 100%; padding: 14px 0 0; margin: 0 0 16px; border-top: 1px solid rgba(29, 29, 27, 0.11); } @media (max-width: 991px) { .spheres-inst__download-links { border: none; padding: 0; margin: 0; } } .spheres-inst__download-links:first-child { border-top: none; } @media (max-width: 767px) { .spheres-inst__download-links:first-child { padding: 30px 0 0; border-top: 1px solid rgba(29, 29, 27, 0.11); } } .spheres-inst__download-block { display: inline-block; vertical-align: top; width: 41%; } .spheres-inst__download-block:nth-of-type(2n) { /* text-align: center; */ width: 36%; } .spheres-inst__download-block:nth-of-type(3n) { /* text-align: right; */ width: 23%; } @media (max-width: 991px) { .spheres-inst__download-block:nth-of-type(3n) { /* text-align: center; */ width: 280px; } .spheres-inst__download-block:nth-of-type(2n) { width: 280px; } } @media (max-width: 991px) { .spheres-inst__download-block { width: 100%; width: 280px; margin: 0 auto 10px; padding: 10px 48px; display: block; /* text-align: center; */ background: white; } } @media (max-width: 767px) { .spheres-inst__download-block { margin: 0 auto 18px; padding: 16px 10px; } } .spheres-inst__download-block .spheres-inst__download { font-size: 13px; font-weight: 700; line-height: 24px; } .introduction { padding: 93px 0 87px; } @media (max-width: 767px) { .introduction { padding: 50px 0; } } .introduction .container { position: relative; max-width: 1200px; margin: 0 auto; } @media (max-width: 1469px) { .introduction .container { padding: 0; } } @media (max-width: 1279px) { .introduction .container { padding: 0 20px; } } .introduction__title { margin: 0 0 39px; text-align: center; /*font-family: "KozGoPr6", sans-serif;*/ color: #37393c; font-size: 40px; font-weight: 400; line-height: 1.25; letter-spacing: 0.8px; } @media (max-width: 767px) { .introduction__title { font-size: 30px; } } .introduction__desc { opacity: 0.9; color: #2f3133; /*font-family: "KozGoPr6", sans-serif;*/ font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: 0.4px; } .main-products { padding: 0 0 29px; } .main-products .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; max-width: 1200px; margin: 0 auto; } @media (max-width: 1469px) { .main-products .container { padding: 0 13px; } } @media (max-width: 1279px) { .main-products .container { padding: 0 20px; } } @media (max-width: 1229px) { .main-products .container { max-width: 910px; margin: 0 auto; } } @media (max-width: 991px) { .main-products .container { max-width: 610px; } } @media (max-width: 767px) { .main-products .container { max-width: 270px; } } .main-products .title { width: 100%; display: block; } @media (max-width: 1229px) { .main-products .product-s:nth-of-type(2n) { margin-right: 30px; } } @media (max-width: 991px) { .main-products .product-s:nth-of-type(2n) { margin-right: 0; } } @media (max-width: 1229px) { .main-products .product-s:nth-of-type(3n) { margin-right: 0; } } @media (max-width: 991px) { .main-products .product-s:nth-of-type(3n) { margin-right: auto; } } @media (max-width: 767px) { .main-products .product-s { margin: 0 0 30px; } } .main-products .product-s__title { color: #505153; /*font-family: "KozGoPr6", sans-serif;*/ font-size: 25px; font-weight: 400; letter-spacing: 0.5px; } .main-products .product-s__desc { padding: 0 9px 0 20px; color: #505153; /*font-family: "KozGoPr6", sans-serif;*/ font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0.36px; } .section-container { padding-bottom: 100px; } .banner { margin: 70px 0 0; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; max-width: 1920px; margin: 70px auto 0; position: relative; z-index: 1; height: 600px; overflow: hidden; } .banner .banner-slider, .banner .slick-list, .banner .slick-track, .banner .slick-slide, .banner .banner-slider__slide { /*height: 600px;*/ } @media (max-width: 1229px) { .banner { margin: 0 auto; background-size: cover; background-attachment: scroll; height: 500px; } } .banner .container { position: relative; /*min-height: 400px;*/ } @media (max-width: 1469px) { .banner .container { max-width: 100%; padding: 0; } } @media (max-width: 767px) { .banner .container { min-height: auto; } .banner { height: 460px; } } .banner-height .banner {} .banner .banner-slider { position: relative; /*max-width: 1280px;*/ margin: 0 auto; z-index: 2; /*height: 600px;*/ } .banner .banner-slider .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .banner .banner-slider .slick-slide { height: auto; } .banner .banner-slider__slide { height: 760px; padding: 131px 0 250px; position: relative; } @media (max-width: 1469px) { .banner .banner-slider__slide {} } /*@media (max-width: 1229px) { .banner .banner-slider__slide { padding: 0 0 420px; min-height: 299px; } }*/ @media (max-width: 767px) { .banner .banner-slider__slide { padding: 0; min-height: 260px; } } .banner-slider__bg { background-repeat: no-repeat; background-position: center center; background-size: cover; /*background-attachment: fixed;*/ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; } @media (max-width: 1229px) { .center-bottom .banner-slider__container-img, .right-bottom .banner-slider__container-img { padding: 0; left: 0; top: auto; height: 70%; } } @media (max-width: 767px) { .banner-slider__bg { display: none; background-attachment: scroll; } } .banner-slider__container-img { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 200px; position: absolute; top: 0; bottom: 0; right: 0; left: 50%; margin-left: -200px; } /*.banner--main .banner-slider__container-img, .banner--en .banner-slider__container-img { padding-bottom: 0 !important; }*/ .right-bottom .banner-slider__container-img { padding-bottom: 0; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .center-bottom .banner-slider__container-img { padding-bottom: 0; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .right-center .banner-slider__container-img { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .banner-slider__container-img img { max-width: 100%; } .banner-slider__info { max-width: 1200px; margin: 0 auto; padding: 30px 0 0; position: relative; z-index: 1; } .banner .banner-slider__title { position: relative; max-width: 490px; margin: 23px 0 0 77px; font-family: "Exo 2", sans-serif; /* font-size: 40px; */ font-size: 50px; font-weight: 300; line-height: 48px; letter-spacing: 0.8px; color: #060606; } .banner .banner-slider__title span:first-child { color: #000; } .banner .banner-slider__title span:last-child { display: block; color: #2d709a; } @media (max-width: 1469px) { .banner .banner-slider__title { margin: 23px 0 0 69px; } } @media (max-width: 1229px) { .banner .banner-slider__title { margin: 23px 0 0 100px; font-size: 30px; line-height: 38px; max-width: 350px; } } @media (max-width: 767px) { .banner .banner-slider__title { margin: 0 15px; font-size: 32px; line-height: 28px; } } .banner .banner-slider__slide { font-size: 0; } .banner .banner-slider__block a { color: auto; display: inline-block; } .banner .banner-slider__block { display: inline-block; vertical-align: top; width: 100%; } .banner .banner-slider__block:first-child { padding: 0; } @media (max-width: 1439px) { .banner .banner-slider__block:first-child { padding: 0; } } @media (max-width: 767px) { .banner .banner-slider__block:first-child { display: block; width: 100%; max-width: 350px; margin: 0 auto; padding: 0; } } .banner .banner-slider__block-img { padding: 0; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; } /*@media (max-width: 1229px) { .banner .banner-slider__block:last-child { position: absolute; top: 29%; right: -47px; width: 55%; padding: 0; } } @media (max-width: 767px) { .banner .banner-slider__block:last-child { top: 100%; right: 50%; transform: translateX(50%); width: 100%; max-width: 320px; padding: 0; } }*/ .banner .banner-slider__arrows { height: 0; position: absolute; top: 32.5%; width: 100%; max-width: 1440px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 100; } /*@media (max-width: 1229px) { .banner .banner-slider__arrows { display: none; } }*/ .banner .banner-slider__arrow { position: relative; display: inline-block; vertical-align: top; width: 80px; height: 77px; background: white; } @media (max-width: 767px) { .banner .banner-slider__arrow { width: 50px; height: 50px; } } @media (min-width: 320px) and (max-width: 9999px) { .banner .banner-slider__arrow:hover { cursor: pointer; } .banner .banner-slider__arrow:hover svg { stroke: #000; } } .banner .banner-slider__arrow--right { float: right; } .banner .banner-slider__arrow svg { stroke: #39576b; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } @media (max-width: 1439px) { .banner .banner-slider__img { max-width: 100%; max-height: 100%; height: 500px; } } .banner__achieve { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; z-index: 111; } .banner__achievements { background: rgba(255, 255, 255, 0.9); } @media (max-width: 767px) { .banner__achievements { display: none; } } .banner__achievements-container { max-width: 1200px; margin: 0 auto; padding: 36px 0 0; font-size: 0; display: flex; justify-content: space-between; } .banner__achievements-achievement { display: inline-block; vertical-align: top; padding: 0 55px 0 0; margin: 0 0 47px; } .banner__achievements-achievement:first-of-type { padding-left: 17px; } .banner__achievements-achievement:last-of-type { padding: 0; } @media (max-width: 1229px) { .banner__achievements-achievement { margin: 0 0 17px; } .banner__achievements-container { padding: 6px 0 0; } } @media (max-width: 1469px) { .banner__achievements-achievement:nth-of-type(1) { width: 27.6%; padding-left: 9px; } } @media (min-width: 992px) and (max-width: 1229px) { .banner__achievements-achievement:nth-of-type(3) { width: 26%; } .banner__achievements-achievement:nth-of-type(5) { width: 10.7%; padding-right: 9px; } } @media (max-width: 991px) { .banner__achievements-achievement { padding: 0 9px 0 0; width: 20% !important; } } .banner__achievements-icon { margin: 0 0 6px; font-size: 49px; text-align: center; } .banner__achievements-desc { max-width: 268px; padding: 0 0 0 6px; font-size: 15px; font-weight: 400; line-height: 23px; letter-spacing: 0.3px; color: #2f333a; text-align: center; } @media (max-width: 767px) { .banner--main .banner-slider__slide { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media (min-width: 768px) and (max-width: 9999px) { .banner--main .banner-slider__block:first-child { padding-top: 71px; } } .banner--main .banner-slider__title { max-width: 523px; margin: 13px 0 0 37px; color: #060606; /*font-family: "KozGoPr6", sans-serif;*/ font-size: 50px; font-weight: 400; line-height: 68px; letter-spacing: 1px; } /* .banner--main .banner-slider__title span:last-child { color: #060606; }*/ @media (max-width: 1279px) { .banner--main .banner-slider__title { font-size: 48px; } } @media (max-width: 1229px) { .banner--main .banner-slider__title { font-size: 23px; line-height: 28px; } } @media (max-width: 767px) { .banner--main .banner-slider__title { margin: 13px 0 0; } } .banner--main .angle:before, .banner--main .angle:after { left: 13px; } @media (max-width: 767px) { .banner .banner-slider__slide { padding-bottom: 0; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 660px; } .banner-slider__info { height: 20%; } .banner .banner-slider__block-img { position: relative; /* height: 80%; min-width: 1000px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%;*/ } .banner-slider__container-img { padding-bottom: 300px; position: relative; left: 0; width: 50%; margin-left: 0; margin: 0 auto; } .center-bottom .banner-slider__container-img, .right-bottom .banner-slider__container-img { width: 100%; } .banner .banner-slider__img { max-height: 100%; } } @media (max-width: 1229px) { .banner-slider__container-img { margin-left: 0; padding: 0 50px 200px; } } @media (max-width: 767px) { .banner .banner-slider__slide { height: 460px; } .banner .banner-slider__block-img { min-width: auto; height: 65%; } .banner .banner-slider__block-img.center-bottom, .banner .banner-slider__block-img.right-bottom { min-width: 600px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .banner-slider__info { height: 35%; } .banner-slider__container-img { padding: 20px 0; margin: 0 auto; width: 290px; height: 100%; } .center-bottom .banner-slider__container-img, .right-bottom .banner-slider__container-img { height: 100%; padding: 0; } .right-bottom .banner-slider__container-img { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .big-description { padding: 66px 0 47px; background: #eff1f7; } .big-description .container { max-width: 1200px; margin: 0 auto; padding: 0 22px; } @media (max-width: 1469px) { .big-description .container { padding: 0 12px; } } @media (max-width: 1229px) { .big-description .container { padding: 0 20px; } } .big-description img { margin: 5px 20px 20px 0; } .big-description p { margin: 0 0 24px; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: rgba(0, 0, 0, 0.8); } .big-description__blocks { padding: 34px 0 0; font-size: 0; } @media (max-width: 1229px) { .big-description__blocks { padding: 34px 0 0 22px; } } @media (max-width: 767px) { .big-description__blocks { padding: 34px 0 0; } } .big-description__block { position: relative; display: inline-block; vertical-align: top; width: 25%; padding: 19px 22px 0 0; } @media (max-width: 1229px) { .big-description__block { width: 50%; } } @media (max-width: 767px) { .big-description__block { width: 100%; } } .big-description__block:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; max-width: 268px; height: 2px; background: rgba(0, 0, 0, 0.64); } @media (max-width: 1229px) { .big-description__block:before { max-width: calc(100% - 22px); } } @media (max-width: 767px) { .big-description__block:before { max-width: 100%; } } .big-description__block>p { font-weight: 700; } .callback-modal { z-index: 99999; width: 100%; margin: auto; padding: 0 0 100px; font-family: "Open Sans", sans-serif; /*background: #eff1f7;*/ } @media (max-width: 1229px) { .callback-modal { padding: 60px 0; } } @media (max-width: 991px) { .callback-modal { padding: 0; } } @media (max-width: 991px) { .callback-modal .container { max-width: 100%; padding: 0; } } .callback-modal .mfp-close { position: absolute; top: 0; right: -75px; width: 75px; height: 75px; line-height: 87px; background: #000000; } @media (max-width: 991px) { .callback-modal .mfp-close { right: 0; } } @media (max-width: 767px) { .callback-modal .mfp-close { width: 40px; height: 40px; line-height: 52px; } } .callback-modal .mfp-close:active { top: 0; } @media (min-width: 768px) and (max-width: 9999px) { .callback-modal .mfp-close:hover svg { fill: white; } } .callback-modal .mfp-close svg { fill: #6b6b6b; line-height: 31px; margin: auto; -webkit-transition: fill 350ms ease-in-out; -o-transition: fill 350ms ease-in-out; transition: fill 350ms ease-in-out; } .callback-modal .form { max-width: 708px; padding: 51px 0 50px; display: block; background: white; } @media (max-width: 991px) { .callback-modal .form { max-width: 100%; } } .callback-modal .form__container { max-width: 500px; margin: 0 auto; padding: 0; } .callback-modal .form__input-float { max-width: 500px; } .callback-modal .form .button { width: 304px; padding: 21px 20px; text-align: center; } .callback-modal .form__container { max-width: 80%; } @media (max-width: 767px) { .callback-modal .form__container { max-width: 100%; } } .callback-modal .form__group { display: inline-block; vertical-align: top; width: 48%; } @media (max-width: 991px) { .callback-modal .form__group { display: block; margin: 0 auto; } } @media (max-width: 767px) { .callback-modal .form__group { width: 100%; max-width: 300px; } } .callback-modal .form__group:first-child { margin-right: 18px; } @media (max-width: 991px) { .callback-modal .form__group:first-child { margin: 0 auto 20px; } } .callback-modal .form__group input { border-color: #cccccc; } .callback-modal .form__input { color: #000; } .callback-modal .form__input:focus, .callback-modal .form__input.has-value { border-color: #cccccc; } .callback-modal .form__input:focus+.form__label, .callback-modal .form__input.has-value+.form__label { top: -9px; color: #000; opacity: 0.8; font-size: 12px; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .callback-modal .form__label { color: #000; } .callback-modal .form__input-float { position: relative; margin: 0 auto; max-width: 80%; } .callback-modal .form .checkbox { color: #000; font-size: 12px; font-weight: 400; line-height: 14px; padding: 0 0 0 19px; } .callback-modal .form .checkbox span>a { color: #828282; } .callback-modal .form .checkbox span:after { left: -14px; top: 8px; width: 10px; } .callback-modal .form .checkbox span:before { left: -16px; border: 1px solid #000; } .callback-modal .form .button { margin-bottom: 30px; color: #35383b; border-color: #35383b; } .callback-modal .form .button:before, .callback-modal .form .button:after { border-color: #35383b; } .callback-modal .form__recapcha { padding: 47px 0 0; text-align: center; margin: 0 0 30px; } .callback-modal__title { max-width: 425px; margin: auto auto 25px; text-align: center; color: #060606; font-family: "Exo 2", sans-serif; font-size: 35px; line-height: 1.25; font-weight: 300; letter-spacing: 0.7px; } @media (max-width: 1229px) { .callback-modal__title { padding: 5.5% 0 0; } } @media (max-width: 992px) { .callback-modal__title { padding: 0; font-size: 32px; } } .callback-modal__content { width: 100%; height: 100%; } .mfp-container { padding: 0; } .mfp-auto-cursor .mfp-content { cursor: default; } .certificates { padding: 95px 0 77px; } @media (max-width: 1229px) { .certificates { padding: 81px 0; } } @media (max-width: 767px) { .certificates { padding: 46px 0 51px; } } .certificates .container { position: relative; max-width: 1200px; margin: 0 auto; } @media (max-width: 1469px) { .certificates .container { padding: 0 13px; } } .certificates__slider { position: relative; padding: 13px 0 0 22px; margin: 0 0 30px; font-size: 0; z-index: 3; } @media (max-width: 1469px) { .certificates__slider { padding: 13px 0 0; } } @media (max-width: 1439px) { .certificates__slider { padding: 13px 0px 0; max-width: 875px; margin: 0 auto 30px; } } @media (max-width: 991px) { .certificates__slider { padding: 13px 0 0; max-width: 512px; } } @media (max-width: 767px) { .certificates__slider { max-width: 240px; margin: 0 auto; padding: 13px 0 0; } } .certificates__slider .slick-list { padding: 2px 0; } .certificates__slider .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .certificates__slide { width: 271px; height: auto; padding: 40px 26px 38px; margin: 0 30px 0 0; border: 1px solid #ccd4d9; } .certificates__slide:last-child { margin-right: 0; } @media (max-width: 1439px) { .certificates__slide { margin: 0 15px; } } @media (max-width: 991px) { .certificates__slide { max-width: 240px; } } @media (max-width: 767px) { .certificates__slide { padding: 27px 19px 25px; } } .certificates__desc { padding: 0 0 0 4px; font-size: 16px; font-weight: 400; line-height: 23px; letter-spacing: 0.32px; color: #35383b; } .certificates__icon { margin: 0 0 57px; } .certificates__icon svg { font-size: 28px; } .certificates__arrows { position: absolute; top: 64.5%; left: 0; width: 100%; height: 0; z-index: 4; } @media (max-width: 767px) { .certificates__arrows { top: 56.5%; right: 0; margin: auto; max-width: 320px; } } .certificates__arrow { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; cursor: pointer; z-index: 11; } @media (min-width: 768px) and (max-width: 9999px) { .certificates__arrow:hover svg { stroke: #000; } } .certificates__arrow--right { float: right; right: -5.6%; } @media (max-width: 1469px) { .certificates__arrow--right { right: -6.4%; } } @media (max-width: 1339px) { .certificates__arrow--right { right: 0; } } @media (max-width: 1229px) { .certificates__arrow--right { right: 20px; } } @media (max-width: 767px) { .certificates__arrow--right { right: 0; } } .certificates__arrow--left { left: -5.6%; } @media (max-width: 1469px) { .certificates__arrow--left { left: -6.4%; } } @media (max-width: 1339px) { .certificates__arrow--left { left: 0; } } @media (max-width: 1229px) { .certificates__arrow--left { left: 20px; } } @media (max-width: 767px) { .certificates__arrow--left { left: 0; } } .certificates__arrow svg { stroke: #39576b; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } @media (min-width: 768px) and (max-width: 9999px) { .certificates--main { padding: 112px 0 77px; } } @media (min-width: 768px) and (max-width: 9999px) { .certificates--main .title { margin: 0 0 38px; } } @media (max-width: 767px) { .certificates--main .certificates__slider .slick-list { padding: 2px 0; } } .certificates--main .certificates .title { color: #222528; font-weight: 400; letter-spacing: 0.8px; /*font-family: "KozGoPr6", sans-serif;*/ } @media (min-width: 1230px) and (max-width: 9999px) { .certificates--main .certificates .title { font-size: 40px; } } .certificates--main .certificates__desc { /*font-family: "KozGoPr6", sans-serif;*/ font-size: 18px; font-weight: 400; line-height: 23px; text-transform: uppercase; letter-spacing: 0.36px; } @media (min-width: 768px) and (max-width: 9999px) { .certificates--main .certificates__arrows { top: 59.5%; } } .communication-modal { z-index: 99999; width: 100%; height: 100%; margin: auto; padding: 0 0 100px; font-family: "Open Sans", sans-serif; /*background: #eff1f7;*/ } @media (max-width: 1229px) { .communication-modal { padding: 60px 0; } } @media (max-width: 991px) { .communication-modal { padding: 0; } } @media (max-width: 991px) { .communication-modal .container { max-width: 100%; padding: 0; } } .communication-modal .mfp-close { position: absolute; top: 0; right: -75px; width: 75px; height: 75px; line-height: 87px; background: #000000; } @media (max-width: 991px) { .communication-modal .mfp-close { right: 0; } } @media (max-width: 767px) { .communication-modal .mfp-close { width: 40px; height: 40px; line-height: 52px; } } .communication-modal .mfp-close:active { top: 0; } @media (min-width: 768px) and (max-width: 9999px) { .communication-modal .mfp-close:hover svg { fill: white; } } .communication-modal .mfp-close svg { fill: #6b6b6b; line-height: 31px; margin: auto; -webkit-transition: fill 350ms ease-in-out; -o-transition: fill 350ms ease-in-out; transition: fill 350ms ease-in-out; } .communication-modal .form { max-width: 708px; padding: 51px 0 50px; display: block; background: white; } @media (max-width: 991px) { .communication-modal .form { max-width: 100%; } } .communication-modal .form__container { max-width: 500px; margin: 0 auto; padding: 0; } .communication-modal .form__input-float { max-width: 500px; } .communication-modal .form .button { width: 304px; padding: 21px 20px; text-align: center; } .communication-modal .form__container { max-width: 80%; } @media (max-width: 767px) { .communication-modal .form__container { max-width: 100%; } } .communication-modal .form__group { display: inline-block; vertical-align: top; width: 100%; width: 48%; } .communication-modal .form__group:nth-child(1), .communication-modal .form__group:nth-child(3) { /*width: 48%;*/ margin-right: 18px; } @media (max-width: 991px) { .communication-modal .form__group:nth-child(1), .communication-modal .form__group:nth-child(3) { /*width: 100%;*/ margin-right: auto; } } /*.communication-modal .form__group:nth-child(3) { width: 48%; } @media (max-width: 991px) { .communication-modal .form__group:nth-child(3) { width: 100%; } }*/ .communication-modal--price .form__group:nth-child(3), .callback-modal .form__group:nth-child(3) { width: 48%; /* margin-right: 0; */ } @media (max-width: 991px) { .communication-modal .form__group { display: block; width: 100%; margin: 0 auto 15px; } } @media (max-width: 768px) { .communication-modal .form__group { width: 100%; max-width: 300px; } } .communication-modal .form__group--textarea { width: 100%; } .communication-modal .form__group input { border-color: #cccccc; } .communication-modal .form__textarea { border-color: #ccc; } .communication-modal .form__input { color: #000; } .communication-modal .form__input:focus, .communication-modal .form__input.has-value { border-color: #000; } .communication-modal .form__input:focus+.form__label, .communication-modal .form__input.has-value+.form__label { /* top: -15px;*/ color: #000; opacity: 0; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .communication-modal .form__label { color: #000; } .communication-modal .form__input-float { position: relative; margin: 0 auto; max-width: 80%; } .communication-modal .form .checkbox { color: #000; font-size: 12px; font-weight: 400; line-height: 14px; padding: 0 0 0 19px; } .communication-modal .form .checkbox span>a { color: #828282; } .communication-modal .form .checkbox span:after { left: -14px; top: 8px; width: 10px; } .communication-modal .form .checkbox span:before { left: -16px; border: 1px solid #000; } .communication-modal .form .button { margin-bottom: 30px; color: #35383b; border-color: #35383b; } .communication-modal .form .button:before, .communication-modal .form .button:after { border-color: #35383b; } .communication-modal .form__recapcha { padding: 47px 0 0; text-align: center; margin: 0 0 30px; } .form__recapcha.is-error>.g-recaptcha { border-color: #d10e18; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 1px 8px 1px rgba(209, 14, 24, 0.6); } @media (max-width: 991px) { .form__recapcha .error-message { right: 15px; left: 15px; } .communication-modal .form__recapcha { padding: 27px 0 0; margin-bottom: 50px; } } .communication-modal__title { max-width: 325px; margin: auto auto 25px; text-align: center; color: #060606; font-family: "Exo 2", sans-serif; font-size: 35px; line-height: 1.25; font-weight: 300; letter-spacing: 0.7px; } @media (max-width: 1229px) { .communication-modal__title { padding: 5.5% 0 0; } } @media (max-width: 992px) { .communication-modal__title { padding: 0; font-size: 32px; } } .mfp-container { padding: 0; } .mfp-auto-cursor .mfp-content { cursor: default; } .company { background-repeat: no-repeat; background-position: center center; background-size: cover; } .company__video .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: transparent; width: 58.52px; height: 58.52px; transition: all .3s ease; z-index: 2; } .company__video:hover .icon { color: #C70925; } .company__video::after { position: absolute; display: block; content: ''; width: 100%; pointer-events: none; height: 100%; top: 0; left: 0; background-color: #104B75; opacity: 0; transition: opacity .3s ease; } .company__video:hover::after { opacity: .3; } .company__video { position: relative; display: block; cursor: pointer; width: 100%; height: auto; margin-top: 60px; object-fit: cover; } .company__video img { width: 100%; height: 100%; display: block; } .company--simple { background-color: #eff1f7; } .company--simple .company__desc { color: #35383b; } @media (min-width: 992px) and (max-width: 9999px) { .company--simple .company__blocks { 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; } } @media (min-width: 1470px) and (max-width: 9999px) { .company--simple .company__block:first-child { padding: 0 75px 0 22px; } } @media (min-width: 1230px) and (max-width: 1469px) { .company--simple .company__block:first-child { padding: 0 75px 0 14px; } } .company .container { padding: 91px 0 0; } @media (max-width: 1469px) { .company .container { max-width: 100%; } } @media (max-width: 767px) { .company .container { padding: 44px 0 0; } } .company__blocks { max-width: 1200px; margin: 0 auto; padding: 0 0 96px; font-size: 0; } @media (max-width: 767px) { .company__blocks { padding: 0; } } .company__block { position: relative; display: inline-block; vertical-align: top; } .company__block:first-child { width: 52%; padding: 60px 46px 0; } @media (max-width: 1469px) { .company__block:first-child { padding: 60px 60px 0 37px; } } @media (max-width: 1229px) { .company__block:first-child { padding: 0 30px; } } @media (max-width: 991px) { .company__block:first-child { width: 100%; max-width: 400px; display: block; margin: 0 auto 30px; padding: 0; } } @media (max-width: 767px) { .company__block:first-child { padding: 0 20px; } } .company__block:last-child { width: 47.5%; /*min-height: 373px;*/ background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: -webkit-transform 350ms ease-in-out; transition: -webkit-transform 350ms ease-in-out; -o-transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; overflow: hidden; } .company__block.js-block-video { margin-bottom: 15px; } @media (max-width: 1229px) { .company__block:last-child { width: 48%; } } @media (max-width: 1095px) { .company__block.js-block-video { margin-bottom: 80px; } } @media (max-width: 991px) { .company__block:last-child { width: 100%; max-width: 400px; /*min-height: 262px;*/ display: block; margin: 0 auto; } } @media (max-width: 767px) { .company__block:last-child { min-height: 183px; } } /* .company__block:last-child:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } */ @media (min-width: 768px) and (max-width: 9999px) { .company__block:last-child.is-active:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .company__title { margin: 0 0 36px; font-family: "Exo 2", sans-serif; font-size: 43px; font-weight: 300; letter-spacing: 0.86px; color: #ffffff; } .company__title a { color: #ffffff; transition: color 0.2s ease-in; } .company__title a:hover { color: #2d709a; } @media (max-width: 991px) { .company__title { text-align: center; } } @media (max-width: 767px) { .company__title { margin: 0 0 29px; font-size: 28px; } } .company .angle:before { top: -16px; left: -25px; background: #90a3ae; } .company .angle:after { top: -14px; left: -25px; background: #90a3ae; } .company__desc, .company__block--content p { font-size: 17px; font-weight: 400; text-align: left; line-height: 29px; letter-spacing: 0.34px; color: #ffffff; } .company__block--content p { margin: 0 0 20px; color: #35383b; } .company__block--content>*:last-child { margin-bottom: 0; } @media (max-width: 767px) { .company__desc { font-size: 15px; line-height: 25px; } .company__desc, .company__block--content p { text-align: left; } } .company__block-btn { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 112px; height: 112px; border-radius: 50%; background: #ffffff; opacity: 0.76; -webkit-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; } @media (max-width: 767px) { .company__block-btn { width: 80px; height: 80px; } } @media (min-width: 768px) and (max-width: 9999px) { .company__block-btn:hover { cursor: pointer; opacity: 1; } } .company__block-btn:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 13px; height: 17px; -webkit-transform: translateX(30%); -ms-transform: translateX(30%); transform: translateX(30%); border: 8px solid transparent; border-left: 12px solid #000; } .company__block-btn.is-active { opacity: 0; } .company__block-iframe iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 10; } .company__achievements { padding: 81px 0 97px; background: rgba(89, 116, 132, 0.25); } @media (max-width: 991px) { .company__achievements { padding: 81px 0 57px; } } @media (max-width: 767px) { .company__achievements { padding: 49px 0 24px; } } .company__achievements--full { padding: 134px 0 0; background: white; } @media (max-width: 991px) { .company__achievements--full { padding: 80px 0 40px; } } .company__achievements--full .company__achievements-container { display: block; margin-bottom: 134px; } @media (max-width: 1229px) { .company__achievements--full .company__achievements-container { margin-bottom: 80px; } } @media (max-width: 991px) { .company__achievements--full .company__achievements-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } } @media (max-width: 991px) { .company__achievements--full .company__achievement { min-height: 132px; margin-bottom: 20px; } } @media (max-width: 767px) { .company__achievements--full .company__achievement { min-height: auto; margin-bottom: 55px; } } .company__achievements--full .company__achievement-text { min-height: 48px; margin-bottom: 7px; color: #646464; } .company__achievements--full .company__achievement-count { color: #000; } .company__achievements--full .company__achievement-count:after { font-weight: 600; } .company__achievements--full .company__achievement-desc { color: #000; } .company__achievements-container { max-width: 1200px; margin: 0 auto; font-size: 0; } .company__achievement { display: inline-block; vertical-align: top; width: 25%; padding: 0 0 0 46px; } @media (max-width: 1469px) { .company__achievement { padding: 0 0 0 37px; } } @media (max-width: 991px) { .company__achievement { padding: 0 0 0 95px; width: 50%; margin: 0 0 50px; } } @media (max-width: 767px) { .company__achievement { display: block; max-width: 320px; width: 100%; padding: 0 20px; margin: 0 auto 38px; } } @media (max-width: 767px) { .company__achievement:nth-child(2) { text-align: center; } .company__achievement:nth-child(2) .company__achievement-count { padding: 0; } } @media (max-width: 767px) { .company__achievement:nth-child(4) { text-align: center; } .company__achievement:nth-child(4) .company__achievement-count { padding: 0; margin-right: 95px; } } .company__achievement-desc { position: relative; color: white; padding: 10px 0 0 3px; margin: 0 0 27px; font-size: 25px; font-weight: 700; line-height: 27px; letter-spacing: 0.5px; } @media (max-width: 991px) { .company__achievement-desc { max-width: 240px; } } @media (max-width: 767px) { .company__achievement-desc { margin: 0 auto; text-align: center; } } .company__achievement-desc--adaptive { font-size: 30px; font-weight: 700; line-height: 27px; text-transform: uppercase; letter-spacing: 0.6px; } .company__achievement-desc--standart { font-size: 18px; font-weight: 700; line-height: 20px; letter-spacing: 0.36px; } .company__achievement-desc--warranty { font-size: 50px; font-weight: 600; line-height: 32px; letter-spacing: 1px; } .company__achievement-desc--warranty span { font-size: 17px; font-weight: 600; line-height: 20px; letter-spacing: 0.34px; } .company__achievement-desc--warranty span:first-child { position: relative; top: -26px; left: -5px; } .company__achievement-desc--warranty span:last-child { position: relative; top: 0; left: 8px; } .company__achievement-text { max-width: 258px; height: 32px; padding: 0 0 0 3px; margin: 0 0 31px; font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: 0.36px; color: rgba(255, 255, 255, 0.7); } @media (max-width: 767px) { .company__achievement-text { text-align: center; margin: 0 auto 13px; padding: 0; } } .company__achievement-count { position: relative; display: inline-block; font-size: 50px; font-weight: 600; line-height: 32px; letter-spacing: 1px; color: #ffffff; } @media (max-width: 767px) { .company__achievement-count { font-size: 46px; line-height: 1.1; padding: 0 0 0 44px; margin: 0 47px 0 0; } } .company__achievement-count:after { content: attr(data-desc); position: absolute; bottom: -7px; left: 100%; max-width: 140px; margin: 0 0 0 8px; font-size: 17px; font-weight: 400; line-height: 20px; letter-spacing: 0.34px; } @media (max-width: 767px) { .company__achievement-count:after { text-align: left; bottom: 4px; margin: 0 0 0 17px; } } .company--main .company__title { font-size: 40px; font-weight: 400; letter-spacing: 0.8px; /*font-family: "KozGoPr6", sans-serif;*/ } .company--main .company__title a:hover { text-decoration: underline; } .company--main .company__desc { font-size: 24px; font-weight: 400; letter-spacing: 0.48px; /*font-family: "KozGoPr6", sans-serif;*/ } .company--main .company__achievement-text { font-size: 24px; font-weight: 400; line-height: 34px; letter-spacing: 0.48px; /*font-family: "KozGoPr6", sans-serif;*/ } .company--main .company__achievement-count:after { /*font-family: "KozGoPr6", sans-serif;*/ font-size: 20px; font-weight: 400; line-height: 25px; letter-spacing: 0.4px; width: 105px; } .developers { background: #eff1f7; } .developers .container { position: relative; padding: 105px 0 73px; } @media (max-width: 1469px) { .developers .container { max-width: 100%; } } @media (max-width: 1229px) { .developers .container { padding: 81px 0 40px; } } @media (max-width: 767px) { .developers .container { padding: 30px 0 23px; } } .developers__slider { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1200px; margin: 0 auto 16px; padding: 6px 0 0; font-size: 0; z-index: 3; } @media (max-width: 1229px) { .developers__slider { max-width: 605px; margin: 0 auto 30px; } } @media (max-width: 767px) { .developers__slider { margin: 0 36px 0; padding: 0; } } .developers__slide { position: relative; display: inline-block; vertical-align: top; width: 100%; max-width: 272px; margin: 0 15px 50px; } @media (min-width: 1230px) and (max-width: 9999px) { .developers__slide:last-child, .developers__slide:nth-of-type(4n) { margin-right: 0; } } @media (max-width: 767px) { .developers__slide { margin: 0 auto 50px; } } .developers__title { display: inline-block; vertical-align: top; margin: 0 0 19px; font-family: "Exo 2", sans-serif; font-size: 22px; font-weight: 500; letter-spacing: 0.44px; color: #35383b; } @media (max-width: 767px) { .developers__title { margin: 0 0 10px; } } .developers__container-img { width: 100%; max-height: 204px; margin: auto auto 26px; } .developers__img { max-width: 100%; max-height: 100%; } .developers__desc { font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: #2f3133; } .developers__link { position: absolute; bottom: 40px; left: 37px; display: block; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0.28px; color: #838383; } @media (max-width: 1469px) { .developers__link { left: 29px; } } @media (max-width: 767px) { .developers__link { position: static; margin: 0 auto; font-size: 12px; text-align: center; } } .developers__arrows { position: absolute; top: 53.5%; left: 0; width: 100%; height: 0; z-index: 11; } @media (max-width: 1229px) { .developers__arrows { top: 50%; } } .developers__arrow { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; cursor: pointer; z-index: 11; } @media (min-width: 768px) and (max-width: 9999px) { .developers__arrow:hover svg { stroke: #000; } } .developers__arrow--right { float: right; right: 35px; } @media (max-width: 1469px) { .developers__arrow--right { right: 44px; } } @media (max-width: 1339px) { .developers__arrow--right { right: 20px; } } @media (max-width: 1229px) { .developers__arrow--right { right: 20px; } } @media (max-width: 767px) { .developers__arrow--right { right: 0; } } .developers__arrow--left { left: 35px; } @media (max-width: 1469px) { .developers__arrow--left { left: 44px; } } @media (max-width: 1339px) { .developers__arrow--left { left: 20px; } } @media (max-width: 1229px) { .developers__arrow--left { left: 20px; } } @media (max-width: 767px) { .developers__arrow--left { left: 0; } } .developers__arrow svg { stroke: #39576b; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } .footer { position: relative; z-index: 6; background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 32px 0 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; overflow: hidden; } @media (max-width: 1229px) { .footer { padding: 36px 0 0; } } .footer__top { max-width: 1440px; padding: 0 0 32px; margin: 0 auto; border-bottom: 1px solid rgba(255, 255, 255, 0.09); } @media (max-width: 1229px) { .footer__top { max-width: 500px; margin: 0 auto; text-align: center; padding: 0 0 42px; } } .footer:not(.footer--new) .footer__top .container { max-width: 1200px; font-size: 0; } @media (max-width: 1469px) { .footer:not(.footer--new) .footer__top .container { padding: 0 15px; } } @media (max-width: 1229px) { .footer:not(.footer--new) .footer__top .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .footer__top-block { display: inline-block; vertical-align: top; } .footer__top-block--relative { position: relative; } .footer__top-block:nth-of-type(1) { width: 27%; padding: 4px 24px 0; } @media (max-width: 1469px) { .footer__top-block:nth-of-type(1) { width: 25.5%; padding: 4px 0 0; } } @media (max-width: 1229px) { .footer__top-block:nth-of-type(1) { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; width: 100%; padding: 0; margin: 0 0 28px; } } .footer__top-block:nth-of-type(2) { width: 31%; padding: 4px 40px 0 0; } @media (max-width: 1469px) { .footer__top-block:nth-of-type(2) { width: 32%; } } @media (max-width: 1229px) { .footer__top-block:nth-of-type(2) { width: 100%; padding: 0; } } .footer__top-block:nth-of-type(3) { width: 22.7%; padding: 14px 40px 0 0; } @media (max-width: 1469px) { .footer__top-block:nth-of-type(3) { width: 23.2%; } } @media (max-width: 1229px) { .footer__top-block:nth-of-type(3) { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; padding: 0; margin: 0 0 27px; } } .footer__company { font-size: 16px; font-weight: 700; color: #ffffff; } .footer__text { max-width: 300px; display: inline-block; font-size: 16px; font-weight: 400; line-height: 22px; color: #ffffff; } .footer__phone { display: inline-block; font-size: 20px; font-weight: 700; color: #ffffff; } @media (max-width: 1229px) { .footer__phone { font-weight: 600; } } .footer__callback { font-size: 14px; font-weight: 400; color: #e2e2e3; -webkit-transition: color 350ms ease-in-out; -o-transition: color 350ms ease-in-out; transition: color 350ms ease-in-out; cursor: pointer; } @media (max-width: 1229px) { .footer__callback { display: none; } } @media (min-width: 768px) and (max-width: 9999px) { .footer__callback:hover { color: rgba(255, 255, 255, 0.6); } } .footer .search { position: absolute; top: 16px; right: 8px; margin: 0; } @media (max-width: 1469px) { .footer .search { right: 2px; } } .footer .search__icon { right: 0; font-size: 16px; -webkit-transition: right 350ms ease-in-out, opacity 350ms ease-in-out; -o-transition: right 350ms ease-in-out, opacity 350ms ease-in-out; transition: right 350ms ease-in-out, opacity 350ms ease-in-out; } .footer .search__icon svg { stroke: white; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } .footer .search form { position: absolute; top: -48px; right: -11px; height: 112px; } .footer .search form.is-active { width: 291px; } .footer .search form.is-active+.search__icon { right: 65px; } .footer .search form.is-active+.search__icon svg { stroke: rgba(0, 0, 0, 0.45); } .footer .search input[type=text] { padding: 0 50px 0 22px; margin: 42px 0 0; font-size: 18px; } .footer .search input[type=submit] { top: 20px; } .footer .search__close { top: 47px; } .footer__nav { max-width: 1440px; margin: 0 auto 30px; padding: 57px 0 0; } @media (max-width: 1229px) { .footer__nav { max-width: 500px; padding: 36px 0 0; margin: 0 auto 32px; text-align: center; } } .footer__nav .container { max-width: 1200px; font-size: 0; padding-left: 24px; } @media (max-width: 1469px) { .footer__nav .container { padding: 0 13px; } } .footer__nav-block { display: inline-block; vertical-align: top; } .footer__nav-block:nth-of-type(3) { width: 16.3%; } @media (max-width: 1469px) { .footer__nav-block:nth-of-type(3) { width: 14.8%; } } @media (max-width: 1229px) { .footer__nav-block:nth-of-type(3) { width: 100%; } } .footer__nav-block:nth-of-type(1) { width: 64.2%; } .title-search-result { position: absolute; display: none; } @media (max-width: 1469px) { .footer__nav-block:nth-of-type(1) { width: 65.6%; } } @media (max-width: 1229px) { .footer__nav-block:nth-of-type(1) { width: 100%; } } .footer__socials { margin-bottom: 50px; } .footer__socials-items { display: flex; width: fit-content; gap: 15px; } @media (max-width: 1229px) { .footer__socials-items { margin: 0 auto; } } .footer__socials-items-item { display: flex; align-items: center; justify-content: center; width: fit-content; height: fit-content; } .footer__socials-items-item svg path { transition: all .3s ease; } .footer:not(.footer--new) .footer__socials-items-item:hover svg path { fill: #797C87; } .footer__socials-items-item svg { width: 30px; height: 30px; } .contacts-blocks .footer__socials-items { margin-top: 30px; } @media (max-width: 991px) { .footer .search form { right: 0; left: unset; top: -33px; height: 80px; } .footer__socials-items { margin: 0 auto; } .contacts-blocks .footer__socials-items { margin: 0; margin-top: 30px; } .footer .search input[type=text] { margin-top: 27px; } .footer .search__icon-input { top: 30px; } .footer .search__close { top: 30px; } .footer .search input[type=submit] { top: 11px; } } .footer__nav-block:nth-of-type(1) .footer__nav-elements:nth-of-type(1) { margin-right: 4px; } .footer__nav-block:nth-of-type(1) .footer__nav-elements:nth-of-type(2) { margin-right: 33px; } .footer__nav-block:nth-of-type(1) .footer__nav-elements:nth-of-type(2) .footer__nav-link { max-width: 236px; } .footer__nav-block:nth-of-type(2) { width: 19.5%; padding-right: 22px; } @media (max-width: 1469px) { .footer__nav-block:nth-of-type(2) { width: 19.6%; } } @media (max-width: 1229px) { .footer__nav-block:nth-of-type(2) { width: 100%; padding: 0; } } .footer__nav-block:nth-of-type(2) .footer__nav-elements .footer__nav-link { max-width: 228px; } .footer__nav-elements { display: inline-block; vertical-align: top; margin: 0 0 6px; } @media (max-width: 1229px) { .footer__nav-elements { display: none; } } .footer__nav-title { /* pointer-events: none;*/ display: block; margin: 0 0 22px; font-family: "Exo 2", sans-serif; font-size: 17px; font-weight: 700; letter-spacing: 1.36px; text-transform: uppercase; color: #ffffff; } @media (max-width: 1229px) { .footer__nav-title { pointer-events: visible; margin: 0 0 16px; -webkit-transition: color 350ms ease-in-out; -o-transition: color 350ms ease-in-out; transition: color 350ms ease-in-out; } } @media (min-width: 768px) and (max-width: 9999px) { .footer__nav-title:hover { color: rgba(255, 255, 255, 0.6); } } .footer__nav-link, .footer__nav-subtitle { max-width: 221px; font-size: 16px; font-weight: 400; color: #e2e2e3; } .footer__nav-link { display: inline-block; line-height: 20px; -webkit-transition: color 350ms ease-in-out; -o-transition: color 350ms ease-in-out; transition: color 350ms ease-in-out; } @media (min-width: 768px) and (max-width: 9999px) { .footer__nav-link:hover { color: rgba(255, 255, 255, 0.6); } } .footer__nav-subtitle { font-weight: 600; } .footer__nav-links { padding: 0 0 0 2px; margin: 0 0 35px; } .footer__nav-links li { margin: 0 0 9px; } .footer .socials { position: relative; top: 0; left: -7px; padding: 46px 0 0; } @media (max-width: 1229px) { .footer .socials { padding: 15px 0 0; } } @media (max-width: 767px) { .footer .socials { left: 0; } } .footer--main .container { padding: 0; } @media (max-width: 1229px) { .footer--main .container { padding: 0 15px; } } .footer--main .footer__top-block:nth-of-type(1) { width: 22.5%; padding-left: 14px; } @media (max-width: 1229px) { .footer--main .footer__top-block:nth-of-type(1) { width: 100%; padding-left: 0; } } .footer--main .footer__top-block:nth-of-type(2) { width: 40%; padding-right: 30px; } @media (max-width: 1229px) { .footer--main .footer__top-block:nth-of-type(2) { width: 100%; padding: 0; } } .footer--main .footer__top-block:nth-of-type(2) p { max-width: 100%; } .footer--main .footer__top-block:nth-of-type(3) { width: 13.6%; padding-right: 20px; } @media (max-width: 1229px) { .footer--main .footer__top-block:nth-of-type(3) { width: 100%; padding-right: 0; } } .footer--main .footer__phone { vertical-align: top; padding: 13px 0 0; } @media (max-width: 1229px) { .footer--main .footer__phone { padding: 0; } } @media (max-width: 767px) { .footer--main .footer__phone { margin: 0 0 5px; } } .footer--main .footer__top { padding: 0 0 30px; position: relative; } @media (max-width: 1229px) { .footer--main .footer__top { padding: 0 0 75px; position: relative; } } .footer--main .socials { position: static; display: inline-block; vertical-align: top; padding: 9px 0 0 20px; } @media (max-width: 1229px) { .footer--main .socials { display: block; padding: 0; margin: 0; position: absolute; left: 50%; top: auto; bottom: 15px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .footer--main .socials__social { margin: 0 15px 0 0; } .footer--main .socials__social:last-child { margin-right: 0; } .footer-bottom { background: #2d2e32; font-size: 0; } .footer:not(.footer--new) .footer-bottom .container { max-width: 1200px; } @media (max-width: 1469px) { .footer-bottom .container { padding: 0 13px; } } .footer-bottom .container { display: flex; justify-content: space-between; align-items: center; gap: 20px; } .footer-bottom__block { display: inline-block; vertical-align: middle; } .footer-bottom__block:nth-child(1) { width: 90%; padding: 0 0 0 22px; display: flex; align-items: center; gap: 20px; } .footer-bottom__block:nth-child(1) a:hover { color: #fff !important; } @media (max-width: 1469px) { .footer-bottom__block:nth-child(1) { padding: 0; } } @media (max-width: 991px) { .footer-bottom__block:nth-child(1) { flex-direction: column; align-items: start; gap: 10px; } .footer-bottom .container { align-items: end; } .footer--new .footer-bottom a.planet { width: fit-content !important; } .footer-bottom .container { align-items: start; flex-direction: column; } .footer--new .footer-bottom { padding: 10px 0 0 0; } } @media (max-width: 767px) { .footer-bottom__block:nth-child(1) { width: 75%; padding: 0; } } .footer-bottom__block:nth-child(2) { width: 50%; padding: 0 4px 0 0; text-align: right; } @media (max-width: 1469px) { .footer-bottom__block:nth-child(2) { padding: 0; } } @media (max-width: 767px) { .footer-bottom__block:nth-child(2) { width: 25%; } } .footer-bottom p, .footer-bottom a { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 0.26); -webkit-transition: color 350ms ease-in-out; -o-transition: color 350ms ease-in-out; transition: color 350ms ease-in-out; } .footer-bottom a.planet { height: 54px; width: 54px; text-align: center; line-height: 85px; background: rgba(31, 31, 34, 0.8); } @media (min-width: 768px) and (max-width: 9999px) { .footer-bottom a.planet:hover svg { fill: rgba(255, 255, 255, 0.7); } } .footer-bottom a.planet svg { fill: rgba(255, 255, 255, 0.26); height: 41px; width: 41px; -webkit-transition: fill 350ms ease-in-out; -o-transition: fill 350ms ease-in-out; transition: fill 350ms ease-in-out; } .header { position: fixed; top: 0; left: 0; width: 100%; padding: 12px 0 9px; font-size: 0; background: white; -webkit-box-shadow: 0 3px 5px rgba(25, 25, 25, 0.1); box-shadow: 0 3px 5px rgba(25, 25, 25, 0.1); z-index: 99; } @media (max-width: 1229px) { .header { /* position: relative;*/ padding: 19px 0 0; } .big-title { padding: 90px 0 0; } } @media (max-width: 1229px) { body:has(.header .sandwich.is-active) { overflow: hidden; } .header:has(.sandwich.is-active) { overflow: auto; height: 100%; } } @media (max-width: 767px) { .header { padding: 13px 0 0; } } .header .container { max-width: 1200px; } @media (max-width: 1469px) { .header .container { padding: 0 12px; } } @media (max-width: 1229px) { .header .container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } } .header__logo { display: inline-block; vertical-align: top; margin: 0 129px 0 22px; } @media (max-width: 1469px) { .header__logo { margin: 0 127px 0 0; } } @media (max-width: 1229px) { .header__logo { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: calc(100% - 130px); padding: 0 0 0 15px; margin: 0; margin-bottom: 19px; } } @media (max-width: 767px) { .header__logo { margin-bottom: 13px; } } @media (max-width: 1229px) { .header__logo svg { font-size: 33px; height: 33px; } } .header__description { display: inline-block; vertical-align: top; /* max-width: 190px; */ width: 190px; padding: 11px 0 0; margin: 0 38px 0 0; font-size: 11px; line-height: 13px; font-weight: 400; letter-spacing: 0.22px; color: #555555; -webkit-transition: margin 350ms ease-in; -o-transition: margin 350ms ease-in; transition: margin 350ms ease-in; } @media (max-width: 1229px) { .header__description { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: absolute; left: 115px; top: 4px; padding: 0; } } @media (max-width: 767px) { .header__description { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: static; max-width: 100%; width: 100%; display: none; padding: 13px 0 17px 22px; } } @media (max-width: 1229px) { .header__sandwich { margin: 4px 0 0 auto; padding: 0 20px 0 0; } } .header__nav { display: inline-block; vertical-align: top; width: 521px; margin: 0 11px 0 0; } @media (max-width: 1229px) { .header__nav { display: none; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0; padding: 12px 20px 13px; background: #000; } } .header__nav.is-active { display: inline-block; } .header__nav ul { margin: 0; padding: 0; list-style: none; } .header__nav ul:after { content: ""; display: table; clear: both; } .header__nav .topmenu>li { float: left; position: relative; margin: 13px 11px; } @media (min-width: 768px) and (max-width: 9999px) { .header__nav .topmenu>li.active>a:before { width: 100%; opacity: 1; visibility: visible; } } @media (max-width: 1229px) { .header__nav .topmenu>li { float: none; display: block; margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.23); -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .header__nav .topmenu>li:last-child { border-bottom: none; } } .header__nav .topmenu>li>a { position: relative; display: block; font-size: 14px; font-weight: 600; letter-spacing: 0.84px; text-transform: uppercase; text-decoration: none; -webkit-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; color: rgba(0, 0, 0, 0.9); } @media (max-width: 1229px) { .header__nav .topmenu>li>a { padding: 17px 0; color: white; font-size: 17px; } } .header__nav .topmenu>li>a:before { content: ''; position: absolute; bottom: -26px; left: 0; right: 0; width: 10px; height: 3px; margin: 0 auto; background: #000; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } @media (max-width: 1229px) { .header__nav .topmenu>li>a:before { display: none; } } @media (min-width: 768px) and (max-width: 9999px) { .header__nav .topmenu>li>a:hover:before { width: 100%; opacity: 1; visibility: visible; } } .header__nav .topmenu>li>a.is-pointer-events { position: relative; } @media (max-width: 1229px) { .header__nav .topmenu>li>a.is-pointer-events { /*pointer-events: none;*/ } .header__nav .topmenu li>a.open-submenu { display: block; padding: 0; position: absolute; top: 22px; right: 0px; width: 22px; height: 18px; background: url("/bitrix/templates/.default/css/../assets/img/svg/mobile-arrow.svg") no-repeat center; -webkit-transition: -webkit-transform 350ms ease-in-out; transition: -webkit-transform 350ms ease-in-out; -o-transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; } .header__nav .topmenu .submenu__element li>a.open-submenu { top: 0; } .header__nav .topmenu .submenu__element li>ul { display: none; } } .header__nav .topmenu li>a.open-submenu.is-active { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .header__nav .submenu { position: fixed; top: 70px; left: 0; width: 100%; z-index: 5; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 350ms ease-in-out .1s; -o-transition: all 350ms ease-in-out .1s; transition: all 350ms ease-in-out .1s; background: #000; opacity: 0; visibility: hidden; /* max-height: 820px; height: fit-content; overflow: auto; */ } .header__nav .submenu--simple { position: absolute; top: 45px; left: -50%; max-width: 230px; padding: 30px 30px 25px 30px; width: auto; white-space: nowrap; } @media (max-width: 1229px) { .header__nav .submenu--simple { padding: 7px 0px 22px; } } @media (max-width: 1229px) { .header__nav .submenu--simple li:last-child .submenu__link { margin: 0; } } .header__nav .submenu--simple .submenu__link { font-size: 16px; } @media (max-width: 1229px) { .header__nav .submenu--simple .submenu__link { margin: 0 0 11px; } } @media (max-width: 991px) { .submenu__link { max-width: calc(100% - 32px); } } @media (max-width: 1229px) { .header__nav .submenu--simple .submenu li { display: block; } } @media (max-width: 1229px) { .header__nav .submenu { display: none; position: static; opacity: 1; visibility: visible; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; -webkit-transform-origin: inherit; -ms-transform-origin: inherit; transform-origin: inherit; -webkit-transition: none; -o-transition: none; transition: none; } } .header__nav .submenu__block { display: inline-block; vertical-align: top; } .header__nav .submenu__block:nth-of-type(1) { width: 76.9%; } @media (max-width: 1229px) { .header__nav .submenu__block:nth-of-type(1) { width: 100%; } } .header__nav .submenu__block:nth-of-type(2) { width: calc(100% - 76.9%); } @media (max-width: 1229px) { .header__nav .submenu__block:nth-of-type(2) { width: 100%; } } .header__nav .submenu__block:nth-of-type(2) .submenu__element { width: 100%; } @media (max-width: 1229px) { .header__nav .submenu__block:nth-of-type(2) .submenu__element>li:first-child>a { margin: 0; margin-bottom: 11px; } } .header__nav .submenu__element { display: inline-block; vertical-align: top; width: 33.3%; padding: 0 45px 0 0; margin: 0 0 30px; margin-right: 30px; } @media (max-width: 1229px) { .header__nav .submenu__element { margin: 0; } } @media (max-width: 1229px) { .header__nav .submenu__element { width: 100%; padding: 0; } } .header__nav .submenu__element>li:first-child>a { /*pointer-events: none;*/ font-weight: 700; margin-bottom: 11px; } @media (max-width: 1229px) { .header__nav .submenu__element>li:first-child>a { /*pointer-events: visible;*/ margin: 0 0 11px; font-weight: 600; } } .header__nav .submenu .container { position: relative; padding: 48px 20px 13px; } @media (max-width: 1469px) { .header__nav .submenu .container { padding: 48px 12px 13px; } } @media (max-width: 1229px) { .header__nav .submenu .container { padding: 7px 0 22px 2px; } } .header__nav .submenu li { position: relative; width: 100%; display: block; margin: 0 0 11px; } /*@media (max-width: 1229px) { .header__nav .submenu li { margin: 0; } }*/ /*@media (max-width: 1229px) { .header__nav .submenu li:not(:first-child) { display: none; } }*/ @media (max-width: 1229px) { .header__nav .submenu--simple li { display: block !important; } } .header__nav .submenu li:not(:has(.newsub)) a { display: inline-block; vertical-align: top; color: #e2e2e3; font-size: 14px; line-height: 1.15; font-weight: 400; -webkit-transition: color 350ms ease-in-out; -o-transition: color 350ms ease-in-out; transition: color 350ms ease-in-out; } @media (max-width: 1229px) { .header__nav .submenu li a { font-size: 16px; } } @media (min-width: 768px) and (max-width: 9999px) { .header__nav .submenu li:not(:has(.newsub)) a:hover { color: #858585; } } .header__nav li:hover>.submenu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; } @media (max-width: 1229px) { .header__nav li:hover>.submenu { -webkit-transition: none; -o-transition: none; transition: none; } } .header__nav .close-menu { position: absolute; top: 46px; right: 9px; } @media (max-width: 1229px) { .header__nav .close-menu { display: none !important; } } .header__nav .close-menu svg { width: 31px; height: 31px; fill: #ccc; -webkit-transition: fill 350ms ease-in-out; -o-transition: fill 350ms ease-in-out; transition: fill 350ms ease-in-out; } @media (min-width: 768px) and (max-width: 9999px) { .header__nav .close-menu:hover svg { fill: white; } } .header__callback { display: inline-block; vertical-align: top; max-width: 148px; padding: 2px 0 0; margin: 0 29px 0 0; text-align: left; } .header--main .header__callback { margin: 0 76px 0 0; text-align: center; } @media (max-width: 1469px) { .header--main .header__callback { margin: 0 89px 0 0; } } @media (max-width: 1229px) { .header__callback { margin: 0 15px 0 0; } .header--main .header__callback { margin: 7px 20px 0 0; float: right; } } .header__callback-phone { display: inline-block; font-family: "Exo 2", sans-serif; font-size: 17px; font-weight: 700; color: #000000; } @media (max-width: 1229px) { .header__callback-phone { display: none; } } .header__callback-link { font-size: 13px; font-weight: 400; color: #8c8c8c; -webkit-transition: color 350ms ease-in-out; -o-transition: color 350ms ease-in-out; transition: color 350ms ease-in-out; } @media (min-width: 768px) and (max-width: 9999px) { .header__callback-link:hover { color: #000; } } @media (max-width: 1229px) { .header__callback-link { display: none; } } .header__callback-mobile { display: none; } @media (max-width: 1229px) { .header__callback-mobile { display: inline-block; padding: 3px 0 0; font-size: 23px; line-height: 20px; } } .header__callback-mobile svg { fill: #000; } .header__other { display: inline-block; vertical-align: top; padding: 13px 0 0; text-align: right; } @media (max-width: 1229px) { .header__other { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding: 6px 0 0; margin: 0 15px 0 0; } } .header__other-write { display: inline-block; vertical-align: top; margin: 0 10px 0 0; font-size: 19px; line-height: 15px; opacity: 0.45; -webkit-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; cursor: pointer; } @media (min-width: 768px) and (max-width: 9999px) { .header__other-write:hover { opacity: 1; } } @media (max-width: 1229px) { .header__other-write { display: none; } .header--main .header__other-write { display: inline-block; margin: -2px 20px 0 0; font-size: 27px; line-height: 1; opacity: 1; } } .header__other-link { display: inline-block; font-size: 11px; font-weight: 400; text-transform: uppercase; line-height: 17px; color: #000000; opacity: 0.7; -webkit-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; cursor: pointer; } @media (min-width: 768px) and (max-width: 9999px) { .header__other-link:hover { opacity: 1; } } .header__other-link:first-child { margin: 0 8px 0 0; } @media (max-width: 1229px) { .header__other-link { display: none; } } .header__other-lang { display: inline-block; vertical-align: top; } .header__other-lang .mobile-lang { display: none; } @media (max-width: 1229px) { .header__other-lang .mobile-lang { display: inline-block; font-size: 23px; line-height: 19px; } } .header__other .dropdown-lang { display: none; z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 319px; text-align: center; background: white; } .header__other .dropdown-lang__btn { position: absolute; top: 23px; right: 37px; font-size: 32px; } .header__other .dropdown-lang__btn svg { fill: #000; } .header__other .dropdown-lang__container { position: absolute; top: 54.5%; bottom: 0; left: 0; right: 0; width: 100%; margin: auto; -webkit-transform: translateY(-54.5%); -ms-transform: translateY(-54.5%); transform: translateY(-54.5%); } .header__other .dropdown-lang__link { display: inline-block; color: rgba(0, 0, 0, 0.7); font-size: 18px; font-weight: 400; line-height: 38px; text-transform: uppercase; } .header .mobile-info { display: none; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 22px 20px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.23); background: #000; } @media (min-width: 1230px) and (max-width: 9999px) { .header .mobile-info.is-active { display: none !important; } } .header .mobile-info__phone { font-size: 20px; font-weight: 700; color: #ffffff; } .header .mobile-info__email { font-size: 16px; font-weight: 400; color: #ffffff; } /* .header--main { padding: 20px 0; } */ @media (max-width: 1229px) { .header--main { padding: 13px 0 0; } } .header--main .container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header--main .header__description { padding: 3px 0 0; line-height: 16px; margin: 8px 0 0 20px; color: #555555; /*font-family: "KozGoPr6", sans-serif;*/ font-size: 11px; font-weight: 400; line-height: 13px; letter-spacing: 0.36px; } .header--main .header__description--zh { font-size: 15px; line-height: 1.2; } @media (min-width: 768px) and (max-width: 9999px) { .header--main .header__description { display: inline-flex; align-items: center; height: 48px; margin: auto 0 0 0px; } } @media (max-width: 1229px) { .header--main .header__description { padding: 0; margin: 0 38px 0 0; height: 34px; top: 0; } } @media (max-width: 767px) { .header--main .header__description { padding: 10px 20px 0; margin: 0; } } .header--main .header__other { padding: 15px 0 0; } @media (max-width: 768px) { .header__other .dropdown-lang { height: 200px; } } @media (max-width: 1229px) { .header--main .header__other { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; padding: 10px 0 0; } } @media (max-width: 767px) { .header--main .header__other { padding: 5px 0 0; } .header--main .header__callback { margin-top: 3px; } } .header--main .header__logo { margin: 0 109px 0 22px; } @media (max-width: 1469px) { .header--main .header__logo { margin: 0 86px 0 22px; } } @media (max-width: 1229px) { .header--main .header__logo { margin: 0; margin-bottom: 19px; width: auto; } } .header--main .main-mobile-info { display: inline-block; vertical-align: top; width: 69.1%; padding: 0; text-align: right; } @media (max-width: 1469px) { .header--main .main-mobile-info { width: 70.4%; } } @media (max-width: 1229px) { .header--main .main-mobile-info { width: auto; } } .header--main .main-mobile-info .header__callback-mobile { display: none; } @media (max-width: 1229px) { .header--main .main-mobile-info .header__callback-mobile { display: inline-block; vertical-align: top; padding: 0; } } .header--main .main-mobile-info__phone { color: #000; font-family: "Exo 2", sans-serif; font-size: 21px; font-weight: 700; } @media (max-width: 1229px) { .header--main .main-mobile-info__phone { display: none; } } .header--main .main-mobile-info__email { color: rgba(0, 0, 0, 0.9); font-size: 16px; font-weight: 400; } @media (max-width: 767px) { .header--main .main-mobile-info__email { display: none; } } .header--main .main-mobile-info .main-mobile-info__item { display: inline-block; vertical-align: top; } .header--main .main-mobile-info .main-mobile-info__item:first-child { margin: 0 77px 0 0; padding: 12px 0 0; } @media (max-width: 1229px) { .header--main .main-mobile-info .main-mobile-info__item:first-child { padding: 7px 0 0; } } @media (max-width: 767px) { .header--main .main-mobile-info .main-mobile-info__item:first-child { display: none; } } .header .form__recapcha { margin-bottom: 50px; } .header .form__recapcha .error-message, .header .form__input-float .error-message { text-align: center; } .header .form__input-float { margin: 0 auto 20px; padding: 0 15px; position: relative; } @media (max-width: 767px) { .header .form__input-float { max-width: 298px; } } .mailing__text { margin: 36px 0 0; color: #2f3133; font-size: 15px; line-height: 26px; text-align: center; } .mailing { padding: 60px 0 62px; } @media (max-width: 1229px) { .mailing { padding: 30px 0 52px; } } @media (max-width: 991px) { .mailing { padding: 22px 0 40px; } } @media (max-width: 767px) { .mailing { padding: 30px 0; } } .mailing .container { max-width: 1200px; margin: 0 auto; font-size: 0; } @media (max-width: 1469px) { .mailing .container { padding: 0 15px; } } .mailing__block { display: inline-block; vertical-align: top; } .mailing__block:first-child { width: 43.6%; } @media (max-width: 1469px) { .mailing__block:first-child { width: 42.7%; } } @media (max-width: 1229px) { .mailing__block:first-child { width: 100%; text-align: center; margin: 0 0 10px; } } @media (max-width: 991px) { .mailing__block:first-child { margin: 0; } } .mailing__block:last-child { width: 56.3%; } @media (max-width: 1469px) { .mailing__block:last-child { width: 57.3%; } } @media (max-width: 1229px) { .mailing__block:last-child { width: 65%; margin: 0 auto; display: block; } } @media (max-width: 991px) { .mailing__block:last-child { margin-top: 30px; } } @media (max-width: 767px) { .mailing__block:last-child { max-width: 320px; width: 100%; } } .mailing__title { display: inline-block; margin: 21px 23px; font-size: 21px; font-weight: 400; line-height: 24px; letter-spacing: 0.42px; color: #35383b; } @media (max-width: 1469px) { .mailing__title { margin: 21px 0; } } @media (max-width: 991px) { .mailing__title { max-width: 230px; margin: 0 auto; } } .mailing .form { display: block; padding: 6px 0 0; background: transparent; } @media (max-width: 991px) { .mailing .form { padding: 8px 0 0; } } .mailing .form__container { max-width: 371px; width: 100%; padding: 0; display: inline-block; vertical-align: top; } @media (max-width: 1229px) { .mailing .form__container { display: block; max-width: 237px; margin: 0 auto 31px; } } .mailing .form__button { margin: 0; } .mailing .form__input { height: 62px; line-height: 62px; padding: 10px 20px 4px; text-align: center; font-size: 17px; border-color: #cccccc; color: #000; } @media (max-width: 991px) { .mailing .form__input { height: 53px; line-height: 53px; } } .mailing .form__input:focus, .mailing .form__input.has-value { border-color: #000; } .mailing .form__input:focus+.form__label, .mailing .form__input.has-value+.form__label { top: -15px; color: #000; opacity: 0.8; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .mailing .form__label { text-align: center; font-size: 17px; color: #000; } .mailing .button { float: right; padding: 21px 47px; color: #35383b; border-color: #35383b; } .mailing .button:before, .mailing .button:after { border-color: #35383b; } @media (max-width: 1229px) { .mailing .button { float: none; display: block; margin: 0 auto; } } @media (max-width: 991px) { .mailing .button { padding: 21px 61px; } } .mailing--page { padding: 141px 0 167px; background: #eff1f7; } @media (max-width: 1229px) { .mailing--page { padding: 70px 0 100px; } } @media (max-width: 767px) { .mailing--page { padding: 40px 0 60px; } } .mailing--page .container { max-width: 400px; margin: 0 auto; } .mailing--page .mailing__block { display: block; width: 100%; } .mailing--page .mailing__title { max-width: 100%; font-size: 30px; line-height: 1.2; text-align: center; } @media (max-width: 767px) { .mailing--page .mailing__title { font-size: 24px; } } .mailing--page .form__container { margin: 0 0 50px; max-width: 371px; } @media (max-width: 767px) { .mailing--page .form__container { margin: 0 0 30px; } } .mailing--page .button { float: none !important; margin: 0 auto; } .media { padding: 81px 0 0; } @media (max-width: 991px) { .media { padding: 60px 0 18px; } } @media (max-width: 767px) { .media { padding: 28px 0 0; } } .media--full { background: #eff1f7; } .media .media__slider { border-bottom: 1px solid transparent; } .media .media__slider:before { content: ""; background: #e5e6eb; height: 1px; position: absolute; left: 15px; right: 15px; bottom: 0; } @media (max-width: 767px) { .media--full .media__slider { padding: 0 15px 26px; } .media .media__slider:before { left: 50%; right: auto; max-width: 500px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; } } .media .container { position: relative; } @media (max-width: 1469px) { .media .container { max-width: 100%; } } @media (max-width: 767px) { .media .container { padding: 0 20px; } } .media .title { margin: 0 0 42px; } @media (max-width: 767px) { .media .title { margin: 0 0 16px; } } .media__slider { position: relative; max-width: 1200px; min-height: 500px; margin: 0 auto; padding: 0; font-size: 0; border-bottom: 2px solid #f2f2f2; overflow: hidden; z-index: 10; } @media (max-width: 1229px) { .media__slider { min-height: 400px; padding: 0 30px; } } @media (max-width: 767px) { .media__slider { padding: 0 15px 16px; min-height: 315px; } } .media__slider .slick-list { padding: 0 !important; overflow: hidden; } @media (max-width: 1339px) { .media__slider .slick-list { margin: 0 50px; } } @media (max-width: 991px) { .media__slider .slick-list { margin: 0; } } .media__slider .slick-slide { margin: 0 15px 62px; } @media (min-width: 1440px) and (max-width: 9999px) { .media__slider .slick-slide { width: 100% !important; max-width: 370px; } } @media (max-width: 1469px) { .media__slider .slick-slide { margin: 0 15px 64px; } } @media (max-width: 767px) { .media__slider .slick-slide { margin: 0; } } .media__slide { display: inline-block; vertical-align: top; width: 100%; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } @media (max-width: 767px) { .media__slide { margin: 0; } } @media (min-width: 768px) and (max-width: 9999px) { .media__slide:hover .media__img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } } .media__container-img { position: relative; display: block; max-width: 100%; margin: 0 0 30px; overflow: hidden; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; max-height: 235px; } @media (max-width: 767px) { .media__container-img { margin: 0 auto 27px; max-width: 304px; } } .media__container-img:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 87px; background-image: -webkit-gradient(linear, left bottom, left top, from(#12100b), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, #12100b 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(bottom, #12100b 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to top, #12100b 0%, rgba(0, 0, 0, 0) 100%); z-index: 3; } .media__img { max-width: 100%; width: 100%; margin: 0 auto; -webkit-transition: -webkit-transform 350ms ease-in-out; transition: -webkit-transform 350ms ease-in-out; -o-transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; } @media (max-width: 767px) { .media__img { /*max-height: 175px;*/ } } .media__title { position: absolute; top: 26px; left: 30px; font-size: 14px; font-weight: 400; letter-spacing: 1.4px; text-transform: uppercase; color: rgba(255, 255, 255, 0.9); text-shadow: 1px 1px 1px rgb(0, 0, 0, 1); } @media (max-width: 767px) { .media__title { top: 18px; left: 18px; font-size: 12px; } } .media__date { position: absolute; bottom: 27px; left: 30px; font-family: "Exo 2", sans-serif; font-size: 30px; font-weight: 400; letter-spacing: 0.3px; color: #ffffff; z-index: 4; } @media (max-width: 767px) { .media__date { bottom: 18px; left: 18px; font-size: 24px; } } .media__date:after { content: attr(data-month); display: inline-block; vertical-align: top; padding: 12px 0 0; margin: 0 0 0 15px; font-family: "Exo 2", sans-serif; font-size: 15px; font-weight: 400; letter-spacing: 0.3px; color: #ffffff; } @media (max-width: 767px) { .media__date:after { padding: 6px 0 0; margin: 0 0 0 10px; } } .media__subtitle { min-height: 56px; margin: 0 0 20px; font-family: "Exo 2", sans-serif; font-size: 20px; line-height: 28px; font-weight: 500; letter-spacing: 0.44px; color: #35383b; z-index: 4; } .media__subtitle a { color: #000; transition: color 0.2s ease-in; } .media__subtitle a:hover { color: #2d709a; } @media (max-width: 991px) { .media__subtitle { font-size: 18px; } } @media (max-width: 767px) { .media__subtitle { max-width: 304px; margin: 0 auto 20px; font-size: 20px; line-height: 25px; } } .media__desc { font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: rgba(47, 49, 51, 0.9); } @media (max-width: 767px) { .media__desc { max-width: 304px; margin: 0 auto; } } .media__arrows { position: absolute; top: 49.5%; left: 0; width: 100%; height: 0; z-index: 11; } @media (max-width: 1229px) { .media__arrows { top: 50%; } } @media (max-width: 767px) { .media__arrows { top: 20%; } } .media__arrow { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; cursor: pointer; z-index: 11; } @media (min-width: 768px) and (max-width: 9999px) { .media__arrow:hover svg { stroke: #000; } } .media__arrow--right { float: right; right: 35px; } @media (max-width: 1469px) { .media__arrow--right { right: 44px; } } @media (max-width: 1339px) { .media__arrow--right { right: 20px; } } @media (max-width: 1229px) { .media__arrow--right { right: 20px; } } @media (max-width: 767px) { .media__arrow--right { right: 0; } } .media__arrow--left { left: 35px; } @media (max-width: 1469px) { .media__arrow--left { left: 44px; } } @media (max-width: 1339px) { .media__arrow--left { left: 20px; } } @media (max-width: 1229px) { .media__arrow--left { left: 20px; } } @media (max-width: 767px) { .media__arrow--left { left: 0; } } .media__arrow svg { stroke: #39576b; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } .news-block { position: relative; } .news-block .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; padding: 0 0 0 22px; font-size: 0; } @media (max-width: 1469px) { .news-block .container { padding: 0 13px; } } .news-block .news { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin: 0 0 30px; background: #eff1f7; } @media (max-width: 991px) { .news-block .news { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 470px; margin: 0 auto 30px; } } @media (max-width: 767px) { .news-block .news { max-width: 570px; margin: 0 auto 30px; } } @media (min-width: 768px) and (max-width: 9999px) { .news-block .news:hover .is-hover { cursor: pointer; border-color: #000; -webkit-transition: all 350ms ease-in-out 350ms; -o-transition: all 350ms ease-in-out 350ms; transition: all 350ms ease-in-out 350ms; } .news-block .news:hover .is-hover::before, .news-block .news:hover .is-hover::after { opacity: 1; width: 16px; top: 0; bottom: 0; -webkit-transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; -o-transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; border-color: #000; } } .news-block .news__container-img.no-photo { background-size: 20% auto; } .news-block .news__container-img { display: inline-block; vertical-align: top; width: 40%; height: max-content; } .news-block .news .is-hover::before { left: 0; } .news-block .news .is-hover::after { right: 0; } @media (max-width: 1229px) { .news-block .news__container-img { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 991px) { .news-block .news__container-img { width: 100%; text-align: center; } } @media (max-width: 767px) { .news-block .news__container-img { display: block; } } .news-block .news__container-img img { max-width: 100%; width: 100%; } .news-block .news__title { min-height: 54px; margin: 0 0 21px; padding: 0 51px; font-family: "Exo 2", sans-serif; font-size: 22px; font-weight: 500; letter-spacing: 0.44px; line-height: 1.25; color: #35383b; } .news-block .news__title a { color: #000; transition: 0.2s ease-in; } .news-block .news__title a:hover { color: #2d709a; } @media (max-width: 991px) { .news-block .news__title { padding: 0 20px; } } @media (max-width: 767px) { .news-block .news__title { padding: 0 15px; } } .news-block .news__desc { margin: 0 0 37px; padding: 0 51px; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: rgba(47, 49, 51, 0.9); overflow: hidden; display: -webkit-box; /* -webkit-line-clamp: 4;*/ -webkit-box-orient: vertical; } .news-block .news__desc a { color: #2d709a; } .news-block .news__desc a:hover { color: #000; } @media (max-width: 991px) { .news-block .news__desc { padding: 0 20px; } } @media (max-width: 767px) { .news-block .news__desc { padding: 0 15px; } } .news-block .news__date { padding: 24px 51px; font-family: "Exo 2", sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 0.36px; border-top: 1px solid rgba(83, 82, 82, 0.15); background: #eff1f7; color: #37393c; position: absolute; left: 0; right: 0; bottom: 0; } @media (max-width: 1199px) { .news-block .news__date { position: absolute; } .news-block .news__desc { -webkit-line-clamp: 2; } } @media (max-width: 1023px) { .news-block .news__date { position: static; } .news-block .news__desc { -webkit-line-clamp: 4; } } @media (max-width: 991px) { .news-block .news__date { padding: 24px 20px; } } @media (max-width: 767px) { .news-block .news__date { padding: 24px 15px; } } .news-block .news__content { display: inline-block; vertical-align: top; width: 60%; padding: 36px 0 0; position: relative; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, rgba(239, 241, 247, 1) 100%); } @media (max-width: 991px) { .news-block .news__content { width: 100%; } } @media (max-width: 767px) { .news-block .news__content { padding: 20px 0 0; } } .video-block .container { padding: 0 20px; padding-right: 0; max-width: 1200px; } .video-block__col { padding: 0 15px; width: 33.3333333333333333%; } .video-block__item { background: #eff1f7; margin-bottom: 30px; height: calc(100% - 30px); width: 100%; } .video-block__item-info { padding: 20px 15px; } .video-block__item-name { font-family: "Exo 2", sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 0.44px; line-height: 1.25; color: #35383b; } .not-found { font-size: 0; min-height: 100vh; padding: 222px 0 0; background: #000; } @media (max-width: 1439px) { .not-found { padding: 100px 0 0; } } @media (max-width: 1229px) { .not-found { padding: 60px 0 0; } } @media (max-width: 767px) { .not-found { padding: 15px 0 0; } } @media (max-width: 1229px) { .not-found .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .not-found__logo { padding: 0 0 0 94px; } .not-found__logo .icon-logo { width: 200px; height: 46px; } @media (max-width: 1229px) { .not-found__logo { display: none; } } @media (max-width: 767px) { .not-found__logo { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; display: block; width: 290px; padding: 0; margin: 0 auto 25px; } } .not-found__logo .logo { display: inline-block; } .not-found__logo .logo svg { fill: white; } .not-found__block { display: inline-block; vertical-align: top; width: 50%; } @media (max-width: 1229px) { .not-found__block { width: 100%; } } .not-found__block:nth-child(2) { padding: 44px 0 0 97px; margin: 0 0 50px; } @media (max-width: 1229px) { .not-found__block:nth-child(2) { padding: 40px 0 0 94px; } } @media (max-width: 767px) { .not-found__block:nth-child(2) { max-width: 302px; padding: 0; margin: 0 auto 50px; } } .not-found__block:nth-child(3) { padding: 85px 79px 0 0; } @media (max-width: 1229px) { .not-found__block:nth-child(3) { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media (max-width: 767px) { .not-found__block:nth-child(3) { max-width: 302px; margin: 0 auto; padding: 71px 0 0; } } .not-found__introduction { padding: 0 90px 0 0; margin: 0 0 9px; } @media (max-width: 767px) { .not-found__introduction { padding: 0; } } .not-found__introduction p { margin: 0 0 8px; } .not-found__causes { padding: 27px 0 0; margin: 0 0 18px; } @media (max-width: 767px) { .not-found__causes { padding: 27px 0 0; } } .not-found__causes p { margin: 0 0 20px; } .not-found__causes ul>li { position: relative; padding: 0 0 0 21px; margin: 0 0 10px; } .not-found__causes ul>li:before { content: ''; position: absolute; top: 11px; left: 0; width: 15px; height: 1px; background: #8a8a8a; opacity: 0.45; } .not-found__image { width: 334px; height: 156px; margin: 0 0 29px auto; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 1469px) { .not-found__image { margin: 0 0 29px auto; } } @media (max-width: 1229px) { .not-found__image { margin: 0 auto 30px; } } @media (max-width: 767px) { .not-found__image { width: 280px; height: 115px; background-size: contain; } } .not-found__title { margin: 0 56px 0 0; text-align: right; font-family: "Exo 2", sans-serif; font-size: 22px; font-weight: 400; line-height: 1; opacity: 0.8; color: #ffffff; } @media (max-width: 1229px) { .not-found__title { text-align: center; padding: 0; margin: 0; } } @media (max-width: 767px) { .not-found__title { margin: 0 0 40px; } } .not-found p, .not-found li, .not-found a.link { font-size: 14px; font-weight: 400; line-height: 20px; color: white; } .not-found a.link { color: #6e6e6e; -webkit-transition: color 350ms ease-in-out; -o-transition: color 350ms ease-in-out; transition: color 350ms ease-in-out; } @media (min-width: 768px) and (max-width: 9999px) { .not-found a.link:hover { color: #343434; } } .pagination { padding: 10px 15px 40px; } .pagination__inner { display: flex; flex-wrap: wrap; /* justify-content: center; */ } .pagination .container { max-width: 1200px; padding: 0 0 0 0px; font-size: 0; text-align: center; } .security__block .pagination .container { justify-content: center; } @media (max-width: 1469px) { .pagination .container { padding: 0; } } .pagination__btn, .pagination__preview, .pagination__btn-prev, .pagination__btn-next { display: inline-block; vertical-align: top; height: 40px; text-align: center; line-height: 40px; font-size: 20px; font-weight: 400; color: #2f3133; border: 1px solid rgba(83, 82, 82, 0.15); -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .pagination__btn { width: 40px; border-right: none; } @media (max-width: 767px) { .pagination__btn:nth-of-type(6), .pagination__btn:nth-of-type(7), .pagination__btn:nth-of-type(8) { display: none; } .pagination { /* padding-bottom: 0px; */ } .pagination__inner { justify-content: center; } } @media (max-width: 1229px) { .pagination__btn { height: 36px; width: 36px; line-height: 36px; } } @media (min-width: 2560px) { .section-btns__counter .product-s__btn-basket-btn { padding: 21px 18px !important; } } @media (max-width: 767px) { .pagination__btn { width: 30px; height: 30px; line-height: 30px; font-size: 16px; } } @media (min-width: 768px) and (max-width: 9999px) { .pagination__btn:hover { background: white; color: #2f3133; font-weight: 700; } } .pagination__btn.is-active { background: #000; color: white; font-weight: 400; } .pagination__btn-prev { border-right: 0; } .pagination__btn-prev, .pagination__btn-next { font-size: 16px; padding: 0 28px; } @media (max-width: 1229px) { .pagination__btn-prev, .pagination__btn-next { height: 36px; width: 36px; line-height: 36px; padding: 0; } .pagination__btn-prev span, .pagination__btn-next span { display: none; } } @media (max-width: 767px) { .pagination__btn-prev, .pagination__btn-next { height: 30px; width: 30px; line-height: 30px; } } .pagination__btn-prev svg, .pagination__btn-next svg { position: relative; top: 1px; font-size: 14px; stroke: #808080; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } @media (max-width: 767px) { .pagination__btn-prev svg, .pagination__btn-next svg { top: 0; font-size: 15px; } } @media (min-width: 768px) and (max-width: 9999px) { .pagination__btn-prev:hover { color: #000; } .pagination__btn-prev:hover svg { stroke: #000; } } .pagination__btn-prev svg { left: -10px; } @media (max-width: 1229px) { .pagination__btn-prev svg { left: 0; } } @media (max-width: 767px) { .pagination__btn-next { border-right: 1px solid rgba(83, 82, 82, 0.15); } } @media (min-width: 768px) and (max-width: 9999px) { .pagination__btn-next:hover { color: #000; } .pagination__btn-next:hover svg { stroke: #000; } } .pagination__btn-next svg { right: -10px; } @media (max-width: 1229px) { .pagination__btn-next svg { right: 0; } } .pagination__preview { /* border-left: 0; */ position: relative; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; margin-left: -1px; } @media (max-width: 1229px) { .pagination__preview { height: 60px; line-height: 60px; } } @media (max-width: 767px) { .pagination__preview { display: none; } } @media (min-width: 768px) and (max-width: 9999px) { .pagination__preview:hover { background: #000; color: white; cursor: pointer; } .pagination__preview:hover svg { fill: white; } } .pagination__preview-btn { font-size: 16px; padding: 0 28px; } .pagination__preview-btn svg { fill: #606060; position: relative; left: 9px; top: 1px; font-size: 14px; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .pagination__preview-btn.is-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .pagination__dropdown { display: none; position: absolute; top: 86px; left: -1px; width: 167px; background: white; z-index: 10; } @media (max-width: 1229px) { .pagination__dropdown { top: 60px; } } .pagination__dropdown.is-active { display: inline-block; } .pagination__link { display: block; padding: 20px 10px; font-size: 16px; line-height: 1.25; font-weight: 400; border: 1px solid rgba(83, 82, 82, 0.15); border-top: none; color: #2f3133; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } @media (min-width: 768px) and (max-width: 9999px) { .pagination__link:hover { background: #000; color: white; } } .partners { background: white; } .partners .container { position: relative; padding: 82px 0 64px; } @media (max-width: 1469px) { .partners .container { max-width: 100%; } } /* @media (max-width: 1229px) { .partners .container { padding: 81px 0 100px; } } */ @media (max-width: 767px) { .partners .container { padding: 30px 0 23px; } } .partners__slider { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1200px; margin: 0 auto 30px; padding: 6px 0 0; font-size: 0; z-index: 3; } @media (max-width: 1229px) { .partners__slider { margin: 0 50px 30px; } } @media (max-width: 767px) { .partners__slider { margin: 0 36px 30px; padding: 0; } } .partners__slider .slick-list { padding: 2px 0; } .partners__slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100%; } .partners__slide { position: relative; display: inline-block; vertical-align: top; padding: 44px 20px 97px; margin: 0 16px 0; border: 1px solid rgba(57, 87, 107, 0.26); background: white; } .partners__slide:last-child { margin-right: 0; } @media (max-width: 1469px) { .partners__slide { padding: 47px 20px 66px; } } @media (max-width: 767px) { .partners__slide { padding: 9px 5px 13px; margin: 0 4px; } } .partners__title { width: 100%; text-align: center; display: inline-block; vertical-align: top; max-width: 100%; font-size: 17px; font-weight: 600; line-height: 32px; text-transform: uppercase; letter-spacing: 1.02px; color: #37393c; } @media (max-width: 767px) { .partners__title { display: block; margin: 0 0 10px; text-align: center; font-size: 15px; font-weight: 400; line-height: 22px; } } .partners__container-img { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 118px; } @media (max-width: 767px) { .partners__container-img { position: static; width: 100px; max-width: 80px; margin: 0 auto 23px; width: 100%; height: 50px; } } .partners__img { max-width: 100%; max-height: 100%; margin: auto; } .partners__desc { padding: 0 0 28px; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: #2f3133; } @media (max-width: 767px) { .partners__desc { display: none; } } .partners__link { position: absolute; bottom: 40px; left: 37px; display: block; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0.28px; color: #838383; } @media (max-width: 1469px) { .partners__link { left: 29px; } } @media (max-width: 767px) { .partners__link { position: static; margin: 0 auto; font-size: 12px; text-align: center; } } .partners__arrows { position: absolute; top: 53.5%; left: 0; width: 100%; height: 0; z-index: 11; } @media (max-width: 1229px) { .partners__arrows { top: 50%; } } .partners__arrow { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; cursor: pointer; z-index: 11; } @media (min-width: 768px) and (max-width: 9999px) { .partners__arrow:hover svg { stroke: #000; } } .partners__arrow--right { float: right; right: 35px; } @media (max-width: 1469px) { .partners__arrow--right { right: 44px; } } @media (max-width: 1339px) { .partners__arrow--right { right: 20px; } } @media (max-width: 1229px) { .partners__arrow--right { right: 20px; } } @media (max-width: 767px) { .partners__arrow--right { right: 0; } } .partners__arrow--left { left: 35px; } @media (max-width: 1469px) { .partners__arrow--left { left: 44px; } } @media (max-width: 1339px) { .partners__arrow--left { left: 20px; } } @media (max-width: 1229px) { .partners__arrow--left { left: 20px; } } @media (max-width: 767px) { .partners__arrow--left { left: 0; } } .partners__arrow svg { stroke: #39576b; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } .partners--main .container { padding: 82px 0 37px; } .partners--main .partners .title { /*font-family: "KozGoPr6", sans-serif;*/ font-size: 40px; font-weight: 400; letter-spacing: 0.8px; } .partners--main .partners__slide { margin: 0 30px 30px 0; width: 23%; } @media (max-width: 1229px) { .partners--main .partners__slide { width: 31%; } } @media (max-width: 991px) { .partners--main .partners__slide { width: 47.7%; } } @media (max-width: 767px) { .partners--main .partners__slide { margin: 0 11px 20px 0; } } @media (min-width: 1230px) and (max-width: 9999px) { .partners--main .partners__slide:nth-of-type(4n) { margin-right: 0; } } @media (min-width: 992px) and (max-width: 1229px) { .partners--main .partners__slide:nth-of-type(3n) { margin-right: 0; } } @media (max-width: 991px) { .partners--main .partners__slide:nth-of-type(2n) { margin-right: 0; } } .partners--main .partners__desc { /*font-family: "KozGoPr6", sans-serif;*/ color: #37393c; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0.36px; } .perimeter-security { padding: 79px 0 35px; background: #eff1f7; } @media (max-width: 1229px) { .perimeter-security { padding: 40px 0; } } @media (max-width: 767px) { .perimeter-security { padding: 40px 0 54px; } } .perimeter-security .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; max-width: 1200px; margin: 0 auto; padding: 0 25px; /*font-size: 0;*/ } @media (max-width: 1469px) { .perimeter-security .container { padding: 0 14px; } } @media (max-width: 767px) { .perimeter-security .container { padding: 0; } } .perimeter-security__block { position: relative; vertical-align: top; width: 50%; } @media (max-width: 1469px) { .perimeter-security__block { width: 51.4%; } } @media (max-width: 1229px) { .perimeter-security__block { width: 50%; } } @media (max-width: 991px) { .perimeter-security__block { display: block; width: 100%; max-width: 571px; margin: 0 auto; } } @media (max-width: 1469px) { .perimeter-security__block:first-child { width: 48.6%; } } @media (max-width: 1229px) { .perimeter-security__block:first-child { width: 50%; } } @media (max-width: 767px) { .perimeter-security__block:first-child { width: 100%; } } @media (max-width: 991px) { .perimeter-security__block:first-child { margin: 0 auto 25px; } } @media (max-width: 767px) { .perimeter-security__block:first-child { margin: 0 auto 36px; } } .perimeter-security__content { padding: 0 0 0 52px; margin: 0 0 130px; } @media (max-width: 1229px) { .perimeter-security__content { margin: 0; } } @media (max-width: 991px) { .perimeter-security__content { padding: 0; } } @media (max-width: 767px) { .perimeter-security__content { padding: 0 20px; } } .perimeter-security .full-slider { position: relative; z-index: 5; } .perimeter-security .full-slider__slide { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; height: 431px; border: 1px solid #ccd4d9; background: white; } @media (max-width: 1229px) { .perimeter-security .full-slider__slide { height: 386px; } } @media (max-width: 767px) { .perimeter-security .full-slider__slide { height: 328px; } } .perimeter-security .full-slider__slide img { max-width: 100%; max-height: 100%; flex-shrink: 0; /* width: 100%;*/ } @media (max-width: 767px) { .perimeter-security .full-slider__slide img { min-height: 231px; } } .perimeter-security__title, .solution-content h2 { margin: 0 0 29px; font-family: "Exo 2", sans-serif; font-size: 22px; font-weight: 500; line-height: 1.25; letter-spacing: 0.44px; color: #505153; } @media (max-width: 767px) { .perimeter-security__title, .solution-content h2 { margin: 0 0 22px; } } .perimeter-security__desc, .solution-content p, .perimeter-security--products p, .perimeter-security--products ul { margin: 0 0 20px; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: rgba(47, 49, 51, 0.9); } .perimeter-security--products ul { list-style: disc; padding-left: 25px; } @media (max-width: 767px) { .perimeter-security__desc, .solution-content p { margin: 0 0 26px; } } .perimeter-security__subtitle, .solution-content h3 { margin: 0 0 5px; font-size: 15px; font-weight: 700; line-height: 24px; color: rgba(47, 49, 51, 0.9); } @media (max-width: 767px) { .perimeter-security__subtitle, .solution-content h3 { margin: 0 0 21px; } } .perimeter-security__list, .solution-content ul { margin: 0 0 40px; } .perimeter-security__item, .solution-content ul li { position: relative; padding: 0 0 0 18px; font-size: 15px; font-weight: 400; line-height: 28px; color: rgba(47, 49, 51, 0.9); } .perimeter-security__item:before, .solution-content ul li::before { content: ''; position: absolute; top: 14px; left: 2px; width: 10px; height: 1px; background: #a6a9ad; } .perimeter-security__download-container { margin: 0 0 35px; } @media (max-width: 767px) { .perimeter-security__download-container { margin: 0 0 31px; text-align: center; } } .perimeter-security__download { position: relative; display: inline-block; font-size: 14px; font-weight: 700; line-height: 24px; text-transform: uppercase; letter-spacing: 0.56px; color: #000000; -webkit-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; } @media (min-width: 768px) and (max-width: 9999px) { .perimeter-security__download:hover { opacity: .8; } } .perimeter-security__download span { padding: 0 0 0 32px; } .perimeter-security__download svg { position: absolute; top: 0px; left: -2px; font-size: 26px; } .perimeter-security__share { /*padding: 0 0 0 53px;*/ font-size: 12px; font-weight: 400; line-height: 24px; text-transform: uppercase; color: #828386; } @media (max-width: 991px) { .perimeter-security__share { padding: 0; } } @media (max-width: 767px) { .perimeter-security__share { text-align: center; } } .perimeter-security__share>span { margin: 0 8px 0 0; } .perimeter-security__share .ya-share2 { display: inline-block; } .perimeter-security .slick-dots { position: static; margin: 19px 0 0; text-align: left; } .perimeter-security .slick-dots li { width: 110px; height: 80px; margin: 0 10px 10px 0; border: 1px solid #ccd4d9; } .perimeter-security .slick-dots li:last-child { margin-right: 0; } @media (max-width: 767px) { .perimeter-security .slick-dots li { width: 76px; height: 55px; } } .perimeter-security .slick-dots li img { width: 110px; height: 80px; } @media (max-width: 767px) { .perimeter-security .slick-dots li img { width: 76px; height: 55px; } } .perimeter-security__arrows { position: absolute; /* top: 34%;*/ top: 43%; left: 1px; right: 1px; width: 100%; max-width: 573px; height: 0; z-index: 11; } .perimeter-security__arrows.is-thumbs { top: 33%; } .perimeter-security__arrow { position: relative; display: inline-block; vertical-align: top; width: 52px; height: 52px; background: white; z-index: 6; cursor: pointer; } @media (min-width: 768px) and (max-width: 9999px) { .perimeter-security__arrow:hover svg { stroke: #000; } } .perimeter-security__arrow--right { float: right; right: 0; } .perimeter-security__arrow--left { left: 0; } .perimeter-security__arrow svg { stroke: #989ba4; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } .perimeter-security--simple .perimeter-security__arrow { /* background: transparent; */ } /* @media (min-width: 768px) and (max-width: 9999px) { .perimeter-security--simple .perimeter-security__arrow:hover svg { stroke: white; } } */ .perimeter-security--products .full-slider__slide { height: 429px; } @media (max-width: 767px) { .perimeter-security--products .full-slider__slide { max-height: 429px; height: 231px; } } .perimeter-security--products .full-slider__slide img { margin: auto; max-width: 436px; max-height: 350px; } @media (max-width: 991px) { .perimeter-security--products .full-slider__slide img { max-width: 290px; max-height: 200px; min-height: auto; } } .perimeter-security--products .slick-dots li { background: white; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .perimeter-security--products .slick-dots li { margin-right: 5px; } } .perimeter-security--products .slick-dots li:last-child { margin-right: 0; } .perimeter-security--products .slick-dots li img { width: 81px; height: 52px; margin: auto; } @media (max-width: 767px) { .perimeter-security--products .slick-dots li img { width: 60px; height: 50px; } } .perimeter-security--products .perimeter-security__desc, .perimeter-security--products p { margin: 0 0 14px; line-height: 24px; font-size: 19px; } .perimeter-security--products .perimeter-security__content { margin: 0 0 57px; font-size: 19px; } @media (max-width: 767px) { .perimeter-security--products .perimeter-security__content { margin: 0; } } .perimeter-security--products .perimeter-security__download-container { margin-top: 24px; } .perimeter-security--products .perimeter-security__arrow { background: transparent; } .perimeter-security .full-slider-thumbs { padding: 19px 0 0; } .perimeter-security .full-slider-thumbs .slick-track { margin: 0; } .perimeter-security .full-slider-thumbs__slide { width: 110px !important; height: 80px; margin: 0 10px 10px 0; background: white; border: 1px solid #ccd4d9; cursor: pointer; } @media (max-width: 1230px) { .perimeter-security .full-slider-thumbs .slick-slide { padding: 0 5px; } .perimeter-security .full-slider-thumbs__slide { margin: 0 0 10px; } } @media (max-width: 767px) { .perimeter-security .full-slider-thumbs__slide { width: 76px !important; height: 55px; margin: 0 2px 10px; } } .perimeter-security .full-slider-thumbs__slide img { /* width: 100px; */ /* width: 114px; */ max-width: 100px; height: 80px; margin: 0 auto; padding: 8px 5px; object-fit: contain; /* border: 1px solid #ccd4d9; */ } @media (max-width: 767px) { .perimeter-security .full-slider-thumbs__slide img { /* width: 74px; */ /* height: 55px; */ width: 74px; height: 53px; padding: 0; } } .product-comparison .container { position: relative; max-width: 1200px; margin: 0 auto; padding: 0 25px; font-size: 0; } @media (max-width: 1469px) { .product-comparison .container { padding: 0 14px; } } @media (max-width: 991px) { .product-comparison .container { padding: 0 20px; } } .product-comparison__slider-container { padding: 29px 0 0; margin: 0; border-top: 2px solid #ccd4d9; } .product-comparison__slider { position: relative; z-index: 6; } @media (max-width: 1229px) { .product-comparison__slider { /*max-width: 804px;*/ margin: 0 -15px; } } @media (max-width: 991px) { .product-comparison__slider { /*max-width: 402px; margin: 0 auto;*/ } } @media (max-width: 767px) { .product-comparison__slider { margin: 0; } } .product-comparison__slider .slick-track { margin: 0; } @media (max-width: 991px) { .product-comparison__slider .slick-track { margin: 0 auto; } } @media (max-width: 767px) { .product-comparison__slider .slick-list { height: auto !important; } } @media (max-width: 991px) { .product-comparison__slider .slick-slide { /*margin: 0 15px;*/ } } @media (max-width: 767px) { .product-comparison__slider .slick-active+.slick-active .comparison { border-left: 1px solid #ced0d4 } } .product-comparison__slide { width: 372px; margin: 0 30px 30px 0; } @media (max-width: 1229px) { .product-comparison__slide { margin: 0 0 30px; padding: 0 15px; } } @media (max-width: 991px) { .product-comparison__slide { width: 100%; margin: 0 0 30px; } } @media (max-width: 767px) { .product-comparison__slide { padding: 0; margin: 0 0 30px; } } .product-comparison__characteristics { max-width: 372px; } @media (max-width: 1229px) { .product-comparison__characteristics { max-width: none; } } .product-comparison__element { margin: 0 0 12px; } .product-comparison__subtitle { position: relative; padding: 12px 0 8px; font-size: 15px; font-weight: 700; line-height: 34px; letter-spacing: 0.3px; border-bottom: 2px solid #ccd4d9; color: #2f3133; cursor: pointer; display: none; } .product-comparison__subtitle svg { position: absolute; top: 23px; right: 2px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 350ms ease-in-out; transition: -webkit-transform 350ms ease-in-out; -o-transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; } .product-comparison__subtitle.is-active svg, .sticky__toggle-btn.is-active svg { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .product-comparison__row { border-bottom: 1px solid #ccd4d9; } .product-comparison__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 19px 0 0; } .product-comparison__item p { font-size: 15px; font-weight: 400; line-height: 20px; letter-spacing: 0.3px; width: 50%; color: rgba(47, 49, 51, 0.9); } .product-comparison__item p:first-child { padding-right: 5px; } .product-comparison__item p:last-child { padding-left: 5px; text-align: right; } @media (max-width: 768px) { .product-comparison__item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 7px 0; } .product-comparison__item p { font-size: 15px; text-align: left !important; padding: 0 !important; width: 100%; white-space: pre-wrap; } .product-comparison__item p:first-child { color: #8c9094; font-size: 11px; } } .product-comparison__empty, .product-comparison__slider-container>p { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 300px; width: 100%; color: #060606; font-size: 22px; font-weight: 300; line-height: 1.25; letter-spacing: 0.86px; } .product-comparison__slider-container>p .notetext { color: #000 !important; } @media (max-width: 767px) { .product-comparison__empty, .product-comparison__slider-container>p { min-height: 150px; font-size: 17px; } } .product-comparison__slider-container>p { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-comparison__empty.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-comparison__arrows { position: absolute; top: -76px; right: -6px; width: 9.2%; height: 0; z-index: 11; } @media (max-width: 1339px) { .product-comparison__arrows { right: 0; } } @media (max-width: 1229px) { .product-comparison__arrows { right: 10px; } } @media (max-width: 991px) { .product-comparison__arrows { width: 120px; } } @media (max-width: 767px) { .product-comparison__arrows { top: 6%; right: 0; left: 0; width: 100%; max-width: 700px; margin: 0 auto; } } @media (max-width: 767px) { .product-comparison__arrows { top: 85px; display: none; } } .product-comparison__arrow { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; z-index: 6; cursor: pointer; } @media (min-width: 768px) and (max-width: 9999px) { .product-comparison__arrow:hover svg { stroke: #000; } } .product-comparison__arrow--right { float: right; right: 5px; } @media (max-width: 767px) { .product-comparison__arrow--right { right: 0; } } .product-comparison__arrow--left { left: 5px; } @media (max-width: 767px) { .product-comparison__arrow--left { left: 0; } } .product-comparison__arrow svg { stroke: #989ba4; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } .product-comparison .slick-disabled { pointer-events: none; } .comparison { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 372px; width: 100%; padding: 10px 8px 9px; background: #eff1f7; } @media (max-width: 1229px) { .comparison { max-width: none; } } @media (max-width: 767px) { .comparison { width: 100%; /* max-width: 372px; */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 45px; } } .comparison__container-img { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100px; height: 74px; margin: 0 13px 0 0; border: 1px solid #ccd4d9; background: #ffffff; } @media (max-width: 767px) { .comparison__container-img { margin: 0 0 10px; } } .comparison__container-img img { /* max-width: 62px; max-height: 62px; */ max-width: 70px; max-height: 70px; margin: auto; } .comparison__title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; max-width: 200px; font-family: "Exo 2", sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 0.36px; padding-right: 30px; color: #505153; -webkit-transition: color 350ms ease-in-out; -o-transition: color 350ms ease-in-out; transition: color 350ms ease-in-out; } @media (max-width: 767px) { .comparison__title { font-size: 14px; max-width: 215px; min-height: 50px; text-align: center; padding-right: 0px; } } @media (min-width: 768px) and (max-width: 9999px) { .comparison__title:hover { color: #000; } } .comparison__btn-close { position: absolute; top: calc(50% - 17px); right: 16px; } @media (max-width: 767px) { .comparison__btn-close { top: 10px; right: 10px; } } .comparison__btn-close svg { font-size: 26px; fill: #535252; -webkit-transition: fill 350ms ease-in-out; -o-transition: fill 350ms ease-in-out; transition: fill 350ms ease-in-out; } @media (min-width: 768px) and (max-width: 9999px) { .comparison__btn-close:hover { cursor: pointer; } .comparison__btn-close:hover svg { fill: #333; } } .products { padding: 82px 0 78px; background: #eff1f7; overflow: hidden; } @media (max-width: 991px) { .products { padding: 60px 0; } } .products__block-container { max-width: 1200px; margin: 0 auto; font-size: 0; } .products__block { display: inline-block; vertical-align: top; } .products__block:first-child { width: 77%; padding: 0 0 0 22px; } @media (max-width: 1229px) { .products__block:first-child { padding: 0; width: 100%; } } .products__block:last-child { width: 23%; } @media (max-width: 1229px) { .products__block:last-child { width: 100%; } } .products__block:last-child .product { width: 100%; min-height: 495px; } @media (max-width: 1229px) { .products__block:last-child .product { min-height: 233px; } } .products__block:last-child .product__img { margin-top: 56px; } @media (max-width: 1229px) { .products__block:last-child .product__img { margin-top: 34px; } } .products .product { position: relative; overflow: hidden; display: inline-block; vertical-align: top; height: 233px; width: 30%; margin: 0 31px 29px 0; background: url("/bitrix/templates/.default/css/../assets/img/products/bg.png") no-repeat center; background-size: cover; -webkit-transition: -webkit-transform 500ms ease-in-out .1s; transition: -webkit-transform 500ms ease-in-out .1s; -o-transition: transform 500ms ease-in-out .1s; transition: transform 500ms ease-in-out .1s; transition: transform 500ms ease-in-out .1s, -webkit-transform 500ms ease-in-out .1s; } @media (max-width: 1229px) { .products .product { width: 31%; } } @media (max-width: 991px) { .products .product { width: 30%; } } @media (max-width: 767px) { .products .product { width: 100%; } } .products .product:nth-of-type(3n) { margin-right: 0; } @media (min-width: 768px) and (max-width: 9999px) { .products .product:hover { -webkit-transition: -webkit-transform 350ms ease-in-out; transition: -webkit-transform 350ms ease-in-out; -o-transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } } .products .product__container-img { height: 233px; overflow: hidden; } .products .product__img { max-width: 100%; display: block; margin-left: auto; margin-top: 34px; } .products .product__text { position: absolute; bottom: 26px; left: 29px; max-width: 200px; font-size: 17px; font-weight: 400; letter-spacing: 1.02px; text-transform: uppercase; color: #ffffff; } @media (max-width: 767px) { .products .product__text { left: 15px; } } .products-block { padding: 0 0 52px; overflow: hidden; } .products-block__block-container { max-width: 1200px; margin: 0 auto; padding: 0 0 0 22px; font-size: 0; } @media (max-width: 1469px) { .products-block__block-container { padding: 0; } } .products-block__block { display: inline-block; vertical-align: top; width: 100%; font-size: 0; } .products-block .product__container { position: relative; display: inline-block; vertical-align: top; width: 22.7%; margin: 0 30px 42px 0; } @media (max-width: 1469px) { .products-block .product__container { width: 23%; } } @media (max-width: 1229px) { .products-block .product__container { width: 31.1%; } } @media (max-width: 991px) { .products-block .product__container { width: 47.7%; } } @media (max-width: 767px) { .products-block .product__container { width: 100%; } } @media (min-width: 1230px) and (max-width: 9999px) { .products-block .product__container:nth-of-type(4n) { margin-right: 0; } } @media (min-width: 992px) and (max-width: 1229px) { .products-block .product__container:nth-of-type(3n) { margin-right: 0; } } @media (min-width: 768px) and (max-width: 991px) { .products-block .product__container:nth-of-type(2n) { margin-right: 0; } } @media (min-width: 768px) and (max-width: 9999px) { .products-block .product__container:hover .is-hover { cursor: pointer; border-color: #000; -webkit-transition: all 350ms ease-in-out 350ms; -o-transition: all 350ms ease-in-out 350ms; transition: all 350ms ease-in-out 350ms; } .products-block .product__container:hover .is-hover::before, .products-block .product__container:hover .is-hover::after { opacity: 1; width: 16px; border-color: #000; } } .products-block .product { height: 233px; margin: 0 0 40px; background: url("/bitrix/templates/.default/css/../assets/img/products/bg.png") no-repeat center; background-size: cover; } .products-block .product .is-hover::before { left: 0; } .products-block .product .is-hover::after { right: 0; } .products-block .product__container-img { height: 233px; overflow: hidden; } @media (max-width: 767px) { .products-block .product__container-img { height: 200px; } } .products-block .product__img { max-width: 100%; display: block; margin-left: auto; margin-top: 34px; filter: grayscale(0.3); -webkit-filter: grayscale(0.3); -moz-filter: grayscale(0.3); } .products-block .product__title { margin: 0 0 18px; font-size: 17px; font-weight: 400; letter-spacing: 0.8px; text-transform: uppercase; color: rgba(0, 0, 0, 0.8); } .products-block .product__desc { font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: rgba(0, 0, 0, 0.7); } @media (max-width: 991px) { .products-block--solutions .product { height: auto; background-image: none; } } .products-block--solutions .product__img { margin: 0; } @media (max-width: 767px) { .products-block--solutions .product__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .products-block--solutions .products-block__block-container { padding-top: 1px; } @media (max-width: 767px) { .products-block--solutions .products-block__block-container { max-width: 290px; margin: 0 auto; } } .question-answer { position: relative; } .question-answer .container { max-width: 1200px; margin: 0 auto; padding: 0 25px; font-size: 0; } @media (max-width: 1469px) { .question-answer .container { padding: 0 14px; } } @media (max-width: 767px) { .question-answer .container { padding: 0 14px; } } .question-answer .tabs { padding: 15px 33px 5px; margin: 0 0 49px; border: 2px solid #ccd4d9; border-right: none; border-left: none; } @media (max-width: 767px) { .question-answer .tabs { padding: 15px 10px 5px; margin: 0 0 30px; } } .question-answer .tabs__item { display: inline-block; vertical-align: top; margin: 0 45px 10px 0; } .question-answer .tabs__item:last-child { margin-right: 0; } @media (max-width: 767px) { .question-answer .tabs__item { display: block; margin: 0 0 10px 0; } } .question-answer .tabs__link { font-size: 14px; font-weight: 700; line-height: 24px; letter-spacing: 0.56px; text-transform: uppercase; color: #9fa1a4; -webkit-transition: color 350ms ease-in-out; -o-transition: color 350ms ease-in-out; transition: color 350ms ease-in-out; } .question-answer .tabs__link.is-active { color: #35383b; } @media (min-width: 768px) and (max-width: 9999px) { .question-answer .tabs__link:hover { color: #35383b; } } .question-answer__content { margin: 0 0 188px; } @media (max-width: 1229px) { .question-answer__content { margin: 0 0 100px; } } @media (max-width: 991px) { .question-answer__content { margin: 0 0 50px; } } .question-answer__blocks { display: none; } .question-answer__blocks.is-active { display: block; } .question-answer__block { position: relative; padding: 26px 32px 14px; margin: 0 0 20px; background: rgba(239, 241, 247, 0.5); overflow: hidden; -webkit-transition: max-height 600ms ease-in-out; -o-transition: max-height 600ms ease-in-out; transition: max-height 600ms ease-in-out; cursor: pointer; } @media (max-width: 767px) { .question-answer__block { padding: 26px 40px 14px 15px; } } .question-answer__block.is-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .question-answer__block svg { fill: #51626d; position: absolute; top: 0; bottom: 0; right: 39px; height: 100%; font-size: 21px; -webkit-transition: -webkit-transform 350ms ease-in-out; transition: -webkit-transform 350ms ease-in-out; -o-transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; } @media (max-width: 767px) { .question-answer__block svg { right: 15px; top: 37px; height: 15px; font-size: 17px; } } .question-answer__block-title { margin: 0 0 20px; font-family: "Exo 2", sans-serif; font-size: 28px; font-weight: 300; letter-spacing: 0.56px; color: #505153; } @media (max-width: 767px) { .question-answer__block-title { font-size: 20px; } } .question-answer__block-desc { display: none; max-width: 87%; margin: 0 0 17px; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: rgba(47, 49, 51, 0.9); -webkit-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; } @media (max-width: 991px) { .question-answer__block-desc { max-width: 600px; } } .section-products { padding: 0 0 69px; background: #eff1f7; overflow: hidden; } @media (max-width: 767px) { .section-products { padding: 40px 0 54px; } } .section-products .container { position: relative; max-width: 1200px; margin: 0 auto; padding: 0 25px; font-size: 0; } @media (max-width: 1469px) { .section-products .container { padding: 0 14px; } } @media (max-width: 767px) { .section-products .container { padding: 0; } } .section-products .title { margin: 0 0 37px; } .section-products__desc { margin: 0 0 56px; } .section-products__desc p, .section-products__desc { font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: rgba(47, 49, 51, 0.9); } .section-products__desc p:not(:last-child) { margin: 0 0 20px; } @media (max-width: 1229px) { .section-products__desc { max-width: 647px; margin: 0 auto 56px; } } @media (max-width: 767px) { .section-products__desc { padding: 0 20px; } } .section-products__slider { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 5; } @media (max-width: 1229px) { .section-products__slider { max-width: 580px; margin: 0 auto; } } @media (max-width: 767px) { .section-products__slider { max-width: 280px; } } .section-products__slider .slick-list { width: 100%; } .section-products__slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100%; } .section-products__slider .slick-slide { margin: 0 15px; } .section-products__slide { position: relative; display: inline-block; vertical-align: top; } .section-products .product-s { width: 100%; display: block; padding: 0 0 58px; } .section-products .product-s.is-simple { max-width: 258px; } @media (max-width: 767px) { .section-products .product-s.is-simple { max-width: 280px; } } .section-products .product-s__title { height: auto; min-height: 84px; margin: 0; font-size: 22px; line-height: 1.25; } .section-products .product-s__desc { height: auto; } @media (max-width: 767px) { .section-products .product-s__desc { margin: 0 0 10px; } } .section-products .product-s__container-img { background-color: white; } .section-products .product-s__btn { position: absolute; bottom: 0; left: 0; width: 100%; } .section-products__arrows { position: absolute; top: 56.5%; left: 0; width: 100%; height: 0; z-index: 11; } @media (max-width: 767px) { .section-products__arrows { top: auto; bottom: 28%; } } .section-products .slick-disabled { opacity: .7; pointer-events: none; } .section-products__arrow { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; cursor: pointer; z-index: 5; } @media (min-width: 768px) and (max-width: 9999px) { .section-products__arrow:hover svg { stroke: #000; } } .section-products__arrow--right { float: right; right: -6.4%; } @media (max-width: 1339px) { .section-products__arrow--right { right: -13px; } } @media (max-width: 1229px) { .section-products__arrow--right { right: 30px; } } @media (max-width: 767px) { .section-products__arrow--right { right: -6px; } } .section-products__arrow--left { left: -6.4%; } @media (max-width: 1339px) { .section-products__arrow--left { left: -13px; } } @media (max-width: 1229px) { .section-products__arrow--left { left: 30px; } } @media (max-width: 767px) { .section-products__arrow--left { left: -6px; } } .section-products__arrow svg { stroke: #39576b; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } .section-table-characteristics .table-characteristics { overflow: hidden; height: 435px; } .section-table-characteristics { padding: 64px 0 30px; } @media (max-width: 767px) { .section-table-characteristics { padding: 40px 0 0; } } .section-table-characteristics .container { max-width: 970px; margin: 0 auto; padding: 0; } .section-table-characteristics .title { margin: 0 0 50px; } .section-table-characteristics .table-characteristics__title { padding: 20px 20px 22px; border-top: 1px solid #d6d5d5; } .section-table-characteristics .table-characteristics__title p { max-width: 526px; margin: 0 auto; text-align: center; font-size: 15px; font-weight: 600; line-height: 24px; letter-spacing: 0.3px; color: #2f3133; } .section-table-characteristics .table-characteristics__cell { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 39px 0 6px; border-top: 1px solid #d6d5d5; } @media (max-width: 1229px) { .section-table-characteristics .table-characteristics__cell { padding: 39px 20px 6px; } } .section-table-characteristics .table-characteristics__cell:last-child { border-bottom: 1px solid #d6d5d5; } /*.solutions { padding: 0 0 4px 85px; } @media (max-width: 1339px) { .solutions { padding: 100px 0; } } @media (max-width: 991px) { .solutions { padding: 60px 0; } } */ @media (max-width: 767px) { .solutions { padding: 28px 0 14px; } } .solutions .container { position: relative; } @media (max-width: 1469px) { .solutions .container { max-width: 100%; } } .solutions__slider { position: relative; max-width: 1280px; min-height: 500px; margin: 0 auto; font-size: 0; overflow: hidden; z-index: 10; } @media (max-width: 1229px) { .solutions__slider { min-height: 400px; padding: 0 30px; } } @media (max-width: 767px) { .solutions__slider { padding: 0; min-height: 315px; } } .solutions__slider .slick-list { padding: 0 !important; margin: 0 50px; overflow: hidden; } .solutions__slider .slick-center .solutions__slide { margin: 0; -webkit-transition: margin 500ms ease-in-out; -o-transition: margin 500ms ease-in-out; transition: margin 500ms ease-in-out; } .solutions__slider .slick-center .solutions__container-img { max-width: 371px; margin: 0 auto 82px; -webkit-transition: all 500ms ease-in-out 500ms; -o-transition: all 500ms ease-in-out 500ms; transition: all 500ms ease-in-out 500ms; } @media (max-width: 1339px) { .solutions__slider .slick-center .solutions__container-img { max-width: 351px; } } .solutions__slider .slick-center .solutions__text { font-size: 20px; -webkit-transition: font-size 500ms ease-in-out 500ms; -o-transition: font-size 500ms ease-in-out 500ms; transition: font-size 500ms ease-in-out 500ms; } .solutions__slider .slick-center .solutions__text:before { opacity: 1; width: 75px; -webkit-transition: all 500ms ease-in-out 1000ms; -o-transition: all 500ms ease-in-out 1000ms; transition: all 500ms ease-in-out 1000ms; } .solutions__slide { display: inline-block; vertical-align: top; width: 33.3%; text-align: center; margin: 38px 0 0; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } @media (max-width: 767px) { .solutions__slide { margin: 0; } } @media (min-width: 768px) and (max-width: 9999px) { .solutions__slide:hover .solutions__img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } } .solutions__container-img { position: relative; display: block; max-width: 285px; margin: 0 auto 34px; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; overflow: hidden; } @media (max-width: 1339px) { .solutions__container-img { max-width: 265px; } } @media (max-width: 767px) { .solutions__container-img { max-width: 237px; margin: 0 auto 56px; } } .solutions__container-img:before { content: ""; position: absolute; top: 0; right: 0; border-bottom: 23px solid #ecf2fb; border-right: 24px solid white; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; z-index: 10; } @media (max-width: 767px) { .solutions__container-img:before { border-bottom-width: 17px; border-right-width: 18px; } } .solutions__img { max-width: 100%; width: 100%; margin: 0 auto; -o-object-fit: cover; object-fit: cover; filter: grayscale(0.3); -webkit-filter: grayscale(0.3); -moz-filter: grayscale(0.3); -webkit-transition: -webkit-transform 350ms ease-in-out; transition: -webkit-transform 350ms ease-in-out; -o-transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; } .solutions__text { position: relative; display: inline-block; font-size: 17px; font-weight: 400; letter-spacing: 1.02px; text-transform: uppercase; color: rgba(0, 0, 0, 0.9); -webkit-transition: font-size 500ms ease-in-out; -o-transition: font-size 500ms ease-in-out; transition: font-size 500ms ease-in-out; } @media (max-width: 767px) { .solutions__text { font-size: 18px; letter-spacing: 1.08px; } } .solutions__text:before { content: ''; position: absolute; top: -35px; left: 0; right: 0; margin: 0 auto; width: 10px; height: 2px; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; opacity: 0; } @media (max-width: 767px) { .solutions__text:before { top: -23px; width: 75px; opacity: 1; } } .solutions__arrows { position: absolute; top: 45%; left: 0; width: 100%; height: 0; z-index: 11; } @media (max-width: 1229px) { .solutions__arrows { top: 50%; } } @media (max-width: 767px) { .solutions__arrows { top: 41.5%; } } .solutions__arrow { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; cursor: pointer; } @media (min-width: 768px) and (max-width: 9999px) { .solutions__arrow:hover svg { stroke: #000; } } .solutions__arrow--right { float: right; right: 35px; } @media (max-width: 1469px) { .solutions__arrow--right { right: 44px; } } @media (max-width: 1229px) { .solutions__arrow--right { right: 20px; } } @media (max-width: 767px) { .solutions__arrow--right { right: 8px; } } .solutions__arrow--left { left: 35px; } @media (max-width: 1469px) { .solutions__arrow--left { left: 44px; } } @media (max-width: 1229px) { .solutions__arrow--left { left: 20px; } } @media (max-width: 767px) { .solutions__arrow--left { left: 8px; } } .solutions__arrow svg { stroke: #39576b; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } .spheres { padding: 40px 0; overflow: hidden; } .spheres--resheniya { padding-top: 0; } .spheres .container { max-width: 1200px; margin: 0 auto; padding: 9 25px; /*font-size: 0;*/ } @media (max-width: 1469px) { .spheres .container { padding: 0 14px; } } @media (max-width: 991px) { .spheres .container { padding: 0 20px; } } .spheres .title { margin: 0 0 38px; } .spheres__content-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .spheres__content-block { width: 50%; } .spheres__content-block_full { width: 100%; padding: 0 !important; } @media (max-width: 991px) { .spheres__content-block { width: 100%; } } .spheres__content-block:nth-of-type(even) { padding-left: 32px; } @media (max-width: 1469px) { .spheres__content-block:last-child { padding-left: 16px; } } @media (max-width: 991px) { .spheres__content-block:last-child { padding: 0; } } .spheres__content-block p, .spheres__content-block ul, .spheres__content-block table { margin: 0 0 24px; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; text-align: left; /*color: rgba(47, 49, 51, 0.9);*/ color: #000; } .spheres__content-block ul { list-style: disc; padding-left: 25px; } .spheres__slider-container { position: relative; padding: 43px 0 20px; } .spheres--resheniya .spheres__slider-container { padding-top: 0; } @media (max-width: 767px) { .spheres__slider-container { padding: 40px 0 20px; } } .spheres__slider { position: relative; max-width: 970px; margin: 0 auto; z-index: 5; } @media (max-width: 1229px) { .spheres__slider { max-width: 660px; } } @media (max-width: 767px) { .spheres__slider { max-width: 242px; } } .spheres__block { position: relative; height: 546px; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: -webkit-transform 350ms ease-in-out; transition: -webkit-transform 350ms ease-in-out; -o-transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; } @media (max-width: 1229px) { .spheres__block { height: 400px; } } @media (max-width: 767px) { .spheres__block { height: 184px; } } .spheres__block:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(50, 79, 98, 0.24); } .spheres__block-btn, .full-slider__block-btn { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 112px; height: 112px; border-radius: 50%; background: #ffffff; opacity: 0.76; -webkit-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; } @media (max-width: 767px) { .spheres__block-btn, .full-slider__block-btn { width: 75px; height: 75px; } } @media (min-width: 768px) and (max-width: 9999px) { .spheres__block-btn:hover, .full-slider__block-btn:hover { cursor: pointer; opacity: 1; } } .spheres__block-btn:before, .full-slider__block-btn::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 13px; height: 17px; -webkit-transform: translateX(30%); -ms-transform: translateX(30%); transform: translateX(30%); border: 8px solid transparent; border-left: 12px solid #000; } .spheres__block-btn.is-active, .full-slider__block-btn.is-active { opacity: 0; } .spheres__block-iframe iframe, .full-slider__slide-block-iframe iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 10; } .spheres__arrows { position: absolute; top: 45%; left: 0; width: 100%; height: 0; z-index: 11; } @media (min-width: 2560px) { .spheres__arrows { left: -20px; width: calc(100% + 40px); } } .spheres__arrow { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; cursor: pointer; z-index: 5; } @media (min-width: 768px) and (max-width: 9999px) { .spheres__arrow:hover svg { stroke: #000; } } .spheres__arrow--right { float: right; right: -13px; } @media (max-width: 1229px) { .spheres__arrow--right { right: -6px; } } @media (max-width: 767px) { .spheres__arrow--right { right: -19px; } } .spheres__arrow--left { left: -13px; } @media (max-width: 1229px) { .spheres__arrow--left { left: -6px; } } @media (max-width: 767px) { .spheres__arrow--left { left: -19px; } } .spheres__arrow svg { stroke: #39576b; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } .spheres .slick-disabled { pointer-events: none; } .sticky { position: fixed; bottom: -100%; left: 0; width: 100%; padding: 16px 0 0; background: #ced0d6; -webkit-transition: bottom 500ms ease-in-out; -o-transition: bottom 500ms ease-in-out; transition: bottom 500ms ease-in-out; z-index: 999; overflow: hidden; } @media (max-width: 767px) { .sticky { bottom: -281px; } } .sticky.is-active { bottom: 0; } .sticky .container { position: relative; max-width: 1230px; margin: 0 auto; padding: 0 25px; font-size: 0; } @media (max-width: 1469px) { .sticky .container { padding: 0 14px; } } @media (max-width: 991px) { .sticky .container { padding: 0 20px; } } @media (max-width: 767px) { .sticky .container { padding: 0; } } .sticky__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 16px; } @media (max-width: 767px) { .sticky__header { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin: 0 35px; } } .sticky__title { font-family: "Exo 2", sans-serif; font-size: 18px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.36px; color: #2b2b2b; } @media (max-width: 767px) { .sticky__title { font-size: 16px; line-height: 1.5; margin: 0 0 16px; } } .sticky__title span { width: 25px; height: 25px; display: inline-block; vertical-align: top; margin: 0 0 0 7px; text-align: center; border-radius: 50%; font-size: 14px; line-height: 25px; background: #2b2b2b; color: #fefefe; } .sticky__toggle-btn { display: inline-block; font-size: 12px; font-weight: 600; line-height: 24px; text-transform: uppercase; letter-spacing: 0.24px; color: #2b2b2b; } .sticky__toggle-btn span { margin: 0 8px 0 0; } .sticky__toggle-btn svg { position: relative; top: 3px; font-size: 15px; -webkit-transition: -webkit-transform 350ms ease-in-out; transition: -webkit-transform 350ms ease-in-out; -o-transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; } .sticky__toggle-btn.is-active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 767px) { .sticky__toggle-btn { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin: 0 0 10px; } } .sticky__slider { position: relative; min-height: 94px; margin: 0 0 34px; z-index: 6; } @media (max-width: 1439px) { .sticky__slider { padding: 0 25px; } } @media (max-width: 991px) { .sticky__slider { padding: 0 5px; } } @media (max-width: 767px) { .sticky__slider { padding: 0; } } .sticky__slider .slick-slide { width: 100%; max-width: 372px; margin: 0 30px 0 0; } @media (max-width: 1439px) { .sticky__slider .slick-slide { margin: 0 18px 0 0; } } @media (max-width: 1229px) { .sticky__slider .slick-slide { max-width: 100%; margin: 0 15px; } } @media (max-width: 991px) { .sticky__slider .slick-slide { margin: 0 10px; } } @media (max-width: 767px) { .sticky__slider .slick-slide { margin: 0 35px; } } .sticky .comparison { width: 100%; } @media (max-width: 991px) { .sticky .comparison__title { max-width: 175px; } } @media (max-width: 767px) { .sticky .comparison__title { max-width: 215px; } } @media (max-width: 991px) { .sticky .comparison__btn-close { right: 10px; } } .sticky__btn-container { text-align: center; } .sticky__btn-container .button { padding: 17px 82px; margin-bottom: 30px; } .sticky__btn-container.is-active { display: none; } .sticky__footer { /* display: none;*/ position: relative; height: 220px; padding: 0 0 34px; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } @media (max-width: 767px) { .sticky__footer { height: 320px; } } .sticky__footer.is-active { height: 0; padding: 0; } .sticky__empty { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100px; width: 100%; color: #060606; font-size: 22px; font-weight: 300; line-height: 1.25; letter-spacing: 0.86px; } @media (max-width: 767px) { .sticky__empty { font-size: 17px; } } .sticky__empty.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } .sticky__arrows { position: absolute; top: 25px; right: 0; width: 100%; height: 0; z-index: 11; } @media (max-width: 767px) { .sticky__arrows { top: 55px; } } .sticky__arrow { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; z-index: 6; cursor: pointer; } @media (min-width: 767px) and (max-width: 9999px) { .sticky__arrow:hover svg { stroke: #000; } } .sticky__arrow--right { float: right; right: -7.2%; } @media (max-width: 1439px) { .sticky__arrow--right { right: -14px; } } @media (max-width: 991px) { .sticky__arrow--right { right: -25px; } } @media (max-width: 767px) { .sticky__arrow--right { right: 0; } } .sticky__arrow--left { left: -7.2%; } @media (max-width: 1439px) { .sticky__arrow--left { left: -14px; } } @media (max-width: 991px) { .sticky__arrow--left { left: -25px; } } @media (max-width: 767px) { .sticky__arrow--left { left: 0; } } .sticky__arrow svg { stroke: #566672; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } .trust { background-repeat: no-repeat; background-position: center center; background-size: cover; } .trust .container { position: relative; padding: 159px 0 171px; } @media (max-width: 1469px) { .trust .container { max-width: 100%; } } @media (max-width: 1229px) { .trust .container { padding: 81px 0 100px; } } @media (max-width: 767px) { .trust .container { padding: 30px 0 23px; } } .trust__slider { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1200px; margin: 0 auto 30px; padding: 6px 0 0; font-size: 0; z-index: 3; } @media (max-width: 1229px) { .trust__slider { margin: 0 50px 30px; } } @media (max-width: 767px) { .trust__slider { margin: 0 36px 30px; padding: 0; } } .trust__slider .slick-list { padding: 2px 0; } .trust__slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100%; } .trust__slide { position: relative; display: inline-block; vertical-align: top; padding: 49px 0 66px 37px; margin: 0 16px 0; background: white; } .trust__slide--partner { border: 1px solid rgba(57, 87, 107, 0.26); } .trust__slide:last-child { margin-right: 0; } @media (max-width: 1469px) { .trust__slide { padding: 47px 0 66px 28px; } } @media (max-width: 767px) { .trust__slide { padding: 9px 5px 9px; margin: 0 4px; } } .trust__title { display: inline-block; vertical-align: top; max-width: 160px; font-size: 16px; font-weight: 600; line-height: 32px; text-transform: uppercase; letter-spacing: 1.02px; color: #37393c; word-wrap: break-word; } .trust__title--partner { max-width: 50%; } @media (max-width: 1439px) { .trust__title { max-width: 350px; } .trust__title--partner { max-width: 50%; } } @media (max-width: 1229px) { .trust__title { max-width: 225px; font-size: 15px; } .trust__title--partner { max-width: 50%; } } @media (max-width: 991px) { .trust__title { max-width: 160px; } .trust__title--partner { max-width: 50%; } } @media (max-width: 767px) { .trust__title { display: block; margin: 0 auto 10px; text-align: center; font-size: 13px; font-weight: 400; line-height: 24px; } .trust__title--partner { max-width: 100%; } } .trust__container-img { position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 162px; height: 120px; } .trust__container-img--partner { width: 45%; } @media (max-width: 767px) { .trust__container-img { position: static; width: 100px; max-width: 80px; margin: 0 auto 23px; width: 100%; height: 50px; } } .trust__img { max-width: 100%; max-height: 100%; margin: auto; } .trust__desc { padding: 46px 43px 28px 0; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: #2f3133; } @media (max-width: 991px) { .trust__desc { padding: 46px 20px 28px 0; } } @media (max-width: 767px) { .trust__desc { display: none; } } .trust__link { position: absolute; bottom: 40px; left: 37px; display: block; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0.28px; color: #838383; word-wrap: break-word; } @media (max-width: 1469px) { .trust__link { left: 29px; } } @media (max-width: 767px) { .trust__link { /* position: static; */ left: 0; right: 0; bottom: 13px; margin: 0 auto; font-size: 12px; text-align: center; } .trust__slide--partner .trust__container-img { margin-bottom: 0; } } .trust__arrows { position: absolute; top: 53.5%; left: 0; width: 100%; height: 0; z-index: 11; } @media (max-width: 1229px) { .trust__arrows { top: 50%; } } .trust__arrow { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; cursor: pointer; z-index: 11; } @media (min-width: 768px) and (max-width: 9999px) { .trust__arrow:hover svg { stroke: #000; } } .trust__arrow--right { float: right; right: 35px; } @media (max-width: 1469px) { .trust__arrow--right { right: 44px; } } @media (max-width: 1339px) { .trust__arrow--right { right: 20px; } } @media (max-width: 1229px) { .trust__arrow--right { right: 20px; } } @media (max-width: 767px) { .trust__arrow--right { right: 0; } } .trust__arrow--left { left: 35px; } @media (max-width: 1469px) { .trust__arrow--left { left: 44px; } } @media (max-width: 1339px) { .trust__arrow--left { left: 20px; } } @media (max-width: 1229px) { .trust__arrow--left { left: 20px; } } @media (max-width: 767px) { .trust__arrow--left { left: 0; } } .trust__arrow svg { stroke: #39576b; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } .trust--lang .is-hover, .partners--lang .is-hover { cursor: auto; } .trust--main .container { padding: 81px 0 70px; } .trust--main .trust__slide { width: 31.6%; margin: 0 30px 30px 0; } @media (max-width: 1229px) { .trust--main .trust__slide { width: 48%; } } @media (max-width: 991px) { .trust--main .trust__slide { width: 47.7%; } } @media (max-width: 767px) { .trust--main .trust__slide { margin: 0 11px 20px 0; } } @media (min-width: 1230px) and (max-width: 9999px) { .trust--main .trust__slide:nth-of-type(3n) { margin-right: 0; } } @media (max-width: 1229px) { .trust--main .trust__slide:nth-of-type(2n) { margin-right: 0; } } .trust--main .trust__desc { /*font-family: "KozGoPr6", sans-serif;*/ color: #2f3133; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0.36px; } .trust-blocks .container { max-width: 1200px; margin: 0 auto; padding: 0 25px 130px; font-size: 0; } @media (max-width: 1469px) { .trust-blocks .container { padding: 0 14px 130px; } } @media (max-width: 1229px) { .trust-blocks .container { padding: 0 20px 50px; } } @media (max-width: 767px) { .trust-blocks .container { padding: 0 20px 30px; } } .trust-blocks__block { position: relative; border: 1px solid rgba(57, 87, 107, 0.26); margin: 0 0 32px; } .trust-blocks__block:hover { cursor: pointer; } .trust-blocks__block.is-active .trust-blocks__title svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .trust-blocks__block.is-active .trust-blocks__link { visibility: visible; opacity: 1; -webkit-transition: all 350ms ease-in-out .2s; -o-transition: all 350ms ease-in-out .2s; transition: all 350ms ease-in-out .2s; } .trust-blocks__anchor { position: absolute; top: -100px; width: 0; height: 0; } .trust-blocks__element { display: inline-block; vertical-align: top; } .trust-blocks__element:first-child { width: 300px; background: white; } @media (max-width: 767px) { .trust-blocks__element:first-child { width: 100%; display: block; } } .trust-blocks__element:last-child { width: calc(100% - 300px); padding: 25px 20px 25px 63px; background: #f3f5f9; } @media (max-width: 1229px) { .trust-blocks__element:last-child { padding: 25px 20px 25px 30px; } } @media (max-width: 767px) { .trust-blocks__element:last-child { width: 100%; display: block; padding: 25px 20px 25px 20px; } } .trust-blocks__container-img { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 148px; } .trust-blocks__container-img img { margin: auto; max-width: 100%; max-height: 100%; } .trust-blocks__container-img.no-photo { background-size: 40% 80%; } .trust-blocks__container-title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 97px; } .trust-blocks__title { position: relative; width: 100%; padding: 0 60px 0 0; font-size: 17px; font-weight: 600; line-height: 27px; text-transform: uppercase; letter-spacing: 1.02px; color: #37393c; } @media (max-width: 1229px) { .trust-blocks__title { font-size: 16px; } } @media (max-width: 767px) { .trust-blocks__title { font-size: 14px; line-height: 22px; padding: 0 30px 0 0; } } .trust-blocks__title svg { position: absolute; top: 0px; bottom: 0; right: 15px; height: 100%; font-size: 21px; fill: #6d6e6f; -webkit-transition: -webkit-transform 500ms ease-in-out; transition: -webkit-transform 500ms ease-in-out; -o-transition: transform 500ms ease-in-out; transition: transform 500ms ease-in-out; transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out; } @media (max-width: 767px) { .trust-blocks__title svg { right: 0; } } .trust-blocks__hidden-block { display: none; } @media (max-width: 767px) { .trust-blocks__hidden-block { margin-bottom: 30px; } } .trust-blocks__hidden-block.is-active { display: block; } .trust-blocks__subtitle { margin: 0 0 6px; font-size: 14px; font-weight: 600; line-height: 24px; text-transform: uppercase; letter-spacing: 1.12px; color: #808286; } @media (max-width: 767px) { .trust-blocks__subtitle { margin: 13px 0 6px; } } .trust-blocks__desc { margin: 0 0 23px; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; color: #37393c; } @media (max-width: 767px) { .trust-blocks__desc { margin: 0 0 10px; } } .trust-blocks__link { position: absolute; bottom: 50px; left: 0; width: 100%; max-width: 300px; text-align: center; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0.28px; color: #838383; visibility: hidden; opacity: 0; -webkit-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } @media (max-width: 767px) { .trust-blocks__link { bottom: 20px; left: 20px; text-align: left; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); } } @media (min-width: 767px) and (max-width: 9999px) { .trust-blocks__link:hover { color: #000; } } .videogallery { padding: 47px 0 77px; background: #eff1f7; overflow: hidden; } @media (max-width: 767px) { .videogallery { padding: 33px 0 58px; } } .videogallery .container { position: relative; max-width: 1200px; margin: 0 auto; padding: 0 25px; font-size: 0; } @media (max-width: 1469px) { .videogallery .container { padding: 0 14px; } } @media (max-width: 1229px) { .videogallery .container { max-width: 700px; margin: 0 auto; } } @media (max-width: 767px) { .videogallery .container { padding: 0 20px; } } .videogallery__title { margin: 0 0 47px; text-align: center; font-family: "Exo 2", sans-serif; font-size: 43px; font-weight: 300; letter-spacing: 0.86px; color: #37393c; } @media (max-width: 767px) { .videogallery__title { margin: 0 0 34px; font-size: 30px; } } .videogallery__slider { position: relative; z-index: 5; } @media (max-width: 767px) { .videogallery__slider { max-width: 242px; display: block; margin: 0 auto; } } .videogallery .slick-slide { margin: 0 15px; } @media (max-width: 767px) { .videogallery .slick-slide { margin: 0; } } .videogallery__block { position: relative; height: 249px; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: -webkit-transform 350ms ease-in-out; transition: -webkit-transform 350ms ease-in-out; -o-transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out; } @media (max-width: 767px) { .videogallery__block { height: 184px; } } .videogallery__block:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(50, 79, 98, 0.24); } .videogallery__block.is-simple { height: 400px; } .videogallery__block-btn { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 90px; height: 90px; border-radius: 50%; background: #ffffff; opacity: 0.76; -webkit-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; } @media (max-width: 767px) { .videogallery__block-btn { width: 75px; height: 75px; } } @media (min-width: 768px) and (max-width: 9999px) { .videogallery__block-btn:hover { cursor: pointer; opacity: 1; } } .videogallery__block-btn:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 13px; height: 17px; -webkit-transform: translateX(30%); -ms-transform: translateX(30%); transform: translateX(30%); border: 8px solid transparent; border-left: 12px solid #000; } .videogallery__block-btn.is-active { opacity: 0; } .videogallery__block-iframe iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 10; } .videogallery__arrows { position: absolute; top: 59.5%; left: 0; width: 100%; height: 0; z-index: 11; } @media (max-width: 767px) { .videogallery__arrows { top: 57.5%; } } .videogallery__arrow { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; cursor: pointer; z-index: 5; } @media (min-width: 768px) and (max-width: 9999px) { .videogallery__arrow:hover svg { stroke: #000; } } .videogallery__arrow--right { float: right; right: -6.4%; } @media (max-width: 1339px) { .videogallery__arrow--right { right: -13px; } } @media (max-width: 1229px) { .videogallery__arrow--right { right: -30px; } } @media (max-width: 767px) { .videogallery__arrow--right { right: -6px; } } .videogallery__arrow--left { left: -6.4%; } @media (max-width: 1339px) { .videogallery__arrow--left { left: -13px; } } @media (max-width: 1229px) { .videogallery__arrow--left { left: -30px; } } @media (max-width: 767px) { .videogallery__arrow--left { left: -6px; } } .videogallery__arrow svg { stroke: #39576b; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } .mfp-container { /*background: #eff1f7;*/ } @media (max-width: 991px) { .mfp-container { padding: 0; } } @media (max-width: 768px) { .wrap:has(.banner) { margin-top: 59px; } } @media (min-width: 1230px) { #bx-panel { top: 70px; } #bx-panel~.wrap .header { z-index: 996; } } .no-photo { background: url('/bitrix/templates/.default/css/../assets/img/logo-git.svg') no-repeat center center; background-size: 40% auto; } .social-share { font-size: 0; margin: 0 -2px; display: inline-block; vertical-align: top; } .social-share__item { display: inline-block; vertical-align: middle; overflow: hidden; margin: 2px 2px; } .social-share__item img { display: block; max-width: 100%; max-height: 100%; } .slick-lightbox { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: black; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .slick-lightbox .slick-loading .slick-list { background-color: transparent; } .slick-lightbox .slick-prev, .slick-lightbox .slick-next { width: 52px; height: 52px; background: white; z-index: 9999; } .slick-lightbox .slick-prev:before, .slick-lightbox .slick-next:before { content: ''; width: 30px; height: 30px; display: block; margin: 0 auto; } .slick-lightbox .slick-prev { left: 15px; } @media (max-width: 767px) { .slick-lightbox .slick-prev { left: 0; } } .slick-lightbox .slick-prev:before { background: url("/bitrix/templates/.default/css/../assets/img/svg/arrow_l.svg") no-repeat center; } .slick-lightbox .slick-next { right: 15px; } @media (max-width: 767px) { .slick-lightbox .slick-next { right: 0; } } .slick-lightbox .slick-next:before { background: url("/bitrix/templates/.default/css/../assets/img/svg/arrow_r.svg") no-repeat center; } .slick-lightbox-hide { opacity: 0; } .slick-lightbox-hide.slick-lightbox-ie { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .slick-lightbox-hide-init { position: absolute; top: -9999px; opacity: 0; } .slick-lightbox-hide-init.slick-lightbox-ie { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .slick-lightbox-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .slick-lightbox-slick-item { text-align: center; overflow: hidden; } .slick-lightbox-slick-item:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; margin-bottom: 20px; } .slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption { display: block; text-align: center; } .slick-lightbox-slick-item-inner { display: inline-block; vertical-align: middle; max-width: 90%; max-height: 90%; } @media (max-width: 767px) { .slick-lightbox-slick-item-inner { max-width: 99.9%; max-height: 100%; } } .slick-lightbox-slick-img { margin: 0 auto; display: block; max-width: 90%; max-height: 90%; } @media (max-width: 767px) { .slick-lightbox-slick-img { max-width: 100%; max-height: 100%; } } .slick-lightbox-slick-caption { margin: 10px 0 0; color: white; } .slick-lightbox-close { position: absolute; top: 0; right: 0; display: block; width: 75px; height: 75px; line-height: 87px; background: #000000; font-size: 0; cursor: pointer; color: transparent; padding: 0; border: none; } @media (max-width: 767px) { .slick-lightbox-close { width: 50px; height: 50px; } } .slick-lightbox-close:hover:before { opacity: 1; } .slick-lightbox-close:focus { outline: none; } .slick-lightbox-close:before { font-family: "slick"; font-size: 46px; line-height: 1.5; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '×'; -webkit-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; } @media (max-width: 767px) { .slick-lightbox-close:before { line-height: 0; } } .slick-current .full-slider-thumbs__slide { position: relative; } .slick-current .full-slider-thumbs__slide::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; box-shadow: inset 0 0 0 2px #000; transition: box-shadow 0.2s ease-in; } .section-btns .button.element-compare-btn span.text { margin: 0; } .section-btns .button.element-compare-btn>span { display: inline-block; position: relative; margin: 0; padding-left: 33px; } .section-btns .button.element-compare-btn>span svg { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } @media(min-width: 992px) { .section-btns .button.element-compare-btn { min-width: 282px; text-align: center; } } .search-block__info-wrapper {} .search-block__info { font-size: 14px; line-height: 18px; color: #000; margin-bottom: 40px; } .search-block__info .notetext { color: #000 !important; } .callback-modal__text { font-size: 18px; line-height: 22px; text-align: center; } .svg-close { pointer-events: none; } .mailing-control__col { padding: 50px 15px 50px; } .mailing-control__col:nth-child(odd) { background: #eff1f7; } .mailing-control__col:nth-child(even) { background: #dbdee5; } .mailing-control .button { padding: 21px 47px; color: #35383b; border-color: #35383b; margin: 37px 0 0; } .mailing-control__inner { padding: 0; max-width: none; } .mailing-control .button::after, .mailing-control .button::before { border-color: #595959; } .mailing-control .form__input { height: 62px; line-height: 62px; padding: 10px 0 4px; text-align: left; font-size: 17px; border-color: #cccccc; color: #000; } .mailing-control .form__label { font-size: 17px; color: #000; text-align: left; } .mailing-control .form__container { margin: 0 0 50px; width: 100%; padding: 0; display: inline-block; vertical-align: top; max-width: none; } .mailing-control__text { margin: 0 0 26px; color: #2f3133; font-size: 16px; line-height: 26px; text-align: left; } .mailing-control__state { margin-bottom: 54px; border-top: 1px solid #a9acb3; } .mailing-control__state-item { display: flex; flex-wrap: wrap; padding: 13px 0; font-size: 15px; line-height: 19px; color: #2f3133; border-bottom: 1px solid #a9acb3; } .mailing-control__state-item-title { width: 70%; padding-right: 15px; } .mailing-control__state-item-value { width: 30%; padding-left: 15px; } @media(min-width: 768px) { .mailing-control__col { width: 50%; padding: 104px 22px 157px; } .mailing-control__col:nth-child(odd) { padding-right: 10%; background: none; } .mailing-control__col:nth-child(even) { padding-left: 10%; background: none; } .mailing-control__inner { display: flex; flex-wrap: wrap; max-width: 1200px; } .mailing-control { background: linear-gradient(to right, #eff1f7 50%, #dbdee5 50%); } } .modal-video { background: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; position: fixed; width: 100%; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; padding: 50px 0 0; visibility: hidden; z-index: 1002; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .modal-video.active { opacity: 1; visibility: visible; } .modal-video__container { width: 100%; height: 100%; } .modal-video__container>* { height: 100% !important; width: 100% !important; } .modal-video__close { position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: transparent; border: 0; padding: 10px; cursor: pointer; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .modal-video__close .svg-close { fill: #fff; } .modal-video__close:hover { opacity: 0.7; } .spheres__content-block .content-style ul { list-style: none; padding-left: 0; } .spheres__content-block .content-style ul li { margin: 0; } .perimeter-security--products .content-style ul { list-style: none; padding-left: 0; } .perimeter-security--products .content-style ul li { margin: 0; } .vacancy__desc .content-style ul { list-style: none; padding-left: 0; margin-bottom: 40px; } .vacancy__desc .content-style ul li { margin: 0; } @media(max-width: 991px) { .spheres__content-block:nth-of-type(even) { padding-left: 0; } .spheres__content-block { margin-bottom: 30px; } .spheres__content-block iframe { height: 500px; } } @media(max-width: 586px) { .spheres__content-block iframe { height: 300px; } } @media(max-width: 320px) { .spheres__content-block iframe { height: 220px; } } .hbm-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; padding: 20px; } .hbm-info__img { text-align: center; } .hbm-info__tel { margin-top: 20px; } .hbm-info__button { margin-top: 20px; padding: 20px 40px; background-color: #6d6d6d; color: #ffffff; } .spheres__content-block h2 { font-size: 23px; } .spheres__content-center { vertical-align: middle; } @media(max-width: 991px) { .spheres__content-center { text-align: center; } } .mr-20 { margin-right: 20px; } .mb-20 { margin-bottom: 20px; } .ml-20 { margin-left: 20px; } .mt-20 { margin-top: 20px; } /* @media(max-width: 600px) { .content-style iframe[src*="youtube"] { width: 100%; } } */ @media (max-width : 700px) { .katalog { flex-direction: column; margin-bottom: 30px; text-align: center; } } .video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .object embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sol-block { padding: 0; } .content-style iframe { max-width: 100% !important; max-height: auto; } .product-comparison__switch { margin: 0 -6px 30px; } .product-comparison__switch .button { margin: 0 6px; } .product-comparison__switch .button.current:before, .product-comparison__switch .button.current:after { width: 100%; } @media (max-width: 767px) { .product-comparison__switch .button { width: calc(50% - 12px); padding: 17px 20px; } } @media (max-width: 575px) { .product-comparison__switch .button { width: calc(100% - 12px); margin-bottom: 12px; padding: 17px 20px; } } .media-page { padding: 0 0 80px; position: relative; } .media-page .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; max-width: 1200px; margin: 0 auto; } .media__aside { margin-right: 30px; width: 271px; } .media__aside .security__navigation { position: relative; } .media__block { width: -webkit-calc(100% - 301px); width: calc(100% - 301px); } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .media__col { padding: 0 15px; width: 50%; } @media (max-width: 991px) { .media__aside { display: none; } .media__block { width: 100%; } } @media (max-width: 575px) { .media__col { width: 100%; } } .security__block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; } .filter-block__item { border-bottom: 1px solid #e1e1e1; } .filter-block__head { font-size: 15px; font-weight: 400; color: #505153; display: flex; justify-content: space-between; align-items: center; padding: 30px 0; cursor: pointer; } .filter-block__body { font-size: 15px; font-weight: 400; } .filter-block__check { margin-bottom: 20px; } .filter-block__check.disabled { opacity: .5; pointer-events: none; } .filter-block__check input+label.disabled { opacity: .5; pointer-events: none; } .filter-block__check input { width: 25px; height: 25px; background-color: #e6e6e6; } .filter-block__head svg { transform: rotate(180deg); transition: transform .3s ease-in-out; } .filter-block__head.in svg { transform: rotate(0deg); } .custom-checkbox { position: absolute; z-index: -1; opacity: 0; } .custom-checkbox+label { display: inline-flex; align-items: center; user-select: none; cursor: pointer; } .custom-checkbox+label::before { content: ''; display: inline-block; min-width: 25px; min-height: 25px; margin-right: 12px; background-color: #e6e6e6; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox:checked+label::before { background-color: #e6e6e6; background-image: url("/bitrix/templates/.default/css/../assets/img/checked.svg"); } .open-in-modal .section-nav { display: none; } .button-modal-mob { width: 100%; text-align: center; margin-bottom: 20px; } .button-modal-mob a { margin: 0 auto; display: inline-block; } @media (min-width: 992px) { .button-modal-mob { display: none; } .security .filter-block.container { display: block; max-width: 100%; margin: 0; padding: 0; font-size: 0; } } @media (max-width: 991px) { .section-nav { display: none; } .security .filter-block { display: none; } .filter-block__items { width: 100%; } } .link-with-icon { display: flex; align-items: center; } .link-with-icon svg { font-size: 24px; margin-right: 12px; vertical-align: middle; } .link-with-icon span { vertical-align: middle; } /* новые стили для детальной страницы */ .spheres__content-container p { margin: 0 0 24px; font-weight: 400; line-height: 24px; letter-spacing: 0.3px; /*color: rgba(47, 49, 51, 0.9);*/ color: #000; width: 100%; } .section-products.white-bg { background: #ffffff; } .spheres .title.left { text-align: left; } .spheres.new-spheres { padding: 20px 0 10px; } .product-descr { display: flex; flex-direction: column; } .product-descr__item { display: flex; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #cacbcf; } .product-descr__title, .product-descr__value { opacity: 0.9; color: #2f3133; font-size: 15px; font-weight: 400; } .perimeter-security__content.new-product-descr { display: flex; flex-direction: column; justify-content: space-between; margin: 0; height: 100%; } .new-product-descr .section-btns .container { padding: 0; margin-bottom: 20px; } .product-top-block { display: flex; align-items: stretch; } .new-product-descr .section-btns { margin-top: 20px; } .new-product-descr .perimeter-security__download-container { margin: 0; padding: 15px 0; border-bottom: 1px solid #cacbcf; } @media (max-width: 991px) { .new-product-descr .section-btns .container { padding: 0; margin-bottom: 0; margin-top: 20px; } .new-product-descr .section-btns span.none-mob { display: none; } .new-product-descr .perimeter-security__download { margin-bottom: 0; } .new-product-descr .perimeter-security__download-container {} .new-product-descr .section-btns .container { display: block; } } @media (min-width: 992px) { .new-product-descr .section-btns .disp-on-mob { display: none; } .new-product-descr .section-btns span { margin: 0; } .new-product-descr .section-btns span.none-mob { margin: 0 0 0 33px; } } @media (max-width: 1023px) { .product-top-block { flex-direction: column; align-items: center; } .perimeter-security__content.new-product-descr { padding: 0; } } @media (max-width: 1229px) { .new-product-descr .section-btns .container { margin-bottom: 10px; } } @media (max-width: 767px) { .perimeter-security .container.product-top-block { padding: 15px; } .product-descr__item { flex-direction: column; } .product-descr__title { font-weight: 600; } .product-top.perimeter-security { padding: 40px 0 10px; } } /*Решения*/ .video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .solution-page .perimeter-security--products .full-slider__slide img { max-width: 100%; max-height: 100%; } .dis-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .dis-flex .perimeter-security__block:nth-child(2) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .dis-flex .perimeter-security__block:nth-child(2) .perimeter-security__content { margin: 0; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .solution-page .bg-blue { margin: 0; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; } .solution-items { /* margin-top: 75px; */ margin-bottom: 40px; } .solution-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 55px 0; border-bottom: 1px solid #ccd4d9; } .solution-item__image { max-width: 400px; min-width: 400px; margin-right: 30px; } .solution-item__image img { width: 100%; /*height: 100%;*/ -o-object-fit: cover; object-fit: cover; } .solution-item__title { color: #37393c; font-size: 36px; margin-bottom: 30px; } .solution-item__descr { font-size: 15px; line-height: 24px; color: rgba(47, 49, 51, 0.9); margin-bottom: 30px; } .solution-item__descr ul { margin-top: 15px; margin-bottom: 15px; } .solution-item__descr ul li { font-size: inherit; } .solution-videos { margin-bottom: 80px; } .solution-video-slider { width: 80%; margin: 0 auto; position: relative; } .solution-video-item .video { margin-bottom: 40px; } .solution-video__sign { color: #37393c; font-size: 16px; text-align: center; } .sol-video-arrow { position: absolute; padding: 10px; top: 40%; cursor: pointer; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .sol-video-arrow:hover { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .sol-video-arrow--right { right: -10%; } .sol-video-arrow--left { left: -10%; } .solution-page .section-products .product-s { padding: 0; cursor: pointer; } .solution-page .section-products.section-products--shluapa .product-s { padding-bottom: 58px; } .solution-page .product-s__container-img { min-height: auto; } .solution-page .section-products--shluapa .product-s__container-img { min-height: 205px; } .solution-page .product-s__container-img img { max-width: 100%; max-height: 100%; width: 100%; margin: auto; -o-object-fit: cover; object-fit: cover; } .solution-page .section-products--shluapa .product-s__container-img img { -o-object-fit: auto; object-fit: auto; max-width: 180px; max-height: 180px; width: auto; } .solution-page .perimeter-security { padding: 70px 0; } @media (max-width: 768px) { .solution-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .solution-item__image { min-width: 100%; margin-right: 0; margin-bottom: 20px; } .solution-item__title { font-size: 25px; } .dis-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .solution-page .perimeter-security--products .full-slider__slide { height: 100%; } } /* .header__nav .new-menu-header .submenu__block { width: 60%; } */ @media (min-width: 1230px) { .header__nav .new-menu-header .submenu__element { width: 46%; } .header__nav .topmenu.new-menu-header .product-menu .submenu .container { padding-top: 125px; } .header__nav .topmenu.new-menu-header .product-menu .submenu .container:has(.newsub) { padding: 40px 0; } .header__nav .new-menu-header .product-menu .submenu__block:not(.submenu__block--right) .submenu__element:last-child { position: absolute; top: 35px; left: 0; width: auto; border: 1px solid #fff; padding: 10px; } .header__nav .new-menu-header .product-menu .submenu__block:not(.submenu__block--right) .submenu__element:last-child li { margin: 0; } .header__nav .new-menu-header .product-menu .submenu__block:not(.submenu__block--right) .submenu__element:last-child li a { margin: 0; } .header__nav .new-menu-header .submenu__block:nth-of-type(1) { width: 65%; /* margin-right: 100px; */ /* border-right: 1px solid #262626; */ } .header__nav .new-menu-header .submenu__block:nth-of-type(2) { width: 30%; } } .solution-page .content-style { margin: 0 auto; margin-bottom: 40px; } span.footer__nav-link { font-weight: 700; } span.footer__nav-link:hover { color: #ffffff; } .solution-item__info a { color: #35383b; } .solution-page .section-products { padding: 50px 0 70px; } .solution-page .content-style { margin-top: 40px; } @media (max-width:991px) { .solution-page .section-btns.js-animate { margin-top: 30px; } } .half { display: inline-block; vertical-align: top; width: 48%; margin: 10px 0; } .half:nth-child(2n) { padding: 0 0 0 40px !important; } @media (max-width: 991px) { .half { width: 100%; margin: 0 0 30px; } } .half:last-child { padding: 0 0 0 48px; } @media (max-width: 991px) { .half:last-child { padding: 0; } } .side-modals { position: fixed; right: 0; top: -webkit-calc(50% - 61px); top: calc(50% - 61px); /* display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; */ display: inline-block; /* -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; */ z-index: 20; } .side-modal-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #ffffff; width: -webkit-max-content; width: -moz-max-content; width: max-content; cursor: pointer; height: 61px; position: relative; } .side-modal-link span { font-size: 15px; padding: 20px; border-right: 1px solid rgba(255, 255, 255, .3); display: block; /* width: 0; */ /* opacity: 0; */ position: absolute; width: inherit; top: 0; z-index: -1; } .side-modal-link svg { font-size: 19px; margin: 20px; } .side-modal-link:first-child, .side-modal-link:first-child span { background-color: #000000; } .side-modal-link:last-child, .side-modal-link:last-child span { background-color: #5e8491; } .side-modal-link:first-child span { width: 150px; } .side-modal-link:last-child span { width: 172px } .side-modals-lang .side-modal-link:first-child span { width: 105px; } .side-modals-lang .side-modal-link:last-child span { width: 105px } @media (max-width: 1024px) { .side-modals { display: none; } } .perimeter-security__broshures { display: flex; align-items: center; justify-content: space-around; width: 100%; flex-wrap: wrap; } .perimeter-security__broshures .perimeter-security__download-container { margin: 20px; } @media (max-width: 991px) { .perimeter-security__broshures { flex-direction: column; } } .fancybox-skin { padding: 0 !important; } /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.3.6, * Autoprefixer: v10.3.1 * Browsers: last 4 version */ .new_banner__achieve { background: -webkit-gradient(linear, left bottom, left top, from(rgba(214, 214, 214, 0.2)), to(rgba(214, 214, 214, 0.2))), rgba(255, 255, 255, 0.81); background: -o-linear-gradient(bottom, rgba(214, 214, 214, 0.2), rgba(214, 214, 214, 0.2)), rgba(255, 255, 255, 0.81); background: linear-gradient(0deg, rgba(214, 214, 214, 0.2), rgba(214, 214, 214, 0.2)), rgba(255, 255, 255, 0.81); } section.top-catalog .container, section.products__new .container, section.new-about .container, section.new-solution .container, section.new-feedback .container, section.new-solution-page .container, section.new-solution-detail-banner .container, section.new-solution-detail-content .container, section.basket-page .container { max-width: 1200px; } section.top-catalog ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 35px; margin-bottom: 35px; } section.top-catalog ul li { width: 20%; margin-top: 17px; margin-bottom: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } section.top-catalog ul li a { max-width: 182px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #37393c; font-size: 15px; } section.top-catalog ul li a:hover { color: #6b8d9c; } section.top-catalog ul li svg { font-size: 40px; margin-right: 15px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width:991px) { section.top-catalog ul li { width: 32%; } } @media (max-width:767px) { section.top-catalog ul li { width: 100%; } .new_banner__achieve { position: relative; } section.top-catalog ul { margin: 0; padding: 10px 15px; } section.top-catalog ul li { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.21); } section.top-catalog ul li:last-child { border-bottom: none; } section.top-catalog ul li a { max-width: none; } section.top-catalog ul li svg { font-size: 20px; margin-right: 10px; } section.top-catalog .container { max-width: 500px; } } @media (max-width:575px) { section.top-catalog ul li a { font-size: 13px; } } .products__new { margin: 70px 0; } .products__new__block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .products__new .container { padding: 0 !important; } @media (max-width: 1199px) { .products__new .container { padding: 0 15px !important; } } .products__new__item { width: 32%; background: -o-linear-gradient(32.84deg, #5B8090 3.06%, #84A0AD 92.56%); background: linear-gradient(57.16deg, #5B8090 3.06%, #84A0AD 92.56%); position: relative; margin-bottom: 28px; } .products__new__top { 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; height: 146px; } .products__new__img { position: absolute; top: 0; right: 0; } .products__new__img img { max-height: 146px; } .products__new__title { font-size: 24px; line-height: 29px; color: #FFFFFF; margin-left: 23px; max-width: 200px; } .products__new__links { padding: 15px 23px; padding-bottom: 46px; background-image: url(/dev-new/img/product-bg.png), linear-gradient(57.16deg, #5B8090 3.06%, #84A0AD 92.56%); background-size: cover; } .products__new__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 138px; overflow: hidden; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .products__new__links a { font-size: 12px; line-height: 16px; color: #FFFFFF; background: rgba(55, 57, 60, 0.65); padding: 2px 5px; margin-right: 5px; margin-bottom: 5px; -webkit-transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } .products__new__links a:hover { background: rgba(55, 57, 60, 0.96); } .products__new__show-all { display: block; width: 100%; position: absolute; bottom: 0; text-align: center; color: #ffffff; font-size: 13px; line-height: 18px; padding: 10px 0; background: #66818D; -webkit-transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } .products__new__show-all:hover { background: #485D66; } @media (max-width: 1199px) { .products__new__item { width: 49%; } } @media (max-width: 767px) { .products__new__item { width: 100%; } .products__new__img img { max-height: 76px; } .products__new__top { height: 76px; } .products__new__title { font-size: 20px; line-height: 24px; } .products__new__links { height: auto; } /* .products__new__show-all { padding: 5px 0; } */ .products__new { margin: 0; padding: 30px 0; background: #ECEFF6; } } .new-about { background-color: #1F2124; background: url(/dev-new/img/about-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 90px; padding-bottom: 60px; color: #ffffff; } .new-about.bottom-none { padding-bottom: 70px; } .new-about.bottom-none .container::before { display: none; } .new-about__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 35px; } .new-about .angle:before, .new-about .angle:after { left: -30px; background: rgba(255, 255, 255, 0.33); } .new-about .angle:after { top: -5px; } .new-about .angle::before { top: -7px; } .new-about__text { width: 45%; } .new-about__text .company__title { margin-bottom: 30px; } .new-about__text p { font-size: 18px; line-height: 26px; margin-bottom: 40px; } .new-about__adv { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 45%; position: relative; } .new-about .container { position: relative; } .new-about .container::after { position: absolute; content: ""; height: 458px; width: 458px; top: -47px; right: 40px; background: url(/dev-new/img/about-adv-bg.png); } .new-about .container::before { position: absolute; content: ""; height: 255px; width: 100%; bottom: 0; background: url(/dev-new/img/about-adv-bottom-bg.png); background-position: center; background-repeat: no-repeat; background-size: contain; } .new-about__adv-plus { position: absolute; top: 50%; left: 50%; z-index: 2; } .new-about__adv-plus::before { position: absolute; content: ""; top: calc(50% - 6px); left: calc(50% - 6px); height: 8px; width: 8px; border-right: 2px solid #c70925; border-bottom: 2px solid #c70925; } .new-about__adv-plus::after { position: absolute; content: ""; top: 50%; left: 50%; height: 8px; width: 8px; border-left: 2px solid #c70925; border-top: 2px solid #c70925; } .new-about__adv::before { position: absolute; height: 100%; width: 1px; background-color: #6b6d70; left: 50%; content: ""; } .new-about__adv::after { position: absolute; width: 100%; height: 1px; background-color: #6b6d70; top: 50%; content: ""; } .new-about__adv-item { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 30px; } .new-about__adv-item-r { padding-left: 82px; } .new-about__adv-item-title { width: 100%; color: rgba(255, 255, 255, 0.52); font-size: 16px; line-height: 24px; margin-bottom: 8px; } .new-about__adv-item-num { font-size: 37px; line-height: 33px; font-weight: 700; margin-right: 10px; font-family: 'Exo 2', sans-serif; } .new-about__adv-item-text { max-width: 80px; font-weight: 700; font-size: 12px; } .new-about__mid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .new-about__video { width: 45%; padding: 15px; border: 1px solid #555759; position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .new-about__mid-text-wrapper { width: 47%; position: relative; } .new-about__video .youtube { position: relative; padding-bottom: 68.25%; padding-top: 25px; height: 0px; } .new-about__video .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-angle-left, .video-angle-right { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .video-angle-left::before, .video-angle-left::after, .video-angle-right::before, .video-angle-right::after { position: absolute; height: 13px; width: 13px; content: ""; } .video-angle-left::before { border-top: 2px solid #C70925; border-left: 2px solid #C70925; top: -1px; left: -1px; } .video-angle-left::after { border-bottom: 2px solid #C70925; border-left: 2px solid #C70925; bottom: -1px; left: -1px; } .video-angle-right::before { border-right: 2px solid #C70925; border-top: 2px solid #C70925; right: -1px; top: -1px; } .video-angle-right::after { border-right: 2px solid #C70925; border-bottom: 2px solid #C70925; right: -1px; bottom: -1px; } .new-about__mid-text { padding: 60px; font-size: 15px; line-height: 20px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 26, 29, 0.83)), to(rgba(24, 26, 29, 0.83))); background: -o-linear-gradient(bottom, rgba(24, 26, 29, 0.83), rgba(24, 26, 29, 0.83)); background: linear-gradient(0deg, rgba(24, 26, 29, 0.83), rgba(24, 26, 29, 0.83)); position: relative; z-index: 1; top: 15px; left: 15px; height: calc(100% - 15px); } .new-about__mid-text p { margin-bottom: 25px; } .new-about__mid-text p:last-child { margin-bottom: 0; } .new-about__mid-text-bg { position: absolute; height: calc(100% - 15px); width: 100%; background: url(/dev-new/img/about-mid-text-bg.png); z-index: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .icon-about-advant-4 { width: 1.0556640625em; } .icon-about-advant-5 { width: 0.986328125em; } .icon-about-advant-1 { width: 1.03125em; } .icon-about-advant-2 { width: 0.8359375em; } .icon-about-advant-3 { width: 1.3935546875em; } .new-about__bottom { margin-top: 40px; } .new-about-advant { display: -webkit-box; display: -ms-flexbox; display: flex; } .new-about-advant-item { width: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .new-about-advant-icon { height: 102px; width: 102px; background: url(/dev-new/img/about-adv-item-bg.png); border-radius: 102px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 17px; } .new-about-advant-icon svg { font-size: 30px; } .new-about-advant-item span { text-align: center; max-width: 200px; font-size: 14px; line-height: 18px; } @media (max-width: 1469px) { .new-about .container::before { background-position: -15px center; } } @media (max-width:1339px) { section.new-about .container { max-width: 1100px; } } @media (max-width:991px) { .new-about .container::after, .new-about .container::before { display: none; } .new-about__adv-item-r { padding-left: 20px; } .new-about-advant-item span { max-width: 150px; } .new-about__top, .new-about__mid { -ms-flex-wrap: wrap; flex-wrap: wrap; } .new-about__text, .new-about__adv, .new-about__video, .new-about__mid-text-wrapper { width: 100%; } .new-about__mid-text { left: 0; } .new-about__mid-text-bg { height: calc(100% + 15px); } .new-about__video { margin-bottom: 20px; } .new-about { padding-top: 50px; } .new-about-advant-item { width: 30%; } .new-about-advant { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } .new-about-advant-item { margin-bottom: 25px; } } @media (max-width:767px) { .new-about-advant-item { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .new-about-advant-icon { height: 100%; width: 30px; background: none; margin-right: 20px; margin-bottom: 0; } .new-about-advant-item span { max-width: none; text-align: left; } .new-about-advant-icon svg { font-size: 27px; } .new-about { padding-bottom: 10px; } .new-about-advant-item { margin-bottom: 0; padding: 20px 0; position: relative; } .new-about-advant-item::after { background: url(/dev-new/img/mob-line.png); content: ""; height: 1px; width: 100%; bottom: 0; position: absolute; } .new-about-advant-item:last-child:after { content: none; } .new-about__bottom { margin-top: 40px; } .new-about__mid-text { padding: 15px; height: 100%; width: calc(100% + 30px); left: -15px; } .new-about__mid-text-bg { left: -15px; height: calc(100% + 30px); width: calc(100% + 30px); } } @media (max-width:575px) { .new-about__adv-item { padding: 9px; padding-bottom: 20px; padding-right: 0; } .new-about__adv-item-title { font-size: 14px; } .new-about__adv-item-num { font-size: 31px; margin-right: 4px; } .new-about__adv-item-text { font-size: 10px; max-width: 60px; } } .new-solution { background: -webkit-gradient(linear, left bottom, left top, from(#104B75), to(#104B75)), #025C88; background: -o-linear-gradient(bottom, #104B75, #104B75), #025C88; background: linear-gradient(0deg, #104B75, #104B75), #025C88; padding-top: 85px; padding-bottom: 110px; color: #ffffff; } .new-solution .title.corner, .new-solution .title a { color: #ffffff; } .new-solution .title span:before, .new-solution .title.corner:before, .new-solution .title span:after, .new-solution .title.corner:after { background: rgba(255, 255, 255, 0.5); } .icon-solution-icon-1 { width: 1.0341796875em; } .icon-solution-icon-2 { width: 1.1171875em; } .icon-solution-icon-3 { width: 1.078125em; } .icon-solution-icon-4 { width: 1.623046875em; } .icon-solution-icon-5 { width: 1.537109375em; } .icon-solution-icon-6 { width: 1.0419921875em; } .icon-solution-icon-7 { width: 1.37109375em; } .icon-solution-icon-8 { width: 1.0390625em; } .new-solution__left-title { padding: 10px 30px 30px; font-size: 32px; line-height: 38px; max-width: 370px; width: -webkit-max-content; width: -moz-max-content; width: max-content; position: relative; /* font-family: "Exo 2"; */ } .new-solution__left-title-angle-left, .new-solution__left-title-angle-right { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .new-solution__left-title-angle-left::before, .new-solution__left-title-angle-left::after, .new-solution__left-title-angle-right::before, .new-solution__left-title-angle-right::after { position: absolute; height: 10px; width: 10px; content: ""; } .new-solution__left-title-angle-left::before { border-top: 2px solid #C70925; border-left: 2px solid #C70925; top: -1px; left: -1px; } .new-solution__left-title-angle-left::after { border-bottom: 2px solid #C70925; border-left: 2px solid #C70925; bottom: -1px; left: -1px; } .new-solution__left-title-angle-right::before { border-right: 2px solid #C70925; border-top: 2px solid #C70925; right: -1px; top: -1px; } .new-solution__left-title-angle-right::after { border-right: 2px solid #C70925; border-bottom: 2px solid #C70925; right: -1px; bottom: -1px; } .new-solution__block { display: -webkit-box; display: -ms-flexbox; display: flex; /* align-items: center; */ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .new-solution__left { width: 45%; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .new-solution__right { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; } .new-solution-item { width: 33%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 25px; padding-right: 35px; border: 1px solid rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .7); -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; position: relative; } .new-solution-item:hover { color: rgba(255, 255, 255, 1); } .new-solution-item svg { font-size: 35px; margin-bottom: 20px; } .new-solution-item span { font-size: 15px; line-height: 20px; position: relative; } .new-solution-item span::after { content: ""; height: 6px; width: 6px; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); bottom: 5px; position: absolute; margin-left: 5px; } .new-solution-item::before { position: absolute; color: #4C93C6; content: "+"; top: -7px; left: -9px; font-size: 29px; line-height: 10px; } .new-solution-item::after { position: absolute; color: #4C93C6; content: "+"; bottom: -5px; left: -9px; font-size: 29px; line-height: 10px; } .new-solution-item-right-plus { position: absolute; width: 100%; height: 100%; top: 0; right: 0; } .new-solution-item-right-plus::before { position: absolute; color: #4C93C6; content: "+"; top: -7px; right: -9px; font-size: 29px; line-height: 10px; } .new-solution-item-right-plus::after { position: absolute; color: #4C93C6; content: "+"; bottom: -5px; right: -9px; font-size: 29px; line-height: 10px; } /* .new-solution-item::before { position: absolute; height: 2px; width: 10px; background-color: #4C93C6; content: ""; top: -2px; left: -5px; } .new-solution-item::after { position: absolute; height: 10px; width: 2px; background-color: #4C93C6; content: ""; top: -6px; left: -1px; } */ .new-solution__left-img img { max-width: 100%; } .new-solution__left-item { position: absolute; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .new-solution__left-item.active { opacity: 1; } @media (max-width: 1199px) { .new-solution-item { width: 50%; } } @media (max-width: 765px) { .new-solution__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .new-solution__left { width: 100%; } .new-solution__left-item { width: 100%; height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .new-solution__left-img { height: 50%; } .new-solution__left-img img { height: 100%; } .new-solution__right { width: 100%; margin-top: 300px; } .new-solution__left-title { padding: 10px; font-size: 25px; line-height: 34px; } .new-solution { padding-top: 45px; padding-bottom: 40px; } .new-solution__left-title-angle-left, .new-solution__left-title-angle-right { display: none; } .new-solution-item span::after { display: none; } } @media (max-width: 575px) { .new-solution-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .new-solution-item span { font-size: 13px; line-height: 17px; text-align: center; } .new-solution-item svg { margin-bottom: 7px; } .new-solution-item { padding: 15px 10px; } .new-solution__left-title { max-width: 250px; } .new-solution__left-title { text-align: center; } .new-solution-item { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .new-feedback { background: url(/dev-new/img/feedback-bg.webp); padding-top: 70px; padding-bottom: 100px; background-position: center; background-size: cover; background-repeat: no-repeat; } .new-feedback .title { color: #ffffff; } .new-feedback .title span::before, .new-feedback .title span::after { background: rgba(255, 255, 255, .5) } .feedback-block { display: -webkit-box; display: -ms-flexbox; display: flex; } .feedback-block__left { width: 25%; } .feedback-block__form { width: 75%; background: #ffffff; padding: 40px; } .feedback-block__form form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .feedback-block__form .form__label, .feedback-block__form .form__input { color: #37393c; } .feedback-block__form .form__input { border-bottom: 1px solid #e4e4e4; } .feedback-block__form .form__group { width: 47%; } .feedback-block__form .form__group.textarea-form { width: 100%; } .feedback-block__form .form__group.textarea-form textarea { resize: vertical; height: auto; } .feedback-block__form .button { color: #000000; border: 1px solid #000000; } .feedback-block__form .button:before, .feedback-block__form .button:after { border-color: #35383b; } .feedback-block__form .form__container { max-width: 100%; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .feedback-block__form .form__input-float { max-width: 100%; font-size: 12px; line-height: 16px; } .feedback-block__form .form__recapcha { padding: 0; margin: 0; } .feedback-block__form .form__button { margin: 0; width: 30%; margin-left: 30px; } .feedback-block__form .form__container.captcha-block { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; margin-bottom: 20px; } .feedback-block__form .checkbox span:before { left: -16px; border: 1px solid #000; } .feedback-block__form .checkbox span:before { content: ""; position: absolute; left: 0; top: 4px; width: 15px; height: 15px; background: #fff; cursor: pointer; } .feedback-block__form input:checked+.checkbox span:after { opacity: 1; } .feedback-block__form .checkbox span:after { left: -14px; top: 8px; width: 10px; } .feedback-block__form .checkbox span:after { opacity: 0; content: ""; position: absolute; left: 3px; top: 8px; width: 9px; height: 5px; border: 1px solid #191919; border-top: none; border-right: none; cursor: pointer; border-bottom-left-radius: 3px; -webkit-transform: rotate(-53deg); -ms-transform: rotate(-53deg); transform: rotate(-53deg); -webkit-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } .feedback-block__form .form__input-float { position: relative; margin: 0 auto; max-width: 100%; } .feedback-block__form .checkbox { color: #000; font-size: 12px; font-weight: 400; line-height: 14px; padding: 0 0 0 19px; } .feedback-block__form .checkbox { position: relative; display: block; padding: 0 0 0 23px; font-family: "Open Sans", sans-serif; font-size: 13px; line-height: 1.25; letter-spacing: -0.1px; font-weight: 300; cursor: pointer; } .feedback-block__left { background: -webkit-gradient(linear, left bottom, left top, from(#718F9F), to(#718F9F)), rgba(0, 0, 0, 0.84); background: -o-linear-gradient(bottom, #718F9F, #718F9F), rgba(0, 0, 0, 0.84); background: linear-gradient(0deg, #718F9F, #718F9F), rgba(0, 0, 0, 0.84); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; position: relative; min-width: 295px; } .feedback-block__left a { color: rgba(255, 255, 255, 0.8); font-size: 30px; margin-left: 20px; margin-bottom: 15px; z-index: 1; } .feedback-block__left a:hover { color: rgba(255, 255, 255, 1); } .feedback-block__left a:last-child { font-size: 22px; margin-bottom: 0px; } .feedback-block__left:after, .feedback-block__left:before { content: ""; width: 10px; height: 10px; border-top: 2px solid #C70925; position: absolute; top: 20px; } .feedback-block__left:before { border-left: 2px solid #C70925; left: 20px; } .feedback-block__left:after { border-right: 2px solid #C70925; right: 20px; } .feedback-block__left-angle-bottom { position: absolute; width: 100%; height: 100%; z-index: 0; left: 0; } .feedback-block__left-angle-bottom:after, .feedback-block__left-angle-bottom:before { content: ""; width: 10px; height: 10px; border-bottom: 2px solid #C70925; position: absolute; bottom: 20px; } .feedback-block__left-angle-bottom:before { border-left: 2px solid #C70925; left: 20px; } .feedback-block__left-angle-bottom:after { border-right: 2px solid #C70925; right: 20px; } .new-feedback .form__require { position: absolute; color: #cacaca; top: 0; right: 0; } @media (max-width: 991px) { .feedback-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .feedback-block__left { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .feedback-block__form { width: 100%; } .feedback-block__left a { margin-left: 0; } } @media (max-width: 765px) { .feedback-block__form .form__group { width: 100%; } .feedback-block__form .form__container.captcha-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .feedback-block__form .form__button { width: 100%; margin-left: 0; height: 74px; margin-top: 15px; } .new-feedback { padding-top: 30px; padding-bottom: 70px; } } @media (max-width: 576px) { .feedback-block__form { padding: 15px; } .feedback-block__left a { font-size: 22px; margin-bottom: 5px; } .feedback-block__left a:last-child { font-size: 16px; } .feedback-block__left { min-width: auto; } .feedback-block__left:after, .feedback-block__left:before { top: 10px; } .feedback-block__left:after { right: 10px; } .feedback-block__left:before { left: 10px; } .feedback-block__left-angle-bottom:after, .feedback-block__left-angle-bottom:before { bottom: 10px; } .feedback-block__left-angle-bottom:after { right: 10px; } .feedback-block__left-angle-bottom:before { left: 10px; } } .new-solution-page { padding-top: 75px; padding-bottom: 45px; background: #104B75; } .solution-page-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .solution-page-item { color: rgba(255, 255, 255, 0.8); width: 32%; padding: 30px; padding-left: 40px; border: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .solution-page-item:hover { color: rgba(255, 255, 255, 1); } .solution-page-item.is-hover:hover, .solution-page-item.is-hover:hover::before, .solution-page-item.is-hover:hover::after { border-color: #ffffff; } .solution-page-item svg { font-size: 40px; margin-bottom: 35px; } .new-solution-item_title { font-size: 18px; display: inline-block; max-width: 160px; } @media (max-width: 991px) { .solution-page-item { width: 49%; } } @media (max-width: 575px) { .new-solution-page { padding-top: 45px; padding-bottom: 45px; } .solution-page-item { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 20px; margin-bottom: 0; } .new-solution-item__icon { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .new-solution-item_title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; max-width: none; } .solution-page-item svg { margin-bottom: 0; } } .new-solution-detail-banner { background: -o-linear-gradient(bottom, #104B75, #104B75), -o-linear-gradient(357.36deg, #E7EAEF 11.03%, #D4D5D7 90.39%); background: linear-gradient(0deg, #104B75, #104B75), linear-gradient(92.64deg, #E7EAEF 11.03%, #D4D5D7 90.39%); position: relative; margin-top: 70px; /* height: 500px; */ } .new-solution-detail-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 130px; } .new-solution-detail-banner-left { width: 40%; color: #ffffff; margin-bottom: 70px; } .new-solution-detail-banner-descr { line-height: 24px; } @media (max-width: 768px) { .new-solution-detail-banner-descr { font-size: 14px; } .new-solution-detail-banner-title { margin-bottom: 30px; } } .new-solution-detail-banner-right { width: 50%; margin-top: 60px; /* margin-bottom: 40px; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .new-solution-detail-banner-bread { margin-top: 90px; } .new-solution-detail-banner-bread .breadcrumbs li span { color: rgba(255, 255, 255, .59); } .new-solution-detail-banner-bread .breadcrumbs li span:hover { color: rgba(255, 255, 255, 1); } .new-solution-detail-banner-bread .breadcrumbs__link::after { background: rgba(255, 255, 255, .59); } .new-solution-detail-banner-title { font-size: 51px; line-height: 61px; font-family: "Exo 2", sans-serif; margin-bottom: 25px; } .new-solution-detail-bottom { position: absolute; bottom: 0; background: rgba(28, 84, 124, 0.81); width: 100%; padding: 25px 0; } .new-solution-detail-bottom-list { 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; } .new-solution-detail-bottom-link { height: 77px; width: 77px; border-radius: 77px; background: url(/dev-new/img/solution-link-bg.png); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .new-solution-detail-bottom-link svg { font-size: 37px; color: #BAC8D1; -webkit-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .new-solution-detail-bottom-link:hover svg { color: #ffffff; } .new-solution-detail-bottom-plus { position: relative; height: 10px; width: 10px; } .new-solution-detail-bottom-plus::before { position: absolute; content: ""; left: 4px; top: calc(50% - 6px); height: 11px; width: 1px; background-color: rgba(255, 255, 255, .20); } .new-solution-detail-bottom-plus::after { position: absolute; content: ""; top: 4px; left: calc(50% - 6px); width: 11px; height: 1px; background-color: rgba(255, 255, 255, .20); } @media (max-width: 991px) { .new-solution-detail-bottom-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } .new-solution-detail-bottom-link { height: 55px; width: 55px; border-radius: 55px; } .new-solution-detail-bottom-link svg { font-size: 27px; } } @media (min-width: 765px) and (max-width: 1024px) { .new-solution-detail-banner-right img { width: 70% } .new-solution-detail-banner-right { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .new-solution-detail-banner-title { font-size: 33px; line-height: 32px; } .new-solution-detail-banner-descr { font-size: 13px; line-height: 24px; } } @media (max-width: 765px) { .new-solution-detail-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .new-solution-detail-banner-bread { margin-top: 35px; } .new-solution-detail-banner-left { width: 100%; } .new-solution-detail-banner-right { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .new-solution-detail-banner-right img { width: 100%; max-width: 300px } .new-solution-detail-bottom-list { width: 260px; margin: 0 auto; } .new-solution-detail-bottom-plus { margin: 7px; } .new-solution-detail-bottom-plus:nth-of-type(3n) { display: none; } .new-solution-detail-banner-right { margin-bottom: 170px; margin-top: 20px; } } @media (max-width: 576px) { .new-solution-detail-banner-title { font-size: 35px; line-height: 38px; margin-bottom: 17px; } .new-solution-detail-banner-right { margin-top: 20px; } } html { scroll-padding-top: 60px !important; } .new-solution-detail-content h2 { margin-top: 80px; } .icon-solution-content-section-arrow { width: 0.576171875em; } section.new-solution-detail-content .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .new-solution-detail-content-left { width: 30%; } .new-solution-detail-contet-wrapper { position: relative; border-top: 1px solid #EFEFEF; } .new-solution-detail-content-bg { position: absolute; top: 0; bottom: 0; background: #F8F8FA; left: 0; width: 50%; z-index: -1; } .new-solution-detail-content-right { width: 70%; background: #ffffff; padding: 50px 30px; } .new-solution-detail-content-section-list { margin-top: 75px; margin-bottom: 45px; margin-right: 30px; } .new-solution-detail-content-section-item { border-bottom: 1px solid #DEDEDE; padding: 22px 0; 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; color: #37393c; cursor: pointer; -webkit-transition: color .3s ease-in-out, border .3s ease-in-out; -o-transition: color .3s ease-in-out, border .3s ease-in-out; transition: color .3s ease-in-out, border .3s ease-in-out; min-height: 87px; } .new-solution-detail-content-section-item:hover, .new-solution-detail-content-section-item.current { color: #c70925; border-bottom: 1px solid #C70925; } .new-solution-detail-content-section-item svg { font-size: 9px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 30px; } .new-solution-detail-content-section-item:first-child { border-top: 1px solid #DEDEDE; } .new-solution-detail-content-right h3 { margin-bottom: 32px; } .new-solution-detail-content-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #dedede; margin-top: 43px; min-height: 230px; padding-bottom: 20px; } /* .new-solution-detail-content-right-item .new-solution-detail-content-block:not(first-of-type) { border-top: 1px solid #dedede; padding-top: 43px; } */ .new-solution-detail-content-block:last-of-type { border-bottom: none; } .new-solution-detail-content-block:first-child { margin-top: 0; } .new-solution-detail-content-block img { max-width: 350px; width: 45%; } .new-solution-detail-content-text { width: 50%; } .new-solution-detail-content-text p { font-size: 16px; line-height: 24px; margin-bottom: 40px; } .new-solution-detail-content-block p.p-big { font-size: 16px; line-height: 23px; margin-bottom: 20px; } .new-solution-detail-content-right .button { width: 100%; margin-top: 45px; color: #37393c; } .new-solution-detail-content-right-item { display: none; } .new-solution-detail-content-right-item.default { display: block; } @media (min-width: 767px) { .new-solution-detail-content-right-open { display: none; } } @media(max-width: 765px) { .new-solution-detail-content-right-item.default { display: none; } .new-solution-detail-content-left, .new-solution-detail-content-bg { display: none; } .new-solution-detail-content-right { width: 100%; } .new-solution-detail-content h2 { margin-top: 25px; margin-bottom: 25px; } .new-solution-detail-content-right-open { padding-top: 15px; padding-bottom: 15px; 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; background-color: #F8F8FA; font-size: 14px; border-bottom: 1px solid #dedede; -webkit-transition: color .3s ease-in-out, border .3s ease-in-out; -o-transition: color .3s ease-in-out, border .3s ease-in-out; transition: color .3s ease-in-out, border .3s ease-in-out; } .new-solution-detail-content-right-open:first-of-type { border-top: 1px solid #dedede; } .new-solution-detail-content-right-open.active { color: #c70925; border-bottom: 1px solid #C70925; } .new-solution-detail-content-right-open.active svg { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .new-solution-detail-content-right-open svg { -ms-flex-negative: 0; flex-shrink: 0; font-size: 9px; margin: 15px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .new-solution-detail-content-right-item h3 { margin-top: 30px; } .new-solution-detail-content-block img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .new-solution-detail-content-text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .new-solution-detail-content-right { padding: 0; } .new-solution-detail-contet-wrapper .container { padding: 0; } .new-solution-detail-content-right-item, .new-solution-detail-content-right-open { padding: 15px; } } @media(max-width: 575px) { .new-solution-detail-content-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .new-solution-detail-content-text, .new-solution-detail-content-block img { width: 100%; } .new-solution-detail-content-block img { max-width: none; margin-bottom: 20px; } .new-solution-detail-content-right .button { margin-top: 20px; margin-bottom: 45px; } } .callback-modal__subtitle { text-align: center; font-size: 18px; line-height: 22px; max-width: 445px; margin: 10px auto; color: #000000; } .new-solution-modal.callback-modal .form__group { width: 100%; } /* Статьи - слайдер для детальной страницы */ .articles__slider-container { position: relative; } .articles_arrows { position: absolute; top: 39.5%; z-index: 11; display: flex; width: calc(100% - 15px); justify-content: space-between; padding: 0 15px; height: 0; } .articles__arrow { position: relative; width: 60px; height: 57px; background: #eff1f7; display: flex; justify-content: center; align-items: center; cursor: pointer; } .articles__arrow icon { color: white; } .articles__slide img { width: calc(100% - 15px); height: 275px; object-fit: cover; } @media (max-width: 600px) { .articles_arrows { width: calc(100% - 15px); padding: 0 15px; } .articles__arrow { width: 30px; height: 30px; } .articles_arrows { top: 44.5%; } } .description-2-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .description-col { width: 45%; } @media(max-width:991px) { .description-col { width: 100%; } } .new-solution-detail-slider .section-products__slide { background: #ffffff; } .new-solution-detail-slider .btn-container { background: #eff1f7; padding-top: 0; } .solution-list-adv { font-size: 14px; padding: 25px 20px; } .new-solution-detail-slider .product-s__desc { margin-bottom: 70px; } .new-solution-detail-slider .solution-list-adv { border-top: 1px solid #eaeaea; } .new-solution-detail-slider .section-products__slide.product-s { padding-bottom: 0; } .new-solution-detail-slider .solution-list-adv li { display: -webkit-box; display: -ms-flexbox; display: flex; color: #37393c; margin-bottom: 15px; } .new-solution-detail-slider .solution-list-adv li:last-child { margin-bottom: 0px; } .new-solution-detail-slider .solution-list-adv li svg { font-size: 16px; margin-top: 2px; margin-right: 7px; } .new-solution-detail-slider .title { margin-top: 70px; } @media(max-width: 765px) { .new-solution-detail-slider .title { margin-top: 0px; } } .icon-check-adv { width: 1.3583984375em; } @media (max-width: 1229px) { .js-solution-slider .section-products__slider { max-width: 900px; } } @media (max-width: 991px) { .js-solution-slider .section-products__slider { max-width: 600px; } } @media (max-width: 768px) { /* .js-solution-slider .section-products__slider { max-width: 280px; } */ .new-solution-detail-banner-left { margin-bottom: 30px; } .new-solution-detail-banner-right { margin-bottom: 270px; } } .new-feedback .error-message.active { opacity: 0; } .new-solution-detail-content-right-item p { margin-bottom: 30px; line-height: 24px; } .new-solution-detail-content-block { margin-bottom: 30px; } .new-solution-detail-content-img { float: left; margin: 0px 45px 45px 0px; float: right; margin: 0px 0 45px 45px; } .new-solution-detail-content-block { display: block; } .second-block { float: right; margin: 0px 0px 45px 45px; } .perimeter-security__download svg.icon-360 { font-size: 38px; top: -7px; left: -10px; } @media (max-width: 1229px) { .new-solution-detail-banner { margin-top: 0; } } .side-modals { transition: all .3s ease-out; } .submenu.is-scrolling { overflow: scroll; height: 100%; } .header__nav .submenu.is-scrolling .container { padding: 48px 12px 45px; } @media (min-width: 767px) { .new_banner__title { display: none; } } @media (max-width: 767px) { .new_banner__title { display: block; padding-top: 30px; } section.top-catalog ul { padding-top: 0; } } @media (min-width: 768px) and (max-width: 1200px) { .banner-slider__container-img { padding-left: 0px; padding-right: 50px; left: 40%; padding-bottom: 230px; } } @media(max-width: 1024px) { .new-solution-detail-content-text, .new-solution-detail-content-block img { width: 100%; float: none; display: flex; margin-bottom: 30px; } .new-solution-detail-content-img { margin: 0; } } .new-solution-detail-slider .section-products__slide.product-s { min-width: 256px; } @media (max-width: 567px) { .new-solution-detail-slider .section-products__slide.product-s { min-width: inherit; } .section-products .product-s__title { font-size: 19px; } .js-solution-slider .section-products__slider { max-width: 280px; } .new-solution-detail-slider .section-products__arrows { bottom: 50%; } } .modal-hidden { opacity: 0; visibility: hidden; position: absolute; right: -999px; transition: all .7s ease-out; } .modal-hidden.side-modals { position: fixed; } .new-solution-detail-banner-right.no-photo { height: 100px; background: url(/bitrix/templates/.default/assets/img/logo-git-white.svg) no-repeat center center; background-size: 60% auto; } @media (max-width: 768px) { .new-solution-detail-banner-right.no-photo { margin-bottom: 270px; } } .header__nav .submenu__wrapper { display: flex; justify-content: space-between; } .header__nav .submenu .submenu__wrapper .submenu__block { display: block; width: 30%; } .header__nav .submenu .submenu__wrapper .submenu__block .submenu__elements .submenu__element { width: 100%; } .header__nav .submenu .submenu__wrapper .submenu__block:not(:last-child) { margin-right: 0px; border-right: 1px solid #262626; } @media (max-width: 1229px) { .header__nav .submenu__wrapper { display: block; width: 100%; } .header__nav .submenu .submenu__wrapper .submenu__block { width: 100%; } .header__nav .submenu .submenu__wrapper .submenu__block:not(:last-child) { border-right: 0; } } .container-404 { padding: 0; } .not-found-wrap { margin-top: -100px; } .not-found { padding: 140px 0 70px 0; background: #fff; background-image: url("/bitrix/templates/git/assets/img/bg-right.png"); background-position: right; background-repeat: no-repeat; /* background-size: contain; */ min-height: auto; background-size: 50% 100%; } /* .not-found__block{ padding: 5px 0 70px 0; margin: 0 0 70px ; } */ .not-found p, .not-found li { color: #1D1D1B; } .not-found a.link { color: red; } .not-found__introduction { margin: 0 0 23px 0; } .not-found__causes p { margin: 0; } .not-found__causes ul { padding: 16px 0 0 0; } .not-found__causes ul>li::before { background: #37393C; } .not-found__causes { padding: 0; margin: 0 0 23px 0; } .not-found__block:nth-child(2) { padding: 68px 0 0 97px; } @media(max-width: 1349px) { .not-found__block:nth-child(2) { padding: 68px 58px 0 97px; } } @media(max-width: 1230px) {} @media (max-width: 1230px) { .not-found__block:nth-child(2) { padding: 68px 0; } .not-found-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; } .not-found { background-size: 135%; background-position-y: 470px; padding: 50px 0 70px; } .not-found__block { display: flex; flex-direction: column; align-items: center; margin: 0 0 50px; } .not-found__block:nth-child(2) { display: flex; flex-direction: column; align-items: center; margin: 0; } .not-found__introduction { padding: 0; } .not-found__title { margin: 0; text-align: center; } .not-found__image { margin: 0 0 40px 0; } } @media (max-width: 992px) { .not-found { padding: 50px 0; background-position-y: 415px; } .not-found-wrapper { margin: 0 auto; } .not-found__block { margin: 0 0 20px; } .not-found__block:nth-child(2) { padding: 30px 0 0 0; } } @media(max-width: 768px) { .not-found { padding: 40px 0; background-position-y: 406px; } } @media(max-width: 693px) { .not-found { background-position-y: 434px; } } @media(max-width: 683px) { .not-found { background-position-y: 454px; } } @media(max-width: 642px) { .not-found { background-position-y: 474px; } } @media(max-width: 522px) { .not-found { background-position-y: 494px; } } @media(max-width: 493px) { .not-found { background-position-y: 516px; } } @media(max-width: 483px) { .not-found { background-position-y: 513px; } } @media(max-width: 458px) { .not-found { background-position-y: 535px; } } @media(max-width: 431px) { .not-found { background-position-y: 547px; } } @media(max-width: 416px) { .not-found { background-position-y: 598px; } } @media(max-width: 387px) { .not-found { background-position-y: 647px; } } @media(max-width: 372px) { .not-found { background-position-y: 671px; } } @media(max-width: 354px) { .not-found { background-position-y: 694px; } .not-found p, .not-found li, .not-found a.link { font-size: 13px; } .not-found__block { width: 90%; } } /* .container-404 { padding: 0; } .not-found-wrap{ margin-top: -100px; } .not-found{ padding: 83px 0 70px 0; background: #fff; background-image: url("/bitrix/templates/git/assets/img/bg-right.png"); background-position: right; background-repeat: no-repeat; min-height: auto; background-size: 40% 100%; } .not-found p, .not-found li{ color: #1D1D1B; } .not-found a.link { color: red; } .not-found__introduction{ margin: 0 0 23px 0; } .not-found__causes p{ margin: 0; } .not-found__causes ul{ padding: 16px 0 0 0; } .not-found__causes ul > li::before{ background: #37393C; } .not-found__causes{ padding: 0; margin: 0 0 23px 0 ; } .not-found__block:nth-child(2){ padding: 68px 0 0 97px; } @media(max-width: 1230px) { .not-found__block:nth-child(2){ padding: 68px 47px 0 97px; } .not-found__block{ margin: 0 0 75px ; } } @media (max-width: 1230px){ .not-found-wrapper{ display: flex; flex-direction: column; align-items: center; justify-content: center; } .not-found { background-size: 135%; background-position-y: 470px; padding: 50px 0 70px; } .not-found__block{ display: flex; flex-direction: column; align-items: center; margin: 0 0 50px; } .not-found__block:nth-child(2){ display: flex; flex-direction: column; align-items: center; margin: 0; } .not-found__introduction{ padding: 0; } .not-found__title{ margin: 0; text-align: center; } .not-found__image{ margin: 0 0 40px 0; } } @media (max-width: 992px) { .not-found { padding: 50px 0; background-position-y: 415px; } .not-found-wrapper{ margin: 0 auto; } .not-found__block:nth-child(2){ padding: 0 50px; } } @media(max-width: 768px){ .not-found { padding: 40px 0; background-position-y: 480px; } } @media(max-width: 483px){ .not-found { background-position-y: 513px; } } @media(max-width: 428px){ .not-found { background-position-y: 547px; } } @media(max-width: 406px){ .not-found { background-position-y: 595px; } } @media(max-width: 378px){ .not-found { background-position-y: 644px; } } @media(max-width: 362px){ .not-found { background-position-y: 671px; } } @media(max-width: 337px){ .not-found { background-position-y: 684px; } .not-found p, .not-found li, .not-found a.link{ font-size: 13px; } .not-found__block{ width: 90%; } } */ .catalog-tabs_head { display: flex; justify-content: center; border-bottom: 1px solid #37393c; /* margin-bottom: 40px; */ } .catalog-tabs_head div { padding: 0 23px; padding-bottom: 40px; color: #37393C; opacity: 0.63; font-size: 18px; font-weight: 600; cursor: pointer; transition: opacity .3s ease; display: flex; align-items: center; } .catalog-tabs_head div:hover, .catalog-tabs_head div.active { opacity: 1; transition: opacity .3s ease; } .catalog-tabs_head span.stars-head { padding: 0; background-color: #37393C; color: #ffffff; font-size: 14px; padding: 3px 5px; display: flex; align-items: center; margin-left: 7px; } .catalog-tabs_head span.stars-head svg { font-size: 12px; margin-right: 3px; } .catalog-tab { display: none; } .catalog-tab.active { display: block; } .catalog-tab-description { margin-top: 40px; } .catalog-tab-description-half-block { display: flex; justify-content: space-between; padding-top: 40px; } .catalog-tab-description-half { width: 48%; display: inline-block; } .catalog-tab-description-half p { padding: 20px 0; border-bottom: 1px solid #EAEAEA; color: #37393c; font-size: 14px; } .catalog-tab-description-half p:first-child { border-top: 1px solid #EAEAEA; } .catalog-tab .section-table-characteristics { padding-top: 0; } .catalog-tab .section-table-characteristics .table-characteristics__cell { border-top: none; border-bottom: 1px solid #d6d5d5; } .catalog-tab .section-table-characteristics .container { max-width: 970px; margin: 0 auto; padding: 0; } .icon-download-ico { width: 0.7890625em; } .icon-download-ico-2 { width: 0.7138671875em; } .icon-Star-4 { width: 1.0556640625em; } .icon-Group-1854 { width: 1.15625em; } .download-item { display: flex; justify-content: space-between; align-items: center; padding: 25px 0; border-bottom: 1px solid #D6D5D5; } .download-list { max-width: 970px; margin: 0 auto; } .download-item__title { display: flex; align-items: center; max-width: 70%; } .download-item__title span { font-weight: 600; font-size: 16px; color: #37393c; } .download-item__title svg { font-size: 19px; margin-right: 10px; flex-shrink: 0; } .download-item__right { display: flex; align-items: center; } .download-item__right span { font-weight: 400; font-size: 14px; color: #888c92; margin-right: 45px; } .download-item__right a { font-weight: 400; font-size: 16px; color: #37393c; display: flex; align-items: center; } .download-item__right svg { font-size: 16px; margin-right: 10px; } .reviews-head { padding: 30px 0; border-bottom: 1px solid #D6D5D5; display: flex; align-items: center; justify-content: space-between; } .reviews-head-left { display: flex; align-items: center; } .reviews-count { padding-left: 41px; position: relative; font-weight: 600; font-size: 18px; color: #37393c; } .reviews-count::before { position: absolute; content: ""; width: 2px; height: 10px; background-color: #5D5D5D; left: 20px; top: 7px; } form .reviews-stars span { cursor: pointer; } .reviews-stars span { margin-right: 5px; } .reviews-stars span svg { color: #D5D5D5; font-size: 27px; } .reviews-stars span.active svg { color: #5B8090; } .reviews-item { display: flex; padding: 40px 0; border-bottom: 1px solid #D6D5D5; } .reviews-item-left { min-width: 25%; } .reviews-item .reviews-stars { margin-bottom: 50px; } .reviews-item .reviews-stars span svg { font-size: 16px; } .reviews-item time { font-size: 14px; font-weight: 400; color: #797979; } .reviews-item-autor { font-weight: 600; margin-top: 10px; } .reviews-item-text { font-size: 15px; } .reviews-item.hide { display: none; } .reviews-head-right a { font-weight: 600; font-size: 16px; color: #37393c; display: flex; align-items: center; } .reviews-head-right a svg { font-size: 18px; margin-right: 10px; } .form-reviews-stars { display: flex; align-items: center; } .form-reviews-stars>span { font-size: 16px; font-weight: 600; margin-right: 15px; } .article-rating { padding: 30px 0; border: 1px solid #CCD4D9; width: 300px; margin: 0 auto; font-size: 18px; font-weight: 600; color: #37393c; display: flex; justify-content: center; align-items: center; margin-top: 60px; } .article-rating .stars-head { background: #37393C; color: #ffffff; margin-left: 15px; padding: 10px 15px; display: flex; align-items: center; } .article-rating .stars-head svg { margin-right: 5px; } @media(max-width: 765px) { .catalog-tabs_head { flex-direction: column; align-items: center; } .catalog-tabs_head div { padding-bottom: 20px; } .catalog-tabs { padding: 20px 0; } .catalog-tab-description-half { width: 100%; display: block; } .catalog-tab-description-half-block { flex-wrap: wrap; } .reviews-item { flex-direction: column-reverse; } .reviews-item .reviews-stars { margin-bottom: 0px; margin-top: 20px; } .download-item { flex-direction: column; align-items: flex-start; } .download-item__title { max-width: 100%; margin-bottom: 20px; } .reviews-head { flex-direction: column; } .reviews-head-left { margin-bottom: 20px; } } @media(max-width: 458px) { .reviews-head-left { flex-direction: column; } .reviews-count { padding-left: 0; margin-top: 10px; } .reviews-count::before { display: none; } } .media__date { display: none; } .media__author { z-index: 4; min-height: 35px; margin: 0 0 24px 0; padding: 0 0 17px 0; border-bottom: 1px solid #E3E3E3; font-family: "Open Sans"; display: -webkit-box; display: -ms-flexbox; display: flex; } .media__author-name p { font-weight: 700; font-size: 13px; line-height: 18px; color: #37393C; font-family: 'Exo 2'; } .media__author-name { position: relative; margin-right: 34px; } .media__author-name::after { content: ""; width: 2px; height: 14px; position: absolute; right: -19px; top: 3px; background: #5D5D5D; } .media__author-date p { font-weight: 400; font-size: 13px; line-height: 18px; color: #797979; font-family: 'Exo 2'; } .media__container-img { margin-bottom: 15px; } @media(max-width: 767px) { .media__author { margin: 0 auto 24px; max-width: 304px; } .form-reviews-stars { max-width: 300px; margin: 0 auto; } } .review-modal.communication-modal .form__group { width: 100%; } .review-modal textarea.form__input { height: auto; } .review-modal .form__group--textarea { margin-top: 0px; } .review-modal .form__group--textarea label { top: 20px; } .review-modal .callback-modal__title { max-width: 402px; } .reviews-item--null { text-align: center; padding-top: 140px; font-weight: bold; padding-bottom: 100px; } .articles-review--null { text-align: center; padding-top: 180px; font-weight: bold; padding-bottom: 180px; } @media (max-width: 768px) { .reviews-item--null { padding-top: 60px; padding-bottom: 10px; } .articles-review--null { padding-top: 60px; padding-bottom: 60px; } .review-modal .callback-modal__title { max-width: 300px; } } .team-inter-link { padding-top: 10px; font-weight: normal; display: flex; color: #000; } .team .press-info svg { left: 4px; font-size: 17px; top: 1px; } .header__nav .submenu li a.no-hover:hover { color: #e2e2e3; } .communication-modal .form__container { text-align: center; } .news-block .news__desc { margin: 0 0 90px; } .news-block .news__container-img { height: 100%; } .news-block .news__container-img img { height: auto; min-height: 290px; } .news-block .news__title { min-height: auto; } @media(max-width: 1199px) { .news-block .news__container-img img { min-height: 250px; } } @media(max-width: 991px) { .news-block .news__desc { margin: 0 0 37px; } } @media(max-width: 576px) { .news-block .news__container-img img { min-height: 200px; -o-object-fit: cover; object-fit: cover; } } .content-style ol { padding: 0 0 20px 20px; } .content-style ol li { margin-bottom: 8px; } .table_wrapper { overflow: auto; } .content-style li { font-weight: 400; color: #353637; } .security__block_show { /* padding: 0 0 24px; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .security__block_btns { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .security__block_btn { border: none; background: transparent; padding: 5px; width: 29px; height: 29px; cursor: pointer; } .security__block_btn svg { width: 100%; height: 100%; fill: #888C92; } .security__block_btn.active svg { fill: #070707; } .security__block_btn:not(:last-child) { margin-right: 5px; } .security__block-items.products-view { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-s.table-show { width: 100%; margin: 0 0 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0 10px 0 29px; } .product-s.table-show .product-s__container-img { max-width: 88px; height: 87px; min-height: 0; margin-top: 34px; margin-bottom: 34px; } .table-show { display: none; } .table-show.is-show { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: relative; } .is-hide { display: none; } .product-s.table-show .product-s__container-img img { max-width: 88px; height: 100%; object-fit: contain; max-height: 87px; margin: 0; } .product-s.table-show .product-s__title { padding: 48px 20px 5px; font-size: 18px; line-height: 22px; margin: 0; max-width: 260px; width: 100%; } .product-s.table-show .product-s__desc { padding: 0; margin: 0; height: 100px; overflow: hidden; } .product-s.table-show .product-s__desc.is-open { height: 100%; } .security .product-s.table-show:nth-of-type(4n) { margin-right: 0; } .product-s.table-show .product-s__btn { border-top: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 22px 10px 23px; border-left: 1px solid #EAEAEA; } .product-s.table-show .product-s__btn svg { top: 0; } .product__characteristic_wp { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 19px 0 14px; } .product__characteristic-btn { flex-grow: 1; height: 20px; width: 100%; } .product__characteristic-btn-link { font-weight: 400; font-size: 12px; line-height: 20px; color: rgba(69, 69, 69, 0.6); position: relative; z-index: 2; padding: 5px 0; width: 100%; } @media(max-width: 1229px) { .security__block-items.is-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .table-show.is-show { max-width: none; } .product__characteristic_wp { padding: 19px 2px 14px 2px; } } @media(max-width: 1199px) { .product-s.table-show .product-s__title { max-width: 190px; padding: 40px 10px 5px; } .product-s.table-show .product-s__btn { padding: 10px; } .product-s.table-show { padding: 0 10px 0 15px; } } @media(max-width: 767px) { /* .security__block_show{ display: none; } */ .security__block_btns { display: none; } .product-s.table-show { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } .product-s.table-show .product-s__container-img { margin: 0 0 18px; min-height: 205px; width: 100%; max-width: none; } .product-s.table-show .product-s__container-img img { max-width: 180px; max-height: 180px; margin: auto; } .product-s.table-show .product-s__title { width: 100%; padding: 0 20px; height: auto; margin-bottom: 15px; max-width: none; font-size: 22px; line-height: 1.25; } .product__characteristic_wp { padding: 32px 17px 0 21px; margin: 0 0 38px; } .product-s.table-show .product-s__btn { padding: 16px 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-left: none; border-top: 1px solid #ccd4d9; } } .security__tags-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; height: 100%; row-gap: 10px; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .security__tags-item { border: 1px solid #E2E2E2; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; } .security__tags-link { padding: 3px 10px; font-weight: 400; font-size: 14px; line-height: 19px; color: #37393C; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .security__tags-item:hover { border-color: #000; } .security__tags-item:hover .security__tags-link { color: #000; } .security__tags-title { font-weight: 700; font-size: 17px; line-height: 20px; letter-spacing: 0.03em; text-transform: uppercase; color: #37393C; margin-bottom: 20px; } .security__tags-link--bottom { padding: 10px 15px; } .security__tags-container { max-width: 1200px; padding-left: 25px; padding-bottom: 25px; margin-top: -26px; } .security__tags { width: 100%; } @media (max-width: 1440px) { .security__tags-container { padding-left: 13px; } } @media (max-width: 1200px) { .security__tags-container { padding-left: 23px; } } @media (max-width: 767px) { .security__tags { overflow: hidden; position: relative; } .security__tags::before { content: ""; position: absolute; width: 12%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; right: 0; top: 0; background: rgb(255, 255, 255); background: -o-linear-gradient(183deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(267deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1); } .security__tags-list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: scroll; max-width: 270px; padding-bottom: 10px; } .security__tags-item:last-child { position: relative; z-index: 2; } .security__block_show { padding: 0px 0 10px; } .security__tags-link { white-space: nowrap; } .security__tags-link--bottom { padding: 3px 10px; } .security__tags-title { font-size: 15px; margin-bottom: 15px; } .security__tags-list--detail { width: 100%; max-width: 100%; } } .form__container .button--white { padding: 13px 16px; } .table-show.is-show .product-s__wrapper-leftside { display: -webkit-box; display: -ms-flexbox; display: flex; } .table-show.is-show .product-s__wrapper-cardinfo { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .header__other-write-mob { display: none; } .search__icon-input { display: none; } @media(max-width: 1229px) { .header__other-write-modal { width: 23px; height: 23px; cursor: pointer; } .header__other-write-mob { margin-right: 17px; display: inline-flex; } .header__other-write-mob svg { width: 100%; height: 100%; } .header__logo { width: calc(100% - 208px); } .search { display: inline-block; margin-right: 18px; } .search__icon { font-size: 23px; opacity: 1 !important; } .search form { height: 71px; } } @media(max-width: 991px) { .button--mob { padding: 7px 15px; font-size: 12px; line-height: 16px; letter-spacing: 0.04em; } .button-modal-mob--mobile { margin-bottom: 0; text-align: left; } .security__block_show { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 25px; } .security__block_btns { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media(max-width: 767px) { .product-s__wrapper-cardinfo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 19px; } .product-s.table-show .product-s__wrapper-leftside .product-s__container-img { max-width: 88px; max-height: 87px; min-height: 0; } .product-s.table-show .product-s__wrapper-leftside .product-s__container-img img { max-width: 88px; max-height: 87px; margin-top: 10px; } .product-s.table-show .product-s__wrapper-cardinfo .product-s__title { font-size: 18px; line-height: 22px; margin-bottom: 8px; padding: 0 12px; } .product-s__wrapper-cardinfo .product__characteristic_wp { padding: 0 12px; margin: 0 0 20px; } .product-s__wrapper-cardinfo .product-s__desc { font-size: 13px; line-height: 16px; color: #454545; } .security__block:last-child { max-width: 300px; } .security .product-s { max-width: 300px; width: 100%; } .header__other-write-modal { width: 19px; height: 17px; margin-top: 1px; } .header__other-lang .mobile-lang { font-size: 17px; } .header__callback-mobile { font-size: 18px; } .sandwich .sw-topper, .sandwich .sw-bottom, .sandwich .sw-footer { width: 24px; height: 2px; } .sandwich .sw-bottom { top: 7px; } .sandwich .sw-footer { top: 14px; } .header .sandwich.is-active .sw-topper { top: 9px; } .header__other { margin: 0 15px 0 auto; } .header__sandwich { margin: 5px 0 0 0; padding: 0 11px 0 0; } .header__logo { width: 129px; padding: 0 0 0 11px; } .header__logo svg { font-size: 23px; } .search__icon { font-size: 18px; } .search form { height: 59px; top: -13px; left: 0; right: 0; width: 100%; background-color: #fff; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .search { position: initial; margin-right: 15px; } .search input[type=text] { margin-top: 15px; width: calc(100% - 50px); } .search__close { top: 21px; } .search__icon.is-disable { opacity: 0 !important; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; } .search__icon-input { display: block; position: absolute; top: 20px; right: 67px; font-size: 18px; z-index: 0; } .header__other-write-mob { margin-right: 15px; } .sandwich { width: 24px; } } @media(max-width: 991px) { .button-modal-mob--mobile { display: none; } } @media(min-width: 766px) and (max-width: 990px) { .new-solution__left-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .new-solution__left-title { margin-bottom: 50px; } } .communication-modal--price .form__group.form__group--textarea:nth-child(3) { width: 100%; } .product-s__btn--order { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 165px; position: relative; } .product-s__btn--order::before { position: absolute; content: ""; top: 50%; left: 0; width: 100%; height: 1px; display: block; background: #ccd4d9; } .is-column .product-s__btn--order::before { width: calc(100% + 10px); } .product-s__btn-wp { padding-bottom: 16px; } .is-column .product-s__btn-wp { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 0; } .product-s__btn--order-modal { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; font-weight: 600; line-height: 24px; text-transform: uppercase; letter-spacing: 0.24px; cursor: pointer; color: #000000; padding-top: 16px; } .is-column .product-s__btn--order-modal { height: 100%; padding-top: 0; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media(max-width: 1199px) { .product-s__title a { word-break: break-all; } } @media(max-width: 767px) { .is-column .product-s__btn-wp { padding-bottom: 16px; } .is-column .product-s__btn--order-modal { padding-top: 16px; } .product-s__btn--order::before { width: 100%; } } .header--dev .header__logo { margin: 0 50px 0 0; } .header--dev .header__other { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .header__other-basket-icon { font-size: 17px; color: #8D8D8D; -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .header__other-basket-link:hover .header__other-basket-icon { color: #37393C; } .header__other-basket { margin-bottom: -22px; height: 100%; position: relative; } .header__other-basket-link { position: relative; margin-right: 10px; padding-left: 13px; padding-right: 10px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 22px; } .header__other-basket-amount { position: absolute; top: -4px; right: 4px; width: 14px; height: 14px; z-index: 1; background: #37393C; padding: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; font-size: 10px; line-height: 14px; color: #FFFFFF; } .header__other-basket-dropdown { position: absolute; top: 100%; right: 0; z-index: -100; width: 362px; background: #FFFFFF; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; -webkit-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25); box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25); } .header__other-basket-dropdown.is-open { opacity: 1; visibility: visible; pointer-events: all; z-index: 10; } .header__other-basket-dropdown-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; padding: 17px 0 10px 19px; } .header__other-basket-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; border-bottom: 1px solid #E2E2E2; padding-bottom: 10px; padding-right: 49px; margin-bottom: 10px; } .header__other-basket-item:last-child { border-bottom: none; margin-bottom: 0; } .header__other-basket-item-img { height: 68px; max-width: 68px; width: 100%; padding: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #E2E2E2; } .header__other-basket-item-img img { height: 100%; width: 100%; display: block; -o-object-fit: contain; object-fit: contain; } .header__other-basket-item-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 2px; } .header__other-basket-item-name { font-family: 'Exo 2', sans-serif; font-weight: 600; font-size: 14px; color: #37393C; text-align: left; } .header__other-basket-item-amount { font-family: 'Manrope', sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; text-align: left; color: #9A9A9A; } .header__other-basket-dropdown-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .header__other-basket-dropdown-total-amount { background: #F5F5F5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 12px 20px; font-size: 16px; line-height: 22px; color: #343434; } .header__other-basket-dropdown-link { background: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 17px 20px; font-weight: 700; font-size: 12px; line-height: 16px; text-align: center; text-transform: uppercase; color: #FFFFFF; -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .header__other-basket-dropdown-link:hover { background: #1e1e1e; } .header__other-basket-item-name:hover { color: #6b8d9c; } .header--dev .search { margin-right: 0; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #000000; border-radius: 0; } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #000000; opacity: .9; } .mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCSB_scrollTools { right: -6px; } @media(max-width: 1229px) { .header--dev .header__logo { margin: 0; margin-bottom: 13px; width: calc(100% - 251px); } .header__other-basket { margin-bottom: 0; } .header__other-basket-link { padding-bottom: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .header__other-basket-icon { font-size: 22px; } .header__other-basket-icon { color: #37393C; } } @media(max-width: 767px) { .header__other-basket-icon { font-size: 19px; } .header__other-basket { position: absolute; right: 35px; height: 40px; } .header--dev .header__callback { margin-right: 50px; } .header--dev .search { margin-right: 8px; } .header__other-basket-dropdown { position: fixed; width: 100%; top: 59px; -webkit-box-shadow: 0px 8px 19px rgba(0, 0, 0, 0.25); box-shadow: 0px 8px 19px rgba(0, 0, 0, 0.25); } .header__other-basket-dropdown-top { padding: 17px 0 10px 14px; } .header__other-basket-item { padding-right: 14px; } .header--dev .header__other { margin-right: 6px; } .header--dev .header__other-write-mob { margin-right: 8px; } .header__other-basket-link { padding-left: 8px; } } .basket-page__clear { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; font-weight: 600; font-size: 14px; line-height: 20px; color: #8F9094; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: color 350ms ease-in-out; -o-transition: color 350ms ease-in-out; transition: color 350ms ease-in-out; margin-bottom: 17px; } .basket-page__clear-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; margin-right: 7px; } .basket-page__clear:hover { color: #000; } .basket-page__header { display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-columns: 70% 30%; grid-template-columns: 70% 30%; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #E2E2E2; } .basket-page__title { font-weight: 600; font-size: 10px; line-height: 20px; letter-spacing: 0.08em; text-transform: uppercase; color: #2F3133; } .basket-page__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .basket-page__item { padding: 20px 0; border-bottom: 1px solid #E2E2E2; position: relative; } .basket-page__item { display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-columns: 70% 30%; grid-template-columns: 70% 30%; } .basket-page__item-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .basket-page__item-img { max-width: 93px; width: 100%; height: 93px; padding: 14px; border: 1px solid #E2E2E2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .basket-page__item-img img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } .basket-page__item-name { font-family: 'Exo 2', sans-serif; font-weight: 600; font-size: 18px; line-height: 20px; color: #37393C; } .basket-page__item-name:hover { color: #6b8d9c; } .product-counter { display: -ms-grid; display: grid; -ms-grid-columns: 20% 60% 20%; grid-template-columns: 20% 60% 20%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #454545; max-width: 163px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .product-counter-prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; height: 100%; padding-left: 20px; } .product-counter-prev.is-active { color: #818284; } .product-counter-next.is-active { color: #818284; } .product-counter-prev.is-disabled svg { fill: #818284; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .product-counter-input { margin: 0; font-weight: 600; font-size: 18px; line-height: 25px; color: #37393C; border: none; padding: 15px 0; text-align: center; max-width: 100px; } .product-counter-next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; height: 100%; padding-right: 20px; } .product-counter-next.is-disabled svg { fill: #818284; } .basket-page__item-delete { position: relative; } .basket-page__item-delete { position: absolute; right: -10px; height: 36px; width: 36px; padding: 10px; cursor: pointer; top: calc(50% - 18px); color: #37393C; font-size: 16px; } .basket-page__item-delete:hover { color: #000000; } @media(max-width: 767px) { .basket-page__clear { margin-left: 0; margin-bottom: 25px; } .basket-page__item { -ms-grid-columns: 100%; grid-template-columns: 100%; row-gap: 22px; } .basket-page__item-info { -webkit-column-gap: 17px; -moz-column-gap: 17px; column-gap: 17px; } .basket-page__item-img { max-width: 63px; height: 63px; } .basket-page__item-name { font-size: 15px; line-height: 18px; } .product-counter { max-width: 120px; } .product-counter-input { max-width: 80px; font-size: 16px; line-height: 22px; padding: 11px 0; } .product-counter-next { padding-right: 12px; } .product-counter-prev { padding-left: 12px; } .basket-page__item-delete { top: initial; bottom: 25px; } } .basket-page__wp { margin-bottom: 40px; } .basket-page { padding-bottom: 70px; } .basket-page__order { padding: 30px 40px; background: #EFF1F7; display: flex; align-items: center; justify-content: center; } .btn-black { padding: 22px 70px; background: #000000; transition: all .35s ease-in-out; display: flex; align-items: center; justify-content: center; width: fit-content; font-weight: 700; font-size: 14px; line-height: 19px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFFFFF; } .btn-black:hover { background: #1e1e1e; } @media(max-width: 767px) { .basket-page__order { margin-left: -15px; width: calc(100% + 30px); } .btn-black { padding: 22px 40px; } } .basket-order { padding-bottom: 100px; } .basket-order__title { font-family: 'Exo 2', sans-serif; font-weight: 300; font-size: 42px; line-height: 50px; text-align: center; color: #37393C; margin-bottom: 30px; } .basket-order form { max-width: 570px; width: 100%; margin: 0 auto; } .basket-order .form__label { color: #37393C; line-height: 24px; } .basket-order .form__input { border-color: #E4E4E4; color: #37393C; } .basket-order .form__input:focus, .basket-order .form__input.has-value { border-color: #000; } .basket-order .form__textarea { height: 86px; } .form__container-bottom-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 13px; -moz-column-gap: 13px; column-gap: 13px; margin-top: 30px; } .basket-order .form__recapcha { margin-bottom: 0; padding: 0; } .basket-order .form__button { margin: 0; border-color: #37393C; color: #37393C; } .basket-order .button:before, .basket-order .button:after { border-color: #37393C; } .form__input-checkbox { margin-top: 25px; position: relative; display: flex; flex-direction: column; } .form__input-checkbox .error-message { right: inherit; position: relative; margin-bottom: 10px; transition: all .3s ease-out; } .basket-order .checkbox { font-size: 12px; line-height: 16px; color: #37393C; cursor: pointer; padding-left: 32px; display: block; order: 3; } .basket-order .checkbox>a { color: #828282; } .basket-order .checkbox span { position: relative; } .basket-order .checkbox span::before { content: ""; position: absolute; left: -32px; top: 0; width: 15px; height: 15px; background: transparent; cursor: pointer; border: 1px solid #000; } .basket-order .checkbox span::after { content: ""; position: absolute; left: -29px; top: 4px; width: 9px; height: 5px; border: 1px solid #191919; border-top: none; border-right: none; cursor: pointer; border-bottom-left-radius: 3px; -ms-transform: rotate(-53deg); -webkit-transform: rotate(-53deg); -webkit-transition: opacity 200ms ease-in-out; transform: rotate(-53deg); transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; opacity: 0; } .basket-order input:checked+.checkbox span::after { opacity: 1; } .basket-order .checkbox span a { color: #828282; } .basket-order .form__group { margin-top: 16px; } @media(max-width: 767px) { .basket-order .form__group { margin-top: 6px; } .basket-page { padding-bottom: 40px; } .basket-order { padding-bottom: 50px; } .basket-order__title { font-size: 28px; line-height: 34px; margin-bottom: 20px; } .form__container-bottom-btn { margin-top: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 13px; } .basket-order .form__button { width: 100%; } .form__input-checkbox { margin-top: 10px; } .form__input-checkbox .error-message { font-size: 10px; margin-bottom: 5px; } } .product-s__btn-basket { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #000000; } .catalog-dev .product-s__btn--order { padding: 0; } .catalog-dev .product-s__btn--order::before { content: none; } .catalog-dev .product-s__btn--order-modal { padding: 15px 0; border-top: 1px solid #EAEAEA; } .catalog-dev .product-s__btn-wp { padding: 15px 0; } .product-s__btn .product-counter { max-width: 201px; width: 100%; -ms-grid-columns: 25% 50% 25%; grid-template-columns: 25% 50% 25%; border: none; } .product-s__btn-basket .product-counter-prev { padding-left: 0; } .product-s__btn-basket .product-counter-next { padding-right: 0; } .product-s__btn-basket svg { margin: 0; font-size: 12px; left: initial; top: initial; } .product-s__btn-basket-btn { height: 100%; width: calc(100% - 201px); background: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product-s__btn-basket-btn svg { font-size: 23px; fill: #FFFFFF; } .product-s__btn-basket-btn:hover { background: #1e1e1e; } .product-s__btn-basket .product-counter-input { padding: 12px 0; } .catalog-dev.product-s.table-show .product-s__btn { padding: 0; margin-right: -10px; min-width: 206px; } .catalog-dev.product-s.table-show .product-s__btn-wp { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-dev.product-s.table-show .product-s__btn--order-modal { width: 100%; } .catalog-dev.product-s.table-show .product-s__btn-basket { width: 100%; } .catalog-dev.product-s.table-show .product-s__btn .product-counter { max-width: 137px; } .catalog-dev.product-s.table-show .product-s__btn-basket-btn { width: calc(100% - 137px); } @media(max-width: 767px) { .catalog-dev.product-s.table-show .product-s__btn { margin-right: 0; } } .section-btns__wp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 33px; width: 100%; } .section-btn__wp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 48px; -moz-column-gap: 48px; column-gap: 48px; } .section-btn .button--black::after, .section-btn .button--black::before { content: none; } .section-btn .button--black { border: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .section-btn--cost .button--black { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-btn .button--black svg { position: relative; left: initial; top: initial; font-size: 16px; fill: #2D3035; } .section-btn .button--black span { font-weight: 700; font-size: 14px; line-height: 19px; letter-spacing: 0.04em; text-transform: uppercase; -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .section-btn .button--black:hover { opacity: 0.63; } .section-btn { position: relative; } .section-btn::before { position: absolute; content: ""; height: 100%; width: 1px; left: -24px; top: 0; display: block; background: #CACBCF; } .section-btn:first-child:before { content: none; } .section-btns__counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .section-btns__counter p { margin-bottom: 0; } .section-btns__counter .product-counter { max-width: 173px; -ms-grid-columns: 25% 50% 25%; grid-template-columns: 25% 50% 25%; background: #FFFFFF; } .section-btns__counter .product-counter-prev { padding-left: 0; } .section-btns__counter .product-counter-next { padding-right: 0; } .section-btns__counter .product-counter svg { font-size: 12px; } .section-btns__counter .product-counter-input { padding: 17px 0; } .section-btns__counter .product-s__btn-basket-btn { width: 100%; font-weight: 700; font-size: 14px; line-height: 19px; letter-spacing: 0.04em; text-transform: uppercase; color: #FFFFFF; padding: 21px 38px; } .section-btns__counter-leftside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; width: calc(100% - 73px); } @media(max-width: 1199px) { .section-btns__counter .product-s__btn-basket-btn { padding: 21px 10px; } } @media(max-width: 991px) { .section-btns__counter { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .section-btns__counter-leftside { width: 100%; } .section-btn__wp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 28px; } .section-btn::before { top: -14px; width: 100%; height: 1px; left: 0; } .section-btn .button--black span { margin-left: 0; } .section-btn .button--black { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .section-btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } @media(max-width: 767px) { .section-btns__counter-leftside { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section-btns__counter .product-counter { max-width: 100%; width: 100%; } .section-btns__counter .product-counter-input { max-width: none; } .section-btns__wp { row-gap: 30px; } } @media(min-width: 1230px) { .submenu__block--right .submenu__element { margin: 0 0 30px; } } .b24-widget-button-inner-mask { background: #C70925 !important; opacity: 1 !important; } .b24-widget-button-pulse { border-color: #C70925 !important; } .banner-slider__pages { margin: 72px 0 0 77px; display: flex; flex-direction: column; gap: 6px; } .banner-slider__pages a svg { width: 10px; height: 10px; } .banner-slider__pages a { padding: 13px 15px; font-weight: 700; font-size: 14px; line-height: 19px; display: flex !important; align-items: center; background: #FFFFFFB2; width: fit-content; border: 1px solid #45454533; gap: 5px; color: #37393C; transition: all .3s ease; } .banner-slider__pages a svg path { transition: all .3s ease; } .banner-slider__pages a:hover svg path { stroke: #fff; } .banner-slider__pages a:hover { color: #fff; background: #45454599; } @media (max-width: 1229px) { .banner-slider__pages { margin: 72px 0 0 100px; } } @media (max-width: 767px) { .banner-slider__pages { margin: 50px 15px 0 15px; } .banner-slider__pages a { padding: 8px 12px; font-size: 13px; line-height: 16px; } .banner .banner-slider__title { /* margin-left: 55px; margin-right: 50px; */ } .banner .banner-slider__arrows--position { top: 80% !important; } .banner .banner-slider__slide { /* height: fit-content !important; */ } } .header__other-whatsapp { display: inline-block; vertical-align: top; margin: 0 10px 0 0; font-size: 19px; line-height: 15px; } .header__other-whatsapp svg path { transition: all .3s ease; opacity: .45; } .header__other-whatsapp:hover svg path { opacity: 1; } .dostavka { /*padding: 125px 0 159px;*/ padding: 50px 0 60px; } .bg-gray { background: #eff1f7; } .dostavka .container { max-width: 1200px; margin: 0 auto; padding: 0 22px; font-size: 0; } .dostavka__block--content>*:last-child { margin-bottom: 0; } .dostavka.company__achievements--full { padding-top: 100px; } .dostavka.company__achievements--full>div:last-child { margin-bottom: 100px; } .dostavka__block--content h2 { margin: 0 0 32px; font-family: "Exo 2", sans-serif; font-size: 35px; font-weight: 300; letter-spacing: 0.7px; color: #222528; } .dostavka__block--content h3 { margin: 0 0 15px; font-family: "Exo 2", sans-serif; font-size: 24px; font-weight: 300; letter-spacing: 0.7px; color: #222528; } .dostavka__block--content p { margin: 0 0 20px; color: #35383b; } .dostavka__block--content p { font-size: 17px; font-weight: 400; text-align: justify; line-height: 29px; letter-spacing: 0.34px; } .dostavka__block--content img { max-height: 150px; } .company__achievements.company__achievements--full.bg-gray { margin-bottom: 0; padding-bottom: 1px; } @media (max-width: 991px) { .dostavka { padding: 60px 0; } } .delivery-pay { display: flex; font-size: 15px; margin-top: 20px; flex-wrap: wrap; justify-content: space-evenly; } .delivery-pay-list { flex: 1 1 0px; } .delivery-pay-title { font-size: 16px; font-weight: bold; margin-left: 20px; } .delivery-item { display: flex; margin: 10px; align-items: center; } .delivery-item .img { display: flex; align-items: center; } .delivery-item img { width: 35px; } .delivery-item:last-child img { width: 30px; } .delivery-item .descr { padding: 5px; font-size: 13px; line-height: 15px; } .link_show-city { opacity: 1; text-decoration: underline; cursor: pointer; transition: opacity .3s ease; display: inline-block; position: relative; } .link_show-city:hover { opacity: 1; } .popup-city { display: block; position: absolute; width: 250px; top: -85px; left: -30px; z-index: -100; background: #FFFFFF; padding: 10px; opacity: 0; visibility: hidden; -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; -webkit-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25); box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25); } .popup-city:after { display: block; content: ''; width: 0px; height: 0px; border: 6px solid #fff; border-right: 6px solid transparent; border-bottom: 6px solid transparent; transform: rotate(-135deg); position: absolute; bottom: -5px; left: 45px; } @media (min-width: 991px) { .link_show-city:hover .popup-city { opacity: 1; visibility: visible; z-index: 10; } } .link_show-city.show .popup-city { opacity: 1; visibility: visible; z-index: 10; } .popup-city .close { opacity: 0; visibility: hidden; display: block; position: absolute; width: 20px; height: 20px; right: 5px; top: 5px; cursor: pointer; } .popup-city .close:before, .popup-city .close:after { display: block; content: ''; width: 20px; height: 2px; background: #000; position: absolute; top: 50%; left: 0px; transform: rotate(45deg); } .popup-city .close:after { display: block; content: ''; transform: rotate(-45deg); } .link_show-city.show .close { opacity: 1; visibility: visible; } @media (max-width:425px) { /* .delivery-pay { display: block; }*/ .popup-city { left: -100px; } .popup-city:after { left: 115px; } } @media (min-width: 2560px) { body { max-width: 1200px; width: 100%; margin: 0 auto; } .header { max-width: 1200px; width: 100%; left: 50%; transform: translateX(-50%); padding: 12px 15px 9px 15px; } .security .product-s { width: 30.8%; } .wrap { margin-top: 20px; } .header .container { padding-right: 15px !important; padding-left: 15px !important; } .header__nav .new-menu-header .product-menu .submenu__block:not(.submenu__block--right) .submenu__element:last-child { left: 15px; } .header__nav .close-menu { right: 15px; } .container { /* padding: 0 25px !important; */ padding-right: 50px !important; padding-left: 50px !important; } section { border-radius: 5px; } .banner, .trust { border-radius: 5px; overflow: hidden; } .trust__container-img { width: 140px; } .footer { margin-top: 20px; border-radius: 5px; overflow: hidden; } .media .container, .certificates .container { padding-right: 0 !important; padding-left: 0 !important; } .media__arrows { left: 50%; width: 115%; transform: translateX(-50%); } .media .slick-list { /* padding: 0 50px !important; */ } .banner .banner-slider__arrows--position { top: 8% !important; } .banner .banner-slider__arrows { width: 1100px; } .banner-height .banner .banner-slider__slide { padding: 50px 100px !important; } .certificates { padding-right: 50px; padding-left: 50px; } .certificates__slide { width: 245px; } .trust .container { padding-right: 105px !important; padding-left: 105px !important; } .title { padding: 0 50px; } .developers__slide { width: 248px; } .new-solution-detail-slider .section-products__slide.product-s { min-width: 245px; } } @media (min-width: 1230px) { .submenu-mob { display: none !important; } } .submenu-mob { display: none; } .newsub .mCSB_container { margin: 0; } .newsub .mCSB_scrollTools { right: 0px; width: 5px; } .newsub .mCSB_scrollTools .mCSB_draggerContainer { right: 0; width: 100%; background: rgba(0, 0, 0, 0.0509803922); } .newsub .mCSB_scrollTools .mCSB_draggerRail { background: transparent; border-radius: 0; width: 2px; } .newsub .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #5E5E5E; margin: 0; width: 5px; } .newsub { height: 347px; display: flex; gap: 24px; } @media (max-width: 1230px) { .newsub { display: block; height: 100%; width: 100%; } } .newsub__main { max-width: 298px; min-width: 298px; border-right: 2px solid #FFFFFF36; } .newsub__main-wp { padding-right: 20px; display: flex; flex-direction: column; gap: 10px; } .header__nav .newsub .newsub__main-item { display: flex; justify-content: space-between; align-items: center; gap: 6px; border-radius: 4px; padding: 8px 10px; transition: all .3s ease; } .header__nav .newsub .newsub__main-item.active { background: #FFFFFF33; } .header__nav .newsub .newsub__main-item:hover { background: #FFFFFF33; } .header__nav .newsub .newsub__main-item-name { font-weight: 600; font-size: 14px !important; line-height: 16px; color: #FFFFFF; display: flex; align-items: center; gap: 6px; } .newsub__main-item-name svg { min-width: 20px; max-width: 20px; height: 20px; } .newsub__main-item .icon-arrow-right { width: 8px; height: 8px; color: #A3A3A3 !important; opacity: 1 !important; } .newsub__sub { width: 100%; } .newsub__sub-content.active { display: flex; gap: 35px; } .newsub__sub-content { display: none; height: 100%; } .newsub__sub-content-main { border-right: 1px solid #FFFFFF26; min-width: 270px; max-width: 270px; } .newsub__sub-content-main-wp { padding-right: 35px; display: flex; flex-direction: column; gap: 10px; } .newsub__sub-content-main-item { display: flex; gap: 4px; align-items: center; font-weight: 400; font-size: 14px !important; line-height: 19px; transition: all .3s ease !important; color: rgba(255, 255, 255, 0.9); } .newsub__sub-content-main-item:hover { color: #fff; } .newsub__sub-content-main-item svg { min-width: 8px; max-width: 8px; height: 8px; } .newsub__sub-content-main-item.active { border-radius: 4px; padding: 8px 10px; background: #FFFFFF33; color: #fff; } .newsub__sub-content-three { width: 100%; } .newsub__sub-content-three-content { display: none; height: 100%; gap: 35px; } .newsub__sub-content-three-content.active { display: flex; } .newsub__sub-content-three-content-main { max-width: 270px; min-width: 270px; border-right: 1px solid #FFFFFF26; } .newsub__sub-content-three-content-main-wp { display: flex; flex-direction: column; padding-right: 20px; gap: 10px; } .newsub__sub-content-three-content-main-item { font-weight: 400; font-size: 14px !important; line-height: 19px; color: rgba(255, 255, 255, 0.8); transition: all .3s ease; display: flex; align-items: center; gap: 4px; } .newsub__sub-content-three-content-main-item svg { width: 8px; height: 8px; color: #FFFFFF8C; } .newsub__sub-content-three-content-main-item:hover { color: #FFFFFF; } .newsub__sub-content-three-content-main-item.active { color: #FFFFFF; padding: 8px 10px; border-radius: 4px; background: #FFFFFF33; } .newsub__sub-content-three-content-four-content-link { display: block; font-weight: 400; font-size: 14px !important; line-height: 19px; color: rgba(255, 255, 255, 0.8); } .newsub__sub-content-three-content-four-content { max-width: 270px; min-width: 270px; height: 100%; } .newsub__sub-content-three-content-four-content-wp { display: none; flex-direction: column; gap: 10px; } .newsub__sub-content-three-content-four-content.active .newsub__sub-content-three-content-four-content-wp { display: flex; } .newsub__sub-content-three-content-four-content-link { font-weight: 400; font-size: 14px !important; line-height: 19px; color: rgba(255, 255, 255, 0.8); transition: all .3s ease; } .newsub__sub-content-three-content-four-content-link:hover { color: #fff; } .newsub-mob__item-sub { display: none; } .newsub-mob__item { transition: padding .3s ease, background .3s ease, margin .3s ease; border-radius: 6px; } .newsub-mob__item-head { display: flex; align-items: center; gap: 12px; padding: 15px 0; border-bottom: 1px solid #FFFFFF33; } .newsub-mob__item:last-child .newsub-mob__item-head { border-color: transparent; } .newsub-mob__item:last-child.active .newsub-mob__item-head { border-color: #ffffff33; } .newsub-mob__item-head-link { display: flex; align-items: center; gap: 6px; font-weight: 600; font-size: 14px !important; line-height: 16px; color: #FFFFFF; width: 80%; } .newsub-mob__item-head-link svg { min-width: 20px; max-width: 20px; height: 20px; } .newsub-mob__item-head-arrow { display: flex; justify-content: end; align-items: center; width: 20%; } .newsub-mob__item-head-arrow svg { width: 14px; height: 14px; color: #FFFFFF8C; transition: scale .3s ease; } .newsub-mob__item.active .newsub-mob__item-head-arrow svg { scale: -1; } .newsub-mob__item.active { padding: 0 10px; padding-bottom: 10px; background: #FFFFFF29; } .container:has(.newsub-mob) { padding: 0 !important; } .newsub-mob__item:has(+.active) .newsub-mob__item-head { border-color: transparent; } .newsub-mob__item.active:has(+.active) { margin-bottom: 10px; } .newsub-mob__item:has(.newsub-mob__item-sub .newsub-mob__item-sub-item:first-child.active) .newsub-mob__item-head { border-color: transparent; } .newsub-mob__item-sub-item-head { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #FFFFFF1A; transition: all .3s ease; } .newsub-mob__item-sub-item:last-child:not(.active) .newsub-mob__item-sub-item-head { padding-bottom: 0; } .newsub-mob__item-sub-item:last-child .newsub-mob__item-sub-item-head { border-color: transparent; } .newsub-mob__item-sub-item:has(+.active) .newsub-mob__item-sub-item-head { border-color: transparent; } .newsub-mob__item-sub-item.active .newsub-mob__item-sub-item-head { border-color: #FFFFFF1A; } .newsub-mob__item-sub-item-head-link { display: block; width: 80%; font-weight: 400; font-size: 14px !important; line-height: 19px; color: rgba(255, 255, 255, 0.9); } .newsub-mob__item-sub-item-head-arrow { display: flex; align-items: center; justify-content: end; width: 20%; } .newsub-mob__item-sub-item-head-arrow svg { width: 14px; height: 14px; color: #FFFFFF8C; transition: scale .3s ease; } .newsub-mob__item-sub-item.active .newsub-mob__item-sub-item-head-arrow svg { scale: -1; } .newsub-mob__item-sub-item { transition: all .3s ease; border-radius: 6px; } .newsub-mob__item-sub-item.active { padding-left: 10px; padding-right: 10px; background: #FFFFFF33; } .newsub-mob__item-sub-item.active:has(+.active) { margin-bottom: 10px; } .newsub-mob__item-sub-item-three { display: none; padding-top: 8px; padding-bottom: 13px; } .newsub-mob__item-sub-item-three-item { border-bottom: 1px solid transparent; margin-bottom: 10px; } .newsub-mob__item-sub-item-three-item:last-child { margin-bottom: 0; } .newsub-mob__item-sub-item-three-item:not(:last-child).active { border-color: #FFFFFF1A; } .newsub-mob__item-sub-item-three-item-head { display: flex; align-items: center; gap: 12px; border-radius: 4px; transition: all .3s ease; } .newsub-mob__item-sub-item-three-item-head-link { display: block; width: 80%; transition: color .3s ease; font-weight: 400; font-size: 14px !important; line-height: 19px; color: rgba(255, 255, 255, 0.8); } .newsub-mob__item-sub-item-three-item-head-arrow { width: 20%; display: flex; align-items: center; justify-content: end; } .newsub-mob__item-sub-item-three-item-head-arrow svg { width: 14px; height: 14px; color: #FFFFFF8C; transition: scale .3s ease; } .newsub-mob__item-sub-item-three-item.active .newsub-mob__item-sub-item-three-item-head-arrow svg { scale: -1; } .newsub-mob__item-sub-item-three-item.active .newsub-mob__item-sub-item-three-item-head-link { color: #fff; } .newsub-mob__item-sub-item-three-item.active .newsub-mob__item-sub-item-three-item-head { padding: 10px; background: #FFFFFF33; } .newsub-mob__item-sub-item-three-item-four { padding-top: 10px; padding-bottom: 12px; border-bottom: 1px solid #FFFFFF1A; display: none; } .newsub-mob__item-sub-item-three-item-four:last-child { border-color: transparent; } .newsub-mob__item-sub-item-three-item-four-link { display: block; padding: 0 10px; margin-bottom: 10px; font-weight: 400; font-size: 14px !important; line-height: 19px; color: rgba(255, 255, 255, 0.8); } .newsub-mob__item-sub-item-three-item-four-link:last-child { margin-bottom: 0; } .footer--new { background: #000000; padding: 0; } .footer--new .footer__top { max-width: none; padding: 20px 0; border: 0; } .footer--new .footer__top-block { padding: 0; } .footer--new {} .footer--new {} .footer--new {} .footer__menu { background: #18181C; padding: 40px 0; } .footer__menu-wp {} .footer__menu-main { display: flex; gap: 20px; align-items: start; } .footer__menu-title { font-family: 'Exo 2'; font-weight: 700; font-size: 18px; line-height: 22px; letter-spacing: 0.08em; color: #FFFFFF; margin-bottom: 20px; display: block; width: fit-content; transition: all .3s ease; } .footer__menu-title:hover { color: #FFFFFF99; } .footer__menu-main-products { width: 100%; } .footer__menu-main-products-menu { display: flex; flex-direction: column; gap: 1px; } .footer__menu-main-products-menu-item { padding: 16px 20px; background: #FFFFFF0D; transition: all .3s ease; } .footer__menu-main-products-menu-item.active { padding: 20px; } .footer__menu-main-products-menu-item-head { display: flex; gap: 12px; } .footer__menu-main-products-menu-item-head-arrow { width: 40%; height: auto; display: flex; align-items: center; justify-content: end; cursor: pointer; } .footer__menu-main-products-menu-item-head-arrow svg { width: 14px; height: 14px; color: #FFFFFF8C; transition: all .3s ease; } .footer__menu-main-products-menu-item.active .footer__menu-main-products-menu-item-head-arrow svg { scale: -1; } .footer__menu-main-products-menu-item-head-link { width: 60%; display: block; font-weight: 700; font-size: 14px; line-height: 19px; color: #FFFFFF; display: flex; gap: 12px; align-items: center; transition: all .3s ease; } .footer__menu-main-products-menu-item-head-link svg { min-width: 20px; max-width: 20px; height: 20px; opacity: .6; } .footer__menu-main-products-menu-item-dropdown { display: none; padding-top: 30px; margin-top: 20px; border-top: 1px solid #FFFFFF1A; } .footer__menu-main-products-menu-item-dropdown-wp { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .footer__menu-main-products-menu-item-dropdown .footer__menu-main-products-menu-item-dropdown-block-name { display: block; font-weight: 600; font-size: 14px; line-height: 19px; color: #FFFFFF; width: fit-content; transition: all .3s ease; } .footer__menu-main-products-menu-item-dropdown .footer__menu-main-products-menu-item-dropdown-block-name:hover { color: #FFFFFF99; } .footer__menu-main-products-menu-item-dropdown-block-items { display: flex; margin-top: 20px; padding-left: 16px; flex-direction: column; gap: 14px; } .footer__menu-main-products-menu-item-dropdown-block-items-link { display: block; width: fit-content; font-weight: 400; font-size: 14px; line-height: 19px; color: #FFFFFF; transition: all .3s ease; } .footer__menu-main-products-menu-item-dropdown-block-items-link:hover { color: #FFFFFF99; } .footer__menu-main-products-menu-item:hover { background-color: #FFFFFF26; } .footer__menu-main-products-menu-item-head-link:hover { color: #FFFFFF99; } .footer__menu-main-solutions-wp { width: 100%; } .footer__menu-main-solutions { width: 100%; } .footer__menu-main-solutions-items { display: grid; gap: 2px; grid-template-columns: repeat(3, 1fr); } .footer__menu-main-solutions-items-item { display: flex; flex-direction: column; justify-content: space-between; gap: 10px; min-height: 127px; padding: 12px; background: #FFFFFF0D; font-weight: 400; font-size: 14px; line-height: 19px; color: #FFFFFF; transition: all .3s ease; } .footer__menu-main-solutions-items-item svg { min-width: 18px; max-width: 18px; height: 18px; color: #FFFFFFB2; } .footer__menu-main-solutions-items-item:hover { background-color: #FFFFFF26; } .footer__menu-secondary { display: flex; align-items: start; gap: 30px; margin-top: 50px; position: relative; } .footer__menu-block { width: 100%; } .footer__menu-block-items { display: flex; flex-direction: column; gap: 20px; } .footer__menu-block-items-item { font-family: 'Exo 2'; font-weight: 400; font-size: 17px; line-height: 120%; color: #919191; transition: all .3s ease; } .footer__menu-block-items-item:hover { color: #E0E0E0; } .footer--new .footer__socials { margin: 0; max-width: 273px; width: 100%; } .footer--new .footer__socials-items { gap: 17px; } .footer--new .footer__socials-items-item { width: 36px; height: 36px; transition: all .3s ease; } .footer--new .footer__socials-items-item svg { width: 100%; height: 100%; } .footer--new .footer__socials-items-item:hover { opacity: 0.6; } .footer__menu-info { margin-top: 50px; font-family: 'Exo 2'; font-weight: 400; font-size: 12px; line-height: 14px; color: #686868; } .footer__menu-block-head-arrow { display: none; } .footer--new .footer__top .container { display: flex; justify-content: space-between; } .footer--new .footer-bottom { background: #27282C; } .footer--new .footer__top-block:nth-of-type(1) { padding-left: 0; } .footer--new .footer-bottom__block { padding: 0; } .footer--new .footer-bottom a, .footer--new .footer-bottom p { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; color: #535355; } .footer--new .footer-bottom a.planet { background-color: transparent; display: flex; align-items: center; justify-content: end; width: 100%; } .footer__menu-secondary-wp { width: 100%; padding-right: 30px; margin-left: auto; display: flex; flex-direction: column; margin-top: 50px; gap: 40px; } .footer__menu-secondary-nav { display: flex; gap: 14px; } .footer__menu-secondary-contacts-content { display: grid; justify-content: space-between; gap: 20px; grid-template-columns: 250px 195px; } .footer__menu-secondary-contacts-content-block { display: flex; flex-direction: column; gap: 20px; } .footer__menu-secondary-contacts-content-block:nth-child(1) {} .footer__menu-secondary-contacts-content-block:nth-child(2) { gap: 30px; } .footer__menu-secondary-contacts-content-line-name { font-weight: 400; font-size: 16px; line-height: 120%; color: #FFFFFF; } .footer__menu-secondary-contacts-content-line-val p, .footer__menu-secondary-contacts-content-line-val a { font-weight: 400; font-size: 16px; line-height: 120%; color: #919191; } .footer__menu-secondary-contacts-content-line-val--phone a { text-decoration-line: underline; } .footer__menu-secondary-text { font-weight: 400; font-size: 14px; line-height: 17px; color: #919191; } .footer__menu-secondary-info-content { font-weight: 400; font-size: 16px; line-height: 120%; color: #919191; } @media (max-width: 1229px) { .footer--new .footer__callback { display: block; } .footer--new .footer__top-block { text-align: left; } .footer--new .footer__top .container { display: block; } } @media (max-width: 368px) { .form__recapcha { scale: 0.86; transform: translateX(-25px); } } @media (min-width: 992px) { .footer__menu-secondary-nav .footer__menu-block:nth-child(1) { max-width: 33%; } .footer__menu-secondary-nav .footer__menu-block:nth-child(2) { max-width: 66%; } .footer__menu-secondary-nav .footer__menu-block:nth-child(2) .footer__menu-block-items { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 45px; } } @media (max-width: 991px) { .footer__menu-secondary-nav { flex-direction: column; gap: 20px; } .footer__menu-secondary-contacts-content { gap: 12px; margin-top: 16px; grid-template-columns: 1fr; } .footer__menu-secondary-contacts-content-block { gap: 12px !important; } .footer__menu-secondary-info-content { margin-top: 16px; } .footer__menu-info { margin-top: 30px; font-size: 12px; line-height: 14px; } .footer__menu-secondary-wp { max-width: none; gap: 20px; margin-top: 30px; } .footer--new .footer__top-block { margin-bottom: 16px !important; } .footer--new .footer__top-block:last-child { margin-bottom: 0px !important; } .footer--new .footer__callback { line-height: 18px; } .footer--new .footer__phone { margin-bottom: 0; line-height: 24px; } .footer__menu { padding: 20px 0; } .footer__menu-main { flex-direction: column; } .footer__menu-main-products-menu-item { padding: 10px 10px; } .footer__menu-main-products-menu-item.active { padding: 14px 10px; background: #FFFFFF14; } .footer__menu-main-products-menu-item-dropdown-wp { display: flex; gap: 0; flex-direction: column; } .footer__menu-main-products-menu-item-dropdown-block { border-top: 1px solid #FFFFFF1A; padding: 16px 0; } .footer__menu-main-products-menu-item-dropdown-block:last-child { padding-bottom: 0; } .footer__menu-main-products-menu-item-dropdown { padding-top: 0; border: 0; } .footer__menu-main-products-menu-item-head-arrow { padding: 6px 0; } .footer__menu-main-products-menu-item-dropdown-block-items { margin-top: 16px; padding-left: 20px; gap: 10px; } .footer__menu-main-products-menu-item-dropdown-block-items-link:not(:last-child) { padding-bottom: 8px; } .footer__menu-main-solutions-items { display: flex; flex-direction: column; gap: 2px; } .footer__menu-main-solutions-items-item { display: flex; flex-direction: row; justify-content: start; align-items: center; gap: 8px; font-weight: 400; font-size: 14px; line-height: 19px; min-height: auto; } .footer__menu-main-solutions-items-item br { display: none; } .footer--new .footer__socials-items { margin: 0; } .footer__menu-secondary { flex-direction: column; margin-top: 30px; gap: 16px; } .footer__menu-block-head-arrow { display: flex; align-items: center; justify-content: end; width: 30%; } .footer__menu-block-head .footer__menu-title { width: 70%; display: block; margin-bottom: 0; } .footer__menu-block-head { display: flex; align-items: center; gap: 12px; } .footer__menu-block-head-arrow svg { width: 10px; height: 10px; color: #FFFFFF8C; transition: all .3s ease; } .footer__menu-block.active .footer__menu-block-head-arrow svg { scale: -1; } .footer__menu-block-items-item { display: block; margin-bottom: 8px; } .footer__menu-block-items-item:last-child { margin: 0; } .footer__menu-block-items { display: none; margin-top: 16px; } } .news-detail { display: block; padding-bottom: 60px; width: 100%; } .news-detail::after { content: ""; display: table; clear: both; } .news-detail .preview img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; } @media (min-width: 769px) { .news-detail .preview { float: left; width: calc(50% - 70px); max-width: none; max-height: 400px; height: 100%; text-align: left; margin: 0; margin-bottom: 40px; margin-right: 70px; display: inline-block; } } .security__block-text { margin-bottom: 40px; font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: 0.3px; font-family: 'Open Sans', sans-serif; color: rgba(0, 0, 0, 0.8); } @media (max-width: 991px) { .security__block-text { margin-bottom: 20px; } } .product-tags { padding: 50px 0; } .product-tags__wp { display: flex; flex-wrap: wrap; gap: 10px; } .product-tags__tag { background: #F0F0F0; padding: 5px 10px; font-weight: 400; font-size: 13px; line-height: 17px; letter-spacing: 0.28px; color: #6D6D6D; } @media (max-width: 991px) { .product-tags { padding: 40px 0; } } /* End */ /* Start:/bitrix/templates/.default/css/custom.css?179119821199177*/ @import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap'); .catalog-new { padding: 0 0 85px; background: url("/bitrix/templates/.default/css/../assets/img/catalog-new-bg.png") no-repeat; background-position: center; background-size: cover; } .catalog-new .container { max-width: 1200px; margin: 0 auto; padding: 0 22px; } .catalog-new .breadcrumbs li span { color: #FFFFFF; } .catalog-new .breadcrumbs li:not(:first-child) span::after { background: #FFFFFF; } .catalog-new .big-title .title { color: #FFFFFF; } .catalog-new__pricelist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; background: #D6D6D6; } .catalog-new__pricelist-icon { padding: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-new__pricelist-icon svg { font-size: 12px; fill: #37393C; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .catalog-new__pricelist-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 9px 19px 9px 15px; background: #FFFFFF; font-weight: 600; font-size: 10px; line-height: 14px; letter-spacing: 0.65px; text-transform: uppercase; color: #000000; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .catalog-new__pricelist-size { font-weight: 400; color: #888C92; } .catalog-new__pricelist:hover svg { fill: #000000; } .catalog-new__pricelist:hover .catalog-new__pricelist-text { color: #6d6d6d; } .catalog-new__top { margin-bottom: 30px; } .catalog-new__wp { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr; grid-template-columns: repeat(5, 1fr); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 10px; } .catalog-new__item { padding: 20px 31px 20px 15px; background: rgba(255, 255, 255, 0.1); position: relative; min-height: 131px; border: 1px solid transparent; -webkit-transition: all 350ms ease-in-out 350ms; -o-transition: all 350ms ease-in-out 350ms; transition: all 350ms ease-in-out 350ms; } .catalog-new__item:hover { border: 1px solid rgba(255, 255, 255, 0.5); } .catalog-new__item::before { content: ''; position: absolute; top: 50%; bottom: 50%; width: 2px; left: 0; margin: auto; border: 2px solid transparent; -webkit-transition: top 150ms ease-in-out 350ms, bottom 150ms ease-in-out 350ms, width 350ms ease-in-out, opacity 150ms ease-in-out 350ms, border-color 350ms ease-in-out; -o-transition: top 150ms ease-in-out 350ms, bottom 150ms ease-in-out 350ms, width 350ms ease-in-out, opacity 150ms ease-in-out 350ms, border-color 350ms ease-in-out; transition: top 150ms ease-in-out 350ms, bottom 150ms ease-in-out 350ms, width 350ms ease-in-out, opacity 150ms ease-in-out 350ms, border-color 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; opacity: 0; z-index: 2; border-right: none; } .catalog-new__item:hover::before { opacity: 1; top: -1px; bottom: -1px; width: 16px; border-color: #FFFFFF; -webkit-transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; -o-transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; } .catalog-new__item::after { content: ''; position: absolute; top: 50%; bottom: 50%; width: 2px; right: 0; margin: auto; border: 2px solid transparent; -webkit-transition: top 150ms ease-in-out 350ms, bottom 150ms ease-in-out 350ms, width 350ms ease-in-out, opacity 150ms ease-in-out 350ms, border-color 350ms ease-in-out; -o-transition: top 150ms ease-in-out 350ms, bottom 150ms ease-in-out 350ms, width 350ms ease-in-out, opacity 150ms ease-in-out 350ms, border-color 350ms ease-in-out; transition: top 150ms ease-in-out 350ms, bottom 150ms ease-in-out 350ms, width 350ms ease-in-out, opacity 150ms ease-in-out 350ms, border-color 350ms ease-in-out; -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; opacity: 0; z-index: 2; border-left: none; } .catalog-new__item:hover::after { opacity: 1; top: -1px; bottom: -1px; width: 16px; border-color: #FFFFFF; -webkit-transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; -o-transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; transition: top 350ms ease-in-out, bottom 350ms ease-in-out, width 350ms ease-in-out 350ms, opacity 350ms ease-in-out; } .catalog-new__item-name { font-size: 16px; line-height: 20px; color: #FFFFFF; } .catalog-new__item-icon { position: absolute; right: 10px; bottom: 20px; width: 20px; height: 20px; } .catalog-new__item-icon::after { content: ''; display: block; position: absolute; right: 0; bottom: 0; width: 10px; height: 10px; border-right: 2px solid rgba(255, 255, 255, 0.3); border-bottom: 2px solid rgba(255, 255, 255, 0.3); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .catalog-new__item:hover .catalog-new__item-icon::after { border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; } @media(max-width: 1199px) { .catalog-new__wp { grid-template-columns: repeat(4, 1fr); } .catalog-new .container { padding: 0 15px; } } @media(max-width: 991px) { .catalog-new__wp { grid-template-columns: repeat(3, 1fr); } } @media(max-width: 767px) { .catalog-new__wp { width: calc(100% + 15px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px; overflow-x: auto; padding-right: 40px; padding-bottom: 17px; } .catalog-new__item { padding: 10px 25px 20px 10px; min-height: unset; display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-new__item-name { font-size: 14px; line-height: 18px; } .catalog-new__item-icon { bottom: 15px; } .catalog-new .big-title .title { margin-bottom: 22px; } .catalog-new__top { margin-bottom: 40px; } .catalog-new__pricelist { margin-left: 0; } .catalog-new__pricelist-text { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 10px 13px 10px 15px; } .catalog-new__pricelist-icon { padding: 11px; } .catalog-new { padding: 0 0 39px; } } .question { padding: 78px 0 88px; background: #EFF1F7; } .question__wp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .question__text.content p { font-weight: 300; font-size: 18px; line-height: 28px; color: #000000; margin: 0 0 24px; } .question__text.content p:last-child { margin: 0; } .question__leftside { max-width: 800px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 34px; } .question__photo { margin-left: auto; padding: 32px 40px 27px; background: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 12px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .question__photo-img { height: 170px; width: 170px; } .question__photo-img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .question__photo-desc-name { font-size: 18px; line-height: 25px; color: #000000; margin-bottom: 2px; } .question__photo-desc-post { font-size: 12px; line-height: 16px; color: #000000; } .question__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .question .btn-black { padding: 18px 30px; max-width: 235px; width: 100%; } .question__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 18px 40px; background: #FFFFFF; } .question__contacts-title { font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0.03em; text-transform: uppercase; color: #000000; } .question__contacts-link-wp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 28px; -moz-column-gap: 28px; column-gap: 28px; } .question__contacts-link { font-weight: 300; font-size: 16px; line-height: 22px; color: #474E54; position: relative; -webkit-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; } .question__contacts-link:not(:first-child)::before { position: absolute; content: ""; width: 1px; height: 100%; left: -14px; top: 0; display: block; background: #E3E3E3; } .question__contacts-link:hover { opacity: .6; } @media(max-width: 1229px) { .question__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 25px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media(max-width: 991px) { .question__contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } } @media(max-width: 767px) { .question__wp { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; row-gap: 26px; } .question { padding: 35px 0 41px; } .question__leftside { row-gap: 24px; } .question__text.content p { font-size: 14px; line-height: 20px; margin: 0 0 14px; } .question .btn-black { padding: 17px 37px; max-width: none; } .question__block { row-gap: 16px; } .question__contacts { width: 100%; padding: 18px 15px; row-gap: 10px; } .question__photo { margin-left: 0; padding: 15px 14px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } .question__photo-img { height: 77px; width: 77px; } } @media(max-width: 576px) { .question__contacts-link { font-size: 14px; line-height: 16px; } } .catalog-section-list { padding: 60px 0 30px; } .catalog-section__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; } .catalog-section__title { font-family: "Exo 2", sans-serif; font-weight: 300; font-size: 42px; line-height: 50px; color: #163047; } .catalog-section__show-all { margin-left: auto; padding: 10px 25px 10px 15px; border: 1px solid #F0F0F0; font-size: 12px; line-height: 20px; text-align: center; letter-spacing: 0.6px; text-transform: uppercase; color: #000000; -webkit-transition: all .35s ease-out; -o-transition: all .35s ease-out; transition: all .35s ease-out; position: relative; white-space: nowrap; } .catalog-section__show-all:hover { border-color: #000; } .catalog-section__show-all::after { position: absolute; content: ""; width: 6px; height: 6px; right: 15px; top: calc(50% - 3px); border-top: 1px solid #000000; border-right: 1px solid #000000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .catalog-section__prod-wp { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr; grid-template-columns: repeat(4, 1fr); -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .catalog-section-list .product-s { width: 100%; margin: 0; } .catalog-section-list .product-s__btn-basket-btn { height: 49px; } .catalog-section-list__wp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 60px; } @media(max-width: 1229px) { .catalog-section-list .product-s__btn .product-counter { max-width: 156px; } .catalog-section-list .product-s__btn-basket-btn { width: calc(100% - 156px); } } @media(max-width: 991px) { .catalog-section__prod-wp { grid-template-columns: repeat(2, calc(50% - 15px)); row-gap: 30px; } .catalog-section-list .product-s { max-width: none; } .catalog-section__heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; row-gap: 20px; } .catalog-section__show-all { margin-left: 0; } } @media(max-width: 767px) { .catalog-section-list { padding: 30px 0 20px; } .catalog-section__heading { row-gap: 10px; margin-bottom: 20px; } .catalog-section__title { font-size: 28px; line-height: 34px; } .catalog-section__show-all { font-size: 12px; line-height: 20px; } .catalog-section__prod-wp { grid-template-columns: repeat(2, calc(50% - 3px)); -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; row-gap: 5px; } .catalog-section-list .product-s__container-img { min-height: 121px; max-height: 121px; height: 121px; padding: 11px 9px; margin-bottom: 14px; } .catalog-section-list .product-s__container-img img { min-height: 100%; max-height: 100%; } .catalog-section-list .product-s__title { line-height: 18px; margin-bottom: 7px; } .catalog-section-list .product-s__title a { font-size: 16px; line-height: 18px; font-weight: 600; color: #37393C; } .catalog-section-list .product-s__btn--order { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-section-list .product-s__btn-basket { width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .catalog-section-list .product-s__btn-wp { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .catalog-section-list .product-s__btn-wp, .catalog-section-list .product-s__btn--order-modal { width: 50%; } .catalog-section-list .product-s__btn--order-modal { border-top: none; border-right: 1px solid #EAEAEA; } .catalog-section-list .product-s__btn-wp svg, .catalog-section-list .product-s__btn--order-modal svg { margin-right: 0; font-size: 16px; left: 0; } .catalog-section-list .product-s__btn--order-modal svg { font-size: 20px; top: 3px; } .catalog-section-list .product-s__btn-wp .text { display: none; } .catalog-section-list .product-s__btn--order-modal .text { display: none; } .catalog-section-list__wp { row-gap: 40px; } } @media(max-width: 576px) { .catalog-section-list .product-s__btn .product-counter { max-width: 94px; } .catalog-section-list .product-s__btn-basket-btn { width: calc(100% - 94px); } .catalog-section-list .product-s__desc { padding: 0 12px 0 10px; } .catalog-section-list .catalog-dev .product-s__desc { word-break: break-word; } .catalog-section-list .catalog-dev .product-s__title { height: auto; } .catalog-section-list .catalog-dev .product-s__container-img img { width: inherit; object-fit: contain; } .catalog-section-list .product-s__title { padding: 0 12px 0 10px; } .catalog-section-list .product-s__btn--order { min-width: unset; } } .usage { padding: 20px 0 30px; } .usage__list { max-width: 950px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 10px; } .usage__list-tag { padding: 10px 15px 12px; font-size: 14px; line-height: 19px; text-align: center; color: #37393C; border: 1px solid #E5E5E5; -webkit-transition: all .35s ease-out; -o-transition: all .35s ease-out; transition: all .35s ease-out; white-space: nowrap; } .usage__list-tag:hover { border-color: #000; } @media(max-width: 767px) { .usage__list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; row-gap: 5px; } .usage { padding: 20px 0; } .usage__list-tag { white-space: normal; text-align: left; } } .prod-slider { padding: 20px 0 60px; } .prod-slider__slider { width: calc(100% - 100px); margin: 0 auto; } .prod-slider__slide { background: url('/bitrix/templates/.default/css/../assets/img/prod-slider-bg.png'); background-size: cover; background-position: center; padding: 18px 118px 0 95px; } .prod-slider__slide-wp { display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-template-columns: repeat(2, 1fr); height: 100%; position: relative; } .prod-slider__slide-img-wp { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; width: 100%; } .prod-slider__slide-img { height: 223px; max-width: 270px; margin: 0 auto; display: block; } .prod-slider__slide-img img { display: block; height: 100%; -o-object-fit: contain; object-fit: contain; } .prod-slider__slide-desc { padding: 16px 0 38px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 15px; margin-left: auto; } .prod-slider__slide-title { font-family: 'Exo 2', sans-serif; font-weight: 300; font-size: 28px; line-height: 34px; color: #FFFFFF; -webkit-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .prod-slider__slide-title:hover { opacity: .6; } .prod-slider__slide-text { font-size: 14px; line-height: 19px; color: #FFFFFF; } .prod-slider__slide .btn-black { padding: 2px 21px; font-size: 12px; line-height: 29px; background: #37393C; } .prod-slider__slide .btn-black:hover { background: #2a2b2d; } .prod-slider .container { position: relative; } .prod-slider__arrow { position: absolute; top: calc(50% - 21px); padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .prod-slider__arrow svg { stroke: #394B54; font-size: 22px; -webkit-transition: stroke 350ms ease-in-out; -o-transition: stroke 350ms ease-in-out; transition: stroke 350ms ease-in-out; } .prod-slider__arrow--left { left: -5px; } .prod-slider__arrow--right { right: -5px; } .prod-slider__arrow:hover svg { stroke: #39576b; } @media(max-width: 1679px) { .prod-slider__slide-img { margin-left: 0; } } @media(max-width: 1199px) { .prod-slider__slide { padding: 0 30px; } } @media(max-width: 991px) { .prod-slider__slide-wp { -ms-grid-columns: 100%; grid-template-columns: 100%; row-gap: 20px; } .prod-slider__slide { background: #FFFFFF; width: 100%; padding: 0 5px; } .prod-slider__slide-img-wp { background: url('/bitrix/templates/.default/css/../assets/img/prod-slider-bg.png') no-repeat; background-position: center; background-size: cover; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 12px 12px 0; } .prod-slider__slide-img { height: 193px; margin: 0; } .prod-slider__arrows { display: none; } .prod-slider__slider { width: 100%; margin: 0 -5px; } .prod-slider__slide-desc { padding: 0; } .prod-slider__slide-title { color: #37393C; } .prod-slider__slide-text { color: #37393C; } } @media(max-width: 767px) { .prod-slider__slide-title { font-size: 22px; line-height: 26px; } .prod-slider__slide-text { font-size: 14px; line-height: 19px; } .prod-slider__slide .btn-black { padding: 2px 10px; } .prod-slider { padding: 20px 0 50px; } } .prod-desc { padding: 47px 0 20px; background: #EFF1F7; position: relative; } .prod-desc::after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 300px; display: block; background: -webkit-gradient(linear, left top, left bottom, color-stop(44.56%, rgba(239, 241, 247, 0)), color-stop(89.96%, #EFF1F7)); background: -o-linear-gradient(top, rgba(239, 241, 247, 0) 44.56%, #EFF1F7 89.96%); background: linear-gradient(180deg, rgba(239, 241, 247, 0) 44.56%, #EFF1F7 89.96%); -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } .prod-desc.is-active::after { content: none; } .prod-desc__heading { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 34px; } .prod-desc__title { padding-top: 45px; font-weight: 500; font-size: 24px; line-height: 32px; color: #163047; } .prod-desc__btn { margin-left: auto; padding: 10px 30px 10px 16px; font-size: 12px; line-height: 20px; letter-spacing: 0.6px; text-transform: uppercase; color: #37393C; border: 1px solid #37393C; -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; min-width: 127px; } .prod-desc__btn::after { position: absolute; content: ""; width: 6px; height: 6px; right: 15px; top: 15px; border-right: 1px solid #37393C; border-bottom: 1px solid #37393C; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .prod-desc__btn.is-active::after { -webkit-transform: rotate(45deg) scale(-1); -ms-transform: rotate(45deg) scale(-1); transform: rotate(45deg) scale(-1); top: 20px; } .prod-desc__btn:hover { border-color: #b1aeae; } .prod-desc__text { position: relative; max-height: 264px; overflow: hidden; -webkit-transition: max-height .5s ease-out; -o-transition: max-height .5s ease-out; transition: max-height .5s ease-out; } .prod-desc__text.is-show { max-height: 2000px; } .prod-desc__text.content p { font-size: 15px; line-height: 24px; letter-spacing: 0.3px; color: rgba(0, 0, 0, 0.8); margin: 0 0 24px; } .prod-desc__text.content p:last-child { margin: 0; } @media(max-width: 767px) { .prod-desc { padding: 37px 0 20px; } .prod-desc__heading { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; row-gap: 10px; margin-bottom: 25px; } .prod-desc__title { padding-top: 0; } .prod-desc__btn { margin-left: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .prod-desc__text { max-height: 336px; } .prod-desc__text.content p { font-size: 14px; line-height: 21px; margin: 0 0 15px; } } .submenu__element { float: left; } .question__photo { padding: 16px 18px 18px; } .question__photo-img { height: 222px; width: 222px; } .question .container { max-width: 1200px; margin: 0 auto; padding: 0 22px; } .catalog-section-list .container { max-width: 1200px; margin: 0 auto; padding: 0 22px; } @media(max-width: 1199px) { .question .container { padding: 0 15px; } .catalog-section-list .container { padding: 0 15px; } .question__leftside { column-gap: 10px; } } @media(max-width: 767px) { .question__photo-img { height: 77px; width: 77px; } .question__photo { padding: 15px 14px; } } /* .submenu__informer-wp{ position: absolute; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } */ .submenu__informer { color: #e2e2e3; font-size: 14px; line-height: 1.15; font-weight: 400; text-align: center; } .header__nav .submenu li.submenu__informer-wp a { color: #e2e2e3; font-size: 14px; font-weight: 600; text-decoration: underline; -webkit-transition: color 350ms ease-in-out; -o-transition: color 350ms ease-in-out; transition: color 350ms ease-in-out; } .header__nav .submenu li.submenu__informer-wp a:hover { color: #858585; } .header__nav .submenu li.submenu__informer-wp { margin: 0 0 21px; } @media(max-width: 767px) { .submenu__informer { text-align: left; font-size: 12px; } .header__nav .submenu li.submenu__informer-wp a { font-size: 12px; } } .banner .banner-slider__arrows { z-index: 112; } .banner__achieve--position { position: relative; bottom: initial; left: initial; right: initial; padding: 30px 0; background: rgba(248, 248, 248, 0.80); z-index: 0; } .banner__achieve--position section.top-catalog ul { margin: 0; display: -ms-grid; display: grid; -ms-grid-columns: calc(25% - 6px) 8px calc(25% - 6px) 8px calc(25% - 6px) 8px calc(25% - 6px); grid-template-columns: repeat(4, calc(25% - 6px)); row-gap: 8px; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .banner__achieve--position section.top-catalog ul li { width: 100%; margin: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; height: 100%; border: 1px solid #D7D7D7; } .banner__achieve--position section.top-catalog ul li svg { margin-right: 0; font-size: 27px; } .banner__achieve--position section.top-catalog ul li a { max-width: none; -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; font-size: 14px; line-height: 21px; padding: 16px 20px; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .banner .banner__achieve--position .container { padding: 0 20px; } .banner .banner-slider__arrows--position { top: 27%; } .banner .banner-slider__slide { height: 600px; } .banner-slider__container-img { padding-bottom: 50px; } @media(min-width: 1470px) and (max-width: 9999px) { .banner .banner__achieve--position .container { padding: 0; } } @media(min-width: 1230px) and (max-width: 1470px) { .banner .banner__achieve--position .container { padding: 0 12px; } } @media(min-width: 992px) and (max-width: 1230px) { .banner .banner__achieve--position .container { padding: 0 15px; } } @media(min-width: 768px) and (max-width: 1200px) { .banner-slider__container-img { padding-bottom: 230px; } } @media(max-width: 1229px) { .banner__achieve--position section.top-catalog ul { grid-template-columns: repeat(3, calc(33% - 2px)); } .banner-slider__container-img { padding-bottom: 40px; } } @media(max-width: 991px) { .banner__achieve--position section.top-catalog ul { grid-template-columns: repeat(2, calc(50% - 4px)); } .banner .banner-slider__arrows--position { top: 17%; } .banner .banner-slider__slide { height: 500px; } } @media(max-width: 767px) { .banner__achieve--position section.top-catalog ul { -ms-grid-columns: 100%; grid-template-columns: 100%; } .banner__achieve--position section.top-catalog ul li { padding: 0; } .banner__achieve--position { padding-top: 0; } .banner .banner-slider__arrows--position { top: 11%; } .banner__achieve--position section.top-catalog ul li a { padding: 12px 15px; font-size: 13px; } .banner .banner-slider__slide { height: 460px; } .banner-slider__container-img { padding: 20px 0; } } .product-s__btn-basket-btn.js-add-btn.in-cart>svg { display: none; } .product-s.catalog-dev .product-s__btn-basket-btn.in-cart:before { content: ''; display: block; width: 10px; height: 18px; border: 0px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); position: relative; top: -2px; left: 2px; } /*доработка корзины*/ .hidden { display: none; } .person_type .line { margin-bottom: 40px; } .person_type .customer-selector { display: flex; align-items: stretch; justify-content: flex-start; } .person_type .customer-selector>div:first-child label { border-radius: var(--form_border_radius) 0 0 var(--form_border_radius); } .person_type .customer-selector :checked+label { background: #F8F9F9; color: #163047; } .person_type .customer-selector label { display: block; padding: 15px 20px; min-height: 50px; background: #FFF; /* border: 1px solid var(--form_border_color); */ font-size: var(--font_size); line-height: 20px; text-align: center; color: rgba(22, 48, 71, 0.4); transition: all 0.2s; cursor: pointer; } .person_type textarea.input.big { height: 140px; } .person_type textarea.input { resize: none; height: 80px; padding-top: 15px; padding-bottom: 15px; } .person_type .customer-selector input { display: none; } .person_type .for-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .person_type .row { display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; } .person_type textarea.input.big { height: 140px; } .person_type .input { color: var(--text_color); font-family: var(--font_family); font-size: var(--font_size); display: block; width: 100%; height: 50px; padding: 0 20px; transition: border-color .2s linear; border: 1px solid var(--form_border_color); border-radius: var(--form_border_radius); background: var(--form_bg_color); } .person_type .field { position: relative; } .person_type .columns { margin-left: calc(var(--form_columns_offset)* -1); } .person_type .columns>* { width: calc(50% - var(--form_columns_offset)); margin-left: var(--form_columns_offset); } .person_type { --form_border_color: rgba(22, 48, 71, 0.1); --form_focus_color: rgba(22, 48, 71, 0.4); --form_error_color: red; --form_border_radius: 3px; --form_bg_color: #fff; --form_placeholder_color: #999; --form_columns_offset: 40px; } .person_type .label { display: block; font-weight: 500; font-size: var(--font_size); line-height: 20px; color: #163047; margin-bottom: 10px; } .person_type .nice-select { width: 100%; } .person_type .for-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .person_type .for-label .label { margin-bottom: 0; } .person_type .file-field { max-width: 350px; } .person_type input[type=file] { display: none; } .person_type input[type=file]+label { width: 164px; height: 30px; background: #F8F9F9; border-radius: 5px; font-weight: 500; font-size: 12px; line-height: 20px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #163047; display: flex; cursor: pointer; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; transition: all 0.2s; } .person_type .file { position: relative; display: none; justify-content: flex-start; align-items: center; align-content: center; } .person_type .file.show { display: flex; } .person_type .file .name { color: #666; font-size: 14px; line-height: 30px; position: relative; overflow: hidden; max-width: calc(100% - 14px); margin-right: 5px; white-space: nowrap; text-transform: uppercase; text-overflow: ellipsis; } .person_type .file .name span, .person_type .file .name a { color: #CE171E; text-transform: none; text-decoration: none; } .person_type .file .del { position: relative; display: flex; width: 14px; height: 14px; cursor: pointer; border: none; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; color: #163047; opacity: 0.4; transition: all 0.2s; } .basket-order .form__button { background: #000; color: #fff; } @media print, (max-width: 575px) { .person_type .columns { margin-left: 0; } .person_type .columns>* { width: 97%; margin-left: 0; } } .banner-height .banner .banner-slider__slide { /* height: 450px; */ padding: 50px 0; } .formMessage { display: none !important; } .scroll { overflow: auto; margin-bottom: 30px; } .img-line { display: flex; flex-wrap: wrap; margin-bottom: 30px; } .img-line img { margin: 5px; max-width: 275px; } .product__info { margin-bottom: 20px; color: #35383B; font-family: "Exo 2", sans-serif; font-size: 14px; font-weight: 400; line-height: 17px; } .product__info p { color: #35383B; font-family: "Exo 2", sans-serif; font-size: 14px !important; font-weight: 400 !important; line-height: 17px !important; margin: 0 !important; } .product-descr__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .product-descr__list.is-bigger::before { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 217px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(239, 241, 247, 0.00)), to(rgba(239, 241, 247, 0.80))); background: -o-linear-gradient(top, rgba(239, 241, 247, 0.00) 0%, rgba(239, 241, 247, 0.80) 100%); background: linear-gradient(180deg, rgba(239, 241, 247, 0.00) 0%, rgba(239, 241, 247, 0.80) 100%); z-index: 1; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .product-descr__list .product-descr__item { padding: 12px 0; border-color: #CACBCF; } .product-descr__list .product-descr__item:nth-child(n + 8) { display: none; } .product-descr__list.is-show .product-descr__item:nth-child(n + 8) { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-descr__list.is-bigger.is-show::before { content: none; } .product-descr__list .product-descr__item:first-of-type { padding-top: 0; } .product-descr__list .product-descr__title { color: #2F3133; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 600; line-height: 21px; } .product-descr__list .product-descr__value { color: #2F3133; font-family: "Open Sans"; font-size: 14px; font-weight: 400; line-height: 21px; max-width: 70%; text-align: right; /* white-space: nowrap; */ } .btn-showmore { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; color: #37393C; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 700; line-height: 19px; letter-spacing: 0.56px; text-transform: uppercase; margin: 40px 0 20px; } .btn-showmore.is-active { display: -webkit-box; display: -ms-flexbox; display: flex; } .btn-showmore.is-show svg { -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1); margin-bottom: 0; } .btn-showmore:hover { color: #474E54; } .btn-showmore svg { font-size: 15px; width: 15px; height: 15px; margin-bottom: 2px; } .prod__chars { padding: 50px 0; background: #E7EBF5; } .prod__chars .container { max-width: 1200px; margin: 0 auto; padding: 0 25px; } @media(max-width: 1469px) { .prod__chars .container { padding: 0 14px; } } @media(max-width: 991px) { .prod__chars .container { padding: 0 20px; } } .prod__chars-list { display: -ms-grid; display: grid; -ms-grid-columns: calc(50% - 25px) 50px calc(50% - 25px); grid-template-columns: repeat(2, calc(50% - 25px)); -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; row-gap: 22px; } .prod__chars-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; color: #37393C; font-family: "Open Sans", sans-serif; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 400; line-height: 22px; } .prod__chars-item img { min-width: 20px; max-width: 20px; height: 20px; -o-object-fit: contain; object-fit: contain; } .description__wp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 50px; } .description__tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 50px; } .description__tags-tag { padding: 10px 20px; font-weight: 400; font-size: 14px; line-height: 100%; color: #000000; border: 1px solid #CACBCF; } .wrap:has(.tags-homescreen) { background: #EFF1F7; } .tags-homescreen { padding-bottom: 50px; background: #EFF1F7; } .tags-homescreen__wp { max-width: 750px; font-weight: 400; font-size: 14px; line-height: 24px; color: #35383B; } .tags { padding: 50px 0; background-color: #fff; } .tags__block-title { margin-bottom: 40px; font-family: 'Open Sans'; font-weight: 400; font-size: 30px; line-height: 41px; color: #37393C; } .tags__wp { display: flex; flex-direction: column; gap: 50px; } .tags__block-content { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } .tags__block-content .product-s { height: auto; margin: 0 !important; max-width: none !important; width: 100%; } .tags .pagination { padding: 0; margin-top: 50px; } .tags .pagination__inner { justify-content: center; } @media (max-width: 1199px) { .tags__block-content { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 991px) { .tags-homescreen { padding-bottom: 30px; } .tags__block-title { margin-bottom: 20px; font-size: 20px; line-height: 26px; } .tags .pagination { margin-top: 20px; } .tags__block-content { grid-template-columns: repeat(2, 1fr); gap: 30px; } .description__tags { margin-bottom: 20px; } .description__tags-tag { padding: 8px 10px; font-size: 12px; } } @media (max-width: 767px) { .tags__block-content { grid-template-columns: 1fr; gap: 16px; } } .description__usage { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .description__usage-item { padding: 10px 20px; border: 1px solid #CACBCF; color: #000; font-family: "Exo 2", sans-serif; font-size: 14px; font-weight: 400; line-height: 100%; } .description__bottom { display: -ms-grid; display: grid; -ms-grid-columns: calc(50% - 40px) 80px calc(50% - 40px); grid-template-columns: repeat(2, calc(50% - 40px)); -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; } .description__bottom--float { display: block; width: 100%; } .description__chars { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .description__chars-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; padding: 11px 0; border-top: 1px solid #EAEAEA; color: #37393C; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 22px; } .description__chars-item img { min-width: 20px; max-width: 20px; height: 20px; } .description__chars-item:last-of-type { border-bottom: 1px solid #EAEAEA; } .description__bottom .description__text { color: #37393C; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 22px; } .description__bottom--float .description__chars { float: right; width: calc(50% - 80px); margin-bottom: 0; margin-left: 80px; display: inline; } @media (max-width: 991px) { .description__bottom--float .description__chars { width: calc(50% - 40px); margin-left: 40px; } } @media (max-width: 768px) { .description__bottom--float { display: flex; flex-direction: column-reverse; gap: 20px !important; } .description__bottom--float .description__chars { width: 100%; margin: 0; } } .section--container .container { max-width: 1200px; margin: 0 auto; padding: 0 25px; } @media(max-width: 1469px) { .section--container .container { padding: 0 14px; } } @media(max-width: 991px) { .section--container .container { padding: 0 20px; } } .product-links { padding: 50px 0; } .desc__prod { padding-bottom: 50px; } .product-links__wp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; width: 100%; border-bottom: 1px solid #CACBCF; } .product-links__item { color: rgba(55, 57, 60, 0.63); font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: 600; line-height: 22px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .product-links__item span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 2px; -moz-column-gap: 2px; column-gap: 2px; padding: 2px 3px 2px 5px; background: rgba(55, 57, 60, 0.63); color: #FFF; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 600; line-height: 19px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .product-links__item span>span { background: transparent; } .product-links__item span svg { font-size: 10px; } .product-links__item:hover { color: #37393C; } .product-links__item:hover span { background: #37393C; } .product-links__item:hover span>span { background: transparent; } @media(max-width: 991px) { .product-links__wp { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } .section__heading { margin-bottom: 50px; 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; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px; } .section__heading-btn { padding: 15px 51px; background: #000; color: #FFF; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 700; line-height: 19px; letter-spacing: 0.56px; text-transform: uppercase; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .section__heading-btn:hover { background: #1e1e1e; } .section__title { margin: 0; padding: 0; color: #37393C; font-family: "Exo 2", sans-serif; font-size: 42px; font-weight: 300; line-height: 50px; } .product-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 50px; overflow: hidden; } .product-gallery img { -o-object-fit: contain; object-fit: contain; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; height: 400px; } @media(max-width: 767px) { .product-descr__list .product-descr__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .btn-showmore { margin: 20px 0 0; } .prod__chars-list { -ms-grid-columns: 100%; grid-template-columns: 100%; row-gap: 20px; } .prod__chars { padding: 30px 0; } .description__usage-item { padding: 8px 10px; font-size: 12px; } .description__wp { row-gap: 20px; } .description__bottom { -ms-grid-columns: 100%; grid-template-columns: 100%; row-gap: 40px; } .description__bottom .description__text { font-size: 14px; } .product-links__wp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .product-links { padding: 25px 0; } .product-links__item { line-height: 25px; } .section__heading { margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .section__title { font-size: 25px; line-height: 30px; } .desc__prod { padding-bottom: 40px; } .product-gallery { row-gap: 20px; } .product-gallery img { height: auto; } } @media(max-width: 576px) { .section__heading-btn { width: 100%; text-align: center; } } .product-chars { padding: 50px 0; } .product-chars__list { position: relative; overflow: hidden; } .product-chars__list-wp { column-count: 2; -webkit-column-gap: 70px; -moz-column-gap: 70px; column-gap: 70px; } .product-chars__list.is-bigger { max-height: 345px; } .product-chars__list.is-bigger.is-show { max-height: none; } .product-chars__list.is-bigger::before { position: absolute; content: ''; left: 0; bottom: 0; height: 217px; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.00)), to(rgba(255, 255, 255, 0.80))); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.80) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.80) 100%); -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 1; } .product-chars__list.is-bigger.is-show::before { content: none; } .product-chars .btn-showmore { margin: 50px auto 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .product-chars .section__heading { margin-bottom: 38px; } .product-chars__item { 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; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; border-bottom: 1px solid #CACBCF; padding: 12px 0; } .product-chars__item:nth-child(n + 15) { /* display: none; */ } .product-chars__list.is-show .product-chars__item:nth-child(n + 15) { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-chars__item-name { color: #2F3133; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 600; line-height: 21px; } .product-chars__item-value { color: #2F3133; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 21px; text-align: right; max-width: 60%; } @media(max-width: 767px) { .product-chars__list-wp { column-count: 1; } .product-chars__list {} .product-chars { padding: 50px 0 40px; } .product-chars .section__heading { margin-bottom: 8px; } .product-chars .btn-showmore { margin: 20px 0 0; } } .product-rev__list { display: -ms-grid; display: grid; -ms-grid-columns: calc(50% - 8px) 16px calc(50% - 8px); grid-template-columns: repeat(2, calc(50% - 8px)); -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; row-gap: 16px; } .product-rev__list .reviews-item { padding: 30px; border: 1px solid #D8D8D8; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; row-gap: 15px; } .product-rev__list .reviews-item-left { min-width: 100%; } .product-rev__list .reviews-item-text { color: #000; font-size: 16px; font-weight: 400; line-height: 24px; } .product-rev__list .reviews-item-right { 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; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .product-rev__list .reviews-item-autor { color: #000; font-size: 14px; font-weight: 600; line-height: 24px; margin-top: 0; } .product-rev__list .reviews-item .reviews-stars { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .product-rev__list .reviews-stars span { margin-right: 0; } .product-rev__list .reviews-stars span svg { color: #CACBCF; font-size: 25px; } .product-rev__list .reviews-stars span.active svg { color: #F2B81A; } @media(max-width: 767px) { .product-rev__list { -ms-grid-columns: 100%; grid-template-columns: 100%; } .product-rev__list .reviews-item { padding: 20px 15px; row-gap: 20px; } .product-rev__list .reviews-item-text { font-size: 14px; } .product-rev__list .reviews-item-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; row-gap: 16px; } } .product-docs { padding: 50px 0; } .product-docs__list { display: -ms-grid; display: grid; -ms-grid-columns: calc(50% - 8px) 16px calc(50% - 8px); grid-template-columns: repeat(2, calc(50% - 8px)); -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; row-gap: 10px; } .product-docs__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; padding: 20px; background: #EFF1F7; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .product-docs__item:hover { background: #D1D6E4; } .product-docs__item-ico { max-width: 30px; min-width: 30px; height: 34px; } .product-docs__item-ico img { height: 100%; -o-object-fit: contain; object-fit: contain; } .product-docs__item-rightside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 3px; } .product-docs__item-name { color: #1A1A1A; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 700; line-height: 140%; } .product-docs__item-size { color: #474E54; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 140%; } @media(max-width: 767px) { .product-docs__list { -ms-grid-columns: 100%; grid-template-columns: 100%; } .product-docs__item-size { font-size: 12px; } } .product-ask { padding: 50px 0; background: -o-linear-gradient(33deg, rgba(91, 128, 144, 0.40) 3.06%, rgba(132, 160, 173, 0.40) 92.56%); background: linear-gradient(57deg, rgba(91, 128, 144, 0.40) 3.06%, rgba(132, 160, 173, 0.40) 92.56%); } .product-ask__wp { display: -webkit-box; display: -ms-flexbox; display: flex; } .product-ask__leftside { position: relative; background: #EFF1F7; padding: 50px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; max-width: 386px; min-width: 386px; } .product-ask__leftside::before { position: absolute; content: ''; left: -1px; top: -1px; width: 10px; height: 10px; border-left: 2px solid #37393C; border-top: 2px solid #37393C; z-index: 1; } .product-ask__leftside::after { position: absolute; content: ''; left: -1px; bottom: -1px; width: 10px; height: 10px; border-left: 2px solid #37393C; border-bottom: 2px solid #37393C; z-index: 1; } .product-ask__manager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 19px; -moz-column-gap: 19px; column-gap: 19px; } .product-ask__manager-img { max-width: 60px; min-width: 60px; height: 60px; border-radius: 100%; overflow: hidden; } .product-ask__manager-img img { height: 100%; -o-object-fit: cover; object-fit: cover; } .product-ask__manager-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .product-ask__manager-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 1px; } .product-ask__manager-name { color: #37393C; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; } .product-ask__manager-pos { color: #37393C; font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 400; line-height: 24px; } .product-ask__manager-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .product-ask__manager-contacts a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; color: #37393C; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .product-ask__manager-contacts a:hover { color: #000; } .product-ask__manager-contacts a img { min-width: 16px; max-width: 16px; height: auto; -o-object-fit: contain; object-fit: contain; } .product-ask__info { color: #37393C; font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 400; line-height: 24px; } .product-ask__rightside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 40px; padding: 40px 45px 40px 50px; background: #FFF; position: relative; width: 100%; } .product-ask__rightside::before { position: absolute; content: ''; right: -1px; top: -1px; width: 10px; height: 10px; border-right: 2px solid #37393C; border-top: 2px solid #37393C; z-index: 1; } .product-ask__rightside::after { position: absolute; content: ''; right: -1px; bottom: -1px; width: 10px; height: 10px; border-right: 2px solid #37393C; border-bottom: 2px solid #37393C; z-index: 1; } .product-ask__title { color: #37393C; font-family: "Exo 2", sans-serif; font-size: 32px; font-weight: 300; line-height: 38px; } .product-ask__form-top { display: -ms-grid; display: grid; -ms-grid-columns: 300px 30px auto; grid-template-columns: 300px auto; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; margin-bottom: 40px; } .product-ask__rightside .form__label { color: #37393C; } .product-ask__rightside .form__group--req::before { position: absolute; content: '*'; right: 4px; top: 24px; color: #CACACA; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; } .product-ask__rightside .form__input:focus, .product-ask__rightside .form__input.has-value { border-color: #cccccc; color: #000; } .product-ask__rightside .form__input:focus+.form__label, .product-ask__rightside .form__input.has-value+.form__label { color: #000; opacity: 0.8; font-size: 12px; top: -9px; } .product-ask__rightside .form__group--textarea { margin: 0; height: 112px; } .product-ask__rightside .form__textarea { height: 105px; padding-top: 20px; } .product-ask__form-bottom { display: -ms-grid; display: grid; -ms-grid-columns: 300px 30px auto; grid-template-columns: 300px auto; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .product-ask__form-bottom .form__button { padding: 15px; width: 100%; background: #000; color: #FFF; text-align: center; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 700; line-height: 19px; letter-spacing: 0.56px; text-transform: uppercase; margin: 0; } .product-ask__form-bottom .form__button::before { content: none; } .product-ask__form-bottom .form__button::after { content: none; } .product-ask__form-bottom .form__button:hover { background: #1e1e1e; } .product-ask__form-bottom .form__input-float { color: #37393C; font-size: 12px; font-weight: 400; line-height: 16px; } .product-ask__form-bottom .form__input-float a { color: #828282; } .product-ask__form-bottom .form__input-float a:hover { color: #717171; } .product-ask__form-bottom .checkbox span:before { left: -16px; border: 1px solid #CBCBCB; } .product-ask__form-bottom .checkbox span { position: relative; } .product-ask__form-bottom .checkbox span:before { content: ""; position: absolute; left: -30px; top: 4px; width: 18px; height: 18px; background: #fff; cursor: pointer; border: 1px solid #CBCBCB; } .product-ask__form-bottom .form__input-float { padding-left: 30px; } .product-ask__form-bottom .checkbox span:after { opacity: 0; content: ""; position: absolute; left: -25px; top: 9px; width: 9px; height: 5px; border: 1px solid #000; border-top: none; border-right: none; cursor: pointer; border-bottom-left-radius: 0; -webkit-transform: rotate(-53deg); -ms-transform: rotate(-53deg); transform: rotate(-53deg); -webkit-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } .product-ask__form-bottom input:checked+.checkbox span:after { opacity: 1; } @media(max-width: 1199px) { .product-ask__form-top { -ms-grid-columns: 100%; grid-template-columns: 100%; } .product-ask__form-bottom { row-gap: 20px; -ms-grid-columns: 100%; grid-template-columns: 100%; } .product-ask__form-bottom .form__input-float { max-width: 100%; } } @media(max-width: 991px) { .product-ask__wp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-ask__leftside { max-width: 100%; min-width: 100%; } .product-ask__leftside::after { bottom: initial; top: -1px; left: initial; right: -1px; border: none; border-right: 2px solid #37393C; border-top: 2px solid #37393C; } .product-ask__rightside::before { top: initial; right: initial; left: -1px; bottom: -1px; border: none; border-left: 2px solid #37393C; border-bottom: 2px solid #37393C; } } .blue-bg { background: #EFF1F7; } .section-products.white-bg.blue-bg { background: #EFF1F7; } .blue-bg.section-products { padding: 50px 0; } @media(max-width: 767px) { .blue-bg.section-products { padding: 40px 0; } .product-ask { padding: 40px 0; } .product-ask__leftside { padding: 20px 30px; } .product-ask__manager { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .product-ask__manager-info { row-gap: 10px; } .product-ask__rightside { padding: 20px 15px 40px; } .product-ask__title { font-size: 20px; line-height: 24px; } .product-ask__form-top { margin-bottom: 35px; } .product-ask__form-bottom { row-gap: 30px; } .product-ask__rightside { row-gap: 15px; } } .section__subtitle { padding-bottom: 40px; margin-top: -14px; } .section__subtitle .container { max-width: 1200px; margin: 0 auto; padding: 0 22px; } .section__subtitle-text { color: #35383B; font-size: 24px; font-weight: 400; line-height: 29px; max-width: 711px; } @media(max-width: 767px) { .section__subtitle { padding-bottom: 20px; margin-top: -29px; } .section__subtitle-text { font-size: 16px; line-height: 19px; } } @media(min-width: 2560px) { .title { padding: 0; } } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .section-btns__counter--order .product-counter { min-width: 160px; } .section-btns__counter--order .section-btns__counter-leftside { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; width: 100%; } .product-descr--order .button.product_consult { border: none; padding: 10px 20px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-descr--order .button.product_consult svg { font-size: 15px !important; } .product-descr--order .section-btn::before { content: none; } .product-descr--order .section-btn__wp { gap: 20px; } .product-descr--order .section-btn__wp .section-btn .button { width: 100%; padding: 20px !important; justify-content: center; align-items: center; font-weight: 700; font-size: 14px; line-height: 19px; letter-spacing: 0.04em; text-transform: uppercase; color: #37393C !important; opacity: .8; } .product-descr--order .section-btn__wp .section-btn .button svg { color: #37393C !important; } .product-descr--order .section-btn__wp .section-btn { width: 100%; border: 1px solid #37393C; display: flex; align-items: center; justify-content: center; } .product-descr--order .section-btn__wp .section-btn:hover { border-color: #474E54; } .product-descr--order .section-btn__wp .section-btn:hover .button { opacity: 1; } .security__block-info { margin-bottom: 30px; padding: 30px; background: #EFF1F7; display: flex; gap: 30px; align-items: center; } .security__block-info-text { font-weight: 400; font-size: 14px; line-height: 17px; color: #35383B; transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .security__block-info-img { height: 131px; min-width: 150px; max-width: 150px; } .security__block-info-img img { width: 100%; height: 100%; object-fit: contain; display: block; margin: 0; } @media (max-width: 991px) { .security__block-info { margin-bottom: 20px; padding: 15px; gap: 18px; flex-direction: column; } .product-descr--order .section-btn__wp .section-btn { background: #DEE0E4; } .product-descr--order>.section-btn__wp { gap: 10px !important; } } .product-descr--order .e_gtm_zapros { border: none !important; padding: 10px 20px !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #35383b !important; background: transparent !important; } .product-descr--order .e_gtm_zapros svg { fill: #35383b !important; font-size: 15px !important; } .product-descr--order .e_gtm_zapros:hover { opacity: 0.63; } .product-descr--order>.section-btn__wp { display: none; } .delivery-pay-list--new { display: -ms-grid; display: grid; -ms-grid-columns: calc(33% - 3px) 3px calc(33% - 3px) 3px calc(33% - 3px); grid-template-columns: repeat(3, calc(33% - 3px)); -webkit-column-gap: 3px; -moz-column-gap: 3px; column-gap: 3px; } .delivery-pay-list--new .delivery-item { margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .delivery-pay-list--new .delivery-item .img { min-width: 40px; max-width: 40px; height: 40px; } .delivery-pay-list--new .delivery-item .img img { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; } .delivery-pay-list--new .delivery-item .descr { padding: 0; font-size: 14px; line-height: 17px; } .product-descr--order .delivery-pay-list--new { display: none; } .security__block-info-text-btn { display: none; font-size: 12px; width: 100%; text-decoration: underline; } .security__block-info-text.security__block-info-text_full { max-height: 1000px; } @media(max-width: 991px) { .section-btns__counter--order .section-btns__counter-leftside { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section-btns__counter--order .product-counter { max-width: 190px; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .section-btns__counter--order .product-s__btn-basket-btn { width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .section-btns__counter--order noindex { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -ms-flexbox; display: flex; } .section-btns__counter--order noindex p { line-height: 0; margin: 0; } .section-btns__counter--order .button { padding: 17px 14px; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; height: 60px; width: 60px; } .section-btns__counter--order .disp-on-mob { display: none; } .section-btns__counter--order .none-mob { display: block !important; } } @media(max-width: 767px) { .security__block-info-text { overflow: hidden; text-overflow: ellipsis; max-height: 51px; } .security__block-info-text-btn { display: block; } .section-btns__counter--order .section-btns__counter-leftside { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; row-gap: 11px; } .section-btns__counter--order .product-counter-input { padding: 14px 0; } .section-btns__counter--order .button { height: 50px; } .section-btns .section-btns__counter--order .button svg { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .section-btns__counter--order .product-s__btn-basket-btn { padding: 16px 10px 15px; letter-spacing: 0.56px; } .product-descr--order { margin-top: -48px !important; } .product-descr--order .section-btns { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 20px; margin-top: 0; } .product-descr--order .product__info { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .product-descr--order .product-descr__list { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .product-descr--order .btn-showmore { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .product-descr--order .section-btn__wp { display: none; } .product-descr--order>.section-btn__wp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; margin-top: 20px; row-gap: 41px; } .product-descr--order .section-btn { width: 100%; } .product-descr--order .section-btn::before { top: -21px; } .delivery-pay-list--new { display: none; } .product-descr--order .delivery-pay-list--new { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .delivery-pay-list--new .delivery-item .img { max-width: 30px; min-width: 30px; height: 30px; } .delivery-pay-list--new .delivery-item br { display: none; } } .description__bottom .description__text p img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .description__text img { max-width: 100%; } .product-ask__form-bottom-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; } .product-ask__form-bottom-top .form__recapcha { padding: 0; margin: 0; } @media(max-width: 576px) { .product-ask__form-bottom-top .g-recaptcha>div { -webkit-transform: scale(.85); -ms-transform: scale(.85); transform: scale(.85); } .product-ask__form-bottom-top .g-recaptcha { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .section-products.white-bg.blue-bg+.btn-container { padding: 50px 0 60px !important; } @media(max-width: 767px) { .section-products.white-bg.blue-bg+.btn-container { padding: 20px 0 !important; } } .product-rev { padding: 0 0 50px; } .product-rev__list .btn-container { grid-column: span 2; padding: 0; margin-top: 20px; } @media(max-width: 767px) { .product-rev { padding: 0 0 40px; } .product-rev__list .btn-container { grid-column: span 1; margin-top: 10px; } } @media(min-width: 2560px) { .header .container { padding-right: 0 !important; padding-left: 0 !important; } } @media(max-width: 767px) { .search form.is-active { width: 100%; } } .security__navigation-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 11px; -webkit-transition: background .3s ease-out; -o-transition: background .3s ease-out; transition: background .3s ease-out; } .security__navigation-arrow { max-width: 20px; min-width: 20px; height: 20px; margin: -10px -5px -10px 0; font-size: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(0, 0, 0, .5); -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; cursor: pointer; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .security__navigation-arrow:hover { color: rgba(0, 0, 0, .6); } .security__navigation-top .security__navigation-link { padding: 0; background: transparent; border: none; color: #37393C; font-size: 14px; font-weight: 800; line-height: 19px; } .security__navigation-top .security__navigation-link:hover { opacity: .6; } .security__navigation--lvl .security__navigation-dropdown { background: #F8F8F8; padding: 0 10px; } .security__navigation-dropdown { display: none; } .security__navigation--lvl .security__navigation-wp { border-top: 1px solid #E8E8E8; } .security__navigation--lvl .security__navigation-wp:last-of-type { border-bottom: 1px solid #E8E8E8; } .security__navigation-dropdown-item-top { 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; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; padding: 10px 0; } .security__navigation-dropdown-item-dd { display: none; } .security__navigation-dropdown-item-top .security__navigation-dropdown-link { padding: 0; margin: 0; background: transparent; border: none; color: #37393C; font-size: 14px; font-weight: 600; line-height: 19px; } .security__navigation-dropdown-item-top .security__navigation-dropdown-link:hover { color: #000; } .security__navigation-dropdown-item-arrow { max-width: 20px; min-width: 20px; height: 20px; margin: -10px -5px -10px 0; font-size: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(0, 0, 0, .5); -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; cursor: pointer; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .security__navigation-dropdown-item-arrow:hover { color: rgba(0, 0, 0, .6); } .security__navigation-sub-top { 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; padding: 10px; width: 100%; } .security__navigation-sub-top a { color: rgba(0, 0, 0, 0.90); font-size: 14px; font-weight: 300; line-height: 19px; } .security__navigation-sub-top a:hover { color: rgba(0, 0, 0, 1); } .security__navigation-sub-top-arrow { max-width: 20px; min-width: 20px; height: 20px; margin: -10px -15px -10px 0; font-size: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(0, 0, 0, .5); -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; cursor: pointer; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .security__navigation-sub-top-arrow:hover { color: rgba(0, 0, 0, .6); } .security__navigation-sub-dd a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 10px 10px 10px 30px; color: rgba(0, 0, 0, 0.90); font-size: 14px; font-weight: 300; line-height: 19px; } .security__navigation-sub-dd a:hover { color: rgba(0, 0, 0, 1); } .security__navigation--lvl .security__navigation-wp.is-open .security__navigation-arrow svg { -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1); } .security__navigation--lvl .security__navigation-wp.is-open .security__navigation-top { background: #EFF1F7; } .security__navigation-dropdown-item.is-open .security__navigation-dropdown-item-arrow svg { -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1); } .security__navigation-sub.is-open .security__navigation-sub-top-arrow svg { -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1); } .news-page__wp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 70px; -moz-column-gap: 70px; column-gap: 70px; } .news-page { padding: 0 0 60px; } .news-text ul li { position: relative; padding-left: 30px; margin: 0 0 8px; line-height: 25px; font-size: 16px; } @media (max-width: 767px) { .news-text ul li { padding-left: 23px; } } .news-text ul li:before { content: '―'; position: absolute; top: 0; left: 0; } .news-text ul li>ul { padding-top: 8px; } .news-page .container { max-width: 1200px; } .news-page__leftside { max-width: 550px; min-width: 550px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 50px; } .news-page__img { width: 100%; height: 350px; } .news-page__img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .news-page__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 26px; -moz-column-gap: 26px; column-gap: 26px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news-page__info-rate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 21px; -moz-column-gap: 21px; column-gap: 21px; padding: 30px 23px; border: 1px solid #CCD4D9; color: #37393C; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 600; line-height: 22px; white-space: nowrap; } .news-page__info-rate-star { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px; padding: 11px 14px; background: #37393C; color: #FFF; font-family: "Open Sans", sans-serif; font-size: 17px; font-weight: 600; line-height: 23px; } .news-page__info-rate-star span { min-width: 20px; max-width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .news-page__info-rate-star span img { height: 100%; -o-object-fit: contain; object-fit: contain; } .news-page__info-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 32px; -moz-column-gap: 32px; column-gap: 32px; } .news-page__info-author-name { position: relative; color: #797979; font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 700; line-height: 18px; } .news-page__info-author-name::after { position: absolute; content: ''; right: -15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 2px; height: 14px; background: #797979; } .news-page__info-author-date { color: #797979; font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 400; line-height: 18px; margin-bottom: 20px; } @media(max-width: 1199px) { .news-page__wp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 30px; } .news-page__leftside { margin: 0 auto; } } @media(max-width: 767px) { .news-page { padding: 0 0 40px; } .news-page .container { max-width: 100%; } .news-page__wp { row-gap: 20px; } .news-page__leftside { max-width: 100%; min-width: 100%; row-gap: 20px; } .news-page__img { padding-top: 64%; position: relative; height: auto; } .news-page__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .news-page__info { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: start; row-gap: 20px; } .news-page__info-rate { padding: 10px 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; font-size: 14px; } .news-page__info-rate-star { font-size: 16px; line-height: 22px; padding: 4px 6px; } .news-page__info-rate-star span { max-width: 14px; min-width: 14px; height: 14px; } } .comments { padding: 60px 0; } .comments .container { max-width: 1200px; } .comments__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .comments__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 31px 0; border-top: 1px solid #37393C; border-bottom: 1px solid #D6D5D5; } .comments__top-leftside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 42px; -moz-column-gap: 42px; column-gap: 42px; } .comments__top-stars { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .comments__top-stars-item { width: 27px; height: 27px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .comments__top-stars-item img { -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .comments__top-stars-item img.color { position: absolute; top: 0; left: 0; width: 0; -o-object-position: left; object-position: left; -o-object-fit: contain; object-fit: contain; } .comments__top-title { color: #37393C; font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: 600; line-height: 25px; position: relative; } .comments__top-title::before { position: absolute; content: ''; left: -20px; width: 2px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 10px; background: #5D5D5D; } .comments-add { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; color: #37393C; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 600; line-height: 24px; } .comments-add:hover { color: #2d709a; } .comments-add svg { font-size: 20px; } .comments__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 31px 0; border-bottom: 1px solid #D6D5D5; -webkit-column-gap: 86px; -moz-column-gap: 86px; column-gap: 86px; } .comments__list-item-leftside { max-width: 200px; min-width: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 52px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comments__list-item-leftside .comments__top-stars-item { width: 16px; height: 16px; } .comments__list-item-date { color: #797979; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 19px; } .comments__list-item-rightside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 12px; } .comments__list-item-text { color: #37393C; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: 400; line-height: normal; } .comments__list-item-author { color: #37393C; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 600; line-height: normal; } .comments__actions { margin-top: 73px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media(max-width: 767px) { .comments { padding: 40px 0; } .comments__top { padding: 26px 0; border-bottom: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 26px; } .comments__top-leftside { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .comments__top-stars-item { height: 21px; width: 21px; } .comments__top-title { font-size: 16px; line-height: 22px; } .comments__top-title::before { left: -16px; } .comments-add { font-size: 14px; } .comments__list-item { padding: 20px 15px; width: calc(100% + 40px); margin-left: -20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .comments__list-item-leftside { max-width: 100%; min-width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comments__list-item-date { font-size: 12px; line-height: 16px; } .comments__list-item-rightside { row-gap: 10px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .comments__list-item-text { font-size: 14px; line-height: 19px; } .comments__list-item-author { font-size: 14px; } .comments__actions { margin-top: 26px; } .comments__actions .button--black { padding: 22px 48px; line-height: 19px; } } .review-modal .form-comment-stars { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .review-modal .comments__top-stars-item { cursor: pointer; } .review-modal .form__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 14px; -moz-column-gap: 14px; column-gap: 14px; max-width: 80%; margin: 54px auto 31px; } .review-modal .form__recapcha { margin: 0 !important; padding: 0 !important; } .communication-modal.review-modal .form .button { margin: 0; } .communication-modal.review-modal .form .button { background: transparent; color: #37393C; } .review-modal .form .checkbox span:before { width: 22px; height: 22px; left: 0; border-color: #CBCBCB; } .communication-modal.review-modal .form .checkbox span:after { left: 7px; top: 12px; } .communication-modal.review-modal .form .checkbox { padding-left: 32px; color: #37393C; font-size: 12px; font-weight: 400; line-height: 16px; } .communication-modal.review-modal .form .checkbox a { color: #828282; } .communication-modal.review-modal .form .checkbox a:hover { color: #2d709a; } @media(max-width: 767px) { .communication-modal.review-modal .form__container { max-width: 80%; } .communication-modal.review-modal .form__group { max-width: 100%; } .review-modal .form__actions { margin: 20px auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .review-modal .form-comment-stars { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .review-modal .form__recapcha { margin: 0 auto !important; } .communication-modal.review-modal .form .button { width: 100%; } } .media__slide--dis .media__date { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 20px; width: 100%; border-bottom: 1px solid #E3E3E3; color: #797979; font-size: 13px; font-weight: 400; line-height: 18px; font-family: "Open Sans", sans-serif; position: relative; bottom: initial; left: initial; letter-spacing: 0px; margin-bottom: 20px; } .media__slide--dis .media__date:after { content: none; } .media__slide--dis .media__subtitle { font-size: 18px; font-weight: 500; line-height: 26px; margin-bottom: 15px; } .media__slide--dis .media__desc { color: #585858; } .media__slide--dis .media__title { color: #FFF; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.56); font-family: "Open Sans"; font-weight: 400; line-height: 19px; letter-spacing: 1.82px; text-transform: uppercase; top: 24px; } @media(max-width: 767px) { .media__slide--dis .media__date { padding-bottom: 15px; max-width: 304px; margin: 0 auto 15px; } .media__slide--dis .media__subtitle { font-size: 16px; line-height: 22px; } } .product-tags { padding-bottom: 50px; padding-top: 0; } .product-tags__list { display: flex; flex-wrap: wrap; gap: 10px; } .product-tags__list-item { padding: 5px 10px; font-weight: 400; font-size: 13px; line-height: 17px; letter-spacing: 0.28px; color: #6D6D6D; background-color: rgba(240, 240, 240, 1); } @media (max-width: 991px) { .product-tags { padding-bottom: 40px; } } .tooltip-wrapper { display: inline-flex; align-items: center; gap: 4px; position: relative; cursor: help; } /* слово (исходный элемент с классом .tooltip-word) */ .tooltip-word { color: #353637; font-weight: 600; border-bottom: 1.5px dashed #353637; padding-bottom: 1px; transition: border-color 0.2s, color 0.2s; } .tooltip-wrapper:hover .tooltip-word { color: #022b19; border-bottom-color: #022b19; } /* ── иконка вопроса ── */ .icon-question { flex-shrink: 0; width: 20px; height: 20px; display: inline-block; transition: transform 0.2s ease; margin-left: 2px; } .icon-question svg { display: block; width: 100%; height: 100%; fill: none; stroke: #044f2e; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.2s, transform 0.2s; } .icon-question svg circle { fill: rgba(4, 79, 46, 0.06); stroke: #353637; } .icon-question svg path, .icon-question svg line { stroke: #353637; } .tooltip-wrapper:hover .icon-question svg circle { fill: rgba(4, 79, 46, 0.14); stroke: #022b19; } .tooltip-wrapper:hover .icon-question svg path, .tooltip-wrapper:hover .icon-question svg line { stroke: #022b19; } .tooltip-wrapper:hover .icon-question { transform: scale(1.08); } /* ── всплывающий бабл (по умолчанию сверху) ── */ .tooltip-bubble { position: absolute; bottom: calc(100% + 14px); left: 50%; transform: translateX(-50%) scale(0.92); transform-origin: bottom center; background: #1a202c; color: #f0f4f8; padding: 12px 18px; border-radius: 12px; font-size: 0.9rem; line-height: 1.5; min-width: 220px; max-width: 340px; text-align: left; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18); pointer-events: none; opacity: 0; visibility: hidden; transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s; z-index: 100; } /* стрелка (сверху) */ .tooltip-bubble::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-top-color: #1a202c; } /* ── вариант: бабл снизу ── */ .tooltip-bubble.tooltip-bubble-bottom { bottom: auto; top: calc(100% + 14px); transform-origin: top center; } .tooltip-bubble.tooltip-bubble-bottom::after { top: auto; bottom: 100%; border-top-color: transparent; border-bottom-color: #1a202c; } /* ── показываем бабл при ховере ── */ .tooltip-wrapper:hover .tooltip-bubble { opacity: 1; visibility: visible; transform: translateX(-50%) scale(1); } @media (max-width: 540px) { .tooltip-bubble { min-width: 160px; max-width: 260px; font-size: 0.82rem; padding: 10px 14px; bottom: calc(100% + 12px); } .tooltip-bubble::after { border-width: 6px; } .icon-question { width: 17px; height: 17px; } } .top-block { background: #edf2f7; padding: 0.5rem 1rem; border-radius: 8px; margin-bottom: 1.5rem; font-size: 0.95rem; } .js-nav-item a.submenu__link:hover{ background: #FFFFFF33; width:100%; height:100%; padding:10px 5px; color:#fff!important; transition: all .3s ease !important; } li.js-nav-item:nth-child(2) a.submenu__link:hover{ background: #FFFFFF33; width:100%; height:100%; padding:10px; color:#fff!important; transition: all .3s ease !important; } a.submenu__link{ transition: all .3s ease !important; } @media (max-width: 767px) { .security__block-info-text{ max-height: 100%!important; } /* Скрываем все параграфы, кроме первого */ .security__block-info-text p:not(:first-child) { max-height: 0px; } .security__block-info-text br{ display: none; } .security__block-info-text p{ transition: all 500ms ease-in-out; } /* Когда раскрыто – показываем все параграфы */ .security__block-info-text.security__block-info-text_full p { max-height: 500px; transition: all 500ms ease-in-out; } .security__block-info-text.security__block-info-text_full br{ display: initial!important; } } .sph-inner h4{ margin-bottom:10px; } .sph-inner p{ margin-bottom:0px; margin-left:20px; } .sph-inner{ padding:10px; box-shadow: 1px 5px 6px 0px rgba(0, 0, 0, 0.25); margin-bottom:10px; } @media screen and (max-width:550px){ .sph-inner{ padding:20px; } } div.footer__top-block:nth-child(1) .footer__text{ font-size:13px; } .pdf-container button{ text-transform: uppercase; display: flex; gap:8px; align-items: center; border:none; background:none; font-size:14px; cursor: pointer; font-weight:700; color:#37393C; letter-spacing: 4%; } @media screen and (max-width:550px){ .pdf-container button{ flex-direction: row-reverse; } } /* End */ /* Start:/bitrix/templates/.default/css/fancybox.css?177909834017384*/ body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .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 { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /* End */ /* Start:/bitrix/templates/.default/components/arturgolubev/search.title/header-search/style.css?1787566339806*/ .title-search-result { z-index: 9999; background: #fff; } .search-result a { display: flex; align-items: center; font-size: 14px; color: #000; } .search-result a b { font-weight: bold; } .search-result li .picture { display: flex; align-items: center; width: 50px; height: 50px; margin-right: 5px; } .search-result li img { height: 30px; max-width: 100%; margin-right: 10px; border-radius: 5px; } .title-search-result { padding: 5px; background: #eff1f7; /*display: block !important;*/ } .title-search-all a { background: #000; color: #fff; text-align: center; width: 100%; padding: 5px; display: block; } @media(max-width: 600px) { .title-search-result { width: 100% !important; } } /* End */ /* Start:/bitrix/templates/.default/components/bitrix/search.title/header-search/style.css?1734949010806*/ .title-search-result { z-index: 9999; background: #fff; } .search-result a { display: flex; align-items: center; font-size: 14px; color: #000; } .search-result a b { font-weight: bold; } .search-result li .picture { display: flex; align-items: center; width: 50px; height: 50px; margin-right: 5px; } .search-result li img { height: 30px; max-width: 100%; margin-right: 10px; border-radius: 5px; } .title-search-result { padding: 5px; background: #eff1f7; /*display: block !important;*/ } .title-search-all a { background: #000; color: #fff; text-align: center; width: 100%; padding: 5px; display: block; } @media(max-width: 600px) { .title-search-result { width: 100% !important; } } /* End */ /* Start:/bitrix/templates/.default/components/custom/form.result.new/product-consult/style.css?17454817112156*/ .free_consult_text { font-style: italic; } .js-product-consult-modal .form__group--textarea { margin-top: 0px; } .js-product-consult-modal .form__textarea { min-height: 65px; } .js-product-consult-modal .form_text_100.form__group { width: 100%; } .js-product-consult-modal .form_text_106.form__group { display: none; } .js-product-consult-modal .form_email_102.form__group { margin-right: 18px; } .js-product-consult-modal .form_text_103.form__group { margin-right: 0px !important; } .js-product-consult-modal .form__group.form__group--textarea label, .js-product-consult-modal .form_text_100.form__group label, .js-product-consult-modal .form_email_102.form__group label, .js-product-consult-modal .form_text_103.form__group label { /*font-style: italic !important;*/ color: #999 !important; line-height: 1.5em; } .js-product-consult-modal .form__container.product-info { display: flex; justify-content: center; align-items: center; margin: 20px auto; } .button.product_consult { display: block; border: 1px solid #000; padding: 10px; } .js-product-consult-modal .form__group.form__input-float label { font-size: 16px; font-weight: normal; line-height: 22px; } .js-product-consult-modal .form_text1 { margin-top: 10px; text-align: left; font-style: italic; /*color: #999;*/ } .js-product-consult-modal .form_email_102.form__group .error-message,.js-product-consult-modal .form_text_103.form__group .error-message { position: relative; } @media(max-width: 600px){ .js-product-consult-modal .form__group { width: 100%; margin: 0 auto; margin-right: auto !important; margin-left: auto !important; } .js-product-consult-modal .form_text_103.form__group { margin-right: auto !important; } .js-product-consult-modal .form__textarea { min-height: 90px; } .js-product-consult-modal .form__input-float { max-width: 61% !important; } .js-product-consult-modal .form_text1 { width: 100%; margin: 0 auto; max-width: 300px; } } /* End */ /* Start:/bitrix/templates/.default/components/custom/form.result.new/resheniya-consult/style.css?17454834312309*/ .free_consult_text { font-style: italic; } .js-resheniya-consult-modal .form__group--textarea { margin-top: 0px; } .js-resheniya-consult-modal .form__textarea { min-height: 65px; } .js-resheniya-consult-modal .form_text_120.form__group { width: 100%; } .js-resheniya-consult-modal .form_text_106.form__group { display: none; } .js-resheniya-consult-modal .form_email_102.form__group { margin-right: 18px; } .js-resheniya-consult-modal .form_text_103.form__group { margin-right: 0px !important; } .js-resheniya-consult-modal .form__group.form__group--textarea label, .js-resheniya-consult-modal .form_text_100.form__group label, .js-resheniya-consult-modal .form_email_102.form__group label, .js-resheniya-consult-modal .form_text_103.form__group label { /*font-style: italic !important;*/ color: #999 !important; line-height: 1.5em; } .js-resheniya-consult-modal .form__container.product-info { display: flex; justify-content: center; align-items: center; margin: 20px auto; } .js-resheniya-consult-modal .form__container.product-info img { max-width: 275px; padding-right: 20px; } .button.product_consult { display: block; border: 1px solid #000; padding: 10px; } .js-resheniya-consult-modal .form__group.form__input-float label { font-size: 16px; font-weight: normal; line-height: 22px; } .js-resheniya-consult-modal .form_text1 { margin-top: 10px; text-align: left; font-style: italic; /*color: #999;*/ } .js-resheniya-consult-modal .form_email_122.form__group .error-message,.js-resheniya-consult-modal .form_text_123.form__group .error-message { position: relative; } @media(max-width: 600px){ .js-resheniya-consult-modal .form__group { width: 100%; margin: 0 auto; margin-right: auto !important; margin-left: auto !important; } .js-resheniya-consult-modal .form_text_103.form__group { margin-right: auto !important; } .js-resheniya-consult-modal .form__textarea { min-height: 90px; } .js-resheniya-consult-modal .form__input-float { max-width: 61% !important; } .js-resheniya-consult-modal .form_text1 { width: 100%; margin: 0 auto; max-width: 300px; } } /* End */ /* Start:/bitrix/templates/.default/components/custom/form.result.new/price/style.css?17455023422172*/ .js-get-price-modal .form__group.form__input-float label { font-size: 16px; font-weight: normal; line-height: 22px; } .js-get-price-modal .js-get-price-submit { display: block; border: 1px solid #fff; background: #999; color: #fff !important; } .js-get-price-modal .form__container.product-info { display: flex; justify-content: center; align-items: center; margin: 20px auto; } .js-get-price-modal .form__group.form__group--textarea label { line-height: 1em; } .communication-modal .form__group { display: inline-block; vertical-align: top; width: 48%; } .communication-modal .form__group.form__group--textarea { display: inline-block; vertical-align: top; width: 100%; } .communication-modal .form_text_12 { width: 100%; } .communication-modal .form_text1 { margin-top: 10px; text-align: left; font-style: italic; } .communication-modal .form__group.form__group--textarea label, .communication-modal .form_text_12.form__group label, .communication-modal .form_email_13.form__group label, .communication-modal .form_text_14.form__group label { color: #999 !important; line-height: 1.5em; } .communication-modal .form__group.form__group--textarea label { top: 0; } .js-get-price-modal .form_email_12.form__group .error-message, .js-get-price-modal .form_text_13.form__group .error-message { position: relative; } .is-error-true~.error-message, .error-message.active { opacity: 1; } @media (max-width: 600px) { .communication-modal .form__group { display: inline-block; vertical-align: top; width: 100% !important; } .communication-modal .form_text1 { margin-top: 10px; text-align: left; font-style: italic; width: 72%; margin: 0 auto; } .js-get-price-modal .form__container.product-info { width: 90%; } .js-get-price-modal .free_consult_text { width: 90%; margin: 0 auto; } .js-get-price-modal .form__input-float { max-width: 61% !important; } .js-get-price-modal textarea { height: 70px; } } /* End */ /* Start:/bitrix/templates/.default/components/custom/form.result.new/write-us/style.css?1748596380920*/ .communication-modal .form_text_54 { width: 100%; } .communication-modal .form__group.form__group--textarea label { /* font-style: italic !important; */ color: #999 !important; line-height: 1.5em; } .communication-modal .form__textarea { min-height: 65px; } .communication-modal .form__group.form__input-float label { font-size: 16px; font-weight: normal; line-height: 22px; } .communication-modal .form_text1 { margin-top: 10px; text-align: left; font-style: italic; } .communication-modal .form .button { background: #999; color: #fff; } @media(max-width: 600px){ .communication-modal .form__textarea { min-height: 100px; } .communication-modal .form__group.form__input-float { width: 100%; max-width: 268px !important; } .communication-modal .form_text1 { max-width: 300px; margin: 0 auto; } } /* End */ /* Start:/bitrix/templates/git/template_styles.css?17791017611968*/ .hide-js { display: none; } .new-menu-header .submenu__block > .submenu__elements{ display: flex; flex-wrap: wrap; } .footer__nav.footer-menu .footer__nav-block{ width: 20%; } .footer__nav.footer-menu .footer__nav-block:first-child{ width: 25%; } .footer__nav.footer-menu .footer__nav-block:last-child{ width: 15%; } .footer .footer-menu .socials{ left: 35px; padding: 0; } .footer__top-block:nth-of-type(1) { width: 27%; padding: 4px 24px 0; } .footer__top-block:nth-of-type(2) { width: 31%; padding: 4px 40px 0 0; } .footer__top-block:nth-of-type(3) { width: 15%; padding: 14px 40px 0 0; } .footer__top-block:nth-of-type(4) { width: 19.3%; padding: 0 40px 0 0; } @media (max-width: 1229px){ .footer__nav.footer-menu .footer__nav-block{ width: 100%!important; } .footer .footer-menu .socials { left: 0; } .footer__top-block:nth-of-type(1) { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; width: 100%; padding: 0; margin: 0 0 28px; } .footer__top-block:nth-of-type(2) { width: 100%; padding: 0; } .footer__top-block:nth-of-type(3) { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; padding: 0; margin: 0 0 27px; } .footer__top-block:nth-of-type(4) { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; width: 100%; padding: 0; } } .header__other-write { opacity: 1; } .footer__socials { margin-bottom: 20px; } .company_work { margin-bottom: 20px; } .company_work p { font-size: 14px; font-weight: 400; color: #e2e2e3; } .desc__prod .description__text h2{ font-size: 22px; margin: 20px 0 10px; } .desc__prod .description__text h3{ font-size: 18px; margin: 20px 0 10px; } .desc__prod .description__text p{ margin-bottom: 10px; } .desc__prod .description__text ul{ list-style-type: disc; margin-left: 20px; } .desc__prod .description__text ol{ margin-left: 20px; } .desc__prod .description__text li{} /* End */ /* /bitrix/templates/.default/css/jquery.mCustomScrollbar.min.css?168484362342821 */ /* /bitrix/templates/.default/css/main.css?1784209612507138 */ /* /bitrix/templates/.default/css/custom.css?179119821199177 */ /* /bitrix/templates/.default/css/fancybox.css?177909834017384 */ /* /bitrix/templates/.default/components/arturgolubev/search.title/header-search/style.css?1787566339806 */ /* /bitrix/templates/.default/components/bitrix/search.title/header-search/style.css?1734949010806 */ /* /bitrix/templates/.default/components/custom/form.result.new/product-consult/style.css?17454817112156 */ /* /bitrix/templates/.default/components/custom/form.result.new/resheniya-consult/style.css?17454834312309 */ /* /bitrix/templates/.default/components/custom/form.result.new/price/style.css?17455023422172 */ /* /bitrix/templates/.default/components/custom/form.result.new/write-us/style.css?1748596380920 */ /* /bitrix/templates/git/template_styles.css?17791017611968 */