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: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } a { text-decoration: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } input[type='submit'] { border: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input { box-sizing: border-box; padding: 0 10px; border-radius: 0; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0); -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { box-sizing: border-box; padding: 5px 10px; } @font-face { font-family: 'Roboto Regular'; src: url("https://cdn.shumrussia.ru/fonts/Roboto-Regular.eot"); src: url("https://cdn.shumrussia.ru/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("https://cdn.shumrussia.ru/fonts/Roboto-Regular.woff2") format("woff2"), url("https://cdn.shumrussia.ru/fonts/Roboto-Regular.woff") format("woff"), url("https://cdn.shumrussia.ru/fonts/Roboto-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Medium'; src: url("https://cdn.shumrussia.ru/fonts/Roboto-Medium.eot"); src: url("https://cdn.shumrussia.ru/fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("https://cdn.shumrussia.ru/fonts/Roboto-Medium.woff2") format("woff2"), url("https://cdn.shumrussia.ru/fonts/Roboto-Medium.woff") format("woff"), url("https://cdn.shumrussia.ru/fonts/Roboto-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Bold'; src: url("https://cdn.shumrussia.ru/fonts/Roboto-Bold.eot"); src: url("https://cdn.shumrussia.ru/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.shumrussia.ru/fonts/Roboto-Bold.woff2") format("woff2"), url("https://cdn.shumrussia.ru/fonts/Roboto-Bold.woff") format("woff"), url("https://cdn.shumrussia.ru/fonts/Roboto-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Light'; src: url("https://cdn.shumrussia.ru/fonts/Roboto-Light.eot"); src: url("https://cdn.shumrussia.ru/fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("https://cdn.shumrussia.ru/fonts/Roboto-Light.woff2") format("woff2"), url("https://cdn.shumrussia.ru/fonts/Roboto-Light.woff") format("woff"), url("https://cdn.shumrussia.ru/fonts/Roboto-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } .clearfix:after { content: ''; clear: both; display: table; } body, input, textarea, a, label { font-size: 18px; font-family: "Roboto Regular", Arial; color: #000000; } * { box-sizing: border-box!important; } .wrapper-xl { margin: 0 auto; max-width: 1856px; padding: 0 24px; } .wrapper { margin: 0 auto; max-width: 1644px; padding: 0 24px; } .wrapper-sm { margin: 0 auto; max-width: 674px; padding: 0 24px; } .wrapper-full { margin: 0 auto; max-width: 1920px; } svg path, button, a { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .flex-block { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; justify-content: space-between; flex-wrap: wrap; } .btn__style { border: 1px solid #1D1D1B; background: linear-gradient(0deg, #644C99 -0.02%, #5D5F83 0.98%, #547869 1.98%, #4D8C53 3.99%, #479C42 4.99%, #43A636 6.99%, #41AD2F 9.99%, #41AF2E 17.99%, #4CCD3B 52.99%, #54DF44 79%); display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; justify-content: center; height: 65px; width: 344px; padding: 0 16px; font-size: 24px; line-height: 1; font-family: 'Roboto Bold', Arial; margin: 0 auto; } .btn__style:hover { background: linear-gradient(0deg, #DD7300 -0.02%, #E67E04 8.98%, #F28C09 24.99%, #F9940D 44.99%, #FC970E 79%); } .section__title { text-align: center; font-size: 30px; font-family: "Roboto Bold", Arial; color: #000000; line-height: 1; margin-bottom: 32px; } .section__title--sm { font-size: 24px; } .block-title { margin-bottom: 32px; font-size: 30px; font-family: 'Roboto Bold', Arial; } .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; } .header__page { position: sticky; } .header__page .header__content { padding: 16px 0; background: #fff; } .header__page .header__logo svg path { fill: #000000; } .header__page .header__menu ul li a { color: #000000; } .header__page .header__menu_icons ul li a svg path { stroke: #000000; } .header__flex { position: relative; height: 75px; } .header__left { display: flex; align-items: center; } .header__menu ul { gap: 52px; } .header__menu ul li a { font-size: 14px; font-family: "Roboto Bold", Arial; color: #ffffff; line-height: 1; display: block; } .header__menu ul li a.active, .header__menu ul li a:hover { color: #FC970E !important; } .header__menu_icons ul { gap: 16px; } .header__menu_icons ul li a:hover svg path { stroke: #FC970E !important; } .footer__end--soc ul li a:hover svg path { fill: #54DF44 !important; } .header__logo { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .header__right { display: flex; align-items: center; } .header__right--flex { align-items: center; gap: 52px; } .header__content { position: relative; z-index: 2; padding: 16px 0; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header__catalog { display: none; position: fixed; top: 2rem; left: 0; z-index: 1; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; } .header__catalog--overlay { backdrop-filter: blur(24px); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .header__catalog--all { width: auto; max-width: 50%; left: 0px; height: auto; top: 120px; max-height: calc(100vh - 120px); background: #ffffff; z-index: 1; position: absolute; padding-top: 24px; padding-bottom: 24px; } .header__catalog--all li, .header__mob--menu__all li { text-transform: uppercase; } .header__catalog .wrapper-xl { /*height: auto;*/ height: 100%; position: relative; z-index: 2; } .header__catalog--flex { background: #fff; width: 100%; gap: 56px; height: 100%; } .header__catalog--left-menu { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; gap: 40px; padding:0; max-height: 65vh; overflow: auto; width: 205px; } .header__catalog--menu{ flex: 1; overflow: hidden; } .header__catalog--top-menu ul { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; gap: 16px; } .header__catalog--top-menu ul li a { font-size: 14px; font-family: "Roboto Bold", Arial; } .header__catalog--top-menu ul li a.active, .header__catalog--top-menu ul li a:hover { color: #FC970E; } .header__catalog--menu ul { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; gap: 16px; } .header__catalog--menu ul li a { position: relative; padding-right: 18px; font-family: "Roboto Bold", Arial; font-size: 14px; display: block; } .header__catalog--menu ul li a.menu__has-sub:before { content: ''; position: absolute; right: 0; top: calc(50% - 4px); width: 14px; height: 8px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: no-repeat center center url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1C3.19933 3.00357 5.40877 4.99643 7.6081 7C9.40202 5.10357 11.2061 3.19642 13 1.3' stroke='black' stroke-miterlimit='10'/%3E%3C/svg%3E%0A"); } .header__catalog--menu ul li a.active, .header__catalog--menu ul li a:hover { color: #FC970E; } .header__catalog--menu ul li a:hover:before { background: no-repeat center center url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1C3.19933 3.00357 5.40877 4.99643 7.6081 7C9.40202 5.10357 11.2061 3.19642 13 1.3' stroke='%23FC970E' stroke-miterlimit='10'/%3E%3C/svg%3E%0A"); } .header__catalog--right-img { flex: 1; /*max-height: 994px;*/ max-height: calc(90vh - 127px); } .header__catalog--right-img img { width: 100%; max-height: 100%; object-fit: contain; } .header__mob { display: none; } .header.activeScroll .header__content { padding: 16px 0; background: #fff; } .header.activeScroll .header__logo svg path { fill: #000000; } .header.activeScroll .header__menu ul li a { color: #000000; } .header.activeScroll .header__menu_icons ul li a svg path { stroke: #000000; } .header.active .header__content { background: #fff; } .header.active .header__logo svg path { fill: #000000; } .header.active .header__menu ul li a { color: #000000; } .header.active .header__menu_icons ul li a svg path { stroke: #000000; } .header.active{ background: #fff; } .header.active .home { position: relative; } .home__img { /*height: 100vh;*/ max-height: 1213px; min-height: 740px; overflow: hidden; } .home__img img { width: 100%; height: 100%; object-fit: cover; display: block; } .home__content { position: absolute; left: 0; bottom: 89px; z-index: 1; text-align: center; width: 100%; } .home__title { font-size: 36px; font-family: "Roboto Bold", Arial; line-height: 1; color: #ffffff; } .home__btn { margin-top: 32px; } .home__btn .btn__style { margin: 0 auto; } .new-products { padding: 96px 0 64px; } /*.new-products__swiper { padding: 0 162px; }*/ .new-products__item { position: relative; display: block; } .new-products__item:hover .product-item__name, .new-products__item:hover .new-products__item--name{ color: #FC970E !important; } .new-products__item--img { background: #D8D8D8; overflow: hidden; height: auto!important; min-height: auto!important; max-height: inherit!important; aspect-ratio: 3 / 4; display: block; } .new-products__item--img img { width: 100%; height: 100%; display: block; object-fit: cover; } .new-products__item--top-i { position: absolute; top: 19px; right: 18px; border: 1px solid #1D1D1B; padding: 9px 22px; font-family: 'Roboto Bold', Arial; display: block; } .new-products__item--info { margin-top: 16px; display: block; } .new-products__item--flex { align-items: center; flex-wrap: nowrap; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; justify-content: space-between; } .new-products__item--name { font-family: 'Roboto Bold', Arial; display: block; } .new-products__item--price { white-space: nowrap; font-family: "Roboto Bold", Arial; color: #A3A3A3; display: block; } .new-products__item--i { margin-top: 8px; color: #A3A3A3; font-family: 'Roboto Bold', Arial; display: block; } .new-products__btn { margin-top: 64px; } .new-products__swiper .product-item__img{ height: auto!important; min-height: auto!important; max-height: inherit!important; aspect-ratio: 3 / 4; } .swiper-button-next, .swiper-button-prev { width: 59px; height: 59px; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #ffffff; /*@include flex; align-items: center; justify-content: center;*/ font-size: 30px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #000000; } .swiper-button-next span, .swiper-button-prev span { position: absolute; top: 47%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; } .swiper-button-next:after, .swiper-button-prev:after { display: none; } .swiper-button-next:hover, .swiper-button-prev:hover { background: #FC970E; } .swiper-pagination { position: static; margin-top: 32px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; justify-content: center; gap: 12px; } .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; cursor: pointer; margin: 0 !important; background: #707070; opacity: 1; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; } .home-category__item { width: 50%; position: relative; } .home-category__item--big { width: 100%; } .home-category__item--img { max-height: 668px; overflow: hidden; } .home-category__item--img img { width: 100%; height: 100%; object-fit: cover; display: block; } .home-category__item--btn { position: absolute; left: 0px; width: 100%; bottom: 95px; } .home-category__item--btn .btn__style { width: 324px; } .footer { background-size: cover !important; padding: 72px 0 78px; } .footer__flex { align-items: center; } .footer__right { width: 788px; } .footer__all-menu { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; justify-content: space-between; } .footer__menu ul { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; gap: 16px; } .footer__menu ul li a { font-family: 'Roboto Bold', Arial; color: #ffffff; line-height: 1.2; } .footer__menu ul li a.underline { text-decoration: underline; } .footer__menu ul li a.yellow { color: #FC970E; font-family: "Roboto Bold", Arial; } .footer__menu ul li a.yellow:hover { color: #54DF44 ; } .footer__menu ul li a:hover { color: #FC970E; } .footer__end { margin-top: 56px; align-items: center; gap: 16px; } .footer__end--left { gap: 12px; } .footer__end--left__text { padding-top: 1px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; color: #666666; font-family: 'Roboto Bold', Arial; gap: 2px; align-items: flex-start; line-height: 1.2; } .footer__end--left__text a { font-size: inherit; color: inherit; font-family: inherit; } .footer__end--left__text a:hover { color: #FC970E; } .footer__end--soc ul { gap: 16px; } .footer__end--soc ul li a { display: block; width: 44px; height: 44px; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; } .footer__end--soc ul li a img, .footer__end--soc ul li a svg { width: 100%; height: 100%; object-fit: cover; } .footer__mob { display: none; } .modal-cookie { position: fixed; bottom: 0; right: 0px; z-index: 10; display: none; } .modal-cookie__content { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; width: 985px; background: rgba(255, 255, 255, 0.9); padding: 50px; gap: 50px; } .modal-cookie__text { flex: 1; font-family: "Roboto Light", Arial; } .modal-cookie__text a, .modal-cookie__text strong { font-family: "Roboto Bold", Arial; } .modal-cookie .btn__style { background: linear-gradient(0deg, #DD7300 0%, #E67E04 9%, #F28C09 25%, #F9940D 45%, #FC970E 79%); } .modal-cookie .btn__style:hover { background: linear-gradient(0deg, #644C99 -0.02%, #5D5F83 0.98%, #547869 1.98%, #4D8C53 3.99%, #479C42 4.99%, #43A636 6.99%, #41AD2F 9.99%, #41AF2E 17.99%, #4CCD3B 52.99%, #54DF44 79%); } .catalog__filter--item__filter.filter-color ul li label { width: 66px; } .marquee { width: 100%; overflow: hidden; white-space: nowrap; box-sizing: border-box; background: #000; padding: 6px 0; font-size: 12px; color: #ffffff; font-family: "Roboto Bold", Arial; } .marquee__block { display: inline-block; padding-left: 100%; animation: marquee 40s linear infinite; animation-play-state: running; } .marquee__block span { display: inline-block; margin-right: 200px; } .marquee__block span:last-child { margin-right: 0; } .marquee:hover .marquee__block { animation-play-state: paused; } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } .form_section { padding: 104px 0; } .form_section__tab--item { flex: 1; border-bottom: 1px solid #A3A3A3; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; color: #A3A3A3; font-family: "Roboto Bold", Arial; padding-bottom: 9px; cursor: pointer; } .form_section__tab--item:hover { color: #000000; } .form_section__tab--item.active { border-bottom: 1px solid #000000; color: #000000; } .form_section__tab-content { margin-top: 52px; } .form_section__tab-content--item { display: none; } .form_section__tab-content--item.active { display: block; } .form_section--soc { margin-top: 48px; } .form_section--soc__title { text-align: center; } .form_section--soc ul { margin-top: 32px; justify-content: center; gap: 16px; } .form_section--soc ul li a { display: block; width: 52px; height: 52px; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; } .form_section--soc ul li a img, .form_section--soc ul li a svg { width: 100%; height: 100%; object-fit: cover; } .form__block { margin-bottom: 16px; } .form__block a { color: #A3A3A3; } .form__block a:hover { color: #000000; } .form__block--submit { margin-top: 52px; margin-bottom: 0; } .form__block--checkbox label { position: relative; padding-left: 28px; cursor: pointer; } .form__block--checkbox label input { display: none; } .form__block--checkbox__checkmark { width: 20px; height: 20px; border: 1px solid #1D1D1B; position: absolute; left: 0; top: 2px; } .form__block--checkbox__checkmark:after { width: 100%; height: 100%; background: no-repeat center center url('data:image/svg+xml,'); background-size: contain; position: absolute; left: 0; top: 0; content: ''; display: none; } .form__block--checkbox input:checked ~ .form__block--checkbox__checkmark { border-color: #54DF44; } .form__block--checkbox input:checked ~ .form__block--checkbox__checkmark:after { display: block; } .form__name { margin-bottom: 12px; } .form__input { border: 1px solid #1D1D1B; width: 100%; outline: none; height: 31px; padding: 0 15px; } .form__input::placeholder { color: #A3A3A3; } .form__input:-ms-input-placeholder { color: #A3A3A3; } .form__input:-moz-placeholder { color: #A3A3A3; } .form__textarea { border: 1px solid #1D1D1B; width: 100%; outline: none; height: 328px; padding: 6px 15px; resize: none; } .form__textarea::placeholder { color: #A3A3A3; } .form__textarea:-ms-input-placeholder { color: #A3A3A3; } .form__textarea:-moz-placeholder { color: #A3A3A3; } .form__submit { border: 1px solid #1D1D1B; background: linear-gradient(0deg, #DD7300 0%, #E67E04 9%, #F28C09 25%, #F9940D 45%, #FC970E 79%); display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; justify-content: center; height: 65px; width: 100%; padding: 0 16px; font-size: 24px; line-height: 1; font-family: 'Roboto Bold', Arial; margin: 0 auto; text-transform: uppercase; } .form__submit:hover { background: linear-gradient(0deg, #644C99 -0.02%, #5D5F83 0.98%, #547869 1.98%, #4D8C53 3.99%, #479C42 4.99%, #43A636 6.99%, #41AD2F 9.99%, #41AF2E 17.99%, #4CCD3B 52.99%, #54DF44 79%); } /* AI-CONTRACT:ID=cmp_faq_accordion_styling_css */ .faq { padding-top: 64px; } .faq__title { text-align: center; } .faq__content { margin-top: 10px; } .faq__item { border-bottom: 1px solid #000000; } .faq__item:first-child { border-top: 1px solid #000000; } .faq__item--question { position: relative; padding: 12px 20px 12px 0; cursor: pointer; transition: all 0.3s ease; } .faq__item--question:hover{ color: #FC970E; } /* Style for the active (opened) question */ .faq__item--question.active { color: #FC970E; } /* Change arrow color for the active question */ .faq__item--question.active:before { background-image: url('data:image/svg+xml,'); } .faq__item--question:before { content: ''; position: absolute; right: 0; top: calc(50% - 4px); -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 14px; height: 8px; background: no-repeat center center url('data:image/svg+xml,'); } .faq__item--question.active:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .faq__item--answer { display: none; padding: 12px 0; border-top: 1px dashed #A3A3A3; } /* AI-CONTRACT-END:ID=cmp_faq_accordion_styling_css */ .navigation { padding: 11px 0; } .navigation__title { color: #A3A3A3; font-family: "Roboto Bold", Arial; } .navigation ul { margin-top: 4px; justify-content: flex-start; } .navigation ul li { position: relative; padding-right: 14px; } .navigation ul li:before { content: '>'; position: absolute; right: 4px; color: #A3A3A3; font-size: 12px; top: 4px; } .navigation ul li a { color: #54DF44; font-size: 12px; } .navigation ul li a:hover { color: #FC970E; } .navigation ul li:last-child { padding-right: 0; } .navigation ul li:last-child:before { display: none; } .navigation ul li:last-child a { pointer-events: none; color: #FC970E; } .lookbook { padding-top: 67px; } .lookbook__full{ padding-top: 0!important; } .lookbook__content { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; gap: 96px; } .lookbook__item { height: 664px; overflow: hidden; position: relative; } .lookbook__full .lookbook__item{ height: 100vh; } .lookbook__item a { display: block; height: 100%; } .lookbook__item img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .lookbook__item--link { position: absolute; width: 100%; top: 50%; left: 0; padding: 24px; font-size: 36px; color: #ffffff; font-family: "Roboto Bold", Arial; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); display: block; text-align: center; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .lookbook__item:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .lookbook__item:hover span { color: #FC970E; } .lookbook__flex { justify-content: flex-start; } .lookbook__flex .lookbook__item { width: 50%; } .lookbook__flex .lookbook__item--big { width: 100%; } .lookbook__flex .lookbook__item--sm { width: calc(100%/3); height: 640px; } .lookbook__btn { padding: 95px 0; } .lookbook__btn .btn__style { width: 304px; } .about { padding-top: 67px; margin-bottom: 40px; } .about__content { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; gap: 96px; } .about__item { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; } .about__item:nth-child(even) { flex-direction: row-reverse; } .about__item--img { width: 50%; background: #F8F9FC; min-height: 664px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; justify-content: center; position: sticky; top: 141px; height:calc(100vh - 131px) ; min-height:calc(100vh - 131px) ; align-self: flex-start; } .about__item--img img { max-width: 90%; max-height: 90%; display: block; } .about__item--img.img-cover img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; } .about__item--tt { display: none; } .about__item--text { width: 50%; padding: 0 162px; } .video-big__video { height: 664px; position: relative; } .video-big__video video { width: 100%; height: 100%; display: block; object-fit: cover; } .video-big__video--play { position: absolute; cursor: pointer; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-big__video--play.hide { display: none; } .video-big__video--play svg g { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .video-big__video--play:hover svg g { opacity: 1; } .video-big__video--play svg path { fill: #54DF44; -webkit-transition: fill 0.3s ease; -ms-transition: fill 0.3s ease; -moz-transition: fill 0.3s ease; -o-transition: fill 0.3s ease; transition: fill 0.3s ease; } .video-big__video--play:hover svg path { fill: #FC970E; } .modal-basket { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 1000; backdrop-filter: blur(6.8000001907px); background: rgba(0, 0, 0, 0.59); display: none; } .modal-basket__content { width: 603px; background: #fff; padding: 60px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; position: relative; height: 100%; float: right; } .modal-basket__content--all { flex: 1; overflow: auto; } .modal-basket__content--empty { display: none; } .modal-basket__content--empty__btn { margin-top: 24px; } .modal-basket__content--empty__btn a { background: #1D1D1B; border: 1px solid #1D1D1B; color: #ffffff; display: inline-flex; padding: 0 77px; align-items: center; justify-content: center; height: 36px; font-size: 14px; font-family: 'Roboto Bold', Arial; } .modal-basket__content--empty__btn a:hover { color: #1D1D1B; background: #fff; } .modal-basket__top { margin-bottom: 36px; } .modal-basket__title { font-size: 24px; font-family: "Roboto Bold", Arial; padding-right: 24px; } .modal-basket__close { position: absolute; top: 60px; right: 60px; cursor: pointer; } .modal-basket__info-reset { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; padding: 14px 0; background: #ffffff; z-index: 1; } .modal-basket__info { font-family: "Roboto Bold", Arial; } .modal-basket__reset { cursor: pointer; color: #A3A3A3; padding: 0; border: none; } .modal-basket__reset:hover { color: #000000; } .modal-basket__item { padding: 14px 0; border-top: 1px solid #A3A3A3; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; gap: 16px; } .modal-basket__item--img { width: 124px; background: #D8D8D8; min-height: 170px; } .modal-basket__item--img a { display: block; height: 100%; } .modal-basket__item--img img { width: 100%; height: 100%; display: block; object-fit: cover; } .modal-basket__item--info { flex: 1; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; justify-content: space-between; gap: 16px; } .modal-basket__item--info__bottom { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: flex-end; justify-content: space-between; } .modal-basket__item--name { font-family: "Roboto Bold", Arial; padding-right: 24px; position: relative; } .modal-basket__item--name a { font-family: inherit; } .modal-basket__item--name a:hover { color: #A3A3A3; } .modal-basket__item--remove { position: absolute; top: 0; right: 0; cursor: pointer; background: none; border: none; } .modal-basket__item--remove svg path { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .modal-basket__item--remove:hover svg path { stroke: #000000; } .modal-basket__item--st { margin-top: 4px; font-family: 'Roboto Bold', Arial; color: #A3A3A3; } .modal-basket__item--i-list { margin-top: 16px; } .modal-basket__item--i-list ul li { font-size: 12px; margin-bottom: 8px; } .modal-basket__item--i-list ul li:last-child { margin-bottom: 0; } .modal-basket__item--price { font-family: "Roboto Bold", Arial; color: #A3A3A3; } .modal-basket__item--quantity { width: 115px; position: relative; } .modal-basket__item--quantity>div { position: absolute; top: 0; width: 32px; height: 100%; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; justify-content: center; cursor: pointer; } .modal-basket__item--quantity__minus { left: 0; } .modal-basket__item--quantity__plus { right: 0; } .modal-basket__item--quantity input { width: 100%; height: 32px; border: 1px solid #1D1D1B; outline: none; text-align: center; padding: 0 32px; } .modal-basket__submit { margin-top: 30px; position: sticky; bottom: 0; z-index: 1; } .modal-basket__submit button { background: #1D1D1B; border: 1px solid #1D1D1B; color: #ffffff; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; justify-content: center; width: 100%; height: 36px; font-size: 14px; font-family: 'Roboto Bold', Arial; } .modal-basket__submit button:hover { color: #1D1D1B; stroke: #000000; background: #fff; } .header__menu_icons .cart-items-count { position: absolute; color: #000; } .activeHidden { overflow: hidden !important; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } .search-inp__block { position: relative; border: 1px solid; border-color: #54DF44; } .search-inp__input { width: 100%; border: none; background: #F7F7F7; height: 33px; outline: none; padding: 0 36px; font-size: 16px; } .search-inp__icon { position: absolute; left: 13px; top: calc(50% - 8px); z-index: 1; padding: 0; /*background: no-repeat center center url('data:image/svg+xml,');*/ width: 15px; height: 16px; border: none; cursor: pointer; background: none; } .search__content { padding: 48px 0 65px; } .search__content--flex { /*padding-left: calc((100% - 1808px) / 2);*/ gap: 20px; } .search__content--left { width: 410px; min-width: 410px; padding-top: 5px; } .search__content--list { margin-top: 51px; } .search__content--list ul { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; gap: 19px; } .search__content--list ul li a:hover { text-decoration: underline; } .search__content--items { flex: 1; gap: 40px 20px; justify-content: flex-start; } .search__content--items>img { width: 100%; } .search__content--items__big-img img { width: 100%; } .product-item { width: calc(100%/3 - 40px/3); } .product-item a { position: relative; display: block; } .product-item__img { background: #D8D8D8; overflow: hidden; height: 637px; display: block; } .product-item__img img { width: 100%; height: 100%; display: block; object-fit: cover; /*object-fit: contain;*/ } .product-item__top-i { position: absolute; top: 19px; right: 18px; border: 1px solid #1D1D1B; padding: 9px 22px; font-family: 'Roboto Bold', Arial; display: block; } .product-item__info { margin-top: 16px; display: block; } .product-item__flex { align-items: center; flex-wrap: nowrap; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; justify-content: space-between; } .product-item__name { font-family: 'Roboto Bold', Arial; display: block; } .product-item__price { white-space: nowrap; font-family: "Roboto Bold", Arial; color: #A3A3A3; display: block; } .product-item__btn{ border: 1px solid #1D1D1B; background: linear-gradient(0deg, #DD7300 -0.02%, #E67E04 8.98%, #F28C09 24.99%, #F9940D 44.99%, #FC970E 79%); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 8px 20px; font-size: 16px; line-height: 1; font-family: 'Roboto Bold', Arial; } .product-item__btn:hover{ background: linear-gradient(0deg, #644C99 -0.02%, #5D5F83 0.98%, #547869 1.98%, #4D8C53 3.99%, #479C42 4.99%, #43A636 6.99%, #41AD2F 9.99%, #41AF2E 17.99%, #4CCD3B 52.99%, #54DF44 79%); } .product-item__i { margin-top: 8px; color: #A3A3A3; font-family: 'Roboto Bold', Arial; display: block; font-size: 16px; } .product-item:hover .product-item__name{ color: #FC970E !important; } .blog { padding-top: 72px; } .blog__video { width: 50%; /*min-height: 500px;*/ } .blog__flex{ align-items: flex-start; } .blog__video iframe, .blog__video video, .blog__video img { width: 100%; } .blog__img-contain img{ width: 100%; height: 100%; display: block; object-fit: contain; } .blog__info { width: 50%; padding: 0 162px; } .blog__info--text p { margin-bottom: 4px; } .blog-more { padding: 96px 0; } .blog-more__title { text-align: center; font-size: 21px; font-family: 'Roboto Bold', Arial; } .blog-more__swiper { margin-top: 96px; } .blog-more__item { display: block; } .blog-more__item--img { height: 247px; overflow: hidden; display: block; transition: all 0.3s ease; border: 2px solid transparent; } .blog-more__item--img img { width: 100%; height: 100%; object-fit: cover; display: block; } .blog-more__item--name { text-align: center; font-family: 'Roboto Bold', Arial; margin-top: 16px; display: block; } .blog-more__item:hover .blog-more__item--name{ color: #FC970E!important; } .blog-more__item:hover .blog-more__item--img{ border: 2px solid #FC970E; } .rules { padding: 48px 0 100px; } .rules__flex { gap: 110px; align-items: flex-start; } .rules__left { width: 320px; position: sticky; top: 140px; } .rules .navigation__title { margin-bottom: 24px; } .rules__menu ul li { margin-bottom: 16px; } .rules__menu ul li a { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; justify-content: flex-start; padding: 5px 22px; background: #F7F7F7; border: 1px solid #1D1D1B; min-height: 60px; } .rules__menu ul li a:hover { background: #54DF44; border: 1px solid #1D1D1B; } .rules__menu ul li a.active { background: #FC970E; border: 1px solid #1D1D1B; } .rules__content { flex: 1; } .rules__content--tab { display: none; } .rules__content--tab.active { display: block; } .rules__text { max-width: 950px; } .text_area { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; gap: 25px; } .text_area h1, .text_area h2, .text_area h3, .text_area h4, .text_area h5, .text_area h6 { font-family: 'Roboto Bold', Arial; } .text_area h1 { font-size: 48px; } .text_area h2 { font-size: 40px; } .text_area h3 { font-size: 30px; } .text_area h4 { font-size: 24px; } .text_area h5 { font-size: 20px; } .text_area h6 { font-size: 18px; } .text_area ul { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; gap: 16px; list-style: disc; padding-left: 22px; } .text_area ol { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; gap: 16px; list-style: decimal; padding-left: 20px; } .text_area b, .text_area strong { font-family: "Roboto Bold", Arial; } .text_area a { font-size: inherit; font-family: inherit; text-decoration: underline; } .text_area a:hover { text-decoration: none; } .text_area i { font-style: italic; } .text_area img { max-width: 100%; } .catalog__top--flex { align-items: center; } .catalog__top--right { padding-left: 76px; width: calc(100%/4 - 60px/4); } .catalog__top--click-filter { cursor: pointer; } .catalog__top--click-filter:hover { color: #FC970E; } .catalog__menu { margin-top: 18px; } .catalog__menu ul { justify-content: flex-start; gap: 17px; } .catalog__menu ul li a { font-size: 14px; } .catalog__menu ul li a.active { font-family: "Roboto Bold", Arial; } .catalog__menu ul li a:hover { color: #FC970E; } .catalog__content { position: relative; } .catalog__content--flex { gap: 40px 20px; /*justify-content: flex-start;*/ justify-content: center; padding: 48px 0 40px; } .catalog__filter { /*height: 100%; position: relative;*/ padding: 36px; background: #fff; padding-top: 110px; width: calc(100% / 4 - 60px / 4); min-height: 700px; position: absolute; right: 0; z-index: 1; height: auto; top: 48px; } .catalog__filter--item { padding: 16px 0; border-bottom: 1px solid #A3A3A3; } .catalog__filter--item:first-child { border-top: 1px solid #A3A3A3; } .catalog__filter--item__name { font-size: 14px; color: #A3A3A3; font-family: "Roboto Bold", Arial; position: relative; cursor: pointer; } .catalog__filter--item__name:before { content: ''; position: absolute; right: 0; top: calc(50% - 4px); width: 14px; height: 8px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); background: url('data:image/svg+xml,') no-repeat center center; } .catalog__filter--item__name.active:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .catalog__filter--item__filter { padding-top: 20px; padding-bottom: 4px; } .catalog__filter--item__filter ul { justify-content: flex-start; } .catalog__filter--item__filter ul li { margin-right: -1px; } .catalog__filter--item__filter ul li input { display: none; } .catalog__filter--item__filter ul li label { border: 1px solid #000000; position: relative; padding: 1rem; height: 54px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; font-size: 12px; cursor: pointer; } .catalog__filter--item__filter ul li label strong { font-family: 'Roboto Bold', Arial; font-size: 18px; } .catalog__filter--item__filter.filter-size input { display: none; } .catalog__filter--item__filter.filter-size input:checked~label { background: #54DF44; z-index: 1; } .catalog__filter--item__filter.filter-color input { display: none; } .catalog__filter--item__filter.filter-color input:checked~label:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url('data:image/svg+xml,') no-repeat center center; width: 23px; height: 17px; } .catalog__filter--item__filter.filter-season label { color: #A3A3A3; padding: 1rem; } .catalog__filter--item__filter.filter-season input { display: none; } .catalog__filter--item__filter.filter-season input:checked~label { background: #000000; color: #ffffff; z-index: 1; } .catalog__filter--item__filter.filter-price { padding-bottom: 34px; padding-left: 12px; padding-top: 40px; } .catalog__filter--btns { position: absolute; left: 0; bottom: 0; width: 100%; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; z-index: 1; } .catalog__filter--btns>* { flex: 1; padding: 0; text-align: center; /*@include flex; align-items: center; justify-content: center;*/ overflow: hidden; height: 36px; border: 1px solid #1D1D1B; font-size: 14px; font-family: 'Roboto Bold', Arial; cursor: pointer; position: relative; } .catalog__filter--btns>* span { position: absolute; left: 50%; top: 50%; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; white-space: nowrap; } .catalog__filter--btns>* span:first-child { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .catalog__filter--btns>* span:last-child { -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -moz-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } .catalog__filter--btns>*:hover span:first-child { -webkit-transform: translate(-50%, -200%); -ms-transform: translate(-50%, -200%); -moz-transform: translate(-50%, -200%); -o-transform: translate(-50%, -200%); transform: translate(-50%, -200%); } .catalog__filter--btns>*:hover span:last-child { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .catalog__filter--btns .filter__btn-not-apply { color: #1D1D1B; background: #ffffff; } .catalog__filter--btns .filter__btn-apply { color: #ffffff; background: #1D1D1B; } .catalog .product-item-empty .catalog__filter { display: block !important; } .catalog .open-filter svg { display: none; } .ui-widget.ui-widget-content { border: none; height: 1px; background: #A3A3A3; } .ui-widget.ui-widget-content:before { content: ''; position: absolute; left: -12px; height: 100%; width: calc(100% + 12px); z-index: 0; background: #A3A3A3; } .ui-slider-horizontal .ui-slider-range { background: #000000; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { width: 12px; height: 12px; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #000; border: none; cursor: pointer; } .ui-state-default .slider-value, .ui-widget-content .ui-state-default .slider-value, .ui-widget-header .ui-state-default .slider-value, .ui-button .slider-value, html .ui-button.ui-state-disabled:hover .slider-value, html .ui-button.ui-state-disabled:active .slider-value { position: absolute; white-space: nowrap; left: 50%; bottom: -22px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); font-size: 16px; font-family: 'Roboto Bold', Arial; color: #000000; } .product-card { padding: 30px 0; } .product-card .wrapper { max-width: 1690px; } .product-card__flex { gap: 42px; justify-content: flex-start; } .product-card__images { width: calc(100% - 520px); } .product-card__images--flex { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; gap: 20px; flex-direction: row-reverse; height: 1167px; } .product-card__images .swiper-slide { #background: #000; } .product-card__images .swiper-slide img { width: 100%; height: 100%; /*object-fit: contain;*/ object-fit: cover; } .product-card__swiper { width: calc(100% - 230px); height: 100%; } .product-card__thumbs { width: 210px; min-width: 210px; height: 100%; } .product-card__thumbs .swiper-slide { border: 4px solid transparent; cursor: pointer; } .product-card__thumbs .swiper-slide.swiper-slide-thumb-active { border: 4px solid #54DF44; } .product-card__info { width: 478px; } .product-card__info--all { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; gap: 32px; } .product-options { display: flex; flex-direction: column; gap: 1rem; } .product-card__block--name { margin-bottom: 16px; } .product-card__block--radio ul { justify-content: flex-start; } .product-card__block--radio ul li { margin-right: -1px; } .product-card__block--radio ul li input { display: none; } .product-card__block--radio ul li label { border: 1px solid #000000; position: relative; padding: 0 10px; min-width: 76px; height: 76px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; cursor: pointer; } .product-card__block--radio ul li label strong { font-family: 'Roboto Bold', Arial; font-size: 24px; } .product-card__block--radio ul li img { width: 100%; height: 100%; object-fit: contain; display: block; } .product-card__block--radio.product-card-size input { display: none; } .product-card__block--radio.product-card-size input:checked~label { background: #54DF44; } .product-card__block--radio.product-card-color input { display: none; } .product-card__block--radio.product-card-color input:checked~label { box-shadow: 0 0 0 1px #54DF44; border: 1px solid #54DF44; z-index: 1; } .product-card__block--radio.product-card-color input~label { padding: 0.3rem; } .product-card__block--radio.product-card-color li.active label { border-color: #FA950D; z-index: 1; } /*.product-card__block{ max-width: 304px; } .product-card__block.product-card__block-text, .product-card__block:last-child{ max-width: 100%; }*/ .product-card__block p { margin-bottom: 16px; } .product-card__title { font-size: 30px; font-family: 'Roboto Bold', Arial; margin-bottom: 4px; } .product-card__i { font-size: 24px; color: #A3A3A3; font-family: 'Roboto Bold', Arial; } .product-card__price { color: #1D1D1B; font-size: 24px; font-family: "Roboto Bold", Arial; } .product-card__price--mob { display: block; } .product-card__shop a { position: relative; width: 100%; height: 65px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; justify-content: center; border: 1px solid #1D1D1B; margin-bottom: 16px; } .product-card__shop a:last-child { margin-bottom: 0; } .product-card__shop a:hover { opacity: 0.8; } .product-card__shop a.wb { background: linear-gradient(0deg, #9C19BC 0%, #AD1ECC 15%, #B922D8 32%, #BE24DD 49%); } .product-card__shop a.lamoda { background: black; } .product-card__btns { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; } .product-card__btns button { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; justify-content: center; border: 1px solid #000000; height: 36px; width: 50%; color: #000000; font-size: 14px; font-family: 'Roboto Bold', Arial; } .product-card__btns .add-basket { background: #FA950D; border-right: none; } .product-card__btns .buy { background: #54DF44; } .product-card__btns button:hover { opacity: 0.8; } .product-card .swiper-pagination { padding-left: 230px; } body { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; min-height: 100vh; } body>main{ flex: 1; } /*media*/ @media only screen and (max-width: 1840px) { .search__content--flex { /* padding-left: 24px;*/ } .new-products__swiper { padding: 0; } } @media only screen and (max-width: 1640px) { .about__item--text { padding: 0 120px; } /*.about__item--img { min-height: 540px; }*/ .video-big__video { height: auto; min-height: 220px; } .video-big__video video { min-height: 220px; } .video-big__video--play { width: 13vw; max-width: 140px; } .video-big__video--play svg, .video-big__video--play img { width: 100%; height: 100%; object-fit: contain; display: block; } .blog__info { padding: 0 120px; } .search__content--left { width: 340px; min-width: 340px; } .catalog__filter { padding-left: 24px; padding-right: 24px; padding-top: 0; } .home__title { font-size: 30px; } .section__title { font-size: 24px; } .new-products .swiper-slide-active .new-products__item--info { padding-left: 24px; padding-right: 0; } .new-products .new-products__item--info { padding-right: 24px; } } @media only screen and (min-width: 1440px) { /*.catalog__content .product-item:first-child .product-item__info, .catalog__content .product-item:nth-child(4n+1) .product-item__info { padding-left: 56px; }*/ .catalog__content .product-item { width: calc(100%/4 - 60px/4); } } @media only screen and (max-width: 1439px) { .footer { padding: 64px 0; } .footer__logo { width: 240px; } .footer__logo svg, .footer__logo img { width: 100%; height: auto; } .footer__right { width: 70%; max-width: calc(100% - 280px); } .about__item--text { padding: 0 80px; } /* .about__item--img { min-height: 440px; }*/ .blog__info { padding: 0 80px; } .blog__video { min-height: 440px; } .product-item { width: calc(50% - 10px); } .product-item__img { height: 540px; } .catalog__top--right { width: calc(100% / 3 - 40px / 3); padding-left: 24px; } .rules__flex { gap: 64px; } .text_area { gap: 20px; } .text_area h1 { font-size: 40px; } .text_area h2 { font-size: 36px; } .text_area h3 { font-size: 24px; } .text_area h4 { font-size: 20px; } .text_area h5 { font-size: 18px; } .text_area h6 { font-size: 16px; } .home__title { font-size: 24px; } .section__title { font-size: 20px; margin-bottom: 24px; } .new-products { padding: 64px 0; } .product-card__flex { gap: 40px; } .product-card__images { width: calc(100% - 350px); } .product-card__images--flex { height: 1080px; } .product-card__info { width: 310px; } } @media only screen and (min-width: 1321px) { .rules__flex{ position: relative; } .rules__content .form-subs{ width: 100%; } } @media only screen and (max-width: 1320px) { body, input, textarea, a, label { font-size: 16px; } .btn__style, .form__submit { height: 54px; font-size: 20px; } .modal-basket__content { padding: 40px; } .modal-basket__close { top: 40px; right: 40px; } .navigation ul li:before { top: 1px; } .block-title { font-size: 24px; } .about { padding-top: 40px; } .about__content { gap: 64px; } .about__item--text { padding: 0 64px; } /* .about__item--img { min-height: 320px; }*/ .blog { padding-top: 40px; } .blog__info { padding: 0 64px; } .blog__video { min-height: 320px; } .blog-more { padding: 64px 0; } .blog-more__swiper { margin-top: 64px; } .blog-more__title { font-size: 18px; } .lookbook { padding-top: 40px; } .lookbook__content { gap: 48px; } .lookbook__item { height: auto; max-height: 473px; } .lookbook__full .lookbook__item{ height: 100vh; max-height: initial; } .lookbook__item--link { font-size: 30px; } .lookbook__btn { padding: 64px 0; } .search__content--left { width: 280px; min-width: 280px; } .product-item__img { height: 440px; } .rules__flex { gap: 48px; } .text_area h1 { font-size: 32px; } .text_area h2 { font-size: 28px; } .text_area h3 { font-size: 20px; } .text_area h4 { font-size: 18px; } .text_area h5 { font-size: 16px; } .text_area h6 { font-size: 14px; } .new-products { padding: 32px 0 48px; } .new-products__btn { margin-top: 48px; } .new-products__item--img { height: 50vw; min-height: 245px; max-height: 380px; } .modal-cookie__content { width: 900px; padding: 30px; } .product-card__images--flex { height: auto; display: block; } .product-card__swiper { height: auto; width: 100%; } .product-card__thumbs { width: auto; height: 140px; min-width: auto; margin-top: 16px; } .product-card .swiper-pagination { padding-left: 0; margin-top: 16px; } .product-card__info--all { gap: 24px; } .product-card__title { font-size: 24px; } .product-card__block--radio ul li label { height: 53px; min-width: 52px; padding: 0; } .product-card__block--radio ul li label strong { font-size: 17px; } .product-card__shop a { height: 48px; } .product-card__i { font-size: 18px; } .swiper-pagination { gap: 8px; } .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; } .swiper-button-next, .swiper-button-prev { width: 48px; height: 48px; font-size: 20px; } } @media only screen and (max-width: 1180px) { body, input, textarea, a, label { font-size: 14px; } .about__content { gap: 48px; } .about__item--text { padding: 0 48px; } .blog__info { padding: 0 48px; } .lookbook__item--link { font-size: 24px; } } @media only screen and (min-width: 1024px) and (max-width: 1439px) { /* .catalog__content .product-item:first-child .product-item__info, .catalog__content .product-item:nth-child(3n+1) .product-item__info { padding-left: 24px; }*/ .catalog__content .product-item { width: calc(100% / 3 - 40px / 3); } .catalog__filter { width: calc(100% / 3 - 40px / 3); min-height: 600px; padding-top: 80px; } } @media only screen and (max-width: 1023px) { body, input, textarea, a, label { font-size: 12px; } .home__img { height: 100vh; } .header__catalog--all{ top: 90px; max-height: calc(100vh - 135px); overflow: auto; } .header__catalog--right-img { display: none; } .header__catalog--left-menu { width: 100%; max-height: inherit; } .header__catalog--top-menu ul li a { font-size: 12px; } .header__catalog--menu ul li a { font-size: 12px; } .marquee__block span { font-size: 12px; } .header__content { padding: 16px 0 !important; } .header__menu ul { gap: 24px; } .header__menu ul li a { font-size: 12px; } .header__flex { height: 50px; align-items: center; } .header__right { padding-top: 0; } .header__right--flex { gap: 24px; } .header__left { padding-top: 0; } .header__logo { height: 50px; width: auto; } .header__logo svg, .header__logo img { width: auto; height: 100%; } .footer { padding: 40px 0; } .footer__logo { display: none; width: 180px; } .footer__all-menu { flex: 1; justify-content: flex-end; gap: 80px; display: none; } .footer__mob { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; justify-content: space-between; } .footer__mob .footer__logo { display: block; } .footer__mob .footer__all-menu { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; } .footer__flex { display: block; } .footer__right { width: 100%; max-width: 100%; } .footer__end { margin-top: 32px; } .footer__end--soc ul li a { width: 32px; height: 32px; } .btn__style, .form__submit { height: 48px; font-size: 18px; } .form__textarea { height: 240px; } .form_section { padding: 92px 0 111px; } .form_section.form_section__line { padding: 32px 0; } .form_section.form_section__line .form_section__tab-content { margin-top: 40px; } .form_section__tab--item { padding-bottom: 12px; } .form_section__tab-content { margin-top: 47px; } .form_section--soc { margin-top: 32px; } .form_section--soc ul { margin-top: 16px; } .form_section--soc ul li a { width: 44px; height: 44px; } .faq { padding-top: 32px; } .faq__content { margin-top: 10px; } .marquee__block span { margin-right: 80px; } .modal-basket__content { padding: 24px; width: 60%; min-width: 360px; } .modal-basket__close { top: 24px; right: 24px; } .modal-basket__title { font-size: 18px; } .block-title { font-size: 20px; margin-bottom: 16px; } .about { padding-top: 21px; } .about__content { gap: 20px; } .about__item--text { padding: 0 24px; } .about__item--img { top: 106px; height:calc(100vh - 106px) ; min-height:calc(100vh - 106px) ; } .about__item--img.img-logo { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; gap: 50px; padding: 24px; /*height: auto;position: relative;min-height:auto;*/ top: 106px; height: calc(100vh - 106px); min-height: calc(100vh - 106px); } .about__item--img.img-logo img { flex: 1; max-width: 40%; } .about__item--tt { display: block; flex: 1; } .navigation ul li:before { top: 0px; } .blog { padding-top: 21px; } .blog__info { padding: 0 24px; } .blog__video { min-height: 197px; height: auto; } .blog-more { padding: 24px 0; } .blog-more__title { text-align: left; font-size: 14px; padding: 0 24px; } .blog-more__swiper { margin-top: 24px; } .lookbook { padding-top: 21px; } .lookbook__content { gap: 0; } .lookbook__item--link { font-size: 20px; } .lookbook__btn { padding: 48px 0; } .search__content { padding: 24px 0; } .search__content--flex { padding-left: 0; display: block; } .search__content--left { /* padding: 0 24px;*/ width: 100%; min-width: 100%; } .search__content--list { margin-top: 24px; } .search__content--list ul { gap: 8px; } .search__content--list ul li a { font-size: 12px; } .search__content--items { margin-top: 32px; } .new-products .wrapper__big, .catalog .wrapper-full { padding: 0 24px; } .product-item:nth-child(odd) .product-item__info { padding-left: 0; } .product-item:nth-child(even) .product-item__info { padding-right: 0; } .new-products .new-products__item--info { padding-right: 0; } .new-products .swiper-slide-active .new-products__item--info { padding-left: 0; } .product-item__img { height: 320px; } .navigation__title { font-size: 12px; color: #000000; } .catalog__top--flex { align-items: flex-start; } .catalog__top--right { width: auto; padding: 11px 0; } .catalog .open-filter { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; gap: 12px; } .catalog .open-filter svg { display: block; } .rules__flex { gap: 32px; } .rules__left { width: 280px; min-width: 280px; top: 110px; } .rules__menu { margin-top: 24px; } .rules__menu ul li { margin-bottom: 8px; } .rules__menu ul li a { min-height: 48px; } .text_area { gap: 20px; } .text_area h1 { font-size: 24px; } .text_area h2 { font-size: 20px; } .text_area h3 { font-size: 16px; } .text_area h4 { font-size: 14px; } .text_area h5 { font-size: 12px; } .text_area h6 { font-size: 10px; } .home__img { height: auto; min-height: auto; } .home__img img { margin-top: 1rem; } .home__title { font-size: 20px; } .section__title { font-size: 18px; } .new-products .swiper-button-next, .new-products .swiper-button-prev { display: none; } .new-products__btn { margin-top: 32px; } .modal-cookie { width: 100%; } .modal-cookie__content { width: 100%; padding: 22px 21px; } .swiper-button-next, .swiper-button-prev { width: 32px; height: 32px; font-size: 16px; } .catalog__filter { width: calc(50% - 10px); min-height: auto; } } @media only screen and (max-width: 767px) { .footer { padding: 15px 0; } .footer__logo { width: 80px; } .footer__all-menu { gap: 36px; } .footer__menu ul { gap: 4px; } .footer__menu ul li a { font-size: 8px; } .footer__end { margin-top: 14px; } .footer__end--left { gap: 6px; } .footer__end--left__ic svg { width: 8px; height: 8px; } .footer__end--left__text { font-size: 6px; } .footer__end--soc ul { gap: 8px; } .footer__end--soc ul li a { width: 24px; height: 24px; } .form__block { margin-bottom: 9px; } .form__block--submit { margin-top: 37px; } .form__input { padding: 0 10px; } .form__block--checkbox label { padding-left: 20px; } .form__block--checkbox__checkmark { width: 15px; height: 15px; top: 0px; } .btn__style, .form__submit { width: auto; padding: 0 10px; height: 40px; border: 1px solid #1D1D1B !important; min-width: 185px; font-size: 14px; max-width: fit-content; } .header__catalog, .header__content { display: none !important; } .header__logo { height: 31px; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header__mob { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; position: relative; padding: 16px 24px; justify-content: space-between; } .header__mob .open-menu-mob { position: relative; } .header__mob .open-menu-mob svg { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header__mob .open-menu-mob svg:last-child { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; z-index: -1; } .header__mob .open-menu-mob.active svg:first-child { opacity: 0; } .header__mob .open-menu-mob.active svg:last-child { opacity: 1; z-index: 1; } .header__mob--menu { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 135px 24px 64px; background: #ffffff; z-index: -1; } .header__mob--menu__all { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-direction: column; height: 100%; } .header__mob--menu__all>ul { flex: 1; overflow-y: auto; overflow-x: hidden; } .header__mob--menu__all>ul li { border-bottom: 0px; } .header__mob--menu__all>ul li:first-child { border-top: 0px; } .header__mob--menu__all>ul li a { padding: 12px 0; font-size: 12px; color: #000!important; display: block; } .header__mob--menu__all>ul li a.active { color: #FC970E!important; } .header__mob--menu__all>ul li a.menu__has-sub { position: relative; } .header__mob--menu__all>ul li a.menu__has-sub:before { content: ''; position: absolute; right: 0; top: calc(50% - 4px); background: no-repeat center center url('data:image/svg+xml,'); width: 12px; height: 7px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header__mob--menu__all>ul li a.menu__has-sub.active { color: #000000; } a.menu__has-sub.active+.js-submenu { display: block; height: auto; } .header__mob--menu__all>ul li a.menu__has-sub.active:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .header__mob--menu__all>ul li ul { display: none; padding-left: 20px; } .header__mob--menu__all>ul li ul li:last-child { border-bottom: none; } .header__mob--menu__btns { position: absolute; left: 0; bottom: 0; width: 100%; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; z-index: 1; } .header__mob--menu__btns>* { flex: 1; padding: 0; text-align: center; /*@include flex; align-items: center; justify-content: center;*/ overflow: hidden; height: 31px; border: 1px solid #1D1D1B; font-size: 12px; font-family: 'Roboto Bold', Arial; cursor: pointer; position: relative; } .header__mob--menu__btns>* span { position: absolute; left: 50%; top: 50%; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; white-space: nowrap; } .header__mob--menu__btns>* span:first-child { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header__mob--menu__btns>* span:last-child { -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -moz-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } .header__mob--menu__btns>*:hover span:first-child { -webkit-transform: translate(-50%, -200%); -ms-transform: translate(-50%, -200%); -moz-transform: translate(-50%, -200%); -o-transform: translate(-50%, -200%); transform: translate(-50%, -200%); } .header__mob--menu__btns>*:hover span:last-child { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header__mob--menu__btns .btn-not-apply { color: #1D1D1B; background: #ffffff; } .header__mob--menu__btns .btn-apply { color: #ffffff; background: #1D1D1B; } .header__menu ul li a.open-menu-mob svg:first-child path { fill: #ffffff; } .header__menu ul li a svg path { stroke: #ffffff; } .header.activeHome .header__mob, .header.activeScroll .header__mob, .header.header__page .header__mob { background: #ffffff; } .header.activeHome .header__mob .header__logo svg path{ fill: #000000; } .header.activeHome .header__menu ul li a.open-menu-mob svg:first-child path, .header.activeScroll .header__menu ul li a.open-menu-mob svg:first-child path, .header.header__page .header__menu ul li a.open-menu-mob svg:first-child path { fill: #000000; } .header.activeHome .header__menu ul li a svg path, .header.activeScroll .header__menu ul li a svg path, .header.header__page .header__menu ul li a svg path { stroke: #000000; } .marquee { padding: 5px 0 8px; } .marquee__block span { font-size: 12px; font-family: "Roboto Bold", Arial; } .form_section--soc ul li a { width: 32px; height: 32px; } .form__textarea { height: 133px; } .block-title { font-size: 14px; margin-bottom: 10px; } .about { padding-top: 21px; } .about .wrapper-xl { padding: 0; } .about__content { gap: 0; } .about__item { display: block; } .about__item--text { padding: 24px; width: 100%; } .about__item--img { width: 100%; min-height: auto; position: relative; height: auto; margin-bottom: 24px; top: auto; } .about__item--img.img-logo{ width: 100%; min-height: auto; position: relative; height: auto; top: auto; } .blog { padding-top: 21px; } .blog .wrapper-xl { padding: 0; } .blog__flex { display: block; } .blog__info { padding: 24px; width: 100%; } .blog__video { width: 100%; min-height: 220px; } .blog__video iframe { min-height: 220px; } .blog-more__item--img { height: 197px; } .lookbook__item--link { font-size: 18px; } .lookbook__one { position: relative; } .lookbook__one .lookbook__btn { position: absolute; left: 0px; bottom: 40px; width: 100%; padding: 0; } .lookbook__one .lookbook__item { width: 100%; } .lookbook__two .lookbook__item { width: 50vw; height: 50vw; } .lookbook__two .lookbook__item--big { width: 100%; } .lookbook__two .lookbook__item--sm { width: 50vw; height: 50vw; order: 1; } .product-item__img { height: 67vw; } .product-item__info { margin-top: 12px; } .product-item__flex { flex-direction: column; gap: 8px; align-items: flex-start; } .product-item__name { font-size: 12px; line-height: 14px; } .product-item__price { font-size: 12px; } .product-item a{ position: relative; padding-bottom: 42px; height: 100%; } .product-item__btn{ width: 100%; font-size: 14px; position: absolute; left: 0; bottom: 0; } .search__content--items { gap: 20px; } .catalog__menu { display: none; } .catalog__content--flex { gap: 20px; padding: 21px 0; } .catalog__filter { position: fixed; top: 0; left: 0; width: 100%; background: #fff; height: 100%; z-index: 10; } .catalog__filter--filters { height: 100%; overflow: auto; padding-top: 135px; } .rules { padding: 56px 0; } .rules__flex { display: block; } .rules__left { width: 100%; min-width: 100%; position: static; } .rules__text { padding-top: 48px; } .rules__content.active { display: block; } .rules .navigation__title { display: none; } .rules__menu { margin-top: 0; } .rules__menu ul li { margin-bottom: 0; border-bottom: 1px solid #A3A3A3; } .rules__menu ul li.activeHidden { display: none; } .rules__menu ul li:first-child { border-top: 1px solid #A3A3A3; } .rules__menu ul li a { min-height: auto; display: block; color: #A3A3A3; border: none !important; padding: 12px 0; position: relative; background: none !important; } .rules__menu ul li a:before { content: ''; position: absolute; right: 0; top: calc(50% - 4px); background: no-repeat center center url('data:image/svg+xml,'); width: 12px; height: 7px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .rules__menu ul li.activeMob { border-bottom: none !important; border-top: 1px solid #A3A3A3; } .rules__menu ul li.activeMob a { color: #000000; } .rules__menu ul li.activeMob a:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .mob-content-full { flex: 1; } .text_area { gap: 12px; line-height: 1.2; } .text_area h1 { font-size: 18px; } .text_area h2 { font-size: 16px; } .text_area h3 { font-size: 14px; } .text_area h4 { font-size: 12px; } .text_area h5 { font-size: 10px; } .text_area h6 { font-size: 8px; } /*body { display: -webkit-box; !* OLD - iOS 6-, Safari 3.1-6 *! display: -moz-box; !* OLD - Firefox 19- (buggy but mostly works) *! display: -ms-flexbox; !* TWEENER - IE 10 *! display: -webkit-flex; !* NEW - Chrome *! display: flex; flex-direction: column; min-height: 100vh; }*/ .home__title { font-size: 18px; } .home__content { bottom: 1rem; } .home__btn { margin-top: 16px; } .new-products__item--img { height: 67vw; } .new-products__item--info { margin-top: 12px; } .new-products__item--flex { flex-direction: column; gap: 8px; align-items: flex-start; } .new-products__item--i { display: none; } .new-products__item--name { font-size: 12px; line-height: 14px; } .new-products__item--price { font-size: 12px; } .new-products__item--top-i { top: 15px; right: 15px; font-size: 12px; padding: 4px 10px; } .home-category__flex { flex-direction: column; } .home-category__item { width: 100%; } .home-category__item--img { height: 60vw; min-height: 269px; } .home-category__item--btn { bottom: 40px; } .modal-cookie { width: 100%; } .modal-cookie__content { gap: 12px; text-align: center; flex-direction: column; } .product-card { padding-top: 24px; padding-bottom: 0; } .product-card__flex { display: block; } .product-card__images { width: calc(100% + 48px); margin: 0 -24px; } .product-card__info { width: 100%; margin-top: 32px; position: relative; } .product-card__thumbs { display: none; } .product-card__title { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; align-items: center; justify-content: space-between; font-size: 18px; } .product-card__i { display: none; } .product-card__block--name { margin-bottom: 12px; } .product-card__price { font-size: 16px; color: #1D1D1B; } .product-card__price--mob { display: block; font-size: 12px; color: #A3A3A3; } .product-card__shop a { width: 210px; height: 40px; } .product-card__shop a svg { height: 16px; } .product-card__btns { width: 210px; } .product-card__btns a { font-size: 10px; height: 36px; } .product-card__btns button { font-size: 10px; } .product-item__i { display: none; } } /*# sourceMappingURL=style.css.map */ .marquee { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .marquee__block span { -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* .header.active .marquee, .header.activeHome .marquee { background-color: #ffffff; -webkit-transition: all 0s ease; -ms-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; } .header.active .marquee__block span, .header.activeHome .marquee__block span { color: #000000; }*/ .header.active .header__catalog{ display: block; } /* Submenu styles for header catalog */ .header__catalog--menu .js-submenu { visibility: hidden; height: 0px; } .header__catalog--menu .js-submenu li a { padding-right: 0; /* Remove padding for caret */ font-family: "Roboto Regular", Arial; /* Make it less bold */ font-size: 13px; } .header__catalog--menu .js-submenu li a:before { display: none; /* Sub-items don't have carets */ } /* Caret rotation for active parent item */ .header__catalog--menu ul li a.menu__has-sub.active:before { transform: rotate(180deg); } /* Make active submenu visible */ .header__catalog--menu ul li a.menu__has-sub.active+.js-submenu { visibility: visible; height: auto; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; } /* AI-IMPLEMENTATION: Scroll To Top Button Styles */ .scroll-to-top { position: fixed; bottom: 2rem; left: 2rem; width: 50px; height: 50px; background-color: rgba(217, 217, 217, 0.7); color: #1D1D1B; border-radius: 50%; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 100; transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out; opacity: 0.7; padding: 0; } .scroll-to-top:hover { opacity: 1; background-color: rgba(217, 217, 217, 1); } /* AI-IMPLEMENTATION: Search Page Background & Style Fixes */ .search-page-wrapper { background-size: cover; background-position: center center; background-repeat: no-repeat; } .search-page-wrapper .search__content--left { padding-top: 0; } .search-page-wrapper .navigation__title, .search-page-wrapper .search__content--list ul li a { color: #ffffff; } .search-page-wrapper .search__content--list ul li a:hover { color: #FC970E; } .search-page-wrapper .search-inp__block { border-color: #f7f7f7; background: transparent; } .search-page-wrapper .search-inp__input { background: transparent; color: #ffffff; } .search-page-wrapper .search-inp__input::placeholder { color: rgba(255, 255, 255, 0.7); } .search-page-wrapper .search-inp__icon { background-image: url('data:image/svg+xml,'); } .home-slider .home { position: relative; } .home-slider .home__img { max-height: 1213px; } .home-slider .desktop-image, .home-slider .mobile-image { width: 100%; object-fit: cover; display: block; } .home-slider .mobile-image { display: none; } @media (max-width: 767px) { .home-slider .home__img { min-height: auto; } .home-slider .desktop-image { display: none; } .home-slider .mobile-image { display: block; } } .form__error { color: red; margin-top: 0.5rem; } .modal-basket__reset { cursor: pointer; color: #A3A3A3; padding: 0; border: none; background: none; } .social ul li a:hover svg path { fill: #54DF44 !important; } .modal-search { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1010; display: flex; align-items: flex-start; justify-content: center; opacity: 1; transition: opacity 0.3s ease, visibility 0.3s ease; background: rgba(0, 0, 0, .5); /*overflow-y: auto;*/ } .modal-search .wrapper{ padding: 0; } .modal-search__overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; cursor: pointer; z-index: 1; } .modal-search__container { position: relative; width: 100%; height: 100%; } .modal-search .wrapper-xl{ height: 100%; } .modal-search__content{ position: relative; width: 100%; max-height: 100vh; padding: 48px 24px; display: flex; flex-direction: column; background: #fff; } .modal-search .product-item__img{ height: auto !important; min-height: auto !important; max-height: inherit !important; aspect-ratio: 3 / 4; display: block; } .modal-search__close { position: absolute; top: 10px; right: 24px; background: none; border: none; cursor: pointer; padding: 0; z-index: 3; color: white; } .modal-search__close svg path{ stroke: #000000; } .modal-search__close svg { width: 24px; height: 24px; } /*.modal-search .search__content { padding: 0; }*/ /*.modal-search .search__content--items { display: block; !* Change flex to block for vertical layout *! }*/ .modal-search .search__content{ flex: 1; overflow: auto; padding: 0 ; margin-top: 24px; } .modal-search .search__content--left{ position: sticky; top: 0; } .modal-search .search__content--flex{ align-items: flex-start; } /*.modal-search .search__content--left, .modal-search .search__content--list a { color: #fff; }*/ /*.modal-search .search-inp__block { border-color: #f7f7f7; background: transparent; }*/ /*.modal-search .search-inp__input { background: transparent; color: #fff; }*/ /* .modal-search .search-inp__input::placeholder { color: rgba(255, 255, 255, 0.7); }*/ .modal-search .search-inp__icon svg path { stroke: #000; } .modal-search__loader { color: #000; text-align: center; } .modal-search__all-results{ flex: 1; } @media (max-width: 1023px) { .modal-search .search__content--left{ position: static; } .modal-search{ background: #fff; } } .rules__flex{ gap: 48px; } .rules__content{ align-items: flex-start; gap: 48px; } .rules__content--content{ flex: 1; } .rules__content--slider{ width: 300px; min-width: 300px; position: sticky; top: 140px; } .rules__btn{ margin-top: 32px; } .rules__btn .btn__style{ width: 100%; font-size: 20px; } .rules__swiper .product-item__img { background: #D8D8D8; overflow: hidden; height: auto!important; min-height: auto!important; max-height: inherit!important; aspect-ratio: 3 / 4; display: block; } @media (max-width: 1240px) { .rules__content--slider{ width: 100%; margin-top: 32px; position: static; } .rules__content{ display: block; width: calc(100% - 368px); } } @media (max-width: 767px) { .rules__content{ width: 100%; } .rules__swiper .swiper-slide, .new-products__swiper .swiper-slide{ height: auto; } .rules__swiper .new-products__item, .new-products__swiper .new-products__item{ height: 100%; padding-bottom: 42px; } } .section-padd{ padding: 120px 0; } .form-subs .form_section__tab-content{ margin-top: 52px; } .form-subs .form__block--submit{ margin-top: 56px; } .max-344{ max-width: 344px; } @media (max-width: 1439px) { .section-padd{ padding: 80px 0; } .form-subs .form_section__tab-content{ margin-top: 48px; } .form-subs .form__block--submit{ margin-top: 48px; } } @media (max-width: 1023px) { .section-padd{ padding: 64px 0; } .form-subs .form_section__tab-content{ margin-top: 40px; } .form-subs .form__block--submit{ margin-top: 40px; } } @media (max-width: 767px) { .section-padd{ padding: 32px 0; } .form-subs .form_section__tab-content{ margin-top: 22px; } .form-subs .form__block--submit{ margin-top: 24px; } .desktop-image { display: none !important; } .mobile-image { display: block !important; } } .desktop-image { display: block; } .mobile-image { display: none; } .btn_lookbook { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); color: #000; } .header__catalog--menu .js-submenu { visibility: visible; height: auto; overflow: hidden; } .header__catalog--menu ul { list-style: none; padding-left: 0; } .header__catalog--menu .js-submenu { padding-left: 20px; margin-top: 8px; margin-bottom: 8px; } .header__catalog--menu .js-submenu li a { font-family: "Roboto Regular", Arial; font-size: 13px; padding: 8px 18px 8px 0; text-transform: none; position: relative; display: block; } .header__catalog--menu .js-submenu li a:not(.menu__has-sub):before { display: none; } .header__catalog--menu a.menu__has-sub.active:before { transform: rotate(180deg); } .header__mob--menu .js-submenu { padding-left: 15px; background-color: #f7f7f7; border-radius: 4px; margin: 5px 0; overflow: hidden; } /* Personal Account (LK) Styles */ .lk-container { max-width: 800px; margin: 0 auto; padding: 2rem; background-color: #f9f9f9; border-radius: 8px; } .lk-container h2 { font-family: 'Roboto Bold', Arial; font-size: 24px; margin-bottom: 1.5rem; text-align: center; } .lk-container form { display: flex; flex-direction: column; gap: 1rem; } .lk-container .form-group { display: flex; gap: 1rem; align-items: center; } .lk-container input[type="text"], .lk-container input[type="email"], .lk-container input[type="tel"] { width: 100%; padding: 0.75rem; border: 1px solid #ccc; border-radius: 4px; } .lk-container button { padding: 0.75rem; border: none; border-radius: 4px; background-color: #000; color: #fff; cursor: pointer; font-family: 'Roboto Bold', Arial; transition: background-color 0.3s; } .lk-container button:hover { background-color: #333; } .lk-container button:disabled { background-color: #aaa; cursor: not-allowed; } .lk-container .form__error { color: red; text-align: center; margin-top: 0.5rem; } #lk-orders-container table { width: 100%; border-collapse: collapse; margin-top: 1rem; } #lk-orders-container th, #lk-orders-container td { padding: 0.75rem; border: 1px solid #ddd; text-align: left; } #lk-orders-container th { background-color: #f2f2f2; font-family: 'Roboto Bold', Arial; } .header__mob--menu .js-submenu li a { font-size: 11px; padding: 10px 0; color: #333 !important; border-bottom: none; position: relative; display: block; } .header__mob--menu a.menu__has-sub.active:before { transform: rotate(-180deg); }