/* Eric Meyer's CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; box-sizing: border-box; margin: 0; padding: 0; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input, button { font: inherit; border-radius: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } button { cursor: pointer; } /* Drupal styles reset */ ul.menu li { margin: 0; padding: 0; list-style-image: none; } .form-item, .form-actions { margin: 0; padding: 0; } /* Scroll */ html, body { min-height: 100vh; background: #ECECEC; max-width: 100%; scroll-behavior: smooth; } html { background: #000; } body { font-family: 'Inter', sans-serif; font-size: 16px; font-style: normal; line-height: 1.5; font-weight: 400; color: #000; } @media screen and (max-width: 640px) { body { font-size: 15px; } } .image-block, .c-header__nav a svg, .c-header__nav button svg, .c-section__media img, .swiper.swiper-out .swiper-wrapper .swiper-slide img, .c-logo__icon svg, .c-supermenu-item__media img, .c-advantages-item__media img, .c-advantages-item__media svg, .c-page__media img, .c-contacts__gallery img, .c-cart-item__info__media img { display: block; width: 100%; height: auto; } .o-transition, a, .c-bar__overlay, .c-bar__main, .c-extand-trigger:after, .c-header__nav a, .c-header__nav button, .c-header-bar__logo, .c-footer__nav__item__content, .c-logo__main, .c-site__logo, .c-products-item__media img, .c-news-item__media img, .c-button, .c-delete, .c-delete:before, .c-transparent-button, .c-hero-item__meta, .c-supermenu-item, .c-filterbox__overlay, .c-filterbox__main, .c-form-actions button[type="reset"], .c-add-button, .c-cart-bar__actions a, .c-cart-bar__actions button, .c-cart-aside__overlay, .c-cart-aside__content, .c-reel, .c-reel__minus, .c-reel__plus, .c-reel input[type="text"], .c-reel input[type="number"], .c-reel input[type="tel"] { transition: all 0.25s cubic-bezier(0.645, 0.05, 0.355, 1); } p { margin-bottom: 1rem; } p:last-child { margin-bottom: 0; } a { color: #000; text-decoration: none; } a[download] { position: relative; padding-left: 30px; line-height: 1.2; min-height: 24px; display: inline-block; text-decoration: none; box-sizing: border-box; word-wrap: break-word; } a[download]:before { display: block; content: "\0020"; width: 24px; height: 24px; border-radius: 100%; position: absolute; top: -4px; left: 0; background-position: center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' fill-rule='evenodd' clip-rule='evenodd' d='M2.5 30.625C3.53553 30.625 4.375 31.4645 4.375 32.5C4.375 36.0885 4.37898 38.5913 4.63288 40.4798C4.8795 42.3143 5.33063 43.2855 6.02253 43.9775C6.71443 44.6695 7.68588 45.1205 9.5203 45.3673C11.4087 45.621 13.9115 45.625 17.5 45.625H32.5C36.0885 45.625 38.5913 45.621 40.4798 45.3673C42.3143 45.1205 43.2855 44.6695 43.9775 43.9775C44.6695 43.2855 45.1205 42.3143 45.3673 40.4798C45.621 38.5913 45.625 36.0885 45.625 32.5C45.625 31.4645 46.4645 30.625 47.5 30.625C48.5355 30.625 49.375 31.4645 49.375 32.5V32.6373C49.375 36.0563 49.375 38.812 49.0837 40.9795C48.7812 43.2297 48.134 45.1242 46.6292 46.629C45.1242 48.134 43.2297 48.7812 40.9795 49.0837C38.812 49.375 36.0563 49.375 32.6373 49.375H17.3628C13.9439 49.375 11.1881 49.375 9.02063 49.0837C6.77035 48.7812 4.87568 48.134 3.37088 46.6292C1.86608 45.1242 1.21885 43.2297 0.916301 40.9795C0.624901 38.812 0.624951 36.0563 0.625001 32.6373C0.625001 32.5915 0.625001 32.5458 0.625001 32.5C0.625001 31.4645 1.46448 30.625 2.5 30.625Z' fill='%231C274C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25 36.875C25.5265 36.875 26.0285 36.6537 26.3838 36.2652L36.3838 25.3277C37.0825 24.5635 37.0295 23.3775 36.2653 22.6787C35.501 21.98 34.315 22.033 33.6163 22.7973L26.875 30.1705V2.5C26.875 1.46448 26.0355 0.625 25 0.625C23.9645 0.625 23.125 1.46448 23.125 2.5V30.1705L16.3838 22.7973C15.6851 22.033 14.4991 21.98 13.7348 22.6787C12.9706 23.3775 12.9175 24.5635 13.6162 25.3277L23.6163 36.2652C23.9715 36.6537 24.4735 36.875 25 36.875Z' fill='%231C274C'/%3E%3C/svg%3E%0A"); transition: all 0.3s ease; } a[download]:hover { text-decoration: underline; } a[download]:hover:before { top: -2px; } a:hover { text-decoration: underline; } .o-font--alt { font-family: 'Lora', serif; } strong { font-weight: bold; } .o-align--center { text-align: center; } .c-close, .c-bar__close, .c-filterbox__close, .c-cart-aside__close { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuOTk5NjMgNS41ODY5MUwyLjA0OTggMC42MzcwODVMMC42MzU1OSAyLjA1MTNMNS41ODU0MiA3LjAwMTEzTDAuNjM1NzQyIDExLjk1MDhMMi4wNDk5NiAxMy4zNjVMNi45OTk2MyA4LjQxNTM0TDExLjk0OTMgMTMuMzY1TDEzLjM2MzUgMTEuOTUwOEw4LjQxMzg1IDcuMDAxMTNMMTMuMzYzNyAyLjA1MTMxTDExLjk0OTUgMC42MzcwOTdMNi45OTk2MyA1LjU4NjkxWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg=="); } .c-readmore { line-height: 1; display: inline-flex; align-items: center; } .c-readmore:after { position: relative; top: 2px; display: block; content: "\0020"; width: 8px; min-width: 8px; height: 12px; margin-left: 10px; background-size: cover; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjA3MTA3IDUuNjU2ODRMMS40MTQzNiAxMS4zMTM4TDAuMDAwMTQ5MzA3IDkuODk5NjNMNC4yNDI3OSA1LjY1Njk5TC00LjMyNzI3ZS0wNyAxLjQxNDJMMS40MTQyMSAtMS42Mjc0M2UtMDVMNy4wNzEwNyA1LjY1Njg0WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg=="); } .c-readmore.o-invert { color: #fff; } .c-readmore.o-invert:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjA3MTA3IDUuNjU2ODRMMS40MTQzNiAxMS4zMTM4TDAuMDAwMTQ5MzA3IDkuODk5NjNMNC4yNDI3OSA1LjY1Njk5TC00LjMyNzI3ZS0wNyAxLjQxNDJMMS40MTQyMSAtMS42Mjc0M2UtMDVMNy4wNzEwNyA1LjY1Njg0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg=="); } .c-made-in-russia { width: 79px; min-width: 79px; height: 24px; background-image: url(/images/made-in-russia.svg?28f72c26edd84525fbacf8eb53041fdf); background-size: cover; } .c-texture-item__media { margin-right: 20px; } @media (min-width: 641px) { .c-mobile-only { display: none !important; } } .c-loader { width: 30px; height: 30px; min-width: 30px; min-height: 30px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA2MSA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxjaXJjbGUgY3g9IjMwLjUiIGN5PSIzMC41IiByPSIyNS41IiBzdHJva2U9InVybCgjcGFpbnQwX3JhZGlhbCkiIHN0cm9rZS13aWR0aD0iMTAiLz4NCjxkZWZzPg0KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMS41MDk0IDIwLjE0MTUpIHJvdGF0ZSgyMC43Mzg3KSBzY2FsZSg2My4zODAzIDI3LjIwMjkpIj4NCjxzdG9wIHN0b3AtY29sb3I9IiNiMWFiYTciLz4NCjxzdG9wIG9mZnNldD0iMC41NTkyMzgiIHN0b3AtY29sb3I9IiNiMWFiYTciIHN0b3Atb3BhY2l0eT0iMC44Ii8+DQo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNiMWFiYTciIHN0b3Atb3BhY2l0eT0iMCIvPg0KPC9yYWRpYWxHcmFkaWVudD4NCjwvZGVmcz4NCjwvc3ZnPg0K"); background-position: center; background-repeat: no-repeat; background-size: cover; animation: animLoading 1.2s linear infinite; } @keyframes animLoading { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .c-site__loader { overflow: hidden; position: fixed; z-index: 10000; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.7s ease-in-out; box-shadow: 0 0 400px #000; } .is-loaded .c-site__loader { right: 100%; animation: hideLoader 1s linear forwards; animation-delay: 1.7s; box-shadow: 0 0 100px #000; } @media screen and (max-width: 640px) { .is-loaded .c-site__loader { right: 0; bottom: 100%; } } .is-loaded .c-site__loader .c-loader { opacity: 0; } .c-site__loader:before { display: block; content: "\0020"; width: 153px; height: 56px; min-width: 153px; margin-bottom: 20px; background-image: url(/images/logotype.svg?ba061ca8ad6ba96b13021e0de697ed36); background-size: 125px 32px; background-position: center; background-repeat: no-repeat; overflow: hidden; transition: all 0.7s ease-in-out; } .is-loaded .c-site__loader:before { transform: translateX(200%) scale(0.95); opacity: 0; } @media screen and (max-width: 640px) { .is-loaded .c-site__loader:before { transform: translateY(800%) scale(0.95); } } @keyframes hideLoader { 0% { display: block; max-width: none; max-height: 0; min-width: 153px; width: 153px; height: 56px; box-shadow: none; } 99% { display: block; max-width: none; max-height: 0; min-width: 153px; width: 153px; height: 56px; box-shadow: none; } 100% { display: none; max-width: 0; max-height: 0; min-width: 0; width: 0; height: 0; content: ""; box-shadow: none; } } .c-layout { width: 100%; max-width: 1140px; margin: 0 auto; } @media screen and (max-width: 1280px) { .c-layout { width: auto; margin: 0 40px; } } @media screen and (max-width: 1023px) { .c-layout { margin: 0 30px; } } @media screen and (max-width: 640px) { .c-layout { margin: 0 20px; } } .c-layout-compact { max-width: 600px; margin: 0 auto; } @media screen and (max-width: 640px) { .c-layout-compact { margin: 0 20px; } } .c-site { padding-left: 80px; } @media screen and (max-width: 1023px) { .c-site { padding-top: 60px; padding-left: 0; } } .c-main { max-width: 100vw; } body.is-bar { overflow: hidden; } body.is-bar .c-main, body.is-bar .c-footer, body.is-bar .c-header { pointer-events: none; } .c-bar { position: fixed; z-index: 11; top: 0; left: 0; max-width: 0; max-height: 0; overflow: hidden; opacity: 0; pointer-events: none; } .is-bar .c-bar { right: 0; bottom: 0; max-width: 100%; max-height: 100%; opacity: 1; pointer-events: auto; } .c-bar__overlay { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; } .is-bar .c-bar__overlay { opacity: 1; } .is-bar.is-bar-closing .c-bar__overlay { opacity: 0; } .c-bar__main { position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; width: 100%; max-width: 400px; background: #fff; padding: 40px; transform: translateX(-100%); } .is-bar .c-bar__main { transform: none; } .is-bar.is-bar-closing .c-bar__main { transform: translateX(-100%); pointer-events: none; } @media screen and (max-width: 1023px) { .c-bar__main { left: 0; padding: 30px; } } @media screen and (max-width: 640px) { .c-bar__main { padding: 20px; } } .c-bar__header { height: 40px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2; } .c-bar__close { display: block; width: 40px; height: 40px; outline: none; border: none; background-color: transparent; background-repeat: no-repeat; background-position: left center; cursor: pointer; } .c-bar__close:hover { opacity: 0.7; } .c-bar__contacts a[href^="tel:"] { display: inline-flex; align-items: center; text-decoration: none; color: #000; line-height: 1; white-space: nowrap; font-size: 14px; } .c-bar__contacts a[href^="tel:"]:hover { text-decoration: none; color: #B3B3B3; } .c-bar__contacts a[href^="tel:"]:after { display: block; content: "\0020"; width: 8px; height: 16px; background-size: cover; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDggMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMyAxLjYwMTk5VjBIMFYxNi4wMDJIOFYxLjYwMTk5SDNaTTMuMTk5OTUgMTQuNDAySDEuNTk5OThWMTIuODAySDMuMTk5OTVWMTQuNDAyWk0zLjE5OTk1IDExLjIwMkgxLjU5OTk4VjkuNjAxOTlIMy4xOTk5NVYxMS4yMDJaTTYuMzk5OSAxNC40MDJINC43OTk5M1YxMi44MDJINi4zOTk5VjE0LjQwMlpNNi4zOTk5IDExLjIwMkg0Ljc5OTkzVjkuNjAxOTlINi4zOTk5VjExLjIwMlpNNi4zOTk5NiA4LjAwMTk1SDEuNTk5OThWMy4yMDE5N0g2LjM5OTk2VjguMDAxOTVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K"); margin-left: 8px; } .c-bar__social { position: absolute; z-index: 2; bottom: 40px; left: 40px; right: 40px; } @media screen and (max-width: 1023px) { .c-bar__social { bottom: 30px; left: 30px; right: 30px; } } @media screen and (max-width: 640px) { .c-bar__social { bottom: 20px; left: 20px; right: 20px; } } .c-bar__content { position: absolute; z-index: 1; left: 40px; right: calc(40px - 10px); top: calc(40px * 2); bottom: calc(40px * 2); padding: 80px 10px 20px 0; overflow-x: hidden; overflow-y: auto; } .c-bar__content a.is-active { text-decoration: underline; } @media screen and (max-width: 1023px) { .c-bar__content { left: 30px; right: calc(30px - 10px); top: calc(30px * 2); bottom: calc(30px * 2); } } @media screen and (max-width: 640px) { .c-bar__content { left: 20px; right: calc(20px - 10px); top: calc(20px * 2); bottom: calc(20px * 2); } } .c-bar ul { display: block; } .c-bar ul > li { display: block; padding: 6px 0; } .c-bar ul > li ul { padding: 0; margin: 0; } .c-bar ul > li ul li { display: block; padding: 0; } .c-bar ul > li ul li a { padding: 4px 0; display: block; } .c-bar ul > li ul li:first-child { padding-top: 16px; } .c-bar ul > li ul li:last-child { padding-bottom: 12px; } .c-bar ul strong { font-family: 'Lora', serif; font-size: 22px; line-height: 1; font-weight: 500; cursor: pointer; } .c-bar ul strong:hover { text-decoration: underline; } .c-mobile-visualizator-link { display: flex; align-items: center; gap: 4px; } .c-mobile-visualizator-link:before { content: ''; background-image: url(/images/visualization.svg?a42d6fe7cd0e4246afcb0491321661c0); background-repeat: no-repeat; background-size: contain; width: 16px; height: 16px; } ul.c-extand-item { display: none; } .c-extand-trigger { display: block; position: relative; padding-right: 20px; } .c-extand-trigger:after { position: absolute; top: 50%; right: 0; margin-top: -4px; display: block; content: "\0020"; width: 8px; height: 8px; background-size: cover; background-position: center; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNSAwSDNWM0gwVjVIM1Y4SDVWNUg4VjNINVYwWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg=="); } .c-extand-trigger.is-active:after { transform: rotate(180deg); background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjQzMV83NCkiPgo8cmVjdCB4PSI4IiB5PSIzIiB3aWR0aD0iMiIgaGVpZ2h0PSI4IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA4IDMpIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI0MzFfNzQiPgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="); } .c-header { position: fixed; z-index: 10; top: 0; left: 0; bottom: 0; width: 80px; background: #000; color: #fff; padding: 40px 0; } @media screen and (max-width: 1023px) { .c-header { width: auto; height: 60px; left: 0; right: 0; top: 0; bottom: auto; padding: 0 30px; } } @media screen and (max-width: 640px) { .c-header { padding: 0 20px; } } .c-header__layout { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: stretch; } @media screen and (max-width: 1023px) { .c-header__layout { display: flex; height: 60px; align-items: center; flex-direction: row; } } @media screen and (max-width: 1023px) { .c-header__logo { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -64px; } } .c-header__nav-item { width: 40px !important; min-width: 40px !important; height: auto !important; font-size: 10px; color: #fff; text-align: center; gap: 6px; display: flex !important; flex-direction: column; } .c-header__nav-item--visualizator { word-break: break-all; } .c-header__nav-item__icon svg { width: 18px !important; margin: 0 auto; } @media (max-width: 1024px) { .c-header__nav-item { margin-left: 0 !important; } .c-header__nav-item__name { display: none; } .c-header__nav-item--home { display: none !important; } .c-header__nav-item--catalog { display: none !important; } .c-header__nav-item--visualizator { display: none !important; } } .c-header__nav { flex-grow: 1; } @media screen and (max-width: 1023px) { .c-header__nav { display: flex; justify-content: flex-end; align-items: center; } } .c-header__nav a, .c-header__nav button { display: block; width: 18px; min-width: 18px; height: 18px; outline: none; border: none; background: transparent; cursor: pointer; padding: 0; margin: 0 auto 24px; } @media screen and (max-width: 1023px) { .c-header__nav a, .c-header__nav button { margin-right: 0; margin-left: 24px; margin-bottom: 0; } } .c-header__nav a svg, .c-header__nav button svg { fill: #fff; } .c-header__nav a.c-hambunger-trigger, .c-header__nav button.c-hambunger-trigger { border-top: 2px solid #fff; border-bottom: 2px solid #fff; position: relative; margin-bottom: 40px; } @media screen and (max-width: 1023px) { .c-header__nav a.c-hambunger-trigger, .c-header__nav button.c-hambunger-trigger { margin-left: 0; margin-right: auto; margin-bottom: 0; } .c-header__nav a.c-hambunger-trigger:before, .c-header__nav button.c-hambunger-trigger:before { display: none; } } .c-header__nav a.c-hambunger-trigger:before, .c-header__nav button.c-hambunger-trigger:before { content: 'Меню'; position: absolute; top: calc(100% + 8px); left: -6px; right: 0; font-size: 10px; color: #fff; text-align: center; } .c-header__nav a.c-hambunger-trigger:after, .c-header__nav button.c-hambunger-trigger:after { display: block; content: "\0020"; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; background: #fff; } .c-header-bar { position: fixed; top: 60px; left: 80px; right: 0; z-index: 9; background: rgba(0, 0, 0, 0.3); height: 60px; transform: translateY(-60px); transition: all 0.25s ease-in-out; } @media screen and (max-width: 1023px) { .c-header-bar { top: 120px; left: 0; } } .c-header-bar__content { height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 40px; padding-left: 40px; } @media screen and (max-width: 1023px) { .c-header-bar__content { padding-left: 30px; padding-right: 30px; gap: 20px; } } @media screen and (max-width: 640px) { .c-header-bar__content { width: 100%; gap: 10px; padding-left: 20px; padding-right: 20px; } } .c-header-bar ul { display: flex; flex-grow: 1; } @media screen and (max-width: 640px) { .c-header-bar ul { display: none; } } .c-header-bar ul li { display: block; margin: 0 10px; } .c-header-bar ul li:first-child { margin-left: 0; } .c-header-bar ul li a, .c-header-bar ul li span { white-space: nowrap; color: #fff; font-size: 0.9rem; line-height: 1; text-transform: uppercase; text-decoration: none; } .c-header-bar ul li a:hover, .c-header-bar ul li span:hover { color: #fff; text-decoration: underline; } .c-header-bar__contacts { display: flex; align-items: center; gap: 12px; transition: all 0.25s ease-in-out; } .c-header-bar__contacts a { font-weight: bold; line-height: 1; color: #fff; white-space: nowrap; } .c-header-bar__contacts a:has(img) { font-size: 0; } @media screen and (max-width: 640px) { .c-header-bar__contacts { gap: 8px; width: 100%; justify-content: space-between; } .c-header-bar__contacts .c-button { height: 32px; min-height: 32px; margin-right: auto; } } @media screen and (max-width: 420px) { .c-header-bar__contacts { gap: 6px; } .c-header-bar__contacts a { font-size: 13px; } .c-header-bar__contacts a img { width: 20px; height: 20px; } .c-header-bar__contacts .c-button { padding-left: 8px; padding-right: 8px; font-size: 13px; } } .c-header-bar__logo { display: block; width: 160px; min-width: 160px; height: 60px; background-image: url(/images/logotype.svg?ba061ca8ad6ba96b13021e0de697ed36); background-size: 125px 32px; background-color: #000; background-position: center; background-repeat: no-repeat; } .c-header-bar__logo:hover { background-color: #222; } @media screen and (max-width: 1023px) { .c-header-bar__logo { display: none; } } /* active links */ body:has(#section-product-list) .c-header-bar ul li a#bar-link-products, body:has(#section-product) .c-header-bar ul li a#bar-link-products, body:has(#section-news-page) .c-header-bar ul li a#bar-link-about, body:has(#section-contacts) .c-header-bar ul li a#bar-link-contacts { text-decoration: underline; } body:has(#section-mainhero) .c-header-bar ul li a#bar-link-products, body:has(#section-mainhero) .c-header-bar ul li a#bar-link-about, body:has(#section-mainhero) .c-header-bar ul li a#bar-link-contacts, body:has(#section-mainhero) .c-site:has(#section-product-list) .c-header-bar ul li a#bar-link-products { text-decoration: none; } body:has(#section-mainhero) .c-header-bar ul li a#bar-link-products:hover, body:has(#section-mainhero) .c-header-bar ul li a#bar-link-about:hover, body:has(#section-mainhero) .c-header-bar ul li a#bar-link-contacts:hover, body:has(#section-mainhero) .c-site:has(#section-product-list) .c-header-bar ul li a#bar-link-products:hover { text-decoration: underline; } .c-footer-sentinel { transform: translateY(-120px); } .c-footer { background: #000; padding: 40px 0; color: #fff; margin-top: auto; margin-bottom: 0; } .c-footer li { display: block; margin-bottom: 5px; } .c-footer a { font-size: 14px; color: #fff; text-decoration: none; } .c-footer a.is-active { text-decoration: underline; } .c-footer a:hover { color: #B3B3B3; text-decoration: none; } .c-footer__container { display: flex; align-items: flex-start; margin-bottom: 40px; } @media screen and (max-width: 640px) { .c-footer__container { display: block; margin-bottom: 40px; } } .c-footer__nav { display: flex; align-items: flex-start; } @media screen and (max-width: 640px) { .c-footer__nav { display: block; } } .c-footer__nav__item { display: block; margin-right: 5vw; } @media screen and (max-width: 640px) { .c-footer__nav__item { display: block; margin-right: 0; margin-bottom: 20px; } } .c-footer__nav__item__header { text-transform: uppercase; display: inline-block; font-weight: 600; line-height: 1; margin-bottom: 1rem; cursor: default; } @media screen and (max-width: 640px) { .c-footer__nav__item__header { padding-right: 30px; position: relative; cursor: pointer; } .c-footer__nav__item__header:hover { color: #fff; text-decoration: none; } .c-footer__nav__item__header.is-active { color: #fff; text-decoration: none; } .c-footer__nav__item__header:before { position: absolute; top: 50%; right: 0; margin-top: -4px; display: block; content: "\0020"; width: 12px; height: 8px; background-size: cover; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjM0MzI3IDcuMDcwODJMMC42ODYyNjQgMS40MTQxMkwyLjEwMDQ4IC05LjQ3NzE0ZS0wNUw2LjM0MzEyIDQuMjQyNTVMMTAuNTg1OSAtMC4wMDAyNDQxNDFMMTIuMDAwMSAxLjQxMzk3TDYuMzQzMjcgNy4wNzA4MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="); } .c-footer__nav__item__header.is-active:before { transform: rotate(180deg); } } @media screen and (max-width: 640px) { .c-footer__nav__item__content { max-height: 0; overflow: hidden; opacity: 0; } .c-footer__nav__item__content.is-open { max-height: 10000px; opacity: 1; } } .c-footer__nav__item li { display: block; font-size: 0.9rem; line-height: 1.1; margin-bottom: 10px; } .c-footer__nav__item li a { font-size: 14px; color: #B3B3B3; text-decoration: none; } .c-footer__nav__item li a.is-active { text-decoration: underline; } .c-footer__nav__item li a:hover { color: #fff; text-decoration: none; } .c-footer__social { margin-bottom: 40px; } .c-footer__contacts { margin-bottom: 20px; font-size: 0.9rem; } .c-footer__contacts a { margin-right: 1vw; } .c-footer__copyright { font-size: 14px; display: flex; justify-content: space-between; } @media (max-width: 480px) { .c-footer__copyright { flex-direction: column; } } .c-footer__links { margin-bottom: 20px; font-size: 0.9rem; } .c-footer__links a { margin-right: 1vw; } body:has(.c-hero) .c-main { padding-top: 0; } .c-main { display: flex; flex-direction: column; justify-content: flex-start; min-height: 100vh; padding-top: 60px; } @media screen and (max-width: 640px) { .c-main { min-height: 1px; } } .c-main__header { background: #fff; padding: 60px 0 calc(40px / 2); } @media screen and (max-width: 1023px) { .c-main__header { padding-top: 60px; padding-bottom: 20px; } .c-main__header.has-dropmenu { box-shadow: 0 10px 20px rgba(0, 0, 0, 0); } .is-dropmenu .c-main__header.has-dropmenu { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); position: sticky; top: 60px; z-index: 3; } } @media screen and (max-width: 640px) { .c-main__header { padding: 40px 0 20px; } } .c-main__title { font-size: 3rem; font-family: 'Lora', serif; font-weight: 500; line-height: 1; margin-bottom: 0.666667em; } @media screen and (max-width: 640px) { .c-main__title { font-size: 1.875rem; margin-bottom: 0.2em; } } @media screen and (max-width: 767px) { .c-main__options { padding-top: 0; } } @media screen and (max-width: 640px) { .c-main__options { padding-top: 20px; } } .c-section { padding: 40px 0; } .c-section#section-cart { padding-bottom: 80px; } @media (min-width: 1024px) { .c-section--news-detail { padding-top: 72px; } } .c-section--news-detail .c-page__meta { padding-top: 40px; padding-bottom: 40px; } @media (max-width: 640px) { .c-section--news-detail .c-page__meta { padding-top: 28px; padding-bottom: 28px; } } @media (min-width: 1024px) { .c-section--static-page { padding-top: 72px; } } .c-section--static-page .c-page__meta { padding-top: 40px; padding-bottom: 40px; } @media (max-width: 640px) { .c-section--static-page .c-page__meta { padding-top: 28px; padding-bottom: 28px; } } .c-section__swiper { margin-top: 80px; } .c-section#section-error { min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; } .c-section#section-why-crystallit { background: #000; color: #fff; } .c-section#section-news { background: #222; color: #fff; } @media (min-width: 767px) and (max-width: 1023px) { .c-section#section-news .c-section__subtitle2 { font-size: 26px; } } @media (min-width: 767px) { .c-section#section-news .c-section__subtitle2 { margin-bottom: 20px; } } @media (max-width: 640px) { .c-section#section-news .c-section__subtitle2 { margin-bottom: 16px; font-size: 20px; } } .c-section#section-supermenu { padding: 40px 0; } @media (max-width: 640px) { .c-section#section-supermenu { padding: 20px 0; } } .c-section#section-contacts, .c-section#section-product { padding: 0; } .c-section#section-promo-manufacture, .c-section#section-promo-cooperation { padding-top: 10px; } @media (min-width: 767px) and (max-width: 1023px) { .c-section#section-promo-manufacture .c-section__subtitle2, .c-section#section-promo-cooperation .c-section__subtitle2 { font-size: 26px; } } @media (max-width: 640px) { .c-section#section-promo-manufacture .c-section__subtitle2, .c-section#section-promo-cooperation .c-section__subtitle2 { font-size: 20px; } } .c-section#section-promo-manufacture .c-section__container, .c-section#section-promo-cooperation .c-section__container { overflow: hidden; background-color: #fff; } .c-section#section-promo-manufacture .c-section__media img, .c-section#section-promo-cooperation .c-section__media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 640px) { .c-section#section-promo-manufacture .c-section__media img, .c-section#section-promo-cooperation .c-section__media img { min-height: 240px; max-height: 240px; display: block; } } @media (max-width: 640px) { .c-section#section-promo-manufacture .c-section__media, .c-section#section-promo-cooperation .c-section__media { width: 100%; min-height: 240px; max-height: 240px; overflow: hidden; margin: 0; } } .c-section#section-promo-manufacture .c-section__meta, .c-section#section-promo-cooperation .c-section__meta { padding-right: 20px; } @media (max-width: 640px) { .c-section#section-promo-manufacture .c-section__meta, .c-section#section-promo-cooperation .c-section__meta { padding-left: 20px; } } .c-section#section-promo-manufacture { padding-top: 40px; } @media (min-width: 767px) and (max-width: 1023px) { .c-section#section-need-help .c-section__subtitle2 { font-size: 26px; } } @media (max-width: 640px) { .c-section#section-need-help .c-section__subtitle2 { font-size: 20px; } } .c-section#section-need-help .c-section__container { overflow: hidden; background-color: #fff; } .c-section#section-need-help .c-section__media img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; left: 0; right: 0; } @media (max-width: 640px) { .c-section#section-need-help .c-section__media img { min-height: 240px; max-height: 240px; display: block; } } @media (max-width: 640px) { .c-section#section-need-help .c-section__media { width: 100%; min-height: 240px; max-height: 240px; overflow: hidden; margin: 0; } } .c-section#section-need-help .c-section__meta { padding-right: 20px; padding-left: 40px; } @media (max-width: 640px) { .c-section#section-need-help .c-section__meta { padding-left: 20px; } } .c-section#section-advantages { background: #fff; } .c-section#section-news, .c-section#section-why-crystallit { overflow-x: hidden; } .c-section__header { display: flex; align-items: center; justify-content: stretch; } .c-section__wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; } .c-section__wrapper > div, .c-section__wrapper > h2, .c-section__wrapper > h3 { margin-bottom: 0; } @media (max-width: 1023px) { .c-section__wrapper { flex-wrap: wrap; } } .c-section__title { font-family: 'Lora', serif; font-size: 3rem; font-weight: 500; line-height: 1.1; margin-bottom: 0.8em; } @media screen and (max-width: 1023px) { .c-section__title { font-size: 2rem; } } @media screen and (max-width: 640px) { .c-section__title { font-size: 1.8rem; } } .c-section__title.has-options { display: flex; align-items: center; justify-content: space-between; } .c-section__title2 { font-family: 'Lora', serif; font-size: 2.5rem; font-weight: 500; line-height: 1.1; margin-bottom: 0.6em; } @media screen and (max-width: 1023px) { .c-section__title2 { font-size: 2.2rem; } } @media screen and (max-width: 640px) { .c-section__title2 { font-size: 1.6rem; } } .c-section__subtitle { font-family: 'Lora', serif; font-size: 26px; font-weight: 500; line-height: 1.1; margin-bottom: 0.8em; } @media screen and (max-width: 640px) { .c-section__subtitle { font-size: 20px; } } .c-section__subtitle.has-options { display: flex; align-items: center; justify-content: space-between; } .c-section__subtitle2 { font-family: 'Lora', serif; font-size: 1.625rem; font-weight: 500; line-height: 1.1; margin-bottom: 0.6em; } @media screen and (max-width: 1023px) { .c-section__subtitle2 { font-size: 1.4rem; } } @media screen and (max-width: 640px) { .c-section__subtitle2 { font-size: 1.2rem; } } .c-section__subtitle2.has-options { display: flex; align-items: center; justify-content: space-between; } .c-section__description { font-style: normal; font-weight: 400; color: #B3B3B3; margin-bottom: 1rem; } .c-section__date { font-size: 0.8rem; font-style: normal; font-weight: 400; color: #B3B3B3; margin-bottom: 1rem; } @media screen and (max-width: 640px) { .c-section__date { font-size: 12px; } } .c-section__container { display: flex; align-items: center; } .c-section__container.o-alt { align-items: stretch; } @media screen and (max-width: 640px) { .c-section__container, .c-section__container.o-alt { flex-direction: column; align-items: flex-start; justify-content: flex-start; } } .c-section__meta { flex-grow: 1; max-width: 50%; display: flex; flex-direction: column; justify-content: space-between; padding: 40px 0; } @media screen and (max-width: 640px) { .c-section__meta { max-width: none; order: 2; } } .o-invert .c-section__meta { order: 1; } @media screen and (max-width: 640px) { .o-invert .c-section__meta { order: 2; } } .o-invert-alt .c-section__meta { order: 1; } @media screen and (max-width: 640px) { .o-invert-alt .c-section__meta { order: 1; } } .c-section__media { width: 100%; max-width: 50%; margin-right: 40px; position: relative; min-height: 400px; max-height: 400px; } @media screen and (max-width: 640px) { .c-section__media { max-width: none; min-height: 200px; margin: 0 -20px; width: auto; } } #section-promo-cooperation .c-section__media, #section-promo-manufacture .c-section__media, #section-need-help .c-section__media { min-height: 400px; max-height: 400px; } @media screen and (max-width: 1023px) { #section-promo-cooperation .c-section__media, #section-promo-manufacture .c-section__media, #section-need-help .c-section__media { min-height: 400px; } } @media screen and (max-width: 640px) { #section-promo-cooperation .c-section__media, #section-promo-manufacture .c-section__media, #section-need-help .c-section__media { max-width: none; min-height: 200px; } } .o-invert .c-section__media { order: 2; margin-right: 0; margin-left: 40px; } @media screen and (max-width: 640px) { .o-invert .c-section__media { margin: 0 -20px; order: 1; } } .o-invert-alt .c-section__media { order: 2; margin-right: 0; margin-left: 40px; } @media screen and (max-width: 640px) { .o-invert-alt .c-section__media { order: 2; margin: 0 -20px; } } .c-section__media img.c-section__media__overlay { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: calc(100vw / 2); height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; } @media screen and (max-width: 640px) { .c-section__media img.c-section__media__overlay { display: none; } } .o-invert .c-section__media img.c-section__media__overlay { left: -20px; right: -20px; } .c-section__text { max-width: 500px; } .c-section__actions { padding-top: 40px; display: flex; } .c-section__actions .c-button { margin-right: 10px; } .c-section__page { max-width: 720px; margin: 0 auto; } #section-news-page .c-section__subtitle { font-size: 32px; } @media screen and (max-width: 640px) { #section-news-page .c-section__subtitle { font-size: 24px; } } .c-product__section .c-products-list .c-products-item .c-products-item__already-in-cart, #section-product-list .c-products-list .c-products-item .c-products-item__already-in-cart, #section-similar .c-products-list .c-products-item .c-products-item__already-in-cart { right: auto; left: 8px; } #section-similar .c-products-item__media { max-height: 400px; } #section-similar .c-products-item__media__canvas { padding-top: 0; max-height: 320px; display: flex; } #section-similar .c-products-item__media__canvas a { display: block; } #section-similar .c-products-item__media__canvas img { position: static; max-width: 100%; max-height: 100%; display: block; width: auto; height: auto; margin: auto; } .swiper { position: relative; } .swiper .swiper-header { position: absolute; z-index: 3; top: 40px; left: 0; right: 0; color: #fff; } @media screen and (max-width: 1023px) { .swiper .swiper-header { top: 30px; } } @media screen and (max-width: 640px) { .swiper .swiper-header { top: 20px; } } .swiper .swiper-footer { position: absolute; z-index: 3; bottom: 40px; left: 0; right: 0; } .swiper .swiper-footer.o-alt { left: auto; right: calc((100% - 1140px) / 2); } @media screen and (max-width: 1180px) { .swiper .swiper-footer.o-alt { right: 0; } } @media screen and (max-width: 640px) { .swiper .swiper-footer.o-alt { display: none; } } @media screen and (max-width: 640px) { .swiper .swiper-footer { bottom: 20px; } } .swiper.has-menu .swiper-footer { bottom: calc(40px + 60px); } @media screen and (max-width: 1023px) { .swiper.has-menu .swiper-footer { bottom: 100px; } } .swiper-slide.c-texture-item { max-width: 208px; width: 208px; min-width: 208px; } @media screen and (max-width: 640px) { .swiper-slide.c-texture-item { max-width: 120px; width: 120px; min-width: 120px; } } .swiper.swiper-out { margin-bottom: 32px; overflow: visible; } .swiper__nav { display: flex; margin-left: -2px; } .swiper__nav.o-fixed { position: absolute; z-index: 3; bottom: 40px; left: 40px; } @media screen and (max-width: 1023px) { .swiper__nav.o-fixed { position: relative; top: auto; left: auto; right: auto; bottom: auto; margin: 0 30px; } } @media screen and (max-width: 640px) { .swiper__nav.o-fixed { margin: 0 20px; } } .swiper__nav .swiper-button-prev, .swiper__nav .swiper-button-next { position: relative; top: auto; left: auto; right: auto; bottom: auto; margin: 0 2px; } .swiper-button-prev, .swiper-button-next { display: flex; align-items: center; justify-content: center; width: 48px; min-width: 48px; height: 48px; background: transparent; border: 1px solid #fff; box-sizing: border-box; border-radius: 100%; cursor: pointer; z-index: 9; } .swiper-button-prev.is-square, .swiper-button-next.is-square { width: 50px; min-width: 50px; height: 50px; background: #fff; border: none; box-sizing: border-box; border-radius: 8px; } .swiper-button-prev.is-square.swiper-button-disabled, .swiper-button-next.is-square.swiper-button-disabled { opacity: 0.3; } .swiper-button-prev.is-square:hover, .swiper-button-next.is-square:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .swiper-button-prev:before, .swiper-button-next:before { display: block; content: "\0020"; width: 8px; height: 12px; border: none; background-size: cover; } .swiper-button-prev:after, .swiper-button-next:after { display: none; } .swiper-button-prev.o-invert, .swiper-button-next.o-invert { border-color: #B3B3B3; background-color: rgba(255, 255, 255, 0.8); } @media (max-width: 640px) { .swiper-button-prev.o-invert:not(.is-square), .swiper-button-next.o-invert:not(.is-square) { border-color: transparent; background-color: transparent; } } .swiper-button-next.is-square { background-image: url(/images/arrow-right.svg?061295445e19b1b09649e92f5e720e97) !important; background-repeat: no-repeat; background-size: 8px 12px; background-position: center; padding: 0; } .swiper-button-next.is-square:before { display: none; } .swiper-button-prev.is-square { background-image: url(/images/arrow-left.svg?c51d25648bc9850fc14f6b752bb4b670) !important; background-repeat: no-repeat; background-size: 8px 12px; background-position: center; padding: 0; } .swiper-button-prev.is-square:before { display: none; } .swiper-button-next:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjA3MTI4IDUuNjU2NjFMMS40MTQ0MyAtMC4wMDAyNDQxNDFMMC4wMDAyMTM2MjMgMS40MTM5N0w0LjI0MzM3IDUuNjU3MTNMMC4wMDAzNjM2MTYgOS45MDAxM0wxLjQxNDU4IDExLjMxNDNMNy4wNzEyOCA1LjY1NjYxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg=="); } .swiper-button-next.o-invert:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjA3MTI4IDUuNjU2NjFMMS40MTQ0MyAtMC4wMDAyNDQxNDFMMC4wMDAyMTM2MjMgMS40MTM5N0w0LjI0MzM3IDUuNjU3MTNMMC4wMDAzNjM2MTYgOS45MDAxM0wxLjQxNDU4IDExLjMxNDNMNy4wNzEyOCA1LjY1NjYxWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg=="); } .swiper-button-prev:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjAwMDE4MzEwNSA1LjY1NzQ5TDUuNjU3MDQgMTEuMzE0M0w3LjA3MTI1IDkuOTAwMTNMMi44MjgwOSA1LjY1Njk4TDcuMDcxMSAxLjQxMzk3TDUuNjU2ODkgLTAuMDAwMjQ0MTQxTDAuMDAwMTgzMTA1IDUuNjU3NDlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"); } .swiper-button-prev.o-invert:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjAwMDE4MzEwNSA1LjY1NzQ5TDUuNjU3MDQgMTEuMzE0M0w3LjA3MTI1IDkuOTAwMTNMMi44MjgwOSA1LjY1Njk4TDcuMDcxMSAxLjQxMzk3TDUuNjU2ODkgLTAuMDAwMjQ0MTQxTDAuMDAwMTgzMTA1IDUuNjU3NDlaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K"); } .swiper.swiper-horizontal > .swiper-pagination { display: flex; position: absolute; top: auto; left: 40px; right: 40px; bottom: 40px; } .swiper.swiper-horizontal > .swiper-pagination.o-mobile-only { display: none; } @media screen and (max-width: 640px) { .swiper.swiper-horizontal > .swiper-pagination.o-mobile-only { display: flex; } } @media screen and (max-width: 1023px) { .swiper.swiper-horizontal > .swiper-pagination { left: 30px; right: 30px; bottom: 30px; } } @media screen and (max-width: 640px) { .swiper.swiper-horizontal > .swiper-pagination { left: 20px; right: 20px; bottom: 20px; } } .swiper.swiper-horizontal > .swiper-pagination .swiper-pagination-bullet { width: 24px; min-width: 24px; height: 4px; background: #fff; opacity: 0.5; margin: 0 10px 0 0; border-radius: 0; } .swiper.swiper-horizontal > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } .swiper.swiper-horizontal.has-menu .swiper-pagination { width: auto; } @media screen and (max-width: 1023px) { .swiper.swiper-horizontal.has-menu .swiper-pagination { bottom: 80px; } } @media screen and (max-width: 640px) { .swiper.swiper-horizontal.has-menu .swiper-pagination { bottom: 80px; } } .swiper-menu { position: absolute; z-index: 3; background: rgba(0, 0, 0, 0.3); bottom: 0; left: 0; right: 0; color: #fff; } .swiper-menu__content { height: 60px; display: flex; align-items: center; justify-content: space-between; } @media screen and (max-width: 640px) { .swiper-menu__content { width: 100%; } } .swiper-menu ul { display: flex; } @media screen and (max-width: 640px) { .swiper-menu ul { display: none; } } .swiper-menu ul li { display: block; margin: 0 10px; } .swiper-menu ul li a, .swiper-menu ul li span { color: #fff; font-size: 0.9rem; line-height: 1; text-transform: uppercase; text-decoration: none; } .swiper-menu ul li a:hover, .swiper-menu ul li span:hover { color: #B3B3B3; text-decoration: none; } .swiper-menu__contacts { display: flex; align-items: center; gap: 12px; } .swiper-menu__contacts a { font-weight: bold; color: #fff; } .swiper-menu__contacts a:has(img) { font-size: 0; } @media screen and (max-width: 640px) { .swiper-menu__contacts { gap: 8px; width: 100%; justify-content: space-between; } .swiper-menu__contacts .c-button { height: 32px; min-height: 32px; margin-right: auto; } } @media screen and (max-width: 420px) { .swiper-menu__contacts { gap: 6px; } .swiper-menu__contacts a img { width: 20px; height: 20px; } } @media screen and (max-width: 390px) { .swiper-menu__contacts { gap: 2px; } .swiper-menu__contacts a { font-size: 13px; } .swiper-menu__contacts .c-button { padding-left: 8px; padding-right: 8px; font-size: 13px; } } /**************************** Content swiper */ .c-swiper-content { background: #ECECEC; padding: 20px 20px 60px 20px; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: 0; transition: opacity 0.3s ease-in-out; transition-delay: 0.5s; } .is-loaded .c-swiper-content { opacity: 1; } .c-swiper-content .swiper-slide { text-align: center; padding-bottom: 20px; max-height: 300px; overflow: hidden; } .c-swiper-content .swiper-slide img { max-height: 250px; width: auto !important; margin: 0 auto; } .c-swiper-content .swiper-button-prev, .c-swiper-content .swiper-button-next { background: #fff; } .c-swiper-content .swiper-button-next { bottom: 20px; top: auto; right: calc(50% - 80px); z-index: 9; } .c-swiper-content .swiper-button-next:before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10.6562' y='6.24396' width='2' height='8' transform='rotate(45 10.6562 6.24396)' fill='black'/%3E%3Crect x='12.0703' y='7.6568' width='2' height='8' transform='rotate(135 12.0703 7.6568)' fill='black'/%3E%3C/svg%3E%0A"); width: 16px; height: 16px; } .c-swiper-content .swiper-button-prev { bottom: 20px; top: auto; left: calc(50% - 80px); z-index: 9; } .c-swiper-content .swiper-button-prev:before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='2' height='8' transform='matrix(-0.707107 0.707107 0.707107 0.707107 5.34375 6.24396)' fill='black'/%3E%3Crect width='2' height='8' transform='matrix(0.707107 0.707107 0.707107 -0.707107 3.92969 7.6568)' fill='black'/%3E%3C/svg%3E%0A"); width: 16px; height: 16px; } .c-swiper-content__zoom { background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_1312_4886)'%3E%3Crect width='48.0008' height='48.0001' rx='24.0001' fill='white'/%3E%3Crect x='0.5' y='0.5' width='47.0008' height='47.0001' rx='23.5001' stroke='%23ECECEC'/%3E%3Crect width='7.18141' height='1.9995' transform='matrix(0.707107 0.707106 -0.707107 0.707106 26.9219 25.5083)' fill='black'/%3E%3Cpath d='M27.9968 22.4984C27.9968 25.535 25.5351 27.9968 22.4984 27.9968C19.4617 27.9968 17 25.535 17 22.4984C17 19.4617 19.4617 17 22.4984 17C25.5351 17 27.9968 19.4617 27.9968 22.4984Z' stroke='black' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_1312_4886' x='-20' y='-20' width='88' height='88.0001' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='10'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1312_4886'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_1312_4886' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); width: 48px; height: 48px; position: absolute; bottom: 20px; left: 0; right: 0; cursor: pointer; transition: all 0.3s ease; margin: 0 auto; } .c-swiper-content__zoom:hover { opacity: 0.9; } .c-logo { display: block; } .c-logo__icon { width: 22px; min-width: 22px; height: 19px; margin: 0 auto; } .c-logo__icon svg { fill: #fff; } @media screen and (max-width: 1023px) { .c-logo__icon { display: none; } } .c-logo__main { display: none; width: 128px; height: 31px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMTI4IDMyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExMi4zOTkgOC40ODcwMUMxMTEuMjc1IDYuMjkxNTkgMTEwLjY4NyA0LjkzMzE3IDEwNy40NzIgNC42NzU4MUMxMTAuNjg3IDQuNDE5NjEgMTExLjI3NSAzLjA2MDAyIDExMi4zOTkgMC44NjQ4MzhDMTEzLjUyNCAzLjA2MDAyIDExNC4xMTMgNC40MTk2MSAxMTcuMzI3IDQuNjc1ODFDMTE0LjExMyA0LjkzMzE3IDExMy41MjQgNi4yOTE1OSAxMTIuMzk5IDguNDg3MDFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuMDM2MTU2NCAxNS40NjE2QzAuMDI1NTUzNCAxNS4zMjAyIDAuMDE2MDM3MiAxNS4xNjkgMC4wMDk1MTYxNSAxNS4wMDg4QzAuMDAzMjYwNTUgMTQuODQwMiAwIDE0LjY4NzIgMCAxNC41NDk1QzAgMTIuOTc0NSAwLjI5MzA2OCAxMS41MjY0IDAuODgwMjg5IDEwLjIwNUMxLjQ2OTY4IDguODgxODQgMi4zNTMyMyA3LjY4ODAzIDMuNTM1MjkgNi42MjU2OEM0LjcxMTkgNS41NjcwNCA2LjAzMzk2IDQuNzcwODYgNy41MDA2NiA0LjIzOTIyQzguOTY3MDcgMy43MDc1OCAxMC41NzQ5IDMuNDQxNDEgMTIuMzIxOCAzLjQ0MTQxQzEzLjIwMjEgMy40NDE0MSAxNC4wNzczIDMuNTMyOTkgMTQuOTQ2MSAzLjcxNjYyQzE1LjgwNzQgMy44OTg4NiAxNi42NTk5IDQuMTcyMjEgMTcuNTAzMyA0LjUzNzM4SDE3LjUwNDNDMTcuNzQ3NCA0LjY0MjQxIDE3Ljk0OTEgNC43MjE5NCAxOC4xMDk1IDQuNzcyNzJDMTguMjUyIDQuODE3OTMgMTguMzU4IDQuODQxNTcgMTguNDI4MSA0Ljg0MTU3QzE4LjcwMzMgNC44NDE1NyAxOC45MzM4IDQuNzUxODUgMTkuMTE4NCA0LjU3MzU1QzE5LjMyNzcgNC4zNzE2MSAxOS40ODkyIDQuMDU4MTQgMTkuNTk5NiAzLjYzNDMxTDE5LjY1MDQgMy40NDE0MUgyMC43NzI5TDIxLjMzMjcgMTAuNTMyOUwyMS4zNTI4IDEwLjc5NTZIMjAuMjg4N0wyMC4yMjcgMTAuNjE5OEMxOS41NjIzIDguNzM1MDggMTguNTkyOSA3LjMyNTg4IDE3LjMxOTUgNi4zOTIyMUMxNi4wNTY3IDUuNDY2NDIgMTQuNDg0IDUuMDAzNjQgMTIuNjAxMyA1LjAwMzY0QzkuODIyMDggNS4wMDM2NCA3LjgwMjE1IDUuODg3NjkgNi41MTQwNyA3LjY1NjUxQzUuODYxMDUgOC41NjMwNCA1LjM2OTI2IDkuNTkxNzggNS4wNDExMiAxMC43NDJDNC43MTE5IDExLjg5MzIgNC41NDc0MiAxMy4xNzAyIDQuNTQ3NDIgMTQuNTczMUM0LjU0NzQyIDE0Ljc0NDIgNC41NDgyNSAxNC44ODkyIDQuNTUxNSAxNS4wMDc5QzQuNTU1ODUgMTUuMTQ1MyA0LjU2MjEgMTUuMjg3NyA0LjU3MDU0IDE1LjQzMzVMNC41ODU0OSAxNS42OTE2SDAuMDU1MTgwNEwwLjAzNjE1NjQgMTUuNDYxNlpNMC41ODYxMjcgMTQuOTkzM0MwLjU4ODMwOSAxNS4wNTkzIDAuNTkxNTY5IDE1LjEyODIgMC41OTU2NDMgMTUuMTk4SDMuOTgyMjJDMy45ODAzMiAxNS4xNCAzLjk3ODE1IDE1LjA4MDIgMy45NzU5NyAxNS4wMTk1QzMuOTcxNjIgMTQuODQ3NCAzLjk2ODYzIDE0LjY5OSAzLjk2ODYzIDE0LjU3MzFDMy45Njg2MyAxMy4xMzUgNC4xNDA0NSAxMS44MTk5IDQuNDgwMjcgMTAuNjI3QzQuODI0NDUgOS40MjQzOCA1LjMzOTYzIDguMzQ4MzUgNi4wMjMzNiA3LjM5ODIyTDYuMDI0NDUgNy4zOTY1OUM3LjQyNTA5IDUuNDcyOTEgOS42MDg2NiA0LjUxMDAyIDEyLjYwMTMgNC41MTAwMkMxNC42MjUzIDQuNTEwMDIgMTYuMzIyMyA1LjAxMjY4IDE3LjY5MzMgNi4wMThDMTkuMDEzNCA2Ljk4NTI5IDIwLjAyMTIgOC40MTM1IDIwLjcxNjcgMTAuMzAyOUgyMC43MzU3TDIwLjIzMzYgMy45MzQxSDIwLjEwNjFDMTkuOTc0NSA0LjM0NzAzIDE5Ljc4ODUgNC42Njg2MiAxOS41NDk2IDQuODk5NTRDMTkuMjQ5MiA1LjE4ODQzIDE4Ljg3NTMgNS4zMzQyNiAxOC40MjgxIDUuMzM0MjZDMTguMjkxMSA1LjMzNDI2IDE4LjExODIgNS4yOTk5NSAxNy45MDg5IDUuMjMyOTRDMTcuNzE3OCA1LjE3MjE5IDE3LjQ5NTYgNS4wODYxOCAxNy4yNDIgNC45NzY1MUwxNy4yNDMxIDQuOTc1NThDMTYuNDM4MSA0LjYyNzggMTUuNjI2NiA0LjM2Njk3IDE0LjgwOCA0LjE5NDAxQzEzLjk4ODEgNC4wMjAxMiAxMy4xNTg2IDMuOTM0MSAxMi4zMjE4IDMuOTM0MUMxMC42NTA0IDMuOTM0MSA5LjExOTA0IDQuMTg2ODIgNy43MjU3NiA0LjY5MjI2QzYuMzMzNTUgNS4xOTY1NCA1LjA3NTExIDUuOTU0NyAzLjk1MjU5IDYuOTY0NDJDMi44MjQ5IDcuOTc4NzggMS45ODE2IDkuMTE3MTggMS40MTk5MiAxMC4zNzhDMC44NTc5OTcgMTEuNjQyMyAwLjU3NzY5NyAxMy4wMzI1IDAuNTc3Njk3IDE0LjU0OTVDMC41Nzc2OTcgMTQuNzE2MiAwLjU4MDk2NiAxNC44NjM5IDAuNTg2MTI3IDE0Ljk5MzNaTTI4Ljg5MjYgMTQuNjYxOVYxNS42OTE2SDI1LjQyODZMMjUuNDI1MyAxNS40NDdDMjUuNDE4IDE0Ljg2OTIgMjUuMzk1NyAxNC4zNzg0IDI1LjM1OTUgMTMuOTcxN0MyNS4zMjM0IDEzLjU4MTMgMjUuMjc0NyAxMy4yODQzIDI1LjIxMyAxMy4wODE0QzI1LjE1MTUgMTIuODg1NyAyNS4wNTY5IDEyLjc0MDggMjQuOTI3MyAxMi42NDk1QzI0LjgwNDEgMTIuNTYzNCAyNC42NDA3IDEyLjUxODkgMjQuNDM1NyAxMi41MTg5QzI0LjI3NTMgMTIuNTE4OSAyNC4xMDMyIDEyLjUzNjMgMjMuOTE5NSAxMi41Njk3QzIzLjcyNzMgMTIuNjA0OSAyMy41MjQ0IDEyLjY1NzYgMjMuMzA5OSAxMi43MjU1TDIzLjAxMzYgMTIuODE5NkwyMi43NTg5IDEyLjAyMThMMjIuNjkyIDExLjgxMDhMMjIuOTI5OSAxMS43MjkyTDI3Ljc2NDkgMTAuMDYwMUwyNy44MTggMTAuMDQxMUgyOC44OTI2VjEyLjQ2NjVDMjkuNDAyNCAxMS43OTM1IDI5LjkxOTcgMTEuMjYxOCAzMC40NDQxIDEwLjg3MDdDMzEuMTg2NiAxMC4zMTgyIDMxLjk0NTkgMTAuMDQxMSAzMi43MjUzIDEwLjA0MTFDMzMuMDIyNyAxMC4wNDExIDMzLjMxMzYgMTAuMDgyOCAzMy41OTYxIDEwLjE2NTFDMzMuODc1MyAxMC4yNDU4IDM0LjE0NDIgMTAuMzY3MSAzNC40MDIyIDEwLjUyODJMMzQuNDA0MyAxMC41MjkyQzM0LjY3MjkgMTAuNjk5NiAzNC44NzU4IDEwLjkwNSAzNS4wMTI4IDExLjE0NTlDMzUuMTQ3NiAxMS4zODQyIDM1LjIxNTYgMTEuNjUxMyAzNS4yMTU2IDExLjk0OTNDMzUuMjE1NiAxMi40NzE5IDM1LjA2MjggMTIuODcxMyAzNC43NTQ4IDEzLjE0NjZDMzQuNDQyNCAxMy40MjY0IDMzLjk4ODkgMTMuNTY1IDMzLjM5MzMgMTMuNTY1QzMzLjIyMDEgMTMuNTY1IDMyLjk5ODMgMTMuNTE1MiAzMi43MzA4IDEzLjQxNjRDMzIuNDg4NSAxMy4zMjY5IDMyLjIwMDYgMTMuMTk0NSAzMS44NzE0IDEzLjAxOTdMMzEuODY2MiAxMy4wMTgxQzMxLjU1OTMgMTIuODQ5NSAzMS4zMTcxIDEyLjcyNTUgMzEuMTM5OCAxMi42NDQ4QzMwLjk5IDEyLjU3NiAzMC45MDgyIDEyLjU0MjYgMzAuODk0NiAxMi41NDI2QzMwLjY4NTMgMTIuNTQyNiAzMC40MTc4IDEyLjcwNTYgMzAuMDkyNiAxMy4wMzI1QzI5LjczMzggMTMuMzk0OSAyOS4zMzMzIDEzLjkzNzQgMjguODkyNiAxNC42NjE5Wk0yOC4zMTM4IDE1LjE5OFYxNC41NDUxTDI4LjM0NyAxNC40OTA2QzI4LjgyMTcgMTMuNzA1NSAyOS4yNTY5IDEzLjExNDEgMjkuNjUxOSAxMi43MTU1QzMwLjA5MjYgMTIuMjcwOCAzMC41MDggMTIuMDQ5IDMwLjg5NDYgMTIuMDQ5QzMwLjk5OTYgMTIuMDQ5IDMxLjE3MzggMTIuMTAzMiAzMS40MTA2IDEyLjIxMkMzMS42MDgyIDEyLjMwMTcgMzEuODY1MiAxMi40MzI5IDMyLjE3NzMgMTIuNjA0MkMzMi40ODQyIDEyLjc2NjMgMzIuNzQ0NCAxMi44ODY2IDMyLjk1NzggMTIuOTY1NUMzMy4xNTAyIDEzLjAzNzEgMzMuMjk1NyAxMy4wNzI0IDMzLjM5MzMgMTMuMDcyNEMzMy44MjU2IDEzLjA3MjQgMzQuMTM5OCAxMi45ODQ1IDM0LjMzNjQgMTIuODA3OEMzNC41MzgxIDEyLjYyNzcgMzQuNjM3OSAxMi4zNDI1IDM0LjYzNzkgMTEuOTQ5M0MzNC42Mzc5IDExLjcyNTUgMzQuNTg4OSAxMS41MjkxIDM0LjQ5MzUgMTEuMzU5N0MzNC4zOTc4IDExLjE5MjMgMzQuMjUzNSAxMS4wNDY0IDM0LjA2MTMgMTAuOTI0QzMzLjg1MjIgMTAuNzkyOCAzMy42MzQ0IDEwLjY5NTkgMzMuNDExMiAxMC42MzA3QzMzLjE5MDUgMTAuNTY2MyAzMi45NjEgMTAuNTM0NyAzMi43MjUzIDEwLjUzNDdDMzIuMDg5MiAxMC41MzQ3IDMxLjQ1NTIgMTAuNzY5MSAzMC44MjM0IDExLjI0MDNDMzAuMTYxNyAxMS43MzI5IDI5LjUwNjUgMTIuNDc4NCAyOC44NTU3IDEzLjQ3NjJMMjguMzEzOCAxNC4zMDU4VjEwLjUzNDdIMjcuOTI4M0wyMy4zODQ0IDEyLjEwMzJMMjMuNDA3OCAxMi4xNzc2QzIzLjU0MzcgMTIuMTQxMiAyMy42NzQyIDEyLjExMTYgMjMuODAwNyAxMi4wODg4QzI0LjAyNDcgMTIuMDQ3MSAyNC4yMzU5IDEyLjAyNjIgMjQuNDM1NyAxMi4wMjYyQzI0Ljc3OTYgMTIuMDI2MiAyNS4wNjY0IDEyLjEwODggMjUuMjk0OCAxMi4yNjk5QzI1LjUxODggMTIuNDI4NSAyNS42NzcgMTIuNjU4NSAyNS43NzA2IDEyLjk1NjRDMjUuODQxOCAxMy4xOTExIDI1Ljg5NyAxMy41MTggMjUuOTM1IDEzLjkzNTVDMjUuOTY2IDE0LjI4MjQgMjUuOTg3MiAxNC43MDM0IDI1Ljk5NjggMTUuMTk4SDI4LjMxMzhaTTQwLjczNzkgMTUuNTUwNEwzOS42NTM0IDEzLjYwOTNIMzkuNjU0NUMzOS4yNzg1IDEyLjkzNzQgMzguODY1NiAxMi40MjI5IDM4LjQxODQgMTIuMDY4QzM3Ljk5MTYgMTEuNzMwMiAzNy41MzM3IDExLjUzODIgMzcuMDQ0NCAxMS40OTM3TDM2Ljc4NDIgMTEuNDcxMlYxMC40NDk2SDQ0LjgwNDFWMTEuNDk1NUg0NC4xNjM2QzQzLjY5ODUgMTEuNDk1NSA0My4zNjA4IDExLjU2MjUgNDMuMTQ5NiAxMS42OTU4QzQyLjk2NTggMTEuODEyNSA0Mi44NzM0IDExLjk5NzMgNDIuODczNCAxMi4yNUM0Mi44NzM0IDEyLjQyMiA0Mi45MTkxIDEyLjYzMTQgNDMuMDA4MiAxMi44NzU4QzQzLjEwMTcgMTMuMTMyMiA0My4yNDI4IDEzLjQyNjQgNDMuNDMxIDEzLjc1NzlMNDQuMzIyOSAxNS4zMzgzTDQ0LjUyMTcgMTUuNjkxNkg0MC44MTY1TDQwLjczNzkgMTUuNTUwNFpNNDAuMTc2IDEzLjM5NzRMNDEuMTgwOCAxNS4xOThINDMuNjA0MUw0Mi45MTE3IDEzLjk3MTdDNDIuNzExOSAxMy42MTkzIDQyLjU1OTEgMTMuMzAxNCA0Mi40NTcyIDEzLjAxOTdDNDIuMzQ5OCAxMi43MjY0IDQyLjI5NTcgMTIuNDY5MSA0Mi4yOTU3IDEyLjI0OUM0Mi4yOTU3IDExLjgzMjQgNDIuNDY1NiAxMS41MTczIDQyLjgwNjUgMTEuMzAwOEM0My4xMjA4IDExLjEwMTYgNDMuNTczMSAxMS4wMDI4IDQ0LjE2MzYgMTEuMDAyOEg0NC4yMjY0VjEwLjk0MjNIMzcuMzYzVjExLjAzOTJDMzcuODgxMiAxMS4xMzA2IDM4LjM2NDMgMTEuMzUzNCAzOC44MTE1IDExLjcwODRDMzkuMzExNyAxMi4xMDUxIDM5Ljc2NiAxMi42Njg1IDQwLjE3MzggMTMuMzk3NEg0MC4xNzZaTTU0LjU1MDYgMTEuNDkzN0M1NC4zMDIyIDExLjUxODMgNTQuMDgyNSAxMS41NjQ0IDUzLjg5MjIgMTEuNjMyM0M1My43MDk1IDExLjY5ODQgNTMuNTUyNCAxMS43ODUzIDUzLjQyMDggMTEuODk1TDUzLjQxNzUgMTEuODk3OEM1My4yNzY0IDEyLjAxMTkgNTMuMTI0NSAxMi4xOTAyIDUyLjk2MyAxMi40MzJDNTIuNzkyMiAxMi42ODc1IDUyLjYxNDcgMTMuMDA3MiA1Mi40MzA5IDEzLjM4OTNINTIuNDI5OEw1MS40MDA5IDE1LjUzNzZMNTEuMzI3NyAxNS42OTE2SDQ5LjEzOUw1MC4zNjM0IDEzLjExODVMNTAuMzY0NSAxMy4xMTY2QzUwLjQ1NyAxMi45MjY1IDUwLjUyNiAxMi43MzkyIDUwLjU3MTcgMTIuNTU0NEM1MC42MTc0IDEyLjM3MTUgNTAuNjM5NiAxMi4xODg1IDUwLjYzOTYgMTIuMDAzN0M1MC42Mzk2IDExLjg0NyA1MC41NTY3IDExLjczMDIgNTAuMzg5IDExLjY1MTNDNTAuMTY1OCAxMS41NDcyIDQ5LjgxMTMgMTEuNDk1NSA0OS4zMjI3IDExLjQ5NTVINDkuMDMzOFYxMC40NDk2SDU0LjgwNzhWMTEuNDY5M0w1NC41NTA2IDExLjQ5MzdaTTUzLjY2OTMgMTEuMTc5NUM1My44NDE0IDExLjExNzggNTQuMDI4MSAxMS4wNzA4IDU0LjIyOSAxMS4wMzgzVjEwLjk0MjNINDkuNjExNVYxMS4wMDkzQzUwLjA1NzYgMTEuMDMgNTAuNDA5MSAxMS4wOTk4IDUwLjY2NzEgMTEuMjIwM0M1MS4wMzQ3IDExLjM5MjMgNTEuMjE3NCAxMS42NTIzIDUxLjIxNzQgMTIuMDAzN0M1MS4yMTc0IDEyLjIxODIgNTEuMTkwNyAxMi40MzU3IDUxLjEzNjYgMTIuNjU0OEM1MS4wODMzIDEyLjg3MDQgNTEuMDAzNyAxMy4wODcgNTAuODk4NyAxMy4zMDMzTDQ5Ljk5NTkgMTUuMTk4SDUwLjk0MjJMNTEuODk3OCAxMy4yMDM2VjEzLjIwMkM1Mi4wOTIyIDEyLjc5OTcgNTIuMjgwMyAxMi40NjE5IDUyLjQ2MTkgMTIuMTg5MkM1Mi42NTIgMTEuOTA1IDUyLjgzODcgMTEuNjg3NSA1My4wMjE0IDExLjU0SDUzLjAyMjVDNTMuMjA1MiAxMS4zODg2IDUzLjQyMDggMTEuMjY5MiA1My42NjkzIDExLjE3OTVaTTU0LjI1NDMgMTUuNTI0OUM1NC4xNzQ3IDE1LjMyNzYgNTQuMTE0MyAxNS4xMjAxIDU0LjA3MzggMTQuOTAxOUM1NC4wMzM2IDE0LjY4MzUgNTQuMDEzNCAxNC40NjE2IDU0LjAxMzQgMTQuMjM0NEM1NC4wMTM0IDEzLjYyMjEgNTQuMTM1NSAxMy4wNjA1IDU0LjM4MTggMTIuNTU0NEM1NC42MjczIDEyLjA0NzEgNTQuOTk1NyAxMS41OTcxIDU1LjQ4NTMgMTEuMjA3NkM1NS45Njg0IDEwLjgyMDggNTYuNTE5NSAxMC41MjgyIDU3LjEzNTUgMTAuMzMzN0M1Ny43NDk0IDEwLjEzOSA1OC40MjM2IDEwLjA0MTEgNTkuMTU0MyAxMC4wNDExQzU5LjQ2ODYgMTAuMDQxMSA1OS44Mjk3IDEwLjA3MjkgNjAuMjM1MyAxMC4xMzUyQzYwLjYyNCAxMC4xOTYgNjEuMDUwOCAxMC4yODU3IDYxLjUxNiAxMC40MDUxQzYxLjc5NDQgMTAuNDczMSA2Mi4wMzAxIDEwLjUyNTcgNjIuMjIxMiAxMC41NjA5QzYyLjM5ODUgMTAuNTkzNiA2Mi41MzQ0IDEwLjYxMDggNjIuNjI3OSAxMC42MTA4QzYyLjcxMyAxMC42MTA4IDYyLjc5NDYgMTAuNTgxOCA2Mi44NzQyIDEwLjUyNTdDNjIuOTc1NCAxMC40NTIyIDYzLjA3MyAxMC4zMzcyIDYzLjE2MzIgMTAuMTc5NUw2My4yNDI5IDEwLjA0MTFINjQuMjk2M1YxNS4xODA4SDYzLjE5ODNMNjMuMTQzMSAxNC45OTUxQzYyLjc3NjYgMTMuNzg0MSA2Mi4yNTA4IDEyLjg4MTMgNjEuNTY0OSAxMi4yODU0QzYwLjkwMDIgMTEuNzA3NCA2MC4wNzYgMTEuNDE4NSA1OS4wOTE1IDExLjQxODVDNTguNzgyNyAxMS40MTg1IDU4LjQ4OTYgMTEuNDU0IDU4LjIwOTEgMTEuNTIzNkM1Ny45Mjc3IDExLjU5NDMgNTcuNjUzNyAxMS43MDAzIDU3LjM4NjIgMTEuODQzM0M1Ny4xMzg4IDExLjk3NDggNTYuOTU1IDEyLjEzMDYgNTYuODM1MSAxMi4zMDk4QzU2LjcxNiAxMi40ODgzIDU2LjY1NjUgMTIuNjk1NiA1Ni42NTY1IDEyLjkzMzdDNTYuNjU2NSAxMy4zNjMxIDU2LjgyMzQgMTMuNzYzNSA1Ny4xNTc4IDE0LjEzNzVDNTcuNTA3MSAxNC41Mjc3IDU4LjAzOTIgMTQuODkxOSA1OC43NTUgMTUuMjI4OEw1OS43MzYxIDE1LjY5MTZINTQuMzIxMkw1NC4yNTQzIDE1LjUyNDlaTTU0LjY0MzEgMTQuODI0OUM1NC42NjY1IDE0Ljk1MTggNTQuNjk4MyAxNS4wNzU4IDU0LjczOTkgMTUuMTk4SDU3LjYyODRDNTcuMjQ4MSAxNC45NTggNTYuOTM4OSAxNC43MDM0IDU2LjY5OTIgMTQuNDM1NEM1Ni4yODQ4IDEzLjk3MjYgNTYuMDc4OCAxMy40NzI4IDU2LjA3ODggMTIuOTMzN0M1Ni4wNzg4IDEyLjYxMDUgNTYuMTYzOSAxMi4zMjI1IDU2LjMzMzggMTIuMDY4QzU2LjUwMjYgMTEuODE1MyA1Ni43NTExIDExLjYwMDYgNTcuMDgxNCAxMS40MjVDNTcuMzkwNSAxMS4yNjAyIDU3LjcxMjEgMTEuMTM1OSA1OC4wNDg3IDExLjA1MThDNTguMzg1NSAxMC45Njg1IDU4LjczMjcgMTAuOTI1OSA1OS4wOTE1IDEwLjkyNTlDNjAuMjM2NCAxMC45MjU5IDYxLjE5NzQgMTEuMjY0NiA2MS45NzYgMTEuOTQwMkM2Mi42OTcgMTIuNTY2OSA2My4yNTI0IDEzLjQ4MjcgNjMuNjQyMiAxNC42ODgxSDYzLjcxODZWMTAuNTM0N0g2My41OTMzQzYzLjQ4ODEgMTAuNjg3NyA2My4zNzE1IDEwLjgwOTkgNjMuMjQ0IDEwLjkwMTVDNjMuMDU2OSAxMS4wMzU1IDYyLjg1IDExLjEwMzUgNjIuNjI3OSAxMS4xMDM1QzYyLjQ5NTMgMTEuMTAzNSA2Mi4zMTk5IDExLjA4MjYgNjIuMTAxMyAxMS4wNDE4SDYyLjEwMDJDNjEuODk1MyAxMS4wMDQ3IDYxLjY0NzkgMTAuOTQ5NSA2MS4zNTc4IDEwLjg3ODhMNjEuMzUzNyAxMC44NzY5QzYwLjkwODcgMTAuNzYxIDYwLjUwMDkgMTAuNjc1OSA2MC4xMzMzIDEwLjYxODlDNTkuNzY5MyAxMC41NjE5IDU5LjQ0MiAxMC41MzQ3IDU5LjE1NDMgMTAuNTM0N0M1OC40ODg2IDEwLjUzNDcgNTcuODgyIDEwLjYyMDcgNTcuMzM3MiAxMC43OTM3QzU2Ljc5MzUgMTAuOTY1NyA1Ni4zMDcxIDExLjIyMzggNTUuODc5MiAxMS41NjcyTDU1Ljg3ODEgMTEuNTY4MUM1NS40NDkxIDExLjkwODcgNTUuMTI3MyAxMi4zMDA4IDU0LjkxMzggMTIuNzQwOEM1NC42OTgzIDEzLjE4NTUgNTQuNTkxMSAxMy42ODM4IDU0LjU5MTEgMTQuMjM0NEM1NC41OTExIDE0LjQ0MjYgNTQuNjA4IDE0LjYzOTIgNTQuNjQzMSAxNC44MjQ5Wk02OS4wNDk2IDExLjk4MUg2Ni41MTQ3VjExLjA4NTRMNjYuNjk0MiAxMS4wMjE4QzY3LjY5OTggMTAuNjY4NyA2OC41OTM5IDEwLjA4ODIgNjkuMzc2NiA5LjI4MTFDNzAuMTY5OSA4LjQ2MzM1IDcwLjg0ODUgNy40MTM3NSA3MS40MTQ3IDYuMTMyMDdMNzEuNDg0NiA1Ljk3MTg2SDcyLjUxMzZWMTAuNDQ5Nkg3Ni4yMzkyVjExLjk4MUg3Mi41MTM2VjE1LjY5MTZINjkuMDQ5NlYxMS45ODFaTTY5LjYyNzMgMTUuMTk4SDcxLjkzNTlWMTEuNDg3NEg3NS42NjE1VjEwLjk0MjNINzEuOTM1OVY2LjQ2NDU0SDcxLjg4MThDNzEuMzA3NCA3LjcyNjk5IDcwLjYyMTUgOC43NzAzMiA2OS44MjE2IDkuNTk0NTZDNjkuMDI1MSAxMC40MTYgNjguMTE2MyAxMS4wMjE4IDY3LjA5MzUgMTEuNDExNFYxMS40ODc0SDY5LjYyNzNWMTUuMTk4Wk04Ni4yMTczIDE1LjEzOTFIODYuMjE4NEw4Ni4yNjkzIDE1LjEyMzhWMTQuNzQ5NkM4Ni4yNjkzIDEzLjYyMTIgODYuMDM4NyAxMi43ODI1IDg1LjU3OSAxMi4yMzM3Qzg1LjE0MDUgMTEuNzEyMSA4NC40NzU1IDExLjQ1MDMgODMuNTgxNCAxMS40NTAzQzgzLjI3NDUgMTEuNDUwMyA4Mi45OTQyIDExLjQ4NTYgODIuNzQwNSAxMS41NTcyQzgyLjQ4ODggMTEuNjI3IDgyLjI2MDQgMTEuNzMyOSA4Mi4wNTc2IDExLjg3MjNDODEuODU1OSAxMi4wMTA5IDgxLjcwODMgMTIuMTYyMSA4MS42MTI1IDEyLjMyNzlDODEuNTE4MiAxMi40ODk5IDgxLjQ3MTUgMTIuNjcxOSA4MS40NzE1IDEyLjg3MzJIODEuNDcwNEw4MS41MDY1IDEzLjcxODFMODEuNTA3MyAxMy43MjYyQzgxLjUwNzMgMTQuMjY1MiA4MS4zNTg5IDE0LjY3NzIgODEuMDYxNSAxNC45NjI0QzgwLjc1NTYgMTUuMjU2OSA4MC4zMTE3IDE1LjQwMzYgNzkuNzI5NiAxNS40MDM2Qzc5LjE1NjMgMTUuNDAzNiA3OC43MTc4IDE1LjI1NTkgNzguNDE2IDE0Ljk1OTlDNzguMTI1MSAxNC42NzM1IDc3Ljk3OTcgMTQuMjYwNiA3Ny45Nzk3IDEzLjcxOUM3Ny45Nzk3IDEzLjE1MTIgNzguMTQwMSAxMi42NDA0IDc4LjQ2MTcgMTIuMTgzOUM3OC43NzgxIDExLjczMjkgNzkuMjQ5OCAxMS4zNDE2IDc5Ljg3NTQgMTEuMDEwM0w3OS44NzYyIDExLjAwOTNDODAuNDg2IDEwLjY4ODcgODEuMTQ1MiAxMC40NDY5IDgxLjg1NDggMTAuMjg0OEM4Mi41NjExIDEwLjEyMzQgODMuMzEzOSAxMC4wNDExIDg0LjExMzQgMTAuMDQxMUM4NC44MjA4IDEwLjA0MTEgODUuNDYzMiAxMC4wODkxIDg2LjA0MiAxMC4xODUxQzg2LjYyNzMgMTAuMjgxMSA4Ny4xNDY2IDEwLjQyNjkgODcuNTk4OSAxMC42MjI2Qzg4LjA1NTQgMTAuODE5IDg4LjQzMDMgMTEuMDQxOCA4OC43MjI1IDExLjI5NDVDODkuMDIxOSAxMS41NTM1IDg5LjIzNDIgMTEuODQyNCA4OS4zNTY1IDEyLjE2M0g4OS4zNTc2Qzg5LjQ3NjQgMTIuNDYgODkuNTY2NyAxMi44NDUxIDg5LjYyNzMgMTMuMzE3OUM4OS42ODU3IDEzLjc4MzIgODkuNzE2NSAxNC4zMzMyIDg5LjcxNjUgMTQuOTY1MlYxNS42OTE2SDg0LjQ1MTNMODYuMjE3MyAxNS4xMzkxWk04Ni44NDcgMTQuNzQ5NlYxNS4xOThIODkuMTM3N1YxNC45NjUyQzg5LjEzNzcgMTQuMzQzOCA4OS4xMDg5IDEzLjgxMjIgODkuMDUyNiAxMy4zNjk0Qzg4Ljk5ODUgMTIuOTM0NiA4OC45MTY3IDEyLjU4NSA4OC44MTA2IDEyLjMyMDdMODguODA5NSAxMi4zMTdDODguNzE2IDEyLjA2OTggODguNTQ5NCAxMS44NDQyIDg4LjMxMTUgMTEuNjM4NkM4OC4wNjQxIDExLjQyNTcgODcuNzQgMTEuMjMzOCA4Ny4zMzk5IDExLjA2MDhDODYuOTM1MSAxMC44ODY5IDg2LjQ2NjkgMTAuNzU1NyA4NS45MzM4IDEwLjY2NzhDODUuMzk0MiAxMC41NzkgODQuNzg2OCAxMC41MzQ3IDg0LjExMzQgMTAuNTM0N0M4My4zNjI4IDEwLjUzNDcgODIuNjU4NyAxMC42MTA4IDgyLjAwMzUgMTAuNzYwMUM4MS4zNTAyIDEwLjkwOTYgODAuNzQxOCAxMS4xMzM0IDgwLjE3OSAxMS40Mjg1Qzc5LjYzMiAxMS43MTkzIDc5LjIyNDMgMTIuMDU1MiA3OC45NTU3IDEyLjQzNjZDNzguNjkgMTIuODEzNCA3OC41NTc0IDEzLjI0MDkgNzguNTU3NCAxMy43MTlDNzguNTU3NCAxNC4xMzkzIDc4LjY1NjEgMTQuNDQ1NCA3OC44NTE1IDE0LjYzODNDNzkuMDM3NSAxNC44MjAzIDc5LjMzMDYgMTQuOTExIDc5LjcyOTYgMTQuOTExQzgwLjE0MDcgMTQuOTExIDgwLjQ0MTQgMTQuODE5NCA4MC42MzAzIDE0LjYzNzRDODAuODI5OSAxNC40NDU0IDgwLjkyOTkgMTQuMTQxOSA4MC45Mjk5IDEzLjcyNjJMODAuODk0OCAxMi44ODEzTDgwLjg5MzcgMTIuODczMkM4MC44OTM3IDEyLjU5NjggODAuOTU5NSAxMi4zNDM0IDgxLjA5NTUgMTIuMTA5N0M4MS4yMjkyIDExLjg3OTcgODEuNDI4OCAxMS42NzMxIDgxLjY5NjYgMTEuNDg4M0M4MS45NTQ2IDExLjMxMTcgODIuMjQzNSAxMS4xNzc3IDgyLjU2MTkgMTEuMDg4OUM4Mi44NzUzIDExLjAwMSA4My4yMTUyIDEwLjk1NjcgODMuNTgxNCAxMC45NTY3Qzg0LjY3MSAxMC45NTY3IDg1LjQ5NDIgMTEuMjg3MyA4Ni4wNDg1IDExLjk0NzRDODYuNTgxNiAxMi41ODIyIDg2Ljg0NyAxMy41MTYxIDg2Ljg0NyAxNC43NDk2Wk0xMDEuMTY1IDguODU3MjdDMTAxLjE2NSA4LjEwNDY3IDEwMS4xNDUgNy40ODQyNCAxMDEuMTA3IDYuOTk1MjZDMTAxLjA2OSA2LjUwNjI4IDEwMS4wMTMgNi4xNDU3NSAxMDAuOTQxIDUuOTEyOTdIMTAwLjk0QzEwMC44NzkgNS43MTgyMSAxMDAuNzg4IDUuNTc2MDkgMTAwLjY2OSA1LjQ4NjM2QzEwMC41NjEgNS40MDU5MSAxMDAuNDIgNS4zNjUxIDEwMC4yNDUgNS4zNjUxQzEwMC4xMTYgNS4zNjUxIDk5Ljk2OTcgNS4zODEzMyA5OS44MDM5IDUuNDE1ODdDOTkuNjI4OCA1LjQ1MjA0IDk5LjQyOSA1LjUwODE1IDk5LjIwNzIgNS41ODUxM0w5OC45NTU0IDUuNjcyMDdMOTguODM4NSA1LjQ2MTA4TDk4LjQyMTIgNC43MDQ3OEwxMDMuNDU1IDIuOTM2OUwxMDMuNTEgMi45MTc4OUgxMDQuNjI5VjE1LjY5MTZIMTAxLjE2NVY4Ljg1NzI3Wk0xMDEuNzg4IDguODU3MjdWMTUuMTk4SDEwNC4wNTJWMy40MTA1OEgxMDMuNjE5TDk5LjIwMDkgNC45NjI4M0w5OS4yNDYzIDUuMDQ2M0M5OS4zOTYxIDUuMDAxNzkgOTkuNTM2NCA0Ljk2NTYxIDk5LjY2OTEgNC45Mzg0OUM5OS44ODQ2IDQuODk0MiAxMDAuMDc2IDQuODcyNDEgMTAwLjI0NiA0Ljg3MjQxQzEwMC41NjUgNC44NzI0MSAxMDAuODM0IDQuOTUzNzkgMTAxLjA1MSA1LjExNzAyQzEwMS4yNTcgNS4yNzA5NiAxMDEuNDA3IDUuNDk0NDcgMTAxLjQ5OSA1Ljc4NTIyQzEwMS41ODEgNi4wNDg4MyAxMDEuNjQyIDYuNDQxODMgMTAxLjY4MiA2Ljk2NDQyQzEwMS43MjMgNy40NzM1NyAxMDEuNzg4IDguMTAzNzUgMTAxLjc4OCA4Ljg1NzI3Wk0xMTEuMDk1IDE1LjQ0N0MxMTEuMDg4IDE0LjgyMzEgMTExLjA2OSAxNC4zMDQyIDExMS4wMzkgMTMuODg3NUMxMTEuMDA4IDEzLjQ4NzEgMTEwLjk2NyAxMy4xOTM2IDExMC45MTUgMTMuMDA2M0MxMTAuODY4IDEyLjgzODYgMTEwLjc4NCAxMi43MTY1IDExMC42NjMgMTIuNjM5NUMxMTAuNTM2IDEyLjU1ODggMTEwLjM1OCAxMi41MTg5IDExMC4xMzIgMTIuNTE4OUMxMDkuOTg4IDEyLjUxODkgMTA5LjgzIDEyLjUzNjMgMTA5LjY1OCAxMi41Njg4QzEwOS40NzcgMTIuNjAzMyAxMDkuMjc3IDEyLjY1NTcgMTA5LjA2IDEyLjcyNTVMMTA4Ljc5NyAxMi44MTE1TDEwOC42OTIgMTIuNTg2OUwxMDguNDM5IDEyLjA0OUwxMDguMzMxIDExLjgyMTdMMTEzLjQxNSAxMC4wNjAxTDExMy40NjcgMTAuMDQxMUgxMTQuNTc5VjE1LjY5MTZIMTExLjA5N0wxMTEuMDk1IDE1LjQ0N1pNMTExLjYxNCAxMy44NTU4QzExMS42NCAxNC4yMTYzIDExMS42NTkgMTQuNjYzNiAxMTEuNjY3IDE1LjE5OEgxMTQuMDAxVjEwLjUzNDdIMTEzLjU3OUwxMDkuMDggMTIuMDkzMkwxMDkuMTI0IDEyLjE4NTdDMTA5LjI2NSAxMi4xNDU5IDEwOS40MDIgMTIuMTE0MSAxMDkuNTM0IDEyLjA4ODhDMTA5Ljc1MiAxMi4wNDcxIDEwOS45NTIgMTIuMDI2MiAxMTAuMTMyIDEyLjAyNjJDMTEwLjQ4NSAxMi4wMjYyIDExMC43NzggMTIuMDk4OCAxMTEuMDA4IDEyLjI0NDZDMTExLjI0IDEyLjM5MyAxMTEuMzk3IDEyLjYwODYgMTExLjQ3NyAxMi44OTMxQzExMS41MzYgMTMuMTA0MSAxMTEuNTgxIDEzLjQyNTUgMTExLjYxNCAxMy44NTU4Wk0xMjAuMTcgMTEuOTgxSDExNy42MzZWMTEuMDg1NEwxMTcuODE2IDExLjAyMThDMTE4LjgyIDEwLjY2ODcgMTE5LjcxNSAxMC4wODgyIDEyMC40OTcgOS4yODExQzEyMS4yOSA4LjQ2MzM1IDEyMS45NjkgNy40MTM3NSAxMjIuNTM1IDYuMTMyMDdMMTIyLjYwNSA1Ljk3MTg2SDEyMy42MzVWMTAuNDQ5NkgxMjcuMzYxVjExLjk4MUgxMjMuNjM1VjE1LjY5MTZIMTIwLjE3VjExLjk4MVpNMTIwLjc0OSAxNS4xOThIMTIzLjA1N1YxMS40ODc0SDEyNi43ODJWMTAuOTQyM0gxMjMuMDU3VjYuNDY0NTRIMTIzLjAwM0MxMjIuNDI5IDcuNzI2OTkgMTIxLjc0MiA4Ljc3MDMyIDEyMC45NDIgOS41OTQ1NkMxMjAuMTQ2IDEwLjQxNiAxMTkuMjM3IDExLjAyMTggMTE4LjIxNCAxMS40MTE0VjExLjQ4NzRIMTIwLjc0OVYxNS4xOThaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIxLjgxOTEgMTkuNzA5MkMyMC42NTQyIDIxLjQ3NjEgMTkuMjM2NCAyMi44MDM5IDE3LjU2NDggMjMuNjkxNUMxNS44ODkgMjQuNTgyNyAxMy45NjM3IDI1LjAyNzQgMTEuNzg5OSAyNS4wMjc0QzkuOTkzMTYgMjUuMDI3NCA4LjM3Nzc2IDI0Ljc3MjggNi45NDMxNCAyNC4yNjM5QzUuNTA0MTggMjMuNzUyOSA0LjI1MjI1IDIyLjk4NzggMy4xODQ5MyAyMS45Njc5TDMuMTg2MDEgMjEuOTY3QzIuMzUyMjIgMjEuMTcyOSAxLjY4MjM1IDIwLjMwODcgMS4xNzY2OSAxOS4zNzZDMC42NzAyMTQgMTguNDQxMiAwLjMyNzExOCAxNy40Mzc3IDAuMTQ3Njg4IDE2LjM2NjNMMC4xMDA5MjkgMTYuMDg1NUg0LjYyMzg5TDQuNjUyNDQgMTYuMzA0NkM0Ljc4NjE5IDE3LjMzOCA1LjA0NTU0IDE4LjI1MzggNS40Mjk5NiAxOS4wNTE2QzUuODEyMTkgMTkuODQ0MSA2LjMxNzU5IDIwLjUyMjUgNi45NDc0OSAyMS4wODg1QzcuNzQ0ODYgMjEuODAyMSA4LjY1Mzk2IDIyLjMzNjUgOS42NzQ1NCAyMi42OTI0QzEwLjY5NzMgMjMuMDQ4MyAxMS44Mzg4IDIzLjIyNjggMTMuMDk3MyAyMy4yMjY4QzEzLjk0NzkgMjMuMjI2OCAxNC43MjQxIDIzLjE0NzEgMTUuNDI0OSAyMi45ODY5QzE2LjEyMDYgMjIuODI3NCAxNi43NDQgMjIuNTg4MyAxNy4yOTI5IDIyLjI3MDVMMTcuMjk0IDIyLjI2ODZDMTcuODYgMjEuOTQ2MSAxOC40MzM2IDIxLjUyNjkgMTkuMDE0MyAyMS4wMTE1QzE5LjYwMTggMjAuNDkwNyAyMC4xOTk3IDE5Ljg3MDMgMjAuODExMyAxOS4xNTIzTDIwLjk3MjggMTguOTYxOUwyMS4yMDIgMTkuMDkwNkwyMS43MjU2IDE5LjM4MjNMMjEuOTUxOCAxOS41MDkxTDIxLjgxOTEgMTkuNzA5MlpNMjguODkyNyAyMS4xNDJDMjguODkyNyAyMS41NjQ5IDI4LjkzMzIgMjEuOTMxNyAyOS4wMTM5IDIyLjI0MTVDMjkuMDkyNSAyMi41NDAzIDI5LjIwOTEgMjIuNzg2NiAyOS4zNjQ0IDIyLjk4MDRDMjkuNTA0NCAyMy4xNTUyIDI5LjczMzggMjMuMjg5MiAzMC4wNTE0IDIzLjM4MTdDMzAuMzk4NSAyMy40ODMgMzAuODQ1NyAyMy41MzQ3IDMxLjM5MDYgMjMuNTM0N0gzMS42NzkzVjI0LjU2NjNIMjIuOTIwNFYyMy41MzQ3SDIzLjIwOTJDMjMuNTI4OSAyMy41MzQ3IDIzLjgxMTMgMjMuNTE0OCAyNC4wNTg3IDIzLjQ3NTlDMjQuMjk5OSAyMy40Mzc4IDI0LjUxIDIzLjM4MDggMjQuNjg4NCAyMy4zMDY2QzI0Ljg1NjQgMjMuMjM1IDI0Ljk5MjMgMjMuMTU0MyAyNS4wOTYxIDIzLjA2NTdDMjUuMTkwOCAyMi45ODUgMjUuMjU1NSAyMi44OTk5IDI1LjI5MDUgMjIuODExMUwyNS4yOTI3IDIyLjgwNDlDMjUuMzM3MyAyMi42OTk2IDI1LjM3MDIgMjIuNTIxMyAyNS4zOTI1IDIyLjI3MTRDMjUuNDE2OSAyMi4wMDc4IDI1LjQyNzUgMjEuNjcgMjUuNDI3NSAyMS4yNThWMTYuMDg1NUgyOC44OTI3VjIxLjE0MlpNNDUuOTE4IDI2Ljk4MDhINDUuOTE5MUM0NS4yNjcyIDI4LjM1MSA0NC40NzE3IDI5LjM4MTggNDMuNTM2MiAzMC4wNzQ2QzQyLjU4MDQgMzAuNzgyIDQxLjQ4NDUgMzEuMTM1MSA0MC4yNDgzIDMxLjEzNTFDMzkuOTMzIDMxLjEzNTEgMzkuNjIzOSAzMS4wOTQ1IDM5LjMyNDMgMzEuMDExMUMzOS4wMzAxIDMwLjkyOTcgMzguNzQ2NiAzMC44MDczIDM4LjQ3NTggMzAuNjQzNEMzOC4xOTA0IDMwLjQ3NDEgMzcuOTczNyAzMC4yNzAzIDM3LjgyNzEgMzAuMDM0N0MzNy42Nzk1IDI5Ljc5NjYgMzcuNjA1IDI5LjUyOTUgMzcuNjA1IDI5LjIzNTFDMzcuNjA1IDI4LjcwMTYgMzcuNzg3NyAyOC4yOTI0IDM4LjE1MDkgMjguMDEwN0MzOC41MDY4IDI3LjczNTIgMzkuMDE5NSAyNy41OTY4IDM5LjY4OTcgMjcuNTk2OEMzOS45MDEyIDI3LjU5NjggNDAuMTUxNiAyNy42Mjc0IDQwLjQzOTUgMjcuNjg4MkM0MC43MTQ2IDI3Ljc0NzEgNDEuMDI1NiAyNy44MzIxIDQxLjM2OTggMjcuOTQzN0w0MS4zNzMgMjcuOTQ0NkM0MS41ODU0IDI4LjAxNTEgNDEuNzU5NCAyOC4wNjc3IDQxLjg5NDUgMjguMTAyOUM0Mi4wMjA5IDI4LjEzNDcgNDIuMTAwMyAyOC4xNSA0Mi4xMzMyIDI4LjE1QzQyLjQ4MTcgMjguMTUgNDIuODI0NSAyNy45OTA3IDQzLjE2NDMgMjcuNjcwMUM0My41MzgxIDI3LjMxNyA0My44OTk0IDI2Ljc3NyA0NC4yNDc3IDI2LjA1MDhMNDQuMjQ4OCAyNi4wNDlMNDUuMzM2MiAyMy43ODkzTDQxLjAzNjIgMTYuMDg1NUg0NC43NDQ3TDQ0LjgyMzIgMTYuMjI1MUw0Ny4wMjY3IDIwLjEyNzdMNDguOTUxMiAxNi4wODU1SDUxLjEzODZMNDUuOTE4IDI2Ljk4MDhaTTU0Ljk1MTIgMjQuNzY1N0g1NC4wODU2VjE5LjQxOTRINTUuMTg5TDU1LjIzNDcgMTkuNjE4NUM1NS41NDc5IDIwLjk2NDQgNTYuMDk4MSAyMS45Njk3IDU2Ljg4MTYgMjIuNjMzNUM1Ny42NTE2IDIzLjI4NDggNTguNjU5NiAyMy42MTE3IDU5LjkwNDIgMjMuNjExN0M2MC4yMjI4IDIzLjYxMTcgNjAuNTIxMSAyMy41NzE4IDYwLjgwMjQgMjMuNDkyMUM2MS4wODQxIDIzLjQxMjYgNjEuMzUyNyAyMy4yOTExIDYxLjYwODUgMjMuMTI5OUw2MS42MTA3IDIzLjEyOUM2MS44NTQgMjIuOTc2OSA2Mi4wMzU2IDIyLjc5MyA2Mi4xNTY2IDIyLjU3NTZDNjIuMjc4NiAyMi4zNTY1IDYyLjMzOTMgMjIuMDk4NCA2Mi4zMzkzIDIxLjgwNEM2Mi4zMzkzIDIxLjQ0IDYyLjIyNzggMjEuMDk0IDYyLjAwNTcgMjAuNzY3OEM2MS43ODA2IDIwLjQzNTYgNjEuNDQwOCAyMC4xMjAyIDYwLjk4NjIgMTkuODIxNEM2MC4yMzY0IDE5LjQ5NTQgNTkuMzk0NSAxOS4wOTYxIDU4LjQ2NDIgMTguNjI0MUM1Ny41MzI4IDE4LjE1MzIgNTYuNTA3OCAxNy42MDcyIDU1LjM4OTcgMTYuOTg2OEw1NS4zNjYzIDE2Ljk3NEw1NS4zNDg0IDE2Ljk1ODdDNTUuMjUyNyAxNi44ODA4IDU1LjE2NDYgMTYuODAyOSA1NS4wODM4IDE2LjcyNTlDNTQuOTk5IDE2LjY0NDMgNTQuOTIwNCAxNi41NjIgNTQuODQ3IDE2LjQ3ODVMNTQuNTAyOSAxNi4wODU1SDYwLjgwMzVMNjAuODY0MSAxNi4xMTAxTDYxLjc4NzkgMTYuNDkwNEM2My4wMTAyIDE2Ljk5MjEgNjMuOTMxIDE3LjU4MjYgNjQuNTQ4MSAxOC4yNjFDNjUuMTgxIDE4Ljk1NDcgNjUuNDk2NCAxOS43MzYzIDY1LjQ5NjQgMjAuNjAzOUM2NS40OTY0IDIxLjIxOTkgNjUuMzU3MiAyMS43ODc3IDY1LjA3OTEgMjIuMzEwM0M2NC44MDI5IDIyLjgzMDEgNjQuMzg4OCAyMy4zMDEgNjMuODM5NyAyMy43MjM5TDYzLjgzODYgMjMuNzI1OEM2My4yOTE5IDI0LjE0MzQgNjIuNjg1MyAyNC40NTc4IDYyLjAyMDYgMjQuNjY3OEM2MS4zNTc4IDI0Ljg3NiA2MC42NDAxIDI0Ljk4MSA1OS44NjcgMjQuOTgxQzU5LjM1ODMgMjQuOTgxIDU4LjgxMzUgMjQuOTQzIDU4LjIzMjUgMjQuODY2QzU3LjY2MDMgMjQuNzkgNTcuMDYzMiAyNC42NzY5IDU2LjQ0MiAyNC41MjU1TDU2LjQzOTkgMjQuNTI0OEM1Ni4yNTQyIDI0LjQ3NzUgNTYuMDg4NCAyNC40NDQxIDU1Ljk0NTEgMjQuNDIxNEM1NS44MDE4IDI0LjM5OTggNTUuNjc2NSAyNC4zODg5IDU1LjU3MzUgMjQuMzg4OUM1NS41MDMzIDI0LjM4ODkgNTUuNDQxOSAyNC40MDUxIDU1LjM4NzUgMjQuNDM2OUM1NS4zMjI4IDI0LjQ3NjggNTUuMjYyMiAyNC41NDEgNTUuMjA4MSAyNC42MzIzTDU1LjEyNzMgMjQuNzY2Nkw1NC45NTEyIDI0Ljc2NTdaTTc2LjcwODUgMjEuNjk0NUM3Ni4yODA2IDIyLjcxMjQgNzUuNzExMyAyMy40ODA1IDc1LjAwMDkgMjMuOTk2NkM3NC4yNzQ1IDI0LjUyNDggNzMuNDA4OSAyNC43ODkxIDcyLjQwNTUgMjQuNzg5MUM3MS4yODczIDI0Ljc4OTEgNzAuNDQwNyAyNC40NTAzIDY5Ljg3MTcgMjMuNzcyOUM2OS4zMjQ3IDIzLjEyMjcgNjkuMDQ5NiAyMi4xNjM2IDY5LjA0OTYgMjAuODk2NVYxNi4wODU1SDcyLjUxMzdWMjAuNTY0OUM3Mi41MTM3IDIxLjI3NTEgNzIuNjMwNiAyMS43OTY4IDcyLjg2NjMgMjIuMTMxOEM3My4wNzI0IDIyLjQyNjMgNzMuMzg0NyAyMi41NzMgNzMuODA0MiAyMi41NzNDNzQuMTkyNyAyMi41NzMgNzQuNTI0MSAyMi40ODg2IDc0Ljc5OTIgMjIuMzE5NEM3NS4wODI4IDIyLjE0NDYgNzUuMzE0MSAyMS44NzY1IDc1LjQ5NTcgMjEuNTE1MUw3NS41NzEzIDIxLjM2NDhINzYuODQ2Nkw3Ni43MDg1IDIxLjY5NDVaTTg2LjI2OTMgMjEuMjcwNVYxNi41NTJMODYuMjQzOCAxNi41NjExQzg1LjA2NSAxNi45NDc4IDg0LjEwMjkgMTcuMzEyNyA4My4zNTYzIDE3LjY1NTJDODIuNjI5MSAxNy45ODkzIDgyLjExNjEgMTguMjk2MyA4MS44MTk4IDE4LjU3NjFMODEuODE4NyAxOC41NzdDODEuNDk3OSAxOC44NzUgODEuMjYgMTkuMTc4NSA4MS4xMDQgMTkuNDg0NUM4MC45NTEyIDE5Ljc4MjQgODAuODc1NiAyMC4wODY5IDgwLjg3NTYgMjAuMzk1N0M4MC44NzU2IDIwLjY3NzQgODAuOTI1NiAyMC45NDczIDgxLjAyNzYgMjEuMjA2MkM4MS4xMjg0IDIxLjQ2MjcgODEuMjgwNCAyMS43MTE3IDgxLjQ4NzMgMjEuOTUwN0w4MS40ODg0IDIxLjk1MjZDODEuNjgxNyAyMi4xODE3IDgxLjkwNzkgMjIuMzUwMiA4Mi4xNjggMjIuNDYxNUM4Mi40MjgyIDIyLjU3MjEgODIuNzI3OCAyMi42MjY0IDgzLjA2NzYgMjIuNjI2NEM4My40NjU5IDIyLjYyNjQgODMuOTM1MSAyMi41MTIzIDg0LjQ3NzggMjIuMjgxM0M4NS4wMTIgMjIuMDUzOSA4NS42MDk4IDIxLjcxNyA4Ni4yNjkzIDIxLjI3MDVaTTg5LjcxNTQgMTYuMDg1NVYxOS41ODg4Qzg5LjcxNTQgMjAuMjAxOSA4OS43MjgyIDIwLjcwOTIgODkuNzUzOCAyMS4xMDkzQzg5Ljc3OCAyMS41MTUxIDg5LjgxNTIgMjEuODIwNCA4OS44NjMxIDIyLjAyNDlDODkuOTA2NiAyMi4xOTE2IDg5Ljk2NjEgMjIuMzEyMiA5MC4wNDQ3IDIyLjM4NDVDOTAuMTAzMSAyMi40MzgxIDkwLjE3ODQgMjIuNDY1MiA5MC4yNzQ5IDIyLjQ2NTJDOTAuMzgzNCAyMi40NjUyIDkwLjU3MDIgMjIuMzgwOCA5MC44MzQ3IDIyLjIxNTNDOTEuMTM2MiAyMi4wMjU4IDkxLjUxMzMgMjEuNzM3OSA5MS45NjQ1IDIxLjM1M0w5Mi40NTc0IDIwLjkzMTdWMjIuNDM4OEw5Mi40MDAxIDIyLjUwNTFDOTEuNzMzMiAyMy4yNjc3IDkxLjA3NTggMjMuODQyNiA5MC40MjU4IDI0LjIzMTJDODkuNzUzOCAyNC42MzMzIDg5LjA4ODggMjQuODM1MiA4OC40MzQ3IDI0LjgzNTJDODcuNzE4OSAyNC44MzUyIDg3LjE3NjMgMjQuNjE0MyA4Ni44MDU3IDI0LjE3MzNIODYuODA0NkM4Ni41MzA2IDIzLjg0NzMgODYuMzYyOCAyMy40MDE3IDg2LjI5OTIgMjIuODM3M0M4NS43NDY4IDIzLjE5NzkgODUuMjY4OSAyMy41MDA0IDg0Ljg2NDMgMjMuNzQ2N0M4NC4zNTM1IDI0LjA1ODMgODMuOTU1MiAyNC4yODExIDgzLjY3MDkgMjQuNDE2OUM4My4zNzM1IDI0LjU2MjggODMuMDM3NyAyNC42NzEzIDgyLjY2NSAyNC43NDM5QzgyLjI5NTUgMjQuODE1MyA4MS44OTI5IDI0Ljg1MDcgODEuNDYyIDI0Ljg1MDdDODAuNzkxOSAyNC44NTA3IDgwLjIwMDMgMjQuNzUyOSA3OS42ODczIDI0LjU1ODJDNzkuMTY1OSAyNC4zNjA4IDc4LjczMTcgMjQuMDY2NCA3OC4zODIxIDIzLjY3NTlDNzguMDQ0NCAyMy4zMDIgNzcuNzkwOCAyMi44OTkgNzcuNjIyIDIyLjQ2ODdDNzcuNDUxIDIyLjAzNDkgNzcuMzY1OSAyMS41NzY3IDc3LjM2NTkgMjEuMDk2NkM3Ny4zNjU5IDIwLjgxOTUgNzcuNDAzMSAyMC41MzY5IDc3LjQ4MDYgMjAuMjQ4OUM3Ny41NTQgMTkuOTcyOCA3Ny42NjU1IDE5LjY5MzkgNzcuODE1IDE5LjQxMzFDNzcuOTcxMyAxOS4xMDc3IDc4LjI2NjUgMTguNzg1NSA3OC42OTg1IDE4LjQ0NThDNzkuMTEzOSAxOC4xMjE0IDc5LjY2MTcgMTcuNzc2NSA4MC4zNDM2IDE3LjQxMTVDODAuNzM3NSAxNy4xOTk2IDgxLjE4MzYgMTYuOTg1OCA4MS42ODI4IDE2Ljc2OTNDODIuMTcxMyAxNi41NTc0IDgyLjcyNjcgMTYuMzM2NCA4My4zNDkgMTYuMTA2NEw4My40MDY0IDE2LjA4NTVIODkuNzE1NFpNMTA2Ljk3IDI0LjU2NjNMOTkuMTUyIDI0LjU0NzJDOTkuNzc1NCAyMy45NzEzIDk5LjM3MzkgMjMuNDc5NiA5OS44NTYxIDIzLjQ3MjRDMTAwLjE4OCAyMy40NjY4IDEwMC42MDYgMjMuMzI3NSAxMDAuNzkxIDIzLjEyTDEwMC43OTIgMjMuMTIwOUMxMDAuOTE2IDIyLjk4NTkgMTAxLjAxNSAyMi43NjY4IDEwMS4wODUgMjIuNDYzNEMxMDEuMTU5IDIyLjE0MjcgMTAxLjE5NiAyMS43MzUxIDEwMS4xOTYgMjEuMjQyNFYxNi4wODU1SDEwNC42NjFWMjEuMjQyNEMxMDQuNjYxIDIxLjczNyAxMDQuNzAyIDIyLjE0NDYgMTA0Ljc4NSAyMi40NjUyQzEwNC44NiAyMi43NjIyIDEwNC45NjggMjIuOTc2OSAxMDUuMTA5IDIzLjEwOTFMMTA1LjExMyAyMy4xMTI4QzEwNS4yNDcgMjMuMjQ0OSAxMDUuNDU4IDIzLjM0NjUgMTA1Ljc0OCAyMy40MTdDMTA2LjA2NiAyMy40OTU4IDEwNi40NzMgMjMuNTM0NyAxMDYuOTcgMjMuNTM0N0gxMDcuMjU5VjI0LjU2NjNIMTA2Ljk3Wk0xMDguNzAyIDI0LjU2NjNWMjMuNTM0N0gxMDguOTkxQzEwOS40NDkgMjMuNTM0NyAxMDkuODI3IDIzLjQ5NTggMTEwLjEyMyAyMy40MTk3QzExMC4zOTQgMjMuMzUwOSAxMTAuNTkyIDIzLjI1MTIgMTEwLjcxOCAyMy4xMjI3QzExMC44NDQgMjIuOTg4NSAxMTAuOTQ0IDIyLjc3MjIgMTExLjAxNCAyMi40NzI0QzExMS4wODkgMjIuMTQ5IDExMS4xMjggMjEuNzM5NyAxMTEuMTI4IDIxLjI0MjRWMTYuMDg1NUgxMTQuNjExVjIxLjI0MjRDMTE0LjYxMSAyMi4yMDYyIDExNC43NSAyMi44MzExIDExNS4wMyAyMy4xMTUzTDExNS4wMzUgMjMuMTJDMTE1LjE1NSAyMy4yNDk2IDExNS4zNDkgMjMuMzQ5IDExNS42MTQgMjMuNDE4OEMxMTUuOTA3IDIzLjQ5NTggMTE2LjI4MyAyMy41MzQ3IDExNi43MzkgMjMuNTM0N0gxMTcuMDI4VjI0LjU2NjNIMTA4LjcwMlpNMTI3Ljg2MSAyMS42OTQ1QzEyNy40MzMgMjIuNzEyNCAxMjYuODY0IDIzLjQ4MDUgMTI2LjE1NCAyMy45OTY2QzEyNS40MjcgMjQuNTI0OCAxMjQuNTYzIDI0Ljc4OTEgMTIzLjU1OCAyNC43ODkxQzEyMi40NCAyNC43ODkxIDEyMS41OTQgMjQuNDUwMyAxMjEuMDI0IDIzLjc3MjlDMTIwLjQ3NyAyMy4xMjI3IDEyMC4yMDIgMjIuMTYzNiAxMjAuMjAyIDIwLjg5NjVWMTYuMDg1NUgxMjMuNjY3VjIwLjU2NDlDMTIzLjY2NyAyMS4yNzUxIDEyMy43ODQgMjEuNzk2OCAxMjQuMDE5IDIyLjEzMThDMTI0LjIyNSAyMi40MjYzIDEyNC41MzcgMjIuNTczIDEyNC45NTcgMjIuNTczQzEyNS4zNDUgMjIuNTczIDEyNS42NzYgMjIuNDg4NiAxMjUuOTUyIDIyLjMxOTRDMTI2LjIzNSAyMi4xNDQ2IDEyNi40NjcgMjEuODc2NSAxMjYuNjQ4IDIxLjUxNTFMMTI2LjcyNCAyMS4zNjQ4SDEyOEwxMjcuODYxIDIxLjY5NDVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTk0LjkxOSA4Ljg5Mjc2Qzk0LjkxOSA4LjA2NTc0IDk0Ljk0MDIgNi43MzgxNSA5NC42OTQ3IDUuOTQ4MjNDOTQuNjMzMiA1Ljc1MzcgOTQuNTQzIDUuNjExMzQgOTQuNDIyOCA1LjUyMTg0Qzk0LjMxNTcgNS40NDExNiA5NC4xNzQzIDUuNDAwMzUgOTMuOTk5MyA1LjQwMDM1QzkzLjg3MDcgNS40MDAzNSA5My43MjQxIDUuNDE3NTEgOTMuNTU4NiA1LjQ1MjA2QzkzLjM4MjEgNS40ODgyMyA5My4xODM3IDUuNTQ0MzQgOTIuOTYwNSA1LjYyMDM4TDkyLjcwOSA1LjcwNzMzTDkyLjU5MzIgNS40OTYzNEw5Mi4zMDQyIDQuOTczNzVMOTIuMTc1OSA0Ljc0MDk3TDkyLjQ1NTEgNC42NDI0Mkw5Ny4yMDk0IDIuOTczMDhMOTcuMjYzOCAyLjk1NDA3SDk4LjM4M1YxNS43MjY5SDk0LjkxOVY4Ljg5Mjc2Wk05NS41NDEzIDguODkyNzZWMTUuMjM0Mkg5Ny44MDUzVjMuNDQ2NzZIOTcuMzczMUw5Mi45NTQyIDQuOTk4MzJMOTMuMDAxIDUuMDgyNDhDOTMuMTQ5NyA1LjAzNzI4IDkzLjI5MDggNS4wMDExMSA5My40MjI2IDQuOTczNzVDOTMuNjM4MiA0LjkyOTQ3IDkzLjgzMDQgNC45MDc2NyA5My45OTkzIDQuOTA3NjdDOTQuMzE5IDQuOTA3NjcgOTQuNTg3NiA0Ljk5MDIgOTQuODA0MiA1LjE1MjI4Qzk1LjAxMTEgNS4zMDcxNSA5NS4xNTk4IDUuNTMwODkgOTUuMjUyMyA1LjgyMTY0Qzk1LjMzNDEgNi4wODQxIDk1LjM5NTUgNi40NzczMiA5NS40MzcxIDYuOTk5OTFDOTUuNDc2MyA3LjUwODgyIDk1LjU0MTMgOC4xNDAxNyA5NS41NDEzIDguODkyNzZaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkyLjUzNDggMjQuNTQ3MlYyMy41MTU3SDkyLjgyNDZDOTMuMjY0NSAyMy41MTU3IDkzLjYyNzcgMjMuNDc2OCA5My45MTQzIDIzLjM5OThDOTQuMTcyMiAyMy4zMyA5NC4zNjM2IDIzLjIzMDUgOTQuNDgzNSAyMy4xMDA5TDk0LjQ4NDYgMjMuMTAxOUM5NC42MDg5IDIyLjk2NjkgOTQuNzA3NiAyMi43NDc4IDk0Ljc3NzcgMjIuNDQ0M0M5NC44NTE5IDIyLjEyMzcgOTQuODg5MiAyMS43MTYxIDk0Ljg4OTIgMjEuMjIzNFYxNi4wNjY1SDk4LjM1NDNWMjEuMjIzNEM5OC4zNTQzIDIxLjcxNzkgOTguMzk0OCAyMi4xMjU1IDk4LjQ3NzUgMjIuNDQ2MkM5OC41NTMgMjIuNzQzMiA5OC42NjEyIDIyLjk1NzkgOTguODAxNSAyMy4wOUw5OC44MDU2IDIzLjA5MzdDOTguOTM5NiAyMy4yMjU5IDk5LjE1MDkgMjMuMzI3NSA5OS40NDA3IDIzLjM5NzlDOTkuNzU5MyAyMy40NzY4IDEwMC4xNjYgMjMuNTE1NyAxMDAuNjYzIDIzLjUxNTdIMTAwLjk1MlYyNC41NDcySDkyLjUzNDhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"); transition-delay: 0.5s; opacity: 0; transform: translateY(10%); } .is-loaded .c-logo__main { opacity: 1; transform: none; } @media screen and (max-width: 1023px) { .c-logo__main { opacity: 1 !important; transform: none !important; display: block; } } .c-site__logo { display: block; width: 160px; height: 60px; position: fixed; z-index: 10; top: 0; right: 0; background-image: url(/images/logotype.svg?ba061ca8ad6ba96b13021e0de697ed36); background-size: 125px 32px; background-color: #000; background-position: center; background-repeat: no-repeat; } .c-site__logo:hover { background-color: #333; } @media screen and (max-width: 1023px) { .c-site__logo { display: none; } } .c-products-list { display: flex; flex-wrap: wrap; } .c-products-list .c-products-item { max-width: 33.33%; } @media screen and (max-width: 640px) { .c-products-list .c-products-item { max-width: 50%; } } @media screen and (max-width: 320px) { .c-products-list .c-products-item { max-width: 100%; } } .c-products-list[data-col="2"] .c-products-item { max-width: 50%; } @media screen and (max-width: 640px) { .c-products-list[data-col="2"] .c-products-item { max-width: 50%; } } @media screen and (max-width: 320px) { .c-products-list[data-col="2"] .c-products-item { max-width: 100%; } } .c-products-item { width: 100%; margin-bottom: 20px; display: flex; flex-direction: column; } .c-products-item .c-product-tag { position: absolute; top: 8px; left: 8px; } .c-products-item__already-in-cart { position: absolute; bottom: 8px; right: 8px; background-color: #FBFBFB; padding: 4px 12px; display: inline-flex; align-items: center; gap: 8px; font-size: 12px; min-height: 32px; border-radius: 4px; } .c-products-item__already-in-cart:before { content: ''; background-image: url(/images/cart.svg?d889df206121a4cd56d0319ab4b9ae39); background-repeat: no-repeat; background-position: center; background-size: contain; width: 17px; height: 16px; } @media screen and (max-width: 640px) { .c-products-item__already-in-cart:before { width: 16px; height: 16px; } } .c-products-item__media { display: block; padding: 40px; background: #fff; overflow: hidden; position: relative; } @media screen and (max-width: 1023px) { .c-products-item__media { padding: 30px; } } @media screen and (max-width: 640px) { .c-products-item__media { padding: 20px; } } .c-products-item__media img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain; } .c-products-item__media a:hover img { transform: scale(1.1); } .c-products-item__media__canvas { position: relative; padding-top: 100%; } .c-products-item__meta { padding: 12px 0 0; flex-grow: 1; display: flex; flex-direction: column; padding-right: 16px; } .c-products-item__title { font-size: 16px; line-height: 1.2; font-weight: 600; } @media screen and (max-width: 640px) { .c-products-item__title { font-size: 14px; } } .c-products-item__color { font-size: 0.75em; line-height: 1; text-transform: uppercase; color: #B3B3B3; padding-top: 6px; font-weight: 600; } @media screen and (max-width: 640px) { .c-products-item__color { font-size: 12px; } } .c-products-item__price { font-size: 0.875rem; line-height: 1; white-space: nowrap; padding-top: 8px; margin-bottom: 0; margin-top: auto; } .c-product { max-width: 100%; display: flex; align-items: flex-start; } @media screen and (max-width: 1023px) { .c-product { display: block; } } .c-product__media { background: #fff; width: calc(50% - 40px); max-width: calc(50% - 40px); height: 50vh; min-height: 100vh; position: sticky; top: 0; } .c-product__media .c-product-tag { position: absolute; top: 80px; right: 40px; z-index: 9; } @media screen and (max-width: 640px) { .c-product__media .c-product-tag { right: 20px; } } .c-product__media .c-button--back { position: absolute; top: 80px; left: 40px; z-index: 9; } @media screen and (max-width: 640px) { .c-product__media .c-button--back { left: 20px; } } @media screen and (max-width: 1023px) { .c-product__media { width: 100%; max-width: 100%; margin-bottom: 40px; position: relative; top: auto; height: auto; min-height: auto; padding: 0; margin-right: 0; margin-bottom: 0; } } @media screen and (max-width: 640px) { .c-product__media { margin-bottom: 20px; padding: 0; } } .c-product__media-main { height: 100%; } @media screen and (max-width: 1023px) { .c-product__media-main { height: 50vh; max-height: 650px; min-height: 320px; } } .c-product__media-main__img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .c-product__media-main .swiper-slide { display: flex; align-items: center; justify-content: center; height: auto; } @media screen and (max-width: 1023px) { .c-product__media-main .swiper-slide { padding: 20px 0; } } .c-product__media-main .swiper-slide img { display: block; width: 90%; height: 90%; -o-object-fit: contain; object-fit: contain; max-width: 800px; } @media screen and (max-width: 1600px) { .c-product__media-main .swiper-slide img { width: calc(100% - (40px * 2)); } } @media screen and (max-width: 1023px) { .c-product__media-main .swiper-slide img { width: calc(100% - (30px * 2)); } } @media screen and (max-width: 767px) { .c-product__media-main .swiper-slide img { width: calc(100% - (20px * 2)); } } .c-product__media-main .swiper-slide video.js-product-slide-video { display: block; width: 90%; height: 90%; -o-object-fit: contain; object-fit: contain; max-width: 800px; padding-bottom: 50px; } @media screen and (max-width: 1600px) { .c-product__media-main .swiper-slide video.js-product-slide-video { width: calc(100% - (40px * 2)); } } @media screen and (max-width: 1023px) { .c-product__media-main .swiper-slide video.js-product-slide-video { width: calc(100% - (30px * 2)); } } @media screen and (max-width: 640px) { .c-product__media-main .swiper-slide video.js-product-slide-video { width: calc(100% - (20px * 2)); padding-bottom: 20px; } } @media screen and (max-width: 1023px) { .c-product__media-main .swiper__nav { position: absolute; top: 50%; left: 0; right: 0; z-index: 1999; display: flex; justify-content: space-between; transform: translateY(-50%); } } .c-product__media-main__img--video { z-index: 2; cursor: pointer; } .c-product__media-thumbs { position: absolute; bottom: 40px; left: 0; right: 0; max-width: 224px; margin: 0 auto; z-index: 8; } .c-product__media-thumbs.is-count-three { max-width: 166px; } .c-product__media-thumbs .swiper-slide { background-color: #ECECEC; height: 50px; font-size: 0; border: 1px solid #B3B3B3; border-radius: 8px; transition: all 0.3s ease; z-index: 9; cursor: pointer; overflow: hidden; } .c-product__media-thumbs .swiper-slide.swiper-slide-thumb-active { border: 1px solid #1A1A1A; } .c-product__media-thumbs img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .c-product__media-thumbs .c-product__media-thumb-video { position: relative; width: 100%; height: 100%; } .c-product__media-thumbs .c-product__media-thumb-video:after { content: ''; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; border-radius: 50%; background: rgba(26, 26, 26, 0.75); transform: translate(-50%, -50%); } .c-product__media-thumbs .c-product__media-thumb-video:before { content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #fff; transform: translate(-35%, -50%); } .c-product__media-thumbs .swiper-button-prev { position: absolute; left: -58px; margin: 0; bottom: 0; transform: none; top: 0; } .c-product__media-thumbs .swiper-button-next { position: absolute; right: -58px; margin: 0; bottom: 0; transform: none; top: 0; } @media screen and (max-width: 640px) { .c-product__media-thumbs { bottom: 20px; max-width: 152px; } .c-product__media-thumbs.is-count-three { max-width: 112px; } .c-product__media-thumbs .swiper-slide { height: 32px; } .c-product__media-thumbs .swiper-button-prev { left: -40px; } .c-product__media-thumbs .swiper-button-next { right: -40px; } .c-product__media-thumbs .swiper-button-next, .c-product__media-thumbs .swiper-button-prev { width: 32px; min-width: 32px; height: 32px; } } .c-product__main { flex-grow: 1; max-width: 440px; margin-top: 20vh; margin-left: auto; margin-right: auto; } @media screen and (max-width: 1023px) { .c-product__main { max-width: 760px; margin-top: 30px; } } @media screen and (max-width: 640px) { .c-product__main { margin-top: 20px; } } .c-product__meta { display: flex; align-items: center; justify-content: flex-start; } @media screen and (max-width: 1023px) { .c-product__meta { display: block; height: auto; min-height: 1px; padding: 0 30px; } } @media screen and (max-width: 640px) { .c-product__meta { padding: 0 20px; margin-bottom: 1rem; } } .c-product__meta__content { width: 100%; position: relative; } @media screen and (max-width: 1023px) { .c-product__meta__content { max-width: none; } } @media screen and (max-width: 640px) { .c-product__meta__content { display: flex; flex-direction: column; } } .c-product__title { font-size: 23px; font-weight: 500; font-family: 'Lora', serif; line-height: 1.1; margin-bottom: 8px; } @media screen and (max-width: 1023px) { .c-product__title { order: 1; padding-right: 100px; margin-bottom: 0; } } @media screen and (max-width: 640px) { .c-product__title { font-size: 21px; } } .c-product__subtitle { font-size: 1.25rem; font-weight: 500; font-family: 'Lora', serif; line-height: 1.1; margin-bottom: 16px; } @media screen and (max-width: 1023px) { .c-product__subtitle { order: 2; } } .c-product__type { text-transform: uppercase; color: #B3B3B3; line-height: 1; font-size: 15px; font-weight: 600; } @media screen and (max-width: 1023px) { .c-product__type { margin-top: 8px; order: 3; } } @media screen and (max-width: 1023px) { .c-product__text { margin-top: 24px; order: 5; } } @media screen and (max-width: 640px) { .c-product__text { margin-top: 20px; } } .c-product__price { line-height: 1; margin-top: 12px; margin-bottom: 24px; font-size: 20px; } @media screen and (max-width: 1023px) { .c-product__price { margin-top: 0; position: absolute; right: 0; order: 6; top: 0.2rem; } } @media screen and (max-width: 640px) { .c-product__price { font-size: 19px; } } .c-product__actions { padding-bottom: 24px; gap: 16px; display: flex; flex-direction: column; } .c-product__actions .c-add-button { max-width: none; width: 100%; } @media screen and (max-width: 1023px) { .c-product__actions { margin-top: 20px; order: 3; padding: 0; } } @media screen and (max-width: 640px) { .c-product__actions { margin-top: 16px; } } .c-product__adds { padding: 60px 0 40px; } @media screen and (max-width: 1023px) { .c-product__adds { padding: 30px; } } @media screen and (max-width: 640px) { .c-product__adds { padding: 20px; } } .c-product__section { margin-bottom: 40px; max-width: 100%; } .c-product__section .swiper { max-width: calc(1140px / 2); } @media screen and (max-width: 1023px) { .c-product__section .swiper { max-width: 100%; } } .c-product-header { display: flex; align-items: center; justify-content: space-between; font-weight: 500; font-size: 16px; } @media (max-width: 640px) { .c-product-header { font-size: 14px; } } /************************** Product tags */ .c-product-tag { display: inline-flex; align-items: center; gap: 8px; padding: 0 12px; border-radius: 4px; color: #1A1A1A; font-size: 12px; height: 32px; z-index: 9; } .c-product-tag--antibacterial { background-color: #FAE9FF; } .c-product-tag--antibacterial:before { content: ''; background-image: url(/images/tag-antibacterial.svg?3c4beb89ad46ff2b65d479233d9ae19d); background-repeat: no-repeat; background-size: contain; background-position: center; width: 16px; min-width: 16px; height: 16px; min-height: 16px; } .c-product-tag--ultraresistant { background-color: #DFE9FF; } .c-product-tag--ultraresistant:before { content: ''; background-image: url(/images/tag-ultraresistant.svg?d0229a3c4a529109966fcc3464cdea90); background-repeat: no-repeat; background-size: contain; background-position: center; width: 16px; min-width: 16px; height: 16px; min-height: 16px; } .c-news-item { background: #fff; display: flex; flex-direction: column; position: relative; } .c-news-item__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .swiper .c-news-item { width: 280px; max-width: 280px; min-width: 280px; height: auto; margin-right: 20px; } .c-news-item__media { display: block; overflow: hidden; height: 200px; position: relative; } .c-news-item__media img { display: block; width: 100%; height: 100% !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .c-news-item__media a:hover img { transform: scale(1.1); } .c-news-item__meta { padding: 20px; display: flex; flex-direction: column; flex-grow: 1; } .c-news-item__title { font-family: 'Lora', serif; font-weight: 500; line-height: 1.3; margin-bottom: 1rem; color: #000; text-decoration: none; } .c-news-item__date { font-size: 0.75em; line-height: 1; text-transform: uppercase; color: #B3B3B3; padding-top: 6px; margin-bottom: 0; margin-top: auto; } .c-news-item:hover .c-news-item__title { text-decoration: underline; } /* List */ .c-news-list { display: flex; flex-wrap: wrap; margin: 0 -10px; } .c-news-list .c-news-item { width: 100%; max-width: calc(33.33% - 20px); margin: 0 10px 20px; } @media screen and (max-width: 640px) { .c-news-list .c-news-item { max-width: calc(50% - 20px); } } @media screen and (max-width: 480px) { .c-news-list .c-news-item { max-width: calc(100% - 20px); } } /**************************** Detail news page */ #section-news-page .c-page { margin-top: 32px; } @media (max-width: 640px) { #section-news-page .c-page { margin-top: 20px; } } @media (min-width: 1024px) { #section-news-page .c-section__subtitle { font-size: 2rem; margin-bottom: 12px; } #section-news-page .c-section__date { margin-bottom: 12px; font-size: 0.75rem; } #section-news-page .c-section__description { margin-bottom: 12px; } #section-news-page .c-page__meta { padding: 40px; } } .c-button { display: inline-flex; align-items: center; justify-content: center; text-align: center; font-size: 0.875rem; font-style: normal; line-height: 1; font-weight: 400; color: #fff; text-decoration: none; background: #000; min-height: 42px; padding: 0 20px; border-radius: 21px; border: none; cursor: pointer; outline: none; border: 0; } .c-button.c-button--black { border-radius: 8px; padding: 0 16px; min-height: 44px; background: #1A1A1A; font-weight: 400; font-size: 16px; color: #fff; } @media (hover: hover) { .c-button.c-button--black:hover { color: #fff; background: #0d0d0d; } } .c-button.c-button--white { border-radius: 8px; padding: 0 16px; min-height: 44px; background: #fff; font-weight: 400; font-size: 16px; color: #000; } @media (hover: hover) { .c-button.c-button--white:hover { color: #000; background: #f2f2f2; } } .c-button.c-button--back { background: #ECECEC; height: 32px; min-height: 32px; border-radius: 4px; padding: 8px; font-weight: 400; font-size: 12px; text-transform: uppercase; color: #B3B3B3; display: inline-flex; align-items: center; justify-content: center; gap: 4px; } .c-button.c-button--back:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.64652 1.14648L5.35363 1.85359L3.20718 4.00004L5.35363 6.14648L4.64652 6.85359L1.79297 4.00004L4.64652 1.14648Z' fill='%23B3B3B3'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 8px; min-width: 8px; height: 8px; min-height: 8px; } @media (hover: hover) { .c-button.c-button--back:hover { color: #000; background: #dfdfdf; } } .c-button.c-button-visualization { background: #fff; height: 50px; border-radius: 8px; padding: 8px 20px; font-weight: 400; font-size: 16px; line-height: 1; color: #1A1A1A; display: inline-flex; align-items: center; justify-content: center; gap: 8px; } .c-button.c-button-visualization:before { content: ''; background-image: url(/images/visualization.svg?a42d6fe7cd0e4246afcb0491321661c0); background-repeat: no-repeat; background-size: contain; width: 16px; height: 16px; } @media screen and (max-width: 640px) { .c-button.c-button-visualization { font-size: 14px; } } @media (hover: hover) { .c-button.c-button-visualization:hover { color: #000; background: #B3B3B3; } } @media (hover: hover) { .c-button:hover { background: #B3B3B3; color: #000; text-decoration: none; } } .c-button.o-invert { color: #000; background: #fff; } @media (hover: hover) { .c-button.o-invert:hover { color: #000; background: #B3B3B3; } } .c-button.o-border-radius-8 { border-radius: 8px !important; } .c-button--full-width { width: 100%; } .c-button--big { min-width: 245px; min-height: 54px; border-radius: 27px; } @media screen and (max-width: 640px) { .c-button--big { width: 100%; max-width: none; } } .c-button--small { padding: 0 16px; } .c-button--transparent { background: transparent; color: #000; border-radius: 0; } @media (hover: hover) { .c-button--transparent:hover { background: transparent; color: #262626; } } .c-button--gray { background: #FBFBFB; color: #000; border-radius: 4px; } .c-button--gray:hover { background: #f6f6f6; } .c-button[disabled] { opacity: 0.3; pointer-events: none; } .c-button + .c-button { margin-left: 10px; } .c-delete { font-size: 10px; border-radius: 4px; line-height: 1; background: transparent; padding: 8px; border: none; outline: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #B3B3B3; } @media (hover: hover) { .c-delete:hover { background: #ECECEC; color: #000; } .c-delete:hover:before { opacity: 1; } } .c-delete:before { display: block; content: "\0020"; width: 16px; min-width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2152_508)'%3E%3Cpath d='M10.25 1V0H5.75V1H1V3H2.57L3.5 16H12.5L13.43 3H15V1H10.25ZM6.35 14H5.05V4H6.35V14ZM8.65 14H7.35V4H8.65V14ZM10.95 14H9.65V4H10.95V14Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2152_508'%3E%3Crect width='14' height='16' fill='white' transform='translate(1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-size: cover; margin-right: 8px; opacity: 0.4; } .c-transparent-button { color: #000; background: transparent; border: 1px solid #B3B3B3; box-shadow: none; font-size: 14px; min-height: 50px; border-radius: 8px; display: flex; align-items: center; justify-content: center; } @media (hover: hover) { .c-transparent-button:hover { color: #fff; border-color: #000; background: #000; text-decoration: none; } } .c-hero:not(#section-mainhero) { padding-top: 40px; } .c-hero:not(#section-mainhero) .swiper-slide, .c-hero:not(#section-mainhero) .swiper-footer, .c-hero:not(#section-mainhero) .swiper-header { padding: 0 40px; } .c-hero { position: relative; } .c-hero#section-mainhero { background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); } .c-hero__slogan { position: absolute; z-index: 2; top: 0; left: 0; right: 0; padding: 75px 20% 20px 40px; min-height: 60px; font-size: 16px; line-height: 1.4; font-weight: 400; color: #fff; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); -webkit-user-select: none; -moz-user-select: none; user-select: none; } @media screen and (max-width: 1023px) { .c-hero__slogan { padding: 75px 30px 30px; font-size: 15px; } } @media screen and (max-width: 640px) { .c-hero__slogan { padding: 75px 20px 30px; font-size: 14px; } } .c-hero__slogan__text { max-width: 550px; } .c-hero-item { width: 100%; position: relative; overflow: hidden; } @media (min-width: 1024px) { .c-hero-item { height: 70vh; max-height: 600px; min-height: 450px; } } @media (max-width: 1023px) { .c-hero-item { height: 60vh; max-height: 600px; min-height: 450px; } } @media screen and (max-width: 640px) { .c-hero-item { height: 40vh; } } .c-hero-item img { display: block; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; } .c-hero-item__meta { position: absolute; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; padding: 40px 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%); display: flex; flex-direction: column; align-items: stretch; justify-content: flex-end; opacity: 0; transform: translateX(20px); transition-delay: 0.2s; } .swiper-slide-active .c-hero-item__meta { opacity: 1; transform: none; } .has-menu .c-hero-item__meta { padding-bottom: calc(40px + 60px); } @media screen and (max-width: 1023px) { .has-menu .c-hero-item__meta { padding-bottom: calc(40px + 60px); } } .c-hero-item a { color: #fff; text-decoration: none; } .c-hero-item a:hover { color: #fff; text-decoration: none; opacity: 0.7; } .c-hero-item__title { font-size: 1.625rem; line-height: 1.2; font-family: 'Lora', serif; color: #fff; } .c-hero-item__actions { padding-top: 5px; } .c-social { display: flex; margin-left: -8px; min-height: 42px; } .c-social-item { width: 42px; height: 42px; min-width: 42px; margin-left: 8px; background: #f2f2f2; border-radius: 100%; cursor: pointer; display: flex; align-items: center; justify-content: center; } .c-social-item:hover { background: #B3B3B3; } @media screen and (max-width: 1023px) { .c-social-item:hover { background: #f2f2f2; } } .c-social-item img, .c-social-item svg { width: 21px; height: auto; display: block; } .c-supermenu { display: flex; flex-wrap: wrap; gap: 24px; } .c-supermenu-item { display: flex; align-items: center; height: 160px; width: calc(50% - 12px); position: relative; padding: 40px; text-align: center; background-color: #fff; gap: 24px; border-radius: 8px; } @media screen and (max-width: 123px) { .c-supermenu-item { padding: 30px; } } @media screen and (max-width: 640px) { .c-supermenu-item { padding: 20px; } } .c-supermenu-item:hover { box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25); } .c-supermenu-item__link { display: block; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .c-supermenu-item__media { width: 50%; } .c-supermenu-item__media img { width: 82px; margin-left: auto; } .c-supermenu-item__meta { width: 50%; text-transform: uppercase; font-weight: bold; line-height: 1.2; text-align: left; font-size: 12px; } .c-supermenu-item__meta span { text-align: center; display: inline-block; } @media screen and (max-width: 640px) { .c-supermenu-item__meta { font-size: 0.8rem; } } @media (max-width: 767px) { .c-supermenu-item { width: 100%; } } .c-advantages-item { margin-top: 10px; margin-bottom: 10px; background: #fff; padding: 20px; } .c-advantages-item__header { display: flex; align-items: center; margin-bottom: 6px; } .c-advantages-item__media { width: 24px; min-width: 24px; margin-right: 12px; } .c-advantages-item__title { text-transform: uppercase; font-weight: bold; line-height: 1.2; font-size: 0.75rem; } .c-advantages-item__meta { font-size: 0.875rem; } /* List */ .c-advantages-list { display: flex; flex-wrap: wrap; margin: 0 -10px; } .c-advantages-list .c-advantages-item { width: 100%; max-width: calc(25% - 20px); margin-left: 10px; margin-right: 10px; background: #ECECEC; } @media screen and (max-width: 1200px) { .c-advantages-list .c-advantages-item { max-width: calc(50% - 20px); } } @media screen and (max-width: 640px) { .c-advantages-list .c-advantages-item { max-width: calc(100% - 20px); } } ul.c-filter { display: flex; min-width: 100%; overflow: hidden; } .tablet ul.c-filter, .mobile ul.c-filter { overflow-x: scroll; } @media screen and (max-width: 640px) { ul.c-filter { overflow-x: scroll; } } @media screen and (max-width: 640px) { ul.c-filter { margin-left: -20px; margin-right: -20px; padding-left: 20px; } } ul.c-filter li { display: block; margin: 0 12px 0 0; } ul.c-filter span, ul.c-filter a { display: block; padding: 12px; border-radius: 4px; background: #FBFBFB; color: #B3B3B3; cursor: pointer; font-weight: 500; font-size: 1rem; white-space: nowrap; } @media screen and (max-width: 640px) { ul.c-filter span, ul.c-filter a { font-size: 14px; } } ul.c-filter span:hover, ul.c-filter a:hover { background: #fff; color: #000; text-decoration: none; } ul.c-filter span.is-active, ul.c-filter a.is-active { color: #000; text-decoration: none; pointer-events: none; } .c-filter-trigger { height: 20px; display: block; cursor: pointer; outline: none; border: none; background-size: 16px 12px; background-color: transparent; background-repeat: no-repeat; background-position: right; padding-right: 24px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBIMTJWMkgxNlY0SDEyVjZIMTBWNEgwVjJIMTBWMFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik00IDhIMFYxMEg0VjEySDZWMTBIMTZWOEg2VjZINFY4WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg=="); font-size: 16px; font-weight: 500; line-height: 1; color: #000; } .c-filter-trigger:hover { opacity: 0.7; } @media (max-width: 640px) { .c-filter-trigger { font-size: 14px; } } .c-serie-filter { background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7.75732' y='5.65688' width='2' height='8' transform='rotate(135 7.75732 5.65688)' fill='black'/%3E%3Crect x='6.34326' y='7.07107' width='2' height='8' transform='rotate(-135 6.34326 7.07107)' fill='black'/%3E%3C/svg%3E%0A"); background-position: calc(100% - 15px) 50%; background-repeat: no-repeat; color: #000; padding: 0 36px 0 12px; width: 300px; height: 44px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; font-size: 16px; outline: none; } @media (max-width: 1023px) { .c-serie-filter { width: 100%; margin-top: 18px; } } @media (max-width: 640px) { .c-serie-filter { font-size: 14px; } } /* Overlay Filter */ body.is-filter { overflow: hidden; } body.is-filter .c-main, body.is-filter .c-footer, body.is-filter .c-header { pointer-events: none; } .c-filterbox { position: fixed; z-index: 11; top: 0; left: 0; max-width: 0; max-height: 0; overflow: hidden; opacity: 0; pointer-events: none; font-family: 'Inter', sans-serif; } .is-filter .c-filterbox { right: 0; bottom: 0; max-width: 100%; max-height: 100%; opacity: 1; pointer-events: auto; } .c-filterbox__overlay { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; } .is-filter .c-filterbox__overlay { opacity: 1; } .is-filter-closing .c-filterbox__overlay, .is-filter.is-filter-closing .c-filterbox__overlay { opacity: 0; } .c-filterbox__main { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 100%; max-width: 400px; background: #ECECEC; padding: 56px 0; transform: translateX(100%); } .is-filter .c-filterbox__main { transform: none; } .is-filter.is-filter-closing .c-filterbox__main { transform: translateX(100%); pointer-events: none; } .c-filterbox__header { display: flex; align-items: center; justify-content: space-between; position: absolute; top: 0; left: 0; right: 0; z-index: 2; background: #fff; padding: 8px 20px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1); } .c-filterbox__header span { font-size: 14px; font-weight: 700; } .c-filterbox__close { display: block; width: 40px; height: 40px; outline: none; border: none; background-color: transparent; background-repeat: no-repeat; background-position: center; margin-left: auto; cursor: pointer; } .c-filterbox__close:hover { opacity: 0.7; } .c-filterbox__content-wrap { overflow-y: auto; max-height: calc(100dvh - 116px); scrollbar-width: thin; padding: 20px; } .c-filterbox__footer { position: absolute; bottom: 0; left: 0; right: 0; background: #fff; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .c-filterbox__footer .c-button { width: calc(100% / 2 - 4px); margin: 0; } .c-filterbox input, .c-filterbox button, .c-filterbox textarea { font-family: 'Inter', sans-serif; } /************************** Filter */ .c-filter-block { background-color: #fff; border-radius: 8px; margin-bottom: 12px; } .c-filter-block__trigger { width: 100%; border-radius: 8px; background-color: #fff; padding: 8px 20px; min-height: 50px; font-size: 14px; color: #1A1A1A; border: none; cursor: pointer; display: flex; align-items: center; gap: 12px; font-weight: 400; transition: all 0.3s ease; outline: none; } .c-filter-block__trigger:before { content: ''; background-image: url(/images/arrow-down.svg?5000faf3af937a96f4f1c7dd24945859); background-repeat: no-repeat; background-size: contain; background-position: center; transition: all 0.3s ease; width: 16px; min-width: 16px; height: 16px; min-height: 16px; } .c-filter-block__content { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s cubic-bezier(0.645, 0.05, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.05, 0.355, 1); } .c-filter-block__actions { display: flex; justify-content: space-between; margin-bottom: 12px; } .c-filter-block__trigger-check-all { font-weight: 400; font-size: 12px; cursor: pointer; background-color: transparent; border: none; outline: none; } .c-filter-block__trigger-check-all:hover { text-decoration: underline; } .c-filter-block__trigger-reset { font-weight: 400; font-size: 12px; text-decoration: underline; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; cursor: pointer; background-color: transparent; border: none; outline: none; } .c-filter-block__trigger-reset:hover { text-decoration: none; } .c-filter-block__count { background-color: #ECECEC; border-radius: 2px; padding: 0 6px; height: 20px; display: inline-flex; align-items: center; justify-content: center; font-weight: 400; font-size: 12px; color: #111; } .c-filter-block__count:empty { display: none; } .c-filter-block.is-opened .c-filter-block__content { padding: 8px 20px 20px 20px; max-height: 5000px; } .c-filter-block.is-opened .c-filter-block__trigger { font-weight: 700; } .c-filter-block.is-opened .c-filter-block__trigger:before { transform: rotate(180deg); } .c-pager { display: flex; margin-top: 2rem; margin-bottom: 2rem; gap: 4px; } .c-pager__prev, .c-pager__next { display: flex; align-items: center; justify-content: center; width: 50px; min-width: 50px; height: 50px; background-color: #fff; box-sizing: border-box; cursor: pointer; border-radius: 8px; } .c-pager__prev:before, .c-pager__next:before { display: block; content: "\0020"; width: 8px; height: 12px; border: none; background-size: cover; } .c-pager__prev:hover, .c-pager__next:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .c-pager__prev.is-disabled, .c-pager__next.is-disabled { pointer-events: none; } .c-pager__prev.is-disabled:before, .c-pager__next.is-disabled:before { opacity: 0.3; } .c-pager__next:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjA3MTI4IDUuNjU2NjFMMS40MTQ0MyAtMC4wMDAyNDQxNDFMMC4wMDAyMTM2MjMgMS40MTM5N0w0LjI0MzM3IDUuNjU3MTNMMC4wMDAzNjM2MTYgOS45MDAxM0wxLjQxNDU4IDExLjMxNDNMNy4wNzEyOCA1LjY1NjYxWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg=="); } .c-pager__prev:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjAwMDE4MzEwNSA1LjY1NzQ5TDUuNjU3MDQgMTEuMzE0M0w3LjA3MTI1IDkuOTAwMTNMMi44MjgwOSA1LjY1Njk4TDcuMDcxMSAxLjQxMzk3TDUuNjU2ODkgLTAuMDAwMjQ0MTQxTDAuMDAwMTgzMTA1IDUuNjU3NDlaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K"); } .c-page { background: #fff; } @media screen and (max-width: 1023px) { .c-page { margin: 0; } } .c-page__meta { padding: 60px; } @media screen and (max-width: 1023px) { .c-page__meta { padding: 60px 30px; } } @media screen and (max-width: 640px) { .c-page__meta { padding: 30px 20px; } } .c-page__error { padding: 3rem 0 5rem; } .c-page__error__media { padding: 3rem 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-size: 6rem; line-height: 1; font-weight: bold; } @media screen and (max-width: 640px) { .c-page__error__media { font-size: 4rem; } } .c-page__error__media span { display: block; font-size: 1.6rem; } .c-page__error__meta { text-align: center; } .c-page__error__actions { padding-top: 2rem; } .c-form-item { margin-bottom: 8px; } .c-form-item--link { margin-top: 16px; } .c-form-item--link .c-link { border-radius: 8px; padding: 0 16px; height: 40px; background: #ececec; font-weight: 400; font-size: 14px; color: #1f1f1f; display: flex; align-items: center; justify-content: center; } .c-form-item--link .c-link:hover { text-decoration: none; background: #f6f6f6; } .c-form-item input[type="tel"], .c-form-item input[type="text"], .c-form-item input[type="number"], .c-form-item input[type="password"], .c-form-item input[type="email"], .c-form-item select { color: #000; min-height: 44px; background: #fff; padding: 0 8px; line-height: 1; border: 1px solid #ECECEC; width: 100%; outline: none; font-family: 'Inter', sans-serif; font-size: 1rem; box-sizing: border-box; border-radius: 8px; } .c-form-item input[type="tel"]:focus, .c-form-item input[type="text"]:focus, .c-form-item input[type="number"]:focus, .c-form-item input[type="password"]:focus, .c-form-item input[type="email"]:focus, .c-form-item select:focus { outline: none; } .c-form-item input[type="tel"].is-error, .c-form-item input[type="text"].is-error, .c-form-item input[type="number"].is-error, .c-form-item input[type="password"].is-error, .c-form-item input[type="email"].is-error, .c-form-item select.is-error { outline: 1px solid red; } .c-form-item textarea { min-height: 50px; background: #fff; padding: 8px; line-height: 1.2; border: 1px solid #ECECEC; width: 100%; outline: none; font-family: 'Inter', sans-serif; font-size: 1rem; resize: vertical; box-sizing: border-box; border-radius: 8px; } .c-form-item__set { margin-bottom: 2rem; } .c-form-item__legend { font-size: 1rem; line-height: 1.1; margin-bottom: 1rem; } .c-form-item > label { color: #B3B3B3; font-size: 14px; display: block; line-height: 1.2; margin-bottom: 4px; } .c-form-item > label a { color: #B3B3B3; text-decoration: underline; } .c-form-item > label a:hover { text-decoration: none; } .c-form-item > label.is-required:after { content: '*'; color: red; margin-left: 4px; } .c-form-item__error { font-size: 0.7rem; line-height: 1.3; color: red; padding: 6px 0 0; } .c-form-item select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='7' height='6' viewBox='0 0 7 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.3 4.93333C3.9 5.46667 3.1 5.46667 2.7 4.93333L0.2 1.6C-0.294427 0.940764 0.175955 2.69675e-07 1 3.41715e-07L6 7.78829e-07C6.82405 8.50869e-07 7.29443 0.940765 6.8 1.6L4.3 4.93333Z' fill='%23B3B3B3'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: calc(100% - 8px) 50%; background-color: #fff; padding-right: 24px; } .c-form-group { display: flex; flex-wrap: wrap; margin-left: -4px; margin-right: -4px; } .c-form-group .c-form-item { width: 100%; max-width: calc(50% - 8px); min-width: calc(50% - 8px); margin-left: 4px; margin-right: 4px; } .c-form-group[data-cols="3"] .c-form-item { width: 100%; max-width: calc(33.33% - 8px); min-width: calc(33.33% - 8px); margin-left: 4px; margin-right: 4px; } @media (max-width: 767px) { .c-form-group[data-cols="3"] .c-form-item { max-width: calc(100% - 8px); min-width: calc(100% - 8px); } } .c-form-actions .c-submit, .c-form-actions input[type="submit"] { min-height: 50px; padding: 0 12px; line-height: 1; border: none; width: 100%; outline: none; background: #000; color: #fff; text-align: center; cursor: pointer; border-radius: 25px; box-sizing: border-box; text-decoration: none; display: flex; align-items: center; justify-content: center; } .c-form-actions .c-submit:hover, .c-form-actions input[type="submit"]:hover { background: #222; color: #fff; text-decoration: none; } .c-form-actions .c-submit[disabled], .c-form-actions input[type="submit"][disabled], .c-form-actions .c-submit.is-disabled, .c-form-actions input[type="submit"].is-disabled { opacity: 0.6; pointer-events: none; } .c-form-actions button[type="reset"] { min-height: 50px; padding: 0 12px; line-height: 1; border: none; width: 100%; outline: none; background: #ECECEC; color: #000; text-align: center; cursor: pointer; border-radius: 25px; box-sizing: border-box; } .c-form-actions button[type="reset"]:hover { background: #B3B3B3; } .c-form-actions button[type="reset"].is-disabled { pointer-events: none; opacity: 0.6; } .c-form-actions .c-form-message { margin-bottom: 1rem; } .c-form-actions.o-alt { display: flex; align-items: flex-start; justify-content: space-between; gap: 4px; } .c-form-actions.o-alt input[type="submit"], .c-form-actions.o-alt button[type="reset"] { min-height: 40px; border-radius: 4px; width: 100%; max-width: calc(50% - 2px); font-size: 0.8rem; line-height: 1; } .c-form-info { margin: 16px 0 0; text-align: center; font-size: 12px; line-height: 1.4; color: #B3B3B3; } .c-form-info p { margin: 0; } .c-form-info a { color: inherit; text-decoration: underline; } .c-form-info a:hover { text-decoration: none; } .c-contacts .c-form-info, .c-popup .c-form-info { text-align: left; } .c-form-message { background: #c8eba5; padding: 1rem; font-weight: bold; line-height: 1.2; } .c-form-message.is-error { background: #ffcfcc; } .c-input-wrapper { position: relative; } .c-input-wrapper__legend { color: #000; min-height: 42px; background: #fff; padding: 0 8px; line-height: 1; outline: none; font-size: 1rem; box-sizing: border-box; display: flex; align-items: center; position: absolute; top: 1px; right: 1px; border-radius: 8px; } .c-contacts .c-form-item input[type="tel"], .c-contacts .c-form-item input[type="text"], .c-contacts .c-form-item input[type="number"], .c-contacts .c-form-item input[type="password"], .c-contacts .c-form-item input[type="email"], .c-contacts .c-form-item select { min-height: 50px; padding: 0 12px; border-radius: 0; border: none; } .c-contacts .c-form-item textarea { min-height: 50px; padding: 12px; border-radius: 0; border: none; } .c-checkbox { position: relative; display: flex; align-items: center; } .c-checkbox input[type="checkbox"] { display: block; border: none; position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; padding: 0; } .c-checkbox input[type="checkbox"] + label { display: flex; align-items: flex-start; justify-content: flex-start; font-size: 0.8rem; line-height: 1; font-weight: normal; } .c-checkbox input[type="checkbox"]:focus + label, .c-checkbox input[type="checkbox"]:hover + label { opacity: 0.8; } .c-checkbox input[type="checkbox"] + label:before { display: block; content: "\0020"; width: 16px; height: 16px; box-sizing: border-box; border: 1px solid #000; border-radius: 2px; position: absolute; top: 0; right: 0; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .c-checkbox input[type="checkbox"]:checked + label:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy42MyA0LjM3NjU4QzE4LjEyMzMgNC44Nzg2OCAxOC4xMjMzIDUuNjkyNzUgMTcuNjMgNi4xOTQ4Nkw4LjM2Njk0IDE1LjYyMzRDNy44NzM2NSAxNi4xMjU1IDcuMDczODggMTYuMTI1NSA2LjU4MDU4IDE1LjYyMzRMMi4zNjk5OCAxMS4zMzc3QzEuODc2NjggMTAuODM1NiAxLjg3NjY3IDEwLjAyMTYgMi4zNjk5NiA5LjUxOTQ2QzIuODYzMjQgOS4wMTczNSAzLjY2MzAzIDkuMDE3MzQgNC4xNTYzMyA5LjUxOTQ0TDcuNDczNzQgMTIuODk2TDE1Ljg0MzcgNC4zNzY1OEMxNi4zMzcgMy44NzQ0NyAxNy4xMzY3IDMuODc0NDcgMTcuNjMgNC4zNzY1OFoiIGZpbGw9IiMyMjIyMjIiLz4KPC9zdmc+Cg=="); background-size: cover; } ::-moz-placeholder { color: #B3B3B3; opacity: 1; } ::placeholder { color: #B3B3B3; opacity: 1; } ::-ms-input-placeholder { color: #B3B3B3; } input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px white inset!important; } /************************** Big block checkbox */ .c-block-checkbox { position: relative; display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #ECECEC; border-radius: 8px; padding: 12px; transition: all 0.3s ease; } .c-block-checkbox--fake { flex-wrap: wrap; padding: 0; } .c-block-checkbox--fake:has(input[type="checkbox"]:checked) .c-cart-item__actions { display: flex; } .c-block-checkbox--fake .c-block-checkbox-row { width: 100%; display: flex; align-items: center; gap: 8px; padding: 12px; position: relative; } .c-block-checkbox--fake .c-cart-item__actions { width: 100%; padding: 0 12px 12px 12px; border-radius: 8px; display: none; } .c-block-checkbox--fake .c-cart-item__actions label { position: static; } .c-block-checkbox:has(input[type="checkbox"]:checked) { border: 1px solid #1A1A1A; } .c-block-checkbox:not(:last-child) { margin-bottom: 8px; } .c-block-checkbox label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; cursor: pointer; } .c-block-checkbox span { font-weight: 400; font-size: 12px; } .c-block-checkbox span small { color: #B3B3B3; font-size: 12px; } .c-block-checkbox input[type="checkbox"] { margin-left: auto; width: 16px; min-width: 16px; height: 16px; min-height: 16px; background: #fff; border-radius: 4px; display: block; border: 1px solid #000; transition: all 0.3s ease; cursor: pointer; } .c-block-checkbox input[type="checkbox"]:checked { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0C0.895431 0 0 0.895431 0 2V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V2C16 0.895431 15.1046 0 14 0H2ZM12.0303 4.96967C12.3196 5.25897 12.3232 5.72582 12.041 6.01947L8.04876 11.0097C8.043 11.0169 8.03685 11.0238 8.03032 11.0303C7.73743 11.3232 7.26256 11.3232 6.96966 11.0303L4.32322 8.38388C4.03032 8.09099 4.03032 7.61612 4.32322 7.32322C4.61611 7.03033 5.09098 7.03033 5.38388 7.32322L7.4774 9.41674L10.9498 4.9921C10.9559 4.98424 10.9626 4.97674 10.9697 4.96967C11.2626 4.67678 11.7374 4.67678 12.0303 4.96967Z' fill='black'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; } .c-block-checkbox__media { width: 50px; min-width: 50px; height: 50px; min-height: 50px; } .c-block-checkbox__media img { width: 100%; height: 100%; border-radius: 4px; -o-object-fit: contain; object-fit: contain; } [data-info-block-link] { cursor: pointer; } .c-dropmenu { margin-bottom: 0.75rem; } @media screen and (max-width: 640px) { .c-dropmenu { display: flex; justify-content: space-between; align-items: flex-start; } } .c-dropmenu__legend { font-size: 0.9rem; font-style: normal; font-weight: 500; color: #B3B3B3; line-height: 1; display: none; margin-right: 10px; } @media screen and (max-width: 767px) { .c-dropmenu__legend { font-size: 14px; } } @media screen and (max-width: 640px) { .c-dropmenu__legend { display: block; } } .c-dropmenu__menu { display: flex; position: relative; } @media screen and (max-width: 640px) { .c-dropmenu__menu { flex-direction: column; text-align: right; } } .c-dropmenu__menu:after { display: none; content: "\0020"; width: 12px; height: 8px; position: absolute; top: 5px; right: 0; background-size: cover; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjcuNzU3MzIiIHk9IjUuNjU2ODkiIHdpZHRoPSIyIiBoZWlnaHQ9IjgiIHRyYW5zZm9ybT0icm90YXRlKDEzNSA3Ljc1NzMyIDUuNjU2ODkpIiBmaWxsPSJibGFjayIvPgo8cmVjdCB4PSI2LjM0MzI2IiB5PSI3LjA3MTA4IiB3aWR0aD0iMiIgaGVpZ2h0PSI4IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDYuMzQzMjYgNy4wNzEwOCkiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo="); } @media screen and (max-width: 640px) { .c-dropmenu__menu:after { display: block; } } .c-dropmenu__menu li { display: block; position: relative; z-index: 2; margin-right: 12px; line-height: 1; -webkit-user-select: none; -moz-user-select: none; user-select: none; padding: 12px 0; } @media screen and (max-width: 640px) { .c-dropmenu__menu li { padding-right: 24px; padding-top: 12px; padding-bottom: 12px; margin-right: 0; order: 2; display: none; } .is-open .c-dropmenu__menu li { display: block; } .c-dropmenu__menu li.is-active { order: 1; display: block; padding-top: 0; } } @media screen and (max-width: 640px) { .c-dropmenu__menu.is-open li { display: block; } .c-dropmenu__menu.is-open li .c-dropmenu__menu.is-open li.is-active { order: 1; display: block; } } .c-dropmenu__menu a { font-style: normal; font-weight: 600; font-size: 18px; line-height: 1; text-transform: uppercase; color: #B3B3B3; white-space: nowrap; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .is-active .c-dropmenu__menu a, .c-dropmenu__menu a:hover, .c-dropmenu__menu a.is-active { color: #000; text-decoration: none; } @media screen and (max-width: 640px) { .c-dropmenu__menu a { font-size: 1rem; } .c-dropmenu__menu a.is-active { pointer-events: none; } } @media screen and (max-width: 320px) { .c-dropmenu__menu a { font-size: 0.9rem; } } .c-contacts { max-width: 100%; display: flex; } @media screen and (max-width: 1023px) { .c-contacts { display: block; } } .c-contacts__media { background: #fff; width: calc(50% - 40px); max-width: calc(50% - 40px); height: 50vh; min-height: 100vh; position: sticky; top: 0; } @media screen and (max-width: 1023px) { .c-contacts__media { width: 100%; max-width: 100%; margin-bottom: 40px; position: relative; top: auto; height: auto; min-height: auto; padding: 0; margin-right: 0; margin-bottom: 0; } } @media screen and (max-width: 1023px) { .c-contacts__media { height: 50vh; max-height: 650px; min-height: 320px; } } .c-contacts__media:after { display: block; content: "\0020"; position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; } .c-contacts__media:hover:after { display: none; } .c-contacts__media img, .c-contacts__media iframe { display: block; width: 100%; height: 100%; } .c-contacts__meta { flex-grow: 1; max-width: 440px; margin-top: 20vh; margin-bottom: 80px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 1023px) { .c-contacts__meta { max-width: 760px; margin-top: 30px; margin-bottom: 60px; } } @media screen and (max-width: 640px) { .c-contacts__meta { margin-top: 20px; } } .c-contacts__meta__content { padding: 0 30px; } @media screen and (max-width: 640px) { .c-contacts__meta__content { padding: 0 20px; } } .c-contacts__title { font-size: 1.6rem; font-weight: 500; font-family: 'Lora', serif; margin-bottom: 1rem; } @media screen and (max-width: 1023px) { .c-contacts__title { line-height: 1.1; } } .c-contacts__gallery { margin-bottom: 2rem; } .c-contacts__phone-link { padding-right: 164px !important; } @media (max-width: 340px) { .c-contacts__phone-link { padding-right: 110px !important; } } .c-contacts__telegram-link { width: 54px; height: 54px; position: absolute; top: 0; right: 54px; border-right: 1px solid #fff; border-left: 1px solid #fff; padding: 0 !important; justify-content: center !important; background-color: #c9e9f5 !important; } .c-contacts__telegram-link:hover { background-color: #b6ddeb !important; } @media (max-width: 380px) { .c-contacts__telegram-link { width: 34px; right: 34px; } .c-contacts__telegram-link img { width: 75%; } } .c-contacts__max-link { width: 54px; height: 54px; position: absolute; top: 0; right: 107px; border-right: 1px solid #fff; border-left: 1px solid #fff; padding: 0 !important; justify-content: center !important; background-color: #F0D8FF !important; } .c-contacts__max-link:hover { background-color: #e8cef8 !important; } @media (max-width: 380px) { .c-contacts__max-link { right: 67px; width: 34px; } .c-contacts__max-link img { width: 75%; } } .c-contacts__whatsapp-link { width: 54px; height: 54px; position: absolute; top: 0; right: 0; padding: 0; justify-content: center; background-color: #b3e6c6 !important; } .c-contacts__whatsapp-link:hover { background-color: #a9f0c4 !important; } @media (max-width: 380px) { .c-contacts__whatsapp-link { width: 34px; justify-content: center !important; padding: 0 !important; text-align: center !important; } .c-contacts__whatsapp-link img { width: 75%; } } .c-contacts__list { margin-bottom: 1rem; } .c-contacts__list__item { position: relative; margin-bottom: 1rem; } .c-contacts__list a { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 54px; padding: 4px 10px; background: #fff; text-decoration: none; color: #000; line-height: 1; font-style: normal; font-weight: 700; font-size: 0.9rem; text-transform: uppercase; } .c-contacts__list a:hover { background: #B3B3B3; } .c-contacts__list a svg { display: block; width: 16px; min-width: 16px; height: auto; margin-right: 12px; } @media screen and (max-width: 640px) { .c-contacts__list a { justify-content: flex-start; text-align: left; line-height: 1.3; } } .c-format h1, .c-format h2, .c-format h3, .c-format h4, .c-format h5, .c-format h6 { font-family: 'Lora', serif; font-style: normal; font-weight: 500; margin-bottom: 0.5em; line-height: 1.1; } .c-format h1 { font-size: 3rem; } @media screen and (max-width: 640px) { .c-format h1 { font-size: 1.85rem; } } .c-format h2 { font-size: 2.5rem; } @media screen and (max-width: 640px) { .c-format h2 { font-size: 1.625rem; } } .c-format h3 { font-size: 2rem; } @media screen and (max-width: 640px) { .c-format h3 { font-size: 1.5rem; } } .c-format h4 { font-size: 1.6rem; } @media screen and (max-width: 640px) { .c-format h4 { font-size: 1.25rem; } } .c-format h5 { font-size: 1.25rem; } @media screen and (max-width: 640px) { .c-format h5 { font-size: 1.125rem; } } .c-format h6 { font-size: 1rem; margin-bottom: 1rem; line-height: 1.4; } .c-format p { margin-bottom: 1em; } .c-format strong { font-weight: bold; } .c-format a { color: #000; text-decoration: underline; } .c-format a:hover { color: #000; text-decoration: none; } .c-format ul, .c-format ol { margin-bottom: 1em; background: #FBFBFB; padding: 1rem; } .c-format ul li { display: block; margin-bottom: 5px; position: relative; padding-left: 1rem; } .c-format ul li:before { content: "\0020"; display: block; width: 4px; height: 4px; background: #222; position: absolute; top: 10px; left: 0; border-radius: 100%; } .c-format ol { list-style-type: none; counter-reset: num; margin-bottom: 1rem; } .c-format ol li { display: block; position: relative; margin-bottom: 0.4rem; padding-left: 20px; } .c-format ol li:before { content: counter(num) '.'; counter-increment: num; display: inline-block; position: absolute; top: 0; left: 0; width: 20px; color: #222; opacity: 0.7; } .c-format table { width: 100%; text-align: left; } .c-format table th { background: transparent; text-align: left; } .c-format table th, .c-format table td { border: 1px solid #B3B3B3; vertical-align: middle; padding: 4px 6px; font-size: 0.8rem; line-height: 1.1; } .c-format table th.align-center, .c-format table td.align-center { text-align: center; } .c-format table p { margin-bottom: 0; } .c-format blockquote { display: block; font-style: italic; font-weight: 500; font-size: 1.25rem; line-height: 1.4; padding-left: 1.5rem; margin-bottom: 1rem; } @media screen and (max-width: 640px) { .c-format blockquote { padding-left: 1rem; font-size: 1rem; } } .c-format img { display: block; height: auto; margin-bottom: 1rem; width: 100%; } .c-format img.is-wide { width: 100%; } .c-format img.is-left { float: left; width: 50%; margin-left: 1rem; } @media screen and (max-width: 640px) { .c-format img.is-left { float: none; margin-left: 0; } } .c-format img.is-right { float: right; width: 50%; margin-right: 1rem; } @media screen and (max-width: 640px) { .c-format img.is-right { float: none; margin-right: 0; } } .c-format figure { margin-bottom: 1rem; } .c-format figure img, .c-format figure img.is-wide, .c-format figure img.is-left, .c-format figure img.is-right { width: 100%; float: none; margin: 0 0 1rem 0; } .c-format figcaption { font-size: 0.8rem; font-style: normal; font-weight: 400; color: #B3B3B3; } .c-format figcaption { font-size: 0.8rem; font-style: normal; font-weight: 400; color: #B3B3B3; } .c-format iframe { display: block; width: 100%; min-height: 405px; } @media screen and (max-width: 640px) { .c-format iframe { min-height: 320px; } } .c-table { max-width: 100%; overflow-x: auto; margin-bottom: 1rem; } .c-format a.js-fancybox, .c-format a[data-fancybox] { cursor: zoom-in; } .c-format a.js-fancybox:hover, .c-format a[data-fancybox]:hover { opacity: 0.7; } .c-add-button { display: flex; align-items: center; justify-content: center; background: #000; color: #fff; text-decoration: none; line-height: 1; width: 100%; max-width: 340px; min-height: 50px; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1); border-radius: 8px; text-align: center; cursor: pointer; box-sizing: border-box; outline: none; border: 0; } .c-add-button:hover { opacity: 0.8; } @media screen and (max-width: 1023px) { .c-add-button { max-width: none; } } .c-cart-controller .c-add-button { color: #000; font-size: 0.75rem; background: #fff; border-radius: 4px; padding: 8px; max-width: 110px; min-height: 34px; outline: none; border: 0; } @media screen and (max-width: 1023px) { .c-cart-controller .c-add-button { max-width: 110px; } } .c-cart-controller { display: flex; align-items: center; justify-content: space-between; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 8px 8px 8px 16px; width: 100%; background: #000; } @media screen and (max-width: 1023px) { .c-cart-controller { max-width: none; } } .c-cart-controller__info { color: #fff; line-height: 1; font-size: 0.875rem; margin-right: 20px; } .c-cart-list { margin: 0 auto; } .c-cart-item { border-radius: 8px; margin-bottom: 16px; background: #fff; } .c-cart-item.has-error { outline: 1px solid red; transition: all 0.3s ease; } .c-cart-item.has-error .c-cart-item__info { background-color: #fbf0f0; } .c-cart-item__additionals { padding: 16px 0; background-color: #fff; } .c-cart-item__additionals__title { font-size: 14px; font-weight: 400; margin-bottom: 16px; } .c-cart-item__additionals__list .c-block-checkbox { gap: 0; } .c-cart-item__additionals__list .c-block-checkbox .c-cart-item { margin-bottom: 0; } .c-cart-item__additionals__list .c-block-checkbox .c-block-checkbox label { padding-bottom: 4px; } .c-cart-item__main { display: flex; justify-content: space-between; flex-direction: column; background: #fbfbfb; border-radius: 8px 8px 0 0; } .c-cart-item__main .c-product-tag { width: 100%; justify-content: center; border-radius: 0; } @media screen and (max-width: 640px) { .c-cart-item__main { display: block; } } .c-cart-item__info { width: 100%; max-width: 100%; padding: 16px; border-radius: 8px 8px 0 0; } @media screen and (max-width: 640px) { .c-cart-item__info { max-width: none; padding-top: 4px; padding-bottom: 4px; } } .c-cart-item__actions { background: #fff; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } .c-cart-item__actions__info { padding: 12px 0 0; font-size: 10px; } .c-cart-item__footer { padding: 16px; display: flex; align-items: flex-start; justify-content: space-between; font-size: 0.75rem; line-height: 1; background: #fff; border-radius: 0 0 8px 8px; border-top: 1px solid #ECECEC; flex-wrap: wrap; } .c-cart-item__footer.is-opened .c-cart-additional-summary-info { display: block; margin-top: 16px; } @media (max-width: 480px) { .c-cart-item__footer.is-opened .c-cart-additional-summary-info { margin-top: 0; } } .c-cart-item__footer.is-opened .c-cart-additional-buttons { display: flex; flex-wrap: wrap; } .c-cart-item__footer.is-opened .c-cart-additional-summary { display: none; } .c-cart-item__footer__dropdown { width: 100%; } .c-cart-item__footer__line { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; } @media (max-width: 480px) { .c-cart-item__footer__line .c-cart-additional-buttons { flex-wrap: nowrap; } .c-cart-item__footer__line .c-cart-additional-buttons .c-button { width: 100%; } } .c-cart-item__footer__left { width: calc(100% - 200px); padding-right: 20px; } @media (max-width: 767px) { .c-cart-item__footer__left { width: calc(100% - 140px); padding-right: 0; } } @media (max-width: 480px) { .c-cart-item__footer__left { width: 100%; } } .c-cart-item__footer__right { width: 200px; display: flex; align-items: center; justify-content: flex-end; gap: 16px; } @media (min-width: 481px) { .c-cart-item__footer__right--mobile { display: none; } } @media (max-width: 480px) { .c-cart-item__footer__right--mobile { display: flex !important; justify-content: space-between; width: 100% !important; } } .c-cart-item__footer__right .c-delete { width: 40px; min-width: 40px; height: 40px; min-height: 40px; background: #ececec; border-radius: 8px; } .c-cart-item__footer__right .c-delete span { display: none; } .c-cart-item__footer__right .c-delete:before { margin-right: 0; opacity: 1; } .c-cart-item__footer__right .c-delete:hover { opacity: 0.8; } @media (max-width: 767px) { .c-cart-item__footer__right { width: 140px; } } @media (max-width: 480px) { .c-cart-item__footer__right { display: none; } } @media (max-width: 767px) { .c-cart-item__footer { align-items: flex-start; } } @media (max-width: 480px) { .c-cart-item__footer { gap: 12px; flex-direction: column; } } .c-cart-item__price { font-size: 16px; font-weight: 700; text-align: right; color: #1A1A1A; } .c-cart-item .c-form-error-wrap { margin-top: 0; margin-bottom: 16px; } .c-cart-item .c-form-item__error { font-size: 0.6rem; } .c-cart-item__info { display: flex; align-items: center; } .c-cart-item__info__media { margin-right: 12px; max-height: 60px; max-width: 60px; height: auto; width: 100%; display: flex; } .c-cart-item__info__media a { margin-left: auto; } .c-cart-item__info__media img { max-height: 60px; max-width: 60px; -o-object-fit: contain; object-fit: contain; } .c-cart-item__info__meta { flex-grow: 1; } .c-cart-item__info__title { font-size: 14px; font-weight: 700; color: #1A1A1A; line-height: 1.5; margin-bottom: 2px; } .c-cart-item__info__type { color: #1A1A1A; text-transform: none; font-size: 12px; } .c-cart-bar-fake { height: 0; } .c-cart-bar-fake.is-fixed { height: 60px; } .c-cart-bar { height: 60px; padding: 0 8px 0 16px; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1); background: #fff; margin-top: 32px; display: flex; align-items: center; border-radius: 8px; transition: all 0.3s ease; opacity: 1; } .c-cart-bar.is-fixed { position: fixed; bottom: 0; left: 80px; right: 0; z-index: 1000; border-radius: 0; padding-left: 0; padding-right: 0; } .c-cart-bar.is-fixed .c-cart-bar__container { padding-right: 8px; padding-left: 8px; } @media (max-width: 1023px) { .c-cart-bar.is-fixed { left: 0; } } .c-cart-bar.is-hide { opacity: 0; } .c-cart-bar--checkout { max-width: 800px; margin: 32px auto 0; } .c-cart-bar--checkout .c-cart-bar__container { max-width: 100%; } .c-cart-bar__container { display: flex; align-items: center; justify-content: space-between; max-width: 600px; width: 100%; margin: 0 auto; } .c-cart-bar__info { font-size: 0.875rem; display: flex; flex-direction: column; } .c-cart-bar__info strong { font-size: 1rem; font-weight: bold; } .c-cart-bar__actions { display: flex; align-items: center; flex-wrap: wrap; } .c-cart-bar__actions a, .c-cart-bar__actions button { background: #1A1A1A; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; border: none; outline: none; border-radius: 8px; cursor: pointer; padding: 0 16px; font-weight: 400; font-size: 16px; } .c-cart-bar__actions a:hover, .c-cart-bar__actions button:hover { opacity: 0.8; } body.is-bar .c-cart-bar.is-fixed { display: none; } .c-cart-trigger { position: relative; } .c-cart-trigger:after { content: attr(data-counter); display: flex; align-items: center; justify-content: center; line-height: 1; background-color: #FF5454; border: 1px solid #000; font-size: 10px; font-weight: 600; color: #fff; padding: 0 4px; height: 16px; min-width: 14px; text-align: center; position: absolute; top: -8px; right: -3px; border-radius: 30px; } /**************************** Checkout page */ .c-checkout { max-width: 800px; margin: 0 auto; } .c-checkout__subtitle { font-size: 20px; font-style: normal; font-weight: 500; margin-bottom: 16px; } .c-checkout-form { margin-bottom: 32px; } .c-checkout-form__box { padding: 16px; border-radius: 8px; background: #fff; margin-bottom: 16px; } .c-checkout-form__box input::-webkit-input-placeholder, .c-checkout-form__box textarea::-webkit-input-placeholder { font-weight: normal; } .c-checkout-form__box input:-moz-placeholder, .c-checkout-form__box textarea:-moz-placeholder { font-weight: normal; } .c-checkout-form__box input::-webkit-input-placeholder, .c-checkout-form__box textarea::-webkit-input-placeholder, .c-checkout-form__box input:input:-moz-placeholder, .c-checkout-form__box textarea:input:-moz-placeholder { font-weight: normal; } .c-checkout-form__box input::-webkit-input-placeholder, .c-checkout-form__box textarea::-webkit-input-placeholder { font-weight: normal; } .c-checkout-form__box input:-moz-placeholder, .c-checkout-form__box textarea:-moz-placeholder { font-weight: normal; } .c-checkout-cart-item { display: flex; flex-wrap: wrap; margin-bottom: 8px; } .c-checkout-cart-item__info { background: #FBFBFB; width: 50%; display: flex; align-items: center; padding: 6px 16px; border-radius: 8px 0 0 8px; } .c-checkout-cart-item__info__media { display: flex; width: 100%; max-width: 60px; max-height: 60px; margin-right: 12px; } .c-checkout-cart-item__info__media img { display: block; width: 100%; height: auto; } @media (max-width: 767px) { .c-checkout-cart-item__info { width: 100%; border-radius: 8px 8px 0 0; } } .c-checkout-cart-item__detail { width: 50%; display: flex; background: #fff; padding: 6px 16px 0 16px; border-radius: 0 8px 8px 0; } .c-checkout-cart-item__detail__tags { display: flex; flex-wrap: wrap; align-items: center; } .c-checkout-cart-item__detail__price { display: flex; margin-left: auto; align-items: center; font-size: 12px; } .c-checkout-cart-item__detail__price span { border-radius: 4px; background: #000; color: #FFF; font-size: 12px; font-style: normal; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; height: 24px; padding: 2px 8px; margin-left: 8px; white-space: nowrap; } @media (max-width: 767px) { .c-checkout-cart-item__detail { width: 100%; border-radius: 0 0 8px 8px; padding: 10px 16px; } } .c-checkout-cart-item__detail-tag { padding: 8px; border-radius: 4px; background: #FBFBFB; font-size: 10px; font-style: normal; font-weight: 400; line-height: 1; display: inline-flex; align-items: center; justify-content: center; margin: 6px 12px 6px 0; height: 30px; } /**************************** Cart bar */ .c-cart-aside { position: fixed; z-index: 11; top: 0; left: 0; max-width: 0; max-height: 0; overflow: hidden; opacity: 0; pointer-events: none; } .c-cart-aside .c-cart-item__footer { display: flex; flex-direction: column-reverse; padding-bottom: 0; } .c-cart-aside .c-cart-additional-summary-info { display: block; background: transparent; border: none; padding: 0; } .c-cart-aside .c-block-checkbox span { line-height: 1.5; } .c-cart-aside .c-cart-page-counter { display: none; } .c-cart-aside .c-cart-item__footer__line { display: flex; flex-direction: column; padding-bottom: 0; } .c-cart-aside .c-cart-item__footer__left { width: 100%; padding-right: 0; } .c-cart-aside .c-cart-item__footer__left .c-cart-additional-summary { display: none; } .c-cart-aside .c-cart-item__footer__left .c-cart-additional-summary-info { display: block; } .c-cart-aside .c-cart-item__footer__right { width: 100%; padding: 16px 0; flex-direction: row-reverse; justify-content: space-between; } .c-cart-aside .c-cart-item__footer__right .c-delete { width: auto; height: auto; min-width: auto; min-height: auto; background: transparent; gap: 0; } .c-cart-aside .c-cart-item__footer__right .c-delete:before { opacity: 0.4; margin-right: 8px; } .c-cart-aside .c-cart-item__footer__right .c-delete span { display: block; } .c-cart-aside .c-cart-item__footer__right .c-delete:hover { opacity: 1; background: #ececec; color: #000; } .c-cart-aside .c-form-item__error { font-size: 0.6rem; } .c-cart-aside .c-cart-item { margin-bottom: 12px; } .c-cart-aside__overlay { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; } .is-cart-aside .c-cart-aside__overlay { opacity: 1; } .is-cart-aside-closing .c-cart-aside__overlay, .is-cart-aside.is-cart-aside-closing .c-cart-aside__overlay { opacity: 0; } .is-cart-aside .c-cart-aside { right: 0; bottom: 0; max-width: 100%; max-height: 100%; opacity: 1; pointer-events: auto; } .c-cart-aside__content { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 100%; max-width: 400px; background: #ECECEC; padding: 56px 0; transform: translateX(100%); } .is-cart-aside .c-cart-aside__content { transform: none; } .is-cart-aside.is-cart-aside-closing .c-cart-aside__content { transform: translateX(100%); pointer-events: none; } @media screen and (max-width: 1023px) { .c-cart-aside__content { right: 0; } } @media screen and (max-width: 640px) { .c-cart-aside__content { max-width: 100%; } } .c-cart-aside__header { display: flex; align-items: center; justify-content: space-between; position: absolute; top: 0; left: 0; right: 0; z-index: 2; background: #fff; padding: 8px 20px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1); } .c-cart-aside__header span { font-size: 14px; font-weight: 700; } .c-cart-aside__footer { position: absolute; bottom: 0; left: 0; right: 0; background: #fff; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; } .c-cart-aside__footer-btn { border-radius: 4px; background: #000; color: #fff; font-size: 14px; font-style: normal; font-weight: 400; height: 40px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border: none; } .c-cart-aside__footer-btn:hover { background: #B3B3B3; color: #000; text-decoration: none; } .c-cart-aside__footer-btn.is-hidden { opacity: 0; pointer-events: none; visibility: hidden; } .c-cart-aside__footer-count { font-size: 14px; } .c-cart-aside__close { display: block; width: 40px; height: 40px; outline: none; border: none; background-color: transparent; background-repeat: no-repeat; background-position: center; margin-left: auto; cursor: pointer; } .c-cart-aside__close:hover { opacity: 0.7; } .c-cart-aside__content-list { padding: 20px 20px 0 20px; } .c-cart-aside__content-wrap { overflow-y: auto; max-height: calc(100dvh - 116px); } .c-cart-aside .c-cart-item__main { flex-wrap: wrap; } .c-cart-aside .c-cart-item__info { width: 100%; max-width: 100%; padding: 16px; background-color: #fff; } .c-cart-aside .c-cart-item__actions__checkbox { margin-top: 12px; } .c-cart-aside .c-cart-item__actions__checkbox label { border-radius: 4px; background: #FBFBFB; padding: 8px; font-size: 10px; font-style: normal; font-weight: 400; width: 100%; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .c-cart-aside .c-cart-item__actions__checkbox input[type="checkbox"] { width: 16px; height: 16px; background: #fff; border-radius: 4px; display: block; border: 1px solid #000; transition: all 0.3s ease; cursor: pointer; } .c-cart-aside .c-cart-item__actions__checkbox input[type="checkbox"]:checked { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0C0.895431 0 0 0.895431 0 2V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V2C16 0.895431 15.1046 0 14 0H2ZM12.0303 4.96967C12.3196 5.25897 12.3232 5.72582 12.041 6.01947L8.04876 11.0097C8.043 11.0169 8.03685 11.0238 8.03032 11.0303C7.73743 11.3232 7.26256 11.3232 6.96966 11.0303L4.32322 8.38388C4.03032 8.09099 4.03032 7.61612 4.32322 7.32322C4.61611 7.03033 5.09098 7.03033 5.38388 7.32322L7.4774 9.41674L10.9498 4.9921C10.9559 4.98424 10.9626 4.97674 10.9697 4.96967C11.2626 4.67678 11.7374 4.67678 12.0303 4.96967Z' fill='black'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; } body.is-cart-aside { overflow: hidden; } body.is-cart-aside .c-footer, body.is-cart-aside .c-header { pointer-events: none; } .c-add-more-sizes { padding: 0 20px 20px 20px; } .c-add-more-sizes__btn { border-radius: 8px; color: #000; background: #fff; padding: 8px; display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; border: none; font-size: 10px; font-style: normal; font-weight: 400; line-height: 1; transition: all 0.3s ease; } .c-add-more-sizes__btn:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4C8.27614 4 8.5 4.22386 8.5 4.5V7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5H8.5V11.5C8.5 11.7761 8.27614 12 8 12C7.72386 12 7.5 11.7761 7.5 11.5V8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H7.5V4.5C7.5 4.22386 7.72386 4 8 4Z' fill='black'/%3E%3C/svg%3E%0A"); width: 16px; height: 16px; margin-right: 8px; } .c-add-more-sizes__btn:hover { color: #000; background: #B3B3B3; } /************************** Cart page */ .c-cart-page { display: flex; flex-wrap: wrap; gap: 40px; } .c-cart-page.is-checkout-complete .c-cart-bar-sidebar__actions a.c-button.c-button--black { pointer-events: none; } .c-cart-page.is-checkout-complete .c-cart-item__footer { pointer-events: none; } @media (max-width: 480px) { .c-cart-page .c-cart-additional-buttons { flex-wrap: wrap; } .c-cart-page .c-cart-additional-buttons .c-button { width: calc(50% - 5px); } } .c-cart-page__content { width: calc(100% - 40px - 360px); } .c-cart-page__sidebar { width: 360px; } .c-cart-page__sidebar__block { position: sticky; top: 80px; } .c-cart-page__sidebar__title { font-weight: 700; font-size: 20px; line-height: 1.4; color: #111; margin-bottom: 16px; } .c-cart-page__sidebar__subtitle { font-weight: 700; font-size: 16px; line-height: 1.5; color: #111; margin-bottom: 16px; } @media (max-width: 1023px) { .c-cart-page__content { width: 100%; } .c-cart-page__sidebar { width: 100%; } } .c-cart-page-header { display: flex; justify-content: space-between; margin-bottom: 24px; } .c-cart-page-header__title { font-weight: 700; font-size: 20px; line-height: 1.4; color: #111; } .c-cart-page-header__count { font-weight: 400; font-size: 16px; line-height: 1.5; color: #111; cursor: pointer; } .c-cart-page-counter { font-weight: 700; font-size: 16px; line-height: 1.5; color: #1f1f1f; margin-bottom: 10px; } .c-cart-additional-buttons { display: none; } .c-cart-additional-buttons .c-button { height: 40px; min-height: 40px; border-radius: 8px; font-size: 14px; } .c-cart-additional-buttons .c-button--gray { border: 1px solid #ECECEC; } .c-cart-additional-buttons__error { font-weight: 400; font-size: 12px; line-height: 1.3; color: #ff5454; margin-top: 10px; display: none; width: 100%; } .is-not-saved .c-cart-additional-buttons__error { display: block; } .c-cart-additional-summary { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ececec; border-radius: 8px; padding: 0 16px; height: 40px; background: #fff; position: relative; } .c-cart-additional-summary__info { font-family: var(--font-family); font-weight: 700; font-size: 14px; line-height: 157%; color: #1f1f1f; margin-right: 10px; } .c-cart-additional-summary__button { background-color: transparent; padding: 0; border: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; } @media (max-width: 480px) { .c-cart-additional-summary { justify-content: flex-start; width: 100%; } .c-cart-additional-summary img { margin-left: auto; } } .c-cart-additional-summary-info { display: none; border: 1px solid #ececec; border-radius: 12px; padding: 16px; background: #fbfbfb; } .c-cart-additional-summary-info .c-reel input[type="number"], .c-cart-additional-summary-info .c-cart-item__actions { background-color: transparent; } @media (max-width: 767px) { .c-cart-additional-summary-info { background: #fbfbfb; border-radius: 12px; padding: 16px; } } .c-cart-bar-sidebar { background: #fff; border-radius: 8px; padding: 16px; margin-bottom: 40px; } .c-cart-bar-sidebar__header { display: flex; justify-content: space-between; margin-bottom: 16px; } .c-cart-bar-sidebar__header__title { font-weight: 700; font-size: 20px; line-height: 1.4; color: #1f1f1f; } .c-cart-bar-sidebar__header__total { font-weight: 700; font-size: 20px; line-height: 1.4; color: #1f1f1f; } .c-cart-bar-sidebar__actions { margin-bottom: 16px; display: flex; gap: 8px; } @media (min-width: 1023px) { .c-cart-bar-sidebar__actions .c-form-message, .c-cart-bar-sidebar__actions .c-button.o-border-radius-8.c-button--small { display: none; } } .c-cart-bar-sidebar__actions .c-button--mobile { display: none; } .c-cart-bar-sidebar__actions .c-button--black { border-radius: 8px; padding: 0 20px; height: 50px; background: #1f1f1f; width: calc(100% - 90px - 8px); margin: 0; } .c-cart-bar-sidebar__actions .c-button--gray { font-size: 16px; background: #ececec; border-radius: 8px; padding: 0 20px; height: 50px; width: 90px; margin: 0; } .c-cart-bar-sidebar__rules { margin-top: 16px; } .c-cart-bar-sidebar__rules p { font-size: 12px; } .c-cart-bar-sidebar__rules p a { text-decoration: underline; } @media (min-width: 1024px) { .c-cart-bar-sidebar__rules { display: none; } } @media (max-width: 1023px) { .c-cart-bar-sidebar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9; margin-bottom: 0; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25); border-radius: 8px 8px 0 0; padding-left: 30px; padding-right: 30px; } .c-cart-bar-sidebar__info { display: none; } .c-cart-bar-sidebar__actions { margin-bottom: 0; flex-wrap: wrap; } .c-cart-bar-sidebar__actions a.c-button.c-button--black { width: 90px; } .c-cart-bar-sidebar__actions .c-button { display: none; } .c-cart-bar-sidebar__actions .c-button--gray, .c-cart-bar-sidebar__actions .c-button--mobile { display: inline-flex; } .c-cart-bar-sidebar__actions a.c-button.o-border-radius-8.c-button--small { display: inline-flex; text-decoration: none; width: calc(100% - 90px - 20px); } } @media (max-width: 640px) { .c-cart-bar-sidebar { padding-left: 20px; padding-right: 20px; } } .c-cart-info-block { margin-top: 16px; border: 1px solid #ececec; border-radius: 8px; padding: 12px 16px; display: flex; align-items: center; background: #fbfbfb; font-weight: 400; font-size: 12px; line-height: 1.3; color: #111; gap: 8px; } .c-cart-info-block:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53984 0.146447C4.63361 0.0526784 4.76079 0 4.8934 0H11.1066C11.2392 0 11.3664 0.0526784 11.4602 0.146447L15.8536 4.53984C15.9473 4.63361 16 4.76079 16 4.8934V11.1066C16 11.2392 15.9473 11.3664 15.8536 11.4602L11.4602 15.8536C11.3664 15.9473 11.2392 16 11.1066 16H4.8934C4.76079 16 4.63361 15.9473 4.53984 15.8536L0.146447 11.4602C0.0526784 11.3664 0 11.2392 0 11.1066V4.8934C0 4.76079 0.0526784 4.63361 0.146447 4.53984L4.53984 0.146447ZM5.1005 1L1 5.1005V10.8995L5.10051 15H10.8995L15 10.8995V5.10051L10.8995 1H5.1005Z' fill='black'/%3E%3Cpath d='M7.00154 11C7.00154 10.4477 7.44926 10 8.00154 10C8.55383 10 9.00154 10.4477 9.00154 11C9.00154 11.5523 8.55383 12 8.00154 12C7.44926 12 7.00154 11.5523 7.00154 11Z' fill='black'/%3E%3Cpath d='M7.0995 4.99504C7.04623 4.46228 7.46459 4 8 4C8.53541 4 8.95377 4.46228 8.9005 4.99504L8.54975 8.50248C8.52151 8.78492 8.28384 9 8 9C7.71616 9 7.47849 8.78492 7.45025 8.50248L7.0995 4.99504Z' fill='black'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 16px; min-width: 16px; height: 16px; min-height: 16px; } .c-cart-page .c-reel input[type=number], .c-cart-page .c-reel__minus, .c-cart-page .c-reel__plus { z-index: unset; } .c-cart-page__shipping:has(.is-selected) label { font-weight: 700; } .c-cart-page__shipping:has(.is-selected) .c-form-item--info { display: block !important; } .c-cart-page__shipping .c-form-item { margin-bottom: 12px; } .c-cart-page__shipping .c-form-item--absolute { position: relative; } .c-cart-page__shipping .c-form-item--absolute:has(select) label { height: 30px; right: 30px; z-index: 0; } .c-cart-page__shipping .c-form-item--absolute:has(select) select { background-color: transparent; z-index: 1; position: relative; } .c-cart-page__shipping .c-form-item--absolute:has(select.is-filled) label { font-size: 14px !important; font-weight: 700; top: -5px !important; } .c-cart-page__shipping .c-form-item--absolute:has(select.is-error) label { color: red; } .c-cart-page__shipping .c-form-item--absolute label { position: absolute; font-size: 14px; color: #B3B3B3; font-weight: 400; margin: 0; line-height: 1; top: 13px; background-color: #fff; right: 0; left: 0; transition: all 0.3s ease; } .c-cart-page__shipping .c-form-item--absolute:has(select.is-filled) label, .c-cart-page__shipping .c-form-item--absolute:has(textarea:focus) label, .c-cart-page__shipping .c-form-item--absolute:has(input:focus) label, .c-cart-page__shipping .c-form-item--absolute:has(textarea.is-filled) label, .c-cart-page__shipping .c-form-item--absolute:has(input.is-filled) label { top: 0; font-size: 12px; color: #111; } .c-cart-page__shipping .c-form-item--absolute:has(input.is-error) label { color: #FF5454; } .c-cart-page__shipping .c-form-item textarea { margin-top: 10px; padding-top: 8px !important; padding-bottom: 0 !important; overflow-y: hidden; resize: none; line-height: 1.5 !important; } .c-cart-page__shipping .c-form-item textarea, .c-cart-page__shipping .c-form-item input { font-weight: 700; font-size: 14px; line-height: 1; color: #111; height: 40px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #000; border-radius: 0; padding-left: 0; padding-top: 10px; font-family: var(--font-family); transition: all 0.3s ease; } .c-cart-page__shipping .c-form-item textarea.is-empty:not(:focus), .c-cart-page__shipping .c-form-item input.is-empty:not(:focus) { border-bottom: 1px solid #ECECEC; } .c-cart-page__shipping .c-form-item textarea.is-error, .c-cart-page__shipping .c-form-item input.is-error { outline: none; border-bottom: 1px solid red !important; } .c-cart-page__shipping .c-form-item textarea.is-error:focus, .c-cart-page__shipping .c-form-item input.is-error:focus { border-bottom: 1px solid #000 !important; } .c-cart-page__shipping .c-form-item select { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5607 5.85356L12.1465 4.43935L7.85356 8.73224L3.56067 4.43935L2.14646 5.85356L7.85356 11.5607L13.5607 5.85356Z' fill='%23111111'/%3E%3C/svg%3E%0A"); font-size: 14px; line-height: 1; color: #111; height: 40px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #000; border-radius: 0; padding-left: 0; padding-top: 8px; } .c-cart-page__shipping .c-form-item select.is-error { outline: none; border-bottom: 1px solid red; } @media (max-width: 1023px) { .c-cart-page { margin-bottom: 80px; } .c-cart-page .c-cart-page__shipping .c-form-info, .c-cart-page .c-cart-page__shipping .c-form-actions { display: none; } } @media (max-width: 767px) { .c-cart-page .c-cart-item__info { padding-top: 14px; padding-bottom: 14px; } } .c-delivery-address-wrapper .c-button { width: 100%; border-radius: 8px; height: 50px; } .c-shipping-address { margin: 16px 0; font-size: 14px; line-height: 1.5; color: #111; } .c-shipping-address a { text-decoration: underline; } .c-shipping-address a:hover { text-decoration: none; } .c-cdek-info__title { font-weight: 700; font-size: 14px; line-height: 1.5; color: #111; } .c-cdek-info__text { font-size: 14px; line-height: 1.5; color: #111; font-weight: 400; } label.c-reel__label { width: 100%; display: block; color: #B3B3B3; font-size: 14px; line-height: 1.2; margin-bottom: 4px; } .c-reel { position: relative; } .c-reel__label { width: 100%; display: block; color: #B3B3B3; font-size: 14px; line-height: 1.2; margin-bottom: 4px; } .c-reel__wrap { height: 40px; display: inline-flex; width: 100%; } .is-disable .c-reel, .is-disabled .c-reel { pointer-events: none; } .c-reel__minus, .c-reel__plus { display: block; cursor: pointer; outline: none; font-size: 1px; line-height: 1; text-indent: 40px; overflow: hidden; min-width: 40px; width: 40px; height: 40px; flex-basis: 40px; background-size: 8px 8px; background-repeat: no-repeat; background-position: center; border: 1px solid #B3B3B3; border-radius: 8px; z-index: 1; background-color: #fff; } .c-reel__minus:hover, .c-reel__plus:hover { border-color: #000; } .c-reel__minus[disabled], .c-reel__plus[disabled], .c-reel__minus.is-disable, .c-reel__plus.is-disable, .c-reel__minus.is-disabled, .c-reel__plus.is-disabled { opacity: 0.5; pointer-events: none; } .c-reel__minus { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCA0LjVDMCA0LjIyMzg2IDAuMzU4MTcyIDQgMC44IDRINy4yQzcuNjQxODMgNCA4IDQuMjIzODYgOCA0LjVDOCA0Ljc3NjE0IDcuNjQxODMgNSA3LjIgNUgwLjhDMC4zNTgxNzIgNSAwIDQuNzc2MTQgMCA0LjVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K"); } .c-reel__plus { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjQ5NF82NykiPgo8cGF0aCBkPSJNNCAwQzQuMjc2MTQgMCA0LjUgMC4yMjM4NTggNC41IDAuNVYzLjVINy41QzcuNzc2MTQgMy41IDggMy43MjM4NiA4IDRDOCA0LjI3NjE0IDcuNzc2MTQgNC41IDcuNSA0LjVINC41VjcuNUM0LjUgNy43NzYxNCA0LjI3NjE0IDggNCA4QzMuNzIzODYgOCAzLjUgNy43NzYxNCAzLjUgNy41VjQuNUgwLjVDMC4yMjM4NTggNC41IDAgNC4yNzYxNCAwIDRDMCAzLjcyMzg2IDAuMjIzODU4IDMuNSAwLjUgMy41SDMuNVYwLjVDMy41IDAuMjIzODU4IDMuNzIzODYgMCA0IDBaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI0OTRfNjciPgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="); } .c-reel input[type="text"], .c-reel input[type="number"], .c-reel input[type="tel"] { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 16px; line-height: 40px; min-width: 40px; max-width: 50px; height: 40px; max-height: 40px; outline: none; background: #fff; border-radius: 8px; border: 1px solid #ECECEC; padding: 0; margin: 0 3px; position: relative; z-index: 2; -webkit-appearance: none; -moz-appearance: textfield; } .c-reel input[type="text"][disabled], .c-reel input[type="number"][disabled], .c-reel input[type="tel"][disabled], .is-disable .c-reel input[type="text"], .is-disable .c-reel input[type="number"], .is-disable .c-reel input[type="tel"], .is-disabled .c-reel input[type="text"], .is-disabled .c-reel input[type="number"], .is-disabled .c-reel input[type="tel"] { pointer-events: none; } .c-reel .c-form-item__error { padding-top: 0; padding-left: 8px; display: flex; align-items: center; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .c-cookie-popup { position: fixed; bottom: -100%; left: 60px; right: 0; background: #FFF; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25); display: none; align-items: center; justify-content: center; padding: 20px 40px; z-index: 100; pointer-events: auto; } .c-cookie-popup.is-opened { display: flex; animation: showCookie 0.6s ease forwards; animation-delay: 0.3s; } .c-cookie-popup__content { font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.4; padding-right: 20px; } .c-cookie-popup__content a { color: inherit; text-decoration: underline; } .c-cookie-popup__content a:hover { text-decoration: none; } @media (max-width: 767px) { .c-cookie-popup__content { padding-right: 0; padding-bottom: 12px; } } .c-cookie-popup__btn .c-button { min-width: 300px; max-width: 300px; } @media (max-width: 767px) { .c-cookie-popup__btn .c-button { max-width: 100%; min-width: 100%; } } @media (max-width: 767px) { .c-cookie-popup__btn { width: 100%; } } @media (max-width: 1024px) { .c-cookie-popup { left: 0; } } @media (max-width: 767px) { .c-cookie-popup { flex-direction: column; padding: 20px; } } body.is-bar .c-cookie-popup { z-index: 1; } @keyframes showCookie { 0% { bottom: -100%; } 100% { bottom: 0; } } body.is-popup { overflow: hidden; } body.is-popup .c-footer, body.is-popup .c-header { pointer-events: none; } .c-popup-wrap { display: none; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; } .c-popup-wrap.is-opened { display: flex; } .c-popup-wrap.is-opened .c-popup-overlay { opacity: 1; } .c-popup-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); -webkit-backdrop-filter: blur(4.5px); backdrop-filter: blur(4.5px); opacity: 0; transition: all 0.3s ease; z-index: 1001; } .c-popup { padding: 20px; width: 450px; background: #fff; z-index: 1002; display: none; position: relative; } @media screen and (max-width: 640px) { .c-popup { width: 100%; max-width: 90%; } } .c-popup.is-opened { display: block; animation: showPopup 0.4s ease forwards; } .c-popup__title { color: #000; font-family: 'Lora', serif; font-size: 20px; font-style: normal; font-weight: 500; line-height: 1.2; margin-bottom: 20px; } .c-popup__text { color: #808080; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; margin-bottom: 36px; } .c-popup__close { height: 50px; color: #000; font-size: 14px; font-style: normal; font-weight: 400; background: transparent; border: none; cursor: pointer; text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 8px; } .c-popup__close:hover { opacity: 0.9; } .c-popup-overlow { max-height: 85vh; overflow-y: auto; padding-left: 1px; padding-right: 16px; margin-right: -15px; } @media (max-width: 1024px) { .c-popup-overlow { max-height: calc(100vh - 210px); } } @media (max-width: 767px) { .c-popup-overlow { max-height: calc(100vh - 120px); } } @keyframes showPopup { 0% { opacity: 0; margin-top: -100px; } 100% { opacity: 1; margin-top: 0; } } html.is-embed-html { background-color: #ececec; min-height: 1px; margin: 0; padding: 0; } @media screen and (max-width: 1200px) { html.is-embed-html { background: #fff; } } body.is-embed { min-height: 1px; margin: 0 !important; padding: 0; } .c-embed { background-color: #ececec; color: #000; width: 100%; padding: 40px 0; } @media screen and (max-width: 1200px) { .c-embed { padding-top: 0; background-color: #fff; } } .is-embed .c-site__logo, .is-embed .c-main__header, .is-embed .c-bar, .is-embed .c-configurator__actions { display: none; overflow: hidden; max-width: 1px; width: 1px; min-width: 1px; height: 1px; max-height: 1px; min-height: 1px; opacity: 0; visibility: hidden; position: absolute; z-index: -1; margin: 0; padding: 0; } .is-embed .c-configurator__products__item { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .c-fhtagn { display: flex; flex-wrap: nowrap; align-items: center; color: #fff; font-size: 12px; line-height: 1; } .c-fhtagn a { color: #fff; text-decoration: underline; } .c-fhtagn a:hover { text-decoration: none; } .c-fhtagn:before { opacity: 0.6; content: "\0020"; display: block; width: 15px; height: 28px; margin-right: 10px; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAyOCI+PHBhdGggZD0iTTExLjUgMTUuMmgxLjJ2LTMuNmgtMS4yVjguMmgtMS4yVjUuOEg5LjJWMy41SDguMVYyLjNINi45VjEuMkg1LjhWMEgyLjN2MS4ySDEuMnYyLjRoMS4yVjZoMS4ydjFoMS4ydjEuMmgxLjF2MS4yaDEuMnYxLjJoMS4ydjQuNkg2Ljl2MS4ySDMuNXYtMS4ySDIuM3YtMi40aDEuMnYtMS4yaDIuM1YxNEg3di0yLjRINS44di0xLjJIMy41djEuMkgyLjN2MS4ySDEuMnYzLjZoMS4ydjEuMmgxLjJ2MS4yaDIuM1YyMUg0LjZ2MS4ySDMuNXYxLjJIMS4yVjIxaDEuMnYtMS4ySDEuMlYyMUgwdjIuNGgxLjJ2MS4yaDMuNnYtMS4yaDEuMVYyN2gxLjJ2MWgyLjR2LTEuMmgxLjJ2LTIuNEg5LjJ2Mi40SDYuOXYtMy42aDEuMlYyMmgyLjR2MS4yaDMuNlYyMmguOXYtMy40aC0xLjJ2LTEuMmgtMS4ydjEuMmgxLjJ2My42aC0yLjRWMjFoLTEuMnYtMy42aDEuMnYtMi4yeiIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg=="); } @media (max-width: 480px) { .c-fhtagn { margin-top: 20px; } } /************************** Blocks */ .c-window-sills-main { position: relative; display: flex; flex-wrap: wrap; border-radius: 8px 8px 0 0; transition: all 0.3s ease; } .c-window-sills-main__info { width: 50%; padding: 32px 40px; display: flex; flex-direction: column; justify-content: space-between; color: #fff; font-size: 16px; } .c-window-sills-main__info .c-crystallit-logo { margin-bottom: 38px; } @media (max-width: 767px) { .c-window-sills-main__info { width: 100%; padding: 32px 20px; font-size: 14px; } } .c-window-sills-main__product { width: 50%; padding: 32px 40px; position: relative; } .c-window-sills-main__product:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000000; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; } @media (max-width: 767px) { .c-window-sills-main__product:before { transform: rotate(180deg); } } .c-window-sills-main__product__title { font-size: 16px; color: #fff; margin-bottom: 2px; position: relative; z-index: 2; } @media (max-width: 767px) { .c-window-sills-main__product__title { font-size: 14px; } } .c-window-sills-main__product__color { color: #fff; font-size: 12px; position: relative; z-index: 2; } .c-window-sills-main__product__media { height: 324px; margin-bottom: 8px; position: relative; z-index: 2; } .c-window-sills-main__product__media img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .c-window-sills-main__product__actions { display: flex; gap: 8px; position: relative; z-index: 2; } .c-window-sills-main__product__actions .c-button { width: 100%; margin: 0; font-size: 14px; } @media (max-width: 767px) { .c-window-sills-main__product { width: 100%; padding: 32px 20px; } } @media (max-width: 767px) { .c-window-sills-main { margin: 0 -30px; } } @media (max-width: 640px) { .c-window-sills-main { margin: 0 -20px; } } .c-window-sills-list { overflow: hidden; background-color: #1F1F1F; padding: 32px 40px; position: relative; } .c-window-sills-list__select { margin-bottom: 30px; } .c-window-sills-list__select select { min-height: 40px; background-color: #fff; padding: 0 26px 0 16px; border-radius: 8px; -moz-appearance: none; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5605 5.85355L12.1463 4.43933L7.85344 8.73223L3.56055 4.43933L2.14633 5.85355L7.85344 11.5607L13.5605 5.85355Z' fill='%23111111'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; outline: none; cursor: pointer; } .c-window-sills-list .swiper.swiper-out { margin-bottom: 0; } .c-window-sills-list .swiper-button-disabled { opacity: 0 !important; } .c-window-sills-list:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 20px; background: #1f1f1f; background: linear-gradient(270deg, rgba(31, 31, 31, 0.2) 0%, rgba(31, 31, 31, 0) 100%); z-index: 3; } .c-window-sills-list__nav { position: absolute; bottom: 115px; left: 30px; right: 40px; display: flex; justify-content: space-between; z-index: 1; } .c-window-sills-list__nav .swiper-button-prev.is-square, .c-window-sills-list__nav .swiper-button-next.is-square { margin: 0; } @media (max-width: 767px) { .c-window-sills-list__nav { left: 20px; right: 20px; } .c-window-sills-list__nav .swiper-button-prev.is-square, .c-window-sills-list__nav .swiper-button-next.is-square { width: 40px; min-width: 40px; height: 40px; } } @media (max-width: 767px) { .c-window-sills-list { margin: 0 -30px; flex-direction: column-reverse; display: flex; padding: 32px 20px; } .c-window-sills-list__nav { left: 10px; right: 10px; bottom: auto; top: 75px; } .c-window-sills-list .swiper { width: 100%; } .c-window-sills-list__select { margin-bottom: 0; margin-top: 30px; } .c-window-sills-list__select select { width: 100%; text-align: center; } } @media (max-width: 640px) { .c-window-sills-list { margin: 0 -20px; } } .c-window-sills-list-item { width: 120px; min-width: 120px; height: 120px; min-height: 120px; } .c-window-sills-list-item img { width: 120px; min-width: 120px; height: 120px; min-height: 120px; border-radius: 100%; } .c-window-sills-list-item__btn { background-color: transparent; cursor: pointer; border: none; box-shadow: none; padding: 0; border-radius: 100%; border: 2px solid transparent; transition: all 0.3s ease; } .c-window-sills-list-item__btn.is-selected { border: 2px solid #fff; } .c-window-sills-details { background-color: #fff; padding: 40px; } .c-window-sills-details__tabs { margin-bottom: 32px; } .c-window-sills-details__swiper { position: relative; } .c-window-sills-details__swiper .swiper-button-next.swiper-button-disabled, .c-window-sills-details__swiper .swiper-button-prev.swiper-button-disabled { display: none; } .c-window-sills-details__swiper .swiper { aspect-ratio: 16 / 9; } .c-window-sills-details__swiper .swiper-slide { font-size: 0; } .c-window-sills-details__swiper .swiper-slide img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .c-window-sills-details__content__title { font-weight: 700; font-size: 20px; line-height: 1.4; margin-bottom: 24px; } @media (max-width: 767px) { .c-window-sills-details__content__title { font-size: 16px; } } .c-window-sills-details__content p:not(:last-child) { margin-bottom: 24px; } @media (max-width: 767px) { .c-window-sills-details__content p { font-size: 14px; } } @media (max-width: 767px) { .c-window-sills-details { margin: 0 -30px; padding: 40px 20px; } } @media (max-width: 640px) { .c-window-sills-details { margin: 0 -20px; } } /************************** UI */ .c-tabs-nav { display: flex; gap: 8px; overflow-x: auto; } @media (max-width: 767px) { .c-tabs-nav { margin: 0 -30px; padding: 0 30px; } } @media (max-width: 640px) { .c-tabs-nav { margin: 0 -20px; padding: 0 20px; } } .c-tab-btn { border-radius: 8px; padding: 0 16px; height: 40px; background: #ECECEC; font-weight: 400; font-size: 16px; transition: all 0.3s ease; border: none; box-shadow: none; cursor: pointer; white-space: nowrap; } .c-tab-btn[data-opened="true"] { background-color: #000; color: #fff; } @media (max-width: 767px) { .c-tab-btn { font-size: 14px; } } .c-tab-content:not([data-opened="true"]) { display: none; }