/* Start:/local/templates/timberk.v2/assets/css/jqui.min.css?176644074430561*/ /*! jQuery UI - v1.12.1 - 2016-09-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-button-icon-only,.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-checkboxradio-disabled,.ui-state-disabled{pointer-events:none}.ui-datepicker .ui-icon,.ui-icon{text-indent:-99999px;background-repeat:no-repeat}.ui-helper-reset,.ui-menu{outline:0;list-style:none}.ui-helper-hidden,.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{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;line-height:1.3;text-decoration:none;font-size:100%}.ui-helper-clearfix:after,.ui-helper-clearfix:before{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;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;overflow:hidden}.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;padding:.5em .5em .5em .7em;font-size:100%}.ui-autocomplete,.ui-menu .ui-menu{position:absolute}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{top:0;left:0;cursor:default}.ui-menu{padding:0;margin:0;display:block}.ui-button,.ui-controlgroup{display:inline-block;vertical-align:middle}.ui-button,.ui-menu-icons,.ui-resizable{position:relative}.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}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-button,.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.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{line-height:normal;margin-right:.1em;cursor:pointer;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2em;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}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item: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 .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-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-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-next span,.ui-datepicker .ui-datepicker-prev 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:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 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;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.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.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{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;overflow:hidden;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;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.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-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{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,.ui-selectable,.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action: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%;opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.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:700;line-height:1.5;padding:2px .4em;margin:.5em 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:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.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,.ui-spinner-down{bottom:0}.ui-slider-vertical .ui-slider-range-max,.ui-spinner-up{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:0 0;color:inherit;padding:.222em 0;margin:.2em 2em .2em .4em;vertical-align:middle}.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-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-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .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:0 0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget,.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{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,.ui-widget-header a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:700}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button,.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{color:#454545;text-decoration:none}.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:1px solid #003eff;background:#007fff;font-weight:400;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-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.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:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url("/local/templates/timberk.v2/assets/css/images/ui-icons_444444_256x240.png")}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url("/local/templates/timberk.v2/assets/css/images/ui-icons_555555_256x240.png")}.ui-button:active .ui-icon,.ui-state-active .ui-icon{background-image:url("/local/templates/timberk.v2/assets/css/images/ui-icons_ffffff_256x240.png")}.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{background-image:url("/local/templates/timberk.v2/assets/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/timberk.v2/assets/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/timberk.v2/assets/css/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.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-first,.ui-icon-seek-start{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-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}img{width:100%;height:auto}.jsZoomTouch:before{content:"\f00e";font:20px/1 FontAwesome;position:absolute;top:10px;right:28px}.jsZoomTouch:after{content:"\f065";font:27px/1 FontAwesome;position:absolute;top:18px;right:15px}.jsZoomTouch.jsZoomTouchZoomed:before{content:'\f010';font-size:27px}.jsZoomTouch.jsZoomTouchZoomed:after{content:''} /* End */ /* Start:/local/templates/timberk.v2/assets/css/magnify.min.css?1766440778966*/ html.magnifying>body{overflow-x:hidden!important}.lens-mobile,.magnify,.magnify-mobile,.magnify>.magnify-lens{min-width:0;min-height:0;animation:none;border:none;float:none;margin:0;opacity:1;outline:0;overflow:visible;padding:0;text-indent:0;transform:none;transition:none}.magnify{position:relative;width:auto;height:auto;box-shadow:none;display:inline-block;z-index:inherit}.magnify>.magnify-lens{position:absolute;width:180px;height:180px;border-radius:100%;box-shadow:0 0 0 3px rgba(255,255,255,.85),0 0 7px 7px rgba(0,0,0,.25),inset 0 0 20px 2px rgba(0,0,0,.25);cursor:none;display:none;z-index:99;background-color:#fff!important}.magnify>.magnify-lens.loading{background:#333!important;opacity:.8}.magnify>.magnify-lens.loading:after{position:absolute;top:50%;left:0;width:100%;color:#fff;content:'Loading...';font:italic 16px/1 Calibri,sans-serif;letter-spacing:1px;margin-top:-8px;text-align:center;text-shadow:0 0 2px rgba(51,51,51,.8);text-transform:none} /* End */ /* Start:/local/templates/timberk.v2/assets/css/magnific-popup.min.css?17664408165076*/ .mfp-bg,.mfp-container,.mfp-wrap{left:0;top:0;width:100%;height:100%}.mfp-container:before,.mfp-content{display:inline-block;vertical-align:middle}.mfp-bg{z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';height:100%}.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}.mfp-content{position:relative;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-gallery .mfp-image-holder .mfp-figure,.mfp-zoom{cursor:pointer}.mfp-zoom{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-preloader a{color:#ccc}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-arrow:focus,.mfp-arrow:hover,.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{content:'';top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile .mfp-bottom-bar:empty,.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /* End */ /* Start:/local/templates/timberk.v2/assets/css/style.css?175546507595789*/ @import "/local/templates/timberk.v2/assets/css/fonts.css?v=11"; input, button, textarea{ outline: none!important; font-size: 1em; /*font-family: OpenSans;*/ } /*input:focus, textarea:focus{ outline: none!important; }*/ form{ margin: 0; } a{ color: inherit; text-decoration: none; cursor: pointer; } a:hover{ color: inherit; text-decoration: none; } a:active{ color: inherit; text-decoration: none; } a:focus{ color: inherit; text-decoration: none; } html{ overflow-x: hidden; min-width: 320px; } body{ position: relative; /*font-family: OpenSans;*/ overflow-x: hidden; min-width: 320px; } body.show__filter{ overflow-y: hidden; } @media (min-width: 1366px){ .container{ width: 1366px; padding-left: 100px; padding-right: 100px; } .row.margin{ margin-left: -100px; margin-right: -100px; } .container-fluid{ padding-left: 100px; padding-right: 100px; } } .select2-hidden-accessible{ display: none; } /*Header*/ .header__block.fixed{ position: absolute; top: 0; left: 0; width: 100%; z-index: 1048; } .header__block .container-fluid{ padding-top: 50px; padding-bottom: 50px; justify-content: space-between; align-items: center; } .header__catalogmenu{ width: 35%; /*font-family: 'RoadRadio';*/ font-weight: 300; text-transform: uppercase; color: #374250; } .header__catalogmenu a:hover, .header__catalogmenu a:hover .icon{ color: #2fb7b0!important; } .header__block.fixed .header__catalogmenu{ color: #fff; } .header__catalogmenu .menucatalog__btn{ font-size: 1.125em; } .header__catalogmenu .shop_link{ font-size: 1.125em; } .header__catalogmenu .menucatalog__btn .icon{ font-size: 1.125rem; } .header__catalogmenu span{ margin: 0 20px 0 0; vertical-align: middle; } .header__logo img{ height: 52px; width: auto; } .header__menu{ width: 35%; text-align: right; /*font-family: 'RoadRadio';*/ font-weight: 300; text-transform: uppercase; color: #374250; } .header__block.fixed .header__menu{ color: #fff; } .header__menu .icon{ margin: 0 20px 0 0; vertical-align: middle; color: #374250; } .header__menu a:hover, .header__menu a:hover .icon{ color: #2fb7b0!important; } .header__block.fixed .header__menu .icon{ color: #fff; } .header__menu .search__btn .icon{ font-size: 1.25em; } .header__menu .menu__btn{ font-size: 1.125em; } .header__menu .menu__btn .icon{ font-size: 1.125rem; } /*Header*/ /*Banner*/ .banner__block{ position: relative; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; } .banner__image{ background-position: center bottom; background-size: contain; background-repeat: no-repeat; } .banner__content{ padding-top: 55px; padding-bottom: 55px; } .banner__heading{ color: #fff; font-size: 3em; line-height: 1; text-transform: uppercase; /*font-family: 'RoadRadio';*/ font-weight: 300; padding-bottom: 10px; } .banner__text{ /*font-family: 'RoadRadio';*/ font-weight: 300; font-size: 1.25em; color: #fff; text-transform: uppercase; line-height: 1.2; } .banner__block > a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*Banner*/ /*mainbanner__block*/ .mainbanner__block{ background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .mainbanner__block:before{ content:""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.9; display: block; background-color: rgb(184, 185, 185); position: absolute; transition-duration: .3s; -webkit-transition-duration: .3s; } .mainbanner__block:hover:before{ opacity: 0; visibility: hidden; transition-duration: .3s; -webkit-transition-duration: .3s; } .mainbanner__block .container{ padding-top: 60px; padding-bottom: 60px; } .mainbanner__content{ padding-top: 60px; padding-bottom: 60px; } .mainbanner__h1{ color: #fff; line-height: 1; font-weight: 700; font-size: 6.25em; /*font-family: 'RoadRadio';*/ text-transform: uppercase; } .mainbanner__block:hover .mainbanner__h1 span{ background-image: none!important; } .mainbanner__block:not(:hover) .mainbanner__h1 span{ /*background: -webkit-linear-gradient(#eee, #333); background: linear-gradient(#eee, #333); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; -ms-background-image: none!important; background-color: #fff;*/ /*-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;*/ /*background-size: cover; background-repeat: no-repeat; background-position: 50%;*/ color: #fff; -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent); background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-repeat: no-repeat; background-position: 50%; } .mainbanner__block:hover .mainbanner__h1 svg text{ fill: #fff!important; } .mainbanner__block svg { height: auto; width: 100%; } .mainbanner__h2{ color: #fff; line-height: 1; font-weight: 300; font-size: 2.5em; /*font-family: 'RoadRadio';*/ text-transform: uppercase; } .mainbanner__text{ margin-top: 74px; color: #fff; line-height: 1.5; font-weight: 300; font-size: 1.25em; /*font-family: 'RoadRadio';*/ } .mainbanner__button__place{ margin: 10px 0 0; color: #fff; font-size: .9em; } .mainbanner__image{ background-repeat: no-repeat; background-position: center; background-size: contain; } .mainbanner__image:before{ content:""; display: block; padding-top: 60%; } /*mainbanner__block*/ /*Breadcrumb*/ .breadcrumb__block ul{ padding: 45px 0; margin: 0; list-style: none; } .breadcrumb__block ul li{ color: #393939; font-size: .9em; font-weight: 300; display: inline-block; } .breadcrumb__block ul li a:after{ content: ">"; display: inline-block; margin: 0 5px; } .breadcrumb__block ul li a:hover{ text-decoration: underline; } /*Breadcrumb*/ /*Main Block*/ .main__slider__item{ height: 584px; background-position: center; background-size: cover; background-repeat: no-repeat; } .main__slider__item .container{ justify-content: center; align-items: center; height: 584px; } .main__slider__heading{ width: 100%; text-align: center; color: #fff; font-size: 3.125em; /*font-family: 'RoadRadio';*/ font-weight: 500; line-height: 1.3; } .main__slider__subheading{ width: 100%; text-align: center; color: #fff; font-size: 3.125em; /*font-family: 'RoadRadio';*/ font-weight: 100; line-height: 1.3; } .main__slider .owl-nav{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; } .main__slider .owl-nav > div{ /*font-family: 'RoadRadio';*/ font-weight: 700; font-size: 4.5em; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .main__slider .owl-nav .owl-prev{ left: 25px; } .main__slider .owl-nav .owl-next{ right: 25px; } /*Main Block*/ /*Video*/ .videobg{ z-index: -1; min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); overflow: hidden; } .videobg video{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; } .videobg:after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.3); } /*Video*/ /*Product Slider*/ .productslider__block{ padding-bottom: 3.125em; } .productslider__block .owl-carousel .owl-stage-outer{ overflow: visible; } .main__product__slider__photo{ position: relative; } .main__product__slider__photo img{ position: absolute; width: auto!important; height: auto; max-width: 100%!important; max-height: 748px!important; bottom: 5%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .main__product__slider__content{ padding: 3.125em 2.125em; } .main__product__slider__content .name{ color: #00a79e; font-size: 2.5em; /*font-family: 'RoadRadio';*/ line-height: 1; font-weight: 300; text-transform: uppercase; } .main__product__slider__content .preview{ font-size: 1.25em; color: #2f4050; /*font-family: 'RoadRadio';*/ font-weight: 300; text-transform: uppercase; margin: 10px 0 22px ; line-height: 1.2; } .main__product__slider__content .text{ font-size: .9em; font-weight: 300; color: #2e4150; } .main__product__slider__content .text ul{ padding: 0 0 0 18px; list-style-type: circle; } .main__product__slider__content .text ul li{ padding: 8px 0; } .main__product__slider__content .button__place{ margin: 35px 0 0; } .main__product__slider__content .button__place a{ height: 40px; line-height: 40px; color: #fff; background-color: #36414f; padding: 0 30px; display: inline-block; font-size: .9em; /*/*font-family: 'HelveticaNeueCyr';*/ font-weight: 300; transition-duration: .3s; -webkit-transition-duration: .3s; } .main__product__slider__content .button__place a:hover{ background: #2fb7b0; transition-duration: .3s; -webkit-transition-duration: .3s; } .productslider__block .owl-dots{ text-align: center; } .productslider__block .owl-dots .owl-dot{ width: 15px; height: 15px; display: inline-block; border-radius: 50%; border: 3px solid #374250; margin: 0 6px; } .productslider__block .owl-dots .owl-dot.active{ background-color: #374250; } /*Product Slider*/ /*Short News*/ .shortnews__block{ background-color: #2f4050; } .shortnews__left{ overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .shortnews__left img{ position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .shortnews__right{ background-color: #2f4050; padding: 2.5em 3.125em; box-sizing: border-box; } .shortnews__right .name{ /*font-family: 'RoadRadio';*/ font-weight: 300; color: #fff; font-size: 2.5em; line-height: 1; text-transform: uppercase; } .shortnews__right .preview{ font-size: 1.25em; color: #fff; /*font-family: 'RoadRadio';*/ font-weight: 300; } .shortnews__right .text{ font-size: .9em; color: #fff; font-weight: 300; line-height: 1.5; margin: 20px 0 40px; } .shortnews__right .link__place{ color: #fff; font-size: .9em; } .shortnews__right .link__place:hover{ text-decoration: underline; } /*Short News*/ /*News Preview List*/ .newspreviewlist__block{ background-color: #f5f5f5; } .newspreviewlist__block .row{ padding-top: 40px; padding-bottom: 40px; } .newspreviewlist__heading{ font-size: 1.125em; text-transform: uppercase; color: #2fb7b0; /*font-family: 'RoadRadio';*/ font-weight: 700; } .newspreviewlist__item{ padding: 0 34px 0 0; box-sizing: border-box; color: #393939; } .newspreviewlist__item .date{ font-size: .9em; margin: 0 0 10px; } .newspreviewlist__item .name{ font-size: .9em; } .newspreviewlist__item .name:hover{ text-decoration: underline; } /**/ /*Help List*/ .helplist__block{ background: #2f4050; } .helplist__item{ position: relative; text-align: center; padding-top: 40px; padding-bottom: 40px; background: #2f4050; } .helplist__item:nth-of-type(2){ border-left: 2px solid #fff; border-right: 2px solid #fff; } .helplist__item a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .helplist__item span{ color: #fff; height: 3.75em; transition-duration: .3s; -webkit-transition-duration: .3s; position: relative; display: block; width: 100%; } .helplist__item span:before{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); font-size: 3.75em; transition-duration: .3s; -webkit-transition-duration: .3s; transition-property: font-size; -webkit-transition-property: font-size; } /*.helplist__item:hover span:before{ font-size: 3.95em; transition-duration: .3s; -webkit-transition-duration: .3s; transition-property: font-size; -webkit-transition-property: font-size; }*/ .helplist__item__heading{ letter-spacing: .3px; text-transform: uppercase; font-size: 1.875em; color: #fff; /*font-family: 'RoadRadio';*/ font-weight: 500; margin: 10px 0 0; line-height: 1; transition-duration: .3s; -webkit-transition-duration: .3s; } .helplist__item:hover span, .helplist__item:hover .helplist__item__heading{ color: #2fb7b0; transition-duration: .3s; -webkit-transition-duration: .3s; } /*Help List*/ /*Content*/ .content__left{ } .content__left__catalog{ box-sizing: border-box; background: #f5f5f5; } h1{ color: #374250; /*font-family: 'RoadRadio';*/ font-weight: 700; font-size: 1.5em; letter-spacing: 1px; } .content__search{ padding: 0 16px; box-sizing: border-box; border: 1px solid #374250; } h1 + .content__search{ margin-top: 50px; } .shop__search__page .content__search{ margin: 0 0 50px; } .content__search + .text__block{ margin-top: 25px; } .content__search span{ display: inline-block; width: 25px; text-align: center; font-size: 1.25em; vertical-align: middle; } .content__search input{ display: inline-block; border: none; height: 35px; line-height: 35px; padding: 0 15px; vertical-align: middle; font-weight: 300; font-size: .9em; box-sizing: border-box; width: calc(100% - 30px); } .content__main__btns{ margin: 50px 0; } .content__main__btns a{ text-align: center; display: inline-block; color: #fff; background: #374250; width: 100%; max-width: 290px; padding: 10px 0; margin: 0 50px 0 0; transition-duration: .3s; -webkit-transition-duration: .3s; } .content__main__btns a:hover{ background: #2fb7b0; transition-duration: .3s; -webkit-transition-duration: .3s; } .content__main__btns a b{ display: block; /*font-family: 'RoadRadio';*/ font-weight: 700; font-size: 1.125em; letter-spacing: 1px; line-height: 1; } .content__main__btns a span{ font-size: .9em; font-weight: 300; line-height: 1; } /*Content*/ /*Tabs Content*/ .content__tabs__block{ margin-top: 50px; } .content__tabs__list{ position: relative; } .content__tabs__list:before{ content:""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #c2c2c2; } .content__tabs__list > div{ background-color: #fff; text-align: center; color: #c2c2c2; font-size: .9em; font-weight: 300; padding-top: 9px; padding-bottom: 9px; border-bottom: 1px solid #c2c2c2; cursor: pointer; } .content__tabs__list > div.active{ color: #00a69d; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; border-bottom: none; } /*.content__tabs__list > div.active:first-of-type{ border-left-color: transparent; } .content__tabs__list > div.active:last-of-type{ border-right-color: transparent; }*/ .content__tabs__content > div{ padding: 50px 0; display: none; } .content__tabs__content > div.active{ display: block; } .grey__plate{ font-size: .9em; background: #f5f5f5; color: #374250; padding: 30px; box-sizing: border-box; } .grey__plate ul{ margin: 20px 0 0; padding: 0 0 0 18px; list-style-type: circle; } .grey__plate ul li{ padding: 8px 0; } .eshop__main{ align-items: center; margin: 50px 0 0; } .eshop__main__name{ align-items: center; color: #3c4653; font-size: .9em; } .eshop__main__name img{ width: 56px; margin: 0 33px 0 0; } .eshop__main__name div{ width: 161px; } .eshop__main__name div b{ display: block; } .eshop__main__name div a:hover{ text-decoration: underline; } .eshop__main__desc{ padding: 0 14px; border-left: 1px solid #00a69d; /*font-family: 'RoadRadio';*/ font-weight: 300; font-size: .9em; color: #3c4653; } .eshops__list{ margin: 35px 0 0; border-top: 1px solid #c2c2c2; } .eshops__list > div{ padding: 15px 0; position: relative; } .eshops__list > div a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .eshops__list__image{ position: relative; } .eshops__list__image:before{ content:""; display: block; padding-top: 40%; } .eshops__list__image img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; max-width: 80%; max-height: 80%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transition-duration: .3s; -webkit-transition-duration: .3s; } .eshops__list > div:hover .eshops__list__image img{ -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; filter: none; transition-duration: .3s; -webkit-transition-duration: .3s; } .eshops__list__name{ color: #3c4653; font-weight: 300; font-size: .9em; text-align: center; } .eshops__list > div:hover .eshops__list__name{ text-decoration: underline; } .eshops__list__text{ margin: 3px 0 0; text-align: center; font-size: .9em; } .eshops__list__empty{ width: 100%; text-align: center; padding: 40px 0!important; font-size: 1.125em; } /*Tabs Content*/ /*Contacts*/ .contacts__list{ margin-top: 50px; } .contacts__list__item .name{ color: #374250; font-weight: 700; font-size: .9em; margin: 0 0 20px; } .contacts__list__item .description{ border-left: 1px solid #00a69d; padding: 0 35px 0 17px; box-sizing: border-box; font-size: .9em; color: #374250; } .contacts__list__item .link:hover{ text-decoration: underline; } .contacts__link{ margin: 20px 0 0; text-align: center; font-size: .9em; font-weight: 300; color: #374250; text-decoration: underline; } .contacts__form{ margin: 50px 0 0; padding: 30px; box-sizing: border-box; background: #f5f5f5; overflow: hidden; } .contacts__form__heading{ color: #00a69d; /*font-family: 'RoadRadio';*/ font-weight: 300; font-size: 1.5em; } .contacts__form form{ margin-top: 35px; margin-bottom: 0; } .contacts__form form button{ height: 60px; line-height: 60px; color: #fff; font-size: 1.125em; /*font-family: 'RoadRadio';*/ font-weight: 700; background: #374250; border: none; border-radius: 0; box-shadow: none; display: block; width: 100%; cursor: pointer; transition-duration: .3s; -webkit-transition-duration: .3s; } .contacts__form form button:hover{ background: #00a69d; transition-duration: .3s; -webkit-transition-duration: .3s; } .contacts__form .col-4{ position: relative; padding: 0 45px; } .contacts__from__captcha{ width: 100%; position: relative; z-index: 2; margin: 40px 0 0; } .contacts__from__captcha img{ width: 170px; } .contacts__from__captcha__heading{ font-size: .8em; margin: 5px 0 0; } .contacts__from__captcha .form__line__input.allw{ width: 70%; margin: 5px 0 0; } .contacts__form__bg{ position: absolute; left: 45px; right: 45px; top: -156px; z-index: 0; } .g-recaptcha__error{ margin: 15px 0; font-size: .9em; opacity: 0; } .g-recaptcha__error.show{ opacity: 1; } .form__line{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; box-sizing: border-box; justify-content: space-between; } .form__line__input{ width: calc(50% - 17px); margin: 17px 0 0; } .form__line:first-of-type .form__line__input{ margin-top: 0; } .form__line__input.allw{ width: 100%; } .form__line__input input{ font-size: .9em; /*font-family: 'HelveticaNeueCyr';*/ font-weight: 300; border: 1px solid #374250; padding: 6px 11px; width: 100%; } .form__line__input textarea{ border: 1px solid #374250; padding: 6px 8px; width: 100%; resize: none; font-size: .9em; /*font-family: 'HelveticaNeueCyr';*/ height: 9em; display: block; } .form__line__input .select2-container{ width: 100%!important; font-size: .9em; } /*.catalog__actions .select2-container{ margin: 0 0 0 5px; vertical-align: middle; min-width: 150px!important; text-align: left; }*/ .form__line__input .select2-container--default .select2-selection--single{ border: 1px solid #374250; outline: none; border-radius: 0; height: 35px; } .form__line__input .select2-container--default.select2-container--open .select2-selection--single{ border-color: #374250; } .form__line__input .select2-container--default .select2-selection--single .select2-selection__rendered{ font-weight: 500; outline: none; padding-right: 25px; line-height: 35px; } .form__line__input .select2-container--default .select2-selection--single .select2-selection__arrow b{ border: none; width: auto; height: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: 0; } .form__line__input .select2-container--default .select2-selection--single .select2-selection__arrow b:before{ content:">"; color: #374250; transform: rotate(90deg); -webkit-transform: rotate(90deg); display: block; /*font-family: 'RoadRadio';*/ font-weight: 700; font-size: 30px; } .form__line__input .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 33px; } .contacts__from__agree{ font-size: .9em; } .contacts__from__agree label{ align-items: flex-start; justify-content: space-between; position: relative; } .contacts__from__agree label input{ position: absolute; top: 0; left: 0; opacity: 0; } .contacts__from__agree label .inputfake{ cursor: pointer; } .contacts__from__agree label input[type=checkbox] + .inputfake{ display: inline-block; border: 1px solid #374250; height: 13px; width: 13px; background: #fff; vertical-align: middle; margin: 0 11px 0 0; background-position: center; background-size: 90%; background-repeat: no-repeat; } .contacts__from__agree label input[type=checkbox]:checked + .inputfake{ background-image: url(/local/templates/timberk.v2/assets/css/../images/checkbox.png); } .contacts__from__agree a{ text-decoration: underline; } /*Contacts*/ /*Buy List*/ .buy__list__item{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; box-sizing: border-box; justify-content: space-between; margin: 0 0 20px; } .buy__list__item__letter{ color: #d5d5d5; font-weight: 700; font-size: 1.5em; width: 55px; line-height: 1; } .buy__list__item__content, .service__list__item__content{ width: calc(100% - 55px); } .buy__list__item__content a, .service__list__item__content a{ display: block; color: #3c4653!important; font-size: .9em; } .buy__list__item__content a.active, .service__list__item__content a.active, .buy__list__item__content a:hover, .service__list__item__content a:hover{ color: #00a69d!important; } .buy__shops{ width: 100%; padding: 48px 55px; background: #f5f5f5; margin: 40px 0 0; } .buy__shops:empty{ display: none; } .buy__shops.search__list{ background-color: transparent; margin: 0; padding: 0; } .buy__shops__heading{ font-size: 1.5em; font-weight: 700; color: #374250; margin: 0 0 30px; } .buy__shops__list{ color: #374250; font-size: .9em; font-weight: 300; line-height: 1.5; } .buy__shops__list > div{ margin: 15px 0 0; } .buy__shops__item__name{ font-weight: 700; font-size: 1.1em; padding-bottom: 7px; } .buy__shops__item__location b{ font-weight: 600; } .buy__shops__list a:hover{ text-decoration: underline!important; } /*Buy List*/ /*Catalog*/ .catalog__topbar{ margin: 0 0 45px; } .catalog__heading{ /*font-family: 'RoadRadio';*/ font-weight: 300; font-size: 1.5em; color: #374250; text-transform: uppercase; letter-spacing: 1px; } .catalog__actions{ text-align: right; position: relative; } .catalog__actions form{ display: inline-block; vertical-align: middle; font-size: .9em; } .catalog__actions__btn{ display: inline-block; margin: 0 0 0 10px; } .catalog__actions a{ display: inline-block; margin: 0 0 0 8px; font-size: 1.25em; cursor: pointer; vertical-align: middle; } .catalog__actions a:hover{ color: #2fb7b0!important; } .catalog__actions form > span{ vertical-align: middle; } .catalog__actions .select2-container{ margin: 0 0 0 5px; vertical-align: middle; min-width: 150px!important; text-align: left; } .catalog__actions .select2-container--default .select2-selection--single{ border: 1px solid transparent; outline: none; border-radius: 0; } .catalog__actions .select2-container--default.select2-container--open .select2-selection--single{ border-color: #374250; } .catalog__actions .select2-container--default .select2-selection--single .select2-selection__rendered{ font-weight: 700; outline: none; padding-right: 25px; } .catalog__actions .select2-container--default .select2-selection--single .select2-selection__arrow b{ border: none; width: auto; height: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: 0; } .catalog__actions .select2-container--default .select2-selection--single .select2-selection__arrow b:before{ content:">"; color: #374250; transform: rotate(90deg); -webkit-transform: rotate(90deg); display: block; /*font-family: 'RoadRadio';*/ font-weight: 700; font-size: 30px; } .catalog__sort__drop{ } .select2-container--default .catalog__sort__drop.select2-dropdown{ border-radius: 0; border: 1px solid #374250; border-top: none; } .select2-container--default .catalog__sort__drop .select2-results__option{ font-size: .9em; color: #36414f; padding: 5px 8px; box-sizing: border-box; } .select2-container--default .catalog__sort__drop .select2-results__option--highlighted[aria-selected]{ background: #36414f!important; color: #fff!important; } .catalog__filtermail{ padding: 10px; box-sizing: border-box; position: absolute; top: 123%; width: 190px; right: 0; opacity: 0; visibility: hidden; background: #fff; border: 1px solid #e1e3e5; border-radius: 3px; z-index: 1005; text-align: left; box-shadow: 0px 0px 8px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.25); } .catalog__filtermail.show{ opacity: 1; visibility: visible; } .filtermail__form button{ display: block; background: #374250; color: #fff; font-size: .8rem; text-align: center; height: 40px; line-height: 40px; border: none; box-shadow: none; width: 100%; padding: 0; transition-duration: .3s; -webkit-transition-duration: .3s; margin: 10px 0 0; cursor: pointer; border-radius: 3px; } .filtermail__form button:hover{ background: #2fb7b0; transition-duration: .3s; -webkit-transition-duration: .3s; } .filtermail__form input{ display: block; width: 100%; border: 1px solid #374250; padding: 0 6px; font-size: .9em; height: 30px; line-height: 30px; border-radius: 3px; } .filtermail__form__success{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; font-size: 1em; } .content__wrapper{ width: 100%; } .content__left__catalog{ position: relative; } .content__left__catalog .icon-close_icon{ display: none; } .catalog__menu__category{ color: #374250; font-size: .9em; text-transform: uppercase; margin: 0 0 5px; } .catalog__menu ul{ padding: 0; margin: 0; list-style: none; } .catalog__menu ul li{ font-size: .9em; color: rgba(55,66,80,.5); padding: 3px 0; } .catalog__menu ul li:hover, .catalog__menu ul li.active{ color: rgba(55,66,80,1); } .catalog__menu ul li a{ cursor: pointer; } .catalog__filter__item{ margin: 30px 0 0; position: relative; } .bx-filter-popup-result{ position: absolute; z-index: 100; top: 0; left: 110%; background: #00a69d; padding: 10px; width: 130px; color: #fff; font-size: .9em; } .bx-filter-popup-result:before{ content:""; display: block; width: 14px; height: 14px; position: absolute; top: calc(50% - 7px); left: -7px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #00a69d; } .bx-filter-popup-result .modef_num{ display: inline-block; } .catalog__filter__item .cfi__heading{ color: #374250; font-weight: 700; font-size: .9em; margin: 0 0 6px; } .catalog__filter__item .cfi__value label{ display: block; font-weight: 300; font-size: .9em; color: #374250; position: relative; cursor: pointer; box-sizing: border-box; } .catalog__filter__item .cfi__value label input{ position: absolute; top: 0; left: 0; opacity: 0; } .catalog__filter__item .cfi__value label input[type=checkbox] + .inputfake{ display: inline-block; border: 1px solid #374250; height: 13px; width: 13px; background: #fff; vertical-align: middle; margin: 0 11px 0 0; background-position: center; background-size: 90%; background-repeat: no-repeat; } .catalog__filter__item .cfi__value label input[type=checkbox]:checked + .inputfake{ background-image: url(/local/templates/timberk.v2/assets/css/../images/checkbox.png); } .catalog__filter__item .cfi__value label input[type=radio] + .inputfake{ display: inline-block; border: 1px solid #374250; border-radius: 50%; height: 14px; width: 14px; background: #fff; vertical-align: middle; margin: 0 11px 0 0; position: relative; } .catalog__filter__item .cfi__value label input[type=radio]:checked + .inputfake:after{ content: ""; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 50%; height: 50%; border-radius: 50%; background: #374250; display: block; position: absolute; } .catalog__filter__item .cfi__value label .value{ display: inline-block; vertical-align: middle; } .catalog__filter__hidden{ display: none; } .catalog__filter__hidden__btn{ font-weight: 700; color: #374250; font-size: .9em; cursor: pointer; margin: 20px 0 0; text-align: center; } .catalog__filter__hidden__btn:hover{ text-decoration: underline; } .catalog__filter__btn{ margin: 35px 0 0; } .catalog__filter__btn button{ cursor: pointer; /*font-family: 'HelveticaNeueCyr';*/ font-weight: 300; display: block; border-radius: 0; } .catalog__filter__btn button.submit{ background: #374250; color: #fff; font-size: .9em; text-align: center; height: 40px; line-height: 40px; border: none; box-shadow: none; width: 100%; padding: 0; transition-duration: .3s; -webkit-transition-duration: .3s; } .catalog__filter__btn button.submit:hover{ background: #2fb7b0; transition-duration: .3s; -webkit-transition-duration: .3s; } .catalog__filter__btn button.drop{ background: transparent; color: #374250; font-size: .9em; display: block; text-align: center; height: 35px; line-height: 35px; border: none; box-shadow: none; width: 100%; padding: 0; margin: 10px 0 0; } /* .filter__slider{ } .filter__slider__inputs{ justify-content: space-between; margin: 10px 0 22px; } .filter__slider__inputs input{ display: inline-block; border: 1px solid #374250; width: 40%; padding: 5px; box-sizing: border-box; vertical-align: middle; font-size: .9em; height: 30px; line-height: 28px; } .filter__slider__inputs span{ display: inline-block; vertical-align: top; line-height: 30px; } .filter__slider .ui-slider-handle{ border-radius: 50%; outline: none; background: #374250; cursor: pointer; border: none; top: -8px; } .filter__slider .ui-widget-content{ border: none; border-radius: 0; background: #cfd1d4; height: 4px; } .filter__slider .ui-slider-horizontal .ui-slider-range{ background: #374250; } */ .catalog__filter__mobile{ display: none; } /* .catalog__search{ box-sizing: border-box; border: 1px solid #374250; } .catalog__search span{ font-size: 1.25em; vertical-align: middle; width: 25px; text-align: center; display: inline-block; } .catalog__search form{ padding: 0 16px; } .catalog__search input{ border: none; height: 35px; line-height: 35px; padding: 0 15px; vertical-align: middle; font-weight: 300; font-size: .9em; width: calc(100% - 30px); outline: none; } .catalog__search input:focus{ border: none!important; box-shadow: none!important; }*/ .catalog__search + .catalog__list{ margin: 35px 0 0; } .catalog__section__description{ font-size: .9em; margin: 25px 0 0; padding-right: 0!important; } .catalog__list .row{ margin-left: 0; margin-right: 0; border-top: 1px solid #e1e3e5; } .catalog__list .row:first-of-type{ border-top: none; } .catalog__item{ padding: 20px 15px 20px 15px; border-right: 1px solid #e1e3e5; position: relative; } .catalog__item:nth-of-type(4n){ border-right: none; } .catalog__item__label{ position: absolute; top: 20px; right: -11px; background-position: center right; background-repeat: no-repeat; background-size: contain; /*font-family: 'RoadRadio';*/ font-weight: 700; color: #fff; padding: 22px 15px 14px 30px; box-sizing: border-box; z-index: 4; font-size: .7em; } .catalog__item__label + .catalog__item__label{ top: 80px; } .catalog__item__label.new{ background-image: url(/local/templates/timberk.v2/assets/css/../images/new_label.png); } .catalog__item__label.flagship{ background-image: url(/local/templates/timberk.v2/assets/css/../images/main_label.png); } .catalog__item__image{ z-index: 3; position: relative; background-position: center; background-size: 90% auto; background-repeat: no-repeat; } .catalog__item__image:before{ content:""; display: block; padding-top: 120%; } .catalog__item__image__hover{ opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: 90% auto; background-repeat: no-repeat; background-color: #fff; transition-duration: .3s; -webkit-transition-duration: .3s; } .catalog__group__item__image:hover .catalog__item__image__hover, .catalog__item:hover .catalog__item__image__hover{ opacity: 1; visibility: visible; transition-duration: .3s; -webkit-transition-duration: .3s; } .catalog__item__image a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .catalog__item__name{ margin: 8px 0; font-weight: 500; color: #374250; font-size: .9em; } .catalog__item__name:hover{ text-decoration: underline; } .compare__count{ position: relative; } .compare__count[data-count]{ color: #00a79e!important; } .compare__count[data-count]:after{ content: attr(data-count); position: absolute; top: -6px; right: -6px; width: 16px; height: 16px; border-radius: 50%; color: #fff; font-size: 10px; background: #00a79e; text-align: center; line-height: 16px; /*font-family: OpenSans;*/ } .product__cmp__select{ padding: 12px; box-sizing: border-box; position: absolute; /*top: 97%; right: 0; width: 180px;*/ top: -8px; width: 205px; right: -8px; opacity: 0; visibility: hidden; background: #fff; /*border: 1px solid #e1e3e5;*/ border-radius: 3px; z-index: 1005; text-align: left; box-shadow: 0 4px 24px rgba(0,0,0,.25); } .product__cmp__select.show{ opacity: 1; visibility: visible; } /*.product__cmp__select > div{ font-size: .8rem; }*/ .product__cmp__select .select2-container{ width: 100%!important; margin: 5px 0 0; font-size: .8rem; } .product__cmp__select .select2-container .selection{ display: block; width: 100%; } .product__cmp__select .select2-container .select2-selection--single .select2-selection__rendered{ padding-left: 6px; } /* .product__cmp__select button{ background: #374250; color: #fff; font-size: .8rem; text-align: center; height: 40px; line-height: 40px; border: none; box-shadow: none; width: 100%; padding: 0; transition-duration: .3s; -webkit-transition-duration: .3s; margin: 10px 0 0; cursor: pointer; border-radius: 3px; } .product__cmp__select button:hover{ background: #2fb7b0; transition-duration: .3s; -webkit-transition-duration: .3s; } */ .product__cmp__success{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; font-size: 1rem; z-index: 1; text-align: center; } /*Product Mail*/ .product__mail{ padding: 12px; box-sizing: border-box; position: absolute; /*top: 123%;*/ top: -8px; width: 205px; right: -8px; opacity: 0; visibility: hidden; background: #fff; /*border: 1px solid #e1e3e5;*/ border-radius: 3px; z-index: 1003; text-align: left; box-shadow: 0 4px 24px rgba(0,0,0,.25); } .product__mail.show{ opacity: 1; visibility: visible; } /* .product__mail button{ display: block; background: #374250; color: #fff; font-size: .8rem; text-align: center; height: 40px; line-height: 40px; border: none; box-shadow: none; width: 100%; padding: 0; transition-duration: .3s; -webkit-transition-duration: .3s; margin: 10px 0 0; cursor: pointer; border-radius: 3px; } .product__mail button:hover{ background: #2fb7b0; transition-duration: .3s; -webkit-transition-duration: .3s; }*/ .product__mail input{ display: block; width: 100%; border: 1px solid #aaa; padding: 0 6px; /*font-size: .9rem;*/ font-size: .667rem; line-height: 133%; height: 36px; line-height: 36px; border-radius: 4px; margin-bottom: 12px; } .productmail__form__success{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; font-size: 1rem; } /*Product Mail*/ .catalog__group{ padding: 27px; background: #f5f5f5; box-sizing: border-box; margin-bottom: 50px; } .catalog__group__wrapper h1{ margin: 0 0 10px; } .catalog__group h2{ font-weight: 600; color: #00a69d; margin: 0; font-size: 1.5em; } .catalog__wrapper * + .catalog__group{ margin-top: 50px; } .catalog__wrapper h1 + .catalog__group{ margin-top: 20px; } .catalog__group__wrapper h3{ color: #374250; font-size: 1.5em; font-weight: 600; margin-bottom: 40px; } .catalog__group__list{ margin-bottom: 40px; } .catalog__group__list .row { border-top: 1px solid #e1e3e5; } .catalog__group__list .row:first-of-type{ border-top: none; } .catalog__group__item{ padding: 20px 22px 20px 22px; border-right: 1px solid #e1e3e5; box-sizing: border-box; } .catalog__group__item:nth-of-type(4n) { border-right: none; } .catalog__group__item__image{ position: relative; background-position: center; background-size: 90% auto; background-repeat: no-repeat; } .catalog__group__item__image:before{ content: ""; display: block; padding-top: 120%; } .catalog__group__item__image a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .catalog__group__item__name{ margin: 8px 0 0; font-weight: 500; color: #374250; font-size: .9em; } .catalog__group__item__name:hover{ text-decoration: underline; } /*Catalog*/ /*Popular*/ .popular__products__heading{ padding-top: 30px; text-align: center; font-weight: 500; color: #2fb7b0; font-size: 1.5em; /*font-family: 'RoadRadio';*/ text-transform: uppercase; } .popular__products__list{ padding-top: 30px; padding-bottom: 48px; position: relative; } .popular__product{ padding: 14px 34px; margin: 0 12px; box-sizing: border-box; background-color: #f5f5f5; } .popular__product .catalog__item__label{ right: 2px; } .popular__product .image{ background-position: center; background-repeat: no-repeat; background-size: contain; position: relative; } .popular__product .image:before{ content:""; display: block; padding-top: 67%; } .popular__product .image a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .popular__product .name{ font-size: 1.125em; color: #2f4050; font-weight: 300; /*font-family: 'RoadRadio';*/ text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .popular__product .link{ font-size: .9em; color: #2f4050; /*font-family: OpenSans;*/ } .popular__products__list .owl-nav{ position: absolute; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between; z-index: -1; } .popular__products__list .owl-nav div{ width: 50px; height: 50px; border-radius: 50%; background-color: #f5f5f5; line-height: 50px; text-align: center; color: transparent; } .popular__products__list .owl-nav .owl-prev{ margin-left: -76px; background-image: url(/local/templates/timberk.v2/assets/css/../images/left.svg); background-position: center; background-size: 10px; background-repeat: no-repeat; } .popular__products__list .owl-nav .owl-next{ margin-right: -76px; background-image: url(/local/templates/timberk.v2/assets/css/../images/right.svg); background-position: center; background-size: 10px; background-repeat: no-repeat; } /*Popular*/ /*News List*/ .news__list{ margin: 50px 0 0; } .news__item{ margin: 0 0 35px; } .news__item .date{ font-weight: 300; color: #00a69d; font-size: .9em; } .news__item .name{ font-weight: 700; font-size: .9em; color: #3c4653; margin: 12px 0 8px; } .news__item .name:hover{ text-decoration: underline; } .news__item .preview{ font-weight: 300; font-size: .9em; color: #3c4653; } /*News List*/ /*Pagination*/ .pagination{ padding: 25px 0 0; text-align: center; justify-content: center; } .pagination a{ font-weight: 700; height: 40px; width: 40px; display: inline-block; text-align: center; line-height: 40px; margin: 0 5px; } .pagination a.active{ background: #00a69d; color: #fff; } .pagination a:not(.active):hover{ color: #00a69d; } /*Pagination*/ /*Printing List*/ .printing__list{ margin: 50px 0 0; background: #f5f5f5; padding: 30px; box-sizing: border-box; } .printing__list__item{ padding-top: 15px; padding-bottom: 15px; position: relative; } .printing__list__item a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .printing__list__item__image{ width: 70%; margin: 0 auto; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .printing__list__item__image:before{ content:""; display: block; padding-top: 100%; } .printing__list__item__name{ text-align: center; font-weight: 300; color: #3c4653; margin: 15px 0 0; font-size: .9em; } .printing__list__item:hover .printing__list__item__name{ text-decoration: underline; } /*Product Page*/ .product__topinfo__heading{ font-size: 1.5em; color: #374250; font-weight: 300; } .product__topinfo__heading h1{ display: block; /*font-family: 'RoadRadio';*/ font-weight: 700; line-height: 1; font-size: 1em; } .product__topinfo__heading h2{ font-size: 1em; font-weight: inherit; } .product__topinfo{ justify-content: space-between; align-items: flex-start; } .product__topinfo__colors{ } .product__topinfo__colors > span{ color: #393939; font-size: .9em; font-weight: 300; vertical-align: middle; margin: 0 20px 0 0; } .product__topinfo__colors form{ display: inline-block; vertical-align: middle; height: 35px; } .product__topinfo__colors label{ position: relative; margin: 0 0 0 5px; cursor: pointer; } .product__topinfo__colors label input{ position: absolute; opacity: 0; visibility: hidden; } .product__topinfo__colors label span{ width: 35px; border: 1px solid #6c747f; display: block; position: relative; } .product__topinfo__colors label span:before{ content:""; display: block; padding-top: 100%; } .product__topinfo__colors label input:checked + span:after{ content: "\e90f"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: .8em; mix-blend-mode: multiply; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); color: #000; } .product__topinfo__actions{ display: block; font-size: 1.25em; cursor: pointer; text-align: right; position: relative; } .product__topinfo__colors + .product__topinfo__actions{ margin: 15px 0 0; } .product__topinfo__actions a{ margin: 0 0 0 13px; } .product__topinfo__actions a:hover{ color: #00a79e!important; } .product__slider__wrapper{ position: relative; margin: 20px 0; } .product__slider{ position: relative; } .product__slider .owl-item .product__slider__item{ background-size: 45%; } .product__slider .owl-item.active.center .product__slider__item{ background-size: contain; } .product__slider .owl-item.active.center .product__slider__item > div{ transform: translate(-50%,-50%) scale(1); -webkit-transform: translate(-50%,-50%) scale(1); transition: .6s ease; -webkit-transition: .6s ease; } .product__slider .owl-item .magnify-lens{ visibility: hidden; background-color: #fff; } .product__slider .owl-item.active.center .magnify-lens{ visibility: visible; } /*.product__slider .owl-item.active + .owl-item.active + .owl-item.active .product__slider__item{ background-size: 45%; }*/ .product__slider__item{ background-position: center; background-size: 45%; background-repeat: no-repeat; transition-duration: .3s; -webkit-transition-duration: .3s; transition-property: background-size; -webkit-transition-property: background-size; } .product__slider__item img{ position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .product__slider__item:before{ content:""; display: block; padding-top: 100%; } .product__slider__item > div{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%) scale(.5); -webkit-transform: translate(-50%,-50%) scale(.5); transition: .6s ease; -webkit-transition: .6s ease; background-size: contain; background-repeat: no-repeat; background-position: center; } .product__slider__item > div > .zoom{ width: 100%; height: 100%; } .product__slider__item > div > .zoom .magnify{ width: 100%; height: 100%; } .product__slider .owl-nav{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; } .product__slider.show__nav .owl-nav{ display: block!important; } .product__slider .owl-nav > div{ /*font-family: 'RoadRadio';*/ font-weight: 700; font-size: 4.5em; color: #374250; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .product__slider .owl-nav .owl-prev{ left: 0; } .product__slider .owl-nav .owl-next{ right: 0; } .product__label{ position: absolute; left: 0; top: 0; height: 38px; line-height: 38px; display: inline-block; padding: 0 40px 0 30px; /*font-family: 'RoadRadio';*/ font-weight: 700; color: #fff; } .product__label.new{ background-size: auto 100%; background-position: center right; background-image: url(/local/templates/timberk.v2/assets/css/../images/new_product_label.png); background-repeat: no-repeat; } .product__label.flagship{ background-size: auto 100%; background-position: center right; background-image: url(/local/templates/timberk.v2/assets/css/../images/flagship_product_label.png); background-repeat: no-repeat; } .product__label.archive{ background-size: auto 100%; background-position: center right; background-image: url(/local/templates/timberk.v2/assets/css/../images/archive_product_label.png); background-repeat: no-repeat; } .product__label.new + .product__label.flagship{ top: 45px; } .product__info__preview{ color: #374250; font-size: 1em; } .product__info .row{ width: 100%; } .product__info__wrapper{ } .product__info__props > span{ vertical-align: middle; color: #374250; font-weight: 300; font-size: .9em; } .product__info__props .select2-container{ margin: 0 42px 0 0; } .product__info__props .select2-container--default .select2-selection--single{ color: #374250; border: 1px solid #374250; outline: none; } .product__info__props .select2-container--default .select2-selection--single .select2-selection__rendered{ color: #374250; outline: none; } .product__info__props .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-color: #374250 transparent transparent transparent; } .product__info__props .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-color: transparent transparent #374250 transparent; } .product__info__drop .select2-results__option{ font-size: .9em; color: #374250; position: relative; } .select2-container--default .product__info__drop .select2-results__option--highlighted[aria-selected]{ background: #00a69d; } .product__info__props .label{ margin: 0 10px 0 0; } .product__info__props .price{ /*font-family: 'RoadRadio';*/ font-weight: 700; font-size: 1.125em; } .product__info__props .price:after{ content: " Руб."; margin: 0 0 0 5px; display: inline-block; } .product__info__btns{ justify-content: space-between; } .product__info__props + .product__info__btns{ margin: 22px 0 0; } .product__info__btns a{ width: 48%; line-height: 52px; height: 54px; text-align: center; display: inline-block; /*font-family: 'RoadRadio';*/ font-weight: 700; color: #374250; vertical-align: middle; transition-duration: .3s; -webkit-transition-duration: .3s; } .product__info__btns a:hover{ transition-duration: .3s; -webkit-transition-duration: .3s; } .product__info__btns a.buy{ background: #374250; color: #fff; } .product__info__btns a.buy:hover{ background: #00a69d; color: #fff!important; } .product__info__btns a.shops{ border: 2px solid #374250; } .product__info__btns a.shops:hover{ background: #374250; color: #fff; } .productdetail__tabs{ background: #00a69d; } .productdetail__block{ margin: 40px 0 0; background: #f5f5f5; } .productdetail__tabs .container{ justify-content: space-between; } .productdetail__tabs___item{ height: 63px; line-height: 63px; color: #fff; cursor: pointer; } .productdetail__tabs___item span{ position: relative; display: inline-block; line-height: normal; } .productdetail__tabs___item:hover span:after, .productdetail__tabs___item.active span:after{ content:""; position: absolute; height: 1px; width: 100%; bottom: -5px; background: #fff; left: 0; } .productdetail__tabscontent__item{ padding: 45px 0; display: none; font-size: .8em; color: #374250; line-height: 1.5; } .productdetail__tabscontent__item.active{ display: block; } .product__props + .productdetail__item{ margin-top: 45px!important; } .productdetail__techlist{ position: relative; } .productdetail__techicon{ border: 1px solid transparent; position: relative; cursor: pointer; } .productdetail__techicon.col-6{ padding-right: 2px!important; padding-left: 2px!important; } .productdetail__techicon.active{ background-color: #ffffff; border-color: #d4d4d4; border-radius:15px 15px 0 0; border-bottom-color: transparent; } .productdetail__techicon.active:before{ content:""; position: absolute; top: 100%; height: 15px; background-color: #fff; z-index: 2; left: -1px; right: -1px; border: 1px solid transparent; } .productdetail__techicon.active:nth-of-type(6n+1):before{ border-left-color: #d4d4d4; } .productdetail__techicon.active:nth-of-type(6n):before{ border-right-color: #d4d4d4; } .productdetail__techicon .icon{ position: relative; padding: 45px 0 10px 0; } .productdetail__techicon .icon:before{ content:""; display: block; padding-top: 80%; } .productdetail__techicon .icon svg{ position: absolute; top: 50%; left: 50%; /*width: auto; height: auto; max-width: 70%; max-height: 70%;*/ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); /* height: 80px; max-height: 80px; */ height: 90px; max-height: 90px; } .productdetail__techicon .label{ /*font-family: 'RoadRadio';*/ font-weight: 700; font-size: .9rem; text-transform: uppercase; color: #374250; text-align: center; letter-spacing: 1px; margin-bottom: 10px; line-height: 1.5; min-height: 2.7em; } .productdetail__techicon .icon svg, .productdetail__techicon .icon svg > *{ fill: #374250!important; stroke: #374250!important; stroke-width: 0; } .productdetail__techicon:hover .icon svg, .productdetail__techicon:hover .icon svg > *, .productdetail__techicon.active .icon svg, .productdetail__techicon.active .icon svg > *{ fill: #00a69d!important; stroke: #00a69d!important; } .productdetail__techpreview{ display: none; margin-top: -1px; position: relative; z-index: 1; width: 100%; } .productdetail__techpreview .preview{ width: 100%; background-color: #fff; padding: 15px; border-radius:15px; font-size: .8rem; line-height: 1.5; border: 1px solid #d4d4d4; } /*.productdetail__techpreview:hover .preview{ visibility: visible; opacity: 1; }*/ .productdetail__techpreview .preview .detail{ margin: 5px 0 0; font-size: .65rem; text-transform: capitalize; color: #00a69d; } .product__props{ /* max-width: 400px; */ margin: 40px 0 0; } .product__props:first-child{ margin-top: 0; } .product__props__item{ width: 19%; margin-bottom: 20px; margin-left: 1%; text-align: center; } .product__props__item .value{ position: relative; } .product__props__item .value .label{ position: absolute; } .product__props__item.wetting .value .label{ font-weight: 700; font-size: 1.125em; color: #f5f5f5; left: 50%; bottom: 15%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .product__props__item.volume .value .label{ font-weight: 700; font-size: 1.125em; color: #f5f5f5; left: 50%; bottom: 22%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .product__props__item.hours .value{ width: 60%; margin: 0 auto; } .product__props__item.hours .value:before{ content:""; width: calc(100% - 2px); display: block; padding-top: calc(100% - 2px); border: 1px solid #374250; border-radius: 50%; } .product__props__item.hours .value .label{ text-align: center; color: #374250; top: 50%; width: 100%; font-size: 2.75em; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .product__props__item .name{ margin: 7px 0 0; font-size: .75em; font-weight: 300; color: #393939; line-height: 13px; } .product__props__item img{ width: 50%; } .productdetail__tabscontent__item .productdetail__item{ margin: 0 0 45px; } .productdetail__tabscontent__item h3, .productdetail__tabscontent__item h4{ margin-bottom: 19px; font-weight: 700; color: #374250; font-size: 1.5em; } .productdetail__tabscontent__item .productdetail__item a{ text-decoration: underline; } .productdetail__tabscontent__item ul{ padding: 0 0 0 18px; list-style-type: circle; } .productdetail__tabscontent__item *:not(h4):last-child{ margin-bottom: 0; } .productdetail__tabscontent__item ul li{ padding: 0 0 5px; } .productdetail__tabscontent__item .col-6{ padding-right: 40px; } .product__characteristic{ overflow-x: visible; } .product__characteristic .row{ border-bottom: 1px solid #ccced1; margin-left: 0; margin-right: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; /*justify-content: space-between;*/ } .product__characteristic .row.no-border{ border: none; } .product__characteristic .row:last-of-type{ border-bottom: none; } .product__characteristic .row.head > div{ font-weight: 700; } .product__characteristic .row.head.no-padding > div{ padding-bottom: 0; } .product__characteristic .row > div{ line-height: 1.5; font-weight: 300; color: #374250; padding: 15px 0; } .product__characteristic .row > div.content__col{ width: 135px; text-align: center; overflow: hidden; text-overflow: ellipsis; } .product__characteristic.is-model .row > div.content__col{ width: auto; text-align: left; padding-left: 30px; } .product__characteristic .row > div.content__col .price{ font-size: 20px; color: #000; white-space: nowrap; } .product__characteristic .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #374250; } .product__characteristic .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; } .product__characteristic .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; } .product__video__list > div{ padding-bottom: 15px; } .product__video__list > div iframe{ width: 100%; } .product__file{ margin-bottom: 15px!important; } .product__file a{ height: 100%; display: block; padding: 15px 20px; border-radius: 3px; border: 1px solid #8a99a0; background: #f7f8f9; } /*Product Page*/ /*Content Docs*/ .content__left__docs{ margin: 60px 0 0; background: #f5f5f5; } .content__left__docs__heading{ background: #00a69d; color: #fff; padding: 20px 50px 20px 25px; font-size: .9em; } .content__left__docs__heading span{ font-size: 2.5rem; vertical-align: middle; margin: 0 13px 0 0; } .content__left__docs__list{ padding: 11px 30px 11px 25px; } .content__left__docs__list a{ display: block; padding: 9px 0; color: #374250; font-size: .9em; } .content__left__docs__list a:hover{ text-decoration: underline; } .content__left__menu{ background: #f5f5f5; } .content__left__menu__head{ padding: 0 0 0 0; font-size: .9em; text-transform: uppercase; letter-spacing: 1px; } .content__left__menu__head.active{ background: #00a69d; color: #fff; } .content__left__menu__head a{ display: block; padding: 25px 50px 25px 25px; border-top: 1px solid #d9dadc; } .content__left__menu__head.active a, .content__left__menu__head:first-of-type a{ border-top: none; } .content__left__menu__list{ display: none; padding: 15px 25px 15px 25px; } .content__left__menu__head.active + .content__left__menu__list{ display: block; } .content__left__menu__list a{ display: block; padding: 4px 0; font-size: .9em; color: rgba(55,66,80,.5)!important; } .content__left__menu__list a.active{ color: rgba(55,66,80,1)!important; } .content__left__menu__list a:hover{ color: rgba(55,66,80,1)!important; } /*.text__block{ padding-right: 100px; }*/ .text__block time{ font-size: .75em; margin: 0 0 10px; display: block; } .text__block img{ max-width: 100%!important; height: auto!important; margin: 10px 0; } .text__block > p{ color: #2e4150; font-size: .9em; } .text__block p:last-of-type{ margin-bottom: 0; } .text__block a{ text-decoration: underline; } .text__block h1{ color: #00a69d; /*font-family: 'RoadRadio';*/ font-weight: 300; font-size: 1.5em; margin-bottom: 20px; } .text__block h2{ color: #2e4150; font-weight: 700; font-size: 1.125em; margin: 30px 0 30px; } .text__block h3{ color: #2e4150; font-weight: 700; font-size: 1.125rem; margin-bottom: 20px; } .text__block > * + h3{ margin-top: 35px; } .text__block > ul{ list-style: circle; color: #2e4150; font-size: .9em; } .text__block li { font-size: .9em; padding-bottom: 15px; } .text__block > blockquote{ /*font-family: 'RoadRadio';*/ font-weight: 300; font-size: 1.25em; color: #01a89e; margin-bottom: 45px; } .text__block > * + blockquote{ margin-top: 45px; } .text__block > .grey__plate{ margin-bottom: 45px; } .text__block > * + .grey__plate{ margin-top: 45px; } .text__block > table{ margin-top: 35px; font-size: .9em; color: #2e4150; font-weight: 300; } .text__block table thead{ background: #2e4150; font-weight: 700; color: #fff; } .text__block table td{ padding: 12px 21px; text-align: center; } .text__block table td:first-of-type{ text-align: left; } .text__block table tbody tr:nth-of-type(even){ background: #f5f5f5; } .text__block table td h3{ color: #00a69d; font-weight: 700; text-align: center; margin: 0; padding: 10px 0; } .text__block .is--catalog-card-banner-v2{ margin-top: 15px!important; margin-bottom: 15px!important; } .plate__text{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between; background: #2f4050; margin: 0 0 50px 0; } .text__block p + .plate__text, .text__block h1 + .plate__text{ margin-top: 50px; } .plate__text__col{ width: 50%; min-height: 217px; position: relative; overflow: hidden; padding: 20px; box-sizing: border-box; color: #fff; font-size: .9em; } .plate__text__col > img{ position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .plate__text__col h4{ /*font-family: 'RoadRadio';*/ font-weight: 300; font-size: 1.25em; text-align: justify; } .plate__text__col * + h4{ margin-top: 20px; } .col__text{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between; margin: 0 0 25px; } .col__text > div{ width: 50%; padding: 0 20px; } .col__text > div:nth-of-type(1){ padding-left: 0; } .col__text > div:nth-of-type(2){ padding-right: 0; } .col__text p{ color: #2e4150; font-size: .9em; } .col__text h4{ /*font-family: 'RoadRadio';*/ font-weight: 300; font-size: 1.25em; color: #01a89e; text-align: justify; } .text__block__gallery{ position: relative; margin: 50px 100px 50px 0; width: auto; } .text__block__gallery__item{ background-position: center; background-size: contain; background-repeat: no-repeat; } .text__block__gallery__item:before{ content:""; display: block; padding-top: 67%; } .text__block__gallery .owl-nav{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; } .text__block__gallery .owl-nav > div{ /*font-family: 'RoadRadio';*/ font-weight: 700; font-size: 4.5em; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .text__block__gallery .owl-nav .owl-prev{ left: 15px; } .text__block__gallery .owl-nav .owl-next{ right: 15px; } .catalogmenu__block, .sitemenu__block{ z-index: 9999; position: fixed; width: 100%; height: 100%; top: 0; left: 0; /* background: rgba(55,66,80,.8); */ background: rgba(14, 18, 25, 0.85); opacity: 0; visibility: hidden; transition-duration: .3s; -webkit-transition-duration: .3s; } .sitemenu__block{ justify-content: flex-end; } .catalogmenu__lay, .sitemenu__lay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1; } .catalogmenu__block.show, .sitemenu__block.show{ opacity: 1; visibility: visible; transition-duration: .3s; -webkit-transition-duration: .3s; } .catalogmenu__inner{ height: 100%; padding: 50px 0 50px 15px; box-sizing: border-box; width: auto; max-width: 100%; background: #374250; position: relative; z-index: 2; background-position: left center; background-repeat: no-repeat; background-size: auto 100%; background-image: url(/local/templates/timberk.v2/assets/css/../images/climat-wallpaper.jpg); } .catalogmenu__inner:before{ content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background-color: #374250; */ opacity: .6; } /* .catalogmenu__btn{ position: relative; height: 52px; font-size: 1.125em; font-family: 'RoadRadio'; font-weight: 300; text-transform: uppercase; } .menucatalog__btn { color: #fff; display: flex; align-items: center; font-family: montserrat-500; font-size: 1rem; line-height: 100%; } .menucatalog__btn:hover{ color: #3cb6a8; } .menucatalog__btn svg{ width: 24px; min-width: 24px; height: 24px; margin-right: 13px; margin-bottom: 2px; } .catalogmenu__btn .icon-menucatalog_icon{ margin: 0 20px 0 0; font-size: 1.125rem; font-size: 1rem; vertical-align: middle; }*/ .catalogmenu__top{ padding: 0 37px 0 0; box-sizing: border-box; justify-content: space-between; height: 52px; align-items: center; } .catalogmenu__top a span{ color: #fff; /*font-size: 1.25em;*/ font-size: 1.11rem; position: relative; } .catalogmenu__list ul{ padding: 0; margin: 0; list-style: none; color: #fff; } .catalogmenu__list > ul > li{ position: relative; } .catalogmenu__list ul li a{ /*font-size: 1.125em;*/ font-size: 1rem; padding: 17px 84px 17px 0; display: block; font-weight: 300; position: relative; cursor: pointer; } .catalogmenu__list > ul > li > a{ border-bottom: 1px solid rgba(255, 255, 255,0.102); } .catalogmenu__list ul li:last-of-type a{ border-bottom: none; } .catalogmenu__list ul li a:hover{ color: #00e3d7!important; } .catalogmenu__list ul li a.active{ color: #00e3d7!important; } .catalogmenu__list ul li a span{ position: absolute; top: 50%; right: 44px; font-size: 5px; color: #fff; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .col__submenu > li{ display: none; } .catalogmenu__list > ul > li > ul{ position: absolute; top: -1px; left: 100%; opacity: 0; visibility: hidden; width: 100%; background: #374250; overflow: hidden; } .catalogmenu__list > ul > li:hover > ul{ opacity: 1; visibility: visible; } .catalogmenu__list > ul > li > ul .valve{ position: absolute; background-position: left center; background-repeat: no-repeat; background-size: auto 100%; } .catalogmenu__list > ul > li > ul .valve:before{ content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background-color: #374250; */ opacity: .6; } .catalogmenu__list > ul > li > ul .col__submenu > a{ padding: 17px 20px; border-top: 1px solid rgba(255, 255, 255,0.102); } .catalogmenu__list > ul > li > ul .col__submenu > li > a{ padding: 0 20px 14px; font-size: .8em; } .sitemenu__top{ padding: 0 0 0 30px; box-sizing: border-box; justify-content: space-between; height: 52px; align-items: center; } .sitemenu__top a span{ color: #fff; /*font-size: 1.25em;*/ font-size: 1.11rem; } .sitemenu__top .select2-container--default.select2-container--open{ margin: 0 0 0 -4px; } .sitemenu__top .select2-container--default .select2-selection--single{ background: transparent; border: none; outline: none; border-radius: 0; } .sitemenu__top .select2-container--default.select2-container--open .select2-selection--single{ background: #fff; } .sitemenu__top .select2-container--default .select2-selection--single .select2-selection__rendered{ color: #fff; /*font-family: 'RoadRadio';*/ font-weight: 500; text-transform: uppercase; letter-spacing: 1px; } .sitemenu__top .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered{ color: #36414f; } .sitemenu__top .select2-container .select2-selection--single .select2-selection__rendered{ padding-left: 0; padding-right: 25px; /*font-size: 1em;*/ font-size: 0.899rem; } .sitemenu__top .select2-container.select2-container--open .select2-selection--single .select2-selection__rendered{ padding-left: 4px; padding-top: 0; padding-right: 21px; } .sitemenu__top .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-color: #fff transparent transparent transparent; } .sitemenu__top .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-color: transparent transparent #36414f transparent; } .sitemenu__top__lang{ width: 52px; } .sitemenu__lang__drop{ } .select2-container--default .sitemenu__lang__drop.select2-dropdown{ border-radius: 0; border: none; } .select2-container--default .sitemenu__lang__drop .select2-results__option{ font-size: .9em; /*font-family: 'RoadRadio';*/ font-weight: 500; color: #36414f; letter-spacing: 1px; padding: 5px 4px; box-sizing: border-box; } .select2-container--default .sitemenu__lang__drop .select2-results__option--highlighted[aria-selected]{ background: #00a69d!important; color: #fff!important; } .sitemenu__inner{ padding: 50px 15px 50px 0; height: 100%; width: 100%; box-sizing: border-box; max-width: 392px; background: #374250; position: relative; z-index: 2; background-position: right center; background-repeat: no-repeat; background-size: cover; background-image: url(/local/templates/timberk.v2/assets/css/../images/climat-wallpaper.jpg); } .sitemenu__inner ul{ padding: 0; margin: 0; list-style: none; color: #fff; } .sitemenu__inner ul li a{ /*font-size: 1.125em;*/ font-size: 1rem; padding: 17px 30px 17px 30px; display: block; font-weight: 300; border-bottom: 1px solid rgba(255, 255, 255,0.102); position: relative; cursor: pointer; } .sitemenu__inner ul li:last-of-type a{ border-bottom: none; } .sitemenu__inner ul li a:hover{ color: #00e3d7!important; } .sitemenu__inner ul li a span{ position: absolute; top: 50%; right: 19px; font-size: 6px; color: #fff; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .sitemenu__social{ justify-content: flex-start; align-items: center; padding: 0 0 0 30px; margin: 50px 0 0; box-sizing: border-box; } .sitemenu__social a{ margin-right: 25px; font-size: 1.125em; color: rgba(255,255,255,.2)!important; } .sitemenu__social a:hover{ color: #fff!important; } /*Error Block*/ .error__block .container{ text-align: center; padding-top: 50px; padding-bottom: 50px; } .error__image{ } .error__image img{ max-width: 330px; width: 80%; } .error__code{ font-size: 14.9375em; font-weight: 900; color: #f5f5f5; margin: 50px 0 45px; line-height: 1; } .error__heading{ color: #3c4653; font-size: 2.24em; font-weight: 700; } .error__text{ color: #3c4653; font-weight: 300; font-size: .9em; text-align: center; max-width: 300px; margin: 20px auto 0; } .errorcontent__block{ background: #f5f5f5; color: #3c4653; font-size: .9em; } .errorcontent__block .container{ padding-top: 25px; padding-bottom: 35px; } .errorcontent__block .container a{ font-weight: 700; } .errorcontent__block .container a:hover{ text-decoration: underline!important; } /*Error Block*/ /*Compare Block*/ .comapre__select{ margin: 35px 0 0; font-size: .9em; color: #374250; } .comapre__select a{ display: inline-block; margin: 0 0 0 40px; } .comapre__select a.active, .comapre__select a:hover{ text-decoration: underline!important; } .compare__list{ margin: 10px 0 0; position: relative; } .compare__list.diff .compare__row:not(.different){ display: none; } .compare__controls{ padding: 8px 0 14px; color: #374250; font-size: .9em; } .compare__controls__btn{ margin-left: 38px; cursor: pointer; } .compare__controls__btn:hover{ text-decoration: underline; } .compare__controls__btn.active{ color: #00a69d; } .compare__row{ position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; justify-content: flex-start; padding: 0; color: #374250; font-size: 0.9em; font-weight: 300; } .compare__row:first-of-type, .compare__row:last-of-type{ border-bottom: none; } .compare__row.header{ flex-wrap: nowrap; } /*.compare__row.header:before{ content: ""; top: 0; position: absolute; height: 100%; left: -100%; width: 300%; background-color: #fff; z-index: -1; } .compare__row.header:after{ content: ""; position: absolute; height: 50%; left: -100%; width: 300%; bottom: 0; background-color: #fff; z-index: -2; }*/ .compare__block__header.fixed{ position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; padding-bottom: 0; box-shadow: 0 7px 31px 1px rgba(0,0,0,.2); } .compare__block__header .compare__list{ margin: 0; } .compare__row[data-label]:before{ content: attr(data-label); color: #374250; font-weight: 500; display: block; width: 100%; text-align: center; font-size: 0.9em; background-color: rgba(230, 230, 230, 0.3); padding: 10px 0; } .different[data-label]:before { color: #00a69d; } .compare__row__inner{ width: 100%; display: flex; flex-wrap: nowrap; } .compare__row__item{ width: 158px; color: #374250; padding: 10px 0; margin-right: 40px; text-align: center; } .compare__row__item:last-of-type{ margin-right: 0; } .compare__row__item .image{ display: block; position: relative; } .compare__row__item .image:before{ content:""; display: block; padding-top: 100%; } .compare__row__item .image img{ position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .compare__row__item__delete{ position: absolute; top: 0; right: 0; font-size: .8em; } .compare__row__item .name{ color: #374250; font-size: 1em; text-align: center; font-weight: 500; /*font-family: OpenSans;*/ } .compare__row__item .preview{ color: #374250; margin: 3px 0 0; font-size: .9em; text-align: center; font-weight: 300; /*font-family: OpenSans;*/ } .compare__row__item img{ width: 100%; } .compare__row__item.better:after{ content: "\e90f"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #00a69d; display: inline-block; margin: 0 0 0 8px; font-weight: 700; } .compare__empty{ text-align: center; padding: 40px 0 120px; } .compare__empty .text{ font-size: 1.125em; margin: 0 0 30px; } .compare__empty .button{ height: 40px; line-height: 40px; color: #fff; background-color: #36414f; padding: 0 30px; display: inline-block; font-size: .9em; /*font-family: 'HelveticaNeueCyr';*/ font-weight: 300; transition-duration: .3s; -webkit-transition-duration: .3s; } .compare__empty .button:hover{ background: #2fb7b0; transition-duration: .3s; -webkit-transition-duration: .3s; } /*Compare Block*/ /*Dropdown Content*/ .dropdowncontent__block{ margin: 50px 0 0; } .dropdowncontent__heading{ box-sizing: border-box; padding: 25px 20px; font-size: .9em; text-transform: uppercase; letter-spacing: 1px; background: #f5f5f5; font-weight: 700; color: #374250; } .dropdowncontent__list{ margin: 20px 0 30px; border: 1px solid #f5f5f5; } .dropdowncontent__item{ border-bottom: 1px solid #f5f5f5; } .dropdowncontent__item:last-of-type{ border-bottom: none; } .dropdowncontent__item .label a{ padding: 25px 75px 25px 20px; font-size: .9em; cursor: pointer; position: relative; display: block; } /*.dropdowncontent__item .label a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }*/ .dropdowncontent__item .label span{ position: absolute; top: 50%; right: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); border: 1px solid #374250; border-radius: 3px; width: 40px; height: 40px; } .dropdowncontent__item.active > .label { background-color: #00a69d; color: #fff; } .dropdowncontent__item.active > .label span { color: #000; background-color: #fff; } .dropdowncontent__item .label span:before{ content:">"; /*font-family: 'RoadRadio';*/ font-weight: 300; display: block; width: 100%; height: 100%; line-height: 38px; transform: rotate(90deg); -webkit-transform: rotate(90deg); transition-duration: .3s; -webkit-transition-duration: .3s; text-align: center; font-size: 36px; } .dropdowncontent__item.active .label span:before{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transition-duration: .3s; -webkit-transition-duration: .3s; } .dropdowncontent__item .text{ display: none; padding: 25px 20px; } /*Dropdown Content*/ /*Header Search Form*/ .header__search__block{ position: fixed; top: -999px; left: 0; width: 100%; z-index: 9999; background: #3d3d3d; transition-duration: .3s; -webkit-transition-duration: .3s; min-height: auto; } .header__search__block.show{ top: 0; transition-duration: .3s; -webkit-transition-duration: .3s; } .header__search__block .container-fluid{ padding-top: 50px; padding-bottom: 50px; position: relative; } .header__search__block .search-form{ border-bottom: 1px solid #fff; } .header__search__block .search-form form{ justify-content: space-between; align-items: center; } .search__header__input{ width: calc(100% - 50px); margin: 0 10px 0 0; } .search__header__input input{ display: block; width: 100%; background: transparent; /*font-size: 2em;*/ font-size: 1.778rem; line-height: 40px; border: none; box-shadow: none; color: #fff; padding: 10px 0; font-weight: 300; } .search__header__input input::-webkit-input-placeholder { color: #fff; } .search__header__input input::-moz-placeholder { color: #fff; } .search__header__input input:-ms-input-placeholder { color: #fff; } .search__header__input input:-moz-placeholder { color: #fff; } .search__header__button button{ width: 40px; background: transparent; color: #fff; border: none; box-shadow: none; line-height: 40px; font-size: 20px; cursor: pointer; text-align: center; } .header__search__close{ position: absolute; top: 20px; right: 20px; color: #fff; /*font-size: 1em;*/ font-size: 0.899rem; cursor: pointer; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; } /*Header Search Form*/ /*Video Main*/ .video__item .container{ padding-top: 54px; padding-bottom: 87px; } .video__item__heading{ padding-bottom: 43px; text-align: center; font-weight: 500; color: #2fb7b0; font-size: 1.5em; /*font-family: 'RoadRadio';*/ text-transform: uppercase; } .video__item__content{ display: block; position: relative; } .video__item__content:before{ content: ""; display: block; padding-top: 52.57%; } .video__item__content iframe{ top: 0; left: 0; height: 100%; width: 100%; z-index: 1; position: absolute; } .video__item__control{ top: 0; left: 0; height: 100%; width: 100%; position: absolute; z-index: 2; background-position: center; background-repeat: no-repeat; background-size: cover; transition-duration: .3s; -webkit-transition-duration: .3s; } .video__item__control.active{ opacity: 0; visibility: hidden; transition-duration: .3s; -webkit-transition-duration: .3s; } .video__item__play{ width: 89px; height: 89px; border-radius: 50%; background-color: #2fb7b0; position: absolute; top: 50%; left: 50%; cursor: pointer; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .video__item__play img{ position: absolute; max-width: 50%; max-height: 50%; top: 50%; left: 55%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } /*Video Main*/ /*Footer*/ .footer__block{ } .footer__block .container{ padding-top: 37px; padding-bottom: 37px; } .footer__block .hr{ height: 2px; background: #a2a7ad; margin: 20px 0 40px; } .footer__confidentiality{ color: #b0b0b0; font-size: .8em; margin: 0 0 15px; } span.footer__logo.icon-logo_gray{ font-size: 3.125em; color: #b5b5b5; } img.footer__logo{ width: auto; height: 3.125em; } .footer__copy{ color: #b0b0b0; font-size: .8em; } .footer__confidentiality__link{ display: inline-block; color: #b0b0b0; font-size: .8em; margin: 0 0 0 15px; } .footer__confidentiality__link:hover{ color: #b0b0b0; text-decoration: underline; } .footer__subscribe__heading{ font-size: .9em; color: #374250; } .footer__subscribe__input{ margin: 10px 0 0; border: 1px solid #374250; } .footer__subscribe__input input{ border: none; color: #374250; font-size: .8em; line-height: 32px; padding: 0 10px; display: inline-block; vertical-align: middle; width: calc(100% - 30px); } .footer__subscribe__input button{ background-color: transparent; color: #374250; line-height: 32px; border: none; box-shadow: none; font-weight: 300; font-size: 1.125em; cursor: pointer; vertical-align: middle; width: 30px; } .footer__social{ margin: 25px 0 0; justify-content: space-between; align-items: center; } .footer__social a{ font-size: 1.125em; color: #b5b5b5; } .footer__social a.icon-icon_vk:hover{ color: #45668e; } .footer__social a.icon-icon_fb:hover{ color: #3b5998; } .footer__social a.icon-icon_tw:hover{ color: #00aced; } .footer__social a.icon-icon_yt:hover{ color: #bb0000; } .footer__social a.icon-icon_gl:hover{ color: #dd4b39; } .footer__col__right{ box-sizing: border-box; } /*Footer*/ .totop__btn{ position: fixed; left: 50px; bottom: 50px; border-radius: 50%; background: #00a69d; width: 55px; height: 55px; opacity: 0; visibility: hidden; /*font-family: 'RoadRadio';*/ font-weight: 100; cursor: pointer; } .totop__btn.visible{ opacity: 1; visibility: visible; } .totop__btn:before{ content:">"; position: absolute; display: block; top: 49%; left: 48%; transform: translate(-50%,-50%) rotate(-90deg); -webkit-transform: translate(-50%,-50%) rotate(-90deg); color: #fff; font-size: 2.8em; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-360_view:before { content: "\e911"; } .icon-why:before { content: "\e900"; } .icon-icon_3:before { content: "\e901"; } .icon-icon_fb:before { content: "\e902"; } .icon-icon_gl:before { content: "\e903"; } .icon-icon_tw:before { content: "\e904"; } .icon-icon_vk:before { content: "\e905"; } .icon-icon_yt:before { content: "\e906"; } .icon-logo_gray:before { content: "\e907"; } .icon-cmpbtn:before { content: "\e908"; } .icon-mail_icon:before { content: "\e909"; } .icon-pdf_icon:before { content: "\e90a"; } .icon-print_icon:before { content: "\e90b"; } .icon-catalogmenu_arrow:before { content: "\e90c"; } .icon-close_icon:before { content: "\e90d"; } .icon-docs:before { content: "\e90e"; } .icon-check_icon:before { content: "\e90f"; } .icon-like:before { content: "\e910"; } .icon-menucatalog_icon:before { content: "\e92c"; } .icon-search_icon:before { content: "\e92d"; } .icon-icon_1:before { content: "\e92f"; } .icon-icon_2:before { content: "\e930"; } .icon-menu_icon:before { content: "\e931"; } div.title-search-result{ position: absolute; top: 100%; left: 0; width: 100%; padding: 0 97px 0 0; z-index: 9999; margin-top: -5px; } div.title-search-result .table{ width: 100%; padding: 4px 0 0; background: #fff; border: 1px solid #3cb6a8; box-sizing: border-box; border-top: none; text-align: left; /*text-align-last: left;*/ border-radius: 0 0 3px 3px; overflow: hidden; font-size: .667rem; } div.title-search-result .table .resultBlock{ color: #18181a; /*border-top: 1px solid #3cb6a8;*/ } div.title-search-result .table .resultBlock .blockName:not(:empty){ /*font-size: .9em;*/ padding: 10px 10px 10px; font-weight: 700; } div.title-search-result .table .resultBlock a{ display: block; padding: 3px 10px; color: #636569; /*font-size: .9em;*/ } div.title-search-result .table .resultBlock a:hover{ background: #3cb6a8; color: #fff; } div.title-search-result .table .resultBlock a.all{ /*font-size: .9em;*/ font-weight: 700; padding: 5px 10px; color: #18181a; } div.title-search-result .table .resultBlock a.all:hover{ color: #fff; } .seo > p, .seo > ul > li { font-size: .8em !important; color: #2e4150a8 !important; } .seo > p { margin-bottom: 10px !important; } .seo > h2, .seo > h3 { font-size: 1em !important; color: #2e4150a8 !important; margin: 5px 0 !important; } .seo { margin-top: 100px !important; } .timberk_color { color: #00a69d; } .productdetail__download { font-size: 0.9rem; } .productdetail__download:hover { color: #00a69d; } .sitemenu__subscribe { margin: 50px 0 0 29px; } .sitemenu__subscribe .footer__subscribe__heading { color: #fff; text-align: center; } .sitemenu__subscribe .footer__subscribe__input button { background-color: #fff; } .content__left__subscribe { margin: 60px 0 0; } .content__left__subscribe .footer__subscribe__heading { text-align: center; } .mfp-content { width: auto; height: auto; max-width: 800px; max-height: 800px; } .white-popup { position: relative; background: #FFF; padding: 5px; width: auto; height: auto; max-width: 800px; max-height: 800px; margin: 20px auto; } .popup-modal-close { position: absolute; top: 0; right: -32px; font-size: 1.7rem; color: #fff; line-height: 0; } .mfp-bg { background: #2f4050; opacity: 0.7; } .view_360_link { position: absolute; right: 0; top: 0; display: inline-block; color: #00a79e; font-size: 3rem; line-height: 0; z-index: 5; } span.icon-360_view { position: absolute; left: 5px; top: 5px; display: inline-block; color: #00a79e; font-size: 4rem; z-index: 1000; } .item-360_view { position: relative; top: -15px; } .view_360_slider .owl-nav{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; } .view_360_slider.show__nav .owl-nav{ display: block!important; } .view_360_slider .owl-nav > div{ /*font-family: 'RoadRadio';*/ font-weight: 700; font-size: 4.5em; color: #374250; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .view_360_slider .owl-nav .owl-prev{ left: 20px; } .view_360_slider .owl-nav .owl-next{ right: 20px; } /* скрываем ссылку на сторонний сервис 360*/ body a[id^="sirvCR"], body a[id^="sirvCR"] img{ display: none !important; opacity:0; } .product-card__360-btn{ position: absolute; top: 0; right: 70px; z-index: 10; padding: 15px; } .product-card__360-btn a{ cursor: pointer; } .product-card__360-btn img{ width: 33px; opacity: .35; } .product-card__360-btn:hover img{ opacity: 1; } .fancybox-slide{ overflow: hidden!important; } .fancybox-slide:before{ display: none!important; } .photoViewIcon{ position: absolute; top: 10px; left: 10px; width: 50px; } #photoView360Container{ display: none; padding: 0!important; margin: 0!important; } #photoView360Container .fancybox-close-small{ display: none; } .product-card__360-wrapper{ height: 100vh; width: 100vw; max-width: 500px!important; max-height: 500px!important; margin: 0 auto; } #photoView360 canvas{ cursor: move; width: auto!important; height: 100%!important; margin: 0 auto; } @media only screen and (max-width: 450px){ #photoView360 canvas{ width: 100%!important; height: auto!important; } } .product-card__360-btns{ position: absolute; top: 0; right: 0; background: #fff; padding: 0; display: flex; } .product-card__360-btns-item{ background: #fff; display: block; width: 44px; height: 44px; position: relative; background: rgba(30,30,30,.6); } .product-card__360-btns-item img{ height: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .product-card__360-btns-item.close img{ height: 10px; } #photoView360ContainerShare{ display: none; width: 100%; box-sizing: border-box; max-width: 700px; box-shadow: 0 0 30px 0 rgba(0,0,0,.25); } #photoView360ContainerShare p{ line-height: 1.5; font-size: 1em; } @media only screen and (max-width: 768px){ .product-card__360-btns-item.gif{ display: none; } .product-card__360-btns-item.get{ display: none; } .product-card__360-btns-item.share{ display: none; } } .fancybox-slide--html{ padding: 0; } .modal-global-shop-btn{ cursor: pointer!important; } .btn__item.modal-global-shop-btn span{ color: #3cb6a8; } .btn__item.modal-global-shop-btn:hover span{ color: #fff; } .modal-global-shop-btn .btn__item span{ color: #3cb6a8; } .modal-global-shop-btn .btn__item:hover span{ color: #fff; } @media only screen and (min-width: 1191px){ .col-sticky{ position: sticky; top: 140px; left: 0; padding-left: 15px; padding-bottom: 25px; } } .text__block__footer{ padding: 30px 0 15px; } .text__block__footer .card__btn.is--catalog-item.is--soc{ margin: 0; align-items: center; } /* End */ /* Start:/local/templates/timberk.v2/assets/css/response.css?175563464613457*/ @media (min-width: 1366px){ .plate__text{ padding: 0 0 0 0; } .col__text{ padding: 0 0 0 0; } .text__block > p{ padding: 0 0 0 0; } /*.text__block > .grey__plate{ margin-right: 100px; } .text__block > blockquote{ margin-right: 100px; }*/ .content__left__catalog { padding: 45px 50px 45px 100px; } .catalog__wrapper { padding: 0 100px 0 0; } .content__left__menu__head{ padding: 0 0 0 100px; } .content__left__menu__head a{ padding-left: 0; } .content__left__menu__list{ padding: 15px 50px 15px 100px; } .content__left__docs__heading{ padding: 20px 50px 20px 100px; } .content__left__docs__list { padding: 11px 30px 11px 100px; } .catalogmenu__inner{ padding: 50px 0 50px 100px; } .sitemenu__inner { padding: 50px 100px 50px 0; overflow-y: auto; overflow-x: hidden; } } @media (max-width: 1365px){ .content__left__catalog { padding: 45px 25px 45px 25px; } .catalog__wrapper { } .banner__heading{ font-size: 2.125em; line-height: 1; } } @media (min-width: 1200px){ .content__left { padding: 0 55px 0 0; } .content__main:not(.col-md-12){ padding: 0; } .content__main.padding__left{ padding-left: 40px; } .content__main.padding__right{ padding-right: 100px; } } @media (max-width: 1366px){ } @media (max-width: 992px){ .plate__text__col{ width: 100%; } .col__text > div { width: 100%; padding: 10px 0 10px 0; } .catalog__group{ margin-bottom: 25px; } .catalog__group__wrapper h2{ font-size: 1.25em; } .productdetail__tabs___item{ font-size: .9em; } /*.catalog__wrapper{ padding-left: 15px; padding-right: 15px; } .catalog__group__list{ padding-left: 15px; padding-right: 15px; }*/ .catalog__item{ border-right: none; } .catalog__item:nth-of-type(2n-1){ border-right: 1px solid #e1e3e5; } .catalog__item:nth-of-type(1):not(:nth-last-of-type(2)){ border-bottom: 1px solid #e1e3e5; } .catalog__item:nth-of-type(2):not(:nth-last-of-type(1)){ border-bottom: 1px solid #e1e3e5; } .catalog__group__item{ border-right: none; } .catalog__group__item:nth-of-type(2n-1){ border-right: 1px solid #e1e3e5; } .catalog__group__item:nth-of-type(1):not(:nth-last-of-type(2)){ border-bottom: 1px solid #e1e3e5; } .catalog__group__item:nth-of-type(2):not(:nth-last-of-type(1)){ border-bottom: 1px solid #e1e3e5; } .compare__row__item{ width: 100px; } .footer__logo.icon-logo_gray{ font-size: 2.125em; } .footer__col__right{ padding-left: 30px; } .footer__subscribe__heading{ font-size: .8em; } .totop__btn{ display: none; } .text__block { padding-right: 0; } } @media (min-width: 768px){ .product__info__wrapper{ padding-left: 45px; } .footer__col__right { padding-left: 90px; } } @media (max-width: 768px){ .catalogmenu__list ul li a{ font-size: 1em; } .sitemenu__inner ul li a{ font-size: 1em; } .header__logo{ max-width: 200px; } .header__logo img{ width: 100%; height: auto; } .banner__content { text-align: center; padding-top: 25px; padding-bottom: 25px; } .breadcrumb__block ul{ padding: 25px 0; } .content__left{ padding: 0 0 30px; } .banner__text{ font-size: 1.25em; } .catalog__topbar{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 25px; } .catalog__heading{ width: 100%; } .catalog__actions{ width: 100%; text-align: left; } .helplist__item span{ font-size: 0.9em; } .helplist__item__heading{ font-size: 0.8em; } .dropdowncontent__block{ margin: 30px 0 0; } .productdetail__tabscontent__item{ padding: 25px 0; } .product__characteristic .row > div{ line-height: 1.5; padding: 10px 15px; } .product__characteristic .row{ position: relative; padding-top: 30px; } .product__characteristic .row > div:first-of-type{ position: absolute; top: 12px; padding: 0 15px; } .product__characteristic .row > div{ font-size: .9em; } .comapre__select span{ display: block; } .comapre__select a{ margin: 0 5px 0 0; } .grey__plate{ padding: 20px; } .error__code{ font-size: 9em; } .error__heading{ font-size: 1.5em; } .errorcontent__block .container .row > div{ padding-top: 15px; padding-bottom: 15px; } .footer__col__right { padding-left: 30px; } .video__item__play{ width: 50px; height: 50px; } .mainbanner__h1{ font-size: 3em; margin-bottom: 10px; } .mainbanner__h2{ font-size: 2em; } .mainbanner__text{ margin-top: 40px; } } @media (max-width: 767px){ h1{ font-size: 1.3em; } .header__block .container-fluid{ padding-top: 30px; padding-bottom: 30px; } .header__search__close{ top: 10px; } .header__search__block .container-fluid{ padding-top: 30px; padding-bottom: 30px; position: relative; } .search__header__input input{ font-size: 1.125em; } .catalogmenu__inner{ padding: 30px 0 30px 15px; } .sitemenu__block{ } .sitemenu__inner{ overflow: auto; padding: 30px 15px 30px 0; background-attachment: fixed; } .header__block .container-fluid .menu__label{ display: none; } .header__block .container-fluid .search__btn{ margin: 0 10px 0 0; } .header__block .container-fluid .icon{ margin: 0; } .productslider__block{ padding: 2.125em 0 2.125em; } .productslider__block .owl-carousel .owl-stage-outer{ overflow: hidden; } .catalog__filter__mobile{ display: block; margin: 0 0 15px; padding: 10px; font-size: .9em; text-align: center; text-transform: uppercase; letter-spacing: 1px; background: #00a69d; color: #fff; } .product__topinfo__heading{ font-size: 1.125em; } .main__slider__heading{ font-size: 2.5em; } .main__slider__subheading{ font-size: 2.5em; } .main__product__slider__photo:before{ content:""; display: block; padding-top: 70%; } .main__product__slider__photo img { position: absolute; width: auto!important; height: auto; max-width: 100%!important; max-height: 100%!important; top: 50%; left: 50%; bottom: auto; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .main__product__slider__content { padding: 2.125em 25px; } .main__product__slider__content .name{ font-size: 2em; } .main__product__slider__content .preview{ font-size: 1em; } .banner__image:before{ content:""; display: block; padding-top: 33% } .banner__block .row{ -webkit-box-orient: vertical!important; -webkit-box-direction: reverse!important; -webkit-flex-direction: column-reverse!important; -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important; } .content__wrapper{ -webkit-box-orient: vertical!important; -webkit-box-direction: reverse!important; -webkit-flex-direction: column-reverse!important; -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important; } .content__left{ margin: 45px 0 0; } .content__left__catalog{ position: fixed; top: 0; left: -340px; max-width: 320px; height: 100vh; overflow-y: auto; z-index: 9999; transition-duration: .3s; -webkit-transition-duration: .3s; padding: 45px 25px 45px 25px; } .show__filter .content__left__catalog{ left: 0; transition-duration: .3s; -webkit-transition-duration: .3s; } .content__left__catalog .icon-close_icon{ top: 47px; right: 15px; color: #374250; font-size: 1em; position: absolute; display: block; } .shortnews__left:before{ content: ""; display: block; padding-top: 50%; } .shortnews__right{ padding: 2.5em 25px; } .newspreviewlist__heading{ font-size: 1.525em; } .newspreviewlist__block .row{ padding-top: 0; padding-bottom: 15px; } .newspreviewlist__block .row > div{ padding-top: 15px; padding-bottom: 15px; } /* .helplist__item:nth-of-type(2){ border: none; } */ .product__topinfo__heading{ width: 100%; } .product__topinfo__addinfo{ width: 100%; margin: 20px 0 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between; align-items: center; } .product__topinfo__actions{ margin: 0; } .product__info__wrapper{ margin: 25px 0 0; } .productdetail__tabs{ display: none; } .productdetail__tabscontent__item{ display: block; } .productdetail__tabscontent__item:empty{ display: none; } .productdetail__tabscontent__item:not(:empty):before{ content: attr(data-heading); display: block; font-size: 2em; font-weight: 700; margin: 0 0 20px; line-height: 1.3; } .product__props{ margin: 40px auto 0; padding: 0 0 25px; } .footer__confidentiality__link{ margin: 0 0 0 0; } .footer__text{ margin: 25px 0; } .news__list{ margin: 25px 0 0; } .news__item { margin: 0 0 25px; } .content__left__menu__head{ font-size: .8em; } .content__left__menu__list a{ font-size: .8em; } .footer__col__right{ padding-left: 15px; } .content__tabs__content > div{ padding: 25px 0; } .buy__shops{ padding: 25px; } .buy__shops__heading{ font-size: 1.25em; margin: 0 0 15px; } .content__tabs__list > div{ width: 25%; padding: 10px 0; font-size: .8em; } .buy__list__item__letter{ padding: 0 0 0 10px; } } @media (max-width: 425px){ .header__block .container-fluid .search__btn{ display: none; } .product__topinfo__addinfo{ align-items: flex-start; } .main__product__slider__content .button__place a{ width: 100%; text-align: center; } .product__topinfo__colors form{ height: 25px; } .product__topinfo__colors > span{ margin: 0 11px 0 0; } .product__topinfo__colors label span { width: 25px; } .product__topinfo__actions a{ margin: 0 0 0 6px; } .product__slider__item:before{ padding-top: 120%; } .product__slider .owl-item.active .product__slider__item, .product__slider .owl-item .product__slider__item{ background-size: 65%; } .product__info__btns a{ width: 100%; margin: 10px 0 0; } .content__search{ margin: 35px 0 0; } .content__main__btns{ margin: 15px 0 0; } .content__main__btns a{ display: block; width: 100%; max-width: 100%; margin: 0 0 15px; } .eshop__main{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .eshop__main__name{ width: 100%; margin: 0 0 15px; } .eshop__main__desc{ padding: 15px 0; border-left: 0; width: 100%; } } @media (max-width: 375px){ .catalog__actions__btn{ margin: 15px 0 0; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between; align-items: center; } .catalog__actions a{ margin: 0; padding: 5px; width: calc(100%/3); text-align: center; box-sizing: border-box; } } /* End */ /* Start:/local/templates/timberk.v2/assets/css/style_new.css?1783422116201225*/ @font-face { font-family: montserrat-500; src: url(/local/templates/timberk.v2/assets/css/../fonts/montserrat-300.woff) format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: montserrat-500; src: url(/local/templates/timberk.v2/assets/css/../fonts/montserrat-500.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: montserrat-500; src: url(/local/templates/timberk.v2/assets/css/../fonts/montserrat-600.woff) format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: montserrat-500; src: url(/local/templates/timberk.v2/assets/css/../fonts/montserrat-700.woff) format('woff'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Yandex Sans Display'; src: url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansDisplay-Light.eot'); src: local('Yandex Sans Display Light'), local('YandexSansDisplay-Light'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansDisplay-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansDisplay-Light.woff2') format('woff2'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansDisplay-Light.woff') format('woff'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansDisplay-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Yandex Sans Text'; src: url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Regular.eot'); src: local('Yandex Sans Text Regular'), local('YandexSansText-Regular'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Regular.woff2') format('woff2'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Regular.woff') format('woff'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Yandex Sans Text'; src: url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Light.eot'); src: local('Yandex Sans Text Light'), local('YandexSansText-Light'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Light.woff2') format('woff2'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Light.woff') format('woff'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Yandex Sans Text'; src: url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Medium.eot'); src: local('Yandex Sans Text Medium'), local('YandexSansText-Medium'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Medium.woff2') format('woff2'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Medium.woff') format('woff'), url('/local/templates/timberk.v2/assets/css/../fonts/yandex/YandexSansText-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'SBSansDisplay-Regular'; src: url('/local/templates/timberk.v2/assets/css/../fonts/sber/SBSansDisplay-Regular.eot'); src: url('/local/templates/timberk.v2/assets/css/../fonts/sber/SBSansDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/timberk.v2/assets/css/../fonts/sber/SBSansDisplay-Regular.woff2') format('woff2'), url('/local/templates/timberk.v2/assets/css/../fonts/sber/SBSansDisplay-Regular.woff') format('woff'), url('/local/templates/timberk.v2/assets/css/../fonts/sber/SBSansDisplay-Regular.ttf') format('truetype'), url('/local/templates/timberk.v2/assets/css/../fonts/sber/SBSansDisplay-Regular.svg#SBSansDisplay-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'icomoon'; src: url('/local/templates/timberk.v2/assets/css/../fonts/icomoon.eot?v=3iag7968'); src: url('/local/templates/timberk.v2/assets/css/../fonts/icomoon.eot?v=3iag7968#iefix') format('embedded-opentype'), url('/local/templates/timberk.v2/assets/css/../fonts/icomoon.ttf?v=3iag7968') format('truetype'), url('/local/templates/timberk.v2/assets/css/../fonts/icomoon.woff?v=3iag7968') format('woff'), url('/local/templates/timberk.v2/assets/css/../fonts/icomoon.svg?v=3iag7968#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } html { font-size: 18px; line-height: 144% } body { font-family: montserrat-500; font-size: 18px; line-height: 144%; padding-top: 100px; } h1, h2, h3, h4, h5, h6 { font-weight: 700; margin: 0 } em, i { font-style: italic } b, strong { font-weight: 700 } h1 { letter-spacing: 0; color: inherit; font-family: montserrat-500 } .is--h1, h1 { font-size: 1.45rem; line-height: 122% } @media (min-width: 992px) { .is--h1, h1 { font-size: 1.778rem } } .is--h2, h2 { font-size: 1.4rem; line-height: 110% } @media (min-width: 992px) { .is--h2, h2 { font-size: 1.8rem } } .is--h3, h3 { font-size: 1.444rem; line-height: 138% } .is--h4, h4 { font-size: 1.125em; line-height: 1.556em } @media (min-width: 992px) { .is--h4, h4 { font-size: 1.778em; line-height: 1em } } .is--h5, h5 { font-size: 1.167rem; line-height: 133% } .is--h6, h6 { font-size: .778rem; line-height: 143% } ol { margin-left: 30px } ol li { padding-left: 5px } ul { margin-left: 20px } ul.ul-site li { margin-bottom: 10px } ul.ul-site li:last-child { margin-bottom: 0 } .fw--300 { font-weight: 300 } .fw--400 { font-weight: 400 } .fw--500 { font-weight: 500 } .fw--700 { font-weight: 700 } .fw--800 { font-weight: 800 } .fw--900 { font-weight: 900 } ::-moz-selection { background: #ccc } ::selection { background: #ccc } html { overflow: initial } html.is--show { overflow-y: hidden } body { margin: 0; position: relative; color: #18181a; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh } html.is--show body { overflow-y: hidden } html.is--show body::before { opacity: 1; visibility: visible } body.is--informer-fixed { padding-bottom: 82px } @media (max-width: 767.98px) { body { overflow-x: hidden; width: 100% } } @media (max-width: 1199.98px) { body::before { content: ''; position: fixed; z-index: 99; width: 100%; height: 100%; opacity: 0; background: rgba(0, 0, 0, .8); -webkit-transition: .6s all; transition: .6s all; visibility: hidden } } a { -webkit-transition: all .35s ease; transition: all .35s ease } p { margin: 0 } :focus { outline: 0 !important } .text-align--left { text-align: left } .text-align--center { text-align: center } .text-align--right { text-align: right } .pos--r { position: relative } .pos--a { position: absolute } .pos--f { position: fixed } @media (max-width: 767.98px) { .hidden--md { display: none } } @media (min-width: 768px) { .visible--md { display: none } } .icon-svg { display: inline-block; width: 100%; height: 100%; fill: currentColor } .icon-banner-logo { font-size: 5.7rem } .icon-design { font-size: 4rem } .icon-icon-360 { font-size: 5rem } .icon-icon-bay { font-size: 3.6rem } .icon-icon-book { font-size: 3.8rem } .icon-icon-catalog { font-size: 2.4rem } .icon-icon-close { font-size: 2.4rem } .icon-icon-compare { font-size: 2.4rem } .icon-icon-compare1 { font-size: 3.2rem } .icon-icon-confirm { font-size: 2.3rem } .icon-icon-download-photo { font-size: 3.8rem } .icon-icon-easy-slide360 { font-size: 7.2rem } .icon-icon-favorite { font-size: 2.4rem } .icon-icon-humb { font-size: 2.4rem } .icon-icon-instructions { font-size: 3.8rem } .icon-icon-itouch { font-size: 7.2rem } .icon-icon-play { font-size: 3.8rem } .icon-icon-print { font-size: 2.4rem } .icon-icon-search { font-size: 2.4rem } .icon-icon-send { font-size: 2.4rem } .icon-icon-services { font-size: 3.6rem } .icon-icon-services-all { font-size: 2rem } .icon-icon-share { font-size: 2.4rem } .icon-icon-why { font-size: 3.6rem } .icon-logotip { font-size: 4.9rem } .icon-soc-fb { font-size: 2rem } .icon-soc-g { font-size: 2rem } .icon-soc-vk { font-size: 2rem } .icon-soc-yb { font-size: 2rem } .section__wrap { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; min-height: 100% } .section__content { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .section__container { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% } .section__container.is--page-default { padding-top: 25px; padding-bottom: 25px } .section__container.is--page-index-slider { max-width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 25px } .section__container.is--page-index-catalog { padding-top: 20px; padding-bottom: 20px } .section__container.is--page-index-new { padding-top: 30px; padding-bottom: 30px } .section__container.is--block-articles { padding-top: 25px; padding-bottom: 25px } .section__container.is--block-subs { padding-top: 30px; padding-bottom: 30px } .section__container.is--block-seo { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 992px) { .section__container.is--page-index-catalog { padding-top: 65px; padding-bottom: 65px } .section__container.is--page-index-new { padding-top: 15px; padding-bottom: 40px } .section__container.is--block-subs { padding-top: 70px; padding-bottom: 70px } } .section__section.is--page-index-catalog { padding-top: 30px; padding-bottom: 20px } .section__section.is--page-index-new { padding-top: 30px; padding-bottom: 30px } .section__section.is--page-catalog-cat { margin-bottom: 20px } .section__section.is--page-contacts { padding-bottom: 30px } .section__section.is--page-contacts-form { padding-top: 25px; padding-bottom: 10px } .section__section.is--block-banner { padding-bottom: 30px } .section__section.is--block-subs { padding-top: 40px; padding-bottom: 30px } .section__section.is--block-seo { padding-top: 30px; padding-bottom: 30px } @media (min-width: 992px) { .section__section.is--page-index-catalog { padding-top: 65px; padding-bottom: 40px } .section__section.is--page-index-new { padding-top: 40px; padding-bottom: 65px } .section__section.is--block-banner { padding-bottom: 50px } .section__section.is--block-subs { padding-top: 95px; padding-bottom: 60px } .section__section.is--block-seo { padding-top: 52px } } .section__inner.is--block-articles { background-color: #f7f7f7; padding: 40px 15px } @media (min-width: 992px) { .section__inner.is--block-articles { border-radius: 8px; padding: 40px 55px 45px } } .section__inner.is--block-catalog { margin-top: 10px; background-color: #f7f7f7; padding: 40px 15px; margin-left: -15px; margin-right: -15px } @media (min-width: 992px) { .section__inner.is--block-catalog { border-radius: 8px; padding: 40px 60px 65px 70px } } @media print { .section__inner.is--block-catalog .page-header__heading.is--block-articles { display: none } .section__inner.is--block-catalog .tabs__panel { display: none } .section__inner.is--block-catalog .tab-pane { display: block !important } } .section__grid.is--page-index-catalog { grid-gap: 25px } .section__grid.is--page-index-catalog > * { height: 245px } @media (min-width: 575px) { .section__grid.is--page-index-catalog { grid-template-columns: .9fr 1.1fr } .section__grid.is--page-index-catalog > .is--col2 { grid-column: span 2 } .section__grid.is--page-index-catalog > .is--row2 { grid-row: span 2 } } @media (min-width: 1000px) { .section__grid.is--page-index-catalog { grid-template-columns: 0.97fr 0.97fr 0.97fr } .section__grid.is--page-index-catalog > .is--row2 { height: 400px } .section__grid.is--page-index-catalog > .is--row3 { grid-row: span 3; height: 670px } } .section__grid.is--page-catalog { grid-gap: 24px } @media (max-width: 574.98px) { .section__grid.is--page-catalog > * { min-height: 320px } .section__grid.is--page-catalog > :nth-child(1) { min-height: 400px } .section__grid.is--page-catalog > :nth-child(1) img { -o-object-fit: contain; object-fit: contain; -o-object-position: bottom right; object-position: bottom right } .section__grid.is--page-catalog > :nth-child(2) img { -o-object-fit: contain; object-fit: contain; -o-object-position: bottom left; object-position: bottom left } } @media (min-width: 575px) { .section__grid.is--page-catalog { grid-template-columns: repeat(2, 1fr) } .section__grid.is--page-catalog > :nth-child(1) { grid-column: span 2; min-height: 320px } .section__grid.is--page-catalog > :nth-child(1) img { -o-object-position: center left; object-position: center left } .section__grid.is--page-catalog > :nth-child(2) { grid-row: span 2 } .section__grid.is--page-catalog > :nth-child(4) { min-height: 320px } } @media (min-width: 768px) { .section__grid.is--page-catalog { grid-template-columns: repeat(12, 1fr) } .section__grid.is--page-catalog > :nth-child(1) { grid-column: span 12 } .section__grid.is--page-catalog > :nth-child(1) img { -o-object-position: center left; object-position: center left } .section__grid.is--page-catalog > :nth-child(2) { grid-column: span 5 } .section__grid.is--page-catalog > :nth-child(3) { grid-column: span 7 } .section__grid.is--page-catalog > :nth-child(4) { grid-column: span 7 } .section__grid.is--page-catalog > :nth-child(5) { grid-column: span 6 } .section__grid.is--page-catalog > :nth-child(6) { grid-column: span 6 } } @media (min-width: 992px) { .section__grid.is--page-catalog { grid-template-columns: repeat(30, 1fr) } .section__grid.is--page-catalog > :nth-child(1) { grid-column: span 30; min-height: 398px } .section__grid.is--page-catalog > :nth-child(2) { grid-column: span 9; grid-row: initial } .section__grid.is--page-catalog > :nth-child(3) { grid-column: span 12; min-height: 402px } .section__grid.is--page-catalog > :nth-child(4) { grid-column: span 9 } .section__grid.is--page-catalog > :nth-child(4) .card__nav { max-width: 200px } .section__grid.is--page-catalog > :nth-child(5) { grid-column: span 10; min-height: 246px } .section__grid.is--page-catalog > :nth-child(5) .card__nav { max-width: 270px } .section__grid.is--page-catalog > :nth-child(6) { grid-column: span 11 } } @media (min-width: 1200px) { .section__grid.is--page-catalog > :nth-child(1) img { -o-object-position: center; object-position: center } .section__grid.is--page-catalog > :nth-child(2) { grid-column: span 8 } .section__grid.is--page-catalog > :nth-child(3) { grid-column: span 14 } .section__grid.is--page-catalog > :nth-child(4) { grid-column: span 8 } .section__grid.is--page-catalog > :nth-child(5) { grid-column: span 11 } .section__grid.is--page-catalog > :nth-child(6) { grid-column: span 11 } } .section__grid.is--page-catalog-cat { grid-gap: 20px } @media (max-width: 1199.98px) { .section__grid.is--page-catalog-cat > :nth-child(1) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .section__grid.is--page-catalog-cat > :nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .section__grid.is--page-catalog-cat > :nth-child(3) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media (max-width: 767.98px) { .section__grid.is--page-catalog-cat > :nth-child(3) .btn__item { width: 100% } } @media (min-width: 1200px) { .section__grid.is--page-catalog-cat { grid-template-columns: 3.45fr 8.55fr; margin-left: -55px } .section__grid.is--page-catalog-cat > :nth-child(3) { display: none } } .section__grid.is--page-catalog-card { grid-template-columns: 100%; padding-bottom: 25px } .section__grid.is--page-catalog-card > :nth-child(2) { position: relative } @media (max-width: 991.98px) { .section__grid.is--page-catalog-card > :nth-child(1) { grid-row: 1 } .section__grid.is--page-catalog-card > :nth-child(2) { grid-row: 2 } } @media (min-width: 992px) { .section__grid.is--page-catalog-card { grid-template-columns: minmax(0, 1.03fr) .97fr; grid-gap: 54px; padding-top: 30px } .section__grid.is--page-catalog-card > :nth-child(1) { padding-left: 120px } } @media (min-width: 1200px) { .section__grid.is--page-catalog-card > :nth-child(1) { margin-left: -42px } } @media print { .section__grid.is--page-catalog-card { grid-template-columns: minmax(0, 1fr) 1fr } .section__grid.is--page-catalog-card > :nth-child(1) { grid-row: initial } .section__grid.is--page-catalog-card > :nth-child(2) { grid-row: initial } } @media (min-width: 575px) { .section__grid.is--page-contacts { grid-gap: 26px; grid-template-columns: 1.3fr .7fr } .section__grid.is--page-contacts > .is--full { grid-column: span 2; text-align: center } } @media (min-width: 992px) { .section__grid.is--page-contacts { grid-gap: 60px 26px; grid-template-columns: 1.485fr .515fr } } .section__grid.is--page-aside-left { grid-gap: 20px } @media (max-width: 1199.98px) { .section__grid.is--page-aside-left > :nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .section__grid.is--page-aside-left > :nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media (min-width: 1200px) { .section__grid.is--page-aside-left { grid-template-columns: 3.45fr 8.55fr; margin-left: -55px } } .section__grid.is--block-subs { max-width: 720px; margin: 0 auto; grid-template-columns: 100% } @media (min-width: 575px) { .section__grid.is--block-subs { grid-template-columns: repeat(3, 1fr) } } .section__grid.is--block-catalog-note { grid-template-columns: 100% } @media (min-width: 768px) { .section__grid.is--block-catalog-note { grid-gap: 44px 30px; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr) } .section__grid.is--block-catalog-note > .is--full { grid-column: span 2 } .section__grid.is--block-catalog-note > .is--articles { padding-top: 12px } } @media (min-width: 992px) { .section__grid.is--block-catalog-note { grid-gap: 44px 54px } } @media print { .section__grid.is--block-catalog-note > .is--articles, .section__grid.is--block-catalog-note > .is--download, .section__grid.is--block-catalog-note > .is--slider { display: none } } .section__row.is--page-catalog-cat { margin-left: -14px; margin-right: -14px } .section__row.is--page-catalog-cat > * { padding-left: 14px; padding-right: 14px; padding-bottom: 33px } .section__aside { background-color: #f7f7f7; padding: 24px } @media (max-width: 1199.98px) { .section__aside { position: fixed; width: 100%; max-width: 400px; top: 0; left: 0; bottom: 0; z-index: 900; overflow: auto; padding-right: 50px; -webkit-transition: all .35s ease; transition: all .35s ease; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-top: 98px; } .section__aside.is--show { -webkit-transform: translateX(0); transform: translateX(0) } .section__aside [data-filter-close] { position: absolute; top: 10px; right: 10px; width: 16px; height: 16px } .section__aside.is--default { position: relative; z-index: 1; top: initial; left: initial; bottom: initial; max-width: 100%; -webkit-transform: translateX(0); transform: translateX(0); margin-bottom: 40px } } @media (min-width: 1200px) { .section__aside { padding-left: 55px; margin-bottom: 40px } .section__aside [data-filter-close] { display: none } } .section__text.is--block-seo { color: #66676c; line-height: 1.625; font-size: 1em; } .section__text.is--block-seo div, .section__text.is--block-seo p { margin-bottom: 25px } .section__text.is--block-seo h2:not(.page-header__heading), .section__text.is--block-seo h3, .section__text.is--block-seo h4, .section__text.is--block-seo h5 { font-size: 1.125rem; line-height: 1.5; margin-bottom: 15px } .section__text.is--block-seo h2.page-header__heading{ color: #18181a; } .section__text.is--block-seo a:hover{ text-decoration: underline; } .breadcrumb__list { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin-top: -12px; margin-left: -12px; margin-right: -12px; /*white-space: nowrap;*/ margin-bottom: 18px; font-size: .74rem; line-height: 120% } .breadcrumb__item { position: relative; margin-top: 12px; padding-left: 12px; padding-right: 12px; color: #636569 } .breadcrumb__item .breadcrumb__link span:after { content: '/'; /*top: 50%; right: 0; position: absolute; line-height: 100%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%);*/ display: inline-block; margin-left: 15px; color: #636569 } .breadcrumb__item.is--active { color: #636569 } .breadcrumb__item.is--active::after, .breadcrumb__item.is--active::before { display: none } @media (max-width: 991.98px){ .breadcrumb__item{ display: none; } .breadcrumb__item:nth-last-child(2){ display: block; } .breadcrumb__item:nth-last-child(2) span{ line-height: 22px; vertical-align: middle; } .breadcrumb__item:nth-last-child(2) span:after{ display: none; } .breadcrumb__item:nth-last-child(2) span:before{ content: ''; display: inline-block; width: 10px; height: 14px; vertical-align: middle; margin-right: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7 19.7a1 1 0 01-1.4 0l-9-9a1 1 0 010-1.4l9-9a1 1 0 111.4 1.4L2.4 10l8.3 8.3c.4.4.4 1 0 1.4z' fill='%23636569'/%3E%3C/svg%3E"); } } .breadcrumb__link { display: block } .breadcrumb__link, .breadcrumb__link:focus { color: #636569 } .breadcrumb__link:hover { color: #636569 } .btn__item { outline: 0; background: 0 0; text-decoration: none; -webkit-transition: all .35s ease; transition: all .35s ease; border: 0; padding: 0; font-size: .833rem; line-height: 144%; font-family: montserrat-500; font-weight: 700; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 4px; background: #3cb6a8; text-align: center; color: #fff; padding: 8px 15px; border: 1px solid #3cb6a8; cursor: pointer } .btn__item:focus, .btn__item:hover { color: #fff } .btn__item:hover { background: #07afa1; border-color: #07afa1 } .btn__item:active { color: #fff; background: #07afa1; border-color: #07afa1 } .btn__item.is--lg { border-radius: 8px } .btn__item.is--lg.is--bay { padding-left: 52px; padding-right: 52px } .btn__item.is--second { background: #fff; color: #3cb6a8 } .btn__item.is--second:focus, .btn__item.is--second:hover { color: #fff; background-color: #3cb6a8 } .btn__item.is--opacity { background: rgba(60, 182, 168, 0); border-color: rgba(60, 182, 168, 0); color: #636569 } .btn__item.is--opacity:focus, .btn__item.is--opacity:hover { color: #fff } .btn__item.is--opacity:hover { background-color: #3cb6a8 } .btn__item.is--white { background: #fff; border-color: #fff; color: #3cb6a8 } .btn__item.is--white:focus, .btn__item.is--white:hover { color: #fff } .btn__item.is--white:hover { border-color: #3cb6a8; background: #3cb6a8 } .btn__item.is--disabled, .btn__item[disabled] { opacity: .1; cursor: not-allowed } @media (min-width: 992px) { .btn__item.is--lg { font-size: 1rem; line-height: 144%; padding: 10px 25px } } .link__group.is--catalog { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 10px; margin-top: -5px; margin-left: -15px; margin-right: -15px } .link__group.is--catalog > * { margin: 5px 15px } @media (min-width: 1200px) { .link__group.is--catalog { margin-left: -35px; margin-right: -35px } .link__group.is--catalog > * { margin: 5px 35px } } .link__group.is--catalog-item-note { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -5px; margin-left: -15px; margin-right: -15px; margin-bottom: 28px } .link__group.is--catalog-item-note > * { margin: 5px 15px } .link__item { outline: 0; background: 0 0; text-decoration: none; -webkit-transition: all .35s ease; transition: all .35s ease; border: 0; padding: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .889rem; line-height: 133%; font-family: montserrat-500; cursor: pointer; color: #66676c } .link__item svg { width: 24px; min-width: 24px; height: 24px; margin-right: 13px; margin-bottom: 2px } .link__item:hover { color: #3cb6a8 } .link__item.is--catalog { color: #18181a } .link__item.is--catalog:hover { color: #3cb6a8 } .link__item.is--catalog svg { width: 38px; min-width: 38px; height: 38px; margin-right: 5px; margin-bottom: 0 } .link__item.is--catalog-item-note svg { width: 60px; min-width: 60px; height: 72px; margin: 0 } .link__item.is--catalog-item-note.is--show { color: #3cb6a8 } .link__item.is--catalog-modal { display: block; color: #18181a; font-size: .944rem } .link__item.is--catalog-modal:hover { color: #3cb6a8 } .link__item.is--catalog-modal svg { width: 32px; min-width: 32px; height: 38px; margin: 0 auto; display: block } .link__item.is--catalog-modal.is--play svg { width: 26px; min-width: 26px } .link__item.is--catalog-modal.is--download svg { width: 36px; min-width: 36px } .link__item.is--catalog-modal.is--show { color: #3cb6a8 } .link__item.is--catalog > span{ position: relative; } .link__item.is--catalog span span{ font-size: 16px; position: absolute; top: 100%; font-size: 14px; } .link__item.is--setting { font-size: 1.111rem; line-height: 140% } .link__item.is--setting svg { width: 19px; min-width: 19px; height: 19px; margin: 0 16px 0 0 } .link__item.is--setting span { text-decoration: underline } @media (max-width: 1199.98px) { .navbar__block .link__item svg { margin: 0 } .navbar__block .link__item span { display: none } } @media (min-width: 992px) { .link__item { font-size: 1rem } } .icon__group { position: relative } .icon__item { outline: 0; background: 0 0; text-decoration: none; -webkit-transition: all .35s ease; transition: all .35s ease; border: 0; padding: 0; min-width: 24px; width: 24px; height: 24px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #000; cursor: pointer } .icon__item:hover { color: #3cb6a8 } .icon__item.is--compare { position: relative; min-width: 24px; width: 24px; height: 24px } .icon__item.is--compare, .icon__item.is--compare:hover { color: #000 } .icon__item.is--compare[data-count]::after { content: attr(data-count); position: absolute; top: -1px; right: -4px; color: #3cb6a8; background-color: #3cb6a8; color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: .75rem; padding: 0 2px; min-width: 16px; height: 16px; border-radius: 50%; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .icon__item.is--360 { width: 40px; height: 50px } .icon__item.is--play { width: 40px; height: 40px } .icon__item > span { display: block; width: 100%; height: 100% } .icon__item.is--catalog-item > .ya-share2 { position: absolute; top: 0; left: 0 } .icon__item.is--catalog-item > .ya-share2 .ya-share2__link_more { opacity: 0 !important } .icon__item.is--catalog-item > .ya-share2 .ya-share2__popup { left: 0; right: inherit } .icon__item.is--catalog-item.is--soc4 { position: relative; z-index: 1004 } .icon__item.is--catalog-item.is--soc5 { position: relative; z-index: 1006 } .card__item.is--index-slider { position: relative; height: 548px; background-size: cover; background-position: center; background-repeat: no-repeat } .card__item.is--index-slider video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .card__item.is--index-slider .card__preview { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: .35s cubic-bezier(.7, 0, .3, 1); transition: .35s cubic-bezier(.7, 0, .3, 1); -webkit-transition-delay: 20ms; transition-delay: 20ms } .card__item.is--index-slider .card__btn { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: .35s cubic-bezier(.7, 0, .3, 1); transition: .35s cubic-bezier(.7, 0, .3, 1); -webkit-transition-delay: 30ms; transition-delay: 30ms } .card__item.is--index-slider .card__desc > * { opacity: 0; -webkit-transition: .35s cubic-bezier(.7, 0, .3, 1); transition: .35s cubic-bezier(.7, 0, .3, 1); -webkit-transition-delay: 10ms; transition-delay: 10ms; -webkit-transform: translateY(-50px); transform: translateY(-50px) } .card__item.is--index-slider[aria-hidden=false] .card__preview { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .4s; transition-delay: .4s } .card__item.is--index-slider[aria-hidden=false] .card__btn { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: .6s; transition-delay: .6s } .card__item.is--index-slider[aria-hidden=false] .card__desc > * { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .5s; transition-delay: .5s } .card__item.is--catalog-banner { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; overflow: hidden; border-radius: 8px; background-color: #f7f7f7 } .card__item.is--catalog-banner:hover { -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25); box-shadow: 0 4px 24px rgba(0, 0, 0, .25) } .card__item.is--catalog-banner iframe{ height: 100%; width: 100%; } .card__item.is--catalog-banner .card__item__inner{ display: block; width: 100%; } @media(max-width: 1199px){ .card__item.is--catalog-banner.smart-home{ height: 400px; } } .card__item.is--catalog-cat { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #f7f7f7; border-radius: 8px; -webkit-transition: all .35s ease; transition: all .35s ease; padding: 30px 15px 30px 32px; height: 100% } .card__item.is--catalog-cat:hover { -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25); box-shadow: 0 4px 24px rgba(0, 0, 0, .25) } .card__item.is--catalog-card { padding-top: 30px; height: 386px; display: block; position: relative; z-index: 1; overflow: hidden; border-radius: 8px; background-color: #f7f7f7; -webkit-transition: all .35s ease; transition: all .35s ease } .card__item.is--catalog-card::after { content: ''; position: absolute; z-index: -1; opacity: 0; bottom: 0; left: 0; width: 100%; height: 208px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%); -webkit-transition: .35s cubic-bezier(.7, 0, .3, 1); transition: .35s cubic-bezier(.7, 0, .3, 1) } /*.card__item.is--catalog-card.is--new {*/ /* max-width: 208px*/ /*}*/ [data-swiper-categories] .card__item.is--catalog-card.is--new { max-width: none; } .card__item.is--catalog-card.is--new::after { opacity: 1 } .card__item.is--catalog-card .card__heading { -webkit-transition-delay: 60ms; transition-delay: 60ms; -webkit-transition: 375ms cubic-bezier(.7, 0, .3, 1); transition: 375ms cubic-bezier(.7, 0, .3, 1) } .card__item.is--catalog-card .card__note { -webkit-transition-delay: 50ms; transition-delay: 50ms; -webkit-transition: 375ms cubic-bezier(.7, 0, .3, 1); transition: 375ms cubic-bezier(.7, 0, .3, 1) } .card__item.is--catalog-card .card__group .btn__item { -webkit-transition-delay: 25ms; transition-delay: 25ms; -webkit-transition: 375ms cubic-bezier(.7, 0, .3, 1); transition: 375ms cubic-bezier(.7, 0, .3, 1); opacity: 0 } .card__item.is--catalog-card:hover { -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25); box-shadow: 0 4px 24px rgba(0, 0, 0, .25) } .card__item.is--catalog-card:hover::after { opacity: 1 } .card__item.is--catalog-card:hover .card__bg { opacity: 1 } .card__item.is--catalog-card:hover .card__heading { -webkit-transition: all .35s, -webkit-transform .5s cubic-bezier(.7, 0, .3, 1); transition: all .35s, -webkit-transform .5s cubic-bezier(.7, 0, .3, 1); transition: all .35s, transform .5s cubic-bezier(.7, 0, .3, 1); transition: all .35s, transform .5s cubic-bezier(.7, 0, .3, 1), -webkit-transform .5s cubic-bezier(.7, 0, .3, 1); -webkit-transition-delay: 0; transition-delay: 0; color: #fff; -webkit-transform: translate(0, -38px); transform: translate(0, -38px) } .card__item.is--catalog-card:hover .card__note { -webkit-transition: all .35s, .5s cubic-bezier(.7, 0, .3, 1); transition: all .35s, .5s cubic-bezier(.7, 0, .3, 1); -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transform: translate(0, -25px); transform: translate(0, -25px); color: #fff } .card__item.is--catalog-card .card__group .btn__item{ padding-left: 0; padding-right: 0; width: 100%; text-align: center; } .card__item.is--catalog-card:hover .card__group .btn__item { /*-webkit-transform: translate(0, -20px);*/ /*transform: translate(0, -20px);*/ -webkit-transform: translate(0, -63px); transform: translate(0, -63px); -webkit-transition: .5s cubic-bezier(.7, 0, .3, 1); transition: .5s cubic-bezier(.7, 0, .3, 1); -webkit-transition-delay: 250ms; transition-delay: 250ms; opacity: 1; } /*.card__item.is--catalog-card:hover .card__heading.is--new { -webkit-transform: translate(0, -25px); transform: translate(0, -25px) }*/ /*.card__item.is--catalog-card:hover .card__note.is--new { -webkit-transform: translate(0, -25px); transform: translate(0, -25px) }*/ /*.card__item.is--catalog-card:hover .card__group.is--new .btn__item { -webkit-transform: translate(0, -25px); transform: translate(0, -25px) }*/ .card__item.is--catalog-card-banner { display: block; position: relative; padding: 15px; z-index: 1; overflow: hidden; border-radius: 8px; background-color: #f7f7f7; -webkit-transition: all .35s ease; transition: all .35s ease } @media (max-width: 767.98px) { .card__item.is--catalog-card-banner { background: #3cb6a8 !important } } @media (min-width: 768px) { .card__item.is--catalog-card-banner { padding: 0; height: 386px; background-repeat: no-repeat; background-position: center; background-color: #f7f7f7 } } .card__item.is--catalog-card-banner a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .card__item.is--catalog-nav { margin-bottom: 22px } .card__item.is--catalog-nav:last-child { margin-bottom: 0 } .card__item.is--catalog-item-slider { position: relative } .card__item.is--catalog-item-slider .card__heading { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: .35s cubic-bezier(.7, 0, .3, 1); transition: .35s cubic-bezier(.7, 0, .3, 1); -webkit-transition-delay: 30ms; transition-delay: 30ms } .card__item.is--catalog-item-slider[aria-hidden=false] .card__heading { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: .4s; transition-delay: .4s } .card__item.is--catalog-slider-nav { margin: 4px 0; width: 88px; height: 88px; border: 1px solid rgba(99, 101, 105, 0); border-radius: 4px; -webkit-transition: all .35s ease; transition: all .35s ease } .card__item.is--catalog-slider-nav.slick-current { -webkit-transition-delay: .3s; transition-delay: .3s; border-color: rgba(99, 101, 105, .8) } .card__item.is--catalog-modal { height: 250px } @media (min-width: 768px) { .card__item.is--catalog-modal { height: 470px } } .card__item.is--catalog-modal-nav { width: 72px; height: 72px; margin: 0 5px; border: 1px solid rgba(99, 101, 105, 0); border-radius: 4px; -webkit-transition: all .35s ease; transition: all .35s ease } @media (min-width: 768px) { .card__item.is--catalog-modal-nav { width: 88px; height: 88px } } .card__item.is--catalog-modal-nav.slick-current { -webkit-transition-delay: .3s; transition-delay: .3s; border-color: rgba(99, 101, 105, .8) } .card__item.is--articles.is--horizontal { display: block; margin-bottom: 20px } @media (min-width: 768px) { .card__item.is--articles.is--horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 55px } .card__item.is--articles.is--horizontal > * { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50% } } .card__item.is--links { background: #f7f7f7; border-radius: 8px; color: #66676c; text-align: center; padding: 25px; height: 100%; -webkit-transition: all .35s ease; transition: all .35s ease } .card__item.is--links:hover { -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25); box-shadow: 0 4px 24px rgba(0, 0, 0, .25) } .card__item.is--block-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 8px; overflow: hidden; color: #fff; background-color: #3cb6a8 } .card__item.is--block-banner > * { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% } @media (min-width: 992px) { .card__item.is--block-banner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .card__item.is--block-banner > :nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1 1 49%; flex: 1 1 49% } .card__item.is--block-banner > :nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 51%; flex: 1 1 51% } } .card__item.is--aside-link { background-color: #f7f7f7; padding-bottom: 15px; margin-bottom: 40px } .card__item.is--aside-link:last-child { margin-bottom: 0 } .card__item.is--contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 35px 25px 30px; min-height: 400px; height: 100%; position: relative; z-index: 1; background-color: #3cb6a8; color: #fff; font-weight: 700; border-radius: 8px; overflow: hidden } .card__item.is--contacts .btn__item { width: 100%; margin-top: 20px; max-width: 290px } .card__item.is--contacts .btn__item:hover { border-color: #fff } .card__item.is--shop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 35px 25px 30px; min-height: 400px; height: 100%; background-color: #f7f7f7; font-weight: 700; border-radius: 8px } .card__item.is--shop .btn__item { width: 100%; background-color: rgba(255, 255, 255, 0) } .card__item.is--shop .btn__item:hover { background-color: #3cb6a8 } .card__labels{ position: absolute; z-index: 2; top: 16px; left: 20px; display: flex; right: 10px; flex-wrap: wrap; } .card__label { padding: 6px 14px; border-radius: 4px; color: #fff; font-size: .889rem; line-height: 100% } .card__label.is--catalog-card { z-index: 2; font-size: .667rem; line-height: 133%; padding: 5px 10px; margin: 0 8px 8px 0; } .card__label.is--catalog-card:last-of-type{ margin-right: 0; } .card__label.is--catalog-item { position: absolute; z-index: 2; top: 0; right: 0 } .card__label.is--catalog-banner{ position: absolute; z-index: 2; top: 16px; right: 20px; font-size: .667rem; line-height: 133%; padding: 5px 10px; color: #fff!important; background-color: #3cb6a8; } @media (max-width: 768px){ .card__label.is--catalog-banner{ top: auto; bottom: 16px; right: 20px; } } @media print { .card__label { color: #000; border: 1px solid #000 } } .card__confirm.is--catalog-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #c4c4c4; font-size: .778rem; line-height: 143%; line-height: 200% } .card__confirm.is--catalog-item svg { min-width: 25px; width: 25px; height: 23px; margin-right: 7px } .card__color-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: .889rem; line-height: 150%; color: #000 } @media print { .card__color-group { display: none } } .card__color-group.is--catalog-item { position: absolute; z-index: 2; top: 2px; left: 0 } .card__color-name { margin-right: 12px } .card__color-btn { outline: 0; background: 0 0; text-decoration: none; -webkit-transition: all .35s ease; transition: all .35s ease; border: 0; padding: 0; border: 2px solid; border-radius: 50%; min-width: 24px; width: 24px; height: 24px; margin-right: 8px; cursor: pointer } .card__color-btn[style^="background-color: #fff"] { border-color: #3cb6a8 !important } .card__color-btn:hover { border-color: #3cb6a8 !important } .card__color-item { display: block; margin: 0 8px 0 0 } .card__color-input { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0) } .card__color-icon { display: block; border: 2px solid #f7f7f7; border-radius: 50%; min-width: 24px; width: 24px; height: 24px; background-position: center; background-size: cover } .card__color-input:checked + .card__color-icon { border-color: #3cb6a8 } .card__group.is--block-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 992px) { .card__group.is--block-banner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 34px 24px } } @media (min-width: 1200px) { .card__group.is--block-banner { padding: 34px 24px 34px 64px } } .card__group.is--catalog-card { -webkit-transition: all .35s ease; transition: all .35s ease; padding: 0 20px; position: absolute; bottom: 0; left: 0; right: 0 } .card__group.is--catalog-card.is--new { padding: 0 20px; /*bottom: -15px*/ } .card__group.is--catalog-card .btn__item { width: calc(100% - 30px); } @media print { .card__group.is--catalog-slider-nav { display: none } } .card__group.is--catalog-slider-nav [data-slick-catalog-nav] { margin-bottom: 28px } .card__group.is--catalog-slider-nav .icon__item { margin: 0 18px 0 0 } @media (min-width: 768px) { .card__group.is--catalog-slider-nav { position: absolute; z-index: 5; width: 88px; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .card__group.is--catalog-slider-nav .icon__item { margin: 0 0 18px 0 } .card__group.is--catalog-slider-nav .icon__item:last-child { margin: 0 } .card__group.is--catalog-slider-nav [data-slick-catalog-nav] { height: 445px; padding-top: 79px; padding-bottom: 79px } } .card__group.is--catalog-item { position: relative; padding-top: 28px } .card__group.is--catalog-modal[data-slick-wrap] { opacity: 0; -webkit-transition: all .35s ease; transition: all .35s ease; -webkit-transition-delay: .3s; transition-delay: .3s } .card__group.is--catalog-modal[data-slick-wrap].show { opacity: 1 } .card__group.is--catalog-modal [data-slick-modal] { margin-bottom: 50px } .card__group.is--catalog-modal [data-slick-modal-nav] { max-width: 500px; margin: 0 auto 40px } @media (min-width: 768px) { .is--horizontal .card__group.is--articles { padding-left: 60px; padding-bottom: 25px; -ms-flex-item-align: center; align-self: center } } .card__preview { display: block } .card__preview-wrap.is--index-slider { position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; padding: 0 15px } @media (min-width: 768px) { .card__preview-wrap.is--index-slider { padding: 0 40px; max-width: 1120px; margin: 0 auto } } .card__preview.is--index-slider { margin-left: auto; width: 200px; height: 450px } .card__preview.is--index-slider img { -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; width: 100%; height: 100% } @media (min-width: 768px) { .card__preview.is--index-slider { width: 360px; height: 360px } } @media (min-width: 1200px) { .card__preview.is--index-slider { width: 530px; height: 455px } .card__preview.is--index-slider img { -o-object-position: initial; object-position: initial; -o-object-fit: initial; object-fit: initial; width: auto; height: auto; max-height: 100%; margin-left: auto } } .card__preview.is--block-banner { min-width: 30px; width: 30px; height: 30px; margin-right: 20px } @media (min-width: 992px) { .card__preview.is--block-banner { min-width: 57px; width: 57px; height: 57px; margin-right: 40px } } .card__preview.is--catalog-banner { width: 100%; height: 100% } .card__preview.is--catalog-banner img { width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover } .card__preview.is--catalog-cat { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; opacity: .7 } .card__preview.is--catalog-cat img { width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover } @media (min-width: 768px) { .card__preview.is--catalog-cat { opacity: 1 } } .card__preview.is--catalog-card { position: relative; height: 260px } .card__preview.is--catalog-card.is--new { margin-bottom: 10px } .card__preview.is--catalog-card img { width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; -webkit-transition: all .5s ease-out; transition: all .5s ease-out } .card__preview.is--catalog-card img.is--hover { position: absolute; top: 0; left: 0; opacity: 0 } .card__item:hover .card__preview.is--catalog-card.is--hover-photo img.is--base { opacity: 0 } .card__item:hover .card__preview.is--catalog-card.is--hover-photo img.is--hover { opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s } .card__preview.is--catalog-card-banner { height: 250px; margin: 0 15px } @media (min-width: 768px) { .card__preview.is--catalog-card-banner { position: absolute; z-index: 2; top: 10px; bottom: 10px; width: 366px; right: 0; height: auto } } .card__preview.is--catalog-card-banner img { width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain } .card__preview.is--catalog-slider img { max-height: 578px } @media print { .card__preview.is--catalog-slider img { max-width: 300px; max-height: 300px } } .card__preview.is--catalog-slider-nav { height: 100% } .card__preview.is--catalog-slider-nav img { height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center } .card__preview.is--catalog-modal { width: 100%; height: 100% } .card__preview.is--catalog-modal img { height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center } .card__preview.is--catalog-modal-nav { width: 100%; height: 100% } .card__preview.is--catalog-modal-nav img { height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center } .card__preview.is--articles { border-radius: 8px; overflow: hidden; height: 239px; margin-bottom: 25px } .card__preview.is--articles img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } @media (min-width: 768px) { .is--horizontal .card__preview.is--articles { max-width: 600px; height: 346px; margin-bottom: 0 } .is--lg .card__preview.is--articles { max-width: 600px; height: 340px } } .card__preview.is--links { width: 36px; height: 36px; margin: 0 auto 18px; color: #636569 } .card__preview.is--404 { margin: 0 auto 35px; max-width: 1045px } .card__preview.is--contacts { position: absolute; z-index: -1; right: -7.5%; top: 43%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 64% } @media (min-width: 768px) { .card__preview.is--contacts { top: 56% } } .card__preview.is--shop { margin: auto; padding: 20px 0 } .card__bg.is--index-slider { display: none } @media (min-width: 768px) { .card__bg.is--index-slider { display: block; position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: 41% center } } @media (min-width: 1200px) { .card__bg.is--index-slider { background-position: center } } .card__bg.is--catalog-card { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -2; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-filter: blur(4px); filter: blur(4px); -webkit-transition: .35s cubic-bezier(.7, 0, .3, 1); transition: .35s cubic-bezier(.7, 0, .3, 1) } .card__bg.is--catalog-card.is--new { opacity: 1 } .card__bg.is--block-banner { height: 207px } .card__bg.is--block-banner img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100% } .card__heading.is--block-banner { font-weight: 800; text-transform: uppercase; font-size: 1rem; line-height: 115% } @media (min-width: 992px) { .card__heading.is--block-banner { font-size: 1.667rem } } .card__heading.is--catalog-banner { position: absolute; top: 15px; left: 15px; color: #18181a; font-size: 1.167rem; line-height: 133%; z-index: 4; } @media (min-width: 768px) { .card__heading.is--catalog-banner { top: 30px; left: 30px; max-width: 50%; } } .card__heading.is--catalog-card { font-size: .778rem; line-height: 143%; font-weight: 700 } .card__heading.is--catalog-card.is--new { min-height: initial; color: #fff; padding: 0 4px 4px } .card__heading.is--catalog-card-banner { text-transform: uppercase; color: #fff; font-size: 1.222rem; font-weight: 700; line-height: 118%; margin-bottom: 10px } @media (min-width: 768px) { .card__heading.is--catalog-card-banner { background: 0 0; padding: 0; margin-bottom: 0; position: absolute; z-index: 2; top: 27%; left: 19.5%; left: 10.5% } } @media (min-width: 992px) { .card__heading.is--catalog-card-banner { left: 19.5% } } .card__heading.is--catalog-item { font-size: 1.5rem; line-height: 120%; color: #000; margin-bottom: 8px; font-weight: 400; } .card__heading.is--catalog-item-slider { position: absolute; bottom: 0; left: 0; color: #fff; font-size: 1.5rem; line-height: 100%; text-transform: uppercase; padding: 20px 30px } @media (min-width: 992px) { .card__heading.is--catalog-item-slider { font-size: 2rem } } .card__heading.is--catalog-item-desc { margin-bottom: 17px } .card__heading.is--articles { font-size: 1.167rem; line-height: 133%; color: #18181a; margin-bottom: 10px } @media (min-width: 768px) { .is--horizontal .card__heading.is--articles { font-size: 1.444rem; line-height: 138%; margin-bottom: 20px } .is--lg .card__heading.is--articles { font-size: 1.444rem; line-height: 138%; margin-bottom: 10px } } .card__heading.is--links { font-weight: 400; font-size: .889rem; line-height: 150% } .card__heading.is--404 { text-align: center; font-weight: 700; margin-bottom: 15px } .card__heading.is--contacts { max-width: 440px; margin-bottom: 20px; font-size: 1.4rem; line-height: 120% } @media (min-width: 992px) { .card__heading.is--contacts { font-size: 1.778rem } } .card__heading.is--shop { line-height: 120%; font-size: 1.4rem } @media (min-width: 992px) { .card__heading.is--shop { font-size: 1.778rem } } .card__note.is--catalog-card { font-size: .667rem; line-height: 133%; font-weight: 700 } .card__note.is--catalog-card.is--new { padding: 0 4px 10px; color: #fff } .card__note.is--catalog-card-banner { margin-bottom: 15px; color: #fff } @media (min-width: 768px) { .card__note.is--catalog-card-banner { color: inherit; padding: 0; margin: 0; position: absolute; font-size: .889rem; line-height: 125%; z-index: 2; top: 54%; max-width: 330px; left: 20.6% } } @media (min-width: 992px) { .card__note.is--catalog-card-banner { left: 29.6% } } .card__note.is--catalog-item { font-size: .889rem; line-height: 150%; max-width: 400px; line-height: 175%; margin-bottom: 30px } @media (min-width: 768px) { .card__note.is--catalog-item { margin-bottom: 60px } } .card__note.is--catalog-item-note { margin-bottom: 34px; color: #636569 } .card__note.is--catalog-item-note:last-child { margin-bottom: 0 } .card__note.is--catalog-item-note h3 { margin-bottom: 16px; color: #18181a } .card__note.is--catalog-item-note > div, .card__note.is--catalog-item-note > p { margin-bottom: 10px } .card__note.is--catalog-item-note > ul { margin: 0; padding: 0 } .card__note.is--catalog-item-note > ul li { margin-left: 20px; margin-bottom: 1px } .card__note.is--catalog-item-note .popover-header { display: none } .card__note.is--catalog-item-desc { color: #636569; font-size: .833rem; line-height: 147% } @media (min-width: 768px) { .card__note.is--catalog-item-desc { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px } } @media (min-width: 1200px) { .card__note.is--catalog-item-desc { -webkit-column-gap: 52px; -moz-column-gap: 52px; column-gap: 52px } } .card__note.is--catalog-item-desc div, .card__note.is--catalog-item-desc p { margin-bottom: 22px } .card__note.is--catalog-item-desc div:last-child, .card__note.is--catalog-item-desc p:last-child { margin-bottom: 0 } .card__note.is--catalog-modal { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 40px } .card__note.is--catalog-modal .card__item { margin: 0 auto } .card__note.is--articles { font-size: .889rem; line-height: 150%; color: #636569 } @media (min-width: 768px) { .is--horizontal .card__note.is--articles { font-size: 18px; line-height: 144% } .is--lg .card__note.is--articles { font-size: 18px; line-height: 144% } } .card__footer { margin-top: 10px; display: flex; } .card__footer__item{ display: flex; align-items: center; margin-right: 15px; font-size: .785em; } .card__footer__item img{ width: 24px; margin-right: 8px; vertical-align: middle; } .card__note.is--404 { text-align: center; font-size: .889rem; line-height: 137%; max-width: 540px; margin: 0 auto } .card__note.is--404 p { margin-bottom: 35px } .card__note.is--404 p:last-child { margin-bottom: 0 } .card__note.is--contacts { font-size: 1.944rem; line-height: 120%; margin-top: auto; font-size: 1.6rem } @media (min-width: 992px) { .card__note.is--contacts { font-size: 1.944rem } } .card__note.is--contacts p { margin-bottom: 10px } .card__note.is--contacts p:last-child { margin-bottom: 0 } .card__nav { list-style: none; margin: 0; padding: 0 } .card__nav-item.is--catalog-nav { font-size: .778rem; line-height: 143%; margin-bottom: 8px; margin-left: 15px } .card__nav-item.is--catalog-nav:last-child { margin-bottom: 0 } .card__nav-item.is--catalog-nav.is--title { text-transform: uppercase; font-size: .778rem; line-height: 200%; font-weight: 700; color: #000; margin-left: 0 } .card__nav-item.is--catalog-nav.is--title.is--active { color: #3cb6a8 } .card__nav.is--default .card__nav-item.is--catalog-nav { display: none } .card__nav.is--default .card__nav-item.is--catalog-nav.is--active, .card__nav.is--default .card__nav-item.is--catalog-nav.is--title { display: block } .card__nav-item.is--catalog-cat { font-size: .889rem; line-height: 105%; margin-bottom: 12px } .card__nav-item.is--catalog-cat.is--title { font-size: 1.167rem; line-height: 133%; margin-bottom: 35px } .card__nav-item.is--aside-link { padding: 0 15px 0; font-size: .778rem; line-height: 143%; margin-bottom: 8px } .card__nav-item.is--aside-link:last-child { margin-bottom: 0 } .card__nav-item.is--aside-link.is--title { font-weight: 700; padding: 23px 15px 20px; background-color: #3cb6a8; color: #fff; text-transform: uppercase; margin-bottom: 12px } @media (min-width: 1200px) { .card__nav-item.is--aside-link { padding-left: 55px } .card__nav-item.is--aside-link.is--title { padding-left: 55px } } .card__nav-link.is--catalog-nav { display: inline-block; color: #636569 } .card__nav-link.is--catalog-nav:hover { color: #3cb6a8 } .card__nav-link.is--catalog-cat { display: block; color: #18181a } .card__nav-link.is--catalog-cat:hover { color: #3cb6a8 } .card__nav-link.is--aside-link { display: inline-block; color: #636569 } .card__nav-link.is--aside-link:hover { color: #3cb6a8 } .card__btn.is--index-slider { position: absolute; z-index: 4; bottom: 107px; padding: 0 15px; left: 0; right: 0; margin: 0 auto } @media (min-width: 768px) { .card__btn.is--index-slider { padding: 0 40px; max-width: 1120px } } .card__btn.is--index-slider-video{ position: absolute; right: 50px; bottom: 40px; } .card__btn.is--index-slider-video .btn__item{ background-color: transparent; border: none; color: #fff; } .card__btn.is--catalog-item { display: -webkit-box; display: -ms-flexbox; display: flex } @media print { .card__btn.is--catalog-item { display: none } } .card__btn.is--catalog-item.is--soc { margin-left: -7px; margin-right: -7px; margin-bottom: 8px } .card__btn.is--catalog-item.is--soc > * { margin: 3px 7px } .card__btn.is--catalog-item.is--bay { margin-left: -12px; margin-right: -12px; margin-bottom: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width: 575px) { .card__btn.is--catalog-item.is--bay { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; /*margin-bottom: 43px*/ } .is--catalog--price-container{ margin-bottom: 43px; } } .card__btn.is--catalog-item.is--bay > * { margin: 3px 12px } .card__btn.is--catalog-modal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -10px; margin-left: -10px; margin-right: -10px } .card__btn.is--catalog-modal > * { margin-top: 10px; margin-left: 10px; margin-right: 10px } @media (min-width: 768px) { .card__btn.is--catalog-modal { margin-left: -31px; margin-right: -31px } .card__btn.is--catalog-modal > * { margin-left: 31px; margin-right: 31px } } .card__desc.is--index-slider { position: absolute; z-index: 4; font-size: .667rem; line-height: 133%; top: 0; left: 0; right: 0; text-transform: uppercase; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1120px; margin: 0 auto; background-color: rgba(247, 247, 247, .5) } .card__desc.is--index-slider > * { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 5px } @media (min-width: 768px) { .card__desc.is--index-slider { font-size: 18px; line-height: 144%; padding: 20px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; background-color: rgba(247, 247, 247, 0) } .card__desc.is--index-slider b { font-weight: 700; font-size: 1.11rem; line-height: 130% } .card__desc.is--index-slider > * { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0 } .card__desc.is--index-slider > :nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1 1 42%; flex: 1 1 42%; padding-right: 80px } .card__desc.is--index-slider > :nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 29%; flex: 1 1 29%; padding-left: 15px; padding-right: 15px } .card__desc.is--index-slider > :nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1 1 29%; flex: 1 1 29%; padding-left: 15px } } @media (min-width: 1200px) { .card__desc.is--index-slider { padding: 40px } .card__desc.is--index-slider > :nth-child(1) { max-width: 353px; padding-right: 80px } .card__desc.is--index-slider > :nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 34.5%; flex: 1 1 34.5%; padding-left: 65px; padding-right: 30px } .card__desc.is--index-slider > :nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1 1 23.5%; flex: 1 1 23.5%; padding-left: 30px } } .card__desc.is--catalog-item { font-size: .889rem; line-height: 150%; font-size: .789rem; font-weight: 700; max-width: 457px; margin: 0 0 15px 0; padding: 0; list-style: none } .card__desc.is--catalog-item > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 4px } .card__desc.is--catalog-item > div:last-child { margin-bottom: 0 } .card__desc.is--catalog-item > div > dt { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; white-space: initial; text-overflow: initial } .card__desc.is--catalog-item > div::before { content: ''; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background-color: #c4c4c4; height: 1px; -ms-flex-item-align: end; align-self: flex-end; margin: 0 6px 6px; min-width: 20px } .card__desc.is--catalog-item > div > dd { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-weight: 700; margin-bottom: 0; white-space: initial; text-overflow: initial } @media (max-width: 991.98px) { .card__desc.is--catalog-item > div > dt { max-width: 60% } .card__desc.is--catalog-item > div > dd { max-width: 40%; text-align: right } } .card__desc.is--catalog-item > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 0 0 4px 0 } .card__desc.is--catalog-item > li:last-child { margin-bottom: 0 } .card__desc.is--catalog-item > li span { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .card__desc.is--catalog-item > li::before { content: ''; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background-color: #c4c4c4; height: 1px; -ms-flex-item-align: end; align-self: flex-end; margin: 0 6px 6px; min-width: 20px } .card__desc.is--catalog-item > li b { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-weight: 700; margin-bottom: 0 } .card__compare.dropdown { position: static } .card__compare-btn { z-index: 4; outline: 0; background: 0 0; text-decoration: none; border: 0; padding: 0; cursor: pointer; width: 24px; height: 24px; position: absolute; top: 15px; right: 15px; color: #000; -webkit-transition: all .35s ease; transition: all .35s ease } .card__compare-btn[aria-expanded=true] { color: #3cb6a8 } .card__compare-btn::after { display: none } .card__compare-menu { -webkit-transform: translate(0) !important; transform: translate(0) !important; z-index: 3; top: 8px !important; left: 8px !important; right: 8px !important; border: 0; background: #fff; -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25); box-shadow: 0 4px 24px rgba(0, 0, 0, .25); border-radius: 4px; padding: 12px } .card__compare-form { margin-bottom: 10px } .card__compare-form.productmail__form { margin-bottom: 0 } .card__compare-form .select2-container { width: 100% !important; font-size: .667rem; line-height: 133% } .card__compare-form .select2-container .select2-selection--single { height: 36px } .card__compare-form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px } .card__compare-form .select2-container--default .select2-selection--single .select2-selection__arrow { width: 30px; height: 36px } .card__compare-form .btn__item { width: 100%; -webkit-box-shadow: 0 1px 3px rgba(0, 170, 135, .3); box-shadow: 0 1px 3px rgba(0, 170, 135, .3) } .card__compare-drop .select2-results__options { font-size: .667rem; line-height: 133% } .card__compare-title { font-size: .667rem; line-height: 133%; margin-bottom: 12px } .card__compare-select { margin-bottom: 12px } .card__compare-link { font-size: .667rem; line-height: 133%; font-size: .833rem; line-height: 160%; display: block; color: #636569; text-align: center; letter-spacing: .107143px } .card__compare-link:hover { color: #3cb6a8 } .product__characteristic .row.price-row{ background-color: #D9D9D9; margin-top: 10px; position: relative; } .product__characteristic .row.price-row:before{ content: ""; position: absolute; height: 100%; width: 15px; right: 100%; top: 0; background-color: #D9D9D9; display: block; } .product__characteristic .row.price-row:after{ content: ""; position: absolute; height: 100%; width: 15px; left: 100%; top: 0; background-color: #D9D9D9; display: block; } .product__characteristic .row > div { font-weight: 400; color: #636569; line-height: 143%; font-size: .778em } .catalog__item__cmp__icon { z-index: 4; outline: 0; background: 0 0; text-decoration: none; border: 0; padding: 0; cursor: pointer; width: 24px; height: 24px; position: absolute; top: 15px; right: 15px; color: #000; -webkit-transition: all .35s ease; transition: all .35s ease } .catalog__item__cmp__icon.is--incmp { color: #3cb6a8 } .catalog__item__cmp__icon.is--incmp::before { content: ''; position: absolute; top: 0; right: 0; width: 14px; height: 14px; -webkit-transform: translate(40%, -20%); transform: translate(40%, -20%); background-position: center; background-image: url(/local/templates/timberk.v2/assets/css/../images/cmp.svg); background-size: contain; background-color: #fff; border-radius: 50% } .catalog__item__cmp__icon[aria-expanded=true] { color: #3cb6a8 } .catalog__item__cmp__icon::after { display: none } .catalog__item__cmp__select { position: absolute; opacity: 0; visibility: hidden; z-index: 3; top: 8px; left: 8px; right: 8px; border: 0; background: #fff; -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25); box-shadow: 0 4px 24px rgba(0, 0, 0, .25); border-radius: 4px; padding: 12px; -webkit-transition: all .35s ease; transition: all .35s ease } .catalog__item__cmp__select .btn__item { width: 100%; -webkit-box-shadow: 0 1px 3px rgba(0, 170, 135, .3); box-shadow: 0 1px 3px rgba(0, 170, 135, .3) } .catalog__item__cmp.show .catalog__item__cmp__select { opacity: 1; visibility: visible } .catalog__item__cmp .icon-cmpbtn { font-size: .9rem; margin: 0 10px 0 0; vertical-align: middle } .catalog__item__cmp__select .select2-container { width: 100% !important; margin: 5px 0 0 } .catalog__item__cmp__select .select2-container .selection { display: block; width: 100% } .catalog__item__cmp__select .select2-container .incmp, .product__info__drop .select2-results__option .incmp { position: absolute; top: 50%; right: 22px; width: 14px; height: 14px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-position: center; background-image: url(/local/templates/timberk.v2/assets/css/../images/cmp.svg); background-size: contain } .product__info__drop .select2-results__option .incmp { right: 5px } .product__characteristic::-webkit-scrollbar-track { background-color: #fff } .product__characteristic::-webkit-scrollbar { width: 5px; height: 5px; background-color: #fff } .product__characteristic::-webkit-scrollbar-thumb { background-color: #3d3d3d; border-radius: 0 } .footer__block { position: relative; background: #3d3d3d; color: #c4c4c4 } @media print { .footer__block { display: none } } .footer__block a { color: #c4c4c4 } .footer__block a:hover { color: #3cb6a8 } .footer__container.container { padding-top: 30px; padding-bottom: 30px } @media (min-width: 1200px) { .footer__container.container { padding-top: 53px; padding-bottom: 43px } } .footer__row { grid-template-columns: 100% } .footer__row > hr { margin: 0 0 10px; padding: 0; border: 0; height: 1px; background-color: #636569 } @media (min-width: 768px) { .footer__row { grid-template-columns: 1fr 1fr 1fr } .footer__row > hr { grid-column: span 3 } } @media (min-width: 992px) { .footer__row { grid-template-columns: .82fr .92fr .74fr .4fr 1.12fr } .footer__row > hr { grid-column: span 5 } } .footer__cols.is--copyright { text-align: center; -ms-flex-item-align: center; align-self: center; font-size: .889rem; line-height: 150% } .footer__cols.is--conf { text-align: center; -ms-flex-item-align: center; align-self: center; font-size: .889rem; line-height: 150% } @media (min-width: 768px) { .footer__cols.is--confident { grid-column: span 3 } .footer__cols.is--nav { margin-top: 10px } .footer__cols.is--confident { margin-top: 10px } .footer__cols.is--conf { text-align: right } } @media (min-width: 992px) { .footer__cols.is--confident { grid-column: span 2 } .footer__cols.is--copyright { grid-column: span 3; font-size: .889rem; line-height: 150% } } .footer__logotip { display: block; width: 155px; height: 54px; margin: 0 auto; color: #c4c4c4 !important } @media (min-width: 768px) { .footer__logotip { margin: 0 } } .footer__design { width: 144px; height: 40px; margin: 0 auto } @media (min-width: 768px) { .footer__design { margin: 0 } } .footer__nav { margin: 0; padding: 0; list-style: none } @media (min-width: 768px) { .footer__nav { max-width: 230px } } .footer__nav-item { margin-bottom: 16px } .footer__nav-item.is--title { font-weight: 700; margin-bottom: 20px } .footer__nav-link { display: block; font-size: .778rem; line-height: 143% } .footer__nav-link:hover { color: #3cb6a8 } .footer__confident { font-size: .667rem; line-height: 133%; line-height: 167%; margin-bottom: 38px } @media (max-width: 768px){ .footer__confident{ font-size: 12px; } } .form__panel.is--block-subs { margin: 0 auto 40px; max-width: 432px } @media (min-width: 992px) { .form__panel.is--block-subs { margin: 0 auto 90px } } .form__panel.is--block-search { max-width: 656px; margin-bottom: 40px } .form__panel.is--block-contacts { background-color: #f7f7f7; border-radius: 8px; padding: 21px 22px 45px; background-position-x: right; background-repeat: no-repeat } @media (max-width: 574.98px) { .form__panel.is--block-contacts { background: #f7f7f7 !important } } .form__panel.is--aside-search { margin-bottom: 24px } .form__panel.is--aside-filter { position: relative } .form__panel.is--aside-filter .btn__item { width: 100%; margin-top: 10px } .form__panel.is--modal-sale { max-width: 335px; text-align: center; margin: 0 auto } .form__grid.is--block-contacts { max-width: 630px; margin: 0 auto; grid-gap: 11px 19px; grid-template-columns: 100% } .form__grid.is--block-contacts > .is--textarea { padding-bottom: 10px } .form__grid.is--block-contacts > .is--checkbox { padding-top: 25px } .form__grid.is--block-contacts > .is--btn { text-align: center; padding-top: 30px } .form__grid.is--block-contacts > .is--btn .btn__item { padding-left: 50px; padding-right: 50px } @media (min-width: 575px) { .form__grid.is--block-contacts { grid-template-columns: repeat(2, 1fr) } .form__grid.is--block-contacts > .is--full { grid-column: span 2 } .form__grid.is--block-contacts > .is--select { grid-column: span 2; padding-top: 25px; padding-bottom: 30px } .form__grid.is--block-contacts > .is--btn { grid-column: span 2 } } .form__item { position: relative; display: block; margin: 0 } .sitemenu__block .form__item{ margin-bottom: 15px; } .form__item .select2-container { width: 100% !important; font-size: .778rem; line-height: 143% } .form__item .select2-container .select2-selection--single { height: 46px } .form__item .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 10px 50px 10px 16px; line-height: 24px } .form__item .select2-container--default .select2-selection--single .select2-selection__arrow { width: 46px; height: 46px; background-size: 24px 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.3 8.3a1 1 0 011.4 0l5.3 5.3 5.3-5.3a1 1 0 111.4 1.4l-6 6a1 1 0 01-1.4 0l-6-6a1 1 0 010-1.4z' fill='%233cb6a8'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 19px auto; background-image: url("data:image/svg+xml,%3Csvg width='19' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 11.8L17.8 0l1 1.2L9.5 13l-1-1.2z' fill='%233cb6a8'/%3E%3Cpath d='M1 0L10 11.5 9.5 13 0 1.2 1 0z' fill='%233cb6a8'/%3E%3C/svg%3E"); background-position: center; background-size: 25px auto } .form__item .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none } .form__item.is--modal-sale { margin-bottom: 22px } .form__item.is--filter-sort { margin-right: 15px; border: 0 } .form__item.is--filter-view { white-space: nowrap; } .form__item.is--filter-sort { white-space: nowrap; } .form__item.is--filter-view form{ display: inline-block; } .form__item.is--filter-view > span{ font-size: .889rem; color: #444; } .form__item.is--filter-sort{ white-space: nowrap; } .form__item.is--filter-sort > span{ font-size: .889rem; color: #444; } .form__item.is--filter-sort form{ display: inline-block; } @media (min-width: 768px) { .form__item.is--filter-view { margin-left: auto } .form__item.is--filter-sort { margin-left: 30px; } } .form__item.is--filter-sort .select2-container { width: 100% !important; min-width: 200px; font-size: .889rem; line-height: 150% } .form__item.is--filter-view .select2-container{ width: 100% !important; min-width: 150px; font-size: .889rem; line-height: 150% } .form__item.is--filter-view .select2-container .select2-selection--single, .form__item.is--filter-sort .select2-container .select2-selection--single { height: 48px } .form__item.is--filter-view .select2-container--default .select2-selection--single, .form__item.is--filter-sort .select2-container--default .select2-selection--single { border: 0 } .form__item.is--filter-view .select2-container--default .select2-selection--single .select2-selection__rendered, .form__item.is--filter-sort .select2-container--default .select2-selection--single .select2-selection__rendered { font-weight: 700; padding: 11px 50px 10px 23px } .form__item.is--filter-view .select2-container--default .select2-selection--single .select2-selection__arrow, .form__item.is--filter-sort .select2-container--default .select2-selection--single .select2-selection__arrow { width: 47px; height: 47px; background-size: 24px 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.3 8.3a1 1 0 011.4 0l5.3 5.3 5.3-5.3a1 1 0 111.4 1.4l-6 6a1 1 0 01-1.4 0l-6-6a1 1 0 010-1.4z' fill='%23000'/%3E%3C/svg%3E"); /*background-repeat: no-repeat; background-size: 19px auto; background-image: url("data:image/svg+xml,%3Csvg width='19' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 11.8L17.8 0l1 1.2L9.5 13l-1-1.2z' fill='%231F1500'/%3E%3Cpath d='M1 0L10 11.5 9.5 13 0 1.2 1 0z' fill='%231F1500'/%3E%3C/svg%3E")*/ } .form__item.is--filter-view .select2-container--default.select2-container--open, .form__item.is--filter-sort .select2-container--default.select2-container--open { -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25); box-shadow: 0 4px 24px rgba(0, 0, 0, .25); border-radius: 4px 4px 0 0 } .form__item.is--filter-view .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow, .form__item.is--filter-sort .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow { background-repeat: no-repeat; background-size: 24px 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.7 15.7a1 1 0 01-1.4 0L12 10.4l-5.3 5.3a1 1 0 01-1.4-1.4l6-6a1 1 0 011.4 0l6 6c.4.4.4 1 0 1.4z' fill='%23000'/%3E%3C/svg%3E") } .select2-container--open{ z-index: 9999; } .select2-dropdown.form__item.is--filter-sort{ margin-left: 0; } .select2-container--open .form__item.is--filter-sort { overflow: hidden; border-radius: 0 0 4px 4px } .form__item.is--filter-sort .select2-results__option { padding: 8px 20px; font-size: .889rem; line-height: 150% } .form__item.is--filter-sort .select2-results__option.select2-results__option--highlighted[aria-selected] { background-color: #3cb6a8 } .is--block-contacts .form__item .select2-container { font-size: .667rem; line-height: 133% } .is--block-contacts .form__item .select2-container--default .select2-selection--single .select2-selection__rendered { color: rgba(0, 0, 0, .6) } .form__item.is--error { text-align: center; font-size: .667rem; line-height: 133%; color: red } .form__collapse { margin-bottom: 22px } .form__collapse-name { text-transform: uppercase; font-size: .778rem; line-height: 143%; font-weight: 700 } .form__collapse-name a { display: block; padding: 2px 20px 2px 0; color: #000; background-position: right 0 } .form__collapse-name a[aria-expanded=false] { background-size: 24px 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.3 8.3a1 1 0 011.4 0l5.3 5.3 5.3-5.3a1 1 0 111.4 1.4l-6 6a1 1 0 01-1.4 0l-6-6a1 1 0 010-1.4z' fill='%23000'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 19px auto; background-image: url("data:image/svg+xml,%3Csvg width='19' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 11.8L17.8 0l1 1.2L9.5 13l-1-1.2z' fill='%231F1500'/%3E%3Cpath d='M1 0L10 11.5 9.5 13 0 1.2 1 0z' fill='%231F1500'/%3E%3C/svg%3E") } .form__collapse-name a[aria-expanded=true] { background-repeat: no-repeat; background-size: 24px 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.7 15.7a1 1 0 01-1.4 0L12 10.4l-5.3 5.3a1 1 0 01-1.4-1.4l6-6a1 1 0 011.4 0l6 6c.4.4.4 1 0 1.4z' fill='%23000'/%3E%3C/svg%3E") } .form__collapse-note { padding-top: 7px; padding-bottom: 3px } .form__control { font-family: montserrat-500; -webkit-box-shadow: none; box-shadow: none; width: 100%; font-size: .778rem; line-height: 143%; background: #fff; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, .2); border-radius: 6px; height: 46px; padding: 10px 16px; font-weight: 700; color: #636569; -webkit-transition: all .35s ease; transition: all .35s ease } .form__control[type=text] { -webkit-appearance: none } .form__control[type=number] { -moz-appearance: textfield } .form__control[type=number]::-webkit-inner-spin-button, .form__control[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .form__control::-moz-placeholder { -webkit-transition: all .35s ease; transition: all .35s ease; color: rgba(0, 0, 0, .6) } .form__control::-webkit-input-placeholder { -webkit-transition: all .35s ease; transition: all .35s ease; color: rgba(0, 0, 0, .6) } .form__control.is--focus, .form__control:focus { outline: 0; border-color: #3cb6a8 } .form__control[disabled] { background-color: rgba(4, 27, 38, .09); cursor: not-allowed; border-color: #c4c4c4; color: rgba(99, 101, 105, .5) } .form__control[disabled]::-moz-placeholder { color: rgba(99, 101, 105, .5) } .form__control[disabled]::-webkit-input-placeholder { color: rgba(99, 101, 105, .5) } .form__control.is--textarea { max-width: 100%; min-height: 173px } .form__control.is--search { padding-left: 50px; font-size: .667rem; line-height: 133% } .form__control.is--block-subs { padding: 10px; font-size: 18px; line-height: 144%; font-weight: 400; color: #18181a; border-color: #c4c4c4; background-color: rgba(4, 27, 38, .05); padding-right: 46px; height: 48px } .form__control.is--block-subs::-moz-placeholder { color: #66676c } .form__control.is--block-subs::-webkit-input-placeholder { color: #66676c } .is--block-contacts .form__control { font-size: .667rem; line-height: 133% } .is--block-contacts .form__control::-moz-placeholder { color: rgba(0, 0, 0, .6) } .is--block-contacts .form__control::-webkit-input-placeholder { color: rgba(0, 0, 0, .6) } .form__control.is--modal-sale { border: 2px solid #00afab; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; color: #374250; height: 38px; font-family: RoadRadio; -webkit-box-shadow: none; box-shadow: none; padding: 6.5px 10px; font-size: 14px; line-height: 17px; border-radius: 0; -webkit-transition: all .35s ease; transition: all .35s ease } .form__control.is--modal-sale::-moz-placeholder { font-family: RoadRadio; color: #ababab; font-weight: 300 } .form__control.is--modal-sale::-webkit-input-placeholder { font-family: RoadRadio; color: #ababab; font-weight: 300 } .form__control.is--modal-sale:focus { background-color: #00afab; color: #fff } .form__control.is--modal-sale:focus::-moz-placeholder { color: #fff } .form__control.is--modal-sale:focus::-webkit-input-placeholder { color: #fff } .form__control.is--modal-sale:focus { outline: 0 } .form__captcha-img { height: 46px } .form__btn { outline: 0; background: 0 0; text-decoration: none; -webkit-transition: all .35s ease; transition: all .35s ease; border: 0; padding: 0; cursor: pointer } .form__btn.is--search { position: absolute; width: 24px; height: 24px; top: 50%; left: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .form__btn.is--block-subs { position: absolute; background-repeat: no-repeat; background-size: 8px 14px; background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.3.3a1 1 0 011.4 0l6 6c.4.4.4 1 0 1.4l-6 6a1 1 0 01-1.4-1.4L5.6 7 .3 1.7A1 1 0 01.3.3z' fill='%233CB6A8'/%3E%3C/svg%3E"); width: 46px; height: 46px; background-position: center; right: 0; top: 0 } .form__submit.is--modal-sale { outline: 0; background: 0 0; text-decoration: none; -webkit-transition: all .35s ease; transition: all .35s ease; border: 0; padding: 0; color: #fff; font-size: 20px; line-height: 20px; color: #feffff; font-weight: 700; font-family: RoadRadio; background-color: #00afab; border: 2px solid #00afab; text-align: center; padding: 7px } .form__submit.is--modal-sale:hover { background-color: #fff; color: #00afab } .form__checkbox { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; font-size: .778rem; line-height: 143%; cursor: pointer; -webkit-transition: all .35s ease; transition: all .35s ease } .form__checkbox + .form__checkbox { margin-top: 12px } .form__checkbox-input { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0) } .form__checkbox-icon { position: relative; min-width: 18px; width: 18px; height: 18px; background-color: rgba(255, 255, 255, 0); -webkit-transition: all .35s ease; transition: all .35s ease; border: 2px solid #000; border-radius: 2px; margin-left: 3px } .form__checkbox-icon::after { content: ''; position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; background-position: center; background-color: #3cb6a8; -webkit-transform: translate(-50%, -50%) scale(3); transform: translate(-50%, -50%) scale(3); opacity: 0; -webkit-transition: all .35s ease; transition: all .35s ease } .form__checkbox-input[type=radio] + .form__checkbox-icon { border-radius: 50% } .form__checkbox-input[type=radio] + .form__checkbox-icon::after { border-radius: 50% } .form__checkbox-input:checked + .form__checkbox-icon { border-color: #3cb6a8 } .form__checkbox-input:checked + .form__checkbox-icon::after { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: all .35s ease .2s; transition: all .35s ease .2s } .form__checkbox-input:checked:disabled + .form__checkbox-icon, .form__checkbox-input:disabled + .form__checkbox-icon { cursor: not-allowed; opacity: .5 } .form__checkbox-name { margin-left: 12px } .form__checkbox-name a { text-decoration: underline } .form__range { margin-bottom: 8px } .form__range-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 22px } .form__range-group > * { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 44% } .form__range-group span { margin: 0 7px; width: 61px; height: 2px; background-color: #000 } .form__range-ui.ui-widget { height: 2px; border: 0; border-radius: 0; background-color: #636569 } .form__range-ui.ui-widget .ui-slider-range { background-color: #3cb6a8 } .form__range-ui.ui-widget .ui-slider-handle { border: 0; background-color: #3cb6a8; width: 20px; height: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; margin: 0 } .form__range-ui.ui-widget .ui-slider-handle:nth-of-type(2) { -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%) } .container { width: 100%; max-width: 1359px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto } .flex__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px } .flex__row.is--gutter { margin-top: -15px } .flex__row.is--gutter > .cols { padding-top: 15px } .flex__row.is--gutter-sm { margin-top: -5px } .flex__row.is--gutter-sm > .cols { padding-top: 5px } .flex__row.is--gap-xl { margin-left: -15px; margin-right: -15px } .flex__row.is--gap-xl > .cols { padding-left: 15px; padding-right: 15px } .flex__row.is--gap-lg { margin-left: -10px; margin-right: -10px } .flex__row.is--gap-lg > .cols { padding-left: 10px; padding-right: 10px } .flex__row.is--gap-xs { margin-left: 0; margin-right: 0 } .flex__row.is--gap-xs > .cols { padding-left: 0; padding-right: 0 } .flex__cols { padding-left: 15px; padding-right: 15px } @media (min-width: 768px) { .flex__cols.is--right-md { margin-left: auto } } .grid__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .grid__row.is--align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center } @supports (display:grid) { .grid__row { display: grid; grid-gap: 30px } .grid__row.is--gap-sm { grid-gap: 5px } .grid__row.is--columns-23 { grid-template-columns: repeat(2, 1fr) } @media (min-width: 768px) { .grid__row.is--columns-23 { grid-template-columns: repeat(3, 1fr) } } } .grid__cols.is--mla { margin-left: auto } .grid__cols.is--mra { margin-right: auto } .modal__block { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0 } .modal-open .modal__block { overflow-x: hidden; overflow-y: auto } @media (min-width: 768px) { .modal-open .modal__block { overflow-y: hidden } } .modal__block > * { -webkit-box-sizing: border-box; box-sizing: border-box } .modal__dialog { -webkit-transition: all .5s; transition: all .5s; position: relative; width: auto; margin: 0 auto; max-width: 1328px; top: 50%; -webkit-transform: translate(0, -50%) !important; transform: translate(0, -50%) !important; left: -100% } .modal__block.show .modal__dialog { left: 0 } /*@media (max-width: 767.98px) { .modal__dialog { height: 100% } }*/ @media (min-width: 768px) { .modal__dialog { background-color: #fff; max-height: calc(100% - 20px); left: inherit; overflow: auto } .modal__block.show .modal__dialog { left: inherit } } .modal__dialog.is--modal-sale { max-width: 600px } .modal__dialog.is--modal-shop { max-width: 450px } @media (min-width: 992px) { .modal__dialog.is--modal-shop { max-width: 800px } } .modal__preview img { display: block; max-width: 100% } .modal__body { position: relative; padding: 20px; background-color: #fff } @media (min-width: 992px) { .modal__body { padding: 60px 80px } } .modal__body.is--modal-sale { padding: 0; background: 0 0 } .modal__content { background-color: #fff } .modal__content.is--modal-sale { padding: 20px 15px 30px } .modal__btn-close { outline: 0; background: 0 0; text-decoration: none; -webkit-transition: all .35s ease; transition: all .35s ease; border: 0; padding: 0; cursor: pointer; position: absolute; z-index: 5; background-repeat: no-repeat; background-size: 32px 32px; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.7 3.3c.4.4.4 1 0 1.4l-24 24a1 1 0 01-1.4-1.4l24-24a1 1 0 011.4 0z' fill='%23000' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.3 3.3a1 1 0 011.4 0l24 24a1 1 0 01-1.4 1.4l-24-24a1 1 0 010-1.4z' fill='%23000'/%3E%3C/svg%3E"); background-position: center; width: 32px; height: 32px; top: 5px; right: 5px } .modal__btn-close:hover { background-repeat: no-repeat; background-size: 32px 32px; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.7 3.3c.4.4.4 1 0 1.4l-24 24a1 1 0 01-1.4-1.4l24-24a1 1 0 011.4 0z' fill='%233CB6A8' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.3 3.3a1 1 0 011.4 0l24 24a1 1 0 01-1.4 1.4l-24-24a1 1 0 010-1.4z' fill='%233CB6A8'/%3E%3C/svg%3E") } @media (min-width: 992px) { .modal__btn-close { top: 32px; right: 32px } } .modal__btn-close.is--modal-sale { top: 5px; right: 5px; background-repeat: no-repeat; background-size: 32px 32px; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.7 3.3c.4.4.4 1 0 1.4l-24 24a1 1 0 01-1.4-1.4l24-24a1 1 0 011.4 0z' fill='%23fff' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.3 3.3a1 1 0 011.4 0l24 24a1 1 0 01-1.4 1.4l-24-24a1 1 0 010-1.4z' fill='%23fff'/%3E%3C/svg%3E"); -webkit-transition: all .35s ease; transition: all .35s ease } .modal__btn-close.is--modal-sale:hover { background-color: #fff; background-repeat: no-repeat; background-size: 32px 32px; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.7 3.3c.4.4.4 1 0 1.4l-24 24a1 1 0 01-1.4-1.4l24-24a1 1 0 011.4 0z' fill='%2300afab' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.3 3.3a1 1 0 011.4 0l24 24a1 1 0 01-1.4 1.4l-24-24a1 1 0 010-1.4z' fill='%2300afab'/%3E%3C/svg%3E") } .modal__heading.is--modal-sale { font-family: montserrat-500; font-size: 17px; line-height: 17px; color: #00afab; text-align: center; margin-bottom: 20px } .modal__heading.is--modal-shop { font-family: montserrat-500; font-size: 1.444rem; line-height: 138%; color: #00afab; text-align: center; margin-bottom: 20px } .navbar__block { padding-top: 24px; padding-bottom: 24px; -webkit-transition: all .35s ease; transition: all .35s ease } @media print { .navbar__block { display: none } } .navbar__logotip { height: 49px; width: 141px; overflow: hidden; display: block } .navbar__logotip, .navbar__logotip:focus, .navbar__logotip:hover { color: #66676c } .navbar__logotip span { display: block; width: 100%; height: 100% } .navbar__logotip img{ height: 100%; object-fit: contain; } @media (min-width: 1200px) { .navbar__logotip { height: 60px; width: 141px } } .navbar__aside-row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .navbar__aside-cols > .flex__row { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .navbar__aside-cols.is--left .is--shop { display: none } .navbar__aside-cols.is--right > .flex__row { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media (min-width: 768px) { .navbar__aside-cols.is--logotip { margin-left: auto; margin-right: auto } .navbar__aside-cols.is--left, .navbar__aside-cols.is--right { -webkit-box-flex: 0; -ms-flex: 0 0 37%; flex: 0 0 37% } .navbar__aside-cols.is--left .is--shop { display: block } } @media (min-width: 992px) { .navbar__aside-cols > .flex__row .is--cat { margin-right: 18px } } .navbar__aside-nav { font-weight: 800; list-style: none; margin: -41px -20px 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width: 1200px) { .navbar__aside-nav { font-weight: 500; font-size: 14px; line-height: 140%; margin-top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .navbar__aside-nav-item { margin-top: 41px; padding: 0 20px } @media (min-width: 1200px) { .navbar__aside-nav-item { margin-top: 0; padding: 20px 20px } } .navbar__aside-nav-link { color: #18181a } .navbar__aside-nav-link:hover { color: rgba(24, 24, 26, .7) } .navbar__aside-nav-link.is--active { color: rgba(24, 24, 26, .7); cursor: default } @media (min-width: 768px) and (max-width: 1199.98px) { .catalogmenu__inner { max-width: 350px } } @media (max-width: 767.98px) { .catalogmenu__inner { overflow: auto } } .menucatalog__btn { position: relative; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: montserrat-500; font-size: 1rem; line-height: 100% } .menucatalog__btn:hover { color: #3cb6a8 } .menucatalog__btn svg { width: 24px; min-width: 24px; height: 24px; margin-right: 13px; margin-bottom: 2px } .catalogmenu__list ul li span { display: none } @media (max-width: 767.98px) { .catalogmenu__inner { overflow: auto } .catalogmenu__list > ul > li > ul { display: none; position: static; background: 0 0 } .catalogmenu__list > ul > li a span { display: none } .catalogmenu__list > ul > li > ul .valve { display: none !important } .catalogmenu__list ul li span { display: block; position: absolute; z-index: 5; top: 0; right: 44px; font-size: 5px; color: #fff; -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); width: 32px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer } .catalogmenu__list > ul > li.is--open > ul { display: block } .catalogmenu__list > ul > li.is--open span { -webkit-transform: translateY(0) rotate(-90deg); transform: translateY(0) rotate(-90deg) } } .page-header__panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .page-header__panel .page-header__heading { padding-right: 10px; max-width: 50%; } .page-header__panel.is--page-catalog { margin-bottom: 20px } .page-header__panel.is--page-catalog-cat { margin-bottom: 33px } @media (max-width: 767.98px) { .page-header__panel.is--page-catalog-cat { -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; } /**/ .page-header__panel.is--page-catalog-cat .page-header__heading { padding-right: 0; padding-bottom: 10px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } } .page-header__heading.is--block-articles { margin-bottom: 32px } .page-header__heading.is--block-subs { margin-bottom: 25px } .page-header__heading.is--block-menu-subs { margin-bottom: 10px; color: #fff; font-size: .667rem; line-height: 133% } .page-header__heading.is--page-default { margin-bottom: 20px } .page-header__heading.is--page-index-catalog { margin-bottom: 30px } @media (min-width: 992px) { .page-header__heading.is--page-index-catalog { margin-bottom: 55px } } .page-header__heading.is--page-index-new { margin-bottom: 5px } @media (min-width: 992px) { .page-header__heading.is--page-index-new { margin-bottom: 30px } } .page-header__heading.is--page-catalog-card { color: #000; font-weight: 400; font-size: 1.5rem; line-height: 120%; margin-bottom: 10px } @media print { .page-header__heading.is--page-catalog-card { font-size: 1.4rem; line-height: 120%; margin-bottom: 10px } } .page-header__heading.is--page-contacts { margin-bottom: 15px } .page-header__heading.is--page-contacts-form { margin-bottom: 30px } .popover__panel { border: 0; font-family: montserrat-500; color: #636569; border-radius: 4px; -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25); box-shadow: 0 4px 24px rgba(0, 0, 0, .25); padding: 6px; font-size: .889rem; line-height: 100%; max-width: 440px; cursor: default } .popover__panel p { font-size: .778rem; line-height: 143%; color: #000; padding: 6px 6px 4px } .popover__panel p:last-child { margin-bottom: 0 } .popover__panel a { color: #3cb6a8 } .popover__panel .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -6px; margin-left: -3px; margin-right: -3px } .popover__panel .flex > * { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 6px); flex: 0 0 calc(50% - 6px); margin-top: 6px; margin-left: 3px; margin-right: 3px } .popover__panel::before { border: 0; width: 10px; height: 6px; background-repeat: no-repeat; background-size: 10px 6px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.8 5.5a1 1 0 01-1.6 0L.5.5h9l-3.7 5z' fill='%23fff'/%3E%3C/svg%3E") } [data-placement=top] .popover__panel { margin-bottom: 10px } [data-placement=top] .popover__panel::before { content: ''; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 80%); transform: translate(-50%, 80%) } [data-placement=bottom] .popover__panel { margin-top: 10px } [data-placement=bottom] .popover__panel::before { content: ''; top: 0; left: 50%; -webkit-transform: translate(-50%, -80%) rotate(180deg); transform: translate(-50%, -80%) rotate(180deg) } [data-placement=right] .popover__panel { margin-left: 10px } [data-placement=right] .popover__panel::before { content: ''; top: 50%; left: 0; -webkit-transform: translate(-80%, -50%) rotate(90deg); transform: translate(-80%, -50%) rotate(90deg) } .social__block { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin-top: 0; margin-bottom: 0; margin-left: -14px; margin-right: -14px } .social__block.is--block-sub { margin-top: 20px } .social__item { padding-left: 14px; padding-right: 14px } .social__link { display: block; width: 36px; height: 20px } .social__link, .social__link:focus { color: #3cb6a8; } .social__link:hover { color: #66676c; } .social__link.dzen__link svg{ height: 20px; width: 20px; } .social__link.dzen__link svg .main{ fill: #3d3d3d; } .social__link.dzen__link:hover svg .round{ fill: transparent; } .social__link.dzen__link:hover svg .main{ fill: #3cb6a8; } .social__link.rutube__link svg{ height: 22px; width: 22px; } .social__link.rutube__link svg .main{ /*fill: #3d3d3d;*/ } .social__link.rutube__link:hover svg path{ fill: #3cb6a8; } .social__link svg { display: block } .social__link.dzen__link svg{ height: 20px; width: 20px; } .social__link.dzen__link svg .main{ fill: #3d3d3d; } .social__link.dzen__link:hover svg .round{ fill: transparent; } .social__link.dzen__link:hover svg .main{ fill: #3cb6a8; } .tabs__panel { margin-bottom: 30px } @media (min-width: 768px) { .tabs__panel { margin-bottom: 55px } } .tabs__nav { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 992px) { .tabs__nav { -ms-flex-wrap: nowrap; flex-wrap: nowrap } } .tabs__item { position: relative; z-index: 1; padding: 5px 10px } @media (min-width: 992px) { .tabs__item { padding: 0 28px } } .tabs__link { outline: 0; background: 0 0; text-decoration: none; -webkit-transition: all .35s ease; transition: all .35s ease; border: 0; padding: 0; font-size: .778rem; line-height: 143%; position: relative; display: block; text-align: center; color: #18181a; padding: 1px 0; border-bottom: 2px solid rgba(60, 182, 168, 0) } @media (min-width: 768px) { .tabs__link { font-size: .85rem; line-height: 133% } } .tabs__link span { position: relative; z-index: 2 } .tabs__link:hover { color: #3cb6a8 } .tabs__link.active { border-bottom-color: #18181a; color: #18181a } .tabs__link.active { cursor: default } .tabs__content.is--block-catalog { margin-bottom: 42px } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-slider[data-slick-articles-lg] { padding-top: 10px } .slick-slider[data-slick-index] * { visibility: hidden } .slick-slider[data-slick-index].slick-initialized * { visibility: visible } .slick-slider[data-slick-modal] * { visibility: hidden } .slick-slider[data-slick-modal].slick-initialized * { visibility: visible } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } [data-slick-new] .slick-list { margin: 0 -12px } [data-slick-popular] .slick-list { margin: 0 -12px } [data-slick-articles] .slick-list { margin: 0 -8px } [data-slick-articles-lg] .slick-list { margin: 0 -8px } [data-slick-catalog-note] .slick-list { border-radius: 8px } [data-slick-catalog-nav] .slick-list { height: 100% !important } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-list, .slick-track { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block } .slick-track:after, .slick-track:before { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } [data-slick-new] .slick-track { padding: 25px 0; } [data-slick-popular] .slick-track { padding: 25px 0; } /*[data-slick-new] .slick-slide { float: none !important; }*/ .slick-slide { float: left; height: 100%; min-height: 1px; -webkit-transition: all .35s ease; transition: all .35s ease } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } [data-slick-new] .slick-slide { padding: 0 12px } [data-slick-popular] .slick-slide { padding: 0 12px } [data-slick-articles] .slick-slide { margin: 0 8px } [data-slick-articles-lg] .slick-slide { margin: 0 8px } .slick-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .slick-count { font-weight: 600; padding: 0 6px } .slick-btn { position: absolute; top: 50%; z-index: 2; outline: 0; background: 0 0; text-decoration: none; -webkit-transition: all .35s ease; transition: all .35s ease; border: 0; padding: 0; background-color: #fff; background-position: center; width: 26px; height: 26px; -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25); box-shadow: 0 4px 24px rgba(0, 0, 0, .25); border-radius: 50% } .slick-btn:hover { cursor: pointer; background-color: #3cb6a8 } .slick-btn.is--prev { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: 11px 20px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7 19.7a1 1 0 01-1.4 0l-9-9a1 1 0 010-1.4l9-9a1 1 0 111.4 1.4L2.4 10l8.3 8.3c.4.4.4 1 0 1.4z' fill='%233CB6A8'/%3E%3C/svg%3E") } .slick-btn.is--prev:hover { background-repeat: no-repeat; background-size: 11px 20px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7 19.7a1 1 0 01-1.4 0l-9-9a1 1 0 010-1.4l9-9a1 1 0 111.4 1.4L2.4 10l8.3 8.3c.4.4.4 1 0 1.4z' fill='%23fff'/%3E%3C/svg%3E") } .slick-btn.is--prev.slick-disabled { opacity: .5; cursor: not-allowed } .slick-btn.is--prev.slick-disabled:hover { background-repeat: no-repeat; background-size: 11px 20px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7 19.7a1 1 0 01-1.4 0l-9-9a1 1 0 010-1.4l9-9a1 1 0 111.4 1.4L2.4 10l8.3 8.3c.4.4.4 1 0 1.4z' fill='%233CB6A8'/%3E%3C/svg%3E"); background-color: #fff } .slick-btn.is--next { right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); background-repeat: no-repeat; background-size: 11px 20px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.3.3a1 1 0 011.4 0l9 9c.4.4.4 1 0 1.4l-9 9a1 1 0 01-1.4-1.4L8.6 10 .3 1.7A1 1 0 01.3.3z' fill='%233CB6A8'/%3E%3C/svg%3E") } .slick-btn.is--next:hover { background-repeat: no-repeat; background-size: 11px 20px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.3.3a1 1 0 011.4 0l9 9c.4.4.4 1 0 1.4l-9 9a1 1 0 01-1.4-1.4L8.6 10 .3 1.7A1 1 0 01.3.3z' fill='%23fff'/%3E%3C/svg%3E") } .slick-btn.is--next.slick-disabled { opacity: .5; cursor: not-allowed } .slick-btn.is--next.slick-disabled:hover { background-repeat: no-repeat; background-size: 11px 20px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.3.3a1 1 0 011.4 0l9 9c.4.4.4 1 0 1.4l-9 9a1 1 0 01-1.4-1.4L8.6 10 .3 1.7A1 1 0 01.3.3z' fill='%233CB6A8'/%3E%3C/svg%3E"); background-color: #fff } [data-slick-articles] .slick-btn { top: 120px } [data-slick-index] .slick-btn.is--prev { -webkit-transform: translate(5px, -50%); transform: translate(5px, -50%) } [data-slick-index] .slick-btn.is--next { -webkit-transform: translate(-5px, -50%); transform: translate(-5px, -50%) } @media (max-width: 1199.98px) { .slick-btn { background-size: 6px auto !important } } @media (min-width: 992px) { [data-slick-articles-lg] .slick-btn { top: 38.5% } [data-slick-catalog-note] .slick-btn { top: 43.5% } } @media (min-width: 1200px) { .slick-btn { width: 48px; height: 48px } [data-slick-articles-lg] .slick-btn { top: 38.5% } [data-slick-index] .slick-btn.is--prev { -webkit-transform: translate(115%, -50%); transform: translate(115%, -50%) } [data-slick-index] .slick-btn.is--next { right: 0; -webkit-transform: translate(-115%, -50%); transform: translate(-115%, -50%) } [data-slick-catalog-nav] .slick-btn { -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25); box-shadow: 0 4px 24px rgba(0, 0, 0, .25) } [data-slick-catalog-nav] .slick-btn.is--prev { top: 12px; left: 50%; -webkit-transform: translate(-50%, 0) rotate(90deg); transform: translate(-50%, 0) rotate(90deg) } [data-slick-catalog-nav] .slick-btn.is--next { top: calc(100% - 12px); left: 50%; -webkit-transform: translate(-50%, -100%) rotate(90deg); transform: translate(-50%, -100%) rotate(90deg) } [data-slick-modal-nav] .slick-btn { -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, .25); box-shadow: 0 4px 24px rgba(0, 0, 0, .25) } [data-slick-modal-nav] .slick-btn.is--prev { -webkit-transform: translate(-180%, -50%); transform: translate(-180%, -50%) } [data-slick-modal-nav] .slick-btn.is--next { -webkit-transform: translate(180%, -50%); transform: translate(180%, -50%) } } .slick-dots { position: absolute; z-index: 5; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; width: 100%; bottom: 63px } .slick-dots li { position: relative; margin-left: 8px; margin-right: 8px; padding: 0 } .slick-dots li button { outline: 0; background: 0 0; text-decoration: none; border: 0; padding: 0; font-size: 0; line-height: 0; display: block; width: 12px; height: 12px; background: #fff; border-radius: 50%; border: 1px solid #3cb6a8; -webkit-transition: all .35s ease; transition: all .35s ease } .slick-dots li.slick-active button { background: #3cb6a8 } .slick-arrow.slick-hidden { display: none } .hr__section { color: #18181a } .hr__section h1, .hr__section h2, .hr__section h3, .hr__section h4, .hr__section h5, .hr__section h6, .hr__section p { margin: 0 } .hr__section img { display: block; max-width: 100%; height: auto } .hr__section.is--nav { display: none; background-color: rgba(255, 255, 255, .9); border-bottom: 1px solid #f0f0f0; position: fixed; top: 0; left: 0; right: 0; z-index: 29; opacity: 0; -webkit-transition: all .35s ease; transition: all .35s ease } @media (min-width: 768px) { .hr__section.is--nav { display: block } } .hr__section.is--nav.is--visible { opacity: 1 } .hr__section.is--header { position: relative; overflow: hidden; padding-bottom: 40px } @media (min-width: 992px) { .hr__section.is--header { padding-bottom: 0 } } .hr__section.is--year { background-color: #f7f7f7; text-align: center } .hr__section.is--team { overflow: hidden; padding-bottom: 48px } @media (min-width: 992px) { .hr__section.is--team { padding-bottom: 0 } } .hr__section.is--history { margin-top: -48px } @media (min-width: 992px) { .hr__section.is--history { margin-top: 0 } } .hr__section.is--numbers { position: relative; background-color: #3cb6a8; color: #fff; overflow: hidden } .hr__section.is--form { background-color: #f2f2f2 } .hr__section [data-slick-team] .slick-btn { width: 60px; height: 60px; background: 0 0; position: absolute; top: initial; bottom: 25px; -webkit-transform: translate(0); transform: translate(0); background-color: #fff; border-radius: 50% } .hr__section [data-slick-team] .slick-btn::before { content: ''; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; background-position: center } .hr__section [data-slick-team] .slick-btn.is--prev { left: 6.2vw } .hr__section [data-slick-team] .slick-btn.is--prev::before { background-repeat: no-repeat; background-size: 11px 20px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7 19.7a1 1 0 01-1.4 0l-9-9a1 1 0 010-1.4l9-9a1 1 0 111.4 1.4L2.4 10l8.3 8.3c.4.4.4 1 0 1.4z' fill='%233cb6a8'/%3E%3C/svg%3E"); background-size: 12px auto } .hr__section [data-slick-team] .slick-btn.is--next { right: 8.2vw } .hr__section [data-slick-team] .slick-btn.is--next::before { background-repeat: no-repeat; background-size: 11px 20px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.3.3a1 1 0 011.4 0l9 9c.4.4.4 1 0 1.4l-9 9a1 1 0 01-1.4-1.4L8.6 10 .3 1.7A1 1 0 01.3.3z' fill='%233cb6a8'/%3E%3C/svg%3E"); background-size: 12px auto } .hr__section [data-slick-team] .slick-btn:hover { background-color: #3cb6a8 } .hr__section [data-slick-team] .slick-btn:hover.is--prev::before { background-repeat: no-repeat; background-size: 11px 20px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7 19.7a1 1 0 01-1.4 0l-9-9a1 1 0 010-1.4l9-9a1 1 0 111.4 1.4L2.4 10l8.3 8.3c.4.4.4 1 0 1.4z' fill='%23fff'/%3E%3C/svg%3E"); background-size: 12px auto } .hr__section [data-slick-team] .slick-btn:hover.is--next::before { background-repeat: no-repeat; background-size: 11px 20px; background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.3.3a1 1 0 011.4 0l9 9c.4.4.4 1 0 1.4l-9 9a1 1 0 01-1.4-1.4L8.6 10 .3 1.7A1 1 0 01.3.3z' fill='%23fff'/%3E%3C/svg%3E"); background-size: 12px auto } .hr__section [data-slick-history] { margin-left: -15px; padding-left: 10px } @media (min-width: 768px) { .hr__section [data-slick-history] { margin: 0; padding: 0 } } .hr__section .slick-dotted .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; position: static; gap: 10px; margin: 20px 0 0; padding: 0; list-style: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .hr__section .slick-dotted .slick-dots li { width: 10px; height: 10px; margin: 0 } .hr__section .slick-dotted .slick-dots li button { display: block; font-size: 0; line-height: 0; outline: 0; border: 0; padding: 0; background-color: #f7f7f7; -webkit-transition: all .35s ease; transition: all .35s ease; width: 10px; height: 10px; margin: 0 !important } .hr__section .slick-dotted .slick-dots li button::before { display: none !important } .hr__section .slick-dotted .slick-dots li.slick-active button { background-color: #3cb6a8 } .hr__container { -webkit-box-sizing: border-box; box-sizing: border-box } .hr__container.is--nav { max-width: 1210px } .hr__container.is--holding { padding-top: 35px; padding-bottom: 45px } @media (min-width: 992px) { .hr__container.is--holding { padding-top: 150px; padding-bottom: 150px } } .hr__container.is--year { padding-top: 75px; padding-bottom: 73px } @media (min-width: 1200px) { .hr__container.is--year { padding-top: 80px } } .hr__container.is--team { max-width: 100%; padding-left: 0; padding-right: 0 } .hr__container.is--history { max-width: 1285px; padding-bottom: 30px } @media (min-width: 1200px) { .hr__container.is--history { padding-top: 95px; padding-bottom: 115px } } .hr__container.is--numbers { position: relative; z-index: 2; padding-top: 45px; padding-bottom: 50px } @media (min-width: 1200px) { .hr__container.is--numbers { padding-top: 100px; padding-bottom: 100px } } .hr__container.is--geo { padding-top: 50px; padding-bottom: 60px } @media (min-width: 1200px) { .hr__container.is--geo { padding-top: 100px; padding-bottom: 100px } } .hr__container.is--vacancies { padding-top: 60px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px } .hr__container.is--vacancies > div{ margin: 0 auto; } @media (min-width: 1200px) { .hr__container.is--vacancies { padding-top: 100px; padding-bottom: 100px; padding-left: 15px; padding-right: 15px } } .hr__container.is--form { padding-top: 50px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px } @media (min-width: 1200px) { .hr__container.is--form { padding-top: 95px; padding-bottom: 100px; padding-left: 15px; padding-right: 15px } } .hr__container.is--vacancies > div{ margin: 0 auto; } .hr__nav { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 20px; margin: 0; padding: 0 } .hr__nav li a { text-decoration: none; color: #595959; -webkit-transition: all .35s ease; transition: all .35s ease; display: block; font-weight: 700; padding: 25px 0; font-size: 9px; line-height: 120%; text-transform: uppercase } .hr__nav li a.is--active, .hr__nav li a:hover { color: #00a69d } @media (min-width: 575px) { .hr__nav li a { padding: 20px 0; text-transform: none; font-size: 16px; line-height: 125% } } .hr__bg.is--numbers { position: absolute; z-index: 1; width: 1233px; height: 278px; -webkit-transform: rotate(90deg); transform: rotate(90deg); max-width: initial; top: 482px; left: -546px } @media (min-width: 575px) { .hr__bg.is--numbers { -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1808px; height: 410px; top: 85px; left: 51% } } .hr__group.is--header { position: relative; z-index: 2; background-color: #3cb6a8; margin-top: -35px; padding: 30px 15px; text-align: center } @media (min-width: 575px) { .hr__group.is--header { display: none } } .hr__group.is--vacancies { max-width: 1030px; margin: 0 auto } .hr__row.is--holding { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1200px; position: relative; margin-left: 5px; margin-right: 5px; gap: 15px } .hr__row.is--holding::before { content: ''; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1px; background: -webkit-gradient(linear, right top, left top, from(rgba(0, 166, 157, 0)), color-stop(50%, #3cb6a8), to(rgba(0, 166, 157, 0))); background: linear-gradient(to left, rgba(0, 166, 157, 0) 0, #3cb6a8 50%, rgba(0, 166, 157, 0) 100%) } .hr__row.is--holding::after { content: ''; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; width: 1px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 166, 157, 0)), color-stop(50%, #3cb6a8), to(rgba(0, 166, 157, 0))); background: linear-gradient(to top, rgba(0, 166, 157, 0) 0, #3cb6a8 50%, rgba(0, 166, 157, 0) 100%) } .hr__row.is--holding > * { -webkit-box-flex: 1; -ms-flex: 1 0 calc(50% - 15px); flex: 1 0 calc(50% - 15px) } .hr__row.is--holding > :nth-child(1) a, .hr__row.is--holding > :nth-child(2) a { padding-top: 27px; padding-bottom: 10px } .hr__row.is--holding > :nth-child(1) a, .hr__row.is--holding > :nth-child(3) a { padding-left: 35px } .hr__row.is--holding > :nth-child(3) a, .hr__row.is--holding > :nth-child(4) a { padding-top: 15px; padding-bottom: 27px } .hr__row.is--holding > :nth-child(2) a, .hr__row.is--holding > :nth-child(4) a { padding-left: 18px } .hr__row.is--holding > :nth-child(1) a { padding-right: 29px } .hr__row.is--holding > :nth-child(2) a { padding-right: 30px } .hr__row.is--holding > :nth-child(3) a { padding-right: 30px } .hr__row.is--holding > :nth-child(4) a { padding-right: 37px } @media (min-width: 1200px) { .hr__row.is--holding { margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .hr__row.is--holding::after, .hr__row.is--holding::before { display: none } .hr__row.is--holding > * { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1 0 calc(25% - 15px); flex: 1 0 calc(25% - 15px); position: relative } .hr__row.is--holding > :not(:last-of-type)::after { content: ''; position: absolute; top: 0; bottom: 0; right: -7px; width: 1px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 166, 157, 0)), to(#3cb6a8)); background: linear-gradient(to bottom, rgba(0, 166, 157, 0) 0, #3cb6a8 100%) } .hr__row.is--holding > * a { padding: 0 !important } } .hr__row.is--team { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .hr__row.is--team > * { max-width: 100% } .hr__row.is--team > :nth-child(2) { padding: 30px 0 20px } @media (min-width: 1200px) { .hr__row.is--team > :nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1 1 42%; flex: 1 1 42%; max-width: 42% } .hr__row.is--team > :nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 58%; flex: 1 1 58%; max-width: 58%; padding: 0 } } .hr__row.is--history { padding-top: 45px } @media (min-width: 768px) { .hr__row.is--history { display: grid; grid-gap: 10px 20px; grid-template-columns: repeat(3, 1fr); padding-top: 0 } } .hr__row.is--numbers { display: grid; grid-gap: 27px; grid-template-columns: 100%; max-width: 820px; margin: 0 auto } @media (min-width: 575px) { .hr__row.is--numbers { grid-template-columns: 1fr 1fr } } @media (min-width: 768px) { .hr__row.is--numbers { grid-template-columns: 1fr 1fr 1fr; grid-gap: 52px 30px } } @media (min-width: 768px) { .hr__row.is--adv { display: grid; grid-template-columns: repeat(2, 1fr) } .hr__row.is--adv > .hr__card .hr__name { margin: 0 auto; max-width: 250px } .hr__row.is--adv > .hr__card:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .hr__row.is--adv > .hr__card:nth-child(2) .hr__name { margin: 0 auto; max-width: 200px } .hr__row.is--adv > .hr__card:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; color: #fff; background-color: #00a69d } .hr__row.is--adv > .hr__card:nth-child(3) .hr__name { margin: 0 auto; max-width: 200px } .hr__row.is--adv > .hr__card:nth-child(7) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; color: #fff; background-color: #00a69d } .hr__row.is--adv > .hr__card:nth-child(6) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .hr__row.is--adv > .hr__card:nth-child(6) .hr__name { margin: 0 auto; max-width: 240px } .hr__row.is--adv > .hr__card:nth-child(8) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .hr__row.is--adv > .hr__card:nth-child(1) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; color: #fff; background-color: #3cb6a8 } .hr__row.is--adv > .hr__card:nth-child(5) { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; color: #fff; background-color: #3cb6a8 } .hr__row.is--adv > .hr__card:nth-child(4) { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } } @media (min-width: 992px) { .hr__row.is--adv { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(16, 50px) } .hr__row.is--adv > .hr__card { grid-row: span 7 } .hr__row.is--adv > .hr__card:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .hr__row.is--adv > .hr__card:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; grid-row: span 9 } .hr__row.is--adv > .hr__card:nth-child(6) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .hr__row.is--adv > .hr__card:nth-child(7) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; grid-row: span 9 } .hr__row.is--adv > .hr__card:nth-child(1) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; grid-row: span 9 } .hr__row.is--adv > .hr__card:nth-child(4) { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .hr__row.is--adv > .hr__card:nth-child(5) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; grid-row: span 9 } .hr__row.is--adv > .hr__card:nth-child(8) { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } } .hr__form.is--form { max-width: 400px; margin: 0 auto } .hr__form.is--form .hr__btn { width: 100% } .hr__input { width: 100%; background-color: #fff; border: 2px solid #cecece; border-radius: 6px; color: #18181a; -webkit-transition: all .35s ease; transition: all .35s ease; font-weight: 500; height: 50px; padding: 10px 20px; font-size: 16px; line-height: 24px } .hr__input::-moz-placeholder { color: #18181a; opacity: .3 } .hr__input::-webkit-input-placeholder { color: #18181a; opacity: .3 } .hr__input:focus { border-color: #3cb6a8; outline: 0 } @media (min-width: 1200px) { .hr__input { border-radius: 12px } } .hr__file-input { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); top: 0 } .hr__file-area { font-weight: 500; font-size: 16px; line-height: 24px; color: #18181a; min-height: 50px; padding: 15px 30px; background-repeat: no-repeat; background-size: 12px 24px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 24c-3.3 0-6-2.5-6-5.5v-12c0-.5.4-1 1-1s1 .5 1 1v12c0 2 1.8 3.7 4 3.7s4-1.7 4-3.7V4.2c0-1.3-1.1-2.4-2.5-2.4S5 2.8 5 4.2v14.3c0 .5.4.9 1 .9s1-.4 1-1v-12c0-.4.4-.9 1-.9s1 .5 1 1v12c0 1.5-1.3 2.7-3 2.7S3 20 3 18.5V4.2C3 1.9 5 0 7.5 0S12 1.9 12 4.2v14.3c0 3-2.7 5.5-6 5.5z' fill='%233CB6A8'/%3E%3C/svg%3E"); background-position: 0 14px } @media (min-width: 1200px) { .hr__file-area { padding: 10px 30px; background-position: 0 9px } } .hr__file-remove { white-space: nowrap; margin-left: auto; padding-left: 10px; font-size: 12px; line-height: 14px; color: #3cb6a8 } .hr__agreement { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(24, 24, 26, .5); font-weight: 500; font-size: 12px; line-height: 16px } .hr__agreement a { color: inherit } @media (min-width: 1200px) { .hr__agreement { font-size: 14px; line-height: 18px } } .hr__agreement-input { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0) } .hr__agreement-icon { position: relative; min-width: 15px; width: 15px; height: 15px; background-color: #fff; margin-right: 10px; -webkit-transition: all .35s ease; transition: all .35s ease } .hr__agreement-icon::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; -webkit-transition: all .35s ease; transition: all .35s ease; background-repeat: no-repeat; background-position: 50% } .hr__agreement-input:checked + .hr__agreement-icon::after { background-color: #3cb6a8; background-image: url(//www.scarlett.ru//local/templates/rs.scarlett/assets/img/checked.png) } .hr__card.is--holding a { display: block } .hr__card.is--holding a img { margin: 0 auto } .hr__card.is--history { position: relative; width: 320px; margin: 40px 5px 0; padding: 0 15px 12px; border-radius: 12px; background: -webkit-gradient(linear, left top, left bottom, from(#3cb6a8), to(rgba(60, 182, 168, 0))); background: linear-gradient(to bottom, #3cb6a8 0, rgba(60, 182, 168, 0) 100%) } .hr__card.is--history > * { position: relative; z-index: 2 } .hr__card.is--history::before { content: ''; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; background-color: #fff; border-radius: 12px } @media (min-width: 768px) { .hr__card.is--history { width: initial; padding: 0 30px 35px; margin: 40px 0 0 } } .hr__card.is--numbers { text-align: center; font-weight: 500; font-size: 16px; line-height: 24px } .hr__card.is--adv { background-color: #f2f2f2; font-size: 18px; line-height: 22px; font-weight: 500; color: #18181a; text-align: center; padding: 30px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width: 767.98px) { .hr__card.is--adv:nth-child(4n+1) { color: #fff; background-color: #3cb6a8 } .hr__card.is--adv:nth-child(4n+3) { color: #fff; background-color: #00a69d } } @media (min-width: 768px) { .hr__card.is--adv { font-size: 24px; line-height: 36px } } .hr__card.is--vacancies { -webkit-transition: all .35s ease; transition: all .35s ease; margin-bottom: 10px; background: #fff; padding: 2px; border-radius: 6px; background-color: #f2f2f2 } .hr__card.is--vacancies:last-child { margin-bottom: 0 } @media (min-width: 992px) { .hr__card.is--vacancies { border-radius: 12px } } .hr__card.is--vacancies.is--active { background: -webkit-gradient(linear, left top, left bottom, from(#3fb7a9), to(rgba(63, 183, 169, 0))); background: linear-gradient(to bottom, #3fb7a9 0, rgba(63, 183, 169, 0) 100%) } .hr__card.is--form { display: block; position: relative; font-weight: 400; margin-bottom: 20px } .hr__card.is--form.is--file { margin-bottom: 15px } .hr__card.is--form:last-child { margin-bottom: 0 } .hr__img { display: block } .hr__img.is--header img { width: 100% } .hr__img.is--holding { margin: 0 auto; max-width: 690px } .hr__img.is--team { position: relative; margin: 0 5px; width: 92vw } .hr__img.is--team img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center } .hr__img.is--team::before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(196, 196, 196, .8); -webkit-transition: all .35s ease; transition: all .35s ease } .hr__img.is--team.slick-current::before { background-color: rgba(196, 196, 196, 0) } @media (min-width: 1200px) { .hr__img.is--team { width: 675px } } .hr__img.is--history { border: 1px solid #3cb6a8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 75px; height: 75px; border-radius: 50%; margin: -37px auto 12px; background-color: #fff } @media (min-width: 768px) { .hr__img.is--history { margin-bottom: 27px } } .hr__img.is--geo { margin: 0 auto; overflow: auto; max-width: 1020px; padding-bottom: 6px } .hr__img.is--geo::-webkit-scrollbar-track { background-color: #fff } .hr__img.is--geo::-webkit-scrollbar { width: 4px; height: 4px; background-color: #fff } .hr__img.is--geo::-webkit-scrollbar-thumb { background-color: #3cb6a8; border-radius: 0 } @media (min-width: 1200px) { .hr__img.is--geo { padding-bottom: 0 } } .hr__img.is--geo img { max-width: 1020px; width: 100%; min-width: 737px; display: block } .hr__img.is--adv { margin-bottom: 20px } .hr__img.is--adv img { margin: 0 auto } .hr__heading.is--header { position: relative; z-index: 2; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 24px; line-height: 30px } .hr__heading.is--history { font-size: 32px; line-height: 55px; text-align: center; font-weight: 600; margin-bottom: 8px } .hr__heading.is--numbers { text-align: center; font-weight: 600; font-size: 24px; line-height: 30px; margin-bottom: 30px; color: #fff } @media (min-width: 992px) { .hr__heading.is--numbers { font-size: 32px; line-height: 39px; margin-bottom: 50px } } .hr__heading.is--geo { text-align: center; font-weight: 700; font-size: 24px; line-height: 30px; margin-bottom: 20px } @media (min-width: 992px) { .hr__heading.is--geo { font-size: 32px; line-height: 39px } } .hr__heading.is--vacancies { text-align: center; font-weight: 600; font-size: 24px; line-height: 32px; margin-bottom: 30px } @media (min-width: 992px) { .hr__heading.is--vacancies { font-size: 32px; line-height: 39px; margin-bottom: 33px } } .hr__heading.is--form { text-align: center; font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 30px } @media (min-width: 992px) { .hr__heading.is--form { font-size: 32px; line-height: 39px; margin-bottom: 33px } } .hr__name.is--numbers { font-size: 24px; line-height: 32px; text-transform: uppercase; font-weight: 600; margin-bottom: 5px } .hr__name.is--numbers small { font-size: 16px; line-height: 24px; opacity: .5; font-weight: 700 } @media (min-width: 992px) { .hr__name.is--numbers { font-size: 32px; line-height: 39px; margin-bottom: 15px } .hr__name.is--numbers small { font-size: 18px; line-height: 24px } } .hr__name.is--vacancies.is--collapse { display: block; background-color: #f2f2f2; text-decoration: none; font-weight: 500; background-position: calc(100% - 20px) 20px; padding: 17px; -webkit-transition: all .35s ease; transition: all .35s ease; border-radius: 6px } .hr__name.is--vacancies.is--collapse[aria-expanded=true] { border-radius: 6px 6px 0 0; background-color: #fff; color: #18181a; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 10H0v3.7h24V10z' fill='%233cb6a8'/%3E%3C/svg%3E") } @media (min-width: 992px) { .hr__name.is--vacancies.is--collapse { border-radius: 12px; padding: 55px 75px 50px; background-position: calc(100% - 75px) 53px; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9 10.1H24V14H13.9V24H10V13.9H0V10h10.1V0H14v10.1z' fill='%233cb6a8'/%3E%3C/svg%3E") } .hr__name.is--vacancies.is--collapse[aria-expanded=true] { border-radius: 12px 12px 0 0; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 10H0v3.7h24V10z' fill='%233cb6a8'/%3E%3C/svg%3E"); padding: 55px 75px 30px } } .hr__name.is--vacancies.is--name { font-size: 18px; line-height: 23px; padding-right: 30px; font-weight: 500 } @media (min-width: 992px) { .hr__name.is--vacancies.is--name { font-size: 24px; line-height: 30px } } .hr__name.is--vacancies.is--cost { font-size: 16px; line-height: 24px; font-weight: 700; -webkit-transition: all .35s ease; transition: all .35s ease; color: #3cb6a8 } @media (min-width: 992px) { .hr__name.is--vacancies.is--cost { font-size: 18px; line-height: 30px } } [aria-expanded=true] .hr__name.is--vacancies.is--cost { color: #3cb6a8 } .hr__name.is--vacancies.is--addr { font-size: 16px; line-height: 24px; margin-top: 15px } .hr__note.is--holding { text-align: center; font-size: 14px; line-height: 20px; color: #18181a; /*margin-top: -50px;*/ margin-bottom: 25px } @media (min-width: 1200px) { .hr__note.is--holding { /*margin-top: -120px;*/ margin-bottom: 50px; font-size: 16px; line-height: 24px } } .hr__note.is--year { color: #18181a; font-size: 18px; line-height: 30px } .hr__note.is--year h2 { color: #3cb6a8; font-weight: 700; font-size: 32px; line-height: 39px; text-transform: uppercase; margin-bottom: 20px } .hr__note.is--year h2 span { font-size: 225% } @media (min-width: 1200px) { .hr__note.is--year { font-size: 24px; line-height: 30px } .hr__note.is--year h2 { margin-bottom: 8px; line-height: 54px } .hr__note.is--year h2 span { font-size: 200% } } .hr__note.is--team { position: relative; font-weight: 400; background-color: #3cb6a8; color: #fff; font-size: 16px; line-height: 24px; padding: 50px 30px } .hr__note.is--team .is--hidden-xs { display: none } .hr__note.is--team.is--visible-xs { padding-bottom: 0 } .hr__note.is--team * { position: relative; z-index: 2 } .hr__note.is--team * + .hr__btn { margin-top: 50px } @media (min-width: 1200px) { .hr__note.is--team { padding-top: 75px; padding-bottom: 75px; padding-left: 6.9vw; padding-right: 5.7vw; font-size: 16px; line-height: 24px } .hr__note.is--team p { margin-bottom: 25px } .hr__note.is--team * + .hr__btn { max-width: 400px } .hr__note.is--team .is--hidden-xs { display: block; padding: 0; position: static } .hr__note.is--team.is--visible-xs { display: none } } .hr__note.is--history { font-size: 16px; line-height: 24px; text-align: center; font-weight: 500 } .hr__note.is--vacancies { font-weight: 400; font-size: 16px; line-height: 24px; padding: 10px 20px 20px; background-color: #fff; border-radius: 0 0 6px 6px } @media (min-width: 992px) { .hr__note.is--vacancies { border-radius: 0 0 12px 12px; padding: 0 75px 42px } } .hr__note.is--vacancies b, .hr__note.is--vacancies h1, .hr__note.is--vacancies h2, .hr__note.is--vacancies h3, .hr__note.is--vacancies h4, .hr__note.is--vacancies h5, .hr__note.is--vacancies h6 { font-size: initial; line-height: initial; font-weight: 700; margin-bottom: 12px } .hr__note.is--vacancies * + h1, .hr__note.is--vacancies * + h2, .hr__note.is--vacancies * + h3, .hr__note.is--vacancies * + h4, .hr__note.is--vacancies * + h5, .hr__note.is--vacancies * + h6 { padding-top: 33px } .hr__note.is--vacancies * + .hr__btn { margin-top: 20px } .hr__note.is--vacancies .hr__btn { width: 100%; max-width: 400px } @media (min-width: 992px) { .hr__note.is--vacancies * + .hr__btn { margin-top: 40px } } .hr__btn { border: 0; display: block; font-weight: 600; text-decoration: none; text-align: center; font-size: 18px; line-height: 26px; padding: 18px 40px; background-color: #3cb6a8; color: #fff; border-radius: 6px; -webkit-box-shadow: 0 12.5216px 10.0172px rgba(0, 0, 0, .035), 0 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0 2.76726px 2.21381px rgba(0, 0, 0, .0196802); box-shadow: 0 12.5216px 10.0172px rgba(0, 0, 0, .035), 0 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0 2.76726px 2.21381px rgba(0, 0, 0, .0196802); -webkit-transition: all .35s ease; transition: all .35s ease } .hr__btn:hover { -webkit-box-shadow: 0 12.5216px 10.0172px rgba(0, 0, 0, .035), 0 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0 2.76726px 2.21381px rgba(0, 0, 0, .1); box-shadow: 0 12.5216px 10.0172px rgba(0, 0, 0, .035), 0 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0 2.76726px 2.21381px rgba(0, 0, 0, .1) } @media (min-width: 992px) { .hr__btn { border-radius: 12px; display: inline-block; -webkit-box-shadow: 0 100px 80px rgba(0, 0, 0, .07), 0 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0 12.5216px 10.0172px rgba(0, 0, 0, .035), 0 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0 2.76726px 2.21381px rgba(0, 0, 0, .0196802); box-shadow: 0 100px 80px rgba(0, 0, 0, .07), 0 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0 12.5216px 10.0172px rgba(0, 0, 0, .035), 0 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0 2.76726px 2.21381px rgba(0, 0, 0, .0196802) } .hr__btn:hover { -webkit-box-shadow: 0 100px 80px rgba(0, 0, 0, .07), 0 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0 12.5216px 10.0172px rgba(0, 0, 0, .035), 0 6.6501px 5.32008px rgba(0, 0, 0, .1), 0 2.76726px 2.21381px rgba(0, 0, 0, .2); box-shadow: 0 100px 80px rgba(0, 0, 0, .07), 0 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0 12.5216px 10.0172px rgba(0, 0, 0, .035), 0 6.6501px 5.32008px rgba(0, 0, 0, .1), 0 2.76726px 2.21381px rgba(0, 0, 0, .2) } } .hr__btn.is--white, .hr__btn.is--white:hover, .hr__btn.is--whitefocus { background-color: #fff; color: #3cb6a8 } .hr__btn.is--header { position: relative; z-index: 2; margin-left: -15px; margin-right: -15px } @media (min-width: 1200px) { .hr__btn.is--header { margin: 0 } } .hr__btn.is--team { display: block; margin-top: 50px; margin-left: -40px; margin-right: -40px; padding-left: 20px; padding-right: 20px } @media (min-width: 1200px) { .hr__btn.is--team { margin: 0 } } .formError { z-index: 990; position: absolute; bottom: -2px !important; top: initial !important; left: 0 !important; display: block; cursor: pointer; text-align: left; margin-top: 0 !important; -webkit-transform: translateY(100%); transform: translateY(100%) } .hr__card.is--file .formError { bottom: 5px !important } .formError + .hr__input { border-color: #db4c4c !important } .formError ~ .hr__file-area { color: #db4c4c !important; background-repeat: no-repeat; background-size: 12px 24px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 24c-3.3 0-6-2.5-6-5.5v-12c0-.5.4-1 1-1s1 .5 1 1v12c0 2 1.8 3.7 4 3.7s4-1.7 4-3.7V4.2c0-1.3-1.1-2.4-2.5-2.4S5 2.8 5 4.2v14.3c0 .5.4.9 1 .9s1-.4 1-1v-12c0-.4.4-.9 1-.9s1 .5 1 1v12c0 1.5-1.3 2.7-3 2.7S3 20 3 18.5V4.2C3 1.9 5 0 7.5 0S12 1.9 12 4.2v14.3c0 3-2.7 5.5-6 5.5z' fill='%23db4c4c'/%3E%3C/svg%3E") } .formError .formErrorContent { z-index: 991; position: relative; width: 100%; min-width: 120px; font-size: 10px; line-height: 12px; padding-top: 0; color: #db4c4c } .formError .formErrorContent br { display: none } @media (min-width: 768px) { .formError .formErrorContent { font-size: 12px; line-height: 14px } } .ui-dialog .formError { z-index: 5000 } .ui-dialog .formError .formErrorContent { z-index: 5001 } .ui-dialog .formError .formErrorArrow { z-index: 5006 } .inputContainer { position: relative; float: left } .ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none } @media(max-width: 480px){ .flex__cols.is--search{ padding-left: 0; } } .swiper-build { overflow: hidden; } .swiper-build .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; } @media (min-width: 575.98px) { [data-swiper-categories] .swiper-wrapper { justify-content: center; } } .swiper-build .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; height: 100%; width: 100%; } * { min-width: 0; } .section__grid.swiper-build.is--page-index-catalog > * { height: auto !important; } .section__grid.swiper-build.is--page-index-catalog > .swiper-wrapper { height: 250px !important; } .swiper-build.swiper-container-multirow-column > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-build.swiper-container-autoheight .swiper-slide { height: auto; } .swiper-build.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .card__item { position: relative; } .card__play-btn { position: absolute; top: 50%; pointer-events: none; left: 50%; z-index: 4; transform: translate(-50%, -50%); width: 60px; height: 60px; background: #fff; border-radius: 50%; -webkit-transition: all .35s ease; transition: all .35s ease } .card__video-preview { -webkit-transition: all .35s ease; transition: all .35s ease; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; position: absolute; } .card__video-preview img { width: 100%; height: 100%; object-fit: cover; } .card__play-btn img { width: 60px; height: 60px; } .card__item.active iframe { position: relative; z-index: 5; } .card__item.active .card__video-preview .card__item.active .card__play-btn { opacity: 0; visibility: hidden; } .card__item:hover .card__play-btn { transform: translate(-50%, -50%) scale(1.2); } .grid__base-wrapper { position: relative; } .grid__button-prev, .grid__button-next { position: absolute; top: 50%; transform: translate(0, -50%); width: 26px; height: 26px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; box-shadow: 0 4px 24px rgba(0, 0, 0, .25); z-index: 3; background: #fff url("data:image/svg+xml,%3Csvg width='11' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7 19.7a1 1 0 01-1.4 0l-9-9a1 1 0 010-1.4l9-9a1 1 0 111.4 1.4L2.4 10l8.3 8.3c.4.4.4 1 0 1.4z' fill='%233CB6A8'/%3E%3C/svg%3E") center center / 6px auto no-repeat; } .grid__button-prev { left: -13px; } .grid__button-next { right: -13px; transform: translate(0, -50%) rotate(180deg); } .grid__button-prev.swiper-disabled, .grid__button-next.swiper-disabled { opacity: 0.5; } .grid__button-prev.swiper-button-lock, .grid__button-next.swiper-button-lock { opacity: 0; visibility: hidden; } .grid__base-wrapper .grid__button-prev, .grid__base-wrapper .grid__button-next { display: none !important; } .grid__base-wrapper.slider .grid__button-prev, .grid__base-wrapper.slider .grid__button-next { display: inline-flex !important; } .card__item.is--catalog-card-banner-v2{ width: 100%; position: relative; } .card__item.is--catalog-card-banner-v2 a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .catalog-card-banner-left{ position: relative; } .catalog-card-banner-left:before{ content: ""; display: block; padding-top: 75%; } .catalog-card-banner-left img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; margin-top: 0; margin-bottom: 0; } .catalog-card-banner-right{ position: relative; background-color: #3cb6a8; } .catalog-card-banner-right:before{ content: ""; display: block; padding-top: 75%; } .catalog-card-banner-right img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: contain; } /*=====================*/ body.lock { overflow: hidden; } header { position: relative; } .base-menu ul, .base-menu li { padding: 0; margin: 0; border: 0; } .base-menu { z-index: 999; border-top: 3px solid #3cb6a8; position: absolute; max-width: 1328px; bottom: -10px; left: 50%; width: 100%; font-family: montserrat-500; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .base-menu.active { opacity: 1; visibility: visible; bottom: 0; } .base-menu__prev { position: absolute; top: 55%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); left: 0; width: 30px; height: 30px; } .base-menu__prev svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); width: 23px; height: 23px; fill: #fff; } .base-menu__icon svg { margin-right: 0 !important; } .base-menu__link { min-height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: montserrat-500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding-left: 13px; padding-right: 13px; font-weight: 300; } .base-menu__link svg { width: 29px; height: 29px; fill: #fff; margin-right: 6px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .base-menu__link img { width: 25px; height: 25px; object-fit: contain; margin-right: 6px; } .base-menu__link span { font-size: 18px; line-height: 22px; font-weight: 300; color: #ffffff; font-family: montserrat-500; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .base-menu__link { text-decoration: inherit; /* no underline */ } .categories-base-menu.active { display: block !important; } .base-menu__body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .house-base-menu { background: rgba(56, 58, 60, 0.85); } .house-base-menu__main { /*display: -webkit-box;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ height: 100%; width: 100%; } .house-base-menu__slides { overflow: hidden !important; position: relative; z-index: 1; } .house-base-menu__column_small .slick-btn{ z-index: 2; } @media (min-width: 767.98px) { .house-base-menu__image img { max-height: 500px; object-fit: cover !important; width: 100% !important; } /*.house-base-menu__main {*/ /* margin: 0 -10px;*/ /*}*/ /*.house-base-menu__column {*/ /* padding: 0 10px;*/ /*}*/ } .house-base-menu__column_big .house-base-menu__block { height: 100%; } .house-base-menu__column_big .house-base-menu__block img { height: 100%; } .house-base-menu__block { margin-bottom: 12px; display: block; } .house-base-menu__block span { font-size: 14px; font-weight: 300; color: #ffffff; font-family: montserrat-500; } .house-base-menu__image { margin-bottom: 5px; } .base-menu ul li { list-style: none; } @media (max-width: 767.98px) { .house-base-menu__image img { width: 100%; -o-object-position: left top; object-position: left top; border-radius: 7px; } } @media (min-width: 767.98px) { .house-base-menu__image img { height: 207px; -o-object-fit: contain; object-fit: contain; } } .categories-base-menu__body { width: 100%; } .categories-base-menu__banner a { overflow: hidden; border-radius: 8px; } .categories-base-menu__banner img { width: 100%; height: auto; } .categories-base-menu__banner a div{ border-radius: 5px; overflow: hidden; } @media (min-width: 767.98px) { .categories-base-menu__banner a { min-height: 740px; display: flex; flex-direction: column; } .categories-base-menu__banner img { flex: 0 1 50%; height: 50%; } } @media (max-width: 767.98px) { .categories-base-menu__banner img { width: 100%; height: auto; } .categories-base-menu__banner img:first-child { display: none; } } .categories-base-menu__main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background: rgba(56, 58, 60, 0.85); } .categories-base-menu__title { line-height: 120%; font-size: 20px; font-weight: 700; color: #fff; font-family: montserrat-500; } .categories-base-menu__item { margin-bottom: 14px; } .categories-base-menu__item:last-child { margin: 0; } .categories-base-menu__link { font-size: 16px; color: #fff; font-family: montserrat-500; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-weight: 300; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 120%; } .categories-base-menu__link::before { margin-right: 3px; content: "•"; } @media (min-width: 620.98px) { .house-base-menu__main { padding: 10px 10px 10px 30px; } } @media (min-width: 768.98px) { .base-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } .base-menu__top { display: none; } .base-menu__nav { -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; padding: 0; background: rgba(56, 58, 60, 0.9); } .base-menu__icon { display: none; } .base-menu__link.active { background: #515356; } .base-menu__link.active svg { fill: #3cb6a8; } .categories-base-menu__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; } .categories-base-menu__main { padding: 20px; } .categories-base-menu__column { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 0 10px; display: flex; flex-wrap: wrap; } .categories-base-menu__block { margin-bottom: 40px; width: 50%; } .categories-base-menu__block:last-child { margin: 0; } .categories-base-menu__title { margin-bottom: 20px; } .categories-base-menu__title svg { display: none; } [data-base-menu-content] { display: none; } [data-base-menu-content].active { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 1150.98px) { .base-menu__nav { -webkit-box-flex: 0; -ms-flex: 0 0 280px; flex: 0 0 280px; width: 100%; } .house-base-menu__main { padding: 20px 20px 20px 38px; } .house-base-menu__column { -webkit-box-flex: 0; -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; } .house-base-menu__column_big { -webkit-box-flex: 0; -ms-flex: 0 1 66.666%; flex: 0 1 66.666%; } .house-base-menu__column_big .house-base-menu__image { height: calc(100% - 32px); } .house-base-menu__column_big .house-base-menu__image:last-child { margin: 0; } .house-base-menu__block:last-child { margin: 0; } .categories-base-menu__body { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .categories-base-menu__banner { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; padding: 20px; background: rgba(56, 58, 60, 0.85); } .categories-base-menu__banner_adaptive { display: none; } } @media (min-width: 767.98px) { .house-base-menu__image img { object-fit: contain; object-position: left top; } } @media (max-width: 767.98px) { .house-base-menu__image img { width: 100% !important; height: auto !important; max-width: 100% !important; } } @media (max-width: 1150.98px) { .base-menu__link span { font-size: 15px; font-weight: 600; font-family: montserrat-500; } .house-base-menu__main { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .house-base-menu__column_big .house-base-menu__image img { max-width: 439px; height: 340px; } .house-base-menu__image img { max-width: 300px; height: 155px; object-position: left; } .categories-base-menu__banner img { max-width: 280px; height: 263px; } .categories-base-menu__banner { text-align: center; padding: 20px; background: rgba(56, 58, 60, 0.85); } .categories-base-menu__banner_adaptive { display: block; } } @media (max-width: 768.98px) { .container { padding-right: 15px; padding-left: 15px; } .categories-base-menu__banner_adaptive { margin-bottom: 30px; } .base-menu { display: block; } .base-menu { background: rgba(56, 58, 60, 0.95); overflow: auto; overflow-x: hidden; height: 100%; min-height: calc(100vh - 95px); } .base-menu__top { display: none; background: rgba(88, 90, 93, 0.85); min-height: 70px; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 3px 3px; margin: 0 13px; position: relative; } .base-menu__top::before { content: ""; position: absolute; top: 0; left: -13px; width: 13px; height: 100%; background: rgba(56, 58, 60, 0.95); } .base-menu__top::after { content: ""; position: absolute; top: 0; right: -13px; width: 13px; height: 100%; background: rgba(56, 58, 60, 0.95); } .base-menu__top span { padding: 0 25px; font-size: 20px; line-height: 25px; font-weight: 600; color: #ffffff; font-family: montserrat-500; } .base-menu__top.visible { display: -webkit-box; display: -ms-flexbox; display: flex; } .base-menu__nav { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .base-menu__nav.hidden { display: none; } .base-menu__list { padding: 0 13px 80px !important; } .base-menu__link { min-height: 70px; border-bottom: 2px solid #636569; } .base-menu__link span { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-right: 8px; font-family: montserrat-500; } .base-menu__house { padding: 15px 13px 80px; } .categories-base-menu__main { padding: 0 13px 20px; } .categories-base-menu__title { min-height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #636569; font-family: montserrat-500; } .categories-base-menu__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .categories-base-menu__title svg { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 23px; height: 23px; margin-left: 5px; fill: #fff; } .categories-base-menu__title.active svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .categories-base-menu__item:first-child { padding-top: 20px; } .categories-base-menu__item:last-child { padding-bottom: 20px; } [data-base-menu-content] { display: none; } [data-base-menu-content].visible { display: -webkit-box; display: -ms-flexbox; display: flex; } } .house-base-menu__column_small { position: relative; } .section__grid { display: grid !important; } .house-base-menu__column_small .slick-btn.is--next { top: calc(50% - 20px) !important; right: 10px; } .house-base-menu__column_small .slick-btn.is--prev { top: calc(50% - 20px) !important; left: 10px; } .house-base-menu__column_small .slick-btn.swiper-button-disabled { display: none !important; } @media (any-hover: hover) { .base-menu__link:hover { background: #515356; } .base-menu__link:hover svg { fill: #3cb6a8; } .categories-base-menu__link:hover { font-weight: 600; color: #fff; } } @media (min-width: 991.98px) { .base-menu.active { min-height: 790px !important; } [data-base-menu-content].active { min-height: 790px !important; } } .card__models__label{ font-size: .85em; margin-bottom: 5px; } .card__models{ display: flex; flex-wrap: wrap; margin: 0 0 40px; } .card__model{ border-radius: 8px; margin-right: 6px; margin-bottom: 6px; height: 40px; line-height: 40px; padding: 0 15px; display: block; border: 1px solid #3cb6a8; } .card__model:hover{ color: #3cb6a8; } .card__model.active{ background-color: #3cb6a8; color: #fff!important; } header { position: fixed; top: 0; left: 0; z-index: 1049; width: 100%; background: #fff; } /*main { padding-top: 108px; } @media (max-width: 1200.98px) { main { padding-top: 97px; } } @media (max-width: 878.98px) { main { padding-top: 117.9px; } } @media (max-width: 767.98px) { main { padding-top: 97px; } }*/ @media (min-width: 991.98px) { .base-menu__link svg { margin-right: 11px !important; } } .cook { position: fixed; z-index: 50; bottom: 0; left: 0; right: 0; background-color: #f7f7f7; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; padding-top: 10px; padding-bottom: 7.5px; -webkit-transform: translateY(100%); transform: translateY(100%); } .cook.active { -webkit-transform: translateY(0); transform: translateY(0); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3); } @media (min-width: 768px) { .cook { padding-bottom: 10px; } } @media (min-width: 1200px) { .cook .link__default-xs { margin-right: -1.2vw; } } .cook__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } @media (min-width: 1024px) { .cook__container { text-align: left; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 767.98px) { .cook__container > *:nth-child(2), .cook__container > *:nth-child(3) { margin: 5px 7.5px 2.5px; } } @media (min-width: 768px) { .cook__container { gap: 5px 15px; } } .cook__text { font-size: 14px; line-height: 140%; color: #000; } @media (min-width: 1200px) { .cook__text { margin-right: 20px; } } .cook__btns{ align-items: center; display: flex; } .cook__btns .btn__item { color: #fff!important; margin-right: 15px; } .cook__btns .link{ font-size: 14px; color: #000; } @media (min-width: 991.98px) { .house-base-menu__column:first-child { max-height: calc(100vh - 100px); overflow-y: auto; overflow-x: hidden; } } .house-base-menu__column_small .slick-btn { z-index: 999 !important; } @media (max-width: 991.98px) { .categories-base-menu__banner img { object-fit: contain; } } .content_search_list__body { overflow: hidden; } .content_search_list { margin-bottom: 24px; position: relative; } .content_search_list .slick-btn { width: 40px; height: 40px; background-size: 8px 13px; } @media (max-width: 991.98px) { .content_search_list .slick-btn { width: 30px; height: 30px; } } .content_search_list .swiper-button-disabled { display: none !important; } @media (min-width: 991.98px) { .content_search_list .slick-btn.is--prev { transform: translate(-70%, -50%); } .content_search_list .slick-btn.is--next { transform: translate(70%, -50%); } } .compare__row { overflow: visible; } .compare__list { position: relative; } .compare_container{ overflow: auto; } @media (min-width: 991.98px) { /*.compare__row .swiper-wrapper { transform: none !important; flex-wrap: wrap; overflow: visible !important; }*/ .compare__row__item { width: 157px !important; } .compare__list .slick-btn { display: none !important; } } .compare__list .swiper-button-disabled { display: none !important; } @media (max-width: 991.98px) { .compare__block__header { position: static !important; } .compare__row__item { /*white-space: nowrap; overflow: auto;*/ overflow-y: hidden; } .compare__controls { overflow: auto; overflow-y: hidden; white-space: nowrap; } .compare__controls__label { flex: 0 0 auto; white-space: nowrap; } .compare__controls__btn { flex: 0 0 auto; white-space: nowrap; margin-left: 20px; } } .compare__row__item__delete { z-index: 5; } .card__item.is--catalog-card .card__smart__logo{ display: block; /*margin-bottom: 16px;*/ text-align: left; margin-top: 2px; -webkit-transition-delay: 60ms; transition-delay: 60ms; -webkit-transition: 375ms cubic-bezier(.7, 0, .3, 1); transition: 375ms cubic-bezier(.7, 0, .3, 1); } .card__item.is--catalog-card.is--new .card__smart__logo{ color: #fff; } .card__item.is--catalog-card.is_smart .product-item__base-rating { transform: scale(0); } .card__item.is--catalog-card .card__smart__logo span{ display: inline-block; font-size: 14px; font-family: 'Yandex Sans Text'; font-weight: 400; line-height: 14px; position: relative; padding: 6px 13px 6px 13px; margin-left: 14px; } .card__item.is--catalog-card .card__smart__logo { transform: translate(0, -26px); } /*.swiper-slide .card__smart__logo { transform: translate(0, 0) !important; }*/ /*.card__item.is--catalog-card .card__smart__logo span:before{ content: 'Работает с Алисой'; }*/ .card__item.is--catalog-card .card__smart__logo img{ /*height: 14px;*/ /*width: auto;*/ /*position: absolute;*/ /*top: 4px;*/ /*right: 9px;*/ height: 20px; width: auto; position: absolute; top: 2px; transform: translate(-100%, 0); left: 3px; pointer-events: none; } .card__item.is--catalog-card:hover .product-item__base-rating { transform: scale(1); } /*.card__item.is--catalog-card:hover .card__smart__logo{*/ /* -webkit-transition: all .35s, -webkit-transform .5s cubic-bezier(.7, 0, .3, 1);*/ /* transition: all .35s, -webkit-transform .5s cubic-bezier(.7, 0, .3, 1);*/ /* transition: all .35s, transform .5s cubic-bezier(.7, 0, .3, 1);*/ /* transition: all .35s, transform .5s cubic-bezier(.7, 0, .3, 1), -webkit-transform .5s cubic-bezier(.7, 0, .3, 1);*/ /* -webkit-transition-delay: 0;*/ /* transition-delay: 0;*/ /* color: #fff;*/ /* -webkit-transform: translate(0, -30px);*/ /* transform: translate(0, -30px)*/ /*}*/ /*.card__item.is--catalog-card:hover .sber-salute {*/ /* -webkit-transition: all .35s, -webkit-transform .5s cubic-bezier(.7, 0, .3, 1);*/ /* transition: all .35s, -webkit-transform .5s cubic-bezier(.7, 0, .3, 1);*/ /* transition: all .35s, transform .5s cubic-bezier(.7, 0, .3, 1);*/ /* transition: all .35s, transform .5s cubic-bezier(.7, 0, .3, 1), -webkit-transform .5s cubic-bezier(.7, 0, .3, 1);*/ /* -webkit-transition-delay: 0;*/ /* transition-delay: 0;*/ /* opacity: 0;*/ /* -webkit-transform: translate(0, -30px);*/ /* transform: translate(0, -30px)*/ /*}*/ .product__smart__logo{ position: absolute; z-index: 2; bottom: 0; right: 0; border-radius: 4px; color: #fff; font-size: .889rem; line-height: 100%; height: 45px; } @media (min-width: 767.98px) { .product__smart__logo { top: 0 !important; bottom: auto !important; } } /*.card__label ~ .product__smart__logo{ top: 45px; }*/ @media (max-width: 768.98px) { .product__smart__logo{ top: auto!important; bottom: 25px!important; right: 0 !important; left: auto !important; } } @media (max-width: 520.98px) { .base-stars__item { margin-bottom: 1px; } } @media (min-width: 520.98px) { .base-stars { display: flex; align-items: center; } } .card__item.is--catalog-card:hover .base-stars { transform: translate(0, -38px); transition: all .35s, transform .5s cubic-bezier(.7, 0, .3, 1), -webkit-transform .5s cubic-bezier(.7, 0, .3, 1); } .card__item.is--catalog-card .base-stars { -webkit-transition-delay: 60ms; transition-delay: 60ms; -webkit-transition: 375ms cubic-bezier(.7, 0, .3, 1); transition: 375ms cubic-bezier(.7, 0, .3, 1); } .card__item.is--catalog-card .base-stars__value { -webkit-transition-delay: 60ms; transition-delay: 60ms; -webkit-transition: 375ms cubic-bezier(.7, 0, .3, 1); transition: 375ms cubic-bezier(.7, 0, .3, 1); } .card__item.is--catalog-card:hover .base-stars__value { color: #fff; } .base-stars__item .empty-stars::before { content: "\2605\2605\2605\2605\2605"; font-size: 24px; } .base-stars__item { position: relative; vertical-align: middle; display: inline-block; color: #C3BFC7; overflow: hidden; } .base-stars__item .full-stars::before { content: "\2605\2605\2605\2605\2605"; position: absolute; left: 0; top: 0; white-space: nowrap; overflow: hidden; color: #F6C65C; font-size: 24px; width: 100%; } .base-stars__item .full-stars { position: absolute; top: 0; left: 0; } .base-stars__value { font-size: 12px; white-space: nowrap; line-height: 1; margin-top: 2px; } /*.base-stars__item {*/ /* flex: 0 0 auto;*/ /* font-size: 22px;*/ /* margin-right: 5px;*/ /* letter-spacing: -0.04em;*/ /* text-transform: uppercase;*/ /* background: linear-gradient(90deg, #F6C65C calc(100% - 30%), #C3BFC7 calc(100% - 30%));*/ /* -webkit-background-clip: text;*/ /* -webkit-text-fill-color: transparent;*/ /* display: table;*/ /*}*/ .base-stars__item:last-child { margin-right: 0; } .base-stars__value { font-size: 14px; } .card__group.is--catalog-card.is-smart { display: flex; flex-direction: column; } .card__base-stars { } .base-stars__item { width: 100px; height: 26px; } .base-stars__item { margin-right: 5px; } .card__smart__logo { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: flex-end; } .card__smart__logo span { border-radius: 4px !important; } /*.card__smart__logo {*/ /* transform: translate(0, 100%);*/ /*}*/ /*.card__smart__logo {*/ /* transition: none !important;*/ /*}*/ .card__item.is--catalog-card:hover .card__smart__logo { opacity: 0; visibility: hidden; } /*.card__item.is--catalog-card:hover .btn__item {*/ /* display: flex !important;*/ /*}*/ /*.card__item.is--catalog-card .btn__item {*/ /* display: none !important;*/ /*}*/ .card__group.is--catalog-card { transform: translate(0, 0); /*transform: translate(0, 30px);*/ } .card__item .card__group.is--catalog-card.is-smart { transform: translate(0px, 30px); } .card__item.is--catalog-card .card__group.is--catalog-card.is-smart .btn__item { transition: .4s cubic-bezier(.7, 0, .3, 1) !important; } .card__item.is--catalog-card:hover .card__group.is--catalog-card.is-smart .btn__item { transform: translate(0px, -63px) !important; } .base-stars { height: 26px !important; } .base-product-comment__base-stars .full-stars::before { top: 2px; } .card__home-intellect.is--catalog-card img { height: 38px; } .card__home-intellect.is--catalog-card { position: absolute; right: 20px; top: 240px; z-index: 4; } .card__home-intellect.is--catalog-slider img { height: 70px; } .card__home-intellect.is--catalog-slider { position: absolute; right: 20px; bottom: 0; z-index: 4; } .card__item.is--catalog-card:hover .sber-salute { opacity: 0; visibility: hidden; } @media (max-width: 991.98px) { .card__home-intellect.is--catalog-slider img { height: 50px; } .card__home-intellect.is--catalog-slider { position: relative; top: 0 !important; left: 0 !important; right: auto !important; bottom: auto !important; } .card__label.is--catalog-item { top: 28px; } } @media (max-width: 767.98px) { .card__item.is--catalog-card .base-stars__value { font-size: 12px !important; } .card__element-base-stars { display: flex; align-items: center; } .card__element-base-stars .base-stars__value { font-size: 14px !important; } } @media (min-width: 767.98px) and (max-width: 991.98px) { .card__home-intellect.is--catalog-slider { left: 90px !important; } } .card__item.is--catalog-card .base-stars { display: flex; align-items: center; } .section__container.is--page-index-new .slick-btn.swiper-button-disabled { opacity: .5; cursor: not-allowed; } .vs-likeit-action{ white-space: nowrap; } .card__home-intellect.is--catalog-slider img { height: 70px; } .card__home-intellect.is--catalog-slider { position: absolute; right: 0; top: auto; bottom: 0; z-index: 4; } @media (max-width: 767.98px) { .card__home-intellect.is--catalog-slider img { height: 50px; } } .product__smart__logo_b { top: 40px !important; right: 0 !important; bottom: auto !important; left: auto !important; } .product__smart__logo_b + .product__smart__logo_b{ top: 101px!important; } .product__smart__logo_b span{ position: relative; color: #18181a; width: 133px; height: 51px; display: block; font-size: 14px; padding: 11px 0 0 14px; font-family: 'Yandex Sans Text'; font-weight: 500; } .product__smart__logo_b img{ position: absolute; top: 0; left: 0; width: 133px; height: 51px; z-index: -1; } @media (max-width: 991.98px) { .product__smart__logo_b { bottom: 10px !important; right: 0 !important; top: auto !important; left: auto !important; } .product__smart__logo_b + .product__smart__logo_b{ bottom: 61px!important; top: auto!important; } .product__smart__logo_b span{ width: 106px; font-size: 11px; padding: 13px 0 0 11px; line-height: 1.25; } } .card__home-intellect img { height: 38px; } .card__home-intellect { position: absolute; right: 20px; top: 240px; z-index: 4; /*width: 68px;*/ } .is--catalog--price-container{ background: #f7f7f7; padding: 25px 30px; /*margin-bottom: 43px;*/ border-radius: 8px; } .is--catalog--price-container .card__btn.is--catalog-item.is--bay{ margin-bottom: 0; } .is--catalog--price{ font-size: 24px; margin-bottom: 14px; font-weight: 500; } .is--catalog--price .ui-hint{ display: inline-block; width: 24px; height: 24px; transition: opacity .3s; opacity: 1; text-align: center; cursor: pointer; line-height: 26px; } .is--catalog--price .ui-hint .ui-hint-icon{ display: inline-block; margin: 0; width: 24px; height: 24px; background-image: none; background-repeat: no-repeat; border: 3px solid #3cb6a8; border-radius: 50%; vertical-align: middle; background-color: #fff; position: relative; } .is--catalog--price .ui-hint .ui-hint-icon:before{ content: "i"; /* line-height: 31px; */ font-size: 13px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 900; } .base-set-product { display: flex; flex-direction: column; align-items: center; } .base-set-product__image { height: 290px; width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .base-set-product__image img { max-width: 215px; max-height: 215px; transition: all 0.4s ease 0s; } .base-set-product__image:hover img { transform: scale(1.1); } .base-set-product__image img { object-fit: contain; width: 100%; height: 100%; object-position: center; } .base-set-product__title { text-align: center; } .base-set-product__title a { color: #45B5A7; font-weight: 500; margin-bottom: 20px; transition: all 0.3s ease 0s; } @media (any-hover: hover) { .base-set-product__title:hover a { color: #00C4B3; } } .base-set-product__text { color: #636569; margin-bottom: 25px; line-height: 17px; font-size: 16px; text-align: center; flex: 1 1 auto; min-height: 34px; } .base-set-product__text:last-child { margin-bottom: 0 !important; } .base-set-product__btn { max-width: 217px; width: 100%; min-height: 47px; background: #00C4B3; padding-top: 0 !important; padding-bottom: 0 !important; } .description-base-set__title { margin-bottom: 38px; color: #000; font-size: 30px; font-weight: 600; text-align: center; } .description-base-set__text { font-size: 18px; color: #636569; line-height: 22px; text-align: center; font-weight: 500; margin-bottom: 15px; max-width: 1224px; margin-left: auto; margin-right: auto; } .description-base-set { margin-bottom: 55px; } .advantages-base-set__buttons .tabs__link.active { border-bottom-color: #45B5A7; color: #45B5A7; } .advantages-base-set { background: #F7F7F7; padding: 45px; } .content-advantages-base-set__image { height: 406px; } .content-advantages-base-set__image img { border-radius: 10px; height: 100%; width: 100%; object-position: center; object-fit: cover; } .content-advantages-base-set__main { display: flex; flex-direction: column; align-items: flex-start; } .advantages-base-set__title { text-align: center; margin-bottom: 44px; } .content-advantages-base-set__title { line-height: calc(32 / 26 * 100%); font-weight: 400; margin-bottom: 30px; } .content-advantages-base-set__text { font-weight: 500; line-height: calc(22 / 18 * 100%); color: #646363; margin-bottom: 30px; flex: 1 1 auto; } @media (min-width: 767.98px) { .content-advantages-base-set__main { flex: 0 1 50%; padding-left: 60px; } .content-advantages-base-set__image { flex: 0 1 50%; } .content-advantages-base-set__body { display: flex; } .advantages-base-set__buttons .nav { justify-content: space-between; align-items: center; } } @media (max-width: 767.98px) { .advantages-base-set { padding: 40px 15px; } .description-base-set__text { font-size: 16px; } .content-advantages-base-set__image { height: 240px; display: block; margin-bottom: 25px; } .content-advantages-base-set__text { font-size: 16px; margin-bottom: 20px; } .content-advantages-base-set__title { font-size: 1.167rem; line-height: 133%; color: #18181a; margin-bottom: 10px; } } .description-base-set__main { position: relative; } .description-base-set__main .slick-btn.swiper-button-disabled { opacity: .5; cursor: not-allowed; } @media (min-width: 991.98px) { .description-base-set__items .swiper-wrapper { transform: none !important; justify-content: center; } .description-base-set__main .slick-btn { display: none !important; } } .description-base-set { margin-top: 39px; } .description-base-set__bottom { display: flex !important; justify-content: center; margin-top: 38px; } .description-base-set__btn { height: 61px !important; padding-top: 0 !important; padding-bottom: 0 !important; min-width: 280px !important; background: #00C4B3; } @media (max-width: 1200.98px) { .base-set-product__btn { max-width: 150px !important; } } .content_search_list__body { width: 100%; } .sber-salute { display: inline-flex; align-items: center; transform: translate(0, -26px); } /*.swiper-slide .sber-salute { transform: translate(0, 0) !important; }*/ .sber-salute img { width: 16px; height: 16px; margin-right: 12px; object-fit: contain; } .sber-salute span { font-family: 'SBSansDisplay-Regular'; color: #5CBF8C; font-weight: 400; font-size: 14px; line-height: 1; } .card__item.is_smart_sber .card__group.is--catalog-card.is-smart { transform: translate(0, 25px) !important; } .card__item.is_smart_yandex .card__group.is--catalog-card.is-smart { transform: translate(0, 25px) !important; } .card__item.is_smart_sber.is_smart_yandex .card__group.is--catalog-card.is-smart { transform: translate(0, 41px) !important; } .card__item:hover .card__group.is--catalog-card { transform: translate(0, 15px) !important; } .card__item.is--catalog-card:hover .card__group .btn__item { transform: translate(0, -28px) !important; } .card__item.is_smart_yandex:hover .card__group.is--catalog-card.is-smart, .card__item.is_smart_sber:hover .card__group.is--catalog-card.is-smart { transform: translate(0, 50px) !important; } .section__container.is--page-index-new .section__base-slider .swiper-wrapper { justify-content: center; } .section__container.is--page-index-new.container .section__base-slider .swiper-wrapper { justify-content: stretch; } .is--page-index-slider .slick-slide:not(.slick-current) .card__preview { transition: none !important; transform: translateY(20px) !important; opacity: 0 !important; } .card__item.is--index-slider[aria-hidden=false] .card__preview { transition-delay: .5s !important; } .main-user-consent-request-popup{ z-index: 10000!important; } body:not(.init-js) .tab-content>.tab-pane { display: block!important; } /* End */ /* Start:/local/templates/timberk.v2/assets/css/fancybox.css?175546507515599*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/templates/timberk.v2/assets/css/rating.css?1755465075799*/ .base-rating-product-item.short-mode{ margin-bottom: 15px; } .card__item.is--catalog-card.is--new .base-rating-product-item.short-mode{ color: #fff; } .rating-product-card__item .empty-stars:before, .rating-product-card__item .full-stars:before { content:"\2605\2605\2605\2605\2605"; font-size: 24px; } .rating-product-card__item .short-stars:before{ content:"\2605"; font-size: 24px; color: #07afa1; } .card__item.is--catalog-card .short-mode .base-rating-product-item__text{ font-size: 14px; margin-left: 10px; text-transform: lowercase; } .card__item.is--catalog-card:hover .short-mode .base-rating-product-item__text{ color: #fff; } .card__item.is--catalog-card .base-rating-product-item.short-mode{ margin-bottom: 0; } /* End */ /* Start:/local/templates/.default/components/bitrix/sender.subscribe/.default/style.css?17554650754845*/ .bx-subscribe { } .bx-subscribe div.bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-subscribe-desc { color: #aaa; font-size: 12px; position: relative; margin-top: -5px; margin-bottom: 3px; } .bx-subscribe .bx-input-group .bx-form-control { position: relative; margin-bottom: 15px; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #F8FAFC; border: 1px solid #D5DADC; border-radius: 2px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-ios .bx-subscribe .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } /*.btn-subscribe { cursor: pointer; text-align: center; background: #70bb18; border: none; color: #fff; font-size: 13px; position: relative; text-transform: uppercase; border-radius: 2px; line-height: 30px; height: 40px; padding: 5px 60px 5px 20px; vertical-align: middle; outline: none; -webkit-transition: width 5s linear; -moz-transition: width 5s linear; -ms-transition: width 5s linear; -o-transition: width 5s linear; transition: width 5s linear; } .btn-subscribe:hover { background: #7ec629; } .btn-subscribe:before { content: " "; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; background-color: #5b9f0b; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYyNDcxQTFERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYyNDcxQTJERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjI0NzE5RkRGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjI0NzFBMERGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plv+rHwAAADiSURBVHjajNK9asJQFMDxG42KUqFx9kEcRO1UcBCHjh3q3NXHcBEcdHQQPxY7+AaS0a1v0UEhSlu/rv+jhxIlBQ/84OTmnHuSmzjW2qExpoK9ekDcXMcRAVw1d2hckjxqwQxTJJXEDj+ooa5rK+neoocMnvGB7s3EVxQwwhdeDBMDvEPylr3EBB6yGOhaGzE0cJ5o4enOTSzQgY8D8nhDX2ty0hPTCxt6LDmsMtb6fk+hpr9a10THJ4pw8BtVII0ydRNxb/vPplLrSGNKT/Pb3BdVpOU7jklKSNzZKD+JfxJgAAV0YSAU8mZTAAAAAElFTkSuQmCC"); background-position: 50%; background-repeat: no-repeat; border-radius: 0 2px 2px 0; } .btn-subscribe span { display: block; } .btn-subscribe.send { padding: 5px 40px; -webkit-animation-name: MeilSend; animation-name: MeilSend; -webkit-animation-duration: .5s; animation-duration: .5s; outline: none; color: #fff; } .btn-subscribe:hover, .btn-subscribe:active{color: #fff;} .btn-subscribe.send:before { width: 0; background-position: 100px 50%; -webkit-animation-name: MeilSendButton; animation-name: MeilSendButton; -webkit-animation-duration: .5s; animation-duration: .5s; }*/ @keyframes MeilSend {0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}} @-webkit-keyframes MeilSend {0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}} @keyframes MeilSendSpan {0%{color:transparent;}100%{color:#fff;}} @-webkit-keyframes MeilSendSpan {0%{color:transparent;}100%{color:#fff;}} @keyframes MeilSendButton {0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}} @-webkit-keyframes MeilSendButton {0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}} .bx_subscribe_response_container { padding: 40px; color: #35414E; } .bx_subscribe_checkbox_container { line-height: 1.625; font-size: 12px; margin-top: 5px; vertical-align: middle; color: #aaa; } .bx-sender-subscribe-agreement .main-user-consent-request a { font-weight: 100; font: 11px/10px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; } .main-user-consent-request-popup{ z-index: 10000; } /* End */ /* Start:/local/templates/.default/components/bitrix/main.userconsent.request/.default/user_consent.css?17554650754354*/ .main-user-consent-request a { cursor: pointer; } .main-user-consent-request-popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.5); overflow: hidden; z-index: 9000; } .main-user-consent-request-popup-cont { min-height: 290px; position: absolute; top: 50%; left: 50%; margin: 0 auto; padding: 20px; min-width: 320px; width: 100%; max-width: 600px; background: #fff; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; } .main-user-consent-request-popup-header { margin: 0 0 10px 0; font: normal 18px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #000; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 260px; } .main-user-consent-request-popup-textarea-block { margin: 0 0 20px 0; } .main-user-consent-request-popup-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-user-consent-request-popup-button { display: inline-block; height: 39px; margin: 0 10px 5px 0; padding: 0 18px; border: none; border-radius: 2px; font: normal 12px/39px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); color: #535c69; outline: none; vertical-align: middle; text-decoration: none; text-transform: uppercase; text-shadow: none; white-space: nowrap; -webkit-font-smoothing: antialiased; -webkit-transition: background-color 0.2s linear, color 0.2s linear; transition: background-color 0.2s linear, color 0.2s linear; cursor: pointer; } .main-user-consent-request-popup-button-acc { background: #bbed21; } .main-user-consent-request-popup-button-acc:hover { background: #d2f95f; } .main-user-consent-request-popup-button-rej { -webkit-box-shadow: inset 0 0 0 1px #a1a6ac; box-shadow: inset 0 0 0 1px #a1a6ac; background: none; } .main-user-consent-request-popup-button-rej:hover { background: #cfd4d8; } .main-user-consent-request-popup-text { border: 1px solid #999; overflow: auto; padding: 8px; text-align: left; color: rgb(84, 84, 84); } .main-user-consent-request-popup-link { height: 130px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .main-user-consent-request-popup-link a { display: block; margin: 20px 0 0 0; text-overflow: ellipsis; overflow: hidden; max-width: 260px; } /** LOADER **/ .main-user-consent-request-loader { position: relative; height: 100px; width: 100px; margin: 0 auto; -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .main-user-consent-request-path { stroke: #80868e; stroke-dasharray: 100, 200; } .main-user-consent-request-loader:before { content: ''; display: block; padding-top: 100%; } .main-user-consent-request-circular { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: inherit; width: inherit; -webkit-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite; -webkit-transform-origin: center center; transform-origin: center center; } .main-user-consent-request-path { stroke: #ccc; stroke-dasharray: 60, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; } .main-user-consent-request-announce{ color: #333; font-size:13px; line-height: 15px; } .main-user-consent-request-announce-link{ cursor: pointer; } @keyframes rotate { 100% { transform: rotate(360deg); } } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); } } @media (min-width: 1000px) { .main-user-consent-request-popup-cont { min-height: 400px; min-width: 640px; } .main-user-consent-request-popup-header { max-width: 590px; } .main-user-consent-request-popup-text, .main-user-consent-request-popup-link { height: 240px; } .main-user-consent-request-popup-link a { max-width: 200px; } } @media (max-width: 768px) { .main-user-consent-request-popup-cont { height: 100%; } } /* End */ /* Start:/local/templates/timberk.v2/template_styles.css?17554650762337*/ .bx-authform input.btn.btn-primary[type=submit]{ background-color: #3cb6a8; border: none; outline: none; } .card__item.is--block-banner{ position: relative; } .card__item.is--block-banner > a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .navbar__aside-cols.is--right .is--shop { display: none; } @media (min-width: 768px){ .navbar__aside-cols.is--right .is--shop { display: block; } } @media (max-width: 768px){ .product__characteristic .row > div:first-of-type { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product__characteristic .row > div.content__col{ text-align: left!important; } } .bx-filter-popup-result{ top: auto!important; } .scale__image .card__preview.is--catalog-banner img{ object-fit: contain; } @media(min-width: 575px){ .section__grid.is--page-index-catalog > .is--col3 { grid-column: span 3; } } .card__insurance__inner{ display: flex; align-items: center; margin-top: -15px; margin-bottom: 25px; position: relative; } .card__insurance__inner img{ width: 35px; } .card__insurance__inner span{ font-weight: 900; margin-left: 15px; text-transform: uppercase; } .card__insurance__inner a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .card__heading.is--catalog-item{ display: block; } .page-header__heading.is--h1.is--page-catalog-card{ display: block; } @media (min-width: 767.98px) { .categories-base-menu { height: 100%; } } /*@media (min-width: 575px){ .section__grid.is--page-index-catalog { grid-template-columns: 1fr 1fr!important; } }*/ .content_search_list{ display: flex; flex-wrap: wrap; align-items: stretch; } .content_search_item{ width: 200px; padding: 15px; position: relative; border-radius: 8px; background-color: #f7f7f7; margin-right: 15px; margin-bottom: 15px; border: 1px solid #f7f7f7; box-sizing: border-box; } .content_search_item:hover{ border: 1px solid #3cb6a8; } .content_search_item_name{ font-size: 16px; } .content_search_item a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* End */ /* /local/templates/timberk.v2/assets/css/jqui.min.css?176644074430561 */ /* /local/templates/timberk.v2/assets/css/magnify.min.css?1766440778966 */ /* /local/templates/timberk.v2/assets/css/magnific-popup.min.css?17664408165076 */ /* /local/templates/timberk.v2/assets/css/style.css?175546507595789 */ /* /local/templates/timberk.v2/assets/css/response.css?175563464613457 */ /* /local/templates/timberk.v2/assets/css/style_new.css?1783422116201225 */ /* /local/templates/timberk.v2/assets/css/fancybox.css?175546507515599 */ /* /local/templates/timberk.v2/assets/css/rating.css?1755465075799 */ /* /local/templates/.default/components/bitrix/sender.subscribe/.default/style.css?17554650754845 */ /* /local/templates/.default/components/bitrix/main.userconsent.request/.default/user_consent.css?17554650754354 */ /* /local/templates/timberk.v2/template_styles.css?17554650762337 */