/* Start:/local/templates/vilatte/css/fonts.css?16957245904707*/ @font-face { font-family: 'rubik-medium'; src: url("/local/templates/vilatte/css/../fonts/Rubik-Medium.eot"); src: url("/local/templates/vilatte/css/../fonts/Rubik-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'rubik-regular'; src: url("/local/templates/vilatte/css/../fonts/Rubik-Regular.eot"); src: url("/local/templates/vilatte/css/../fonts/Rubik-Regular.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'proxima_nova_thin'; src: url("/local/templates/vilatte/css/../fonts/ProximaNovaT-Thin.eot"); src: url("/local/templates/vilatte/css/../fonts/ProximaNovaT-Thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'proxima_nova_semibold'; src: url("/local/templates/vilatte/css/../fonts/ProximaNova-Semibold.eot"); src: url("/local/templates/vilatte/css/../fonts/ProximaNova-Semibold.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'proxima_nova_regular'; src: url("/local/templates/vilatte/css/../fonts/ProximaNova-Regular.eot"); src: url("/local/templates/vilatte/css/../fonts/ProximaNova-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'helveticaneuecyrlight'; src: url("/local/templates/vilatte/css/../fonts/helveticaneuecyr-light-webfont.eot"); src: url("/local/templates/vilatte/css/../fonts/helveticaneuecyr-light-webfont.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'helveticaneuecyrmedium'; src: url("/local/templates/vilatte/css/../fonts/HelveticaNeueCyr-Medium.eot"); src: url("/local/templates/vilatte/css/../fonts/HelveticaNeueCyr-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeueCyr-Bold'; src: url("/local/templates/vilatte/css/../fonts/HelveticaNeueCyr-Bold.eot"); src: url("/local/templates/vilatte/css/../fonts/HelveticaNeueCyr-Bold.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeueCyr-Heavy'; src: url("/local/templates/vilatte/css/../fonts/HelveticaNeueCyr-Heavy.eot"); src: url("/local/templates/vilatte/css/../fonts/HelveticaNeueCyr-Heavy.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'helveticaneuecyrroman'; src: url("/local/templates/vilatte/css/../fonts/HelveticaNeueCyr-Roman.eot"); src: url("/local/templates/vilatte/css/../fonts/HelveticaNeueCyr-Roman.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } /**Iconmoon**/ @font-face { font-family: 'icomoon'; src: url("/local/templates/vilatte/css/../fonts/icomoon.eot"); src: url("/local/templates/vilatte/css/../fonts/icomoon.eot") format("embedded-opentype"), url("/local/templates/vilatte/css/../fonts/icomoon.ttf") format("truetype"), url("/local/templates/vilatte/css/../fonts/icomoon.woff") format("woff"), url("/local/templates/vilatte/css/../fonts/icomoon.svg") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: "\e900"; color: #fff; } .icon-arrow-filter:before { content: "\e901"; } .icon-arrow-left:before { content: "\e902"; color: #776e6c; } .icon-arrow-pagination:before { content: "\e903"; color: #fff; } .icon-arrow-right:before { content: "\e904"; color: #776e6c; } .icon-cart:before { content: "\e905"; color: #fff; } .icon-cart-history:before { content: "\e906"; color: #776e6c; } .icon-check-in:before { content: "\e907"; color: #23bd35; } .icon-clock:before { content: "\e908"; color: #2EB83D; } .icon-close-cross:before { content: "\e909"; color: #fff; } .icon-comment:before { content: "\e90a"; color: #2EB83D; } .icon-cross:before { content: "\e90b"; } .icon-eye:before { content: "\e90c"; color: #f05850; } .icon-fb:before { content: "\e90d"; color: #fff; } .icon-heart:before { content: "\e90e"; color: #fff; } .icon-heart-red:before { content: "\e90f"; color: #f05850; } .icon-insta:before { content: "\e910"; color: #fff; } .icon-magnifying:before { content: "\e911"; color: #fff; } .icon-mail:before { content: "\e912"; color: #2EB83D; } .icon-man:before { content: "\e913"; color: #fff; } .icon-ok:before { content: "\e914"; color: #fff; } .icon-phone:before { content: "\e915"; color: #2EB83D; } .icon-placeholder:before { content: "\e916"; color: #2EB83D; } .icon-play:before { content: "\e917"; color: #fff; } .icon-print:before { content: "\e918"; color: #f05850; } .icon-quotes:before { content: "\e919"; color: #776e6c; } .icon-telegram-1:before { content: "\e91a"; color: #fff; } .icon-viber:before { content: "\e91b"; color: #fff; } .icon-vk:before { content: "\e91c"; color: #fff; } .icon-whats:before { content: "\e91d"; color: #fff; } /*# sourceMappingURL=fonts.css.map */ /* End */ /* Start:/local/templates/vilatte/css/OverlayScrollbars.css?169572459021683*/ /*! * 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-content-glue,.os-host-flexbox>.os-size-auto-observer{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;visibility:hidden;overflow:scroll;height:500px;width:500px}#os-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}#os-dummy-scrollbar-size:after,#os-dummy-scrollbar-size:before,.os-content:after,.os-content:before{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-dummy-scrollbar-size::-webkit-scrollbar-corner,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,.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}.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 none 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:none!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.observed>.os-resize-observer,.os-resize-observer-host>.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:1ms;animation-duration:1ms;-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{from{z-index:0}to{z-index:-1}}@keyframes os-resize-observer-dummy-animation{from{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;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:none!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-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,.os-padding+.os-scrollbar-corner,.os-scrollbar-auto-hidden,.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-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-corner.os-scrollbar-corner-resize,.os-scrollbar:hover{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-corner,.os-theme-none>.os-scrollbar-horizontal,.os-theme-none>.os-scrollbar-vertical{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-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{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}.os-theme-round-light>.os-scrollbar{padding:0}.os-theme-round-light>.os-scrollbar-horizontal{right:20px;height:20px}.os-theme-round-light>.os-scrollbar-vertical{bottom:20px;width:20px}.os-theme-round-light.os-host-rtl>.os-scrollbar-horizontal{left:20px;right:0}.os-theme-round-light>.os-scrollbar-corner{height:20px;width:20px;background-color:transparent}.os-theme-round-light>.os-scrollbar>.os-scrollbar-track{background:0 0}.os-theme-round-light>.os-scrollbar-horizontal>.os-scrollbar-track:before,.os-theme-round-light>.os-scrollbar-vertical>.os-scrollbar-track:before{content:'';display:block;position:absolute;background:rgba(255,255,255,.15)}.os-theme-round-light>.os-scrollbar-horizontal>.os-scrollbar-track:before{left:3px;right:3px;height:2px;top:50%;margin-top:-1px}.os-theme-round-light>.os-scrollbar-vertical>.os-scrollbar-track:before{top:3px;bottom:3px;width:2px;left:50%;margin-left:-1px}.os-theme-round-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:0 0}.os-theme-round-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:before{content:'';display:block;position:absolute;background:#fff;border-radius:100%;top:3px;bottom:3px;left:3px;right:3px;transform:scale(1)}.os-theme-round-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active:before,.os-theme-round-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:hover:before{transform:scale(1.3)}.os-theme-round-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle{height:100%;min-width:20px;max-width:20px}.os-theme-round-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle{width:100%;min-height:20px;max-height:20px}.os-theme-round-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:before{transition:transform .3s} /* End */ /* Start:/local/templates/vilatte/css/swiper-bundle.min.css?169572459013678*/ /** * Swiper 6.1.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 31, 2020 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{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{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:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{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:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;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{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{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;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:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-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%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{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-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.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:flex;justify-content: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%;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;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{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{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;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;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{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:0px;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} /* End */ /* Start:/local/templates/vilatte/css/magnific-popup.css?16957245908204*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /** * 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; } /* End */ /* Start:/local/templates/vilatte/css/custom.css?17799595472297*/ /* Boxberry - Кнопка */ .bxbbutton { position: relative; height: 25px; font-size: 11px; text-transform: uppercase; color: #FFFFFF; /*background: #766E6C;*/ padding: 0 26px; border-radius: 0px; box-shadow: none; display: inline-flex; align-items: center; justify-content: center; border: none; cursor: pointer; margin: 15px; background-color: #2EB83D; font-weight: 500; font-family: "helveticaneuecyrroman", sans-serif; white-space: nowrap; } .bxbbutton img { display: none; } .bxbbutton span { padding-left: 0; } .bxbbutton:hover { background-color: #2EB83D; } .bxbbutton:active { top: 0; background-color: #2EB83D; } /* / Boxberry - Кнопка */ .breadcrumbs{ margin-top: 50px !important; } .item-selected a{ color:#786f6d !important; } .product-card__top .box-sale{ width: 45px; height: 45px; position: absolute; background-size: cover !important; background-repeat: no-repeat !important; background-position: top left !important; background-color: #fff !important; top: 10px; right: 10px; z-index: 9; } @media screen and (max-width: 681px) { .product-card__top .box-sale{ width: 35px; height: 35px; } .product-list__list > div:nth-child(7n){ width: 100% !important; } .product-list__list > div:nth-child(7n) .product-card__top img { height: 120vw !important; } .product-list__list > div:nth-child(7n) .product-card__top .box-sale{ width: 45px !important; height: 45px !important; } .product-card__bottom h6 a, .product-card__bottom .title6 a{ font-size: .625rem !important; } .product-card__price-new ins{ font-size: .75rem !important; line-height: 1rem !important; } .product-card__price del{ font-size: .75rem !important; line-height: 1rem !important; } .product-card__price { display: grid !important; align-content: space-between; justify-items: center; grid-auto-flow: column; margin-top: 5px !important; margin-bottom: 0px !important; } .product-list__list .product-card .product-item-info-container-btn { display: none !important; } } /* End */ /* Start:/local/templates/vilatte/components/bitrix/system.auth.form/auth_header/style.css?169572459085*/ #authErrors { display: inline-block; } #authErrors .errortext{ color: red; } /* End */ /* Start:/local/templates/vilatte/components/bitrix/main.register/registration_header/style.css?169572459099*/ #registrationErrors{ display: inline-flex; } #registrationErrors .errortext { color: red; } /* End */ /* Start:/local/templates/vilatte/components/bitrix/system.auth.forgotpasswd/recovery_header/style.css?1695724590138*/ #forgoutErrors { display: inline-flex;; } #forgoutErrors .errortext{ color: red; } #forgoutErrors .notetext{ color: green; } /* End */ /* Start:/local/templates/vilatte/components/bitrix/sale.basket.basket.line/smallBasketNew/style.min.css?16957245903712*/ .bx-basket-block{position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} /* End */ /* Start:/local/templates/vilatte/components/bitrix/search.title/header/style.css?16957245902108*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/vilatte/components/bitrix/search.title/header/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/bitrix/components/niges/cookiesaccept/templates/.default/style.css?16970182382729*/ /* NIGES.COOKIESACCEPT */ .nca-cookiesaccept-line { font-size: inherit; font-family: inherit; line-height: 1; padding: 10px; } .nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text { color:#111; } .nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text { color:#eee; } .nca-cookiesaccept-line.style-1 { /* background-position: center; background-repeat: repeat-x; background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg); background-size: contain; */ background-color: rgb(61, 168, 255); } .nca-cookiesaccept-line.style-2 { background-color: rgb(13, 62, 102); } .nca-cookiesaccept-line.style-3 { background-color: rgb(197, 197, 197); } .nca-cookiesaccept-line.style-4 { background-color: rgb(71, 71, 71); } .nca-cookiesaccept-line.style-5 { background-color: rgb(61, 255, 158); } .nca-cookiesaccept-line.style-6 { background-color: rgb(9, 92, 50); } .nca-cookiesaccept-line.style-7 { background-color: rgb(84, 255, 61); } .nca-cookiesaccept-line.style-8 { background-color: rgb(92, 5, 5); } .nca-cookiesaccept-line.style-9 { background-color: rgb(203, 255, 61); } .nca-cookiesaccept-line.style-10 { background-color: rgb(70, 94, 4); } .nca-cookiesaccept-line.style-11 { background-color: rgb(255, 148, 61); } .nca-cookiesaccept-line.style-12 { background-color: rgb(138, 70, 14); } .nca-cookiesaccept-line.style-13 { background-color: rgb(255, 61, 61); } .nca-cookiesaccept-line.style-14 { background-color: rgb(119, 22, 22); } .nca-cookiesaccept-line.style-15 { background-color: rgb(255, 61, 152); } .nca-cookiesaccept-line.style-16 { background-color: rgb(85, 10, 45); } .nca-cookiesaccept-line.style-17 { background-color: rgb(83, 129, 255); } .nca-cookiesaccept-line.style-18 { background-color: rgb(6, 37, 122); } .nca-cookiesaccept-line.style-19 { background-color: rgb(255, 255, 255); } .nca-cookiesaccept-line.style-20 { background-color: rgb(0, 0, 0); } @media screen and (min-width:767.01px) { .nca-hidden-pc {display: none !important;} } @media screen and (max-width:767px) { .nca-hidden-mobile {display: none !important;} } /* End */ /* Start:/local/templates/vilatte/template_styles.css?1779959599308557*/ /* reset */ /* main variables */ body { margin: 0px; padding: 0px; font-family: "helveticaneuecyrroman", sans-serif; background-color: #FFF; height: 100%; line-height: 1; position: relative; font-size: 13px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow:auto; } body.no-scroll { overflow: hidden; } .loaded .main-wrapper { visibility: hidden; opacity: 0; } .icon-load { background: url('/local/templates/vilatte/img/loader.gif') no-repeat left top; width: 40px; height: 40px; position: fixed; left: 50%; top: 50%; margin-left: -20px; margin-left: -20px; display: none; z-index: 9999; } .loaded .icon-load { display: block; } .lazy { opacity: 0; } .lazy.loaded { opacity: 1!important; } /*MAIN*/ 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%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; } html { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } input, textarea { color: #333; font-family: "helveticaneuecyrroman", sans-serif; outline: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; } input[type="button"], input[type="submit"], button { cursor: pointer; } td { margin: 0px; padding: 0px; } form { padding: 0px; margin: 0px; } a { color: #100da9; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a, span, div, button { outline: none !important; } input[type=submit], input[type=button], button { -webkit-appearance: none; outline: none; } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } .clearfix:after, .wrapper:after, .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* .load-block { visibility: hidden; } */ body.no-scroll { overflow: hidden; } video { outline: none; } b, strong { font-family: 'HelveticaNeueCyr-Bold'; } input:required { border: 1px solid transparent; } input:focus:invalid { border: 1px solid red; } input[type='number'] { -moz-appearance: textfield !important; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } del { text-decoration: none; position: relative; } del:after { content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; height: 1px; background-color: rgb(116 116 116); } .product-info__property{ margin: 10px auto; display: flex; } .product-info__property .product-info__property-name{ float: left; width: 30%; } .product-info__property .product-info__property-value{ float: right; padding-left: 10px; width: 70%; } .main-wrapper { padding: 0 0 0 0; min-width: 320px; width: 100%; position: relative; overflow: hidden; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: start; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wrapper { min-width: 320px; padding: 0 110px 0 110px; margin: 0 auto; position: relative; } .wrapper:after { display: none; } .wrapper_padding { padding: 0 227px 0 227px; } .wrapper_padding--blog { padding-bottom: 50px; } /* titles */ p { font-family: 'helveticaneuecyrroman'; padding: 15px 0 0 0; font-size: 15px; line-height: 23px; color: #181818; } .title-upper { text-transform: uppercase; } h1 { font-family: 'proxima_nova_thin'; font-weight: 200; font-size: 55px; line-height: 60px; color: #181818; } h2 { font-family: 'proxima_nova_thin'; font-size: 30px; color: #2C2C2C; margin-bottom: 15px; } h3 { font-family: 'proxima_nova_thin'; font-weight: 200; font-size: 70px; line-height: 0.93; color: #595251; margin-bottom: 15px; } h3 b { font-family: 'proxima_nova_semibold'; } h4, .title4 { font-family: 'helveticaneuecyrmedium'; font-size: 30px; line-height: 32px; color: #2C2C2C; font-weight: normal; margin-bottom: 15px; } h5, .title5 { font-family: 'helveticaneuecyrmedium'; font-size: 20px; line-height: 24px; color: #2C2C2C; font-weight: normal; margin-bottom: 15px; } h6, .title6 { font-family: 'helveticaneuecyrmedium'; font-weight: 500; font-size: 16px; line-height: 20px; color: #181818; margin-bottom: 15px; } /* text position */ .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .nowrap { white-space: nowrap !important; } .no-scroll { overflow: hidden; } /* loader */ /* ================================================================================ | CONTENT | ================================================================================ */ .content { min-width: 320px; text-align: left; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-order: 2; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-grow: 1; } .content--index { padding-top: 2px; } .lk__change-pwd { display: block; } @media screen and (max-width: 1599px) { .wrapper { padding: 0 10px 0 10px; } .wrapper_padding { padding: 0 127px 0 127px; } .wrapper_padding--blog { padding-bottom: 40px; } } @media screen and (max-width: 1024px) { .wrapper_padding { padding: 0 40px 0 40px; } .wrapper_padding--blog { padding-bottom: 40px; } h3 { font-size: 40px; line-height: 45px; } h4, .title4 { font-size: 25px; line-height: 27px; } } @media screen and (max-width: 600px) { .wrapper { padding: 0 10px 0 10px; } .wrapper_padding { padding: 0 5px 0 5px; } .wrapper_padding--blog { padding-bottom: 40px; } h1 { font-size: 35px; line-height: 40px; } h3 { font-size: 30px; line-height: 35px; } h4, .title4 { font-size: 20px; line-height: 24px; } h6, .title6 { font-size: 14px; line-height: 16px; } } /* ================================================================================ | HEADER | ================================================================================ */ header { width: 100%; min-width: 320px; text-align: left; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-order: 1; background-color: #776E6C; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } .header-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-height: 0; padding: 0; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s; } .header-scroll-active nav .logo-box { opacity: 0; pointer-events: none; } .header-scroll-active .header-top { padding: 12px 0 12px 0; max-height: 95px; overflow: visible; } .header-active .header-top { padding: 12px 0 12px 0; max-height: 250px; overflow: visible; } .header-active nav .logo-box { opacity: 0; pointer-events: none; } .header-mobile { display: none; } @media screen and (max-width: 1200px) { .header-mobile { display: block; } .header-mobile .search__form { display: none; } .header-mobile.active .search__form { display: flex; } .header-top { padding: 12px 0 12px 0; max-height: 95px; overflow: visible; } .header-active .header-contact, .header-active .search { display:none; } .header-mobile { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/local/templates/vilatte/img/popup-bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; padding: 50px 20px 50px 20px; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .header-mobile .header-mobile__cross { position: absolute; width: 30px; height: 30px; top: 20px; right: 20px; font-size: 28px; color: #fff; cursor: pointer; } .header-mobile .header-mobile__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; min-height: 22px; } .header-mobile .header-contact { margin-right: 0; } .header-mobile .login-box { margin-right: 10px; } .header-mobile .wish-list { margin-right: 30px; margin-left: 30px; } .header-mobile nav { background-color: transparent; padding: 18px 0 15px 0; } .header-mobile.active nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header-mobile nav .logo-box { display: none; } .header-mobile nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .header-mobile nav ul li { width: 100%; } .header-mobile nav ul a { display: block; padding: 0 0 25px 0; font-size: 24px; line-height: 24px; text-align: center; } .header-mobile.active { opacity: 1; pointer-events: all; } } @media screen and (max-width: 480px) { .header-mobile nav ul a { font-size: 20px; line-height: 22px; } } @media screen and (max-height: 500px) { .header-mobile { overflow-y: auto; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 70px 20px 50px 20px; } .header-mobile nav ul a { font-size: 20px; line-height: 22px; } } /* ================================================================================ | FOOTER | ================================================================================ */ footer { background-color: #776E6C; text-align: left; width: 100%; min-width: 320px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-order: 3; padding: 48px 0 54px 0; } .footer-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .footer__contact { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-right: 0px; } .footer__contact .btn {min-width: 210px; padding: 17px 32px 17px;} @media screen and (max-width: 1200px) { .footer__contact { margin-right: 0; } } @media screen and (max-width: 1023px) { .footer-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: flex-start; } .footer__col { width: 33.33%; margin-bottom: 40px; } .footer__col:nth-child(1) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .footer__col:nth-child(2) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .footer__col:nth-child(3) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .footer__col:nth-child(4) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } } /* @media screen and (max-width: 767px) { .footer__col { width: 60%; } } */ .actual { padding-top: 80px; max-width: 100%; margin: 0 auto; position: relative; } .actual__slider.swiper-container { max-height: 700px; } .actual__slider-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 100%; } .actual__slider-item::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/local/templates/vilatte/img/maskbg2.png"); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; pointer-events: none; z-index: 2; } .actual__slider-item picture {width: 100%;} .actual__slider-item img { height: 100%; width: 100%; } .actual__item-content { height: 100%; width: 510px; padding: 60px 40px 60px 54px; background-color: #776E6C; } .actual__item-content h3 { color: #FFFFFF; margin-bottom: 15px; } .actual__item-content p { color: #FFFFFF; opacity: 0.8; } .actual__item-content p span { font-family: 'HelveticaNeueCyr-Bold'; } .actual__slider-nav { } .actual__slider-nav .swiper-pagination-actual { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left: 43px; bottom: 38px; position: absolute; z-index: 5; } .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet { width: 26px; height: 26px; border-radius: 50%; border: 1px solid transparent; background: transparent; opacity: 1; position: relative; margin-right: 6px; -webkit-transition: 0.3s; transition: 0.3s; } .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet:last-child { margin-right: 0; } .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet:after { content: ''; display: block; width: 5px; height: 5px; background: #FFFFFF; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #fff; } .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet.swiper-pagination-bullet-active:after { width: 9px; height: 9px; background: #2EB83D; } .actual__slider-nav .swiper-button-next, .actual__slider-nav .swiper-button-prev { margin: 0; width: 90px; height: 90px; border: 2px solid rgba(255, 255, 255, 0.3);border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; } .actual__slider-nav .swiper-button-next:hover, .actual__slider-nav .swiper-button-prev:hover { opacity: 1; } .actual__slider-nav .swiper-button-next::after, .actual__slider-nav .swiper-button-prev::after { display: none; } .actual__slider-nav .swiper-button-next::before, .actual__slider-nav .swiper-button-prev::before { font-size: 17px; color: #fff; } .actual__slider-nav .swiper-button-prev { margin-right: 32px; } @media screen and (max-width: 1024px) { .actual { padding-top: 60px; } } @media screen and (max-width: 768px) { .actual__slider-item img { max-height: 100%; width: 786px; max-width: 100%; -o-object-fit: cover; object-fit: cover; } } @media screen and (max-width: 767px) { .actual { padding-bottom: 80px; } .actual__slider-nav { bottom: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .actual__slider-nav .swiper-button-next, .actual__slider-nav .swiper-button-prev { display: none; } .actual__slider-nav .swiper-pagination-actual { margin: 0; } .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet:after { background: #b7afae; } .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #b7afae; } } .address-list { min-width: 180px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-right: 77px; } .address-list.icon-arrow-down::before { display:none; z-index: 3; font-size: 8px; -webkit-transition: 0.3s; transition: 0.3s; } .address-list__current { position: relative; z-index: 3; padding: 0 25px 0 0; cursor: pointer; } .address-list__current.icon-placeholder::before { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; display: none; } .address-list__current-name { font-family: 'helveticaneuecyrmedium'; display: inline-block; white-space: nowrap; font-size: 14px; line-height: 14px; color: #FFFFFF; border-bottom: 1px solid #fff; } .address-list__popup { position: absolute; z-index: 2; top: -35px; left: -30px; width: 405px; padding: 75px 55px 50px 55px; background: #776E6C; box-shadow: 0px 4px 20px rgba(89, 82, 81, 0.6); opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .address-list__popup form input { background: rgba(89, 82, 81, 0.6); border: none; padding: 11px 34px 9px 29px; font-family: 'helveticaneuecyrroman'; font-size: 16px; line-height: 35px; color: rgba(255, 255, 255, 0.8); width: 100%; } .address-list__popup form input::-webkit-input-placeholder { font-size: 16px; line-height: 35px; color: rgba(255, 255, 255, 0.8); } .address-list__popup form input:-moz-placeholder { font-size: 16px; line-height: 35px; color: rgba(255, 255, 255, 0.8); } .address-list__popup form input::-moz-placeholder { font-size: 16px; line-height: 35px; color: rgba(255, 255, 255, 0.8); } .address-list__popup form input:-ms-input-placeholder { font-size: 16px; line-height: 35px; color: rgba(255, 255, 255, 0.8); } .address-list__cities-list { margin-top: 27px; max-height: 355px; } .address-list__cities-list .os-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .address-list__cities-list .os-scrollbar.os-scrollbar-vertical { right: 5px; bottom: 10px; } .address-list__cities-list .os-scrollbar-vertical>.os-scrollbar-track:before { background: #857D7B; width: 6px; } .address-list__cities-list .os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:before { width: 23px; height: 23px; background: #776E6C; border: 2px solid #FFFFFF; left: 0px; -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; cursor: pointer; } .address-list__cities-list a { font-family: 'helveticaneuecyrroman'; font-size: 16px; line-height: 16px; color: #FFFFFF; margin-bottom: 12px; cursor: pointer; } .address-list__cities-list a:hover { text-decoration: underline; } .address-list__cities-list a:last-child { margin-bottom: 0; } .address-list.active::before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .address-list__current.active+.address-list__popup { opacity: 1; pointer-events: all; } .header-mobile .address-list { display: none; } @media screen and (max-width: 480px) { .header-top .address-list { display: none; } .header-mobile .address-list { display: block; } .address-list__current { min-width: auto; } .address-list { margin-bottom: 25px; } .address-list__popup { position: fixed; padding: 75px 20px 50px 20px; top: 0; height: 100%; width: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 999; } .address-list__cross { font-size: 28px; position: absolute; top: 20px; right: 20px; } } @media screen and (max-height: 550px) { .os-host, .os-host-textarea { max-height: 130px; } } .advantages { padding-top: 100px; } .advantages h3 { margin-bottom: 5px; line-height: 47px; } .advantages p { /*max-width: 575px;*/ color: rgba(24, 24, 24, 0.8); } .advantages p br{ display: none; } .advantages .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .advantages__video { /*background-color: grey;*/ width: 674px; height: 485px; margin-left: -110px; margin-right: 71px; position: relative; z-index: 3; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } .advantages__video video { width: 100%; height: 100%; outline: none; } .advantages__content-box { position: relative; margin-top: 20px; background: rgba(119, 110, 108, 0.07); padding: 25px 0 66px 0; } .advantages__content-box::before { content: ''; position: absolute; display: block; top: 0; height: 100%; left: -2500px; width: 2500px; background: rgba(119, 110, 108, 0.07); z-index: 1; } .advantages__content-box::after { content: ''; position: absolute; display: block; top: 0; height: 100%; right: -2500px; width: 2500px; background: rgba(119, 110, 108, 0.07); z-index: 1; } .advantages__content-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -21px; margin-bottom: 38px; } .advantages__list-item { list-style-type: none; width: 243px; margin-top: 22px; } .advantages__list-item p { padding-top: 8px; font-family: 'helveticaneuecyrroman'; font-size: 14px; line-height: 19px; color: rgba(24, 24, 24, 0.8); max-height: 110px; text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -ms-line-clamp: 5; -webkit-line-clamp: 5; line-clamp: 5; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; } @media screen and (max-width: 1599px) { .advantages__video { margin-left: -40px; margin-right: 40px; } } @media screen and (max-width: 1240px) { .advantages .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .advantages__content-list { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .advantages__list-item { width: 26%; } .advantages p { max-width: 100%; } .advantages__content-box { padding-bottom: 0; } .advantages__video { width: auto; margin-left: -40px; margin-right: -40px; margin-top: -20px; } .advantages { padding-bottom: 80px; } .advantages__content-box .btn { white-space: nowrap; position: absolute; bottom: -80px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .advantages__content-box { position: static; padding: 40px 40px 20px 40px; margin-left: -40px; margin-right: -40px; } .advantages__content-box:after { display: none; } .advantages__content-box::before { display: none; } } @media screen and (max-width: 1024px) { .advantages { padding-top: 60px; } } @media screen and (max-width: 600px) { .advantages h3 { line-height: 35px; line-height: 35px; } .advantages__list-item { width: 45%; } .advantages__video { margin-left: -20px; margin-right: -20px; height: 300px; } .advantages__content-box .btn { white-space: normal; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); bottom: -90px; } } .aside-catalog { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .aside-catalog a { font-family: 'helveticaneuecyrroman'; font-size: 16px; line-height: 190%; color: rgba(24, 24, 24, 0.8); margin-bottom: 10px; } .os-content p{ font-family: 'helveticaneuecyrroman'; font-size: 15px; line-height: 23px; color: #181818; margin-top: 12px; } .os-content ul, .os-content ol{ padding-top: 10px; padding-bottom: 10px; } .os-content ul li, .os-content ol li{ font-family: 'helveticaneuecyrroman'; font-size: 15px; line-height: 23px; color: #181818; margin-top: 6px; } .os-content ul li{ list-style-type: disc; list-style-position: inside; } .os-content ol li{ list-style-type: decimal; list-style-position: inside; } .seo-block h1, .seo-block h2, .seo-block h3, .seo-block h4, .seo-block h5{ padding-top: 20px; } @media screen and (max-width: 1024px) { .aside-catalog { z-index: 3; background-color: #fff; min-width: 300px; padding: 15px 20px; box-shadow: 0px 4px 20px rgba(89, 82, 81, 0.1); display: none; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; margin-top: 10px; } .aside-catalog.active { display: block; pointer-events: all; } .aside-catalog a { display: block; } } .aside-filter { border-top: 0.1px solid transparent; } .aside-filter .btn-reset { margin-left: 22px; } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .aside-filter .btn-reset { margin-left: 20px; } } } .aside-filter__box-title { width: 100%; margin-bottom: 8px; font-family: 'helveticaneuecyrroman'; font-size: 15px; line-height: 23px; color: rgba(24, 24, 24, 0.8); margin: 0; font-weight: 600; } .aside-filter__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 45px; } .aside-filter__box_col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .aside-filter__label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 32px; margin-top: 9px; cursor: pointer; width: 100px; } .aside-filter__label input { display: none; } .aside-filter__label-check { width: 20px; height: 20px; border: 1px solid #DBDEE0; border-radius: 4px; position: relative; margin-right: 12px; } .aside-filter__label-check::after { content: ''; display: block; height: 6px; width: 12px; border-bottom: 2px solid #181818; border-left: 2px solid #181818; position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); opacity: 0; } .aside-filter__label input:checked+.aside-filter__label-check { border: 2px solid #181818; } .aside-filter__label input:checked+.aside-filter__label-check:after { opacity: 1; } .aside-filter__label-data { font-family: 'helveticaneuecyrroman'; color: #181818; font-size: 14px; line-height: 15px; } .aside-filter__box-more { font-family: 'HelveticaNeueCyr-Bold'; font-size: 15px; line-height: 18px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #181818; margin-top: 15px; margin-bottom: 40px; } .aside-filter__slider { margin-top: 24px; width: 100%; } .aside-filter__slider .noUi-horizontal .noUi-handle { width: 14px; height: 14px; background: #8B8B8B; box-shadow: 0px 4px 4px rgba(31, 31, 31, 0.2); border-radius: 50%; border: none; cursor: pointer; } .aside-filter__slider .noUi-horizontal .noUi-handle::after { display: none; } .aside-filter__slider .noUi-horizontal .noUi-handle::before { display: none; } .aside-filter__slider .noUi-horizontal { height: 2px; } .aside-filter__slider .noUi-connect { background: #8B8B8B; top: -1px; height: 2px; } .aside-filter__slider .noUi-connect { background-color: #DBDEE0; } .aside-filter__slider-input-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 5px; } .aside-filter__slider-input-decor { background-color: rgba(31, 31, 31, 0.6); height: 1px; width: 18px; margin: 0 9px; } .aside-filter__slider-input-label { position: relative; display: block; } .aside-filter__slider-input-label input::-webkit-outer-spin-button, .aside-filter__slider-input-label input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; appearance: none; } .aside-filter__slider-input-label input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #FFFFFF; border: 1px solid #E4E2E2; border-radius: 20px; padding: 10px 35px 10px 17px; width: 115px; font-family: 'helveticaneuecyrroman'; font-size: 12px; line-height: 12px; color: #181818; } .aside-filter__slider-input-label span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 12px; font-size: 12px; line-height: 12px; color: rgba(24, 24, 24, 0.5); } .aside-filter__box_hide .aside-filter__label { display: none; } .aside-filter__box_hide .aside-filter__label:nth-child(2), .aside-filter__box_hide .aside-filter__label:nth-child(3), .aside-filter__box_hide .aside-filter__label:nth-child(4), .aside-filter__box_hide .aside-filter__label:nth-child(5), .aside-filter__box_hide .aside-filter__label:nth-child(6) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } div#cp_btn { z-index: 9; } @media screen and (max-width: 1024px) { .aside-filter { position: relative; background-color: #fff; left: 0px; top: 15px; max-width: 350px; padding: 15px 20px; box-shadow: 0px 4px 20px rgba(89, 82, 81, 0.1); display:none; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; z-index: 10; margin-top: 10px; } .aside-filter.active { display:block; pointer-events: all; } .aside-catalog.active{ z-index:10; } .aside-filter__box:first-child { margin-top: 0; } } .authorization-popup { background: rgba(120, 111, 109, 0.5);backdrop-filter: blur(20px); position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; 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; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .authorization-popup .form-label-input { padding-bottom: 15px;} .authorization-popup.active { opacity: 1; pointer-events: all; } .authorization-popup__cross { position: absolute; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; top: -35px; right: -35px; cursor: pointer; } .authorization-popup__cross::before { font-size: 17px; color: #fff; } .authorization-popup__content { width: 495px; position: relative; background: #FFFFFF; border: 1px solid #D0DCE6; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); padding: 54px 47px 54px; } .authorization-popup__tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 29px; } .form-title { font-weight: 550; font-size: 30px; line-height: 32px; text-align: center; color: #595251; margin-bottom: 25px; } .form-text { font-weight: normal; font-size: 16px; line-height: 22px; text-align: center; color: #595251; } .authorization-popup__tabs a { font-family: 'helveticaneuecyrmedium'; width: 50%; text-align: center; color: rgba(44, 44, 44, 0.5); font-size: 20px; line-height: 22px; padding-bottom: 12px; border-bottom: 1px solid rgba(44, 44, 44, 0.2); -webkit-transition: 0.3s; transition: 0.3s; } .authorization-popup__tabs a:hover { color: #2EB83D; border-color: #2EB83D; } .authorization-popup__tabs a.active { color: #2EB83D; border-color: #2EB83D; } .authorization-popup__tabs.none { display: none; } .sign-up-form, .sign-in-form, .password-form { display: none; } .sign-up-form .btn + div{ padding-top: 15px; text-align: center; font-size: 13px; line-height: 1.1; color: #2C2C2C; opacity: 0.8; } .sign-up-form.active, .sign-in-form.active, .password-form.active { display: block; } .authorization-popup .btn { width: 100%; margin-top: 7px; height: 60px; } .password-form h4, .password-form .title4 { color: #595251; text-align: center; margin-bottom: 44px; } @media screen and (max-width: 580px) { .authorization-popup__cross { top: -18px; right: -18px; } } @media screen and (max-width: 480px) { .authorization-popup__content { width: 100%; padding: 35px 15px 40px; } .authorization-popup { padding: 20px; } .authorization-popup__tabs a { font-size: 18px; line-height: 18px; } .authorization-popup__content .errortext { bottom: 108px; } } @media screen and (max-width: 360px) { .header-mobile .header-mobile__cross { width: 20px; height: 20px; top: 15px; right: 15px; font-size: 20px; } } @media screen and (max-height: 400px) { .authorization-popup { overflow-y: auto; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 30px 0; } } .benefit { padding: 105px 0 122px 0; position: relative; } .benefit:before {content: '';position: absolute;opacity: 0.3;width: 443px; z-index: 0;top: 95px;left: 50%;margin-left: -830px; background: url(/local/templates/vilatte/img/backimg1.jpg) no-repeat 0 0;height: 810px;} .benefit h3 { max-width: 970px; margin: 0 0 0 auto; margin-bottom: 44px; } .benefit h3 b {font-family: 'proxima_nova_thin';font-weight: 200;} .benefit__box { max-width: 1230px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row-reverse; } .benefit__content { width: 455px; margin-left: 65px; } .benefit__content .btn { padding: 19px 68px 17px; } .benefit__content h4 { margin-bottom: 34px; font-family: 'helveticaneuecyrroman';font-weight: 300; } .benefit__video { width: 670px; height: 505px; overflow: hidden; /*background-color: grey;*/ } .benefit__video video { width: 100%; height: 100%; } .benefit__content-item { position: relative; list-style-type: none; padding-left: 33px; max-width: 386px; font-family: 'helveticaneuecyrroman'; font-size: 16px; line-height: 24px; color: rgba(24, 24, 24, 0.8); margin-bottom: 17px; } .benefit__content-item:last-child { margin-bottom: 48px; } .benefit__content-item::before { content: ''; display: block; width: 15px; height: 11px; position: absolute; top: 11px; left: 0; background-image: url("/local/templates/vilatte/img/check-simple.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 1200px) { .benefit__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .benefit__content { width: 100%; margin-right: 0; } .benefit__content-item { max-width: 100%; min-height: 35px; } .benefit__video { width: auto; margin-left: -40px; margin-right: -40px; } .benefit__content .btn { position: absolute; bottom: -70px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .benefit { padding: 105px 0 150px 0; } } @media screen and (max-width: 1024px) { .benefit { padding: 60px 0 150px 0; } } @media screen and (max-width: 600px) { .benefit__video { height: 300px; margin-left: -20px; margin-right: -20px; } } .breadcrumbs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; margin-top: 20px; } .breadcrumbs li { list-style-type: none; margin-right: 24px; font-family: 'proxima_nova_regular'; font-size: 13px; line-height: 16px; color: rgba(24, 24, 24, 0.8); } .breadcrumbs li a { font-family: 'proxima_nova_regular'; font-size: 13px; line-height: 16px; color: rgba(24, 24, 24, 0.8); position: relative; } .breadcrumbs li a:after { content: ''; display: block; width: 5px; height: 5px; border-right: 1px solid rgba(24, 24, 24, 0.8); border-bottom: 1px solid rgba(24, 24, 24, 0.8); position: absolute; top: 50%; right: -12px; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .breadcrumbs li:last-child { pointer-events: none; margin-right: 0; } .breadcrumbs li:last-child a { color: rgba(24, 24, 24, 0.5); } .breadcrumbs li:last-child a::after { display: none; } .btn { display: inline-block; min-width: 220px; background: -webkit-linear-gradient(left, #2EB83D 0%, #F8534A 100%); background: linear-gradient(90deg, #2EB83D 0%, #F8534A 100%); box-shadow: 0px 7px 20px rgba(248, 111, 104, 0.6); border-radius: 0px; font-weight: 500; font-size: 14px; line-height: 14px; text-align: center; padding: 17px 40px 17px; color: #FFFFFF; text-transform: uppercase; border: none; } .btn_dark { box-shadow: none; background: #776E6C; } .btn_buy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-shadow: none; } .btn_buy::before { font-size: 22px; margin-right: 7px; } .btn_buy span { font-family: 'helveticaneuecyrmedium'; font-size: 14px; line-height: 14px; text-align: center; text-transform: uppercase; color: #FFFFFF; } .btn-cap { text-transform: capitalize; } .slide-btn-bottom { position: absolute; bottom: 50px; } .btn-round { width: 108px; height: 45px; display: inline-block; border: 2px solid rgba(255, 255, 255, 0.4); border-radius: 40px; padding: 14px 19px; font-family: 'helveticaneuecyrmedium'; color: #FFFFFF; font-size: 14px; line-height: 14px; -webkit-transition: 0.3s; transition: 0.3s; } .btn-round:hover { border-color: #2EB83D; } .btn-submit { border: 2px solid #2EB83D; border-radius: 40px; padding: 12px 21px; font-family: 'rubik-medium'; font-size: 15px; line-height: 18px; text-align: center; color: #2EB83D; background-color: transparent; min-width: 150px; } .btn-reset { padding: 0; border: none; background-color: transparent; padding-left: 13px; position: relative; margin-left: 10px; } .btn-reset span { font-family: 'rubik-medium'; font-size: 15px; line-height: 18px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: rgba(24, 24, 24, 0.8); } .btn-reset::before { content: ''; width: 1.5px; height: 12px; background-color: rgba(24, 24, 24, 0.8); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .btn-reset::after { content: ''; width: 1.5px; height: 12px; background-color: rgba(24, 24, 24, 0.8); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .btn-aside { border: 2px solid #776E6C; border-radius: 40px; color: #181818; font-size: 14px; line-height: 14px; font-family: 'helveticaneuecyrmedium'; padding: 14px 15px; display:none; } .btn-aside.active { border-color: #2EB83D; color: #2EB83D; } .btn-cart span { font-family: 'helveticaneuecyrmedium'; font-size: 14px; line-height: 14px; text-align: center; text-transform: uppercase; color: #FFFFFF; } .btn-cart::before { font-size: 22px; margin-right: 8px; } .btn-cart-preorder { background: #CBA187; border-radius: 120px; padding: 18px 40px 18px 48px; border: none; margin-top: 30px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .btn-cart-preorder span { font-family: 'helveticaneuecyrmedium'; font-size: 14px; line-height: 14px; text-align: center; text-transform: uppercase; color: #FFFFFF; } .btn-cart-preorder::before { font-size: 22px; margin-right: 8px; } .btn-submit-form { background: #776E6C; border-radius: 120px; width: 100%; padding: 17px; text-align: center; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #FFFFFF; border: none; } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .btn { padding: 19px 40px 15px; } .btn-aside { padding: 15px 15px 13px; } .btn-cart { padding: 20px 40px 16px 48px; } } } .ham { cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: -webkit-transform 400ms; transition: -webkit-transform 400ms; transition: transform 400ms; transition: transform 400ms, -webkit-transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: none; } .line { fill: none; -webkit-transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: #fff; stroke-width: 5.5; stroke-linecap: round; } .ham1 .top { stroke-dasharray: 40 139; } .ham1 .bottom { stroke-dasharray: 40 180; } @media screen and (max-width: 1200px) { .ham { display: block; } } @media screen and (max-width: 600px) { .ham { width: 50px; } } .call-popup { background: rgba(120, 111, 109, 0.5); backdrop-filter: blur(20px); position: fixed; z-index: 99; top: 0; left: 0; width: 100%; padding: 0 20px; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; 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; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .call-popup.active { opacity: 1; pointer-events: all; } .call-popup__cross { position: absolute; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; top: -35px; right: -35px; cursor: pointer; } .call-popup__cross::before { font-size: 17px; color: #595251; } .call-popup__content { width: 495px; position: relative; background: #FFFFFF; border: 1px solid #D0DCE6; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); padding: 55px 48px 64px; } .call-popup__content h4, .call-popup__content .title4 { color: #393939; text-align: center; margin-bottom: 40px; } .call-popup__content .btn { width: 100%; margin-top: 7px; } .preorder-popup { background: rgba(245, 245, 245, 0.7); position: fixed; z-index: 99; top: 0; left: 0; width: 100%; padding: 0 20px; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; 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; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .preorder-popup.active { opacity: 1; pointer-events: all; } .preorder-popup__cross { position: absolute; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: #FFFFFF; border-radius: 50%; top: -35px; right: -35px; cursor: pointer; } .preorder-popup__cross::before { font-size: 17px; color: #595251; } .preorder-popup__content { width: 495px; position: relative; background: #FFFFFF; border: 1px solid #D0DCE6; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); padding: 55px 48px 64px; } .preorder-popup__content h4, .preorder-popup__content .title4 { color: #393939; text-align: center; margin-bottom: 40px; } .preorder-popup__content .btn { width: 100%; margin-top: 7px; } .repass-popup { background: rgba(245, 245, 245, 0.7); position: fixed; z-index: 199; top: 0; left: 0; width: 100%; padding: 0 20px; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; 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; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .repass-popup.active { opacity: 1; pointer-events: all; } .repass-popup__cross { position: absolute; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: #FFFFFF; border-radius: 50%; top: -35px; right: -35px; cursor: pointer; } .repass-popup__cross::before { font-size: 17px; color: #595251 !important; } .repass-popup__content { width: 495px; position: relative; background: #FFFFFF; border: 1px solid #D0DCE6; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); padding: 55px 48px 64px; } .repass-popup__content h4, .repass-popup__content .title4 { color: #393939; text-align: center; margin-bottom: 40px; } .repass-popup__content .btn { width: 100%; margin-top: 7px; } @media screen and (max-width: 580px) { .call-popup__cross { top: 8px; right: 4px; } .call-popup__content { width: 100%; padding: 35px 15px 35px; } .preorder-popup__cross { top: -18px; right: -18px; } .preorder-popup__content { width: 100%; padding: 35px 15px 35px; } .repass-popup__cross { top: -18px; right: -18px; } .repass-popup__content { width: 100%; padding: 35px 15px 35px; } } .call-video { position: relative; height: 792px; padding-left: 227px; border-top: 0.1px solid transparent; } .call-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: grey; } .call-video video.active { z-index: 3; } .call-video__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 1; } .call-video__content { position: relative; z-index: 2; margin-top: 105px; max-width: 738px; } .call-video__content h3 { color: #FFFFFF; margin-bottom: 55px; } .call-video__content-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .call-video__content-box p { font-family: 'helveticaneuecyrroman'; max-width: 243px; font-size: 17px; line-height: 25px; color: rgba(255, 255, 255, 0.8); padding: 7px 0 0 0; } .call-video__content-btn { width: 154px; height: 154px; background-color: #776E6C; margin-right: 36px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .call-video .videoWrapper { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 791px; z-index: 0; background: grey; padding-bottom: 0; } .call-video .videoWrapper.active { z-index: 3; } .call-video__content-btn.icon-play::before { font-size: 99px; } @media screen and (max-width: 1200px) { .call-video { padding-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .call-video__content { margin: 40px; } } @media screen and (max-width: 1024px) { .call-video { height: 600px; } .call-video .videoWrapper { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 600px; z-index: 0; background: grey; padding-bottom: 0; } } @media screen and (max-width: 600px) { .call-video__content { margin: 20px; } .call-video__content-btn { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin-right: 20px; width: 134px; height: 134px; } .call-video__content-btn.icon-play::before { font-size: 85px; } } .cart-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 41px; margin-bottom: 90px; } .cart-box__content { width: 100%; max-width: 1010px; } .cart-box__aside { width: 331px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin-left: 43px; padding-top: 0px; } .cart-box__content-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; border-bottom: 1px solid #E4E2E2; padding-bottom: 14px; } .cart-box__content-header span { font-family: 'helveticaneuecyrlight'; font-size: 14px; line-height: 129.35%; color: rgba(24, 24, 24, 0.6); } .cart-box__content-header span:nth-child(1) { margin-left: 133px; max-width: 330px; width: 100%; margin-right: auto; } .cart-box__content-header span:nth-child(2) { max-width: 134px; margin-right: 7%; width: 100%; text-align: center; } .cart-box__content-header span:nth-child(3) { width: 100%; max-width: 207px; } .cart-box__content-header span:nth-child(4) { width: 100%; text-align: center; } .cart-box__content-item { padding: 17px 0 15px; border-bottom: 1px solid #E4E2E2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; } .cart-box__item-img {position: relative;width: 92px; height: 120px; margin-right: 42px;} .cart-box__item-img:hover .icon-circplus {background: linear-gradient(90deg, #2EB83D 0%, #FC6767 100%);color:rgba(255,255,255,0.8);} .cart-box__content-item img { width: 92px; height: 120px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .lk-main .cart-box__content-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .lk-main .cart-box__content-item > a { display: block; width: 92px; height: 120px; background-color: #eee; } .cart-box__item-box { width: 100%; } .cart-box__item-data { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: space-between; } .lk-main .history-main__data-sum { max-width: 50%; width: 100%; } .lk-main .cart-box__content-header span:nth-child(1), .lk-main .cart-box__content-header span:nth-child(2), .lk-main .cart-box__content-header span:nth-child(3), .lk-main .cart-box__content-header span:nth-child(4), .lk-main .cart-box__data-col { margin: 0; padding: 0; } .lk-main .cart-box__content-header span:nth-child(1) { max-width: 53%; } .lk-main .history-main { margin-bottom: 0; } .lk-main .cart-box__content-header span:nth-child(3) { max-width: initial; width: auto; text-align: center; } .lk-main .cart-box__content-header span:nth-child(4) { width: auto; flex-grow: 1; text-align: right; } .lk-main .cart-box__content-header span:nth-child(2), .lk-main .cart-box__data-col:nth-child(2) { display: none; } .lk-main .cart-box__content-header { justify-content: flex-start; padding-left: 100px; } .cart-box__data-col h5 { width: 100%; font-family: 'helveticaneuecyrmedium'; font-size: 15px; line-height: 19px; color: #181818; margin-bottom: 7px; } .cart-box__content a.cart-cert { padding-top: 5px; display: block; color: #2c2c2c; } .cart-box__data-col:nth-child(1) { min-height: 78px; max-width: 351px; width: 100%;margin-right: auto; } .cart-box__data-col:nth-child(1) span { font-size: 14px; line-height: 14px; color: rgba(24, 24, 24, 0.6); } .cart-box__data-col:nth-child(2) { text-align: center; max-width: 134px; margin-right: 7%; width: 100%; } .cart-box__data-col:nth-child(2) h6 { font-family: 'helveticaneuecyrroman'; font-size: 15px; line-height: 23px; color: rgba(24, 24, 24, 0.8); margin: 0; } .cart-box__data-col:nth-child(2) { width: 100%; max-width: 134px; text-align: center; font-family: 'helveticaneuecyrroman'; font-size: 15px; line-height: 23px; color: rgba(24, 24, 24, 0.8); } .cart-box__data-col:nth-child(3) { width: 100%; max-width: 190px; padding-left: 20px; } .cart-box__data-col:nth-child(3) span { display: block; } .cart-box__data-col:nth-child(3) span:first-child { font-family: 'helveticaneuecyrmedium'; font-size: 18px; line-height: 18px; color: #181818; margin-bottom: 3px; } .cart-box__data-col:nth-child(3) span:last-child { font-size: 14px; line-height: 14px; color: rgba(24, 24, 24, 0.6); } .lk-main .history-main__list .cart-box__data-col:nth-child(1), .lk-main .history-main__list .cart-box__data-col:nth-child(2), .lk-main .history-main__list .cart-box__data-col:nth-child(3), .lk-main .history-main__list .cart-box__data-col:nth-child(4) { margin: 0; padding: 0; } .lk-main .cart-box__item-data { justify-content: flex-start; } .lk-main .history-main__list .cart-box__data-col:nth-child(1) { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; max-width: 52%; } .lk-main .history-main__list .cart-box__data-col:nth-child(3) { max-width: 100px; text-align: center; } .lk-main .history-main__list .cart-box__data-col:nth-child(4) { flex-grow: 1; text-align: right; } .cart-box__item-delete { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-size: 17px; } .cart-box__item-delete:before { color: rgba(24, 24, 24, 0.5); } .cart-box__item-size { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; background: #F5F5F5; padding: 10px 13px 11px 13px; } .cart-rost-label { padding-right: 20px; } .cart-box__item-size .cart-box__item-size-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .cart-box__item-size .cart-box__item-size-wrap span { width: 33px; height: 33px; background: #FFFFFF; border: 1px solid #E4E2E2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 10px; cursor: pointer; } .cart-box__item-size .cart-box__item-size-wrap input { pointer-events: none; width: 35px; margin-right: 5px; border: none; background: none; font-family: 'helveticaneuecyrroman'; font-size: 15px; line-height: 23px; color: rgba(24, 24, 24, 0.8); } .cart-box__item-size-data.active-none { pointer-events: none; } .cart-box__item-review { font-family: 'helveticaneuecyrmedium'; font-weight: 500; font-size: 14px; line-height: 250%; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #2C2C2C; margin-left: auto; } .cart-box__size-count { position: absolute; z-index: 9; bottom: -44px; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #F5F5F5; border: 1px solid #E4E2E2; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); opacity: 0; pointer-events: none; } .cart-box__size-count.active { opacity: 1; pointer-events: all; } .cart-box__size-count .cart-box__size-count-btn { height: 32px; width: 32px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: rgba(24, 24, 24, 0.6); font-size: 20px; padding: 0; cursor: pointer; border: none; } .cart-box__size-count span { height: 32px; width: 30px; border-left: 1px solid #E4E2E2; border-right: 1px solid #E4E2E2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; line-height: 23px; color: #181818; margin: 0 !important; } .cart-box__content-textarea { display: block; margin-top: 29px; } .cart-box__content-textarea span { display: block; margin-bottom: 12px; font-family: 'helveticaneuecyrmedium'; font-size: 16px; line-height: 24px; color: #2C2C2C; } .cart-box__content-textarea textarea { background: #FFFFFF; border: 1px solid #EAE9E9; border-radius: 25px; width: 446px; height: 135px; padding: 9px 24px 15px; font-size: 14px; line-height: 35px; color: rgba(24, 24, 24, 0.5); resize: none; } .cart-box__item-pay-info { display: inline-block; width: 17px; height: 17px; background-image: url("/local/templates/vilatte/img/info.svg"); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; cursor: pointer; top: -7px; left: -8px; } .cart-box__item-pay-info .cart-box__item-info-box { position: absolute; top: -9px; left: -267px; width: 263px; background: #FFFFFF; border: 1px solid #E4E2E2; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); padding: 10px 12px 10px 14px; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .cart-box__item-pay-info .cart-box__item-info-box li { list-style-type: none; text-align: left; } .cart-box__item-pay-info:hover .cart-box__item-info-box { opacity: 1; pointer-events: all; } .cart-box__aside-wrap { background: #FFFFFF; border: 1px solid #E4E2E2; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); padding: 19px 21px 25px 20px; } .cart-box__aside-wrap h6 { margin-bottom: 6px; } .cart-box__aside-tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .cart-box__aside-tabs a { color: rgba(24, 24, 24, 0.4); font-size: 14px; line-height: 26px; } .cart-box__aside-tabs a:first-child { margin-right: 26px; } .cart-box__aside-tabs a.active { color: #2C2C2C; border-bottom: 1px solid #2C2C2C; } .cart-box__aside-input { display: block; margin-bottom: 20px; } .cart-box__aside-input input { font-family: 'proxima_nova_regular'; background: #FFFFFF; border: 1px solid #E4E2E2; width: 100%; padding: 5px 25px;height: 60px; color: #181818; font-size: 15px; line-height: 28px; } .cart-box__aside-input input::-webkit-input-placeholder { color: rgba(24, 24, 24, 0.6); } .cart-box__aside-input input:-moz-placeholder { color: rgba(24, 24, 24, 0.6); } .cart-box__aside-input input::-moz-placeholder { color: rgba(24, 24, 24, 0.6); } .cart-box__aside-input input:-ms-input-placeholder { color: rgba(24, 24, 24, 0.6); } .cart-box__aside-box { display: none; } .cart-box__aside-box.active { display: block; } .cart-box__aside-box h6 { color: #2C2C2C; margin-top: 30px; margin-bottom: 15px; } .cart-box__aside-box a { font-family: 'helveticaneuecyrmedium'; font-size: 15px; line-height: 15px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #2C2C2C; margin-top: 9px; display: inline-block; } .cart-box__aside-radio { display: block; margin-bottom: 10px; min-height: 21px; padding-left: 32px; cursor: pointer; } .cart-box__aside-radio input { display: none; } .cart-box__aside-radio span { font-size: 14px; line-height: 17px; color: rgba(24, 24, 24, 0.8); position: relative; } .cart-box__aside-radio span::before { content: ''; display: block; position: absolute; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #DBDEE0; left: -32px; top: 0; } .cart-box__aside-radio span:after { content: ''; display: block; position: absolute; width: 14px; height: 14px; border-radius: 50%; background-color: #2EB83D; left: -29px; top: 3px; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .cart-box__aside-radio input:checked+span:after { opacity: 1; } .cart-box__aside-pay { margin-top: 1px; background: #FFFFFF; border: 1px solid #E4E2E2; padding: 24px 25px 34px 25px; } .cart-box__aside-pay-info { display: inline-block; vertical-align: middle; width: 17px; height: 17px; background-image: url("/local/templates/vilatte/img/info.svg"); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; cursor: pointer; } .cart-box__aside-pay-item .cart-box__pay-info-box { position: absolute; top: -140px; left: -246px; width: 263px; background: #FFFFFF; border: 1px solid #E4E2E2; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); padding: 10px 12px 10px 14px; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .cart-box__aside-pay-item .cart-box__pay-info-box li { list-style-type: none; white-space: nowrap; text-align: left; } .cart-box__aside-pay-item .cart-box__pay-info-box li:last-child { margin-bottom: 0; } .cart-box__aside-pay-item .cart-box__pay-info-box li span { font-size: 12px; line-height: 18px; } .cart-box__aside-pay-item .cart-box__pay-info-box li span:first-child { color: #474747; } .cart-box__aside-pay-item .cart-box__pay-info-box li span:last-child { font-family: 'helveticaneuecyrmedium'; color: #181818; white-space: nowrap; } .cart-box__aside-pay-info:hover .cart-box__pay-info-box { opacity: 1; pointer-events: all; } .cart-box__aside-pay-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px; } .cart-box__aside-pay-item span:first-child { font-family: 'helveticaneuecyrlight'; font-size: 14px; line-height: 14px; color: rgba(24, 24, 24, 0.8); } .cart-box__aside-pay-item span:last-child { font-family: 'helveticaneuecyrmedium'; font-size: 15px; line-height: 15px; text-align: right; color: #181818; white-space: nowrap; } .cart-box__aside-pay-item .cart-box__aside-pay_custom { background: #FFFFFF; border: 1px solid #EAE9E9; padding: 5px 17px; font-family: 'helveticaneuecyrroman'; font-size: 12px; line-height: 16px; text-align: left; width: 109px; } .cart-box__aside-pay_bg { background-color: #F5F5F5; padding: 10px 25px 13px 25px; margin-bottom: 15px; margin-left: -25px; margin-right: -25px; } .cart-box__aside-pay_bg .cart-box__aside-pay-item:last-child { margin-bottom: 0; } .cart-box__aside-pay-item span:first-child.cart-box__aside-pay_font { font-size: 12px; } .cart-box__aside-pay-all { margin-bottom: 22px; } .cart-box__aside-pay-all span:first-child { font-family: 'helveticaneuecyrlight'; font-size: 14px; line-height: 14px; color: rgba(24, 24, 24, 0.8); } .cart-box__aside-pay-all span:last-child { font-size: 22px; line-height: 22px; color: #181818; } .cart-box__aside-promo { display: block; margin-bottom: 14px; } .cart-box__aside-promo input { width: 100%; background: #FFFFFF; border: 1px solid #E4E2E2; padding: 4px 20px 4px 25px; font-size: 15px; height: 50px; line-height: 32px; color: rgba(24, 24, 24,1); } .cart-box__aside-promo input::-webkit-input-placeholder { color: rgba(24, 24, 24, 0.6); } .cart-box__aside-promo input:-moz-placeholder { color: rgba(24, 24, 24, 0.6); } .cart-box__aside-promo input::-moz-placeholder { color: rgba(24, 24, 24, 0.6); } .cart-box__aside-promo input:-ms-input-placeholder { color: rgba(24, 24, 24, 0.6); } @media screen and (max-width: 1200px) { .cart-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .cart-box__content { max-width: 100%; } .cart-box__aside { margin-left: 0; width: 445px; } } @media screen and (max-width: 1024px) { .cart-box__aside { width: 100%; } .cart-box__aside-wrap { } .cart-box__aside-pay { min-width: 300px; } } @media screen and (max-width: 1023px) { .cart-box__item-size { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -10px; } .cart-box__item-img { margin-right: 23px;} .cart-box__item-size label { margin-top: 10px; } .cart-box__item-data { flex-wrap: wrap; position: relative; } .lk-main .cart-box__item-data { justify-content: space-between; } .cart-box__data-col:nth-child(1), .cart-box__data-col:nth-child(2), .cart-box__data-col:nth-child(3), .cart-box__data-col:nth-child(4) { max-width: 100%; text-align: left; padding-left: 0; } .cart-box__data-col:nth-child(1) { padding-right: 38px; margin-bottom: 15px;} .cart-box__data-col:nth-child(2), .cart-box__data-col:nth-child(3) { margin: 0; max-width: 47%; } .cart-box__item-delete { position: absolute; top: 3px; right: 10px; } .cart-box__content-header { display: none; } } @media screen and (max-width: 480px) { .cart-box__aside { margin-left: 0; } .cart-box__aside-wrap { margin-left: 0; } .cart-box__aside-pay { margin-left: 0; width: 100%; min-width: auto; } .cart-box__content-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .cart-box__item-img {width: 150px; height: 187px; display: block; margin: 0 auto 20px;} .lk-main .cart-box__content-item > a, .cart-box__content-item img { width: 150px; height: 187px; display: block; margin: 0 auto; } .cart-box__data-col:nth-child(1) {min-height: 10px;} .cart-box__item-delete { font-size: 20px; top: 0px; } .cart-box__content-textarea textarea { width: 100%; } .cart-box__aside { width: 100%; } .cart-box__aside-pay-item .cart-box__pay-info-box { left: -176px; } .lk-main .cart-box__item-box { padding-left: 0 !important; padding-top: 15px; } } .cart { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .cart__icon { position: relative; cursor: pointer; display: flex; } .cart__icon.icon-cart::before { font-size: 22px; } .cart__count { position: absolute; left: 12px; top: 12px; width: 20px; height: 20px; border-radius: 50%; background-color: #2EB83D; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: 'helveticaneuecyrmedium'; font-size: 12px; line-height: 12px; color: #FFFFFF; } @media not all and (min-resolution: 0.001dpcm) { .cart__count { padding-top: 2px; } } .cart__sum { font-family: 'HelveticaNeueCyr-Bold'; font-size: 14px; line-height: 18px; color: #FFFFFF; margin-left: 10px; } .cart__popup { text-align: right; padding: 20px 16px 29px 18px; position: absolute; left: -295px; top: -5000px; width: 350px; background: #776E6C; box-shadow: 0px 4px 20px rgba(89, 82, 81, 0.6); z-index: 1; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .cart__popup h5, .cart__popup .title5 { text-align: left; font-size: 18px; line-height: 18px; color: #FFFFFF; font-family: 'HelveticaNeueCyr-Bold'; margin-bottom: 18px; } .cart__popup h5 span, .cart__popup .title5 span { font-size: 14px; line-height: 15px; font-family: 'helveticaneuecyrroman'; margin-left: 12px; } .cart__popup ul { max-height: 500px; } .cart__popup ul .os-scrollbar.os-scrollbar-vertical { right: 5px; bottom: 10px; } .cart__popup ul .os-scrollbar-vertical>.os-scrollbar-track:before { background: #857D7B; width: 6px; } .cart__popup ul .os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:before { /*width: 23px; height: 23px; background: #776E6C; border: 2px solid #FFFFFF; left: 0px; -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; cursor: pointer;*/ display: none; } .cart__popup ul li { margin-right: 40px; text-align: left; list-style-type: none; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 15px 28px 15px 0; border-bottom: 1px solid rgba(202, 208, 215, 0.3); } .cart__popup ul li:first-child { border-top: 1px solid rgba(202, 208, 215, 0.3); } .cart__popup ul li .cart__popup-product { width: 70px; height: 91px; margin-right: 13px; -o-object-fit: contain; object-fit: contain; } .cart__popup ul li h6 { font-size: 13px; line-height: 16px; color: #FFFFFF; margin-bottom: 9px; } .cart__popup ul li .cart__content-price ins { font-family: 'helveticaneuecyrmedium'; font-size: 16px; line-height: 20px; color: #2EB83D; text-decoration: none; margin-right: 8px; } .cart__popup ul li .cart__content-price del { font-family: 'helveticaneuecyrroman'; font-size: 12px; line-height: 15px; color: #CACACA; } .cart__popup ul li .cart__content-quantity { display: block; color: #fff; margin-top: 5px; } .cart__popup.active { opacity: 1; pointer-events: all; visibility: visible; top: 55px; } .cart__popup-item-delete { display: block; width: 12px; height: 16px; position: absolute; right: 0; top: 17px; cursor: pointer; opacity: 0.6; -webkit-transition: 0.3s; transition: 0.3s; } .cart__popup-item-delete:hover { opacity: 1; } .cart__popup-item-delete img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .cart__popup-sum { display: block; margin: 17px 0 15px 0; font-size: 12px; line-height: 15px; color: #FFFFFF; font-family: 'helveticaneuecyrmedium'; } .cart__popup-sum span { font-family: 'HelveticaNeueCyr-Bold'; font-size: 18px; line-height: 18px; margin-left: 7px; } @media screen and (max-width: 1200px) { .cart { position: static; } .cart__popup { top: 50%; left: 50%; z-index: 99; max-width: -webkit-calc(100% - 40px); max-width: calc(100% - 40px); padding: 50px 16px 29px 18px; margin-left: -175px; } .cart__popup-cross { font-size: 24px; position: absolute; top: 20px; right: 20px; } .cart__popup.active { top: 115px; } } @media screen and (max-width: 768px) { .cart__popup.active { top: 105px; } } @media screen and (max-height: 760px) { .cart__popup ul { max-height: 250px; } } @media screen and (max-height: 550px) { .cart__popup ul { max-height: 120px; } } .check-in { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 85px 110px 134px 110px; } .check-in h3 { text-align: center; color: #FFFFFF; margin-bottom: 15px; } .check-in p { color: #FFFFFF; max-width: 870px; text-align: center; margin: 0 auto; margin-bottom: 51px; } .check-in__form { 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; flex-direction: column; } .check-in__form-inner { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-around; } .check-in__form .form-label-check p { margin-bottom: 0; color: #FFFFFF; } .check-in__form .form-label-check p a { color: #FFFFFF; } .check-in__form .form-label-check { margin-bottom: 0; padding-top: 35px; } .check-in__form .btn { width: 360px; padding: 20px 40px 21px; } .check-in__form-label { margin-right: 30px; } .check-in__form-label input { background: #595251; opacity: 0.6; border-radius: 35px; width: 360px; padding: 12px 25px 8px 40px; font-size: 15px; line-height: 35px; color: #FFFFFF; } .check-in__form-label input::-webkit-input-placeholder { font-size: 15px; line-height: 35px; color: #FFFFFF; } .check-in__form-label input:-moz-placeholder { font-size: 15px; line-height: 35px; color: #FFFFFF; } .check-in__form-label input::-moz-placeholder { font-size: 15px; line-height: 35px; color: #FFFFFF; } .check-in__form-label input:-ms-input-placeholder { font-size: 15px; line-height: 35px; color: #FFFFFF; } @media screen and (max-width: 1360px) { .check-in__form-label input { width: 300px; } .check-in__form .btn { width: 300px; } } @media screen and (max-width: 1200px) { .check-in__form-label { margin-right: 0; margin-bottom: 30px; } .check-in__form-label input { width: 360px; } .check-in__form .btn { width: 360px; } } @media screen and (max-width: 1024px) { .check-in { padding: 60px 40px 60px 40px; } } @media screen and (max-width: 600px) { .check-in { padding: 60px 20px 60px 20px; } .check-in__form-label { width: 100%; } .check-in__form-label input { width: 100%; } .check-in__form .btn { width: 100%; } } .comparison { padding: 84px 0 0 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .comparison h3 { color: #FFFFFF; max-width: 964px; text-align: center; margin: 0 auto; } .comparison p { padding: 22px 0 0 0; max-width: 952px; margin: 0 auto; text-align: center; color: rgba(255, 255, 255, 0.8); } .comparison__slider-item { max-height: 307px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .comparison__slider-item img { max-width: 100%; max-height: 100%; } .comparison__slider.swiper-container { margin-left: -20px; margin-top: 40px; position: relative; padding-bottom: 146px; } .comparison__slider-nav { position: absolute; z-index: 9; bottom: 80px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .comparison__slider-nav .comparison__slider-pagination { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 17px; } .comparison__slider-nav .comparison__slider-pagination .swiper-pagination-bullet { width: 26px; height: 26px; border-radius: 50%; border: 1px solid transparent; background: transparent; opacity: 1; position: relative; margin-right: 6px; -webkit-transition: 0.3s; transition: 0.3s; } .comparison__slider-nav .comparison__slider-pagination .swiper-pagination-bullet:last-child { margin-right: 0; } .comparison__slider-nav .comparison__slider-pagination .swiper-pagination-bullet:after { content: ''; display: block; width: 5px; height: 5px; background: #FFFFFF; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .comparison__slider-nav .comparison__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #fff; } .comparison__slider-nav .comparison__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { width: 9px; height: 9px; background: #2EB83D; } .comparison__slider-nav .swiper-button-next, .comparison__slider-nav .swiper-button-prev { margin: 0; position: static; width: 64px; height: 17px; opacity: 0.6; -webkit-transition: 0.3s; transition: 0.3s; } .comparison__slider-nav .swiper-button-next:hover, .comparison__slider-nav .swiper-button-prev:hover { opacity: 1; } .comparison__slider-nav .swiper-button-next::after, .comparison__slider-nav .swiper-button-prev::after { display: none; } .comparison__slider-nav .swiper-button-next::before, .comparison__slider-nav .swiper-button-prev::before { font-size: 17px; color: #fff; } @media screen and (max-width: 1599px) { .comparison__slider.swiper-container { margin-left: 0; } } @media screen and (max-width: 1200px) { .comparison__slider-item { max-width: 100%; } } @media screen and (max-width: 1024px) { .comparison { padding: 60px 0 0 0; } .comparison__slider.swiper-container { padding-bottom: 110px; } .comparison__slider-nav { bottom: 40px; } } @media screen and (max-width: 767px) { .comparison__slider-nav .swiper-button-next, .comparison__slider-nav .swiper-button-prev { display: none; } } .contact-main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 40px; margin-bottom: 100px; } .contact-main__aside { width: 328px; padding-right: 60px; } .contact-main__aside h1 { margin-bottom: 40px; } .contact-main__list li { list-style-type: none; margin-bottom: 19px; margin-left: 4px; } .contact-main__list li span { display: block; margin-bottom: 5px; font-family: 'helveticaneuecyrmedium'; font-weight: 500; font-size: 13px; line-height: 18px; color: #181818; } .contact-main__list li address span { font-family: 'helveticaneuecyrlight'; font-style: normal; font-size: 16px; line-height: 20px; color: rgba(24, 24, 24, 0.8); display: inline; font-weight: 400; } .contact-main__list li a, .contact-main__list li time, .contact-main__list li address { font-family: 'helveticaneuecyrlight'; font-style: normal; font-size: 16px; line-height: 20px; color: rgba(24, 24, 24, 0.8); } .contact-main__list li a, .contact-main__list li time { white-space: nowrap; } .contact-main__map { display: none; width: 100%; max-width: 1053px; } .contact-main__map #map { width: 100%; height: 100%; } @media screen and (max-width: 1023px) { .contact-main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .contact-main__aside { width: 100%; padding-right: 0; } .contact-main__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contact-main__list li { margin-right: 40px; } } @media screen and (max-width: 480px) { .contact-main__map { height: 320px; } } .delete-product-cart { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: rgba(89, 82, 81, 0.6); -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; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .delete-product-cart.active { opacity: 1; pointer-events: all; } .delete-product-cart__content { width: 420px; position: relative; background: #595251; box-shadow: 0px 4px 20px rgba(89, 82, 81, 0.6); padding: 30px 30px 30px; text-align: center; } .delete-product-cart__content h5, .delete-product-cart__content .title5 { color: #FFFFFF; margin-bottom: 29px; } .delete-product-cart__content .btn-round:last-child { margin-left: 11px; } .delete-product-cart__cross { font-size: 28px; position: absolute; top: -30px; right: -30px; cursor: pointer; } @media screen and (max-width: 500px) { .delete-product-cart__content { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); padding: 30px 20px 30px; } .delete-product-cart__cross { font-size: 18px; position: absolute; top: 10px; right: 10px; } } .delete-product-popup { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: rgba(89, 82, 81, 0.6); -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; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .delete-product-popup.active { opacity: 1; pointer-events: all; } .delete-product-popup__content { width: 420px; position: relative; background: #595251; box-shadow: 0px 4px 20px rgba(89, 82, 81, 0.6); padding: 30px 30px 30px; text-align: center; } .delete-product-popup__content h5, .delete-product-popup__content .title5 { color: #FFFFFF; margin-bottom: 29px; } .delete-product-popup__content .btn-round:last-child { margin-left: 11px; } .delete-product-popup__cross { font-size: 28px; position: absolute; top: -30px; right: -30px; cursor: pointer; } @media screen and (max-width: 500px) { .delete-product-popup__content { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); padding: 30px 20px 30px; } .delete-product-popup__cross { font-size: 18px; position: absolute; top: 10px; right: 10px; } } .faq { background-color: #F5F5F5; padding: 85px 0 145px 0; } .faq h3 { margin-bottom: 55px; } .faq__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .faq__box-col { width: -webkit-calc(50% - 30px); width: calc(50% - 30px); } .faq__box-col:first-child { margin-right: 60px; } .faq__box-item { margin-bottom: 20px; } .faq__box-item:last-child { margin-bottom: 0; } .faq__item-title { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #FFFFFF; border: 1px solid #ECECEC; min-height: 72px; padding: 17px 134px 8px 23px; cursor: pointer; } .faq__item-title::before { font-size: 15px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 27px; -webkit-transition: 0.3s; transition: 0.3s; } .faq__item-title span { display: block; font-family: 'HelveticaNeueCyr-Heavy'; font-size: 20px; line-height: 175%; color: rgba(21, 21, 21, 0.15); margin-right: 17px; } .faq__item-title h6 { line-height: 130%; margin: 0; } .faq__item-content { max-height: 0; overflow: hidden; border: none; background: #FFFFFF; padding: 0 23px 0 23px; -webkit-transition: 0.3s; transition: 0.3s; } .faq__item-title.active::before { -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .faq__item-title.active+.faq__item-content { padding: 7px 23px 17px 23px; border: 1px solid #ECECEC; max-height: 1500px; } @media screen and (max-width: 1200px) { .faq__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .faq__box-col:first-child { margin-right: 0; margin-bottom: 20px; } .faq__box-col { width: 100%; } } @media screen and (max-width: 1024px) { .faq { padding: 60px 0 60px 0; } } @media screen and (max-width: 600px) { .faq__item-title { padding: 17px 50px 12px 20px; } .faq__item-title span { font-size: 16px; margin-right: 12px; } .faq__item-content { padding: 0 20px 0 20px; } .faq__item-title.active+.faq__item-content { padding: 7px 20px 17px 20px; } } .for-whom { padding: 105px 0 40px 0; } .for-whom h3 { margin-bottom: 12px; } .for-whom__box { margin-top: 55px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .for-whom__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .for-whom__item:first-child { margin-right: 26px; } .for-whom__item img { max-width: 250px; max-height: 320px; margin-right: 27px; } .for-whom__item-content h4, .for-whom__item-content .title4 { margin-top: 11px; margin-bottom: 37px; } .for-whom__item-content ul li { list-style-type: none; font-size: 14px; line-height: 19px; color: rgba(24, 24, 24, 0.8); margin-bottom: 27px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .for-whom__item-content ul li:last-child { margin-bottom: 0; } .for-whom__item-content ul li::before { content: ''; display: block; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 35px; height: 35px; margin-right: 13px; background-image: url("/local/templates/vilatte/img/check.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 1200px) { .for-whom__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .for-whom__item:first-child { margin-right: 0; margin-bottom: 30px; } } @media screen and (max-width: 1024px) { .for-whom { padding: 60px 0 20px 0; } } @media screen and (max-width: 600px) { .for-whom__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 50px; } .for-whom__item img { margin-right: 0; margin-bottom: 10px; } } .form-label-input { display: block; padding-bottom: 18px; } .form-label-input input, .inputtext { width: 100%; border: 1px solid #E4E2E2; background: #FFFFFF; padding: 8px 25px; font-size: 15px; height: 60px; line-height: 35px; color: #2F2E2D; } .form-label-input input.secure { -webkit-text-security: disc; } .form-label-input input::-webkit-input-placeholder, .inputtext::-webkit-input-placeholder { color: rgba(44, 44, 44, 0.6); } .form-label-input input:-moz-placeholder, .inputtext:-moz-placeholder { color: rgba(44, 44, 44, 0.6); } .form-label-input input::-moz-placeholder, .inputtext::-moz-placeholder { color: rgba(44, 44, 44, 0.6); } .form-label-input input:-ms-input-placeholder, .inputtext:-ms-input-placeholder { color: rgba(44, 44, 44, 0.6); } .form-label-check, .input-checkbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-top: 5px; padding-bottom: 14px; } .form-label-check input, .input-checkbox input { display: none; } .form-label-check p, .input-checkbox p { font-size: 14px; line-height: 79%; color: #9b9b9b; font-weight: 100; } .form-label-check p a, .input-checkbox p a { font-family: 'helveticaneuecyrmedium'; text-decoration: underline; color: #87bb5f; } label.bx-soa-custom-label.checkbox { margin-top: 0px !important; font-size: 18px !important; color: #616161 !important; margin-left: 5px !important; } label.bx-soa-custom-label:nth-last-child(1){ } .form-label-check__custom { width: 20px; height: 20px; border: 1px solid #E4E2E2; border-radius: 4px; margin-right: 8px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; position: relative; cursor: pointer; } .form-label-check__custom::after { content: ''; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; border-radius: 4px; background: url(/local/templates/vilatte/img/check-simple-w.svg) no-repeat center #2EB83D; opacity: 0; } .form-label-check input:checked+.form-label-check__custom:after { opacity: 1; } .form-link { font-weight: 500; font-size: 16px; line-height: 19px; text-align: center; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #2C2C2C; display: block; max-width: 200px; margin: 0 auto; margin-top: 10px; } .gallery-top__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery-top__slide video { background-color: grey; width: 100%; height: calc(100% - 3px); } .gallery-top__pagination { position: static; display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; margin-top: 10px; } .gallery-top__pagination .swiper-pagination-bullet { width: 26px; height: 26px; border-radius: 50%; border: 1px solid transparent; background: transparent; opacity: 1; position: relative; margin-right: 6px; -webkit-transition: 0.3s; transition: 0.3s; } .gallery-top__pagination .swiper-pagination-bullet:after { content: ''; display: block; width: 5px; height: 5px; background: #181818; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.3s; transition: 0.3s; } .gallery-top__pagination .swiper-pagination-bullet-active { border-color: #181818; } .gallery-top__pagination .swiper-pagination-bullet-active:after { width: 8px; height: 8px; background: #2EB83D; } @media screen and (min-width: 1020px) { .gallery-top__wrapper { -webkit-transform: translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; } .gallery-top__slide { width: 50% !important; margin: 0 !important; } } @media screen and (max-width: 1020px) { .gallery-top__slide:nth-child(2) { -webkit-box-ordinal-group: 100; -webkit-order: 99; -ms-flex-order: 99; order: 99; } .gallery-top__wrapper { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .gallery-top__pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .header-contact { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: relative; padding-right: 27px; margin-right: 68px; cursor: pointer; } .header-contact.icon-arrow-down::before, .header-mobile .address-list.icon-arrow-down:before { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; font-size: 8px; -webkit-transition: 0.3s; transition: 0.3s; } .header-mobile .address-list { margin-right: 0; min-width: auto; } .header-contact__number { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 3; padding-left: 30px; } .header-contact__number.icon-phone::before { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; font-size: 20px; } .header-contact__number-link { font-family: 'helveticaneuecyrmedium'; font-weight: 500; font-size: 18px; line-height: 18px; color: #FFFFFF; margin-bottom: 3px; } .header-contact__number-text { font-family: 'helveticaneuecyrroman'; font-size: 12px; line-height: 12px; color: rgba(255, 255, 255, 0.6); } .header-contact__popup { position: absolute; z-index: 1; top: -10px; left: -18px; width: 260px; padding: 75px 60px 19px 49px; background: #776E6C; box-shadow: 0px 4px 20px rgba(89, 82, 81, 0.6); opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .header-contact__popup span { font-family: 'helveticaneuecyrmedium'; font-size: 14px; line-height: 18px; color: #FFFFFF; } .header-contact__popup span span { color: rgba(255, 255, 255, 0.7); } .header-contact__popup a { font-family: 'helveticaneuecyrmedium'; font-size: 14px; line-height: 18px; color: #FFFFFF; display: block; margin-top: 7px; } .header-contact.active::before { -webkit-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .header-contact.active .header-contact__popup { opacity: 1; pointer-events: all; } @media screen and (max-width: 1200px) { .header-contact .header-contact__popup { position: absolute; z-index: 999; top: 40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 999; max-width: 230px; padding: 40px 30px 19px 40px; } .header-contact__cross { font-size: 13px; position: absolute; top: 20px; right: 20px; } } .history-main { margin-top: -6px; margin-bottom: 65px; } .history-main .cart-box__size-count { display: none; } .history-main .history-main__title { margin-bottom: 20px; } .history-main__back { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 36px; } .history-main__back::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 16px; margin-right: 13px; } .history-main__back span { font-family: 'helveticaneuecyrmedium'; font-size: 15px; line-height: 15px; color: #776E6C; position: relative; } .history-main__back span:after { content: ''; display: block; position: absolute; border-bottom: 1px solid rgba(119, 110, 108, 0.8); bottom: 0; left: 0; width: 100%; } .history-main__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 46px; } .history-main__info a { margin-right: 65px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .history-main__info a::before { font-size: 22px; margin-right: 12px; } .history-main__info a span { font-family: 'helveticaneuecyrmedium'; font-size: 15px; line-height: 19px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #2EB83D; } .history-main__info span { font-family: 'helveticaneuecyrlight'; font-size: 14px; line-height: 18px; color: rgba(24, 24, 24, 0.8); } .history-main__info span span { font-family: 'helveticaneuecyrmedium'; color: #181818; } .history-main__list h6 { margin-bottom: 24px; font-size: 15px; } .history-main__list .cart-box__data-col:nth-child(4) span:first-child { margin-bottom: 6px; } .history-main__list .cart-box__data-col:nth-child(4) { padding-left: 50px; } .history-main__data-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1010px; } .history-main__data-item:first-child { padding: 44px 0 40px; border-bottom: 1px solid #E4E2E2; } .history-main__data-item:last-child { padding-top: 22px; } .history-main__data-address { position: relative; padding-left: 37px; margin-right: 140px; } .history-main__data-address::before { position: absolute; left: 0; top: -4px; font-size: 20px; } .history-main__data-address b { display: block; font-size: 15px; line-height: 15px; margin-bottom: 8px; } .history-main__data-address address { font-family: 'helveticaneuecyrroman'; font-style: normal; font-size: 15px; line-height: 15px; color: rgba(24, 24, 24, 0.8); } .history-main__data-name b { display: block; font-size: 15px; line-height: 15px; margin-bottom: 8px; } .history-main__data-name span { font-size: 15px; line-height: 15px; color: rgba(24, 24, 24, 0.8); } .history-main__data-comment { position: relative; padding-left: 37px; margin-right: auto; max-width: 537px; } .history-main__data-comment::before { position: absolute; left: 0; top: 0; font-size: 18px; } .history-main__data-comment b { display: block; font-size: 15px; line-height: 15px; } .history-main__data-comment p { padding-top: 7px; } .history-main__sum-item { margin-bottom: 17px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .history-main__sum-item span { font-family: 'helveticaneuecyrlight'; font-size: 14px; line-height: 14px; color: rgba(24, 24, 24, 0.8); } .history-main__sum-item b { font-size: 15px; line-height: 15px; text-align: right; min-width: 64px; margin-left: 19px; } .history-main__sum-item:nth-child(4) { padding: 20px 0 2px; border-top: 1px solid #E4E2E2; } .history-main__sum-item:nth-child(4) b { font-size: 18px; line-height: 18px; } .history-main__data-sum { margin-left: 25px; } .history-main__data-sum .btn { width: 100%; } @media screen and (max-width: 1023px) { .history-main { margin-top: 25px; } .history-main__list .cart-box__data-col:nth-child(4) { padding-left: 0; } .history-main__data-address { margin-right: auto; } } @media screen and (max-width: 700px) { .lk-main .history-main__data-sum { max-width: 100%; } .history-main__data-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .history-main__data-address { margin-bottom: 25px; } .history-main__data-name { padding-left: 37px; } .history-main__data-comment { margin-bottom: 25px; } .history-main__data-sum { margin-left: 0; padding-left: 37px; } } @media screen and (max-width: 480px) { .history-main__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .history-main__info { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .history-main__info a { margin-right: 0; margin-bottom: 20px; } } .imagery-list { margin-bottom: 67px; } .imagery-list h4 { margin-bottom: 20px; } .imagery-list__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -22px; margin-top: -32px; } .imagery-list__wrap .product-card { max-width: 285px; margin-left: 22px; } .imagery-list__wrap .product-card__size { margin-bottom: 8px; } .imagery-list__wrap .product-card__description { margin-bottom: 6px; } .imagery-list__wrap .product-card__bottom { padding: 16px 20px 14px; min-height: 146px; } @media screen and (max-width: 1200px) { .imagery-list__wrap .product-card { max-width: 300px; } } @media screen and (max-width: 702px) { .imagery-list__wrap { margin-left: 0; margin-top: 0; } .imagery-list__wrap .product-card { max-width: 500px; margin: 32px auto 0; } } .imagery-slider { margin-bottom: 32px; max-width: 1480px; } .imagery-slider h4 { margin-bottom: 20px; } .imagery-slider__box { padding-bottom: 65px; } .imagery-slider__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0; margin-top: -32px; } .imagery-slider__wrap .product-card { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; max-width: 100%; margin-left: 0; } .imagery-slider__wrap .product-card__size { margin-bottom: 8px; } .imagery-slider__wrap .product-card__description { margin-bottom: 6px; } .imagery-slider__wrap .product-card__bottom { padding: 16px 20px 14px; min-height: 146px; } .imagery-slider__slider-nav { position: absolute; bottom: 18px; left: 2px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .imagery-slider__slider-nav .swiper-button-next, .imagery-slider__slider-nav .swiper-button-prev { margin: 0; position: static; width: 64px; height: 17px; opacity: 0.5; -webkit-transition: 0.3s; transition: 0.3s; } .imagery-slider__slider-nav .swiper-button-next:hover, .imagery-slider__slider-nav .swiper-button-prev:hover { opacity: 1; } .imagery-slider__slider-nav .swiper-button-next::before, .imagery-slider__slider-nav .swiper-button-prev::before { font-size: 17px; color: #181818; } .imagery-slider__slider-nav .swiper-button-next::after, .imagery-slider__slider-nav .swiper-button-prev::after { display: none; } .imagery-slider__slider-nav .imagery-slider__slider-pagination { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 12px; } .imagery-slider__slider-nav .imagery-slider__slider-pagination .swiper-pagination-bullet { width: 26px; height: 26px; border-radius: 50%; border: 1px solid transparent; background: transparent; opacity: 1; position: relative; margin-right: 6px; -webkit-transition: 0.3s; transition: 0.3s; } .imagery-slider__slider-nav .imagery-slider__slider-pagination .swiper-pagination-bullet:after { content: ''; display: block; width: 5px; height: 5px; background: #181818; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .imagery-slider__slider-nav .imagery-slider__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #181818; } .imagery-slider__slider-nav .imagery-slider__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { width: 9px; height: 9px; background: #2EB83D; } @media screen and (max-width: 1300px) { .imagery-slider__wrap { margin-left: 0; } .imagery-slider__wrap .product-card { max-width: 100%; margin-left: 0; } } @media screen and (max-width: 1200px) { .imagery-slider { max-width: 100%; } } @media screen and (max-width: 600px) { .imagery-slider__slider-nav .swiper-button-next, .imagery-slider__slider-nav .swiper-button-prev { display: none; } .imagery-slider__slider-nav { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .img-big { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(89, 82, 81, 0.7); z-index: 999; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .img-big.active { opacity: 1; pointer-events: all; } .img-big__in { width: 50%; margin: 0 auto; height: 100vh; position: relative; 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; } .img-big__in .img-big__in-img { -o-object-fit: cover; object-fit: cover; position: relative; z-index: 1; position: absolute; opacity: 0; pointer-events: none; } .img-big__in .img-big__in-img.active { position: static; opacity: 1; pointer-events: all; } .img-big__box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; pointer-events: none; } @media screen and (max-width: 1024px) { .img-big { display: none; } } .lk-aside { width: 270px; margin-right: 50px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } @media screen and (max-width: 1023px) { .lk-aside { width: 100%; margin-right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 650px) { .lk-aside { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .lk-data__attention { background: #F5F5F5; padding: 18px 20px 17px 32px; max-width: 799px; margin-bottom: 35px; } .lk-data__attention span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .lk-data__attention span::before { font-size: 16px; } .lk-data__attention span span { font-family: 'helveticaneuecyrmedium'; font-size: 16px; line-height: 16px; color: #181818; margin-right: 5px; } .lk-data__attention p { font-size: 16px; line-height: 23px; color: rgba(24, 24, 24, 0.8); padding-top: 5px; } .lk-data__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .lk-data__personal { margin-right: 100px; width: 100%; } .lk-data__personal h5 { margin-bottom: 28px; } .lk-data__personal label { display: block; } .lk-data__personal label span { display: block; font-size: 14px; line-height: 14px; color: rgba(24, 24, 24, 0.5); margin-bottom: 7px; } .lk-data__personal label input[type='number'] { -moz-appearance: textfield; } .lk-data__personal label input::-webkit-outer-spin-button, .lk-data__personal label input::-webkit-inner-spin-button { -webkit-appearance: none; } .lk-data__personal label input { background: #FFFFFF; border: 1px solid #EAE9E9; width: 100%; padding: 9px 25px 9px 25px; font-family: 'helveticaneuecyrroman'; font-size: 15px; height: 60px; line-height: 30px; color: #181818; margin-top: 10px; } .lk-data__personal label input:nth-child(2) { margin-top: 0; } .lk-data__personal label input::-webkit-input-placeholder { color: #2EB83D; } .lk-data__personal label input:-moz-placeholder { color: #2EB83D; } .lk-data__personal label input::-moz-placeholder { color: #2EB83D; } .lk-data__personal label input:-ms-input-placeholder { color: #2EB83D; } .lk-data__personal-box { margin-bottom: 35px; width: calc(50% - 20px); float: left; margin-left: 20px; } .lk-data__personal-box.pass label { position: relative; } .lk-data__personal-box.pass label .icon-eye { position: absolute; bottom: 17px; right: 18px; margin-bottom: 0; cursor: pointer; } .lk-data__personal-box.pass label .icon-eye::before { font-size: 16px; color: #776E6C; } .lk-data__add { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: 'helveticaneuecyrmedium'; font-size: 14px; line-height: 18px; color: #181818; margin-top: 15px; } .lk-data__add::before { content: ''; display: block; width: 20px; height: 20px; margin-right: 9px; background-image: url("/local/templates/vilatte/img/add.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .lk-data__format { width: 100%; } .lk-data__format h5 { margin-bottom: 28px; } .lk-data__format .btn { max-width: 270px; line-height: 18px; padding: 17px; } .form-change-result { font-weight: normal; font-size: 16px; line-height: 16px; color: #181818; margin-top: 15px; margin-left: 1px; } .lk-data__format-box { background: #F5F5F5; max-width: 270px; width: 100%; padding: 16px 35px 15px 17px; margin-bottom: 20px; } .lk-data__format-box label { display: block; margin-bottom: 11px; cursor: pointer; } .lk-data__format-box label input { display: none; } .lk-data__format-box label:last-child { margin-bottom: 0; } .lk-data__format-box label span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 15px; line-height: 15px; color: rgba(24, 24, 24, 0.8); position: relative; } .lk-data__format-box label span::before { content: ''; display: block; width: 20px; height: 20px; border-radius: 50%; background: #FFFFFF; border: 1px solid #DBDEE0; margin-right: 12px; } .lk-data__format-box label span:after { content: ''; display: block; position: absolute; z-index: 1; width: 14px; height: 14px; border-radius: 50%; background-color: #2EB83D; left: 3px; top: 3px; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .lk-data__format-box label input:checked+span:after { opacity: 1; } @media screen and (max-width: 1200px) { .lk-data__personal label input { width: 100%; } .lk-data__personal { margin-right: 0px; } } @media screen and (max-width: 1023px) { .lk-data__attention { max-width: 100%; } } @media screen and (max-width: 650px) { .lk-data__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .lk-data__personal { margin-right: 0; max-width: 100%; width: 100%; } .lk-data__personal-box, .lk-tabs{ width: 100%; } .lk-data__personal label input { width: 100%; } .lk-data__format { margin-bottom: 25px; } } .lk-history h5 { margin-bottom: 29px; margin-top: -5px; } .lk-history table { width: 100%; } .lk-history table thead { border-bottom: 1px solid #E4E2E2; } .lk-history table th { font-family: 'helveticaneuecyrlight'; font-size: 14px; line-height: 18px; color: rgba(24, 24, 24, 0.6); padding-bottom: 13px; } .lk-history table th:first-child { padding-left: 30px; width: 286px; } .lk-history table th:nth-child(2) { width: 244px; } .lk-history table td { padding-top: 19px; padding-bottom: 15px; } .lk-history table td:first-child { padding-left: 30px; } .lk-history table tbody tr { border-bottom: 1px solid #E4E2E2; } .lk-history table tbody td { font-family: 'helveticaneuecyrroman'; font-size: 15px; line-height: 23px; color: rgba(24, 24, 24, 0.8); } .lk-history table tbody td:nth-child(3) { padding-left: 12px; font-family: 'helveticaneuecyrmedium'; color: #181818; } .lk-history table tbody td:last-child { text-align: right; } .lk-history__show { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; white-space: nowrap; } .lk-history__show::before { font-size: 18px; margin-right: 9px; } .lk-history__show span { font-family: 'helveticaneuecyrroman'; font-size: 15px; line-height: 15px; color: #2EB83D; } @media screen and (max-width: 1400px) { .lk-history table { width: 100%; } } @media screen and (max-width: 1250px) { .lk-history table th:first-child { width: 30%; } .lk-history table th:nth-child(2) { width: 30%; } .lk-history table th:nth-child(3) { width: 30%; } } @media screen and (max-width: 650px) { .lk-history__wrap { overflow-x: auto; } .lk-history table { width: 750px; } } .lk-main { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .lk-main .lk-block { display: none; } .lk-main .lk-block.active { display: block; } .lk-manager { border: 1px solid #E4E2E2; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); padding: 16px 18px 0px 28px; background: rgba(245, 245, 245, 0.7); } .lk-manager img { display: block; width: 70px; height: 70px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-bottom: 13px; } .lk-manager span { display: block; } .lk-manager span:nth-child(2) { font-size: 15px; line-height: 15px; color: rgba(24, 24, 24, 0.8); margin-bottom: 6px; } .lk-manager span:nth-child(3) { font-size: 18px; line-height: 18px; font-family: 'helveticaneuecyrmedium'; color: #181818; margin-bottom: 23px; } .lk-manager__data { background: #FFFFFF; padding: 19px 18px 24px 28px; margin-left: -28px; margin-right: -18px; } .lk-manager__data a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .lk-manager__data a:first-child { margin-bottom: 12px; } .lk-manager__data a:first-child span { font-family: 'helveticaneuecyrmedium'; font-size: 18px; line-height: 18px; color: #181818; } .lk-manager__data a:first-child::before { font-size: 20px; margin-right: 11px; } .lk-manager__data a:last-child span { font-family: 'helveticaneuecyrmedium'; font-size: 14px; line-height: 14px; color: #181818; } .lk-manager__data a:last-child::before { font-size: 15px; margin-right: 11px; } @media screen and (max-width: 650px) { .lk-manager { width: 100%; margin-bottom: 25px; } } .lk-tabs { background: #FFFFFF; border: 1px solid #E4E2E2; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); margin-bottom: 25px; } .lk-tabs__data { padding: 26px 29px 24px 29px; } .lk-tabs__data span { display: block; } .lk-tabs__data span:nth-child(1) { font-size: 15px; line-height: 15px; color: rgba(24, 24, 24, 0.6); margin-bottom: 6px; } .lk-tabs__data span:nth-child(2) { font-size: 18px; line-height: 18px; font-family: 'helveticaneuecyrmedium'; color: #181818; margin-bottom: 16px; } .lk-tabs__data a { font-family: 'helveticaneuecyrmedium'; font-size: 15px; line-height: 15px; color: rgba(119, 110, 108, 0.8); position: relative; } .lk-tabs__data a:after { content: ''; display: block; position: absolute; border-bottom: 1px solid rgba(119, 110, 108, 0.8); bottom: 0; left: 0; width: 100%; } .lk-tabs__btn { display: block; padding: 22px 28px 23px 28px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #E4E2E2; background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0.5) 0%, rgba(245, 245, 245, 0) 100%); background: linear-gradient(180deg, rgba(245, 245, 245, 0.5) 0%, rgba(245, 245, 245, 0) 100%); } .lk-tabs__btn::before { color: rgba(119, 110, 108, 0.6); font-size: 20px; margin-right: 15px; -webkit-transition: 0.3s; transition: 0.3s; } .lk-tabs__btn.icon-heart:before, .lk-tabs__btn.icon-man:before { color: rgba(119, 110, 108, 0.6); } .lk-tabs__btn.icon-heart:hover:before, .lk-tabs__btn.icon-man:hover:before { color: #181818; } .lk-tabs__btn:nth-child(3) span { margin-left: 5px; } .lk-tabs__btn span { font-family: 'helveticaneuecyrmedium'; font-size: 15px; line-height: 15px; color: rgba(119, 110, 108, 0.8); -webkit-transition: 0.3s; transition: 0.3s; } .lk-tabs__btn.active::before { color: #181818; } .lk-tabs__btn.active span { color: #181818; } .lk-tabs__btn:hover::before { color: #181818; } .lk-tabs__btn:hover span { color: #181818; } @media screen and (max-width: 1023px) { .lk-tabs { margin-right: 0; } } .lk-wish { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .lk-wish h5 { width: 100%; } .lk-main .lk-wish h5 { font-size: 20px; margin-bottom: 26px; } .lk-wish .product-card__bottom h6 a { -webkit-line-clamp: 3; } .lk-wish .product-card__bottom { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 210px; padding: 18px 20px 30px; } .lk-wish .product-card__bottom .btn { margin-top: auto; } /* .lk-wish .product-card__size { position: absolute; left: 20px; top: -53px; background: #FFFFFF; border-radius: 15px; padding: 6px 13px 5px 13px; } */ @media screen and (max-width: 1680px) { .lk-wish .product-card { max-width: -webkit-calc(33.3% - 35px); max-width: calc(33.3% - 35px); width: -webkit-calc(33.3% - 35px); width: calc(33.3% - 35px); } } @media screen and (max-width: 1200px) { .lk-wish .product-card { max-width: -webkit-calc(50% - 35px); max-width: calc(50% - 35px); width: -webkit-calc(50% - 35px); width: calc(50% - 35px); } } @media screen and (max-width: 1023px) { .lk-wish .product-card { max-width: -webkit-calc(33% - 35px); max-width: calc(33% - 35px); width: -webkit-calc(33% - 35px); width: calc(33% - 35px); } } @media screen and (max-width: 920px) { .lk-wish .product-card { max-width: -webkit-calc(50% - 35px); max-width: calc(50% - 35px); width: -webkit-calc(50% - 35px); width: calc(50% - 35px); } } @media screen and (max-width: 600px) { .lk-wish .product-card { width: -webkit-calc(100% - 35px); width: calc(100% - 35px); max-width: -webkit-calc(100% - 35px); max-width: calc(100% - 35px); } } .lk { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 37px; margin-bottom: 90px; } @media screen and (max-width: 1023px) { .lk { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .login-box, .login-box-authorized { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 20px; flex-wrap: nowrap; } .login-box img, .login-box-authorized img { max-width: 22px; max-height: 22px; margin-right: 10px; } .login-box__text { font-family: 'helveticaneuecyrroman'; font-size: 14px; line-height: 18px; color: #FFFFFF; } .logo-box { margin: 0 auto 0 0; text-align: center; } .logo-box img { width: 190px; height: 40px; } .logo-box__text { font-family: 'helveticaneuecyrroman'; font-size: 13px; line-height: 13px; text-transform: uppercase; color: #FFFFFF; margin-top: 10px; } .logo-box_footer { margin: 0; display: inline-block; margin-bottom: 43px; text-align: left; } .logo-box_footer.logo-box img { width: 236px; height: 56px; } .logo-box_footer .logo-box__text { margin-top: 15px; font-size: 12px; line-height: 16px; } @media screen and (max-width: 1300px) { .header-top .logo-box { margin: 0 auto; } } @media screen and (max-width: 1300px) { .header-top .logo-box img { width: 120px; height: 25px; } .header-top .logo-box .logo-box__text { margin-top: 6px; font-size: 10px; line-height: 13px; } } .lookbook-box { margin-bottom: 80px; margin-top: 30px; } .lookbook-box__item-wrap { position: relative; } .lookbook-box__item-pin { position: absolute; width: 50px; height: 50px; border-radius: 50%; background-image: url("/local/templates/vilatte/img/lookbook-pin.svg"); cursor: pointer; } .lookbook-box__pin-box { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #FFFFFF; border: 1px solid #D0DCE6; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); width: 310px; padding: 32px 25px; opacity: 0; pointer-events: none; z-index: 9; -webkit-transition: 0.3s; transition: 0.3s; } .lookbook-box__pin-box.active { opacity: 1; pointer-events: all; } .lookbook-box__pin-box .trend__item-price { margin-bottom: 0; } .lookbook-box { margin-left: -10px; margin-right: -10px; } .lookbook-box .grid-sizer, .lookbook-box .grid-item { width: 33%; } .lookbook-box .grid-item.lookbook-box__item-width { width: 890px; } .lookbook-box .grid-item img { display: block; margin: 0 auto; max-width: 100%; max-height: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lookbook-box__item { padding: 10px; } @media screen and (max-width: 1400px) { .lookbook-box .grid-sizer, .lookbook-box .grid-item { width: 33%; } .lookbook-box .grid-item.lookbook-box__item-width { width: 66%; } } @media screen and (max-width: 900px) { .lookbook-box .grid-sizer, .lookbook-box .grid-item { width: 50%; } .lookbook-box .grid-item.lookbook-box__item-width { width: 50%; } } @media screen and (max-width: 600px) { .lookbook-box .grid-sizer, .lookbook-box .grid-item { width: 100%; } .lookbook-box .grid-item.lookbook-box__item-width { width: 100%; } .lookbook-box .grid-item img { width: 100%; } } @media screen and (max-width: 340px) { .lookbook-box__pin-box { width: 250px; } } .mail-address { font-family: 'helveticaneuecyrmedium'; color: #FFFFFF; font-size: 14px; line-height: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 18px 0 25px 0; } .mail-address .icon-mail::before { font-size: 15px; margin-right: 10px; } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .mail-address .icon-mail { margin-top: -2px; } } } .main-article { margin-bottom: 60px; } .main-article .main-article__img { max-width: 583px; width: 100%; max-height: 469px; float: left; margin-right: 43px; margin-bottom: 0; margin-top: 9px; } .main-article .main-article__img_right { max-width: 583px; width: 100%; max-height: 469px; float: right; margin-left: 43px; margin-bottom: 0; margin-top: 9px; } .main-article p { padding: 0; padding-bottom: 12px; font-family: 'helveticaneuecyrroman'; font-size: 16px; line-height: 27px; color: rgba(24, 24, 24, 0.8); } .main-article .clear-both { clear: both; display: block; } .main-article .custom-article { padding-top: 31px; padding-bottom: 31px; } _.main-article h2 { font-family: 'helveticaneuecyrmedium'; color: #2C2C2C; font-weight: 500; font-size: 30px; line-height: 32px; } .main-article h3 { font-family: 'helveticaneuecyrmedium'; font-weight: 500; font-size: 20px; line-height: 24px; color: #181818; margin-bottom: 18px; } .main-article h4 { font-family: 'helveticaneuecyrmedium'; font-weight: 500; font-size: 18px; line-height: 18px; color: #181818; } .main-article h5 { font-family: 'helveticaneuecyrmedium'; font-weight: 500; font-size: 16px; line-height: 20px; color: #181818; margin-bottom: 8px; } .main-article .custom-article__three { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -38px; margin-bottom: 10px; } .main-article .custom-article__three .custom-article__item { margin-left: 38px; width: 100%; max-width: 350px; } .main-article .custom-article__three .custom-article__item img { margin-bottom: 17px; height: auto; } .main-article .custom-article__three .custom-article__item-text { min-height: 252px; margin-bottom: 5px; } .main-article .custom-article__two { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .main-article .custom-article__two .custom-article__item { max-width: 520px; } .main-article .custom-article__two .custom-article__item h4 { margin-bottom: 10px; } .main-article .custom-article__two .custom-article__item:first-child { margin-right: 62px; } .main-article ol, .main-article ul { font-family: 'helveticaneuecyrroman'; font-size: 16px; line-height: 28px; color: rgba(24, 24, 24, 0.8); } .main-article ol li ol, .main-article ol li ul, .main-article ul li ol, .main-article ul li ul { padding-top: 7px; padding-bottom: 0; padding-left: 26px; } .main-article ol li ol li, .main-article ol li ul li, .main-article ul li ol li, .main-article ul li ul li { margin-bottom: 0; } .main-article ol { counter-reset: list 0; } .main-article ol li:before { counter-increment: list; content: counter(list) "."; position: absolute; font-family: 'HelveticaNeueCyr-Bold'; font-size: 16px; line-height: 26px; top: 0px; left: -30px; color: #181818; } _.main-article ul li:before { position: absolute; counter-increment: none; content: ''; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #424242; top: 10px; left: -26px; } .main-article .table-wrap { border-radius: 7px; overflow: hidden; margin-bottom: 15px; border: 1px solid #E4E2E2; } .main-article table thead { background: #776E6C; } .main-article table thead th { padding: 16px 0 16px 0; font-family: 'helveticaneuecyrmedium'; font-weight: 500; font-size: 14px; line-height: 18px; color: #FFFFFF; } .main-article table thead th:first-child { padding-left: 28px; border-radius: 7px 0px 0px 0px; width: 495px; } .main-article table thead th:nth-child(2) { width: 175px; } .main-article table thead th:nth-child(3) { width: 185px; } .main-article table thead th:last-child { border-radius: 0px 7px 0px 0px; } .main-article table tbody tr { background: #F5F5F5; } .main-article table tbody tr:nth-child(odd) { background: #FFF; } .main-article table tbody tr td { font-family: 'helveticaneuecyrroman'; line-height: 18px; font-size: 14px; color: rgba(24, 24, 24, 0.8); padding: 17px 0 15px 0; border-bottom: 1px solid #E4E2E2; } .main-article table tbody tr td:first-child { padding-left: 28px; padding-right: 28px; } span.sale-paysystem-yandex-button { margin-left: 0; margin-right: 0; display: block; } a.sale-paysystem-yandex-button-item { display: flex; } .sale-paysystem-wrapper { margin: 0; } .table-wrap { border-radius: 7px; overflow: hidden; border: 1px solid #E4E2E2; } .table-wrap table { width: 100%; } .table-wrap table thead { background: #776E6C; } .table-wrap table thead th { padding: 16px 0 16px 0; font-family: 'helveticaneuecyrmedium'; font-weight: 500; font-size: 14px; line-height: 18px; color: #FFFFFF; } .table-wrap table thead th:first-child { padding-left: 28px; border-radius: 7px 0px 0px 0px; } .table-wrap table thead th:last-child { border-radius: 0px 7px 0px 0px; } .table-wrap table tbody tr { background: #F5F5F5; } .table-wrap table tbody tr:nth-child(odd) { background: #FFF; } .table-wrap table tbody tr td { font-family: 'helveticaneuecyrroman'; line-height: 18px; font-size: 14px; color: rgba(24, 24, 24, 0.8); padding: 17px 0 15px 0; border-bottom: 1px solid #E4E2E2; } .table-wrap table tbody tr td:first-child { padding-left: 28px; } @media screen and (max-width: 1384px) { .main-article img { float: none; } } @media screen and (max-width: 1250px) { .main-article table thead th:first-child { width: auto; } .main-article table thead th:nth-child(2) { width: auto; } .main-article table thead th:nth-child(3) { width: auto; } } @media screen and (max-width: 1200px) { .main-article .custom-article__three { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 0; } .main-article .custom-article__three .custom-article__item { max-width: 100%; margin-left: 0; } .main-article .custom-article__three .custom-article__item-text { min-height: 0; } .main-article .custom-article__two { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .main-article .custom-article__two .custom-article__item { max-width: 100%; } .main-article .custom-article__two .custom-article__item:first-child { margin-right: 0; } } @media screen and (max-width: 1024px) { .table-wrap { overflow-y: auto; } .main-article table { width: 900px; } .main-article .main-article__img { float: none; margin-bottom: 20px; margin-right: 0; } .main-article .main-article__img_right { float: none; margin-bottom: 20px; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 767px) { .main-article h2 { font-size: 25px; line-height: 28px; } } .product-item-scu-container{ /* display: none;*/ margin: 20px 10px 20px 0px; } .product-card__bottom .product-item-scu-container{ display: none; } .add-to-cart-popup .product-item-scu-container{ display: block !important; } .main-product-content { /*max-height: 634px; min-height: 634px; max-width: 560px;*/ overflow: hidden; padding-right: 30px; } .main-product-content .os-viewport { overflow: visible; overflow-x: visible !important; } .main-product-content .os-content-glue { width: 100% !important; } .main-product-content .os-content { visibility: initial !important; } .main-product-content .product-card__price-new ins { font-size: 25px; line-height: 25px; margin-right: 13px; } .main-product-content .product-card__price del { font-size: 20px; line-height: 20px; } .main-product-content .os-scrollbar.os-scrollbar-vertical { right: 5px; bottom: 0px; } .os-theme-round-light>.os-scrollbar-vertical {width: 5px;} .os-theme-round-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle { width: 100%; min-height: 68px; max-height: 68px;background: #2EB83D; } .main-product-content .os-scrollbar-vertical>.os-scrollbar-track:before, .os-theme-round-light>.os-scrollbar-vertical>.os-scrollbar-track:before { background: rgba(119, 110, 108, 0.1); width: 5px; top: 0px; bottom: 0px; left: 0%; margin-left: 0px; } .main-product-content .os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:before { width: 5px; height: 68px; background: #2EB83D; border-radius: 0; top: 0px; bottom: 0px; left: 0px; right: 0px; left: 0px; -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; cursor: pointer; } .main-product-content .product-card__price { margin-bottom: 13px; } .main-product-content h1 { font-family: 'helveticaneuecyrmedium'; font-size: 20px; line-height: 24px; color: #2C2C2C; margin-bottom: 30px; margin-top: 20px; } .main-product-content__vendor { font-size: 14px; line-height: 14px; color: rgba(24, 24, 24, 0.6); margin-bottom: 15px; display: block; } .main-product-content__specifications { margin-bottom: 15px; margin-top: 20px; } .product-item-detail-buy-button{ width: 100%; } .main-product-content__specifications span { font-family: 'helveticaneuecyrlight'; font-size: 14px; line-height: 14px; color: rgba(24, 24, 24, 0.8); margin-right: 38px; } .main-product-content__specifications span:last-child { margin-right: 0; } .main-product-content__specifications span span { font-family: 'helveticaneuecyrmedium'; color: #181818; margin-left: 5px; } .main-product-content__specifications > span { display: block; margin-bottom: 10px; } .main-product-content__description-title { font-family: 'helveticaneuecyrmedium'; font-size: 18px; line-height: 22px; color: #181818; margin-bottom: -8px; display: block; } .main-product-content__description-text.hidden { max-height: 140px; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s; } .main-product-content__description-text.active { max-height: 800px; } .main-product-content__description-btn { font-family: 'HelveticaNeueCyr-Bold'; font-size: 14px; line-height: 14px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #181818; margin-top: 7px; padding-right: 21px; display: inline-block; position: relative; display: none; } .main-product-content__description-btn::after { content: ''; display: block; position: absolute; top: 45%; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); right: 0; width: 9px; height: 9px; border-bottom: 2px solid #181818; border-left: 2px solid #181818; border-radius: 2px; -webkit-transition: 0.3s; transition: 0.3s; } .main-product-content__description-btn.active:after { top: 70%; -webkit-transform: translateY(-50%) rotate(-225deg); -ms-transform: translateY(-50%) rotate(-225deg); transform: translateY(-50%) rotate(-225deg); } .main-product-content__description-text.hidden+.main-product-content__description-btn { display: inline-block; } .main-product-content__description { margin-bottom: 39px; } .main-product-content__size { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-product-content__size span { font-family: 'helveticaneuecyrlight'; font-size: 14px; line-height: 14px; color: rgba(24, 24, 24, 0.8); width: 100%; margin-bottom: 1px; } .main-product-content__label { margin-right: 10px; margin-top: 10px; position: relative; } .main-product-content__label:first-child { margin-right: 0; } .main-product-content__label input { display: none; } .main-product-content__label input.cart-box__size-count-num { width: 33px; height: 33px; border: 1px solid #E4E2E2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0; color: #181818; font-family: 'helveticaneuecyrroman'; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; text-align: center; } .main-product-content__label span.main-product-content__label-size { width: 33px; height: 33px; border: 1px solid #E4E2E2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0; color: #181818; font-family: 'helveticaneuecyrroman'; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .main-product-content__label span:hover { border-color: #776E6C; } .main-product-content__label input:checked+span { border-color: #776E6C; } .main-product-content__colors { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .main-product-content__colors span { font-family: 'helveticaneuecyrlight'; font-size: 14px; line-height: 14px; color: rgba(24, 24, 24, 0.8); width: 100%; margin-bottom: 11px; } .main-product-content__colors a { border: 1px solid #E4E2E2; width: 60px; height: 75px; padding: 0px; margin-right: 10px; } .main-product-content__colors a:last-child { margin-right: 0; } .main-product-content__colors a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main-product-content__label-none { pointer-events: none; } .main-product-content__label-none span.main-product-content__label-size { color: rgba(24, 24, 24, 0.2); } @media not all and (min-resolution: 0.001dpcm) { .main-product-content__label span { padding-top: 4px; } } .main-product-content__label-counter { width: 18px !important; height: 18px; background: #4caf50; position: absolute; top: -6px; right: -6px; border-radius: 50%; color: #fff !important; text-align: center; line-height: 18px !important; display: none; } .main-product-content__label-counter.active { display: block; } .main-product-content__size-box { --after-left: 50%; position: absolute; width: 178px; bottom: 42px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; background: #FFFFFF; border: 1px solid #D0DCE6; box-sizing: border-box; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); padding: 12px 11px 15px 12px; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .main-product-content__size-box:after { content: ''; display: block; position: absolute; bottom: -14px; left: var(--after-left); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; border: 6px solid transparent; border-top: 10px solid #fff; } .main-product-content__size-box p { white-space: nowrap; padding: 0; font-size: 12px; line-height: 18px; color: rgba(26, 26, 26, 0.6); width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .main-product-content__size-box span { display: inline; width: auto; height: auto; border: none; margin-left: auto; font-weight: 500; font-size: 12px; line-height: 18px; text-align: right; color: #1A1A1A; } .main-product-content__label .cart-box__size-count { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .main-product-content__label .cart-box__size-count-num { background: #FFFFFF; border: 1px solid #E4E2E2; } .main-product-content__label:hover .main-product-content__size-box { opacity: 1; pointer-events: all; } .main-product-content__mobile { display: none; } .main-product-content .main-button-container { margin-top: 12px; } .main-product-content .flex-button-container { display: flex; align-items: center; } .main-product-content .product-card__wish { position: static; margin-left: 14px; } @media screen and (max-width: 1200px) { .main-product-content { max-width: 100%; max-height: 100%; min-height: auto; padding-right: 0; padding-bottom: 30px; } .main-product-content .os-scrollbar { display: none; } .main-product-content__label:nth-child(2) .cart-box__size-count { left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .main-product-content__label:nth-child(3) .cart-box__size-count { left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @media screen and (max-width: 350px) { .main-product-content__specifications { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .main-product-content__specifications span { margin-top: 5px; } } .main-product-media { overflow: hidden; margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .main-product-media__slider .gallery-thumbs { width: 91px; margin-right: 12px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; cursor: pointer; } .main-product-media__slider .gallery-thumbs img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .swiper-slide { height: auto; } .main-product-media__slider .gallery-thumbs .swiper-slide { height: 119px; } .swiper-slide-prev{ } .main-product-media__slider .gallery-top { cursor: pointer; } .main-product-media__slider .gallery-top img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } @media screen and (max-width: 1020px) { .main-product-media { height: 770px; margin-bottom: 10px; } .main-product-media__slider { width: 550px; margin: 0 auto; } .main-product-media__slider .gallery-top { padding-bottom: 40px; } } @media screen and (max-width: 700px) { .main-product-media { height: 790px; } } @media screen and (max-width: 650px) { .main-product-media__slider { width: 100%; } } @media screen and (max-width: 480px) { .main-product-media { height: 550px; } .main-product-media__slider .gallery-thumbs { display: none; } .main-product-media__slider { height: 550px; } } .main-product-title { display: none; } @media screen and (max-width: 1200px) { .main-product-title { display: block; font-family: 'helveticaneuecyrmedium'; font-size: 20px; line-height: 24px; color: #2C2C2C; margin-bottom: 20px; } } .main-product-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 18px; padding-bottom: 1px; } .main-product-wrap .main-product-wrap__col:nth-child(1) { width: -webkit-calc(70% - 30px); width: calc(70% - 30px); margin-right: 30px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; position: relative; z-index: 0; padding-left: 10px; } .main-product-wrap .main-product-wrap__col:nth-child(2) { position: relative; width: 30%; z-index: 1; } @media screen and (max-width: 1450px) { .main-product-wrap .main-product-wrap__col:nth-child(1) { width: -webkit-calc(50% - 30px); width: calc(50% - 30px); } .main-product-wrap .main-product-wrap__col:nth-child(2) { width: 50%; } } @media screen and (max-width: 1300px) { .main-product-wrap .main-product-wrap__col:nth-child(1) { width: 800px; } } @media screen and (max-width: 1200px) { .main-product-wrap .main-product-wrap__col:nth-child(2) { width: 100%; padding: 0 40px 0 40px; } .main-product-wrap { display: block; } .main-product-wrap .main-product-wrap__col:nth-child(1) { width: 100%; margin-right: 0; padding: 0 40px 0 40px; } } @media screen and (max-width: 600px) { .main-product-wrap .main-product-wrap__col .imagery-wrap { left: 20px; right: 20px; } .main-product-wrap .main-product-wrap__col:nth-child(1) { padding: 0 20px 0 20px; } .main-product-wrap .main-product-wrap__col:nth-child(2) { padding: 0 20px 0 20px; } } .main-slider { height: 723px; overflow: hidden; position: relative; } .main-slider::before { content: ''; display: block; position: absolute; bottom: 45px; right: 50px; width: 174px; height: 174px; background-image: url("/local/templates/vilatte/img/main-slider-mask-right.svg"); background-repeat: no-repeat; background-position: center; pointer-events: none; z-index: 2; } .main-slider::after { content: ''; display: block; position: absolute; top: 68px; left: 145px; width: 174px; height: 174px; background-image: url("/local/templates/vilatte/img/main-slider-mask-left.svg"); background-repeat: no-repeat; background-position: center; pointer-events: none; z-index: 2; } .main-slider__item { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; padding-left: 227px; } .main-slider__item::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/local/templates/vilatte/img/main-slider-mask.png"); background-image: url("/local/templates/vilatte/img/maskbg1.png"); background-repeat: no-repeat; background-position: center; background-size: cover; background-size: 100% 100%; pointer-events: none; z-index: 2; } .main-slider__item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; z-index: 1; } .main-slider__item-content { position: relative; z-index: 3; margin-top: 144px; max-width: 615px; } .main-slider__item-content h3 { font-family: 'proxima_nova_thin'; font-size: 80px; line-height: 75px; letter-spacing: 0.05em; text-transform: uppercase; color: #FFFFFF; margin-bottom: 27px; } .main-slider__item-content p { padding: 0; font-size: 18px; line-height: 23px; color: rgba(255, 255, 255, 0.8); max-width: 400px; margin-bottom: 29px; } .main-slider__nav {} .main-slider__nav .swiper-pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left: 43px; bottom: 38px; } .main-slider__nav .swiper-pagination .swiper-pagination-bullet { width: 25px; height: 25px; border-radius: 50%; border: 1px solid transparent; background: transparent; opacity: 1; position: relative; margin-bottom: 6px; -webkit-transition: 0.3s; transition: 0.3s; } .main-slider__nav .swiper-pagination .swiper-pagination-bullet:last-child { margin-bottom: 0; } .main-slider__nav .swiper-pagination .swiper-pagination-bullet:after { content: ''; display: block; width: 5px; height: 5px; background: #FFFFFF; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -47%); -ms-transform: translate(-50%, -47%); transform: translate(-50%, -47%); } .main-slider__nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #fff; } .main-slider__nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { width: 9px; height: 9px; background: #2EB83D; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 50px;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 50px;} .main-slider__nav .swiper-button-next, .main-slider__nav .swiper-button-prev { margin: -55px 0 0; border-radius: 50%;border: 2px solid rgba(255, 255, 255, 0.3); width: 90px; height: 90px; } .main-slider__nav .swiper-button-next::after, .main-slider__nav .swiper-button-prev::after { display: none; } .main-slider__nav .swiper-button-next::before, .main-slider__nav .swiper-button-prev::before { font-size: 17px; color: #fff; } @media screen and (max-width: 1200px) { .main-slider::after { display: none; } .main-slider::before { display: none; } .main-slider__item { padding-left: 40px; } } @media screen and (max-width: 1024px) { .main-slider__item-content h3 { font-size: 60px; line-height: 65px; } } @media screen and (max-width: 500px) { .main-slider__nav { display: none; } .main-slider { height: 600px; } .main-slider__item { padding-left: 20px; } .main-slider__item-content h3 { font-size: 45px; line-height: 50px; } .main-slider__item-content { padding-right: 20px; } } .map { padding: 86px 0 45px 0; background: rgba(245, 245, 245, 0.5); } .map img { width: 1285px; max-width: 100%; margin-left: 50px; } @media screen and (max-width: 1400px) { .map img { margin: 0 auto; } } @media screen and (max-width: 1024px) { .map { padding: 60px 0 45px 0; } } .index-seotext { padding: 86px 0 45px 0; } .index-seotext .os-content p { color: rgba(24, 24, 24, 0.5); } .index-seotext h1 { font-family: 'proxima_nova_thin'; font-size: 30px; color: #2C2C2C; margin-bottom: 15px; font-weight: bold; } nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #595251; padding: 18px 110px 18px 110px; position: relative; } nav .logo-box { position: absolute; left: 110px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } nav .logo-box img { width: 120px; height: 24px; } nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } nav ul li { list-style-type: none; position: relative; } nav ul li a { font-family: 'helveticaneuecyrroman'; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #FFFFFF; padding: 0 23px; } nav ul li:last-child a { padding-right: 0; } .nav__in { position: absolute; left: 0; top: 17px; background: #FFFFFF; border: 1px solid #D0DCE6; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 30px 20px; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; z-index: 1000; width: max-content; } .nav__in::before { content: ''; display: block; position: absolute; left: 0; top: -15px; width: 100%; height: 15px; } .nav__in ul { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-right: 25px; } .nav__in ul li.nav__in-main { margin-top: 20px; } .nav__in ul li.nav__in-main a { text-transform: uppercase; } .nav__in ul li.nav__in-main ul li a { text-transform: initial; } .nav__in ul li a { font-weight: 500; font-size: 15px; line-height: 15px; color: #181818; text-transform: uppercase; font-family: 'helveticaneuecyrmedium'; margin-bottom: 12px; display: inline-block; padding-right: 0; } .nav__in ul li ul { margin-right: 0; margin-bottom: 19px; } .nav__in ul li ul li a { font-family: 'helveticaneuecyrroman'; color: #393939; text-transform: initial; } .nav__in-banners { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nav__in-banners a { padding: 0; } .nav__in-banners a:nth-child(1) { margin-left: 20px; } .nav__in-banners a:nth-child(1) img { height: 350px; } /* .nav__in-banners a:nth-child(1) { margin-bottom: 20px; } .nav__in-banners a:nth-child(1) img { width: 230px; height: 165px; } .nav__in-banners a:nth-child(2) img { width: 230px; height: 165px; } .nav__in-banners a:nth-child(3) { margin-left: 20px; } .nav__in-banners a:nth-child(3) img { width: 230px; height: 352px; } */ nav ul li:hover .nav__in { opacity: 1; pointer-events: all; } @media (min-width: 1200px) { nav > ul > li.hover .nav__in { opacity: 1; pointer-events: all; } } .nav__in-label-new { text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 12px; margin-left: 5px; color: #23BD35; position: absolute; right: -35px; top: 1px; } .nav__in-label-discont { text-transform: uppercase; color: #FF7463; font-weight: 900; font-size: 12px; line-height: 12px; margin-left: 5px; } @media screen and (max-width: 1200px) { nav { display: none; } .nav__in-wrap { position: fixed; left: -100%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -9; opacity: 1; pointer-events: all; overflow-y: auto; height: 90vh; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; width: 100%; max-width: 80vw; } .nav__in-wrap.active { opacity: 1; pointer-events: all; z-index: 999; left: 50%; } .nav__in__cross { position: absolute; top: 10px; right: 10px; } .nav__in__cross.icon-close-cross::before { color: #000; font-size: 16px; } .nav__in { position: static; /*-webkit-box-orient: vertical;*/ /*-webkit-box-direction: normal;*/ /*-webkit-flex-direction: column;*/ /*-ms-flex-direction: column;*/ /*flex-direction: column;*/ /*width: 310px;*/ width: 100%; padding: 30px; opacity: 1; pointer-events: all; } .nav__in ul li a { padding-bottom: 10px; text-align: left; } .header-mobile nav { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin-top: 10px; } .header-mobile nav ul { margin-right: 0; } .header-mobile nav .nav__in ul { max-width: 100%; flex: 1; } .nav__in ul li.nav__in-main ul { padding-right: 0; } .nav__in-banners a:nth-child(1) { margin-left: 0; padding: 0; } .nav__in-banners a:nth-child(2) { margin-left: 0; padding: 0; margin-bottom: 20px; } .nav__in-banners a:nth-child(3) { margin-left: 0; padding: 0; margin-bottom: 20px; } .nav__in-banners { max-height: 100%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .not-found { position: relative; min-height: 743px; height: 100%; height: 65vh; } .not-found__img-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .not-found__content { padding-top: 88px; } .not-found__content img { margin-bottom: 74px; margin-left: 8px; opacity: 0.5; max-width: 100%; } .not-found__content h5 { color: #FFFFFF; margin-bottom: 10px; } .not-found__content p { padding: 0; font-size: 16px; line-height: 18px; color: rgba(255, 255, 255, 0.8); margin-bottom: 46px; } .not-found__content .btn { position: relative; margin-right: 31px; padding: 17px 34px 17px; padding-left: 54px; } .not-found__content .btn::before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 26px; display: block; margin-right: 4px; width: 18px; height: 18px; background-image: url("/local/templates/vilatte/img/404-btn.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .not-found__content .not-found__content-link { font-family: 'HelveticaNeueCyr-Bold'; font-weight: bold; font-size: 14px; line-height: 14px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #FFFFFF; margin-right: 22px; } @media not all and (min-resolution: 0.001dpcm) { .not-found__content .btn { padding: 20px 34px 15px; } } @media screen and (max-width: 480px) { .not-found__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .not-found__content .btn { margin-bottom: 25px; margin-right: 0; } .not-found__content .not-found__content-link { margin-bottom: 25px; font-size: 18px; line-height: 18px; margin-right: 0; } } .phone-number { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 16px; margin-bottom: 7px; font-family: 'helveticaneuecyrmedium'; color: #FFFFFF; } .phone-number .icon-phone::before { font-size: 20px; margin-right: 10px; } .phone-number+span { font-size: 13px; line-height: 13px; color: rgba(255, 255, 255, 0.6); } .previously-list { margin-top: 20px; margin-bottom: 90px; } .previously-list h3 { margin-bottom: 25px; text-align: center; background-color: #fff; position: relative; } .previosly-list__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 25px; } .previosly-list__wrap .product-card:first-child { margin-left: 0; } .previosly-list__slider-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .previosly-list__slider-nav .swiper-button-prev, .previosly-list__slider-nav .swiper-button-next { margin: 0; position: static; width: 64px; height: 17px; opacity: 0.5; -webkit-transition: 0.3s; transition: 0.3s; } .previosly-list__slider-nav .swiper-button-prev::before, .previosly-list__slider-nav .swiper-button-next::before { font-size: 17px; color: #181818; } .previosly-list__slider-nav .swiper-button-prev::after, .previosly-list__slider-nav .swiper-button-next::after { display: none; } .previosly-list__slider-nav .swiper-button-prev:hover, .previosly-list__slider-nav .swiper-button-next:hover { opacity: 1; } .previosly-list__slider-pagination { 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; order: 1; margin-left: auto; } .previosly-list__slider-nav .swiper-button-prev {margin-right: 17px;} .previosly-list__slider-pagination .swiper-pagination-bullet { width: 26px; height: 26px; border-radius: 50%; border: 1px solid transparent; background: transparent; opacity: 1; position: relative; margin-right: 6px; -webkit-transition: 0.3s; transition: 0.3s; } .previosly-list__slider-pagination .swiper-pagination-bullet:after { content: ''; display: block; width: 5px; height: 5px; background: #181818; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .previosly-list__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #181818; } .previosly-list__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { width: 9px; height: 9px; background: #2EB83D; } @media screen and (max-width: 1200px) { .previosly-list__wrap .product-card { max-width: 100%; } } @media screen and (max-width: 360px) { .previosly-list__slider-nav .swiper-button-prev, .previosly-list__slider-nav .swiper-button-next { display: none; } } .product-aside { width: 265px; margin-right: 50px; position: relative; padding-bottom: 20px; } .product-aside h1 { text-transform: uppercase; margin-bottom: 23px; margin-bottom: 23px; } .product-aside__toggle-look { display: none; margin-left: auto; border: 2px solid #776E6C; border-radius: 40px; height: 46px; width: 70px; position: relative; } .product-aside__toggle-look span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .product-aside__toggle-look span::before { content: ''; display: block; width: 12px; height: 12px; border: 2px solid #776E6C; border-radius: 3px; margin-right: 3px; -webkit-transition: 0.3s; transition: 0.3s; } .product-aside__toggle-look span::after { content: ''; display: block; width: 12px; height: 12px; border: 2px solid #776E6C; border-radius: 3px; margin-left: 3px; -webkit-transition: 0.3s; transition: 0.3s; } .product-aside__toggle-look.active span::before { border: 0px solid #776E6C; width: 0; height: 0; margin-right: 0; } .product-aside__toggle-look.active span:after { margin: 0; width: 20px; height: 20px; } @media screen and (max-width: 1024px) { .product-aside { width: 100%; margin-right: 0; margin-bottom: 23px; } } .mobile_buttons { display: flex; } @media screen and (max-width: 1024px) { .product-aside .btn-aside { margin-right: 10px; display:block; } } @media screen and (max-width: 480px) { .product-aside { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-aside h1 { width: 100%; } .product-aside__toggle-look { display: inline-block; } } .product-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1024px) { .product-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .product-card { max-width: 340px; background: #FFFFFF; /*border: 1px solid #E4E2E2;*/ -webkit-transition: 0.3s; transition: 0.3s; } .product-card:hover { /* border-color: transparent; box-shadow: 0px 10px 35px rgba(119, 110, 108, 0.2);*/ } .product-card:hover .product-card__top-img-hover { opacity: 1; } .product-card__top { position: relative; overflow: hidden; /* max-height: 460px;*/ } .product-card__top img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: top; opacity: 0; height: 30vw; } .product-card__top img.showed-img{ opacity: 1!important; } .product-card__top .product-card__top-img-hover { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; pointer-events: none; } .product-card__wish { width: 40px; height: 40px; margin-right: 0; border-radius: 50%; position: absolute; top: 10px; right: 10px; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .product-card__wish::before { font-size: 20px; color: #303030; } .product-card__wish.icon-heart-red:before { color: #2EB83D; } .product-card__label { width: 100%; position: absolute; left: 0; top: 10px; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .product-card__label span { font-size: 12px; line-height: 12px; text-align: center; color: #FFFFFF; padding: 4px 12px 4px 8px; margin-bottom: 10px; } .product-card__label .true-sign { width: 55px; margin-top: 0; margin-right: -5px; align-self: flex-end; position: absolute; top: 0; } .section-recomm .true-sign{ margin-right: 40px; } .product-card__label-top { background: #F0BC54; } .product-card__label-new { background: #23BD35; } .product-card__label-new_custom { background: #BC3636; } .product-card__label-stock { background: #2EB83D; } .product-card__label-top.coming-akcia{ background: #ef1f1f; } .product-card__label-top.coming-soon-2 { background: url(/local/templates/vilatte/img/label-coming-soon.png) no-repeat center center / cover; width: 100px; height: 46px; /* background: #fff; border-top: 1px solid #31ab00; border-right: 1px solid #31ab00; border-bottom: 1px solid #31ab00; color: #31ab00; width: 100px; font-size: 13px; line-height: 1.1; text-align: left; border-radius: 0px 20px 20px 0px; text-transform: uppercase; */ } .product-card__label-top.final-sale { background: url(/local/templates/vilatte/img/label-final-sale.png) no-repeat center center / cover; width: 100px; height: 26px; } .product-card__bottom { padding: 10px 15px 5px 15px; width: 100%; } .product-card__bott .btn { min-width: 0; } .product-card__bottom h6, .product-card__bottom .title6 { margin: 0; height: 20px; } .product-card__bottom h6 a, .product-card__bottom .title6 a { font-family: 'helveticaneuecyrlight'; font-size: 15px; line-height: 20px; color: #323232; max-height: 40px; max-height: 57px; min-height: 57px; text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -ms-line-clamp: 3; -webkit-line-clamp: 3; line-clamp: 3; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; text-overflow: ellipsis; white-space: nowrap; font-size: .875rem; line-height: 1.25rem; text-transform: uppercase; font-weight: bold; } .product-card__size { display: -webkit-box; display: -ms-flexbox; margin-bottom: 13px; text-align: left; } .product-item-scu-item-text-container.selected { border-radius: 4px; background: #776e6c; color: #fff; } .product-item-scu-item-text-container{ cursor: pointer; min-width: 32px; height: 32px; text-align: center; line-height: 24px; } .add-to-cart-popup__content .product-item-scu-item-text-container{ text-align: center; } .product-card__size li { list-style-type: none; font-size: 14px; line-height: 19px; color: rgba(24, 24, 24, 0.9); } .product-card__size li.product-card__size-other { font-family: 'helveticaneuecyrmedium'; color: #181818; } .product-card__size li:last-child { margin-right: 0; } .product-card__size li.product-card__size-none { color: rgba(24, 24, 24, 0.2); } .product-card__price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; } .product-card__price span { font-size: 14px; line-height: 20px; color: rgba(24, 24, 24, 0.5); display: none; } .product-card__price ins { font-family: 'helveticaneuecyrmedium'; font-size: 18px; line-height: 20px; color: #181818; margin-right: 6px; text-decoration: none; } .product-card__price del { font-size: 1rem; line-height: 1.5rem; color: rgba(24, 24, 24, 0.6); margin-right: auto; } .product-card__price .art{ font-size: .9rem !important; line-height: 1rem !important; font-weight: 100 !important; color: #747474; } .product-card__price-new ins { color: #2f2e2d; font-size: 1rem; line-height: 1.5rem; } .product-card__description { display: inline-block; font-size: 14px; line-height: 20px; color: rgba(24, 24, 24, 0.5); margin-bottom: 12px; } .product-card_order { border: 1px solid #E4E2E2; } .product-card_order .product-card__price { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .product-card_order .product-card__price .price { color: #FFFFFF; } .product-card_order .product-card__price span { font-size: 14px; color: rgba(255, 255, 255, 0.5); } .product-card_order .product-card__bottom { min-height: auto; background: #776E6C; } .product-card_order .product-card__bottom .product-card__bottom-text { display: block; margin-bottom: 20px; font-family: 'HelveticaNeueCyr-Bold'; color: #FFFFFF; font-size: 16px; line-height: 16px; text-transform: uppercase; } .product-card_order .product-card__bottom .product-card__bottom-text span { text-transform: lowercase; } .product-card_order .product-card__bottom h6 a { color: #fff; } .product-card__top-slider { display: none; background-color: grey; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .product-card__top-slider .product-card__top-slider-pagination { height: 40px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 3; 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; } .product-card__top-slider .product-card__top-slider-pagination .swiper-pagination-bullet { width: 26px; height: 26px; border-radius: 50%; border: 1px solid transparent; background: transparent; opacity: 1; position: relative; margin-right: 6px; margin: 0 4px; -webkit-transition: 0.3s; transition: 0.3s; } .product-card__top-slider .product-card__top-slider-pagination .swiper-pagination-bullet:after { content: ''; display: block; width: 5px; height: 5px; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product-card__top-slider .product-card__top-slider-pagination .swiper-pagination-bullet-active { border-color: #fff; } .product-card__top-slider .product-card__top-slider-pagination .swiper-pagination-bullet-active:after { width: 8px; height: 8px; background: #2EB83D; } .product-card__top-slider .product-card__top-slider-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; } .product-card__top-slider .product-card__top-slider-wrapper img { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 100%; min-width: 100%; height: 100%; min-height: auto !important; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .product-list.single .product-card__top-slider { opacity: 1; pointer-events: all; } @media screen and (max-width: 560px) { .product-card__size { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 540px) { .product-card__size { margin-left: -2px; margin-right: -8px; } .product-card__size li { font-size: 12px; margin-right: 4px; } } @media screen and (max-width: 480px) { .product-card__top-slider { display: block; background: none; } } .product-filter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 32px; margin-top: 5px; } .product-filter span { font-family: 'helveticaneuecyrlight'; font-size: 14px; line-height: 20px; color: #181818; } .product-filter a { margin-left: 23px; padding-right: 12px; position: relative; } .product-filter a span { font-family: 'helveticaneuecyrlight'; font-size: 14px; line-height: 14px; color: rgba(24, 24, 24, 0.7); } .product-filter a::before { font-size: 10px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); color: rgba(24, 24, 24, 0.7); -webkit-transition: 0.3s; transition: 0.3s; } .product-filter a.active::before { -webkit-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } @media screen and (max-width: 630px) { .product-filter { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-filter span { font-size: 16px; width: 100%; margin-bottom: 10px; } .product-filter a { white-space: nowrap; margin-left: 0; margin-right: 23px; margin-bottom: 10px; } } .product-list { position: relative; width: calc(100% - 285px); } .product-list__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -8px 20px; } .product-list__list .pagination-load-outer{ padding-top: 25px; } .product-list__list > div:not(#listanchor1) .product-card__top img{ opacity: 1!important } .product-list__list > div { width: 50%; margin-bottom: 10px; padding: 0 2px; } .btn_cart { font-size: 12px !important; } .product-list__list .product-card { display: flex; flex-direction: column; max-width: 100%; width: 100%; height: 100% !important; } .product-list__list .product-card .product-card__row { display: flex; width: auto; display: inline-block; margin: 0px auto; } .product-list__list .product-card__bottom { flex: 1; display: flex; flex-direction: column; } .product-list__list .product-card .product-card__article { margin-top: auto; } .product-list__list .product-card .product-item-info-container-btn { margin-top: auto; position: absolute; bottom: 10px; left: 0%; opacity:0; display:none; width: 100%; } .product-card:hover .product-item-info-container-btn { opacity:1; display:flex; } .product-item-info-container > span { display: inline-block; margin-bottom: 15px; } @media screen and (max-width: 481px) { .product-card__top img { height: 65vw; } } @media screen and (min-width: 482px) { .product-list__list > div { width: 50%; } .product-card__top img { height: 65vw; } } @media screen and (min-width: 681px) { .product-list__list { padding-right: 48px; } .lk-wish .product-list__list { padding-right: 0; } .product-card__top img { height: 65vw; } } @media screen and (min-width: 920px) and (max-width: 1023px) { .lk-wish .product-list__list > div { width: 33.33%; } .product-card__top img { height: 65vw; } } @media screen and (min-width: 1200px) { .product-list__list { padding-right: 64px; } .lk-wish .product-list__list { padding-right: 0; } .product-list__list > div { width: 33.33%; } .product-card__top img { height: 30vw; } } @media screen and (min-width: 1560px) { .product-list__list { margin: 0 -16px 32px; } .product-list__list > div { padding: 0 2px; } } .cart__popup h5, .cart__popup .title5 { text-align: center; padding-top: 20px; } .product-list__banner { height: 182px; } .product-list__banner img { max-height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; } .product-list_search { max-width: 100%; position: relative; } .product-list_search .product-pagination { top: 52px; } .product-list_search .product-card__label { display: none; } .product-list_search .product-card__bottom { min-height: 130px; padding: 20px 20px 20px; } .product-list_search .product-card__bottom h6 a { -webkit-line-clamp: 3; } .product-list_search .product-card__price { margin-bottom: 13px; } .product-list__preorder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; padding-top: 30px; margin-left: -35px; margin-top: -32px; margin-bottom: 48px; width: 100%; } .product-list__preorder .product-card { max-width: 100%; width: calc(33.3% - 35px); } .product-list__preorder .product-card__top img { max-height: 460px; } .product-list__preorder .product-card_order .product-card__bottom { padding: 24px 20px 20px; } .product-list__preorder .product-card_order .product-card__bottom .product-card__bottom-text { margin-bottom: 16px; } .product-list__preorder .product-card__price { margin-bottom: 15px; } @media screen and (max-width: 1500px) { .product-list__banner { padding-right: 50px; } .product-list__preorder { margin-left: -17px; padding-right: 50px; } } @media screen and (max-width: 1600px) { .product-list_search { padding-right: 60px; } .product-list_search .product-pagination { right: 0px; } } @media screen and (max-width: 1200px) { .product-list__preorder { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 1024px) { .product-list{ width: 100%; } } @media screen and (max-width: 680px) { .product-list__banner { padding-right: 0; height: auto; } .product-list__preorder { padding-right: 0; } .product-card__bottom { padding: 16px 10px 10px; min-height: auto; } .product-card__bottom .title6 a { font-size: 14px; } } @media screen and (max-width: 480px) { .product-list__preorder.single .product-card_order { width: 100%; max-width: 100% !important; } .product-list__preorder { margin-left: -23px; margin-right: -13px; } .product-list__preorder .product-card_order { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-left: 10px; max-width: -webkit-calc(50% - 10px) !important; max-width: calc(50% - 10px) !important; } /*.product-list.single .product-card .product-card__top img {*/ /* min-height: 500px;*/ /* max-height: 500px;*/ /*}*/ } .product-pagination__wrap { position: absolute; right: 0; top: 60px; } .product-pagination { /* position: absolute; right: -60px; top: 60px; */ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 40px; background: #AEAAA9; box-shadow: 0px 4px 20px rgba(89, 82, 81, 0.3); } .product-pagination span { height: 40px; border-bottom: 1px solid #E4E2E2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: 'helveticaneuecyrroman'; font-size: 18px; line-height: 19px; color: #FFFFFF; } .product-pagination__arrow { height: 63px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .product-pagination__arrow:first-child { border-bottom: 1px solid #E4E2E2; } .product-pagination__arrow::before { color: #fff; font-size: 30px; } .product-pagination__num { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 40px; width: 100%; border-bottom: 1px solid #E4E2E2; font-family: 'helveticaneuecyrroman'; font-size: 18px; line-height: 19px; color: #FFFFFF; background-color: transparent; -webkit-transition: 0.3s; transition: 0.3s; } .product-pagination__num.active { background-color: rgba(89, 82, 81, 0.5); } .product-pagination__num:hover { background-color: rgba(89, 82, 81, 0.5); } .product-pagination__arrow-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .product-pagination.fixed { position: fixed; /* right: 40px; */ top: 150px; z-index: 99; margin-left: -40px; } .cart-box__aside-promo__result { font-weight: 700; } .promocode-red { color: #2EB83D; } .promocode-green { color: #4cca44; } @media screen and (min-width: 1501px) and (max-width: 1530px) { .product-list { width: calc(100% - 360px); } } @media screen and (max-width: 1500px) { /* .product-pagination { right: -10px; } .product-pagination.fixed { right: 10px; } */ } @media screen and (max-width: 680px) { .product-pagination { display: none; } } .product-tabs { display: none; } .product-tabs a { padding: 18px 15px; } @media screen and (max-width: 1200px) { .product-tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; } .product-tabs a { min-width: 25%; text-align: center; border: 1px solid rgba(119, 110, 108, 0.3); font-family: 'helveticaneuecyrmedium'; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #776E6C; background-color: transparent; -webkit-transition: 0.3s; transition: 0.3s; } .product-tabs a.active { background-color: rgba(119, 110, 108, 0.3); color: #fff; } } @media not all and (min-resolution: 0.001dpcm) { .product-tabs a { padding: 18px 3px 13px; } } @media screen and (max-width: 650px) { .product-tabs a { padding: 18px 3px; font-size: 11px; line-height: 11px; } } @media screen and (max-width: 340px) { .product-tabs a { min-width: 50%; } } .review-popup { background: rgba(245, 245, 245, 0.7); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .review-popup.active { opacity: 1; pointer-events: all; } .review-popup__content { background: #FFFFFF; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); padding: 50px 34px 54px; text-align: center; position: relative; max-width: 580px; } .review-popup__content h4 { margin-bottom: 25px; } .review-popup__content p { padding: 0; margin-bottom: 25px; } .review-popup__content .review-popup__cross { position: absolute; top: -35px; right: -35px; width: 35px; height: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; border-radius: 50%; cursor: pointer; } .review-popup__content .review-popup__cross::before { color: rgba(89, 82, 81, 0.8); font-size: 17px; display: block; } .review-popup__content form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .review-popup__content form .btn { margin: 20px auto 0; max-width: 260px; padding: 20px 40px 21px; } .review-popup__content .review-popup__label { display: block; } .review-popup__content .review-popup__label:first-child { margin-bottom: 18px; } .review-popup__content .review-popup__label:nth-child(2) { margin-bottom: 24px; } .review-popup__content .review-popup__label input { background: #FFFFFF; border: 1px solid #EAE9E9; border-radius: 30px; width: 100%; padding: 6px 30px 7px; font-size: 16px; line-height: 35px; color: rgba(44, 44, 44, 0.6); } .review-popup__content .review-popup__label textarea { width: 100%; background: #FFFFFF; border: 1px solid #EAE9E9; border-radius: 25px; resize: none; padding: 9px 30px; height: 125px; font-size: 16px; line-height: 35px; color: rgba(44, 44, 44, 0.6); } .review-popup__label + .btn{ margin-top: 20px; } .review-popup__thanks { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .review-popup__thanks.active { opacity: 1; pointer-events: all; } @media screen and (max-width: 680px) { .review-popup__content .review-popup__cross { top: 5px; right: 5px; } } .reviews { padding: 120px 0 119px 0; } .reviews h3 { margin-bottom: 27px; text-align: center; } .reviews__tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; padding-bottom: 43px; } .reviews__tabs-btn { position: relative; z-index: 3; font-family: 'helveticaneuecyrroman'; font-size: 16px; line-height: 150%; text-transform: uppercase; color: #181818; opacity: 0.6; margin: 0 23px; border-bottom: 1px solid transparent; white-space: nowrap; } .reviews__tabs-btn.active { color: #2EB83D; border-color: #2EB83D; opacity: 1; } .reviews__slider.swiper-container { position: absolute; left: 110px; right: 110px; max-width: 1380px; opacity: 0; pointer-events: none; } .reviews__slider.swiper-container.active { position: relative; left: 0; right: 0; padding-bottom: 124px; opacity: 1; pointer-events: all; } .reviews__slider-item { width: 420px; min-height: 298px; background-color: #fff; border: 1px solid #E4E2E2; padding: 37px 40px 107px 40px; position: relative; } .reviews__slider-item img{ max-width: 100%; height: auto!important; object-fit: contain; object-position: center top; } .reviews__slider-item.icon-quotes::before { font-size: 30px; width: 56px;height: 40px; content: ''; background: url(/local/templates/vilatte/img/quote.svg) no-repeat 0 0; position: absolute; bottom: 40px; right: 42px; } .reviews__slider-item h5 { line-height: 32px; margin: 0; display: none; } .reviews__item-city { display: block; font-family: 'helveticaneuecyrroman'; font-size: 14px; line-height: 19px; color: rgba(24, 24, 24, 0.6); margin-bottom: 20px; } .reviews__item-text { padding: 0; color: rgba(24, 24, 24, 0.8); max-height: 140px; text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -ms-line-clamp: 6; -webkit-line-clamp: 6; line-clamp: 6; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; } .review-text-hover { display: none; position: absolute; top: 0; left: 0; right: 0; background: whitesmoke; padding: 50px; bottom: 0; font-family: 'helveticaneuecyrroman'; font-size: 15px; line-height: 23px; color: #181818; overflow: auto; } .review-text-hover.open { display: block; } .reviews__slider-nav { position: absolute; z-index: 9; bottom: 5px; right: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .reviews__slider-nav .reviews__slider-pagination { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; order: 1;margin-left: auto; counter-reset: item; } .reviews__slider-nav .reviews__slider-pagination .swiper-pagination-bullet, .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet, .previosly-list__slider-pagination .swiper-pagination-bullet, .main-slider__nav .swiper-pagination .swiper-pagination-bullet { height: 26px;width: auto;display: inline-flex; align-items: center;counter-increment: item; border: 0px solid transparent; background: transparent; opacity: 1; position: relative; margin-right: 4px; padding: 0 7px; margin-bottom: 0; -webkit-transition: 0.3s; transition: 0.3s; } .reviews__slider-nav .reviews__slider-pagination .swiper-pagination-bullet:last-child { margin-right: 0; } .reviews__slider-nav .reviews__slider-pagination .swiper-pagination-bullet:before, .previosly-list__slider-pagination .swiper-pagination-bullet:before, .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet:before, .main-slider__nav .swiper-pagination .swiper-pagination-bullet:before { opacity: 0; content: counter(item);position: absolute;left: 0;top: -16px;font-weight: 600; padding-left: 7px; font-size: 20px;line-height: 20px;letter-spacing: 0.02em;text-transform: uppercase;color: #786F6D;font-family: 'proxima_nova_semibold';} .reviews__slider-nav .reviews__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .previosly-list__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .main-slider__nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {opacity: 1;} .reviews__slider-nav .reviews__slider-pagination .swiper-pagination-bullet:after, .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet:after, .previosly-list__slider-pagination .swiper-pagination-bullet:after, .main-slider__nav .swiper-pagination .swiper-pagination-bullet:after { content: ''; display: block; width: 4px; height: 4px; border-radius: 2px; background: #786F6D; position: static; top: 0;left: 0;transform: translate(0%, 0%); transition: all 0.2s linear; } .reviews__slider-nav .reviews__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after, .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet.swiper-pagination-bullet-active:after, .previosly-list__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after, .main-slider__nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { width: 101px; height: 2px; } .previosly-list__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {background: #786F6D;} .main-slider__nav .swiper-pagination .swiper-pagination-bullet:before, .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet:before {color: #fff;} .main-slider__nav .swiper-pagination .swiper-pagination-bullet:after, .main-slider__nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after, .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet:after, .actual__slider-nav .swiper-pagination-actual .swiper-pagination-bullet.swiper-pagination-bullet-active:after {background: #fff;} .reviews__slider-nav .swiper-button-next, .reviews__slider-nav .swiper-button-prev { margin: 0; position: static; width: 90px; height: 90px; border: 2px solid rgba(120, 111, 109, 0.2); border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; } .reviews__slider-nav .swiper-button-prev {margin-right: 20px;} .reviews__slider-nav .swiper-button-next:hover, .reviews__slider-nav .swiper-button-prev:hover { opacity: 1; } .reviews__slider-nav .swiper-button-next::after, .reviews__slider-nav .swiper-button-prev::after { display: none; } .reviews__slider-nav .swiper-button-next::before, .reviews__slider-nav .swiper-button-prev::before { font-size: 17px; color: #181818; display: block; overflow: hidden; width: 31px; } .reviews__slider-nav .swiper-button-next::before {display: flex; justify-content: flex-end;} .reviews__slider_page { position: absolute; left: 110px; right: 110px; max-width: 1380px; opacity: 0; pointer-events: none; } .reviews__slider_page.active { position: relative; left: 0; right: 0; padding-top: 80px; margin-top: -80px; opacity: 1; pointer-events: all; } .reviews-list__list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .reviews-list__list .reviews-card { width: -webkit-calc(33.3% - 35px); width: calc(33.3% - 35px); max-width: 340px; margin-left: 35px; margin-top: 32px; } .product-card__getprice{ display: inline-block; font-size: 15px; line-height: 20px; color: #181818; text-decoration: underline; margin-bottom: 10px; } .product-card__getprice:hover{ text-decoration: none; } @media screen and (max-width: 1599px) { .reviews__slider.swiper-container { left: 40px; right: 40px; } } @media screen and (min-width: 1241px) and (max-width: 1550px) { .advantages__video{ width: 50% } .advantages__list-item{ width: 33%; padding-right: 5px; } } @media screen and (min-width: 1241px) and (max-width: 1500px) { .advantages__video{ height: 500px; } } @media screen and (min-width: 1241px) and (max-width: 1400px) { .advantages__video{ height: 550px; } } @media screen and (min-width: 1241px) and (max-width: 1310px) { .advantages__video{ height: 550px; } .advantages__video{ width: 48%; margin-right: 20px; } } @media screen and (max-width: 1024px) { .reviews { padding: 60px 0 60px 0; } .reviews__slider-item { padding: 25px 20px 107px 20px; } } @media screen and (max-width: 600px) { .reviews__slider-nav { display: none; } .reviews__tabs { overflow-x: auto; } .reviews__slider.swiper-container { left: 20px; right: 20px; } } .schedule { font-family: 'helveticaneuecyrmedium'; color: #FFFFFF; font-size: 14px; line-height: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } .schedule .icon-clock { margin: 0; margin-right: 10px; } .schedule .icon-clock::before { font-size: 20px; } .schedule span { color: rgba(255, 255, 255, 0.7); margin-left: 4px; } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .schedule .icon-clock { margin-top: -2px; } } } .search-count { margin-top: 37px; margin-bottom: 16px; } .search-count b { font-size: 15px; margin-left: 6px; } .search { position: relative; margin-right: 30px; cursor: pointer; } .search__block.icon-magnifying::before { font-size: 22px; } .search__form { position: absolute; z-index: 5; top: -13px; right: -167px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .search__form .search__form__submit { position: absolute; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 20px; font-size: 22px; } .search__form input { width: 347px; background-color: #655D5C; border: none; padding: 7px 36px 8px 28px; font-size: 16px; line-height: 35px; color: rgba(255, 255, 255, 0.8); } .search__form input::-webkit-input-placeholder { font-size: 14px; line-height: 35px; color: rgba(255, 255, 255, 0.8); } .search__form input:-moz-placeholder { font-size: 14px; line-height: 35px; color: rgba(255, 255, 255, 0.8); } .search__form input::-moz-placeholder { font-size: 14px; line-height: 35px; color: rgba(255, 255, 255, 0.8); } .search__form input:-ms-input-placeholder { font-size: 14px; line-height: 35px; color: rgba(255, 255, 255, 0.8); } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .search__form input { padding: 10px 36px 13px 28px; line-height: 26px; } } } .search__block.active .search__form { opacity: 1; pointer-events: all; } .search.active .search__form { opacity: 1; pointer-events: all; } @media screen and (max-width: 1200px) { .search__form { right: -214px; } } @media screen and (max-width: 480px) { .search__form { right: -180px; } .search__form input { width: 280px; } } .second-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .second-menu__title { font-family: 'helveticaneuecyrmedium'; font-size: 16px; line-height: 180%; text-transform: uppercase; color: #FFFFFF; margin-bottom: 10px; } .second-menu__link { font-family: 'helveticaneuecyrlight'; font-weight: 300; font-size: 15px; line-height: 180%; color: #FFFFFF; } .second-menu__link:hover { text-decoration: underline; } .second-menu__link:last-child { margin-bottom: 0; } .seo-block { margin-bottom: 90px; max-height: 192px; max-width: 100%; padding-right: 56px; overflow: hidden; } .seo-block h1, .seo-block h2, .seo-block h3, .seo-block h4, .seo-block h5 { margin-bottom: 12px; } .seo-block p { padding: 0; margin-top: 12px; } .seo-block .os-content-glue { width: 100% !important; } .seo-block .os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:before { width: 23px; height: 23px; background: #fff; border: 2px solid #776E6C; left: 0px; -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; cursor: pointer; } .seo-block .os-scrollbar-vertical>.os-scrollbar-track:before { background: rgba(119, 110, 108, 0.3); width: 4px; } .seo-block .os-scrollbar.os-scrollbar-vertical { right: 3px; bottom: 7px; } .seo-block .seo-block .os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:before { left: -1px; } @media screen and (max-width: 680px) { .seo-block { margin-right: 0; } } @media screen and (max-width: 480px) { .seo-block { padding-right: 35px; } } .social-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .social-list a { margin-right: 17px; } .social-list a:last-child { margin-right: 0; } .social-list a::before { font-size: 17px; -webkit-transition: 0.3s; transition: 0.3s; } .social-list a:hover{ opacity: 0.6; } .social-list a:hover::before { /*color: #F96F68;*/ } .social-list .icon-vk::before { font-size: 12px; } .supply { padding: 105px 0 95px 0; background-color: #F5F5F5; text-align: center; } .supply h3 { color: #393939; margin-bottom: 76px; text-align: left; } .supply .btn { min-width: 250px; } .supply__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -70px; margin-top: -35px; text-align: left; margin-bottom: 67px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .supply__list-item { position: relative; list-style-type: none; width: calc(50% - 70px); height: 227px; margin-left: 70px; margin-top: 35px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-left: 5px solid #2EB83D; background: #776E6C; } .supply__list-item img { position: absolute; top: 0; right: 0; width: 315px; max-height: 227px; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; z-index: 1; opacity: 0.7; } .supply__list-item p { position: relative; z-index: 2; font-family: 'helveticaneuecyrmedium'; padding: 0; max-width: 335px; font-weight: 500; font-size: 22px; line-height: 28px; color: #FFFFFF; padding-left: 36px; } @media screen and (max-width: 1470px) { .supply__list-item { width: -webkit-calc(50% - 70px); width: calc(50% - 70px); } } @media screen and (max-width: 1081px) { .supply__list { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: 0; margin-top: 0; } .supply__list-item { margin: 0; width: auto; } } @media screen and (max-width: 600px) { .supply h3 { margin-bottom: 25px; } } .cart-box__item-erorrq{ display:none; } .erorrQText .cart-box__item-erorrq{ display:block; color: red; padding-bottom: 5px; } .cart-box__item-size .cart-box__item-size-wrap.erorrQ span{ border-color: red; } .erquantity-popup button{ background: #776E6C; border-radius: 120px; width: 100px; padding: 10px 20px; text-align: center; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #FFFFFF; border: none; margin-top: 10px; } .thanks-popup, .erquantity-popup, .changecount-popup { background: rgba(245, 245, 245, 0.7); position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; 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; opacity: 0; pointer-events: none; -webkit-transition: 0.3s; transition: 0.3s; } .thanks-popup.active, .erquantity-popup.active, .changecount-popup.active { opacity: 1; pointer-events: all; } .thanks-popup__cross, .changecount-popup__cross { position: absolute; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: #FFFFFF; border-radius: 50%; top: -35px; right: -35px; cursor: pointer; } .thanks-popup__cross:before, .changecount-popup__cross:before { font-size: 17px; color: #595251!important; } .thanks-popup__content, .changecount-popup__content { width: 100%; max-width: 640px; background: #FFFFFF; border: 1px solid #D0DCE6; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); text-align: center; position: relative; padding: 55px 48px 64px; } .thanks-popup__content h4, .thanks-popup__content .title4, .changecount-popup .title4 { color: #595251; text-align: center; margin-bottom: 40px; } .thanks-popup__content p, .changecount-popup__content p { font-size: 16px; line-height: 28px; color: rgba(44, 44, 44, 0.8); } .changecount-popup__content .js-ok-reload { background: #595251; color: #fff; } @media screen and (max-width: 580px) { .thanks-popup, .erquantity-popup { padding: 20px; } .thanks-popup__content h4, .thanks-popup__content .title4, .changecount-popup__content .title4 { margin-bottom: 10px; } .thanks-popup__content, .changecount-popup__content { width: 100%; padding: 35px 15px 35px; } .thanks-popup__cross, .changecount-popup__cross { top: -18px; right: -18px; } } .top-banner { height: 170px; margin-top: 30px; } .top-banner img { width: 100%; height: 100%; /* -o-object-fit: cover; object-fit: cover; */ -o-object-fit: contain; object-fit: contain; } @media screen and (max-width: 480px) { .top-banner { display: none; } .lk-main .history-main__list .cart-box__data-col:nth-child(4) { margin-top: 10px; } } .top-list { padding: 105px 0 88px 0; } .top-list h3 { margin-bottom: 57px; } .top-list__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -62px; margin-top: -45px; } .top-list__list-item { list-style-type: none; width: calc(33.3% - 62px); margin-left: 62px; margin-top: 45px; } .top-list__list-item-img { width: 100%; height: 320px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; border-top-right-radius: 45px; } .top-list__item-content { min-height: 160px; width: 282px; padding: 28px 26px 1px 63px; position: relative; margin-top: -112px; background-color: #fff; } .top-list__item-content img { position: absolute; left: 0; top: 27px; height: 50px; } .top-list__item-content h6 { margin-bottom: 14px; } .top-list__item-content p { padding: 0; font-family: 'helveticaneuecyrroman'; font-size: 14px; line-height: 19px; color: rgba(24, 24, 24, 0.8); max-height: 110px; text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -ms-line-clamp: 5; -webkit-line-clamp: 5; line-clamp: 5; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; } @media screen and (max-width: 1448px) { .top-list__list { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .top-list__list-item { width: -webkit-calc(33% - 62px); width: calc(33% - 62px); } } @media screen and (max-width: 1180px) { .top-list__list { margin-top: 0; margin-left: 0; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit; } .top-list__list-item { margin-top: 0; margin-left: 0; } } @media screen and (max-width: 1024px) { .top-list { padding: 60px 0 60px 0; } } @media screen and (max-width: 600px) { .top-list h3 { margin-bottom: 25px; } } .trend { padding-top: 100px; } .trend h3 { margin-bottom: 27px; } .trend__controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 37px; } .trend__tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: calc(100% - 145px); } .trend__tabs-btn { font-family: 'helveticaneuecyrroman'; font-size: 16px; line-height: 150%; text-transform: uppercase; color: #181818; opacity: 0.6; margin-right: 15px; border-bottom: 1px solid transparent; -webkit-transition: 0.3s; transition: 0.3s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; min-width: 70px; } .trend__tabs-btn.active { color: #2EB83D; border-color: #2EB83D; opacity: 1; } .trend__tabs-btn:hover { color: #2EB83D; border-color: #2EB83D; opacity: 1; } .trend__link { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 4px; min-width: 206px;padding: 17px 30px 17px; } .trend__link span { font-family: 'HelveticaNeueCyr-Bold'; font-size: 14px; line-height: 14px; border-bottom: 1px solid #2EB83D; text-transform: uppercase; color: #2EB83D; } .trend__link::before { content: ''; display: block; width: 19px; height: 19px; margin-right: 6px; background-image: url("/local/templates/vilatte/img/menu-icon-w.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .trend__list { position: absolute; opacity: 0; pointer-events: none; margin-left: -30px; } .trend__list-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 22px; } .trend__list.active { position: static; opacity: 1; pointer-events: all; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .trend__list-item { width: calc(25% - 20px * 3 / 4); } .trend__list-item .true-sign { justify-content: flex-end; display: flex; /* right: 0; */ position: relative; margin-bottom: -70px; margin-right: 8px; margin-top: 22px; } .trend__list-item .true-sign img{ width: 30px; height: auto; position: relative; top: -13px; } .trend__list-item img { width: 100%; height: 100%; max-height: 420px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .trend__item-content { padding: 19px 0px 22px; } .trend__item-content p { font-family: 'helveticaneuecyrlight'; line-height: 20px; padding: 0; max-height: 60px; text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -ms-line-clamp: 3; -webkit-line-clamp: 3; line-clamp: 3; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; } .trend__item-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .trend__item-price ins { font-family: 'helveticaneuecyrmedium'; font-size: 18px; line-height: 18px; color: #181818; margin-right: 11px; text-decoration: none; } .trend__item-price del { font-family: 'helveticaneuecyrroman'; font-size: 16px; line-height: 16px; color: rgba(24, 24, 24, 0.6); } .trend__item-content-wrap { margin-bottom: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .trend__item-content-text { font-family: 'helveticaneuecyrroman'; font-size: 14px; line-height: 20px; text-align: right; color: rgba(24, 24, 24, 0.5); display: none; } @media screen and (max-width: 1180px) { .trend__list { margin-left: 0; left: 40px; right: 40px; } .trend { padding-bottom: 50px; } .trend__link { position: absolute; bottom: -50px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .trend__tabs{ max-width: none;overflow-x: auto;} } @media screen and (max-width: 1024px) { .trend { padding-top: 60px; } } @media screen and (max-width: 500px) { .trend__tabs { overflow-x: auto; padding-bottom: 10px; } .trend__controls { margin-bottom: 10px; } .trend__list-item img { max-height: 380px; } .trend__list { left: 20px; right: 20px; } } .warranty { padding: 90px 0 73px 0; } .warranty h3 { margin-bottom: 60px; } .warranty__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-left: -46px; margin-top: -25px; } .warranty__list-item { list-style-type: none; width: calc(25% - 46px); margin-left: 46px; margin-top: 25px; position: relative; } .warranty__list-item::before { content: ''; display: block; width: 5px; background-color: #2EB83D; height: -webkit-calc(100% - 80px); height: calc(100% - 80px); position: absolute; left: 1px; top: 0; } .warranty__list-item img { width: 100%; height: 400px; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; border-top-right-radius: 45px; } .warranty__item-content { width: 235px; padding: 24px 22px 18px 0; margin-top: -80px; background-color: #fff; position: relative; z-index: 2; } .warranty__item-content h5 { margin-bottom: 0; } .warranty__item-content p { color: rgba(24, 24, 24, 0.8); max-height: 110px; text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -ms-line-clamp: 4; -webkit-line-clamp: 4; line-clamp: 4; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; } @media screen and (max-width: 1457px) { .warranty__list { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .warranty__list-item { width: -webkit-calc(25% - 46px); width: calc(25% - 46px); } } @media screen and (max-width: 1180px) { .warranty__list { margin-top: 0; margin-left: 0; } .warranty__list-item { margin-top: 0; margin-left: 0; width: auto; } .warranty__list { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: initial; -webkit-justify-content: initial; -ms-flex-pack: initial; justify-content: initial; } } @media screen and (max-width: 1024px) { .warranty { padding: 60px 0 60px 0; } } @media screen and (max-width: 600px) { .warranty h3 { margin-bottom: 30px; } } .wish-list { position: relative; margin-right: 36px; } .wish-list.icon-heart::before { font-size: 23px; } .wish-list__count { position: absolute; right: -7px; bottom: -10px; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: 'helveticaneuecyrmedium'; font-size: 12px; line-height: 12px; color: #1F1F1F; } @media not all and (min-resolution: 0.001dpcm) { .wish-list__count { padding-top: 2px; } } .videoWrapper { position: relative; /*padding-bottom: 56.25%;*/ /* 16:9 */ height: 100%; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*# sourceMappingURL=style.css.map */ .aside-catalog a:hover, .aside-catalog a.active { color: #2EB83D; } .main-article .custom-article__three .custom-article__item-text { min-height: auto; } .main-product-content .os-scrollbar-horizontal { display: none; } .product-aside h1 { font-size: 30px; line-height: 34px; } .authorization-popup p { margin-bottom: 15px; margin-top: -55px; } .authorization-popup label p { padding: 0; margin-bottom: 0; margin-top: 0; } .call-popup p:first-of-type { font-family: 'helveticaneuecyrmedium'; font-weight: 500; font-size: 22px; line-height: 24px; color: #181818; margin-bottom: 15px; padding-top: 0; } .call-popup a { color: #2EB83D; } .call-popup label p:first-of-type { font-size: 13px; line-height: 128.91%; color: #2C2C2C; padding: 0; font-family: 'helveticaneuecyrroman'; font-weight: 400; margin-bottom: 0; } .main-slider:after, .main-slider:before { display: none; } .footer__contact .social-list { margin-bottom: 25px; align-items: center; } .footer__contact .social-list a:before { /* font-size: 35px;*/ } .footer__contact .icon-yt {height: 17px; width: 17px;} .footer-wrapper .icon-yt {height: 17px; width: 17px;} .header-top__box .cart { display: none; } .cart__popup.absolute { position: absolute; top: 38px; width: 350px; max-width: 350px; transform: none; left: auto; right: -100px; transition: none; } .imagery-slider h4 { text-align: center; font-family: 'proxima_nova_thin'; font-weight: 200; font-size: 55px; line-height: 60px; color: #393939; margin-bottom: 15px; text-transform: uppercase; } @media screen and (max-width: 1667px) { .main-product-content { max-height: 100%; } } @media screen and (min-width: 1300px) and (max-height: 800px) { .main-product-content__description-text.hidden { max-height: 62px; } .main-product-content__description-text.active { max-height: initial; } .main-product-content { max-height: 100%; } .main-product-content { min-height: 595px; } .main-product-content__label { margin-right: 8px; } } @media screen and (max-width: 1200px) { .main-product-content { max-height: 100%; } .header-top__box .cart { position: static; display: flex; align-items: center; margin-top: 7px; } .header-top__box .cart .cart__icon { margin-right: 10px; } .header-top__box .cart .cart__sum { font-family: 'helveticaneuecyrroman'; } .address-list { min-width: auto; margin-right: auto; } .header-top .logo-box { position: absolute; left: 50%; transform: translateX(-50%); } .header-top__box { margin-left: auto; } .top-banner { display: none; } .product-aside h1 { font-size: 32px; line-height: 42px; } .cart__popup { transition: none; } .search__block.icon-magnifying { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } } @media screen and (max-width: 1024px) { .imagery-slider h4 { font-size: 40px; line-height: 45px; } } @media screen and (max-width: 767px) { .breadcrumbs { flex-wrap: wrap; } .breadcrumbs li:last-of-type { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .header-top .logo-box { position: relative; left: auto; transform: none; } .trend__list-item { width: calc(50% - 10px); } } @media screen and (max-width: 650px) { .lk-history h5 { position: relative; padding-bottom: 30px; } .lk-history h5:after, .lk-history h5:before { content: ''; display: block; width: 35px; height: 9px; position: absolute; background-image: url(/local/templates/vilatte/img/icons-fonts/arrow-left.svg); background-repeat: no-repeat; background-position: center; background-size: contain; left: 0; bottom: 0px; } .lk-history h5:after { left: auto; right: 0; background-image: url(/local/templates/vilatte/img/icons-fonts/arrow-right.svg); } .imagery-slider h4 { font-size: 30px; line-height: 35px; } } @media screen and (max-width: 500px) { .product-aside h1 { font-size: 35px; line-height: 40px; } .header-top .logo-box { padding-right: 0; } } @media screen and (max-width: 426px) { .footer__col:nth-child(2) { width: 100%; } .footer__col:nth-child(3) { width: 100%; } } @media screen and (max-width: 340px) { .cart__popup.absolute { right: -49px; max-width: 320px; } } .btn-cart__alert { margin-top: 10px; margin-bottom: 10px; font-size: 15px; line-height: 23px; color: #2EB83D; opacity: 0; display: block; } .btn-cart__alert.show{opacity: 1;} .btn-cart__alert-success { background: #4CAF50; margin-top: 10px; margin-bottom: 10px; font-size: 15px; line-height: 23px; color: #ffffff; opacity: 0; display: block; position: absolute; bottom: 51px; left: 36px; padding: 7px 15px; border-radius: 30px; } .btn-cart__alert-success.show{opacity: 1;} .order-message { margin-bottom: 20px; font-size: 15px; line-height: 23px; color: #2EB83D; } .cart .btn { margin: 0 auto; display: block; max-width: 229px; padding: 17px 15px; } .main-product-wrap { padding-top: 0; } .authentication-success { width: 100%; text-align: center; } .authentication-success span { font-size: 48px; display: block; margin: 0 auto; margin-bottom: 10px; } .pagination-result-counter{ font-family: 'helveticaneuecyrlight'; font-size: 18px; line-height: 20px; color: #181818; padding-bottom: 25px; text-align: center; font-weight: 600; width: 100%; padding-top: 0; } .cart-box__aside-promo__result{ display: block; padding-bottom: 8px; font-family: 'helveticaneuecyrlight'; font-size: 14px; line-height: 14px; color: rgba(24, 24, 24, 1); } .icon-yt{ width: 40px; background-image: url(/local/templates/vilatte/img/youtube.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; } .icon-telegramm { width: 19px; background-image: url(/local/templates/vilatte/img/Telegram.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; } .icon-rutube { width: 19px; background-image: url(/local/templates/vilatte/img/rutube.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; } .icon-dzen { width: 19px; background-image: url(/local/templates/vilatte/img/dzen.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; } .nav__in ul li.nav__in-main ul li a { text-align: left; } @media screen and (min-width: 1350px) and (max-width: 1720px) { .main-product-wrap .product-card__size li { margin-right: 4px; } } .footer-addresses { margin-top: 25px; } .footer-addresses__item { font-family: 'helveticaneuecyrlight'; font-weight: 300; font-size: 15px; line-height: 180%; color: #FFFFFF; } .news-filter { margin-bottom: 25px; display: flex; align-items: center; flex-wrap: wrap; } .news-filter a { position: relative; z-index: 3; font-family: 'helveticaneuecyrroman'; font-size: 16px; line-height: 150%; text-transform: uppercase; color: #181818; opacity: 0.6; margin-right: 46px; border-bottom: 1px solid transparent; white-space: nowrap; } .news-filter a:hover { opacity: .9; } .news-filter a.active { color: #2EB83D; border-color: #2EB83D; opacity: 1; } .news { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-top: 40px; } .news .item { width: calc(33.3% - 30px); margin: 0 15px; margin-bottom: 30px; } .news .item .image { width: 100%; display: block; height: 270px; background-size: cover; background-position: top center; } .news .item .desc { margin-top: 20px; /* max-height: 250px; overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 100%); mask-image: linear-gradient(to bottom, black 90%, transparent 100%); */ display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; overflow: hidden; } .news .item .desc .name a { font-family: 'helveticaneuecyrmedium'; font-weight: 500; font-size: 16px; line-height: 20px; color: #181818; margin-bottom: 10px; display: block; } .news .item .desc .name a:hover { color: #2EB83D; } .news .item .desc .date { font-family: 'helveticaneuecyrroman'; font-size: 14px; line-height: 19px; color: rgba(24, 24, 24, 0.8); display: block; margin-bottom: 10px; } .news .item .desc .text, .news .item .desc .text p { padding: 0; font-family: 'helveticaneuecyrroman'; font-size: 14px; line-height: 19px; color: #181818; margin-bottom: 10px; } .news .item .desc .text a { display: block; color: #181818; margin-top: 10px; } .news .item .desc .text img, .news .item .desc .text br { display: none; } .news .item .desc .text span a:hover { text-decoration: none; } .news .item .bottom { margin-top: 10px; } .news .item .bottom a { font-size: 14px; line-height: 19px; color: #2EB83D; text-decoration: underline; } .news .item .bottom a:hover { text-decoration: none; } .main-article font.text { font-family: 'helveticaneuecyrroman'; font-size: 14px; line-height: 19px; color: rgba(24, 24, 24, 0.8); display: block; margin-bottom: 10px; } .main-article font.text a { color: #2EB83D; } .main-article font.text a:hover { opacity: .7; } .news-detail .date { font-family: 'helveticaneuecyrroman'; font-size: 14px; line-height: 19px; color: rgba(24, 24, 24, 0.8); display: block; } .news-detail .text, .news-detail .text p { padding: 0; font-family: 'helveticaneuecyrroman'; font-size: 14px; line-height: 19px; color: #181818; margin-bottom: 10px; } .news-detail .bottom a { color: #2EB83D; margin-right: 20px; font-size: 14px; line-height: 19px; margin-bottom: 10px; } .news-detail .bottom a:hover { opacity: .7; } .index-seotext .os-content p { color: #181818; } .authorization-popup .icon-close-cross:before, .call-popup .icon-close-cross:before, .preorder-popup .icon-close-cross:before, .thanks-popup .icon-close-cross:before, .delete-product-popup .icon-close-cross:before, .delete-product-cart .icon-close-cross:before{ color: #000 !important; } @media screen and (max-width: 1200px) { .news .item .image { height: 180px; } } @media screen and (max-width: 991px) { .news .item .image { height: 270px; } .news .item { width: calc(50% - 30px); } } @media screen and (max-width: 650px) { .news .item { width: 100%; margin-left: 0; margin-right: 0; } .news { margin-left: 0; margin-right: 0; } .news-filter { margin-bottom: 15px; } .news-filter a { margin-bottom: 10px; } } .otzv{ display: inline-block; vertical-align: top; background: rgba(245, 245, 245, 0.5); padding: 15px 20px; width: calc(33.333% - 10px); margin: 10px 1px 10px 5px } .otzv-name{ font-weight: 600; } @media screen and (max-width: 1023px) { .otzv{ width: calc(50% - 10px); } .btn-cart__alert-success { bottom: 84px; left: 30px; } .lk-data__personal, .lk-history { padding-top: 20px; } .lk-wish { padding-top: 0; } } @media screen and (max-width: 650px) { .otzv{ width: 100%; margin-left: 0; margin-right: 0; } .main-product-content__specifications > span{ display: block; width: 100%; margin-right: 0; padding-top: 3px; padding-bottom: 3px; line-height: 18px; } } .size-tab { font-size: 13px; border-collapse: collapse; margin: 0 auto 18px; min-width: 275px; max-width: 90%; border-bottom: 4px solid #ddd9d9; width: 100%; } .size-tab th { font-size: 15px; text-transform: uppercase; font-weight: bold; text-align: center; background: #ddd9d9; } .size-tab th, .size-tab td { padding: 5px 8px; border-left: 1px solid #ddd9d9; text-align: center; } .size-tab th:first-child, .size-tab td:first-child { border-left: 0; } .size-tab tr.even td { background: #fff; } .size-tab tr.odd td { background: #f0ebeb; } .divfortable { display: flex; margin-top: 10px; } .preim { background: #f9eee2; margin-bottom: 28px; padding:20px 0; } .preim_list1{ width: 215px; display: inline-block; vertical-align: middle; margin: 5px; } .preim_img{ display: inline-block; vertical-align: middle; } .preim_text{ display: inline-block; width: fit-content; color: #463d39; font-size: 11.5px; line-height: 1.11111; vertical-align: middle; } .preim_list2{ width: 240px; display: inline-block; vertical-align: middle; margin: 5px; } header { width: 100%!important; } .js-video { opacity: 0; transition: .3s linear; } .alert-mob__block { background-color: gray !important; display: none; border-radius: 100px; box-shadow: 0 4px 9px rgb(111 111 111 / 45%); position: fixed; bottom: 20px; left: 15px; text-shadow: 0 1px 1px #555; font-size: 14px; color: #fff; z-index: 999; padding: 15px; width: 250px; } .input.medium { max-width: 400px; } .form .field { margin-top: 25px; } .form .field .label { margin-bottom: 15px; } .form .buttons { max-width: 400px; } .form .buttons .btn { width: 100%; } .form .buttons .left { margin-bottom: 25px; justify-content: space-between; display: flex; } .form .buttons .left a { font-weight: 500; font-size: 16px; line-height: 19px; text-decoration-line: underline; color: #2C2C2C; display: block; transition: .3s linear; } .form .buttons .left a:hover { text-decoration-color: transparent; } .form .input-checkbox { margin-top: -25px; margin-bottom: 25px; height: auto; padding: 0; position: relative; } .form .input-checkbox label { font-size: 13px; line-height: 128.91%; color: #2C2C2C; transition: .3s linear; } .input-checkbox .custom { width: 20px; height: 20px; border: 1px solid #E4E2E2; border-radius: 4px; margin: 0; margin-right: 13px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; position: relative; cursor: pointer; display: block; transition: .3s linear; } .form .input-checkbox label:before { opacity: 0; position: absolute; left: 2px; top: 50%; transform: translateY(-50%); content: ''; width: 16px; height: 16px; border-radius: 4px; background: linear-gradient(90deg, #2EB83D 0%, #F8534A 100%); transition: .3s linear; } .input-checkbox .custom:checked + label:before { opacity: 1; } .nav__in ul li a { text-transform: initial; font-family: 'helveticaneuecyrroman'; color: #393939; } .nav__in ul .nav__in-main > a { display: none; } @media screen and (min-width: 2000px) { .main-product-wrap { max-width: 1620px; padding: 0 110px 0 110px; margin: 0 auto; } } @media screen and (max-width: 1024px) { .main-article table { width: 100%; } } @media screen and (max-width: 767px) { .main-article .table-wrap table tbody tr td { padding-left: 15px; padding-right: 15px; } .form { width: 100%; } .form .buttons .left a { font-size: 14px; } } @media screen and (max-width: 340px) { .alert-mob__block { width: 205px; font-size: 12px; } } header { background: #786F6D; } .icon-placeholder:before, .icon-phone:before { color: #2EB83D; } .search__form { opacity: 1; pointer-events: all; position: relative; top: auto; right: auto; } .search__form input { background: rgba(101, 93, 92, 0.8); border-radius: 7px; width: 300px; height: 45px; font-size: 14px; padding: 0 22px; } .search__form .search__form__submit { opacity: .4; } .wish-list__count { background: #595251; color: #FFFFFF; } .cart__count { background: #2EB83D; } .cart__sum { font-family: "helveticaneuecyrroman", sans-serif; } nav { background-color: #fff; } nav ul li a { color: #2F2E2D; } .cart { align-items: center; } .header-contact__number-link { font-size: 16px; line-height: 16px; } .header-active .header-top { padding: 24px 0; } .logo-box { margin: 0; } .address-list { margin-right: 0; margin-left: 49px; } .header-contact { margin-right: 0; margin-left: 25px; } .search { margin-right: 25px; margin-left: auto; } .logo-box img { width: 233px; height: auto; } .login-box, .login-box-authorized { margin-right: 28px; } .address-list__current { padding-right: 10px; } nav ul li a { font-weight: 550; letter-spacing: 0.03em; text-transform: uppercase; color: #2F2E2D; font-family: 'helveticaneuecyrmedium'; } .btn { position: relative; height: 50px; font-size: 14px; text-transform: uppercase; color: #FFFFFF; background: #766E6C; padding: 0 26px; border-radius: 8px; box-shadow: none; display: inline-flex; align-items: center; justify-content: center; border: none; cursor: pointer; } .btn-cart::before { font-size: 22px; margin-right: 8px; } .btn_cart { min-width: 100%; } .btn-favorite { --opacity-before: 1; --opacity-after: 0; position: absolute; height: 50px; width: 50px; border: none; background-color: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; } .btn-favorite::before, .btn-favorite::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 22px; transition: opacity .3s; } .btn-favorite::before { color: #766E6C !important; opacity: var(--opacity-before); } .btn-favorite::after { content: '\e90f'; color: #57BB3C !important; opacity: var(--opacity-after); } @media screen and (max-width: 1400px) { .search__form input { width: 240px; } .address-list { margin-left: 20px; } .header-contact { margin-left: 20px; } .search { margin-right: 20px; margin-left: auto; } .address-list { min-width: 120px; } } @media screen and (max-width: 1200px) { .header-top .logo-box { margin: 0; } } @media screen and (max-width: 1200px) { nav ul li a { color: #FFFFFF; } .search__block.icon-magnifying::before { display: none; } .search__form .search__block.icon-magnifying::before { display: block; } .header-top .logo-box { position: relative; left: auto; transform: none; } .header-active .header-top { justify-content: space-between; } .address-list { margin-left: auto; } } @media screen and (max-width: 991px) { } @media screen and (max-width: 767px) { .header-mobile .address-list { margin-left: 0; } } /* */ .main-slider {overflow: visible;} .main-slider:before {content: '';display: block !important; position: absolute;bottom: -40px;height: 80px;width: 2px;left: 50%;margin-left: -1px; background: url("data:image/svg+xml,%3Csvg width='2' height='79' viewBox='0 0 2 79' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='4.37114e-08' x2='0.999998' y2='40' stroke='white' stroke-width='2'/%3E%3Cline x1='1' y1='39' x2='0.999998' y2='79' stroke='%232F2E2D' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat bottom;} .c-red, .trend__item-price ins.c-red {color: #2EB83D;} .section-inst {padding: 120px 0 75px;} .inst {display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap; margin: -20px auto 0; max-width: 1250px;} .inst_item1 {width: 305px; margin-left: 74px;margin-left: 5.9%; width: 24.4%;} .inst_item2 {width: 305px; width: 24.4%;} .inst_item3 {width: 400px; width: 32%;} .inst_item4 {width: 400px; width: 32%;align-self: flex-start;} .inst_item5 {width: 300px; width: 24%;align-self: flex-start;} .inst_item6 {width: 250px; width: 20%;align-self: flex-start;} .inst_item7 {width: 300px; width: 24%;align-self: flex-start;} .inst_item_img {display: block;} .inst_item_img img {display: block; width: 100%;} .inst_item_link {background: #786F6D; min-width: 215px;height: 250px; display: flex; align-items: center;justify-content: center; flex-direction: column;font-size: 18px;line-height: 18px;text-align: center;text-decoration-line: underline;color: #FFFFFF;} .inst_item_link:hover {text-decoration: none;} .inst_item_link img {margin-bottom: 15px; margin-top: -8px;} .inst_item i {font-size: 70px;opacity: 0.4;color: #fff; display: inline-block; margin-bottom: 13px; margin-top: -7px;} .inst_item span {text-decoration: underline;} .inst_item a {text-decoration: none;} .inst_item a:hover span {text-decoration: none;} .section-recomm {position: relative; padding: 190px 0 160px;} .section-recomm:before {content: '';position: absolute;opacity: 0.3;width: 937px; z-index: 0;top: 159px;left: 50%;margin-left: -105px; background: url(/local/templates/vilatte/img/backimg2.jpg) no-repeat 0 0;height: 820px;} .recomm_slider {overflow: hidden;margin-top: 66px;} .recomm_slider .swiper-prev {margin-right: 17px;} .recomm_slider .swiper-slide {padding-right: 45px;width: 366px;} .recomm_slider .swiper-slide .trend__list-item {margin: 0 0 18px;display: block;width: 100%;padding: 0;} .recomm_slider .trend__list-item img {display: block;} .recomm_slider .trend__item-content {height: 118px; overflow: hidden; padding: 21px 25px;background: #FFFFFF;border: 1px solid #E4E2E2;} .recomm_slider .trend__item-content p {max-height: 36px; margin-top: 13px;} .swiper-prev, .swiper-next, .previosly-list__slider-nav .swiper-button-prev, .previosly-list__slider-nav .swiper-button-next {cursor: pointer; border: 2px solid rgba(120, 111, 109, 0.2);display: inline-flex; align-items: center; justify-content: center; width: 90px; background: transparent; height: 90px; border-radius: 50%;} .swiper-prev:hover, .swiper-next:hover, .previosly-list__slider-nav .swiper-button-prev:hover, .previosly-list__slider-nav .swiper-button-next:hover, .main-slider__nav .swiper-button-next:hover, .main-slider__nav .swiper-button-prev:hover, .actual__slider-nav .swiper-button-next:hover, .actual__slider-nav .swiper-button-prev:hover, .reviews__slider-nav .swiper-button-next:hover, .reviews__slider-nav .swiper-button-prev:hover {color: #fff; background: linear-gradient(90deg, #2EB83D 0%, #FC6767 100%);border: none;} .swiper-next:hover:before, .swiper-prev:hover:before, .previosly-list__slider-nav .swiper-button-prev:hover::before, .previosly-list__slider-nav .swiper-button-next:hover::before .reviews__slider-nav .swiper-button-next:hover::before, .reviews__slider-nav .swiper-button-prev:hover::before {color: #fff;} .main-slider__nav .swiper-button-next::before, .main-slider__nav .swiper-button-prev::before, .actual__slider-nav .swiper-button-next::before, .actual__slider-nav .swiper-button-prev::before, .previosly-list__slider-nav .swiper-button-prev::before, .previosly-list__slider-nav .swiper-button-next::before, .swiper-next:before, .swiper-prev:before { display: block; overflow: hidden; width: 31px;} .main-slider__nav .swiper-button-next::before, .actual__slider-nav .swiper-button-next::before, .previosly-list__slider-nav .swiper-button-next::before, .swiper-next:before { display: flex; justify-content: flex-end;} .section-subsc {padding: 102px 0; background: url(/local/templates/vilatte/img/subsc-bg.jpg) no-repeat center; background-size: cover;} .subsc {background: rgba(119, 110, 108, 0.4);backdrop-filter: blur(30px); padding: 61px 20px 40px;} .subsc h3 {text-align: center; color: #fff} .subsc_txt {font-weight: 400;font-size: 18px;line-height: 28px;text-align: center;color: #FFFFFF;opacity: 0.8;margin: 23px auto 41px; max-width: 900px;} .subsc_form {margin: 0 auto;max-width: 724px;text-align: center;color: #fff;font-size: 20px;} .subsc_form .btn {height: 60px;width: calc(50% - 14px);} .subsc_form-inner {display: flex;margin-bottom: 11px;} .subsc_form-inp {margin-right: 29px;width: calc(50% - 15px);} .subsc_form-inp input {font-size: 15px;background: #FFFFFF;border: 1px solid #E4E2E2;height: 60px; padding: 14px 25px;width: 100%;display: block;} .subsc .form-label-check p {color: #fff;} .subsc .form-label-check p a {color: #fff;} .subsc .form-label-check__custom {background: #fff;} .requisites {color: #FFFFFF; padding: 38px 0 46px;background: #595251; display: none;} .requisites_data {column-count: 2;font-size: 15px;line-height: 140%;max-width: 1244px;} .requisites_data_item {padding: 3px 0 3px; display: flex;} .requisites_data_label {font-family: 'proxima_nova_thin'; width: 240px; min-width: 240px;} .requisites_data_val {font-family: 'proxima_nova_semibold';} .requisites_link { margin-top: 32px;text-decoration-line: underline;color: #FFFFFF;font-weight: 550;font-size: 15px;line-height: 180%; position: relative;display: inline-block;} .requisites_link:after { font-size: 8px; font-family: 'icomoon' !important; content: "\e900";position: absolute; right: -20px;top:0px;} .requisites_link.open:after {transform: rotate(180deg);} .logo-box.logo-box_footer {display: block; margin-bottom: 44px;} .reviews__slider.swiper-container { padding-bottom: 124px} footer {padding-bottom: 0;} footer .social-list { margin-bottom: auto;} .footer-wrapper {padding-bottom: 55px; max-width: 1263px;} .footer__col {min-width: 120px;} .footer__contact .btn {width: 210px;} .footer__contact [class^="icon-"], .footer__contact .icon-phone:before, .footer__contact .icon-mail:before, .footer__contact .icon-clock:before {color:rgba(255, 255, 255, 0.4);} .social-list a:not(:hover) {opacity: 0.3;} .footer__col-first {display: flex; justify-content: space-between;flex-direction: column; align-items: flex-start;} .btn--call-popup { border: 1px solid #fff; } @media screen and (max-width: 1599px) { .benefit:before {left: -54px; margin-left: 0;} } @media screen and (max-width: 1200px) and (min-width: 1024px) { .footer__col { min-width: 95px;} .footer__contact .btn { min-width: 185px; width: 185px; padding: 17px 10px 17px;} .logo-box.logo-box_footer { width: 270px;} } @media screen and (max-width: 1200px) { .requisites_data { column-count: 1;} .recomm_slider .swiper-slide { padding-right: 30px; width: 325px;} .inst {margin-top: 0;} .inst_item1, .inst_item2 { margin-left: 0%; width: 32.33%;} .inst_item3, .inst_item4 { width: 42.4%;} .inst_item5, .inst_item7 { width: 31.8%;} .inst_item6 { width: 26.5%;} .benefit, .section-recomm { padding: 105px 0 122px 0;} .benefit:before { top: 20px;} .section-recomm:before { top: 20px; margin-left: -172px;} .reviews {padding: 100px 0;} .benefit__content {margin-left: 0;} } @media screen and (max-width: 1024px) { .actual__slider-nav .swiper-button-next, .actual__slider-nav .swiper-button-prev { margin: -22px 0 0;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 20px;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 20px;} .actual__slider-nav .swiper-pagination-actual, .main-slider__nav .swiper-pagination { left: 20px; bottom: 18px;} .inst_item1, .inst_item2 { width: 30%;} .inst_item3, .inst_item4 { width: 40%;} .inst_item6 {width: 250px;} .inst_item4 {display: none;} .inst { margin-top: -20px;} } @media screen and (max-width: 768px) { .reviews__slider-nav .swiper-button-next, .reviews__slider-nav .swiper-button-prev, .actual__slider-nav .swiper-button-next, .actual__slider-nav .swiper-button-prev, .main-slider__nav .swiper-button-next, .main-slider__nav .swiper-button-prev, .previosly-list__slider-nav .swiper-button-prev, .previosly-list__slider-nav .swiper-button-next, .swiper-prev, .swiper-next { width: 60px; height: 60px;} .reviews__slider-nav .swiper-button-next::before, .reviews__slider-nav .swiper-button-prev::before, .actual__slider-nav .swiper-button-next::before, .actual__slider-nav .swiper-button-prev::before, .main-slider__nav .swiper-button-next::before, .main-slider__nav .swiper-button-prev::before, .previosly-list__slider-nav .swiper-button-prev:before, .previosly-list__slider-nav .swiper-button-next:before, .swiper-next:before, .swiper-prev:before { font-size: 14px; width: 26px;} .inst_item7 {display: none;} .section-inst { padding: 60px 0 75px;} .benefit, .section-recomm, .section-subsc, .reviews { padding: 60px 0 60px 0;} .section-recomm:before {background-size: cover; top: 0; height: 100%;width: 100%;margin-left: 0;left: 0;background-position: right;} } @media screen and (max-width: 667px) { .subsc_form-inner {flex-direction: column;} .subsc_form-inp { margin-right: 0px; margin-bottom: 10px; width: 100%;} .subsc_form .btn {width: 100%;} .requisites_data_item {display: block;} .recomm_slider .swiper-slide { padding-right: 30px; width: 310px;} .recomm_slider { margin-top: 15px;} .inst_item4 {display: block;} .inst { margin-top: 0px;} .inst_item6 { width: 190px;} .inst_item_link { min-width: 190px; height: 190px; font-size: 15px; line-height: 15px;} .inst_item_link img { width: 67px;} .subsc_txt { font-size: 15px; line-height: 23px; margin: 15px auto 27px;} } @media screen and (max-width: 600px) { .reviews__slider.swiper-container, .reviews__slider.swiper-container.active {padding-bottom: 0px;} .previosly-list__slider-pagination {display: none;} .previosly-list__slider-pagination {margin-right: auto;} } /* subscribe popup */ .mfp-wrap {} .mfp-bg { opacity: 1; background: transparent; background: rgba(120, 111, 109, 0.5);backdrop-filter: blur(20px);} .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 1;} button.mfp-close {color: #fff!important;font-size: 17px;font-family: 'icomoon' !important; position: absolute; display: flex; opacity: 1; align-items: center; justify-content: center; width: 35px; height: 35px; background: transparent; border-radius: 50%; top: -32px; right: -32px; cursor: pointer;} button.mfp-close:active {top: -35px;} button.mfp-close:before {content: "\e909";} .white-popup-large { position: relative; max-width: 978px; margin-left: auto; margin-right: auto; padding: 20px; background-color: #fff; -webkit-box-shadow: 0px 7px 10px rgb(0 0 0 / 10%); box-shadow: 0px 7px 10px rgb(0 0 0 / 10%); border: 1px solid #D0DCE6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #525252; } .subscribe-popup { width: 100%; display: flex; } .subscribe-popup .popup-error { margin-bottom: 15px; color: #ea0000; font-weight: 400; } .subscribe-popup__image { width: 434px; } .subscribe-popup__image img { width: 100%; } .subscribe-popup__form { width: 50%; padding-left: 70px; } .subscribe-popup__form-discount { font-size: 34px; line-height: 42px; color: #525252; text-transform: uppercase; max-width: 300px; padding-top: 30px; } .subscribe-popup__form-text { padding: 20px 0; text-transform: uppercase; font-size: 20px; font-family: 'helveticaneuecyrlight'; font-weight: 300; line-height: 25px; max-width: 450px; } .subscribe-popup__form .mail-input { } .subscribe-popup__form-agreement { padding: 25px 0; font-size: 15px; } .subscribe-popup__form-agreement a { text-decoration: underline; } .subscribe-popup .btn-subscribe { width: 100%; } .result-popup { width: 382px; height: 171px; font-size: 13px; padding: 0; } .mfp-container { padding-left: 25px; padding-right: 25px; } @media(max-width: 972px) { .subscribe-popup__image { display: none; } .white-popup-large { max-width: 400px; text-align: center; } .subscribe-popup__form { width: 100%; } .subscribe-popup__form { padding-left: 0; } .subscribe-popup__form-discount { max-width: inherit; } .subscribe-popup__form .mail-input { width: 100%; margin-bottom: 0; } .subscribe-popup .btn-subscribe { width: 100%; } } @media (max-width: 900px){ .mfp-container { padding: 20px; } } @media screen and (max-width: 580px){ .authorization-popup__cross { top: 0; right: 0;} button.mfp-close { top: 0px; right: 0px;color: #595251!important;} button.mfp-close:active { top: 0px;} .authorization-popup { padding: 10px;} .mfp-container { padding: 10px;} } @media screen and (max-width: 374px){ .subscribe-popup__form-discount { font-size: 30px; line-height: 38px;} .subscribe-popup__form-text { font-size: 17px; line-height: 23px;} .subscribe-popup__form-agreement { padding: 17px 0; font-size: 14px;} } /* */ .pagetop {padding: 1px 0 62px; color: #fff;background-color: #C4C4C4; background-repeat: no-repeat; background-position: center; background-size: cover;} .pagetop h1 {color: #fff;font-size: 70px;margin: 38px 0 0; line-height: 1;} .pagetop .breadcrumbs li a {color: #fff;} .pagetop .breadcrumbs li a:after {border-right: 1px solid rgba(255,255,255, 0.8); border-bottom: 1px solid rgba(255,255,255, 0.8);} .pagetop .breadcrumbs li:last-child a {color: rgba(255,255,255,0.5);} .cart-box__content-items {margin-bottom: 50px;} .cart-box__item-size-inline {padding: 0; background: transparent;width: 114px;margin: 0 auto;} .cart-box__item-size-inline .cart-box__size-count .cart-box__size-count-btn {border: 1px solid #E4E2E2;} .cart-box__item-size-inline .cart-box__item-size-wrap .cart-box__item-size-data {display: none;} .cart-box__item-size-inline .cart-box__item-size-wrap span {height: 32px;border: none;width: 50px;} .cart-box__item-size-inline input {visibility: hidden; opacity: 0;position: absolute;} .cart-box__item-size-inline .cart-box__size-count {position: relative;bottom: 0;border: none; opacity: 1; pointer-events: all; box-shadow: none; background: transparent;} .icon-circplus {-webkit-transition: all 0.2s linear; transition: all 0.2s linear;font-size: 14px; font-family: 'icomoon' !important; color: #2F2E2D; position: absolute; top: 50%;left: 50%;margin: -20px 0 0 -20px;display: flex;align-items: center;justify-content: center; border-radius: 50%;width: 40px;height: 40px;backdrop-filter: blur(30px);background: rgba(255, 255, 255, 0.4);} .icon-circplus:before { content: "\e90b"; } .cart-box__checkout {font-size: 16px;line-height: 1.5;color: rgba(47,46,45,0.8); border: 1px solid #E4E2E2;margin-bottom: 25px;padding: 39px 45px;} .cart-box__checkout > p {font-size: 16px;line-height: 1.5; padding: 0 0 20px;color: rgba(47,46,45,0.8);} .cart-box__checkout p:last-child {padding: 0 0 0px;} .cart-box__checkout-title {align-items: center;display: flex; justify-content: space-between;} .cart-box__checkout-title a {display: inline-block; margin-bottom: 6px;} .cart-box__checkout a {font-family: 'helveticaneuecyrmedium';color: #2EB83D;text-decoration-line: underline;} .cart-box__checkout a:hover {text-decoration-line: none;} .cart-box__checkout h4 { font-family: 'helveticaneuecyrlight'; font-size: 28px; margin-bottom: 14px;} .cart-box__checkout .form-label-check { padding-top: 0;} .cart-box__checkout .form-label-check p {font-size: 14px;} .cart-box__checkout .form-label-check__custom {margin-right: 6px;} .form_cols {display: flex;flex-wrap: wrap;margin-left: -10px;margin-right: -10px;margin-top: 16px;} .form_cols__item {width: 50%;padding: 0 10px; position: relative;} .form_cols__item .btn-telcode {background: rgba(228, 226, 226, 0.5);width: 133px;text-decoration: none; height: 42px;position: absolute;top: 10px;right: 20px;color: rgb(89 82 81 / 80%);font-weight: 400;font-size: 14px;line-height: 18px;display: flex;align-items: center;text-align: center; justify-content: center;} .form_cols__item .btn-telcode:hover {background: rgba(228, 226, 226, 0.8);} /* */ .win {font-size: 16px;line-height: 1.5; background: #FFFFFF;border: 1px solid #E4E2E2; padding:55px 59px 59px;position: relative; margin: 0 auto;} .win_title {font-size: 18px;line-height: 22px;color: #2F2E2D;font-family: 'helveticaneuecyrmedium'; margin-bottom: 32px;} .win_title:last-child {margin-bottom: 0px;} .win-cartdeliv {max-width: 660px;} .win_btn .btn {min-width: 173px;padding: 5px 49px;max-width: 100%;} .win_btn {display: flex;flex-wrap: wrap; align-items: center;} .win_btn .btn + .link-pink {margin-left: 24px; display: inline-block;} .radios {} .radios_item {} .radios_item label {cursor: pointer; position:relative;} .radios_item label input {position: absolute;opacity: 0;} .radios_item_txt {} .radios-txt {display: flex;margin-right: -15px; margin-bottom: 14px;} .radios-txt .radios_item {margin-right: 15px;width: calc(33.33% - 15px);} .radios-txt .radios_item_txt { line-height: 1; height: 50px;padding: 5px; text-align: center; display: flex; align-items: center;justify-content: center;border: 1px solid transparent; background: rgba(228, 226, 226, 0.5);font-size: 14px;color: rgb(89 82 81 / 80%);} .radios-txt input:checked + .radios_item_txt {color: rgb(236 0 85 / 80%);border: 1px solid #2EB83D; background: #fff;} .cart-addresses {min-height: 188px;} .cart-addresses p {font-weight: 400;font-size: 16px;line-height:1.5;opacity: 0.8;color: #2F2E2D;} .link-pink {font-family: 'helveticaneuecyrmedium';color: #2EB83D;text-decoration-line: underline;} .link-pink:hover {text-decoration-line: none;} .cart-addresses_item {border: 1px solid #E4E2E2; margin-top: 20px; padding: 13px 18px 14px 26px; font-size: 14px;line-height: 18px;display: flex;align-items: center; justify-content: space-between;} .cart-addresses_item_addr {color: #2F2E2D;opacity: 0.6;} .cart-addresses_item_link {margin-left: 20px;min-width: 64px;} .cart-addresses_item_link a { display: inline-block; color: #EE206A;text-decoration: underline;} .cart-addresses_item_link a:hover {text-decoration: none;} .cart-addresses_item_del {margin-left: 18px; } .cart-addresses_item_del a { display: inline-block;color: #2F2E2D;opacity: 0.5; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-size: 17px;} .win-cartpay {max-width: 575px;} .win-cartpay .radios-txt {flex-wrap: wrap;margin: 0 -15px -20px 0;} .win-cartpay .radios_item {width: 50%;padding: 0 15px 20px 0; margin: 0;} .win-cartpay .radios_item img {margin: 0 3px 0 0;} .win-cartpay .btn {width: 100%;min-width: 100px;padding: 5px 20px;} /* */ .win-addrmap {position: relative; max-width: 1200px;height: 679px; padding: 0;} .addrmap_list_scroll { height: 550px;} .addrmap_list .swiper-container-vertical>.swiper-scrollbar { right: 0;} .addrmap_list .swiper-slide {height: auto; box-sizing: border-box;} .addrmap_cont { position: relative; height: 100%;} .addrmap_left { width: 465px; height: 100%; padding: 55px 1px 40px 59px;} .addrmap_left .win_title { margin-bottom: 4px;} .addrmap_list {} .addrmap_right {width: calc(100% - 465px); height: 100%; position: absolute; top: 0; right: 0;} .addrmap_right > div { width: 100%; height: 100%;} .addrmap_left--view-pick-up {display: none;} .addrmap_left--view-pick-up ~ .addrmap_right {width: 100%;} .ymaps-2-1-79-balloon {padding: 0px; box-shadow:none !important; /*width: 310px !important;*/ max-width: 410px !important;} .ymaps-2-1-79-balloon__content { } .mapbox {padding: 12px 17px;width: 286px;} .mapbox .form_cols {margin-left: 0; align-items: flex-end;margin-top: 14px;} .mapbox .form_cols + .form_cols {margin-top: 0;} .mapbox .form_cols__item {width: 33.33%;padding-left: 0;} .mapbox .form_cols__item1 {width: 50%;} .mapbox .form-label-input {padding-bottom: 12px;font-size: 13px; color: rgb(47 46 45 / 40%);} .mapbox .form-label-input input {height: 50px; padding: 8px 15px 8px 24px; margin-top: 2px;} .mapbox .form-label-check {padding-bottom: 12px;font-size: 14px;} .mapbox2 {width: 325px;} .mapbox3 {width: 384px;} .mapbox3 .mapbox_btn { margin-top: 8px;} .mapbox_title {font-size: 15px;font-family: 'helveticaneuecyrmedium',sans-serif;line-height: 20px;color: #2F2E2D;margin-bottom: 9px;} .mapbox_title:not(:first-child) {margin-top: 14px;} .mapbox_txt {font-weight: 400;font-size: 13px;line-height: 17px;color: #2F2E2D;opacity: 0.6;} .mapbox_point {width: 52px;height: 52px;font-family: 'helveticaneuecyrbold',sans-serif;font-size: 14px;line-height: 14px;display: flex;align-items: center;text-align: center;justify-content: center;color: #FFFFFF;} .mapbox_time {color: #2F2E2D; font-size: 13px;line-height: 20px; margin-top: 10px;} .mapbox_time span { color: #2F2E2D;opacity: 0.4;} .mapbox_time b {font-family: 'helveticaneuecyrmedium',sans-serif;} .mapbox_btn {margin-top: 21px;} .mapbox_btn .btn { min-width: 100px;} .mapbox_sm {margin-top: 17px;font-weight: 400;font-size: 13px;line-height: 13px;color: #2F2E2D;opacity: 0.4;} .mapbox_warning {font-size: 14px;line-height: 18px;color: #2EB83D; margin-top: 20px;} .mapbox_coord {font-size: 15px;line-height: 130%;} .mapbox_coord span {opacity: 0.8;font-size: 14px;} .address-item {color: #2F2E2D; padding: 15px 0 10px;width: 300px;} .address-item__name {font-size: 15px;line-height: 20px;color: #2F2E2D;font-family: 'helveticaneuecyrlight';} .address-item__info {font-size: 13px;line-height: 19px;opacity: 0.6;margin-top: 8px;} .win-thnk {text-align: center; max-width: 495px;height: 180px; display: flex; flex-direction: column;justify-content: center; align-items: center;} .win-thnk .win_title {margin: 0;} .btn.disabled {opacity: 0.5; cursor: default;} .cart-box__radios label { display: block; margin-bottom: 11px; color: #2C2C2C; cursor: pointer; font-size: 18px; } .cart-box__radios label input { display: none; } .cart-box__radios label:last-child { margin-bottom: 0; } .cart-box__radios label span { padding-left: 30px; position: relative;display: block; } .cart-box__radios label span::before { content: ''; display: block; position: absolute;top: 3px;left: 0; width: 20px; height: 20px; border-radius: 50%; background: #FFFFFF; border: 1px solid #DBDEE0; margin-right: 12px; } .cart-box__radios label span:after { content: ''; display: block; position: absolute; z-index: 1; width: 14px; height: 14px; border-radius: 50%; background-color: #2EB83D; left: 3px; top: 6px; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .cart-box__radios label input:checked+span:after { opacity: 1; } /* */ @media screen and (max-width: 1023px) { .pagetop { padding: 1px 0 30px;} .pagetop h1 { font-size: 55px;} .cart-box__item-size-inline {margin: 0;} .form_cols__item {width: 100%;} .addrmap_list {display: none;} .win-addrmap {height: 100%;height: calc(100vh - 20px);} .addrmap_left{ width: 100%; padding: 12px 16px 0; -ms-flex-negative: 0; flex-shrink: 0; height: auto;} .addrmap_right{width: 100%; position: relative; top: auto; height: calc(100% - 49px);} .addrmap_cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} .addrmap_left--view-pick-up ~ .addrmap_right {height: 100%;} .addrmap_left .win_title { margin-bottom: 15px;} } @media screen and (max-width: 767px) { .cart-box__checkout {padding: 25px;} .cart-box__checkout-title {display: block;} } @media screen and (max-width: 600px) { .pagetop h1 { font-size: 35px;} .cart-box__checkout h4 {font-size: 20px;} .form_cols__item .btn-telcode {position: relative;top: 0;right: 0;margin-bottom: 20px;marginleft: auto;} .cart-box__checkout, .cart-box__checkout > p { font-size: 14px;} .win { padding: 25px 20px 25px; font-size: 14px;} .win_btn {display: block;text-align: center;} .win_btn .btn {padding: 5px 20px; width: 100%;} .win_btn .btn + .link-pink {margin: 15px 0 0px;} .cart-addresses_item_del { margin-left: 10px;} .cart-addresses_item_link { margin-left: 15px;} .cart-addresses_item { padding: 13px 14px 14px 20px;} .win-addrmap {padding: 0;} .cart-box__radios label {font-size: 14px;} .cart-box__radios label span::before {top: 0px;} .cart-box__radios label span:after {top: 3px;} } @media screen and (max-width: 374px) { .wrapper { padding: 0 5px 0 5px; } .cart-box__checkout {padding: 20px;} .cart-box__aside-pay {padding: 20px;} .cart-box__aside-pay_bg { background-color: #F5F5F5; padding: 10px 20px 13px 20px; margin-bottom: 15px; margin-left: -20px; margin-right: -20px;} .win { padding: 20px 15px 20px;} .cart-box__aside-pay-item .cart-box__aside-pay_custom { padding: 5px 15px; width: 98px;} .win-addrmap { padding: 0;} .mapbox { padding: 0;} .mapbox3 { width: 298px;} .mapbox .form-label-input input {font-size: 13px; padding: 8px 10px 8px 10px;} .wrapper_padding--blog { padding-bottom: 40px; } } @media screen and (max-width: 768px) { .nav__in { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .nav__in-banners a:nth-child(1) img { width: 100%; height: auto; } } .text-page { font-weight: 300; font-size: 16px; line-height: 150%; color: #181818; margin-bottom: 80px; } .text-page > *:last-child { margin-bottom: 0; } .text-page h2 { font-weight: 550; font-size: 20px; line-height: 1; color: #2C2C2C; margin-bottom: 18px; } .text-page p { font-size: inherit; margin-bottom: 1em; padding-bottom: 0; max-width: 1040px; } .text-page__text--max { max-width: 740px; } .text-page a { text-decoration: underline; color: #2EB83D; } .text-page hr { border: none; border-bottom: 1px solid #DDDDDD; margin: 30px 0; } .text-page .text-page__text--accent { color: #2EB83D; } .text-page b { font-weight: 550; } .text-page__cards { margin: 24px 0; } .text-page__card { background: #F9F3F2; margin-bottom: 18px; padding: 30px; text-align: center; } .text-page__card p { max-width: 100%; margin-bottom: 8px; } .text-page__card p:last-child { margin-bottom: 0; } .text-page__card p:nth-child(3) { min-height: 42px; } .text-page h3 { font-weight: 550; font-size: 16px; line-height: 1; color: #2C2C2C; margin-bottom: 14px; } .text-page .text-page__message { margin: 20px 0; padding: 18px 20px; background: #F9F3F2; } .text-page ol { padding: 0; } .text-page ol li { margin: 0; } .text-page ol li:before { display: none; } @media (min-width: 768px) { .text-page { margin-top: 50px; font-size: 18px; margin-bottom: 130px; } .text-page h2 { font-size: 24px; margin-bottom: 24px; } .text-page__cards { margin: 30px 0; } .text-page hr { margin: 40px 0; } .text-page h3 { margin-bottom: 16px; font-size: 18px; } .text-page__cards { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; } .text-page__card { margin: 0; } .text-page__card p { font-size: 16px; } .text-page .text-page__message { margin: 30px 0; } } @media (min-width: 1200px) { .text-page { margin-top: 60px; margin-bottom: 100px; } .text-page a:hover { text-decoration: none; } .text-page__cards { grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; max-width: 1040px; } .text-page .text-page__message { max-width: 1150px; } } @media (max-width: 660px) { .lk-main .history-main__list .cart-box__data-col:nth-child(4) { text-align: left; max-width: 100%; width: 100%; } .lk-main .history-main__list .cart-box__data-col:nth-child(1) { max-width: calc(100% - 100px); width: auto; } .lk-main .history-main__list .cart-box__data-col:nth-child(3) { max-width: 80px; text-align: right; padding-right: 13px; align-items: flex-start; } } @media (max-width: 460px) { h1.title-upper { font-size: 32px; } } .callback_header{ z-index: 100000000; color: #ffffff; font-size: 15px; text-transform: inherit; height: 20px; min-width: 100%; background: #2eb83d; margin-top: 5px; font-family: sans-serif; } .to_cart{ font-family: 'helveticaneuecyrmedium'; font-size: 14px; line-height: 14px; text-align: center; text-transform: uppercase; color: #FFFFFF; background: #2eb83d; } .addressDelivery { font-size: 15px; } .typeDelivery { font-size: 17px; margin-bottom: 7px; } .addressDelivery { font-size: 15px; } .typeDelivery { font-size: 17px; margin-bottom: 7px; } input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-results-button, input[type='search']::-webkit-search-results-decoration { display: none; } .cart__icon.icon-cart.js-cart-open:hover{ } .popup-window.popup-window-with-titlebar { padding: 5px 18px 10px; } .popup-window.popup-window-with-titlebar .popup-window-titlebar { padding: 15px 0; display: block; font-size: 16px; } .popup-window.popup-window-with-titlebar .popup-window-titlebar-close-icon { right: 10px !important; top: 14px !important; } .popup-window.popup-window-with-titlebar .popup-window-close-icon:after { width: 16px; height: 16px; } .popup-window-with-titlebar .popup-window-content { padding: 12px; background-color: #ffffff; } .popup-window-with-titlebar .popup-window-button, .popup-window-with-titlebar .popup-window-button:hover { border-radius: 8px; color: #181818; font-size: 12px; box-shadow: none; background: #ecedef; } .popup-window-with-titlebar .popup-window-button-accept, .popup-window-with-titlebar .popup-window-button-create { border-radius: 8px; background: #766E6C; color: #FFFFFF; font-size: 12px; } .popup-window-with-titlebar .popup-window-button-accept:hover, .popup-window-with-titlebar .popup-window-button-create:hover { background: #766E6C; color: #FFFFFF; } .main-product-wrap .inner-wrapper-sticky { padding-bottom: 50px; } .header-active nav ul div { display: inline-flex; max-height: 50vh; overflow: auto; } .header-active .header-top div[id^="bx_incl_area"]{ display: inline-flex; } .header-mobile .header-contact.icon-arrow-down.js-header-contact-open{ margin-top:20px; } .product-card__wish.add-wish.icon-heart{ cursor:pointer; } /* BEGIN: NEW MOBILE HEADER */ /* ==== NEW HEADER ==== */ /* demo */ .d-only-desktop { display: none !important; } .menu-open .roistat-multiwidget-pulsator-holder, .menu-open .globalClass_bad6 { display: none; } [itemprop="address"] p { padding: 0; color: #fff; font-size: 15px; margin-bottom: 10px; } @media (min-width:1200px) { .d-only-desktop { display: block !important; } .d-only-mobile { display: none !important; } } /* base */ .icon { fill: currentColor; } .disable-scroll { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } /* button-menu */ .button-menu { position: relative; z-index: 205; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin: 0; padding: 0; color: #fff; background-color: #786E6D; border: none; transition: color .2s ease-in-out; -webkit-tap-highlight-color: transparent; } .button-menu:active { color: #BBB6B6; } .button-menu__open { width: 60px; height: 60px; } .button-menu__close { display: none; width: 60px; height: 60px; } .button-menu.active .button-menu__open { display: none; } .button-menu.active .button-menu__close { display: block; } /* button-control */ .button-control { position: relative; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0; padding: 0; color: #fff; background-color: initial; border: none; transition: color .2s ease-in-out; } .button-control:active { color: #BBB6B6; } .button-control .icon { width: 32px; height: 32px; } .button-control__count { position: absolute; left: 100%; bottom: 0; min-width: 14px; height: 14px; margin-left: -14px; padding: 0 4px; color: #FFFFFF; font-weight: 500; font-size: 10px; line-height: 14px; text-align: center; border-radius: 7px; background-color: #595251; } .button-control__count.active { background-color: #2EB83D; } /* new-header */ .new-header { position: fixed; display: flex; align-items: center; justify-content: space-between; min-height: 68px; background-color: #786E6D; } .wrapper_padding--blog .bottom a, .news-detail .bottom a { color: #2EB83D; margin-right: 20px; font-size: 14px; line-height: 19px; margin-bottom: 10px; } .wrapper_padding--blog .bottom { margin-top: 50px; } .new-header__control { display: flex; align-items: center; width: 50%; } .new-header__control .button-control { margin-left: 10px; } .new-header__control--ltr { justify-content: flex-start; } .new-header__control--rtl { flex-direction: row-reverse; padding-right: 15px; } .new-header__logo .icon { flex-shrink: 0; width: 92px; height: 17px; color: #fff; } /* new-header-panel */ .new-header-panel { position: fixed; left: 0; top: 0; z-index: 200; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: #786E6D; transform: translateX(-25%); will-change: transform; transition: opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out; } .new-header-panel.open { opacity: 1; visibility: visible; transform: translateX(0); } .new-header-panel__head { position: absolute; left: 0; top: 0; z-index: 2; display: flex; align-items: center; justify-content: flex-end; width: 100%; height: 60px; padding: 0 20px; background-color: #786E6D; } .new-header-panel__body { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 60px 20px 95px; overflow-y: auto; } .new-header-panel__foot { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; background-color: #68605F; } /* new-header-search */ .new-header-search { position: relative; width: 100%; max-width: calc(100% - 40px); } .new-header-search__field { width: 100%; height: 40px; padding: 0 40px 0 10px; color: #fff; font-weight: 400; font-size: 14px; line-height: 1; letter-spacing: 0.03em; background-color: #68605F; border-radius: 5px; border: none; } .new-header-search__field::placeholder { color: #DADADA; } .new-header-search__button { position: absolute; top: 4px; right: 5px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0; padding: 0; color: #9D9D9D; background-color: initial; border: none; transition: color .2s ease-in-out; -webkit-tap-highlight-color: transparent; } .new-header-search__button:active { color: #fff; } .new-header-search__button .icon { width: 32px; height: 32px; } /* new-header-menu */ .new-header-menu { margin-bottom: 40px; } .new-header-menu__box { display: flex; align-items: center; justify-content: flex-start; min-height: 36px; padding: 10px 0; } .new-header-menu__nav { margin-bottom: 20px; } .new-header-menu__list { margin: 0; padding: 10px 0 0; } .new-header-menu__item { margin-bottom: 20px; padding-left: 10px; list-style: none; } .new-header-menu__link { color: #FFFFFF; font-weight: 400; font-size: 14px; line-height: 1; letter-spacing: 0.03em; transition: color .2s ease-in-out; } .new-header-menu__link:active { color: #BBB6B6; } .new-header-menu__category { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 46px; color: #FFFFFF; } .new-header-menu__category .new-header-menu__link { text-transform: uppercase; } /* new-header-all */ .new-header-all { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 46px; } .new-header-all__link { display: flex; align-items: center; color: #BBB6B6; font-weight: 500; font-size: 12px; line-height: 1; letter-spacing: 0.03em; white-space: nowrap; transition: color .2s ease-in-out; } .new-header-all__link .icon { width: 16px; height: 16px; margin-left: 5px; } .new-header-all__link:active { color: #fff; } /* new-header-info */ .new-header-info { margin-bottom: 44px; } .new-header-info__phone { display: inline-block; margin-bottom: 10px; color: #fff; font-weight: 500; font-size: 16px; line-height: 1; letter-spacing: 0.03em; white-space: nowrap; transition: color .2s ease-in-out; } .new-header-info__phone:active { color: #BBB6B6; } .new-header-info__text { margin-bottom: 10px; color: #BBB6B6; font-weight: 500; font-size: 12px; line-height: 1; letter-spacing: 0.03em; } .new-header-info__schedule { margin-bottom: 10px; color: #C7C7C7; font-weight: 500; font-size: 12px; line-height: 1; letter-spacing: 0.03em; } .new-header-info__button { display: inline-flex; align-items: center; justify-content: center; padding: 6px 12px; color: #fff; font-weight: 500; font-size: 12px; line-height: 1; letter-spacing: 0.03em; background-color: #2EB83D; border: none; border-radius: 13px; transition: background-color .2s ease-in-out; -webkit-tap-highlight-color: transparent; } .new-header-info__button:active { background-color: #2AA638; } /* new-header-control */ .new-header-control { display: flex; width: 100%; height: 50px; } .new-header-control__item { display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; } /* new-header-locate */ .new-header-locate { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 44px; padding: 0 20px; border-top: 1px solid #786E6D; } .new-header-locate__label { color: #FFFFFF; font-weight: 400; font-size: 14px; line-height: 1; letter-spacing: 0.03em; } /* collapse */ .collapse__button { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; } .collapse__icon { width: 16px; height: 16px; } .collapse__icon--shown { display: none; } .collapse.shown .collapse__icon--hiden { display: none; } .collapse.shown .collapse__icon--shown { display: block; } .collapse__body { display: none; } .collapse.shown .collapse__body { display: block; } /* END: NEW MOBILE HEADER */ .howto-list { margin-top: 20px; padding-bottom: 60px; padding-left: 30px; font-family: 'helveticaneuecyrroman'; font-size: 16px; line-height: 28px; color: rgba(24, 24, 24, 0.8); counter-reset: list 0; list-style: none; } .howto-list li { position: relative; list-style: none; } .howto-list li::before { counter-increment: list; content: counter(list) "."; position: absolute; font-family: 'HelveticaNeueCyr-Bold'; line-height: 26px; top: 0px; left: -30px; color: #181818; } .content--cabinet { padding-top: 0px; } @media (min-width: 982px) { .new-header { min-height: 76px; } } @media (min-width: 1200px) { .content--cabinet { padding-top: 0px; } .content--warning { padding-top: 170px; } } @media (max-width:981px){ .header-active .header-top{ height: 0; padding: 0; } } @media (max-width:840px){ .footer__col { width: 50%; margin-bottom: 40px; } } @media (max-width:600px){ .footer__col { width: 100%; } } jdiv{ z-index: 10000 !important; } @media (max-width:1024px){ .main-wrapper { padding-top: 27px !important; } } .roistat-multiwidget-pulsator-holder { display: none; } @media (min-width: 1200px) { .contact-main__aside { width: 100%; padding-right: 0; } .contact-main__list { display: flex; flex-wrap: wrap; max-width: 600px; } .contact-main__list > li { margin-right: 40px; } } .add-to-cart-popup.lazy { opacity: unset; } header { position: relative !important; } @font-face { font-family: 'icomoon'; src: url('/local/templates/vilatte/fonts/icomoon2.eot'); src: url('/local/templates/vilatte/fonts/icomoon2.eot') format('embedded-opentype'), url('/local/templates/vilatte/fonts/icomoon2.ttf') format('truetype'), url('/local/templates/vilatte/fonts/icomoon2.woff') format('woff'), font-weight: normal; font-style: normal; font-display: block; } .header-active{ display: none; } nav ul{ display: inline; -webkit-box-align: normal; -webkit-align-items: normal; -ms-flex-align: normal; align-items: normal; } nav ul li { list-style-type: none; position: static !important; } .icon-cart:before { content: "\e905"; color: #726e6e; } .icon-heart:before { content: "\e90e"; color: #726e6e; } .icon-loop:before { content: "\e986"; color: #726e6e; font-size: 23px; } .login-box-authorized:before, .login-box:before { font-size: 23px; content: "\e971"; color: #726e6e; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body{ height: auto !important; } .wish-list__count, .cart__count { background: #776e6c !important; } .main-nav__wrapper .search__form input { background: #ffffff; color: #776e6c; border-radius: 7px; width: 100%; height: 45px; font-size: 14px; padding: 0 22px; border: 1px #776e6c solid; } .main-nav__wrapper .search__form .search__form__submit{ opacity: 1 !important; } .main-nav__wrapper .icon-magnifying:before { content: "\e911"; color: #776e6c; } .cart__popup.active { top: 100px !important; } .cart__popup { top: 0px; left: auto !important; margin-left: -295px; } .login-box__text, .login-box-authorized img, .login-box img { display: none; } .d-flex{ display: flex; } .wsh{ } .wsh .login-box__text{ color: #726e6e !important; } label { } .sticky{ position: sticky; top: 0; z-index: 999; } input, textarea { margin-bottom: 10px; padding: 7px 10px; border: 1px solid #d4d4d4; } textarea { resize: vertical; } .logo{ background: #776E6C; padding:10px 20px; } /* /SCAFFOLDING */ /* HEADER */ /* Upperband */ .upperband { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 25px 40px; background-color: #ffffff; } .upperband::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; background-color: #dddddd; } .upperband a { color: #6d6d6d !important; transition: all 0.28s ease-in-out; text-decoration: none; } .upperband a:hover { color: #ee9944 !important; } .upperband__subtitle { font-weight: bold; } .upperband__contacts, .upperband__nav { display: flex; margin-top: 16px; } .upperband__contacts-wrapper { margin: 0 auto; } .upperband__contacts li { margin: 0 10px; } .upperband__contacts a { font-size: 18px; white-space: nowrap; color: #504b4b !important; } .upperband__contacts-subtitle { margin-left: 12px; font-size: 13px; color: #6d6d6d !important; } .upperband__nav li { margin: 0 10px; list-style-type: none; } .upperband__nav li:last-of-type { margin-right: 0; } .upperband__nav a { font-size: 16px; white-space: nowrap; } .upperband__nav a:hover { border-bottom: 1px solid #ee9944; } .svg__logo { width: 140px; margin: 12px 15px 0 0; } .svg__logo img{ /* filter: invert(60%); */ } .svg__logo:hover .svg-logo-2, .svg__logo:hover .svg-logo-3 { transform: rotate(360deg); } .svg-logo-0 { fill-rule: evenodd; clip-rule: evenodd; } .svg-logo-1 { fill: #f5831f; } .svg-logo-2 { fill: #008bb8; } .svg-logo-2, .svg-logo-3 { transform-origin: 62.5% 43%; transition-duration: 1s; } .svg-logo-3 { fill: #ef3b28; } /* Main Menu */ .main-nav { display: flex; align-items: center; flex-basis: 960px; margin: 0 20px 0 -20px; } .main-nav__wrapper { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; height: auto; padding: 0 40px; background-color: #ffffff; box-sizing: border-box; border-bottom: 1px #dddddd solid; } .main-nav__wrapper a { border-bottom: none; } .main-nav__wrapper a:hover { border-bottom: none; } .main-nav a { line-height: 85px; white-space: nowrap; text-decoration: none; } .main-nav a:hover { color: #ee9944; } .main-nav__item { height: 85px; padding: 0 20px; line-height: 85px; } .main-nav__sublist { position: absolute; top: -9999rem; left: 0; right: 0; z-index: 100; display: flex !important; width: 100%; padding: 80px 40px 40px 40px; background-color: #ffffff; opacity: 0; box-sizing: border-box; box-shadow: inset 2px 6px 24px -2px rgba(0, 0, 0, 0.2); transform: translateY(-20px); transition-property: opacity, transform; transition-duration: 0.5s, 0.35s; transition-timing-function: ease-in-out; } .main-nav__sublist li { line-height: 24px; } .main-nav__sublist-item { margin-right: 30px; margin-bottom: 10px; } .main-nav__sublist-item:first-of-type { position: absolute; top: 0; } .main-nav__sublist-item-other { position: absolute; top: 20px; } .main-nav__sublist-product { flex-wrap: wrap; padding: 25px 20px 40px; } .main-nav__sublist-product-item { margin: 0 30px 10px 0; } .main-nav__sublist-product-3 { margin-bottom: 10px; padding-top: 5px; border-top: 1px solid #c9c7c7; } .main-nav__sublist-product-3 li:nth-child(n+17) { display: none; } .main-nav__sublist-product-3 a { font-size: 14px; font-weight: 300; line-height: 30px; opacity: 0.7; } .main-nav__sublist-other { flex-direction: column; padding: 60px 20px 40px 40px; border-top: 0; } .main-nav__sublist-other a { font-size: 14px; font-weight: 300; line-height: 24px; opacity: 0.7; } .main-nav__sublist .main-nav__sublist-title { display: block; margin-bottom: 10px; font-size: 14px; color: #726e6e; text-transform: uppercase; line-height: 30px; border-bottom: 1px #d7d7d7 solid; } .main-nav__sublist .main-nav__sublist-title:hover{ cursor: pointer; border-bottom: 1px #ee9944 solid; } .main-nav__active > a { position: relative; padding-right: 20px; } .main-nav > .main-nav__active:hover .main-nav__sublist { top: 85px; transform: translateY(0); opacity: 1; } .main-nav > .main-nav__active:hover > a { color: #ef3b28 !important; } .main-nav > .main-nav__active:hover .main-nav__arrow { border-top: 6px solid #ef3b28; transform: rotate(180deg); } .main-nav__arrow { position: absolute; top: calc(50% - 2px); right: 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #828282; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .main-nav__sublist-3 { display: flex; flex-wrap: wrap; max-width: 400px; padding-top: 5px; border-top: 1px solid #c9c7c7; } .main-nav__sublist-3 li { width: 30%; margin: 0 10px 10px 0; } .main-nav__sublist-3 li:nth-of-type(3n + 3) { margin-right: 0; } .main-nav__sublist-3 a { font-size: 14px; font-weight: 300; line-height: 24px; opacity: 0.7; } a.sublist-main-link { font-size: 18px; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #cccccc; opacity: 1; } a.sublist-main-link:hover { border-bottom: 1px solid #ee9944; } .nav__search { position: relative; margin: 0 25px 0 auto; } .nav__search-field { max-width: 120px; padding: 10px 15px; border: 1px solid #efecec; border-radius: 10px; } .nav__search-field-gadjet { max-width: 80px; } .nav__search-zoom { position: absolute; top: calc(50% - 15px); right: 7px; width: 30px; height: 30px; border: 0; background: url("/images/zpos/2018/cart/zoom.min.svg") center/85% no-repeat; background-color: #ffffff; cursor: pointer; /*opacity: 0.55;*/ } .nav__search-svg-icon { /*position: absolute; top: calc(50% - 15px); right: 10px; width: 30px; height: 30px;*/ } .nav__cart { position: relative; height: 32px; margin-top: 4px; margin-right: 40px; } .nav__cart-icon-svg { width: 32px; } .nav__cart-icon-svg:hover .svg-color { fill: #ee9944; } .nav__cart-icon-svg .svg-color { fill: #726e6e; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nav__cart-count { position: absolute; top: -7px; left: 18px; width: 35px; height: 35px; font-size: 16px; line-height: 35px; text-align: center; color: #ffffff; background-color: #ee9944; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nav__cart-count:hover ~ .nav__cart-icon-svg .svg-color { fill: #ee9944; } .nav__show-modal { display: flex; align-items: center; padding: 6px 7px 6px 10px; font-size: 16px; color: #ffffff !important; text-decoration: none; background-color: #fff; border-radius: 10px; margin: -16px 0px 0px 0px; border: 1px #776e6c solid !important; } .nav__show-modal:hover { color: #ffffff !important; } .nav__show-modal:hover .nav__show-modal-icon-svg .paper-color { animation-name: scale-plane; animation-duration: 800ms; animation-iteration-count: infinite; /*animation-name: move-plane; animation-duration: 800ms; animation-delay: 500ms; animation-iteration-count: 1; animation-fill-mode: forwards;*/ } .nav__show-modal span { white-space: nowrap; text-transform: none; } .nav__show-modal-icon-svg { width: 27px; margin-left: 8px; overflow: visible; } .nav__show-modal-icon-svg .paper-color { fill: #776e6c; transform-origin: 50% 50%; } @keyframes scale-plane { 0% { transform: scale(1); } 50% { transform: scale(0.8); } 100% { transform: scale(1); } } @keyframes move-plane { 0% { transform: translate(0, 0); } 50% { transform: translate(500px, -250px); } 60% { transform: translate(600px, 0); } 70% { transform: translate(400px, 600px); } 90% { transform: translate(-700px, 600px); } 100% { transform: translate(0, 0); } } @keyframes anim-show { 0% { top: 0; } 90% { display: flex; } 100% { top: 85px; } } @keyframes anim-hide { 0% { display: flex; top: 85px; } 99% { top: 0; } 100% { display: none; } } /* Gadjet Menu */ .gadjet-nav { position: relative; top: 0; left: 0; right: 0; z-index: 100; display: flex; justify-content: space-between; align-items: center; height: 85px; padding: 0 25px; background-color: #ffffff; /* Mobile Links List */ /* Mobile Advanced Menu */ /* Sub List */ /* Third Sub List */ } .gadjet-nav a { border-bottom: none; } .gadjet-nav a:hover { border-bottom: none; } .gadjet-nav__asign { position: absolute; top: calc(50% - 9px); left: 0; margin-bottom: 0; font-size: 18px; line-height: 18px; color: #726e6e; text-transform: uppercase; } .gadjet-nav--closed { margin-top: 4px; } .gadjet-nav__burger { position: relative; display: inline-block; width: 22px; height: 25px; margin-left: 15px; font-size: 0; background-color: transparent; border: 0; cursor: pointer; } .gadjet-nav__burger span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .gadjet-nav__burger span::before, .gadjet-nav__burger span::after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .gadjet-nav__burger span { position: absolute; top: 12px; margin: 0 auto; width: 22px; height: 2px; background-color: #726e6e; } .gadjet-nav__burger span::before, .gadjet-nav__burger span::after { content: ""; position: absolute; width: 22px; height: 2px; background-color: #726e6e; } .gadjet-nav__burger span::before { top: -6px; } .gadjet-nav__burger span::after { top: 6px; } .gadjet-nav__burger.active span { background-color: transparent; } .gadjet-nav__burger.active span::before, .gadjet-nav__burger.active span::after { background-color: #726e6e; } .gadjet-nav__burger.active span::before { top: 0; transform: rotate(-45deg); } .gadjet-nav__burger.active span::after { top: 0; transform: rotate(45deg); } .gadjet-nav__list { position: absolute; top: 86px; left: 0; z-index: 10000; width: 100%; background: #776e6c; } .gadjet-nav__item .arrow { position: absolute; top: calc(50% - 2px); right: calc(50% - 6px); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ffffff; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .gadjet-nav__item .arrow-wrapper { position: relative; width: 10vw; /* max-width: 30px; */ /* min-width: 30px; */ height: 30px; padding: 0; background-color: #776e6c; cursor: pointer; border: 1px #fff solid; border-radius: 8px; margin-right: 10px; text-align: center; } .gadjet-nav__item .arrow-wrapper:hover { padding-left: 0; background-color: #ee9944; } .gadjet-nav__item .arrow-wrapper:hover .arrow { border-top: 6px solid #ffffff; } .gadjet-nav__item .arrow-wrapper.active { color: #ffffff; background-color: #ee9944; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .gadjet-nav__item .arrow-wrapper.active .arrow { border-top: 6px solid #ffffff; transform: rotate(180deg); } .gadjet-nav__item-title-arrow { position: relative; display: flex; } .gadjet-nav__item-title-arrow .title { width: 100vw; } .gadjet-nav__item:nth-of-type(odd) { background-color: #776e6c; } .gadjet-nav__item a { display: block; padding: 13px 20px; font-size: 18px; font-weight: 600; transition-duration: 0.5s; } .gadjet-nav__item a:hover { padding-left: 20px; color: #ffffff; background-color: #ee9944; } .gadjet-nav__contacts { flex-direction: row; } .gadjet-nav__advanced-list { display: flex; flex-wrap: wrap; padding-left: 12px; } .gadjet-nav__advanced-list li { padding: 13px 13px 0; } .gadjet-nav__advanced-list a { padding: 0; border-bottom: 1px solid #cccccc; } .gadjet-nav__advanced-list a:hover { padding-left: 0; color: #ee9944; background-color: transparent; border-bottom: 1px solid #ee9944; } .gadjet-nav__advanced-search { display: flex; align-items: center; flex-wrap: wrap; padding: 15px 20px 5px; } .gadjet-nav__advanced-search .nav__search-gadjet { margin: 0 0px 15px 0; } .gadjet-nav__advanced-search .nav__show-modal { display: flex; margin-bottom: 15px; padding: 5px 10px; height: 40px; box-sizing: border-box; } .gadjet-nav__advanced-search .nav__show-modal:hover { padding-left: 10px; } .gadjet-nav__sublist { display: none; } .gadjet-nav__sublist li:nth-of-type(odd) { background-color: #776e6c; } .gadjet-nav__sublist a { padding-left: 55px; font-size: 18px; font-weight: 300; text-transform: none; } .gadjet-nav__sublist a:hover { padding-left: 55px; } .gadjet-nav__sublist-title .title { /*width: 87vw;*/ } .gadjet-nav__3sublist { display: none; } .gadjet-nav__3sublist a { padding-left: 80px; font-weight: 300; text-transform: none; } .gadjet-nav__3sublist a:hover { padding-left: 80px; } .list__showhide { margin-top: -10px; font-size: 14px; font-weight: 300; color: #ef3b28; line-height: 30px; cursor: pointer; } /* overlay mobile-menu */ .overlay { position: fixed; top: 85px; left: 0; z-index: 9999; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } /* Modal */ .overlay-modal { position: fixed; top: 0; left: 0; z-index: 9999; display: none; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); } .modal { position: fixed; top: 70px; left: calc(50% - 250px); z-index: 10000; display: none; width: 500px; height: 200px; padding: 30px; background: #f4f4f4; box-sizing: border-box; /* Дублируется чекбокс из формы обратной связи (с другим именем), иначе все чекбоксы работают одновременно */ } .modal label { display: block; padding: 0 0 5px 10px; font-size: 16px; } .modal h2 { margin-top: 0; } .modal input, .modal textarea { width: 100%; margin: 0 10px 15px 0; padding: 10px; font-size: 16px; border: 1px solid #c9c7c7; box-sizing: border-box; } .modal input:focus, .modal textarea:focus { outline: 0; border: 1px solid red; } .modal input::-webkit-input-placeholder, .modal textarea::-webkit-input-placeholder { font-size: 15px; font-family: "PT Sans", sans-serif; color: #c9c7c7; } .modal input::-moz-placeholder, .modal textarea::-moz-placeholder { font-size: 15px; font-family: "PT Sans", sans-serif; color: #c9c7c7; } .modal input:-ms-input-placeholder, .modal textarea:-ms-input-placeholder { font-size: 15px; font-family: "PT Sans", sans-serif; color: #c9c7c7; } .modal textarea { resize: vertical; } .modal__close-btn { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; background: #f4f4f4; border: 0; border-radius: 50%; cursor: pointer; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; -o-transition: all ease 0.8s; transition: all ease 0.8s; } .modal__close-btn:hover { border: 0; transform: rotate(90deg); } .modal__close-btn::before, .modal__close-btn::after { content: ""; position: absolute; top: 14px; left: 7px; width: 15px; height: 2px; background: #000000; } .modal__close-btn::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .modal__close-btn::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modal__checkbox { display: block; margin: 10px 0 20px; line-height: 14px; } .modal__checkbox label { position: relative; margin-left: 0; padding-left: 22px; font-size: 12px; font-style: italic; line-height: 12px; cursor: pointer; } .modal__checkbox label a { font-size: 12px; font-style: italic; line-height: 14px; color: #333333 !important; text-decoration: none; color: #012498; border-bottom: 1px solid rgba(1, 36, 152, 0.3); } .modal__checkbox label a:hover { color: #ef3b28; border-bottom: 1px solid #ef3b28; } .modal__checkbox label a:hover { color: #ee9944 !important; } .modal__checkbox label::before { content: ""; position: absolute; top: 1px; left: 0; z-index: 1; width: 9px; height: 9px; border: 2px solid #5a5a5a; transition-duration: 0.3s; transition-timing-function: ease-in-out; } .modal__checkbox input[type=checkbox] { display: none; } .modal__checkbox input[type=checkbox]:checked ~ label::before { width: 12px; height: 6px; border-color: #00bad2; border-top: none; border-right: none; transform: rotate(-45deg); } .btn-red { padding: 8px 15px; color: #ffffff; line-height: 20px; text-transform: uppercase; background-color: #ef3b28; cursor: pointer; } .btn-red:hover { background-color: #b33e1a; } /* MEDIA no-display-largescreen //min-width: 1024px no-display-modern-tablet //min-width: 1024px and max-width: 1280px no-display-tablet-and-largescreen //min-width: 768px no-display-tablet //min-width: 768px and max-width: 1023px no-display-mobile-and-all-tablets //max-width: 1280px no-display-mobile-and-tablet //max-width: 1023px no-display-mobile //max-width: 767px no-display */ @media (max-width: 1439px) { .no-display-0-1439 { display: none; } .upperband { padding: 0 20px; } .upperband__contacts li:last-of-type { display: none; } .main-nav__wrapper { padding: 0 20px; } .main-nav__sublist { padding: 80px 20px 40px; } .main-nav__sublist-product { padding: 25px 20px 40px; } .main-nav__sublist-other { padding: 60px 20px 40px; } } @media (min-width: 1280px) { .no-display-1280-max { display: none; } } @media (max-width: 1279px) { .no-display-0-1279 { display: none; } .gadjet-nav--closed .gadjet-nav__list { display: none; } } @media (min-width: 1024px) { .no-display-largescreen { display: none; } } @media (min-width: 1024px) and (max-width: 1280px) { .no-display-modern-tablet { display: none; } } @media (min-width: 768px) { .no-display-tablet-and-largescreen { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .no-display-tablet { display: none; } } @media (max-width: 1023px) { .no-display-mobile-and-tablet { display: none; } body { font-size: 100%; } .container-center { margin: 0 auto 0 auto; } .mobile-nav--closed .mobile-nav__list { display: none; } /* Mobile Menu 1023 */ .nav__cart { margin-right: 30px; } /* /Mobile Menu 1023 */ } @media (max-width: 767px) { .no-display-mobile, .cart__sum { display: none; } .btn { width: 100%; padding: 10px 30px; } /* Mobile Menu 767 */ .gadjet-nav { height: 50px; padding: 0 20px; } .gadjet-nav__list { top: 51px; } .gadjet-nav__sublist-title .title { width: 84vw; } .gadjet-nav__item > a { padding: 13px 20px; } .gadjet-nav__advanced-search { padding: 15px 15px 5px; } .logo img{ width: 80px; } .nav__cart { margin-left: auto; } .nav__cart-icon-svg { width: 25px; margin-top: 2px; } .nav__cart-count { top: -5px; left: 16px; width: 26px; height: 26px; font-size: 12px; line-height: 26px; } .gadjet-nav__asign { margin-top: 2px; margin-left: 0; } /* /Mobile Menu 767 */ /* Breadcrumbs 767 */ .breadcrumbs__list li { font-size: 12px; line-height: 20px; } /* /Breadcrumbs 767 */ .prototype4col__quarter { flex-basis: 100%; } /* Feedback 767 */ .feedback input, .feedback textarea { width: 100%; } /* /Feedback 767 */ /* Modal 767 */ .modal { top: 0; left: 0; width: 100%; margin: 0 auto; padding: 20px; border-radius: 0; } .modal__close-btn { top: 0; right: 0; background: none; } .modal__checkbox label { line-height: 14px; } .modal__checkbox label a { line-height: 14px; } /* /Modal 767 */ } .no-display { display: none; } /* End */ /* /local/templates/vilatte/css/fonts.css?16957245904707 */ /* /local/templates/vilatte/css/OverlayScrollbars.css?169572459021683 */ /* /local/templates/vilatte/css/swiper-bundle.min.css?169572459013678 */ /* /local/templates/vilatte/css/magnific-popup.css?16957245908204 */ /* /local/templates/vilatte/css/custom.css?17799595472297 */ /* /local/templates/vilatte/components/bitrix/system.auth.form/auth_header/style.css?169572459085 */ /* /local/templates/vilatte/components/bitrix/main.register/registration_header/style.css?169572459099 */ /* /local/templates/vilatte/components/bitrix/system.auth.forgotpasswd/recovery_header/style.css?1695724590138 */ /* /local/templates/vilatte/components/bitrix/sale.basket.basket.line/smallBasketNew/style.min.css?16957245903712 */ /* /local/templates/vilatte/components/bitrix/search.title/header/style.css?16957245902108 */ /* /bitrix/components/niges/cookiesaccept/templates/.default/style.css?16970182382729 */ /* /local/templates/vilatte/template_styles.css?1779959599308557 */