/* Start:/local/templates/eco-group/css/jquery-ui.min.css?171879526030778*/ /*! jQuery UI - v1.13.2 - 2022-07-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.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 */ .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-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.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-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.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}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.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}.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}.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-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{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-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.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-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%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;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-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-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}.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-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;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}body .ui-tooltip{border-width:2px}.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.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{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,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{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,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;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,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.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-checked{border:1px solid #dad55e;background:#fffa90}.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;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/eco-group/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/eco-group/css/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/local/templates/eco-group/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/eco-group/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/eco-group/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/eco-group/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/eco-group/css/images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-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:-65px -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:-65px -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:1px -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{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}.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}.ui-widget-overlay{background:#aaa;opacity:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/local/templates/eco-group/css/jquery.fancybox.css?177435596313130*/ body.compensate-for-scrollbar{overflow:hidden} .fancybox-active{height:auto} .fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden} .fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992} .fancybox-container *{box-sizing:border-box} .fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0} .fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto} .fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)} .fancybox-is-open .fancybox-bg{opacity:.95;transition-timing-function:cubic-bezier(.22,.61,.36,1)} .fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997} .fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible} .fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .fancybox-toolbar{right:0;top:0} .fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994} .fancybox-is-open .fancybox-stage{overflow:hidden} .fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994} .fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0} .fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block} .fancybox-slide--image{overflow:hidden;padding:44px 0} .fancybox-slide--image::before{display:none} .fancybox-slide--html{padding:6px} .fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle} .fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-ms-transform-origin:top left;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995} .fancybox-can-zoomOut .fancybox-content{cursor:zoom-out} .fancybox-can-zoomIn .fancybox-content{cursor:zoom-in} .fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing} .fancybox-container [data-selectable='true']{cursor:text} .fancybox-image,.fancybox-spaceball{background:white;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%} .fancybox-spaceball{z-index:1} .fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content{height:100%;overflow:visible;padding:0;width:100%} .fancybox-slide--video .fancybox-content{background:#000} .fancybox-slide--map .fancybox-content{background:#e5e3df} .fancybox-slide--iframe .fancybox-content{background:#fff} .fancybox-video,.fancybox-iframe{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%} .fancybox-iframe{left:0;position:absolute;top:0} .fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%} .fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0} .fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px} .fancybox-button,.fancybox-button:visited,.fancybox-button:link{color:#ccc} .fancybox-button:hover{color:#fff} .fancybox-button:focus{outline:0} .fancybox-button.fancybox-focus{outline:1px dotted} .fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0} .fancybox-button div{height:100%} .fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%} .fancybox-button svg path{fill:currentColor;stroke-width:0} .fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2){display:none} .fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1){display:none} .fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0 0;transform-origin:0 0;transition-property:transform;transition-timing-function:linear;z-index:99998} .fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401} .fancybox-close-small:hover{color:#fff;opacity:1} .fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0} .fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden} .fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none} .fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px} .fancybox-navigation .fancybox-button div{padding:7px} .fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px} .fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)} .fancybox-caption{background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px 44px;pointer-events:none;right:0;text-align:center;z-index:99996} @supports(padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))} }.fancybox-caption--separate{margin-top:-50px} .fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all} .fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none} .fancybox-caption a:hover{color:#fff;text-decoration:underline} .fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999} @keyframes fancybox-rotate{100%{transform:rotate(360deg)} }.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)} .fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)} .fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)} .fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0,0,0)} .fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)} .fancybox-fx-fade.fancybox-slide--current{opacity:1} .fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)} .fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)} .fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1)} .fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)} .fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)} .fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0deg);transform:rotate(0deg)} .fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)} .fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)} .fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1) translate3d(0,0,0)} .fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)} .fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)} .fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)} @media all and (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px} .fancybox-slide--image{padding:6px 0} .fancybox-close-small{right:-6px} .fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px} .fancybox-caption{padding-left:12px;padding-right:12px} @supports(padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))} }}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center} .fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0} .fancybox-share p{margin:0;padding:0} .fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap} .fancybox-share__button:visited,.fancybox-share__button:link{color:#fff} .fancybox-share__button:hover{text-decoration:none} .fancybox-share__button--fb{background:#3b5998} .fancybox-share__button--fb:hover{background:#344e86} .fancybox-share__button--pt{background:#bd081d} .fancybox-share__button--pt:hover{background:#aa0719} .fancybox-share__button--tw{background:#1da1f2} .fancybox-share__button--tw:hover{background:#0d95e8} .fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px} .fancybox-share__button svg path{fill:#fff} .fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:0;padding:10px 15px;width:100%} .fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995} .fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden} .fancybox-show-thumbs .fancybox-thumbs{display:block} .fancybox-show-thumbs .fancybox-inner{right:212px} .fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%} .fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px} .fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px} .fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991} .fancybox-thumbs__list a:focus::before{opacity:.5} .fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1} @media all and (max-width:576px){.fancybox-thumbs{width:110px} .fancybox-show-thumbs .fancybox-inner{right:110px} .fancybox-thumbs__list a{max-width:calc(100% - 10px)} } /* End */ /* Start:/local/templates/eco-group/css/slick-theme.css?17284822162420*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer;cursor:pointer} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;padding-bottom:0} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;min-height:1px} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .slick-dotted.slick-slider{padding-bottom:0} .slick-dots{position: relative;left:auto;bottom:auto;z-index:80;display:block;width:100%;padding:0;margin:0;list-style:none;text-align: center} .slick-dots li{position:relative;display:inline-block;width:10px;height:10px;margin:0 0 0 20px;padding:0;cursor:pointer;background:none} .slick-dots li:first-child{margin-left:0} .slick-dots li button{background: none; border:1px solid #fff;font-size:0;line-height:0;display:block;width:10px;height:10px;padding:0;cursor:pointer;color:transparent;outline:0;border-radius:30px;} .slick-dots li.slick-active button{background:#fff} .slick-dots li button:hover{background:#fff} .slick-prev{position:absolute;left:-10px;top:50%;z-index:80;margin-top:-20px;z-index:70 !important;border:0;background:#fff;width:0;height:40px;padding:0 0 0 40px;overflow:hidden;display:block;outline:0;cursor:pointer} .slick-next{position:absolute;right:-10px;top:50%;z-index:80;margin-top:-20px;z-index:70 !important;border:0;background:#fff;width:0;height:40px;padding:0 0 0 40px;overflow:hidden;display:block;outline:0;cursor:pointer} /* End */ /* Start:/local/templates/eco-group/components/eco/policy/.default/style.css?1653894841475*/ .eco-policy-block{border:1px solid #cbcbcb;position:fixed;bottom:0;right:10px;left:10px;margin:5px 0;padding:8px 15px;background:#fff;color:#000;border-radius:3px;font-size:13px;text-align:center;z-index:100} .eco-policy-block .policy-close{float:right;text-decoration:none;top:-20px;position:relative;z-index:101;background:#fff;border-radius:15px;padding:7px 6px;line-height:10px;border:1px solid #b9b9b9;right:-25px} .eco-policy-block .policy-close:before{content:'\2716'} /* End */ /* Start:/local/templates/eco-group/template_styles.css?1779127649130607*/ /*normalize style*/ /*! normalize.css v1.1.0 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1 } audio:not([controls]) { display: none; height: 0 } [hidden] { display: none } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } html, button, input, select, textarea { font-family: sans-serif } body { margin: 0 } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } h1 { font-size: 2em; margin: .67em 0 } h2 { font-size: 1.5em; margin: .83em 0 } h3 { font-size: 1.17em; margin: 1em 0 } h4 { font-size: 1em; margin: 1.33em 0 } h5 { font-size: .83em; margin: 1.67em 0 } h6 { font-size: .67em; margin: 2.33em 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } blockquote { margin: 1em 40px } dfn { font-style: italic } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } mark { background: #ff0; color: #000 } p, pre { margin: 1em 0 } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word } q { quotes: none } q:before, q:after { content: ''; content: none } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } dl, menu, ol, ul { margin: 1em 0 } dd { margin: 0 0 0 40px } menu, ol, ul { padding: 0 0 0 40px } nav ul, nav ol { list-style: none; list-style-image: none } img { border: 0; -ms-interpolation-mode: bicubic } svg:not(:root) { overflow: hidden } figure { margin: 0 } form { margin: 0 } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle } button, input { line-height: normal } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible } button[disabled], html input[disabled] { cursor: default } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } /*styles*/ * { box-sizing: border-box } a, img { outline: none !important } img { border-style: none; border-width: 0 } html, body { width: 100%; height: 100% } html { background: #fff } body * { outline: none !important } body { font-size: 16px; color: #000; font-family: 'Roboto', sans-serif; font-weight: 400; margin: 0; padding: 0; display: flex; flex-direction: column; } a { color: #6EC500; text-decoration: underline } a:hover { text-decoration: none } h1 { font-size: 36px; font-weight: 400; line-height: normal; margin: 0 0 26px 0; padding: 0; color: #333 } h2 { font-size: 24px; font-weight: 400; line-height: 24px; margin: 0 0 34px 0; padding: 0; color: #333 } h3 { font-size: 24px; font-weight: 400; line-height: 24px; margin: 0 0 34px 0; padding: 0; color: #333 } h4 { font-size: 20px; font-weight: 400; line-height: 24px; margin: 0 0 20px 0; padding: 0; color: #333 } p { margin-bottom: 18px; margin-top: 18px; line-height: 24px } ol { padding: 0 0 0 25px; margin: 20px 0 45px 0 } ol li { line-height: 24px; margin: 0 0 6px 0; padding: 0; background: 0 0 } ul { margin: 20px 0 45px 0; padding: 0; list-style-type: none } ul li { margin: 0 0 6px; padding: 0 0 0 21px; line-height: 24px; background: url(/local/templates/eco-group/images/marker-list.svg) 0 9px no-repeat } table { width: 100%; border-collapse: collapse } table th { color: #999; border-bottom: 1px solid #eaeaea; padding: 0 5px 7px 5px; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal } table td { font-size: 16px; text-align: center; border-bottom: 1px solid #eaeaea; font-style: normal; font-weight: 400; line-height: 24px; padding: 19px 5px 19px 5px } body:first-of-type input[type=text], body:first-of-type input[type=password] { line-height: normal } .rsp { height: 140px } .wr-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 101; background: #fff } .wr-header.fixed { background: #333 } .main { overflow: hidden; min-width: 300px; flex: 1 0 auto } .top-header { max-width: 1300px; padding: 6px 30px 0 30px; margin: 0 auto; display: flex; align-items: center } .menu-top { margin-right: 20px } .menu-top ul { list-style-type: none; margin: -10px 0 0 -17px; padding: 0; display: flex; flex-wrap: wrap } .menu-top ul li { margin: 10px 0 0 17px; padding: 0; line-height: normal; background: none; font-size: 16px; ; font-weight: 400; background: none } .menu-top ul li a { color: #333; text-decoration: none } .menu-top ul li a:hover { color: #6EC500 } .right-head { margin-left: auto; display: flex; align-items: center } .logo { position: relative; min-width: 158px; height: 59px } .logo img { transition: .2s; position: absolute; left: 0; top: 0; max-height: 100%; width: auto; } .logo img.logo2 { opacity: 0 } .choice-town { display: flex; align-items: center } .choice-town label { color: #999; margin-right: 10px; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal } .choice-town .selectbox { position: relative; display: block !important; vertical-align: middle; cursor: pointer } .choice-town .selectbox .select { float: none !important; width: 100%; min-width: 1px; height: auto; line-height: normal; padding: 0 12px 0 0; color: #333; background: 0; font-weight: 400; font-size: 16px; line-height: normal } .choice-town select { opacity: 0; width: 50px } .choice-town .selectbox .select .text { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-bottom: 1px dashed #333 } .choice-town .selectbox .trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100% } .choice-town .selectbox .trigger .arrow { position: absolute; top: 8px; right: 0; margin: 0; width: 7px; height: 5px; overflow: hidden; background: url(/local/templates/eco-group/images/arrow-sel.svg) no-repeat } .choice-town .selectbox .dropdown { top: 100%; left: -15px; min-width: 145px; margin: 12px 0 0 0; padding: 8px 0; background: #fff; border-radius: 5px; border: 1px solid #d7d7d7; z-index: 99; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) } .choice-town .selectbox .dropdown ul { list-style-type: none; margin: 0; padding: 0 } .choice-town .selectbox li { margin: 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; background: 0; padding: 7px 14px 8px; background: 0; white-space: nowrap; color: #000 } .choice-town .selectbox li.sel, .choice-town .selectbox li:hover { background: #d7d7d7 } .phone-top { margin: 0 0 0 32px; color: #333; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; white-space: nowrap } .phone-top a { color: #333; text-decoration: none } .input-head { color: #333; margin: 0 0 0 30px; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal } .input-head a { color: #333; text-decoration: none } .input-head a:hover { text-decoration: underline } header { max-width: 1300px; padding: 26px 30px 23px 30px; margin: 0 auto; display: flex; align-items: center } .buts-catalog { position: relative; margin: 0 0 0 32px } .buts-catalog>a { position: relative; display: inline-flex; padding: 0 27px 0 61px; text-decoration: none; color: #fff; min-height: 50px; align-items: center; justify-content: center; border-radius: 50px; background: #333 } .buts-catalog>a:hover { background: #6ec500 } .buts-catalog>a>span { position: relative; width: 18px; height: 2px; background: #fff; position: absolute; top: 50%; left: 30px; margin: -1px 0 0 0 } .buts-catalog>a>span:before { position: absolute; top: -7px; left: 0; content: ''; width: 18px; height: 2px; background: #fff } .buts-catalog>a>span:after { position: absolute; bottom: -7px; left: 0; content: ''; width: 18px; height: 2px; background: #fff } .buts-catalog:hover .panel-catalog { display: block } .search-head { position: relative; margin: 0 20px 0 17px; width: 100%; max-width: 655px } .field-search-s { position: relative; width: 100% } .field-search-s input { border-radius: 50px; width: 100%; background: #f0f0f0; border: none; outline: 0; height: 50px; border-radius: 50px; font-weight: 400; display: block; padding: 0 50px 0 24px; font-family: Roboto, sans-serif } .field-search-s input::placeholder { color: #999 } .but-search-s { position: absolute; top: 50%; right: 17px; margin: -10px 0 0 0 } .but-search-s button { width: 21px; height: 21px; border: none; outline: 0; cursor: pointer; background: url(/local/templates/eco-group/images/but-search.svg) no-repeat } .basket-head { color: #fff; font-family: Arial; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal } .right-bot-head { margin-left: auto; display: flex; align-items: center } .basket-head a { position: relative; display: block; background: url(/local/templates/eco-group/images/ico-bask.svg) no-repeat; width: 32px; height: 26px; text-decoration: none; color: #fff } .basket-head span { position: absolute; top: -7px; left: 3px; display: flex; background: #6ec500; border-radius: 50%; align-items: center; justify-content: center; text-align: center; width: 21px; height: 21px } .wr-header.fixed .buts-catalog>a { background: #fff; color: #333 } .wr-header.fixed .buts-catalog>a:hover { color: #fff; background: #6ec500 } .wr-header.fixed .buts-catalog>a:hover span, .wr-header.fixed .buts-catalog>a:hover span:after, .wr-header.fixed .buts-catalog>a:hover span:before { background: #fff } .wr-header.fixed .buts-catalog>a span, .wr-header.fixed .buts-catalog>a span:after, .wr-header.fixed .buts-catalog>a span:before { background: #333 } .wr-header.fixed .field-search-s input { background: rgba(255, 255, 255, .2); color: #fff } .wr-header.fixed .field-search-s input::placeholder { color: #fff } .wr-header.fixed .menu-top ul li a { color: #999; text-decoration: none } .wr-header.fixed .menu-top ul li a:hover { color: #fff } .wr-header.fixed .choice-town .selectbox .select { color: #fff } .wr-header.fixed .choice-town .selectbox .select .text { border-color: #fff } .wr-header.fixed .phone-top a { color: #fff } .wr-header.fixed .input-head { color: #fff } .wr-header.fixed .input-head a { color: #fff } .wr-header.fixed .but-search-s button { background: url(/local/templates/eco-group/images/but-search2.svg) no-repeat } .wr-header.fixed .basket-head a { background: url(/local/templates/eco-group/images/ico-bask2.svg) no-repeat } .wr-header.fixed .logo img.logo2 { opacity: 1 } .wr-header.fixed .logo img.logo1 { opacity: 0 } .buts-catalog:hover>a { border-radius: 25px 25px 0 0; background: #333 } .panel-catalog { position: absolute; top: 100%; left: 0; min-width: 279px; border-radius: 0 0 0 5px; background: #333; padding: 21px 0 30px 0; display: none } .panel-catalog>ul { list-style-type: none; margin: 0; padding: 0 } .panel-catalog>ul>li { margin: 0; padding: 0; line-height: normal; background: 0 0 } .panel-catalog>ul>li>a, .panel-catalog>ul>li>span { display: block; padding: 7px 30px 8px 30px; text-decoration: none; color: #fff; transition: 0.3s } .panel-catalog>ul>li>span { background: #5C5C5C } .panel-second { position: absolute; left: 100%; top: 0; min-width: 300px; border-radius: 0 5px 5px 5px; padding: 21px 0 30px 0; background: #5C5C5C } .bl-apnel { margin: 0 0 35px 0 } .bl-apnel:last-child { margin-bottom: 0 } .bl-apnel>ul { list-style-type: none; margin: 0; padding: 0 } .bl-apnel>ul li { margin: 0; padding: 0; background: 0 0; line-height: normal } .bl-apnel>ul li a, .bl-apnel>ul li span { color: #fff; text-decoration: none; display: block; padding: 7px 30px 8px 30px } .bl-apnel>ul li a:hover, .bl-apnel>ul li span { background: #6EC500; color: #333 } .bl-apnel>ul li i { font-style: normal; color: #999 } .bl-apnel p { margin: 0 0 10px 0; padding: 0 30px 0 30px; line-height: normal; color: #999; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal } .bl-apnel>ul li a:hover i, .bl-apnel>ul li span i { color: #000 } /*black header*/ .wr-header.black { background: #333 } .wr-header.black .buts-catalog>a { background: #fff; color: #333 } .wr-header.black .buts-catalog>a:hover { color: #fff; background: #6ec500 } .wr-header.black .buts-catalog>a:hover span, .wr-header.black .buts-catalog>a:hover span:after, .wr-header.black .buts-catalog>a:hover span:before { background: #fff } .wr-header.black .buts-catalog>a span, .wr-header.black .buts-catalog>a span:after, .wr-header.black .buts-catalog>a span:before { background: #333 } .wr-header.black .field-search-s input { background: rgba(255, 255, 255, .2); color: #fff } .wr-header.black .field-search-s input::placeholder { color: #fff } .wr-header.black .menu-top ul li a { color: #999; text-decoration: none } .wr-header.black .menu-top ul li a:hover { color: #fff } .wr-header.black .choice-town .selectbox .select { color: #fff } .wr-header.black .choice-town .selectbox .select .text { border-color: #fff } .wr-header.black .phone-top a { color: #fff } .wr-header.black .input-head { color: #fff } .wr-header.black .input-head a { color: #fff } .wr-header.black .but-search-s button { background: url(/local/templates/eco-group/images/but-search2.svg) no-repeat } .wr-header.black .basket-head a { background: url(/local/templates/eco-group/images/ico-bask2.svg) no-repeat } .wr-header.black .logo img.logo2 { opacity: 1 } .wr-header.black .logo img.logo1 { opacity: 0 } /*black header*/ .slick-next, .slick-prev { padding: 40px 0 0 40px; overflow: hidden; width: 0; height: 0; border-radius: 50%; background: #d9d9d9; z-index: 100 } .slick-arrow:before { position: absolute; content: ''; top: 50%; left: 50%; margin: -7px 0 0 -4px; background: url(/local/templates/eco-group/images/arrow-slider.svg) no-repeat; width: 9px; height: 14px } .slick-prev { left: -20px } .slick-prev:before { transform: rotate(180deg); margin-left: -5px } .slick-next { right: -20px } .slick-next:hover, .slick-prev:hover { background: #6ec500 } .slick-dots { list-style-type: none; margin: -9px 0 0 -9px; padding: 0 } .slick-dots li:first-child { margin-left: 9px } .slick-dots li { margin: 9px 0 0 9px; padding: 0; line-height: normal } .slick-dots li:first-child:last-child { display: none } .slick-dots li button { background: #d9d9d9; width: 7px; height: 7px; border: none } .slick-dots li button:hover, .slick-dots li.slick-active button { background: #6ec500 } .fix-load { visibility: hidden; opacity: 0; transition: opacity .5s } .fix-load.slick-initialized { visibility: visible; opacity: 1 } .fix-load .slide { display: none } .fix-load .slide:first-child { display: block; visibility: hidden } .fix-load.slick-initialized .slide { display: block; visibility: visible !important } .wr-main-slider { max-width: 1300px; padding: 0 30px 0 30px; margin: 34px auto 63px auto } .main-slider .slide img { border-radius: 5px; display: block; max-width: 100%; width: 100% } .main-slider .slick-dots { position: absolute; bottom: -24px; left: 0; width: 100% } .panel-function-main { max-width: 1300px; padding: 0 30px 0 30px; margin: 0 auto 10px auto } .list-function-main ul { list-style-type: none; margin: -10px 0 0 -10px; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end } .list-function-main ul li { margin: 10px 0 0 10px; padding: 0; line-height: normal; background: 0 0; font-size: 16px; font-weight: 400; line-height: normal } .list-function-main ul li a { border-radius: 50px; display: inline-flex; min-height: 43px; color: #333; text-decoration: none; align-items: center; justify-content: center; padding: 0 17px 0 17px; text-align: center; background: #d7d7d7 } .list-function-main ul li a:hover { background: #6ec500; color: #fff } .b-product { max-width: 1300px; padding: 0 30px 0 30px; margin: 0 auto 30px auto } .title { color: #333; margin: 0 0 34px 0; font-size: 24px; font-style: normal; font-weight: 400; line-height: 24px } .title span { color: #999 } .slider-product .slick-list { margin: 0 } .slider-product .slick-dots { position: absolute; bottom: -40px; left: 0; width: 100% } .slider-product .slide .item-prod { padding: 10px 10px 19px 10px } .slider-product .slick-list { padding: 10px; margin-left: -20px; width: calc(100% + 40px) } .slider-product .slick-prev { margin-top: 0; top: 100px } .slider-product .slick-next { margin-top: 0; top: 100px } .label-new { position: absolute; top: 9px; left: 0; z-index: 85 } .img-prod { position: relative; margin: 0 0 17px 0; border: 1px solid #d7d7d7; border-radius: 5px; display: flex; min-height: 190px; align-items: center; justify-content: center; overflow: hidden } .img-prod img { display: block; max-width: 100% } .tit-prod { margin: 0 0 10px 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .tit-prod a { color: #000; text-decoration: none } .tit-prod a:hover { color: #6EC500 } .price-prod { color: #333; font-size: 20px; font-style: normal; font-weight: 700; line-height: 24px } .wr-benef-main { background: #f0f0f0; margin: 0 0 58px 0 } .benef-main { max-width: 1300px; padding: 37px 30px 34px 30px; margin: 0 auto } .list-benef-main { display: flex; margin: -25px 0 0 -25px } .item-benef-main { position: relative; width: calc(20% - 25px); padding: 102px 0 0 0; margin: 25px 0 0 25px; text-align: center; font-size: 16px; font-style: normal; line-height: 24px } .item-benef-main:before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: ''; display: block } .item-benef-main.item1:before { top: 15px; background: url(/local/templates/eco-group/images/ico-benef1.svg) no-repeat; width: 58px; height: 63px } .item-benef-main.item2:before { top: 20px; background: url(/local/templates/eco-group/images/ico-benef2.svg) no-repeat; width: 78px; height: 58px } .item-benef-main.item3:before { top: 20px; background: url(/local/templates/eco-group/images/ico-benef3.svg) no-repeat; width: 61px; height: 48px } .item-benef-main.item4:before { background: url(/local/templates/eco-group/images/ico-benef4.svg) no-repeat; width: 85px; height: 85px } .item-benef-main.item5:before { background: url(/local/templates/eco-group/images/ico-benef5.svg) no-repeat; width: 72px; height: 82px } .b-info-main { max-width: 1300px; padding: 0 30px 0 30px; margin: 0 auto 60px auto } .head-info-main { display: flex } .nav-info-main { margin: 0 0 36px 0 } .nav-info-main ul { list-style-type: none; margin: -15px 0 0 -31px; padding: 0; display: flex; flex-wrap: wrap } .nav-info-main ul li { margin: 15px 0 0 31px; padding: 0; line-height: normal; background: 0 0; font-size: 24px; font-weight: 400; line-height: 24px } .nav-info-main ul li a { text-decoration: none } .nav-info-main ul li.active a { color: #333 } .all-info { margin-left: auto } .all-info a { position: relative; text-decoration: none; padding: 0 20px 0 0 } .all-info a:hover { text-decoration: underline } .all-info a:before { position: absolute; top: 3px; right: 0; background: url(/local/templates/eco-group/images/arrow-more.svg) no-repeat; content: ''; display: block; width: 9px; height: 14px } .list-info-main { display: flex; margin: -21px 0 0 -21px } .item-info-main { width: calc(25% - 21px); margin: 21px 0 0 21px } .item-info-main:hover .tit-info-main a { color: #6ec500 } .date-info-main { font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; color: #999; margin: 0 0 13px 0 } .img-info-main { margin: 0 0 20px 0 } .img-info-main img { border-radius: 5px; display: block; max-width: 100% } .tit-info-main { font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px } .tit-info-main a { color: #333; text-decoration: none } .wr-video-main { background: #333; margin: 0 0 72px 0 } .b-video-main { max-width: 1300px; padding: 31px 30px 67px 30px; margin: 0 auto } .head-video-main { display: flex; align-items: center } .head-video-main .title { color: #fff; margin: 0 } .head-video-main { margin: 0 0 19px 0 } .head-video-main .all-info a { text-decoration: underline } .head-video-main .all-info a:hover { text-decoration: none } .slider-video-main .slick-list { margin: 0 -11px 0 -11px } .slider-video-main .slide { padding: 0 11px 0 11px } .slider-video-main .slick-dots { position: absolute; bottom: -33px; left: 0; width: 100% } .slider-video-main .slick-next, .slider-video-main .slick-prev { margin-top: -66px } .slider-video-main .slick-dots li button { background: #868686 } .slider-video-main .slick-dots li button:hover, .slider-video-main .slick-dots li.slick-active button { background: #6ec500 } .img-video-sl { margin: 0 0 20px 0 } .img-video-sl a { text-decoration: none; border: none } .img-video-sl img { display: block; max-width: 100%; margin: 0 auto; border: none } .tit-video-sl { font-size: 16px; font-style: normal; min-height: 72px; font-weight: 400; line-height: 24px } .tit-video-sl a { color: #fff; text-decoration: none } .slider-video-main .slide:hover .tit-video-sl a { color: #6ec500 } .about-main { max-width: 1300px; padding: 0 30px 0 30px; margin: 0 auto 72px auto } .about-main .title { margin: 0 0 39px 0 } .more-link { margin-top: 30px } .more-link a { position: relative; padding-right: 20px; text-decoration: none } .more-link a:before { position: absolute; top: 3px; right: 0; background: url(/local/templates/eco-group/images/arrow-more.svg) no-repeat; content: ''; display: block; width: 9px; height: 14px } .more-link a:hover { text-decoration: underline } .partners-main { max-width: 1300px; padding: 0 30px 0 30px; margin: 0 auto 128px auto } .slider-partners .slide p { margin: 0; padding: 0 10px 0 10px; display: flex; align-items: center; width: 100%; min-height: 85px } .slider-partners .slide img { display: block; margin: 0 auto; max-width: 100%; max-height: 100% } .slider-partners .slick-list { padding-left: 25px; padding-right: 25px } .slider-partners .slick-dots { position: absolute; bottom: -50px; left: 0; width: 100% } footer { background: #333; min-width: 300px; overflow: hidden; flex: 0 0 auto; color: #fff } .cont-f { max-width: 1300px; padding: 67px 30px 25px 30px; margin: 0 auto } .footer-top { margin: 0 0 89px 0; display: flex } .col-f { width: 24% } .col-f:first-child { width: 52% } .body-catalog-f { display: flex; margin: 0 0 0 -65px } .body-catalog-f ul { list-style-type: none; margin: 0 0 0 65px; padding: 0 20px 0 0 } .body-catalog-f ul li { margin: 0; padding: 0; line-height: normal; background: 0 0; color: #999; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px } .body-catalog-f ul li a { color: #999; text-decoration: none } .body-catalog-f ul li a:hover, .body-catalog-f ul li span { color: #fff } .col-f>ul { list-style-type: none; margin: 0; padding: 0 } .col-f>ul>li { margin: 0; padding: 0; line-height: normal; background: 0 0; color: #999; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px } .col-f>ul>li>a { color: #999; text-decoration: none } .col-f>ul>li>a:hover { color: #fff } .b-soc-f { margin: 52px 0 0 0 } .tit-col-f { color: #fff; margin: 0 0 34px 0; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal } .soc-f ul { list-style-type: none; margin: -10px 0 0 -10px; padding: 0; display: flex } .soc-f ul li { margin: 10px 0 0 10px; padding: 0; line-height: normal; background: 0 0 } .soc-f ul li a { display: block; width: 33px; height: 32px } .soc-f ul li.item1 a { background: url(/local/templates/eco-group/images/ico-soc1.svg) no-repeat } .soc-f ul li.item2 a { background: url(/local/templates/eco-group/images/ico-soc2.svg) no-repeat } .soc-f ul li.item3 a { background: url(/local/templates/eco-group/images/ico-soc3.svg) no-repeat } .footer-bottom { margin: 30px 0 0 0; display: flex; color: #999; justify-content: space-between; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px } .aress { margin: 0 20px 0 20px } .link-f ul { list-style-type: none; margin: 0 0 0 -45px; padding: 0; display: flex; justify-content: space-between } .link-f ul li { margin: 0 0 0 45px; padding: 0; line-height: normal; background: 0 0 } .link-f ul li a { text-decoration: none; color: #999 } .link-f ul li a:hover { color: #fff } .arrow-up { display: none; position: fixed; right: 100px; bottom: 427px; z-index: 99 } .arrow-up a { position: relative; display: flex; width: 71px; transition: .3s; height: 71px; background: #6ec500; border-radius: 50%; align-items: center; justify-content: center } .arrow-up a:hover { background: #66ae0b } .arrow-up a:before { content: ''; display: block; background: url(/local/templates/eco-group/images/arrow-top.svg) no-repeat; width: 25px; height: 14px; margin-top: -2px } .tab-tb { display: none } .tab-tb:first-child { display: block } .button-bask { color: #fff; margin-top: 21px; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal } .button-bask a { border-radius: 50px; color: #fff; text-decoration: none; padding: 0 17px 0 17px; background: #333; display: inline-flex; min-height: 46px; align-items: center; justify-content: center; text-align: center } .button-bask span { position: relative; padding: 0 0 0 32px; display: inline-flex } .button-bask span:before { position: absolute; top: 50%; left: 0; margin: -12px 0 0 0; content: ''; width: 27px; height: 22px; display: block; background: url(/local/templates/eco-group/images/but-bask.svg) no-repeat } .slider-product .slide .item-prod .button-bask { opacity: 0 } /*inner page*/ .content { max-width: 1300px; padding: 30px 30px 80px 30px; margin: 0 auto } .breadcrumbs { margin: 0 0 12px 0 } .breadcrumbs ul { list-style-type: none; margin: -5px 0 0 -6px; padding: 0; display: flex; flex-wrap: wrap; background: none; } .breadcrumbs ul li { position: relative; margin: 5px 0 0 6px; padding: 0 0 0 10px; line-height: normal; font-size: 14px; background: none; font-weight: 400; line-height: normal; color: #d9d9d9 } .breadcrumbs ul li:first-child { padding-left: 0 } .breadcrumbs ul li:first-child:before { display: none } .breadcrumbs ul li:before { position: absolute; top: 0; left: 0; content: '/'; display: block } .breadcrumbs ul li a { color: #999; text-decoration: none } .content h1 { font-size: 36px; font-style: normal; font-weight: 400; line-height: normal; margin: 0 0 26px 0; padding: 0 } .body-catalog { display: flex } .catalog-left { min-width: 294px } .wr-menu-catalog { margin: 0 0 44px 0 } .main-but-catalog { margin: 0 0 27px 0 } .main-but-catalog a, .main-but-catalog span { display: inline-flex; min-height: 38px; min-width: 172px; align-items: center; justify-content: flex-start; padding: 0 22px 0 22px; border-radius: 50px; background: #6ec500; color: #fff; text-decoration: none } .main-but-catalog a:hover { background: #66ae0b } .main-but-catalog a i { font-style: normal; color: rgba(255, 255, 255, 0.5); margin-left: 5px } .menu-catalog ul { list-style-type: none; margin: 0; padding: 0; } .menu-catalog ul li { margin: 0 0 19px 0; padding: 0; font-size: 16px; background: none; font-weight: 400; line-height: normal } .menu-catalog ul li:last-child { margin-bottom: 0 } .menu-catalog ul li a { color: #333; text-decoration: none } .menu-catalog ul li a:hover, .menu-catalog ul li span { text-decoration: underline; color: #6EC500 } .menu-catalog ul li i { font-style: normal; color: #999 } .filters-cat { padding: 28px 0 0 0; border-top: 1px solid #eaeaea } .bl-filter { margin: 0 0 43px 0; max-width: 294px; } .head-filter { position: relative; font-size: 16px; margin: 0 0 13px 0; font-style: normal; padding: 0 20px 0 0; font-weight: 700; line-height: 30px; cursor: pointer } .head-filter:before { position: absolute; top: 50%; margin: -4px 0 0 0; transform: rotate(180deg); right: 0; width: 20px; height: 12px; content: ''; display: block; background: url(/local/templates/eco-group/images/arrow-filter.svg) no-repeat } .head-filter.active:before { transform: rotate(0deg) } .body-filter { max-height: 175px; overflow-y: auto; padding-top: 5px; padding-bottom: 5px; scrollbar-color: #999999 #F0F0F0; scrollbar-width: thin; display: none } .body-filter::-webkit-scrollbar { background-color: #F0F0F0; width: 7px; border-radius: 5px; } .body-filter::-webkit-scrollbar-thumb { background-color: #999; border-radius: 5px; } .body-filter ul { list-style-type: none; margin: 0; padding: 0 } .body-filter li { position: relative; padding: 0; margin: 0 0 18px 0; line-height: normal; background: none; } .check-p { position: relative } .check-p input { position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0 } .check-p label { position: relative; font-size: 16px; padding: 0 0 0 35px; display: block; cursor: pointer; font-style: normal; font-weight: 400; line-height: normal; color: #333 } .check-p label:before { position: absolute; top: -4px; left: 0; box-sizing: border-box; content: ''; display: block; width: 25px; height: 25px; border: 1px solid #d7d7d7; border-radius: 5px; background: #fff } .check-p input:checked+label:before { background: #6ec500; border-color: #6ec500 } .check-p label:after { display: none; position: absolute; top: 4px; left: 5px; content: ''; background: url(/local/templates/eco-group/images/check.svg) no-repeat; width: 15px; height: 11px } .check-p input:checked+label:after { display: block } .body-filter li:last-child { margin-bottom: 0 } .but-reset { font-size: 16px; margin: 69px 0 0 0; font-style: normal; font-weight: 400; line-height: normal } .but-reset a { display: inline-flex; padding: 0 17px 0 17px; color: #333; text-decoration: none; background: #d7d7d7; border-radius: 50px; min-height: 43px; align-items: center; justify-content: center; text-align: center } .but-reset a:hover { color: #fff; background: #6EC500 } .catalog-right { width: calc(100% - 315px); margin-left: auto } .radio-p { position: relative } .radio-p input { position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0 } .radio-p label { position: relative; font-size: 16px; padding: 0 0 0 35px; display: block; cursor: pointer; font-style: normal; font-weight: 400; line-height: normal; color: #333 } .radio-p label:before { position: absolute; top: -4px; left: 0; background: #fff; box-sizing: border-box; content: ''; display: block; width: 25px; height: 25px; border: 1px solid #d7d7d7; border-radius: 50% } .radio-p input:checked+label:before { background: #6ec500; border-color: #6ec500 } .radio-p label:after { display: none; position: absolute; top: 2px; left: 6px; content: ''; border-radius: 50%; background: #fff; width: 13px; height: 13px } .radio-p input:checked+label:after { display: block } .radio-p input:checked+label:before { background: #6ec500 } .head-function-cat { display: flex; align-items: center; margin: 0 0 8px 0 } .sort-cat { display: flex } .sort-cat label { display: block; color: #333; margin: 0 15px 0 0; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal } .sel-sort-cat .selectbox { position: relative; display: block !important; vertical-align: middle; cursor: pointer } .sel-sort-cat .selectbox .select { float: none !important; width: 100%; min-width: 1px; height: auto; line-height: normal; padding: 0 12px 0 0; color: #999; background: 0; font-weight: 400; font-size: 16px; line-height: normal } .sel-sort-cat select { opacity: 0 } .sel-sort-cat .selectbox .select .text { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-bottom: 1px dashed #999 } .sel-sort-cat .selectbox .trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100% } .sel-sort-cat .selectbox .trigger .arrow { position: absolute; top: 8px; right: 0; margin: 0; width: 7px; height: 5px; overflow: hidden; background: url(/local/templates/eco-group/images/arrow-sel.svg) no-repeat; display: none } .sel-sort-cat .selectbox .dropdown { top: 100%; left: -15px; min-width: 295px; margin: 12px 0 0 0; padding: 8px 0; background: #fff; border-radius: 5px; border: 1px solid #d7d7d7; z-index: 99; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) } .sel-sort-cat .selectbox .dropdown ul { list-style-type: none; margin: 0; padding: 0 } .sel-sort-cat .selectbox li { margin: 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; background: 0; padding: 7px 14px 8px; background: 0; white-space: nowrap; color: #000 } .sel-sort-cat .selectbox li.sel, .sel-sort-cat .selectbox li:hover { background: #d7d7d7 } .type-cat { margin-left: auto } .type-cat ul { list-style-type: none; margin: 0; padding: 0; display: inline-flex; border-radius: 50px; background: #f0f0f0 } .type-cat ul li { margin: 0; padding: 0; line-height: normal; background: 0 0 } .type-cat ul li a { position: relative; display: flex; width: 36px; height: 27px; border-radius: 50px } .type-cat ul li.item1 a:before { position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; content: ''; background: url(/local/templates/eco-group/images/ico-type-cat1.svg) no-repeat; width: 12px; height: 12px } .type-cat ul li.item2 a:before { position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; content: ''; background: url(/local/templates/eco-group/images/ico-type-cat2.svg) no-repeat; width: 13px; height: 10px } .type-cat ul li.active a { background: #333 } .type-cat ul li.item1.active a:before { background: url(/local/templates/eco-group/images/ico-type-cat1-2.svg) no-repeat } .type-cat ul li.item2.active a:before { background: url(/local/templates/eco-group/images/ico-type-cat2-2.svg) no-repeat } .catalog-subsections-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 25px 0; padding: 0 } .catalog-subsection-btn { display: inline-flex; align-items: center; padding: 8px 20px; border-radius: 50px; border: 1px solid #d7d7d7; background: #fff; color: #333; font-size: 14px; font-weight: 400; text-decoration: none; transition: all .2s ease; white-space: nowrap } .catalog-subsection-btn:hover { background: #6EC500; border-color: #6EC500; color: #fff; text-decoration: none } .catalog-subsection-btn.active { background: #6EC500; border-color: #6EC500; color: #fff } .catalog-subsections-children { margin-top: -15px } .catalog-subsection-btn-child { font-size: 13px; padding: 6px 16px } .list-catalog-big { display: flex; flex-wrap: wrap; margin: -40px 0 0 -20px } .item-catalog-big { width: calc(33.333% - 20px); margin: 40px 0 0 20px } .img-catalog-big { position: relative; border-radius: 5px; border: 1px solid #d7d7d7; padding: 0; margin: 0 0 15px 0; overflow: hidden } /*.img-catalog-big a{position:absolute;top:0;left:0;width:100%;z-index:85;display:block;height:calc(100% - 35px)}*/ .slider-catalog .slide { display: none; align-items: center; justify-content: center; overflow: hidden } .slider-catalog .slide a { display: block; width: 100%; height: auto; } .slider-catalog .slide img { display: block; width: 100%; height: auto; object-fit: unset; } .tit-catalog-big { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .tit-catalog-big a { color: #000; text-decoration: none } .item-catalog-big:hover .tit-catalog-big a { color: #6ec500 } .item-catalog-big:hover .img-catalog-big { border-color: #6EC500 } .label-new { position: absolute; top: 9px; left: 0; background: url(/local/templates/eco-group/images/label-new.svg) no-repeat; width: 71px; height: 24px } .slider-catalog.fix-load .slide:first-child { display: flex; visibility: hidden } .slider-catalog.fix-load.slick-initialized .slide { display: flex; visibility: visible !important } .slider-catalog .slick-dots { position: absolute; bottom: 10px; left: 0; margin-left: 0 } .pages { margin: 60px 0 60px 0 } .pages ul { list-style-type: none; margin: -10px 0 0 -10px; padding: 0; display: flex; flex-wrap: wrap } .pages ul li { margin: 10px 0 0 10px; padding: 0; line-height: normal; background: 0 0 } .pages ul li a, .pages ul li span { display: flex; align-items: center; width: 48px; height: 48px; justify-content: center; text-align: center; border: 1px solid #d7d7d7; border-radius: 5px; text-decoration: none; color: #000 } .pages ul li span, .pages ul li :hover { background: #6ec500; border-color: #6ec500; color: #fff } .pages ul li.dots-pages a { border-color: transparent } .more-but { text-align: center; margin: 40px 0 20px 0 } .more-but a { display: inline-flex; align-items: center; justify-content: center; min-width: 220px; height: 50px; padding: 0 30px; border: 2px solid #6EC500; border-radius: 50px; background: #fff; color: #6EC500; font-size: 16px; font-weight: 700; cursor: pointer; text-decoration: none; transition: all .3s ease } .more-but a:hover { background: #6EC500; color: #fff } .text-catalog { margin: 87px 0 0 0 } .text-catalog h2 { font-size: 24px; font-style: normal; font-weight: 400; line-height: 24px; margin: 0 0 32px 0; padding: 0 } .text-catalog p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .item-catalog-big .price-prod { margin-top: 6px } .item-catalog-big .slick-prev, .item-catalog-big .slick-next { z-index: 100 !important; } /*catalogs*/ .select-cat { margin: 40px 0 33px 0; max-width: 296px } .select-cat .selectbox { position: relative; display: block !important; vertical-align: middle; cursor: pointer } .select-cat .selectbox .select { float: none !important; width: 100%; min-width: 1px; height: 50px; display: flex; border-radius: 50px; align-items: center; background: #f0f0f0; line-height: normal; padding: 0 42px 0 17px; color: #333; font-weight: 400; font-size: 16px; line-height: 24px } .select-cat select { opacity: 0; height: 50px } .select-cat .selectbox .select .text { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .select-cat .selectbox .trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100% } .select-cat .selectbox .trigger .arrow { position: absolute; top: 50%; right: 22px; margin: -4px 0 0 0; width: 14px; height: 9px; overflow: hidden; background: url(/local/templates/eco-group/images/arrow-sel2.svg) no-repeat } .select-cat .selectbox .dropdown { top: 100%; left: 0; min-width: 100%; margin: 1px 0 0 0; padding: 8px 0; background: #fff; border-radius: 5px; border: none; z-index: 99; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) } .select-cat .selectbox .dropdown ul { list-style-type: none; margin: 0; padding: 0 } .select-cat .selectbox li { margin: 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; background: 0; padding: 7px 14px 8px; background: 0; white-space: nowrap; color: #000 } .select-cat .selectbox li.sel, .select-cat .selectbox li:hover { background: #d7d7d7 } .bl-all-catalog { margin: 0 0 60px 0 } .bl-all-catalog:last-child { margin-bottom: 0 } .tit-bl-catalog { margin: 0 0 30px 0; font-size: 24px; font-style: normal; font-weight: 700; line-height: 24px } .list-all-catalog { display: flex; flex-wrap: wrap; margin: -45px 0 0 -40px } .item-all-catalog { width: calc(25% - 40px); margin: 45px 0 0 40px } .img-all-catalog { margin: 0 0 34px 0 } .img-all-catalog img { display: block; box-shadow: 5px 5px 0 0 rgba(0, 0, 0, .1); max-width: 100% } .tit-all-catalog { color: #999; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; max-width: 233px } .tit-all-catalog a { color: #000; text-decoration: none; margin: 0 4px 0 0 } .item-all-catalog:hover .tit-all-catalog a { color: #6EC500 } /*about*/ .big-green-text { font-size: 36px; font-style: normal; font-weight: 700; line-height: normal; color: #6ec500; margin: 60px 0 70px 0 } .about-partners>p { font-size: 24px; max-width: 980px; font-style: normal; font-weight: 400; line-height: normal; margin: 0 0 52px 0; padding: 0 } .about-partners .slider-partners { margin: 0 0 110px 0 } .die-about { position: relative; border-radius: 5px; padding: 23px 157px 28px 28px; margin: 0 0 68px 0; background: #f0f0f0 } .die-about p { margin: 0; padding: 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .img-die-about { position: absolute; top: -13px; right: 15px } .img-die-about img { display: block; max-width: 100% } .about-year { margin: 0 0 80px 0 } .tit-about-year { color: #6ec500; margin: 0 0 57px 0; font-size: 48px; font-style: normal; font-weight: 700; line-height: 30px } .cols-about-year { display: flex; flex-wrap: wrap; margin: -21px 0 0 -21px } .item-about-year { position: relative; width: calc(33.333% - 21px); margin: 21px 0 0 21px; padding: 35px 0 0 0 } .item-about-year:before { position: absolute; top: 0; left: 0; content: ''; display: block; height: 5px; width: 110%; background: #6ec500 } .item-about-year:after { position: absolute; z-index: 50; top: -14px; left: 0; content: ''; display: block; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 5px solid #6ec500 } .item-about-year:last-child:before { display: none } .item-about-year p { margin: 0 0 20px 0 } .item-about-year p:last-child { margin-bottom: 0 } .read-about { position: relative; font-size: 16px; padding: 0 0 0 100px; font-style: normal; font-weight: 400; line-height: 24px } .read-about:before { position: absolute; top: 1px; left: 0; content: ''; display: block; background: url(/local/templates/eco-group/images/ico-read-about.svg) no-repeat; width: 69px; height: 69px } /*contacts*/ .body-contacts { display: flex; margin: 50px 0 0 0 } .contacts-left { width: calc(50% - 10px) } .bl-contacts { margin: 0 0 27px 0 } .tit-bl-contacts { font-size: 16px; font-style: normal; margin: 0 0 13px 0; font-weight: 700; line-height: normal } .select-filial { margin: 19px 0 36px 0 } .select-filial .selectbox { position: relative; display: block !important; vertical-align: middle; cursor: pointer } .select-filial .selectbox .select { float: none !important; width: 100%; min-width: 1px; height: 50px; display: flex; border-radius: 50px; align-items: center; background: #f0f0f0; line-height: normal; padding: 0 42px 0 17px; color: #333; font-weight: 400; font-size: 16px; line-height: 24px } .select-filial select { opacity: 0; height: 50px } .select-filial .selectbox .select .text { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .select-filial .selectbox .trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100% } .select-filial .selectbox .trigger .arrow { position: absolute; top: 50%; right: 22px; margin: -4px 0 0 0; width: 14px; height: 9px; overflow: hidden; background: url(/local/templates/eco-group/images/arrow-sel2.svg) no-repeat } .select-filial .selectbox .dropdown { top: 100%; left: 0; min-width: 100%; margin: 1px 0 0 0; padding: 8px 0; background: #fff; border-radius: 5px; border: none; z-index: 99; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) } .select-filial .selectbox .dropdown ul { list-style-type: none; margin: 0; padding: 0 } .select-filial .selectbox li { margin: 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; background: 0; padding: 7px 14px 8px; background: 0; white-space: nowrap; color: #000 } .select-filial .selectbox li.sel, .select-filial .selectbox li:hover { background: #d7d7d7 } .list-bl-contacts p { margin: 0 0 10px 0; padding: 0; font-size: 16px; line-height: 24px } .list-bl-contacts p:last-child { margin-bottom: 0 } .soc-contacts { margin: 0 0 39px 0 } .soc-contacts ul { list-style-type: none; margin: -10px 0 0 -10px; padding: 0; display: flex } .soc-contacts ul li { margin: 10px 0 0 10px; padding: 0; line-height: normal; background: 0 0 } .soc-contacts ul li a { width: 33px; height: 33px; display: block } .soc-contacts ul li.item1 a { background: url(/local/templates/eco-group/images/ico-soc3.svg) no-repeat } .technical-email { margin: 39px 0 0 0 } .contacts-right { width: calc(50% - 10px); margin-left: auto } .map-contacts { height: 100%; background: #fcfcf7 } #map, #map2 { height: 100% } /*video*/ .body-content { display: flex } .left-content { min-width: 265px } .right-content { width: calc(100% - 292px); margin-left: auto } .all-video-list { display: flex; flex-wrap: wrap; margin: -50px 0 0 -20px } .item-video-list { width: calc(33.333% - 20px); margin: 50px 0 0 20px } .img-video-list { margin: 0 0 20px 0 } .img-video-list img { display: block; max-width: 100%; width: 100% } .tit-video-list { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .tit-video-list a { color: #000; text-decoration: none } .item-video-list:hover .tit-video-list a { color: #6ec500 } /*articles*/ .list-articles { display: flex; flex-wrap: wrap; margin: -27px 0 0 -22px } .item-articles { width: calc(25% - 22px); margin: 47px 0 0 22px; display: flex; flex-direction: column } .img-articles { margin: 0 0 17px 0 } .img-articles img { display: block; border-radius: 5px; max-width: 100%; width: 100% } .tit-articles { font-size: 16px; margin: 0 0 16px 0; font-style: normal; font-weight: 700; line-height: 24px } .tit-articles a { text-decoration: none; color: #000 } .item-articles:hover .tit-articles a { color: #6ec500 } .text-articles { position: relative; font-size: 16px; margin-bottom: 17px; height: 100%; overflow: hidden; font-style: normal; font-weight: 400; line-height: 24px } .text-articles:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%) } .item-articles .more-link { margin: auto 0 0 0 } /*news*/ .list-all-news { margin: 70px 0 86px 0 } .item-all-news { display: flex; align-items: center; margin: 0 0 41px 0 } .item-all-news:last-child { margin-bottom: 0 } .img-all-news { min-width: 293px; margin-right: 128px } .img-all-news img { display: block; max-width: 100%; border-radius: 5px } .date-all-news { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #999; margin: 0 0 17px 0 } .tit-all-news { font-size: 24px; font-style: normal; font-weight: 700; line-height: 24px } .tit-all-news a { color: #000; text-decoration: none } .item-all-news:hover .tit-all-news a { color: #6ec500 } /*discount*/ .body-discount { display: flex; margin: 36px 0 58px -20px } .bl-discount { width: calc(50% - 20px); margin: 0 0 0 20px } .title-disc { font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; margin: 0 0 22px 0 } .bl-discount p { font-size: 16px; max-width: 576px; font-style: normal; font-weight: 400; line-height: 24px; margin: 0 0 20px 0 } .list-discount { display: flex } .item-discount { flex: 1 1 0; text-align: center; color: #fff; min-height: 96px; display: flex; align-items: center; flex-direction: column; justify-content: center } .item-discount i { display: block; font-size: 24px; margin: 0 0 8px 0; font-style: normal; font-weight: 700; line-height: normal } .price-disc { font-size: 16px; font-style: normal; font-weight: 400; line-height: normal } .item-discount.item-green1 { background: #a5f440 } .item-discount.item-green2 { background: #84eb02 } .item-discount.item-green3 { background: #6ec500 } .item-discount.item-green4 { background: #5ba300 } .item-discount.item-green5 { background: #4b8600 } .item-discount.item-green6 { background: #3b6900 } .item-discount.item-blue1 { background: #2fd9ff } .item-discount.item-blue2 { background: #01bde7 } .item-discount.item-blue3 { background: #00a1c5 } .item-discount.item-blue4 { background: #008aa8 } .item-discount.item-blue5 { background: #007792 } .item-discount.item-blue6 { background: #006176 } .all-discount { margin: 0 0 67px 0 } .all-discount .title-disc { margin: 0 0 27px 0 } .all-discount p { margin: 0 0 40px 0 } .list-all-discount { display: flex; flex-wrap: wrap; margin: -36px 0 0 -20px } .item-all-disc { width: calc(16.666% - 20px); margin: 36px 0 0 20px } .item-all-disc-big { width: calc(25% - 20px) } .tit-d { font-size: 16px; margin: 0 0 13px 0; font-style: normal; font-weight: 700; line-height: 24px } .text-d { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .text-red { color: #e52117; margin: 0 0 34px 0; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px } /*work*/ .die-grey-work { border-radius: 5px; padding: 26px 30px 33px 45px; margin: 35px 0 35px 0; background: #f0f0f0 } .die-grey-work p { font-size: 24px; margin: 0 0 25px 0; padding: 0; line-height: normal } .die-grey-work p:last-child { margin-bottom: 0 } .info-organiz { margin: 0 0 35px 0 } .cols-info-org { display: flex; margin: -35px 0 0 -50px } .item-info-org { width: calc(50% - 50px); margin: 50px 0 0 50px } .item-info-org i { display: block; font-weight: 700; margin: 0 0 20px 0; font-style: normal } .item-info-org ol { padding: 0 0 0 25px; margin: 0 } .item-info-org ol li { line-height: 24px; margin: 0 0 6px 0; padding: 0; background: 0 0 } .attention-order { position: relative; color: #999; padding: 0 0 0 38px; margin: 0 0 45px 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .attention-order:before { position: absolute; top: -4px; left: 0; width: 28px; height: 28px; content: ''; display: block; background: url(/local/templates/eco-group/images/ico-attent-org.svg) no-repeat } .buts-org { display: flex; margin: -30px 0 52px -45px; flex-wrap: wrap; align-items: center } .button a { display: inline-flex; height: 40px; padding: 0 32px 0 32px; align-items: center; justify-content: center; text-align: center; color: #fff; text-decoration: none; background: #6ec500; border-radius: 50px } .button a:hover { background: #66ae0b } .down-file { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .down-file a { position: relative; display: inline-flex; padding: 0 0 0 40px } .down-file a:before { position: absolute; top: -9px; left: 0; content: ''; display: block; width: 31px; height: 40px; background: url(/local/templates/eco-group/images/ico-file.svg) no-repeat } .buts-org .button { margin: 30px 0 0 45px } .buts-org .down-file { margin: 30px 0 0 45px } .bl-work { border-top: 1px solid #eaeaea; padding: 27px 0 0 0; margin: 0 0 50px 0 } .bl-work ul { margin: 0 0 35px 0 } .tit-bl { color: #000; margin: 0 0 29px 0; font-size: 24px; font-style: normal; font-weight: 700; line-height: 24px } .grey-text { color: #999; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .cols-delivery { display: flex; margin: -15px 0 0 -20px } .col-delive { width: calc(33.333% - 20px); margin: 30px 0 0 20px } .col-delive p { margin-top: 0 } .col-delive ul:last-child { margin-bottom: 0 } .list-act-w { margin: 38px 0 0 0 } .list-act-w .down-file { margin: 0 0 30px 0 } .list-act-w .down-file:last-child { margin-bottom: 0 } /*pages form*/ .b-autorise { margin: 45px 0 50px 0 } .tit-autorise { font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; margin: 0 0 19px 0 } .field { position: relative; margin: 0 0 15px 0; width: 100%; max-width: 610px } .field input { border-radius: 50px; width: 100%; background: #f0f0f0; padding: 0 17px 0 17px; display: block; height: 50px; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #333; border: none; outline: 0 } .field select { border-radius: 50px; width: 100%; background: #f0f0f0; padding: 0 40px 0 17px; display: block; height: 50px; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #333; border: none; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23333' stroke-width='2' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 17px center; cursor: pointer } .field select:invalid { color: #999 } .field.field-select label { display: none } .field label { position: absolute; top: 0; left: 0; padding: 0 17px 0 17px; color: #999; font-size: 16px; font-style: normal; display: flex; align-items: center; height: 100%; width: 100%; pointer-events: none; font-weight: 400; line-height: 24px } .field.act-gkk label { position: absolute; width: auto; height: auto; left: auto; right: 0; top: 0; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; padding: 0 14px 0 14px } .bot-form { margin: 28px 0 0 0; display: flex; flex-wrap: wrap; align-items: center } .but-send button { display: inline-flex; font-family: Roboto; min-width: 257px; align-items: center; justify-content: center; text-align: center; min-height: 46px; border-radius: 50px; background: #333; color: #fff; border: none; outline: 0; cursor: pointer } .but-send button:hover { background: #6ec500 } .link-reg { margin: 0 0 0 38px; font-size: 16px; line-height: normal; font-weight: 700 } .wr-field { display: flex; align-items: center; margin-bottom: 15px } .wr-field .field { width: 100%; margin-bottom: 0 } .forgot { margin-left: 20px; color: #999 } .error { background: #fcdddd !important } .form-reg { margin: 50px 0 0 0 } .line-radios { margin: 43px 0 55px -50px; display: flex; flex-wrap: wrap } .item-radio { position: relative; margin: 40px 0 0 50px } .item-radio input { position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0 } .item-radio label { position: relative; font-size: 16px; padding: 0 0 0 35px; display: block; cursor: pointer; font-style: normal; font-weight: 400; line-height: normal; color: #333 } .item-radio label:before { position: absolute; top: -4px; left: 0; box-sizing: border-box; content: ''; display: block; width: 25px; height: 25px; border: 1px solid #d7d7d7; border-radius: 50% } .item-radio input:checked+label:before { background: #6ec500; border-color: #6ec500 } .item-radio label:after { display: none; position: absolute; top: 2px; left: 6px; content: ''; border-radius: 50%; background: #fff; width: 13px; height: 13px } .item-radio input:checked+label:after { display: block } .item-radio input:checked+label:before { background: #6ec500 } .field-size1 { max-width: 820px } .fields-two { margin: -15px 0 0 -20px; display: flex; flex-wrap: wrap } .fields-two .field { width: calc(50% - 20px); margin: 15px 0 0 20px } .info-firm { margin-bottom: 66px } .bl-reg { margin: 0 0 47px 0 } .bl-reg+.note-grey { margin-top: -15px } .tit-bl-reg { margin: 0; font-size: 16px; font-weight: 700; line-height: normal } .fields-three { margin: 0 0 0 -20px; display: flex; flex-wrap: wrap } .fields-three .field { margin: 15px 0 0 20px } .field-size2 { max-width: 190px } .field-size3 { max-width: 400px } .field-size4 { max-width: 580px } .field-size5 { max-width: 295px } .field-size6 { max-width: 385px } .link-adress { font-weight: 700; margin: 24px 0 0 0 } .fields-three2 { margin-bottom: 15px } .note-grey { color: #999; font-size: 16px; margin: 0 0 43px 0; font-weight: 400; line-height: 24px } .assets-form { position: relative; margin: 0 0 40px 0 } .assets-form input { position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0 } .assets-form label { position: relative; font-size: 16px; padding: 0 0 0 35px; display: block; cursor: pointer; font-style: normal; font-weight: 400; line-height: 30px; color: #333 } .assets-form label:before { position: absolute; top: 1px; left: 0; box-sizing: border-box; content: ''; display: block; width: 25px; height: 25px; border: 1px solid #d7d7d7; border-radius: 5px } .assets-form input:checked+label:before { background: #6ec500; border-color: #6ec500 } .assets-form label:after { display: none; position: absolute; top: 9px; left: 5px; content: ''; background: url(/local/templates/eco-group/images/check.svg) no-repeat; width: 15px; height: 11px } .assets-form input:checked+label:after { display: block } .nav-cab { margin: 0 0 52px 0 } .nav-cab ul { list-style-type: none; margin: 0; padding: 0; display: inline-flex; border-radius: 50px; border: 1px solid #d9d9d9 } .nav-cab li { margin: 0; padding: 0; line-height: normal; background: 0 0; font-size: 16px; font-weight: 400 } .nav-cab li a, .nav-cab li span { border-radius: 50px; display: inline-flex; height: 50px; text-decoration: none; justify-content: center; text-align: center; align-items: center; padding: 0 30px 0 30px; color: #6ec500 } .nav-cab li span, .nav-cab li.active a { color: #fff; background: #6ec500 } .nav-cab li i { position: relative; display: inline-flex; font-style: normal; padding: 0 0 0 32px } .nav-cab li i:before { position: absolute; top: 50%; left: 0; content: ''; display: block } .nav-cab li.item1 i:before { width: 22px; height: 26px; margin: -13px 0 0 0; background: url(/local/templates/eco-group/images/ico-nav1.svg) no-repeat } .nav-cab li.item2 i:before { width: 24px; height: 24px; margin: -12px 0 0 0; background: url(/local/templates/eco-group/images/ico-nav2.svg) no-repeat } .nav-cab li.item3 i:before { width: 18px; height: 22px; margin: -11px 0 0 0; background: url(/local/templates/eco-group/images/ico-nav3.svg) no-repeat } .nav-cab li.item1 span i:before { background: url(/local/templates/eco-group/images/ico-nav1-2.svg) no-repeat } .nav-cab li.item2 span i:before { background: url(/local/templates/eco-group/images/ico-nav2-2.svg) no-repeat } .nav-cab li.item3 span i:before { background: url(/local/templates/eco-group/images/ico-nav3-2.svg) no-repeat } .select-data label { display: block; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; margin: 0 0 17px 0 } .select-d { margin: 0; max-width: 100% } .select-d .selectbox { position: relative; display: block !important; vertical-align: middle; cursor: pointer } .select-d .selectbox .select { float: none !important; width: 100%; min-width: 1px; height: 50px; display: flex; border-radius: 50px; align-items: center; background: #f0f0f0; line-height: normal; padding: 0 42px 0 17px; color: #333; font-weight: 400; font-size: 16px; line-height: 24px } .select-d select { opacity: 0; height: 50px } .select-d .selectbox .select .text { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .select-d .selectbox .trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100% } .select-d .selectbox .trigger .arrow { position: absolute; top: 50%; right: 22px; margin: -4px 0 0 0; width: 14px; height: 9px; overflow: hidden; background: url(/local/templates/eco-group/images/arrow-sel2.svg) no-repeat } .select-d .selectbox .dropdown { top: 100%; left: 0; min-width: 100%; margin: 1px 0 0 0; padding: 8px 0; background: #fff; border-radius: 5px; border: none; z-index: 99; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) } .select-d .selectbox .dropdown ul { list-style-type: none; margin: 0; padding: 0 } .select-d .selectbox li { margin: 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; background: 0; padding: 7px 14px 8px; background: 0; white-space: nowrap; color: #000 } .select-cat .selectbox li:hover, .select-d .selectbox li.sel { background: #d7d7d7 } .select-data+.line-radios { margin-top: 20px } .select-data .select-d { max-width: 610px } .tit-simple { margin: 0 0 14px 0 } .bl-password { margin: 50px 0 52px 0 } .tit-profil { font-size: 24px; font-style: normal; font-weight: 400; line-height: 24px; margin: 50px 0 43px 0 } .bl-delivery { margin: 86px 0 90px 0 } .tit-delivery { font-size: 24px; margin: 0 0 20px 0; font-style: normal; font-weight: 400; line-height: 24px } .bl-pay { margin: 0 0 102px 0 } .bl-pay .tit-delivery { margin-bottom: 35px } .bl-pay .line-radios { margin-top: -40px } .field-textarea { max-width: 821px; margin: 0 0 53px 0 } .field textarea { border-radius: 25px; width: 100%; background: #f0f0f0; padding: 15px 17px 0 17px; display: block; height: 205px; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #333; border: none; outline: 0 } .field-textarea label { height: auto; top: 13px } .bl-compaund { margin: 0 0 80px 0 } .bl-compaund .tit-delivery { margin: 0 0 46px 0 } .table-compaund { margin: 0 0 31px 0 } .td-compaund { padding: 5px 10px; text-align: center; white-space: nowrap; min-width: 120px } .td-compaund:first-child { width: 100%; text-align: left; padding-left: 0 !important; white-space: normal } .td-compaund a.name { color: #000; text-decoration: none } .head-table-compaund { display: flex; align-items: flex-end; border-bottom: 1px solid #eaeaea } .head-table-compaund .td-compaund { color: #999; white-space: nowrap; padding: 9px 10px; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal } .head-table-compaund .td-compaund:last-child { text-align: center } .body-table-compaund { display: flex; align-items: center; border-bottom: 1px solid #eaeaea } .body-table-compaund .td-compaund { min-height: 54px; display: flex; align-items: center; justify-content: center } .body-table-compaund .td-compaund:first-child { justify-content: flex-start } .compaund-bottom { display: flex } .edit-compaund a { position: relative; padding: 0 0 0 38px } .edit-compaund a:before { position: absolute; top: -3px; left: 0; content: ''; display: block; background: url(/local/templates/eco-group/images/ico-compaund.svg) no-repeat; width: 23px; height: 26px } .total-compaund { margin-left: auto; display: flex } .item-total { margin: 0 0 0 32px } .item-total b { white-space: nowrap; font-size: 24px; font-style: normal; font-weight: 700; line-height: 24px; margin: 0 0 0 8px } /*basket*/ .head-basket { display: flex; align-items: center } .nav-tabs-basket { margin: 0 0 37px 0 } .nav-tabs-basket ul { list-style-type: none; margin: 0; padding: 0; display: inline-flex; border: 1px solid #d9d9d9; border-radius: 100px } .nav-tabs-basket ul li { margin: 0; padding: 0; background: 0 0; display: inline-flex } .nav-tabs-basket ul li a { display: flex; align-items: center; justify-content: center; border-radius: 100px; min-height: 50px; padding: 0 25px 0 25px; text-decoration: none } .nav-tabs-basket ul li.active a { color: #fff; background: #6ec500 } .clear-basket { margin-left: auto } .clear-basket a { position: relative; color: #333; text-decoration: none; padding: 0 0 0 21px } .clear-basket a:before { position: absolute; top: -1px; left: 0; content: ''; display: block; background: url(/local/templates/eco-group/images/ico-clear.svg) no-repeat; width: 14px; height: 19px } .item-basket { margin: 0 0 2px 0 } .head-item-basket { color: #000; border-radius: 5px; background: #f0f0f0; padding: 0; min-height: 46px; display: flex; align-items: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal } .head-item-basket .plus-head { position: relative; padding: 8px 16px 8px 31px; margin-left: 16px; cursor: pointer; } .head-item-basket .plus-head:before { position: absolute; top: 50%; left: 0; margin: -1px 0 0 0; content: ''; width: 16px; height: 2px; background: #6ec500 } .head-item-basket .plus-head:after { position: absolute; top: 50%; left: 7px; margin: -8px 0 0 0; content: ''; width: 2px; height: 16px; background: #6ec500 } .head-item-basket.active .plus-head:after { display: none } .body-item-basket { display: none; padding: 4px 0 0 0 } .head-item-basket.active+.body-item-basket { display: block } .del-order { width: 14px; height: 19px; background: url(/local/templates/eco-group/images/ico-clear.svg) no-repeat; margin: 0 auto; cursor: pointer } .count-bask { display: flex; align-items: center; width: 84px; border: 1px solid #d7d7d7; border-radius: 100px; min-height: 43px; text-align: center; justify-content: center } .count-bask .minus { position: relative; width: 14px; height: 14px; cursor: pointer } .count-bask .minus:before { position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -6px; content: ''; display: block; background: #6ec500; width: 12px; height: 2px } .count-bask input { width: 36px; min-width: 36px; text-align: center; display: block; height: 24px; font-family: Roboto, sans-serif; border: none; outline: 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; color: #060606 } .count-bask .plus { position: relative; width: 14px; height: 14px; cursor: pointer; /*background:url(/local/templates/eco-group/images/ico-plus.svg) no-repeat*/ } .count-bask .plus:before { position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -6px; content: ''; display: block; background: #6ec500; width: 12px; height: 2px } .count-bask .plus:after { position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -1px; content: ''; display: block; background: #6ec500; width: 2px; height: 12px } .bot-info-bask { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 34px } .item-inf-bask { font-size: 16px; margin: 0 0 0 25px; font-style: normal; font-weight: 400; line-height: 24px; color: #999 } .body-item-basket .table-compaund { margin-bottom: 17px } .total-basket { margin: 51px 0 0 0 } .line-total-bask { display: flex; flex-wrap: wrap; justify-content: flex-end; margin: -10px 0 20px -32px } .item-total-bask { font-size: 16px; margin: 10px 0 0 32px; font-style: normal; font-weight: 400; line-height: 24px } .item-total-bask b { font-size: 24px; margin: 0 0 0 8px; font-style: normal; font-weight: 700; line-height: 24px } .discount-bask { font-size: 16px; margin: 0 0 22px 0; font-style: normal; text-align: right; font-weight: 400; line-height: 24px; color: #999 } .discount-bask b { font-size: 24px; font-style: normal; font-weight: 700; line-height: 24px; margin-left: 8px } .die-discount { text-align: right } .die-discount span { display: inline-flex; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #999; border-radius: 5px; background: #f0f0f0; padding: 8px 16px 9px 17px } .but-all-bask { font-size: 16px; margin: 5px 0 0 0; font-style: normal; font-weight: 400; line-height: 24px } .but-all-bask a { display: inline-flex; align-items: center; justify-content: center; min-width: 257px; text-align: center; color: #fff; text-decoration: none; border-radius: 50px; background: #333; min-height: 46px; padding: 0 30px 0 30px } .but-all-bask a:hover { color: #fff; background: #6ec500 } /*orders*/ .tit-active-orders { color: #333; margin: 0 0 20px 0; font-size: 24px; font-style: normal; font-weight: 400; line-height: 24px } .sel-active-orders { display: flex; margin: -20px 0 44px -20px } .sel-orders { width: calc(33.333% - 20px); margin: 20px 0 0 20px } .sel-orders .selectbox { position: relative; display: block !important; vertical-align: middle; cursor: pointer } .sel-orders .selectbox .select { float: none !important; width: 100%; min-width: 1px; height: 50px; display: flex; border-radius: 50px; align-items: center; background: #f0f0f0; line-height: normal; padding: 0 42px 0 17px; color: #999; font-weight: 400; font-size: 16px; line-height: 24px } .sel-orders select { opacity: 0; height: 50px; width: 100% } .sel-orders .selectbox .select .text { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .sel-orders .selectbox .trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100% } .sel-orders .selectbox .trigger .arrow { position: absolute; top: 50%; right: 22px; margin: -4px 0 0 0; width: 14px; height: 9px; overflow: hidden; background: url(/local/templates/eco-group/images/arrow-sel2.svg) no-repeat } .sel-orders .selectbox .dropdown { top: 100%; left: 0; min-width: 100%; margin: 1px 0 0 0; padding: 8px 0; background: #fff; border-radius: 5px; border: none; z-index: 99; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) } .sel-orders .selectbox .dropdown ul { list-style-type: none; margin: 0; padding: 0 } .sel-orders .selectbox li { margin: 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; background: 0; padding: 7px 14px 8px; background: 0; white-space: nowrap; color: #000 } .sel-orders .selectbox li.sel, .select-cat .selectbox li:hover { background: #d7d7d7 } .field-date-orders { width: calc(33.333% - 20px); margin: 20px 0 0 20px } .field-date-orders input { width: 100%; border-radius: 50px; display: block; background: #f0f0f0; outline: 0; padding: 0 45px 0 20px; height: 50px; border: none; outline: 0; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .field-date-orders input::placeholder { color: #999 } .head-item-order { display: flex; align-items: baseline; flex-wrap: wrap; margin: 0 0 25px 0 } .tit-item-order { color: #000; margin-right: 20px; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal } .status-order { margin-left: auto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal } .check-order { position: relative } .check-order input { opacity: 0; position: absolute; top: 0; left: 0 } .check-order label { position: relative; width: 25px; height: 25px; display: block; cursor: pointer } .check-order label:before { position: absolute; top: 1px; left: 0; box-sizing: border-box; content: ''; display: block; width: 25px; height: 25px; border: 1px solid #d7d7d7; border-radius: 5px } .check-order input:checked+label:before { background: #6ec500; border-color: #6ec500 } .check-order label:after { display: none; position: absolute; top: 9px; left: 5px; content: ''; background: url(/local/templates/eco-group/images/check.svg) no-repeat; width: 15px; height: 11px } .check-order input:checked+label:after { display: block } .in-big-order .body-item-basket { padding-top: 0 } .in-big-order .head-table-compaund { border: none } .in-big-order .table-compaund { margin-bottom: 0 } .in-big-order .body-table-compaund:last-child { border: none } .in-big-order .head-item-basket { margin-bottom: 2px } .check-all { font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: none } .check-all:hover { text-decoration: underline } .bottom-bl-orders { display: flex; flex-wrap: wrap; margin-top: 27px } .left-bot-orders { display: flex; flex-wrap: wrap } .tit-bl-orders { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #999; margin-right: 29px } .add-orders { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .add-orders a { position: relative; padding: 0 0 0 40px } .add-orders a:before { position: absolute; top: -5px; left: 0; content: ''; width: 32px; height: 27px; display: block; background: url(/local/templates/eco-group/images/add-order.svg) no-repeat } .right-bot-orders { margin-left: auto } .right-bot-orders .line-total-bask { margin-bottom: 12px } .cancel-order-wrap { margin-top: 15px; } .cancel-order-btn { color: #e74c3c; font-size: 14px; text-decoration: underline; cursor: pointer; transition: color 0.2s; } .cancel-order-btn:hover { color: #c0392b; } .bl-orders { margin-bottom: 80px } .field-date-orders input.field-calendar { background: #f0f0f0 url(/local/templates/eco-group/images/ico-calendar.svg) 95% 50% no-repeat } /*card*/ .art-product { font-size: 16px; margin: 0 0 33px 0; font-style: normal; font-weight: 400; line-height: normal } .art-product span { color: #999 } .body-card { display: flex; margin: 0 0 30px 0 } .card-left { width: 48.2% } .gallery-card { position: relative; padding: 0 0 0 105px } .slider-gal .slide { padding-right: 1px } .thumbs-gallery { position: absolute; left: 0; top: 0; height: 100%; min-width: 76px; max-width: 76px; padding: 0 16px 0 0; } .slider-thumb { display: flex; flex-direction: column } .slider-thumb .slide { position: relative; margin: 0 0 8px 0; cursor: pointer } .slider-thumb .slide p { margin: 0; padding: 0; border-radius: 5px; width: 60px; justify-content: center; overflow: hidden; display: flex; align-items: center; border: none; min-height: 60px } .slider-thumb .slide img { display: block; max-width: 100%; margin-left: auto; margin-right: auto } .slider-gal .slide p { border-radius: 5px; border: 1px solid #d7d7d7; min-height: 486px; margin: 0; padding: 0; line-height: normal; display: flex; align-items: center; justify-content: center } .thumbs-gallery .slide p:before { position: absolute; top: -1px; left: -1px; content: ''; display: block; width: 60px; height: 100%; border-radius: 5px; border: 1px solid #d7d7d7 } .thumbs-gallery .slide.slick-current p:before { border: 2px solid #6ec500 } .thumbs-gallery .slide.slick-current { cursor: default } .slider-gal .slide img { display: block; max-width: 100% } .card-right { margin-left: auto; width: 50.27%; display: flex } .main-gallery { position: relative; } .videoshorts-btn { width: 60px; height: 60px; border-radius: 5px; background: #fff; border: 1px solid #333; display: flex; align-items: center; justify-content: center; cursor: pointer; margin: 0 0 8px 0; transition: transform 0.2s, border-color 0.2s; } .videoshorts-btn:hover { transform: scale(1.05); border-color: #000; } .videoshorts-btn svg { margin-left: 2px; } .videoshorts-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 45; background: #FFFFFF; border-radius: 5px; display: flex; align-items: center; justify-content: center; } .videoshorts-player { width: 100%; height: 100%; object-fit: contain; border-radius: 5px; } .videoshorts-close { position: absolute; top: 10px; right: 10px; z-index: 55; width: 36px; height: 36px; border-radius: 50%; background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 24px; line-height: 36px; text-align: center; cursor: pointer; transition: background 0.2s; } .videoshorts-close:hover { background: rgba(0, 0, 0, 0.85); } .params-card { width: calc(50% - 25px) } .bl-params { margin: 0 0 23px 0 } .bl-params span { color: #999; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; display: block; margin: 0 0 11px 0 } .bl-params ul { list-style-type: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; margin: -8px 0 0 -8px } .bl-params ul li { position: relative; margin: 0; padding: 0; line-height: normal; background: 0 0; margin: 8px 0 0 8px } .bl-params ul li input { position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0 } .bl-params ul li label { position: relative; display: inline-flex; font-size: 16px; padding: 1px 10px 0 10px; cursor: pointer; border-radius: 5px; min-height: 31px; align-items: center } .bl-params ul li label:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; display: block; border: 1px solid #d7d7d7; border-radius: 5px } .bl-params ul li input:checked+label:before, .bl-params ul li.selected label:before { border: 2px solid #6ec500 } .color-param { margin: 0 0 19px 0 } .color-param span { color: #999; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; display: block; margin: 0 0 11px 0 } .color-param ul { list-style-type: none; margin: -10px 0 0 -10px; padding: 0; display: flex; flex-wrap: wrap } .color-param ul li { position: relative; margin: 10px 0 0 10px; padding: 0; width: 60px; height: 45px; line-height: normal; background: 0 0 } .color-param ul li input { position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0 } .color-param ul li label { cursor: pointer; display: flex; width: 60px; height: 45px; align-items: center; justify-content: center } .color-param ul li input:checked+label { cursor: default } .color-param ul li label:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; display: block; border: 1px solid #d7d7d7; border-radius: 6px } .color-param ul li input:checked+label:before, .color-param ul li.selected label:before { border: 2px solid #6ec500 } .color-param ul li img { display: block; border-radius: 4px; max-width: 100%; max-height: 100%; object-fit: cover } .info-card { width: calc(54.5% - 25px); margin: 0 0 0 25px } .block-price { background: #f0f0f0; border-radius: 5px; padding: 11px 20px 23px 20px; margin: 0 0 54px 0 } .list-price { display: flex; margin: 0 0 25px -20px } .item-price { width: calc(50% - 20px); margin: 0 0 0 20px } .item-price span { display: block; color: #999; margin: 0 0 22px 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal } .opt-price { color: #333; font-size: 36px; font-style: normal; font-weight: 400; line-height: 24px } .rrc-price { color: #333; font-size: 24px; font-style: normal; font-weight: 400; line-height: 24px } .but-card { margin: 0 0 19px 0; color: #fff; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal } .but-card a { border-radius: 50px; color: #fff; text-decoration: none; background: #333; display: flex; height: 46px; align-items: center; justify-content: center; text-align: center } .but-card a:hover { background: #6ec500 } .but-card span { position: relative; padding: 0 0 0 32px; display: inline-flex } .but-card span:before { position: absolute; top: 50%; left: 0; margin: -11px 0 0 0; content: ''; display: block; background: url(/local/templates/eco-group/images/but-bask.svg) no-repeat; width: 27px; height: 22px } .but-card.not-available span:before { position: absolute; top: 50%; left: 0; margin: -13px 0 0 0; content: ''; display: block; background: url(/local/templates/eco-group/images/ico-but-card.svg) no-repeat; width: 29px; height: 24px } .date-price { color: #999; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal } .bl-technology span { display: block; color: #999; margin: 0 0 23px 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal } .bl-technology ul { list-style-type: none; margin: -20px 0 0 -35px; padding: 0; display: flex; flex-wrap: wrap } .bl-technology ul li { margin: 20px 0 0 35px; padding: 0; line-height: normal; background: 0 0 } .bl-technology ul li img { display: block; max-width: 100% } .block-descr-card { margin: 0 0 55px 0 } .b-over-product { margin: 0 0 108px 0 } .block-infograph { margin: 0 0 75px 0; } .block-infograph .infograph-images { display: flex; flex-direction: column; } .block-infograph .infograph-image-item { margin: 0 0 20px 0; } .block-infograph .infograph-image-item:last-child { margin-bottom: 0; } .block-infograph .infograph-image-item img { display: block; max-width: 100%; width: 100%; height: auto; } .full-params-card { margin: 0 0 75px 0 } .list-params-card { display: flex; flex-wrap: wrap; margin: -40px 0 0 -40px } .item-params-card { width: calc(33.333% - 40px); margin: 40px 0 0 40px } .item-params-card ul { list-style-type: none; margin: 0; padding: 0 } .item-params-card ul li { position: relative; z-index: 30; margin: 0 0 15px 0; display: flex; align-items: flex-end; padding: 0; background: 0 0; color: #999; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal } .item-params-card ul li:before { position: absolute; bottom: 4px; left: 0; border-bottom: 1px dotted #999; content: ''; z-index: -1; display: block; height: 1px; width: 100% } .item-params-card ul li:last-child { margin-bottom: 0 } .item-params-card ul li span { display: block; background: #fff; position: relative; z-index: 50 } .item-params-card ul li span:first-child { padding-right: 4px } .item-params-card ul li span:last-child { margin-left: auto; padding-left: 4px; color: #333 } .head-over { display: flex; margin: 0 0 35px 0 } .head-over .title { margin: 0 } .head-over .type-cat { margin-left: auto } .table-over table { width: 100%; border-collapse: collapse } .table-over table th { color: #999; border-bottom: 1px solid #eaeaea; padding: 0 5px 7px 5px; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal } .table-over table th:first-child { text-align: left } .table-over table td { font-size: 16px; text-align: center; border-bottom: 1px solid #eaeaea; font-style: normal; font-weight: 400; line-height: 24px; padding: 19px 5px 19px 5px } .card-over { display: flex; align-items: center; max-width: 280px } .card-over.full-line { max-width: 100% } .card-over.full-line a:hover { color: #6EC500; } .img-card-ver { position: relative; margin-right: 20px; min-width: 88px; height: 88px; display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #d7d7d7 } .img-card-ver img { max-width: 100%; max-height: 100% } .img-card-ver span { position: absolute; top: 50%; left: 50%; width: 85px; transition: .2s; border-radius: 5px; background: #fff; transform: translate(-50%, -50%); height: 85px; display: flex; align-items: center; justify-content: center } .img-card-ver:hover span { width: 190px; height: 190px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2); z-index: 80 } .table-over table td:first-child { padding-left: 0; text-align: left } .desc-card-over { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .desc-card-over a { color: #000; text-decoration: none } .status-over { color: #6ec500 } .status-over.not-available { color: #333 } .status-over span { color: #999; display: block; margin: 3px 0 0 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal } .table-over table td .count-bask { margin-left: auto; margin-right: auto } .price-over { color: #333; text-align: center; font-size: 20px; font-style: normal; font-weight: 700; line-height: 24px; white-space: nowrap } .but-bask-over a { position: relative; width: 55px; height: 46px; display: flex; align-items: center; justify-content: center; background: #333; border-radius: 50px } .but-bask-over a:before { position: absolute; top: 50%; left: 50%; width: 27px; height: 22px; margin: -11px 0 0 -13px; content: ''; display: block; background: url(/local/templates/eco-group/images/but-bask.svg) no-repeat } .but-bask-over a:hover { background: #6ec500 } .but-bask-over.not-available a:before { background: url(/local/templates/eco-group/images/but-bask2.svg) no-repeat; width: 32px; height: 27px; margin: -13px 0 0 -16px } .block-video-card { position: relative; z-index: 40; padding: 26px 0 11px 0; margin: 0 0 136px 0 } .block-video-card:before { position: absolute; top: 0; z-index: -1; left: 50%; height: 100%; width: 10000px; margin: 0 0 0 -5000px; content: ''; display: block; background: #333 } .block-video-card .title { color: #fff } .main-video { margin: 0 0 10px 0 } .slider-video .slide img { display: block; max-width: 100%; width: 100% } .slider-video .slide iframe { display: block; width: 100%; border: none !important } .slider-thumb-video .slick-list { margin-left: -7px; margin-right: -7px } .slider-thumb-video .slide { padding: 0 7px 0 7px; cursor: pointer } .slider-thumb-video .slide span { position: relative; display: block } .slider-thumb-video .slide span:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; background: rgba(255, 255, 255, .15) } .slider-thumb-video .slide span:after { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; content: ''; display: block; background: url(/local/templates/eco-group/images/ico-video-small.svg) no-repeat; width: 31px; height: 31px } .slider-thumb-video .slide img { display: block; width: 100% } .slider-video .slick-prev { background: 0 0; border-radius: 0; left: 13px; top: 50%; margin: -12px 0 0 0; padding: 25px 0 0 15px } .slider-video .slick-prev:before { width: 15px; height: 25px; background: url(/local/templates/eco-group/images/arrow-gal.svg) no-repeat; transform: rotate(0); top: 0; left: 0; margin: 0; margin-left: 0 } .slider-video .slick-next { background: 0 0; border-radius: 0; right: 13px; top: 50%; margin: -12px 0 0 0; padding: 25px 0 0 15px } .slider-video .slick-next:before { width: 15px; height: 25px; background: url(/local/templates/eco-group/images/arrow-gal.svg) no-repeat; transform: rotate(180deg); top: 0; left: 0; margin: 0; margin-left: 0 } .slider-thumb-video .slick-current span:after, .slider-thumb-video .slick-current span:before { display: none } .slider-thumb-video .slick-track { transform: none !important } .content .b-product { padding-left: 0; padding-right: 0 } .content .b-product .title { margin-bottom: 14px } .link-video a { position: relative; display: block; height: 62px; width: 62px; border-radius: 5px; border: 1px solid #d7d7d7 } .link-video a:before { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; background: url(/local/templates/eco-group/images/ico-video-card.svg) no-repeat; content: ''; display: block; width: 31px; height: 31px } .but-input-card { font-size: 16px; margin: -10px 0 16px 0; font-style: normal; font-weight: 400; line-height: normal } .but-input-card a { display: inline-flex; padding: 0 28px 0 28px; border-radius: 50px; height: 43px; color: #fff; text-decoration: none; background: #333; align-items: center; justify-content: center; text-align: center } .but-input-card a:hover { background: #6ec500 } .head-buttons { display: flex; margin: 0 31px 0 11px } .stock-but { color: #fff; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal } .stock-but a { position: relative; display: inline-flex; min-height: 50px; align-items: center; border-radius: 50px; background: #e52117; text-decoration: none; color: #fff; padding: 0 15px 0 18px } .stock-but span { color: #fff; margin-right: 8px; font-size: 30px; font-style: normal; font-weight: 500; line-height: normal } .down-but { margin: 0 0 0 11px; color: #fff; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal } .down-but a { position: relative; display: inline-flex; min-height: 50px; align-items: center; min-width: 173px; border-radius: 50px; background: #6ec500; text-decoration: none; color: #fff; padding: 0 23px 0 50px } .down-but a:before { position: absolute; top: 50%; left: 21px; margin: -12px 0 0 0; content: ''; display: block; width: 20px; height: 25px; background: url(/local/templates/eco-group/images/ico-download.svg) no-repeat } .select-filial .selectbox .dropdown { max-height: 280px } .popup-window .count-bask { margin-left: auto; margin-right: auto } .table-over .item-catalog-big { width: calc(25% - 20px) } .table-over .item-catalog-big .price-prod { margin-bottom: 25px } .table-over .item-catalog-big .tit-catalog-big { margin-bottom: 25px } .status-over { white-space: nowrap } /*adaptive version*/ @media screen and (max-width: 1300px) { .price-disc { font-size: 14px } .forgot, .link-adress { font-size: 14px } .item-price span { font-size: 14px } .opt-price { font-size: 28px } .slider-video .slide iframe { height: 53vw } } @media screen and (max-width: 1200px) { .phone-top { font-size: 14px } .menu-top ul li { font-size: 14px } .input-head { font-size: 14px } .choice-town label { font-size: 14px } .choice-town .selectbox .select { font-size: 14px } .menu-top ul li { margin-left: 10px } .rsp { height: 130px } .opt-price { font-size: 23px } .rrc-price { font-size: 20px } } @media screen and (max-width: 1100px) { .link-f ul { flex-direction: column; margin-top: -5px } .link-f ul li { margin-top: 5px } .arrow-up { bottom: 449px; right: 50px } .slider-catalog .slide { min-height: 245px } .img-all-news { margin-right: 70px } .price-disc { font-size: 12px } .item-price span { font-size: 13px } .table-over { max-width: 100%; overflow-x: auto } .desc-card-over, .status-over span, .table-over table td, .table-over table th { font-size: 12px } .price-over { font-size: 16px } .img-card-ver { min-width: 50px; height: 50px; margin-right: 10px } .img-card-ver span { width: 48px; height: 48px } .desc-card-over, .table-over table td { line-height: 18px } } @media screen and (min-width: 999px) { /*.panel-second{transition: opacity 0.3s ease, visibility 0s linear 0.3s;opacity: 0;visibility: hidden;pointer-events:none} .panel-catalog>ul>li:hover .panel-second{opacity: 1;visibility: visible;transition-delay: 1s;pointer-events:auto}*/ .but-menu-mobile, .but-search-mob, .panel-menu-mobile, .search-close-mob { display: none !important } .catalog-left, .search-head { display: block !important } .slider-product .slide .item-prod:hover { border-radius: 5px; background: #fff; box-shadow: 0 0 10px 0 rgba(32, 32, 32, .2) } .slider-product .slide .item-prod:hover .button-bask { opacity: 1 } .ico-filter-cat { display: none } .but-filter-mob { display: none } .map-mobile { display: none } .panel-second { min-height: 100% } .panel-catalog>ul>li>a, .panel-catalog>ul>li>span { transition: 1s } } @media screen and (max-width: 999px) { .panel-second { display: none } .menu-top { display: none } .top-header { position: relative } .phone-top { position: absolute; text-align: center; left: -5px; top: 4px; width: 100%; pointer-events: none } .phone-top a { pointer-events: auto } .right-head { margin-left: 0; justify-content: space-between; width: 100% } .phone-top { margin-left: 0 } .about-main, .b-info-main, .b-product, .b-video-main, .benef-main, .cont-f, .content, .panel-function-main, .partners-main, .top-header, .wr-main-slider, header { padding-left: 15px; padding-right: 15px } .choice-town label { display: none } .choice-town .selectbox .select .text { border: none; font-size: 16px } .phone-top { font-size: 16px } .input-head { font-size: 16px } .top-header { padding-top: 4px } header { padding-top: 15px; padding-bottom: 15px; justify-content: space-between } .buts-catalog { display: none !important } .search-head { display: none; position: fixed; top: 0; left: 0; z-index: 0; z-index: 99; padding: 33px 15px 0 15px; box-shadow: 0 0 3px rgba(0, 0, 0, .2); min-height: 117px; align-items: center; background: #fff; margin: 0; max-width: 100% } .search-close-mob { position: absolute; bottom: 0; left: 0; width: 100%; height: 24px } .search-close-mob:before { position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -7px; content: ''; display: block; background: url(/local/templates/eco-group/images/close-search-mob.svg) no-repeat; width: 14px; height: 9px } .search-head form { width: 100% } .field-search-s input { background: #f0f0f0 !important } .field-search-s input::placeholder { color: #999 !important } .but-search-s button { background: url(/local/templates/eco-group/images/but-search.svg) no-repeat !important } .but-search-s { right: 38px } .but-search-mob { margin-right: 22px; background: url(/local/templates/eco-group/images/but-search-mob.svg) no-repeat; width: 21px; height: 21px } .but-search-mob:first-child:last-child { margin-right: 0 } .but-menu-mobile { min-width: 67px; display: flex; align-items: center; justify-content: center; min-height: 50px; border-radius: 50px; background: #333 } .but-menu-mobile i { position: relative; font-style: normal; display: block; height: 2px; width: 18px; background: #fff } .but-menu-mobile i:before { position: absolute; top: -7px; left: 0; content: ''; background: #fff; display: block; height: 2px; width: 18px } .but-menu-mobile i:after { position: absolute; bottom: -7px; left: 0; content: ''; background: #fff; display: block; height: 2px; width: 18px } .but-menu-mobile.active i:after { bottom: 0; transform: rotate(-45deg) } .but-menu-mobile.active i:before { top: 0; transform: rotate(45deg) } .but-menu-mobile.active i { background: none !important } .fixed .but-menu-mobile { background: #fff } .fixed .but-menu-mobile i { background: #333 } .fixed .but-menu-mobile i:before { background: #333 } .fixed .but-menu-mobile i:after { background: #333 } .fixed .but-search-mob { margin-right: 22px; background: url(/local/templates/eco-group/images/but-search-mob2.svg) no-repeat } .black .but-menu-mobile { background: #fff } .black .but-menu-mobile i { background: #333 } .black .but-menu-mobile i:before { background: #333 } .black .but-menu-mobile i:after { background: #333 } .black .but-search-mob { margin-right: 22px; background: url(/local/templates/eco-group/images/but-search-mob2.svg) no-repeat } .right-bot-head { margin-left: 0; min-width: 75px; justify-content: flex-end } .logo { height: 45px; width: 123px; min-width: 123px } .logo img { max-width: 100% } .rsp { height: 111px } .wr-main-slider { margin-top: 0 } .choice-town .selectbox .dropdown { left: 0; margin-top: 5px } .panel-menu-mobile { display: none; max-height: calc(100vh - 103px); overflow-y: auto; position: absolute; top: 100%; background: #333; left: 0; width: 100%; padding: 40px 15px 40px 15px; z-index: 99 } .body-menu-p { display: flex } .column-menu-h { width: 50%; padding: 0 20px 0 0 } .bl-menu-h { margin: 0 0 35px 0 } .bl-menu-h:last-child { margin-bottom: 0 } .bl-menu-h p { color: #fff; margin: 0 0 12px 0; min-height: 45px; padding: 0; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal } .bl-menu-h p a { color: #fff; text-decoration: none } .bl-menu-h ul { list-style-type: none; margin: 0; padding: 0 } .bl-menu-h ul li { margin: 0 0 10px 0; padding: 0; line-height: normal; background: 0 0 } .bl-menu-h ul li:last-child { margin-bottom: 0 } .bl-menu-h ul li a { color: #999; text-decoration: none } .bl-menu-h ul li a:hover { color: #fff } .column-menu-h:last-child .bl-menu-h:last-child p { margin-bottom: 12px } .arrow-up { bottom: 15px; right: 15px } .arrow-up a { width: 45px; height: 45px } .cont-f { padding-top: 40px; padding-bottom: 37px } .footer-top { flex-wrap: wrap } .col-f { width: 50%; margin: 0 0 45px 0 } .col-f:first-child { width: 100% } .body-catalog-f { margin: 0 } .body-catalog-f ul { width: 50%; margin-left: 0 } .tit-col-f { min-height: 45px; margin-bottom: 10px } .footer-top { position: relative; margin-bottom: 135px } .b-soc-f { position: absolute; top: 100%; left: 0; margin: -10px 0 0 0 } .b-soc-f .tit-col-f { min-height: 1px; margin: 0 0 24px 0 } .footer-bottom { flex-direction: column } .adress { order: 1; color: #fff; margin: 0 0 28px 0 } .copy { order: 2; margin: 0 0 28px 0 } .link-f { order: 3 } .main-slider .slick-prev { left: -10px } .main-slider .slick-next { right: -10px } .list-function-main ul { justify-content: center } .panel-function-main { margin-bottom: 43px } .slider-product .slick-prev { left: -10px } .slider-product .slick-next { right: -10px } .slider-video-main .slick-next { right: -10px } .slider-video-main .slick-prev { left: -10px } .slider-partners .slick-next { right: -10px } .slider-partners .slick-prev { left: -10px } .slider-product .slide .item-prod .button-bask { display: none !important } .content { /*padding-top:27px;*/ padding-bottom: 60px; padding-top: 60px; } .body-catalog { position: relative } .catalog-left { position: absolute; width: 100%; top: 66px; z-index: 95; background: #f5f5f5; padding-bottom: 33px; display: none } .filters-cat { border: none; padding-top: 33px } .catalog-left:before { position: absolute; top: 0; left: 50; height: 100%; z-index: -1; background: #f5f5f5; content: ''; display: block; width: 10000px; margin: 0 0 0 -5000px } .catalog-left:after { position: absolute; top: -10px; right: 10px; content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #f5f5f5 } .catalog-right { width: 100%; margin-left: 0 } .type-cat { display: none } .head-function-cat { margin: 0 0 31px 0 } .ico-filter-cat { position: relative; right: 11px; background: url(/local/templates/eco-group/images/ico-filter.svg) no-repeat; width: 22px; height: 22px; margin-left: auto } .ico-filter-cat i { position: absolute; top: -8px; right: -10px; color: #fff; background: #6ec500; padding: 1px 0 0 0; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; display: block; width: 18px; height: 18px; border-radius: 50% } .pages { display: none } .more-but { font-size: 16px; margin: 47px 0 0 0; font-style: normal; font-weight: 400; line-height: 30px } .more-but a { display: flex; min-height: 43px; align-items: center; justify-content: center; text-align: center; border-radius: 50px; background: #6ec500; color: #fff; text-decoration: none } .sort-cat label { margin-bottom: 6px } .sort-cat { flex-direction: column } .sel-sort-cat .selectbox .select .text { position: relative; border: none; padding: 0 20px 0 0 } .sel-sort-cat .selectbox .select .text:before { position: absolute; top: 50%; right: 0; margin: -4px 0 0 0; right: 0; width: 13px; height: 8px; content: ''; display: block; background: url(/local/templates/eco-group/images/arrow-filter.svg) no-repeat; transform: rotate(180deg) } .wr-menu-catalog { display: none } .body-filter { display: block !important } .head-filter:before { display: none } .but-reset {} .but-reset a { width: 100% } .but-filter-mob { margin-top: 50px } .but-filter-mob button { height: 43px; border-radius: 50px; color: #fff; border: none; outline: 0; cursor: pointer; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; padding: 0 20px 0 20px; width: 100%; background: #6ec500 } .bl-filter { margin-bottom: 35px } .sel-sort-cat .selectbox .dropdown { left: 0 } .content h1 { font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; margin: 0 0 17px 0; padding: 0 } .select-cat { margin-top: 17px; margin-bottom: 40px } .img-all-catalog { margin-bottom: 30px } .big-green-text { font-size: 24px; margin: 23px 0 20px 0 } .slider-part2 { visibility: visible; display: flex; flex-wrap: wrap; margin: -10px 0 61px -40px !important; opacity: 1; transition: opacity .5s } .slider-part2 .slide:first-child { display: block; visibility: visible } .slider-part2 .slide { display: block; width: calc(50% - 40px); margin: 10px 0 0 40px } .about-partners>p { margin-bottom: 15px } .tit-about-year { font-size: 36px; margin-bottom: 35px } .about-year { margin-bottom: 65px } .cols-about-year { flex-direction: column; margin-top: 0 } .item-about-year { width: calc(100% - 21px) } .read-about { padding-left: 0 } .read-about:before { position: relative; left: auto; top: auto; margin: 0 0 24px 0 } .item-about-year { padding-top: 0; padding-left: 50px; padding-bottom: 34px; margin-top: 0 } .item-about-year:after { top: -3px; width: 17px; height: 17px } .item-about-year:before { height: 105%; width: 5px; top: -2px; left: 11px } .item-about-year:last-child { padding-bottom: 0 } .body-contacts { flex-direction: column } .body-contacts { margin-top: 30px } .contacts-left { width: 100% } .select-filial { margin-bottom: 23px } .contacts-right { display: none } .map-contacts { min-height: 360px; margin-bottom: 42px; margin-left: -15px; margin-right: -15px } #map2 { min-height: 360px } .soc-contacts { margin-bottom: 32px } .item-video-list { width: calc(50% - 20px) } .item-articles { width: calc(33.333% - 22px) } .select-cat { margin-top: 30px } .img-all-news { min-width: 1px; width: 100%; margin: 0 0 28px 0 } .list-all-news { position: relative; margin-top: 35px; padding-bottom: 35px; margin-bottom: 36px } .list-all-news:before { content: ''; display: block; width: 10000px; height: 1px; position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -5000px; background: #d7d7d7 } .date-all-news { position: absolute; top: 13px; left: 0 } .item-all-news { position: relative; padding: 50px 0 0 0; flex-direction: column; align-items: flex-start; margin-bottom: 35px } .item-all-news:before { content: ''; display: block; width: 10000px; height: 1px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -5000px; background: #d7d7d7 } .list-all-news+.more-but { margin-top: 36px } .body-discount { flex-direction: column } .bl-discount { width: calc(100% - 20px); margin-bottom: 47px } .list-discount { flex-direction: column } .item-discount { flex-direction: row; justify-content: flex-start; padding-left: 18px; padding-right: 12px; min-height: 47px } .price-disc { margin-left: auto; font-size: 16px } .price-disc br { display: none } .item-discount i { margin-bottom: 0 } .bl-discount:last-child { margin-bottom: 0 } .all-discount { margin-bottom: 43px } .all-discount p { margin-bottom: 30px } .item-all-disc { width: calc(33.33% - 20px) } .die-grey-work { padding: 26px 15px 35px 15px; margin-left: -15px; margin-right: -15px; border-radius: 0 } .cols-info-org { flex-direction: column; margin-top: -20px } .item-info-org { margin-top: 30px; width: calc(100% - 50px) } .info-organiz { margin-bottom: 45px } .bl-work { position: relative; padding-top: 39px; margin-bottom: 40px; border: none } .bl-work:before { content: ''; display: block; width: 10000px; height: 1px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -5000px; background: #d7d7d7 } .cols-delivery { flex-direction: column } .col-delive { width: calc(100% - 20px) } .line-radios { margin-left: -30px } .item-radio { margin-left: 30px } .fields-two .field { width: calc(100% - 20px) } .fields-two .field { max-width: none } .body-table-compaund .td-compaund { font-size: 14px } .td-compaund { min-width: 110px } .field-date-orders input.field-calendar { background: #f0f0f0 url(/local/templates/eco-group/images/ico-calendar.svg) 90% 50% no-repeat } .left-bot-orders { flex-direction: column } .tit-bl-orders { margin-right: 0; margin-bottom: 10px } .block-video-card { margin-bottom: 55px } .item-params-card { width: calc(50% - 40px) } .body-card { flex-direction: column } .card-left { width: 100%; margin: 0 0 30px 0 } .card-right { margin-left: 0; width: 100% } .wr-header.black .input-head { max-width: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .table-over .item-catalog-big { width: calc(33.333% - 20px) } } @media screen and (min-width: 767px) { .b-action-mob { display: none !important } .thumbs-gallery { overflow-y: auto; scrollbar-color: #999999 #F0F0F0; scrollbar-width: thin } .thumbs-gallery::-webkit-scrollbar { background-color: #f0f0f0; width: 7px; border-radius: 10px } .thumbs-gallery::-webkit-scrollbar-thumb { background-color: #999; border-radius: 10px } .tech-mob { display: none } .title-param-mob { display: none } .thumbs-gallery .slick-list { overflow: visible; height: auto !important } .thumbs-gallery .slick-track { overflow: visible; height: auto !important; transform: none !important } .over-mob { display: none } } @media screen and (max-width: 767px) { /*.main:not(.main-card) .head-buttons{display:none;}*/ .wr-main-slider { padding-left: 0; padding-right: 0; padding-top: 50px; } .main-slider .slide img { border-radius: 0; width: 100% } .main-slider .slick-prev { padding: 25px 0 0 14px; left: 16px; background: 0 0 } .main-slider .slick-prev:before { width: 14px; height: 25px; top: 0; left: 0; margin: 0; transform: rotate(180deg); background: url(/local/templates/eco-group/images/arrow-slider-mob.svg) no-repeat } .main-slider .slick-next { padding: 25px 0 0 14px; right: 16px; background: 0 0 } .main-slider .slick-next:before { width: 14px; height: 25px; top: 0; left: 0; margin: 0; background: url(/local/templates/eco-group/images/arrow-slider-mob.svg) no-repeat } .list-function-main ul { flex-direction: column; margin-top: -15px } .list-function-main ul li a { width: 100% } .list-function-main ul li { margin-top: 15px } .b-product .title { margin-bottom: 8px } .partners-main, .wr-benef-main, .wr-video-main { display: none } .b-info-main .all-info { display: none } .nav-info-main ul li:last-child { display: none } .img-info-main { display: none } .list-info-main { flex-direction: column } .img-prod { min-height: 155px } .b-product { margin-bottom: 60px } .slider-product .slick-dots { bottom: -10px } .list-info-main { margin: 0 } .date-info-main { margin-right: 16px; margin-bottom: 0 } .b-info-main { margin-bottom: 67px } .item-info-main { width: 100%; margin: 0; padding: 18px 0 18px 0; display: flex; align-items: center; border-bottom: 1px solid #eaeaea } .list-info-main { border-top: 1px solid #eaeaea } .tit-info-main { line-height: 20px } .about-main { margin-bottom: 55px } .nav-info-main { margin-bottom: 19px } .b-action-mob { margin: 0 0 67px 0; padding: 0 15px 0 15px } .b-action-mob .title { margin: 0 0 19px 0 } .slider-action-mob .slide img { display: block; max-width: 100%; width: 100%; border-radius: 5px } .slider-action-mob .slick-dots { margin-top: 7px } .list-all-catalog { margin: -35px 0 0 -20px } .item-all-catalog { width: calc(33.333% - 20px); margin: 35px 0 0 20px } .body-content { flex-direction: column } .right-content { width: 100%; margin-left: 0 } .left-content { min-width: 1px; margin-bottom: 76px } .item-video-list { width: calc(50% - 20px) } .all-video-list { margin-bottom: 83px } .item-articles { width: calc(50% - 22px) } .select-cat { max-width: 100% } .img-all-news img { width: 100% } .item-all-disc { width: calc(50% - 20px) } .body-discount { margin-bottom: 50px } .all-discount .title-disc { margin-bottom: 19px } .buts-org { flex-direction: column; margin-left: 0; align-items: flex-start; margin-bottom: 62px } .buts-org .button { width: 100%; margin-left: 0 } .buts-org .button a { width: 100% } .buts-org .down-file { margin-left: 0 } .wr-field { flex-direction: column; align-items: flex-start } .forgot { margin-left: 0; margin-top: 10px } .bot-form { flex-direction: column } .but-send { width: 100% } .but-send button { width: 100% } .link-reg { margin-left: 0; margin-top: 20px } .field-size2, .field-size5 { max-width: 100% } .link-adress { margin-top: 10px } .line-radios { flex-direction: column } .nav-cab { margin-bottom: 30px } .nav-cab ul { flex-direction: column; display: flex; margin-left: -15px; margin-right: -15px; border-radius: 0; border-left: 0; border-right: 0 } .nav-cab li a, .nav-cab li span { width: 100%; border-radius: 0 } .bl-delivery { margin: 50px 0 50px 0 } .table-compaund { overflow-x: auto } .in-table-compaund { min-width: 800px } .bl-compaund { margin-bottom: 50px } .compaund-bottom { flex-direction: column } .edit-compaund { margin-bottom: 30px } .total-compaund { flex-direction: column; margin-left: 0 } .item-total { margin: 0 0 10px 0 } .field-textarea { margin-bottom: 30px } .assets-form label { line-height: 24px } .assets-form label:before { top: -2px } .assets-form label:after { top: 5px } .die-discount { margin-bottom: 30px } .but-all-bask a { width: 100% } .head-basket { flex-direction: column } .clear-basket { margin-bottom: 15px } .total-basket { margin-top: 30px } .nav-tabs-basket { width: 100% } .nav-tabs-basket ul { flex-direction: column; display: flex; margin-left: -15px; margin-right: -15px; border-radius: 0; border-left: 0; border-right: 0 } .nav-tabs-basket ul li a, .nav-tabs-basket ul li span { width: 100%; border-radius: 0 } .sel-active-orders { flex-direction: column } .sel-orders { width: calc(100% - 20px) } .field-date-orders { width: calc(100% - 20px) } .head-item-order { flex-direction: column } .status-order { margin-left: 0; margin-top: 15px } .check-all { display: none } .left-bot-orders { margin-bottom: 30px } .bl-orders { margin-bottom: 50px } .head-buttons { position: absolute; top: 100%; left: 0; justify-content: center; margin-top: 5px; margin-left: 0; margin-right: 0; width: 100% } .main-card .content { padding-top: 60px } .down-but a br { display: none } .stock-but { font-size: 16px } .stock-but span { font-size: 24px; font-weight: 400 } .stock-but a { min-height: 40px; padding-left: 15px } .down-but a { min-height: 40px; padding-right: 15px; padding-left: 40px } .down-but { font-size: 16px } .down-but a:before { left: 14px } .fixed .head-buttons { display: none } .card-right { flex-direction: column } .params-card { width: 100% } .info-card { width: auto; margin: 5px -15px 0 -15px; border-radius: 0 } .block-price { border-radius: 0; margin-bottom: 0 } .item-params-card { width: calc(100% - 40px) } .main-gallery { margin-bottom: 10px } .gallery-card { padding-left: 0 } .thumbs-gallery { position: relative; left: auto; top: auto; max-width: 100%; padding: 2px 63px 5px 0; display: block } .thumbs-gallery .slick-track { display: flex } .slider-thumb .slide { margin: 0 0 0 12px } .slider-thumb .slide:first-child { margin-left: 1px } .slider-thumb .slick-list { padding-top: 2px; padding-bottom: 2px } .link-video { margin-left: 0; position: absolute; top: 3px; right: 0 } .link-video a { background: #fff } .slider-gal .slide p { min-height: 91.3vw } .tech-desc { display: none } .tech-mob { margin-bottom: 44px } .item-price span { font-size: 16px } .opt-price { font-size: 36px } .rrc-price { font-size: 24px } .thumbs-gallery .slide.slick-current p:before { top: -2px } .bl-params ul li input:checked+label:before { top: -1px } .block-descr-card { margin-bottom: 45px } .block-video-card .title { margin-bottom: 20px } .slider-video .slick-next { right: 2px } .slider-video .slick-prev { left: 2px } .slider-video .slide iframe { height: 51vw } .over-desc { display: none } .list-over-mob { position: relative; padding: 0; margin-bottom: 76px } .list-over-mob:before { position: absolute; top: 0; left: 50%; margin: 0 0 0 -5000px; content: ''; display: block; height: 1px; width: 10000px; background: #d7d7d7 } .item-over-mob { position: relative; padding: 29px 0 25px 0 } .item-over-mob:before { position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -5000px; content: ''; display: block; height: 1px; width: 10000px; background: #d7d7d7 } .item-over-mob .status-over { font-size: 16px } .item-over-mob .status-over span { font-size: 16px } .prod-over-mob { display: flex; margin: 0 0 25px 0 } .img-over-mob { margin-right: 13px } .img-over-mob a { display: flex; width: 88px; min-width: 88px; min-height: 88px; border-radius: 5px; border: 1px solid #d7d7d7; display: flex; align-items: center; justify-content: center; position: relative } .img-over-mob img { display: block; margin: 0 auto; max-width: 100%; max-height: 100% } .desc-over-mob p { margin: 0 0 15px 0; padding: 0; line-height: normal; color: #000; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .desc-over-mob p a { color: #000; text-decoration: none } .avail-over-mob { color: #6ec500 } .item-over-mob .item-params-card { width: 100%; margin: 0 } .bottom-over-mob { margin: 25px 0 0 0; display: flex; justify-content: space-between; align-items: center } .price-over-mob { color: #333; font-size: 20px; font-style: normal; font-weight: 700; line-height: 24px } .b-over-product { margin-bottom: 87px } .table-over .item-catalog-big { width: calc(50% - 20px) } } @media screen and (max-width: 600px) { .item-catalog-big { width: calc(50% - 20px) } .slider-catalog .slide { min-height: 42vw } .label-new { top: 21px } .choice-town .selectbox .select .text { max-width: 70px } .item-all-catalog { width: calc(50% - 20px); margin: 35px 0 0 20px } .select-cat { width: 100% } .item-video-list { width: calc(100% - 20px) } .item-articles { width: calc(100% - 22px) } .img-die-about { position: absolute; bottom: -48px; right: 15px; left: auto; top: auto } .die-about { padding-left: 15px; padding-right: 15px; margin-left: -15px; margin-right: -15px; padding-bottom: 52px; margin-bottom: 109px } } .loading { position: relative } .loading:before { content: ''; top: 0; left: 0; backdrop-filter: blur(2px); width: 100%; height: 100%; position: absolute; z-index: 15; } /*slider range*/ .scale-weight { max-width: 294px; margin-bottom: -10px } .tit-scale-weight { margin: 0 0 15px 0; font-size: 16px; font-weight: 700; color: #333 } .fields-ranges { display: flex; margin: -6px 0 17px -6px } .field-r { position: relative; width: calc(50% - 6px); margin: 6px 0 0 6px } .field-r label { position: absolute; top: 0; left: 17px; font-size: 16px; color: #999; font-weight: 400; height: 100%; display: block; display: flex; align-items: center } .field-r input { display: block; width: 100%; height: 50px; padding: 0 0 0 41px; font-family: Roboto, sans-serif; outline: 0; font-size: 16px; font-weight: 400; color: #333; background: #fff; border-radius: 50px; border: 1px solid #d7d7d7 } .line-scale-weight.ui-slider-horizontal { border: none !important; height: 2px !important; background: #d9d9d9 } .line-scale-weight .ui-widget-header { background: #6ec500 !important } .line-scale-weight .ui-slider-handle { border-radius: 50%; width: 21px; height: 21px; border: none !important; background: #6ec500; top: -9px } @media screen and (max-width: 450px) { .scale-weight { max-width: 100% } } .body-filter-d { max-height: none; overflow: visible !important } .bx-active .body-filter-d { display: block } .location { display: block; position: absolute; z-index: 10; padding: 0; background: #fff; min-width: 400px; border: 1px solid #f0f0f0; } .location .location-list { margin: 0; } .location .location-item { cursor: pointer; padding: 10px; } .location .location-item a { text-decoration: none } .location .location-item:hover { background: #f0f0f0; } .loader { display: block; position: absolute; width: 100%; height: 100%; background: #fff; z-index: 100; opacity: 0.7; } [data-v-app] { position: relative } .grecaptcha-badge { display: none } .funt-card_w { display: flex; align-items: flex-start } .but-card-green a { background: #6ec500; display: inline-flex; padding-right: 25px; padding-left: 25px; white-space: nowrap } .but-card-green.no-clicked a { background: #333; } .funt-card_w .count-bask { background: #fff; margin: 0 10px 0 0 } @media screen and (max-width:1200px) { .but-card-green a { padding-left: 10px; padding-right: 10px } } @media screen and (max-width:1100px) { .funt-card_w { flex-direction: column; align-items: center } .funt-card_w .count-bask { margin: 0 0 10px 0 } .but-card-green a { padding-left: 25px; padding-right: 25px } } @media screen and (max-width:999px) { .funt-card_w { flex-direction: row; align-items: flex-start } .funt-card_w .count-bask { margin: 0 10px 0 0 } } #app_register .assets-form input[type="checkbox"]:not(:checked)+label:before, #app_order .assets-form input[type="checkbox"]:not(:checked)+label:before { border-color: #000; } #app_register .assets-form input[type="checkbox"][required]:not(:checked)+label:before, #app_order .assets-form input[type="checkbox"][required]:not(:checked)+label:before { border-color: red; } .main-gallery .slide { overflow: hidden; } .main-gallery .slide img { margin: auto; display: block; transition: opacity 0.1s; max-width: 600px; } .main-gallery .slide__wrap { background-size: 0px; background-position: 50% 50%; position: relative; width: 100%; overflow: hidden; cursor: zoom-in; background-repeat: no-repeat; } .chz { margin: -35px 0 0; } .chz-offer { bottom: 5px; right: 5px; position: absolute; z-index: 10 } .chz img, .chz img { max-width: 100% } @media screen and (min-width:1000px) { .main-gallery .slide__wrap:hover { background-size: inherit; } .main-gallery .slide img:hover { opacity: 0; } } .list-params-card { margin: 0 } .item-params-card { width: 100%; margin: 0 } .item-params-card ul { column-count: 3; column-gap: 40px; list-style-type: none; padding: 0 } .item-params-card ul li { overflow: hidden } .item-params-card ul li span:last-child { text-align: right } .item-params-card ul li:before { display: none } .item-params-card ul li span { position: relative } .item-params-card ul li span:first-child:before { position: absolute; top: 13px; bottom: auto; left: 100%; border-bottom: 1px dotted #999; content: ''; z-index: -1; display: block; height: 1px; width: 1000px } @media screen and (max-width:999px) { .item-params-card ul { column-count: 1; column-gap: 0px } .item-params-card ul li { font-size: 14px } .slider-catalog .slick-next { right: -50px } .slider-catalog .slick-prev { left: -50px } .slider-catalog .slick-prev { left: -50px } /*.img-catalog-big a{display:none}*/ .thumbs-gallery .fix-load.slider-thumb.slick-initialized .slide { display: flex; align-items: center } .chz { margin: 0; } } @media screen and (min-width:999px) { .slider-catalog .slick-next, .slider-catalog .slick-prev { display: none; z-index: 90; padding: 30px 0 0 30px; transition: 0.2s } .slider-catalog .slick-next { right: -50px } .slider-catalog .slick-prev { left: -50px } .item-catalog-big:hover .slick-next { right: 5px } .item-catalog-big:hover .slick-prev { left: 5px } } .item-params-card ul li span:before, .item-params-card ul li:before { display: none !important } .item-params-card ul li b { position: relative; display: inline; width: 1px } .item-params-card ul li b:before { position: absolute; bottom: 4px; top: auto; left: 100%; border-bottom: 1px dotted #999; content: ''; margin-left: 3px; z-index: -1; display: block; height: 1px; width: 1000px } .item-params-card ul li i { position: relative; font-style: normal; z-index: 98 } .item-params-card ul li span { position: unset; z-index: auto; background: 0 0 } .item-params-card ul li span:first-child { position: unset; margin-right: 15px; min-width: 30% } .item-params-card ul li span:last-child i { background: #fff; padding-left: 0 } .item-params-card ul li span:last-child { text-align: right; overflow: visible } .item-params-card ul li { overflow: hidden; position: unset } .item-params-card ul li { align-items: flex-start } .item-params-card ul li span:last-child b { background: #fff } .item-params-card ul li span:last-child b { background: #fff; display: inline-block; height: 5px; width: 2px } .item-params-card ul li { align-items: flex-end } .slider-gal .slick-next { right: 0 } .slider-gal .slick-prev { left: 0 } @media screen and (max-width:999px) { .slider-catalog .slick-next, .slider-catalog .slick-prev, .slider-gal .slick-next, .slider-gal .slick-prev { display: none !important } } @media screen and (min-width:999px) { .sub-cat-eco { display: none } } .sub-cat-eco { margin: 0 0 33px 0 } .sub-cat-eco ul { list-style-type: none; margin: 0; padding: 0 } .sub-cat-eco ul li { margin: 0 0 16px 0; padding: 0; font-size: 16px; line-height: 19px; background: 0 0; color: #999 } .sub-cat-eco ul li:last-child { margin-bottom: 0 } .sub-cat-eco ul li a { text-decoration: none; color: #333 } .sub-cat-eco ul li i { color: #999; font-style: normal } @media screen and (max-width:999px) { .catalog-left { position: absolute; top: 0; z-index: 95; background: #f5f5f5; padding-bottom: 33px; display: none; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px } .sel-sort-cat .selectbox .select .text:before { background-size: 100% auto !important } .catalog-right { min-height: 420px } .head-function-cat { margin: 0; position: absolute; top: 0; left: 0; width: 100% } .body-catalog { position: relative; flex-direction: column; padding-top: 60px } .catalog-left { position: relative; width: calc(100% + 30px); top: 0; margin-bottom: 30px } .but-reset { margin-top: 30px } .but-reset+.but-filter-mob { margin-top: 20px } .catalog-left:after { right: 25px } } @media screen and (max-width:767px) { .thumbs-gallery { padding-right: 0 } .bl-filter { max-width: none } .check-p label { font-size: 14px } } @media screen and (max-width:600px) { .main-gallery .slide img { max-width: 100% } } .full-news img { max-width: 100%; height: auto; } .but-card.not-available a { padding-left: 15px; padding-right: 15px } @media screen and (min-width:999px) { .panel-second { opacity: 0; visibility: hidden; transition: opacity 1s ease, visibility 1s ease } .panel-catalog>ul>li:hover>.panel-second { opacity: 1; visibility: visible; transition-delay: 0.1s; z-index: 70 } .panel-catalog>ul>li:not(:hover)>.panel-second { transition-delay: 0s } .panel-catalog>ul>li:hover>a { background: #5C5C5C } .panel-second:before { position: absolute; top: 0; right: 100%; content: ''; display: block; width: 120px; height: 100% } } p.custom-link:last-of-type { margin-bottom: 50px; } .ym-advanced-informer { position: absolute } @media screen and (max-width:767px) { #bx-panel+.main .rsp { height: auto } #bx-panel+.main .wr-header { position: relative } #bx-panel+.main .wr-header.fixed { position: fixed } .input-head { display: flex; align-items: center } .input-head>a.autor-mob { position: relative; padding-left: 20px; overflow: hidden; height: 20px; display: block; width: 0; margin-right: 10px } .input-head>a.autor-mob:before { position: absolute; top: 0; left: 0; content: ''; display: blokc; width: 20px; height: 20px; background: url(/local/templates/eco-group/images/ico-input.svg) no-repeat } } .slider-product.align-left .slick-track { margin-left: 0 } /* Share Icons */ .main-gallery { position: relative; } .share-icons { position: absolute; top: 10px; right: 10px; z-index: 20; display: flex; flex-direction: column; gap: 10px; } .share-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.8); border-radius: 50%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; text-decoration: none !important; } .share-icon:hover { background: #fff; transform: scale(1.1); } .share-icon svg { width: 24px; height: 24px; } .share-icon.max { /* Custom styling for Max icon if needed */ } [data-show-block-type="list"] .but-bask-over.but-card-green a { display: flex; } .share-icon.max { padding: 0; overflow: hidden; } .max-img { width: 100%; height: 100%; object-fit: cover; } .share-icon.telegram { width: 80px; height: 80px; } .share-icon.telegram svg { width: 48px; height: 48px; } .share-icon { background: none !important; box-shadow: none !important; } .share-icons { align-items: center; } .telegram-img { width: 100%; height: 100%; object-fit: contain; } .share-icon.telegram, .share-icon.max { width: 60px !important; height: 60px !important; } .telegram-img, .max-img { width: 100% !important; height: 100% !important; object-fit: contain !important; } .share-icon { border-radius: 50% !important; overflow: hidden !important; width: 60px !important; height: 60px !important; } .telegram-img, .max-img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } .share-icon { width: 42px !important; height: 42px !important; } .share-icon.telegram, .share-icon.max { width: 42px !important; height: 42px !important; } /* Marketplace Block */ .marketplace-block { margin-top: 30px; padding-top: 20px; border-top: 1px solid #eaeaea; } .marketplace-block .title { font-size: 16px; font-weight: 700; margin-bottom: 15px; color: #333; } /* Retail Marketplace Block */ .retail-marketplace-block { margin: 15px 0; text-align: left; } .retail-marketplace-title { font-size: 14px; font-weight: 700; color: #6EC500; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px; } .retail-marketplace-icons { display: flex; gap: 10px; margin-bottom: 8px; } .retail-mp-icon { display: block; width: 50px; height: 50px; border-radius: 12px; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; } .retail-mp-icon:hover { transform: scale(1.08); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .retail-mp-icon img { width: 100%; height: 100%; object-fit: cover; display: block; } .retail-marketplace-subtitle { font-size: 11px; color: #999; text-transform: uppercase; letter-spacing: 0.5px; } .mp-links { display: flex; gap: 15px; } .mp-link img { width: 40px; height: 40px; object-fit: contain; transition: transform 0.2s; } .mp-link:hover img { transform: scale(1.1); } /* Video Block */ .video-block { margin-top: 30px; } .video-block .title { font-size: 18px; font-weight: 700; margin-bottom: 15px; color: #333; } .vk-thumb-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 80px; background: linear-gradient(135deg, #4680C2 0%, #2B587A 100%); border-radius: 4px; gap: 4px; position: relative; } .vk-play-icon { color: rgba(255, 255, 255, 0.7); font-size: 12px; line-height: 1; } .yt-thumb-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 80px; background: linear-gradient(135deg, #FF0000 0%, #CC0000 100%); border-radius: 4px; gap: 4px; } .yt-play-icon { color: rgba(255, 255, 255, 0.7); font-size: 12px; line-height: 1; } /* Color switcher in catalog listing */ .color-param-list { margin: 8px 0 0; } .color-param-list ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; } .color-param-list ul li { margin: 0; padding: 0; background: none; line-height: 0; } .color-param-list ul li img { display: block; width: 42px; height: 32px; object-fit: cover; border: 1px solid #d7d7d7; border-radius: 3px; transition: border-color .2s; } .color-param-list ul li:hover img { border-color: #6EC500; } .color-show-more { display: inline-block; margin-top: 6px; padding: 4px 12px; font-size: 12px; color: #6EC500; background: #fff; border: 1px solid #6EC500; border-radius: 20px; cursor: pointer; transition: background .2s, color .2s; line-height: 1.4; } .color-show-more:hover { background: #6EC500; color: #fff; } .panel-menu-mobile .custom-mobile-catalog-menu { margin: 0 0 12px 0; } /* End */ /* /local/templates/eco-group/css/jquery-ui.min.css?171879526030778 */ /* /local/templates/eco-group/css/jquery.fancybox.css?177435596313130 */ /* /local/templates/eco-group/css/slick-theme.css?17284822162420 */ /* /local/templates/eco-group/components/eco/policy/.default/style.css?1653894841475 */ /* /local/templates/eco-group/template_styles.css?1779127649130607 */