/* Start:/local/templates/main/styles/OverlayScrollbars.min.css?174350831120009*/ /*! * OverlayScrollbars * https://github.com/KingSora/OverlayScrollbars * * Version: 1.13.0 * * Copyright KingSora | Rene Haas. * https://github.com/KingSora * * Released under the MIT license. * Date: 02.08.2020 */ html.os-html,html.os-html>.os-host{display:block;overflow:hidden;box-sizing:border-box;height:100%!important;width:100%!important;min-width:100%!important;min-height:100%!important;margin:0!important;position:absolute!important}html.os-html>.os-host>.os-padding{position:absolute}body.os-dragging,body.os-dragging *{cursor:default}.os-host,.os-host-textarea{position:relative;overflow:visible!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.os-host-flexbox{overflow:hidden!important;display:-webkit-box;display:-ms-flexbox;display:flex}.os-host-flexbox>.os-size-auto-observer{height:inherit!important}.os-host-flexbox>.os-content-glue{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.os-host-flexbox>.os-size-auto-observer,.os-host-flexbox>.os-content-glue{min-height:0;min-width:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:auto;flex-basis:auto}#os-dummy-scrollbar-size{position:fixed;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';visibility:hidden;overflow:scroll;height:500px;width:500px}#os-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}#os-dummy-scrollbar-size:before,#os-dummy-scrollbar-size:after,.os-content:before,.os-content:after{content:'';display:table;width:.01px;height:.01px;line-height:0;font-size:0;flex-grow:0;flex-shrink:0;visibility:hidden}#os-dummy-scrollbar-size,.os-viewport{-ms-overflow-style:scrollbar!important}.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,.os-viewport-native-scrollbars-invisible.os-viewport{scrollbar-width:none!important}.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner{display:none!important;width:0!important;height:0!important;visibility:hidden!important;background:0 0!important}.os-content-glue{box-sizing:inherit;max-height:100%;max-width:100%;width:100%;pointer-events:none}.os-padding{box-sizing:inherit;direction:inherit;position:absolute;overflow:visible;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.os-host-overflow>.os-padding{overflow:hidden}.os-viewport{direction:inherit!important;box-sizing:inherit!important;resize:none!important;outline:0!important;position:absolute;overflow:hidden;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.os-content-arrange{position:absolute;z-index:-1;min-height:1px;min-width:1px;pointer-events:none}.os-content{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:100%;height:100%;width:100%;visibility:visible}.os-content>.os-textarea{box-sizing:border-box!important;direction:inherit!important;background:0 0!important;outline:0 transparent!important;overflow:hidden!important;position:absolute!important;display:block!important;top:0!important;left:0!important;margin:0!important;border-radius:0!important;float:none!important;-webkit-filter:none!important;filter:none!important;border:0!important;resize:none!important;-webkit-transform:none!important;transform:none!important;max-width:none!important;max-height:none!important;box-shadow:none!important;-webkit-perspective:none!important;perspective:none!important;opacity:1!important;z-index:1!important;clip:auto!important;vertical-align:baseline!important;padding:0}.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea{right:0!important}.os-content>.os-textarea-cover{z-index:-1;pointer-events:none}.os-content>.os-textarea[wrap=off]{white-space:pre!important;margin:0!important}.os-text-inherit{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;text-transform:inherit;text-decoration:inherit;text-indent:inherit;text-align:inherit;text-shadow:inherit;text-overflow:inherit;letter-spacing:inherit;word-spacing:inherit;line-height:inherit;unicode-bidi:inherit;direction:inherit;color:inherit;cursor:text}.os-resize-observer,.os-resize-observer-host{box-sizing:inherit;display:block;visibility:hidden;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.os-resize-observer-host{padding:inherit;border:inherit;border-color:transparent;border-style:solid;box-sizing:border-box}.os-resize-observer-host.observed{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.os-resize-observer-host>.os-resize-observer,.os-resize-observer-host.observed>.os-resize-observer{height:200%;width:200%;padding:inherit;border:inherit;margin:0;display:block;box-sizing:content-box}.os-resize-observer-host.observed>.os-resize-observer,.os-resize-observer-host.observed>.os-resize-observer:before{display:flex;position:relative;flex-grow:1;flex-shrink:0;flex-basis:auto;box-sizing:border-box}.os-resize-observer-host.observed>.os-resize-observer:before{content:'';box-sizing:content-box;padding:inherit;border:inherit;margin:0}.os-size-auto-observer{box-sizing:inherit!important;height:100%;width:inherit;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;-webkit-box-flex:inherit;-ms-flex-positive:inherit;flex-grow:inherit;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0}.os-size-auto-observer>.os-resize-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}.os-resize-observer-item{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1;opacity:0;direction:ltr!important;-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important}.os-resize-observer-item-final{position:absolute;left:0;top:0;-webkit-transition:none!important;transition:none!important;-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important}.os-resize-observer{-webkit-animation-duration:.001s;animation-duration:.001s;-webkit-animation-name:os-resize-observer-dummy-animation;animation-name:os-resize-observer-dummy-animation}object.os-resize-observer{box-sizing:border-box!important}@-webkit-keyframes os-resize-observer-dummy-animation{0%{z-index:0}to{z-index:-1}}@keyframes os-resize-observer-dummy-animation{0%{z-index:0}to{z-index:-1}}.os-host-transition>.os-scrollbar,.os-host-transition>.os-scrollbar-corner{-webkit-transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s}html.os-html>.os-host>.os-scrollbar{position:absolute;z-index:999999}.os-scrollbar,.os-scrollbar-corner{position:absolute;opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';z-index:1}.os-scrollbar-corner{bottom:0;right:0}.os-scrollbar{pointer-events:none}.os-scrollbar-track{pointer-events:auto;position:relative;height:100%;width:100%;padding:0!important;border:0!important}.os-scrollbar-handle{pointer-events:auto;position:absolute;width:100%;height:100%}.os-scrollbar-handle-off,.os-scrollbar-track-off{pointer-events:none}.os-scrollbar.os-scrollbar-unusable,.os-scrollbar.os-scrollbar-unusable *{pointer-events:none!important}.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-host-rtl>.os-scrollbar-horizontal{right:0}.os-host-rtl>.os-scrollbar-vertical{right:auto;left:0}.os-host-rtl>.os-scrollbar-corner{right:auto;left:0}.os-scrollbar-auto-hidden,.os-padding+.os-scrollbar-corner,.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner{opacity:0;visibility:hidden;pointer-events:none}.os-scrollbar-corner-resize-both{cursor:nwse-resize}.os-host-rtl>.os-scrollbar-corner-resize-both{cursor:nesw-resize}.os-scrollbar-corner-resize-horizontal{cursor:ew-resize}.os-scrollbar-corner-resize-vertical{cursor:ns-resize}.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize{cursor:default}.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical{top:0;bottom:0}.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal{right:0;left:0}.os-scrollbar:hover,.os-scrollbar-corner.os-scrollbar-corner-resize{opacity:1!important;visibility:visible!important}.os-scrollbar-corner.os-scrollbar-corner-resize{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);background-repeat:no-repeat;background-position:100% 100%;pointer-events:auto!important}.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.os-host-overflow{overflow:hidden!important}.os-theme-none>.os-scrollbar-horizontal,.os-theme-none>.os-scrollbar-vertical,.os-theme-none>.os-scrollbar-corner{display:none!important}.os-theme-none>.os-scrollbar-corner-resize{display:block!important;min-width:10px;min-height:10px}.os-theme-dark>.os-scrollbar-horizontal,.os-theme-light>.os-scrollbar-horizontal{right:10px;height:10px}.os-theme-dark>.os-scrollbar-vertical,.os-theme-light>.os-scrollbar-vertical{bottom:10px;width:10px}.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,.os-theme-light.os-host-rtl>.os-scrollbar-horizontal{left:10px;right:0}.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner{height:10px;width:10px}.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner{background-color:transparent}.os-theme-dark>.os-scrollbar,.os-theme-light>.os-scrollbar{padding:2px;box-sizing:border-box;background:0 0}.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,.os-theme-light>.os-scrollbar.os-scrollbar-unusable{background:0 0}.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track{background:0 0}.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle{min-width:30px}.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle{min-height:30px}.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{-webkit-transition:background-color .3s;transition:background-color .3s}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track{border-radius:10px}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.4)}.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(255,255,255,.4)}.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.55)}.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(255,255,255,.55)}.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(0,0,0,.7)}.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(255,255,255,.7)}.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before{display:none}.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before{top:-6px;bottom:-2px}.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{left:-6px;right:-2px}.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{right:-6px;left:-2px} /* End */ /* Start:/local/templates/main/styles/swiper.min.css?174350831119773*/ /** * Swiper 4.3.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 5, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* End */ /* Start:/local/templates/main/styles/custom.css?174350831110107*/ /*258844*/ /*fixed header*/ .all-yellow-wrapper header { max-width: 1284px; padding: 10px 18px 0; background: #f8ae01; width: 100%; position: sticky; top: 0; z-index: 999; left: calc(50% - 642px); box-sizing: border-box; } .all-yellow-wrapper header.sticky { /* box-shadow: 0 0 6px 2px #fff; */ } @media (max-width: 1284px) { .all-yellow-wrapper header { left: 0; } } @media (max-width: 1224px) and (min-width: 1101px) { #horizontal-multilevel-menu>li>a { font-size: 14px; } } @media (max-width: 1100px) { body>.all-yellow-wrapper header { position: fixed; padding: 10px 18px 4px !important; } body>.all-yellow-wrapper { padding-top: 89px; } header #menu-toggle-wrapper { top: 18px; left: 43px; } header .navigation_top { width: calc(100% - 36px); } .navigation_top.opened { max-height: calc(100vh - 90px); overflow-y: auto; overflow-x: hidden; } } @media (max-width: 960px) { body>.all-yellow-wrapper header { padding: 10px 10px 4px !important; } header #menu-toggle-wrapper { left: 35px; } header .navigation_top { width: calc(100% - 20px); } } @media (max-width: 650px) { header #menu-toggle-wrapper { left: 20px; } } @media (max-width: 600px) { body>.all-yellow-wrapper header { padding: 10px 7px 4px !important; } header #menu-toggle-wrapper { left: 17px; } header .navigation_top { width: calc(100% - 14px); } } /**/ /*search*/ .header_search-button { position: absolute; background: url(/local/templates/main/images/icon/search_24.png) no-repeat; width: 20px; height: 20px; background-size: contain; top: 63px; border: 0; right: 275px; cursor: pointer; outline: none !important; } /*#horizontal-multilevel-menu>li>a:last-child { border-right: 1px solid #fbcc62; padding-right: 5px; }*/ #horizontal-multilevel-menu>li { padding: 5px 0; } #horizontal-multilevel-menu>li:last-child { background-color: #d82f34; } #horizontal-multilevel-menu>li:last-child a { color: #fffbf7; } #horizontal-multilevel-menu>li:last-child a:hover { color: #ffeb87; } .header_search-form { display: none; position: absolute; bottom: -41px; padding: 8px 0 0; width: calc(100% - 36px); left: 18px; text-align: center; } .header_search-form input[type="text"] { border: 1px solid #d1d2d2; font-size: 15px; padding: 6px 20px; max-width: 390px; box-sizing: border-box; width: 100%; outline: none; box-shadow: 0 0 6px 1px #dedede; } .header_search-form input[type="text"]:focus { border-color: #f8ae01; } .header_search-form input[type="submit"] { background: #c0c5cb url(/local/templates/main/images/arrow-more.png) no-repeat scroll 95% center; color: #fff; float: right; font-size: 17px; padding: 7px 15px 6px; text-align: left; text-transform: uppercase; width: 160px; margin-left: 20px; outline: none !important; box-shadow: 0 0 6px 1px #dedede; } .inline_form.header_search-form input[type="submit"] { box-shadow: none; cursor: pointer; } .header_search-form form { display: inline-flex; justify-content: center; } .popup-layout { z-index: 9999 !important; } .preloader_search { position: absolute; top: 5px; right: 140px; z-index: 1; display: none; } .inline_form .preloader_search { right: 165px; } .preloader_search.view { display: block; } .header_search-form.inline_form { position: static; display: block !important; width: 100%; padding-top: 0; } .header_search-form.inline_form form { width: 100%; display: flex; justify-content: space-between; } .header_search-form.inline_form .header-search__input { border: 1px solid #d1d2d2; font-size: 15px; padding: 8px 20px; width: 100%; box-shadow: none; max-width: none; } @media (min-width: 1101px) { .mobile_screen { display: none; } } @media (max-width: 1270px) { .header_search-button { right: 249px; } } @media (max-width: 1100px) { .header_search-button, .header_search-form { display: none; } .search_icon.mobile_screen { display: block; position: absolute; left: 105px; top: 27px; background: url(/local/templates/main/images/icon/search_icon40.png) no-repeat; width: 36px; height: 35px; background-size: contain; } .wherebuy_btn { position: fixed; bottom: 2px; left: calc(50% - 60px); padding: 8px 20px; display: flex; justify-content: center; align-items: center; background: #f8ae01; color: #fff; z-index: 99999; font-size: 18px; } } .tel_link_wrapp { position: relative; display: inline-block; } .tel_link { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } @media (max-width: 650px) { .inline_form .preloader_search { right: 153px; } .search_icon.mobile_screen { left: 88px; } } @media (max-width: 400px) { .inline_form .preloader_search { right: 135px; } } .service_panel_wrapp, .news-full-date { color: #797e87; } .statii_video_iframe { height: 454px; margin: 20px 0; width: 100%; } @media (max-width: 1240px) { .statii_video_iframe { height: 420px; } } @media (max-width: 1130px) { .statii_video_iframe { height: 383px; } } @media (max-width: 1100px) { .statii_video_iframe { height: 560px; } } @media (max-width: 830px) { .statii_video_iframe { height: 407px; } div[itemprop="articleBody"] h2 { font-size: 18px; line-height: 22px; } div[itemprop="articleBody"] h3 { font-size: 17px; } } @media (max-width: 744px) { .statii_video_iframe { height: 366px; } } @media (max-width: 620px) { .statii_video_iframe { height: 300px; } } @media (max-width: 416px) { .statii_video_iframe { height: 200px; } } /**/ .marquiz_button_bottom { position: fixed; bottom: 0; left: 60px; width: initial !important; z-index: 11; } .marquiz_button_bottom .marquiz__button_rounded { border-radius: 0; padding: 18px 21px 16px; } @media (max-width: 1100px) { .marquiz_button_bottom .marquiz__button { padding: 10px 15px 8px; font-size: 18px; line-height: 15px; border-radius: 18px !important; } .marquiz_button_bottom { left: calc(50% - 148px); } .wherebuy_btn { left: calc(50% - 60px); border-radius: 18px !important; } } /* Proclub-tmp */ .proclub-tmp { background-color: #f8ae01; } .pt__content { background-color: white; padding: 79px 67px 67px 55px; } .pt__header { display: flex; flex-wrap: wrap; padding: 27px 18px; align-items: center; } .pt__column-left { flex: 0 0 384px; text-align: center; } .pt__column-right { margin-right: 45px; margin-top: 22px; color: black; flex: 1; } .pt__column-right>h1 { all: unset; font-weight: 400; font-size: 59px; line-height: 70px; color: black !important; } .pt__column-right>h1>span { font-weight: 700; } .pt__column-right>p { margin-top: 35px; font-size: 30px; line-height: 36px; font-weight: 400; padding: 0 0 0 17px !important; border-left: 10px solid #fbd16d; } @media (max-width: 768px) { .pt__column-left { flex: 0 0 100%; } .pt__column-right { margin-right: 0; } } .pt-c__row-top { display: flex; justify-content: center; flex-wrap: wrap; padding: 0 180px 67px 140px; border-bottom: 1px solid #d1d1d1; } .pt-c__column-right { margin-top: 10px; margin-left: 38px; flex: 1; } .pt-c__column-right>p { font-size: 20px; line-height: 24px; color: black; font-weight: 400; } .pt-c__column-right>p:last-child { font-size: 20px; line-height: 24px; color: black; font-weight: 700; margin-top: 20px; } .pt-c__column-right>p:last-child::before { content: url("/images/proclub/arrow-bill.png"); padding-right: 5px; } @media (max-width: 620px) { .pt__content { padding: 30px 15px 30px 15px; } .pt-c__row-top { padding: 0 0 30px 15px; } .pt-c__column-right { flex: 0 0 100%; } } @media (max-width: 998px) { .pt-c__row-top { padding: 0 40px 67px 20px; } .b-cookie.b-cookie { right: 20px; left: 20px; bottom: 30px; padding: 40px 20px; max-width: fit-content; } } .pt-c__row-bottom { margin-top: 48px; } .pt-c__row-bottom>p { font-size: 30px; color: black; line-height: 36px; font-weight: 400; text-align: center; max-width: 608px; padding: 0 15px !important; margin: 0 auto; margin-bottom: 40px; } /* top menu last child for tmp sika pro uncomment */ #horizontal-multilevel-menu>li:last-child { background-color: unset; } #horizontal-multilevel-menu>li:last-child>a { color: inherit; } #horizontal-multilevel-menu>li>a { padding: 0 10px 0 6px !important; } /* END */ /* Cookie */ .b-cookie { position: fixed; display: none; right: 60px; left: auto; bottom: 40px; background-color: white; border-radius: 3px; padding: 40px 30px; cursor: default; transition: opacity 0.3s linear; max-width: 375px; background-color: #eee; border-color: #eee; } .b-cookie__text a { font-weight: 600; cursor: pointer; color: black; white-space: nowrap; border-bottom: 1px solid black; transition: border-bottom 0.3s linear; display: inline; } .b-cookie__text a:hover { color: black; border-bottom: 1px solid transparent; } .b-cookie__close-btn { position: absolute; top: 20px; right: 20px; cursor: pointer; } /* !Cookie */ div[itemprop="articleBody"] img { width: fit-content; max-width: 100%; } .catitem-image img { width: 100%; } .catitem-image-star.catitem-image-star { width: auto; } /* Решения */ .b-solution__group-items { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .b-solution__group-item { display: grid; grid-template-columns: 1fr 2fr; gap: 20px; margin: 0; width: fit-content; align-items: start; } .b-solution__group-item-left, .b-solution__group-item-right { display: grid; grid-template-columns: 1fr 1fr; margin: 0; } .b-solution__group-item-left img { width: auto; } @media (max-width: 480px) { .b-solution__group-items { grid-template-columns: 1fr; } .b-solution__group-item .b-solution__group-item-right { grid-template-columns: 1fr 1fr; } } @media (max-width: 800px) { .b-solution__group-item { grid-template-columns: 1fr; } } @media (max-width: 1024px) { .b-solution__group-item-right { grid-template-columns: 1fr; } } /* !Решения */ /* End */ /* Start:/local/templates/main/components/bitrix/menu/top_multilevel/style.css?17435083112364*/ header nav ul ul { display: none; } header nav ul li { position: relative; } header nav ul ul { position: absolute; top: 20px; left: 0; background: #F8AE01; z-index: 100; } header nav ul li:hover ul { position: absolute; display: block; } header nav ul li:hover ul { position: absolute; display: block; } header nav ul#horizontal-multilevel-menu ul { padding-top: 23px; padding-bottom: 0; text-align: left; } header nav ul#horizontal-multilevel-menu ul li { width: 100%; border-right: 0; border-bottom: 1px solid #fbcc62; } header nav ul#horizontal-multilevel-menu a[href="/catalog/"]+ul li:first-child { background-color: #d82f34; color: #fcfbf7; } header nav ul#horizontal-multilevel-menu ul li:last-child { border-bottom: 0; } header nav ul#horizontal-multilevel-menu ul li a { display: block; padding: 10px; white-space: nowrap; font-size: 14px; } #horizontal-multilevel-menu .root-item-selected, #horizontal-multilevel-menu a:hover, #horizontal-multilevel-menu .item-selected { color: #ffeb87; } #horizontal-multilevel-menu .li-sub-parent .root-item-selected, #horizontal-multilevel-menu .li-sub-parent a:hover, #horizontal-multilevel-menu .li-sub-parent .item-selected { color: #434546; } @media (min-width: 1102px) { #horizontal-multilevel-menu .li-sub-parent a { padding-left: 32px; } #horizontal-multilevel-menu .li-sub-parent .open_menu.active:before { transform: rotate(-180deg); } #horizontal-multilevel-menu .li-sub-parent .menu_open { display: block; padding-top: 0; position: unset; } #horizontal-multilevel-menu .li-sub-parent .menu_open li { background-color: #E5E5E5; color: #434546; border-bottom: 1px solid #fff; } #horizontal-multilevel-menu .li-sub-parent .menu_open li:hover a { color: #434546; text-decoration: underline; } header nav ul#horizontal-multilevel-menu .li-sub-parent a + ul li:first-child { background-color: #E5E5E5; color: #434546; } #horizontal-multilevel-menu .li-sub-parent .menu_open .item-selected a { text-decoration: underline; } } /* End */ /* Start:/local/components/chigov/search.suggest.input/templates/.default/style.css?17435083052264*/ .header_search-form form { position: relative; } #search_div_frame { display: none; position: absolute; top: calc(100% + 2px); left: 0; background: #fff; max-width: 450px; box-shadow: 0 4px 10px -2px #aaa; z-index: 3; border: 1px solid #797e87; } #search_div_frame.view { display: flex; padding: 10px; } .block_search_category a { display: block; width: 100%; font-size: 14px; color: #797e87; text-transform: uppercase; text-align: left; height: auto; margin: 6px 0 3px; line-height: 17px; text-decoration: none; border-bottom: 0!important; } .top-header .thal-searchform { position: relative; } #search_div_frame h3 { font-size: 17px; color: #d8282f; font-size: 17px; color: #d8282f; border: 0; margin: 0; padding: 10px 0; } #search_div_frame>div.live-search { display: none; flex-direction: column; padding: 5px 20px 10px 10px; } #search_div_frame.full_box>div.live-search { border-right: 1.5px solid #797e87; } #search_div_frame>div.live-search.view { display: flex; } .catalog_wrapp_search { padding: 10px 10px 10px 20px; } .catalog_wrapp_search>.title { text-transform: uppercase; font-weight: bold; font-size: 13px; } .catalog_wrapp_search .block_search_products .catlog-item_search { display: flex; width: 100%; margin-bottom: 25px; } .catalog_wrapp_search .block_search_products .catlog-item_search:last-child { margin-bottom: 0; } .catalog-item_search_img { padding-right: 5px; width: 45px; } .catalog-item_title_price { display: flex; align-items: center; padding-left: 10px; } .catlog-item_search a { font-size: 13px; line-height: 18px; color: #797e87; display: block; margin: 0; height: auto; width: initial; text-align: left; white-space: nowrap; text-decoration: none; border-bottom: 0!important; } #search_div_frame .live-search>a { padding: 3px 0; text-align: left; font-size: 16px; color: #797e87; display: block; min-width: 150px; margin: 0; height: auto; line-height: 16px; text-decoration: none; border-bottom: 0!important; } #search_div_frame .live-search>a>span, .block_search_category a>span { font-weight: bold; } @media (max-width:1115px) { } @media (max-width:1065px) { } @media (max-width:900px) { #search_div_frame { } } /* End */ /* Start:/local/templates/main/components/bitrix/breadcrumb/.default/style.css?1743508311587*/ .bx_breadcrumbs { margin-bottom: 30px; } .bx_breadcrumbs li { display: inline-block; } .bx_breadcrumbs li:before { content: ''; display: inline-block; width: 15px; height: 5px; background: url(/local/templates/main/images/ar.png) no-repeat center right; margin-bottom: 2px; } .bx_breadcrumbs li:first-child:before { display: none; } .bx_breadcrumbs li:first-child a { padding-left: 0; } .bx_breadcrumbs a, .bx_breadcrumbs span { padding: 0 10px; font-size: 14px; } .bx_breadcrumbs a { color: #909291; } .bx_breadcrumbs a:hover { text-decoration: underline; } /* End */ /* Start:/local/templates/main/components/bitrix/catalog.section/systems_left/style.css?174350831128565*/ /* catalog.section */ .bx-section-desc-post{ font-size: 12px; padding: 0 0 0 15px; margin: 15px 0; } .bx-section-desc{ border-left: 3px solid #d3d3d3; } .bx_catalog_list_home { margin-bottom: 25px; border-bottom: 1px solid #e5e5e5; } @media (max-width: 767px) { .bx_catalog_list_home { border-bottom: 1px solid #e5e5e5; } } .bx_catalog_list_home .bx_catalog_item { position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; margin-bottom: 30px; } @media (min-width: 960px) { .bx_catalog_list_home.col1 .bx_catalog_item { padding: 1px 26px; margin: 0 0 30px 0; width: 100% } .bx_catalog_list_home.col2 .bx_catalog_item { padding: 1px 26px; margin: 0 1% 30px; width: 48% } .bx_catalog_list_home.col2 .bx_catalog_item:nth-child(2n+1) { clear: both } .bx_catalog_list_home.col3 .bx_catalog_item { padding: 1px 26px; margin: 0 1% 30px; width: 31.333333% } .bx_catalog_list_home.col3 .bx_catalog_item:nth-child(3n+1) { clear: both } .bx_catalog_list_home.col4 .bx_catalog_item { padding: 1px 26px; margin: 0 1% 30px; width: 23% } .bx_catalog_list_home.col4 .bx_catalog_item:nth-child(4n+1) { clear: both } .bx_catalog_list_home.col5 .bx_catalog_item { padding: 1px 26px; margin: 0 1% 30px; width: 18% } .bx_catalog_list_home.col5 .bx_catalog_item:nth-child(5n+1) { clear: both } } @media (min-width: 768px) and (max-width: 960px) { .bx_catalog_list_home.col1 .bx_catalog_item { padding: 1px 16px; margin: 0 0 0 30px; width: 100% } .bx_catalog_list_home.col2 .bx_catalog_item { padding: 1px 16px; margin: 0 1% 30px; width: 48% } .bx_catalog_list_home.col2 .bx_catalog_item:nth-child(2n+1) { clear: both } .bx_catalog_list_home.col3 .bx_catalog_item { padding: 1px 16px; margin: 0 1% 30px; width: 31.333333% } .bx_catalog_list_home.col3 .bx_catalog_item:nth-child(3n+1) { clear: both } .bx_catalog_list_home.col4 .bx_catalog_item, .bx_catalog_list_home.col5 .bx_catalog_item { padding: 1px 16px; margin: 0 1% 30px; width: 23% } .bx_catalog_list_home.col4 .bx_catalog_item:nth-child(4n+1), .bx_catalog_list_home.col5 .bx_catalog_item:nth-child(4n+1) { clear: both } } @media (max-width: 767px) { .bx_catalog_list_home.col1 .bx_catalog_item { padding: 1px 16px; margin: 0 0 0 30px; width: 100% } .bx_catalog_list_home.col2 .bx_catalog_item { padding: 1px 16px; margin: 0 1% 30px; width: 48% } .bx_catalog_list_home.col2 .bx_catalog_item:nth-child(2n+1) { clear: both } .bx_catalog_list_home.col3 .bx_catalog_item { padding: 1px 16px; margin: 0 1% 30px; width: 31.333333% } .bx_catalog_list_home.col3 .bx_catalog_item:nth-child(3n+1) { clear: both } .bx_catalog_list_home.col3 .bx_catalog_item, .bx_catalog_list_home.col4 .bx_catalog_item, .bx_catalog_list_home.col5 .bx_catalog_item { padding: 1px 16px; margin: 0 1% 30px; width: 31.333333% } .bx_catalog_list_home.col3 .bx_catalog_item:nth-child(3n+1), .bx_catalog_list_home.col4 .bx_catalog_item:nth-child(3n+1), .bx_catalog_list_home.col5 .bx_catalog_item:nth-child(3n+1) { clear: both } } @media (max-width:767px) { .bx-touch .bx_catalog_list_home.col1 .bx_catalog_item { padding: 1px 26px; margin: 0 0 0 30px; width: 100% } .bx-touch .bx_catalog_list_home.col2 .bx_catalog_item { padding: 1px 16px; margin: 0 1% 30px; width: 48% } .bx-touch .bx_catalog_list_home.col2 .bx_catalog_item:nth-child(3n+1) { clear: none } .bx-touch .bx_catalog_list_home.col2 .bx_catalog_item:nth-child(2n+1) { clear: both } .bx-touch .bx_catalog_list_home.col2 .bx_catalog_item, .bx-touch .bx_catalog_list_home.col3 .bx_catalog_item, .bx-touch .bx_catalog_list_home.col4 .bx_catalog_item, .bx-touch .bx_catalog_list_home.col5 .bx_catalog_item { padding: 1px 16px; margin: 0 1% 30px; width: 48%; clear: none } .bx-touch .bx_catalog_list_home.col2 .bx_catalog_item:nth-child(2n+1), .bx-touch .bx_catalog_list_home.col3 .bx_catalog_item:nth-child(2n+1), .bx-touch .bx_catalog_list_home.col4 .bx_catalog_item:nth-child(2n+1), .bx-touch .bx_catalog_list_home.col5 .bx_catalog_item:nth-child(2n+1) { clear: both } } .bx-no-touch .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_container { border: 1px solid transparent; } .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_container { position: absolute; z-index: 99; top: 0; left: 0; right: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .18); border-radius: 3px; border: 1px solid #d3d3d3; background: #fff; -webkit-animation: borderview 0.5s; animation: borderview 0.5s; } @media (min-width: 960px) { .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_container { padding: 0 25px 15px } } @media (max-width: 960px) { .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_container { padding: 0 15px 15px } } @keyframes borderview { from { border: 1px solid #fdfdfd; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } to { border: 1px solid #d3d3d3; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .18); } } @-webkit-keyframes borderview { from { border: 1px solid #fdfdfd; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } to { border: 1px solid #d3d3d3; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .18); } } .bx_catalog_list_home .bx_catalog_item_articul { color: #a5a5a5; font-size: 13px; } .bx_catalog_list_home .bx_catalog_item_title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_title { overflow: auto; white-space: normal; } .bx_catalog_list_home .bx_catalog_item_title a { color: #3f3f3f; text-decoration: none; font-size: 13px; } .bx_catalog_list_home .bx_catalog_item_price { color: #3f3f3f; font-weight: bold; } .bx_catalog_list_home .bx_catalog_item_price span { color: #a5a5a5; font-size: 12px; font-weight: normal; white-space: nowrap; text-decoration: line-through; } .bx_catalog_list_home .bx_catalog_item_controls { padding-top: 10px; text-align: center; opacity: 0; } @media (min-width: 768px) and (max-width: 960px) { .bx_catalog_list_home .bx_catalog_item_controls { height: auto } } @media (max-width: 767px) { .bx-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_controls { height: auto } } .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blockone { width: 100%; white-space: nowrap; text-align: center; } .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blockone span { color: #3f3f3f; font-size: 13px; } .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blockone .bx_notavailable { text-align: left; font-size: 12px; font-weight: bold; display: inline-block; border: 1px solid #E4E4E4; background: #F3F3F3; white-space: normal; line-height: normal; padding: 5px 15px; } .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blockone, .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo { width: 100%; text-align: center; } .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo a { margin: 1%; width: 48%; min-width: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 25px; height: 25px; } @media (max-width: 767px) { .bx-touch .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blockone, .bx-touch .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo { float: none; width: 100%; text-align: center; } } .bx_catalog_list_home .bx_catalog_item_controls input[type=text] { border: none; } .bx-touch .bx_catalog_list_home .bx_catalog_item_controls, .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_controls { opacity: 1 } .bx_catalog_list_home .bx_cnt_desc { text-align: left; position: absolute; right: -45px; top: 2px; width: 40px; } .bx_catalog_list_home .bx_catalog_item_controls a { margin-bottom: 10px; } .bx_catalog_list_home .bx_catalog_item_price .bx_price { font-size: 15px; padding-top: 5px; } .bx_catalog_list_home .bx_catalog_item_images_double, .bx_catalog_list_home .bx_catalog_item_images { position: relative; z-index: 91; display: block; padding-top: 44px; width: 100%; background-position: center; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; text-align: center; } .bx_catalog_list_home .bx_catalog_item_images_double { z-index: 90; margin-top: -203px; opacity: 0; } .bx-no-touch .bx_catalog_list_home .bx_catalog_item.double:hover .bx_catalog_item_images { opacity: 0; -webkit-animation: rotateimgfirst 0.5s; animation: rotateimgfirst 0.5s; } .bx-no-touch .bx_catalog_list_home .bx_catalog_item.double:hover .bx_catalog_item_images_double { opacity: 1; -webkit-animation: rotateimglast 0.5s; animation: rotateimglast 0.5s; } @keyframes rotateimgfirst { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes rotateimgfirst { from { opacity: 1; } to { opacity: 0; } } @keyframes rotateimglast { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes rotateimglast { from { opacity: 0; } to { opacity: 1; } } .bx-no-touch .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_controls, .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_articul, .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_scu { display: none } .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_controls, .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_articul, .bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_scu { display: block } .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_scu { padding-top: 10px } .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_scu>div { margin: 0 auto } .bx-no-touch .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_controls.touch, .bx-touch .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_controls.no_touch { display: none !important; } /* Stickers */ .bx_catalog_list_home .bx_stick { position: absolute; width: 123px; height: 35px; background: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/stick.png) left center no-repeat; color: #fff; text-align: center; text-shadow: 0 1px 0 #ba3434; line-height: 35px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .bx_catalog_list_home .bx_stick.short { font-weight: bold; font-size: 18px } .bx_catalog_list_home .bx_stick.average { font-weight: bold; font-size: 13px } .bx_catalog_list_home .bx_stick.long { font-weight: normal; font-size: 11px } .bx_catalog_list_home .bx_stick_disc { position: absolute; width: 72px; height: 74px; color: #fff; text-align: center; border-radius: 50%; font-size: 23px; line-height: 74px; background: #f42c2c url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/stick_disc.png) no-repeat center; text-shadow:0 1px 0 #ba3434; font-weight:bold; } .bx_catalog_list_home .bx_stick.left, .bx_catalog_list_home .bx_stick_disc.left { left: -2px; } .bx_catalog_list_home .bx_stick.right, .bx_catalog_list_home .bx_stick_disc.right { right: 0; } .bx_catalog_list_home .bx_stick.top, .bx_catalog_list_home .bx_stick_disc.top { top: 15px; } .bx_catalog_list_home .bx_stick.bottom, .bx_catalog_list_home .bx_stick_disc.bottom { bottom: 5px; } .bx_catalog_list_home .bx_stick.middle, .bx_catalog_list_home .bx_stick_disc.middle { top: 49%; } @media (min-width: 768px) and (max-width: 960px) { .bx_catalog_list_home .bx_stick { width: 90px; height: 30px; background-size: 100%; line-height: 30px; } .bx_catalog_list_home .bx_stick.short { font-weight: normal; font-size: 14px } .bx_catalog_list_home .bx_stick.average { font-weight: normal; font-size: 11px } .bx_catalog_list_home .bx_stick.long { font-weight: normal; font-size: 11px } .bx_catalog_list_home .bx_stick_disc { width: 64px; height: 65px; background-size:100%; font-size: 20px; line-height: 65px; } } @media (max-width: 767px) { .bx-touch .bx_catalog_list_home .bx_stick { width: 70px; height: 30px; background-size: 100%; font-size: 11px; line-height: 30px; } .bx-touch .bx_catalog_list_home .bx_stick_disc { width: 37px; height: 38px; background-size: 100%; font-size: 13px; line-height: 38px; } } /* buttons */ .bx_catalog_list_home .bx_bt_button, .bx_catalog_list_home .bx_bt_button_type_2 { display: inline-block; border-radius: 3px; text-align: center; text-decoration: none; font-size: 14px; cursor: pointer; white-space: nowrap; } .bx_catalog_list_home .bx_bt_button_type_2 { border: 1px solid #e9e9e9; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f1f1f1)); background-image: -webkit-linear-gradient(#fcfcfc 0%, #f1f1f1 100%); background-image: -moz-linear-gradient(#fcfcfc 0%, #f1f1f1 100%); background-image: -o-linear-gradient(#fcfcfc 0%, #f1f1f1 100%); background-image: linear-gradient(#fcfcfc 0%, #f1f1f1 100%); color: #656565; text-shadow: 0 1px 0 #fff; } .bx_catalog_list_home .bx_bt_button_type_2:hover { background: #fff; } .bx_catalog_list_home .bx_bt_button_type_2:active { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#fcfcfc)); background-image: -webkit-linear-gradient(#f1f1f1 0%, #fcfcfc 100%); background-image: -moz-linear-gradient(#f1f1f1 0%, #fcfcfc 100%); background-image: -o-linear-gradient(#f1f1f1 0%, #fcfcfc 100%); background-image: linear-gradient(#f1f1f1 0%, #fcfcfc 100%); box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .05); } .bx_catalog_list_home .bx_bt_button { background: #00a2df; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a2df), color-stop(100%, #006fcb)); background: -webkit-linear-gradient(top, #00a2df 0%, #006fcb 100%); background: -moz-linear-gradient(top, #00a2df 0%, #006fcb 100%); background: -ms-linear-gradient(top, #00a2df 0%, #006fcb 100%); background: -o-linear-gradient(top, #00a2df 0%, #006fcb 100%); background: linear-gradient(to bottom, #00a2df 0%, #006fcb 100%); color: #fff; text-shadow: 0 1px 0 #006cae; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a2df', endColorstr='#006fcb', GradientType=0); } .bx_catalog_list_home .bx_bt_button:hover { background: #21afe4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYWZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #21afe4), color-stop(100%, #006fcb)); background: -webkit-linear-gradient(top, #21afe4 0%, #006fcb 100%); background: -moz-linear-gradient(top, #21afe4 0%, #006fcb 100%); background: -ms-linear-gradient(top, #21afe4 0%, #006fcb 100%); background: -o-linear-gradient(top, #21afe4 0%, #006fcb 100%); background: linear-gradient(to bottom, #21afe4 0%, #006fcb 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#21afe4', endColorstr='#006fcb', GradientType=0); } .bx_catalog_list_home .bx_bt_button:active { background: #21afe4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYWZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #21afe4), color-stop(100%, #006fcb)); background: -webkit-linear-gradient(top, #21afe4 0%, #006fcb 100%); background: -moz-linear-gradient(top, #21afe4 0%, #006fcb 100%); background: -ms-linear-gradient(top, #21afe4 0%, #006fcb 100%); background: -o-linear-gradient(top, #21afe4 0%, #006fcb 100%); background: linear-gradient(to bottom, #21afe4 0%, #006fcb 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#21afe4', endColorstr='#006fcb', GradientType=0); } .bx_catalog_list_home .bx_small.bx_bt_button { display: inline-block; min-width: 20px; line-height: 20px; } .bx_catalog_list_home .bx_small.bx_bt_button_type_2 { display: inline-block; min-width: 18px; line-height: 18px; } .bx_catalog_list_home .bx_small.bx_bt_button_type_2 {} .bx_catalog_list_home .bx_small.bx_bt_button_type_2:hover {} .bx_catalog_list_home .bx_small.bx_bt_button_type_2:active {} .bx_catalog_list_home .bx_medium.bx_bt_button { padding: 0 13px; height: 25px; font-weight: bold; line-height: 25px; } .bx_catalog_list_home .bx_medium.bx_bt_button_type_2 { padding: 0 13px; height: 23px; font-weight: bold; line-height: 23px; } .bx_catalog_list_home .bx_medium.bx_bt_button, .bx_catalog_list_home .bx_medium.bx_bt_button_type_2 { font-weight: bold; } .bx_catalog_list_home .bx_medium.bx_bt_button_type_2:hover {} .bx_catalog_list_home .bx_medium.bx_bt_button_type_2:active {} .bx_catalog_list_home .bx_col_input { display: inline-block; width: 40px; text-align: center; } /* scu_detail_size */ .bx_catalog_list_home .bx_item_detail_size{ position: relative; margin-bottom: 10px; padding: 0; max-width: 100%; width: 100%; } .bx-no-touch .bx_catalog_list_home .bx_item_detail_size.full { position: relative; margin-left: -5%; padding: 0 5%; } /*----*/ .bx_catalog_list_home .bx_item_detail_size .bx_item_section_name_gray{ color: #9e9e9e; vertical-align: middle; font-size: 11px; line-height: 11px; } /*----*/ .bx_catalog_list_home .bx_item_detail_size .bx_size_scroller_container{position: relative} .bx_catalog_list_home .bx_item_detail_size .bx_size{ position: relative; overflow: hidden; margin: 0; width: 100%; } .bx_catalog_list_home .bx_item_detail_size ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap; } .bx-touch .bx_catalog_list_home .bx_item_detail_size .bx_size{overflow-x: auto;} .bx_catalog_list_home .bx_item_detail_size ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap; } .bx-touch .bx_catalog_list_home .bx_item_detail_size .bx_size ul{margin-left: 0 !important;} .bx_catalog_list_home .bx_item_detail_size ul li{ position: relative; display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 25px; } .bx_catalog_list_home .bx_item_detail_size ul li .cnt{ cursor: pointer; position: absolute; top: 0; right: 2px; bottom: 2px; left:2px; display: block; overflow: hidden; border: 1px solid #c0cfda; background: #fff; color: #3f3f3f; text-align: center; text-decoration: none; font-weight: normal; font-size: 10px; line-height: 22px; } .bx-retina .bx_catalog_list_home .bx_item_detail_size ul li .cnt{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border.png) 2 stretch; -moz-border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border.png) 2 stretch; -o-border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border.png) 2 stretch; border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border.png) 2 fill stretch; } .bx_catalog_list_home .bx_item_detail_size ul li:hover .cnt{border: 1px solid #006cc0} .bx_catalog_list_home .bx_item_detail_size ul li:active .cnt, .bx_catalog_list_home .bx_item_detail_size ul li.bx_active .cnt{ border: 2px solid #006cc0; } .bx-retina .bx_catalog_list_home .bx_item_detail_size ul li.bx_active .cnt{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border_active.png) 2 stretch; -moz-border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border_active.png) 2 stretch; -o-border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border_active.png) 2 stretch; border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border_active.png) 2 fill stretch; } .bx_catalog_list_home .bx_item_detail_size .bx_size ul li.bx_missing .cnt{border: 1px solid #c0cfda !important} .bx_catalog_list_home .bx_item_detail_size .bx_size ul li.bx_missing>i{ cursor: not-allowed; position: absolute; display: block; top: 0; right: 2px; bottom: 2px; left:2px; z-index:11; background: rgba(255,255,255,.79) url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/missing.png) no-repeat center; } /*----*/ .bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_left, .bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_right {opacity:0.8} .bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_left:hover, .bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_right:hover {opacity:1.0} .bx_catalog_list_home .bx_item_detail_size.full .bx_slide_left, .bx_catalog_list_home .bx_item_detail_size.full .bx_slide_right{ position: absolute; top: 0; bottom:4px; width :5%; max-width:11px; cursor: pointer; } .bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_left {left: -5%;background:url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/arr_left.png) no-repeat left center;background-size: 100% auto} .bx-no-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_right{right:-5%;background:url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/arr_right.png) no-repeat right center;background-size: 100% auto} .bx-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_left {left: 0;background:url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/fade_left.png) repeat-y left center;background-size: 100% auto} .bx-touch .bx_catalog_list_home .bx_item_detail_size .bx_slide_right{right: 0;background:url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/fade_right.png) repeat-y right center;background-size: 100% auto} /* scu_detail_scu */ .bx_catalog_list_home .bx_item_detail_scu{ position: relative; margin-bottom: 10px; padding: 0; max-width: 100%; width: 100%; } .bx-no-touch .bx_catalog_list_home .bx_item_detail_scu.full { position: relative; margin-left: -5%; padding: 0 5% } /*----*/ .bx_catalog_list_home .bx_item_detail_scu .bx_item_section_name_gray{ color: #9e9e9e; vertical-align: middle; font-size: 11px; line-height: 11px; } /*----*/ .bx_catalog_list_home .bx_item_detail_scu .bx_scu_scroller_container{position: relative} .bx_catalog_list_home .bx_item_detail_scu .bx_scu{ position: relative; overflow: hidden; margin: 0; width: 100%; } .bx-touch .bx_catalog_list_home .bx_item_detail_scu .bx_scu{overflow-x: auto} .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap } .bx-touch .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul{margin-left: 0 !important} .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li{ position: relative; display: block; float: left; height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li .cnt{ cursor: pointer; position: absolute; top: 0; right: 2px; bottom: 4px; left:2px; display: block; overflow: hidden; border: 1px solid #c0cfda; background: #fff; z-index:10; } .bx-retina .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li .cnt{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border.png) 2 stretch; -moz-border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border.png) 2 stretch; -o-border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border.png) 2 stretch; border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border.png) 2 fill stretch; } .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li:hover .cnt{border: 1px solid #006cc0} .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li:active .cnt, .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li.bx_active .cnt{ padding: 3px; border: 2px solid #006cc0; } .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li.bx_missing .cnt{border: 1px solid #c0cfda !important} .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li.bx_missing>i{ cursor: not-allowed; position: absolute; display: block; top: 0; right: 2px; bottom: 4px; left: 2px; z-index:11; background: rgba(255,255,255,.79) url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/missing.png) no-repeat center; } .bx-retina .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li.bx_active .cnt{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border_active.png) 2 stretch; -moz-border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border_active.png) 2 stretch; -o-border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border_active.png) 2 stretch; border-image: url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/x2border_active.png) 2 fill stretch; } .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item{ position: absolute; top: 6%; right: 6%; bottom:6%; left: 6%; background-size:contain; background-repeat: no-repeat; } .bx_catalog_list_home .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item img{ width: auto; height: 25px; } /*----*/ .bx-no-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_left, .bx-no-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_right {opacity:0.8} .bx-no-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_left:hover, .bx-no-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_right:hover{opacity:1.0} .bx_catalog_list_home .bx_item_detail_scu.full .bx_slide_left, .bx_catalog_list_home .bx_item_detail_scu.full .bx_slide_right{ position: absolute; top: 0; bottom:4px; width :5%; max-width:11px; cursor: pointer; } .bx-no-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_left {left: -5%;background:url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/arr_left.png) no-repeat left center;background-size: 100% auto} .bx-no-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_right{right:-5%;background:url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/arr_right.png) no-repeat right center;background-size: 100% auto} .bx-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_left {left: 0;background:url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/fade_left.png) repeat-y left center;background-size: 100% auto} .bx-touch .bx_catalog_list_home .bx_item_detail_scu .bx_slide_right{right: 0;background:url(/local/templates/main/components/bitrix/catalog.section/systems_left/images/fade_right.png) repeat-y right center;background-size: 100% auto} .system_container_slider div.swiper-button-next { background: url(/local/templates/main/images/icon/arow-right2_el.png) no-repeat; top: calc(50% - 22px); right: -4px; outline: none!important; height: 50px; } .system_container_slider div.swiper-button-prev { background: url(/local/templates/main/images/icon/arow-left2_el.png) no-repeat; top: calc(50% - 22px); left: 0; right: auto; outline: none!important; height: 50px; } .system_container_slider .bx_catalog_item_title>a { border-bottom: 1px solid #d8282f; } @media (min-width: 960px) { .system_container_slider .bx_catalog_list_home.col3 .bx_catalog_item { padding: 0px 24px; margin: 0 0 30px; min-height: 400px; } .bx-no-touch .system_container_slider .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_container { padding: 0 15px 15px; margin: 0 9px; } } @media (min-width: 1101px) { .workpage-right-column .catitem-tying-items.catitem-section { display: none; } } /* End */ /* Start:/local/templates/main/components/bitrix/news.list/modal_banners/style.css?17435083111136*/ .disable-scroll { width: 100%; position: fixed; left: 0; top: 0; } .b-modal-banner { position: fixed; z-index: 10; top: 0; left: 0; bottom: 0; right: 0; display: grid; place-items: center; background-color: rgba(11, 11, 11, 0.8); opacity: 0; z-index: -10; transition: opacity 0.5s ease; } .b-modal-banner.show { opacity: 1; z-index: 999; } .b-modal-banner__wrapper { background-color: #fcaa23; padding: 50px 30px 30px; display: grid; place-items: center; position: relative; } .b-modal-banner__close { cursor: pointer; position: absolute; z-index: 1; right: 20px; top: 20px; } .b-modal-banner__close svg path { transition: stroke 0.3s ease; } .b-modal-banner__close:hover svg path { stroke: #3c3c3c; } .b-modal-banner__btn { border: none; border-bottom: 1px solid #000; cursor: pointer; background-color: transparent; padding: 0; font-size: 14px; transition: border-color 0.3s ease; } .b-modal-banner__btn:hover { border-color: transparent; } .b-modal-banner__link img { max-width: 100%; } @media screen and (max-width: 540px) { .b-modal-banner__wrapper { padding: 50px 5px 30px; } } /* End */ /* Start:/local/templates/main/styles.css?174350831136123*/ header nav #horizontal-multilevel-menu ul li ul { display: none; } .navigation_top { float: none; padding: 0; color: inherit; } #menu-toggle-wrapper { position: absolute; top: 8px; left: 25px; width: 55px; height: 55px; z-index: 11; display: none; border: 5px solid #fbd16d; box-sizing: border-box; } #menu-toggle-wrapper #menu-toggle { position: absolute; top: 47%; left: 45%; font-size: 30px; display: block; margin-left: -15px; width: 25px; height: 3px; background: #d7282e; } #menu-toggle-wrapper #menu-toggle:after, #menu-toggle-wrapper #menu-toggle:before { content: ''; position: absolute; width: 35px; height: 3px; background: #d7282e; left: 0; transform-origin: center center; } #menu-toggle-wrapper #menu-toggle:before { top: -11px; } #menu-toggle-wrapper #menu-toggle:after { bottom: -11px; width: 30px; } #menu-toggle-wrapper.active #menu-toggle { background: 0 0; } #menu-toggle-wrapper.active #menu-toggle:after { transform: rotate(-45deg) translate(8px, -8px); width: 36px; } #menu-toggle-wrapper.active #menu-toggle:before { transform: rotate(45deg) translate(7px, 8px); width: 36px; } #menu-toggle-wrapper #menu-toggle, #menu-toggle-wrapper #menu-toggle:after, #menu-toggle-wrapper #menu-toggle:before { transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65); } .navigation_top.opened { display: block; } .social_mobile { display: none; margin: 10px 0 10px 7px; } .social_mobile img { width: 30px; height: 30px; } .social_mobile a { margin-right: 10px; display: table; float: left; margin-top: 0; } .social_mobile a.search, .social_mobile a.search:hover { background: #F8AE01 url(/local/templates/main/images/glass.png) no-repeat center center; display: table; width: 30px; border-radius: 20px; height: 30px; margin-right: 10px; margin-top: 0; } .social_mobile a.wherebuy { color: #434546; display: table; float: left; width: 150px; vertical-align: middle; padding-top: 9px; margin-left: 49px; font-family: "pf-light"; font-size: 18px; } .open_menu { display: none; } .li-sub-parent .open_menu { content: " "; width: 10px; height: 100%; position: absolute; right: auto; left: 0; padding-left: 32px; cursor: pointer; z-index: 100; display: block; top: 0; } .li-sub-parent .open_menu:before { content: " "; background: url(/local/templates/main/images/open.png) no-repeat center center; width: 20px; height: 20px; position: absolute; left: 7px; top: 7px; transition: all 0.5s ease; } .contacts_map { height: 600px; width: 100%; } .small_image { margin-bottom: 7px; } .elem__btn-back-top { width: 44px; height: 44px; background: #F8AE01; position: fixed; bottom: -60px; z-index: 500; right: 0px; text-align: center; line-height: 24px; /*padding-top: 14px;*/ transition: all 350ms cubic-bezier(1, -0.05, 0, 1.04); text-transform: uppercase; color: white; font-size: 14px; padding: 8px 5px 10px 5px; font-weight: 700; } .elem__btn-back-top.active { /* bottom: -15px;*/ bottom: 0; } .elem__btn-back-top:before { content: ""; width: 14px; height: 14px; display: inline-block; vertical-align: top; background-image: url(/images/btn-top-2.png); background-position: 0 -14px; } .dealer-fullsize td { padding: 5px; } .dealer-mobile { display: none; } .region-section h2.region-section-name { background: #c0c5cb; padding: 7px 30px 3px 15px; box-sizing: border-box; width: 100%; position: relative; } .region-section .dealer-section { display: none; } .region-section .dealer_open { display: block; } .dealers-items .dealers-items-region-section { box-sizing: border-box; padding: 0; border-bottom: 1px solid white; position: relative; } .region-section h2 .open-section { width: 25px; height: 18px; position: absolute; right: 6px; top: 0; bottom: 0; margin: auto; cursor: pointer; background: url(/local/templates/main/images/open-black.png) no-repeat center center; transition: all 0.5s ease; } .region-section h2 .open-section.opened { transform: rotate(-180deg); } .dealer-section { display: none; } .dealer-section:last-child { margin-bottom: 20px; } .dealers-map { width: 100%; } .bottom_menu_inner a:hover { color: #ffeb87; } footer .level0>li>span { font-size: 18px; border-bottom: 1px solid #fbd16d; padding: 11px 0; margin-bottom: 11px; display: block; text-transform: uppercase; line-height: 1; text-decoration: none; color: inherit; } .main-text-right-column .b-main-subscribe { border-top: 1px solid #d1d1d1; padding-top: 30px; margin-bottom: -30px; } .b-main-subscribe .b-main-subscribe__name { color: #434546; font-family: "pf-regular"; font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom: 7px; } .b-main-subscribe .b-main-subscribe__form { display: flex; } .b-main-subscribe .b-main-subscribe__mail { width: 87%; height: 30px; border: 1px solid #bfc3ca; background-color: #ffffff; padding: 1px 9px; } .b-main-subscribe .b-main-subscribe__send { background: #bfc3ca; width: 13%; display: inline-block; margin: 0; text-align: center; vertical-align: middle; color: white; height: 100%; padding: 9px 0; cursor: pointer; font-weight: bold; } .b-main-subscribe .b-main-subscribe__politics { margin-top: -20px; font-size: 12px; line-height: 12px; } .b-main-subscribe .b-main-subscribe__politics a { text-decoration: none; border-bottom: 1px dashed #797e87; } .b-news-subscribe { width: 100%; display: table; margin-top: 15px; } .b-news-subscribe .b-news-subscribe__slogan { width: 440px; font-size: 25px; padding: 9px 0 0; display: inline-block; } .b-news-subscribe .b-news-subscribe__form { display: flex; width: calc(100% - 440px); float: right; } .b-news-subscribe .b-news-subscribe__mail { width: 87%; height: 33px; border: 1px solid #bfc3ca; background-color: #ffffff; padding: 2px 9px; } .b-news-subscribe .b-news-subscribe__send { background: #bfc3ca; width: 13%; display: inline-block; margin: 0; text-align: center; vertical-align: middle; color: white; height: 100%; padding: 9px 0; cursor: pointer; font-weight: bold; } .b-news-subscribe .b-news-subscribe__form-politics { margin: 10px 0 0; padding: 0; font-size: 14px; } .b-news-subscribe .b-news-subscribe__form-politics a { font-size: 14px; border: 0; text-decoration: none; border-bottom: 1px dashed #797e87; } .subscibe__send:hover, .b-news-subscribe__send:hover { background: #f8ae01; } .b-bottom-nav { width: 100%; border-top: 1px dashed #959595; border-bottom: 1px dashed #959595; display: table; margin-top: 25px; padding: 10px 0 20px; } .b-bottom-nav__prev { width: 40%; float: left; text-align: left; } .b-bottom-nav .b-bottom-nav__prev a, .b-bottom-nav .b-bottom-nav__next a { border: 0; } .b-bottom-nav__prev .b-bottom-nav__side { background: url(/images/str_g.png) center center no-repeat; width: 40px; margin: 12px 0 0; display: inline-block; padding: 0; height: 10px; } .b-bottom-nav__next .b-bottom-nav__side { background: url(/images/str_g_r.png) center center no-repeat; width: 40px; margin: 12px 0 0; display: inline-block; padding: 0; height: 10px; } .b-bottom-nav__prev .b-bottom-nav__side:hover { background: url(/images/str_r.png) center center no-repeat; } .b-bottom-nav__next .b-bottom-nav__side:hover { background: url(/images/str_r_r.png) center center no-repeat; } .b-bottom-nav__next { width: 40%; float: right; text-align: right; } .b-bottom-nav .b-bottom-nav__date { font-family: 'pf-medium', sans-serif; font-size: 11px; color: #d8282f; padding: 14px 0 0; } .b-bottom-nav .b-bottom-nav__href { padding: 5px 0; } .b-bottom-nav .b-bottom-nav__href a { font-size: 16px; line-height: 19px; text-transform: uppercase; text-decoration: none; border: none; font-family: 'pf-light', sans-serif; color: #6f6f6f; } .b-bottom-nav .b-bottom-nav__href a:hover { text-decoration: underline; } .b-bottom-nav .b-bottom-nav__main-category { margin: 13px 0 0; padding: 0; } .b-bottom-nav .b-bottom-nav__main-category a { text-decoration: none; border: 0; color: #6f6f6f; font-family: 'pf-light', sans-serif; font-size: 16px; font-weight: 300; text-transform: uppercase; } .b-bottom-nav .b-bottom-nav__main-category a:hover { text-decoration: underline; } .social_full a:hover { text-decoration: none; } a.h2:hover, .workpage-right-column a:hover { border-color: white; } .dealers-search-form input[type=submit]:hover { background-color: #f8ae01; cursor: pointer; } .catitem .catitem-more:hover, .calculator-run-calc:hover, .search-page input[type="submit"]:hover { background-color: #f8ae01; cursor: pointer; } .b-ib-product-response__add-response .b-ib-product-response__add-response-button:hover { background-color: #f8ae01; color: white; } .b-ib-product-response__add-response .b-ib-product-response__add-response-button:hover::after { color: white; } form[name=SIMPLE_FORM_1] input[name=web_form_submit]:hover { background-color: #f8ae01; } .b-video { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; } .b-video__element { width: 48%; } .b-video__title { font-family: 'pf-medium', sans-serif; font-size: 19px; line-height: 1; color: #434546; padding: 15px 0 5px; } .hide_articul { display: none; } .dealer-section-container {} .dealer-section-title { color: #434546; font-size: 26px; display: block; border-top: 1px solid #d1d1d1; margin-top: 25px; padding: 30px 0 0; position: relative; } .open-section-container { width: 25px; height: 18px; position: absolute; right: 6px; top: 24px; bottom: 0; margin: auto; cursor: pointer; background: url(/local/templates/main/images/open-black.png) no-repeat center center; transition: all 0.5s ease; } .open-section-container.opened { transform: rotate(-180deg); } .dealer-section-container-items { display: none; } .bordertable { width: 100%; } .bordertable td { border: 1px solid black; padding: 5px; } .systems-photo-prev { /* position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 90%; */ } .bx_catalog_item_desc { font-size: 13px; line-height: 16px; color: #797e87; padding: 8px 9px; } .b-partners { display: flex; flex-wrap: wrap; /*justify-content: space-between;*/ } .b-partner { width: 30%; display: flex; flex-direction: column; padding: 0 20px 0 0; } .b-partner__img { margin-top: auto; } .b-partner__img img { max-width: 100%; } .footer-info p.footer-phone a { display: inline-block; font-family: 'pf-medium', sans-serif; font-size: 24px; } .content-wrapper .workpage-top-submenu { display: none; } .content-wrapper .workpage-top-submenu select[name="mobile-submenu"] { width: 100%; height: 36px; text-indent: 0.01px; text-overflow: ''; appearance: none !important; margin-left: 0; border: 1px solid #d1d1d1; font-weight: normal; font-size: 17px; color: #797e87; cursor: pointer; padding: 5px; background: #fcfcfc url(/local/templates/main/images/exp.png) no-repeat 98% 14px; margin-bottom: 30px; } .content-wrapper .workpage-top-submenu select[name="mobile-submenu"] option { padding: 0; } @media (max-width: 1400px) { .workpage-right-column .search-page input[type="text"] { border: 1px solid #d1d2d2; font-size: 15px; padding: 8px 5px; width: calc(100% - 190px); box-sizing: border-box; } /* .elem__btn-back-top { display: none; }*/ } @media (max-width: 1100px) { .all-yellow-wrapper .content-wrapper { padding: 20px 30px; } .social_mobile { display: table; } #menu-toggle-wrapper { display: block; } .navigation_top, .social_full { display: none; } .all-yellow-wrapper header { display: table; width: 100%; padding-bottom: 10px; position: relative; padding: 0; height: 80px; } .main-logo { width: 175px; height: 58px; margin: 7px 0 11px; } .navigation_top { margin-top: 80px; opacity: 0.95; position: absolute; z-index: 999; background: white; width: 100%; box-sizing: border-box; padding-bottom: 30px; box-shadow: 0 10px 12px 0 rgba(75, 80, 85, 0.5); } #horizontal-multilevel-menu { text-align: left; padding: 0; display: table; } #horizontal-multilevel-menu a { border-right: none; color: #434546; font-weight: 400; font-size: 18px; text-transform: none; margin-left: 10px; } #horizontal-multilevel-menu a:hover { color: #000; text-decoration: underline; } header nav ul#horizontal-multilevel-menu ul li a { white-space: initial; font-size: 18px; font-family: "pf-light"; } header nav #horizontal-multilevel-menu ul li ul { display: block; } #horizontal-multilevel-menu>li>a { text-transform: uppercase; font-weight: 500; line-height: 18px; margin: 20px 0 15px; font-family: "pf-medium"; position: relative; } header li { width: 33.3333%; text-align: left; border: none; float: left; } header nav ul#horizontal-multilevel-menu ul { padding-top: 0px; padding-bottom: 0; text-align: left; display: block; background: none; position: initial; } header nav ul#horizontal-multilevel-menu ul li { border: none; } .content-wrapper .workpage-left-column { display: none; } .content-wrapper .workpage-top-submenu { display: block; } .content-wrapper div.workpage-right-column { width: 100%; max-width: none; float: none; } .li-sub-parent .open_menu { display: none; } } @media (max-width: 960px) { #menu-toggle-wrapper { top: 8px; } } @media (max-width: 900px) { .workpage-right-column .catitems-wrapper .catitem { width: 49%; padding: 0; margin-bottom: 10px; } .workpage-right-column .catitems-wrapper .catitem .catitem-specs { width: 90%; padding: 0; margin-bottom: 10px; } .workpage-right-column .catitems-wrapper .catitem, .workpage-right-column .catitems-wrapper .catitem:nth-of-type(odd) { position: inherit; } .calculator-product-select-list { width: 100%; box-sizing: border-box; } .calculator-product-select-list tr { display: flex; flex-wrap: wrap; } .calculator-product-select-list td, .calculator-product-select-list td:not(:last-of-type) { width: 50%; border: none; vertical-align: top; border-bottom: 1px solid #dadada; } .calculator-product-select-list tr:last-child td:last-child { border: none; } .calculator-product-select-list tr:last-of-type p { border: none; } .catitem:nth-of-type(2n+1)::before { display: none; } .dealer-fullsize { display: none; } .dealer-mobile { display: flex; flex-wrap: wrap; margin-top: 7px; } .dealer-mobile div { width: 50%; box-sizing: border-box; padding: 15px; border: 2px solid black; min-width: 200px; } .dealer-mobile div:first-child { border-right: none; } .dealer-mobile div p { margin: 0; padding: 0; } .dealer-mobile div p:first-child { text-transform: uppercase; } .dealer-mobile div p a { margin: 7px 0; display: table; } .workpage-content-wrapper .dealers-sections-headers a { width: 100%; padding: 0; margin-bottom: 10px; border: none; } .objects_tables td { width: 50%; } .objects_tables td img { width: 98%; height: auto; } .video_block iframe { width: 100%; height: 360px; } } @media (max-width: 767px) { .b-news-subscribe .b-news-subscribe__slogan { width: 100%; } .b-news-subscribe .b-news-subscribe__slogan span { display: none; } .b-news-subscribe .b-news-subscribe__form { width: 100%; float: none; margin-top: 15px; } .b-partner { width: 45%; } } @media (max-width: 650px) { .all-yellow-wrapper .content-wrapper { padding: 20px 15px; } header li { width: 100%; } header nav ul#horizontal-multilevel-menu ul { display: none; } .social_mobile a.wherebuy { margin-left: 0; margin-top: 20px; width: 100%; } #menu-toggle-wrapper { left: 10px; } header nav ul#horizontal-multilevel-menu ul li a { position: relative; padding-right: 15%; } header nav ul#horizontal-multilevel-menu ul li a:after { content: " "; width: 1px; height: 100%; position: absolute; background: #d9dadc; right: 35px; top: 0; } .open_menu { content: " "; width: 10px; height: 100%; position: absolute; right: -7px; border-left: 1px solid #d9dadc; padding-left: 32px; cursor: pointer; z-index: 100; display: block; top: 0; } .open_menu:before { content: " "; background: url(/local/templates/main/images/open.png) no-repeat center center; width: 20px; height: 20px; position: absolute; left: 7px; transition: all 0.5s ease; } .open_menu.active:before { transform: rotate(-180deg); } header nav ul#horizontal-multilevel-menu ul.menu_open { display: block; } .b-address td { display: block; width: 100%; } .b-small-table td { display: table; width: 100%; } .contacts_map, #dealers-search-map.dealers-map { height: 400px; } .small_image { margin: 0; padding: 0; width: 50%; height: auto; margin-bottom: 7px; } .small_image-100 { margin: 0; padding: 0; width: 100%; height: auto; margin-bottom: 7px; } .search-page .pagination { flex-wrap: wrap; } .search-page .pagination font { width: 100%; } footer .footer-info p, footer .footer-info p.footer-copyright, footer .footer-info p.footer-descr { margin: 0; } footer .footer-info p.footer-descr { margin-top: 7px; } .dealer-mobile div { width: 100%; } .dealer-mobile div:first-child { border-right: 2px solid black; border-bottom: none; } .dealers-search-form input[type=text] { width: 100%; box-sizing: border-box; padding-left: 10px; } .dealers-search-form input[type=submit] { float: left; margin: 10px 0; padding-left: 10px; } .video_block iframe { height: 280px; } .dealer-section-title { padding-right: 50px; } } @media (max-width: 500px) { .objects_tables td { width: 100%; display: block; } .objects_tables td img { width: 100%; } .b-video__element { width: 100%; } .system-item { width: 98% !important; } .b-partner { width: 100%; } } @media (max-width: 450px) { .workpage-right-column .catitems-wrapper .catitem, .workpage-right-column .catitems-wrapper .catitem .catitem-specs { width: 100%; text-align: center; margin-bottom: 20px; } .workpage-right-column .catitem .catitem-more { padding-right: 30px; } .calculator-product-select-list td, .calculator-product-select-list td:not(:last-of-type) { width: 100%; } .calculator-input-values table td, .calculator-output-values th, .calculator-output-values td { padding: 6px 5px; font-size: 14px; vertical-align: middle; } .calculator-product-select-button { width: 100%; box-sizing: border-box; padding: 7px 6px; } .region-section h2 { font-size: 21px; } .elem__btn-back-top { display: none; } } @media (max-width: 400px) { .small_image { width: 100%; } .workpage-right-column .search-page input[type="text"] { width: calc(100% - 110px); } .workpage-right-column .search-page input[type="submit"] { width: auto; } .video_block iframe { height: 180px; } } @media (min-width: 1101px) { .dealer-item-phone a { /* pointer-events: none; */ } } .text-nowrap { white-space: nowrap; } .ps-popup { max-width: 850px; border: 1px solid #c9c6c6; position: relative; background: #FFF; padding: 0 0 0 0; width: auto; margin: 20px auto; } .ps-popup-wrap.mfp-bg { z-index: 1502; } .ps-popup-wrap.mfp-wrap { z-index: 1503; } .ps-specoffer {} .ps-specoffer * { box-sizing: border-box; outline: none; } .ps-specoffer *:focus { outline: none; } .ps-specoffer__header { background: #f8ae01; text-align: center; line-height: 1.3; padding: 1em 30px; } @media (max-width: 800px) { .ps-specoffer__header { font-size: 14px; } } .ps-specoffer__header_success { display: none; } .ps-specoffer.--success .ps-specoffer__header_default { display: none; } .ps-specoffer.--success .ps-specoffer__header_success { display: block; } .ps-specoffer.--success .ps-specoffer__main { display: none; } .ps-specoffer__title { font-weight: bold; font-size: 1.7em; } .ps-specoffer__subtitle { margin-top: 0.5em; font-size: 1.4em; } .ps-specoffer__main {} .ps-subscribe {} .ps-subscribe__types {} .ps-subscribe__list { font-size: 0; line-height: 1; text-align: center; position: relative; } @media (max-width: 800px) { .ps-subscribe__list { max-width: 320px; margin-left: auto; margin-right: auto; } } .ps-subscribe__list .swiper-button-prev, .ps-subscribe__list .swiper-button-next { margin: 0; width: 22px; height: 50px; outline: none; top: 50%; transform: translateY(-50%); display: none; } @media (max-width: 800px) { .ps-subscribe__list .swiper-button-prev, .ps-subscribe__list .swiper-button-next { display: block; } } .ps-subscribe__list div.swiper-button-prev { background: url(/local/templates/main/images/icon/arow-left2-orange.png) no-repeat; left: 0; } .ps-subscribe__list div.swiper-button-next { background: url(/local/templates/main/images/icon/arow-right2-orange.png) no-repeat; right: 0; } .ps-subscribe__item { display: inline-block; vertical-align: top; font-size: 16px; line-height: 1.3; max-width: 250px; padding: 15px 15px; } .ps-subscribe__formbox { padding: 20px 10px 25px; } .ps-subscribe__formbox .b-main-subscribe__politics { max-width: 550px; text-align: center; margin: 0 auto; } .ps-subscribe__formbox .b-main-subscribe__politics a { text-decoration: none; border-bottom: 1px dashed #797e87; } .ps-subscribe__fieldbox { display: block; position: relative; max-width: 320px; margin-left: auto; margin-right: auto; } .ps-subscribe__field { background: #ffffff; border: 1px solid #bfc3ca; display: block; width: 100%; padding: 0 40px 0 10px; line-height: 1; font-size: 14px; height: 36px; } .ps-subscribe__btn { background: #bfc3ca; border: none; display: block; position: absolute; top: 0; right: 0; padding: 5px 15px; line-height: 1; font-size: 22px; cursor: pointer; color: #ffffff; height: 100%; } .ps-subscribe__errors { color: red; margin-top: 15px; text-align: center; } .ps-subscribe__notice { text-align: center; line-height: 1.3; max-width: 550px; margin: 15px auto 0; } .ps-subscribe__notice a { color: #2375c8; text-decoration: underline; } .ps-subscribe__notice a:hover, .ps-subscribe__notice a:focus { text-decoration: none; } .ps-subscribe__interrupt { display: block; cursor: pointer; color: #808080d1; text-align: center; text-decoration: underline; margin-top: 2.6em; margin-bottom: 0.3em; } .ps-sstype { text-align: center; } .ps-sstype__label { display: block; cursor: pointer; } .ps-sstype__checkbox { display: none; } .ps-sstype__main { display: block; background: #f1f1f1; border: 2px solid #d5d2d2; padding: 0.4em 0; transition: all 0.3s ease 0s; } .ps-sstype__main:hover, .ps-sstype__main:focus { background: #f2bb23; } .ps-sstype__checkbox:checked~.ps-sstype__main { border-color: #d8282f; } .ps-sstype__picture { display: block; padding: 0.45em 5px; } .ps-sstype__pictable { display: table; width: 100%; height: 160px; } .ps-sstype__pictc { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .ps-sstype__img { max-height: 160px; width: auto; max-width: 100%; vertical-align: middle; } .ps-sstype__title { display: block; font-weight: bold; font-size: 1.2em; padding: 0.45em 0.3em; } /** * Fade-zoom animation for first dialog */ /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* proclub */ .proclub { font-family: pf-regular, sans-serif; } .proclub__header { background: url("/local/templates/main/./images/proclub/header_29_09_2023.jpg") no-repeat top center; width: 100%; height: 300px; position: relative; } .proclub__header a { display: block; position: absolute; background-color: white; opacity: 0; height: 40px; width: 40px; right: 245px; text-decoration: none; bottom: 160px; } .proclub__header a:hover { text-decoration: none; opacity: 20%; } .proclub__header a:nth-child(2) { right: 196px; } .proclub__header a:nth-child(3) { right: 147px; } .proclub__header a:nth-child(4) { right: 98px; } .proclub__header a:nth-child(5) { right: 44px; } .proclub__container h3 { text-align: center; padding: 63px 14vw 15px; font-size: 30px; font-weight: 400; line-height: 36px; letter-spacing: 0; } .proclub__container p { font-size: 20px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: 0; text-align: center; } .proclub__container { padding: 0 66px 60px; } .proclub__title { font-size: 20px; line-height: 24px; text-align: center; color: #000000; grid-column: 1 / 3; grid-row: 1; } .workpage-right-column .proclub__block h3 { color: black; padding: 63px 6vw 15px; } .proclub__block-1 { display: grid; grid-template-columns: 3fr 4fr; gap: 20px; } .proclub__block .proclub__title { padding: 30px 0; } .proclub__features { display: flex; justify-content: space-between; } .proclub__feature { margin: 0 10px; flex: 1 0 21%; } .proclub__container .proclub__feature p { padding: 30px 0; text-align: center; } .proclub__feature-head { width: 100%; height: 160px; border-bottom: 1px solid #d1d1d1; } .proclub__feature p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0; text-align: center; } .proclub__feature-head.learn { background: url("/local/templates/main/./images/proclub/FirstLearn.png") no-repeat center center; } .proclub__feature-head.cheki { background: url("/local/templates/main/./images/proclub/FirstCheki.png") no-repeat center center; } .proclub__feature-head.friends { background: url("/local/templates/main/./images/proclub/FirstFriends.png") no-repeat center center; } .proclub__feature-head.materials { background: url("/local/templates/main/./images/proclub/FirstMaterials.png") no-repeat center center; } /* Блок возможности */ .proclub__block-possibility { margin-bottom: 0; text-align: center; } .workpage-right-column .proclub__block-possibility h3 { text-transform: uppercase; display: inline-block; border-bottom: 1px solid #f8ae01; padding: 63px 0 5px; margin-bottom: 60px; line-height: 120%; border-top: none; margin-top: 0; color: black; } .proclub__block-possibility-list { display: flex; justify-content: space-around; flex-wrap: wrap; } .proclub__block-possibility-item { display: flex; flex-direction: column; color: #929292; text-align: center; width: 190px; align-items: center; padding: 10px; margin-right: 20px; height: 325px; } .proclub__block-possibility-item:last-child { margin-right: 0; } .proclub__block-possibility-item-img-wrap { height: 120px; } .proclub__block-possibility-item-img { margin-bottom: 15px; } .workpage-right-column .proclub__block-possibility-item-title { border-top: 1px solid #d1d1d1; font-size: 18px; margin-bottom: 15px; padding: 30px 0 0; line-height: 21px; } .workpage-right-column .proclub__block-possibility-item-description { font-size: 12px; margin-bottom: 15px; padding-top: 0; padding-left: 0; line-height: 14px; } @media (max-width: 619px) { .proclub__block-possibility-list { flex-direction: column; align-content: center; } } @media (min-width: 1280px) { .proclub__block-possibility-list { justify-content: space-between; flex-wrap: nowrap; } .proclub__block-possibility-item { width: 180px; } } /* Блок условия проведения */ .proclub__block-conditions { color: #000; margin-bottom: 30px; text-align: center; font-size: 20px; } .workpage-right-column .proclub__block-conditions a { color: #f8ae01; border-bottom: 1px solid #f8ae01; } .workpage-right-column .proclub__block-conditions a:hover { border-bottom: 1px solid transparent; } /* Нижний блок с кнопками */ .proclub__block-app-buttons { display: grid; grid-template-columns: repeat(5, 1fr); justify-content: center; gap: 20px; } .workpage-right-column .proclub__button { background: #000; box-sizing: border-box; border-bottom: none !important; text-align: center; width: 40px; height: 40px; border-radius: 4px; } .proclub__button:hover { opacity: 0.7; } .proclub__google, .proclub__apple, .proclub__huawei, .proclub__rustore, .proclub__nashstore { text-align: center; } .proclub__button--huawei.proclub__button--huawei, .proclub__button--appstore.proclub__button--appstore, .proclub__button--gplay.proclub__button--gplay, .proclub__button--rustore.proclub__button--rustore, .proclub__button--nashstore.proclub__button--nashstore { margin-bottom: 30px; } .proclub__button--huawei.proclub__button--huawei { background-image: url(/images/proclub/huawei.png); background-size: 34px 32px; background-repeat: no-repeat; background-position: center; } .proclub__button--appstore.proclub__button--appstore { background-image: url(/images/proclub/appstore.png); background-size: 15px 19px; background-repeat: no-repeat; background-position: center; } .proclub__button--gplay.proclub__button--gplay { background-image: url(/images/proclub/googleplay.png); background-size: 17px 17px; background-repeat: no-repeat; background-position: center; } .proclub__button--rustore.proclub__button--rustore { background-image: url(/images/proclub/rustore.png); background-size: 25px 25px; background-repeat: no-repeat; background-position: center; } .proclub__button--nashstore.proclub__button--nashstore { background-image: url(/images/proclub/nashstore.png); background-size: 26px 25px; background-repeat: no-repeat; background-position: center; } .proclub__block-app-buttons .proclub__button { background: none; background-color: #000; width: 100%; border-radius: 0; line-height: 40px; display: block; } .proclub__block-app-buttons .proclub__button img { vertical-align: middle; } @media (max-width: 1024px) { .proclub__block-app-buttons { grid-template-columns: auto; grid-template-rows: repeat(5, 1fr); gap: 40px; } .proclub__button--huawei.proclub__button--huawei, .proclub__button--appstore.proclub__button--appstore, .proclub__button--gplay.proclub__button--gplay, .proclub__button--rustore.proclub__button--rustore, .proclub__button--nashstore.proclub__button--nashstore { margin-bottom: 15px; } .proclub__about-new-version.proclub__about-new-version { grid-column: 1; grid-row: 5; } .proclub__title, .proclub__resuming.proclub__resuming { grid-column: 1; } .proclub__block-1 { grid-template-columns: 1fr; } .proclub__resuming.proclub__resuming span { font-size: 20px; } .proclub__block-1 .proclub__button-link-mobile.proclub__button-link-mobile { grid-gap: 10px; } } .proclub__block-video { height: 650px; } .proclub__block-list { max-width: 800px; margin: 0 auto; } .workpage-right-column .proclub__block-list h3 { border: none; text-align: center; padding: 60px 0; margin: 0; color: black; } .proclub__block-list h3 span { color: #F8AE01; } .proclub__list-header { display: inline-block; color: black; font-size: 22px; padding-bottom: 3px; margin: 0 15px 12px; border-bottom: 1px solid #f8ae01; } .proclub__block-list .proclub__list-item { background: url("/local/templates/main/./images/proclub/arrow.png") no-repeat left center; padding: 6px 10px 6px 35px; color: black; font-size: 20px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: 0; text-align: left; } .proclub__block-steps { background-color: #F8AE01; padding: 50px; } .workpage-right-column .proclub__block-steps p { text-align: center; color: black; } .workpage-right-column .proclub__block-steps h2 { display: block; border: none; text-align: center; font-size: 30px; font-weight: 400; line-height: 36px; letter-spacing: 0; color: black; } .proclub__steps-list { display: flex; max-width: 700px; margin: 0 auto; } .proclub__steps-item { margin: 0 10px; flex: 1 0 31%; } .proclub__container .proclub__steps-item p { margin: 0 10px; flex: 1 0 31%; text-align: center; color: white; padding: 30px 0; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0; } .proclub__steps-head { width: 100%; height: 140px; border-bottom: 1px solid #000; } .proclub__steps-head.google { background: url("/local/templates/main/./images/proclub/StayGooglePlay.png") no-repeat center center; } .proclub__steps-head.qr { background: url("/local/templates/main/./images/proclub/StayDownload.png") no-repeat center center; } .proclub__steps-head.reg { background: url("/local/templates/main/./images/proclub/StayRegistration.png") no-repeat center center; } .proclub__block-1 .proclub__button-link-mobile { display: grid; grid-gap: 20px; grid-template-columns: repeat(5, 1fr); grid-column: 1 / 2; grid-row: 4; width: fit-content; } .proclub__manual { grid-row: 3; font-size: 20px; color: #000; } .proclub__manual div { margin-bottom: 10px; } .proclub__manual span { color: #ee1c25; font-family: pf-bold; } .proclub__resuming { grid-row: 2; grid-column: 1/3; text-align: center; } .proclub__resuming span { padding: 10px 30px; font-size: 30px; font-weight: 400; background-color: #ee1c25; color: #fff; margin-bottom: 20px; display: inline-block; font-family: pf-bold, sans-serif; line-height: 30px; } .proclub__about-new-version { grid-column: 2 / 3; grid-row: 3/5; padding: 50px; border: dotted 1px; text-align: center; font-size: 20px; color: #000; } @media (max-width: 1300px) { .proclub__header { background: url("/local/templates/main/./images/proclub/1200.jpg") no-repeat top center; background-size: cover; width: 100%; height: 36vw; display: none; } .proclub__header a { display: none; } .proclub__block-1 .proclub__button-link-mobile { display: flex; justify-content: space-around; flex-direction: row; margin-bottom: 1rem; } .proclub__block-1 .proclub__button-link-mobile a { margin-bottom: 0; } .proclub__block-video { height: 50vw; } } @media (max-width: 800px) { .proclub__container { padding: 0 20px; } .proclub__header { background: url("/local/templates/main/./images/proclub/Baner_800.jpg") no-repeat top center; background-size: cover; width: 100%; height: 135vw; display: none; } .proclub__block-1 .proclub__button-link-mobile { display: flex; justify-content: space-around; flex-direction: row; } .proclub__block-1 .proclub__button-link-mobile a { margin-bottom: 0; } .proclub__container h3 { padding: 50px 0 15px; } .proclub__features { flex-wrap: wrap; } .proclub__feature { flex: 1 0 45%; } .proclub__steps-list { flex-wrap: wrap; } .proclub__steps-item { flex: 1 0 51%; } } /*мобильный баннер на проклабе*/ .proclub__mobile-banner { display: none; } @media (max-width: 1300px) { .proclub__mobile-banner { display: block; padding-top: 20px; } } @media (max-width: 1300px) { .proclub__mobile-banner img { width: 100%; } } @media (max-width: 370px) { .proclub__mobile-banner img { width: 90%; } } /* End */ /* Start:/local/templates/main/template_styles.css?174350831156334*/ @font-face { font-family: pf-regular; src: url(/local/templates/main/fonts/PFSquareSansPro-Regular.woff); } @font-face { font-family: pf-medium; src: url(/local/templates/main/fonts/PFSquareSansPro-Medium.woff); } @font-face { font-family: pf-light; src: url(/local/templates/main/fonts/PFSquareSansPro-Light.woff); } @font-face { font-family: pf-light; font-style: italic; src: url(/local/templates/main/fonts/PFSquareSansPro-LightItalic.woff); } @font-face { font-family: pf-bold; src: url(/local/templates/main/fonts/PFSquareSansPro-Bold.woff); } @font-face { font-family: "Material Icons"; src: url(/local/templates/main/fonts/MaterialIcons-Regular.ttf); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } body { font-family: 'pf-regular', arial, sans-serif; color: #434546; } a { text-decoration: none; color: inherit; } h2, .h2 { font-size: 24px; line-height: 1; display: inline-block; vertical-align: top; text-transform: uppercase; font-family: 'pf-medium', sans-serif; padding-top: 24px; margin-bottom: 15px; border-bottom: 1px solid red; font-weight: normal; letter-spacing: 0.7px; } h1 { font-family: 'pf-medium', sans-serif; font-size: 24px; line-height: 1; text-transform: uppercase; padding: 5px; } h3, h1.h3-style { font-size: 26px; display: block; border-top: 1px solid #d1d1d1; margin-top: 25px; padding: 30px 0 15px; } h1.h3-style { font-family: pf-light, sans-serif; font-weight: normal; text-transform: none; } h2.h3-style { font-size: 26px; border-bottom: 0; text-transform: none; font-family: pf-regular, arial, sans; } h4, .h4-style { text-transform: uppercase; font-size: 19px; line-height: 1; padding: 15px 5px 0; } .h4-style { padding-left: 0; border-bottom: 0; font-family: pf-light, sans-serif; text-transform: none; } h5 { font-family: 'pf-medium', sans-serif; font-size: 19px; line-height: 1; color: #434546; padding: 15px 5px 5px; } td { vertical-align: top; } input { border: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; border-radius: 0; } sup { vertical-align: super; font-size: 12px; } .all-yellow-wrapper { max-width: 1248px; padding: 0 18px 10px; margin: 0 auto; background: #f8ae01; } /*------------------------header--------------------*/ header img, header a { display: block; } header ul { padding: 51px 0 16px; text-align: center; } header li { display: inline-block; vertical-align: top; } header li a { text-transform: uppercase; padding: 0 10px; } header li:not(:last-of-type) a { border-right: 1px solid #fbcc62; } header>div { float: left; padding: 19px 12px 0; color: #fff; } header>div>a { padding: 0 3px; text-decoration: underline; } header>div div a { width: 22px; height: 22px; margin: 0 5px 0 0; background: #fff; display: inline-block; vertical-align: top; margin-top: 17px; } header>div div a.search { background: #F8AE01 url('/local/templates/main/images/search.png') no-repeat left top; } header>div div a.search:hover { background: #F8AE01 url('/local/templates/main/images/search.png') no-repeat left bottom; } header>a { float: right; margin-right: 10px; } .hidden { display: none; } /*------------------------/header--------------------*/ .page-content-container { font-size: 17px; line-height: 1; } .page-content-container table td { vertical-align: top; } .page-content-container table td:not(:last-of-type) { padding-right: 20px; } .page-content-container p { color: #797e87; } .page-content-container ol { padding: 14px 0 0 5px; list-style: decimal; margin-left: 50px; color: #797e87; } .page-content-container ol li { padding-left: 5px; background: none; } .content-wrapper { background: #fff; padding: 20px 50px 100px 45px; } .content-wrapper.main, .content-wrapper.solutions { padding: 0; } .workpage-content-wrapper { overflow: auto; } .route { font-size: 14px; padding-bottom: 30px; } .route a { display: inline-block; vertical-align: top; padding-right: 30px; } .route a:not(:last-of-type) { color: #797e87; text-decoration: underline; } #vertical-multilevel-menu { padding: 50px 0 10px; font-size: 14px; border-bottom: 1px solid #ebebeb; } #vertical-multilevel-menu a { display: block; } #vertical-multilevel-menu>li>a { border-top: 1px solid #ebebeb; text-transform: uppercase; color: #797e87; padding: 10px 5px 10px 23px; position: relative; } #vertical-multilevel-menu>li>a:after { content: ''; display: block; position: absolute; width: 4px; height: 7px; background: url(/local/templates/main/images/arrow-menu.png) no-repeat; top: 12px; left: 10px; } #vertical-multilevel-menu>li>a.root-item-selected { color: #434546; } #vertical-multilevel-menu ul.root-item li { background-color: #EBEBEB; margin-bottom: 1px; padding: 2px 36px; color: #797E87; list-style: none; position: relative; } #vertical-multilevel-menu ul.root-item li::before { content: ''; width: 5px; height: 5px; background-color: #F8AE01; border-radius: 50%; position: absolute; left: 20px; top: 10px; } #vertical-multilevel-menu ul.root-item li:hover a { color: #434546; text-decoration: underline; /*border-bottom: 1px solid #434546;*/ } #vertical-multilevel-menu>li>a.root-item-selected.with-children span { border-bottom: 1px solid #434546; } #vertical-multilevel-menu>li>a.root-item-selected:after { background-position: 0 100%; } #vertical-multilevel-menu>li>a.root-item-selected.with-children:after { transform: rotate(91deg); } #vertical-multilevel-menu>li>a.root-item-selected+ul { display: block; } #vertical-multilevel-menu>li>a:hover { color: #434546; } #vertical-multilevel-menu ul { padding: 0 0 13px 50px; color: #434546; display: none; } #vertical-multilevel-menu ul>li a { padding: 4px 0; } #vertical-multilevel-menu ul>li a.item-selected { color: #d8282f; text-decoration: underline; } .workpage-left-column { width: 255px; float: left; } .left-column-banner { padding-top: 45px; } /*.workpage-right-column:not(.solutions) {*/ /* max-width: 820px;*/ /* width: 70%;*/ /* float: right;*/ /* font-size: 17px;*/ /* line-height: 21px;*/ /* color: #797e87;*/ /*}*/ .workpage-right-column { max-width: 680px; float: right; font-size: 17px; line-height: 21px; color: #797e87; } .workpage-right-column.solutions { max-width: 100%; width: 100%; } .proclub.workpage-right-column { max-width: none; width: auto; float: right; } .workpage-right-column p { padding: 14px 0 0 5px; } .workpage-right-column p b, .workpage-right-column p strong { font-family: pf-bold; } .workpage-right-column p i, .workpage-right-column p em { font-style: italic; } .workpage-right-column a { color: #434546; border-bottom: 1px solid #d8282f; line-height: 1.2; } .workpage-right-column li { padding: 3px 15px; background: url(/local/templates/main/images/dot.png) no-repeat left 10px; } .workpage-right-column li p { padding: 0; } .workpage-right-column li a { color: #434546; border-bottom: 1px solid #d8282f; } .workpage-right-column h1, .workpage-right-column h2, .workpage-right-column h3, .workpage-right-column h4 { color: #434546; } .site-navigation { font-size: 17px; line-height: 1; padding-bottom: 50px; } .site-navigation .pagination { display: inline-block; } .site-navigation .pagination a, .site-navigation .pagination span { display: inline-block; vertical-align: top; margin: 1px 6px; } .site-navigation .pagination a { color: #d8282f; border-bottom: 1px solid #d8282f; } .site-navigation .pagination a:hover { border: none; } .site-navigation .pagination .forum-page-previous, .site-navigation .pagination .forum-page-next { width: 10px; height: 11px; border: none; margin: 3px 6px 1px 6px; } .site-navigation .pagination .forum-page-previous { background: url(/local/templates/main/images/arrow-pagenav-prev.png) no-repeat; } .site-navigation .pagination .forum-page-next { background: url(/local/templates/main/images/arrow-pagenav-next.png) no-repeat; } .site-navigation .showed-items { float: right; } .workpage-file-list li { padding: 7px 20px; background: url(/local/templates/main/images/pdf.png) no-repeat left center; } .workpage-file-list li a { color: #434546; border-bottom: 1px solid #d8282f; } .wrapper-404 p { padding-bottom: 10px; } .wrapper-404 p:last-of-type { padding-top: 30px; margin-top: 30px; border-top: 1px solid #ededed; } /*------------------------footer--------------------*/ footer { padding: 30px 47px 15px; overflow: hidden; } footer a { display: block; text-transform: uppercase; font-size: 14px; line-height: 1; } footer .level0>li { display: inline-block; vertical-align: top; padding-bottom: 20px; } footer .level0>li:not(:last-of-type) { padding-right: 10px; } footer .level0>li>a { font-size: 18px; border-bottom: 1px solid #fbd16d; padding: 11px 0; margin-bottom: 11px; } footer .level0>li:first-of-type ul { columns: 2 275px; -webkit-columns: 275px 2; -moz-columns: 2 275px; } footer .level0 ul li { width: 20vw; max-width: 275px; } footer .level0 ul a { padding: 8px 20px 5px 2px; line-height: 17px; } .footer-info { padding: 30px 0 0; color: #fff; border-top: 1px solid #fbd16d; } .footer-info p { display: inline-block; vertical-align: middle; } .footer-info p.footer-phone { font-family: 'pf-medium', sans-serif; font-size: 24px; } .footer-info p span { font-family: 'pf-light', sans-serif; } .footer-info p.footer-descr { font-size: 14px; line-height: 1; margin-left: 2vw; } .footer-info p.footer-copyright { margin-top: 15px; width: 80%; } .footer-info p.footer-copyright a { display: inline; text-transform: none; } .footer-info div { float: right; } .footer-info div a { width: 22px; height: 22px; margin: 0 5px 0 0; background: #fff; display: inline-block; vertical-align: top; margin-top: 5px; } /*------------------------footer--------------------*/ .popup-layout { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 999; display: none; } .popup-container-wrapper { background: #fff; position: fixed; top: 0; right: 0; /*bottom: 0;*/ left: 0; margin: auto; text-align: center; width: 935px; height: 485px; overflow: hidden; } .popup-container-wrapper.catitem-mailform-wrapper { width: 525px; height: auto; text-align: left; } .popup-container-wrapper .header { padding: 15px 15px 10px; text-transform: uppercase; color: #000; position: relative; background: #fff; } .popup-container-wrapper .header.catitem-mailform-header { background: #f8ae01; } .popup-container-wrapper .title { padding-left: 45px; font-family: 'pf-medium', sans-serif; font-size: 22px; line-height: 28px; text-transform: uppercase; } .popup-container-wrapper .title.catitem-mailform-title { background: url(/local/templates/main/components/bitrix/catalog/sika_catalog/bitrix/catalog.element/.default/images/mail_form.png) no-repeat left center; } .popup-container-wrapper .popup-close-button { width: 23px; height: 23px; border: none; position: absolute; top: 15px; right: 20px; background: url(/local/templates/main/components/bitrix/catalog/sika_catalog/bitrix/catalog.element/.default/images/x.png) no-repeat top center; } .popup-container-wrapper .body { background: #f8ae01; padding: 30px; } .popup-container-wrapper .body.catitem-mailform-title { background: #fff; } .popup-container-wrapper .body.center-align { text-align: center; } .popup-container-wrapper .body .popup-social-row { display: inline-block; vertical-align: top; padding: 10px; width: 46%; height: 304px; background: #fff; } .popup-container-wrapper .body .popup-social-row:nth-of-type(2) { margin: 0 10px; } .new_popup_banner { padding: 0 61px 15px; } .new_popup_banner_container .ps-specoffer__title { font-size: 34px; font-weight: 400; } .new_popup_banner_container .ps-specoffer > img { display: block; margin: 30px 105px 55px auto; } .new_popup_banner .form-field { max-width: 300px; } .new_popup_banner_container { background-color: #f8ae01; max-width: 800px; } .popup-container-wrapper .body .form-field, .new_popup_banner .form-field { padding-bottom: 10px; } .popup-container-wrapper .body .backend-errors { margin-bottom: 20px; } .popup-container-wrapper .body .form-field span, .popup-container-wrapper .body .form-field br, .new_popup_banner .form-field span, .new_popup_banner .form-field br { display: none; } .popup-container-wrapper .body .form-field:has(input[type=checkbox]) input, .new_popup_banner .form-field:has(input[type=checkbox]) input { display: none; } .popup-container-wrapper .body .form-field:has(input[type=checkbox]) label span, .new_popup_banner .form-field:has(input[type=checkbox]) label span { display: block; position: relative; font-size: 11px; padding-left: 27px; } .popup-container-wrapper .body .form-field:has(input[type=checkbox]) label span::before, .new_popup_banner .form-field:has(input[type=checkbox]) label span::before { display: block; content: ''; width: 19px; height: 19px; margin: -1px 4px 0 0; background: #fff; border-radius: 6px; border: 1px solid #d1d1d1; cursor: pointer; position: absolute; left: 5px; } .popup-container-wrapper .body .form-field:has(input[type=checkbox]:checked) label span::before, .new_popup_banner .form-field:has(input[type=checkbox]:checked) label span::before { background: url(/images/icon-red-check.png) center center no-repeat; background-size: 98%; } .new_popup_banner .form-field:has(input[type=checkbox]:checked) label span::before { background-color: #fff; } .popup-container-wrapper .body input[type=text], .new_popup_banner input[type=text] { padding: 5px; width: 97%; font-size: 17px; border: 1px solid #d1d1d1; } .new_popup_banner input[type=text] { width: 100%; } .popup-container-wrapper .body select[name=form_dropdown_specialization], .popup-container-wrapper .body select[name=form_dropdown_region], .new_popup_banner select[name=form_dropdown_specialization], .new_popup_banner select[name=form_dropdown_region] { width: 100%; height: 36px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none !important; margin-left: 0; margin-bottom: 0; border: 1px solid #d1d1d1; font-weight: normal; font-size: 17px; color: #797e87; cursor: pointer; padding: 5px; } .popup-container-wrapper .body select[name=form_dropdown_specialization] option { padding: 0; } form[name=SIMPLE_FORM_1] input { background: #fcfcfc; } form[name=SIMPLE_FORM_1] select, form[name=PREORDER] select { background: #fcfcfc url(/local/templates/main/images/exp.png) no-repeat 98% 14px; } .popup-container-wrapper .body textarea, .new_popup_banner textarea { width: 97%; padding: 5px; border: 1px solid #d1d1d1; font-family: pf-regular; font-size: 19px; } .new_popup_banner textarea { width: 100%; } .popup-container-wrapper .body input[type=submit], .new_popup_banner input[type=submit] { width: 165px; padding: 7px 15px 6px; font-size: 17px; color: #fff; text-align: left; cursor: pointer; background: #c0c5cb url(/local/templates/main/images/arrow-more.png) no-repeat 95% center; text-transform: uppercase; } .new_popup_banner form[name=SIMPLE_FORM_1] input[type=submit]:hover { background-color: #c0c5cb; } .popup-layout.catitem-popup-layout.preorder .popup-container-wrapper .body input[type=submit] { background: #f8ae01 url(/local/templates/main/images/arrow-more.png) no-repeat 95% center; } .popup-container-wrapper .body .popup-close-text-button { display: block; text-align: center; text-decoration: underline; color: #fff; font-size: 20px; padding: 30px 0 0; } .popup-container-wrapper { height: 315px; } .popup-container-wrapper .body .popup-social-row { height: 70px; } .popup-container-wrapper .body .popup-social-row p { font-size: 30px; } .form-loading { width: 60px; height: 60px; margin: 15px auto; background: url(/local/templates/main/images/loading.png); -webkit-animation: spin 10s infinite linear; animation: spin 10s infinite linear; } .search-page input[type="text"] { border: 1px solid #d1d2d2; font-size: 15px; padding: 8px 30px; width: 67%; } .search-page input[type="submit"] { background: #c0c5cb url("/local/templates/main/images/arrow-more.png") no-repeat scroll 95% center; color: #fff; float: right; font-size: 17px; padding: 7px 15px 6px; text-align: left; text-transform: uppercase; width: 165px; } .search-title { margin-bottom: 43px; font-size: 19px; color: #434546; text-transform: uppercase; } .search-page a.result-name { margin-bottom: 20px; font-size: 20px; color: #d8282f; border-bottom: 0; } .search-page a.result-name:hover { border-bottom: 1px solid #d8282f; } .search-page p.result-text, .search-page .modified { display: block; padding: 14px 0 10px; font-size: 17px; color: #9c9e9f; } .search-path { margin-bottom: 33px; padding: 14px 0 0; text-transform: lowercase; } .search-page .search-path a { color: #434546; font-size: 17px; border-bottom: 1px solid #d8282f; } .search-page .search-path a:hover { border-bottom: 0; } .search-path a, .search-path span { border-bottom: 0; } .search-page hr { height: 1px; margin-top: 33px; margin-bottom: 40px; border: 0; background-color: #d1d2d2; color: #d1d2d2; } .search-page .pagination { display: flex; justify-content: space-between; flex-direction: row-reverse; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } /***foremans page***/ .foremans-school-form:after { content: ''; display: block; clear: both; margin-bottom: 32px; } .foremans-school-form label { float: left; width: 49%; min-height: 48px; } .foremans-school-form .fieldset, .foremans-school-form fieldset { float: none; clear: both; margin-bottom: 24px; } .foremans-school-form .fieldset label, .foremans-school-form fieldset label { float: none; width: 100%; } .foremans-school-form .fieldset label br, .foremans-school-form fieldset label br { display: block; } .foremans-school-form .fieldset label label, .foremans-school-form fieldset label label { display: inline-block; width: calc(100% - 30px); min-height: 13px; margin-top: 16px; } .foremans-school-form label span, .foremans-school-form label br { display: none; } .foremans-school-form label label span { display: inline; } .foremans-school-form input.error { outline: 0; border: 0; box-shadow: 0 0 1px 1px red; } .foremans-school-form input[type="text"] { -webkit-appearance: textfield; -moz-appearance: textfield; -o-appearance: textfield; -ms-appearance: textfield; appearance: textfield; padding: 5px; width: 90%; font-size: 17px; border: 1px solid #d1d1d1; } .foremans-school-form input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox; -ms-appearance: checkbox; appearance: checkbox; width: 15px; height: 15px; margin-top: -1px; margin-right: 10px; border: 1px solid #a9a9a9; } .foremans-school-form textarea { width: 90%; padding: 5px; border: 1px solid #d1d1d1; font-size: 17px; font-family: pf-regular; } .foremans-school-form label.last { clear: both; width: 93%; margin-top: 15px; margin-bottom: 16px; } .foremans-school-form label.last textarea { width: 100%; } .foremans-school-form label select { width: 237px; height: 26px; -webkit-appearance: none; /* for FF */ -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; /* for IE */ -ms-appearance: none; appearance: none !important; margin-left: 10px; margin-bottom: 19px; border: 1px solid #d1d1d1; background: #ededed url(/local/templates/main/images/exp.png) no-repeat 95% 10px; font-weight: normal; font-size: 17px; color: #434546; cursor: pointer; } .foremans-school-form label select[name="form_dropdown_date"] { width: 308px; } .foremans-school-form select::-ms-expand { display: none; } .foremans-school-form input[type="submit"] { float: right; display: block; width: 240px; margin-top: 16px; margin-right: 45px; padding: 7px 15px 6px; font-size: 17px; color: #fff; text-align: left; cursor: pointer; background: #c0c5cb url(/local/templates/main/images/arrow-more.png) no-repeat 95% center; text-transform: uppercase; } /***foremans page***/ .foremans-talkingpro-form:after { content: ''; display: block; clear: both; margin-bottom: 32px; } .foremans-talkingpro-form label { float: left; width: 49%; min-height: 48px; } .foremans-talkingpro-form .fieldset, .foremans-talkingpro-form fieldset { float: none; clear: both; margin-bottom: 24px; } .foremans-talkingpro-form .fieldset label, .foremans-talkingpro-form fieldset label { float: none; width: 100%; } .foremans-talkingpro-form .fieldset label br, .foremans-talkingpro-form fieldset label br { display: block; } .foremans-talkingpro-form .fieldset label label, .foremans-talkingpro-form fieldset label label { display: inline-block; width: calc(100% - 30px); min-height: 13px; margin-top: 16px; } .foremans-talkingpro-form label span, .foremans-talkingpro-form label br { display: none; } .foremans-talkingpro-form label label span { display: inline; } .foremans-talkingpro-form input.error { outline: 0; border: 0; box-shadow: 0 0 1px 1px red; } .foremans-talkingpro-form input[type="text"] { -webkit-appearance: textfield; -moz-appearance: textfield; -o-appearance: textfield; -ms-appearance: textfield; appearance: textfield; padding: 5px; width: 90%; font-size: 17px; border: 1px solid #d1d1d1; } .foremans-talkingpro-form input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox; -ms-appearance: checkbox; appearance: checkbox; width: 15px; height: 15px; margin-top: -1px; margin-right: 10px; border: 1px solid #a9a9a9; } .foremans-talkingpro-form textarea { width: 90%; padding: 5px; border: 1px solid #d1d1d1; font-size: 17px; font-family: pf-regular; } .foremans-talkingpro-form label.last { clear: both; width: 93%; margin-top: 15px; margin-bottom: 16px; } .foremans-talkingpro-form label.last textarea { width: 100%; } .foremans-talkingpro-form label select { width: calc(95% - 4px); height: 36px; -webkit-appearance: none; /* for FF */ -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; /* for IE */ -ms-appearance: none; appearance: none !important; margin-left: 0px; margin-bottom: 0px; border: 1px solid #d1d1d1; background: #ededed url(/local/templates/main/images/exp.png) no-repeat 98% 14px; font-weight: normal; font-size: 17px; color: #434546; cursor: pointer; } .foremans-talkingpro-form label select[name="form_dropdown_date"] { width: 308px; } .foremans-talkingpro-form select::-ms-expand { display: none; } .foremans-talkingpro-form input[type="submit"] { float: right; display: block; width: 240px; margin-top: 16px; margin-right: 45px; padding: 7px 15px 6px; font-size: 17px; color: #fff; text-align: left; cursor: pointer; background: #c0c5cb url(/local/templates/main/images/arrow-more.png) no-repeat 95% center; text-transform: uppercase; } .tabs { margin-bottom: 35px; } .tabs .tabs-header { margin-top: 30px; margin-bottom: 35px; } .tabs .tabs-header:after { content: ''; display: block; clear: both; } .tabs .tabs-header-item { float: left; width: 50%; text-align: center; } .tabs-header-item a { display: inline-block; width: 100%; border-bottom: none; border-right: 1px solid #d4d4d4; vertical-align: top; line-height: 28px; font-family: 'pf-medium', sans-serif; font-size: 24px; color: #797e87; text-transform: uppercase; text-decoration: underline; cursor: pointer; } .tabs-header-item a:hover { color: #434546; text-decoration: none; } .tabs-header-item a.active { text-decoration: none; color: #434546; cursor: text; } .tabs-header .tabs-header-item:nth-child(2n) a { border-right: 0; } .tabs-items { position: relative; } .tabs-item { display: none; } .tabs-item.active { display: block; } /***content***/ .content-table { margin-top: 15px; width: 100%; } .content-table th { padding: 10px 5px; background: #f8ae01; color: #fff; text-transform: uppercase; } .content-table tr th:nth-child(2n) { border-left: 1px solid #fff; } .content-table td { border: 0; } .content-table tr td { border-bottom: 1px solid #c5c9ce; vertical-align: middle; } .content-table tr:last-child td { border-bottom: 0; } .content-table tr td:first-child { padding-right: 15px; padding-left: 15px; font-family: 'pf-medium', sans-serif; font-size: 11px; color: #d8282f; } .content-table tr td:nth-child(2n), .content-table tr td.rowspan-after, .content-table tr td:last-child { padding: 10px 5px 10px 15px; border-left: 1px solid #c5c9ce; font-size: 16px; color: #434546; text-transform: uppercase; } .content-table tr td.rowspan-after, .content-table tr td:last-child { font-family: pf-regular; } .workpage-right-column .more { background: #c0c5cb url(/local/templates/main/images/arrow-more.png) no-repeat 95% center; text-align: left; } .workpage-right-column .less { background: #c0c5cb url(/local/templates/main/images/arrow-less.png) no-repeat 95% center; text-align: left; } .workpage-right-column .more, .workpage-right-column .less, .workpage-right-column .print { float: left; display: block; width: 240px; margin-top: 16px; margin-right: 45px; padding: 7px 15px 6px; border-bottom: 0; background-color: #c0c5cb; font-size: 17px; color: #fff; text-transform: uppercase; text-align: center; cursor: pointer; } .content-print:after, .content-more:after { content: ''; display: block; clear: both; } /***schoool mapa***/ .school-map { width: 800px; height: 450px; } @media screen and (max-width: 1300px) { .foremans-school-form label select { width: 60%; } } @media screen and (max-width: 1250px) { .foremans-school-form label select { width: 59%; } } @media screen and (max-width: 1200px) { .foremans-school-form label select { width: 58%; } } @media screen and (max-width: 1150px) { .foremans-school-form label select { width: 56%; } } @media screen and (max-width: 1024px) { .foremans-school-form label select { width: 192px; } } /* * Вендорные префиксы * * Имеется возможность задать явный браузер в постфиксе, * поддерживаются следующие варианты: * _no - без префикса * _wk - префикс webkit * _ms - префикс ms * _moz - префикс moz */ /* transition */ /* transition для трансформаций */ /* user-select */ /* transform-origin*/ /* animation*/ /* animation-name*/ /* animation-duration*/ /* animation-iteration-count*/ /* animation-fill-mode*/ /* keyframes */ /* Трансформации */ /* * Несколько трансформаций в одной * Необходимо явно указыть параметр */ /* * Cдвиг блока на двумерной плоскости * По обоим координатам, плюс каждая по отдельности */ /* * Деформация блока на двумерной плоскости * По обоим координатам, плюс каждая по отдельности */ /* * Поворот блока на двумерной плоскости * По умолчанию отностиельно центра * При задании _origin(transform-origin) можно указать конкретную точку */ /* * Масштабирование блока * По обоим координатам, плюс каждая по отдельности */ /* * Иконки на базе css * Все имеют префиксы _i * Имя состоит из название[_ориентация] */ /* Стрелки */ /* Минималистичный reset */ /* Сброс характеристик для input-полей */ /* Сброс характеристик для input-полей в iOS */ /* Сброс оформления colorbpx */ /* Интерактивность по флагу*/ /* Абсолютное позиционирование */ /* Пропадение текста в ограниченом по высоте блоке*/ .fieldset.questions_to_test { margin: 0 0 40px; } .fieldset.questions_to_test fieldset label { font-size: 17px; font-weight: bold; } .fieldset.questions_to_test fieldset label .form-required.starrequired { display: none; } .fieldset.questions_to_test fieldset label br { display: none; } .fieldset.questions_to_test fieldset label span { display: block; margin: 13px 0 0; font-size: 17px; font-weight: normal; } .workpage-right-column .catitem-links { padding: 0; /* display: -webkit-flex; display: -ms-flexbox; display: flex; */ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; /* gap: 3px; */ } .workpage-right-column .catitem-links .catitem-link-wrapper { height: 50px; box-sizing: border-box; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 0 0 0 47px; position: relative; min-width: 20%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 17px; align-items: flex-start; padding-top: 5px; } .workpage-right-column .catitem-links .catitem-link-wrapper a { margin: 0; } .workpage-right-column .catitem-links .catitem-link-wrapper a.product-response-show-list::after { width: 24px; height: 24px; background: url(/local/templates/main/components/bitrix/catalog/sika_catalog/bitrix/catalog.element/.default/images/response-tab-icon.png) no-repeat; } .workpage-right-column .catitem-links .catitem-link-wrapper a.product-response-show-videos::after { width: 24px; height: 24px; background: url(/local/templates/main/components/bitrix/catalog/sika_catalog/bitrix/catalog.element/.default/images/videos-tab-icon.png) no-repeat; } .workpage-right-column .catitem-links .catitem-link-wrapper a.product-response-show-list::before { content: ''; width: 13px; height: 8px; background: url(/local/templates/main/components/bitrix/catalog/sika_catalog/bitrix/catalog.element/.default/images/tab-arrow.png) no-repeat; right: -31px; position: absolute; top: 8px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .workpage-right-column .catitem-links .catitem-link-wrapper a.product-response-show-list .product-response-show-list-min-text, .workpage-right-column .catitem-links .catitem-link-wrapper a.product-response-show-videos .product-response-show-videos-min-text { color: #434546; font-size: 12px; font-family: pf-medium, serif; position: absolute; right: -16px; top: -3px; } .youtube-video .mfp-iframe-scaler iframe { box-shadow: none; } .workpage-right-column .catitem-links .catitem-link-wrapper:first-child { padding: 5px 0 0 31px; } .workpage-right-column .catitem-links .catitem-link-wrapper:first-child a { border-bottom: none; } .workpage-right-column .catitem-links .catitem-link-wrapper:first-child a.bottom_line { border-bottom: 1px solid #d8282f; } .workpage-right-column .catitem-links .catitem-link-wrapper:first-child a:hover span, .workpage-right-column .catitem-links .catitem-link-wrapper:first-child a.bottom_line:hover, .workpage-right-column .catitem-links .catitem-link-wrapper:first-child a.bottom_line span { border-bottom: none; } .workpage-right-column .catitem-links .catitem-link-wrapper .catitem-link-calc span { border-bottom: 1px solid #d8282f; padding-bottom: 2px; } .workpage-right-column .catitem-links .catitem-link-wrapper.active { background: #ededed; } .workpage-right-column .catitem-links .catitem-link-wrapper.active a { color: #d8282f; border-bottom: 1px dotted #d8282f; } .workpage-right-column .catitem-links .catitem-link-wrapper.active a.product-response-show-list::before, .workpage-right-column .catitem-links .catitem-link-wrapper.active a.product-response-show-videos::before { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .video-block { box-sizing: border-box; background: #ededed; margin: 1px 0 0; padding: 20px; display: flex; flex-wrap: wrap; } .video_item_youtube img { width: 100%; } .youtube-video .mfp-title { position: absolute; background: #f8ae01; top: -54px; width: 100%; padding: 20px 50px 13px 20px; box-sizing: border-box; color: black; text-transform: uppercase; font-size: 23px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .youtube-video .mfp-title:before { width: 30px; height: 30px; content: " "; display: block; float: left; background: url(/local/templates/main/components/bitrix/catalog/sika_catalog/bitrix/catalog.element/.default/images/video.png) no-repeat; margin-top: -5px; } .youtube_play { background: url(/local/templates/main/components/bitrix/catalog/sika_catalog/bitrix/catalog.element/.default/images/play.png) no-repeat; background-size: cover; width: 60px; height: 33px; content: " "; position: absolute; left: 0; right: 0; margin: auto; top: 23%; background-position-x: -9px; } .youtube-video .mfp-iframe-holder .mfp-close { content: " "; background: url(/local/templates/main/components/bitrix/catalog/sika_catalog/bitrix/catalog.element/.default/images/x.png) no-repeat; font-size: 0; width: 23px; height: 23px; margin-right: 30px; margin-top: 4px; } .video_item_title { margin-top: 10px; } .catitem-full .catitem-links .catitem-link-wrapper:first-child { min-width: 15%; } .catitem-full .catitem-links .catitem-link-wrapper:first-child a { width: 70px; } .catitem-full .catitem-links .catitem-link-wrapper:first-child a.bottom_line { width: auto; } .next-white { background-image: url("data:image/svg+xml;charset=utf-8,<%2Fsvg>"); } .prev-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 800px) { .video_item {} } @media (max-width: 450px) { .video_item {} } .catitem-product-response, .catitem-product-videos { display: none; } .b-ib-product-response { padding: 35px 65px 50px 25px; box-sizing: border-box; background: #ededed; margin: 1px 0 0; } .b-ib-product-response__item { margin: 0 0 35px; } .b-ib-product-response__add-response { margin: 45px 0 0; padding: 0 0 0 85px; } .b-ib-product-response__add-response-button { position: relative; height: 35px; background: #c0c5cc; color: #fff; padding: 6px 35px 5px 10px; border-radius: 0; border: 1px solid #c0c5cc; font-size: 18px; font-weight: 400; line-height: 18px; text-transform: uppercase; cursor: pointer; font-family: pf-light, serif; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .b-ib-product-response__add-response-button::after { content: '〉'; position: absolute; right: 9px; font-weight: bold; top: 7px; -webkit-transform: scaleY(0.6); -ms-transform: scaleY(0.6); transform: scaleY(0.6); } .b-ib-product-response__add-response-button:hover { background: #fff; color: #c0c5cc; } .b-ib-product-response__add-response-button:hover::after { color: #c0c5cc; } .b-ib-product-response.b-ib-product-response--empty { padding: 15px 65px 15px 25px; } .b-ib-product-response.b-ib-product-response--empty .b-ib-product-response__add-response { margin: 10px 0 0; padding: 0; } .b-ib-product-response-item__head { display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; padding: 20px 0 25px; } .b-ib-product-response-item__date { color: #d8282f; font-size: 12px; font-family: pf-light, serif; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 40px 0 0; position: relative; } .b-ib-product-response-item__date::after { content: ''; position: absolute; width: 1px; height: 20px; background: #c5c9ce; top: 0; right: 20px; } .b-ib-product-response-item__name { width: 100%; color: #434546; font-size: 16px; font-family: pf-regular, serif; text-transform: uppercase; } .b-ib-product-response-item__body { color: #797e87; font-family: pf-light, serif; font-size: 17px; padding: 0 0 30px 85px; box-sizing: border-box; border-bottom: 1px solid #ededed; position: relative; } .b-ib-product-response-item__body::after { content: ''; width: 21px; height: 21px; background: url(/upload/infoblocks/product_response/item-footer-line.jpg) no-repeat; position: absolute; left: 125px; bottom: -20px; } .b-ib-product-response-item__body::before { content: ''; width: 612px; height: 1px; background: #d1d1d1; position: absolute; right: 0; bottom: 0; } .b-ib-product-response-item__answer_head { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; box-sizing: border-box; padding: 20px 0 25px; /** poor, but fast :( */ position: relative; left: 40px; } .b-ib-product-response-item__answer-author { padding: 0 40px 0 0; color: #434546; font-size: 16px; font-family: pf-regular, serif; text-transform: uppercase; } .b-ib-product-response-item__answer-date { color: #d8282f; font-size: 12px; font-family: pf-light, serif; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .b-ib-product-response-item__answer-date::after { content: ''; position: absolute; width: 1px; height: 20px; background: #c5c9ce; top: 0; left: -20px; } .b-ib-product-response-item__answer_body { color: #797e87; font-family: pf-light, serif; font-size: 17px; padding: 0 0 30px 85px; box-sizing: border-box; border-bottom: 1px solid #ededed; position: relative; } .b-ib-product-response-item__answer_body::after { content: ''; width: 21px; height: 21px; background: url(/upload/infoblocks/product_response/item-footer-line__flipped.jpg) no-repeat; position: absolute; right: 40px; bottom: -20px; } .b-ib-product-response-item__answer_body::before { content: ''; width: 612px; height: 1px; background: #d1d1d1; position: absolute; right: 0; bottom: 0; } .b-foremans-top-slider { position: relative; width: 800px; height: 400px; margin: 35px 0 85px; outline: none; } .b-foremans-top-slider::before, .b-foremans-top-slider::after { content: ''; width: 110px; top: 0; background: red; position: absolute; height: 400px; z-index: 10; } .b-foremans-top-slider::before { left: 0; background: url(/upload/static_files/foremans-school/lt.png); box-shadow: 6px 0 8px -6px rgba(255, 255, 255, 0.91); } .b-foremans-top-slider::after { right: 0; background: url(/upload/static_files/foremans-school/rt.png); box-shadow: -6px 0 8px -6px rgba(255, 255, 255, 0.91); } .b-foremans-top-slider__item { box-sizing: border-box; border-left: 2px solid #fff; border-right: 2px solid #fff; cursor: move; } .b-foremans-top-slider__arrow { position: absolute; width: 40px; height: 13px; z-index: 20; top: 48%; padding: 10px; background: url(/upload/static_files/foremans-school/slider-arrow.png) no-repeat 10px 10px; cursor: pointer; } .b-foremans-top-slider__arrow--direction_prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); left: 5px; } .b-foremans-top-slider__arrow--direction_next { right: 5px; } .b-foremans-top-slider__navigator { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: 30px 0 0; } .b-foremans-top-slider__navigator li { box-sizing: content-box; background: none; width: 10px; height: 10px; margin: 2px; padding: 8px; position: relative; cursor: pointer; } .b-foremans-top-slider__navigator li::after { content: ''; position: absolute; left: 0; top: 0; border: 1px solid #d2d2d2; width: 10px; height: 10px; box-sizing: border-box; -webkit-transition: transform 0.2s ease; transition: transform 0.2s ease; } .b-foremans-top-slider__navigator li:hover::after, .b-foremans-top-slider__navigator li.slick-active::after { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } .b-foremans-top-slider__navigator button { display: none; } .b-foremans-accordion__item { border-bottom: 1px solid #dadada; } .b-foremans-accordion-item { padding: 20px 0 15px; box-sizing: border-box; } .b-foremans-accordion-item__head { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; -webkit-align-items: top; align-items: top; } .b-foremans-accordion-item__date { color: #8c9098; font-family: pf-regular, serif; font-size: 24px; text-transform: uppercase; width: 155px; padding: 0 20px 0 0; box-sizing: border-box; text-align: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; position: relative; margin: 0 20px 0 0; } .b-foremans-accordion-item__date::after { content: ''; position: absolute; display: block; right: 0; top: 0; width: 1px; height: 30px; background-color: #dadada; } .b-foremans-accordion-item__date-item { color: #8c9098; font-family: pf-regular, serif; font-size: 20px; text-transform: uppercase; width: 155px; padding: 0 20px 0 0; box-sizing: border-box; text-align: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; position: relative; margin: 0 20px 5px 0; cursor: pointer; } .b-foremans-accordion-item__date-item span { border-bottom: 1px solid #d8282f; } .b-foremans-accordion-item__date-item:hover span { border-bottom: 0px solid #d8282f; } .b-foremans-accordion-item__title { color: #454545; font-family: pf-regular, serif; font-size: 20px; text-transform: uppercase; min-width: calc(100% - 306px); } .b-foremans-accordion-item__detail-button span { height: 33px; background: #c9cdd2; color: #fff; border-radius: 0; border: 1px solid #c9cdd2; font-size: 16px; cursor: pointer; display: inline-block; box-sizing: border-box; padding: 8px 13px; line-height: 16px; font-family: pf-light, serif; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; margin: 0 0 0 20px; } .b-foremans-accordion-item__detail-button:hover { background: #fff; color: #c9cdd2; } .b-foremans-accordion-item__body { display: none; } .b-foremans-accordion-item__apply-button { height: 33px; background: #c9cdd2; color: #fff; border-radius: 0; border: 1px solid #c9cdd2; font-size: 16px; cursor: pointer; display: inline-block; box-sizing: border-box; padding: 8px 13px; line-height: 16px; font-family: pf-light, serif; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin: 20px 0 0 15px; } .b-foremans-accordion-item__apply-button:hover { background: #fff; color: #c9cdd2; } .b-main-content { display: flex; flex-wrap: nowrap; } .b-main-content__img-block { margin: 0 25px 5px 0; width: 40%; display: block; flex: 0 0 auto; } .b-main-content__img-block img { width: 100%; } .main-top-slider-wrapper-new, .main-top-noslider-new { display: none !important; } .mobile-social { display: none; } p input[type="checkbox"] { display: none; } p input[type="checkbox"]+label span, #form_checkbox_need_cons_109+label span { display: inline-block; width: 19px; height: 19px; margin: -1px 4px 0 0; vertical-align: middle; background: #fff; border-radius: 6px; border: 1px solid #d1d1d1; cursor: pointer; margin-top: -8px; } p input[type="checkbox"]:checked+label span, #form_checkbox_need_cons_109:checked+label span { background: url(/images/icon-red-check.png) center center no-repeat; background-size: 98%; } .video-block .owl-controls { display: none !important; } .new_popup_banner { display: grid; grid-auto-flow: column; gap: 20px; } @media (max-width: 1400px) { footer { padding: 10px 2px 15px; } footer .level0>li:first-of-type ul { columns: 2 165px; } footer nav { text-align: center; } footer nav li { text-align: left; } } @media (max-width: 1200px) { .main-top-slider-wrapper, .main-top-noslider { display: none !important; } .main-top-slider-wrapper-new, .main-top-noslider-new { display: block !important; } .owl-controls { left: 0; width: 100%; text-align: center; bottom: 20px; } .owl-controls .owl-page { margin-right: 10px; width: 15px; height: 15px; } .owl-controls .owl-page:last-child { margin-right: 0; } } @media (max-width: 960px) { .main-text-left-column { width: 100%; float: none; padding-right: 0; } .main-text-right-column { box-sizing: border-box; width: 50%; padding: 0 10px; } .main-text { padding: 0px 8px; } .all-yellow-wrapper { padding: 10px 10px; } } @media (max-width: 700px) { footer .level0>li:first-child { } footer .level0>li:first-of-type ul { columns: 2 100%; } footer .level0>li:not(:last-of-type) { width: 100%; } footer .level0 ul li { width: 100%; max-width: none; } .footer-info div { display: none; } .footer-info div.mobile-social { display: block; float: none; margin: 6px 0 15px 0; } footer nav { text-align: left; } .footer-info p.footer-copyright { width: 100%; } } @media (max-width: 600px) { .b-main-content { flex-wrap: wrap; } .b-main-content__img-block { width: 100%; float: none; } .main-sections div { max-width: none; width: 100%; } .main-text-right-column { width: 100%; } .all-yellow-wrapper { padding: 10px 7px; } } .foremans-school-form label select { height: 30px; } .foremans-school-form label div { display: inline-block; } .foremans-school-form label .form_text_master_class, .foremans-school-form label #form_dropdown_right_form, .foremans-school-form label .form_text_date_event, .foremans-school-form label .form_text_town_event { width: calc(90% - 140px); display: inline-block; padding: 0 5px; min-width: 174px; } .foremans-school-form label .form_name_master_class, .foremans-school-form label .form_name_right_form, .foremans-school-form label .form_name_date_event, .foremans-school-form label .form_name_town_event { width: 140px; } .foremans-talkingpro-form label select { height: 36px; } .foremans-talkingpro-form label div { display: inline-block; } .foremans-talkingpro-form label .form_dropdown_company_area, .foremans-talkingpro-form label .form_dropdown_why_interest { width: calc(90% - 140px); display: inline-block; padding: 0 5px; min-width: 174px; } .foremans-talkingpro-form label .form_dropdown_company_area, .foremans-talkingpro-form label .form_dropdown_why_interest { width: 140px; } .town-list { position: relative; } .town-list select.town-list-select { position: absolute; top: 27px; right: 0; width: 237px; height: 30px; -webkit-appearance: none; /* for FF */ -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; /* for IE */ -ms-appearance: none; appearance: none !important; margin-bottom: 19px; border: 1px solid #d1d1d1; background: #ededed url(/local/templates/main/images/exp.png) no-repeat 95% 10px; font-weight: normal; font-size: 17px; color: #434546; cursor: pointer; padding: 0 5px; } .foremans-school-form .form_text_date_event { width: calc(100% - 186px); } .foremans-school-ok { display: block; border-top: 1px solid #d1d1d1; margin: 15px 0 25px 0; padding: 20px 0 15px; border-bottom: 1px solid #d1d1d1; color: #009700; } .foremans-school-err { display: block; border-top: 1px solid #d1d1d1; margin: 15px 0 25px 0; padding: 20px 0 15px; border-bottom: 1px solid #d1d1d1; color: #CC0000; } .b-foremans-accordion-item__date-list { border-top: 1px solid #dadada; margin: 10px 0; padding: 10px 5px; display: flex; flex-flow: wrap row; justify-content: right; } .b-foremans-accordion-item__date-list-title { font-weight: 700; margin-right: 10px; } .b-foremans-accordion-item__date-list-item { border-bottom: 1px solid #d8282f; cursor: pointer; margin: 0 5px; } .foremans-school-form .agreement { clear: both; width: 93%; margin-top: 15px; margin-bottom: 16px; font-size: 11px; line-height: 1.2; display: flex; min-height: 18px; } .foremans-school-form .agreement label { min-height: 17px; padding-top: 1px; width: 100%; } .foremans-talkingpro-form .agreement { clear: both; width: 93%; margin-top: 15px; margin-bottom: 16px; font-size: 11px; line-height: 1.2; display: flex; min-height: 18px; } .foremans-talkingpro-form .agreement label { min-height: 17px; padding-top: 1px; width: 100%; } .b-foremans-accordion-item__content { margin-top: 10px; } .b-foremans-accordion-item__content ul, .b-foremans-accordion-item__content ol { margin-left: 10px; } .b-foremans-accordion-item__date-item span:nth-child(2) { height: 33px; background: #c9cdd2; color: #fff; border-radius: 0; border: 1px solid #c9cdd2; font-size: 16px; cursor: pointer; display: inline-block; box-sizing: border-box; padding: 8px 13px; line-height: 16px; font-family: pf-light, serif; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; margin: 5px 0 0 0; text-transform: none; } @media (max-width: 800px) { .foremans-school-form label .form_text_master_class, .foremans-school-form label #form_dropdown_right_form, .foremans-school-form label .form_text_date_event, .foremans-school-form label .form_text_town_event { width: calc(90% - 100px); display: inline-block; } .foremans-school-form label .form_name_master_class, .foremans-school-form label .form_name_right_form, .foremans-school-form label .form_name_date_event, .foremans-school-form label .form_name_town_event { width: 100px; } .workpage-right-column .catitem-links { grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 700px) { .foremans-school-form label .form_text_master_class, .foremans-school-form label #form_dropdown_right_form, .foremans-school-form label .form_text_date_event, .foremans-school-form label .form_text_town_event { width: calc(90% + 10px); display: block; margin-left: 0; } .foremans-school-form label .form_name_master_class, .foremans-school-form label .form_name_right_form, .foremans-school-form label .form_name_date_event, .foremans-school-form label .form_name_town_event { display: none; } } @media (max-width: 600px) { .town-list, .town-list select.town-list-select { position: inherit; } .b-foremans-accordion-item__head { flex-flow: column; } .b-foremans-accordion-item__date::after { display: none; } .b-foremans-accordion-item__date { width: 100%; padding: 0; margin: 0 10px 20px 0; } .b-foremans-accordion-item__date-item { width: 100%; padding: 0; margin: 0 0 5px 0; } .town-list h3, .foremans-school-form h3, .b-foremans-accordion-item__title, .b-foremans-accordion-item__detail-button { text-align: center; } .b-foremans-accordion-item__detail-button span { margin: 15px 0 0 0; } .town-list-select { display: block; margin: 20px auto; } .b-foremans-accordion-item__date-item span:nth-child(2) { margin: 0px; } .workpage-right-column .catitem-links { grid-template-columns: 1fr 1fr; } .new_popup_banner_container { max-width: 320px; } .new_popup_banner_img { display: none; } } body header li a { padding: 0 5px 0 1px; } .countdown.countdown { background: #f8ae01; padding: 18px; position: relative; min-height: 340px; font-family: 'pf-medium', sans-serif; background: url('/images/sika-250x340-vebinar.jpg') 0 0 no-repeat; background-size: cover; } .countdown.countdown div { padding: unset; } .countdown_bg { position: absolute; left: 0; top: 0; bottom: 100%; right: 100%; width: 100%; height: 100%; background: #c9cdd2; clip-path: polygon(330% 0%, 100% 100%, 0% 100%, 0% 40%); } .countdown_date, .main-text-right-column .countdown_date span { color: #000; font-size: 27px; font-weight: 600; display: flex; align-items: flex-start; } .countdown_date span:nth-child(2) { /*border-bottom: solid 1px;*/ flex-grow: 1; /*height: 19px;*/ margin: -7px 7px; } .countdown_head { color: #000; text-transform: uppercase; margin: 20px 0 10px 0; font-weight: 600; } .countdown_head_left { margin: 20px 0 10px 0; color: #575757; text-transform: uppercase; font-size: 14px; } .countdown_time { color: #474747; display: flex; margin: 20px 0; justify-content: space-around; } .remaining_wrapper {} .remaining_days, .remaining_hours, .remaining_minutes { font-size: 60px; font-weight: 600; } .remaining_sign { font-size: 46px; color: #9c9c9c; font-weight: 600; } .remaining_sign.invisible { color: transparent; } .remaining_sign_line { font-size: 23px; margin-top: 14px; } .remaining_wrapper div { text-align: center; } .remaining_caption { color: #fff; font-size: 12px; } .countdown.countdown .countdown_date span:last-of-type { background: #d82f34; padding: 3px; color: #fff; font-size: 14px; } .countdown.countdown .countdown_name { display: inline; background: #d82f34; text-transform: uppercase; color: #fff; -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 5px; font-size: 17px; font-weight: 600; line-height: 23px; filter: drop-shadow(7px 7px 0px #fff); } .countdown.countdown .countdown_link { display: block; background: #d82f34; color: #fff; padding: 12px 20px; text-transform: uppercase; font-weight: 600; font-size: 20px; } .c-hidden { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; } @media (max-width: 1100px) { .workpage-content-wrapper { overflow: visible; } } hr { display: block; border: 0; border-top: 1px solid #d1d1d1; margin-top: 25px; padding: 30px 0 15px; } #horizontal-multilevel-menu>li:nth-child(2)>ul>li:nth-child(1), #horizontal-multilevel-menu>li:nth-child(2)>ul>li:nth-child(2) { background-color: #d82f34; color: #fcfbf7; } #horizontal-multilevel-menu>li:nth-child(2)>ul>li:nth-child(1) a, #horizontal-multilevel-menu>li:nth-child(2)>ul>li:nth-child(2) a { color: #fcfbf7; } #horizontal-multilevel-menu>li:nth-child(2)>ul>li.li-parent.li-sub-parent>ul>li:nth-child(1) { background-color: #fcfbf7; } @media screen and (min-width: 1200px) { .workpage-right-column { max-width: 768px; } } @media screen and (min-width: 1300px) { .workpage-right-column { max-width: 820px; } } /* End */ /* /local/templates/main/styles/OverlayScrollbars.min.css?174350831120009 */ /* /local/templates/main/styles/swiper.min.css?174350831119773 */ /* /local/templates/main/styles/custom.css?174350831110107 */ /* /local/templates/main/components/bitrix/menu/top_multilevel/style.css?17435083112364 */ /* /local/components/chigov/search.suggest.input/templates/.default/style.css?17435083052264 */ /* /local/templates/main/components/bitrix/breadcrumb/.default/style.css?1743508311587 */ /* /local/templates/main/components/bitrix/catalog.section/systems_left/style.css?174350831128565 */ /* /local/templates/main/components/bitrix/news.list/modal_banners/style.css?17435083111136 */ /* /local/templates/main/styles.css?174350831136123 */ /* /local/templates/main/template_styles.css?174350831156334 */