/* Start:/bitrix/templates/maxgas/css/reset.css?14867098021794*/ *, *:before, *:after{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, nav, menu, section{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } img{ vertical-align: top; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; } input, button, select, textarea{ font-size: 100%; margin: 0; padding: 0; } html, div, ul, li, p, form, span, img, h1, h2, h3, h4, h5, h6, ins, header, footer, nav, menu, section{ position: relative; } html{ min-height: 100%; } body{ width: 100%; } ol, ul, menu, nav{ list-style: none; } div, header, footer, nav, menu, section{ display: block; } blockquote, q{ quotes: none; } button, input, textarea, :focus{ outline: 0; } button::-moz-focus-inner{ border: 0; } textarea{ overflow: auto; resize: vertical; } ins{ display: inline-block; *display: inline; text-decoration: none; } del{ text-decoration: line-through; } table{ width: 100%; border-collapse: collapse; border-spacing: 0; } abbr{ cursor: help; } label, input[type="button"], input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"], select, a[href], button{ cursor: pointer; } a[disabled], input[disabled], button[disabled]{ cursor: default; } hr{ background: 0; border: 0; height: 0; margin: 0; } h1, h2, h3, h4, h5, h6{ font-weight: normal; } /* End */ /* Start:/bitrix/templates/maxgas/css/jquery.mCustomScrollbar.min.css?148670980243145*/ .mCustomScrollbar{-ms-touch-action:none;touch-action:none}.mCustomScrollbar.mCS_no_scrollbar{-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}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px}.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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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}.mCSB_scrollTools{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.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-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}.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}.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{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)}.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-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.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{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 .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.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/maxgas/js/fancybox/jquery.fancybox.css?14722012784907*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/maxgas/js/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/bitrix/templates/maxgas/js/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/bitrix/templates/maxgas/js/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { /*overflow: hidden !important;*/ width: auto; } .fancybox-lock body { /*overflow: hidden !important;*/ } .fancybox-lock-test { /*overflow-y: hidden !important;*/ } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/bitrix/templates/maxgas/js/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/maxgas/js/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/bitrix/templates/maxgas/js/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/bitrix/templates/maxgas/css/main.css?1750940312295008*/ @import url("/bitrix/templates/maxgas/css/../fonts/exo2.0-black.css"); @import url("/bitrix/templates/maxgas/css/../fonts/exo2.0-bold.css"); @import url("/bitrix/templates/maxgas/css/../fonts/MyriadProRegilar.css"); @import url("/bitrix/templates/maxgas/css/../fonts/MyriadPro-Bold.css"); @import url("/bitrix/templates/maxgas/css/../fonts/MyriadPro-Black.css"); @import url("/bitrix/templates/maxgas/css/../fonts/myriadpro-it.css"); @import url("/bitrix/templates/maxgas/css/../fonts/Droid.css"); @import url("/bitrix/templates/maxgas/css/../fonts/MyriadPro-Black.css"); @import url("/bitrix/templates/maxgas/css/../fonts/MyriadPro-Black.css"); @import url("/bitrix/templates/maxgas/css/../fonts/alsrubl.css"); input, textarea { font: 14px Arial, sans-serif } input::-ms-clear, textarea::-ms-clear { display: none } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-moz-keyframes bounce { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @-ms-keyframes bounce { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @keyframes bounce { 0% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px) } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } } @keyframes show { from {opacity: 0;} to {opacity: 1;} } h1, h2, h3, h4, h5, h6, strong { font-weight: normal; } html { min-height: 100% } body { background: #fff; font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100; -webkit-text-size-adjust: none; color: #21313e; line-height: 18px; max-width: 1900px; min-height: 100%; animation: 1s show ease; } .table { display: table; height: 100% } .table .table_cell { display: table-cell; vertical-align: middle } body>iframe, iframe[name=post_form] { position: absolute; left: -9999px; bottom: 0 } .error { border-color: red !important } .alignment { position: relative; display: inline-block; height: 100%; vertical-align: top; } .alignment:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em } .justi { text-align: justify; zoom: 1 } .justi:after { content: ''; width: 100%; height: 0; display: inline-block; position: relative } .wrapper { margin: 0 auto; position: relative; min-height: 100%; padding: 0 5%; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } /****.order_set_gbo_section .btn_request{ background-image: url("/bitrix/templates/maxgas/css/../img/btn/order_installation.png"); width: 360px; background-repeat: no-repeat; }***/ .order_set_gbo_section{ min-height: 100px; } button[type="button"]:not([class^="b24"]), button[type="submit"]:not([class^="b24"]) { background-color: transparent } #content { width: 100%; box-sizing: border-box; padding-bottom: 30px; box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.3) inset; -o-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.3) inset; -ms-box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.3) inset; clear: both; } a { text-decoration: none } .title { margin: 0 0 30px 0; padding-top: 22px } .title h1 { color: #010101; font-family: "Roboto", sans-serif; font-weight: 700; line-height: 45px; font-size: 40px; display: inline-block; margin-right: 4%; padding-left: 5%; /*min-width: 440px;*/ vertical-align: top; padding-right: 10px } .title h1:after { content: ''; width: 8px; height: 28px; background: #e80100; position: absolute; top: 0; bottom: 0; right: -30px; margin: auto } .title h1 ins { position: relative; min-width: 260px } .title .breadcrumbs { display: inline-block; margin-top: 20px; margin-left: 1% } .title .breadcrumbs li { float: left; margin-right: 47px; position: relative; margin-bottom: 5px } .title .breadcrumbs li:after { content: ''; background: url("/bitrix/templates/maxgas/css/../img/ico/breadcrumbs_arrow.png"); width: 26px; height: 3px; position: absolute; top: 50%; margin-top: -1.5px; right: -36px } .title .breadcrumbs li:last-child:after { display: none } .title .breadcrumbs li a { color: #8093a2; text-transform: uppercase; font-family: Verdana, Geneva, sans-serif; display: inline-block; font-size: 10px; border-bottom: 1px solid #8093a2 } .title .breadcrumbs li a:hover { color: #00a2ff; border-bottom: 1px solid #00a2ff } .title .breadcrumbs li ins { color: #fff; text-transform: uppercase; font-family: Verdana, Geneva, sans-serif; cursor: default; padding: 1px 9px; background: #8093a2; font-size: 10px } .title.bottomTitle strong, .title.bottomTitle h2 { color: #010101; font: 40px 'Roboto', sans-serif; font-weight: 800; display: inline-block; margin: 0; margin-right: 4%; padding-left: 5%; /*min-width: 440px;*/ vertical-align: top; position: relative; padding-right: 10px } .title.bottomTitle strong:after, .title.bottomTitle h2:after { content: ''; width: 8px; height: 28px; background: #e80100; position: absolute; top: 0; bottom: 0; right: -30px; margin: auto } .title.bottomTitle strong ins, .title.bottomTitle h2 ins { position: relative; min-width: 260px } .title.bottomTitle h1 { font-size: 22px; color: #142431; padding-left: 5%; margin-top: 20px; width: auto; display: block } .title.bottomTitle h1:after { display: none } a.link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2 } .btn { background-color: transparent; border: 0; font-size: 0; background-position: top } .btn:hover { background-position: center } .btn:active { background-position: bottom } .jselector { display: inline-block; cursor: pointer; width: 130px; background-color: #d9e2e9; font: 19px/33px 'MyriadProRegular'; color: #516a6f } .jselector.disabled { opacity: 0.5; pointer-events: none } .jselector .mCSB_draggerContainer { background: transparent; border-radius: 4px !important } .jselector .mCSB_dragger { background: #7d9198; border-radius: 4px !important } .jselector .mCSB_dragger .mCSB_dragger_bar { width: 8px !important; border-radius: 0px !important } .jselector .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #79b8ce } .jselector .mCSB_dragger:hover .mCSB_dragger_bar { background: #19b0fe !important } .jselector .mCSB_dragger:active .mCSB_dragger_bar { background: #19b0fe !important } .jselector .mCSB_scrollTools { opacity: 1; left: 130px } .jselector .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 0; z-index: 20 } .jselector .wrap { padding: 0px 10px 0px 10px; } .jselector .wrap:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/ico/tel_icon.png"); background-position: top; width: 15px; height: 15px; position: absolute; top: 10px; left: 13px; display: none; } .jselector select { display: none } .jselector button { background-image: url("/bitrix/templates/maxgas/css/../img/ico/dropdown.png"); width: 17px; height: 8px; background-position: top; background-repeat: no-repeat; background-color: transparent; position: absolute; top: 14px; right: 14px; border: 0; font-size: 0 } .jselector .dropdown { position: absolute; left: -3000px; width: 100%; background: #d9e2e9; border: 0; z-index: 89; max-height: 205px; transition: opacity .4s; opacity: 0; top: 100% } .jselector .dropdown.shown { left: 0; opacity: 1 } .jselector .dropdown ul li { height: 33px; line-height: 33px; padding: 0px 10px 0px 10px; color: #516a6f; } .jselector .dropdown ul li.selected { background: #79b8ce; color: #000 } .jselector .dropdown ul li.selected:hover { background: #79b8ce; color: #c7f0f9 } .jselector .dropdown ul li:hover { color: #eb0000 } .jselector:hover { background-color: #08a4ee } .jselector:hover .wrap button { background-position: bottom } .jselector:hover .wrap span { color: #fff } .jselector:hover .wrap:after { background-position: bottom } .clearfix:after { content: ""; display: block; clear: both } #footer { border-top: 2px solid #f0f0f0; margin-top: 55px; /*position: absolute; left: 0; bottom: 0; right: 0; max-width: 1900px; margin: 0 auto;*/ /*padding: 20px 0 0; height: 108px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box*/ } #footer .wrapper { padding: 25px 5% 80px; min-height: auto; } #footer .wrapper .top_row { display: flex; /* align-items: center;*/ justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; } #footer .wrapper .top_row .copy_and_privacy_policy { font: 18px 'Roboto', sans-serif; color: #818181; } #footer .wrapper .top_row .callback_block { display: flex; flex-direction: column; } #footer .wrapper .top_row .callback_block a { color: #142532; font: 21px 'Roboto', sans-serif; } #footer .wrapper .top_row .callback_block a span { font: 21px 'Roboto', sans-serif; font-weight: bold; color: #e80304; } #footer .wrapper .top_row .callback_block > span { font: 16px 'Roboto', sans-serif; color: #767f8c; margin-bottom: 7px; } #footer .wrapper .second_row { } #footer .wrapper .second_row p { font: 18px 'Roboto', sans-serif; max-width: 1100px; color: #818181; } #footer .soc_block { /****float: right; margin-right: 25px;***/ margin-top: 20px } #footer .soc_block em { text-decoration: none; vertical-align: top; line-height: 28px; font-family: 'Roboto', sans-serif; font-weight: 800; font-size: 16px; color: #9cabb4; font-style: normal } #footer .soc_block a:hover em { color: #fc0202 } #footer .soc_block a:hover span { background-position: center } #footer .soc_block a:hover span.fb { background-position: bottom } #footer .soc_block a span { display: inline-block; margin-right: 7px; background-repeat: no-repeat; background-position: bottom; width: 28px; height: 28px } #footer .soc_block a span.vk { background-image: url("/bitrix/templates/maxgas/css/../img/ico/vk_icon.png") } #footer .soc_block a span.fb { background-position: top; background-image: url("/bitrix/templates/maxgas/css/../img/ico/fb_footer.png") } /****#footer .btn_request***/#footer .btn, .order_set_gbo_section .btn { /*background-image: url("/bitrix/templates/maxgas/css/../img/btn/btn_request.png"); width: 231px;*/ background-image: url("/bitrix/templates/maxgas/css/../img/btn/order_installation.png"); width: 360px; height: 80px; background-position: top; background-repeat: no-repeat; display: inline-block; text-decoration: none; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; cursor: pointer; } #footer .btn_request:hover { background-position: center } #footer .btn_request:active { background-position: bottom } #footer .bstd { float: right; width: 135px; margin-top: 18px } #footer .bstd>a { display: inline-block; position: relative; z-index: 1; float: left; margin-right: 12px } #footer .bstd p { color: #2b2e47; font: 10px 'Arial'; line-height: 13px } #footer .bstd p a { color: #2b2e47; text-decoration: underline } #footer .bstd p a:hover { text-decoration: none } #header { height: 131px; max-width: 1900px; /* text-align: right;*/ position: sticky; top: 0; z-index: 111; background-color: #fff; /*background: url(/bitrix/templates/maxgas/img/vetochka_yelki.png) no-repeat top right #fff;*/ } #header>div { display: inline-block; vertical-align: top; text-align: left } #header .logo { background: linear-gradient(to bottom, #d30103, #fd0505); width: 440px; height: 131px; margin-right: 1%; float: left; padding-left: 5% } #header .logo a { display: block; z-index: 999; } #header .main_menu { margin: 45px 50px 0 0; float: left; /*width: 38%*/ } #header .main_menu ul li { display: inline-block; vertical-align: top; position: relative; padding: 6px 10px 8px 10px } #header .main_menu ul li a { color: #142532; font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 500; display: inline-block; text-decoration: none; border-bottom: 1px solid; padding-bottom: 4px; z-index: 9999 } #header .main_menu ul li a:hover { color: #0383e6 } #header .main_menu ul li .submenu { vertical-align: top; background: #d9e2e9; padding: 10px; position: absolute; top: 37px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; z-index: 10; position: absolute; display: none; left: -30%; width: 174%; z-index: 88; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25); -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25) } #header .main_menu ul li .submenu li { display: block; padding: 0; margin-bottom: 10px } #header .main_menu ul li .submenu li:last-child { margin: 0 } #header .main_menu ul li .submenu li a { color: #647683; font-size: 14px; font-family: 'MyriadProRegular'; border: none; line-height: 20px; text-decoration: underline; padding: 0; text-align: left; display: block } #header .main_menu ul li .submenu li a:hover { color: #0383e6 } #header .main_menu ul li .submenu li.active a { color: #ff0000 } #header .main_menu ul li:hover { background: #d9e2e9 } #header .main_menu ul li:hover a { color: #0383e6 } #header .main_menu ul li:hover .submenu { display: block } #header .main_menu ul li.active a { color: #ff0000 } #header .contacts { margin: 33px 3% 0 0; display: none; width: 181px; } #header .contacts .contacts_address, #footer .contacts .contacts_address{ position: absolute; right: 200px; min-width: 215px; /*line-height: 35px;*/ } #header .contacts .select_address, #footer .contacts .select_address{ margin-bottom: 17px; z-index: 66; display:none; } #header .contacts .select_address span.address , #footer .contacts .select_address span.address { line-height: 40px; display: block; } #header .contacts .select_address div.num, #footer .contacts .select_address div.num{ text-align:center; } #header .contacts .select_address .jselector , #footer .contacts .select_address .jselector { width:280px; } #header .contacts .select_address .jselector .wrap:after , #footer .contacts .select_address .jselector .wrap:after { content:none; } #header .contacts .select { margin-bottom: 17px; z-index: 66; } #fcity_tlt .jselector{ width: 300px; } #header .contacts .phone_list { pointer-events: none } #header .contacts .phone_list>li { display: none } #header .contacts .phone_list>li a { font: 24px 'Roboto', sans-serif; font-weight: 300; color: #142532; white-space: nowrap } #header .contacts .phone_list>li b { font-family: 'exo-2-black' } #header .callback_block { margin-top: 20px; margin-right: 5%; display: inline-flex; flex-direction: column; float: right; } #header .callback_block.mobile { display: none; } #header .callback_block a { color: #142532; font-size: 21px; font-family: "Roboto", sans-serif; font-weight: 400; } #header .callback_block a span { font-size: 21px; font-family: "Roboto", sans-serif; font-weight: 500; color: #e80304; } #header .callback_block > span { font-size: 16px; font-family: "Roboto", sans-serif; font-weight: 400; color: #767f8c; margin-bottom: 7px; } #header .callback_block .connect_button { background: url(/images/connect.png) no-repeat; width: 220px; height: 69px; cursor: pointer; padding: 6px 0px 0px 10px; } #header .callback_block .connect_button img { -moz-animation: cycle 4s linear infinite; -webkit-animation: cycle 4s linear infinite; } .connect_section { width: 641px; height: 100%; background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; right: 0; z-index: 9999; } .connect_section .icon_close { position: absolute; top: 16px; right: 16px; cursor: pointer; } .connect_section .block_rows_connect { width: 70%; position: absolute; top: 100px; left: 0; right: 0; margin: auto; overflow: auto; height: 100%; } .connect_section .block_rows_connect .row_connect { display: flex; margin-bottom: 37px; align-items: center; } .connect_section .block_rows_connect .row_connect.telephones { align-items: start; } .connect_section .block_rows_connect .row_connect img { margin-right: 21px; max-width: 59px; } .connect_section .block_rows_connect .row_connect a { color: #fff; font-size: 30px; font-weight: bold; cursor: pointer; line-height: 30px; } .connect_section .block_rows_connect .telephones a { border-bottom: 1px solid; } .connect_section .block_rows_connect .row_connect span { display: block; color: #fff; font-size: 30px; font-weight: bold; margin: 17px 0px 15px; } #header .callback_block .phone .call_btn { color: #EE1D23; display: inline-block; text-transform: uppercase; display: inline-block; font: 13px 'Verdana'; border-bottom: 2px dotted; font-weight: 700; margin-left: 33px; position: relative; } #header .callback_block .phone .call_btn:after { content: ''; background: url("/bitrix/templates/maxgas/css/../img/ico/callback_icon.png"); width: 23px; height: 23px; background-repeat: no-repeat; background-position: top; position: absolute; top: 0px; left: -33px } #header .callback_block .phone .call_btn:hover { color: #0383e6 } #header .callback_block .phone .call_btn:hover:after { background-position: bottom } #header .callback_block .phone .callback_popup { width: 219px; background: #d9e2e9; padding: 0; position: absolute; top: 56px; right: 0; text-align: left; z-index: 77; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; display: none } #header .callback_block .phone .callback_popup .popup_close { background-image: url("/bitrix/templates/maxgas/css/../img/btn/as_close.png"); width: 18px; height: 19px; background-repeat: no-repeat; background-position: top; position: absolute; top: 10px; right: 10px; z-index: 66 } #header .callback_block .phone .callback_popup .popup_close:hover { background-position: bottom } #header .callback_block .phone .callback_popup .form_wrap { display: none } #header .callback_block .phone .callback_popup form { margin: 18px auto 0px auto; text-align: center; width: 156px } #header .callback_block .phone .callback_popup form .element label { display: block; height: 65px; position: relative } #header .callback_block .phone .callback_popup form .element label p { font: 14px 'MyriadProRegular'; color: #5d6c77; position: absolute; top: 0; left: 0 } #header .callback_block .phone .callback_popup form .element label input[type="text"] { margin-top: 25px } #header .callback_block .phone .callback_popup form input[type="text"] { width: 156px; height: 31px; background: #c6d3dd; border: none; padding-left: 15px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; font-size: 14px; text-align: left; color: #04234a; margin-bottom: 16px; -webkit-box-shadow: inset 2px 2px 2px rgba(0, 29, 61, 0.2); -moz-box-shadow: inset 2px 2px 2px rgba(0, 29, 61, 0.2); -ms-box-shadow: inset 2px 2px 2px rgba(0, 29, 61, 0.2); -o-box-shadow: inset 2px 2px 2px rgba(0, 29, 61, 0.2); box-shadow: inset 2px 2px 2px rgba(0, 29, 61, 0.2) } #header .callback_block .phone .callback_popup form input[type="text"]::-moz-placeholder { color: #96b6d3; font-size: 14px } #header .callback_block .phone .callback_popup form input[type="text"]:-moz-placeholder { color: #96b6d3; font-size: 14px } #header .callback_block .phone .callback_popup form input[type="text"]:-ms-input-placeholder { color: #96b6d3; font-size: 14px } #header .callback_block .phone .callback_popup form input[type="text"]::-webkit-input-placeholder { color: #96b6d3; font-size: 14px } #header .callback_block .phone .callback_popup form input[type="text"]::placeholder { color: #96b6d3; font-size: 14px } #header .callback_block .phone .callback_popup form input[type="text"]::input-placeholder { color: #96b6d3; font-size: 14px } #header .callback_block .phone .callback_popup form input[type="text"].error { background: #ff7571; box-shadow: inset 2px 2px 4px #9c3f3d; -o-box-shadow: inset 2px 2px 4px #9c3f3d; -moz-box-shadow: inset 2px 2px 4px #9c3f3d; -ms-box-shadow: inset 2px 2px 4px #9c3f3d; color: #a5423f } #header .callback_block .phone .callback_popup form input[type="text"].error::-moz-placeholder { font-family: 'MyriadProRegular'; font-size: 14px; color: #a5423f } #header .callback_block .phone .callback_popup form input[type="text"].error:-moz-placeholder { font-family: 'MyriadProRegular'; font-size: 14px; color: #a5423f } #header .callback_block .phone .callback_popup form input[type="text"].error:-ms-input-placeholder { font-family: 'MyriadProRegular'; font-size: 14px; color: #a5423f } #header .callback_block .phone .callback_popup form input[type="text"].error::-webkit-input-placeholder { font-family: 'MyriadProRegular'; font-size: 14px; color: #a5423f } #header .callback_block .phone .callback_popup form input[type="text"].error::placeholder { font-family: 'MyriadProRegular'; font-size: 14px; color: #a5423f } #header .callback_block .phone .callback_popup form input[type="text"].error::input-placeholder { font-family: 'MyriadProRegular'; font-size: 14px; color: #a5423f } #header .callback_block .phone .callback_popup form input[type="text"].error+p { color: #ff0000 } #header .callback_block .phone .callback_popup form button[type="submit"] { width: 156px; height: 60px; border: none; background-image: url("/bitrix/templates/maxgas/css/../img/btn/send_btn.png"); background-repeat: no-repeat; background-position: top; margin-top: 5px } #header .callback_block .phone .callback_popup form button[type="submit"]:hover { background-position: center } #header .callback_block .phone .callback_popup form button[type="submit"]:active { background-position: bottom } #header .callback_block .phone .callback_popup .thanks { display: none; height: 200px; position: relative; padding: 45px 20px 20px 20px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; text-align: center } #header .callback_block .phone .callback_popup .thanks strong { font-size: 20px; line-height: 26px; color: #1b2e3c; font-family: 'Roboto', sans-serif; font-weight: 800; font-weight: normal } #header .callback_block .phone .callback_popup .thanks p { margin-top: 20px; color: #5d6c77; font-size: 14px; line-height: 17px } #header .callback_block .soc_block { margin-top: 25px } #header .callback_block .soc_block em { text-decoration: none; vertical-align: top; line-height: 28px; font-family: 'Roboto', sans-serif; font-weight: 800; font-size: 16px; color: #0096ff; font-style: normal } #header .callback_block .soc_block a:hover em { color: #fc0202 } #header .callback_block .soc_block a:hover span { background-position: center } #header .callback_block .soc_block a:hover span.fb { background-position: bottom } #header .callback_block .soc_block a span { display: inline-block; margin-right: 7px; background-repeat: no-repeat; background-position: top; width: 28px; height: 28px } #header .callback_block .soc_block a span.vk { background-image: url("/bitrix/templates/maxgas/css/../img/ico/vk_icon.png") } #header .callback_block .soc_block a span.fb { background-image: url("/bitrix/templates/maxgas/css/../img/ico/fb_header.png") } #header #right-menu { flex-direction: column; align-items: center; justify-content: center; width: 48px; height: 100%; background: #c50202; position: absolute; top: 0px; right: 0; z-index: 77; display: none; } #header #right-menu .icon-bar { width: 24px; height: 4px; display: block; margin-bottom: 6px; background: #fff } #header .sidr { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; z-index: 88 } #header .sidr ul { border: none } .main_block { font-size: 0; margin-bottom: 53px } .main_block .calculator { background: #acb6c4; background: -moz-linear-gradient(top, #acb6c4 0%, #bbc7d2 15%, #d8dfe5 30%, #d8e1ec 100%); background: -webkit-linear-gradient(top, #acb6c4 0%, #bbc7d2 15%, #d8dfe5 30%, #d8e1ec 100%); background: linear-gradient(to bottom, #acb6c4 0%, #bbc7d2 15%, #d8dfe5 30%, #d8e1ec 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#acb6c4', endColorstr='#d8e1ec', GradientType=0); display: inline-block; vertical-align: top; width: 60%; height: 536px; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; padding-left: 5%; padding-top: 25px } .main_block .calculator h3 { color: #283441; font: 30px 'Roboto', sans-serif; font-weight: 800; margin-bottom: 10px } .main_block .calculator .leftside { width: 55%; display: inline-block; vertical-align: top; float: left; height: 448px; text-align: left } .main_block .calculator .leftside .calc_filters { width: 90%; height: 100% } .main_block .calculator .leftside .calc_filters .calc_filter { padding-right: 10px; margin-bottom: 35px } .main_block .calculator .leftside .calc_filters .calc_filter p { color: #4c5f6e; font-size: 16px; margin-bottom: 5px } .main_block .calculator .leftside .calc_filters .calc_filter p strong { font-family: 'MyriadPro-Black' } .main_block .calculator .leftside .calc_filters .calc_filter .values span { color: #666666; font: 14px 'MyriadProRegular'; position: absolute; bottom: -30px } .main_block .calculator .leftside .calc_filters .calc_filter .values span:first-child { left: 0 } .main_block .calculator .leftside .calc_filters .calc_filter .values span:last-child { right: -5px } .main_block .calculator .leftside .calc_filters .calc_filter .slider_wrap { padding: 0 25px } .main_block .calculator .leftside .calc_filters .calc_filter .slider { height: 4px; background: #848896; background: -moz-linear-gradient(top, #848896 0%, #acaeb9 100%); background: -webkit-linear-gradient(top, #848896 0%, #acaeb9 100%); background: linear-gradient(to bottom, #848896 0%, #acaeb9 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#848896', endColorstr='#acaeb9', GradientType=0); border-radius: 0; border: none; margin-top: 20px } .main_block .calculator .leftside .calc_filters .calc_filter .slider .ui-slider-handle { width: 43px; height: 32px; background: #fff; border: 4px solid #ff0000; margin-top: -11px; font: 14px 'Roboto', sans-serif; font-weight: 800; color: #283441; text-align: center; border-radius: 0; padding-top: 3px; display: inline-block; position: relative; cursor: pointer } .main_block .calculator .leftside .calc_filters .calc_filter .slider .ui-slider-handle:after { content: ''; background: url("/bitrix/templates/maxgas/css/../img/btn/handle_shadow.png"); width: 51px; height: 12px; position: absolute; bottom: -16px; left: -7px } .main_block .calculator .leftside .calc_filters .calc_filter .slider .ui-slider-handle:hover { border: 4px solid #00a4f0; color: #00a4f0 } /*.main_block .calculator .leftside .calc_filters .radioblock { position: absolute; left: 0; right: 0; bottom: 0; height: 273px }*/ .main_block .calculator .leftside .calc_filters .radioblock .kolvo_cilindrov p strong { font-size: 16px; color: #4c5f6e; font-family: 'MyriadPro-Black'; } .main_block .calculator .leftside .calc_filters .radioblock .types_fuel { height: 273px } .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type { display: inline-block; width: 85px; vertical-align: top; text-align: center; } .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type input[type="button"] { background-image: url("/bitrix/templates/maxgas/css/../img/btn/benzin92_btn.png"); width: 85px; height: 56px; background-position: top; background-repeat: no-repeat; display: inline-block; border: none; background-color: transparent; cursor: pointer } .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type input[type="button"]:hover { background-position: center } .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type input[type="button"]:active { background-position: bottom } .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type input[type="button"].active { background-image: url("/bitrix/templates/maxgas/css/../img/btn/benzin92_btn_active.png") } .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type span { display: block; text-align: center; font: 14px 'Roboto', sans-serif; font-weight: 800; color: #283441; margin-bottom: 20px } .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type span em { font-style: normal; margin-right: 3px; display: inline-block } .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type span ins { font-family: 'ALSRubl'; font-weight: 800 } .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type.gas input[type="button"] { background: url("/bitrix/templates/maxgas/css/../img/btn/gas_btn_disabled.png") no-repeat; cursor: default; pointer-events: none } .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type.benzin:last-child input[type="button"] { background-image: url("/bitrix/templates/maxgas/css/../img/btn/benzin95_btn.png") } .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type.benzin:last-child input[type="button"].active { background-image: url("/bitrix/templates/maxgas/css/../img/btn/benzin95_btn_active.png") } .main_block .calculator .rightside { width: 45%; display: inline-block; float: right; vertical-align: top } .main_block .calculator .rightside .counter_block { width: 260px; margin: auto; margin-top: 10px } .main_block .calculator .rightside .counter_block .counter_item { text-align: center; background-image: url("/bitrix/templates/maxgas/css/../img/counter_block_ico.png"); background-color: transparent; background-repeat: no-repeat; background-position: center center; width: 199px; height: 253px; z-index: 66; margin: auto } .main_block .calculator .rightside .counter_block .economy_money { font-size: 16px; padding-right: 12px; position: absolute; top: 132px; left: 10px; right: 0; margin: auto; width: 120px } .main_block .calculator .rightside .counter_block .economy_money span { display: inline-block; background-image: url("/bitrix/templates/maxgas/css/../img/counter.png"); width: 18px; height: 28px; background-position-x: center; background-position: 0 0px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; float: left } .main_block .calculator .rightside .counter_block .economy_money span.empty { background-image: url("/bitrix/templates/maxgas/css/../img/empty.png") } .main_block .calculator .rightside .counter_block .economy_money span.pos0 { background-position: 0 0 } .main_block .calculator .rightside .counter_block .economy_money span.pos1 { background-position: 0 -28px } .main_block .calculator .rightside .counter_block .economy_money span.pos2 { background-position: 0 -56px } .main_block .calculator .rightside .counter_block .economy_money span.pos3 { background-position: 0 -84px } .main_block .calculator .rightside .counter_block .economy_money span.pos4 { background-position: 0 -112px } .main_block .calculator .rightside .counter_block .economy_money span.pos5 { background-position: 0 -140px } .main_block .calculator .rightside .counter_block .economy_money span.pos6 { background-position: 0 -168px } .main_block .calculator .rightside .counter_block .economy_money span.pos7 { background-position: 0 -196px } .main_block .calculator .rightside .counter_block .economy_money span.pos8 { background-position: 0 -224px } .main_block .calculator .rightside .counter_block .economy_money span.pos9 { background-position: 0 -252px } .main_block .calculator .rightside .counter_block .economy_money span:nth-child(0) { -webkit-transition: 0; -moz-transition: 0; -ms-transition: 0; -o-transition: 0; transition: 0 } .main_block .calculator .rightside .counter_block .economy_money span:nth-child(1) { -webkit-transition: .1s; -moz-transition: .1s; -ms-transition: .1s; -o-transition: .1s; transition: .1s } .main_block .calculator .rightside .counter_block .economy_money span:nth-child(2) { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } .main_block .calculator .rightside .counter_block .economy_money span:nth-child(3) { -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .main_block .calculator .rightside .counter_block .economy_money span:nth-child(4) { -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s } .main_block .calculator .rightside .counter_block .economy_money span:nth-child(5) { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s } .main_block .calculator .rightside .counter_block .economy_money span:nth-child(6) { -webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; transition: .6s } .main_block .calculator .rightside .counter_block .economy { font: 18px/26px 'Roboto', sans-serif; font-weight: 800; color: #283441; text-align: left; margin-bottom: 20px } .main_block .calculator .calc_buttons_form .save_my_money { background-image: url("/bitrix/templates/maxgas/css/../img/btn/i_want_gas.png"); background-repeat: no-repeat; background-position: top; width: 220px; height: 69px; border: none; background-color: transparent; position: static } .main_block .calculator .calc_buttons_form .i_want_electro { background-image: url("/bitrix/templates/maxgas/css/../img/btn/i_want_gas_metan.png"); background-repeat: no-repeat; background-position: top; width: 220px; height: 69px; border: none; background-color: transparent; position: static } .main_block .calculator .calc_buttons_form .save_my_money:hover { background-position: center } .main_block .calculator .calc_buttons_form .save_my_money:active { background-position: bottom } .main_block .figure_block { width: 40%; display: inline-block; vertical-align: top; color: #fff; text-align: center; overflow: hidden; background-color: #d8e0eb; } /*.main_block .figure_block a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 55 }*/ .main_block .figure_block .fb_static { padding-right: 0; background-position: center; background-size: cover; background-repeat: no-repeat; height: 536px } .main_block .figure_block .fb_static>div { margin: 380px 0 25px; height: 71px; display: inline-block; font: 28px/68px 'MyriadPro-Black'; border: 3px solid #fd0000; border-right: none } .main_block .figure_block .fb_static>div:after { content: ""; position: absolute; right: 0; top: 0; height: 7px; width: 3px; background: #fd0000 } .main_block .figure_block .fb_static>div:before { content: ""; position: absolute; right: 0; bottom: 0; height: 7px; width: 3px; background: #fd0000 } .main_block .figure_block .fb_static>div p { padding: 0 30px } .main_block .figure_block .fb_static>div p:after { content: ""; position: absolute; right: -17px; top: 15px; background: url("/bitrix/templates/maxgas/css/../img/ico/tools_icon.png"); width: 34px; height: 34px; z-index: 1 } .main_block .figure_block .fb_static>div p:before { content: ''; background: url("/bitrix/templates/maxgas/css/../img/fifty.png"); width: 273px; height: 56px; position: absolute; top: -80px; left: 0; right: 0; margin: auto; } .main_block .figure_block .fb_static .text_work_experience_years { margin-top: 20px; letter-spacing: .1em; font: 25px 'Roboto', sans-serif; font-weight: 800; text-transform: uppercase; } .main_block .figure_block .fb_static span { font: 16px 'Roboto', sans-serif; font-weight: 800; letter-spacing: .1em; border-bottom: 1px solid; } .main_block .figure_block .fb_hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 50; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; text-align: center } .main_block .figure_block .fb_hover:after { content: ''; background: rgba(0, 38, 76, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .main_block .figure_block .fb_hover>div { display: inline-block; vertical-align: middle; padding-top: 50px; margin: auto; z-index: 51 } .main_block .figure_block .fb_hover>div p { font: 40px 'Roboto', sans-serif; font-weight: 300; color: #fff; margin-bottom: 60px; text-transform: uppercase; -webkit-transform: translateX(1000px); -moz-transform: translateX(1000px); -ms-transform: translateX(1000px); -o-transform: translateX(1000px); transform: translateX(1000px); -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } .main_block .figure_block .fb_hover>div strong { font: 30px 'Roboto', sans-serif; font-weight: 800; color: #fff; display: block; margin-bottom: 60px; -webkit-transform: translateX(1000px); -moz-transform: translateX(1000px); -ms-transform: translateX(1000px); -o-transform: translateX(1000px); transform: translateX(1000px); -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } .main_block .figure_block .fb_hover>div>div { -webkit-transform: translateX(1000px); -moz-transform: translateX(1000px); -ms-transform: translateX(1000px); -o-transform: translateX(1000px); transform: translateX(1000px); -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } .main_block .figure_block .fb_hover>div>div img { margin: auto } /****.main_block .figure_block:hover .fb_hover { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 1 } .main_block .figure_block:hover .fb_hover>div p { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s } .main_block .figure_block:hover .fb_hover>div strong { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s } .main_block .figure_block:hover .fb_hover>div>div { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s }***/ .services_block { border: 4px solid #d7dde1; min-height: 178px; margin: 55px 0px; position: relative } .services_block:before { content: ''; background: url("/bitrix/templates/maxgas/css/../img/hardware.png"); width: 108px; height: 150px; position: absolute; bottom: 0; left: 0 } .advantage_block.services_block:before { display: none; } .services_block .desc { width: 33.3%; display: inline-block; vertical-align: top; padding-top: 34px; height: 170px; padding-left: 133px; float: left; } .services_block .kzn_tlt_lovato_diler { background: url(/images/kzn_tlt_lovato_diler.jpg) no-repeat; padding-left: 300px !important; cursor: pointer; } .services_block .kzn_tlt_lovato_diler p{ max-width: 170px; } .services_block .podlinnost_red_main_background{ padding-left: 14% !important; background: url(/images/podlinnost_red_main_background.jpg) no-repeat left center / 100%; cursor: pointer; padding-top: 51px !important; } .services_block .podlinnost_red_main_background p{ max-width: 230px; } .services_block .podlinnost_red_main_background p b{ color: #fff; } /****.services_block .desc:after { content: ""; position: absolute; top: 18px; right: 0; background: #d7dde1; width: 4px; height: 123px }***/ .services_block .desc p { font-size: 18px; margin-bottom: 2px } .services_block .desc p b { font: 18px 'Roboto', sans-serif; font-weight: 800; display: inline-block; margin-bottom: 10px; line-height: 24px } .services_block .slider_service_wrap { position: relative; width: 100%; /****float: left;***/ height: 100% } .services_block .slider_services { width: 90%; vertical-align: top; margin: auto; height: 100% } .services_block .slider_services ul { padding-top: 27px; height: 100% } .services_block .slider_services ul li { cursor: pointer; text-align: center; } .services_block .slider_services ul li .li_wrap { text-align: left; width: 90%; margin: auto } .services_block .slider_services ul img { max-height: 30px } .services_block .slider_services ul button { position: absolute; top: 0; font-size: 0; border: none; width: 30px; height: 100% } .services_block .slider_services ul button.slick-prev { left: -30px } .services_block .slider_services ul button.slick-prev:before { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/btn/adv_btn_prev.png"); background-repeat: no-repeat; background-position: top; width: 20px; height: 20px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto } .services_block .slider_services ul button.slick-prev:hover:before { background-position: bottom } .services_block .slider_services ul button.slick-next { right: -30px } .services_block .slider_services ul button.slick-next:before { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/btn/adv_btn_next.png"); background-repeat: no-repeat; background-position: top; width: 20px; height: 20px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto } .services_block .slider_services ul button.slick-next:hover:before { background-position: bottom } .services_block .slider_services ul .sliderservice_head { font: 20px/24px 'Roboto', sans-serif; font-weight: 800; margin-bottom: 27px; margin-top: 11px; padding: 0; } .services_block .slider_services ul .sliderservice_head:after { content: ""; position: absolute; left: 0; bottom: -12px; border-bottom: 3px solid #ff0000; width: 49px } .services_block .slider_services ul p { font-size: 16px; padding-bottom: 10px } .catalog_main { padding: 0 40px; margin-bottom: 31px; } .catalog_main .catalog_wrap { font-size: 0; position: relative; /****padding-bottom: 24px***/ } .catalog_main .catalog_wrap li { display: inline-block; vertical-align: top; width: 30%; color: #22323e; margin-right: 2%; margin-bottom: 75px; padding-top: 55px; position: relative; opacity: 1; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s } .catalog_main .catalog_wrap li>a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 87 } .catalog_main .catalog_wrap li>a ins { position: absolute; top: 0; right: 0 } .catalog_main .catalog_wrap li>a ins span:first-child { font: 10px 'Verdana'; color: #000; text-transform: uppercase } .catalog_main .catalog_wrap li>a ins span:last-child { font: 20px 'Roboto', sans-serif; font-weight: 800; position: relative; color: #22323e; padding-top: 15px; text-transform: uppercase; top: -3px } .catalog_main .catalog_wrap li .auto_desc { position: absolute; top: 0; right: 0; bottom: 0; text-align: right; padding-top: 50px; z-index: 77 } .catalog_main .catalog_wrap li .auto_desc>p { font: 10px 'Verdana'; color: #000; margin-bottom: 3px; text-align: right; text-transform: uppercase; display: inline-block } .catalog_main .catalog_wrap li .auto_desc>p span, .catalog_main .catalog_wrap li .auto_desc>p a { font: 20px 'Roboto', sans-serif; font-weight: 800; position: relative; color: #22323e; padding-top: 15px } .catalog_main .catalog_wrap li .auto_desc .cost { color: #fff; text-align: right; margin-top: 13px } .catalog_main .catalog_wrap li .auto_desc .cost .auto_link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 88 } .catalog_main .catalog_wrap li .auto_desc .cost p { display: block } .catalog_main .catalog_wrap li .auto_desc .cost .price { font: 30px 'Roboto', sans-serif; font-weight: 800; background: #ff0000; padding: 7px 37px } /*.catalog_main .catalog_wrap li .auto_desc .cost .price:after { content: ""; display: inline-block; background: url("/bitrix/templates/maxgas/css/../img/ico/rub1.png"); width: 18px; height: 22px; margin-left: 5px }*/ .catalog_main .catalog_wrap li .auto_desc .cost .credit { box-shadow: 0 10px 11px -3px rgba(0, 0, 0, 0.3) inset; background: #b60000; min-width: 148px; text-align: left; font-size: 14px; padding: 9px 20px; white-space: nowrap; font: 16px 'MyriadProRegular'; display: inline-block } .catalog_main .catalog_wrap li .auto_desc .cost .credit ins { font: 16px 'Roboto', sans-serif; font-weight: 800; margin-right: 7px; position: relative } /*.catalog_main .catalog_wrap li .auto_desc .cost .credit ins:after { content: ""; display: inline-block; background: url("/bitrix/templates/maxgas/css/../img/ico/rub3.png"); width: 9px; height: 11px; margin-left: 5px }*/ .catalog_main .catalog_wrap li .auto_desc .econom { font: 14px 'Roboto', sans-serif; font-weight: 300; text-transform: none; margin-top: 70px; } .catalog_main .catalog_wrap li ._img { background-position: center; background-repeat: no-repeat; min-height: 141px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .catalog_main .catalog_wrap li:hover { z-index: 93 } .catalog_main .catalog_wrap li:hover>a ins { color: #0383e6 } .catalog_main .catalog_wrap li:hover>a ins span { color: #0383e6 } .catalog_main .catalog_wrap li:hover ._img { -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px) } .catalog_main .catalog_wrap li:hover .auto_desc .cost .price { background: #08a4ee } .catalog_main .catalog_wrap li:hover .auto_desc .cost .credit { background: #0383e6 } .catalog_main .catalog_wrap li:hover .auto_desc .econom { color: #0383e6 } .catalog_main .catalog_wrap li.no_ico { margin-bottom: 55px; width: 23%; padding: 0 } .catalog_main .catalog_wrap li.no_ico a { position: relative; display: block } .catalog_main .catalog_wrap li.no_ico a ins { position: static; margin-left: 30% } .catalog_main .catalog_wrap li.no_ico a ins span { line-height: 20px } .catalog_main .catalog_wrap li.no_ico .auto_desc { position: static; text-align: left; padding: 0; margin-left: 30%; cursor: pointer } .catalog_main .catalog_wrap li.no_ico .auto_desc .cost { text-align: left; margin-top: 0 } .catalog_main .catalog_wrap li.no_ico .auto_desc .cost .price { display: inline-block; font: 20px 'Roboto', sans-serif; font-weight: 800; padding: 4px 13px; margin-bottom: 5px } /*.catalog_main .catalog_wrap li.no_ico .auto_desc .cost .price:after { content: ""; display: inline-block; background-image: url("/bitrix/templates/maxgas/css/../img/ico/rub1.png"); width: 12px; height: 14px; margin-left: 5px; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; background-repeat: no-repeat }*/ .catalog_main .catalog_wrap li.no_ico .auto_desc .cost .credit { background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #8a9cad; padding: 0; padding-left: 9px; min-width: auto } .catalog_main .catalog_wrap li.no_ico .auto_desc .cost .credit ins { font: 16px 'MyriadProRegular'; margin: 0 } /*.catalog_main .catalog_wrap li.no_ico .auto_desc .cost .credit ins:after { content: ""; display: inline-block; background-image: url("/bitrix/templates/maxgas/css/../img/ico/rub_sprite.png"); background-repeat: no-repeat; background-position: top; width: 7px; height: 11px; margin-left: 5px }*/ .catalog_main .catalog_wrap li.no_ico:hover .auto_desc .cost .credit { color: #08a4ee } .catalog_main .catalog_wrap li.no_ico:hover .auto_desc .cost .credit ins:after { background-position: bottom } .catalog_main .all_cost { color: #22323e; font-size: 15px; text-align: center } .catalog_main .all_cost a { font: 26px 'Roboto', sans-serif; font-weight: 800; color: #22323e; text-transform: uppercase; display: inline-block; padding: 0px 0px 14px; border-bottom: 4px solid; padding-bottom: 1px; position: relative; margin-bottom: 15px } /****.catalog_main .all_cost a:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/ico/all_cost_ico.png"); width: 23px; height: 28px; position: absolute; top: -28px; left: 0; right: 0; margin: auto }***/ .catalog_main .all_cost a:hover { color: #0383e6 } .catalog_main .all_cost a:hover:after { background-position: bottom } .catalog_main .all_cost a:hover+p { color: #0383e6; } .mainheaderstock a{ color: #22323e; } .maintenance { color: #fff; height: 275px; margin: 0 5% 61px; } .maintenance ul { font-size: 0; width: 100%; padding: 0 62px; background-color: #dee4ea; /*******/ } .maintenance ul li.slick-slide { background-position: center; text-align: center; background-repeat: no-repeat; background-size: 99%; height: 275px; position: relative } .maintenance ul li.slick-slide>a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 77 } /****.maintenance ul li:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000e14; opacity: .7; transition: .3s; }***/ .maintenance ul li.slick-slide .mc { display: inline-block; vertical-align: middle } .maintenance ul li.slick-slide .mc p { margin-bottom: 5px; z-index: 1 } .maintenance ul li.slick-slide .mc p span { text-transform: uppercase; font: 12px 'Verdana' } .maintenance ul li.slick-slide .mc h4 { font: 18px 'Roboto', sans-serif; font-weight: 800; margin-bottom: 14px; z-index: 1; text-transform: uppercase } .maintenance ul li.slick-slide .mc:before { content: ""; position: absolute; bottom: 0px; z-index: 1; left: 0; right: 0; margin: 0 auto; width: 73px; height: 3px; background: #ff0000 } .maintenance ul li.slick-slide:hover:after { background: #0383e6; opacity: .5 } .maintenance ul li.slick-slide:hover .mc:before { background: #fff } .maintenance .slick-arrow { width: 62px; border: none; height: 100%; background: #dee4ea; position: absolute; top: 0 } .maintenance .slick-arrow.slick-prev { left: 0 } .maintenance .slick-arrow.slick-prev:after { content: ""; position: absolute; width: 18px; height: 28px; z-index: 1; left: 50%; top: 50%; margin-left: -9px; margin-top: -14px; background: url("/bitrix/templates/maxgas/css/../img/btn/main_slider_arrow_prev.png") } .maintenance .slick-arrow.slick-prev:hover { background: #08a1ed } .maintenance .slick-arrow.slick-prev:hover:after { background-position: bottom } .maintenance .slick-arrow.slick-next { right: 0 } .maintenance .slick-arrow.slick-next:after { content: ""; position: absolute; width: 18px; height: 28px; z-index: 1; left: 50%; top: 50%; margin-left: -9px; margin-top: -14px; background: url("/bitrix/templates/maxgas/css/../img/btn/main_slider_arrow_next.png") } .maintenance .slick-arrow.slick-next:hover { background: #08a1ed } .maintenance .slick-arrow.slick-next:hover:after { background-position: bottom } .maintenance ul .slick-dots { display: flex; background: #fff; justify-content: center; padding-top: 10px !important; position: absolute; left: 0; right: 0; } .maintenance ul .slick-dots li { margin-right: 30px; } .maintenance ul .slick-dots li:last-child { margin-right: 0px; } .maintenance ul .slick-dots li button { background-color: #D0D0D0; width: 12px; height: 12px; border: none; border-radius: 100%; } .maintenance ul .slick-dots li.slick-active button { background-color: #EE0E06; } .reviews_block { font-size: 0; margin-bottom: 10px; min-height: 255px; background: #c4ced9; overflow: hidden; margin: 30px 0px; position: relative } .reviews_block .join { display: inline-block; vertical-align: top; width: 27%; color: #142532; height: 255px } .reviews_block .join .join_wrap { display: table; width: 100%; height: 100% } .reviews_block .join .join_inner { display: table-cell; vertical-align: middle } .reviews_block .join .join_inner p { font-size: 24px; vertical-align: top; text-align: center; margin-bottom: 10px; line-height: 24px } .reviews_block .join .join_inner p strong { font-family: 'Roboto', sans-serif; font-weight: 800; font-size: 34px } .reviews_block .join .join_inner .links { text-align: center; margin-top: 30px } .reviews_block .join .join_inner .links a { display: inline-block; text-decoration: none; width: 154px; height: 43px; background-position: top; background-repeat: no-repeat; margin: 0 15px } .reviews_block .join .join_inner .links a.vk { background-image: url("/bitrix/templates/maxgas/css/../img/ico/vk.png") } .reviews_block .join .join_inner .links a.fb { background-image: url("/bitrix/templates/maxgas/css/../img/ico/fb.png") } .reviews_block .join .join_inner .links a:hover { background-position: center } .reviews_block .join .join_inner .links a:active { background-position: bottom } .reviews_block .join .discount { margin-top: 35px; display: inline-block; z-index: 5; margin-left: 161px } .reviews_block .join .discount strong { font-size: 18px; line-height: 20px; color: #e03131; font-family: 'MyriadPro-Bold'; display: block } .reviews_block .join .discount p { font: 14px 'MyriadProRegular'; color: #142532; margin-top: 10px; margin-bottom: 3px } .reviews_block .join .discount span { font-family: 'Roboto', sans-serif; font-weight: 800; font-size: 22px; color: #142532 } .reviews_block .reviews { display: inline-block; vertical-align: top; width: 73%; min-height: 255px; background: #d0d8e1; padding: 25px 30px 0 30px; box-shadow: -7px 0 20px -6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -7px 0 20px -6px rgba(0, 0, 0, 0.3); -moz-box-shadow: -7px 0 20px -6px rgba(0, 0, 0, 0.3); -o-box-shadow: -7px 0 20px -6px rgba(0, 0, 0, 0.3) } .reviews_block .reviews h3 { font: 28px 'Roboto', sans-serif; font-weight: 800; margin-bottom: 20px } .reviews_block .reviews h3 a { text-decoration: none; color: #0383e6; border-bottom: 1px solid } .reviews_block .reviews h3 a:hover { border-bottom-color: transparent } .reviews_block .reviews ul { margin-bottom: 25px } .reviews_block .reviews ul .slick-arrow { width: 20px; height: 29px; background-color: transparent; border: none; position: absolute; top: 50%; margin-top: -10px; font-size: 0; z-index: 44 } .reviews_block .reviews ul .slick-arrow.slick-prev { left: -19px } .reviews_block .reviews ul .slick-arrow.slick-prev:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/ico/more_arrow.png"); width: 19px; height: 20px; background-position: top; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .reviews_block .reviews ul .slick-arrow.slick-prev:hover:after { background-position: bottom } .reviews_block .reviews ul .slick-arrow.slick-next { right: -19px } .reviews_block .reviews ul .slick-arrow.slick-next:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/ico/more_arrow.png"); width: 19px; height: 20px; background-position: top; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px } .reviews_block .reviews ul .slick-arrow.slick-next:hover:after { background-position: bottom } .reviews_block .reviews ul li .rew_wrap { display: inline-block; vertical-align: top; width: 90%; margin-right: 5%; padding-left: 90px } .reviews_block .reviews ul li .rew_wrap:last-child { margin-right: 0 } .reviews_block .reviews ul li .rew_wrap ._img { position: absolute; left: 0; top: 0; width: 70px; text-align: center } .reviews_block .reviews ul li .rew_wrap .name_user { color: #30649f; font: 16px/1 'Roboto', sans-serif; font-weight: 800; display: inline; padding-bottom: 1px } .reviews_block .reviews ul li .rew_wrap .name_user a { text-decoration: none; border-bottom: 1px solid #30649f; color: #30649f } .reviews_block .reviews ul li .rew_wrap .name_user a:hover { color: #0383e6; border-bottom: 1px solid #0383e6 } .reviews_block .reviews ul li .rew_wrap .txt { color: #142532; font-size: 14px; line-height: 24px; margin-top: 7px; position: relative } .reviews_block .reviews ul li .rew_wrap .txt.cutleta-cutted:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 55px; background: linear-gradient(to bottom, rgba(208, 216, 225, 0) 0%, #d0d8e1 100%) } .reviews_block .reviews ul li .rew_wrap .truncate_more_link { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #7a8693; padding: 10px; margin-top: 5px; background: #afbcca; text-transform: uppercase } .reviews_block .reviews ul li .rew_wrap .truncate_more_link:hover { background: #08a1ed; color: #fff } .reviews_block .reviews .all_comments { text-align: center; display: none } .reviews_block .reviews .all_comments a span { font: 20px 'Roboto', sans-serif; font-weight: 800; color: #0096ff; text-decoration: none; border-bottom: 1px solid #0096ff } .reviews_block .reviews .all_comments a img { margin-left: 10px } #about .title { margin: 0 } #about ._title { margin-bottom: 38px } #about ._title h2 { color: #0b63bc; font: 38px 'Roboto', sans-serif; font-weight: 300; margin-bottom: 5px; color: #0b63bc } #about ._title ins { color: #fff; font: 24px 'Roboto', sans-serif; font-weight: 800; background: #0b63bc; padding: 0px 13px 1px 13px; line-height: 32px; display: inline-block } #about .history ._title { margin-bottom: 29px } #about .history ._img { display: inline-block; vertical-align: top; width: 49%; margin-right: 4%; margin-top: 33px } #about .history ._img img { width: 100%; max-width: 824px } #about .history .info { display: inline-block; vertical-align: top; width: 45% } #about .history .info p { line-height: 28px; font-size: 14px; margin-top: 22px } #about .history .info p.cutleta-cutted:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 55px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%) } #about .history .info .truncate_more_link { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #7a8693; padding: 10px; margin-top: 5px; background: #afbcca; text-transform: uppercase } #about .history .info .truncate_more_link:hover { background: #08a1ed; color: #fff } #about .history .info strong { font-family: 'MyriadPro-Bold'; line-height: 33px; font-size: 16px; display: block } #about .choose { margin-bottom: 26px; margin-top: 19px } #about .choose ._title { margin-bottom: 30px } #about .choose ._left { border-image: url("/bitrix/templates/maxgas/css/../img/border_image.png") 8 8 8 8 repeat; border-width: 8px 8px 8px 8px; border-style: inset; height: 191px; width: 18%; padding-top: 42px; margin-right: 9%; text-align: center; display: inline-block; vertical-align: top } #about .choose ._left p { margin-bottom: 6px } #about .choose ._left p span { color: #010101; font: 20px 'Roboto', sans-serif; font-weight: 300; letter-spacing: 7px; text-transform: uppercase } #about .choose ._left p b { color: #fe100e; font: 85px 'Roboto', sans-serif; font-weight: 800; position: relative; line-height: 85px } #about .choose ._left p b sup { position: absolute; right: -46px; top: 26px; color: #fe100e; font: 13px 'Roboto', sans-serif; font-weight: 800; text-transform: uppercase } #about .choose ._right { display: inline-block; vertical-align: top; width: 70% } #about .choose ._right ul li { display: inline-block; vertical-align: top; width: 26%; margin-bottom: 21px } #about .choose ._right ul li p { color: #010101; margin-bottom: 3px } #about .choose ._right ul li p b { font: 19px 'Roboto', sans-serif; font-weight: 800; } #about .choose ._right ul li p ins { background: #ff110f; color: #fff; font: 19px 'Roboto', sans-serif; font-weight: 800; display: inline-block; margin-bottom: 11px; text-transform: uppercase; padding: 5px 17px } #about .choose ._right ul li p span { font: 15px 'Roboto', sans-serif; font-weight: 300; } #about .team { text-align: center; margin-bottom: 64px } #about .team ._title { margin-bottom: 39px } #about .team ul { display: inline-block; font-size: 0; width: 1268px; text-align: left } #about .team ul li { display: inline-block; vertical-align: top; width: 317px; min-height: 371px; background-position: top; background-repeat: no-repeat; position: relative; overflow: hidden } #about .team ul li .photos img { width: 100%; position: absolute; top: 0; left: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s } #about .team ul li .photos img:first-child { opacity: 1 } #about .team ul li .photos img:last-child { opacity: 0 } #about .team ul li .photo_wrap { height: 371px } #about .team ul li .about_worker { position: absolute; text-align: right; right: 0; bottom: 19px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s } #about .team ul li .about_worker .name { background: #ff0000; color: #fff; padding: 8px 18px 5px 18px; text-align: left } #about .team ul li .about_worker .name span { font: 24px 'Roboto', sans-serif; font-weight: 300; text-transform: uppercase } #about .team ul li .about_worker .name b { font-family: 'MyriadPro-Bold'; font-size: 14px } #about .team ul li .about_worker .post { box-shadow: 0 10px 11px -3px rgba(0, 0, 0, 0.3) inset; background: #b60000; color: #c6f8fc; display: inline-block; font: 14px 'MyriadPro-It'; padding: 9px 14px } #about .team ul li .about_worker_hidden { position: absolute; top: 0; left: 0; right: 0; bottom: 0; right: 100%; z-index: 80; opacity: 0; background: rgba(255, 0, 0, 0.5); -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } #about .team ul li .about_worker_hidden .name { position: absolute; left: 0; right: 0; bottom: 0; height: 45%; text-align: center; z-index: 81; margin: auto } #about .team ul li .about_worker_hidden .name p { color: #fff; text-align: center; line-height: 20px } #about .team ul li .about_worker_hidden .name p span { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 24px; text-transform: uppercase } #about .team ul li .about_worker_hidden .name p b { font-size: 16px; font-family: 'MyriadPro-Bold' } #about .team ul li .about_worker_hidden .name p img { margin: 10px auto } #about .team ul li .about_worker_hidden .name p a { font-size: 16px; font-family: 'MyriadProRegular'; border-bottom: 1px solid rgba(255, 255, 255, 0.6); color: #fff } #about .team ul li .about_worker_hidden .name p a:hover { border-bottom: 1px solid transparent } #about .team ul li .about_worker_hidden .name p strong { font-size: 18px; font-family: 'MyriadPro-Bold' } #about .team ul li:hover .photos img { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s } #about .team ul li:hover .photos img:first-child { opacity: 0 } #about .team ul li:hover .photos img:last-child { opacity: 1 } #about .team ul li:hover .about_worker { -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; right: -100% } #about .team ul li:hover .about_worker_hidden { right: 0; opacity: 1; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s } #about .team ul li.no_photo .photos img:first-child { opacity: 1 } #about .team ul li.no_photo .photos img:last-child { opacity: 1 } #about .slider_block { margin: 50px 5% 18px 5% } #about .slider_block .select { display: inline-block; vertical-align: top; margin-left: 20px } #about .slider_block .select .jselector .wrap { padding: 0 30px 0 18px } #about .slider_block .select .jselector .wrap span { font-family: 'Roboto', sans-serif; font-weight: 800; font-size: 16px; color: #6d818d } #about .slider_block .select .jselector .wrap:after { display: none } #about .slider_block .select .jselector:hover .wrap span { color: #fff } #about .slider_block ._title { margin-bottom: 28px } #about .slider_block .slide_gallery { display: none } #about .slider_block .slide_gallery.active { display: block } #about .slider_block .address { margin-bottom: 42px } #about .slider_block .address li { cursor: pointer; margin-right: 4%; display: inline-block; vertical-align: top; padding: 11px 20px; border: 4px solid transparent } #about .slider_block .address li.active { border-color: #d0dfed } #about .slider_block .address li.active:after { content: ""; position: absolute; left: 20px; bottom: -13px; z-index: 1; background: #fff url("/bitrix/templates/maxgas/css/../img/ico/corner_ico.png"); width: 9px; height: 13px } #about .slider_block .address li.active .street { border-bottom-color: transparent } #about .slider_block .address li p span { color: #70869b; font: 14px 'Roboto', sans-serif; font-weight: 300; text-transform: uppercase } #about .slider_block .address li .street { color: #384554; font: 24px 'Roboto', sans-serif; font-weight: 800; border-bottom: 3px dotted; padding-bottom: 1px } #about .slider_block .address li .district { color: #6a7b8d; font-size: 14px; margin-top: 15px; padding-left: 15px } #about .slider_block .address li .district:before { content: ""; position: absolute; left: 0; top: 0; background-image: url("/bitrix/templates/maxgas/css/../img/ico/label_ico.png"); background-repeat: no-repeat; background-position: top; width: 11px; height: 14px } #about .slider_block .address li:hover p { color: #08a1ed } #about .slider_block .address li:hover p span { color: #08a1ed } #about .slider_block .address li:hover span { color: #08a1ed } #about .slider_block .address li:hover .district:before { background-position: bottom } #about .slider_block .slider_station { height: 687px; position: relative } #about .slider_block .slider_station .service_station_slider { width: 100%; height: 687px; display: none } #about .slider_block .slider_station .service_station_slider li { background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity .4s ease } #about .slider_block .slider_station .service_station_slider li.active { opacity: 1; transition: opacity .4s ease } #about .slider_block .slider_station .service_station_slider li .wrap { z-index: 1; min-height: 302px; position: absolute; left: 0; top: 231px; max-width: 508px } #about .slider_block .slider_station .service_station_slider li .info { padding: 35px 40px 40px 123px; background: #fff; box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.34); min-height: 302px } #about .slider_block .slider_station .service_station_slider li .info .slide_desc h3 { color: #000; font: 20px 'Roboto', sans-serif; font-weight: 800; margin-bottom: 37px } #about .slider_block .slider_station .service_station_slider li .info .slide_desc p { max-height: 150px; font-size: 14px; line-height: 30px; color: #5e6e78 } #about .slider_block .slider_station .service_station_slider li .info .read_more { display: none } #about .slider_block .slider_station .service_station_slider li .info .read_more a { font: 18px 'Roboto', sans-serif; font-weight: 800; display: inline-block; position: relative } #about .slider_block .slider_station .service_station_slider li .info .read_more a:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/eye.png"); background-repeat: no-repeat; background-position: top; width: 28px; height: 20px; position: absolute; top: 2px; left: -35px } #about .slider_block .slider_station .service_station_slider li .info .read_more a:hover { color: #08a1ed !important } #about .slider_block .slider_station .service_station_slider li .info .read_more a:hover:after { background-position: bottom } #about .slider_block .slider_station .service_station_slider .prev { background-image: url("/bitrix/templates/maxgas/css/../img/btn/slider_about_prev.png"); background-position: top; background-color: transparent; width: 53px; height: 53px; position: absolute; font-size: 0; border: none; z-index: 2; top: 50%; margin-top: -6.5px; left: 40px } #about .slider_block .slider_station .service_station_slider .prev:hover { background-position: bottom } #about .slider_block .slider_station .service_station_slider .next { background-image: url("/bitrix/templates/maxgas/css/../img/btn/slider_about_next.png"); background-position: top; background-color: transparent; width: 53px; height: 53px; position: absolute; font-size: 0; border: none; z-index: 2; top: 50%; margin-top: -6.5px; right: 40px } #about .slider_block .slider_station .service_station_slider .next:hover { background-position: bottom } #about .slider_block .slider_station .service_station_slider .dots { position: absolute; z-index: 2; top: 500px; left: 110px; max-width: 400px } #about .slider_block .slider_station .service_station_slider .dots li { display: inline-block; vertical-align: top; cursor: pointer; width: 7px; height: 7px; border-radius: 7px; background: #b0bbc1; margin: 0 15px; font-size: 0; opacity: 1; position: relative } #about .slider_block .slider_station .service_station_slider .dots li:after { content: ''; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -9px } #about .slider_block .slider_station .service_station_slider .dots li button { border: none } #about .slider_block .slider_station .service_station_slider .dots li.active { background: #ff110f } #about .slider_block .slider_station .service_station_slider .dots li:hover { background: #08a1ed } #about .box_favour { font-size: 0 } #about .box_favour>div { display: inline-block; vertical-align: top; width: 47% } #about .box_favour .btn_more { background-image: url("/bitrix/templates/maxgas/css/../img/btn/btn_more.png"); background-repeat: no-repeat; background-position: top; width: 240px; height: 55px; margin: 0px 0 0 76px; display: inline-block } #about .box_favour .btn_more:hover { background-position: center } #about .box_favour .btn_more:active { background-position: bottom } #about .box_favour .tips { background-image: url("/bitrix/templates/maxgas/css/../img/about_tips_bg.jpg"); height: 452px; background-repeat: no-repeat; background-position: center center; width: 50%; float: left; position: relative; overflow: hidden } #about .box_favour .tips a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 88 } #about .box_favour .tips:before { content: ''; background: rgba(1, 62, 109, 0.4); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } #about .box_favour .tips .tips_desc { z-index: 3; margin-left: 70px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } #about .box_favour .tips .tips_desc ._title { margin: 50px 0 0 0px } #about .box_favour .tips .tips_desc ._title h2 { color: #fff } #about .box_favour .tips .tips_desc .advice_block { margin-top: 160px } #about .box_favour .tips .tips_desc .advice_block span { display: inline-block; font-size: 12px; text-transform: uppercase; color: #fff; background: #ff110f; padding: 4px 10px 2px 10px; position: relative } #about .box_favour .tips .tips_desc .advice_block span:after { content: ''; background: url("/bitrix/templates/maxgas/css/../img/ico/red_pipka.png"); width: 6px; height: 6px; position: absolute; bottom: -6px; left: 10px } #about .box_favour .tips .tips_desc .advice_block p { font-size: 16px; color: #fff; margin-top: 10px } #about .box_favour .tips .tips_desc .advice_block strong { font: 24px 'Roboto', sans-serif; font-weight: 800; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; display: inline-block; margin-top: 40px; padding: 0 } #about .box_favour .tips .rac_wrap { text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translateY(500px); -moz-transform: translateY(500px); -ms-transform: translateY(500px); -o-transform: translateY(500px); transform: translateY(500px) } #about .box_favour .tips .rac_wrap .read_all_comments { font-size: 30px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 800; background: #ff110f; padding: 5px 10px 4px 10px; position: relative } #about .box_favour .tips.hover:before { opacity: 0; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } #about .box_favour .tips.hover .tips_desc { -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translateY(-500px); -moz-transform: translateY(-500px); -ms-transform: translateY(-500px); -o-transform: translateY(-500px); transform: translateY(-500px) } #about .box_favour .tips.hover .rac_wrap { -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translateY(-210px); -moz-transform: translateY(-210px); -ms-transform: translateY(-210px); -o-transform: translateY(-210px); transform: translateY(-210px) } #about .box_favour .license { width: 100% } #about .box_favour .license ._title { padding: 0 5% } #about .box_favour .license .sertificates ul { padding: 0 5% } #about .box_favour .license .sertificates ul li { display: inline-block; vertical-align: top; text-align: center } #about .box_favour .license .sertificates ul li .s_img { vertical-align: top } #about .box_favour .license .sertificates ul li .s_img a { display: inline-block } #about .box_favour .license .sertificates ul li .s_img img { max-width: 220px; max-height: 150px } #about .box_favour .license .sertificates ul li .sert_desc { background: #fff; vertical-align: middle; margin-left: 10px; padding-top: 10px } #about .box_favour .license .sertificates ul li .sert_desc p { font-size: 14px; margin-bottom: 4px } #about .box_favour .license .sertificates ul li .sert_desc p b { font: 18px 'Roboto', sans-serif; font-weight: 800; } #about .box_favour .license .sertificates ul li .sert_desc p .btn_more { margin: 0; margin-top: 32px } #about .box_favour .license .sertificates ul .slick-arrow { background-repeat: no-repeat; background-position: top; width: 20px; height: 20px; border: none; position: absolute; top: 50%; margin-top: -10px; z-index: 77 } #about .box_favour .license .sertificates ul .slick-arrow:hover { background-position: bottom } #about .box_favour .license .sertificates ul .slick-arrow.slick-prev { background-image: url("/bitrix/templates/maxgas/css/../img/btn/adv_btn_prev.png"); left: 0 } #about .box_favour .license .sertificates ul .slick-arrow.slick-next { background-image: url("/bitrix/templates/maxgas/css/../img/btn/adv_btn_next.png"); right: 0 } #about .box_favour .license .sertificates .btn_wrap { text-align: center; margin-top: 40px } #about .box_favour .license .sertificates .btn_wrap .all_docs { color: #fff; font: 26px 'Roboto', sans-serif; font-weight: 300; height: 52px; line-height: 52px; background: #4ac9f0; padding: 0 20px; border: none; border-bottom: 2px solid #0f94de; position: relative; margin: 20px 0; display: inline-block } #about .box_favour .license .sertificates .btn_wrap .all_docs:hover { background: #ffd800; border-bottom: 2px solid #ffaf15; color: #350000 } #about .box_favour .license .sertificates .btn_wrap .all_docs:active { background: #fff500; top: 1px; border-bottom: 1px solid #ffaf15; color: #8b0000 } #projects .projects { margin-bottom: 30px } #projects .projects .list_auto { margin-bottom: 36px } #projects .projects .list_auto .auto_list>li { vertical-align: top ; width: 16.66%; margin: 0; float: left; padding: 0; margin-bottom: 1px; height: 50px } #projects .projects .list_auto .auto_list .column>li { vertical-align: top ; /*width: 16.66%;*/ /*---------*/ margin: 0; padding: 0; margin-bottom: 1px; height: 50px } .column{width: 16.66%; } #projects .projects .list_auto .auto_list>li.hover { background: #e6ecf1 } #projects .projects .list_auto .auto_list .column>li.hover { background: #e6ecf1 } #projects .projects .list_auto .auto_list>li.hover ._img { z-index: 9999 } #projects .projects .list_auto .auto_list .column>li.hover ._img { z-index: 9999 } #projects .projects .list_auto .auto_list>li.hover .link { z-index: 999 } #projects .projects .list_auto .auto_list .column>li.hover .link { z-index: 999 } #projects .projects .list_auto .auto_list>li.hover .link a { z-index: 999 } #projects .projects .list_auto .auto_list .column>li.hover .link a { z-index: 999 } #projects .projects .list_auto .auto_list>li.hover .hidden_list { display: block } #projects .projects .list_auto .auto_list .column>li.hover .hidden_list { display: block } #projects .projects .list_auto .auto_list>li.active img { z-index: 2 } #projects .projects .list_auto .auto_list .column>li.active img { z-index: 2 } #projects .projects .list_auto .auto_list>li.active>a { z-index: 3 } #projects .projects .list_auto .auto_list .column>li.active>a { z-index: 3 } #projects .projects .list_auto .auto_list>li .link { display: inline-block; height: 50px; padding-right: 10px; float: left } #projects .projects .list_auto .auto_list .column>li .link { display: inline-block; height: 50px; padding-right: 10px; float: left } #projects .projects .list_auto .auto_list>li .link>a { font: 13px 'Roboto', sans-serif; font-weight: 800; color: #000; position: relative; text-decoration: underline; display: inline-block; text-transform: uppercase } #projects .projects .list_auto .auto_list .column>li .link>a { font: 13px 'Roboto', sans-serif; font-weight: 800; color: #000; position: relative; text-decoration: underline; display: inline-block; text-transform: uppercase } #projects .projects .list_auto .auto_list>li .link>a:hover { color: #fa0102 } #projects .projects .list_auto .auto_list .column>li .link>a:hover { color: #fa0102 } #projects .projects .list_auto .auto_list>li .hidden_list { padding: 50px 10px 5px 78px; z-index: 77; position: absolute; display: none; background: #e6ecf1; top: 0; left: -10px; right: 0; width: 400px; box-shadow: 0 8px 11px -4px rgba(0, 0, 0, 0.2); z-index: 66; column-gap: 1.5em; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 } #projects .projects .list_auto .auto_list .column>li .hidden_list { padding: 50px 10px 5px 78px; z-index: 77; position: absolute; display: none; background: #e6ecf1; top: 0; left: -10px; right: 0; width: 400px; box-shadow: 0 8px 11px -4px rgba(0, 0, 0, 0.2); z-index: 66; column-gap: 1.5em; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 } #projects .projects .list_auto .auto_list>li .hidden_list li { display: inline-block; width: 100%; margin-bottom: 10px; padding: 0; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box } #projects .projects .list_auto .auto_list .column>li .hidden_list li { display: inline-block; width: 100%; margin-bottom: 10px; padding: 0; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box } #projects .projects .list_auto .auto_list>li .hidden_list a { color: #000; font-size: 14px; display: inline-block; z-index: 2; margin-right: 10px; text-decoration: underline; position: relative } #projects .projects .list_auto .auto_list .column>li .hidden_list a { color: #000; font-size: 14px; display: inline-block; z-index: 2; margin-right: 10px; text-decoration: underline; position: relative } #projects .projects .list_auto .auto_list>li .hidden_list a:last-child { margin-right: 0 } #projects .projects .list_auto .auto_list .column>li .hidden_list a:last-child { margin-right: 0 } #projects .projects .list_auto .auto_list>li .hidden_list a:hover { color: #ff0000 } #projects .projects .list_auto .auto_list .column>li .hidden_list a:hover { color: #ff0000 } #projects .projects .list_auto .auto_list>li ._img { display: inline-block; width: 66px; text-align: center; padding-right: 12px; padding-left: 12px; line-height: 50px; height: 50px; vertical-align: middle } #projects .projects .list_auto .auto_list .column>li ._img { display: inline-block; width: 66px; text-align: center; padding-right: 12px; padding-left: 12px; line-height: 50px; height: 50px; vertical-align: middle } #projects .projects .list_auto .auto_list>li img { max-width: 100%; display: inline-block; vertical-align: middle } #projects .projects .list_auto .auto_list .column>li img { max-width: 100%; display: inline-block; vertical-align: middle } #projects .projects .list_auto .auto_list>li i { display: inline-block; font: 11px 'Verdana'; color: #8899a3; line-height: 50px; margin-left: 5px } #projects .projects .list_auto .auto_list .column>li i { display: inline-block; font: 11px 'Verdana'; color: #8899a3; line-height: 50px; margin-left: 5px } /*#projects .projects .list_auto .auto_list .column>li:nth-child(6n) { background: transparent } #projects .projects .list_auto .auto_list>li:nth-child(6n) { background: transparent } #projects .projects .list_auto .auto_list>li:nth-child(6n) .hidden_list { left: auto; right: -10px } #projects .projects .list_auto .auto_list .column>li:nth-child(6n) .hidden_list { left: auto; right: -10px }*/ #projects .projects .list_auto .auto_list>li:nth-child(6n).hover .link { background: #e6ecf1 } #projects .projects .list_auto .auto_list .column>li:nth-child(6n).hover .link { background: #e6ecf1 } #projects .projects .list_auto .auto_list>li:nth-child(6n).hover ._img { background: #e6ecf1 } #projects .projects .list_auto .auto_list .column>li:nth-child(6n).hover ._img { background: #e6ecf1 } #projects .projects .list_auto .btn_more { display: none; height: 75px; text-align: center; margin-top: 20px } #projects .projects .list_auto .btn_more a { border: 4px solid #bec7cd; display: inline-block; width: 100%; height: 100%; padding-top: 7px } #projects .projects .list_auto .btn_more a span { color: #bec7cd; font: 16px 'Roboto', sans-serif; font-weight: 800; text-transform: uppercase } #projects .projects .list_auto .btn_more a span:after { content: ""; position: absolute; left: 0; right: 0; margin: auto; bottom: -32px; background: url("/bitrix/templates/maxgas/css/../img/btn/btn_ico_more.png"); width: 20px; height: 21px } #projects .projects .list_auto .btn_more a:hover { border-color: #5cc7ee } #projects .projects .list_auto .btn_more a:hover span { color: #5cc7ee } #projects .projects .list_auto .btn_more a:hover span:after { background-position: right top } #projects .projects .list_auto .btn_more.active a span { top: 30px } #projects .projects .list_auto .btn_more.active a span:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); bottom: 27px } #project .blue_title p { font: 32px 'Roboto', sans-serif; font-weight: 300; color: #0b63bc; padding-bottom: 10px } #project .blue_title ins { font: 20px 'Roboto', sans-serif; font-weight: 800; color: #fff; background: #0b63bc; padding: 2px 10px } #project .our_works_slider { width: 49%; margin-left: -5px; float: left } #project .our_works_slider .our_works_slider_for li img { padding: 0 5px; object-fit: cover; object-position: 50% 50%; max-width: 100%; display: block; margin: auto } #project .our_works_slider .our_works_slider_for .slick-arrow { width: 62px; height: 62px; background-color: #fff; border: none; position: absolute; top: 50%; margin-top: -31px; font-size: 0; z-index: 44 } #project .our_works_slider .our_works_slider_for .slick-arrow.slick-prev { left: 5px } #project .our_works_slider .our_works_slider_for .slick-arrow.slick-prev:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/btn/project_slider_prev.png"); width: 20px; height: 29px; background-position: top; position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -12px } #project .our_works_slider .our_works_slider_for .slick-arrow.slick-prev:hover:after { background-position: bottom } #project .our_works_slider .our_works_slider_for .slick-arrow.slick-next { right: 5px } #project .our_works_slider .our_works_slider_for .slick-arrow.slick-next:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/btn/project_slider_next.png"); width: 20px; height: 29px; background-position: top; position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -6px } #project .our_works_slider .our_works_slider_for .slick-arrow.slick-next:hover:after { background-position: bottom } #project .our_works_slider .our_works_slider_nav { margin: 10px 0 } #project .our_works_slider .our_works_slider_nav .slick-arrow { width: 50px; background: #deeaf8; height: 100%; border: none; position: absolute; top: 0; right: 0; font-size: 0; z-index: 55 } #project .our_works_slider .our_works_slider_nav .slick-arrow.slick-prev { right: 50px } #project .our_works_slider .our_works_slider_nav .slick-arrow.slick-prev:before { content: ''; background: url("/bitrix/templates/maxgas/css/../img/btn/project_small_prev_shadow.png"); width: 15px; height: 100%; position: absolute; top: 0; left: -15px; bottom: 0 } #project .our_works_slider .our_works_slider_nav .slick-arrow.slick-prev:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/btn/project_small_prev.png"); background-position: top; background-repeat: no-repeat; width: 18px; height: 18px; position: absolute; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px } #project .our_works_slider .our_works_slider_nav .slick-arrow.slick-prev:hover { background: #00a2ff } #project .our_works_slider .our_works_slider_nav .slick-arrow.slick-prev:hover:after { background-position: bottom } #project .our_works_slider .our_works_slider_nav .slick-arrow.slick-next:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/btn/project_small_next.png"); background-position: top; background-repeat: no-repeat; width: 18px; height: 18px; position: absolute; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px } #project .our_works_slider .our_works_slider_nav .slick-arrow.slick-next:hover { background: #00a2ff } #project .our_works_slider .our_works_slider_nav .slick-arrow.slick-next:hover:after { background-position: bottom } #project .our_works_slider .our_works_slider_nav li { text-align: center; opacity: .3; cursor: pointer } #project .our_works_slider .our_works_slider_nav li.slick-current { opacity: 1 } #project .our_works_slider .our_works_slider_nav li:hover { opacity: .5 } #project .our_works_slider .our_works_slider_nav li img { width: 100%; margin: auto; padding: 0 5px; object-position: 50% 50% } #project .ow_slider_desc { width: 550px; float: left; margin-left: 5% } #project .ow_slider_desc .owd_top_block { background: #deeaf8; padding: 20px 30px 5px; } #project .ow_slider_desc .owd_top_block strong { font: 18px 'Roboto', sans-serif; font-weight: 800; color: #142431 } #project .ow_slider_desc .owd_top_block ins { font-size: 16px; color: #142431; margin-top: 3px; margin-bottom: 10px } #project .ow_slider_desc .owd_top_block p { margin-bottom: 10px; } #project .ow_slider_desc .owd_top_block p span { font-family: 'ALSRubl'; font-weight: 800 } #project .ow_slider_desc .owd_top_block button[type="button"] { background-image: url("/bitrix/templates/maxgas/css/../img/btn/order_installation.png"); width: 360px; height: 80px; border: none; background-repeat: no-repeat; background-position: top; background-color: transparent; margin-top: 22px; position: static } #project .ow_slider_desc .owd_top_block button[type="button"]:hover { background-position: center } #project .ow_slider_desc .owd_top_block button[type="button"]:active { background-position: bottom } #project .ow_slider_desc .owd_bottom_block { padding: 9px 10px 9px 10px; margin-top: 22px } #project .ow_slider_desc .owd_bottom_block strong { font: 18px 'Roboto', sans-serif; font-weight: 800; color: #142431; display: block } #project .ow_slider_desc .owd_bottom_block .bb_content { background: #fff; z-index: 44; padding: 24px 56px 10px 56px } #project .ow_slider_desc .owd_bottom_block .bb_content .price { padding: 3px 10px; margin-top: 10px; background: #ff0000; display: inline-block; position: relative } #project .ow_slider_desc .owd_bottom_block .bb_content .price:after { content: ''; background: url("/bitrix/templates/maxgas/css/../img/ico/price_after.png"); width: 5px; height: 5px; position: absolute; bottom: -5px; left: 10px } #project .ow_slider_desc .owd_bottom_block .bb_content .price span { line-height: 40px; font: 26px 'Roboto', sans-serif; font-weight: 800; color: #fff } #project .ow_slider_desc .owd_bottom_block .bb_content .price ins { font-family: 'ALSRubl'; font-size: 26px; font-weight: 800; color: #fff; margin-left: 5px } #project .ow_slider_desc .owd_bottom_block .bb_content p { font-size: 20px; color: #142431; font: 20px 'Roboto', sans-serif; font-weight: 300; margin-top: 16px } #project .ow_slider_desc .owd_bottom_block .bb_content .ow_descSlider { height: 5px; background: #b8c0c5; background: -moz-linear-gradient(top, #b8c0c5 0%, #dee5e5 100%); background: -webkit-linear-gradient(top, #b8c0c5 0%, #dee5e5 100%); background: linear-gradient(to bottom, #b8c0c5 0%, #dee5e5 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b8c0c5', endColorstr='#dee5e5', GradientType=0); border-radius: 0; border: none; margin-top: 29px; margin-right: 74px; margin-left: 9px; position: relative } #project .ow_slider_desc .owd_bottom_block .bb_content .ow_descSlider:before { content: ''; width: 9px; height: 5px; background: #b8c0c5; background: -moz-linear-gradient(top, #b8c0c5 0%, #dee5e5 100%); background: -webkit-linear-gradient(top, #b8c0c5 0%, #dee5e5 100%); background: linear-gradient(to bottom, #b8c0c5 0%, #dee5e5 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b8c0c5', endColorstr='#dee5e5', GradientType=0); position: absolute; top: 0; left: -9px } #project .ow_slider_desc .owd_bottom_block .bb_content .ow_descSlider:after { content: ''; width: 83px; height: 5px; background: #b8c0c5; background: -moz-linear-gradient(top, #b8c0c5 0%, #dee5e5 100%); background: -webkit-linear-gradient(top, #b8c0c5 0%, #dee5e5 100%); background: linear-gradient(to bottom, #b8c0c5 0%, #dee5e5 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b8c0c5', endColorstr='#dee5e5', GradientType=0); position: absolute; top: 0; right: -74px } #project .ow_slider_desc .owd_bottom_block .bb_content .ow_descSlider .ui-slider-handle { height: 37px; background: #fff; border: 4px solid #ff0000; margin-top: -11px; font: 14px 'Roboto', sans-serif; font-weight: 800; color: #283441; border-radius: 0; display: inline-block; cursor: pointer; white-space: nowrap; top: -7px; line-height: 24px; padding: 2px 70px 0 5px; -webkit-box-shadow: 0px 3px 6px rgba(44, 66, 96, 0.3); -moz-box-shadow: 0px 3px 6px rgba(44, 66, 96, 0.3); -ms-box-shadow: 0px 3px 6px rgba(44, 66, 96, 0.3); -o-box-shadow: 0px 3px 6px rgba(44, 66, 96, 0.3); box-shadow: 0px 3px 6px rgba(44, 66, 96, 0.3) } #project .ow_slider_desc .owd_bottom_block .bb_content .ow_descSlider .ui-slider-handle span { margin-left: 5px; color: #000; font: 12px 'MyriadProRegular' } #project .ow_slider_desc .owd_bottom_block .bb_content .ow_descSlider .ui-slider-handle:hover { border: 4px solid #00a4f0; color: #00a4f0 } #project .ow_slider_desc .owd_bottom_block .bb_content .ow_descSlider .ui-slider-handle:hover span { color: #00a4f0 } #project .ow_slider_desc .owd_bottom_block .bb_content .values { margin-top: 10px } #project .ow_slider_desc .owd_bottom_block .bb_content .values span { font-size: 14px; color: #aab6bd } #project .ow_slider_desc .owd_bottom_block .bb_content .values span:last-child { float: right } #project .ow_slider_desc .owd_bottom_block .border { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("/bitrix/templates/maxgas/css/../img/ico/blue_border.png"); width: 100%; height: 100% } #project .bottom_description { margin-top: 28px } #project .bottom_description .equipment { display: inline-block } #project .bottom_description .equipment .ul_desc { display: inline-block; max-width: 500px; margin-top: 40px; margin-bottom: 20px } #project .bottom_description .equipment .ul_desc li { font-size: 14px; color: #010101; padding-left: 43px; margin-bottom: 22px; position: relative; padding-right: 10px } #project .bottom_description .equipment .ul_desc li:after { content: ''; width: 4px; height: 4px; background: #0b63bc; position: absolute; top: 0; left: 0; bottom: 0; margin: auto } #project .bottom_description .comment_of_klient { display: inline-block; vertical-align: top; max-width: 625px; min-width: 470px; margin-left: 10% } #project .bottom_description .comment_of_klient .comment { margin-top: 30px; margin-bottom: 35px } #project .bottom_description .comment_of_klient .comment img { max-width: 76px; max-height: 76px; object-fit: cover; position: absolute; top: 0; left: 0 } #project .bottom_description .comment_of_klient .comment .comment_content { padding-left: 96px; padding-top: 7px } #project .bottom_description .comment_of_klient .comment .comment_content strong { font: 16px 'Roboto', sans-serif; font-weight: 800; color: #142532 } #project .bottom_description .comment_of_klient .comment .comment_content p { font-size: 14px; line-height: 24px; color: #142532; margin-top: 8px } #project .bottom_description .comment_of_klient .comment .comment_content p.cutleta-cutted:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 55px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, #fff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, #fff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, #fff 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0) } #project .bottom_description .comment_of_klient .comment .comment_content .truncate_more_link { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #9dabb9; padding: 10px; margin-top: 16px; text-transform: uppercase; background: #e6ebf0; border-bottom: 2px solid #c5d0db } #project .bottom_description .comment_of_klient .comment .comment_content .truncate_more_link:hover { background: #08a1ed; color: #fff; border-bottom: 2px solid #057cb7 } #project .bottom_description .comment_of_klient .all_comments { color: #f41213; border-bottom: 1px solid #f41213; text-decoration: none; font: 20px 'Roboto', sans-serif; font-weight: 800; vertical-align: top } #project .bottom_description .comment_of_klient .vk { background: url("/bitrix/templates/maxgas/css/../img/ico/vkontakte.png"); width: 101px; height: 31px; display: inline-block; text-decoration: none; margin-left: 35px; border-radius: 3px; vertical-align: top } #project .similar { margin-top: 74px } #project .back { background-image: url("/bitrix/templates/maxgas/css/../img/btn/back_btn.png"); width: 157px; height: 55px; background-repeat: no-repeat; background-position: top; border: none; display: inline-block } #project .back:hover { background-position: center } #project .back:active { background-position: bottom; } .proverka_podlinnosti{ overflow: hidden; } .proverka_podlinnosti iframe{ margin-top: -281px; width: 100%; height: 900px; } #header .logo a img.mobile { display: none; } @media screen and (max-width: 1380px) { #project .ow_slider_desc { width: 420px } #project .ow_slider_desc .owd_top_block { padding: 27px 20px 5px 25px } #project .ow_slider_desc .owd_bottom_block .bb_content { padding: 24px 15px 10px 14px } #project .bottom_description .comment_of_klient { width: 470px; margin-left: 5% } } #product .wrapper { height: 100% } #product .product_top_block { background-repeat: no-repeat; background-position: 50% 50%; height: 564px; position: relative } #product .product_top_block:after { content: ''; background: -moz-linear-gradient(left, rgba(2, 21, 62, 0.4) 0%, rgba(2, 21, 62, 0) 100%); background: -webkit-linear-gradient(left, rgba(2, 21, 62, 0.4) 0%, rgba(2, 21, 62, 0) 100%); background: linear-gradient(to right, rgba(2, 21, 62, 0.4) 0%, rgba(2, 21, 62, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6602153e', endColorstr='#0002153e', GradientType=1); width: 100%; max-width: 1366px; height: 100%; position: absolute; top: 0; left: 0; bottom: 0 } #product .product_top_block .about_car { padding-top: 125px; z-index: 22 } #product .product_top_block .about_car h1 { font: 71px 'Roboto', sans-serif; font-weight: 800; color: #fff; letter-spacing: 1px } #product .product_top_block .about_car h1 span { font: 35px 'Roboto', sans-serif; font-weight: 300; color: #fff; display: block } #product .product_top_block .about_car>span { font-size: 14px; color: #fff; display: block; margin-bottom: 15px; margin-top: 32px } #product .product_top_block .about_car .price { display: block; font: 59px 'Roboto', sans-serif; font-weight: 800; color: #fff; line-height: 33px; display: inline-block; margin-top: 63px } #product .product_top_block .about_car .price span { font-family: 'MyriadPro-Bold'; font-size: 59px; color: #fff; position: relative; margin-left: 5px; display: inline-block } #product .product_top_block .about_car .price span ins { font-family: 'MyriadPro-Bold'; font-size: 39px; color: #fff; position: absolute; top: 8px; left: 11px } #product .product_top_block .about_car .sup { font: 16px 'Roboto', sans-serif; font-weight: 800; vertical-align: top; display: inline-block; margin-left: 24px; margin-top: 57px; color: #fff; } #product .product_top_block .about_car .sup span { font-family: 'MyriadPro-Bold'; font-size: 16px; color: #fff; position: relative } #product .product_top_block .about_car .sup span i { font-family: 'MyriadPro-Bold'; font-size: 16px; color: #fff; position: absolute; top: 2px; left: 1px } #product .product_top_block .about_car .sup em { font-size: 14px; font-family: 'MyriadProRegular'; vertical-align: top; margin-left: 3px; font-style: normal } #product .request_block { height: 88px; background: #d6e0ea } #product .request_block .btn_request { margin: 0; position: static; margin-top: 13px } #product .request_block .eco_text_wrap { margin-left: 3% } #product .request_block .eco_text_wrap .eco_text { display: inline-block; vertical-align: middle } #product .request_block .eco_text_wrap .eco_text strong, #product .request_block .eco_text_wrap .eco_text p { font: 20px 'Roboto', sans-serif; font-weight: 800; color: #283441 } #product .request_block .eco_text_wrap .eco_text strong ins, #product .request_block .eco_text_wrap .eco_text p ins { font: 20px 'Roboto', sans-serif; font-weight: 800; } #product .request_block .eco_text_wrap .eco_text span { font-family: 'ALSRubl'; font-size: 19px; font-weight: 900; margin-left: 3px } #product .request_block .eco_text_wrap.result .eco_text>div ins { font: 20px 'Roboto', sans-serif; font-weight: 800; line-height: 18px } #product .request_block .eco_text_wrap.result .eco_text>div em { font: 20px 'Roboto', sans-serif; font-weight: 800; font-style: normal; line-height: 18px } #product .request_block .eco_text_wrap.result .eco_text>div .profit { display: inline-block; margin-left: 5px } #product .request_block .eco_text_wrap.result .eco_text>div .profit strong { display: inline-block; line-height: 18px } #product .request_block .eco_text_wrap.result .eco_text>div .profit span { font: 20px 'Roboto', sans-serif; font-weight: 800; line-height: 18px; display: inline-block } #product .request_block .eco_text_wrap.result .eco_text>div .profit span i { font-style: normal; position: absolute; top: 2px; left: 2px } #product .request_block .rb_slider_wrap { display: inline-block; margin-left: 3%; height: 100%; vertical-align: top; width: 540px; padding: 0 30px } #product .request_block .rb_slider_wrap .rb_slider { height: 5px; background: #848896; background: -moz-linear-gradient(top, #848896 0%, #acaeb9 100%); background: -webkit-linear-gradient(top, #848896 0%, #acaeb9 100%); background: linear-gradient(to bottom, #848896 0%, #acaeb9 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#848896', endColorstr='#acaeb9', GradientType=0); border-radius: 0; border: none; margin-top: 45px; margin-right: 83px; margin-left: 9px; position: relative } #product .request_block .rb_slider_wrap .rb_slider:before { content: ''; width: 7px; height: 5px; background: #848896; background: -moz-linear-gradient(top, #848896 0%, #acaeb9 100%); background: -webkit-linear-gradient(top, #848896 0%, #acaeb9 100%); background: linear-gradient(to bottom, #848896 0%, #acaeb9 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#848896', endColorstr='#acaeb9', GradientType=0); position: absolute; top: 0; left: -7px } #product .request_block .rb_slider_wrap .rb_slider:after { content: ''; width: 83px; height: 5px; background: #848896; background: -moz-linear-gradient(top, #848896 0%, #acaeb9 100%); background: -webkit-linear-gradient(top, #848896 0%, #acaeb9 100%); background: linear-gradient(to bottom, #848896 0%, #acaeb9 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#848896', endColorstr='#acaeb9', GradientType=0); position: absolute; top: 0; right: -83px } #product .request_block .rb_slider_wrap .rb_slider .ui-slider-handle { height: 37px; background: #e9edf1; border: 4px solid #ff0000; margin-top: -11px; font: 14px 'Roboto', sans-serif; font-weight: 800; color: #283441; border-radius: 0; display: inline-block; cursor: pointer; white-space: nowrap; top: -7px; line-height: 24px; padding: 2px 80px 0 4px; -webkit-box-shadow: 0px 3px 6px rgba(44, 66, 96, 0.3); -moz-box-shadow: 0px 3px 6px rgba(44, 66, 96, 0.3); -ms-box-shadow: 0px 3px 6px rgba(44, 66, 96, 0.3); -o-box-shadow: 0px 3px 6px rgba(44, 66, 96, 0.3); box-shadow: 0px 3px 6px rgba(44, 66, 96, 0.3) } #product .request_block .rb_slider_wrap .rb_slider .ui-slider-handle span { margin-left: 5px; color: #283441; font: 14px 'Roboto', sans-serif; font-weight: 800; } #product .request_block .rb_slider_wrap .rb_slider .ui-slider-handle:hover { border: 4px solid #00a4f0; color: #00a4f0 } #product .request_block .rb_slider_wrap .rb_slider .ui-slider-handle:hover span { color: #00a4f0 } #product .request_block .rb_slider_wrap .values { margin-top: 10px; position: absolute; top: 32px; left: 0; right: 0 } #product .request_block .rb_slider_wrap .values span { font-size: 14px; color: #666666 } #product .request_block .rb_slider_wrap .values span:first-child { left: 15px } #product .request_block .rb_slider_wrap .values span:last-child { float: right; right: 0 } #product .request_block .lovato_block { display: none } #product .request_block .price { display: none } #product .similar { margin-top: 57px; margin-bottom: 11px } @media screen and (max-width: 1600px) { #product .request_block .eco_text_wrap .eco_text { display: inline-block; vertical-align: middle; width: 200px } #product .request_block .eco_text_wrap .eco_text strong, #product .request_block .eco_text_wrap .eco_text p { font: 20px 'Roboto', sans-serif; font-weight: 800; color: #283441; line-height: 18px } #product .request_block .eco_text_wrap .eco_text strong ins, #product .request_block .eco_text_wrap .eco_text p ins { font-family: 'MyriadProRegular'; font-size: 20px } #product .request_block .eco_text_wrap.result .eco_text>div ins { font-family: 'MyriadProRegular'; font-size: 20px } #product .request_block .eco_text_wrap.result .eco_text>div span { font-family: 'ALSRubl' } #product .request_block .eco_text_wrap.result .eco_text>div em { font-family: 'MyriadProRegular'; font-size: 20px; font-style: normal; position: absolute; top: 0; left: 81px } #product .request_block .eco_text_wrap.result .eco_text>div .profit { display: block; margin-left: 0px } #product .request_block .rb_slider_wrap { display: inline-block; margin-left: 3%; height: 100%; vertical-align: top; width: 540px; padding: 0 30px } } @media screen and (max-width: 1380px) { #product .request_block .eco_text_wrap { margin-left: 1% } #product .request_block .eco_text_wrap .eco_text { display: inline-block; vertical-align: middle; width: 200px } #product .request_block .eco_text_wrap .eco_text strong, #product .request_block .eco_text_wrap .eco_text p { font: 20px 'Roboto', sans-serif; font-weight: 800; color: #283441; line-height: 18px } #product .request_block .eco_text_wrap .eco_text strong ins, #product .request_block .eco_text_wrap .eco_text p ins { font-family: 'MyriadProRegular'; font-size: 20px } #product .request_block .eco_text_wrap.result .eco_text { width: 150px } #product .request_block .eco_text_wrap.result .eco_text>div ins { font-family: 'MyriadProRegular'; font-size: 20px } #product .request_block .eco_text_wrap.result .eco_text>div span { font-family: 'ALSRubl' } #product .request_block .eco_text_wrap.result .eco_text>div em { font-family: 'MyriadProRegular'; font-size: 20px; font-style: normal; position: absolute; top: 0; left: 81px } #product .request_block .eco_text_wrap.result .eco_text>div .profit { display: block; margin-left: 0px } #product .request_block .rb_slider_wrap { display: inline-block; margin-left: 0%; height: 100%; vertical-align: top; width: 365px; padding: 0 30px } } #prices .engines { padding-top: 19px } #prices .engines li { float: left; width: 30%; margin-right: 5%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; position: relative } #prices .engines li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 77 } #prices .engines li .ico_block { background-position: top; background-repeat: no-repeat; width: 305px; height: 290px; position: relative; top: 0; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -ms-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s } #prices .engines li .ico_block img { display: none } #prices .engines li:nth-child(1) .ico_block { background-image: url("/bitrix/templates/maxgas/css/../img/engine_ico1.png") } #prices .engines li:nth-child(2) .ico_block { background-image: url("/bitrix/templates/maxgas/css/../img/engine_ico2.png") } #prices .engines li:nth-child(3) { margin: 0 } #prices .engines li:nth-child(3) .ico_block { background-image: url("/bitrix/templates/maxgas/css/../img/engine_ico3.png") } #prices .engines li .desc_block { display: inline-block; width: 212px; position: absolute; top: 46px; right: 0 } #prices .engines li .desc_block ins { font: 42px 'Roboto', sans-serif; font-weight: 300; color: #172330; display: block; letter-spacing: 4px } #prices .engines li .desc_block span { font-family: 'MyriadProRegular'; font-size: 14px; color: #172330 } #prices .engines li .desc_block .toggleText { margin-top: 12px } #prices .engines li .desc_block .toggleText>div>p { font: 18px/20px 'Roboto', sans-serif; font-weight: 800; color: #172330 } #prices .engines li .desc_block .toggleText .smallDisplay { display: none } #prices .engines li:hover .ico_block { background-position: bottom; top: -20px; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -ms-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s } #prices .engines li:hover .desc_block ins, #prices .engines li:hover .desc_block span, #prices .engines li:hover .desc_block .toggleText>div>p { color: #0092ff } #prices .adjustable_flow { height: 126px; background: #deeaf7; margin: 50px 0 70px 0 } #prices .adjustable_flow li { width: 33.33%; text-align: center; float: left } #prices .adjustable_flow li .float_inner { display: inline-block; vertical-align: middle; width: 100% } #prices .adjustable_flow li .float_inner img { vertical-align: middle } #prices .adjustable_flow li .float_inner .inner_link { display: inline-block; vertical-align: middle; text-align: left; padding-left: 5% } #prices .adjustable_flow li .float_inner .inner_link a { font: 24px 'Roboto', sans-serif; font-weight: 800; color: #15232f; text-decoration: none; border-bottom: 1px solid #15232f } #prices .adjustable_flow li .float_inner .inner_link a:hover { border-bottom: 1px solid #0092ff; color: #0092ff } #prices .adjustable_flow li .float_inner .inner_link a:hover+p { color: #0092ff } #prices .adjustable_flow li .float_inner .inner_link p { color: #15232f; margin-top: 5px } #prices .catalog_main { padding: 0 } #prices .catalog_main .hidden_autos { margin-top: 40px; display: none } #prices .catalog_main .hide { color: #22323e; font-size: 15px; text-align: center; margin-top: 40px } #prices .catalog_main .hide a { font: 26px 'Roboto', sans-serif; font-weight: 800; color: #22323e; text-transform: uppercase; display: inline-block; padding: 10px 0 14px; border-bottom: 4px dotted; padding-bottom: 1px; position: relative; margin-bottom: 15px } #prices .catalog_main .hide a:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/ico/arrow_up.png"); width: 31px; height: 28px; position: absolute; top: -28px; left: 0; right: 0; margin: auto } #prices .catalog_main .hide a:hover { color: #0383e6 } #prices .catalog_main .hide a:hover:after { background-position: bottom } #prices .catalog_main .hide a:hover+p { color: #0383e6 } #prices .price_inner h1 { font: 32px 'Roboto', sans-serif; font-weight: 800; color: #142532; text-transform: uppercase } #prices .price_inner .engines_tabs { padding: 30px 0 } #prices .price_inner .engines_tabs li { display: inline-block; margin-right: 10px } #prices .price_inner .engines_tabs li a { font: 18px 'Roboto', sans-serif; font-weight: 800; display: inline-block; padding: 10px 20px; border: 1px solid transparent; color: #20b6f1; text-decoration: none } #prices .price_inner .engines_tabs li a span { border-bottom: 1px solid #20b6f1 } #prices .price_inner .engines_tabs li.active a { border: 1px solid #c6cdd7; cursor: default; color: #c6cdd7; pointer-events: none } #prices .price_inner .engines_tabs li.active a span { border-bottom: 1px solid transparent } #prices .price_inner .equipment_desc { min-height: 275px; background: #c4ced8; margin-bottom: 30px } #prices .price_inner .equipment_desc .ed_leftside { width: 30%; float: left; min-height: 275px; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; padding: 30px 40px; position: relative } #prices .price_inner .equipment_desc .ed_leftside:after { content: ''; background: rgba(20, 37, 50, 0.48); position: absolute; top: 0; left: 0; right: 0; bottom: 0 } #prices .price_inner .equipment_desc .ed_leftside h2 { color: #fff; font: 20px/24px 'Roboto', sans-serif; font-weight: 800; text-transform: uppercase; z-index: 22 } #prices .price_inner .equipment_desc .ed_leftside h2 p { color: #fff; text-transform: none; font: 16px 'MyriadProRegular' } #prices .price_inner .equipment_desc .ed_leftside .price { z-index: 22; padding: 5px 15px; border: 3px solid #fd0100; display: inline-block; position: absolute; left: 0; width: 230px; right: 0; top: 30px; margin: auto; } /****#prices .price_inner .equipment_desc .ed_leftside .price { z-index: 22; padding: 5px 15px; border: 3px solid #fd0100; display: inline-block; position: absolute; left: 40px; bottom: 30px }***/ #prices .price_inner .equipment_desc .ed_leftside .price span { color: #fff; font: 16px 'MyriadProRegular'; margin-right: 4px } #prices .price_inner .equipment_desc .ed_leftside .price strong { color: #fff; font: 40px/44px 'Roboto', sans-serif; font-weight: 800; } #prices .price_inner .equipment_desc .ed_leftside .price ins { display: inline-block; color: #fff; font: 38px/44px 'Roboto', sans-serif; font-weight: 800; position: relative; margin-left: 4px } #prices .price_inner .equipment_desc .ed_leftside .price ins i { font-style: normal; position: absolute; top: 6px; left: 8px; font-family: 'MyriadPro-Bold' } #prices .price_inner .equipment_desc .ed_rightside { width: 70%; float: left; min-height: 275px; overflow: hidden } #prices .price_inner .equipment_desc .ed_rightside .ed_advantages { vertical-align: top; -webkit-box-shadow: 0px 5px 15px #aab7c0; -moz-box-shadow: 0px 5px 15px #aab7c0; -ms-box-shadow: 0px 5px 15px #aab7c0; -o-box-shadow: 0px 5px 15px #aab7c0; box-shadow: 0px 5px 15px #aab7c0; min-height: 187px; z-index: 11; background: #d0d9e2 } #prices .price_inner .equipment_desc .ed_rightside .ed_advantages li { width: 33.33%; float: left; text-align: center; margin-top: 30px; position: relative } #prices .price_inner .equipment_desc .ed_rightside .ed_advantages li:after { content: ''; width: 3px; height: 100%; background: #c4ced7; position: absolute; top: 0; right: 0 } #prices .price_inner .equipment_desc .ed_rightside .ed_advantages li:last-child:after { display: none } #prices .price_inner .equipment_desc .ed_rightside .ed_advantages li img { max-width: 80px; margin: auto } #prices .price_inner .equipment_desc .ed_rightside .ed_advantages li p { color: #142431; font-family: 'MyriadPro-Bold'; font-size: 16px; line-height: 22px; margin-top: 10px; text-align: center; text-transform: uppercase; margin: auto; max-width: 200px } #prices .price_inner .equipment_desc .ed_rightside .rightside_bottom { background: #c4ced8; padding: 15px 40px } #prices .price_inner .equipment_desc .ed_rightside .rightside_bottom strong { color: #142431; font-family: 'Roboto', sans-serif; font-weight: 800; font-size: 16px; line-height: 22px } #prices .price_inner .equipment_desc .ed_rightside .rightside_bottom .prices_phone_list li { display: none } #prices .price_inner .equipment_desc .ed_rightside .rightside_bottom .prices_phone_list li a { font: 24px 'Roboto', sans-serif; font-weight: 300; color: #142431 } #prices .price_inner .equipment_desc .ed_rightside .rightside_bottom .prices_phone_list li a b { font: 24px 'Roboto', sans-serif; font-weight: 800; margin-left: 4px } #prices .price_inner .equipment_desc .ed_rightside .rightside_bottom button[type="button"] { left: auto; right: 40px; top: 14px } #prices .price_inner .about_equipment { border: 5px solid #dadde2; margin-top: 40px; position: relative } #prices .price_inner .about_equipment .ae_title { display: inline-block; padding: 0 20px; background: #fff; font: 18px 'Roboto', sans-serif; font-weight: 800; position: absolute; top: -16px; left: 20px; color: #142431 } #prices .price_inner .about_equipment .ae_leftside { display: inline-block; width: 30%; float: left; padding: 35px 20px 35px 100px; position: relative } #prices .price_inner .about_equipment .ae_leftside:before { content: ''; background: url("/bitrix/templates/maxgas/css/../img/hardware.png"); width: 108px; height: 150px; position: absolute; bottom: 0; left: 0 } #prices .price_inner .about_equipment .ae_leftside p { font-size: 16px; color: #142431 } #prices .price_inner .about_equipment .ae_leftside strong { font: 18px 'Roboto', sans-serif; font-weight: 800; color: #142431; display: block; margin-bottom: 20px } #prices .price_inner .about_equipment .ae_leftside img { margin-bottom: 20px; max-width: 100% } #prices .price_inner .about_equipment .ae_leftside .lovato_link span { font-size: 16px; color: #142431; margin-left: 20px; border-bottom: 1px solid rgba(20, 36, 49, 0.5) } #prices .price_inner .about_equipment .ae_rightside { width: 70%; float: left; padding: 35px 10% 35px 0 } #prices .price_inner .about_equipment .ae_rightside h4 { color: #142431; font-family: 'MyriadPro-Bold'; font-size: 16px; line-height: 22px; text-transform: uppercase } #prices .price_inner .about_equipment .ae_rightside p { color: #142431; font-size: 16px; line-height: 22px; margin-top: 10px } #prices .price_inner .additional_options { margin-top: 40px } #prices .price_inner .additional_options h3 { font: 18px 'Roboto', sans-serif; font-weight: 800; color: #142431 } #prices .price_inner .additional_options .additional_slider { padding: 0 85px; margin-top: 20px; height: 200px; } #prices .price_inner .additional_options .additional_slider .slick-arrow { width: 62px; border: none; height: 100%; background: #dee4ea; position: absolute; top: 0; font-size: 0 } #prices .price_inner .additional_options .additional_slider .slick-arrow.slick-prev { left: 0 } #prices .price_inner .additional_options .additional_slider .slick-arrow.slick-prev:after { content: ""; position: absolute; width: 18px; height: 28px; z-index: 1; left: 50%; top: 50%; margin-left: -9px; margin-top: -14px; background: url("/bitrix/templates/maxgas/css/../img/btn/main_slider_arrow_prev.png") } #prices .price_inner .additional_options .additional_slider .slick-arrow.slick-prev:hover { background: #08a1ed } #prices .price_inner .additional_options .additional_slider .slick-arrow.slick-prev:hover:after { background-position: bottom } #prices .price_inner .additional_options .additional_slider .slick-arrow.slick-next { right: 0 } #prices .price_inner .additional_options .additional_slider .slick-arrow.slick-next:after { content: ""; position: absolute; width: 18px; height: 28px; z-index: 1; left: 50%; top: 50%; margin-left: -9px; margin-top: -14px; background: url("/bitrix/templates/maxgas/css/../img/btn/main_slider_arrow_next.png") } #prices .price_inner .additional_options .additional_slider .slick-arrow.slick-next:hover { background: #08a1ed } #prices .price_inner .additional_options .additional_slider .slick-arrow.slick-next:hover:after { background-position: bottom } #prices .price_inner .additional_options .additional_slider li { text-align: center } #prices .price_inner .additional_options .additional_slider li .additional_option { width: 96%; margin: auto; max-width: 300px; height: 200px; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; padding: 20px 30px; text-align: left; position: relative; overflow: hidden } #prices .price_inner .additional_options .additional_slider li .additional_option a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 77 } #prices .price_inner .additional_options .additional_slider li .additional_option:after { content: ''; background: rgba(20, 37, 50, 0.48); position: absolute; top: 0; left: 0; right: 0; bottom: 0 } #prices .price_inner .additional_options .additional_slider li .additional_option:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 4px solid rgba(255, 0, 0, 0.66); opacity: 0; z-index: 22; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } #prices .price_inner .additional_options .additional_slider li .additional_option .option_text { z-index: 33; height: 100% } #prices .price_inner .additional_options .additional_slider li .additional_option .option_text strong { font: 18px/20px 'MyriadPro-Bold'; color: #fff; z-index: 11 } #prices .price_inner .additional_options .additional_slider li .additional_option .option_text .hidden_more { font: 20px 'MyriadPro-Bold'; color: #fff; z-index: 11; text-transform: uppercase; position: absolute; left: 0; bottom: -100px; display: inline-block; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } #prices .price_inner .additional_options .additional_slider li .additional_option .option_text .hidden_more:after { content: ''; width: 70px; height: 4px; background: #ff0000; position: absolute; top: -15px; left: 0 } #prices .price_inner .additional_options .additional_slider li .additional_option:hover:before { opacity: 1; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } #prices .price_inner .additional_options .additional_slider li .additional_option:hover .option_text .hidden_more { bottom: 0; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } #prices .price_inner .catalog_main { margin: 0 } @media screen and (max-width: 1899px) { #prices .engines li .desc_block { width: auto } #prices .engines li .desc_block .toggleText .smallDisplay { display: block } #prices .engines li .desc_block .toggleText .bigDisplay { display: none } } @media screen and (max-width: 1600px) { #prices .engines { margin-top: 40px } #prices .engines li { padding-left: 0 } #prices .engines li:nth-child(1) .desc_block { right: 60px } #prices .engines li:nth-child(2) .desc_block { right: 30px } } @media screen and (max-width: 1480px) { #prices .engines li { padding-left: 0; width: 33.33%; margin: 0 } #prices .engines li .desc_block { width: auto; right: auto !important; left: 160px; top: -60px } } #actions .actions_wrap { column-gap: 1.5em; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; -o-column-gap: 1.5em; -moz-column-count: 2; -o-column-count: 2; -webkit-column-count: 2; column-count: 2 } #actions .actions_wrap .action { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 3.5em } #actions .actions_wrap .action .action_item { background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover } #actions .actions_wrap .action .action_desc { background: #333e43; padding: 10px 55px; padding-right: 33% } #actions .actions_wrap .action .action_desc h2 { color: #fff; font-size: 20px; line-height: 24px; font-family: 'MyriadPro-Bold'; text-align: left } #actions .actions_wrap .action .action_desc p { color: #fff; font-size: 16px; line-height: 24px; font-family: 'MyriadProRegular'; margin: 20px 0 10px 0; text-align: left } #actions .actions_wrap .action .action_desc .a_more { color: #24b3ec; font: 20px 'Roboto', sans-serif; font-weight: 800; text-decoration: none; border-bottom: 2px solid rgba(36, 179, 236, 0.45); /****margin-top: 30px;***/ text-transform: uppercase; font-weight: normal; display: inline-block; position: relative } #actions .actions_wrap .action .action_desc .a_more:after { content: ''; background: url("/bitrix/templates/maxgas/css/../img/ico/more_arrow.png"); width: 19px; height: 20px; position: absolute; top: 4px; right: -30px; z-index: 22 } #actions .actions_wrap .action .action_desc ul { margin: 10px 0 10px 0 } #actions .actions_wrap .action .action_desc ul li { color: #fff; font-size: 16px; line-height: 24px; font-family: 'MyriadProRegular' } #actions .actions_common { padding-bottom: 150px } #actions .actions_common .link_back { font: 16px 'Roboto', sans-serif; font-weight: 800; color: #24b3ec; padding-left: 33px; text-decoration: none; text-transform: uppercase; display: inline-block; margin-top: 35px; position: relative } #actions .actions_common .link_back:before { content: ''; background: url("/bitrix/templates/maxgas/css/../img/ico/more_arrow.png"); width: 19px; height: 20px; position: absolute; top: 0; left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } #actions .actions_common .link_back span { border-bottom: 1px solid #24b3ec } #actions .actions_common h1 { font: 32px 'Roboto', sans-serif; font-weight: 800; color: #142532; text-transform: uppercase; margin-top: 10px } #actions .actions_common .common { max-width: 715px; margin-top: 30px } #actions .actions_common .common img { max-width: 100% } #actions .actions_common .common .text_wrap { padding-right: 10%; padding-top: 20px } #actions .actions_common .common .text_wrap strong { display: block; font: 18px / 24px 'Roboto', sans-serif; font-weight: 800; color: #142532; margin: 20px 0 10px 0 } #actions .actions_common .common .text_wrap h3 { display: block; font: 28px / 30px 'Roboto', sans-serif; font-weight: 800; color: #142532; margin: 50px 0 40px 0 } #actions .actions_common .common .text_wrap p { font-size: 16px; line-height: 24px; color: #142532; margin: 20px 0 10px 0 } #actions .actions_common .common .text_wrap>ol { margin-bottom: 20px; counter-reset: Counter } #actions .actions_common .common .text_wrap>ol>li { padding-left: 30px; font-size: 16px; line-height: 24px; color: #142532; margin-bottom: 30px } #actions .actions_common .common .text_wrap>ol>li:after { counter-increment: Counter; content: counter(Counter); position: absolute; color: #ff0000; left: 0; top: 0; font: 20px 'Roboto', sans-serif; font-weight: 800; } #actions .actions_common .common .text_wrap>ol>li ol { counter-reset: Counterinset } #actions .actions_common .common .text_wrap>ol>li ol li { margin-left: 16px; padding-left: 16px } #actions .actions_common .common .text_wrap>ol>li ol li:after { counter-increment: Counterinset; content: counter(Counterinset); position: absolute; font-size: 14px; color: #c7b5b4; left: 0; top: 0 } #actions .actions_common .common .text_wrap ul { margin: 10px 0 10px 0 } #actions .actions_common .common .text_wrap ul li { font-size: 16px; line-height: 24px; color: #142532 } #actions .actions_common .other_actions { margin-top: 30px } #actions .actions_common .other_actions .other_actions_link { font: 28px 'Roboto', sans-serif; font-weight: 800; color: #24b3ec; text-decoration: none; border-bottom: 1px solid rgba(36, 179, 236, 0.5) } #actions .actions_common .other_actions .oa_ul { margin-top: 30px } #actions .actions_common .other_actions .oa_ul li { text-align: center; display: inline-block; vertical-align: top; margin-right: 3%; text-align: left; margin-bottom: 3% } #actions .actions_common .other_actions .oa_ul li .other_action { width: 235px; margin: auto } #actions .actions_common .other_actions .oa_ul li .other_action img { max-width: 100%; margin: auto; object-fit: cover; object-position: 50% 50%; margin-bottom: 12px } #actions .actions_common .other_actions .oa_ul li .other_action a { font-size: 16px; line-height: 22px; color: #21313e; text-decoration: none; text-align: left; display: block } #actions .actions_common .other_actions .oa_ul li .other_action a span { border-bottom: 1px solid #21313e } #actions .actions_common .other_actions .oa_ul li .other_action a:hover { color: #0092ff } #actions .actions_common .other_actions .oa_ul li .other_action a:hover span { border-bottom: 1px solid #0092ff } @media screen and (max-width: 1380px) { /****#actions .actions_wrap .action .action_desc { padding: 40px 55px }***/ } @media screen and (max-width: 1170px) { #actions .actions_wrap .action .action_desc { padding: 10px 30px; } #actions .actions_wrap .action .action_desc p { margin: 10px 0 10px 0; } } #contacts .contacts_wrap { height: 930px; overflow: hidden } #contacts .contacts_wrap .contacts_leftside { display: inline-block; background: #e0e7ef; padding-left: 5%; width: 440px; padding-top: 25px; height: 100%; float: left; -webkit-box-shadow: 6px 0px 20px #aeb4b2; -moz-box-shadow: 6px 0px 20px #aeb4b2; -ms-box-shadow: 6px 0px 20px #aeb4b2; -o-box-shadow: 6px 0px 20px #aeb4b2; box-shadow: 6px 0px 20px #aeb4b2; z-index: 55 } #contacts .contacts_wrap .contacts_leftside h1 { font: 28px 'Roboto', sans-serif; font-weight: 800; color: #1e3344; text-transform: uppercase } #contacts .contacts_wrap .contacts_leftside .city { height: auto; } #contacts .contacts_wrap .contacts_leftside .city .title_city { position: relative; padding-left: 35px; margin-top: 30px } #contacts .contacts_wrap .contacts_leftside .city .title_city>img { position: absolute; top: 0; left: 0 } #contacts .contacts_wrap .contacts_leftside .city .title_city>strong { font: 18px 'Roboto', sans-serif; font-weight: 800; color: #1e3344; line-height: 32px } #contacts .contacts_wrap .contacts_leftside .city .title_city a { cursor: pointer; } #contacts .contacts_wrap .contacts_leftside .city .title_city a span { font: 18px 'Roboto', sans-serif; font-weight: 800; color: #e80304; line-height: 32px } #contacts .contacts_wrap .contacts_leftside .city .adress { margin-top: 15px } #contacts .contacts_wrap .contacts_leftside .city .adress li { padding: 15px 35px 15px 10px; cursor: pointer; position: relative } #contacts .contacts_wrap .contacts_leftside .city .adress li ins { color: #92a2b1; text-transform: uppercase; font-family: Verdana, Geneva, sans-serif; font-size: 11px; display: block; margin-bottom: 5px } #contacts .contacts_wrap .contacts_leftside .city .adress li p { font-size: 16px; line-height: 20px; color: #1e3344 } #contacts .contacts_wrap .contacts_leftside .city .adress li p strong { font-family: 'MyriadPro-Bold' } #contacts .contacts_wrap .contacts_leftside .city .adress li.active { background: #0f71cc; /*pointer-events: none*/ } #contacts .contacts_wrap .contacts_leftside .city .adress li.active:after { content: ''; background: #0f71cc; width: 500px; height: 100%; position: absolute; top: 0; left: -500px } #contacts .contacts_wrap .contacts_leftside .city .adress li.active ins, #contacts .contacts_wrap .contacts_leftside .city .adress li.active p, #contacts .contacts_wrap .contacts_leftside .city .adress li.active strong { color: #fff } #contacts .contacts_wrap .contacts_rightside { vertical-align: top; height: 100%; overflow: hidden } #contacts .contacts_wrap .contacts_rightside #map { width: 100%; height: 100% } #contacts .contacts_wrap .contacts_rightside .station_slider { width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 100%; z-index: 66; display: none; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: translateX(-180px); -moz-transform: translateX(-180px); -ms-transform: translateX(-180px); -o-transform: translateX(-180px); transform: translateX(-180px) } #contacts .contacts_wrap .contacts_rightside .station_slider.active, #contacts .contacts_wrap .contacts_rightside #map + .station_slider { display: block } #contacts .contacts_wrap .contacts_rightside .station_slider.visible { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s } #contacts .contacts_wrap .contacts_rightside .station_slider.visible ul { left: 180px; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -ms-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } #contacts .contacts_wrap .contacts_rightside .station_slider.visible ul .prev { left: 0 } #contacts .contacts_wrap .contacts_rightside .station_slider.disabled { opacity: 0; z-index: -999; pointer-events: none } #contacts .contacts_wrap .contacts_rightside .station_slider a { position: absolute; top: 0; bottom: 0; left: 0; width: 180px; background: rgba(0, 17, 65, 0.5) } #contacts .contacts_wrap .contacts_rightside .station_slider a:hover { background: rgba(0, 120, 255, 0.5) } #contacts .contacts_wrap .contacts_rightside .station_slider a span { font-size: 20px; line-height: 23px; font-family: 'Roboto', sans-serif; font-weight: 800; color: #fff; display: inline-block; position: absolute; top: 50%; margin-top: -23px; left: 45px } #contacts .contacts_wrap .contacts_rightside .station_slider a span:before { content: ''; background: url("/bitrix/templates/maxgas/css/../img/fotik.png"); width: 28px; height: 23px; position: absolute; top: -40px; left: 0; margin: auto } #contacts .contacts_wrap .contacts_rightside .station_slider a span:after { content: ''; background: url("/bitrix/templates/maxgas/css/../img/ico/double_arrow_prev.png"); width: 21px; height: 20px; position: absolute; top: 50%; margin-top: -10px; left: -30px } #contacts .contacts_wrap .contacts_rightside .station_slider a.active span:after { content: ''; background: url("/bitrix/templates/maxgas/css/../img/ico/double_arrow_next.png"); width: 21px; height: 20px; position: absolute; top: 50%; margin-top: -10px; right: -30px; left: auto } #contacts .contacts_wrap .contacts_rightside .station_slider a.active span:before { content: ''; background: url("/bitrix/templates/maxgas/css/../img/ico/point.png"); width: 24px; height: 30px; position: absolute; top: -5px; left: -35px; margin: auto } #contacts .contacts_wrap .contacts_rightside .station_slider ul { position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s; background: #fff } #contacts .contacts_wrap .contacts_rightside .station_slider ul li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: 50% 50%; opacity: 0; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } #contacts .contacts_wrap .contacts_rightside .station_slider ul li.active { opacity: 1; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } #contacts .contacts_wrap .contacts_rightside .station_slider ul .prev { background-image: url("/bitrix/templates/maxgas/css/../img/btn/station_arrow_prev.jpg"); width: 42px; height: 42px; background-repeat: no-repeat; background-position: top; border: none; position: absolute; top: 50%; margin-top: -21px; left: 14% } #contacts .contacts_wrap .contacts_rightside .station_slider ul .prev:hover { background-position: bottom } #contacts .contacts_wrap .contacts_rightside .station_slider ul .next { background-image: url("/bitrix/templates/maxgas/css/../img/btn/station_arrow_next.jpg"); width: 42px; height: 42px; background-repeat: no-repeat; background-position: top; border: none; position: absolute; top: 50%; margin-top: -21px; right: 0 } #contacts .contacts_wrap .contacts_rightside .station_slider ul .next:hover { background-position: bottom } #contacts .feedback_form { padding-top: 40px } #contacts .feedback_form .ff_leftside { padding-left: 5%; width: 440px; float: left; margin-left: 10px } #contacts .feedback_form .ff_leftside strong { font: 22px 'Roboto', sans-serif; font-weight: 800; color: #1e3344; display: block; margin-bottom: 15px } #contacts .feedback_form .ff_leftside p { font-size: 16px; color: #1e3344; margin-bottom: 3px } #contacts .feedback_form .ff_leftside p span { font-family: 'MyriadPro-Bold' } #contacts .feedback_form .ff_rightside { padding-left: 440px } #contacts .feedback_form .ff_rightside .blue_title p { font: 31px 'Roboto', sans-serif; font-weight: 800; color: #000000 } #contacts .feedback_form .ff_rightside .blue_title ins { font: 20px 'Roboto', sans-serif; font-weight: 800; color: #fff; background: #0b63bc; padding: 2px 10px } #contacts .feedback_form .ff_rightside .form_wrap { display: none; margin-top: 20px } #contacts .feedback_form .ff_rightside .form_wrap form .feed { display: inline-block; width: 395px; vertical-align: top; margin-bottom: 20px } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element.required label strong:after { content: ''; background: url("/bitrix/templates/maxgas/css/../img/ico/req_ico.jpg"); width: 11px; height: 10px; position: absolute; top: 7px; right: -30px } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label { display: block; position: relative; margin-bottom: 10px } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label strong { font: 18px 'Roboto', sans-serif; font-weight: 800; color: #1e3344; display: block; margin-bottom: 7px; display: inline-block; position: relative } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label input[type="text"] { width: 100%; background: #e0e7ef; height: 50px; border: none; margin-bottom: 10px; padding-left: 20px; font-family: 'MyriadPro-Bold'; font-size: 18px; line-height: 50px; color: #1e3344 } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label input[type="text"]:focus+.border { bottom: 50px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label input[type="text"].error { background: #ff7571; box-shadow: inset 2px 2px 4px #9c3f3d; -o-box-shadow: inset 2px 2px 4px #9c3f3d; -moz-box-shadow: inset 2px 2px 4px #9c3f3d; -ms-box-shadow: inset 2px 2px 4px #9c3f3d; color: #a5423f } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label input[type="text"].error::-moz-placeholder { font-family: 'MyriadPro-Bold'; font-size: 18px; line-height: 50px; color: #a5423f } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label input[type="text"].error:-moz-placeholder { font-family: 'MyriadPro-Bold'; font-size: 18px; line-height: 50px; color: #a5423f } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label input[type="text"].error:-ms-input-placeholder { font-family: 'MyriadPro-Bold'; font-size: 18px; line-height: 50px; color: #a5423f } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label input[type="text"].error::-webkit-input-placeholder { font-family: 'MyriadPro-Bold'; font-size: 18px; line-height: 50px; color: #a5423f } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label input[type="text"].error::placeholder { font-family: 'MyriadPro-Bold'; font-size: 18px; line-height: 50px; color: #a5423f } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label input[type="text"].error::input-placeholder { font-family: 'MyriadPro-Bold'; font-size: 18px; line-height: 50px; color: #a5423f } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label textarea { width: 100%; background: #e0e7ef; height: 250px; border: none; padding: 10px 20px; resize: none; font-family: 'MyriadPro-Bold'; font-size: 18px; line-height: 24px; color: #1e3344 } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label textarea:focus+.border { bottom: 245px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label textarea.error { background: #ff7571; box-shadow: inset 2px 2px 4px #9c3f3d; -o-box-shadow: inset 2px 2px 4px #9c3f3d; -moz-box-shadow: inset 2px 2px 4px #9c3f3d; -ms-box-shadow: inset 2px 2px 4px #9c3f3d; color: #a5423f } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label textarea.error::-moz-placeholder { font-family: 'MyriadPro-Bold'; font-size: 18px; line-height: 24px; color: #a5423f } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label textarea.error:-moz-placeholder { font-family: 'MyriadPro-Bold'; font-size: 18px; line-height: 24px; color: #a5423f } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label textarea.error:-ms-input-placeholder { font-family: 'MyriadPro-Bold'; font-size: 18px; line-height: 24px; color: #a5423f } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label textarea.error::-webkit-input-placeholder { font-family: 'MyriadPro-Bold'; font-size: 18px; line-height: 24px; color: #a5423f } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label textarea.error::placeholder { font-family: 'MyriadPro-Bold'; font-size: 18px; line-height: 24px; color: #a5423f } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label textarea.error::input-placeholder { font-family: 'MyriadPro-Bold'; font-size: 18px; line-height: 24px; color: #a5423f } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label .border { width: 90%; height: 2px; background: #203342; position: absolute; left: 0; right: 0; bottom: 15px; margin: auto; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector { cursor: pointer; width: 100%; background-color: #e0e7ef } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector .wrap { padding: 15px 30px 15px 15px } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector .wrap:after { display: none } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector .wrap span { font: 16px/20px 'MyriadProRegular'; color: #516a6f; display: block } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector select { display: none } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector button { background-image: url("/bitrix/templates/maxgas/css/../img/ico/dropdown.png"); width: 17px; height: 8px; background-position: top; background-repeat: no-repeat; background-color: transparent; position: absolute; top: 50%; margin-top: -3px; right: 14px; border: 0; font-size: 0 } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector .dropdown { position: absolute; left: -3000px; width: 100%; background: #d9e2e9; border: 0; z-index: 7; max-height: 205px; transition: opacity .4s; opacity: 0; top: 100% } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector .dropdown.shown { left: 0; opacity: 1 } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector .dropdown ul li { height: 33px; line-height: 33px; padding: 0 30px 0 15px; } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector .dropdown ul li.selected { background: #79b8ce; color: #000000 } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector .dropdown ul li.selected:hover { background: #79b8ce; color: #c7f0f9 } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector .dropdown ul li:hover { color: #eb0000 } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector:hover { background-color: #08a4ee } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector:hover .wrap button { background-position: bottom } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector:hover .wrap span { color: #fff } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector:hover .wrap:after { background-position: bottom } #contacts .feedback_form .ff_rightside .form_wrap form .feed:first-child { margin-right: 70px } #contacts .feedback_form .ff_rightside .form_wrap form label strong { font: 18px 'Roboto', sans-serif; font-weight: 800; color: #1e3344; display: block; margin-bottom: 7px; display: inline-block; position: relative } #contacts .feedback_form .ff_rightside .form_wrap form button[type="submit"] { background-image: url("/bitrix/templates/maxgas/css/../img/btn/send_btn.png"); width: 156px; height: 60px; border: none; background-position: top; background-repeat: no-repeat; margin-top: 30px } #contacts .feedback_form .ff_rightside .form_wrap form button[type="submit"]:hover { background-position: center } #contacts .feedback_form .ff_rightside .form_wrap form button[type="submit"]:active { background-position: bottom } #contacts .feedback_form .ff_rightside .form_wrap .thanks { display: none; height: 390px } #contacts .feedback_form .ff_rightside .form_wrap .thanks:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em } #contacts .feedback_form .ff_rightside .form_wrap .thanks .thanks_txt { display: inline-block; vertical-align: middle } #contacts .feedback_form .ff_rightside .form_wrap .thanks .thanks_txt strong { font-size: 24px; color: #063451; font-family: 'Roboto', sans-serif; font-weight: 800; position: relative } #contacts .feedback_form .ff_rightside .form_wrap .thanks .thanks_txt p { margin-top: 25px; color: #5d6c77; font-size: 14px; margin-bottom: 45px } #contacts .feedback_form .ff_rightside .form_wrap .thanks .thanks_txt a { font-size: 24px; color: #ff110f; font-family: 'Roboto', sans-serif; font-weight: 800; border-bottom: 1px solid #ff110f } #contacts .feedback_form .ff_rightside .form_wrap .thanks .thanks_txt a:hover { border-bottom: 1px solid transparent } #sertificates .sert_top .sert { display: inline-block; vertical-align: top; margin-right: 30px } #sertificates .sert_top .sert img { max-width: 250px } #sertificates .sert_top .sert_desc { display: inline-block; position: absolute; margin-left: 40px } #sertificates .sert_top .sert_desc .sd_txt { vertical-align: middle; display: inline-block } #sertificates .sert_top .sert_desc strong { font-family: 'Roboto', sans-serif; font-weight: 800; font-size: 18px; color: #000; margin: 0 } #sertificates .sert_top .sert_desc p { font-size: 14px; color: #000; margin: 0 } #sertificates .sert_coworkers { margin-top: 50px } #sertificates .sert_coworkers .sc_wrap { margin-top: 40px; margin-bottom: 60px } #sertificates .sert_coworkers .sert { display: inline-block; vertical-align: top; margin-right: 70px; margin-bottom: 60px } #sertificates .sert_coworkers .sert div a img { max-width: 165px } #sertificates .sert_coworkers .sert .sert_desc img { max-width: 65px } #sertificates .sert_coworkers .sert .sert_desc .sert_txt { display: inline-block; vertical-align: top; max-width: 210px; padding-top: 4px; margin-left: 10px } #sertificates .sert_coworkers .sert .sert_desc .sert_txt strong { font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 800; color: #000; margin: 0 } #sertificates .sert_coworkers .sert .sert_desc .sert_txt p { font-size: 14px; color: #000; line-height: 16px; margin: 0 } #sertificates .sert_coworkers .sert_other { display: inline-block; margin-right: 100px; vertical-align: top; margin-bottom: 30px } #sertificates .sert_coworkers .sert_other a { display: inline-block; border: none; vertical-align: middle } #sertificates .sert_coworkers .sert_other a img { max-width: 120px } #sertificates .sert_coworkers .sert_other .sert_desc { display: inline-block; vertical-align: middle; width: 220px; margin-left: 30px } #sertificates .sert_coworkers .sert_other .sert_desc p { margin: 0; font-size: 14px; line-height: 16px } #sertificates .sert_coworkers .sert_other .sert_desc strong { margin: 0 } #articles .article { margin-bottom: 40px } #articles .article .article_wrap.hover .article_ico:after { content: ''; background: rgba(0, 156, 255, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0 } #articles .article .article_wrap.hover .article_text strong { color: #009cff; border-bottom: 1px solid #009cff } #articles .article .article_wrap.hover .article_text p { color: #009cff } #articles .article .article_wrap { display: inline-block } #articles .article .article_wrap a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 55 } #articles .article .article_wrap .article_ico { display: inline-block; vertical-align: top } #articles .article .article_wrap .article_ico img { width: 300px } #articles .article .article_wrap .article_text { display: inline-block; vertical-align: top; margin-left: 80px; width: 420px; padding-top: 7px } #articles .article .article_wrap .article_text strong { font-size: 24px; color: #000; font-family: 'Roboto', sans-serif; font-weight: 800; border-bottom: 1px solid #000; line-height: 30px } #articles .article .article_wrap .article_text p { font-size: 14px; line-height: 28px; color: #000; margin-top: 20px; height: 116px; overflow: hidden } #articles .article .article_wrap .article_text p:after { content: ''; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 1%, #fff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 1%, #fff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 1%, #fff 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#ffffff', GradientType=0); position: absolute; bottom: 0; left: 0; right: 0; height: 50px } #articles .back { margin-top: 30px } #article p { font-size: 16px; color: #000; line-height: 24px; margin-bottom: 10px } #article .article { margin: 15px 0px; word-break: break-all; } #article .article li { margin-bottom: 30px } #article .article li p { font-size: 16px; color: #000; line-height: 24px; display: inline-block; padding-left: 100px } #article .article li span, #article .article li em, #article .article li i { display: inline-block; font-family: Verdana, Geneva, sans-serif; font-size: 10px; text-transform: uppercase; color: #647a7f; background: #d9e2e9; margin-right: 20px; padding: 3px 13px; position: absolute; top: 0; left: 0; font-style: normal } #article .back { margin-top: 40px } #spares img { max-width: 100% } #spares .btn_wrap { margin-top: 35px } #spares .btn_wrap a { color: #fff; font: 26px 'Roboto', sans-serif; font-weight: 300; height: 52px; line-height: 52px; background: #4ac9f0; padding: 0 20px; border: none; border-bottom: 2px solid #0f94de; position: relative; margin: 20px 0; display: inline-block } #spares .btn_wrap a:hover { background: #ffd800; border-bottom: 2px solid #ffaf15; color: #350000 } #spares .btn_wrap a:active { background: #fff500; top: 1px; border-bottom: 1px solid #ffaf15; color: #8b0000 } #spares .spares_list { margin-top: 40px } #spares .spares_list li { margin-bottom: 30px } #spares .spares_list li h4 { font-size: 22px; color: #000; border-bottom: 1px dashed #000; cursor: pointer; position: relative; display: inline-block } #spares .spares_list li h4:after { content: ''; display: inline-block; background: url("/bitrix/templates/maxgas/css/../img/ico/spare_arrow.jpg"); position: absolute; top: 50%; margin-top: -5px; right: -30px; width: 18px; height: 10px; margin-left: 15px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } #spares .spares_list li.opened h4:after { -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } #spares .spares_list li>ul { display: none; margin-top: 25px } #spares .spares_list li>ul>li { font-size: 16px; line-height: 16px; color: #4b595c; margin-bottom: 15px } #reviews .all_reviews { margin-top: 50px; display: flex; justify-content: flex-start; -webkit-flex-flow: row wrap; flex-flow: row wrap } #reviews .all_reviews li { display: inline-block; vertical-align: top; width: 20%; margin-bottom: 60px } #reviews .all_reviews li .review { width: 80% } #reviews .all_reviews li .review .rev_face img { max-width: 89px; max-height: 89px; border-radius: 50% } #reviews .all_reviews li .review .rev_face a { color: #008eff; font: 18px 'Roboto', sans-serif; font-weight: 800; text-decoration: none; border-bottom: 1px solid; display: inline-block; margin-top: 10px; margin-bottom: 5px } #reviews .all_reviews li .review .rev_face a:hover { color: #fc0202 } #reviews .all_reviews li .review .rev_face p span { font-family: Verdana, Geneva, sans-serif; font-size: 10px; text-transform: uppercase; color: #85969e } #reviews .all_reviews li .review .rev_desc { margin-top: 10px } #reviews .all_reviews li .review .rev_desc p { color: #142532; font-size: 14px; line-height: 24px; margin-top: 7px; position: relative } #reviews .all_reviews li .review .rev_desc p.cutleta-cutted:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 55px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%) } #reviews .all_reviews li .review .rev_desc .truncate_more_link { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #7a8693; padding: 10px; margin-top: 10px; background: #d0dce8; text-transform: uppercase } #reviews .all_reviews li .review .rev_desc .truncate_more_link:hover { background: #08a1ed; color: #fff } #reviews .link_wrap { text-align: center; padding-bottom: 50px } #reviews .to_vk { font: 28px 'Roboto', sans-serif; font-weight: 800; text-decoration: none; text-align: center; color: #008eff; border-bottom: 1px solid rgba(0, 142, 255, 0.5); position: relative; display: inline-block } #reviews .to_vk:after { content: ''; background: url("/bitrix/templates/maxgas/css/../img/ico/vkontakte2.png"); width: 88px; height: 27px; position: absolute; top: 140%; left: 0; right: 0; margin: auto } #reviews .to_vk:hover { border-bottom-color: transparent } @media screen and (max-width: 1380px) { #reviews .all_reviews li { width: 25% } } @media screen and (max-width: 1170px) { #reviews .all_reviews li { width: 33.33% } } @media screen and (max-width: 992px) { #reviews .all_reviews li { width: 50% } } @media screen and (max-width: 768px) { #reviews .all_reviews li { width: 100%; margin-bottom: 30px; } #header .callback_block.mobile { display: block; } #header .callback_block.desktop { margin: 0 !important; position: absolute; left: 100px; top: 3px; } #header .callback_block a { font: 13px 'Roboto', sans-serif; } #header .callback_block a span { font: 15px 'Roboto', sans-serif; font-weight: bold; } #header .callback_block > span { font: 13px 'Roboto', sans-serif; margin-bottom: 4px; } #footer .wrapper .top_row { flex-direction: column; align-items: center !important; } #footer .wrapper .top_row .callback_block { display: none; } #footer .wrapper .top_row .pays_icons { align-items: center !important; } #footer .wrapper .top_row .pays_icons img:first-child { margin-bottom: 10px; } #footer .wrapper .top_row .copy_and_privacy_policy { text-align: center; } } @media screen and (max-height: 750px) { .connect_section .block_rows_connect { top: 50px; } } @media screen and (max-height: 700px) { .connect_section .block_rows_connect { height: 100vh; padding-bottom: 30px; } } @media screen and (max-width: 1024px) { .proverka_podlinnosti iframe{ height: 830px; } .maintenance ul .slick-dots li { margin-right: 10px; } .maintenance ul .slick-dots li button { width: 10px; height: 10px; } } @media screen and (max-width: 848px) { .proverka_podlinnosti iframe{ height: 1207px; } } @media screen and (max-width: 400px) { .proverka_podlinnosti iframe{ height: 1141px; } } .overlay { background: rgba(0, 0, 0, 0.7); z-index: 98; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none } .popup_request { width: 100%; height: 100%; z-index: 9999999; display: none; position: fixed; top: 0; left: 0; overflow-x: hidden; overflow-y: auto } .popup_request .popup_wrap { margin: 50px auto; position: relative; z-index: 999; width: 660px; left: 0; right: 0; background: #d9e2e9; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box } .popup_request .popup_wrap .close { background-image: url("/bitrix/templates/maxgas/css/../img/btn/as_close.png"); background-repeat: no-repeat; background-position: top; width: 18px; height: 19px; position: absolute; top: 40px; border: none; background-color: transparent; right: 0; left: 0; z-index: 77; margin: auto } .popup_request .popup_wrap .close:hover { background-position: bottom } .popup_request .popup_wrap .form_wrap { padding-top: 95px; display: none } .popup_request .popup_wrap .form_wrap strong { font-size: 24px; color: #000; font: 30px 'Roboto', sans-serif; font-weight: 800; position: relative; text-transform: uppercase } .popup_request .popup_wrap .form_wrap strong:after { content: ''; background: url("/bitrix/templates/maxgas/css/../img/popup_partner_ico.png"); width: 39px; height: 32px; position: absolute; top: -5px; left: -57px } .popup_request .popup_wrap .form_wrap p { text-align: center; margin-bottom: 70px } .popup_request .popup_wrap .form_wrap p span { display: inline-block; font: 16px 'Roboto', sans-serif; font-weight: 800; color: #fff; padding: 10px 27px; background: #ff0000; margin: 0; letter-spacing: 1px; margin-top: 10px } .popup_request .popup_wrap .form_wrap h6 { font-size: 24px; color: #063451; position: relative; } .popup_request .popup_wrap .form_wrap form { width: 260px; margin: auto } .popup_request .popup_wrap .form_wrap form .element { position: relative; margin-bottom: 36px } .popup_request .popup_wrap .form_wrap form .element.required:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/ico/required_after.jpg"); background-repeat: no-repeat; background-position: top; width: 9px; height: 9px; position: absolute; top: 13px; right: -40px } .popup_request .popup_wrap .form_wrap form .element.required.error:after { background-position: bottom } .popup_request .popup_wrap .form_wrap form label { display: block; position: relative } .popup_request .popup_wrap .form_wrap form label p { color: #063451; font-family: 'MyriadProRegular'; font-size: 16px; padding-bottom: 12px; text-align: left; position: absolute; top: 0; left: -130px; line-height: 36px } .popup_request .popup_wrap .form_wrap form label input[type="text"], .popup_request .popup_wrap .form_wrap form label input[type="email"] { width: 250px; height: 36px; background: #c6d3dd; border: none; outline: 3px solid transparent; padding-left: 17px; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; color: #42697f; font-family: 'MyriadProRegular'; font-size: 14px; box-shadow: inset 2px 2px 4px #a3c2c9; -o-box-shadow: inset 2px 2px 4px #a3c2c9; -moz-box-shadow: inset 2px 2px 4px #a3c2c9; -ms-box-shadow: inset 2px 2px 4px #a3c2c9 } .popup_request .popup_wrap .form_wrap form label input[type="text"].error, .popup_request .popup_wrap .form_wrap form label input[type="email"].error { background: #ff7571; box-shadow: inset 2px 2px 4px #9c3f3d; -o-box-shadow: inset 2px 2px 4px #9c3f3d; -moz-box-shadow: inset 2px 2px 4px #9c3f3d; -ms-box-shadow: inset 2px 2px 4px #9c3f3d; color: #a5423f } .popup_request .popup_wrap .form_wrap form label input[type="text"].error::-moz-placeholder, .popup_request .popup_wrap .form_wrap form label input[type="email"].error::-moz-placeholder { font-family: 'MyriadProRegular'; font-size: 14px; color: #a5423f } .popup_request .popup_wrap .form_wrap form label input[type="text"].error:-moz-placeholder, .popup_request .popup_wrap .form_wrap form label input[type="email"].error:-moz-placeholder { font-family: 'MyriadProRegular'; font-size: 14px; color: #a5423f } .popup_request .popup_wrap .form_wrap form label input[type="text"].error:-ms-input-placeholder, .popup_request .popup_wrap .form_wrap form label input[type="email"].error:-ms-input-placeholder { font-family: 'MyriadProRegular'; font-size: 14px; color: #a5423f } .popup_request .popup_wrap .form_wrap form label input[type="text"].error::-webkit-input-placeholder, .popup_request .popup_wrap .form_wrap form label input[type="email"].error::-webkit-input-placeholder { font-family: 'MyriadProRegular'; font-size: 14px; color: #a5423f } .popup_request .popup_wrap .form_wrap form label input[type="text"].error::placeholder, .popup_request .popup_wrap .form_wrap form label input[type="email"].error::placeholder { font-family: 'MyriadProRegular'; font-size: 14px; color: #a5423f } .popup_request .popup_wrap .form_wrap form label input[type="text"].error::input-placeholder, .popup_request .popup_wrap .form_wrap form label input[type="email"].error::input-placeholder { font-family: 'MyriadProRegular'; font-size: 14px; color: #a5423f } .popup_request .popup_wrap .form_wrap form label input[type="text"].error+p, .popup_request .popup_wrap .form_wrap form label input[type="email"].error+p { color: #ff0000 } .popup_request .popup_wrap .form_wrap form label.mes { margin-bottom: 35px } .popup_request .popup_wrap .form_wrap form label textarea { width: 250px; height: 110px; background: #c6d3dd; border: none; outline: 3px solid transparent; padding: 10px 17px; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; color: #42697f; resize: none; line-height: 20px; font-family: 'MyriadProRegular'; font-size: 14px; box-shadow: inset 2px 2px 4px #a3c2c9; -o-box-shadow: inset 2px 2px 4px #a3c2c9; -moz-box-shadow: inset 2px 2px 4px #a3c2c9; -ms-box-shadow: inset 2px 2px 4px #a3c2c9 } .popup_request .popup_wrap .form_wrap form .btn_wrap { text-align: center; margin-top: 50px; padding-bottom: 54px } .popup_request .popup_wrap .form_wrap form button[type="submit"] { background-image: url("/bitrix/templates/maxgas/css/../img/btn/send_btn.png"); width: 156px; height: 60px; background-repeat: no-repeat; background-position: top; border: none } .popup_request .popup_wrap .form_wrap form button[type="submit"]:hover { background-position: center } .popup_request .popup_wrap .form_wrap form button[type="submit"]:active { background-position: bottom } .popup_request .popup_wrap .form_wrap span { font-size: 12px; color: #7c9aa2; margin: 30px 0 40px 0; font-family: 'MyriadProRegular'; display: inline-block; position: relative } .popup_request .popup_wrap .form_wrap span:after { content: ''; background: url("/bitrix/templates/maxgas/css/../img/btn/required_ico.png"); width: 7px; height: 7px; position: absolute; top: 2px; left: -20px } .popup_request .popup_wrap .form_wrap .thanks { background: #d9e2e9; margin: auto; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; text-align: center; display: none; pointer-events: none; height: 428px } .popup_request .popup_wrap .form_wrap .thanks:before { content: ""; display: inline-block; min-height: inherit; height: 100%; vertical-align: middle } .popup_request .popup_wrap .form_wrap .thanks .thanks_text { display: inline-block; vertical-align: middle } .popup_request .popup_wrap .form_wrap .thanks strong { font-size: 24px; color: #063451; font-family: 'Roboto', sans-serif; font-weight: 800; position: relative } .popup_request .popup_wrap .form_wrap .thanks strong:after { content: ''; background: url("/bitrix/templates/maxgas/css/../img/popup_partner_ico.png"); width: 39px; height: 32px; position: absolute; top: -5px; left: -57px } .popup_request .popup_wrap .form_wrap .thanks h6 { font-size: 24px; color: #000; font-family: 'Roboto', sans-serif; font-weight: 800; } .popup_request .popup_wrap .form_wrap .thanks p { margin-top: 25px; color: #5d6c77; font-size: 14px } .popup_options { width: 100%; height: 100%; z-index: 999; position: fixed; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; opacity: 0; pointer-events: none; z-index: -11 } .popup_options.active { opacity: 1; pointer-events: auto; z-index: 99 } .popup_options .popup_wrap { margin: 50px auto; position: relative; z-index: 999; width: 660px; left: 0; right: 0; background: #d0d8e1; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box } .popup_options .popup_wrap .close { background-image: url("/bitrix/templates/maxgas/css/../img/btn/as_close.png"); background-repeat: no-repeat; background-position: top; width: 18px; height: 19px; position: absolute; top: 10px; border: none; background-color: transparent; right: 10px; z-index: 77; margin: auto } .popup_options .popup_wrap .close:hover { background-position: bottom } .popup_options .popup_wrap .option_img { position: relative; display: inline-block; margin: 38px 0 } .popup_options .popup_wrap .option_img:after { height: 117px; width: 100%; position: absolute; content: ""; left: 0; top: 0; background: url("/bitrix/templates/maxgas/css/../img/shadow1.png") repeat-x } .popup_options .popup_wrap .option_img img { max-width: 100%; margin: auto; display: block; max-height: 300px } .popup_options .popup_wrap .option_img .oi_title { color: #fff; z-index: 1; position: absolute; left: 0; padding-left: 38px; top: 18px; right: 0; width: 100%; text-align: left } .popup_options .popup_wrap .option_img .oi_title strong { font-weight: normal; text-transform: uppercase; font: 18px 'Roboto', sans-serif; font-weight: 800; margin-bottom: 4px } .popup_options .popup_wrap .option_content { padding-bottom: 20px } .popup_options .popup_wrap .option_content p { color: #142532; font-size: 14px; line-height: 24px; margin-top: 7px; position: relative; margin: 20px 10% } .popup_options .popup_wrap .option_content p.cutleta-cutted:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 55px; background: linear-gradient(to bottom, rgba(208, 216, 225, 0) 0%, #d0d8e1 100%) } .popup_options .popup_wrap .option_content .truncate_more_link { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #7a8693; padding: 10px; margin-top: 5px; background: #afbcca; text-transform: uppercase } .popup_options .popup_wrap .option_content .truncate_more_link:hover { background: #08a1ed; color: #fff } .most_common_misconceptions .misconception { display: flex; align-items: center; } .most_common_misconceptions .misconception .question_symbol { color: #ffffff; font-size: 21px; border-radius: 100%; min-width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #dd0203; margin-right: 7px; } .main_page .default, #product .default { max-width: 1200px; margin: 0 auto; } .default h2, .default h1 { font-size: 22px; color: #142431; margin: 30px 0 10px 0 } .default h3 { margin: 30px 0 10px 0; font: 38px 'Roboto', sans-serif; font-weight: 300; color: #0b63bc; padding-bottom: 5px; margin: 0 } .default h3 em { font: 20px 'Roboto', sans-serif; font-weight: 800; color: #fff; background: #0b63bc; padding: 2px 10px 4px 10px; display: inline-block } .default img { max-width: 100%; height: auto } .default strong { font-family: 'MyriadPro-Bold'; font-size: 16px; line-height: 32px } .default strong a { line-height: 32px; font-size: 16px; color: #0093fa; font-family: 'MyriadPro-Bold'; line-height: 28px; border-bottom: 1px solid rgba(0, 147, 250, 0.51) } .default strong a:hover { border-bottom: 1px solid rgba(0, 147, 250, 0.1) } .default li p { margin: 0px; line-height: inherit; } .default p { font-size: 18px; line-height: 20px; margin: 15px 0 10px 0; } .default p strong { margin: 0 } .default .slider { margin: 40px 0 60px 0; max-width: 840px } .default .slider .slick-dots { position: absolute; z-index: 2; top: 105%; left: 0; right: 0; margin: auto; max-width: 50%; text-align: center } .default .slider .slick-dots li { display: inline-block; vertical-align: top; cursor: pointer; width: 7px; height: 7px; border-radius: 7px; background: #b0bbc1; margin-right: 30px; font-size: 0; opacity: 1; position: relative } .default .slider .slick-dots li:after { content: ''; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -9px } .default .slider .slick-dots li:last-child { margin: 0 } .default .slider .slick-dots li button { border: none } .default .slider .slick-dots li.slick-active { background: #ff110f } .default .slider .slick-dots li:hover { background: #08a1ed } .default .slider .slick-arrow { width: 62px; height: 62px; background-color: #fff; border: none; position: absolute; top: 50%; margin-top: -31px; font-size: 0; z-index: 44 } .default .slider .slick-arrow.slick-prev { left: 0px } .default .slider .slick-arrow.slick-prev:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/btn/project_slider_prev.png"); width: 20px; height: 29px; background-position: top; position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -12px } .default .slider .slick-arrow.slick-prev:hover:after { background-position: bottom } .default .slider .slick-arrow.slick-next { right: 0px } .default .slider .slick-arrow.slick-next:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/btn/project_slider_next.png"); width: 20px; height: 29px; background-position: top; position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -6px } .default .slider .slick-arrow.slick-next:hover:after { background-position: bottom } .default .slider li a img { object-fit: cover; object-position: 50% 50%; max-width: 100%; display: block; margin: auto } .default .list_wrap { display: inline-block; vertical-align: top; margin-right: 7%; margin-bottom: 2% } .default ol { margin: 20px 0; counter-reset: Counter; max-width: 630px } .default ol>li { padding-left: 70px; margin-bottom: 15px; font-size: 18px; min-height: 43px; padding-top: 9px; line-height: 28px } .default ol>li:after { counter-increment: Counter; content: counter(Counter); position: absolute; font-size: 14px; border-image: url("/bitrix/templates/maxgas/css/../img/border_image2.png") 8 8 8 8 repeat; border-width: 8px 8px 8px 8px; border-style: inset; font: 30px/29px 'Droid'; color: #fe0000; width: 45px; height: 43px; text-align: center; color: #c7b5b4; left: 0; top: 0 } .default ol>li ol { counter-reset: Counterinset } .default ol>li ol li { padding-left: 70px; margin-bottom: 30px } .default ol>li ol li:after { counter-increment: Counterinset; content: counter(Counterinset); position: absolute; left: 0; top: 0 } .default ul { display: inline-block; margin-top: 40px; margin: 0px 5% 0px 0px; } .default ul li { font-size: 18px; padding-left: 19px; position: relative; padding-right: 10px; line-height: 30px; } .default ul li:after { content: ''; width: 4px; height: 4px; background: #0b63bc; position: absolute; top: 15px; left: 0; bottom: 0; /*margin: auto*/ } .default button[type="button"] { color: #fff; font: 26px 'Roboto', sans-serif; font-weight: 300; height: 52px; line-height: 52px; background: #4ac9f0; padding: 0 20px; border: none; border-bottom: 2px solid #0f94de; position: relative; margin: 20px 0 } .default button[type="button"]:hover { background: #ffd800; border-bottom: 2px solid #ffaf15; color: #350000 } .default button[type="button"]:active { background: #fff500; top: 1px; border-bottom: 1px solid #ffaf15; color: #8b0000 } .default a { font: 16px 'MyriadProRegular'; color: #0093fa; line-height: 28px; border-bottom: 1px solid rgba(0, 147, 250, 0.51) } .default a:hover { border-bottom: 1px solid rgba(0, 147, 250, 0.1) } .default .link { display: inline-block } .default .link>a { font: 26px 'Roboto', sans-serif; font-weight: 800; color: #15232f; vertical-align: top } .default .link>a span { border-bottom: 1px solid #15232f } .default .link ins { font-size: 14px; color: #15232f; display: block; margin-top: 5px } .default .certificates-list { column-gap: 1.5em; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; -o-column-gap: 1.5em; -moz-column-count: 4; -o-column-count: 4; -webkit-column-count: 4; column-count: 4; width: 100%; max-width: 100%; display: block; margin: 0; max-width: 1600px; text-align: center; margin: auto } .default .certificates-list li { font-size: 14px; color: #010101; padding: 0; margin: 0; text-align: center; margin: 0 20px 40px 20px; position: relative; display: inline-block } .default .certificates-list li a { display: inline-block; position: relative; border: none } .default .certificates-list li a img { max-width: 200px } .default .certificates-list li a:after { background: url("/bitrix/templates/maxgas/css/../img/ico/glasses_ico.png"); width: 57px; height: 26px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 78; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .default .certificates-list li a:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; background: #df0000; opacity: .5; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; z-index: 77 } .default .certificates-list li a:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .default .certificates-list li a:hover:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .default .certificates-list li:after { display: none } .default .certificates-list li p { font-size: 18px; margin: 5px 0 !important; max-width: 250px } .default .loan_payment p { font-size: 22px } .default .loan_payment .select { display: inline-block; vertical-align: top; margin-bottom: 20px } .default .loan_payment .select .jselector { width: 275px; height: 52px } .default .loan_payment .select .jselector button { border: none; background-color: transparent; background-image: url("/bitrix/templates/maxgas/css/../img/ico/dropdown.png"); padding: 0; height: 8px; margin: 0; font-size: 0; position: absolute; top: 50%; margin-top: -4px; right: 20px } .default .loan_payment .select .jselector .wrap { padding: 0 40px 0 30px } .default .loan_payment .select .jselector .wrap span { font-family: 'Roboto', sans-serif; font-weight: 800; font-size: 26px; line-height: 52px; color: #6d818d } .default .loan_payment .select .jselector .wrap:after { display: none } .default .loan_payment .select .jselector .dropdown ul { display: block; max-width: 100%; margin: 0 } .default .loan_payment .select .jselector .dropdown ul li { height: 55px; line-height: 55px; margin-bottom: 0; font-size: 24px; padding: 0 40px 0 30px; font-family: 'Roboto', sans-serif; font-weight: 300; color: #51696e } .default .loan_payment .select .jselector .dropdown ul li.selected { color: #fff } .default .loan_payment .select .jselector .dropdown ul li:after { display: none } .default .loan_payment .select .jselector:hover .wrap span { color: #fff } .default .loan_payment .btn_wrap { display: inline-block; margin-left: 50px } .default .loan_payment .btn_wrap .load { color: #fff; font: 26px 'Roboto', sans-serif; font-weight: 300; height: 52px; line-height: 52px; background: #4ac9f0; padding: 0 20px; border: none; border-bottom: 2px solid #0f94de; position: relative; margin: 0; display: none } .default .loan_payment .btn_wrap .load:hover { background: #ffd800; border-bottom: 2px solid #ffaf15; color: #350000 } .default .loan_payment .btn_wrap .load:active { background: #fff500; top: 1px; border-bottom: 1px solid #ffaf15; color: #8b0000 } .slider { margin: 40px 0 60px 0; max-width: 840px } .slider .slick-dots { position: absolute; z-index: 2; top: 105%; left: 0; right: 0; margin: auto; max-width: 50%; text-align: center } .slider .slick-dots li { display: inline-block; vertical-align: top; cursor: pointer; width: 7px; height: 7px; border-radius: 7px; background: #b0bbc1; margin-right: 30px; font-size: 0; opacity: 1; position: relative } .slider .slick-dots li:after { content: ''; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -9px } .slider .slick-dots li:last-child { margin: 0 } .slider .slick-dots li button { border: none } .slider .slick-dots li.slick-active { background: #ff110f } .slider .slick-dots li:hover { background: #08a1ed } .slider .slick-arrow { width: 62px; height: 62px; background-color: #fff; border: none; position: absolute; top: 50%; margin-top: -31px; font-size: 0; z-index: 44 } .slider .slick-arrow.slick-prev { left: 0px } .slider .slick-arrow.slick-prev:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/btn/project_slider_prev.png"); width: 20px; height: 29px; background-position: top; position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -12px } .slider .slick-arrow.slick-prev:hover:after { background-position: bottom } .slider .slick-arrow.slick-next { right: 0px } .slider .slick-arrow.slick-next:after { content: ''; background-image: url("/bitrix/templates/maxgas/css/../img/btn/project_slider_next.png"); width: 20px; height: 29px; background-position: top; position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -6px } .slider .slick-arrow.slick-next:hover:after { background-position: bottom } .slider li a img { object-fit: cover; object-position: 50% 50%; max-width: 100%; display: block; margin: auto } .btn_request { background-image: url("/bitrix/templates/maxgas/css/../img/btn/btn_request.png"); width: 231px; height: 80px; background-position: top; background-repeat: no-repeat; display: inline-block; text-decoration: none; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; border: none } .btn_request:hover { background-position: center } .btn_request:active { background-position: bottom } .block_auto>ul { text-align: center; font-size: 0 } .block_auto>ul.text { text-align: left } .block_auto>ul>li { display: inline-block; vertical-align: top; text-align: left; background-repeat: no-repeat; background-position: center; background-size: cover; width: 23%; height: 220px; margin-bottom: 2.6%; margin-right: 2.6%; overflow: hidden; cursor: pointer; position: relative } .block_auto>ul>li:nth-child(4n), .block_auto>ul>li:last-child { margin-right: 0 } .block_auto>ul>li:after { height: 117px; width: 100%; position: absolute; content: ""; left: 0; top: -23px; background: url("/bitrix/templates/maxgas/css/../img/shadow1.png") repeat-x } .block_auto>ul>li .hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; z-index: 77 } .block_auto>ul>li .hover .shadow { width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; background: #df0000; opacity: .8; -webkit-transform: translateX(101%); -moz-transform: translateX(101%); -ms-transform: translateX(101%); -o-transform: translateX(101%); transform: translateX(101%); -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } .block_auto>ul>li .hover .look { width: 100%; vertical-align: middle; display: inline-block; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s; -webkit-transform: translateX(101%); -moz-transform: translateX(101%); -ms-transform: translateX(101%); -o-transform: translateX(101%); transform: translateX(101%); -webkit-transition-delay: .32; -moz-transition-delay: .32; -ms-transition-delay: .32; -o-transition-delay: .32; transition-delay: .32 } .block_auto>ul>li .hover .look span { font: 16px 'Roboto', sans-serif; font-weight: 800; color: #fff; text-transform: uppercase; line-height: 26px; margin-left: 5px; letter-spacing: 1px } .block_auto>ul>li:hover .hover .shadow { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } .block_auto>ul>li:hover .hover .look { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s } .block_auto>ul>li:hover ._title { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } .block_auto>ul>li ._title { color: #fff; z-index: 1; position: absolute; left: 0; padding-left: 38px; top: 18px; right: 0; width: 100%; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } .block_auto>ul>li ._title h2, .block_auto>ul>li ._title div { text-transform: uppercase; font: 18px 'Roboto', sans-serif; font-weight: 800; margin-bottom: 4px } .block_auto>ul>li ._title h2 a, .block_auto>ul>li ._title div a { color: #fff } .block_auto>ul>li ._title p { font-size: 14px } .block_auto>ul>li.prev { text-align: center; margin-bottom: 0; background: #4ac9f0 } .block_auto>ul>li.prev:after { display: none } .block_auto>ul>li.prev:before { content: ""; display: inline-block; min-height: inherit; height: 100%; vertical-align: middle; position: static; width: auto } .block_auto>ul>li.prev .move { vertical-align: middle; display: inline-block } .block_auto>ul>li.prev .move a { color: #fff; font: 24px 'Roboto', sans-serif; font-weight: 300; border-bottom: none; position: relative } .block_auto>ul>li.prev .move a:after { content: ""; position: absolute; left: -38px; top: 4px; background-image: url("/bitrix/templates/maxgas/css/../img/ico/double_arrow_prev.png"); background-repeat: no-repeat; background-position: top; width: 21px; height: 20px } .block_auto>ul>li.prev:hover { background: #ef6a41 } .block_auto>ul>li.prev.disabled { background: #dfe6e8; cursor: default; pointer-events: none } .block_auto>ul>li.prev.disabled a { color: #b8cad0; cursor: default } .block_auto>ul>li.prev.disabled a:after { background-position: bottom } .block_auto>ul>li.next { text-align: center; background: #4ac9f0 } .block_auto>ul>li.next:after { display: none } .block_auto>ul>li.next:before { content: ""; display: inline-block; min-height: inherit; height: 100%; vertical-align: middle; position: static; width: auto } .block_auto>ul>li.next .move { vertical-align: middle; display: inline-block } .block_auto>ul>li.next .move a { color: #fff; font: 24px 'Roboto', sans-serif; font-weight: 300; border-bottom: none; position: relative } .block_auto>ul>li.next .move a:after { content: ""; position: absolute; right: -38px; top: 4px; background-image: url("/bitrix/templates/maxgas/css/../img/ico/double_arrow_prev.png"); background-repeat: no-repeat; background-position: top; width: 21px; height: 20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .block_auto>ul>li.next:hover { background: #ef6a41 } .block_auto>ul>li.next.disabled { background: #dfe6e8; cursor: default; pointer-events: none } .block_auto>ul>li.next.disabled a { color: #b8cad0; cursor: default } .block_auto>ul>li.next.disabled a:after { background-position: bottom } .block_auto>ul>li.view_more { text-align: center; margin-bottom: 0; background: #4ac9f0; display: none } .block_auto>ul>li.view_more:after { display: none } .block_auto>ul>li.view_more:before { content: ""; display: inline-block; min-height: inherit; height: 100%; vertical-align: middle; position: static; width: auto } .block_auto>ul>li.view_more .move { vertical-align: middle; display: inline-block } .block_auto>ul>li.view_more .move a { color: #fff; font: 24px 'Roboto', sans-serif; font-weight: 300; border-bottom: none; position: relative } .block_auto>ul>li.view_more .move a:after { content: ""; position: absolute; left: 0; right: 0; top: auto; margin: auto; bottom: -30px; background-image: url("/bitrix/templates/maxgas/css/../img/ico/double_arrow_prev.png"); background-repeat: no-repeat; background-position: top; width: 21px; height: 20px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) } .block_auto>ul>li.view_more:hover { background: #ef6a41 } .block_auto>ul>li.view_more.disabled { background: #dfe6e8; cursor: default; pointer-events: none } .block_auto>ul>li.view_more.disabled a { color: #b8cad0; cursor: default } .block_auto>ul>li.view_more.disabled a:after { background-position: bottom } .block_auto>ul>li.similar_title { display: inline-block; vertical-align: middle; position: relative; padding: 9px 10px 9px 10px } .block_auto>ul>li.similar_title .border { background: url("/bitrix/templates/maxgas/css/../img/red_border.png"); width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .block_auto>ul>li.similar_title .border:before { content: ''; background: url("/bitrix/templates/maxgas/css/../img/red_border.jpg"); width: 10px; height: 100%; position: absolute; top: 0; right: 0; z-index: 44 } .block_auto>ul>li.similar_title:after { display: none } .block_auto>ul>li.similar_title:hover:after { display: none } .block_auto>ul>li.similar_title .st_content_wrap { vertical-align: top; display: inline-block; height: 100%; background: #fff; width: 100%; vertical-align: middle } .block_auto>ul>li.similar_title .st_content_wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em } .block_auto>ul>li.similar_title .st_content_wrap .st_content { display: inline-block; vertical-align: middle; text-align: left; padding: 0 10% } .block_auto>ul>li.similar_title .st_content_wrap .st_content ins { font: 14px 'Roboto', sans-serif; font-weight: 800; color: #283441 } .block_auto>ul>li.similar_title .st_content_wrap .st_content strong { color: #283441; font: 26px 'Roboto', sans-serif; font-weight: 800; } .block_auto>ul>li.similar_title .st_content_wrap .st_content p { color: #283441; font: 26px 'Roboto', sans-serif; font-weight: 300; } .block_auto.similar>ul li { height: 216px } .page_navi ul { text-align: center } .page_navi ul li { display: inline-block; border-radius: 41px; vertical-align: top; width: 41px; height: 41px; line-height: 37px; text-align: center; margin: 0 10px; border: 4px solid transparent } .page_navi ul li.prev_page, .page_navi ul li.next_page { position: absolute; border: none; border-radius: 0; cursor: pointer; background: #4ac9f0; top: -265px; width: 23%; height: 220px; left: 0; padding-top: 90px; margin: 0 } .page_navi ul li.prev_page:hover, .page_navi ul li.next_page:hover { background: #ef6a41 } .page_navi ul li.prev_page a, .page_navi ul li.next_page a { color: #fff; font: 24px 'Roboto', sans-serif; font-weight: 300; border-bottom: none; position: relative } .page_navi ul li.prev_page a:after, .page_navi ul li.next_page a:after { content: ""; position: absolute; left: -38px; top: 4px; background: url("/bitrix/templates/maxgas/css/../img/btn/page_navi.png"); width: 21px; height: 20px } .page_navi ul li.next_page { right: 0; left: auto } .page_navi ul li.next_page a:after { background-position: right top; left: auto; right: -38px } .page_navi ul li.active { border-color: #ff0000 } .page_navi ul li.active a { border-bottom: none; pointer-events: none } .page_navi ul li.active a:hover { color: #000 } .page_navi ul li a { display: inline-block; color: #000; font: 20px 'Roboto', sans-serif; font-weight: 800; border-bottom: 1px solid } .page_navi ul li a:hover { color: #54c5ee } .boxSize { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box } .back { background-image: url("/bitrix/templates/maxgas/css/../img/btn/back_btn.png"); width: 157px; height: 55px; background-repeat: no-repeat; background-position: top; border: none; display: inline-block } .back:hover { background-position: center } .back:active { background-position: bottom } .green_phone { display: inline-block; width: 66px; height: 66px; background: #00b77c; border-radius: 50%; text-align: center; position: fixed; bottom: 20px; right: 30px; z-index: 999; -webkit-animation-name: tada; animation-name: tada; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; display: none !important } .green_phone i { line-height: 66px; color: #fff } @media screen and (max-width: 1750px) { #header .main_menu { margin-top: 19px !important; width: 30%; } } @media screen and (max-width: 1600px) { #about .slider_block { margin: 50px 1% 18px 1% } .catalog_main .catalog_wrap li.no_ico { width: 31% } .maintenance { margin: 0 1% 31px } .reviews_block { margin: 0 1% } .main_block .calculator { padding-left: 1% } .title h1 { padding-left: 1%; min-width: 300px } .title.bottomTitle strong, .title.bottomTitle h1, .title.bottomTitle h2 { min-width: 300px; padding-left: 1% } .wrapper { padding: 0 1% } #header .logo { padding-left: 1%; width: 300px } #header .callback_block { margin-right: 1%; z-index: 100; } #header .contacts { margin-right: 2% } .page_navi ul li.prev_page, .page_navi ul li.next_page { top: -260px } #contacts .contacts_wrap .contacts_leftside { padding-left: 1%; width: 300px } #contacts .contacts_wrap .contacts_rightside { padding-left: 0px } #contacts .feedback_form .ff_leftside { padding-left: 1%; width: 290px; margin-left: 0 } #contacts .feedback_form .ff_rightside { padding-left: 300px } } @media screen and (max-width: 1550px) { #header .main_menu { width: 475px; margin: 30px 0 0 0; } } @media screen and (max-width: 1380px) { #header .main_menu { width: 35%; } .catalog_main .catalog_wrap li.no_ico a ins { margin-left: 15% } .catalog_main .catalog_wrap li.no_ico .auto_desc { margin-left: 15% } .block_auto>ul>li.similar_title .st_content_wrap .st_content strong { font-size: 20px; padding-right: 5px } .block_auto>ul>li.similar_title .st_content_wrap .st_content p { font-size: 20px } .title h1 { min-width: 285px } .title.bottomTitle strong, .title.bottomTitle h1, .title.bottomTitle h2 { min-width: 285px; padding-left: 1% } #contacts .contacts_wrap .contacts_leftside { width: 285px } #contacts .feedback_form .ff_leftside { width: 275px } #contacts .feedback_form .ff_rightside { padding-left: 285px } #about .slider_block .slider_station .service_station_slider { height: 500px } #about .slider_block .slider_station { height: 500px } #about .slider_block .slider_station .service_station_slider li .wrap { top: 0; bottom: 0; margin: auto; display: table } #about .slider_block .slider_station .service_station_slider .prev { margin-top: -45px } #about .slider_block .slider_station .service_station_slider .next { margin-top: -45px } #about .slider_block .slider_station .service_station_slider .dots { top: 370px } #about .history { text-align: center } #about .history ._title { position: absolute; right: 140px; top: 0px } #about .history .info { position: static; width: 100%; padding: 0 85px; text-align: left } #about .history .info p { margin-bottom: 20px } #about .history ._img { width: 85%; margin-right: 0 } #about .choose ._left { width: 30% } #about .choose ._right { width: 60% } #about .choose ._right ul li { width: 45% } #about .team ul { max-width: 951px; margin: auto; text-align: left } #about .box_favour .tips .tips_desc { margin-left: 25px } #about .info_block { padding-right: 140px } #about .info_block .desc { padding: 19px 50px 19px 80px } #about .info_block .btn_more { width: 140px; text-align: center } #about .info_block .btn_more span { margin: 0 } #about .info_block .btn_more span:before { left: 0; right: 0; margin: auto; top: -33px } } @media screen and (max-width: 1315px) { #header .main_menu { width: 26%; } #header .main_menu .justi { text-align: left; } } @media screen and (max-width: 1200px) { #header { text-align: left } #header .logo { width: 285px } #header .main_menu { margin-top: 10px; width: 60% } /*#header .callback_block { margin-right: 0; position: static; margin-top: -7px; margin-left: 10px; }*/ #header .callback_block .soc_block { margin: 0; position: absolute; right: 10px; top: 30px } #header .callback_block .soc_block em { display: none } #header .contacts { width: auto; margin-top: 0; margin-right: 6% } #header .contacts .select { display: inline-block; vertical-align: top; margin-right: 12px; margin-bottom: 0 } #header .contacts .phone_list { display: inline-block; vertical-align: top; min-width: 190px } } @media screen and (max-width: 1380px) { .main_block .figure_block { background-position: 43% center } .catalog_main { padding: 0 } .reviews_block .join { width: 38% } .reviews_block .join_hidden { width: 38% } .reviews_block .reviews { width: 62% } .reviews_block .reviews ul li { width: 49%; margin-right: 0; margin: auto } .reviews_block .reviews ul li:nth-child(3) { display: none } #projects .projects .list_auto .auto_list>li { width: 25% } #projects .projects .list_auto>ul>li:nth-child(6n).hover .hidden_list { left: -10px; right: auto; text-align: left } #projects .projects .list_auto>ul>li:nth-child(4n).hover { background: transparent } #projects .projects .list_auto>ul>li:nth-child(4n).hover .hidden_list { left: auto; text-align: left; right: -10px } #projects .projects .list_auto>ul>li:nth-child(4n).hover .link { background: #e6ecf1 } #projects .projects .list_auto>ul>li:nth-child(4n).hover ._img { background: #e6ecf1 } #projects .projects .list_auto .btn_more { display: block } #toppage .services_block .desc { padding-left: 100px } #toppage .services_block .desc img { max-width: 200px } #toppage .calculator .leftside { width: 50% } #toppage .calculator .leftside .calc_filters { width: 100% } /****#toppage .calculator .leftside .radioblock .types_fuel { margin: 0 25px } #toppage .calculator .leftside .radioblock .types_fuel .type.gas { display: none }***/ #toppage .calculator .rightside { width: 50% } #toppage .calculator .rightside .counter_block { width: 205px } #toppage .calculator .rightside .counter_block .counter_item { width: 100% } #toppage .calculator .calc_buttons_form .save_my_money { background-image: url("/bitrix/templates/maxgas/css/../img/btn/i_want_gas.png"); } } @media screen and (max-width: 1200px) { #about .slider_block .slider_station .service_station_slider li .wrap { width: 240px } #about .slider_block .slider_station .service_station_slider li .wrap .info { padding: 35px 40px 45px 120px } #about .slider_block .slider_station .service_station_slider li .wrap .info .slide_desc { display: none } #about .slider_block .slider_station .service_station_slider li .wrap .info .read_more { display: block; text-align: center; position: absolute; bottom: 157px; right: 20px } #about .slider_block .slider_station .service_station_slider li .wrap .info .read_more a { text-decoration: none; color: #b0bbc1 } #about .slider_block .slider_station .service_station_slider .dots { left: 28px } #header .contacts .contacts_address{ display:none; } } @media screen and (max-width: 1024px) { #header > noindex .social_network_block { margin: 20px 30px 0px 0px !important; } #header .callback_block { margin-top: 20px; } .title h1 { padding-left: 40px !important } .title .breadcrumbs { margin-left: 40px } .title.bottomTitle h2 { padding-left: 40px } .title.bottomTitle strong { padding-left: 40px } .title.bottomTitle h1 { padding-left: 40px } .title.bottomTitle strong, .title.bottomTitle h1, .title.bottomTitle h2 { padding-left: 40px } .wrapper { padding: 0 40px } .default .certificates-list { column-gap: 1.5em; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; -o-column-gap: 1.5em; -moz-column-count: 2; -o-column-count: 2; -webkit-column-count: 2; column-count: 2 } #footer .btn_request { right: 100px } #footer .soc_block em { display: none } #header { height: 183px } #header .logo { height: 113px; margin-right: 7%; padding-left: 40px } #header .logo a img { margin: auto; width: 100% } #header .main_menu { width: 100% !important; height: 70px !important; background: #e4eaf0 !important; margin: 0px !important; } #header .main_menu ul { line-height: 70px; height: 70px; padding: 0 30px } #header .main_menu ul li { margin: 0; padding: 0 10px } #header .main_menu ul li .submenu { top: 70px; height: auto; line-height: 20px } #header .main_menu ul li .submenu li { display: block; } #header .callback_block .soc_block { right: 50px; top: 45px } #header .contacts { margin-right: 2%; margin-top: 15px } #header .contacts .phone_list { display: block; margin-top: 10px } #toppage .main_block { margin: 0 } #toppage .main_block .calculator { width: 100%; padding: 0 40px; padding-top: 20px; height: 400px } #toppage .main_block .calculator .leftside { height: 200px; width: 100% } #toppage .main_block .calculator .leftside .calc_filters { width: 100% } #toppage .main_block .calculator .leftside .calc_filters .calc_filter { width: 70%; margin-bottom: 50px; height: 60px } #toppage .main_block .calculator .leftside .calc_filters .calc_filter p { margin-bottom: 10px } #toppage .main_block .calculator .leftside .calc_filters .calc_filter .slider { top: 10px } #toppage .main_block .calculator .leftside .calc_filters .calc_filter .slider .ui-slider-handle { background: transparent; border: none; top: -15px; height: 26px; margin-left: -21px } #toppage .main_block .calculator .leftside .calc_filters .calc_filter .slider .ui-slider-handle:after { display: none } #toppage .main_block .calculator .leftside .calc_filters .calc_filter .slider .ui-slider-handle:before { content: ''; background: url("/bitrix/templates/maxgas/css/../img/ico/handler_before.png"); width: 23px; height: 23px; position: absolute; top: 100%; left: 0; right: 0; margin: auto } #toppage .main_block .calculator .leftside .calc_filters .radioblock { left: auto; bottom: auto; top: 0 } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel { display: none; margin: 0 } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type { display: block; width: auto } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type img { display: none } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type.gas { display: inline-block } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type.gas input[type="button"] { background-image: url("/bitrix/templates/maxgas/css/../img/btn/gas_btn_double.jpg") } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type.gas span { color: #9eb2cc } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type input[type="button"].active+span { color: #cb3000 } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type span { display: inline-block; vertical-align: top; margin-top: 15px; margin-left: 10px } #toppage .main_block .calculator .rightside { width: 100% } #toppage .main_block .calculator .rightside .counter_block { width: 100% } #toppage .main_block .calculator .rightside .counter_block .counter_item, #toppage .main_block .calculator .rightside .counter_block .economy_money { display: none } #toppage .main_block .calculator .rightside .counter_block .economy { display: inline-block; vertical-align: top; text-align: left; width: 300px } #toppage .main_block .figure_block { width: 100%; /* height: 234px*/ height: 100% !important; } #toppage .main_block .figure_block .fb_static { height: 234px; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover } #toppage .main_block .figure_block .fb_static>div { margin-top: 130px; height: auto; border: none; margin-bottom: 10px } #toppage .main_block .figure_block .fb_static>div:after, #toppage .main_block .figure_block .fb_static>div:before { display: none } #toppage .main_block .figure_block .fb_static>div p { line-height: 30px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.48) } #toppage .main_block .figure_block .fb_static>div p:before { content: '50 000'; background-image: none; font-size: 70px; top: -60px } #toppage .main_block .figure_block .fb_static>div p:after { display: none } #toppage .main_block .figure_block .fb_static p { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.48) } #toppage .main_block .figure_block .fb_hover { display: none } #toppage .services_block { border: none; height: auto; margin-bottom: 50px } #toppage .services_block:not(.advantage_block){ display: none; } .kzn_tlt_lovato_small{ display: block !important; margin-top: 50px; } .kzn_tlt_lovato_small img{ margin-bottom: 31px; width: 100%; } #toppage .services_block:before { display: none } #toppage .services_block .desc { padding: 0; width: 100%; float: none; text-align: center; display: block; padding-top: 110px; background: url("/bitrix/templates/maxgas/css/../img/hardware2.png"); background-position: top center; background-repeat: no-repeat } #toppage .services_block .desc:after { display: none } #toppage .services_block .slider_service_wrap { width: 100%; float: none; border: 4px solid #d7dde1; margin-top: 40px } #toppage .services_block .slider_service_wrap .slider_services ul { padding: 27px 0 27px 0 } #toppage .services_block .slider_service_wrap .slider_services ul .slick-dots { position: relative; top: 15px; left: 0; right: 0; margin: auto; text-align: center; padding: 0; height: auto } #toppage .services_block .slider_service_wrap .slider_services ul .slick-dots li { display: inline-block; vertical-align: top; margin: 0 10px } #toppage .services_block .slider_service_wrap .slider_services ul .slick-dots li.slick-active button { background: #fc0202; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } #toppage .services_block .slider_service_wrap .slider_services ul .slick-dots li button { font-size: 0; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #d7dde1; position: static; margin: 0; top: auto; vertical-align: top; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } #toppage .catalog_main .catalog_wrap { padding-bottom: 0 } #toppage .catalog_main .catalog_wrap li { width: 46%; margin-right: 4% } #toppage .catalog_main .catalog_wrap li.no_ico { width: 50%; margin-right: 0 } #toppage .catalog_main .catalog_wrap li.no_ico a ins { margin-right: 20% } #toppage .catalog_main .catalog_wrap li.no_ico .auto_desc { margin-right: 20% } #toppage .catalog_main .all_cost a { color: #0096ff; border-bottom: 1px solid; text-transform: none } #toppage .catalog_main .all_cost a:first-letter { text-transform: uppercase } #toppage .catalog_main .all_cost a:after { display: none } #toppage .catalog_main .all_cost p { display: none } #toppage .maintenance { margin: 0px 0px 10px; } #toppage .reviews_block { background: transparent; margin: 0 } #toppage .reviews_block:after { display: none; } #toppage .reviews_block .join { text-align: center; width: 100%; padding-bottom: 35px; display: none; } /*** .inc:nth-child(1){ display: none; } ***/ /****.order_set_gbo_section .btn_request{ background-image: url("/bitrix/templates/maxgas/css/../img/btn/btn_request.png"); width: 260px; }***/ #toppage .reviews_block .join p { font-family: 'Roboto', sans-serif; font-weight: 300; display: block; text-align: center; margin-bottom: 10px } #toppage .reviews_block .join p b { display: block; margin: 0 } #toppage .reviews_block .join p a { position: absolute; top: 70px; left: 0; right: 0 } #toppage .reviews_block .join .discount { margin-top: 40px; display: block; margin-left: 0 } #toppage .reviews_block .join .discount strong { margin: 0; padding: 0 } #toppage .reviews_block .join .discount p { margin: 0 } #toppage .reviews_block .join_hidden { display: none } #toppage .reviews_block .reviews { width: 100%; padding-bottom: 23px; text-align: center } #toppage .reviews_block .reviews ul { margin-bottom: 50px } #toppage .reviews_block .reviews ul .slick-prev { left: 5% } #toppage .reviews_block .reviews ul .slick-next { right: 5% } #toppage .reviews_block .reviews ul .slick-dots { position: absolute; top: 110%; left: 0; right: 0; margin: auto; text-align: center } #toppage .reviews_block .reviews ul .slick-dots li { display: inline-block; vertical-align: top; margin: 0 10px; width: auto } #toppage .reviews_block .reviews ul .slick-dots li.slick-active button { background: #fc0202; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } #toppage .reviews_block .reviews ul .slick-dots li button { font-size: 0; display: inline-block; width: 7px; height: 7px; border-radius: 50%; border: none; background: #b8c2c8; position: static; margin: 0; top: auto; vertical-align: top; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } #toppage .reviews_block .reviews ul li { margin: 0; padding: 0 } #toppage .reviews_block .reviews ul li .rew_wrap { width: 50%; padding: 0 } #toppage .reviews_block .reviews ul li .rew_wrap ._img { position: static; margin: auto; margin-bottom: 5px } #toppage .reviews_block .reviews .all_comments { display: block } #prices .title { text-align: center } #prices .title h2:after { display: none } #prices .title h1 { margin-top: 0 } #prices .title .breadcrumbs { display: none } #prices .engines { margin: 0; padding-top: 50px } #prices .engines ul li { text-align: center } #prices .engines ul li .ico_block { height: auto; width: 100%; background-image: none !important } #prices .engines ul li .ico_block img { width: 100%; display: block } #prices .engines ul li .desc_block { position: static; margin: auto } #prices .adjustable_flow { height: auto; padding: 20px 0 } #prices .adjustable_flow li .float_inner .inner_link { display: block; text-align: center; margin: auto; padding: 0; margin-top: 10px } #prices .catalog_main .catalog_wrap { padding-bottom: 0 } #prices .catalog_main .catalog_wrap li { width: 46%; margin-right: 4% } #prices .catalog_main .catalog_wrap li.no_ico { width: 50%; margin-right: 0 } #prices .catalog_main .catalog_wrap li.no_ico a ins { margin-left: 20% } #prices .catalog_main .catalog_wrap li.no_ico .auto_desc { margin-left: 20% } #prices .catalog_main .all_cost a { color: #0096ff; border-bottom: 1px solid; text-transform: none } #prices .catalog_main .all_cost a:first-letter { text-transform: uppercase } #prices .catalog_main .all_cost a:after { display: none } #prices .catalog_main .all_cost p { display: none } #prices .price_inner .engines_tabs { display: none } #prices .price_inner .equipment_desc .ed_leftside { width: 100%; text-align: center } #prices .price_inner .equipment_desc .ed_leftside h2 { margin-bottom: 100px } #prices .price_inner .equipment_desc .ed_leftside .price { position: relative; left: 0; bottom: 0 } #prices .price_inner .equipment_desc .ed_rightside { width: 100% } #prices .price_inner .equipment_desc .ed_rightside .ed_advantages { padding: 20px 0 } #prices .price_inner .equipment_desc .ed_rightside .ed_advantages li { width: 100%; float: none; margin: 0; margin-bottom: 10px } #prices .price_inner .equipment_desc .ed_rightside .rightside_bottom { text-align: center } #prices .price_inner .equipment_desc .ed_rightside .rightside_bottom button[type="button"] { position: static; margin-top: 10px } #prices .price_inner .about_equipment .ae_title { left: 50%; margin-left: -96px } #prices .price_inner .about_equipment .ae_leftside { width: 100%; text-align: center; padding: 30px 10px 10px 10px } #prices .price_inner .about_equipment .ae_leftside:before { display: none } #prices .price_inner .about_equipment .ae_rightside { width: 100%; text-align: center; padding: 10px 10% 30px 10% } #prices .price_inner .additional_options .slick-dots { position: absolute; bottom: -25px; left: 0; right: 0; margin: auto; text-align: center } #prices .price_inner .additional_options .slick-dots li { margin: 0 10px; width: 7px; display: inline-block } #prices .price_inner .additional_options .slick-dots li button { width: 7px; height: 7px; border-radius: 50%; border: none; background: #b8c2c8; font-size: 0 } #prices .price_inner .additional_options .slick-dots li.slick-active { width: 11px } #prices .price_inner .additional_options .slick-dots li.slick-active button { width: 11px; height: 11px; background: #fc0202 } #about .history ._title { position: static } #about .history ._img { width: 100% } #about .history .info { padding: 0 } #about .team ul { max-width: 684px } #about .team ul li { width: 228px; height: 267px; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; margin-top: -1px; min-height: 267px } #about .team ul li .photo_wrap { height: 267px; width: 228px; min-height: 267px; margin: auto } #about .team ul li .about_worker_hidden .name { height: 60% } #about .team ul li .about_worker_hidden .name p strong { padding: 0; font-size: 16px } #about .choose ._title { display: inline-block } #about .choose ._left { width: 300px; border: none; padding: 0; height: auto; margin: 0; padding-top: 11px; margin-left: 60px } #about .choose ._left p { text-align: left } #about .choose ._left p b { font-size: 50px; line-height: 50px } #about .choose ._right { width: 100% } #about .choose ._right ul li { width: 50%; float: left } #about .slider_block { margin: 50px 0px 0px 0px; margin-bottom: 63px } #about .slider_block ._title { margin: 0 40px 28px 40px } #about .slider_block .slide_gallery .address { margin: 0 40px 42px 40px } #about .slider_block .slide_gallery .address li { margin-right: 2% } #about .slider_block .slide_gallery .address li p.street { font-size: 18px } #about .slider_block .slide_gallery .slider_station { height: 310px } #about .slider_block .slide_gallery .slider_station .service_station_slider { height: 310px } #about .slider_block .slide_gallery .slider_station .service_station_slider button { display: none } #about .slider_block .slide_gallery .slider_station .service_station_slider .wrap { display: none } #about .slider_block .slide_gallery .slider_station .service_station_slider .dots { max-width: 100%; top: 330px; left: 0; right: 0; margin: auto; text-align: center } #about .box_favour .tips { width: 100%; margin: 0; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover } #about .box_favour .tips div.clearfix ._title { text-align: center } #about .box_favour .tips div.clearfix img { display: none } #about .box_favour .tips div.clearfix p { display: none } #about .box_favour .tips p .btn_more { margin: 0 } #about .box_favour .license { width: 100%; margin-top: 50px; float: none; padding: 0; margin-top: 20px; text-align: center } #about .box_favour .license .sertificates { margin: auto } #about .info_block { padding: 0; text-align: center; height: auto } #about .info_block ._img { display: none } #about .info_block .desc { width: 100%; background: #fff } #about .info_block .desc ._title { text-align: center } #about .info_block .desc .info_text { overflow: auto !important; height: auto !important } #about .info_block .desc .info_text:after { display: none } #about .info_block .desc .truncate_more_link { display: none } #about .info_block .btn_more { background-image: url("/bitrix/templates/maxgas/css/../img/btn/btn_more.png"); background-repeat: no-repeat; background-position: top; width: 240px; height: 55px; margin: 0; display: inline-block; position: static; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none } #about .info_block .btn_more span { font-size: 0 } #about .info_block .btn_more:hover { background-color: transparent; background-position: center } #about .info_block .btn_more:active { background-color: transparent; background-position: bottom } #articles .article .article_wrap .article_text { display: block; margin: 0; width: 100%; margin-top: 10px } .block_auto>ul { text-align: left } .block_auto>ul>li { width: 32%; margin-right: 1.8%; margin-bottom: 1.8% } .block_auto>ul>li:nth-child(4n) { margin-right: 1.8% } .block_auto>ul>li:nth-child(3n), .block_auto>ul>li:last-child { margin-right: 0 } #projects .projects .list_auto .auto_list>li { width: 33.33% } #projects .projects .list_auto>ul>li:nth-child(6n).hover .hidden_list { left: -10px; right: auto; text-align: left } #projects .projects .list_auto>ul>li:nth-child(4n).hover .hidden_list { left: -10px; right: auto; text-align: left } #projects .projects .list_auto>ul>li:nth-child(3n).hover { background: transparent } #projects .projects .list_auto>ul>li:nth-child(3n).hover .hidden_list { left: auto; text-align: left; right: -10px } #projects .projects .list_auto>ul>li:nth-child(3n).hover .link { background: #e6ecf1 } #projects .projects .list_auto>ul>li:nth-child(3n).hover ._img { background: #e6ecf1 } #product .product_top_block .about_car { padding-top: 30px; text-align: center } #product .product_top_block .about_car span { display: none } #product .product_top_block .about_car div { display: none } #product .product_top_block .about_car .price { display: none } #product .request_block { height: 126px } #product .request_block .eco_text_wrap { display: none } #product .request_block .rb_slider_wrap { display: none } #product .request_block .btn_request { float: right; margin-top: 32px } #product .request_block .lovato_block { display: inline-block; width: 200px; margin-top: 20px; vertical-align: top } #product .request_block .lovato_block p { font-size: 14px; color: #142532; line-height: 20px; margin-bottom: 10px } #product .request_block .lovato_block div img { width: 100% } #product .request_block .price { display: block; font: 46px 'Roboto', sans-serif; font-weight: 800; color: #142532; line-height: 33px; display: inline-block; margin-top: 47px; margin-left: 5%; vertical-align: top } #product .request_block .price span { font-family: 'MyriadPro-Bold'; font-size: 46px; color: #142532; position: relative; margin-left: 5px; display: inline-block } #product .request_block .price span ins { font-family: 'MyriadPro-Bold'; font-size: 39px; color: #142532; position: absolute; top: 6px; left: 6px } #product .similar { margin-top: 30px } #product .similar .text .similar_title { width: 100%; margin-right: 0; height: 117px; text-align: center } #product .similar .text li:nth-child(3n) { margin-right: 1.8% } .reviews_block { background: transparent } .reviews_block:after { display: none } .reviews_block .join { width: 100% } .reviews_block .join p { display: block; text-align: center } .reviews_block .join p b { margin: 0 } .reviews_block .join p a { position: absolute; bottom: -60px; left: 0; right: 0; margin: auto } .reviews_block .join p:nth-child(2) { font: 14px 'MyriadProRegular' } .reviews_block .join .discount { width: 100%; display: block; margin: 0; margin-top: 70px } .reviews_block .join_hidden { display: none } .reviews_block .reviews { width: 100%; padding-bottom: 30px } .reviews_block .reviews h3 { text-align: center } .reviews_block .reviews ul li .rew_wrap { max-width: 400px; width: 100%; margin: auto; padding: 0; display: block; margin: auto; text-align: center } .reviews_block .reviews ul li .rew_wrap ._img { position: static; margin: auto; margin-bottom: 10px } .reviews_block .reviews ul li .rew_wrap:last-child { margin-right: auto } .reviews_block .reviews ul .slick-dots { position: absolute; bottom: -35px; left: 0; right: 0; margin: auto; text-align: center } .reviews_block .reviews ul .slick-dots li { margin: 0 10px; width: 7px; display: inline-block } .reviews_block .reviews ul .slick-dots li button { width: 7px; height: 7px; border-radius: 50%; border: none; background: #b8c2c8 } .reviews_block .reviews ul .slick-dots li.slick-active { width: 11px } .reviews_block .reviews ul .slick-dots li.slick-active button { width: 11px; height: 11px; background: #fc0202 } #project .title { text-align: center } #project .title h2:after { display: none } #project .title h1 { margin-top: 10px } #project .title .breadcrumbs { display: none } #project .our_works_slider_section .our_works_slider { width: 100%; float: none; margin-left: 0 } #project .our_works_slider_section .our_works_slider .our_works_slider_for li img { padding: 0 } #project .our_works_slider_section .our_works_slider .our_works_slider_for .slick-arrow.slick-next { right: 0 } #project .our_works_slider_section .our_works_slider .our_works_slider_for .slick-arrow.slick-prev { left: 0 } #project .our_works_slider_section .our_works_slider .our_works_slider_nav { display: none } #project .our_works_slider_section .ow_slider_desc { margin: 0; width: 100% } #project .our_works_slider_section .ow_slider_desc .owd_top_block { text-align: center } #project .our_works_slider_section .ow_slider_desc .owd_top_block button[type="button"] { width: 250px; background-size: cover; height: 50px } #project .our_works_slider_section .ow_slider_desc .owd_bottom_block .bb_content { text-align: center } #project .bottom_description { text-align: center } #project .bottom_description .equipment { text-align: left } #project .bottom_description .comment_of_klient { margin-left: 0; max-width: 520px; width: 100%; min-width: 300px; margin-top: 20px } #project .bottom_description .comment_of_klient .comment img { position: static } #project .bottom_description .comment_of_klient .comment .comment_content { padding-left: 0 } #project .bottom_description .comment_of_klient .vk { margin-left: 0; margin-top: 10px } #project .similar { margin-top: 30px } #project .similar .text .similar_title { width: 100%; margin-right: 0; height: 117px; text-align: center } #project .similar .text li:nth-child(3n) { margin-right: 1.8% } } @media screen and (max-width: 768px) { #footer .btn, .order_set_gbo_section .btn { width: 280px; height: 62px; background-size: cover; } .title h1 { display: block; text-align: center; font-size: 30px; margin: 0; padding: 0 !important } .title h1:after { display: none } /****.green_phone { display: block !important }***/ .title .breadcrumbs { margin-left: 10px; margin-top: 10px } .title.bottomTitle h2 { padding-left: 10px } .title.bottomTitle strong { padding-left: 10px } .title.bottomTitle h1 { padding-left: 10px } .wrapper { padding: 0 10px } .default .certificates-list { column-gap: 1.5em; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; -o-column-gap: 1.5em; -moz-column-count: 1; -o-column-count: 1; -webkit-column-count: 1; column-count: 1 } .default .loan_payment .btn_wrap { margin-left: 0 } #footer .wrapper>div { display: block } #footer .wrapper>div .f_phone_list { pointer-events: auto; display: none; } #footer .wrapper>div .contacts_address { display: none; } #footer .soc_block { float: none; width: 100%; margin-top: 21px } #footer .soc_block em { display: inline-block } #footer .btn_request { background-image: url("/bitrix/templates/maxgas/css/../img/btn/btn_request.png"); width: 231px; height: 80px; background-position: top; background-repeat: no-repeat; display: inline-block; text-decoration: none; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto } #footer .btn_request:hover { background-position: center } #footer .btn_request:active { background-position: bottom } #footer .bstd { float: none; margin: auto; margin-top: 18px; } #header { height: 77px; background: #d9e2e9 } #header .logo { height: 77px; margin: 0; padding: 0; width: 100%; padding-left: 5px; position: relative } #header .logo { background: #FFF; } #header .logo a img { width: auto; padding-bottom: 0px; height: 58px } #header .logo a img.mobile { display: block; margin: 10px 0px 0px; } #header .logo a img.desktop { display: none; } #header .main_menu { display: none } #header .sidr.right { padding-bottom: 20px; } #header .main_menu_clone { width: 100%; height: auto; background: transparent; margin: 0; text-align: center } #header .main_menu_clone ul li { margin: 0; width: 100%; float: none; display: flex; align-items: center; justify-content: center; flex-direction: column; border: none; line-height: 48px; } #header .main_menu_clone ul li .parent_item_and_icon { display: flex; align-items: center; } #header .main_menu_clone ul li a { padding: 0; color: #fff; font-family: 'MyriadPro-Bold'; font-size: 18px; text-decoration: none; display: block; border: none; padding: 12px 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none } #header .main_menu_clone ul li a span { border-bottom: 1px solid #fff; margin: 0; padding: 0; display: inline } #header .main_menu_clone ul li:hover a { color: #0096ff } #header .main_menu_clone ul li:hover a span { color: #0096ff; border-bottom: 1px solid #0096ff; } #header .main_menu_clone ul li .parrent_item_menu_arrow { display: inline-block; background: url(/img/parrent_item_menu_arrow.png) no-repeat center #c50202; width: 17px; height: 11px; border: none; position: relative; left: 7px; padding: 14px 14px; transform: rotate(0deg); transition: 1s; } #header .main_menu_clone ul li .parrent_item_menu_arrow.open { transition: 1s; transform: rotate(180deg); } #header .main_menu_clone ul li:hover a span { color: white; border-bottom: 1px solid white; } #header .main_menu_clone ul li .submenu { width: 100%; background: #d9e2e9; padding: 0px 7px; } #header .main_menu_clone ul li .submenu li a { line-height: 30px; padding: 7px 0px; font-size: 15px; } #header .main_menu_clone ul li .submenu li a span { border-bottom: 1px solid #333333; color: #333333; } #header .callback_block.mobile { margin-top: 0 !important; margin-right: 0; margin-left: 0; } #header .callback_block { /****padding: 0 10px; width: 100%; text-align: right; margin-top: -7px;***/ position: absolute; top: 0; right: 51px; height: 100%; } #header .callback_block .phone { display: block; height: 100%; } #header .callback_block .soc_block { right: 58px; top: 0px; width: 58px; height: 58px; background: #0096ff } #header .callback_block .soc_block a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 33; text-align: center } #header .callback_block .soc_block a span { margin: 0; margin-top: 14px } #header .callback_block .soc_block a em { display: none } #header .contacts { position: absolute; top: 19px; left: 147px; margin: 0; padding: 0 0px; margin-top: 0px; width: 100% } #header .contacts .select { margin: -6px 0 0 0; } #header .contacts .select .jselector { width: 113px; background-color: transparent; text-transform: lowercase; color: #ffffff; font: 20px/33px 'MyriadProRegular'; } #header .contacts .select .jselector button { background-position: bottom; } #header .contacts .select .jselector .wrap { padding: 0px; } #header .contacts .select .jselector .wrap:after { left: 5px } #header .callback_block .connect_button { width: 48px; height: 100%; padding: 0px; text-align: center; background: #0095FF; display: flex; align-items: center; justify-content: center; } #header .callback_block .connect_button img { max-width: 100%; } .connect_section { max-width: 768px; width: 100%; overflow: auto; position: fixed; background-color: rgba(0, 0, 0, 0.9); } .connect_section .block_rows_connect { top: 91px; } .connect_section .block_rows_connect .row_connect { margin-bottom: 10px; } .connect_section .block_rows_connect .row_connect a { font-size: 23px; } #header .contacts .phone_list { display: inline-block; margin-top: 0px; float: right; min-width: 150px; text-align: right; pointer-events: auto } #header .contacts .phone_list li a { font-size: 16px } #header #right-menu { display: flex } .popup_request .popup_wrap { width: 96% } .popup_request .popup_wrap .close { top: 30px } .popup_request .popup_wrap .form_wrap { padding-top: 60px } .popup_request .popup_wrap .form_wrap form { width: 90%; margin-top: 50px } .popup_request .popup_wrap .form_wrap form .element { text-align: right } .popup_request .popup_wrap .form_wrap form .element:after { right: -15px !important } .popup_request .popup_wrap .form_wrap form .element label input[type="text"] { width: 100% } .popup_request .popup_wrap .form_wrap form .element label p { top: -32px; left: 0 } .popup_request .popup_wrap .form_wrap form .mes { text-align: right } .popup_request .popup_wrap .form_wrap form .mes textarea { width: 100% } .popup_request .popup_wrap .form_wrap form .mes p { top: -32px; left: 0 } .popup_request .popup_wrap .form_wrap form .btn_wrap { margin: 0; padding-bottom: 20px } #toppage .main_block { margin: 0 } #toppage .main_block .calculator { width: 100%; padding: 0 10px; padding-top: 20px; height: auto } #toppage .main_block .calculator h3 { font: 24px 'Roboto', sans-serif; font-weight: 800; } #toppage .main_block .calculator .leftside { height: auto; width: 100% } #toppage .main_block .calculator .leftside .calc_filters { width: 100% } #toppage .main_block .calculator .leftside .calc_filters .calc_filter { width: 100%; margin-bottom: 50px; height: 60px } #toppage .main_block .calculator .leftside .calc_filters .calc_filter p { margin-bottom: 10px } #toppage .main_block .calculator .leftside .calc_filters .calc_filter .slider { top: 10px } #toppage .main_block .calculator .leftside .calc_filters .calc_filter .slider .ui-slider-handle { background: transparent; border: none; top: -15px; height: 26px; margin-left: -21px } #toppage .main_block .calculator .leftside .calc_filters .calc_filter .slider .ui-slider-handle:after { display: none } #toppage .main_block .calculator .leftside .calc_filters .calc_filter .slider .ui-slider-handle:before { content: ''; background: url("/bitrix/templates/maxgas/css/../img/ico/handler_before.png"); width: 23px; height: 23px; position: absolute; top: 100%; left: 0; right: 0; margin: auto } #toppage .main_block .calculator .leftside .calc_filters .radioblock { position: static; height: auto } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel { margin: 0; height: auto } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type { display: inline-block; width: 33.33%; text-align: center } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type img { display: none } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type.gas { display: inline-block } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type.gas input[type="button"] { background-image: url("/bitrix/templates/maxgas/css/../img/btn/gas_btn_double.jpg") } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type.gas span { color: #9eb2cc } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type input[type="button"].active+span { color: #cb3000 } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type span { vertical-align: top; margin: 0; font: 18px 'Roboto', sans-serif; font-weight: 800; display: block } #toppage .main_block .calculator .rightside { width: 100% } #toppage .main_block .calculator .rightside .counter_block { width: 100%; text-align: center } #toppage .main_block .calculator .rightside .counter_block .counter_item, #toppage .main_block .calculator .rightside .counter_block .economy_money { display: none } #toppage .main_block .calculator .rightside .counter_block .economy { display: inline-block; vertical-align: top; width: 300px; text-align: center } #toppage .main_block .figure_block { width: 100%; /* height: 300px;*/ } #toppage .main_block .figure_block .fb_hover { display: none } #toppage .services_block .slider_service_wrap .slider_services ul { padding: 27px 0 27px 0 } #toppage .services_block .slider_service_wrap .slider_services ul li .li_wrap { text-align: center } #toppage .services_block .slider_service_wrap .slider_services ul li .li_wrap img { margin: auto } #toppage .services_block .slider_service_wrap .slider_services ul li .li_wrap h3:after { right: 0; margin: auto } #toppage .services_block .slider_service_wrap .slider_services ul .slick-next { display: none !important } #toppage .services_block .slider_service_wrap .slider_services ul .slick-prev { display: none !important } #toppage .catalog_main .catalog_wrap { padding-bottom: 0 } #toppage .catalog_main .catalog_wrap li { width: 100%; margin-right: 0; text-align: center; margin-bottom: 40px; padding: 55px 10% 0 10% } #toppage .catalog_main .catalog_wrap li a ins { left: 0 } #toppage .catalog_main .catalog_wrap li ._img { -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; max-width: 300px; margin: auto } #toppage .catalog_main .catalog_wrap li .auto_desc { text-align: center; position: static; padding: 0 } #toppage .catalog_main .catalog_wrap li .auto_desc .cost { display: inline-block; text-align: center } #toppage .catalog_main .catalog_wrap li .auto_desc .econom { font: 16px 'Roboto', sans-serif; font-weight: 300; text-transform: none; margin-top: 10px; display: block; text-align: center } #toppage .catalog_main .catalog_wrap li:nth-child(n+4) { display: none } #toppage .maintenance { height: auto } #toppage .maintenance ul { padding: 0; padding-bottom: 60px; } #toppage .maintenance ul .slick-arrow { top: auto; z-index: 111; bottom: 0px; width: 50%; height: 60px } #toppage .maintenance ul .slick-arrow.slick-next { right: 0 } #toppage .maintenance ul .slick-arrow.slick-prev { left: 0 } #toppage .maintenance ul li .txt { display: none } #toppage .reviews_block .join { width: 100%; text-align: center; padding: 35px 10px 35px 10px } #toppage .reviews_block .reviews { width: 100%; text-align: center; padding: 0; padding-bottom: 23px; padding-top: 18px } #toppage .reviews_block .reviews ul { margin-bottom: 45px } #toppage .reviews_block .reviews ul .slick-prev { left: 3%; display: none !important } #toppage .reviews_block .reviews ul .slick-next { right: 3%; display: none !important } #toppage .reviews_block .reviews ul .slick-dots { position: absolute; top: 110%; left: 0; right: 0; margin: auto; text-align: center } #toppage .reviews_block .reviews ul .slick-dots li { display: inline-block; vertical-align: top; margin: 0 10px; width: auto } #toppage .reviews_block .reviews ul .slick-dots li.slick-active button { background: #fc0202; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } #toppage .reviews_block .reviews ul .slick-dots li button { font-size: 0; display: inline-block; width: 7px; height: 7px; border-radius: 50%; border: none; background: #b8c2c8; position: static; margin: 0; top: auto; vertical-align: top; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } #toppage .reviews_block .reviews ul li { margin: 0; padding: 0 } #toppage .reviews_block .reviews ul li:nth-child(3) { display: inline-block } #toppage .reviews_block .reviews ul li .rew_wrap { width: 80%; padding: 0 } #toppage .reviews_block .reviews ul li .rew_wrap ._img { position: static; margin: auto; margin-bottom: 5px } #toppage .reviews_block .reviews .all_comments { display: block } #prices .engines ul li { text-align: center; width: 100%; margin-bottom: 50px } #prices .engines ul li:hover .ico_block { top: 0 } #prices .engines ul li .ico_block { height: auto; width: 100%; background-image: none !important } #prices .engines ul li .ico_block img { width: 100%; display: block; max-width: 200px; margin: auto } #prices .engines ul li .desc_block { position: static; margin: auto } #prices .adjustable_flow { height: auto; padding: 20px 0 } #prices .adjustable_flow li { width: 100%; margin-bottom: 35px } #prices .adjustable_flow li .float_inner .inner_link { display: block; text-align: center; margin: auto; padding: 0; margin-top: 10px } #prices .catalog_main { margin: 0 } #prices .catalog_main .hidden_autos { margin-top: 0px } #prices .catalog_main .catalog_wrap { padding-bottom: 0 } #prices .catalog_main .catalog_wrap li { width: 100%; margin-right: 0; text-align: center; margin-bottom: 40px; padding: 55px 10% 0 10% } #prices .catalog_main .catalog_wrap li a ins { left: 0 } #prices .catalog_main .catalog_wrap li ._img { -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; max-width: 300px; margin: auto } #prices .catalog_main .catalog_wrap li .auto_desc { text-align: center; position: static; padding: 0 } #prices .catalog_main .catalog_wrap li .auto_desc .cost { display: inline-block; text-align: center } #prices .catalog_main .catalog_wrap li .auto_desc .econom { font: 16px 'Roboto', sans-serif; font-weight: 300; text-transform: none; margin-top: 10px; display: block; text-align: center } #prices .catalog_main .catalog_wrap li.no_ico { width: 100%; margin: 0; padding: 55px 0 0 0 } #prices .catalog_main .catalog_wrap li.no_ico a ins { margin: 0 } #prices .catalog_main .catalog_wrap li.no_ico .auto_desc { margin: 0 } #prices .price_inner .equipment_desc .ed_leftside .price strong { font-size: 38px } #prices .price_inner .additional_options .additional_slider { padding: 0 } #prices .price_inner .additional_options .additional_slider .slick-arrow { display: none !important } #actions .actions_wrap { -moz-column-count: 1; -o-column-count: 1; -webkit-column-count: 1; column-count: 1 } #actions .actions_common { padding-bottom: 40px } #actions .actions_common .other_actions { text-align: center } #about .title h1 { display: block; text-align: center; font-size: 30px; margin: 0 } #about .title h1:after { display: none } #about ._title h2 { font-size: 30px !important } #about ._title ins { font-size: 19px !important; padding: 0 10px 2px 10px; line-height: 24px } #about .select { margin: auto; margin-top: 20px } #about .history .info { text-align: center } #about .history .info ._title { text-align: center } #about .choose { margin-bottom: 0 } #about .choose ._title { text-align: center; display: block } #about .choose ._left { display: none } #about .choose ._right ul li { width: 100%; text-align: center } #about .choose ._right ul li p ins { font-size: 16px; padding: 3px 16px } #about .team { min-height: 300px; margin-bottom: 20px } #about .team ul { min-height: 300px; max-width: 100%; text-align: center } #about .team ul .slick-dots { position: relative; z-index: 2; top: 20px; left: 0; right: 0; margin: auto; max-width: 80%; min-height: 7px } #about .team ul .slick-dots li { display: inline-block; vertical-align: top; cursor: pointer; width: 7px; height: 7px; border-radius: 7px; background: #b0bbc1; margin: 0 10px; font-size: 0; opacity: 1; position: relative; min-height: 7px } #about .team ul .slick-dots li:after { content: ''; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -9px } #about .team ul .slick-dots li button { border: none } #about .team ul .slick-dots li.slick-active { background: #ff110f } #about .team ul .slick-dots li:hover { background: #08a1ed } #about .team ul li { margin: auto } #about .team ul li .photos { width: 228px; margin: auto } #about .team ul li .about_worker { display: none } #about .slider_block { text-align: center } #about .slider_block ._title { margin: 0 10px 28px 10px } #about .slider_block .slide_gallery .address { margin: 0 10px 12px 10px } #about .slider_block .slide_gallery .address li { margin: auto } #about .slider_block .slide_gallery .address li p.street { font-size: 18px; display: inline } #about .slider_block .slide_gallery .address li p.district { text-align: left } #about .slider_block .slide_gallery .slider_station { height: 130px } #about .slider_block .slide_gallery .slider_station .service_station_slider { height: 130px } #about .slider_block .slide_gallery .slider_station .service_station_slider button { display: none } #about .slider_block .slide_gallery .slider_station .service_station_slider .wrap { display: none } #about .slider_block .slide_gallery .slider_station .service_station_slider .dots { max-width: 100%; top: 150px; left: 0; right: 0; margin: auto; text-align: center } #about .box_favour .tips ul { margin-top: 25px } #about .box_favour .tips ul li { padding-left: 0; padding-top: 50px; text-align: center; margin-bottom: 25px } #about .box_favour .tips ul li p { text-align: center } #about .box_favour .tips ul li:after { top: 0px; right: 0; margin: auto } #about .box_favour .license .sertificates { width: 300px; padding-bottom: 30px } #about .box_favour .license .sertificates ul li { margin-bottom: 50px; max-height: 100%; margin: 0 } #about .box_favour .license .sertificates ul li .s_img img { margin: auto } #about .box_favour .license .sertificates ul li .sert_desc { position: relative; width: 100%; top: 100%; margin-top: 10px; padding: 0 } #about .info_block .desc { padding: 19px 0 } #sertificates .sert_top .sert { margin: auto; text-align: center; display: block; margin-bottom: 20px } #sertificates .sert_top .sert_desc { display: block; position: static } #sertificates .sert_coworkers .sert { margin: auto; text-align: center; display: block; margin-bottom: 40px } #sertificates .sert_coworkers .sert .sert_desc { text-align: center } #sertificates .sert_coworkers .sert .sert_desc .sert_txt { text-align: left } #sertificates .sert_coworkers .sert_other { margin: auto; display: block; margin-bottom: 40px; text-align: center } #sertificates .sert_coworkers .sert_other .sert_desc { text-align: left; margin: 0; margin-left: 20px } #spares .spares_list li .spare_title span { font-size: 18px; line-height: 20px } #contacts .contacts_wrap { height: auto; overflow: visible } #contacts .contacts_wrap .contacts_leftside { width: 100%; background: #fff; padding: 0 } #contacts .contacts_wrap .contacts_leftside h1 { padding-left: 10px; display: none } /*#contacts .contacts_wrap .contacts_leftside .city { height: 600px }*/ #contacts .contacts_wrap .contacts_leftside .city .title_city { text-align: center; padding: 0 } #contacts .contacts_wrap .contacts_leftside .city .title_city img { position: static; margin-right: 10px } #contacts .contacts_wrap .contacts_leftside .city .adress { margin-top: 10px } #contacts .contacts_wrap .contacts_leftside .city .adress li { padding: 15px 10px 20px 10px; text-align: center } #contacts .contacts_wrap .contacts_leftside .city .adress li:before { content: 'Посмотреть на карте'; font-size: 11px; text-transform: uppercase; color: #000; font-family: Verdana, Geneva, sans-serif; opacity: .5; position: absolute; bottom: 2px; left: 0; right: 0; margin: auto } #contacts .contacts_wrap .contacts_leftside .city .adress li ins { opacity: .5 } #contacts .contacts_wrap .contacts_leftside .city .adress li.active { pointer-events: auto } #contacts .contacts_wrap .contacts_leftside .city .adress li.active:before { color: #fff; opacity: .7 } #contacts .contacts_wrap .contacts_rightside { width: 100%; height: 225px } #contacts .contacts_wrap .contacts_rightside .station_slider { display: none !important } #contacts .feedback_form { padding-top: 20px } #contacts .feedback_form .ff_leftside { padding-left: 0; width: 100%; float: none; text-align: center; margin: 0 } #contacts .feedback_form .ff_rightside { padding-left: 0; padding: 20px 10px 10px 10px } #contacts .feedback_form .ff_rightside .blue_title { text-align: center } #contacts .feedback_form .ff_rightside .form_wrap form .feed { width: 100%; margin: 0 } #contacts .feedback_form .ff_rightside .form_wrap form .feed:first-child { margin: 0 } #contacts .feedback_form .ff_rightside .form_wrap form .feed.rightside { margin-top: 15px } #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector .wrap span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label strong { display: block; text-align: center } #contacts .feedback_form .ff_rightside .form_wrap form .feed .element label strong:after { right: 0 !important } #contacts .feedback_form .ff_rightside .form_wrap form .feed label strong { display: block; text-align: center } #contacts .feedback_form .ff_rightside .form_wrap form .btn_wrap { text-align: center } .block_auto>ul { text-align: left; overflow: hidden } .block_auto>ul>li { width: 100%; margin-right: 0 !important; margin-bottom: 1.8% } .block_auto>ul>li.prev { display: none } .block_auto>ul>li.next { display: none } .block_auto>ul>li.view_more { display: block } .block_auto>ul>li:nth-child(4n) { margin-right: 1.8% } .block_auto>ul>li:nth-child(3n), .block_auto>ul>li:last-child { margin-right: 0 } .block_auto .page_navi { margin-top: 20px } #projects .projects .list_auto>ul { max-width: 190px; margin: auto } #projects .projects .list_auto .auto_list>li { width: 100% } #projects .projects .list_auto>ul>li.hover .hidden_list { display: none !important } #product .product_top_block { height: 192px; margin-top: 1px; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover } #product .product_top_block .about_car { padding-top: 20px; text-align: center; position: absolute; top: -100px; left: 0; right: 0; margin: auto } #product .product_top_block .about_car h1 { font-size: 28px; color: #142532 } #product .product_top_block .about_car h1 span { font-size: 24px; color: #142532 } #product .product_top_block .about_car span { display: none } #product .product_top_block .about_car div { display: none } #product .product_top_block .about_car .price { display: none } #product .request_block { height: auto; text-align: center; padding-bottom: 20px } #product .request_block .eco_text_wrap { display: none } #product .request_block .rb_slider_wrap { display: none } #product .request_block .btn_request { float: none; margin-top: 20px } #product .request_block .lovato_block { display: inline-block; width: 200px; margin-top: 10px; vertical-align: top } #product .request_block .lovato_block p { font-size: 14px; color: #142532; line-height: 20px; margin-bottom: 10px } #product .request_block .lovato_block div img { width: 100% } #product .request_block .price { display: block; font: 46px 'Roboto', sans-serif; font-weight: 800; color: #142532; line-height: 33px; display: inline-block; margin-top: 30px; margin-left: 0; vertical-align: top } #product .request_block .price span { font-family: 'MyriadPro-Bold'; font-size: 46px; color: #142532; position: relative; margin-left: 5px; display: inline-block } #product .request_block .price span ins { font-family: 'MyriadPro-Bold'; font-size: 39px; color: #142532; position: absolute; top: 6px; left: 6px } #product .similar { margin-top: 30px } #product .similar .text .similar_title { width: 100%; margin-right: 0; height: 117px; text-align: center } #product .similar .text li:nth-child(3n) { margin-right: 1.8% } .reviews_block { background: transparent } .reviews_block:after { display: none } .reviews_block .join { width: 100% } .reviews_block .join p { display: block; text-align: center } .reviews_block .join p b { margin: 0 } .reviews_block .join p a { position: absolute; bottom: -60px; left: 0; right: 0; margin: auto } .reviews_block .join p:nth-child(2) { font: 14px 'MyriadProRegular' } .reviews_block .join .discount { width: 100%; display: block; margin: 0; margin-top: 70px } .reviews_block .join_hidden { display: none } .reviews_block .reviews { width: 100%; padding-bottom: 30px } .reviews_block .reviews h3 { text-align: center; font-size: 24px } .reviews_block .reviews ul li .rew_wrap { max-width: 400px; width: 100%; margin: auto; padding: 0; display: block; margin: auto; text-align: center } .reviews_block .reviews ul li .rew_wrap ._img { position: static; margin: auto; margin-bottom: 10px } .reviews_block .reviews ul li .rew_wrap:last-child { margin-right: auto } .reviews_block .reviews ul .slick-arrow { display: none !important } /*#header { position: relative; }*/ } @media screen and (max-width: 850px) { #header > noindex .social_network_block { margin: 20px 0px 0px -37px !important; } } @media screen and (max-width: 480px) { #toppage .main_block { margin: 0 } #toppage .main_block .calculator { width: 100%; padding: 0 10px; padding-top: 20px; height: auto } #toppage .main_block .calculator h3 { font: 24px 'Roboto', sans-serif; font-weight: 800; } #toppage .main_block .calculator .leftside { height: auto; width: 100% } #toppage .main_block .calculator .leftside .calc_filters { width: 100% } #toppage .main_block .calculator .leftside .calc_filters .calc_filter { width: 100%; margin-bottom: 50px; height: 60px } #toppage .main_block .calculator .leftside .calc_filters .calc_filter p { margin-bottom: 10px } #toppage .main_block .calculator .leftside .calc_filters .calc_filter .slider { top: 10px } #toppage .main_block .calculator .leftside .calc_filters .calc_filter .slider .ui-slider-handle { background: transparent; border: none; top: -15px; height: 26px; margin-left: -21px } #toppage .main_block .calculator .leftside .calc_filters .calc_filter .slider .ui-slider-handle:after { display: none } #toppage .main_block .calculator .leftside .calc_filters .calc_filter .slider .ui-slider-handle:before { content: ''; background: url("/bitrix/templates/maxgas/css/../img/ico/handler_before.png"); width: 23px; height: 23px; position: absolute; top: 100%; left: 0; right: 0; margin: auto } #toppage .main_block .calculator .leftside .calc_filters .radioblock { position: static; height: auto } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel { margin: 0; height: auto } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type { display: inline-block; width: 85px; text-align: center } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type img { display: none } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type.gas { display: inline-block } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type.gas input[type="button"] { background-image: url("/bitrix/templates/maxgas/css/../img/btn/gas_btn_double.jpg") } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type.gas span { color: #9eb2cc } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type input[type="button"].active+span { color: #cb3000 } #toppage .main_block .calculator .leftside .calc_filters .radioblock .types_fuel .type span { display: inline-block; vertical-align: top; margin: 0; font: 18px 'Roboto', sans-serif; font-weight: 800; } #toppage .main_block .calculator .rightside { width: 100% } #toppage .main_block .calculator .rightside .counter_block { width: 100%; text-align: center } #toppage .main_block .calculator .rightside .counter_block .counter_item, #toppage .main_block .calculator .rightside .counter_block .economy_money { display: none } #toppage .main_block .calculator .rightside .counter_block .economy { display: inline-block; vertical-align: top; width: 300px; text-align: center } #toppage .services_block .slider_service_wrap .slider_services ul { padding: 27px 0 27px 0 } #toppage .services_block .slider_service_wrap .slider_services li .li_wrap { width: 70%; text-align: center } #toppage .services_block .slider_service_wrap .slider_services li .li_wrap img { margin: auto } #toppage .services_block .slider_service_wrap .slider_services li .li_wrap h3:after { right: 0; margin: auto } #toppage .services_block .slider_service_wrap .slider_services .slick-next { right: -20px; display: none } #toppage .services_block .slider_service_wrap .slider_services .slick-prev { left: -20px; display: none } #toppage .catalog_main .catalog_wrap { padding-bottom: 0 } #toppage .catalog_main .catalog_wrap li { width: 100%; margin-right: 0; text-align: center; margin-bottom: 40px } #toppage .catalog_main .catalog_wrap li a ins { left: 0; } #toppage .catalog_main .catalog_wrap li .auto_desc { text-align: center; position: static; padding: 0; } #toppage .catalog_main .catalog_wrap li .auto_desc .cost { display: inline-block; text-align: center; } #toppage .catalog_main .catalog_wrap li .auto_desc .econom { font: 16px 'Roboto', sans-serif; font-weight: 300; text-transform: none; margin-top: 10px; } #toppage .maintenance { height: auto; } #toppage .maintenance ul { padding: 0; padding-bottom: 50px; background-color: initial; } #toppage .maintenance ul .slick-arrow { top: auto; width: 50%; bottom: 0px; height: 60px; } #toppage .maintenance ul .slick-arrow.slick-next { right: 0; } #toppage .maintenance ul .slick-arrow.slick-prev { left: 0; } #toppage .reviews_block .join { width: 100%; text-align: center; padding: 35px 10px 35px 10px; } #toppage .reviews_block .reviews { width: 100%; text-align: center; padding: 0; padding-bottom: 23px; padding-top: 18px } #toppage .reviews_block .reviews ul { margin-bottom: 45px } #toppage .reviews_block .reviews ul .slick-prev { left: 3%; display: none } #toppage .reviews_block .reviews ul .slick-next { right: 3%; display: none } #toppage .reviews_block .reviews ul li { margin: 0; padding: 0 } #toppage .reviews_block .reviews ul li:nth-child(3) { display: inline-block } #toppage .reviews_block .reviews ul li .rew_wrap { width: 80%; padding: 0 } #toppage .reviews_block .reviews ul li .rew_wrap ._img { position: static; margin: auto; margin-bottom: 5px } #toppage .reviews_block .reviews .all_comments { display: block } } @-webkit-keyframes tada { 0% { -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) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes tada { 0% { -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) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .tada { -webkit-animation-name: tada; animation-name: tada } .share42-item:first-child a { background: url("/bitrix/templates/maxgas/css/../img/ico/fb_share.png") !important; width: 117px !important; height: 30px !important } .share42-item:last-child a { background: url("/bitrix/templates/maxgas/css/../img/ico/vk_share.png") !important; width: 117px !important; height: 30px !important } .new_alert{ display: none; position: fixed; top:calc(50% - 150px); left:calc(50% - 350px); z-index: 9000; -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.75); box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.75); } .new_alert_body{ position: relative; } .new_alert_body_form{ position: absolute; right: 20px; bottom: 15px; display: flex; flex-direction: column; align-items: flex-end; } .new_alert_body_mail{ line-height: 42px; font-size: 22px; border: 2px solid #000; padding: 0 5px; min-width: 380px; margin-bottom: 10px; } .new_alert_body_btn{ background-color: #f3292c; color: #fff; border: none; padding: 0 30px; line-height: 45px; font-size: 26px; transition: 0.3s; } .new_alert_body_text{ position: absolute; top: 15px; left: 20px; right: 20px; font-size: 26px; font-weight: bold; text-align: right; line-height: 1; } .new_alert_body_text p{ font-size: 26px; font-weight: bold; text-align: right; } .new_alert_body_mess{ display: none; width: 40%; position: absolute; bottom: 15px; left:15px; font-size: 22px; color:#000; } .new_alert_body_btn:hover{ -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); transition: 0.3s; } .new_alert_body_x{ position: absolute; top:-30px; right: -30px; } .new_alert_body_x:hover{ cursor: pointer; } @media screen and (max-width: 770px) { .new_alert{ width: 98%; left: 1%; } .new_alert_body_fon{ width: 100%; } .new_alert_body_form{ flex-direction: row; align-items: center; justify-content: space-around; width: 100%; right: 0; left: 0; } .new_alert_body_mail, .new_alert_body_btn{ width: 45%; margin: 0; font-size: 16px; line-height: 30px; min-width: auto; } .new_alert_body_x{ top:-35px; right: 5px; } .new_alert_body_text p{ font-size: 16px; } .main_page .includes .inc { width: 100%; } .video_g{width: 100%;} } @media screen and (max-width: 390px) { .maintenance ul .slick-dots { padding-top: 0px !important; } } @media screen and (max-width: 370px) { #header .contacts .select .jselector { width: 65px; } #header .contacts .select .jselector .dropdown { width: auto; top: 45px; } #header .contacts .select .jselector .wrap > div { width: 28px; overflow: hidden; } .connect_section .block_rows_connect { width: 85%; } } @media screen and (max-width: 360px) { .maintenance ul li.slick-slide { height: 250px; } #header .callback_block.desktop { left: 26%; } } @media screen and (max-width: 340px) { #header .callback_block .phone .call_btn:after{ display: none; } } @media screen and (max-width: 319px) { #header .callback_block.desktop { display: none; } } @media screen and (max-width: 1130px) { #footer .wrapper .top_row .copy_and_privacy_policy { margin-bottom: 30px; } } @media screen and (max-width: 900px) { #footer .wrapper .top_row { align-items: flex-end; } #footer .wrapper .top_row .pays_icons { display: flex; flex-direction: column; align-items: flex-start; } #footer .wrapper .top_row .pays_icons img { max-width: 100%; } } /*# sourceMappingURL=main.css.map */ @-moz-keyframes cycle { 35% {transform: rotate(0) translate(0, 0);} 40% {transform: rotate(5deg) translate(0, -2px);} 45% {transform: rotate(-3deg) translate(0, -2px);} 50% {transform: rotate(5deg) translate(0, -2px);} 55% {transform: rotate(-3deg) translate(0, -2px);} 60% {transform: rotate(5deg) translate(0, -2px);} 65% {transform: rotate(-3deg) translate(0, -2px);} 70% {transform: rotate(0) translate(0, 0);} } @-webkit-keyframes cycle { 35% {transform: rotate(0) translate(0, 0);} 40% {transform: rotate(5deg) translate(0, -2px);} 45% {transform: rotate(-3deg) translate(0, -2px);} 50% {transform: rotate(5deg) translate(0, -2px);} 55% {transform: rotate(-3deg) translate(0, -2px);} 60% {transform: rotate(5deg) translate(0, -2px);} 65% {transform: rotate(-3deg) translate(0, -2px);} 70% {transform: rotate(0) translate(0, 0);} } .yButton { display: none; } /* End */ /* Start:/bitrix/templates/maxgas/css/jquery-ui.css?148670980234459*/ /*! jQuery UI - v1.11.4 - 2016-03-27 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #2b2b2b; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/bitrix/templates/maxgas/css/../img/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/bitrix/templates/maxgas/css/../img/ui-icons_444444_256x240.png"); } .ui-state-default .ui-icon { background-image: url("/bitrix/templates/maxgas/css/images/ui-icons_777777_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("/bitrix/templates/maxgas/css/../img/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon { background-image: url("/bitrix/templates/maxgas/css/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("/bitrix/templates/maxgas/css/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/bitrix/templates/maxgas/css/images/ui-icons_cc0000_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: 0px 0 0 0px; padding: 5px; background: #666666; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; } /* End */ /* Start:/bitrix/templates/maxgas/css/custom.css?175085048536089*/ .roboto-100 { font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 100; font-style: normal; font-variation-settings: "wdth" 100; } .roboto-200 { font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 200; font-style: normal; font-variation-settings: "wdth" 100; } .roboto-300 { font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-variation-settings: "wdth" 100; } .roboto-400 { font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100; } .roboto-500 { font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-variation-settings: "wdth" 100; } .roboto-600 { font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 600; font-style: normal; font-variation-settings: "wdth" 100; } .roboto-700 { font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; font-variation-settings: "wdth" 100; } .roboto-800 { font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 800; font-style: normal; font-variation-settings: "wdth" 100; } .roboto-900 { font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 900; font-style: normal; font-variation-settings: "wdth" 100; } .mainheaderstock{ font: 800 26px 'Roboto', sans-serif; text-align: center; text-transform: uppercase; margin-bottom: 15px; } #toppage .includes p { font-size: 16px; line-height: 20px; } .rating_widget_office { margin-top: 7px; } .private_testing_laboratory { display: block; margin-bottom: 70px; } .private_testing_laboratory img { max-width: 100%; } #about .choose ._right ul li p a { color: inherit; } #about .choose ._right ul li p a:hover { color: #0383e6; } #about .wrapper .choose .certificates { display: flex; justify-content: space-between; } #about .wrapper .choose .certificates img { max-width: 100%; } #about .wrapper .requisites { margin-top: 70px; } #about .wrapper .requisites .requisites_text { font-size: 16px; font-family: 'Roboto', sans-serif; line-height: 21px; } #about .history { margin: 30px 0px 60px; font-size: 16px; font-family: 'Roboto', sans-serif; line-height: 30px; } .reviews_main_block { margin-bottom: 50px; text-align: center; margin-top: 50px; } .reviews_main_block .head_reviews_main_block { font: 800 26px 'Roboto', sans-serif; color: #d71920; display: inline-block; padding: 0px 0px 14px; /* border-bottom: 1px solid;*/ padding-bottom: 1px; position: relative; margin-bottom: 30px; } .reviews_main_block .head_reviews_main_block:hover { color: #0383e6; } .reviews_main_block .reviews_slider { margin: 0px -10px; z-index: 87; } .reviews_main_block .reviews_slider .review_slide { margin: 0px 15px; /*padding: 0 15px;*/ } .reviews_main_block .reviews_slider .review_slide .top_block_review_slide { width: 100%; background-color: #D1D8E2; margin-bottom: 10px; padding: 10px; } .reviews_main_block .reviews_slider .review_slide .top_block_review_slide a { color: #283441; font: 800 30px 'Roboto', sans-serif; } .reviews_main_block .reviews_slider .review_slide > div { width: 100%; } .reviews_main_block .reviews_slider .slick-dots { display: flex; justify-content: center; margin-top: 10px; font-size: 0; } .reviews_main_block .reviews_slider .slick-dots li { margin-right: 30px; } .reviews_main_block .reviews_slider .slick-dots li:last-child { margin-right: 0px; } .reviews_main_block .reviews_slider .slick-dots li button { background-color: #D0D0D0; width: 12px; height: 12px; border: none; border-radius: 100%; } .reviews_main_block .reviews_slider .slick-dots li.slick-active button { background-color: #e80100; } /*** float_buttons_section ***/ html { scroll-behavior: smooth; } .viber_section { position: fixed; bottom: 82px; right: 10px; z-index: 100; } .telegram_section { position: fixed; bottom: 160px; right: 10px; z-index: 100; } .viber_section:hover, .telegram_section:hover { animation: bounce 0.4s; } .viber_section img, .telegram_section img { width: 60px; } @keyframes bounce { 0%, 20%, 60%, 100% { transform: translateX(0); transform: translateX(0); } 40% { transform: translateX(-20px); transform: translateX(-20px); } 80% { transform: translateX(-10px); transform: translateX(-10px); } } .float_buttons_section { display: flex !important; align-items: center; height: 45px; position: fixed; bottom: 25px; right: 25px; background-color: rgb(221 2 4); /* background: url(/bitrix/templates/maxgas/img/snow_festival.png) rgb(221 2 4);*/ padding: 5px 0px; z-index: 2; border-radius: 30px; overflow: hidden; z-index: 100; } .float_buttons_section a { display: flex; height: 100%; align-items: center; text-align: center; color: #FFF; font-weight: bold; font-size: 18px; border-left: 1px solid #a76364; padding: 0px 15px; text-shadow: 1px 0px 2px #000; } .float_buttons_section a:hover { color: #a7a7a7; } .float_buttons_section a:first-child { border-left: none; } .float_buttons_section a:last-child { border-right: none; cursor: pointer; } .float_buttons_section a.order_consult { cursor: pointer; } .float_buttons_section:after { content: ""; position: absolute; top: 0; left: 0; margin-left: -50%; width: 200%; height: 100%; background: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .8), rgba(255, 255, 255, .0)) no-repeat -2em 0%; background-size: 20em 100%; transform: skewX(-50deg); z-index: -1; transition: 0.7s; } .float_buttons_section:hover:after { transition: 0.3s linear; background-position: 100% 0%; z-index: -1; transition: 0.7s; } /*******/ .main_banner_repair_and_maintenance { max-width: 1647px; margin: 55px auto 43px; } .main_banner_repair_and_maintenance h2 { font: 800 26px 'Roboto', sans-serif; text-align: center; text-transform: uppercase; } .main_banner_repair_and_maintenance img { max-width: 100%; } .find_out_cost { display: block; max-width: 360px; margin: 0px auto 43px; } .find_out_cost img { max-width: 100%; } .b24-widget-button-position-bottom-right { right: 10px !important; bottom: 70px !important; } /*** Новогодняя акция ***/ .podarki2023 #content .wrapper { padding: 0px; } .podarki2023 #content .wrapper .actions_common .common { max-width: none; } .podarki2023 #content .wrapper .actions_common .common .text_wrap { padding-right: 0px; } .podarki2023 #content .wrapper .new_year_action { background: url(/img/new_year_action/new_year_action_background.jpg); } .podarki2023 #content .wrapper .new_year_action .top_row { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 37px; padding-left: 80px; padding-right: 20px; margin-bottom: 10px; } .podarki2023 #content .wrapper .new_year_action .top_row .year_and_text { max-width: 750px; display: flex; flex-direction: column; align-items: center; } .podarki2023 #content .wrapper .new_year_action .top_row .year_and_text img { margin-bottom: 40px; } .podarki2023 #content .wrapper .new_year_action .top_row .year_and_text span { color: #5a5757; font-family: 'Roboto', sans-serif; font-weight: 800; font-size: 36px; line-height: 1.222; text-align: center; } .podarki2023 #content .wrapper .new_year_action .top_row .new_year_car { margin-top: 30px; max-width: 458px; } .podarki2023 #content .wrapper .new_year_action .middle_row { display: flex; justify-content: space-between; padding: 0px 35px; margin-bottom: 20px; } .podarki2023 #content .wrapper .new_year_action .middle_row .form { width: 570px; } .podarki2023 #content .wrapper .new_year_action .middle_row .description_text_block { width: 1270px; color: #5a5757; font-family: 'Roboto', sans-serif; font-size: 23px; line-height: 1.174; background-color: rgb( 255, 255, 255 ); box-shadow: 25px 2px 20px 4px rgb(0 0 0 / 25%); padding: 10px; box-sizing: border-box; } .podarki2023 #content .wrapper .new_year_action .third_row { display: flex; justify-content: center; align-items: flex-end; margin-bottom: 100px; } .podarki2023 #content .wrapper .new_year_action .third_row img { margin-right: 50px; top: -3px } .podarki2023 #content .wrapper .new_year_action .third_row h2 { color: #5a5757; font-family: 'Roboto', sans-serif; font-weight: 800; font-size: 36px; } .podarki2023 #content .wrapper .new_year_action .bottom_row { display: flex; justify-content: space-between; align-items: center; padding: 0px 130px 150px; } .podarki2023 .title.bottomTitle h1, .podarki2023 .back, .podarki2023 .other_actions { display: none; } .cylinders_page { align-items: initial; } .cylinders_page .block_cylinders.vigodno { background: url(/img/cylinders_page/block_vigodno.png) no-repeat 0px 0px / 100%; } .cylinders_page .block_cylinders.akciya { background: url(/img/cylinders_page/block_akciya.png) no-repeat 0px 0px / 100%; } .cylinders_page .block_cylinders.hit { background: url(/img/cylinders_page/block_hit.png) no-repeat 0px 0px / 100%; } .cylinders_page .block_cylinders.top { background: url(/img/cylinders_page/block_top.png) no-repeat 0px 0px / 100%; } .cylinders_page .row_cylinders { display: flex; margin-bottom: 50px; } .cylinders_page .row_cylinders:last-child { margin-bottom: 0px; } .cylinders_page .block_cylinders { max-width: 500px; width: 100%; height: 342px; margin-right: 30px; } .cylinders_page .block_cylinders .top_line { display: flex; flex-direction: column; align-items: center; height: 183px; } .cylinders_page .block_cylinders .top_line span:first-child { font-size: 24px; font-family: 'Roboto', sans-serif; font-weight: bold; text-decoration: underline; text-align: center; color: #000; margin-top: 54px; } .cylinders_page .block_cylinders .top_line img { max-width: 200px; margin-top: 35px; } .cylinders_page .block_cylinders .bottom_line { display: flex; align-items: center; justify-content: space-between; padding: 0px 40px 0px 35px; height: 145px; } .cylinders_page .block_cylinders .bottom_line .left_text { font-size: 21px; font-family: 'Roboto', sans-serif; color: #000; line-height: 41px; } .cylinders_page .block_cylinders .bottom_line .checkbox_styled { display: flex; flex-direction: column; height: 110px; align-items: flex-start; justify-content: space-between; } .cylinders_page .block_cylinders .bottom_line .checkbox_styled img { height: 31px; } .cylinders_page .block_cylinders .bottom_line .komplekt_price { font-size: 21px; font-family: 'Roboto', sans-serif; font-weight: bold; color: #fff; background-color: #00a1da; padding: 10px 6px; border-radius: 7px; border: 2px solid #FFF; outline: 2px solid #00a1da; } .cylinders_page .content_cylinders { max-width: 1000px; margin-top: 3px; width: 100%; } .cylinders_page .content_cylinders .text_cylinder { font-size: 16px; font-family: 'Roboto', sans-serif; line-height: 21px; } .cylinders_page .content_cylinders .text_cylinder p:first-child { margin-bottom: 15px; } .cylinders_page .content_cylinders .imgs_cylinder { display: flex; margin-top: 20px; justify-content: space-between; background-color: #f6f9fc; padding: 10px; } .cylinders_page .content_cylinders .imgs_cylinder img { max-width: 163px; height: 100%; } .cylinders_page .learn_about_gifts_button { display: none; } .cylinders_page .block_cylinders.akciya .top_line img { max-width: 140px; } .cylinders_page .block_cylinders .bottom_line .komplekt_price ins { font-family: 'ALSRubl'; } .new_main_page .main_sections { display: flex; flex-wrap: wrap; justify-content: space-between; } .new_main_page .main_section { display: flex; flex-direction: column; align-items: center; background-color: #ebebeb; border-radius: 20px; margin-bottom: 50px; max-width: 500px; } .new_main_page .main_section:hover .img_main_section { opacity: 0.7; } .new_main_page .main_section .name_main_section { display: flex; align-items: center; justify-content: center; font: bold 30px 'Roboto', sans-serif; color: #665f5f; font-weight: bold; text-align: center; border: 3px solid #d71b22; width: 100%; border-radius: 20px 20px 0px 0px; padding: 10px 10px 5px; background-color: #FFF; filter: drop-shadow(0 0 1px #d71b22); } .new_main_page .main_section .img_main_section { display: flex; align-items: center; justify-content: center; height: 100%; padding: 15px; } .new_main_page .main_section .img_main_section img { max-width: 100%; } .new_main_page .why_max_gas { margin-top: 50px; } .new_main_page .why_max_gas h2 { font: bold 30px 'Roboto', sans-serif; margin-bottom: 20px; } .new_main_page .why_max_gas ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0; } .new_main_page .why_max_gas ul li { font-size: 18px; padding-left: 19px; position: relative; padding-right: 10px; line-height: 30px; max-width: 380px; margin-bottom: 20px; } .btn_static { background-color: #d41920; width: 280px; height: 35px; color: #FFF; text-align: center; line-height: 35px; font-size: 20px; background-position: top; background-repeat: no-repeat; text-decoration: none; display: block; margin: 0 auto; cursor: pointer; font-family: 'Roboto', sans-serif; border-radius: 7px; } @media screen and (max-width: 1230px) { .cylinders_page .block_cylinders { max-width: 430px; width: 100%; height: 294px; margin-right: 30px; } .cylinders_page .block_cylinders .top_line { display: flex; flex-direction: column; align-items: center; height: 157px; } .cylinders_page .block_cylinders .top_line span:first-child { font-size: 22px; font-family: 'Roboto', sans-serif; font-weight: bold; text-decoration: underline; text-align: center; color: #000; margin-top: 40px; } .cylinders_page .block_cylinders .top_line img { max-width: 180px; margin-top: 25px; } .cylinders_page .block_cylinders .bottom_line { display: flex; align-items: center; justify-content: space-between; padding: 0px 40px 0px 35px; height: 125px; } .cylinders_page .block_cylinders .bottom_line .left_text { font-size: 18px; font-family: 'Roboto', sans-serif; color: #000; line-height: 34px; } .cylinders_page .block_cylinders .bottom_line .checkbox_styled { display: flex; flex-direction: column; height: 95px; align-items: flex-start; justify-content: space-between; } .cylinders_page .block_cylinders .bottom_line .checkbox_styled img { height: 25px; } .cylinders_page .block_cylinders .bottom_line .komplekt_price { font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: bold; color: #fff; background-color: #00a1da; padding: 10px 6px; border-radius: 7px; border: 2px solid #FFF; outline: 2px solid #00a1da; } } @media screen and (max-width: 1150px) { .cylinders_page .block_cylinders .bottom_line { height: 115px; } } @media screen and (max-width: 1135px) { .cylinders_page .block_cylinders .top_line span:first-child { font-size: 17px; margin-top: 30px; } .cylinders_page .block_cylinders .bottom_line { height: 120px; } .cylinders_page .block_cylinders .bottom_line .left_text { font-size: 15px; } .cylinders_page .block_cylinders .bottom_line .checkbox_styled { height: 90px; } .cylinders_page .block_cylinders .bottom_line .checkbox_styled img { height: 21px; } .cylinders_page .block_cylinders .bottom_line .komplekt_price { font-size: 15px; } .cylinders_page .content_cylinders .text_cylinder { font-size: 15px; } .cylinders_page .content_cylinders .imgs_cylinder img { max-width: 140px; } } @media screen and (max-width: 1115px) { .cylinders_page .block_cylinders .bottom_line .left_text { line-height: 25px; } .cylinders_page .block_cylinders .bottom_line .checkbox_styled { height: 71px; } } @media screen and (max-width: 1050px) { .cylinders_page .block_cylinders .bottom_line { height: 105px; } } @media screen and (max-width: 1030px) { .cylinders_page .block_cylinders .bottom_line { height: 95px; } } @media screen and (max-width: 1024px) { .cylinders_page { display: flex; flex-direction: column; align-items: center; } .cylinders_page .row_cylinders { display: block; margin-bottom: 0px; } .cylinders_page .block_cylinders { max-width: 300px; width: 100%; height: 205px; } .cylinders_page .block_cylinders .top_line { display: flex; flex-direction: column; align-items: center; height: 110px; } .cylinders_page .block_cylinders .top_line span:first-child { font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: bold; text-decoration: underline; text-align: center; color: #000; margin-top: 23px; } .cylinders_page .block_cylinders .top_line span:nth-of-type(2) { margin-top: 6px; font-size: 13px; font-family: 'Roboto', sans-serif; color: #000; } .cylinders_page .block_cylinders .top_line img { max-width: 150px; margin-top: 15px; } .cylinders_page .block_cylinders.akciya .top_line img { max-width: 115px; } .cylinders_page .block_cylinders .bottom_line { display: flex; align-items: center; justify-content: space-between; padding: 0px 20px 0px 15px; height: 87px; } .cylinders_page .block_cylinders .bottom_line .left_text { font-size: 14px; font-family: 'Roboto', sans-serif; color: #000; line-height: 20px; } .cylinders_page .block_cylinders .bottom_line .checkbox_styled { display: flex; flex-direction: column; height: 55px; align-items: flex-start; } .cylinders_page .block_cylinders .bottom_line .checkbox_styled img { height: 18px; } .cylinders_page .block_cylinders .bottom_line .komplekt_price { font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: bold; color: #fff; background-color: #00a1da; padding: 10px 6px; border-radius: 7px; } .cylinders_page .content_cylinders { display: none; } .cylinders_page .learn_about_gifts_button { display: block; height: 40px; width: 200px; background: linear-gradient(180deg, rgba(255, 180, 0, 1) 35%, rgba(255, 224, 0, 1) 100%); margin: 20px 0px; font-size: 17px; font-family: 'Roboto', sans-serif; font-weight: bold; color: #5d5d5d; text-align: center; line-height: 40px; border-radius: 7px; } } .btn_red { background-color: #d41920; width: 280px; height: 35px; color: #FFF; text-align: center; line-height: 35px; font-size: 20px; background-position: top; background-repeat: no-repeat; display: inline-block; text-decoration: none; position: absolute; left: 0; right: 0; top: -55px; margin: 0 auto; cursor: pointer; font-family: 'Roboto', sans-serif; border-radius: 7px; } .bottom_link_privacy_policy { display: inline-block; margin-top: 15px; border-bottom: 1px solid; } .bottom_link_privacy_policy:hover { color: #0383e6; } @media screen and (max-width: 1830px) { #header .main_menu { margin: 40px 30px 0 0; } } @media screen and (max-width: 1800px) { #header .callback_block { margin-right: 3%; } } @media screen and (max-width: 1770px) { #header .logo { margin-right: 0%; } .podarki2023 #content .wrapper .new_year_action .top_row { margin-bottom: 40px; } .podarki2023 #content .wrapper .new_year_action .top_row .year_and_text span { font-size: 32px; } .podarki2023 #content .wrapper .new_year_action .third_row h2 { font-size: 32px; } } @media screen and (max-width: 1685px) { #header .main_menu { margin: 40px 0px 0 0; } .podarki2023 #content .wrapper .new_year_action .top_row .year_and_text span br { display: none; } } @media screen and (max-width: 1640px) { .social_network_block .messengers { margin-right: 0px !important; } } @media screen and (max-width: 1600px) { #header .main_menu { margin: 40px 30px 0 0; } } @media screen and (max-width: 1500px) { .podarki2023 #content .wrapper .new_year_action .top_row { padding-left: 30px; padding-right: 0px; } #header > noindex .social_network_block { margin-right: 0px !important; } #header > noindex .social_network_block .messengers { margin-right: 0px !important; } } @media screen and (max-width: 1470px) { #header .main_menu { width: 370px; } } @media screen and (max-width: 1430px) { #header .logo { margin-right: 2%; } #header .callback_block { margin-right: 2%; } } @media screen and (max-width: 1365px) { .podarki2023 #content .wrapper .new_year_action .top_row .max_gas_podarok { max-width: 400px; } .podarki2023 #content .wrapper .new_year_action .top_row .new_year_car { max-width: 400px; } .podarki2023 #content .wrapper .new_year_action .top_row .year_and_text span { font-size: 25px; } .podarki2023 #content .wrapper .new_year_action .third_row h2 { font-size: 25px; } .podarki2023 #content .wrapper .new_year_action .bottom_row { padding: 0px 30px 70px; } } @media screen and (max-width: 1330px) { #header .main_menu { width: 340px; } } @media screen and (max-width: 1285px) { #header .logo { margin-right: 1%; } #header .main_menu { width: 280px; margin: 0px 0px 0 0 !important; } #header .main_menu ul li { padding: 0px 10px 0px 10px; } #header .callback_block { margin-right: 1%; } } @media screen and (max-width: 1200px) { .podarki2023 #content .wrapper .new_year_action .top_row .max_gas_podarok { max-width: 300px; } .podarki2023 #content .wrapper .new_year_action .top_row .new_year_car { max-width: 300px; } .podarki2023 #content .wrapper .new_year_action .middle_row .description_text_block { font-size: 17px; width: 600px } .podarki2023 #content .wrapper .new_year_action .third_row img { margin-right: 10px; } #actions .actions_common .common img { max-width: 270px; } } @media screen and (max-width: 1150px) { #header .main_menu { width: 240px; } } @media screen and (max-width: 1115px) { #header > noindex .social_network_block { flex-wrap: wrap; margin: 7px 10px 0px 0px !important; width: 225px; } #header > noindex .social_network_block .messengers { margin-bottom: 7px; } #header > noindex .social_network_block .ms_booking span, #header > noindex .social_network_block .icon_callback span { display: none; } } @media screen and (max-width: 1024px) { #header > noindex .social_network_block { margin: 30px 30px 0px 10px !important; width: auto !important; } #header .callback_block { float: inherit !important; margin-top: 10px !important; } } @media screen and (max-width: 900px) { .podarki2023 #content .wrapper .new_year_action .top_row .max_gas_podarok { max-width: 250px; } .podarki2023 #content .wrapper .new_year_action .top_row .new_year_car { max-width: 250px; } .podarki2023 #content .wrapper .new_year_action .middle_row .description_text_block { font-size: 15px; } .podarki2023 #content .wrapper .new_year_action .top_row .year_and_text span { font-size: 22px; } .podarki2023 #content .wrapper .new_year_action .third_row h2 { font-size: 22px; } #actions .actions_common .common img { max-width: 230px; } } @media screen and (max-width: 900px) { #header > noindex .social_network_block { margin: 3px 10px 0px 0px !important; width: 225px !important; } #header > noindex .social_network_block .messengers a img { width: 43px !important; } } @media screen and (max-width: 768px) { .new_main_page .main_sections { justify-content: center; } .new_main_page .why_max_gas h2 { text-align: center; } .new_main_page .why_max_gas ul { justify-content: center; } .new_main_page .main_section .name_main_section { font: bold 24px 'Roboto', sans-serif; } .podarki2023 #content .wrapper .new_year_action .top_row { flex-direction: column; align-items: center; padding-left: 15px; padding-right: 15px; } .podarki2023 #content .wrapper .new_year_action .top_row .max_gas_podarok { order: 2; margin-bottom: 0px; } .podarki2023 #content .wrapper .new_year_action .top_row .year_and_text { order: 1; margin-bottom: 30px; } .podarki2023 #content .wrapper .new_year_action .top_row .new_year_car { display: none; } .podarki2023 #content .wrapper .new_year_action .middle_row { flex-direction: column; align-items: center; margin-bottom: 30px } .podarki2023 #content .wrapper .new_year_action .middle_row .form { width: 100%; margin-bottom: 30px; } .podarki2023 #content .wrapper .new_year_action .middle_row .description_text_block { width: 100%; } .podarki2023 #content .wrapper .new_year_action .third_row { display: none; } .podarki2023 #content .wrapper .new_year_action .bottom_row { flex-direction: column; padding: 0px 30px 30px; } #actions .actions_common .common img { margin-bottom: 30px; } } @media screen and (max-width: 1380px) { /* #header .contacts .contacts_address { display: inline-block; } #header .contacts .contacts_address .num { display: none; } */ } #prices .price_inner .equipment_desc .ed_leftside .cheaper{ font: 800 18px 'Roboto', sans-serif; color: #fd0100; text-decoration: none; position: absolute; left: 0; right: 0; bottom: 30px; margin: auto; padding: 7px 4px 10px; width: 310px; text-align: center; z-index: 31; background-color: #fff; } #prices .price_inner .equipment_desc .ed_leftside .cheaper span{cursor: pointer; border-bottom: 1px solid;} #prices .price_inner .equipment_desc .ed_leftside .cena_cylinder{ font: 800 18px 'Roboto', sans-serif; color: #fff; text-decoration: none; position: absolute; left: 0; right: 0; bottom: 118px; margin: auto; padding: 7px 4px 10px; width: 310px; text-align: center; z-index: 31; background-color: #fd0100; } #prices .price_inner .equipment_desc .ed_leftside .cena_cylinder span{border-bottom: 1px solid;} @media screen and (max-width: 1024px) { #prices .price_inner .equipment_desc .ed_leftside .price{top: 1px;} #prices .price_inner .equipment_desc .ed_leftside .cena_cylinder{bottom: 110px; width: 289px;} #prices .price_inner .equipment_desc .ed_leftside .cheaper{left: 0px; right: 0px; margin: auto; width: 289px; z-index: 31;} .mainheaderstock{ margin-top: 31px; text-transform: none; } /* #header .contacts .contacts_address { display: none; } */ } @media screen and (max-width: 370px){ #contacts .feedback_form .ff_rightside .form_wrap form .feed .jselector .dropdown ul li{ height: 46px; line-height: 17px; padding: 3px 30px 0px 40px; } } .bstd{display: none !important;} #cityOpenWindow .modal-content { width: 300px; margin: auto; top: 100px; border-radius: 0; padding: 30px; text-align: center; } #cityOpenWindow h3 { margin-bottom: 20px; color: #142532; font: 800 28px 'Roboto', sans-serif; } .city-modal_item { background-color: #d9e2e9; font: 16px/33px 'MyriadProRegular'; color: #516a6f; display: block; width: 100%; margin: 10px; } @media screen and (max-width: 768px){ .calculation_frame{height: 1870px; width: 100%;} .reviews_main_block { margin-top: 50px; } .new_main_page .reviews_main_block { margin-top: 30px; } .reviews_main_block .reviews_slider .review_slide iframe { pointer-events: none; } .reviews_main_block .reviews_slider .review_slide .top_block_review_slide .add_review { display: block !important; text-decoration: underline; color: #0096ff; } .main_banner_repair_and_maintenance h2 { text-transform: none; } .find_out_cost { max-width: 280px; } } .includes { display: flex; font: 18px 'MyriadProRegular'; flex-wrap: wrap; justify-content: space-between; } .main_page .wrapper .includes .video_g { max-width: 100%; } .inc { margin-top: 35px; } .inc h2 { margin-bottom: 25px; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 22px; } .inc ul li { padding-left: 19px; color: #010101; position: relative; padding-right: 10px; line-height: 30px; } .inc ul li:after { content: ''; width: 4px; height: 4px; background: #0b63bc; position: absolute; top: 15px; left: 0; bottom: 0; } div[data-bx-form-popup-cont] { overflow-y: initial !important; height: auto !important; } .feedback_form .block_rows_connect { display: flex; flex-wrap: wrap; } .feedback_form .block_rows_connect .row_connect { display: flex; align-items: center; margin-right: 30px; margin-bottom: 15px; } .feedback_form .block_rows_connect .row_connect img { margin-right: 10px; } .feedback_form .block_rows_connect .row_connect a { color: #0383e6; font-size: 18px; cursor: pointer; } .feedback_form .block_rows_connect .row_connect a:hover { color: #ff0000; } .feedback_form .phones_for_mobile_contacts { flex-direction: column; } .feedback_form .phones_for_mobile_contacts a { display: flex; align-items: center; margin-bottom: 15px; color: #0383e6; font-size: 17px; cursor: pointer; } .feedback_form .phones_for_mobile_contacts a img { margin-right: 10px; } #header > noindex .social_network_block { display: inline-flex; align-items: center; margin: 20px 30px 0px 0px; } #header > noindex .social_network_block .messengers { margin-right: 30px; } #header > noindex .social_network_block .messengers a img { margin-right: 15px; width: 55px; } #header > noindex .social_network_block .ms_booking { margin-right: 10px; } #header > noindex .social_network_block .ms_booking img, #header > noindex .social_network_block .icon_callback img { margin-bottom: 3px; } #header > noindex .social_network_block .ms_booking span, #header > noindex .social_network_block .icon_callback span { text-align: center; line-height: 1; color: #142532; font-family: "Roboto", sans-serif; font-weight: 500; } #header > noindex .social_network_block .messengers img { width: 40px; } #header > noindex .social_network_block .ms_booking, #header > noindex .social_network_block .icon_callback { display: flex; flex-direction: column; align-items: center; width: 59px; } #footer .social_network_block { display: flex !important; align-items: center; justify-content: flex-start; padding-bottom: 20px; } #footer .social_network_block a img { margin-right: 15px; width: 40px; } @media screen and (max-width: 768px) { body > div[style*="display: flex;"] { overflow: auto !important; height: 100% !important; z-index: 1111111 !important; } body > div[style*="display: flex;"] > div:first-child { padding-bottom: 50px; height: 100% !important; } body > div[style*="display: flex;"] > div:first-child > div:first-child { top: 0px !important; } div[data-bx-form-popup-cont] { overflow-y: scroll !important; /****max-height: 300px !important;***/ height: 100% !important; } .contacts_wrap .mCustomScrollbar { touch-action: auto; } .feedback_form .phones_for_mobile_contacts { display: flex !important; } .social_network_block { display: flex; justify-content: space-evenly; } .social_network_block a img { width: 40px; } #header > noindex .social_network_block { display: none; } #footer .social_network_block { justify-content: center; padding-bottom: 80px; } .private_testing_laboratory { margin: -30px 0px 20px; padding-top: 16px; overflow: hidden; } .private_testing_laboratory img { transform: scale(1.3); } .float_buttons_section { position: absolute; border-radius: 0px; width: 100%; bottom: 0; right: 0; justify-content: space-between; } .float_buttons_section a { width: 30%; justify-content: center; } .float_buttons_section a:last-child { width: 10%; } .float_buttons_section:after { display: none; } .viber_section { bottom: 60px } .telegram_section { bottom: 111px; } .viber_section img, .telegram_section img { width: 40px; } } @media screen and (max-width: 450px) { .float_buttons_section a { font-size: 14px; padding: 0px 5px; } } @media screen and (max-width: 333px) { .float_buttons_section a { font-size: 13px; width: 33%; } } @media screen and (max-width: 320px) { .main_block .calculator .leftside .calc_filters .radioblock .kolvo_cilindrov .vybor_cilindrov span, .main_block .calculator .leftside .calc_filters .radioblock .vid_topliva .vybor_topliva span { width: 70px; height: 70px; background-size: contain !important; } #toppage .main_block .calculator .rightside .counter_block .economy { font-size: 24px; width: 260px; } } @media screen and (max-width: 300px) { .float_buttons_section a:last-child { display: none; } } /* End */ /* Start:/bitrix/templates/maxgas/css/modal.css?15403890113652*/ .close { position: absolute; right: 20px; top: 20px; font-size: 10px; line-height: 1; color: #fff; opacity: 0.3; outline: none; cursor: pointer; z-index: 3; transition: 0.3s ease-out; } .close:hover, .close:focus { opacity: 1; text-decoration: none; cursor: pointer; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; border-radius: 5px; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog, .modal.show .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 100px 30px 30px; } @media (max-width: 767px) { .modal-dialog { margin: 70px 15px 30px; } } .thanks-message { max-width: 250px; margin: 0 auto; } .modal-content { position: relative; -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; background: #fff; border-radius: 25px; } .modal-form { max-width: 244px; margin-left: auto; margin-right: auto; } .modal-form .btn { min-width: 204px; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background: rgba(42, 61, 75, 0.8); } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in, .modal-backdrop.show { filter: alpha(opacity=50); opacity: 0.5; } .modal-header { padding: 10px; font-size: 2rem; text-align: center; } .modal-header:after { content: ''; display: block; clear: both; } .modal-header p { margin: 10px 0 0; } .modal-header .close { position: absolute; right: 20px; top: 20px; } .modal-body { position: relative; padding: 55px 30px; } @media (max-width: 767px) { .modal-body { padding: 30px 20px; } } .modal-body__title { font-size: 20px; font-weight: 700; letter-spacing: 2px; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 700px; margin: 130px auto; } .modal-dialog.modal-sm { width: 444px; } } @media (min-width: 992px) { .modal-dialog { width: 960px; } .modal-dialog.modal-md { width: 560px; } } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .close-modal { position: absolute; right: 20px; top: 20px; z-index: 3; cursor: pointer; font-size: 21px; opacity: 0.2; transition: 0.2s ease-in-out; } .close-modal:hover { opacity: 1; } .close-cityOpenWindow { margin: 10px 0; padding: 5px 10px; background: #ff7676; color: #fff; border: 0; } /* End */ /* Start:/bitrix/templates/maxgas/js/arcticmodal2/jquery.arcticmodal-0.2.css?1467973169758*/ .arcticmodal-overlay, .arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; } .arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; } *:first-child+html .arcticmodal-container { height: 100% } .arcticmodal-container_i { height: 100%; margin: 0 auto; } .arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: top; } .arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; } .arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(/bitrix/templates/maxgas/js/arcticmodal2/loading.gif) no-repeat 50% 50%; } .arcticmodal-container div.okno, .arcticmodal-container_i2 > .loyalityWrapper { display: block !important; } /* End */ /* Start:/bitrix/templates/maxgas/template_styles.css?1589538662190*/ #vk_community_messages{ position:fixed;right:58px !important;bottom:140px !important; } @media screen and (max-width: 770px) { #vk_community_messages{ display: none; } } /* End */ /* /bitrix/templates/maxgas/css/reset.css?14867098021794 */ /* /bitrix/templates/maxgas/css/jquery.mCustomScrollbar.min.css?148670980243145 */ /* /bitrix/templates/maxgas/js/fancybox/jquery.fancybox.css?14722012784907 */ /* /bitrix/templates/maxgas/css/main.css?1750940312295008 */ /* /bitrix/templates/maxgas/css/jquery-ui.css?148670980234459 */ /* /bitrix/templates/maxgas/css/custom.css?175085048536089 */ /* /bitrix/templates/maxgas/css/modal.css?15403890113652 */ /* /bitrix/templates/maxgas/js/arcticmodal2/jquery.arcticmodal-0.2.css?1467973169758 */ /* /bitrix/templates/maxgas/template_styles.css?1589538662190 */