/* Start:/local/templates/silverhome/css/swiper-bundle.min.css?179084765413918*/ /** * Swiper 12.0.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 21, 2025 */ :root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} /* End */ /* Start:/local/templates/silverhome/components/bitrix/menu/main/style.css?17908476582478*/ .desktop-only .submenu-kitchen .submenu-link:nth-child(2){ padding-bottom: 0; border-bottom: none; } @media (width >= 1170px) { .menu__content-submenu.submenu-kitchen { left: -36px; } .menu__content-item:hover > #furniture-menu-item + .submenu-furniture { grid-template-columns: 560px 1fr; } #furniture-menu-item + .menu__content-submenu .menu__content-submenu-txt{ display: flex; flex-wrap: wrap; width: 570px; flex-direction: row; } #furniture-menu-item + .menu__content-submenu .submenu-link{ width: 280px; } .submenu-portfolio .submenu-link { width: 280px; } .menu__content-submenu-txt{ position: relative; } .menu__content-submenu-txt::before{ content:""; background:url("/local/templates/silverhome/components/bitrix/menu/main/img/triangle.svg"); width: 28px; height: 10px; position: absolute; top: -49px; left: 16px; } .menu__content-item #about-us-menu-item + .menu__content-submenu .menu__content-submenu-txt::before{ left: calc(100% + 6px); } .menu__content-item #for-clients-menu-item + .menu__content-submenu .menu__content-submenu-txt::before{ left: calc(100% + 85px); } .menu__content-item #about-us-menu-item + .menu__content-submenu{ left: -270px; } .menu__content-item #for-clients-menu-item + .menu__content-submenu{ left: -318px; } .menu__content-item #portfolio-menu-item + .menu__content-submenu img, .menu__content-item #kitchen-menu-item + .menu__content-submenu img { /* max-height: 100%; */ max-height: 432px; } .black .menu__content-item .menu__content-submenu{ top: 65px; } .white .menu__content-item .menu__content-submenu{ top: 65px; } .menu__content-item:hover .menu__content-submenu{ border-radius: 36px; } .menu__content-submenu-txt{ display: flex; flex-direction: column; gap: 8px; justify-content: center; } .submenu-link{ padding:12px; } } /* End */ /* Start:/local/templates/silverhome/components/bitrix/menu/main--mobile/style.css?1790847658347*/ .menu-row__right #burger-menu-btn { order:3; } /* #mobile-menu .sh-btn--nav-black .sh-btn--nav-icon .stroke { stroke: var(--silver-black); } */ /* #mobile-menu .sh-btn--nav-black:active .sh-btn--nav-icon .stroke { stroke: var(--silver-white); } */ /* #mobile-menu .sh-btn--nav-black { border: 1px solid var(--silver-black-015); } */ /* End */ /* Start:/local/templates/silverhome/components/bitrix/form.result.new/simple-form/style.css?179084765820004*/ /* .ya-captcha-container { display: none; } */ .no-message .form-field--message{ display: none; } .no-attach-file .form-field--attached-file { display: none; } .no-email .form-field--email { display: none; } .no-client-name .form-field--name { display: none; } .form-submit-loader { align-items: center; display: none; justify-content: center; min-height: 52px; width: 100%; } .form-submit-loader.is-visible { display: flex; } .form-submit-loader__spinner { animation: form-submit-loader-rotation 0.8s linear infinite; border: 3px solid var(--silver-white-01); border-radius: 50%; border-top-color: var(--silver-green-light); height: 28px; width: 28px; } @keyframes form-submit-loader-rotation { to { transform: rotate(360deg); } } .simple-form { background: var(--silver-black); border-radius: 32px; } .simple-form--ticks { padding: 28px 20px 20px; } .section__heading.simple-form__heading { margin-bottom: 8px; } .simple-form__col { position: relative; } .simple-form__col:first-child { flex-shrink: 0; height: 360px; /* height: 156px; */ } .simple-form--ticks .simple-form__col:first-child { height:auto; } .simple-form--ticks .simple-form__col:last-child { border-radius: 20px; border: 1px solid var(--silver-white-01); background: var(--silver-white-01); padding: 20px; } .simple-form__price-block { margin: 16px 16px 32px; /* max-width: 193px; */ border: 1px solid var(--silver-white-01); background: var(--silver-white-01); color: var(--silver-white); position: relative; z-index: 2; } .price-block { border-radius: 20px; backdrop-filter: blur(6px); display: inline-flex; padding: 16px; flex-direction: column; align-items: flex-start; gap: 16px; } .price-block__title { font-size: 14px; font-style: normal; font-weight: 700; line-height: 1.42; text-transform: uppercase; } .price-block__value { border-radius: 28px; background: var(--silver-green-light); display: flex; padding: 4px 12px; justify-content: center; align-items: center; gap: 8px; } .callback__personal-data input[type="checkbox"] { appearance: none; -webkit-appearance: none; cursor: pointer; border-radius: 50%; /* border: 2px solid #1A4D3E; */ outline: 2px solid var(--silver-green); outline-offset: -1px; flex-shrink: 0; height: 24px; position: relative; width: 24px; } .callback__personal-data input[type="checkbox"]:checked { /* background-color: #1A4D3E; */ background-image: url(/local/templates/silverhome/img/icons/agree-tick.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } /* .callback__personal-data input[type="checkbox"]:checked::after { content: '✓'; color: white; font-size: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } */ .callback__personal-data-btn{ display: flex; flex-direction: column; gap: 20px; margin-bottom: 20px; } .callback__personal-data-btn .sh-btn{ background: #1A4D3E; } .callback__personal-data-btn .sh-btn__txt{ color: white; border: none; background: none; text-align: start; } .section__callback.error .callback__inputs input::placeholder { color: #f44336 !important; } .callback__personal-data{ font-size: 11px; font-weight: 350; line-height: 1.3; letter-spacing: 0.26px; display: flex; gap: 12px; align-items: center; } .form-f-website, .form-f-message { display: none; } .success .form-msg, .error .form-msg { margin-bottom: 20px; font-size: 16px; font-weight: 700; } .error .form-msg { color: #f44336 } .success .form-msg { color: var(--silver-green-light) } .simple-form .sh-btn--full { width: 100%; } .bnd-btn--send { width: 100%; } .callback-form{ padding: 28px 20px; display: flex; flex-direction: column; margin-left: auto; width: 255px; position: relative; z-index: 2; } .callback-form__heading { color: #1A0E0E; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.4; margin-bottom: 20px; } .callback-form p { color: #1A0E0E; } .callback__inputs { display: flex; flex-direction: column; margin-bottom: 8px; --sh-gap: 20px; } .form-field { position: relative; } .form-field--half { width: calc((100% - var(--sh-gap)) / 2); } .form-field__label { color: var(--silver-white-07); line-height: 1; pointer-events: none; position: absolute; transition: all 400ms ease-in-out; top: 16px; left: 20px; } .form-field__input:focus + .form-field__label, .form-field__input:not(:placeholder-shown) + .form-field__label, .form-field__input:hover + .form-field__label { top: 5px; font-size: 13px; } .form-field__input { border-radius: 12px 12px 0px 0px; font-family: 'Stem'; margin-bottom: 12px; width: 100%; height: 48px; border: none; border-bottom: var(--silver-white-07) solid 1px; background: none; font-size: 15px; outline:none; transition: all 0.4s ease-in; padding-left: 20px; padding-right: 20px; padding-top: 16px; color: transparent; } .form-field--message .form-field__input { display: block; height: 54px; padding-top: 24px; /* transition: all 0.2s ease-in; слишком быстро*/ } .form-field__input:hover, .form-field--attached-file:hover { background: var(--silver-white-01); } .form-field__input:focus, .form-field--attached-file:focus { background: var(--silver-white-03); } .form-field__input:focus, .form-field__input:not(:placeholder-shown) { color: var(--silver-white-07); } /* встроенные стили браузера для автозаполнения */ input.form-field__input:-webkit-autofill, input.form-field__input:-webkit-autofill:hover, input.form-field__input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border-bottom: var(--silver-white-07) solid 1px; /* -webkit-text-fill-color: var(--silver-white-07); -webkit-box-shadow: 0 0 0px 1000px var(--silver-black) inset; */ transition: background-color 5000s ease-in-out 0s; } .form-field--attached-file { border-radius: 12px 12px 0px 0px; cursor: pointer; height: 48px; margin-bottom: 12px; border-bottom: var(--silver-white-07) solid 1px; transition: all 0.4s ease-in; width: 100%; } .form-field--attached-file input { position: absolute; z-index: -1; opacity: 0; display: block; width: 0; height: 0; } /* стоп, это когда файл вложен .form-field--attached-file:hover .form-field__label--attached-file { font-size: 13px; font-style: normal; font-weight: 350; line-height: 1.23; letter-spacing: 0.26px; top: 8px; } */ .input-file-text { white-space: nowrap; } .form-field__label--attached-file { display: flex; gap: 8px; } .callback__btn{ margin-bottom: 20px; } ::-webkit-input-placeholder { color: #000; font-family: 'Montserrat'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1; letter-spacing: 0.28px; opacity: 0.5; } :-moz-placeholder { color: #000; font-family: 'Montserrat'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1; letter-spacing: 0.28px; opacity: 0.5; } :-ms-input-placeholder { color: #000; font-family: 'Montserrat'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1; letter-spacing: 0.28px; opacity: 0.5; } .simple-form__content { color: white; padding: 0 16px 20px 16px; position: relative; z-index: 2; margin-top: -140px; } #popup--form-cart .simple-form__content { margin-top: -190px; margin-top: -70px; } .simple-form__content--alt { margin: 0; padding:0; } .simple-form__content .h2{ margin-bottom: 8px; } .simple-form__content .simple-form__txt{ margin-bottom: 16px; } .simple-form{ display: flex; flex-direction: column; justify-content: space-between; position: relative; margin: 28px 0 24px 0; height: fit-content; } .simple-form__content .h2, .simple-form__txt, .simple-form__item { z-index: 3; position: relative; } .simple-form__bg{ background-size: cover; background-position-y: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 32px 32px 0 0; } @media screen and (max-width: 1169px) { #popup--form-cart.sh-modal .simple-form.section__boxed { margin: 24px 0 24px 0; border-radius: 32px; } #popup--form-cart .messengers { margin-top: 20px; } #popup--form-cart .simple-form__col:first-child { height: 42svh; } } #popup--form-cart .simple-form__bg { background-position-x: center; } #popup--form-cart.sh-modal { height: 110vh; } #popup--form-cart.sh-modal .sh-overlay-gradient--cover-reverse.black{ background: linear-gradient(0deg, var(--silver-black) 10%, rgba(0, 0, 0, 0.00) 100%); } #popup--form-cart.sh-modal .h3.h3--small{ font-weight: 400; } .simple-form__black{ background: #000; position: absolute; bottom: 0; left: 0; height: 430px; width: 100%; z-index: -2; border-radius:0 0 32px 32px ; } .simple-form__shadow{ background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); position: absolute; bottom: 290px; left: 0; width: 100%; z-index: 1; height: 300px; } .form-social__content{ display: flex; justify-content: flex-start; margin-bottom: 16px; gap: 12px; align-items: center; } .form-social__content-links{ display: flex; gap: 12px; } .social-link { align-items: center; display: flex; gap: 8px; } .form-social__content-link-max { background: url(/upload/dev2fun.imagecompress/webp/local/templates/silverhome/img/icons/max.webp) lightgray 0px 0px / 100% 100% no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .form-social__content-link-tg { color: #35B2F1; } /* .form-social__content-link-wa, .form-social__content-link-tg{ min-width: 48px; min-height: 48px; } */ @media screen and (max-width: 600px) { #popup--default-contact-form .simple-form__bg { background: #000000!important; } #popup--default-contact-form .simple-form__col:first-child { height: 156px; } .properties-products__left-col-title { display: none; } } @media screen and (min-width: 600px) { .simple-form--ticks { padding: 40px; } .simple-form--ticks .simple-form__col:last-child { border-radius: 28px; margin-top: 20px; padding: 28px; } .callback__inputs .form-field--email { width: 100%; } .callback__inputs .form-field--name, .callback__inputs .form-field--phone { width: calc((100% - 20px) / 2); } .simple-form__col:first-child { height: 560px; } .simple-form__bg{ /* height: 560px; */ } .simple-form__shadow{ bottom: 150px; } .simple-form__content{ padding: 0 40px 40px 40px; } #popup--form-cart .simple-form__content { margin-top: 0; } .simple-form__content--alt { margin: 0; padding:0; } .simple-form{ border-radius: 64px; margin: 32px 0 32px 0; } .callback__personal-data-btn{ flex-direction: row; gap: 20px; justify-content: space-between; align-items: center; margin-bottom: 20px; } .callback__personal-data{ font-size: 11px; font-weight: 350; line-height: 1.3; letter-spacing: 0.26px; } .callback__personal-data-btn{ display: flex; } .callback-form{ padding: 40px; min-width: 317px; width: 43%; margin-left: 40px; } .callback__inputs{ flex-direction: row; flex-wrap: wrap; gap: 0 20px; --sh-gap: 12px; } .callback-form__heading { font-size: 32px; } .form-field { width: calc((100% - 40px) / 3); } .form-field--half { width: calc((100% - var(--sh-gap)) / 2); } .form-field--attached-file { width: 100%; } .form-field--message { width: 100%; } .form-field__input { margin-bottom: 20px; /* height: 59px; */ padding-top: 20px; } .form-field__label { } .form-field__input:focus + .form-field__label, .form-field__input:not(:placeholder-shown) + .form-field__label, .form-field__input:hover + .form-field__label { /* top: 10px; font-size: 12px; */ } /* .form-social__content{ padding: 20px 20px 20px 28px; } */ .simple-form__price-block { margin: 40px; } .price-block { padding: 24px; gap: 28px; } .price-block__title { font-size: 18px; font-weight: 400; line-height: 1.33; } .price-block__value { font-size: 18px; font-style: normal; font-weight: 500; line-height: 1.55; padding: 4px 16px; } } @media screen and (min-width:1170px) { .simple-form--ticks { padding: 64px; } .simple-form--ticks .simple-form__col { max-width: 410px; } .simple-form__col:last-child { padding-left: 28px; } .simple-form--ticks .simple-form__col:last-child { border-radius: 24px; margin-top: 0; padding: 40px; } .simple-form--ticks .simple-form__col:last-child .simple-form__content--alt, .simple-form--ticks .simple-form__col:last-child .simple-form__item, .simple-form--ticks .simple-form__col:last-child .simple-form__item > div, .simple-form--ticks form { /* justify-content: stretch; */ height: 100%; } .simple-form--ticks form { display: flex; flex-direction: column; justify-content: space-between; } .simple-form--ticks .callback__inputs .form-field { width: 100%; } .simple-form--ticks .callback__personal-data-btn { align-items: stretch; flex-direction: column; } .simple-form--ticks .sh-btn--full { align-self: stretch; } .simple-form__bg, .simple-form__content, .simple-form__col{ flex-basis: 50%; } .simple-form__content .simple-form__txt{ margin-bottom: 20px; } .simple-form__content{ background: #000; border-radius: 0 48px 48px 0; display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 80px 40px 80px 40px; margin-top: 0; } .simple-form__content--alt { background: transparent; margin: 0; padding:0; } .simple-form{ flex-direction: row; } .simple-form__col:first-child { height: auto; } .simple-form__black{ display: none; } .simple-form__bg { /* background: url(/local/templates/silverhome/img/common/olga-and-kitchen-materials.jpg); */ border-radius: 48px 0 0 48px; background-size: cover; background-position-y: center; position: relative; height: 100%; background-position-x: left; } .simple-form__shadow { background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); position: absolute; bottom: 0; left: -249px; width: 251px; z-index: 1; height: 300px; height: 100%; right: unset; } .callback-form { padding: 40px 40px 40px 48px; width: 453px; height: 723px; margin-left: 48px; } .callback-form__heading{ font-size: 32px; margin-bottom: 40px; } .form-field--attached-file { margin-bottom: 0; } .form-field__input{ width: 100%; font-size: 16px; margin-bottom: 0; } .form-field--message .form-field__input { height: 64px; } .callback__personal-data-btn p{ font-size: 11px; } .callback__inputs{ gap: 12px; margin-bottom: 20px; } .simple-form__content--alt .callback__inputs { gap: 20px; } .callback__btn{ margin-bottom: 28px; } .simple-form__price-block { position: absolute; top: 0; left: 0; } .form-social__content { margin-bottom: 20px; } } @media screen and (min-width:1170px) and (max-width:1300px) { .simple-form__col:first-child { flex-basis: 45%; } .simple-form__col:last-child { flex-basis: 55%; } } @media screen and (min-width:1600px) { .simple-form--ticks { padding: 96px; } .simple-form__col:last-child { padding-left: 40px; } .simple-form--ticks .simple-form__col { max-width: 610px; } .simple-form--ticks .simple-form__col:last-child { border-radius: 36px; padding: 64px; } .section__heading.simple-form__heading { margin-bottom: 12px; } .simple-form__content .simple-form__txt{ margin-bottom: 28px; } .simple-form__content .h2{ margin-bottom: 12px; } .simple-form__content{ border-radius: 0 64px 64px 0; padding: 96px; } .simple-form__content--alt { margin: 0; padding:0; } .simple-form__bg{ border-radius: 64px 0 0 64px; /* height: 735px; */ } .form-field--attached-file { height: 64px; } .callback__personal-data{ font-size: 15px; line-height: 22px; } .callback-form { padding: 64px; width: 590px; height: 910px; margin-left: 64px; } .callback-form__heading{ font-size: 44px; } .form-field__input { height: 64px; font-size: 18px; padding-left: 28px; padding-right: 28px; padding-top: 24px; line-height: 1.5; } .form-field--message .form-field__input { /* height: 240px; */ padding-top: 30px; } .form-field__label { font-size: 18px; top: 24px; left: 28px; } .form-field__input:focus + .form-field__label, .form-field__input:not(:placeholder-shown) + .form-field__label, .form-field__input:hover + .form-field__label { top: 7px; font-size: 15px; } .callback__inputs { --sh-gap: 20px; gap: 20px; margin-bottom: 28px; } .simple-form__content--alt .callback__inputs { gap: 40px; margin-bottom: 28px; } .callback__personal-data-btn p{ font-size: 14px; } .form-social__content { margin-bottom: 28px; } .form-social__content, .form-social__content-links { gap: 20px; } /* .form-social__content{ padding: 20px 20px 20px 40px; border-radius: 28px; } .form-social__content-link-wa, .form-social__content-link-tg{ min-width: 64px; min-height: 64px; } */ .simple-form__price-block { margin: 64px; } .price-block { padding: 32px; gap: 32px; } .price-block__title { font-size: 24px; } .price-block__value { font-size: 22px; padding: 8px 20px; } } /* для формы на белом фоне с тёмным текстом Старт */ .dark-text .form-field__input:focus, .dark-text .form-field__input:not(:placeholder-shown), .dark-text .callback__personal-data, .dark-text .form-field__label { color: #5A5A5A; } .dark-text .form-social__content{ display: none; } .dark-text .form-field__input{ border-bottom: #5A5A5A solid 1px; } /* End */ /* Start:/local/templates/silverhome/components/figma/chat-widget/style.css?17908476578435*/ jdiv.wrap_cc7a, jdiv.label_b7aa, #jvlabelWrap, .jv-desktop > .notranslate > .notranslate, jdiv.__jivoMobileButton > [class^="button__"]{ display: none!important; } .menu-row__item--chat-widget { align-self: flex-end; margin-left: auto; margin-right: 8px; } .menu-row__right .social-tg, .menu-row__item--social .social-wa, .menu-row__item--social .social-tg { display: none; } .menu-row__item.desktop-only, .menu-row__item.desktop-only.with-tablet { margin-left: 4px; } .chat-widget { /* position: fixed; */ position: relative; /* bottom: 16px; right: 16px; */ z-index: 1; opacity: 0; } .footer .chat-widget { bottom: 16px; right: 16px; position: fixed; z-index: 50; } .chat-widget.visible { opacity: 1; } .chat-widget__content { box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.15); background: #fff; border-radius: 50%; position: relative; } .chat-widget__toggle, .contacts-sidebar-icon { background-image: url(/local/templates/silverhome/components/figma/chat-widget/img/widget.svg); background-position: center; background-size: 32px; background-repeat: no-repeat; position: relative; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; z-index: 2; transition: 0.3s; transform-origin: center; } .footer .chat-widget__toggle { background-size: 48px; width: 48px; height: 48px; } .chat-widget__content:hover .chat-widget__toggle{ background-image: url(/local/templates/silverhome/components/figma/chat-widget/img/widget-lt-green.svg); } .chat-widget__content:hover .chat-widget__toggle.active{ background-image: url(/local/templates/silverhome/components/figma/chat-widget/img/red-cross.svg); } .chat-widget__content:hover .chat-widget__item{ border: 1px solid #50C878; } .chat-widget__toggle.active { background-image: url(/local/templates/silverhome/components/figma/chat-widget/img/red-cross.svg); transform: rotate(180deg); } .chat-widget__toggle.active + .chat-widget__items .chat-widget__item { box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.15); } .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(4) { transform: translateX(-160px); } .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(3) { transform: translateX(-120px); } .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(2) { transform: translateX(-80px); } .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(1) { transform: translateX(-40px); } .footer .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(4) { transform: translateX(-260px); } .footer .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(3) { transform: translateX(-195px); } .footer .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(2) { transform: translateX(-130px); } .footer .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(1) { transform: translateX(-65px); } .chat-widget__items { position: relative; display: flex; justify-content: center; align-items: start; height: 0; margin-bottom: 0; padding: 0; z-index: 1; } .chat-widget__item { /* иначе визуально у тоггла виднеется белая граница */ border: 1px solid var(--silver-green); bottom: 0; position: absolute; width: 32px; height: 32px; background: #fff; border-radius: 50%; z-index: -1; transition: transform 0.5s, box-shadow 0.5s, border 5s; transition-delay: calc(0s + var(--i)); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); list-style: none; cursor: pointer; } .footer .chat-widget__item { width: 48px; height: 48px; } .chat-widget__toggle.active + .chat-widget__items .chat-widget__item { border: none; } .chat-widget__item-link { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .chat-widget__item-link img { width: auto; height: 15px; } .footer .chat-widget__item-link img { height: 23px; } .chat-widget__list ul li a { display: block; font-size: 2em; text-decoration: none; color: #555; } .chat-widget__list ul li a:hover { cursor: pointer; } .chat-widget__decor { position: absolute; width: 100%; height: 100%; } .chat-widget__decor-item { position: absolute; width: 100%; height: 100%; border-radius: 50%; } .pulse-animation--1 { border: 1px solid rgba(255,255,255,1); animation: pulse-border--1 3s infinite; } .pulse-animation--2 { border: 1px solid rgba(255,255,255,0.6); animation: pulse-border--2 3s infinite; } .pulse-animation--3 { border: 1px solid rgba(255,255,255,0.3); animation: pulse-border--3 3s infinite; } .header .pulse-animation--1, .header .pulse-animation--2, .header .pulse-animation--3 { border: none; animation: none; } @keyframes pulse-border--1 { 0% { transform: scale(0.95); } 70% { transform: scale(1.2); border: 1px solid rgba(255,255,255,0); } 100% { transform: scale(0.95); border: 1px solid rgba(255,255,255,0); } } @keyframes pulse-border--2 { 0% { transform: scale(0.95); } 70% { transform: scale(1.4); border: 1px solid rgba(255,255,255,0); } 100% { transform: scale(0.95); border: 1px solid rgba(255,255,255,0); } } @keyframes pulse-border--3 { 0% { transform: scale(0.95); } 70% { transform: scale(1.6); border: 1px solid rgba(255,255,255,0); } 100% { transform: scale(0.95); border: 1px solid rgba(255,255,255,0); } } @media (width >= 600px) { .footer .chat-widget { bottom: 40px; right: 16px; } .contacts-sidebar-icon, .chat-widget__toggle, .chat-widget__item { background-size: 40px; width: 40px; height: 40px; } .chat-widget__item-link img { width: auto; height: 17px; } .footer .chat-widget__item-link img { height: 26px; } .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(4) { transform: translateX(-210px); } .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(3) { transform: translateX(-156px); } .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(2) { transform: translateX(-104px); } .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(1) { transform: translateX(-52px); } } @media (width >= 1170px) { .chat-widget { z-index: 3; } .footer .chat-widget { bottom: 40px; right: 28px; } .section__menu .menu-row__item.menu-row__right { margin-left: 12px; } .menu-row__right .menu-phone { display: none; } .section__menu .menu-social button.sh-btn--full { display: flex; } } @media screen and (width >= 1600px) { .footer .chat-widget { bottom: 64px; right: 40px; } .footer .chat-widget__toggle { background-size: 64px; width: 64px; height: 64px; } .footer .chat-widget__item { width: 64px; height: 64px; } .footer .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(4) { transform: translateX(-340px); } .footer .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(3) { transform: translateX(-255px); } .footer .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(2) { transform: translateX(-170px); } .footer .chat-widget__toggle.active + .chat-widget__items .chat-widget__item:nth-last-child(1) { transform: translateX(-85px); } } /* End */ /* Start:/local/templates/silverhome/components/figma/back-to-top/style.css?1790847657663*/ .back-to-top { transition: opacity 0.3s linear, transform 0.3s linear; opacity:0; position:fixed; bottom:0; left: calc(50% - 24px); display: flex; justify-content: center; align-items: center; z-index:100; transform: translateY(60px); } .back-to-top .sh-btn--nav-icon{ width: 12px; height: 12px; } .back-to-top.active{ opacity: 1; margin-bottom: 0; transform: translateY(-16px); } @media (width >= 1170px) { .back-to-top.active{ transform: translateY(-16px); } } @media (width >= 1600px) { .back-to-top { left: calc(50% - 32px); } .back-to-top.active{ transform: translateY(-20px); } } /* End */ /* Start:/local/templates/silverhome/template_styles.css?1790847658145595*/ /* общие стили СТАРТ*/ @font-face { font-family: 'Stem'; src: url("/local/templates/silverhome/fonts/stem/woff2/stem_thin.woff2"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Stem'; src: url("/local/templates/silverhome/fonts/stem/woff2/stem_thin.woff2"); font-weight: 280; font-style: normal; font-display: swap; } @font-face { font-family: 'Stem'; src: url("/local/templates/silverhome/fonts/stem/woff2/stem_light.woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Stem'; src: url("/local/templates/silverhome/fonts/stem/woff2/stem_light.woff2"); font-weight: 350; font-style: normal; font-display: swap; } @font-face { font-family: 'Stem'; src: url("/local/templates/silverhome/fonts/stem/woff2/stem_regular.woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Stem'; src: url("/local/templates/silverhome/fonts/stem/woff2/stem_medium.woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Stem'; src: url("/local/templates/silverhome/fonts/stem/woff2/stem_bold.woff2"); font-weight: 700; font-style: normal; font-display: swap; } * { box-sizing: border-box; font-family: 'Stem'; margin: 0; scroll-margin-top: 66px; } :root { --silver-transparent: rgba(0, 0, 0, 0); --silver-black: #000000; --silver-black-light: #5A5A5A; --silver-black-015: rgba(0, 0, 0, 0.15); --silver-black-03: rgba(0, 0, 0, 0.30); --silver-black-04: rgba(0, 0, 0, 0.40); --silver-black-06: rgba(0, 0, 0, 0.60); --silver-black-07: rgba(0, 0, 0, 0.70); --silver-green: #1A4D3E; --silver-green-007: rgba(26, 77, 62, 0.07); --silver-green-016: rgba(26, 77, 62, 0.16); --silver-green-light: #50C878; --silver-gray: #9A9A9A; --silver-gray-light: #D9D9D9; --silver-gray-super-light: #F4F4F4; --silver-red: #C85050; --silver-white: #ffffff; --silver-white-01: rgba(255, 255, 255, 0.10); --silver-white-03: rgba(255, 255, 255, 0.30); --silver-white-07: rgba(255, 255, 255, 0.70); --silver-margin-top: 48px; --silver-margin-top-x-1-5: calc(var(--silver-margin-top) * 1.5); --silver-margin-top-half: 24px; --silver-margin-bot: 48px; --silver-margin-bot-half: 24px; --silver-margin-left: 16px; --silver-margin-right: 16px; --silver-padding-top: 48px; --silver-padding-bot-half: 24px; --silver-padding-bot: 48px; --silver-padding-left: 16px; --silver-padding-right: 16px; --silver-bkg-padding-top: 16px; --silver-bkg-padding-bot: 16px; --silver-bkg-padding-left: 16px; --silver-bkg-padding-right: 16px; --silver-radius--m: 20px; --silver-radius--l: 24px; --silver-radius--xl: 28px; --silver-radius--xxl: 32px; } .header__top--scroll { background: #FFFFFB; padding-top: 25px; padding-bottom: 25px; position: fixed; } html { scroll-behavior: smooth; } body{ color: var(--silver-black); font-family: 'Stem'; font-weight: 350; font-size: 15px; line-height: 1.46; } .overflow-hidden { overflow: hidden; } .source-content { display: none; } .block { display: block; } section a { color: inherit; } .desktop-only { display: none; } .hidden { display: none; } img { max-width: 100%; } video { max-width: 100%; } .relative { position: relative; } .no-pointer-events { pointer-events: none; } .no-link .swiper-slide{ pointer-events: none; cursor: default; } /* .card__video { margin-bottom: 16px; height: 0; padding-bottom: calc(100% / 16* 9); position: relative; } .card__video video { min-width: 100%; border-radius: 16px; height: 100%; position: absolute; object-fit: cover; } */ .card__video video { border-radius: 16px; } /* Так, а это что тут делает? */ .carousel-card__video { margin-bottom: 24px; } .section__boxed.bg-gray, .sh-banner__content.bg-gray { background: var(--silver-gray-super-light); color: var(--silver-black); } .widthFullH2 h2,.widthFullH2 .section__heading{ min-width: 100%; } .simple-list h2{ margin-bottom: 16px; } .simple-list li { padding: 16px 16px 16px 56px; background: var(--silver-gray-super-light); border-radius: 16px; list-style-type: none; position: relative; counter-increment: list-counter; } .simple-list ol{ display: flex; flex-direction: column; gap: 16px; padding: 0; counter-reset: list-counter; } .simple-list li::before { /* content: ""; */ content: counter(list-counter); border-radius: 6px; min-width: 24px; min-height: 24px; position: absolute; left: 16px; top: 16px; background: #50C878; display: flex; justify-content: center; align-items: center; font-size: 15px; font-weight: 500; color: white; } .ul--tick { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding-left: 0; margin-bottom: 16px; } .ul--tick li { display: flex; align-items: center; gap: 8px; list-style-type: none; position: relative; } .ul--tick li::before { content: ""; border-radius: 17.143px; background: url("/local/templates/silverhome/img/icons/tick-green-bkg.svg"); display: flex; flex-shrink: 0; width: 20px; height: 20px; position: relative; } /* #popup--default-social-network .sh-modal__content{ display:block; width: unset; top:50%; left: calc(50% - 236px); } */ #popup--default-social-network .popup--contacts-social-content{ background: white; padding: 100px; border-radius: 40px; } /* #popup--default-social-network h2{ margin-bottom: 40px; } */ #popup--default-social-network h2 span{ display:block; } #popup--default-social-network .popup--contacts-social-content{ text-align: center; } .sh-picture { display: block; } .sh-picture img { display: block; object-fit: cover; object-position: center; } .sh-picture .animated-photo { display: block; height: 100dvh; max-width: none; /* max-height: 100dvh; */ will-change: transform; transform: translate3d(0, 0, 0); backface-visibility: hidden; transform-style: preserve-3d; } .sh-picture.scale img { animation: scale 10s 1; /* transform: scale(1.07); */ } .sh-picture.transform-scale img { transition: transform 6s ease-in; } .swiper-slide-fully-visible.swiper-slide-active .sh-picture.transform-scale img { transform: scale(1.3); } .sh-picture.tag_page::after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block; background: -moz-linear-gradient(0deg, var(--silver-black-07) 0%, rgba(0, 0, 0, 0.00) 100%); /* FF3.6+ */ background: -webkit-linear-gradient(0deg, var(--silver-black-07) 0%, rgba(0, 0, 0, 0.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(0deg, var(--silver-black-07) 0%, rgba(0, 0, 0, 0.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(0deg, var(--silver-black-07) 0%, rgba(0, 0, 0, 0.00) 100%); /* IE10+ */ background: linear-gradient(0deg, var(--silver-black-07) 0%, rgba(0, 0, 0, 0.00) 100%) } .fullwidth { width: 100%; } .section__fullwidth { margin: var(--silver-margin-top) 0 var(--silver-margin-bot); max-width: 100%; } .page-top .section__fullwidth { margin: var(--silver-margin-top) 0 var(--silver-margin-bot); max-width: 100%; } .section__fullwidth.no-margin, .section__boxed.no-margin { margin: 0; } .page-top .section__fullwidth.no-margin { max-width: 100%; } .section__fullwidth .section__content, .section__fullwidth .section__slider-gallery, .section__fullwidth .section__slider-content, .section__fullwidth .swiper-slider-gallery { display: flex; flex-direction: column; height: 100%; } .section__fullwidth .swiper-slider-gallery { justify-content: space-between; } .section__boxed { margin: var(--silver-margin-top) var(--silver-margin-right) var(--silver-margin-bot) var(--silver-margin-left); /* width: 100%; плохая идея */ } .section__map-modal { margin: var(--silver-margin-top) 0 var(--silver-margin-bot) 0; } .section__boxed.no-margin { margin: 0; } .section__boxed.no-top-bot-margin { margin-bottom: 0; margin-top: 0; } .default-left-right-margin { margin-left: var(--silver-margin-left); margin-right: var(--silver-margin-right); } .default-left-right-padding { padding-left: var(--silver-padding-left); padding-right: var(--silver-padding-right); } .section__boxed--padding { padding: var(--silver-bkg-padding-top) var(--silver-bkg-padding-right) var(--silver-bkg-padding-bot) var(--silver-bkg-padding-left); margin: 0; } .section__boxed--padding.black, .section__fullwidth--padding.black { background: var(--silver-black); height: fit-content; } .section__fullwidth--padding { padding: var(--silver-bkg-padding-top) 0 var(--silver-bkg-padding-bot); margin: 0; } .section__boxed--slider { margin: var(--silver-margin-top) 0 var(--silver-margin-bot); /* в попапе улетает по ширине в космос */ max-width: 100%; } .section__boxed--slider.margin-top--x-1-5 { margin-top:var(--silver-margin-top-x-1-5) } .section__boxed--slider.no-margin { margin: 0; } .section__boxed--slider .section__heading { margin-left: var(--silver-margin-left); margin-right: var(--silver-margin-right); } .section__boxed--slider.no-margin .section__heading { margin-left: 0; margin-right: 0; } .section__heading { margin-bottom: 16px; max-width: 335px; } .sh-price { padding: 16px; display: flex; flex-direction: column; gap: 16px; align-items: center; max-width: 304px; border-radius: 16px; position: relative; overflow: hidden; margin-top: 28px; } .sh-price:before { content: ' '; width: 100%; height: 100%; position: absolute; background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(6px); border-radius: 16px; padding: 16px; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; } .sh-price .price__text, .sh-price .price__values, .sh-price .price__value { z-index: 3; } .sh-price .price__text { font-size: 11px; font-weight: 350; line-height: 14px; letter-spacing: 0.22px; } .sh-price .price__value { border-radius: 28px; background: var(--silver-green); padding: 4px 16px; font-size: 14px; font-style: normal; font-weight: 350; letter-spacing: 0.56px; text-transform: uppercase; white-space: nowrap; } .sh-price .price__values { display: flex; align-items: center; gap: 8px; } .sh-price .price__old-value { color: var(--silver-white-07); font-size: 12px; line-height: 1; text-decoration: line-through; white-space: nowrap; } h2 + .section__heading-p, h3 + .section__heading-p { margin-top: 8px; } .decorated-subheading { border-radius: 16px; border: 1px solid var(--silver-black-015); display: inline-block; padding: 4px 12px; margin-bottom: 16px; } .section__boxed--slider .swiper-slider-gallery, .section__fullwidth--padding .swiper-slider-gallery { padding: 0 var(--silver-padding-right) 0 var(--silver-padding-left); } .section__boxed--slider.no-padding .swiper-slider-gallery { padding: 0 ; } h1, .h1 { font-size: 30px; line-height: 1.15; text-align: left; margin: 0 0 8px 0; font-weight: 300; } .h4 { font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; } .h5 { color: var(--silver-black); font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.33; text-transform: uppercase; } section .h2{ font-size: 26px; line-height: 36px; letter-spacing: 0.52px; text-transform: uppercase; font-weight: 350; } section .h2--small { font-size: 22px; font-style: normal; font-weight: 350; line-height: 1.45; letter-spacing: 0.44px; text-transform: uppercase; } section .h2-description{ font-weight: 350; font-size: 18px; line-height: 28px; margin-bottom: 20px; color: var(--silver-black); } section .h3 { color: var(--silver-black); font-size: 22px; font-style: normal; font-weight: 350; line-height: 1.45; letter-spacing: 0.44px; text-transform: uppercase; } section .h3.white { color: var(--silver-white); } .p--caption { font-size: 13px; font-style: normal; font-weight: 350; line-height: 123%; letter-spacing: 0.26px; } .opacity-07 { opacity: 0.7; } .circled-icon { border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; } .circled-icon img { display: block; } .sh-btn { /* padding: 8px 8px 8px 28px; display: flex; align-items: center; gap: 20px; border-radius: 64px; background: rgba(26, 77, 62, 0.07); color: var(--silver-green); justify-content: space-between; */ } .sh-btn--animation { position: relative; overflow: hidden; } .sh-btn--animation::after { animation: shine 5s ease-in-out infinite; animation-fill-mode: forwards; opacity: 0.2; background: linear-gradient(244deg, rgba(255, 255, 255, 0.00) 13.38%, #FFF 48.01%, rgba(255, 255, 255, 0.00) 84.78%); content: ""; height: 100px; left: -100%; position: absolute; top: -125%; transform: rotate(58.937deg); width: 28.158px; z-index: 1; } .fill { transition: fill 0.3s ease-in-out; } .stroke { transition: stroke 0.3s ease-in-out; } .sh-btn--full { align-items: center; border: none; border-radius: 64px; cursor: pointer; display: inline-flex; flex-shrink: 0; font-size: 14px; font-weight: 350; gap: 20px; justify-content: space-between; line-height: 1.57; letter-spacing: 0.56px; padding: 6px 8px 6px 20px; text-decoration: none; text-transform: uppercase; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; position: relative; overflow: hidden; z-index: 2; } .sh-btn--fullwidth-animation .sh-btn__img { position: static; overflow: visible; } .sh-btn--fullwidth-animation .sh-btn--animation::after { animation: shine-fullwidth 7s ease-in-out infinite; transform: rotate(45deg); height: 201px; width: 40px; } .menu-row__item .sh-btn--full { height: 40px; padding: 2px 16px ; z-index: 0; } .sh-btn--full::before, .sh-btn--full::after { border-radius: 50%; content: ""; width: 40px; height: 40px; transform: scale(0.8); opacity: 1; position: absolute; /* top: 12px; */ top: calc(50% - 20px); right: 8px; transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out; z-index: 1; } .menu-row__item .sh-btn--full::before, .menu-row__item .sh-btn--full::after { width: 36px; height: 36px; right: 2px; top: 2px; opacity: 0; } .sh-btn--full:hover::before, .sh-btn--full:active::after { transform: scale(40); } .menu-row__item .sh-btn--full:hover::before, .menu-row__item .sh-btn--full:hover::after { opacity: 1; } .sh-btn--light-white { background: var(--silver-white-01); color: var(--silver-white); } .sh-btn--light-white::before { background: var(--silver-white-03); } .sh-btn--light-white::after { background: var(--silver-green-light); } .sh-btn--green-007 { background: var(--silver-green-007); color: var(--silver-green); } .sh-btn--green-007:hover, .sh-btn--green-007:active { color: var(--silver-white); } .sh-btn--green-007 .sh-btn__img, .sh-btn--green-007:hover .sh-btn__img, .sh-btn--green-007:active .sh-btn__img { background: var(--silver-green); } .sh-btn--green-007:hover .arrow-up-right--white *, .sh-btn--green-007:active .arrow-up-right--white * { background: var(--silver-white); } .sh-btn--green-007:hover .fill, .sh-btn--green-007:active .fill { fill: var(--silver-white); } .sh-btn--green-007:hover .stroke, .sh-btn--green-007:active .stroke { stroke: var(--silver-white); } .sh-btn--green-007::before, .sh-btn--green-007::after { background: var(--silver-green-light); } .sh-btn--light-green { background: var(--silver-green-light); color: #ffffff; } .sh-btn--light-green:hover, .sh-btn--light-green:active { color: var(--silver-green); } .sh-btn--light-green .sh-btn__img, .sh-btn--light-green:hover .sh-btn__img, .sh-btn--light-green:active .sh-btn__img { background: var(--silver-green); } .sh-btn--light-green:hover .arrow-up-right--white *, .sh-btn--light-green:active .arrow-up-right--white * { background: var(--silver-white); } .sh-btn--light-green:hover .fill, .sh-btn--light-green:active .fill { fill: var(--silver-white); } .sh-btn--light-green:hover .stroke, .sh-btn--light-green:active .stroke { stroke: var(--silver-white); } .sh-btn--light-green::before, .sh-btn--light-green::after { background: var(--silver-white); } .sh-btn--dark-green { background: var(--silver-green); color: var(--silver-white); } .sh-btn--dark-green::before, .sh-btn--dark-green::after { background: var(--silver-green-light); } .sh-btn--dark-green .sh-btn__img { background: var(--silver-white); } .sh-btn--dark-gray{ background: var(--silver-gray); color: var(--silver-white); } .sh-btn--dark-gray::before, .sh-btn--dark-gray::after { background: var(--silver-gray); } .sh-btn--dark-gray .sh-btn__img { background: var(--silver-white); } .sh-btn--small { align-items: center; background: var(--silver-green-007); border-radius: 28px; color: var(--silver-green); display: flex; flex-grow: 1; justify-content: space-between; width: 169px; height: 56px; padding: 0px 16px 0px 20px; text-decoration: none; transition: background-color 0.3s ease-in-out; } .sh-btn--small:hover { background: var(--silver-green-016); } .sh-btn--small .sh-btn__txt{ font-size: 13px; font-weight: 350; line-height: 16px; letter-spacing: 0.26px; text-decoration: none; text-transform: none; } .sh-btn--small .sh-btn__img { width: auto; height: auto; } .sh-btn--extra-small { align-items: center; background: var(--silver-green); border-radius: 28px; color: var(--silver-green-007); display: flex; flex-grow: 1; justify-content: center; width: 48px; height: 48px; padding: 0; text-decoration: none; transition: background-color 0.3s ease-in-out; flex: none; } .sh-btn--medium { align-items: center; background: var(--silver-green); color: var(--silver-white); cursor: pointer; border-radius: 28px; display: flex; flex-grow: 1; justify-content: space-between; width: 256px; height: 56px; padding: 0px 4px 0px 20px; text-decoration: none; transition: background-color 0.3s ease-in-out; } .sh-btn--medium:hover { background: var(--silver-green-light); } .sh-btn--medium:hover .has-hover-action__target{ color: var(--silver-black);; } .sh-btn--medium .sh-btn__txt{ font-size: 13px; font-weight: 350; line-height: 16px; letter-spacing: 0.26px; text-decoration: none; text-transform: uppercase; } .sh-btn--medium .sh-btn__img { background: var(--silver-white); } .sh-btn--2-icons { cursor: initial; } .sh-btn--2-icons .icons { display: flex; gap: 8px; } .sh-btn--2-icons::after, .sh-btn--2-icons::before { display: none; } .sh-btn--2-icons .sh-btn__img:hover .fill { fill: var(--silver-green-light) } .has-link { color: var(--silver-green); cursor: pointer; position: relative; text-decoration: none; transition: color 0.3s ease-in-out; } .has-link:hover { color: var(--silver-green-light); } .dark-link { color: var(--silver-black); font-weight: 350; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: 20%; /* 3px */ text-underline-position: from-font; } .light-link { color: var(--silver-green-light); font-weight: 350; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: 20%; /* 3px */ text-underline-position: from-font; } .js-show-more .horizontal.stroke, .js-show-more .vertical.stroke { transition: transform 1.3s ease-out; transform-origin: center; } .js-show-more:hover .horizontal.stroke, .js-show-more:hover .vertical.stroke { transform: rotate(720deg); } .js-show-more-text { cursor: pointer; display: flex; align-items: center; gap: 4px; } .show-more-text__title { color: var(--silver-green); /* font-size: 15px; font-style: normal; font-weight: 350; line-height: 1.46; */ } .arrow-up-right { width: 13px; height: 12px; position: relative; transition: transform 0.3s ease-out; z-index: 1; } .arrow-up-right--white *, .arrow-up-right--green * { transition: background-color 0.3s ease-out, transform 0.3s ease-out; } .arrow-up-right--white *{ background: var(--silver-white); } .arrow-up-right--green * { background: var(--silver-green); } .arrow-up-right .top { top: 0; right: 0; width: 10px; height: 1px; position: absolute; } .arrow-up-right .right { top: 0; right: 0; width: 1px; height: 10px; position: absolute; } .arrow-up-right .line { top: -1px; right: 5px; width: 1px; height: 14px; position: absolute; transform: rotate(45deg); } .sh-btn--round:active .arrow-up-right, .sh-btn--full:active .arrow-up-right { transform: translate(2px, -2px); } .sh-btn--round:active .arrow-up-right .line, .sh-btn--full:active .arrow-up-right .line { transform: rotate(45deg) scaleY(1.3125) translate(0px, 2px); } .menu-social .sh-btn--full .arrow-up-right { transform: scale(0.7); transition: transform 0.3s ease-in-out; } .menu-social .sh-btn--full:hover .arrow-up-right { transform: scale(0.9); } .sh-btn--round .circled-icon::before { background: var(--silver-green-light); border-radius: 50%; content: ""; width: 100%; height: 100%; transform: scale(0); position: absolute; /* top: 10px; right: 10px; */ transition: transform 0.3s ease-in-out; z-index: 1; } .sh-btn--round:hover:active .circled-icon { background: var(--silver-green); transition-duration: 0s; } .sh-btn--round:active .circled-icon::before { background: var(--silver-green-light); /* transition-delay: 0.1s; */ transform: scale(1); } /* .sh-btn__img-icon { object-fit: none; object-position: right top; width: 12px; height: 12px; transition: all 0.7s ease-in-out; } */ /* .sh-btn--full:hover .sh-btn__img-icon { width: 17px; height: 17px; } */ .sh-btn__txt { font-size: 14px; font-weight: 350; line-height: 1.35; letter-spacing: 0.56px; text-align: left; text-transform: uppercase; z-index: 2; } .menu-social .sh-btn__txt { font-size: 12px; } .sh-btn__img { flex-shrink: 0; /* width: 48px; height: 48px; */ width: 40px; height: 40px; transition: background-color 0.3s ease-in-out; z-index: 2; } .sh-btn__img img { display: block; } .sh-btn__img--main { background: var(--silver-green); transition: background-color 0.3s ease-in-out; } .sh-btn__img--main:hover { background: var(--silver-green-light); } .sh-btn--light-white .sh-btn__img--main:hover { background: var(--silver-green); } .section__menu.black .sh-btn__img--main .fill{ fill: var(--silver-green); } .sh-btn--round { background: var(--silver-white); border-radius: 50%; padding: 4px; height: 56px; width: 56px; transition: background-color 0.3s ease-in-out; } .sh-btn--round:hover .sh-btn__img--main { background: var(--silver-green-light); } .sh-btn--nav { border-radius: 50%; cursor: pointer; flex-shrink: 0; height: 36px; width: 36px; display: flex; justify-content: center; align-items: center; transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out; position: relative; overflow: hidden; } .sh-btn--nav.hidden { display: none; } .sh-btn--nav-big { width: 48px; height: 48px; } .sh-btn--nav-big .sh-btn--nav-icon { width: 16px; height: 16px; } .burger-icon.sh-btn--nav-icon { width: 16px; height: 10px; } .sh-btn--nav::before { border-radius: 50%; content: ""; width: 64px; height: 64px; transform: scale(0); position: absolute; transition: transform 0.3s ease-in-out; z-index: 1; } .sh-btn--nav:active::before { transform: scale(1); } .sh-btn--nav-white { background: transparent; border: 1px solid var(--silver-white-03); } .sh-btn--nav-white:hover { background: var(--silver-white-01); border-color: var(--silver-white-01); } .sh-btn--nav-white:active { border-color: var(--silver-white); } .sh-btn--nav-white::before { background: var(--silver-white); } .sh-btn--nav-black { background: transparent; border: 1px solid var(--silver-black-015); } .sh-btn--nav-black:hover { background: var(--silver-green-016); border-color: transparent; } .sh-btn--nav-black::before { background: var(--silver-green-light); } .sh-btn--nav-icon { display: block; width: 9px; height: 9px; z-index: 1; } .sh-btn--nav svg { z-index: 1; } .sh-btn--nav-icon path { transition: stroke 0.3s ease-in-out, fill 0.3s ease-in-out; } .sh-btn--nav-black .stroke { stroke: var(--silver-black); } /* .sh-btn--full-icon img { display: block; } */ /* .sh-container{ margin: 0 16px; } .silver-container{ margin: 24px 16px; } */ /* лагал в слайдере */ .dark-light-decor { width: 345px; height: 345px; flex-shrink: 0; border-radius: 50%; opacity: 0.8; background: var(--silver-black); filter: blur(100px); -webkit-filter: blur(100px); position: absolute; z-index: 1; transform: translateZ(0); /* Аппаратное ускорение */ will-change: transform, filter; /* Оптимизация рендеринга */ } .sh-overlay-gradient { background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; transition: background-color .3s ease-in-out, opacity .3s ease-in-out, height .3s ease-in-out; z-index: 1; } .sh-overlay-gradient--bot { background: linear-gradient(0deg, var(--silver-black-07) 0%, rgba(0, 0, 0, 0.00) 100%); bottom: 0; height: 84px; left: 0; top: auto; } .sh-overlay-gradient--top { background: linear-gradient(180deg, var(--silver-black-06) 0%, rgba(0, 0, 0, 0.00) 100%); bottom: auto; /* height: 96px; */ height: auto; top: 0; } .sh-overlay-gradient--cover { background: linear-gradient(180deg, var(--silver-black-06) 0%, rgba(0, 0, 0, 0.00) 100%); } .sh-overlay-gradient--cover-reverse { background: linear-gradient(0deg, var(--silver-black-06) 0%, rgba(0, 0, 0, 0.00) 100%); } .sh-overlay-gradient--50-cover-reverse { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, var(--silver-black) 100%); bottom: 0; } .sh-overlay-gradient--cover-reverse.black { background: linear-gradient(0deg, var(--silver-black) 0%, rgba(0, 0, 0, 0.00) 100%); } .sh-overlay-gradient--cover-green { background: linear-gradient(180deg, var(--silver-green) 26.29%, rgba(26, 77, 62, 0.00) 100%); } .sh-label { border-radius: 6px; background: var(--silver-green-light); color: var(--silver-white); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 8px; position: absolute; text-transform: uppercase; height: 24px; } .sh-label--square { border-radius: 6px; height: 24px; width: 24px; } .sh-label--top-left { left: 4px; top: 4px; } .rounded-corners { border-radius: 32px; } .rounded-corners--bot { border-radius: 0 0 32px 32px; } .rounded-corners--top { border-radius: 32px 32px 0 0 ; } .display-none-animation { /* display:none; */ transition-duration: 0.2s; transition-behavior: allow-discrete; opacity: 0; } .display-none-animation.active, .display-none-animation.show { /* display:block; */ opacity: 1; @starting-style { opacity: 0; } } .no-padding { padding: 0; } .no-margin { margin: 0; } .margin-auto { margin: auto; } .no-top-bot-margin { margin-bottom: 0; margin-top: 0; } .no-top-margin { margin-top: 0; } .no-bot-margin { margin-bottom: 0; } .halfed-bot-margin { margin-bottom: var(--silver-margin-bot-half); } .default-bot-margin { margin-bottom: var(--silver-margin-bot); } .halfed-top-margin { margin-top: var(--silver-margin-top-half); } .default-top-margin { margin-top: var(--silver-margin-top); } .flex-centered { display: flex; align-items: center; justify-content: center; /*height: 100%;*/ width: 100%; height: fit-content; } .section__before-popup-gallery { overflow: hidden; position: relative; } .full-height { height: 100dvh; position: relative; display: flex; flex-direction: column; } .section__before-popup-gallery.full-height { height: calc(100vw* 16 / 9); } .media-bg { background: var(--silver-black); height: 100%; /* min-width: 100vw; зелезает на полоску скролла*/ min-width: 100%; top: 0; position: absolute; z-index: -1; } .section__before-popup-gallery .media-bg, .section__before-popup-gallery .media-bg__video video { max-width: 100%; } .media-bg--centered { left: 50%; transform: translateX(-50%); } .media-bg .animated-photo { display: block; height: 100dvh; max-width: none; /* max-height: 100dvh; */ } .animated-photo.horizontal { animation-name: slider-translate-x; animation-delay: 1s; /* animation-duration: 22s; */ animation-duration: 18s; animation-timing-function: linear; animation-iteration-count: infinite; max-height: 100%; } .animated-photo.vertical { animation-name: slider-translate-y; animation-delay: 1s; /* animation-duration: 22s; */ animation-duration: 12s; animation-timing-function: linear; animation-iteration-count: infinite; min-width: 100%; height: 150vh; width: auto; transform-origin: top center; } .media-bg__video { /* height: 100dvh; */ /* height: 100%; */ height: auto; min-width: 100vw; z-index: -1; overflow: hidden; } .media-bg__video video { /* min-height: 100dvh; */ min-height: 100%; /* сверить, можно ли поставить максимальную ширину 100% */ min-width: 100vw; max-width: none; object-fit: cover; width: auto; } .media-bg + .sh-overlay-gradient--bot { height: 360px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); } /* .svg-draw-effect * { animation-name: svgDrawEffect; animation-duration: 2s; } */ .sh-longread-with-columns { display: flex; flex-direction: column; gap: 16px; } .video-play { cursor: pointer; height: 48px; width: 48px; opacity: 1; transition: opacity 0.15s ease-in-out; } .video-play--bordered { border-radius: 50%; border: 4px var(--silver-white) solid; height: 56px; width: 56px; } .js-show-more { margin-top: 16px; } .social-media-list { display: flex; gap: 8px; } .has-hover-action, .has-hover-action__target { position: relative; } .has-hover-action > .has-hover-action__target { background: white; border-radius: 12px; box-shadow: 0px 0px 120px 0px rgba(0, 0, 0, 0.20); display: flex; opacity: 0; position: absolute; top: -100vh; left: 50%; z-index: -1; transform: translate(-50%, 0); transition: opacity 0.15s ease-in-out, transform 0.3s ease-in-out, top 2s; padding: 20px; } .has-hover-action:hover > .has-hover-action__target { opacity: 1; top: 0; transform: translate(-50%, 50px) ; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, top 0s; z-index: 11; } .has-hover-action__target-decor { position: absolute; top: -11px; transform: rotate(-90deg); left: 0; right: 0; margin-left: auto; margin-right: auto; } .js-parent-container.ajax-done > .sh-btn--nav-black, .js-ajax-action.ajax-done .sh-btn--nav-black{ background: var(--silver-green-016); border-color: transparent; } .js-parent-container.ajax-done > .sh-btn--nav-white, .js-ajax-action.ajax-done .sh-btn--nav-white{ background: var(--silver-white-03); border-color: transparent; } .js-parent-container.ajax-done .fill, .js-ajax-action.ajax-done .fill { fill: var(--silver-green); } .js-parent-container.ajax-done .stroke, .js-ajax-action.ajax-done .stroke { stroke: var(--silver-green); } .js-parent-container.ajax-done .sh-btn--nav-white .fill, .js-ajax-action.ajax-done .sh-btn--nav-white .fill { fill: var(--silver-white); } .js-parent-container.ajax-done .sh-btn--nav-white .stroke, .js-ajax-action.ajax-done .sh-btn--nav-white .stroke { stroke: var(--silver-white); } .video-actions { display: flex; gap: 8px; margin: 16px; position: absolute; top: 0; left: 0; right: 0; } .jsIsSafari .video-actions { justify-content: center; } .video-actions .likes { order: 1; } .video-actions .shares { order: 2; } .required { color: var(--silver-red) } .media-card__item-video-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .page-top .price-btn{ align-self: center; margin-top: 20px; } .bkg--black { background: var(--silver-black); } .ios-glass { filter: blur(7px); -webkit-filter:blur(7px); /* transform: translateZ(0); will-change: filter; */ } @keyframes svgDrawEffect { 0% { stroke-dasharray: 80, 90; stroke-dashoffset: 80; } 100% { stroke-dasharray: 80, 90; stroke-dashoffset: 0; } } @keyframes shine { 0% { left: -50%; opacity: 0.2; top: -150%; transition-property: left,top, opacity; transition-timing-function: ease } 30% { left: 150%; opacity: 0.2; top: 150%; transition-property: left,top, opacity; transition-timing-function: ease } 100% { opacity: 0; left: 150%; top: 150%; } } @keyframes shine-fullwidth { 0% { left: -50%; opacity: 0.2; top: -150%; transition-property: left,top, opacity; transition-timing-function: ease } 30% { left: 150%; opacity: 0.2; top: -150%; transition-property: left,top, opacity; transition-timing-function: ease } 100% { opacity: 0; left: 150%; top: 0; } } @keyframes background-animation { 0% { background-position-x: 0; } 50% { background-position-x: 100%; } 100% { background-position-x: 0; } } @keyframes slider-translate-y { 0% { /* transform: translateY(0); */ transform: translate3d(0,0,0); transform-origin: top center; } 98% { /* transform: translateY(-50vh); */ /* transform: translateY(calc((100vw* 16 / 9) - 100%)); */ transform: translate3d(0,calc((100vw* 16 / 9) - 100%),0); transform-origin: top center; } 100% { /* transform: translateY(0); */ transform: translate3d(0,0,0); transform-origin: top center; } } /* тормозит */ @keyframes slider-translate-y--alt { 0% { object-position: 0px 0%; } 50% { object-position: 0px 100%; } 100% { object-position: 0px 0%; } } @keyframes scrollImage--y { 0% { transform: translateY(0); } 50% { transform: translateY(var(--scroll-distance, 0)); } 100% { transform: translateY(0); } } @keyframes slider-translate-x { 0% { /* transform: translateX(0); */ transform: translate3d(0,0,0); transform-origin: left; } 98% { /* transform: translateX(calc(100vw - 100%)); */ /* transform: translate3d(calc(100vw - 100%),0,0); какой-то баг: не правильно отображается*/ transform: translate3d(-270px,0,0); transform-origin: left; } 100% { /* transform: translateX(0); */ transform: translate3d(0,0,0); transform-origin: left; } } /* копия для активного слайда слайдера (и предыдущего). Так не увидим перелистывание анимации в начало */ @keyframes slider-translate-x--active { 0% { /* transform: translateX(0); */ transform: translate3d(0,0,0); } 98% { /* transform: translateX(calc(100vw - 100%)); */ transform: translate3d(calc(100vw - 100%),0,0); } 100% { /* transform: translateX(0); */ transform: translate3d(0,0,0); } } @keyframes scale { 0% { transform: scale(1); } 100% { transform: scale(1.2); } } @media screen and (min-width: 600px) { :root { --silver-margin-top: 64px; --silver-margin-top-half: 32px; --silver-margin-bot: 64px; --silver-margin-bot-half: 32px; --silver-margin-left: 40px; --silver-margin-right: 40px; --silver-padding-top: 64px; --silver-padding-bot: 64px; --silver-padding-bot-half: 32px; --silver-padding-left: 40px; --silver-padding-right: 40px; --silver-bkg-padding-top: 32px; --silver-bkg-padding-bot: 40px; --silver-bkg-padding-left: 40px; --silver-bkg-padding-right: 40px; --silver-radius--m: 24px; } section .h2--small { font-size: 26px; font-style: normal; font-weight: 350; line-height: 1.38; letter-spacing: 0.52px; } section .h2-description{ margin-bottom: 40px; } .section__heading { margin-bottom: 32px; max-width: 512px; } .p--caption { font-size: 15px; line-height: 146%; } .decorated-subheading { margin-bottom: 32px; } .sh-btn--full { align-self: flex-start; } .sh-btn--2-icons .icons { gap: 12px; } .dark-light-decor { width: 435px; height: 435px; opacity: 0.7; filter: blur(125px); } .full-height { max-height: 880px; } .section__before-popup-gallery.full-height { height: calc(100vw* 0.89); } .section__before-popup-gallery .media-bg__video { height: 100%; } .media-bg__video video { width: 100vw; height: auto; } .simple-list li { padding: 24px 24px 24px 64px; } .simple-list li::before { top: 24px; left: 24px; } .simple-list h2{ margin-bottom: 28px; } .js-show-more { margin-top: 52px; } .video-actions { gap: 16px; margin: 32px; } @keyframes slider-translate-y { 0% { transform: translateY(0); } 98% { /* transform: translateY(-50vh); */ transform: translateY(calc((100vw* 0.89) - 100%)); } 100% { transform: translateY(0); } } } @media screen and (min-width:600px) and (orientation:landscape){ .sh-picture .animated-photo.horizontal, .sh-picture .animated-photo.vertical { /* попробуем альтернативную вертикальную */ animation-name: slider-translate-y--alt; animation-duration: 22s; animation-timing-function: linear; animation-iteration-count: infinite; object-fit: cover; width: 100%; animation: none; } } @media screen and (min-width:1024px){ .sh-picture .animated-photo.horizontal, .sh-picture .animated-photo.vertical { animation-name: slider-translate-y--alt; animation-duration: 22s; animation-timing-function: linear; animation-iteration-count: infinite; object-fit: cover; width: 100%; animation: none; } } @media screen and (min-width: 1170px) { :root { --silver-margin-top: 64px; --silver-margin-top-half: 40px; --silver-margin-bot: 64px; --silver-margin-bot-half: 40px; --silver-margin-left: 96px; --silver-margin-right: 96px; --silver-padding-top: 64px; --silver-padding-bot: 64px; --silver-padding-bot-half: 40px; --silver-padding-left: 96px; --silver-padding-right: 96px; --silver-bkg-padding-top: 40px; --silver-bkg-padding-bot: 64px; --silver-bkg-padding-left: 96px; --silver-bkg-padding-right: 96px; --silver-radius--m: 28px; --silver-radius--xxl: 48px; } @keyframes shine-fullwidth { 0% { left: -50%; opacity: 0.2; top: -50%; transition-property: left,top, opacity; transition-timing-function: ease } 30% { left: 150%; opacity: 0.2; top: -50%; transition-property: left,top, opacity; transition-timing-function: ease } 100% { opacity: 0; left: 150%; top: 0; } } .sh-btn--nav-mid { width: 48px; height: 48px; } .sh-btn--nav-mid .sh-btn--nav-icon { width: 12px; height: 12px; } .sh-btn--animation::after { } /* .sh-container{ margin: 0 96px; } .silver-container{ margin: 40px 94px; } */ .section__heading { max-width: 610px; } /* .section__heading .h1 { max-width: 600px; } */ .dark-light-decor { width: 453px; height: 453px; } .rounded-corners { border-radius: 48px; } .rounded-corners--bot { border-radius: 0 0 48px 48px; } .rounded-corners--bot { border-radius: 0 0 48px 48px; } .rounded-corners--top { border-radius: 48px 48px 0 0; } .animated-photo.horizontal, .animated-photo.vertical { animation: none; } .animated-photo.horizontal.scroll-animation--y, .animated-photo.vertical.scroll-animation--y { animation: scrollImage--y 20s linear infinite; /* animation: none; */ height: auto; max-height: none; position: absolute; top: 0px; } .full-height { max-height: clamp(400px,100dvh,680px); } .simple-list ol { flex-direction: row; flex-wrap: wrap; } .simple-list li { flex-basis: calc((100% - 84px) / 3); } .simple-list h2{ margin-bottom: 32px; } .sh-longread-with-columns { display: block; column-count: 2; column-gap: 84px; text-align: justify; } .sh-longread-with-columns div, .sh-longread-with-columns p { margin:0 0 16px 0 ; } .sh-longread-with-columns div:last-of-type, .sh-longread-with-columns p:last-of-type { margin: 0; } .carousel-card__video { margin-bottom: 40px; } .js-show-more { margin-top: 32px; } .has-hover-action::before { content: ""; position: absolute; right: 0; top: -10px; width: 60px; height: 60px; } .has-hover-action > .has-hover-action__target { top: 50%; left: unset; z-index: -1; transform: translate(-80%, -50%); } .has-hover-action:hover > .has-hover-action__target { top: 50%; transform: translate(calc(-100% - 16px), -50%) ; /* transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, top 0s; */ } .has-hover-action__target-decor { top: 0; bottom: 0; transform: rotate(0deg); left: unset; right: -8px; margin-left: unset; margin-right: unset; margin-top: auto; margin-bottom: auto; } .video-actions .has-hover-action > .has-hover-action__target { transform: translate(calc(0px), -50%); z-index: 1; } .video-actions .has-hover-action::before { right: unset; left: 0; } .video-actions .has-hover-action:hover > .has-hover-action__target { transform: translate(calc(54px), -50%); } .video-actions .has-hover-action__target-decor { right: auto; left: -7px; transform: rotate(180deg); } .media-bg { /* top: 50%; transform: translateY(-50%); */ /* top: -50%; */ } .media-bg img.vertical { transform: translateY(-25%); } .scroll-animation--y { animation: scrollImage--y 20s linear infinite; } .page-top .price-btn{ align-self: flex-start; } .sh-price { align-items: start; } } @media screen and (min-width:1600px) { :root { --silver-margin-top: 96px; --silver-margin-top-x-1-5: calc(var(--silver-margin-top) * 1.25); --silver-margin-top-half: 64px; --silver-margin-bot: 96px; --silver-margin-bot-half: 64px; --silver-margin-left: 96px; --silver-margin-right: 96px; --silver-padding-top: 96px; --silver-padding-bot: 96px; --silver-padding-bot-half: 64px; --silver-padding-left: 96px; --silver-padding-right: 96px; --silver-bkg-padding-top: 64px; --silver-bkg-padding-bot: 64px; --silver-bkg-padding-left: 96px; --silver-bkg-padding-right: 96px; --silver-radius--m: 40px; --silver-radius--xl: 40px; --silver-radius--xxl: 64px; --silver-max-content-width: 1730px; } body{ font-size: 18px; line-height: 1.55; } h1, .h1 { font-size: 48px; line-height: 1.16; margin: 0 0 12px 0; } .section__heading { margin-bottom: 40px; max-width: 990px; } h2 + .section__heading-p, h3 + .section__heading-p { margin-top: 16px; } section .h2--small { font-size: 40px; font-style: normal; font-weight: 300; line-height: 1.3; letter-spacing: 0.8px; } section .h3 { font-size: 34px; line-height: 1.4; letter-spacing: 0.68px; } .p--caption { font-size: 18px; line-height: 155%; } .sh-btn--round { padding: 8px; width: 80px; height: 80px; } .sh-btn--small { border-radius: 36px; height: 64px; gap: 16px; padding: 0px 20px 0px 28px; } .sh-btn--small .sh-btn__txt { font-size: 15px; font-style: normal; font-weight: 350; line-height: 1.46; } .sh-btn--full { gap: 28px; line-height: 24px; font-size: 16px; letter-spacing: 0.64px; padding-left: 36px; } .sh-btn--full::before { /* top: 16px; */ top: calc(50% - 20px); right: 16px; } .sh-btn--2-icons .icons { gap: 20px; } .sh-btn__txt { font-size: 16px; line-height: 1.5; letter-spacing: 0.64px; } .sh-btn__img:not(.sh-btn--nav) { width: 64px; height: 64px; } .sh-btn--nav-mid, .sh-btn--nav-big { width: 64px; height: 64px; } .sh-btn--nav-mid .sh-btn--nav-icon { width: 16px; height: 16px; } .arrow-up-right { width: 16px; height: 16px; } .arrow-up-right .top { width: 16px; } .arrow-up-right .right { height: 16px; } .arrow-up-right .line { height: 21px; right: 8px; top: -2px; } section .h2{ font-weight: 350; line-height: 52px; letter-spacing: 0.8px; font-size: 40px; } .silver-container{ margin: 44px 96px; } .dark-light-decor { width: 557px; height: 557px; filter: blur(150px); } .sh-overlay-gradient--bot { height: 144px; } .sh-overlay-gradient--top { /* height: 134px; */ /* height: 100%; */ } .sh-label { height: 32px; padding: 0px 12px; } .sh-label--square { width: 28px; height: 28px; } .switch-tab { padding: 12px 20px; } .switch-tab.active { border-radius: 32px; } .full-height { max-height: 980px; max-height: clamp(600px,100dvh,980px); } .media-bg + .sh-overlay-gradient--bot { height: 600px; } .simple-list ol { gap: 20px; margin-bottom: 40px; } .simple-list li { padding: 40px 40px 40px 94px; } .simple-list li::before { min-width: 36px; min-height: 36px; top: 40px; left: 40px; font-size: 22px; } .sh-longread-with-columns { column-gap: 120px; } /* .card__video { margin-bottom: 28px; } */ .card__video video { border-radius: 24px; } .video-play { height: 64px; width: 64px; } .video-play--bordered { border: 8px var(--silver-white) solid; height: 80px; width: 80px; } .rounded-corners { border-radius: 64px; } .rounded-corners--bot { border-radius: 0 0 64px 64px; } .rounded-corners--bot { border-radius: 0 0 64px 64px; } .rounded-corners--top { border-radius: 64px 64px 0 0; } .js-show-more { margin-top: 40px; } .has-hover-action > .has-hover-action__target { border-radius: 20px; padding: 32px; } .has-hover-action:hover > .has-hover-action__target { transform: translate(calc(-100% - 24px), -50%) ; } .has-hover-action::before { top: -10px; width: 100px; height: 80px; } .video-actions .has-hover-action:hover > .has-hover-action__target { transform: translate(calc(90px), -50%); } .page-top .price-btn{ margin-top: 32px; } .sh-btn--extra-small { width: 64px; height: 64px; border-radius: 32px; } .sh-btn--medium { height: 80px; border-radius: 40px; } .sh-btn--medium .sh-btn__txt { font-size: 16px; line-height: 24px; } } @media (width > 1920px) { .section__boxed--slider .swiper-slider-gallery { padding-left: calc((100vw - 1730px) / 2); padding-right: calc((100vw - 1730px) / 2); } .section__boxed--slider .section__heading { margin-left: calc((100vw - 1730px) / 2); } } @media (width < 600px) { .h1.h1--small { font-size: 20px; font-style: normal; /* font-weight: 400; */ line-height: 1.2; } /* .first-screen-top .h1--small { font-weight: 700; } */ .h3.h3--small { font-size: 17px; font-style: normal; font-weight: 700; line-height: 1.52; letter-spacing: 0.34px; } .section__before-popup-gallery .media-bg { display: flex; justify-content: center; } } @media (width < 390px) { .sh-btn--2-icons .sh-btn__txt{ font-size: 13px; } } /* общие стили Конец*/ /* Модальное окно старт */ .sh-modal { background: transparent; backdrop-filter: blur(15px); /* display: none; */ top: 0; left: 0; height: 100%; /* в Сафари с нижней панелью, где адрес, не оч получается*/ /* min-height: 100dvh; */ width: 100%; padding-top: 24px; padding-bottom: 24px; position: fixed; transform: translateY(120vh); opacity: 0; will-change: transform, opacity; transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; visibility: hidden; } .sh-modal.active { background: var(--silver-black-07); display: flex; overflow-y: scroll; z-index: 1002; transform: translateY(0); opacity: 1; transition: transform 0.7s ease-in-out, opacity 0.2s ease-in-out, background-color 1.2s ease-in-out; } .sh-modal--compact { padding: 20px; flex-direction: column; justify-content: center; align-items: center; gap: 40px; } .sh-modal--fullsize .sh-modal__content { align-items: center; background-color: transparent; } .sh-modal__content-wrapper { width: 100%; display: flex; justify-content: center; align-items: center; } .sh-modal--fullsize.active { overflow: auto; padding: 0; } .sh-modal--fullsize .sh-modal__close { top: 8px; right: 8px; } .sh-modal--fullsize .section__content { border-top: 1px solid var(--silver-white-01); } .sh-modal--fullsize .section__fullwidth { margin-top: 52px; margin-bottom: 0; } .sh-modal--fullsize .section__fullwidth.popup-slider-gallery--video { margin-top: 0; } .sh-modal.active .sh-modal__content { animation: opacityAnimation 0.5s 0.1s forwards, appearBottomAnimation 0.5s 0.1s forwards; } .sh-modal__content { background: var(--silver-white); border-radius: 32px; display: flex; opacity: 0; animation-timing-function: ease-out; transform: translateY(100vh); position: relative; width: 100%; top: 0; z-index: 2; } .sh-modal__content .video-card { height: 100%; } .sh-modal__content .video-card.horizontal, .sh-modal__content .card__video.horizontal { height: auto; max-height: 100%; } .sh-modal__content video { border-radius: 24px; object-position: center left; max-height: 100dvh; /* max-width: 800px; */ /* height: auto; */ width: 100%; } .sh-modal__content video.horizontal { height: auto; min-height: unset; max-height: 100%; } .sh-modal--native { z-index: 4; } /* .overflow-hidden { overflow: hidden; } */ .sh-modal__close { cursor: pointer; position: absolute; top: -18px; right: 8px; z-index: 2; } .modal-message { align-self: center; border-radius: 32px; background: var(--silver-white); display: flex; width: 320px; padding: 40px; flex-direction: column; justify-content: center; align-items: center; gap: 40px; margin-left: auto; margin-right: auto; } .modal-message__top { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; } .modal-message__icon svg { display: block; } @media (width >= 600px) { .sh-modal.active { overflow-y: initial; } .sh-modal__content { margin: 0; } } @media (width >= 600px) and (orientation: landscape){ .sh-modal__content .video-card.horizontal { height: 100%; max-height: 100%; width: auto; display: flex ; } } @media (width >= 1170px) { .sh-modal.active { overflow-y: initial; } .sh-modal__content { height: 100%; margin: 0; } .sh-modal__close { width: 48px; height: 48px; } .sh-modal--fullsize .section__fullwidth { margin-top: 0; } .sh-modal--fullsize .section__content::before { content: ""; position: absolute; border-bottom: 1px solid var(--silver-white-01); top: 72px; width: 100%; z-index: 2; } .sh-modal--fullsize .sh-modal__close { top: 12px; right: 12px; } .modal-message { width: 374px; } .sh-modal__content .card__video.horizontal { height: 100%; max-width: 100%; } .sh-modal__content video { border-radius: 32px; width: auto; height: 100%; max-height: 100dvh; } } @media (width >= 1600px) { .sh-modal--fullsize .sh-modal__close { top: 20px; right: 20px; } .modal-message { width: 552px; padding: 80px; } .modal-message__icon svg { width: 64px; height: 64px; } .sh-modal__content video { border-radius: 40px; } } @media (width < 600px) { .sh-modal.bkg--black { background: var(--silver-black); } } @keyframes opacityAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes appearBottomAnimation { 0% { transform: translateY(100vh); } 100% { transform: translateY(0); } } /* Модальное окно Конец */ /* Начало страницы с крошками */ /* удали этот */ /* .silver-page-title{ padding: 0 16px 24px 16px; } */ /* удали этот */ /* .silver-page-title a{ text-decoration: none; color: #000; } */ /* удали этот */ /* .silver-page-title h1{ font-size: 30px; font-weight: 350; line-height: 36px; } */ /* удали этот */ /* .h1-part--small{ font-size: 15px; font-weight: 350; line-height: 22px; padding: 4px 12px; border-radius: 16px; border: 1px solid #000000; position: relative; } */ .first-screen-top { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; margin-top: 66px; margin-bottom: 28px; z-index: 1; } .first-screen-top .section__heading { align-self: center; display: flex; align-items: center; gap: 8px; flex-direction: column-reverse; } .first-screen-top div.section__heading { margin-bottom: 0; } .first-screen-top .h1 { margin-bottom: 0; text-align: center; } .page-top .section__heading { margin: 12px var(--silver-margin-right) 24px var(--silver-margin-left); } .page-top .decorated-subheading { margin-bottom: 0; } .page-top--with-tabs .section__heading { margin-bottom: 8px; } .page-top__date { color: var(--silver-black-light); font-size: 13px; font-weight: 350; line-height: 1.23; letter-spacing: 0.26px; margin: 12px var(--silver-margin-right) 8px var(--silver-margin-left); } .page-top__date + .section__heading { margin-top: 8px; } .sh-breadcrumbs { border-bottom: solid var(--silver-black-015) 1px ; border-top: solid var(--silver-black-015) 1px ; /* margin-top: 20px; */ margin-bottom: 12px; padding: 12px 0; } .sh-breadcrumbs.breadcrumbs-rounded { border-radius: 0 0 32px 32px; border-top: none; margin-top: 0; } .section__first-screen .sh-breadcrumbs { display: none; } .home-page .sh-breadcrumbs { display: none; } .sh-breadcrumbs__wrapper { margin: 0 var(--silver-margin-right) 0 var(--silver-margin-left); display: flex; align-items: center; } .sh-breadcrumbs.breadcrumbs-rounded .sh-breadcrumbs__wrapper { justify-content: center; } .sh-breadcrumbs__item { position: relative; text-decoration: none; color: var(--silver-black); margin-left: 4px; margin-right: 4px; font-size: 13px; transition: color 0.3s ease-in-out; } .item__slash { color: var(--silver-black-015); } .sh-breadcrumbs__item:first-of-type::before{ content: ""; background: url("/local/templates/silverhome/img/icons/arrow-left-breadcrumb.svg"); position: absolute; left: -11px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; width: 6.2px; height: 5.7px; } .sh-breadcrumbs__item:last-child { color: var(--silver-black-04); } .page-top.white .sh-breadcrumbs { border-top: 1px solid var(--silver-white-01); border-bottom: 1px solid var(--silver-white-01); } .page-top.white .sh-breadcrumbs__item, .page-top.white .section__heading, .page-top.white .item__slash { color: var(--silver-white); } .page-top.white .item__slash { margin-bottom: 4px; } .page-top.white .decorated-subheading { border: 1px solid var(--silver-white-03); } .page-top.white .sh-breadcrumbs__item::before { background: url("/local/templates/silverhome/img/icons/arrow-left-breadcrumb--white.svg"); } .sh-breadcrumbs__item:hover { color: var(--silver-green-light); } .first-screen-top .sh-breadcrumbs__wrapper { position: relative; z-index: 107; } @media screen and (min-width:600px){ /* удали этот */ /* .silver-page-title{ padding: 0 40px 40px 40px; } */ .first-screen-top { margin-top: 60px; } .page-top .section__heading { margin-top: 28px; margin-bottom: 40px; } .page-top--with-tabs .section__heading { margin-bottom: 20px; } .page-top__date { margin-bottom: 20px; margin-top: 28px; } .page-top__date + .section__heading { margin-top: 20px; } } @media screen and (min-width:1170px){ .first-screen-top .section__heading { align-self: flex-start; align-items: flex-start; } .first-screen-top .h1 { text-align: left; } .sh-breadcrumbs.breadcrumbs-rounded { border-radius: 0 0 48px 48px; margin-bottom: 20px; padding: 20px 0; } .first-screen-top { margin-top: 112px; } /* удали этот */ /* .silver-page-title{ padding:0 96px 40px 40px; } */ .page-top__date { margin-bottom: 20px; margin-top: 40px; } .page-top .section__heading { margin-top: 40px; margin-bottom: 40px; } .page-top--with-tabs .section__heading { margin-bottom: 20px; } .page-top__date + .section__heading { margin-top: 20px; } } @media screen and (min-width:1600px){ .sh-breadcrumbs.breadcrumbs-rounded { border-radius: 0 0 64px 64px; } .sh-breadcrumbs__item { font-size: 15px; } .first-screen-top { margin-bottom: 40px; } .page-top--with-tabs .section__heading { margin-bottom: 28px; } .page-top__date { margin-bottom: 28px; margin-top: 40px; } .page-top__date + .section__heading { margin-top: 28px; } /* удали этот */ /* .silver-page-title h1{ font-size: 48px; line-height: 56px; } */ /* и удали этот */ /* .h1-part--small{ padding: 4px 16px; border-radius: 20px; font-size: 18px; line-height: 28px; } */ } /* Карточки унивирсальные (ПРОВЕРИТЬ: кажется, под удаление */ .card__btn{ left: 0; right: 0; position: absolute; bottom: -20px; text-align: center; } .card__content-item-img img{ border-radius: 24px; } .card__content-item { text-align: start; position: relative; display: inline-block; } .card__content-item-img{ margin-bottom: 12px; } .card__content-item-txt{ position: absolute; font-size: 13px; top: 16px; left: 16px; color: rgba(255, 255, 255, 0.70) } .card__content-item-txt span{ display: block; font-size: 18px; line-height: 28px; color: white; } @media screen and (min-width:760px){ .card__content-item-img{ margin-bottom: 30px; } } @media screen and (min-width:1760px){ .card__content-item-img img{ border-radius: 32px; } .card__content-item-txt{ position: absolute; top: 32px; left: 32px; font-size: 15px;} .card__content-item-txt span{ display: block; font-size: 22px; line-height: 36px; } } /* Победитель с наградой старт */ .winner-content{ align-items: center; padding: 12px; display: flex; gap: 16px; background: var(--silver-white-01); color: white; border-radius: 16px; margin-bottom: 20px; /* margin-top: 100px; */ flex-direction: column; text-align: center; } .winner-content__txt{ font-size: 13px; width: 134px; } .winner-content__img img { max-height: 48px; width: auto; } @media screen and (min-width:600px){ .winner-content { padding: 16px; } } @media screen and (min-width:1170px){ .winner-content{ flex-direction: row; text-align: start; align-items: center; } .winner-content__txt{ width: 212px; } .winner-content__txt span{ display: block; } } @media screen and (min-width:1600px){ .winner-content{ gap: 20px; padding: 20px; margin-bottom: 32px; } .winner-content__txt{ font-size: 15px; width: 244px; } .winner-content__img img { max-height: 64px; width: auto; } } /* Победитель конец */ /* Куки старт */ #cookie_notification{ position: fixed; bottom: 84px; right: 16px; display: none; flex-direction: column; padding: 16px; gap: 12px; border-radius: 12px; background: rgba(0, 0, 0, 0.40); z-index: 10; color: white; font-family: Stem; font-size: 13px; font-weight: 350; line-height: 16px; letter-spacing: 0.26px; text-align: center; align-items: center; /* transform: translateY(-50%); */ opacity: 0; transition-duration: 0.8s; transition-behavior: allow-discrete; } #cookie_notification.show { display: flex; opacity: 1; } #cookie_notification.cookie-opacity{ opacity:0; } #cookie_notification .sh-btn--light-white::after, #cookie_notification .sh-btn--light-white::before { content: none; } #cookie_notification .sh-btn--full{ justify-content: center; padding: 8px 20px; } #cookie_notification p{ width: 160px; } #cookie_notification p span{ text-decoration: underline; } @media screen and (min-width:600px){ #cookie_notification{ bottom: 108px; right: 40px; } } @media screen and (min-width:1160px){ #cookie_notification{ bottom: 40px; right: 96px; padding: 6px 6px 6px 20px; flex-direction: row; border-radius: 60px; } #cookie_notification p{ width: unset; } } @media screen and (min-width:1600px){ #cookie_notification{ bottom: 64px; right: 158px; padding: 14px 14px 14px 28px; flex-direction: row; font-size: 15px; line-height: 22px; } } /* Куки конец */ /* свайпер */ /* кнопки вперёд-назад нужно вычистить */ .section__slider-gallery { position: relative; height: fit-content; } .swiper-pagination .swiper-pagination-bullet-active { height: 1px; width: 32px; border: none; border-bottom: solid 1px; outline: none; padding-top: 1px; } .swiper-slider-gallery{ overflow: hidden; } .swiper-notification { display: none; } .swiper-wrapper, .swiper-slide { will-change: transform; /* -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; вызывает баг у fade эффекта */ } .swiper-slide img { display: block; } .section__slider-bot-tools { display: flex; flex-direction: column; gap: 16px; margin-top: 16px; bottom: 16px; left: 0; width: 67vw; } .section__fullscreen-slider .section__slider-bot-tools{ flex-direction: row; } .section__slider-bot-tools.no-margin { margin: 0; } .section__slider-bot-tools.alt-margin { margin-top: 16px; } .popup-slider-gallery .section__slider-bot-tools { margin: 0 16px 16px; width: calc(100% - 32px); } .section__slider-bot-tools.white .swiper-pagination-progressbar { background: var(--silver-white-03); } .section__slider-bot-tools.white .swiper-pagination-progressbar-fill { background: var(--silver-white); } .section__slider-bot-tools.white .swiper-pagination-number { color: var(--silver-white); } .swiper-button-next .sh-btn--nav-icon, .swiper-button-prev .sh-btn--nav-icon { width: 12px; height: 12px; } /* .section__slider-bot-tools .swiper-button-next { background: url("/local/templates/silverhome/img/icons/arrow-right.svg") no-repeat center; background-size: 12px; border: 1px solid rgba(255, 255, 255, 0.30); border-radius: 50%; } */ /*.section__slider-bot-tools .swiper-button-prev { background: url("/local/templates/silverhome/img/icons/arrow-left.svg") no-repeat center; background-size: 12px; border: 1px solid rgba(255, 255, 255, 0.30); border-radius: 50%; }*/ .section__slider-bot-tools .swiper-pagination { display: flex; align-items: baseline; gap: 12px; position: unset; /* width: 100px; */ height: 1px; } .swiper-pagination-bullet{ background: none; border-radius:unset; } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: unset; } .section__slider-bot-tools .swiper-button-next:after, .section__slider-bot-tools .swiper-button-prev:after { display: none; } .swiper-pagination__buttons { display: flex; align-items: center; gap: 8px; justify-content: space-between; width: 100%; } .swiper-pagination-number{ font-size: 10px; font-weight: 500; line-height: 12px; letter-spacing: 0.2px; text-transform: uppercase; } .swiper-button-next, .swiper-button-prev{ position: relative; min-width: 48px; min-height: 48px; margin-top: 0; left: auto; right: auto; top: auto; bottom: auto; /* display: none; */ } .swiper-button-next.desktop-only, .swiper-button-prev.desktop-only{ display: none; } .swiper-button-prev.sh-btn--nav-white, .swiper-button-next.sh-btn--nav-white { border: 1px solid var(--silver-white-03); border-radius: 50%; margin: 0; top: auto; right: auto; bottom: auto; left: auto; } .autoplay-progress { position: absolute; right: -1px; top: -1px; z-index: 10; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: var(--swiper-theme-color); } .autoplay-progress svg { --progress: 0; /* position: absolute; */ left: 0; top: 0px; z-index: 10; width: 100%; height: 100%; stroke-width: 1px; stroke: black; fill: none; stroke-dashoffset: calc(150.72px * (1 - var(--progress))); stroke-dasharray:150.72; transform: rotate(-90deg); } .tools-item{ display: flex; align-items: center; gap: 8px; width: 100%; min-height: 48px; } .swiper-pagination-progressbar { background: var(--silver-black-015); } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: black; } @media (width < 1170px) { .section__slider-bot-tools.no-mobile-navigation { width: 100%; } } @media screen and (min-width:600px) and (orientation:portrait) { .section__slider-bot-tools{ display: flex; justify-content: space-between; flex-direction: row; margin-top: 32px; } .popup-slider-gallery .section__slider-bot-tools { margin: 0 40px 40px; width: calc(100% - 80px); } .section__slider-bot-tools .sh-btn--full { flex-shrink: 0; width: auto; } .section__slider-bot-tools.no-mobile-navigation { gap: 40px; } .section__slider-bot-tools.alt-margin { margin-top: 32px; } } @media screen and (min-width:1024px) and (orientation:landscape) { .swiper-button-next, .swiper-button-prev, .swiper-button-next.desktop-only, .swiper-button-prev.desktop-only{ display: flex; top: unset ; margin-top: 0 ; left: unset; right: unset; } .tools-item{ gap: 20px; width: auto; } .swiper-slider-gallery.swiper-horizontal .swiper-button-next, .swiper-slider-gallery.swiper-horizontal .swiper-button-prev, .swiper-slider-gallery.swiper-horizontal ~ .swiper-button-next, .swiper-slider-gallery.swiper-horizontal ~ .swiper-button-prev { top: unset ; margin-top: 0 ; } .section__slider-bot-tools { /* width:clamp(273px, 20vw, 402px); */ display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .section__slider-bot-tools.alt-margin { margin-top: 40px; } .section__slider-bot-tools .swiper-pagination{ width: 106px; } /* .section__slider-bot-tools{ width: 273px; } */ /* .section__slider-bot-tools, */ .popup-slider-gallery .section__slider-bot-tools .swiper-pagination, .popup-slider-gallery .section__slider-bot-tools .tools-item { width: 100%; } .popup-slider-gallery .section__slider-bot-tools { margin: 0 96px clamp(20px, 5.7vh, 40px); width: calc(100% - 192px); } } @media screen and (min-width:1600px){ .section__slider-bot-tools{ margin-top: 40px; } /* #top-popup-slider-list .tools-item{ align-items: end; } */ .popup-slider-gallery .section__slider-bot-tools { margin: 0 96px 64px; } .swiper-pagination-number{ font-size: 14px; line-height: 16px; letter-spacing: 0.28px; } .tools-item{ gap: 40px; } .section__slider-bot-tools .swiper-pagination{ width: 157px; } .popup-slider-gallery .section__slider-bot-tools .swiper-pagination { width: 100% } .swiper-button-next, .swiper-button-prev, .autoplay-progress, .autoplay-progress svg { min-width: 64px; min-height: 64px; } .swiper-button-next .sh-btn--nav-icon, .swiper-button-prev .sh-btn--nav-icon { width: 16px; height: 16px; } } /* Меню Старт*/ .header { /* background: linear-gradient(115deg, #FFF 0%, rgba(255, 255, 255, 0.50) 100%); backdrop-filter: blur(50px); */ position: relative; width: 100%; z-index: 101; transition: top 0.3s ease-in; padding-bottom: 66px; } .header.no-padding { padding-bottom: 0; } .header.active { z-index: 1000; } .section__menu { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px 12px; position: relative; width: 100%; transition: padding 0.3s ease-in-out; /* z-index: 5; */ } .header.no-padding + .sh-wrapper .sh-main > section:nth-child(1)::before, .header.no-padding + .sh-wrapper .sh-main .home-page > section:nth-child(1)::before { content: ""; background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, var(--silver-black-06) 100%); height: 134px; position: absolute; top: 0; width: 100%; z-index: 2; } .long-top-shadow.header.no-padding + .sh-wrapper .sh-main > section:nth-child(1)::before { height: 186px; } .section__menu.fixed { position: fixed; top: 0; z-index: 5; } .section__menu.black { background: var(--silver-white); padding-bottom: 12px; } /* .menu-row_fixed { display: none; } */ .section__menu.active .menu-address{ order: 1; } .section__menu.active .menu-phone-number { order: 3; } .section__menu.active .menu-phone{ order: 2; } .section__menu.active .header__desktop-menu, .section__menu.active .group-with-icon{ display: none; } .section__menu.active .menu-address{ display: block; } .menu-row.white .fill { fill: var(--silver-white); } .menu-row.white .sh-btn--nav-black { border: 1px solid var(--silver-white-03); } .menu-row.white .stroke{ stroke: var(--silver-white); } .section__menu.black .fill { fill: var(--silver-black); } .section__menu.black .stroke{ stroke: var(--silver-black); } .section__menu.black .sh-btn--nav-white::before { background: var(--silver-green-light); } .section__menu .sh-btn__img--main .fill{ /* fill: var(--silver-white); */ } .section__menu .sh-btn--light-green:hover .sh-btn__img--main .fill, .section__menu .sh-btn--light-green:active .sh-btn__img--main .fill { fill: var(--silver-green); } .menu-row { display: flex; align-items: center; justify-content: space-between; width: 100%; } .menu-row.white { color: var(--silver-white); } .menu-row__left, .menu-row__right { display: flex; align-items: center; gap: 8px; } .menu-social { display: none; align-items: center; } .social-text { font-size: 13px; font-weight: 350; line-height: 16px; letter-spacing: 0.26px; flex: 0 0 63px; } .social-wa, .social-tg { display: flex; align-items: center; } .menu-logo{ width: 62.722px; height: 36px; } .menu-logo img{ display: block; } .menu-label, .menu-address { /* color: var(--silver-white); */ /* ой, яндекс вебмастер доебётся к размеру */ font-size: 10px; font-style: normal; font-weight: 500; line-height: 1.2; letter-spacing: 0.2px; text-transform: uppercase; opacity: 0.7; } .menu-address.mob-only, .menu-label { font-size: 8.8px; padding-top: 8px; } .menu-address { text-align: right; } .menu-phone { border-radius: 27px; /* border: 1px solid var(--silver-black-015); */ display: flex; width: 36px; height: 36px; justify-content: center; align-items: center; gap: 6px; flex-shrink: 0; } .menu-phone.sh-btn--nav-white { border: 1px solid var(--white-03, rgba(255, 255, 255, 0.30)); } /* .menu-phone__icon { height: 12px; } .menu-phone__icon img { display: block; } */ .menu-phone-number { /* color: var(--silver-white); */ font-size: 14px; font-style: normal; font-weight: 500; line-height: 1; text-decoration: none; } .menu__content{ display: flex; flex-direction: column; } .menu__content.desktop-only { display: none; } .menu__content-txt { border-bottom: 1px solid var(--silver-black-015); color: var(--silver-black); display: flex; align-items: center; justify-content: space-between; font-family: Stem; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.55; text-decoration: none; padding: 12px 0; } .menu-row.white .menu__content-txt { color: var(--silver-white); } .menu__content-txt:hover{ /* color: #FF4F33; */ } #burger-menu-btn { /* margin-left: 4px; */ position: relative; /* z-index: 2; */ } #mobile-menu, #mobile-contacts-menu { background: var(--silver-white); border-radius: 0px 32px 32px 0px; left: 0; top: 0; opacity: 0; position: fixed; width: calc(100% - 20px); height: 100vh; transform: translateX(-100vw); transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; z-index: 2; } .mobile-menu-wrapper { display: flex; flex-direction: column; position: relative; width: 100%; height: 100dvh; padding: 12px 20px 20px; } .mobile-menu__header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid var(--silver-black-015); } .mobile-menu__header-title { color: #000; font-family: Stem; font-size: 22px; font-style: normal; font-weight: 350; line-height: 1.45; letter-spacing: 0.44px; text-transform: uppercase; } .mobile-menu__list { display: inline-block; position: relative; } .menu--mobile { display: flex; flex-direction: column; gap: 30px; } #mobile-menu.active, #mobile-contacts-menu.active { opacity: 1; transform: translateX(0); } #mobile-contacts-menu { background: rgba(46, 46, 46, 0.70); backdrop-filter: blur(15px); border-radius: 0; left: 0; right: 0; transform: translateX(100vw); width: 100vw; z-index: 2; .sh-btn--jivo { align-self: center; display: inline-flex; text-align: center; } form button { width: 100%; } form textarea, .form-field__input, .form-field__label, .form-msg { text-align: center; } .form-field__label { left: 50%; transform: translateX(-50%); } .mobile-menu-wrapper { background: var(--silver-white); border-radius: 24px 0 0 24px; justify-content: space-evenly; margin-left: auto; max-width: 400px; padding: 20px 16px 16px; width: calc(100% - 16px); &.sh-modal__content { opacity: 1; transform: none; } .mobile-menu__header { border: none; justify-content: flex-end; position: absolute; z-index: 1; top: 12px; right: 12px; } .mobile-menu__list { padding-bottom: 12px; .menu__content { gap: 16px; .menu__content-txt { align-items: center; border-bottom: none; flex-direction: column; gap: 8px; text-align: center; h5 { font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.33; text-transform: uppercase; text-align: center; } p { font-size: 13px; font-weight: 350; max-width: 266px; } a { color: var(--silver-green); } .sh-btn--jivo:hover { color: var(--silver-white); } } img { /* aspect-ratio: 16 / 9; */ border-radius: 24px 0 24px 24px; width: calc(100% + 32px); height: auto; object-fit: cover; object-position: center; margin-left: -16px; margin-right: -16px; max-width: none; } } } .mobile-menu__bot { margin-bottom: 16px; /* margin-top: auto; */ text-align: center; } } } .mobile-menu-wrapper { .mobile-menu__bot { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; margin-bottom: auto; .sh-btn__txt { color: var(--silver-white); } .sh-btn--full .sh-btn__img { background: var(--silver-white); width: 40px; height: 40px; } } } .additional-links { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; .has-link { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: 20%; /* 3.6px */ text-underline-position: from-font; } } #burger-menu-btn .close-icon { display: none; height: 24px; width: auto; } #burger-menu-btn.active .close-icon { display: block; } .section__mobile-submenu { background: var(--silver-white); opacity: 0; transform: translateX(-100vw); transition: opacity 0.5s, transform 0.5s; width: 100%; height: 100%; position: absolute; top: 0; } .section__mobile-submenu.active { opacity: 1; z-index: 5; transform: translateX(0); } .section__mobile-submenu-header { border-bottom: 1px solid var(--silver-black-015); padding-bottom: 12px; padding-top: 12px; } .submenu-header__close { cursor: pointer; display: flex; align-items: center; gap: 4px; margin-left: -4px; } .submenu-header__close img { width: 6.2px; height: 5.7px; } .submenu-group { display: none; opacity: 0; transition: opacity 0.5s; } .submenu-group.active { display:flex; opacity: 1; transition: opacity 0.2s; } .mobile-menu__bot { margin-top: auto; } .mobile-menu__bot .sh-btn--full { width: 100%; } .section__menu.black.active{ padding-bottom: 12px; padding-top: 12px; } .section__menu.black #burger-menu-btn, .section__menu.black .menu-phone__icon.sh-btn--nav-white { border: 1px solid var(--silver-black-015); } .menu-row__item--chat-widget { margin-left: auto; margin-right: 8px; margin-top: 6px; } @media (width < 600px) { .menu-row__right .menu-phone, .menu-row__right .sh-btn--nav, .section__menu .contacts-sidebar-icon, #burger-menu-btn { height: 32px; width: 32px; } .menu-row__right .sh-btn--nav { margin-top: 7px; } } @media (width >= 600px) { .header { padding-bottom: 66px; } .section__menu { padding: 12px 40px 12px; } .menu-social { display: flex; gap: 4px; } .menu-row__item--chat-widget { display: none; } .menu-row__item--social { margin-left: auto; margin-right: 4px; } .desktop-only.with-tablet { display: block; } .mob-only.no-tablet { display: none; } .menu-row__item.desktop-only, .menu-row__item.desktop-only.with-tablet { display: flex; align-items: center; gap: 12px; font-size: 13px; font-style: normal; font-weight: 350; line-height: 1.23; letter-spacing: 0.26px; } /* .section__menu.black { padding-bottom: 20px; } */ /* .section__menu.black.active{ padding-bottom: 12px; } */ .header.no-padding + .sh-wrapper .sh-main > section:nth-child(1)::before, .header.no-padding + .sh-wrapper .sh-main .home-page > section:nth-child(1)::before { height: 142px; } .long-top-shadow.header.no-padding + .sh-wrapper .sh-main > section:nth-child(1)::before { height: 194px; } } @media (width >= 1170px) { .section__menu .menu-row__right{ gap: 12px; } .menu-row_fixed { margin-left: auto; margin-right: auto; } .section__menu.active .menu-row_fixed{ display: block; } .section__menu.active .menu-row_fixed .menu__content .menu__content-txt{ font-size: 12px; /* font-weight: 500; */ } .section__menu .uni-card { cursor: pointer; } .desktop-only { display: block; } .header.no-padding + .sh-wrapper .sh-main > section:nth-child(1)::before, .header.no-padding + .sh-wrapper .sh-main .home-page > section:nth-child(1)::before{ height: 192px; } .long-top-shadow.header.no-padding + .sh-wrapper .sh-main > section:nth-child(1)::before { height: 252px; } .header { /* top: 0; position: relative; */ /* padding-top: 0; */ padding-bottom: 80px; } .header.active:not(.fixed)+.sh-wrapper { /* padding-top: 243px; */ } .menu-row__left { transform: translateY(-4px); } .menu-logo img, .menu-logo svg { width: 100%; } .section__menu { padding: 20px 28px 0; flex-direction: column; gap: 20px; } .section__menu.white .fill { fill: var(--silver-white); } .section__menu.white .sh-btn--nav-black { border: 1px solid var(--silver-white-03); } .section__menu.white .stroke{ stroke: var(--silver-white); } .section__menu > div:first-child { /* padding-left: 12px; padding-right: 12px; */ } .section__menu.black { padding-bottom: 20px; } .menu-row { /* margin: 0 108px; */ } #desktop-menu { width: 100%; } .menu__content { display: flex; flex-direction: row; justify-content: space-between; gap: 16px; } .menu__content-item { cursor: pointer; position: relative; z-index: 2; } .menu__content-item:hover .nav-icon { transform: rotate(180deg); } .menu__content-item::before { content: ""; height: 70px; position: absolute; top: 0; width: 100%; z-index: -1; } .menu__content-txt { border-bottom: none; border-radius: 28px; display: flex; gap: 8px; font-size: 12px; font-style: normal; font-weight: 350; line-height: 1.57; letter-spacing: 0.56px; text-transform: uppercase; padding: 4px 8px 2px 8px; transition: background-color 0.2s ease-in-out; } .header__desktop-menu.white .menu__content-txt { color: var(--silver-white); } .header__desktop-menu.white .menu__content-item:hover .menu__content-txt { background: var(--silver-white-01); } .header__desktop-menu.white .menu__content-item:active .menu__content-txt { background: var(--silver-green); } .header__desktop-menu.black .menu__content-item:hover .menu__content-txt { color: var(--silver-green); background: var(--silver-green-007); } .section__menu.fixed.active .menu__content-item:hover .menu__content-txt { color: var(--silver-green); background: var(--silver-green-007); } .header__desktop-menu.black .menu__content-item:hover .stroke { stroke: var(--silver-green); } .header__desktop-menu.black .menu__content-item:active .menu__content-txt { background: var(--silver-gray-super-light); color: var(--silver-black); } .header__desktop-menu.black .menu__content-item:active .stroke { stroke: var(--silver-black);; } .menu__content-txt .nav-icon { display: none; transition: transform ease-in 0.2s; } /* @starting-style { .submenu-group, .menu__content-submenu { opacity: 0; } } */ .menu__content-submenu { background: var(--silver-white); box-shadow: 0 20px 45px -5px rgba(0, 0, 0, .3); cursor: default; display: none; left: 0; background: #fff; min-width: max-content; opacity: 0; padding: 40px; position: absolute; top: 65px; transition-behavior: allow-discrete; /* transition: opacity 1s; */ transition-duration: 0.05s; z-index: 2000; width: 100%; } .section__menu.fixed.active .menu__content-item { /* padding-bottom: 0; */ } /* .section__menu.fixed.active */ .menu__content-submenu .uni-card__img img{ max-height: 336px; width: 280px; } .menu__content-item:hover .menu__content-submenu { display: flex; flex-direction: row; gap: 40px; opacity: 1; transition-duration: 0.3s; @starting-style { opacity: 0; } } .submenu-group { display: flex; flex-direction: column; gap: 8px; /* display:none; */ transition: opacity 0.3s, transform 0.7s, height 0.7s, max-height 0.7s, display 0.7s ; /* transition: all 0.7s ; */ transition-timing-function: ease-in; transition-behavior: allow-discrete; opacity: 0; /* height: 0; max-height: 0; */ transform: translateY(-50vh); transform-origin: top; position: absolute; /* margin-top: -100vh; */ } .submenu-group.active { /* display:block; */ opacity: 1; /* height: 100%; max-height: 400px; */ transform: translateY(0); /* position: relative; */ /* margin-top: 0; */ /* transition: opacity 0.7s, transform 0.7s, height 0.3s, max-height 0.3s, display 0.7s ; */ } .submenu-group__item-link { text-decoration: none; } .submenu-group__item-link:hover { } .submenu-link__name-group { display: flex; justify-content: space-between; align-items: center; flex: 1 0 0; gap: 16px; } .submenu-link { border-radius: 24px; color: var(--silver-black); text-decoration: none; display: flex; align-items: center; gap: 16px; font-size: 14px; font-style: normal; font-weight: 350; line-height: 1.57; letter-spacing: 0.56px; text-transform: uppercase; width: auto; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; } .submenu-link:hover { background: var(--silver-green-007); color: var(--silver-green); } .submenu-kitchen .submenu-link[href="/sale/"], .submenu-furniture .submenu-link[href="/sale/"] { position: relative; } .submenu-kitchen .submenu-link[href="/sale/"]::after, .submenu-furniture .submenu-link[href="/sale/"]::after { content: ""; position: absolute; top: 50%; right: 0; width: 36px; height: 80px; border-radius: 16px; border-right: 1px solid var(--silver-green-light); transform: translateY(-50%); transition: border 0.3s ease-in-out; } .submenu-kitchen .submenu-link[href="/sale/"]:hover::after, .submenu-furniture .submenu-link[href="/sale/"]:hover::after { border-color: transparent; } .submenu-link__icon { opacity: 0; transition: opacity 0.3s ease-in-out; } .submenu-link:hover .submenu-link__icon { opacity: 1; } .submenu-link:hover .submenu-link__img img { transform: scale(1.1); } /* .submenu-link:not(:last-child) { padding-bottom: 22px; border-bottom: solid 1px #e6e6e6; } */ .submenu-link__img { display: block; flex-shrink: 0; width: 80px; height: 80px; border-radius: 16px; overflow: hidden; } .submenu-link__img img { border-radius: 16px; transition: transform 0.3s ease-in-out; } .submenu-link__name { display: block; } .menu__content-item:hover .submenu-furniture { display: grid; column-gap: 40px; grid-template-columns: 1fr 1fr; } .submenu-furniture .submenu-link:nth-child(5){ /* padding-bottom: 0; */ /* border-bottom: none; */ } .menu-phone .sh-btn--nav-icon.whatsapp{ width: 14px; height: 14px; } #mobile-contacts-menu { .mobile-menu-wrapper { padding: 24px; .mobile-menu__header { } .menu__content { justify-content: center; .menu__content-txt { text-transform: none; } } .callback__inputs, .callback__personal-data-btn { flex-direction: column; gap: 12px; } .form-field--phone, .form-field--name { width: 100%; } } } } @media screen and (min-width:1170px) and (max-width:1300px){ .section__menu .menu-social .sh-btn--full{ display: none; } } @media (width >= 1600px) { .section__menu{ padding-left: 96px; padding-right: 96px; } .long-top-shadow.header.no-padding + .sh-wrapper .sh-main > section:nth-child(1)::before { height: 274px; } .menu__content { gap: 32px; } .menu__content-txt { font-size: 14px; } .section__menu.active .menu-row_fixed .menu__content .menu__content-txt{ font-size: 14px; /* font-weight: 350; */ } .section__menu.active{ /* padding: 20px 64px; */ } /* .section__menu.black.active{ padding-bottom: 12px; } */ /* .menu__content-submenu .uni-card__img img{ width: 402px; } */ .menu__content-submenu-card .sh-btn__img{ width: 48px; height: 48px; } .menu__content-submenu-card .uni-card .sh-btn--round{ margin-top: -32px; } .menu__content-submenu-card .uni-card__img { border-radius: 24px; } .menu__content-submenu-card .uni-card__top { border-top-left-radius: 24px; border-top-right-radius: 24px; } .menu__content-submenu-card .uni-card__label{ font-size: 15px; line-height: 22px; height: 24px; padding: 0px 8px; left: 12px; bottom: 36px; } .menu__content-submenu-card .uni-card__title{ font-size: 18px; line-height: 28px; } .menu__content-submenu-card .uni-card__subtitle{ font-size: 13px; line-height: 16px; letter-spacing: 0.26px; } .menu__content-submenu-card .sh-btn--round{ padding: 4px; height: 56px; width: 56px; } #mobile-contacts-menu { .mobile-menu-wrapper { max-width: 500px; padding: 32px; .mobile-menu__list { .menu__content { .menu__content-txt { h5 { font-size: 24px; } p { font-size: 18px; max-width: 300px; } } } } .mobile-menu__bot { .sh-btn__img { width: 48px; height: 48px; } } } } } @media (width < 600px) { #mobile-contacts-menu .form-field--message { display: none; } } /* Меню Конец*/ /* Футер Старт */ .footer-ext-design div{ display: flex; flex-direction: column; } .footer{ margin: 48px 16px 64px 16px; } .footer-contacts-social .sh-btn--nav { /* border: solid 1px #000; */ /* border-radius: 48%; */ width: 48px; height: 48px; /* justify-content: center; align-items: center; display: flex; */ } .footer-contacts-social a svg{ width: 19.232px; height: 16px; } .footer-contacts__tel .footer-contacts-item, .footer-contacts__link .footer-contacts-item:first-of-type{ margin-bottom: 16px; } .footer-top{ display: flex; flex-direction: column; gap: 12px; } .footer-top__item{ display: flex; flex-direction: column; gap: 12px; cursor: pointer; max-height: 40px; overflow: hidden; } .footer-top__item.active { max-height: 100%; overflow: unset; } .footer-top__item-txt{ padding-bottom: 12px; border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .footer-top__item::after{ content: ""; background: url("/local/templates/silverhome/img/icons/arrow-down.svg"); position: absolute; right: 0; top: 0; } .footer-top__item.active .footer-top__item-txt:first-of-type::after{ content: ""; background: url("/local/templates/silverhome/img/icons/arrow-up.svg"); position: absolute; right: 0; top: calc(50% - 8px); width: 12px; height: 6px; } .footer-top__item .footer-top__item-txt:first-of-type::after{ content: ""; background: url("/local/templates/silverhome/img/icons/arrow-down.svg"); position: absolute; right: 0; top: calc(50% - 8px); width: 14px; height: 7px; } .footer-contacts__tel{ display: flex; justify-content: space-between; gap: 16px; } .footer-contacts__link{ display: flex; flex-direction: column; } .footer-ext-design{ color:#5A5A5A; } .footer a{ text-decoration: none; color: #1A4D3E; transition: color 0.3s ease-in-out; } .footer a:hover { color:var(--silver-green-light) } .footer-contacts-social{ display: flex; gap: 8px; } .footer-ext-design{ display: flex; justify-content: space-between; } .footer-ext-item, .footer-ext-copy{ display: flex; flex-direction: column; gap: 8px; } .footer-top, .footer-contacts, .footer-ext-copy { margin-bottom: 40px; } .footer-ext-content, .footer-ext-copy__inn{ color:#5A5A5A; } .footer-contacts-social a, .footer-contacts__tel a, .footer .footer-top__item-txt, .footer-ext-content-address{ color: black; } .footer-top__item .footer-top__item-txt:first-of-type{ color: #1A4D3E; font-weight: 500; position: relative; line-height: 22px; } .footer-bot{ font-size: 13px; } .footer-contacts-content{ font-size: 15px; font-weight: 500; line-height: 22px; } /* .ya-metrika--wa{ display: flex; align-items: center; gap: 1.5px; } */ .footer-contacts-label{ color:#9A9A9A; } .footer-contacts-phone { display: flex; align-items: center; gap: 4px; } @media screen and (min-width:600px) { .footer-contacts-label{ white-space: nowrap; } .footer{ margin: 64px 40px 40px 40px; } .footer-contacts__link{ flex-direction: row; } .footer-ext-copy{ flex-direction: row; } .footer-ext-item{ flex-direction: row-reverse; gap: 16px; margin-bottom: 20px; } .footer-ext-design{ justify-content: start; gap: 130px; } .footer-top, .footer-contacts, .footer-ext-copy { margin-bottom: 40px; } .footer-contacts-item, .footer-contacts__link, .footer-ext-content, .footer-ext-content, .footer-ext-copy__inn{ flex-basis: 50%; } .footer-contacts__tel{ margin-bottom: 24px; } } @media screen and (min-width:1170px) { .footer-top__item.active .footer-top__item-txt:first-of-type::after{ display: none; } .footer-top__item .footer-top__item-txt:first-of-type::after{ display: none; } .footer-ext-design div{ flex-direction: row; gap: 5px; } .footer{ margin: 80px 96px 40px 96px; } .footer-top{ flex-direction: row; gap: 28px; } .footer-top__item{ max-height: unset; width: 100%; } .footer-ext-design{ flex-direction: column; } .footer-ext{ display: flex; } .footer-ext-item{ flex-direction: column-reverse; flex-basis: 50%; } .footer-ext-copy{ flex-direction: column; } .footer-contacts{ display: flex; /* gap: 75px; */ } .footer-ext-copy{ margin-bottom: 0; } .footer-ext-design, .footer-ext-copy{ gap: 8px; flex-basis: 25%; } .footer-contacts__tel{ margin-bottom: 0; /* gap: 105px; */ flex: 1; min-width: 515px; } .footer-ext-content{ /* width: 495px; margin-right: 130px; */ width: 450px; } .footer-ext-copy{ /* margin-right: 77px; */ } .footer-contacts__link{ gap: 28px; flex: 1; } .footer-contacts__tel .footer-contacts-label{ margin-bottom: 18px; } .footer-contacts__link .footer-contacts-label{ margin-bottom: 2px; } } @media screen and (min-width:1600px) { .footer-bot{ font-size: 15px; } .footer-contacts__tel .footer-contacts-label { margin-bottom: 14px; } .footer-contacts-social .sh-btn--nav{ width: 64px; height: 64px; } .ya-metrika--wa{ gap: 4.5px; } .footer-top__item .footer-top__item-txt:first-of-type{ font-size: 18px; } .footer{ margin: 96px 96px 64px 96px; } .footer-contacts-social{ gap: 16px; } .footer-top, .footer-contacts { margin-bottom: 64px; } .footer-contacts-content{ font-size: 18px; } .footer-contacts__tel{ min-width: 885px; } .footer-ext-copy { /* margin-right: 193px; */ } .footer-ext-content { width: 644px; margin-right: 240px; } } @media screen and (max-width:1169px) { .footer-top__item .footer-top__item-txt:first-of-type { pointer-events: none; } } @media screen and (max-width:360px) { .footer-contacts-content { font-size: 13px; } } /* Футер конец */ /* Кастомные табы Старт (требуют перепроверки) */ .js-tabs-container { position: relative; } .js-tabs-container .projects__content > .section__boxed, .js-tabs-container .catalog-products-list__chunk.ection__boxed { margin-top: 24px; } .switch-tab { background: transparent; border-radius: 24px; color: var(--silver-green); flex-shrink: 0; font-weight: 350; line-height: 1.56; padding: 9px 12px; transition: background-color 0.2s ease-in-out; } .switch-tab.active { background: var(--silver-gray-super-light); color: var(--silver-black); } .switch-tab:not(.active) { cursor: pointer; } .switch-tab:hover { background: var(--silver-green-007); } .switch-tab:active { background: var(--silver-green-light); } .switch-tab svg { display: block; } /* возможно ниже не нужно */ .section__boxed.section__catalog-tabs { margin-top: 8px; margin-bottom: 24px; } .tab-btn{ display: flex; gap: 8px; padding: 12px 20px; color: var(--silver-green); cursor: pointer; text-decoration: none; } .tab-btn-active { color: #000; cursor: default; border-radius: 32px; background: var(--silver-gray-super-light); } .tab-btn:hover .svg-draw-effect * { animation-name: svgDrawEffect; animation-duration: 2s; } .tab-pane:not(.tab-pane-show) { display: none; } .tab { position: relative; /* padding: 8px 0 24px 16px; */ } #contacts-tabs-section { margin-top: 40px; } .custom-tabs { display: flex; align-items: baseline; gap: 8px; overflow: auto; padding-right: 56px; /* position: relative; на мобилке плашку Все сносит */ } .videoblog-filter__item.href-active, .videoblog-filter__item.active { background: var(--silver-gray-super-light); } .videoblog-filter__item-icon{ display: none; } .videoblog-filter__item-icon svg { display: block; } .href-active .videoblog-filter__item-icon, .videoblog-filter__item.active .videoblog-filter__item-icon { display: block; } .videoblog-filter__item-name{ width: 100%; } .tab-btn__txt{ white-space:nowrap; } .custom-select { cursor: pointer; display: flex; gap: 4px; justify-content: center; position: relative; } .custom-select--css { background: var(--silver-green); font-size: 15px; position: absolute; z-index: 3; top: 2px; right: 0; padding: 8px 16px 8px 12px; border-radius: 20px 0px 0px 20px; } .custom-select--css:hover .custom-select__options { display: block; } .custom-select--css .custom-select__options { right: -16px; top: 30px; } .videoblog-filter__list--mobile { background: var(--silver-green); font-size: 15px; position: absolute; z-index: 3; top: 2px; right: -16px; padding: 8px 16px 8px 12px; border-radius: 20px 0px 0px 20px; } .section__catalog-tabs .videoblog-filter__list--mobile { top: 5px; } .select-wrapper, .js-select-custom { position: relative; } .custom-select__trigger { color: white; cursor: pointer; position: relative; } .custom-select__options { background: #FFF; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15); position: absolute; top: 30px; right: -8px; min-width: 280px; width: 100%; background-color: #fff; z-index: 10; display: none; } .videoblog-filter__list--mobile .custom-select__options { min-width: 260px; right: -16px; } .js-select-custom.isActive .custom-select__options, .custom-select.active .custom-select__options { display: block; } .js-select-custom.isActive .custom-select__trigger::after, .custom-select.active .custom-select__trigger::after { transform: rotate(180deg); transition: all 0.2s ease; } .custom-select__trigger::after { content: ""; position: absolute; top: 10px; right: -10px; background: url(/local/templates/silverhome/img/icons/arrow-down-wt.svg); width: 6px; height: 4px; transition: all 0.4s ease; } .custom-select__options .custom-select__options-item { display: flex; align-items: center; gap: 10px; text-decoration: none; } .custom-select__options-item { color: #2E2E2E; cursor: pointer; display: inline-block; position: relative; padding: 12px 16px; width: 100%; } .bnd-radiobutton__inside { border-radius: 16px; background: #F2F2F2; padding: 6px; } .page-top--with-tabs + .default-left-right-margin { margin-bottom: 24px; } @media (width >= 600px) { .videoblog-filter__list--mobile { display: none; } .js-tabs-container .projects__content > .section__boxed, .js-tabs-container .catalog-products-list__chunk.section__boxed, .page-top--with-tabs + section .section__boxed { margin-top: 40px; } .page-top--with-tabs + .default-left-right-margin { margin-bottom: 40px; } } @media screen and (min-width:600px) { .custom-tabs { padding-right: 0; } } @media screen and (min-width:1170px) { .section__boxed.section__catalog-tabs { margin-top: 20px; margin-bottom: 40px; } } @media screen and (1024px <= width <= 1300px) { .tab-btn { padding: 12px; } } @media screen and (min-width:1450px) { .contacts-tabs{ /* justify-content: center; */ } } @media screen and (min-width:1760px) { /* .tab{ padding: 28px 0 40px 96px; } */ } /* Конец. кастомные табы */ /* сео-тексты Старт */ .seo-content.fullwidth { width: auto; } .seo-content.section__boxed { margin-top: var(--silver-margin-top-half); } .seo-content h2{ margin: 40px 0 16px 0; font-size: 26px; font-weight: 350; line-height: 36px; letter-spacing: 0.52px; text-transform: uppercase; } .seo-content h3{ margin: 32px 0 16px 0; font-size: 22px; font-weight: 350; line-height: 32px; letter-spacing: 0.44px; text-transform: uppercase; } .seo-content p, .seo-content .section__visit { margin-bottom: 16px; margin-top: 16px; } .seo-content blockquote { margin-bottom: 16px; margin-top: 16px; font-style: italic; color: var(--silver-green); } .seo-content a { color: var(--silver-green); transition: all 0.3s ease-in-out; text-decoration: underline; } .seo-content a:hover { color: var(--silver-green-light); text-decoration: none; } .seo-content ul{ padding: 8px 0 8px 0; display: flex; flex-direction: column; gap: 8px; } .seo-content img { border-radius: 20px; display: block; height: auto; max-width: unset; width: 100vw; margin-left: -16px; margin-right: -16px; margin-bottom: 24px; margin-top: 24px; } .seo-content video { border-radius: 24px; margin-bottom: 24px; margin-top: 24px; } .seo-content__custom{ margin: 8px 0 0 0; } .seo-content__other{ margin: 32px 0 0 0; } .seo-content ol{ display: flex; flex-direction: column; gap: 8px; padding: 0; margin-bottom: 16px; counter-reset: list-counter; } .seo-content li b{ font-weight: 500; } .seo-content li{ padding: 16px 16px 16px 56px; background: var(--silver-gray-super-light); border-radius: 16px; list-style-type: none; position: relative; counter-increment: list-counter; } .seo-content li::before{ /* content: ""; */ content: counter(list-counter); border-radius: 6px; min-width: 24px; min-height: 24px; position: absolute; left: 16px; top: 16px; background: #50C878; display: flex; justify-content: center; align-items: center; font-size: 15px; font-weight: 500; color: white; } .seo-content li div{ margin-left: 42px; } .seo-content:not(.accordion__item-content) .last-child { margin-bottom: 0; } .accordion { .seo-content { h2:first-child, h3:first-child, p:first-child, strong:first-child, img:first-child, div:first-child, span:first-child, a:first-child { /* margin-top: 8px; */ margin-top: 0; } } } @media screen and (min-width:600px){ .seo-content ol{ margin-bottom: 24px; } .seo-content ul{ padding: 12px 0 12px 0; } .seo-content__custom{ margin: 28px 0 0 0; } .seo-content__other{ margin: 44px 0 0 0; } .seo-content h2{ margin: 52px 0 20px 0; font-size: 26px; font-weight: 350; line-height: 36px; letter-spacing: 0.52px; } .seo-content h3{ margin: 44px 0 24px 0; } .seo-content p, .seo-content .section__visit { margin-bottom: 24px; margin-top: 24px; } .seo-content blockquote { margin-bottom: 24px; margin-top: 24px; } .seo-content__custom p:first-of-type{ margin: 0 20px 24px 20px; } .seo-content li{ padding: 24px 24px 24px 64px; } .seo-content li::before{ top: 24px; left: 24px; } .seo-content img{ border-radius: 32px; margin-left: -40px; } .seo-content video { border-radius: 32px; } } @media screen and (min-width:1170px){ .seo-content { max-width: clamp(600px, 65vw, 1280px); flex-shrink: 0; } .seo-content.fullwidth { max-width: 100%; } /* когда нет содержимого статьи */ div:not(.accordion) + section > .seo-content > h2:first-child, div:not(.accordion) + section > .seo-content > h3:first-child, div:not(.accordion) + section > .seo-content > p:first-child, div:not(.accordion) + section > .seo-content > strong:first-child, div:not(.accordion) + section > .seo-content > img:first-child, div:not(.accordion) + section > .seo-content > div:first-child { margin-top: 0; } .seo-content ol{ flex-direction: row; flex-wrap: wrap; } .seo-content li{ flex-basis: calc(50% - 4px); } .seo-content img{ border-radius: 40px; margin-left: 0; margin-right: 0; width: 100%; margin-top: 40px; margin-bottom: 40px; } .seo-content video { border-radius: 40px; margin-top: 40px; margin-bottom: 40px; } .seo-content .media-card__item-video-play { margin: 0; width: 64px; height: 64px; } .seo-content video.vertical { border-radius: 40px; max-width: 50%; } } @media screen and (min-width:1600px){ .h4{ font-size: 28px; font-style: normal; font-weight: 400; line-height: 38px; } .h5 { font-size: 24px; } .seo-content ul{ padding: 20px 0 20px 0; } .seo-content h2{ margin: 84px 0 40px 0; font-size: 40px; font-weight: 350; line-height: 52px; letter-spacing: 0.8px; } .seo-content h3{ margin: 68px 0 32px 0; line-height: 48px; letter-spacing: 0.68px; font-size: 34px; } .seo-content p, .seo-content .section__visit { margin-bottom: 40px; margin-top: 40px; } .seo-content blockquote { margin-bottom: 40px; margin-top: 40px; } .seo-content img{ border-radius: 48px; margin: 56px 0; } .seo-content video { border-radius: 48px; margin: 56px 0; } .seo-content .media-card__item-video-play { margin: 0; width: 128px; height: 128px; } .seo-content video.vertical { border-radius: 48px; } .seo-content ol{ gap: 20px; margin-bottom: 40px; } .seo-content li{ flex-basis: calc(50% - 10px);; padding: 40px 40px 40px 94px; } .seo-content li::before{ min-width: 36px; min-height: 36px; top: 40px; left: 40px; font-size: 22px; } .seo-content li div { margin-left: 52px; } .accordion { .seo-content { h2:first-child, h3:first-child, p:first-child, strong:first-child, img:first-child, div:first-child, span:first-child, a:first-child { margin-top: 0; } } } } /* сео-тексты Конец */ /* Grid элементы Start*/ .seo-content .sh-grid img { margin-top: 0; margin-bottom: 0; } .sh-grid { display: flex; flex-direction: column; gap: 24px; } @media screen and (min-width:600px){ .sh-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } } @media screen and (width >= 1170px){ .sh-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; } .sh-grid--max-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sh-grid--max-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media screen and (width >= 1600px){ .sh-grid { gap: 40px; } } /* Grid элементы END*/ /* Правила, требующие больше специфичности. Старт */ .auto-sizes { width: auto; height: auto; } .desktop-only--flex { display: none; } .mob-only--flex { display: flex; } .sh-btn--nav-black:hover .stroke { stroke: var(--silver-green); } .sh-btn--nav-black:active .stroke { stroke: var(--silver-white); } .sh-btn--nav-black:active .fill { fill: var(--silver-white); } .sh-btn--nav-white:hover .stroke { stroke: var(--silver-white); /* stroke: var(--silver-black); */ } .sh-btn--nav-white:hover .fill { fill: var(--silver-white); /* fill: var(--silver-black); */ } .sh-btn--nav-white:active .stroke { stroke: var(--silver-black); } .sh-btn--nav-white:active .fill { /* fill: var(--silver-white); */ fill: var(--silver-black); } section.black .sh-btn--nav-white:hover { /* background: var(--silver-green-016); */ background: var(--silver-white-01); } section.black .sh-btn--nav-white:hover .fill { /* fill: var(--silver-white); */ /* fill: var(--silver-black); */ fill: var(--silver-green); } section.black .sh-btn--nav-white:hover .stroke { /* fill: var(--silver-white); */ /* fill: var(--silver-black); */ /* stroke: var(--silver-green); */ stroke: var(--silver-white); } section.active.black .sh-btn--nav-white:active .fill { fill: var(--silver-white); } section.black .sh-btn--nav-white:active .stroke { stroke: var(--silver-black); } section.active.black .sh-btn--nav-white:active .stroke { stroke: var(--silver-white); } .sh-btn--nav.sh-btn--close { background: var(--silver-green); border-color: var(--silver-green); /* height: 36px; width: 36px; */ } .sh-btn--nav.sh-btn--close:hover { background: var(--silver-green-light); border-color: var(--silver-green-light); } .sh-btn--wa { background: var(--silver-green-light); } .sh-btn--max { background: url("/local/templates/silverhome/img/icons/max--bkg.jpg") ; background-size: cover; background-repeat: no-repeat; } /* .sh-btn--wa:hover { background: var(--silver-green); } */ .sh-btn--tg { background: #35B2F1; } .sh-btn--wa::before, .sh-btn--tg::before { background: var(--silver-green); } .sh-btn--jivo { background: #E5E8E7; color: var(--silver-green); padding: 8px 16px; .sh-btn__txt { font-size: 12px; font-weight: 700; } } .sh-btn--jivo.with-icon { padding: 8px 6px 8px 20px; } .sh-btn--jivo::before, .sh-btn--jivo::after { background: var(--silver-green-light); right: -40px; } .sh-btn--jivo:hover { color: var(--silver-white); } .sh-btn--max::before { background: #8a4de5; } /* .sh-btn--tg:hover { background: var(--silver-green); } */ .js-tab-content { display: none; } .js-tab-content.active { /* display: block; */ display: flex; } .no-border-radius, .no-border-radius > img { border-radius: 0; } .video-play .pause, .card__video.active .play { display: none; } .video-play .play, .card__video.active .pause { display: block; } @media (width >= 1170px) { .mob-only, .mob-only--flex { display: none; } .desktop-only--flex { display: flex; } .sh-btn--jivo { .sh-btn__txt { font-size: 14px; font-weight: 400; white-space: nowrap; } } .sh-btn--jivo.with-icon { gap: 20px; padding: 8px 8px 8px 28px; } } /* специфичность Конец */ /* акардион */ .accordion { display: flex; flex-direction: column; margin: 24px 0; } .accordion .sh-label--top{ left: 0; top: 0; } .accordion .section__heading{ max-width:100% } .accordion__item { border-top: solid 1px #D9D9D9; display: flex; flex-direction: column; /* gap: 12px; */ cursor: pointer; max-height: 72px; overflow: hidden; transition: max-height 1s ease-in-out; } /* .accordion__item:not(.single) { transition: none; } */ .accordion__item .accordion__item-txt:first-of-type { /* color: #1A4D3E; */ color: var(--silver-black); font-weight: 350; position: relative; /* text-transform: uppercase; */ } /* делаем стандартный размер */ .accordion__item-txt{ /* font-size: 18px; line-height: 28px; */ } .accordion__item .accordion__item-icon-plus{ display: block; } .accordion__item.active .accordion__item-icon-plus{ display: none; } .accordion__item .accordion__item-icon-minus{ display: none; } .accordion__item.active .accordion__item-icon-minus{ display: block; } /* .accordion__item .accordion__item:first-of-type::after { content: ""; background: url('/local/templates/silverhome/img/icons/icon-plus.svg'); position: absolute; right: 0; width: 70px; height: 70px; } */ /* .accordion__item::after { content: ""; background: url('/local/templates/silverhome/img/icons/icon-plus.svg'); position: absolute; right: 0; top: 0; } */ .accordion__item.active { max-height: 500vh!important; overflow: unset; transition: max-height 1.6s ease-in-out; } .accordion__item:hover { background: var(--silver-green-007); } .accordion__item .horizontal, .accordion__item .vertical { transition: transform 0.6s ease-in-out; transform-origin: center; } .accordion__item.active .horizontal { transform: rotate(180deg); } .accordion__item.active .vertical { transform: rotate(90deg); } /* .accordion__item.active .accordion__item:first-of-type::after { content: ""; background: url('/local/templates/silverhome/img/icons/icon-minus.svg'); position: absolute; right: 0; top: calc(50% - 8px); width: 70px; height: 70px; } */ .accordion .accordion__item:last-child{ border-bottom: solid 1px #D9D9D9; } .accordion__item-heading { align-items: center; display: flex; justify-content: space-between; gap: 12px; padding: 12px 16px; transition: background-color 0.3s ease-in-out; } .accordion__item .accordion__item-content { opacity: 0; transition: opacity 0.3s ease-in-out; } .accordion__item.active .accordion__item-content { opacity: 1; transition: opacity 0.9s ease-in-out; } .accordion__item-content .section__boxed--slider, .accordion__item-content .section__boxed { margin-top: var(--silver-margin-top-half); margin-bottom: var(--silver-margin-bot-half); } @media screen and (min-width:600px){ .accordion__item-heading{ padding: 12px 40px; } .accordion { margin: 32px 0; } } @media screen and (min-width:1170px){ .accordion__item-heading{ padding: 12px 96px; } .accordion { margin: 40px 0; } } @media screen and (min-width:1600px){ .accordion { margin: 64px 0; } .accordion__item-txt { /* font-size: 22px; line-height: 36px; */ } .accordion__item{ max-height: 103px; } .accordion__item-heading{ padding: 20px 96px; } } .accordion .h2{ width:100% } .section__fullscreen-slider #luna.swiper-slider-gallery { border-radius: 32px 32px 32px 32px; } .section__fullscreen-pic { position: relative; overflow: hidden; border-radius: 0 0 32px 32px; } .section__fullscreen-pic .sh-picture .animated-photo { width: 100vw; height: auto; } .section__fullscreen-pic .main-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: space-between; flex-direction: column; padding: 82px 0 16px; z-index: 1; } .section__fullscreen-pic .main-wrapper .h1 { color: #fff; } .section__fullscreen-pic .main-wrapper .main-text { font-size: 13px; font-weight: 350; line-height: 16px; letter-spacing: 0.26px; color: #fff; margin: var(--silver-margin-top) var(--silver-margin-right) 0 var(--silver-margin-left); position: relative; z-index: 2; } .main-text__cta-area { margin-top: 24px; } .section__fullscreen-pic .main-wrapper .list-card { background: transparent; padding: 0; } .section__fullscreen-pic .main-wrapper .list-card .list-card__text { color: #fff; position: relative; } .section__fullscreen-pic .main-wrapper .list-card .list-card__img img { border-radius: 64px; border: 1px solid rgba(255, 255, 255, 0.10); } @media screen and (min-width:600px){ .section__fullscreen-pic .main-wrapper { padding-bottom: 48px; justify-content: flex-end; gap: 48px; } .section__fullscreen-pic .main-wrapper .list-cards { flex-direction: row; } .section__fullscreen-pic .main-wrapper .list-card { position: relative; border-radius: 16px; overflow: hidden; gap: 0; } .section__fullscreen-pic .main-wrapper .list-card:before { content: ''; position: absolute; width: 100%; height: 100%; left: -8px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(0, 0, 0, 0.15); backdrop-filter: blur(6px); } .section__fullscreen-pic .main-wrapper .list-card .list-card__img img { border: none; } } @media screen and (min-width:1024px){ .section__fullscreen-pic { border-radius: 0 0 48px 48px; } .section__fullscreen-pic .main-wrapper .list-card { gap: 8px; padding: 8px; } } @media screen and (min-width:1366px){ .section__fullscreen-pic { border-radius: 0 0 64px 64px; } .section__fullscreen-pic .main-wrapper .list-card { gap: 16px; padding: 16px; } } .messengers .services { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 104px; } .messengers .services .service{ position: relative; } .messengers .services .service .lilk-service{ display: none; } .messengers .services .service .lilk-service.whatsapp{ background-color: #01e675; } .messengers .services .service .lilk-service .ui-icon-service-whatsapp { --ui-icon-service-bg-color: #fff; --ui-icon-service-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='-5 -5 50 50'%3E%3Cpath fill='%2301e675' d='M6,33.6692502 L7.9357003,26.7942754 C6.69093133,24.6795989 6.03555244,22.2735659 6.03555244,19.8018908 C6.03555244,12.1915008 12.2270533,6 19.8374433,6 C27.4478333,6 33.6392474,12.1915008 33.6392474,19.8018908 C33.6392474,27.4122809 27.4478333,33.6037817 19.8374433,33.6037817 C17.4660955,33.6037817 15.1440876,32.9967888 13.089937,31.844196 L6,33.6692502 Z M13.4523985,29.3332399 L13.8748655,29.5912119 C15.6658414,30.6845795 17.7277095,31.2625234 19.8374433,31.2625234 C26.1568462,31.2625234 31.2979892,26.1212937 31.2979892,19.8018908 C31.2979892,13.482488 26.1568462,8.34125826 19.8374433,8.34125826 C13.5180404,8.34125826 8.3768107,13.482488 8.3768107,19.8018908 C8.3768107,22.0038009 9.00262036,24.1420634 10.1864299,25.9855008 L10.4709361,26.4285188 L9.35623707,30.3876733 L13.4523985,29.3332399 Z'/%3E%3Cpath fill='%2301e675' d='M16.0558808,13.4906124 L15.1603062,13.4417928 C14.8790083,13.4264446 14.6030867,13.5204418 14.3904658,13.705141 C13.9562925,14.0821703 13.262066,14.8110821 13.0488381,15.7609392 C12.7308605,17.177227 13.2222646,18.9114924 14.4940881,20.6457578 C15.7659117,22.3800232 18.1360454,25.1548478 22.3271579,26.339958 C23.677717,26.7218432 24.740128,26.4643915 25.5598285,25.9400364 C26.2090508,25.5247666 26.6565779,24.8582017 26.8178646,24.1046634 L26.9608548,23.4367978 C27.0062926,23.2245237 26.898508,23.0091279 26.701322,22.9182524 L23.6745953,21.5231226 C23.4781031,21.432594 23.2451045,21.4898247 23.1129535,21.6610834 L21.9247216,23.2014579 C21.8349733,23.3178272 21.6813174,23.3639586 21.5425762,23.3152258 C20.7288589,23.0292454 18.003114,21.8876652 16.5074835,19.0067036 C16.442622,18.8817497 16.4587507,18.7300882 16.5507535,18.6235176 L17.6863504,17.3098116 C17.8023728,17.1756662 17.8316819,16.9870648 17.7619644,16.8240439 L16.4572766,13.7716501 C16.3878192,13.6091494 16.2321689,13.5002376 16.0558808,13.4906124 Z'/%3E%3C/svg%3E"); } .messengers .services .service .lilk-service .ui-icon-service-telegram{ --ui-icon-service-bg-color: #fff; --ui-icon-service-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3E%3Cpath fill='%232fc6f6' d='M25.616 16.036L17.8 23.269a1.61 1.61 0 0 0-.502.965l-.266 1.964c-.035.263-.405.289-.478.035l-1.024-3.582a.948.948 0 0 1 .417-1.068l9.471-5.807c.17-.104.346.125.2.26m3.793-3.997L9.52 19.677a.568.568 0 0 0 .005 1.064l4.847 1.8 1.876 6.005c.12.385.592.527.906.272l2.701-2.192a.809.809 0 0 1 .983-.028l4.872 3.522c.336.242.811.06.895-.344l3.57-17.09a.57.57 0 0 0-.765-.647'/%3E%3C/svg%3E"); } .messengers .services .service .lilk-service .ui-icon-service-max > i, .messengers .services .service .qr_code .ui-icon-service-max > i { background: url("/local/templates/silverhome/img/icons/max.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } .messengers .services .service .lilk-service.telegram{ background-color: #2fc6f6; } .messengers .services .service .lilk-service.max { background: url(/local/templates/silverhome/img/icons/max--bkg.jpg); background-size: cover; background-repeat: no-repeat; color: var(--silver-white); } .messengers .services .qr_code { height: 274px; width: 274px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; position: relative; border-radius: 28px; background: rgb(255 255 255 / 10%); } .messengers .services .service .qr_code .ui-icon{ top: calc(50% - 32px); position: absolute; padding: 0px; border-style: hidden; outline: none; border: 8px solid #000; border-radius: 50%; right: -32px; width: 64px; z-index: 2; } .messengers .services .service:nth-child(even) .qr_code .ui-icon { right: 0px; left: -32px; } .city__content .messengers .services svg { border-radius: 24px; } .city__content .messengers .services { justify-content: space-between; } .city__content .messengers .services .service .qr_code .ui-icon { border-color: var(--silver-white); } .messengers .services .service:nth-child(even) .qr_code .ui-icon { right: 0px; left: -32px; } @media screen and (min-width: 601px) and (max-width: 1170px) { #contacts-map-modal-section .messengers .services .service .lilk-service .ui-icon{ min-width: 48px; } } @media screen and (max-width: 1170px) { #contacts-map-modal-section .messengers .services .qr_code { display: none; } #contacts-map-modal-section .messengers .services .service { width: 50%; } #contacts-map-modal-section .messengers .services .service .lilk-service { font-size: 12px; line-height: 18px; color: var(--silver-white); } #contacts-map-modal-section .messengers .services .service .lilk-service .ui-icon{ /* top: 0; right: 0; position: absolute; padding: 0px; border-style: hidden; outline: none; border: 8px solid #ffffff00; border-radius: 50%; width: 64px; z-index: 2; left: unset; */ } #contacts-map-modal-section .messengers .services { gap: 8px; } #contacts-map-modal-section .messengers .services .service { width: 50%; } #contacts-map-modal-section .messengers .services .service .lilk-service { display: flex; justify-content: space-between; border-radius: 64px; padding: 8px 8px 8px 20px; width: 100%; min-height: 64px; align-content: center; align-items: center; text-transform: uppercase; text-decoration: none; text-align: left; gap: 8px; } #contacts-map-modal-section .messengers .services .service .lilk-service .ui-icon{ top: unset; right : unset; } } @media screen and (max-width: 1599px) and (min-width:1367px) { .city__content .messengers .services .qr_code { height: 174px; width: 174px; } .city__content .messengers .services .service svg{ height: 174px; width: 174px; } .city__content .messengers .services .service .ui-icon { width: 48px; top: calc(50% - 24px); right: -24px; } .city__content .messengers .services .service:nth-child(even) .qr_code .ui-icon { left: -24px; } } @media screen and (max-width:1366px){ .messengers .services .qr_code { height: 174px; width: 174px; } .messengers .services .service svg{ height: 122px; width: 122px; } .messengers .services .service .ui-icon { width: 48px; top: calc(50% - 24px); right: -24px; } .messengers .services .service:nth-child(even) .qr_code .ui-icon { left: -24px; } } @media screen and (max-width:800px){ .messengers .services { gap: 8px; } .messengers .services .qr_code { display: none; } .messengers .services .service { width: 50%; } .messengers .services .service .lilk-service { display: flex; justify-content: space-between; border-radius: 64px; padding: 8px 8px 8px 20px; width: 100%; min-height: 64px; align-content: center; align-items: center; text-transform: uppercase; text-decoration: none; text-align: left; gap: 8px; font-size: 14px; line-height: 22px; } .messengers .services .service .lilk-service .ui-icon{ top: unset; right : unset; } .messengers .services .service .lilk-service .ui-icon-service-max > i, .messengers .services .service .qr_code .ui-icon-service-max > i { background: url("/local/templates/silverhome/img/icons/max--white-bkg.png"); background-position: center; } } @media screen and (max-width:599px){ #contacts-map-modal-section .messengers .services { gap: 10px; } #contacts-map-modal-section .messengers .services .service .lilk-service { /* font-weight: 400; font-size: 12px; line-height: 150%; letter-spacing: 0.04em; text-transform: uppercase; padding: 8px 40px 8px 8px; min-height: 40px; */ } #contacts-map-modal-section .messengers .services .service .lilk-service .ui-icon { /* border: 6px solid #ffffff00; width: 52px */ } } @media screen and (max-width:599px){ .messengers .services .service .lilk-service { font-weight: 400; font-size: 12px; line-height: 150%; letter-spacing: 0.04em; text-transform: uppercase; padding: 8px 8px 8px 20px ; min-height: 40px; text-align: left; } .messengers .services .service .lilk-service .ui-icon i { min-width: 40px; } } .list-card-slider__bot-new{ display: flex; flex-direction: column; gap: 16px; margin-top: 16px; background: var(--silver-gray-super-light); padding: 16px; border-radius: 16px; margin-left: -16px; margin-right: -16px; } .list-card-slider__bot-new .description { display: none; } .list-card-slider__bot-new-info { display: grid; grid-template-areas: "title title" "infinity days"; grid-template-columns: repeat(2, 1fr); gap: 16px; } .list-card-slider__bot-new-item.title { grid-area: title; gap: 0; } .list-card-slider__bot-new-item.infinity { grid-area: infinity; background: var(--silver-white); padding: 21px 16px; border-radius: 16px; } .list-card-slider__bot-new-item.days { grid-area: days; background: var(--silver-white); padding: 21px 16px; border-radius: 12px; } .list-card-slider__bot-new-item.days .title { font-size: 40px; line-height: 1.2; color: var(--silver-green); font-weight: 300; } .list-card-slider__bot-new-item.infinity .title svg { width: 60px; } .list-card-slider__bot-new-item.infinity .text, .list-card-slider__bot-new-item.days .text { font-size: 10px; line-height: 12px; font-weight: 500; text-transform: uppercase; } @media screen and (min-width:600px) { .list-card-slider__bot-new-info { grid-template-areas: "title infinity days"; grid-template-columns: repeat(3, 1fr); } .list-card-slider__bot-new-item { display: flex; gap: 12px; align-items: center; } .list-card-slider__bot-new .sh-btn--full { align-self: auto; width: 100%; } .list-card-slider__bot-new { margin-left: 0; margin-right: 0; } } @media screen and (min-width:1170px) { .list-card-slider__bot-new .sh-btn--full { width: auto; margin-right: 16px; } .list-card-slider__bot-new { align-items: center; flex-direction: row; background: var(--silver-white); border: 2px solid var(--silver-gray-super-light); padding: 0; } .list-card-slider__bot-new-info { grid-template-areas: "title title title infinity days"; grid-template-columns: repeat(5, 1fr); gap: 0; } .list-card-slider__bot-new-item.title { background: var(--silver-gray-super-light); padding: 24px 28px; display: flex; flex-wrap: wrap; align-items: center; border-radius: 16px; max-width: 475px; } .list-card-slider__bot-new .description { display: block; font-size: 15px; line-height: 22px; font-weight: 300; } .list-card-slider__bot-new-item.infinity { border-right: 2px solid var(--silver-gray-super-light); } } @media screen and (min-width:1800px) { .list-card-slider__bot-new { border-radius: 24px; margin-top: 40px; padding: 0; } .list-card-slider__bot-new-item.title { padding: 27px 40px; width: 690px; max-width: 100%; } .list-card-slider__bot-new .description { font-weight: 300; font-size: 18px; line-height: 28px; } .list-card-slider__bot-new-item.infinity { border-radius: 24px; } .list-card-slider__bot-new-item.infinity .text, .list-card-slider__bot-new-item.days .text { font-size: 14px; line-height: 16px; } .list-card-slider__bot-new-item.days .title { font-size: 64px; line-height: 64px; } .list-card-slider__bot-new-item.infinity .title svg { width: 88px; } .list-card-slider__bot-new .sh-btn--full { /* flex-shrink: 1; */ } } /* Бело-серый стиль Steel Legend (пока только у форм) */ .sh-modal { .steel-legend { background: var(--silver-white); border-radius: 24px; max-width: 572px; padding: 32px 16px 16px; margin-left: auto; margin-right: auto; height: fit-content; display: flex; flex-direction: column; gap: 28px; .section__heading { align-items: flex-start; margin-bottom: 0; display: flex; flex-direction: column; gap: 8px; .h2 { font-size: 22px; line-height: 1.38; } p { margin: 0; } /* .sh-btn--jivo { background: #e0e6e4; } */ } .form-social__content { display: none; } .callback__inputs { flex-direction: row; flex-wrap: wrap; gap: var(--sh-gap); .form-field:not(.form-field--half) { width: calc((100% - var(--sh-gap)) / 2); } .form-field__label, .form-field__input { color: var(--silver-black-light); } .form-field__input, .form-field--attached-file { border-bottom: var(--silver-black) solid 1px; } .input-file-btn { .stroke { stroke: var(--silver-gray); } } } button[type="submit"] { width: 100%; } .steel-legend__bot { display: flex; flex-direction: column; align-items: center; } } } @media (width >= 1170px) { .sh-modal { .steel-legend { margin-top: 34px; margin-bottom: 34px; padding: 24px; } } } @media (width >= 1600px) { .sh-modal { .steel-legend { max-width: 720px; padding: 32px; } .h2 { font-size: 40px; line-height: 1.3; } } } /* Steel Legend Конец */ .b24-widget-button-wrapper.b24-widget-button-position-bottom-right, .b24-widget-button-wrapper.b24-widget-button-position-bottom-middle, .b24-widget-button-wrapper.b24-widget-button-position-bottom-left { bottom: 16px; right: 16px; } @media (width >= 600px) { .b24-widget-button-wrapper.b24-widget-button-position-bottom-right, .b24-widget-button-wrapper.b24-widget-button-position-bottom-middle, .b24-widget-button-wrapper.b24-widget-button-position-bottom-left { bottom: 40px; right: 16px; } } @media screen and (width >= 1600px) { .b24-widget-button-wrapper.b24-widget-button-position-bottom-right, .b24-widget-button-wrapper.b24-widget-button-position-bottom-middle, .b24-widget-button-wrapper.b24-widget-button-position-bottom-left { bottom: 64px; right: 40px; } } /* End */ /* Start:/local/templates/silverhome/components/figma/uni-card/uni-card.css?17908476573551*/ /* Универсальная карточка Старт*/ .uni-card { position: relative; } .uni-card--link { cursor: pointer; } .uni-card__top { border-top-left-radius: 24px; border-top-right-radius: 24px; padding: 16px 16px 64px; position: absolute; z-index: 1; } .uni-card__title { display: block; /* font-size: 18px; */ /* line-height: 1.55; */ line-height: 1.3; color: var(--silver-white); } .uni-card__subtitle { color: var(--silver-white-07); font-size: 13px; font-style: normal; font-weight: 350; line-height: 1.23; letter-spacing: 0.26px; } .uni-card__title + .uni-card__subtitle { margin-top: 4px; } .uni-card__img { border-radius: 24px; overflow: hidden; } .uni-card__label { border-radius: 16px; font-weight: 500; left: 12px; bottom: 37px; } /* .section__shop .uni-card__label.shop-sale-badge { background: var(--silver-green-light); color: var(--silver-black); text-transform: uppercase; } */ .uni-card:hover .sh-overlay-gradient--top { height: calc(100% - 24px)!important; } /* .uni-card:hover .sh-overlay-gradient--top { background: linear-gradient(180deg, var(--silver-transparent) 0%, var(--silver-transparent) 100%); } */ .uni-card__img img { display: block; object-fit: cover; object-position: top; transition: transform 1s ease-in-out; width: 100%; } .uni-card .sh-btn--round { display: flex; justify-content: center; margin-left: auto; margin-right: auto; left: 0; right: 0; /* position: absolute; */ position: relative; /* bottom: -28px; */ margin-top: -32px; } .uni-card.no-button .sh-btn--round { display: none; } .uni-card:hover .uni-card__img img { transform: scale(1.05); } .uni-card:hover .sh-btn__img--main { background: var(--silver-green-light); } .social-media-widgets{ position: absolute; bottom: 0; left: 0; padding: 0 16px 41px 16px; display: flex; justify-content: space-between; width: 100%; color: white; z-index: 1; } .social-media-widgets img { display: block; } .social-media-widgets__view, .social-media-widgets__like, .social-media-widgets__repost, .social-media-widgets__comments{ align-items: center; display: flex; gap: 8px; } .social-media-widgets__left-col, .social-media-widgets__right-col{ display: flex; flex-direction: column; gap: 8px; } .catalog-products-list__item .winner-logo { display: block; position: absolute; bottom: 36px; right: 12px; width: 52px; height: auto; } @media screen and (min-width:600px) {} @media screen and (min-width:1170px) {} @media screen and (min-width:1600px) { .uni-card__top { border-top-left-radius: 32px; border-top-right-radius: 32px; padding: 32px 32px 80px; } .uni-card__title { /* font-size: 22px; */ } .uni-card__subtitle { font-size: 15px; line-height: 1.46; } .uni-card .sh-btn--round { /* bottom: -40px; */ margin-top: -48px; } .uni-card__img{ border-radius: 32px; } .uni-card__label { left: 20px; bottom: 50px; padding: 2px 12px; } .uni-card:hover .sh-overlay-gradient--top { height: calc(100% - 32px)!important; } .social-media-widgets__left-col, .social-media-widgets__right-col{ gap: 12px; } .social-media-widgets{ padding: 0 28px 53px 28px; } .catalog-products-list__item .winner-logo { bottom: 52px; right: 20px; width: 64px; height: auto; } } /* Универсальные карточки Конец*/ /* End */ /* Start:/local/templates/silverhome/include/europe/standards/standards.css?17908476627108*/ #italy-standards .contact-director { display: none; } .section__standards { display: flex; flex-direction: column; gap: 20px; padding: 0 16px; overflow: hidden; } .section__standards .contact-director + .section__boxed.mob-only.no-tablet { display: none; } .standards__heading { display: flex; flex-direction: column; gap: 8px; .subheading { /* font-size: 12px; font-weight: 900; text-transform: uppercase; */ } } .standards__title { color: #17000a; font-size: 22px; font-weight: 300; line-height: 32px; letter-spacing: 0.44px; text-transform: uppercase; font-feature-settings: "lnum" 1, "pnum" 1; } .standards__subtitle { color: #5a5a5a; font-size: 15px; font-weight: 300; line-height: 22px; } .standards__cards { display: flex; gap: 8px; width: calc(100% + 16px); margin-right: -16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-behavior: smooth; scroll-padding-left: 0; scroll-snap-type: x mandatory; scrollbar-width: none; } .standards__cards::-webkit-scrollbar { display: none; } .standards-card { position: relative; display: flex; flex: 0 0 242px; flex-direction: column; justify-content: space-between; width: 242px; height: 360px; padding: 20px; overflow: hidden; border-radius: 20px; background: #f4f4f4; scroll-snap-align: start; } .standards-card__img { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; } .standards-card__num, .standards-card__text { position: relative; z-index: 1; } .standards-card__num { color: #d9d9d9; font-size: 40px; font-weight: 200; line-height: 48px; letter-spacing: 1.6px; text-transform: uppercase; font-feature-settings: "lnum" 1, "pnum" 1; } .standards-card__text { display: flex; flex-direction: column; gap: 12px; color: #17000a; } .standards-card__title { font-size: 15px; font-weight: 500; line-height: 22px; } .standards-card__description { font-size: 13px; font-weight: 300; line-height: 16px; letter-spacing: 0.26px; } .standards__nav { display: flex; align-items: center; gap: 20px; width: 100%; } .standards__progress { display: flex; flex: 1 1 auto; align-items: center; gap: 8px; min-width: 0; color: #000; font-size: 10px; font-weight: 500; line-height: 12px; letter-spacing: 0.2px; text-transform: uppercase; } .standards__progress-line { display: block; flex: 1 1 auto; height: 1px; background: linear-gradient(90deg, #000 0 16px, rgba(0, 0, 0, 0.15) 16px 100%); } .standard-card--hardware .standards-card__img { object-position: 50% 0; } .standard-card--edge .standards-card__img { object-position: 50% 0; } .standard-card--body { img { top: -40px; } } .standard-card--hardware { img { top: 0; left: -27px; transform: scale(1.5); } } .standard-card--veneer { img { transform: scale(1.2); } } .standard-card--edge { img { object-position: 100% 0; } } .standard-card--equipment { img { transform: scale(2); width: auto; height: auto; top: 112px; left: -90px; } } @media screen and (min-width: 1170px) { .section__standards { gap: 28px; padding: 0 96px; overflow: visible; .contact-director { border-radius: 24px ; margin-top: 0; margin-bottom: 0; padding: 12px 20px; } } .standards__heading { gap: 12px; } .standards__title { font-size: 26px; line-height: 36px; letter-spacing: 0.52px; white-space: nowrap; } .standards__subtitle { font-size: 18px; line-height: 28px; } .standards__cards { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 28px; width: 100%; height: 620px; margin: 0; overflow: visible; } .standards-card { width: auto; height: auto; min-width: 0; padding: 20px; border-radius: 20px; } .standard-card--body { grid-column: 1 / span 6; grid-row: 1 / span 2; } .standard-card--hardware { grid-column: 7 / span 3; grid-row: 1 / span 2; padding-right: 60px; } .standard-card--veneer { grid-column: 10 / span 3; grid-row: 1 / span 2; padding-right: 60px; } .standard-card--edge { grid-column: 1 / span 3; grid-row: 3; padding-right: 60px; .standards-card__img { object-position: unset; } } .standard-card--paint { grid-column: 4 / span 3; grid-row: 3; padding-right: 60px; img { object-position: 0px 0px; transform: scale(0.8); transform-origin: top right; } } .standard-card--equipment { grid-column: 7 / span 6; grid-row: 3; padding-right: 336px; img { transform: scale(0.9); transform-origin: top right; width: auto; height: auto; top: -10px; left: unset; } } .standards-card__text { gap: 8px; max-width: 252px; } .standard-card--body .standards-card__text { gap: 12px; } .standards__nav { display: none; } } @media screen and (min-width: 1600px) { .section__standards { gap: 40px; padding: 0 96px; .contact-director { padding: 12px 40px; } } .standards__title { font-size: 40px; line-height: 52px; letter-spacing: 0.8px; } .standards__subtitle { font-size: 22px; line-height: 32px; } .standards__cards { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 40px; height: 1108px; } .standards-card { padding: 40px; border-radius: 28px; } .standard-card--body { grid-column: 1 / span 4; grid-row: 1 / span 2; border-radius: 40px; } .standard-card--hardware { grid-column: 5 / span 2; grid-row: 1 / span 2; padding-right: 120px; } .standard-card--veneer { grid-column: 7 / span 2; grid-row: 1 / span 2; padding-right: 120px; } .standard-card--edge { grid-column: 1 / span 2; grid-row: 3; padding-right: 120px; } .standard-card--paint { grid-column: 3 / span 2; grid-row: 3; padding-right: 120px; } .standard-card--equipment { grid-column: 5 / span 4; grid-row: 3; padding-right: 442px; } .standards-card__num { font-size: 80px; font-weight: 100; line-height: 88px; letter-spacing: 3.2px; } .standards-card__text { max-width: 337px; gap: 8px; } .standards-card__title { font-size: 22px; line-height: 32px; } .standards-card__description { font-size: 18px; line-height: 28px; letter-spacing: 0; } } @media screen and (min-width: 1921px) { .section__standards { width: var(--silver-max-content-width); max-width: var(--silver-max-content-width); margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; } } @media screen and (max-width: 600px) { .section__standards { .contact-director { display: none; } } } /* End */ /* Start:/local/templates/silverhome/include/home-2026/exclusive/exclusive.css?179084765811252*/ .home-exclusive { overflow: hidden; border-radius: 28px; background: #1a4d3e; color: #fff; font-family: Stem, Arial, sans-serif; } .home-exclusive.section__boxed { margin-right: 0; margin-left: 0; } .home-exclusive__top { display: flex; flex-direction: column; gap: 16px; padding: 20px 16px; background: #1a4d3e; } .home-exclusive__request, .home-exclusive__request-text, .home-exclusive__title, .home-exclusive-card__title, .home-exclusive-card__text { margin: 0; } .home-exclusive__request { font-size: 18px; font-weight: 400; line-height: 24px; } .home-exclusive__request-text { margin-top: 4px; color: rgba(255, 255, 255, 0.7); font-size: 13px; font-weight: 300; line-height: 16px; letter-spacing: 0.26px; } .home-exclusive__contact { display: flex; flex-direction: column; gap: 12px; } .home-exclusive__person { display: none; } .home-exclusive__button { width: 100%; height: 52px; } .home-exclusive__button .sh-btn__txt { max-width: 230px; font-size: 12px; line-height: 18px; } .home-exclusive__visual { position: relative; display: flex; overflow: hidden; min-height: 560px; flex-direction: column; justify-content: space-between; padding: 20px 16px; border-radius: 28px; } .home-exclusive__video, .home-exclusive__shade { position: absolute; inset: 0; width: 100%; height: 100%; } .home-exclusive__video { display: block; object-fit: cover; } .home-exclusive__shade { background: linear-gradient(180deg, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.02) 40%, rgba(0, 0, 0, 0.45) 100%), rgba(26, 77, 62, 0.08); } .home-exclusive__title, .home-exclusive__cards-wrap { position: relative; z-index: 1; } .home-exclusive__title { max-width: 330px; font-size: 16px; font-weight: 300; line-height: 1.45; letter-spacing: 0.44px; text-transform: uppercase; } .home-exclusive__cards-wrap { display: flex; flex-direction: column; gap: 12px; } .home-exclusive__cards { display: flex; gap: 12px; width: calc(100% + 32px); box-sizing: border-box; margin-right: -16px; margin-left: -16px; overflow-x: auto; padding-right: 16px; padding-left: 16px; scroll-behavior: smooth; scroll-padding-right: 16px; scroll-padding-left: 16px; scroll-snap-type: x mandatory; scrollbar-width: none; } .home-exclusive__cards::-webkit-scrollbar { display: none; } .home-exclusive-card { flex: 0 0 242px; min-height: 150px; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 20px; background: rgba(18, 44, 38, 0.22); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); scroll-snap-align: start; } .home-exclusive-card__title { font-size: 15px; font-weight: 500; line-height: 22px; } .home-exclusive-card__text { margin-top: 8px; color: rgba(255, 255, 255, 0.86); font-size: 13px; font-weight: 300; line-height: 16px; letter-spacing: 0.26px; } .home-exclusive__nav { display: flex; align-items: center; gap: 8px; } .home-exclusive__count { font-size: 10px; font-weight: 500; line-height: 12px; letter-spacing: 0.2px; } .home-exclusive__progress { position: relative; flex: 1 1 auto; height: 1px; background: rgba(255, 255, 255, 0.3); } .home-exclusive__progress-fill { position: absolute; inset: 0 auto 0 0; width: 33.333%; background: #fff; transition: width 0.25s ease; } @media (width < 600px) { .tools-item.hide-in-videoblog { display: none; } .home-exclusive__top { display: none; } .home-exclusive__cards-wrap { width: 100%; gap: 0; align-self: center; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 20px; background: rgba(255, 255, 255, 0.01); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } .home-exclusive__cards { display: flex; width: 100%; flex-direction: column; gap: 0; margin-right: 0; margin-left: 0; overflow: visible; padding-right: 0; padding-left: 0; scroll-behavior: auto; scroll-padding-right: 0; scroll-padding-left: 0; scroll-snap-type: none; } .home-exclusive-card { flex: none; min-height: 0; padding: 12px 16px; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-radius: 20px; background: rgba(255, 255, 255, 0.01); -webkit-backdrop-filter: none; backdrop-filter: none; scroll-snap-align: none; } .home-exclusive-card:last-child { border: none; } .home-exclusive-card__title { font-size: 13px; font-weight: 500; line-height: 16px; letter-spacing: 0.26px; } .home-exclusive-card__text { margin-top: 4px; font-size: 13px; line-height: 16px; letter-spacing: 0.26px; } .home-exclusive__nav { display: none; } } @media (width >= 600px) { .home-exclusive { border-radius: 32px; } .home-exclusive__top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 16px; padding: 28px 40px; } .home-exclusive__request { font-size: 20px; line-height: 28px; } .home-exclusive__request-text { margin-top: 28px; font-size: 15px; line-height: 22px; letter-spacing: 0; } .home-exclusive__contact { gap: 20px; padding: 16px; border-radius: 20px; background: rgba(255, 255, 255, 0.1); } .home-exclusive__person { display: flex; align-items: center; gap: 16px; } .home-exclusive__avatar { position: relative; width: 52px; height: 52px; flex: 0 0 auto; border-radius: 50%; } .home-exclusive__avatar::after { content: ""; position: absolute; top: 4px; right: -2px; width: 12px; height: 12px; border-radius: 50%; background: #50c878; } .home-exclusive__avatar img { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; } .home-exclusive__person-text { display: flex; flex-direction: column; } .home-exclusive__person-name { font-size: 14px; font-weight: 300; line-height: 22px; letter-spacing: 0.56px; text-transform: uppercase; } .home-exclusive__person-role { color: rgba(255, 255, 255, 0.7); font-size: 15px; font-weight: 300; line-height: 22px; } .home-exclusive__visual { min-height: 560px; padding: 40px; border-radius: 32px; } .home-exclusive__title { max-width: 373px; font-size: 22px; letter-spacing: 0.52px; } .home-exclusive__cards { gap: 16px; width: 100%; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; scroll-padding-right: 0; scroll-padding-left: 0; } .home-exclusive-card { flex: 1 1 0; min-width: 0; min-height: 0; padding: 20px 24px; } .home-exclusive-card__title { font-size: 18px; line-height: 28px; } .home-exclusive-card__text { font-size: 15px; line-height: 22px; letter-spacing: 0; } .home-exclusive__nav { display: none; } } @media (width >= 1300px) { .home-exclusive { border-radius: 48px; } .home-exclusive__top { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; padding: 28px 96px; } .home-exclusive__request-text { margin-top: 0; } .home-exclusive__contact { flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; padding: 16px; border-radius: 100px; } .home-exclusive__button { width: 255px; } .home-exclusive__visual { min-height: 680px; padding: 64px 96px; border-radius: 48px; } .home-exclusive__cards-wrap { width: 100%; } .home-exclusive__cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; } .home-exclusive-card { min-width: 0; } /* .home-exclusive-card:nth-child(1) { grid-column: 2; } .home-exclusive-card:nth-child(2) { grid-column: 3; } .home-exclusive-card:nth-child(3) { grid-column: 4; } */ } @media (width >= 1600px) { .home-exclusive { border-radius: 64px; } .home-exclusive__top { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 160px; padding: 28px 96px; } .home-exclusive__request { font-size: 28px; line-height: 38px; } .home-exclusive__request-text { font-size: 18px; line-height: 28px; } .home-exclusive__contact { padding: 12px 20px; } .home-exclusive__avatar { width: 80px; height: 80px; } .home-exclusive__avatar::after { top: 4px; right: 4px; width: 12px; height: 12px; } .home-exclusive__person-name { font-size: 16px; line-height: 24px; letter-spacing: 0.64px; } .home-exclusive__button { width: auto; height: 80px; padding: 8px 8px 8px 36px; gap: 28px; } .home-exclusive__button .sh-btn__txt { max-width: none; font-size: 16px; line-height: 24px; white-space: nowrap; } .home-exclusive__visual { min-height: 980px; padding: 64px 96px; border-radius: 64px; } .home-exclusive__title { max-width: 548px; font-size: 32px; letter-spacing: 0.8px; } .home-exclusive__cards-wrap { width: 100%; } .home-exclusive__cards { gap: 40px; } .home-exclusive-card { padding: 28px 32px; } .home-exclusive-card__title { font-size: 22px; line-height: 32px; } .home-exclusive-card__text { font-size: 18px; line-height: 28px; } } @media (width >= 1921px) { .home-exclusive__top, .home-exclusive__visual { padding-right: calc((100vw - var(--silver-max-content-width)) / 2); padding-left: calc((100vw - var(--silver-max-content-width)) / 2); } } @media (width <= 600px) { .home-exclusive-mobile-action__button { width: 100%; } .home-exclusive { background: #000000; .home-exclusive__visual { justify-content: end; gap: 16px; min-height: 676px; .home-exclusive__video { height: 250px; width: auto; } .home-exclusive__shade { height: 100px; top: 180px; background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0.8) 100%); } /* .home-exclusive__shade { background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 20%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 100%); height: 100%; top: 0; } */ } } } /* End */ /* Start:/local/templates/silverhome/include/europe/projects/designers-spaces.css?179084766220104*/ .section__designers-works .section__heading { display: flex; flex-direction: column ; /* gap: 8px; */ } .project-chars { display: flex; flex-direction: column; } .project-chars__item { border-bottom: 1px solid #D9D9D9; display: flex; justify-content: space-between; align-items: flex-start; align-self: stretch; font-size: 13px; font-style: normal; font-weight: 350; line-height: 1.46; letter-spacing: 0.26px; padding-bottom: 4px; padding-top: 6px; } .project-chars__item:first-child { padding-top: 0; } .project-chars__item-name { color: var(--silver-black-light); flex-basis: 50%; text-align: left; } .project-chars__item-value { color: var(--silver-black); flex-basis: 50%; text-align: right; } @media (width >= 600px) { .section__designers-works .section__heading { flex-direction: row ; gap: 16px; max-width: none; } .section__designers-works .section__heading .h2--small { min-width: 398px; } .project-chars__item { font-size: 15px; } #designers-works-list .uni-card__img img { min-height: 300px; max-height: 360px; object-position: center; } #designers-works-list .swiper-slide { width: 399px; } /* Вертикальные - квадратные*/ #designers-works-list .swiper-slide.neoklassika-v-svete-zakata-kukhnya, #designers-works-list .swiper-slide.kukhnya-dlya-kvartiry-na-ostozhenke, #designers-works-list .swiper-slide.prostornyy-i-svobodnyy-realizovannyy-proekt-kukhni, #designers-works-list .swiper-slide.model-kukhni-venice-po-proektu-dizaynera-interera-natali-nesterenko, #designers-works-list .swiper-slide.kukhnya-aurora-v-nezhnom-rozovom-tsvete { width: 350px; } /* стандартаня широкая горизонатльная, чтобы выровняться с вертиклаьной */ #designers-works-list .swiper-slide.klassicheskie-proportsii-i-geometriya-ar-deko , #designers-works-list .swiper-slide.klassicheskie-proportsii-i-geometriya-ar-deko img, #designers-works-list .swiper-slide.proekt-dizaynera-anny-vasilevoy , #designers-works-list .swiper-slide.proekt-dizaynera-anny-vasilevoy img, #designers-works-list .swiper-slide.avrora-ardeko-garmonichnyy-sintez-klassiki-i-sovremennykh-minimalistichnykh-resheniy , #designers-works-list .swiper-slide.avrora-ardeko-garmonichnyy-sintez-klassiki-i-sovremennykh-minimalistichnykh-resheniy img, #designers-works-list .swiper-slide.proekt-dizaynera-anny-vasilevoy , #designers-works-list .swiper-slide.proekt-dizaynera-anny-vasilevoy img, #designers-works-list .swiper-slide.kukhnya-dlya-zagorodnogo-doma , #designers-works-list .swiper-slide.kukhnya-dlya-zagorodnogo-doma img, #designers-works-list .swiper-slide.proekt-dizaynera-poliny-lebedevoy , #designers-works-list .swiper-slide.proekt-dizaynera-poliny-lebedevoy img, #designers-works-list .swiper-slide.neoklassika-s-elementami-kastomizatsii , #designers-works-list .swiper-slide.neoklassika-s-elementami-kastomizatsii img, #designers-works-list .swiper-slide.kukhnya-dlya-kvartiry-150-kv-metrov-v-klubnom-dome-roskosh-art-deko-v-sovremennom-prochtenii , #designers-works-list .swiper-slide.kukhnya-dlya-kvartiry-150-kv-metrov-v-klubnom-dome-roskosh-art-deko-v-sovremennom-prochtenii img, #designers-works-list .swiper-slide.proekt-dizaynera-interera-mily-struchkovoy , #designers-works-list .swiper-slide.proekt-dizaynera-interera-mily-struchkovoy img, #designers-works-list .swiper-slide.izyashchnaya-i-utonchennaya-aurora-ukrashaet-dom-nashikh-zakazchikov , #designers-works-list .swiper-slide.izyashchnaya-i-utonchennaya-aurora-ukrashaet-dom-nashikh-zakazchikov img, #designers-works-list .swiper-slide.sovremennaya-klassika-v-matovom-ispolnenii , #designers-works-list .swiper-slide.sovremennaya-klassika-v-matovom-ispolnenii img, #designers-works-list .swiper-slide.roskoshnaya-klassicheskaya-kukhnya-s-individualnym-frezerovannym-fasadom , #designers-works-list .swiper-slide.roskoshnaya-klassicheskaya-kukhnya-s-individualnym-frezerovannym-fasadom img, #designers-works-list .swiper-slide.velikolepnyy-proekt-nashikh-partnerov-dizaynerov-niny-abaseevoy-i-sergeya-shchepovalina, #designers-works-list .swiper-slide.velikolepnyy-proekt-nashikh-partnerov-dizaynerov-niny-abaseevoy-i-sergeya-shchepovalina img, #designers-works-list .swiper-slide.kukhonnaya-mebel-lord-v-proekte-dizaynera-mily-struchkovoy, #designers-works-list .swiper-slide.kukhonnaya-mebel-lord-v-proekte-dizaynera-mily-struchkovoy img, #designers-works-list .swiper-slide.kukhnya-lux-forma, #designers-works-list .swiper-slide.kukhnya-lux-forma img, #designers-works-list .swiper-slide.proekt-inny-ermkovoy-i-dizaynerov-byuro-special-style, #designers-works-list .swiper-slide.proekt-inny-ermkovoy-i-dizaynerov-byuro-special-style img, #designers-works-list .swiper-slide.kukhnya-aurora-dlya-kvartiry-na-michurinskom-prospekte, #designers-works-list .swiper-slide.kukhnya-aurora-dlya-kvartiry-na-michurinskom-prospekte img, #designers-works-list .swiper-slide.produmannaya-kukhnya-v-unikalnom-tsvete-ot-oksany-mitrofanovoy, #designers-works-list .swiper-slide.produmannaya-kukhnya-v-unikalnom-tsvete-ot-oksany-mitrofanovoy img, #designers-works-list .swiper-slide.smelyy-proekt-ot-tatyany-volkovoy-i-silver-home, #designers-works-list .swiper-slide.smelyy-proekt-ot-tatyany-volkovoy-i-silver-home img, #designers-works-list .swiper-slide.proekt-kukhni-s-perekhodom-v-zal-v-ispolnenii-silver-home, #designers-works-list .swiper-slide.proekt-kukhni-s-perekhodom-v-zal-v-ispolnenii-silver-home img, #designers-works-list .swiper-slide.myagkiy-i-zhivoy-minimalizm-po-proektu-dizaynerov-azata-i-dari-khanovykh, #designers-works-list .swiper-slide.myagkiy-i-zhivoy-minimalizm-po-proektu-dizaynerov-azata-i-dari-khanovykh img, #designers-works-list .swiper-slide.kukhonnyy-garnitur-v-sovremennom-stile, #designers-works-list .swiper-slide.kukhonnyy-garnitur-v-sovremennom-stile img, #designers-works-list .swiper-slide.minimalistichnaya-i-tekhnologichnaya-kukhnya-skrytogo-tipa, #designers-works-list .swiper-slide.minimalistichnaya-i-tekhnologichnaya-kukhnya-skrytogo-tipa img, #designers-works-list .swiper-slide.kukhnya-ot-atele-silver-home-v-proekte-dizaynera-bogdanova-alena, #designers-works-list .swiper-slide.kukhnya-ot-atele-silver-home-v-proekte-dizaynera-bogdanova-alena img, #designers-works-list .swiper-slide.kukhnya-v-proekte-olgi-petrovoy, #designers-works-list .swiper-slide.kukhnya-v-proekte-olgi-petrovoy img, #designers-works-list .kukhnya-v-sovremennom-stile-s-fasadami-v-naturalnom-shpone-dereva, #designers-works-list .kukhnya-v-sovremennom-stile-s-fasadami-v-naturalnom-shpone-dereva img { width: 506px; min-height: 360px; max-width: unset; } /* маленькая горизонтальная, чтобы был контраст после стандартной */ #designers-works-list .swiper-slide.angliyskaya-klassika-v-staroy-moskve , #designers-works-list .swiper-slide.kontekst-material-avtorstvo-kukhnya-po-proektu-dizaynera-rity-lessing- , #designers-works-list .swiper-slide.tikhaya-roskosh-povsednevnosti-kukhnya-v-stile-neoklassika, #designers-works-list .swiper-slide.masshtab-v-detalyakh-kukhnya-3-9-m-po-proektu-dizaynera-ekateriny-anikinoy, #designers-works-list .swiper-slide.kukhnya-dlya-zagorodnogo-doma, #designers-works-list .swiper-slide.kukhnya-dlya-kvartiry-na-ostozhenke, #designers-works-list .swiper-slide.avrora-snova-prishla-v-moskvu, #designers-works-list .swiper-slide.transformatsiya-modeli-venice , #designers-works-list .swiper-slide.uglovaya-kukhnya-gostinaya-po-individualnomu-proektu-dizayn-studii-uyutnaya-kvartira-natali-preobrazh, #designers-works-list .swiper-slide.garmoniya-i-roskosh-preobrazhenie-dvukh-kvartir-v-odnu-mechtu-v-zhk-mayak, #designers-works-list .swiper-slide.olya-petrova-snova-v-kvartirnom-voprose-na-ntv, #designers-works-list .swiper-slide.izyskannaya-kukhnya-dlya-moskovskoy-kvartiry, #designers-works-list .swiper-slide.novyy-i-neobychnyy-vzglyad-dizaynera-na-klassicheskoe-reshenie-modeli-venice, #designers-works-list .swiper-slide.kukhnya-forma-v-proekte-dizaynera-interera-ksenii-rozantsevoy, #designers-works-list .swiper-slide.izyashchnaya-i-utonchennaya-kukhnya-s-individualnymi-fasadami, #designers-works-list .swiper-slide.kukhnya-gostinaya-dlya-vzrosloy-semi-iz-3-chelovek, #designers-works-list .swiper-slide.individualnaya-kukhnya-na-zakaz-po-avtorskomu-proektu-iriny-bdaytsievoy, #designers-works-list .swiper-slide.volshebnyy-proekt-kukhni-lord-ot-dizaynera-intererov-nadezhdy-dranzhevskoy, #designers-works-list .swiper-slide.uyutnyy-zagorodnyy-dom-proekt-svetlany-lopatinoy, #designers-works-list .swiper-slide.sovmestnyy-proekt-s-dizaynerom-arkhitektorom-aysinoy-olgoy, #designers-works-list .swiper-slide.kukhnya-s-fasadom-moskva-ritm-zhizni-v-stile-vabi-sabi, #designers-works-list .swiper-slide.kukhnya-po-proektu-dizaynera-marii-gutnik, #designers-works-list .swiper-slide.proekt-kukhni-ot-dizaynera-nikolaya-nebogatova, #designers-works-list .swiper-slide.ovremennaya-kukhnya-v-dom-dlya-bolshoy-semi-po-proektu-dizaynera-ekateriny-kesel, #designers-works-list .swiper-slide.kukhnya-po-proektu-dizaynera-ekateriny-turtaevoy, #designers-works-list .swiper-slide.sovremennaya-kukhnya-ot-nashey-fabriki-v-proekte-studii-dizayna-varvary-zelenetskoy { width: 399px; } /* для сильно растянутых по ширине */ #designers-works-list .swiper-slide.tikhaya-roskosh-povsednevnosti-kukhnya-v-stile-neoklassika { width: 600px; } } @media (width >= 1170px) { #designers-works-list { padding-left: 56px; } .section__designers-works .section__heading .h2--small { min-width: 896px; } .section__designers-works .section__heading-p { max-width: 165px; } } @media (width >= 1600px) { #designers-works-list { padding-left: 96px; } .section__designers-works .section__heading .h2--small { min-width: 1128px; } #designers-works-list .uni-card__img img { min-height: 360px; max-height: 480px; } /* сильно растянутая */ #designers-works-list .swiper-slide.tikhaya-roskosh-povsednevnosti-kukhnya-v-stile-neoklassika { width: 700px; } /* Вертикальные - квадратные*/ #designers-works-list .swiper-slide.neoklassika-v-svete-zakata-kukhnya, #designers-works-list .swiper-slide.kukhnya-dlya-kvartiry-na-ostozhenke, #designers-works-list .swiper-slide.prostornyy-i-svobodnyy-realizovannyy-proekt-kukhni, #designers-works-list .swiper-slide.model-kukhni-venice-po-proektu-dizaynera-interera-natali-nesterenko, #designers-works-list .swiper-slide.kukhnya-aurora-v-nezhnom-rozovom-tsvete { width: 400px; } /* стандартаня широкая горизонатльная, чтобы выровняться с вертиклаьной */ #designers-works-list .swiper-slide.klassicheskie-proportsii-i-geometriya-ar-deko , #designers-works-list .swiper-slide.klassicheskie-proportsii-i-geometriya-ar-deko img, #designers-works-list .swiper-slide.proekt-dizaynera-anny-vasilevoy , #designers-works-list .swiper-slide.proekt-dizaynera-anny-vasilevoy img, #designers-works-list .swiper-slide.avrora-ardeko-garmonichnyy-sintez-klassiki-i-sovremennykh-minimalistichnykh-resheniy , #designers-works-list .swiper-slide.avrora-ardeko-garmonichnyy-sintez-klassiki-i-sovremennykh-minimalistichnykh-resheniy img, #designers-works-list .swiper-slide.proekt-dizaynera-anny-vasilevoy , #designers-works-list .swiper-slide.proekt-dizaynera-anny-vasilevoy img, #designers-works-list .swiper-slide.kukhnya-dlya-zagorodnogo-doma , #designers-works-list .swiper-slide.kukhnya-dlya-zagorodnogo-doma img, #designers-works-list .swiper-slide.proekt-dizaynera-poliny-lebedevoy , #designers-works-list .swiper-slide.proekt-dizaynera-poliny-lebedevoy img, #designers-works-list .swiper-slide.neoklassika-s-elementami-kastomizatsii , #designers-works-list .swiper-slide.neoklassika-s-elementami-kastomizatsii img, #designers-works-list .swiper-slide.kukhnya-dlya-kvartiry-150-kv-metrov-v-klubnom-dome-roskosh-art-deko-v-sovremennom-prochtenii , #designers-works-list .swiper-slide.kukhnya-dlya-kvartiry-150-kv-metrov-v-klubnom-dome-roskosh-art-deko-v-sovremennom-prochtenii img, #designers-works-list .swiper-slide.proekt-dizaynera-interera-mily-struchkovoy , #designers-works-list .swiper-slide.proekt-dizaynera-interera-mily-struchkovoy img, #designers-works-list .swiper-slide.izyashchnaya-i-utonchennaya-aurora-ukrashaet-dom-nashikh-zakazchikov , #designers-works-list .swiper-slide.izyashchnaya-i-utonchennaya-aurora-ukrashaet-dom-nashikh-zakazchikov img, #designers-works-list .swiper-slide.sovremennaya-klassika-v-matovom-ispolnenii , #designers-works-list .swiper-slide.sovremennaya-klassika-v-matovom-ispolnenii img, #designers-works-list .swiper-slide.roskoshnaya-klassicheskaya-kukhnya-s-individualnym-frezerovannym-fasadom , #designers-works-list .swiper-slide.roskoshnaya-klassicheskaya-kukhnya-s-individualnym-frezerovannym-fasadom img, #designers-works-list .swiper-slide.velikolepnyy-proekt-nashikh-partnerov-dizaynerov-niny-abaseevoy-i-sergeya-shchepovalina, #designers-works-list .swiper-slide.velikolepnyy-proekt-nashikh-partnerov-dizaynerov-niny-abaseevoy-i-sergeya-shchepovalina img, #designers-works-list .swiper-slide.kukhonnaya-mebel-lord-v-proekte-dizaynera-mily-struchkovoy, #designers-works-list .swiper-slide.kukhonnaya-mebel-lord-v-proekte-dizaynera-mily-struchkovoy img, #designers-works-list .swiper-slide.kukhnya-lux-forma, #designers-works-list .swiper-slide.kukhnya-lux-forma img, #designers-works-list .swiper-slide.proekt-inny-ermkovoy-i-dizaynerov-byuro-special-style, #designers-works-list .swiper-slide.proekt-inny-ermkovoy-i-dizaynerov-byuro-special-style img, #designers-works-list .swiper-slide.kukhnya-aurora-dlya-kvartiry-na-michurinskom-prospekte, #designers-works-list .swiper-slide.kukhnya-aurora-dlya-kvartiry-na-michurinskom-prospekte img, #designers-works-list .swiper-slide.produmannaya-kukhnya-v-unikalnom-tsvete-ot-oksany-mitrofanovoy, #designers-works-list .swiper-slide.produmannaya-kukhnya-v-unikalnom-tsvete-ot-oksany-mitrofanovoy img, #designers-works-list .swiper-slide.smelyy-proekt-ot-tatyany-volkovoy-i-silver-home, #designers-works-list .swiper-slide.smelyy-proekt-ot-tatyany-volkovoy-i-silver-home img, #designers-works-list .swiper-slide.proekt-kukhni-s-perekhodom-v-zal-v-ispolnenii-silver-home, #designers-works-list .swiper-slide.proekt-kukhni-s-perekhodom-v-zal-v-ispolnenii-silver-home img, #designers-works-list .swiper-slide.myagkiy-i-zhivoy-minimalizm-po-proektu-dizaynerov-azata-i-dari-khanovykh, #designers-works-list .swiper-slide.myagkiy-i-zhivoy-minimalizm-po-proektu-dizaynerov-azata-i-dari-khanovykh img, #designers-works-list .swiper-slide.kukhonnyy-garnitur-v-sovremennom-stile, #designers-works-list .swiper-slide.kukhonnyy-garnitur-v-sovremennom-stile img, #designers-works-list .swiper-slide.minimalistichnaya-i-tekhnologichnaya-kukhnya-skrytogo-tipa, #designers-works-list .swiper-slide.minimalistichnaya-i-tekhnologichnaya-kukhnya-skrytogo-tipa img, #designers-works-list .swiper-slide.kukhnya-ot-atele-silver-home-v-proekte-dizaynera-bogdanova-alena, #designers-works-list .swiper-slide.kukhnya-ot-atele-silver-home-v-proekte-dizaynera-bogdanova-alena img, #designers-works-list .swiper-slide.kukhnya-v-proekte-olgi-petrovoy, #designers-works-list .swiper-slide.kukhnya-v-proekte-olgi-petrovoy img, #designers-works-list .kukhnya-v-sovremennom-stile-s-fasadami-v-naturalnom-shpone-dereva, #designers-works-list .kukhnya-v-sovremennom-stile-s-fasadami-v-naturalnom-shpone-dereva img { width: 664px; min-height: 480px; } /* маленькая горизонтальная, чтобы был контраст после стандартной */ #designers-works-list .swiper-slide.angliyskaya-klassika-v-staroy-moskve , #designers-works-list .swiper-slide.kontekst-material-avtorstvo-kukhnya-po-proektu-dizaynera-rity-lessing- , #designers-works-list .swiper-slide.tikhaya-roskosh-povsednevnosti-kukhnya-v-stile-neoklassika, #designers-works-list .swiper-slide.masshtab-v-detalyakh-kukhnya-3-9-m-po-proektu-dizaynera-ekateriny-anikinoy, #designers-works-list .swiper-slide.kukhnya-dlya-zagorodnogo-doma, #designers-works-list .swiper-slide.kukhnya-dlya-kvartiry-na-ostozhenke, #designers-works-list .swiper-slide.avrora-snova-prishla-v-moskvu, #designers-works-list .swiper-slide.transformatsiya-modeli-venice , #designers-works-list .swiper-slide.uglovaya-kukhnya-gostinaya-po-individualnomu-proektu-dizayn-studii-uyutnaya-kvartira-natali-preobrazh, #designers-works-list .swiper-slide.garmoniya-i-roskosh-preobrazhenie-dvukh-kvartir-v-odnu-mechtu-v-zhk-mayak, #designers-works-list .swiper-slide.olya-petrova-snova-v-kvartirnom-voprose-na-ntv, #designers-works-list .swiper-slide.izyskannaya-kukhnya-dlya-moskovskoy-kvartiry, #designers-works-list .swiper-slide.novyy-i-neobychnyy-vzglyad-dizaynera-na-klassicheskoe-reshenie-modeli-venice, #designers-works-list .swiper-slide.kukhnya-forma-v-proekte-dizaynera-interera-ksenii-rozantsevoy, #designers-works-list .swiper-slide.izyashchnaya-i-utonchennaya-kukhnya-s-individualnymi-fasadami, #designers-works-list .swiper-slide.kukhnya-gostinaya-dlya-vzrosloy-semi-iz-3-chelovek, #designers-works-list .swiper-slide.individualnaya-kukhnya-na-zakaz-po-avtorskomu-proektu-iriny-bdaytsievoy, #designers-works-list .swiper-slide.volshebnyy-proekt-kukhni-lord-ot-dizaynera-intererov-nadezhdy-dranzhevskoy, #designers-works-list .swiper-slide.uyutnyy-zagorodnyy-dom-proekt-svetlany-lopatinoy, #designers-works-list .swiper-slide.sovmestnyy-proekt-s-dizaynerom-arkhitektorom-aysinoy-olgoy, #designers-works-list .swiper-slide.kukhnya-s-fasadom-moskva-ritm-zhizni-v-stile-vabi-sabi, #designers-works-list .swiper-slide.kukhnya-po-proektu-dizaynera-marii-gutnik, #designers-works-list .swiper-slide.proekt-kukhni-ot-dizaynera-nikolaya-nebogatova, #designers-works-list .swiper-slide.ovremennaya-kukhnya-v-dom-dlya-bolshoy-semi-po-proektu-dizaynera-ekateriny-kesel, #designers-works-list .swiper-slide.kukhnya-po-proektu-dizaynera-ekateriny-turtaevoy, #designers-works-list .swiper-slide.sovremennaya-kukhnya-ot-nashey-fabriki-v-proekte-studii-dizayna-varvary-zelenetskoy { width: 500px; } } @media (width >= 1921px) { .section__designers-works .section__heading { margin-left: calc((100vw - 1730px) / 2); } #designers-works-list { padding-left: calc((100vw - 1730px) / 2); padding-right: calc((100vw - 1730px) / 2); } } @media (width < 600px) { #designers-works-list .uni-card__img img { aspect-ratio: 1 / 1; } .designers-works__content .uni-card .sh-btn--round { bottom: 16px; right: 16px; left: auto; padding: 0; position: absolute; margin: unset; height: 40px; width: 40px; } .designers-works__content .uni-card .sh-btn__img { height: 100%; width: 100%; } .section__designers-works .carousel-card__bot { margin-bottom: 0; } .section__designers-works .swiper-button-prev, .section__designers-works .swiper-button-next { margin-top: 0; top: unset; left: unset; right: unset; bottom: unset; } .section__designers-works .swiper-pagination__buttons { display: none; } .section__designers-works .section__slider-bot-tools { flex-direction: row; justify-content: space-between; margin-top: 24px; } .section__designers-works .section__slider-bot-tools .tools-item, .section__designers-works .section__slider-bot-tools .sh-btn--full { flex-shrink: 1; width: auto; } .section__designers-works .section__slider-bot-tools .sh-btn__txt { font-size: 12px; } } /* End */ /* /local/templates/silverhome/css/swiper-bundle.min.css?179084765413918 */ /* /local/templates/silverhome/components/bitrix/menu/main/style.css?17908476582478 */ /* /local/templates/silverhome/components/bitrix/menu/main--mobile/style.css?1790847658347 */ /* /local/templates/silverhome/components/bitrix/form.result.new/simple-form/style.css?179084765820004 */ /* /local/templates/silverhome/components/figma/chat-widget/style.css?17908476578435 */ /* /local/templates/silverhome/components/figma/back-to-top/style.css?1790847657663 */ /* /local/templates/silverhome/template_styles.css?1790847658145595 */ /* /local/templates/silverhome/components/figma/uni-card/uni-card.css?17908476573551 */ /* /local/templates/silverhome/include/europe/standards/standards.css?17908476627108 */ /* /local/templates/silverhome/include/home-2026/exclusive/exclusive.css?179084765811252 */ /* /local/templates/silverhome/include/europe/projects/designers-spaces.css?179084766220104 */