/* Start:/local/templates/redesign/components/bitrix/catalog.section.list/menu/style.css?17416885272541*/ .catalog-menu { position: relative; } .catalog { display: none; position: absolute; top: 100%; left: 0; padding-top: 16px; z-index: 10; background-color: #fff; } .catalog > .catalog__list { min-height: 515px; } .catalog__list { margin: 0; padding: 12px; display: flex; flex-direction: column; background-color: #fff; border-radius: 12px; box-sizing: border-box; list-style-type: none; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .catalog__list__item { padding: 12px 16px; border-radius: 8px; } .catalog__list__item:hover { background-color: #F4F4F6; } .catalog__list__item:hover svg path { fill: #007AFF; } .catalog__list__title { padding: 0 24px; } .catalog__list__title_bottom { padding: 12px 12px; margin-top: auto; text-decoration: underline; } .catalog__list__title a { color: #08090B; text-decoration: none; font-family: Commissioner; font-weight: 600; font-size: 18px; line-height: 27px; letter-spacing: 0%; } .catalog__list__title_bottom a { color: #007AFF; font-family: Commissioner; font-weight: 400; font-size: 14px; line-height: 19.6px; letter-spacing: 0%; text-decoration: underline; text-decoration-style: solid; text-decoration-thickness: Auto; } .catalog__link { display: inline-flex; align-items: center; gap: 16px; text-decoration: none; } .catalog__name { /*font-size: 14px;*/ line-height: 1.4; color: var(--text); font-weight: 500; white-space: nowrap; font-family: Commissioner; } .catalog__list__item:hover .catalog__name { color: var(--akcent-color); } .catalog__img { width: 40px; min-width: 40px; height: 40px; } .catalog__list ul { display: none; position: absolute; top: 0; min-height: 100%; left: 100%; background: #fff; } .catalog__list__item:hover ul { display: flex; } .js-catalog.active { display: flex !important; border-radius: 10px; margin-top: 13.5px; padding-top: 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); } .catalog__list.submenu { gap: 12px; min-width: 250px; } .js-catalog .catalog__list.submenu { border-left: 1px solid #F4F4F6; border-radius: 0 10px 10px 0; display: none; } .submenu .catalog__list_title { padding: 12px 0; color: var(--text); font-weight: 600; font-size: 18px; line-height: 150%; } .catalog__list__item_sect { color: var(--text); font-weight: 400; font-size: 14px; line-height: 140%; } .catalog__list__item_sect .catalog__link:hover .catalog__name { color: var(--akcent-color); } /* End */ /* Start:/local/components/seo365/search.line/templates/redesign/style.min.css?16274580386922*/ #topSearch2 .searchContainerInner{border:1px solid #f3f3f3;height:50px}#subHeader2.color_black #topSearch2 .searchContainerInner{border:1px solid rgba(255,255,255,.3);background-color:rgba(0,0,0,.1)}#subHeader2.color_theme #topSearch2 .searchContainerInner{border:1px solid rgba(255,255,255,.3);background-color:rgba(255,255,255,.1)}#topSearch2 .searchContainer{border-collapse:collapse;table-layout:fixed;line-height:50px;display:table;height:50px;width:100%}#topSearch2 .searchColumn{vertical-align:middle;display:table-cell}#topSearch2 .searchColumn:last-child{width:54px}#topSearch2 #goSearch,#topSearch2 #searchQuery{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:50px;border:0}#topSearch2 #searchQuery{background:url(/local/components/seo365/search.line/templates/redesign/images/searchH2.png) 14px 50% no-repeat;padding-left:42px;width:100%}#topSearch2 #goSearch{background:url(/local/components/seo365/search.line/templates/redesign/images/searchIcoH2.png) 0 0 no-repeat;color:transparent;cursor:pointer;width:50px}#subHeader2.color_black #topSearch2 #searchQuery,#subHeader2.color_theme #topSearch2 #searchQuery,#subHeader6.color_black #topSearch2 #searchQuery,#subHeader6.color_theme #topSearch2 #searchQuery,#subHeader7.color_black #topSearch2 #searchQuery,#subHeader7.color_theme #topSearch2 #searchQuery,#subHeader9.color_black #topSearch2 #searchQuery,#subHeader9.color_theme #topSearch2 #searchQuery{background:url(/local/components/seo365/search.line/templates/redesign/images/searchH2W.png) 14px 50% no-repeat;color:rgba(255,255,255,.7)}#subHeader5.color_black #topSearch2 #searchQuery,#subHeader5.color_theme #topSearch2 #searchQuery{background:url(/local/components/seo365/search.line/templates/redesign/images/searchH5W.png) 14px 50% no-repeat;color:rgba(255,255,255,.7)}#subHeader2.color_black #goSearch,#subHeader2.color_theme #goSearch{background:url(/local/components/seo365/search.line/templates/redesign/images/searchIcoH2W.png) 0 0 no-repeat}#subHeader5.color_black #goSearch,#subHeader5.color_theme #goSearch,#subHeader6.color_black #goSearch,#subHeader6.color_theme #goSearch,#subHeader7.color_black #goSearch,#subHeader7.color_theme #goSearch,#subHeader9.color_black #goSearch,#subHeader9.color_theme #goSearch{background:url(/local/components/seo365/search.line/templates/redesign/images/searchIcoH5W.png) 0 0 no-repeat}#topSearch2 #goSearch:hover{background-position:0 -50px}#topSearch2 #goSearch:active{background-position:0 -100px}#searchResult{border-top:1px solid #f3f3f3;background-color:#fff;position:absolute;display:none;height:auto;z-index:999;width:100%;top:172px;left:0}#subHeader2 #searchResult{top:102px}#subHeader2 #searchOverlap{top:172px}#searchResult h1{font-family:'robotobold';text-transform:uppercase;background-color:#fff;line-height:85px;font-size:18px;height:85px;margin:0}#searchResult.visible{display:block}#searchResult .search-list{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 -10px 24px;display:flex;flex-wrap:wrap}#searchResult .item{width:33.33333%;padding:10px;box-sizing:border-box}#searchResult .item a{color:var(--main-color)}#searchResult .searchAllResult{-webkit-transition:all .2 ease-in-out;-o-transition:all .2 ease-in-out;transition:all .2 ease-in-out;border-top:1px solid #e7e8ea;background-color:#f3f3f3;font-family:'robotobold';text-transform:uppercase;text-decoration:none;position:relative;text-align:center;line-height:85px;font-size:14px;display:block;color:#000;height:85px}#searchResult .searchAllResult:hover{background-color:#eee}#searchResult .searchAllResult span{border-bottom:1px dashed #000;padding-bottom:4px}#searchResult .errorMessage{margin:24px 36px;text-align:center;font-size:14px;color:#000}#searchProductsClose{background:url(/local/components/seo365/search.line/templates/redesign/images/exit.png) 0 0 no-repeat;position:absolute;margin-top:-9px;display:block;height:18px;width:18px;right:24px;top:50%}#searchProductsClose:hover{background-position:-18px 0}#searchProductsClose:active{background-position:-36px 0}@media all and (max-width:1200px){#topSearchLine.color_black #topSearch2 #searchQuery{background:url(/local/components/seo365/search.line/templates/redesign/images/searchH5W.png) 14px 50% no-repeat;color:rgba(255,255,255,.7)}#topSearchLine.color_black #goSearch{background:url(/local/components/seo365/search.line/templates/redesign/images/searchIcoH5W.png) 0 0 no-repeat}#subHeader6 #topSearchLine #topSearch2 #searchQuery{background:url(/local/components/seo365/search.line/templates/redesign/images/searchH2.png) 14px 50% no-repeat;color:#000}#subHeader6 #topSearchLine #topSearch2 #goSearch{background:url(/local/components/seo365/search.line/templates/redesign/images/searchIcoH2.png) 0 0 no-repeat}#subHeader6 #topSearchLine #topSearch2 input[placeholder]{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:rgba(0,0,0,.7)}#subHeader6 #topSearchLine #topSearch2 input::-webkit-input-placeholder{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:rgba(0,0,0,.7)}#subHeader6 #topSearchLine #topSearch2 input::-moz-placeholder{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:rgba(0,0,0,.7)}}.bx-pagination{margin:10px 0}#searchResult h1,.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px}.bx-pagination .bx-pagination-container ul li a,.bx-pagination .bx-pagination-container ul li span{border-radius:16px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span{background:#fff;border-color:#dadada;color:#000}@media all and (max-width:790px){#searchResult .item{width:50%}}@media all and (max-width:600px){#searchResult .item{width:100%}} /* End */ /* Start:/local/templates/redesign/components/bitrix/catalog.section.list/mobile-menu/style.css?17416890081864*/ .catalog-menu { position: relative; } .catalog { display: none; position: absolute; top: 100%; left: 0; padding-top: 16px; z-index: 10; background-color: #fff; } .catalog > .catalog__list { min-height: 515px; } .catalog__list { margin: 0; padding: 12px; display: flex; flex-direction: column; background-color: #fff; border-radius: 12px; box-sizing: border-box; list-style-type: none; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .catalog__list__item { padding: 12px 16px; border-radius: 8px; } .catalog__list__item:hover { background-color: #F4F4F6; } .catalog__list__item:hover svg path { fill: #007AFF; } .catalog__list__title { padding: 0 24px; } .catalog__list__title_bottom { padding: 12px 12px; margin-top: auto; text-decoration: underline; } .catalog__list__title a { color: #08090B; text-decoration: none; font-family: Commissioner; font-weight: 600; font-size: 18px; line-height: 27px; letter-spacing: 0%; } .catalog__list__title_bottom a { color: #007AFF; font-family: Commissioner; font-weight: 400; font-size: 14px; line-height: 19.6px; letter-spacing: 0%; text-decoration: underline; text-decoration-style: solid; text-decoration-thickness: Auto; } .catalog__link { display: inline-flex; align-items: center; gap: 16px; text-decoration: none; } .catalog__name { /*font-size: 14px;*/ line-height: 1.4; color: var(--text); font-weight: 500; white-space: nowrap; font-family: Commissioner; } .catalog__list__item:hover .catalog__name { color: var(--akcent-color); } .catalog__img { width: 40px; min-width: 40px; height: 40px; } .catalog__list ul { display: none; position: absolute; top: 0; min-height: 100%; left: 100%; background: #fff; } .catalog__list__item:hover ul { display: flex; } /* End */ /* Start:/local/templates/redesign/components/bitrix/form.result.new/modal/style.css?173440390710529*/ .webformModal{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); position: fixed; color: #000000; overflow: hidden; display: none; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; } .webformModalHideScrollBar{ position: relative; overflow: auto; height: 100%; width: 120%; } .webformModalcn100{ position: relative; height: 100%; width: 100%; width: 100vw; /* css3 */ } .webformModal.visible{ display: block; } .webformModalContainer{ box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3); transform: translateX(-50%) translateY(0%); /*transform: translateX(-50%) translateY(-50%);*/ -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: #ffffff; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 500px; min-width: 320px; width: 100%; top: 24px; left: 50%; } .small .webformModalContainer{ transform: translateX(-50%) translateY(-50%); margin-bottom: 0px; top: 50%; } .webFormDw form{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .webFormDw form.loading{ pointer-events: none; opacity: 0.8; } .webFormModalHeading{ background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; } .webformModal .webFormModalHeadingExit{ position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } .webformModal .webFormModalHeadingExit{ background: url(/local/templates/redesign/components/bitrix/form.result.new/modal/images/exit.png) 0 0 no-repeat transparent; } .webformModal .webFormModalHeadingExit:hover{ background-position: 0 -21px ; } .webformModal .webFormModalHeadingExit:active{ background-position: 0 -42px ; } .webFormDescription{ margin: 24px 0 0 0; max-width: 800px; } .webformModal .webFormDescription{ padding: 0 24px; } .webformModal .webFormItems, .webformModal .webFormTools, .webformModal .webFormError{ padding: 0 24px; } .webFormItem{ margin-top: 24px; } .webFormItemCaption{ /* font-family: "robotoMedium"; */ margin-bottom: 12px; line-height: 21px; font-weight: 500; } .webFormItemImage{ vertical-align: middle; display: inline-block; padding-right: 6px; } .webFormItemLabel{ vertical-align: middle; display: inline-block; color: #555555; } .webFormItemRequired{ display: inline-block; padding-left: 4px; color: #ff0000; } .webFormItemFieldVariant{ display: inline-block; margin-left: 12px; } .webFormItemFieldVariant:first-child{ margin-left: 0px; } .webFormItemField input[type="password"], .webFormItemField input[type="text"], .webFormItemField select{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* font-family: "roboto_ltregular"; */ border: 1px solid #e7e7e7; padding-left: 12px; line-height: 55px; /*max-width: 600px;*/ max-width: 100%; font-size: 14px; color: #555555; outline: none; height: 55px; width: 100%; } .webFormItemField textarea{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* font-family: "roboto_ltregular"; */ border: 1px solid #e7e7e7; padding-left: 12px; line-height: 21px; padding-top: 12px; /*max-width: 600px;*/ max-width: 100%; font-size: 14px; color: #555555; height: 150px; outline: none; width: 100%; } .webFormItemField input[id*="form_date_"]{ margin-bottom: 6px; } .webFormItemField input[type="text"]:focus, .webFormItemField input[type="password"]:focus, .webFormItemField textarea:focus{ border: 1px solid #aaaaaa; } .webFormItemField input[type="checkbox"] + label, .webFormItemField input[type="radio"] + label { cursor: pointer; } .webFormItemField input[type="checkbox"]:not(checked), .webFormItemField input[type="radio"]:not(checked) { position: absolute; opacity: 0; } .webFormItemField input[type="checkbox"]:not(checked) + label, .webFormItemField input[type="radio"]:not(checked) + label { position: relative; padding-left: 28px; } .webFormItemField input[type="checkbox"].error + label:before{ border: 1px solid #ff0000 !important; } .webFormItemField input[type="checkbox"] + label:before { background: url(/local/templates/redesign/components/bitrix/form.result.new/modal/images/checkBox.png) 0 0 no-repeat transparent; } .webFormItemField input[type="radio"] + label:before { background: url(/local/templates/redesign/components/bitrix/form.result.new/modal/images/radio.png) 0 0 no-repeat transparent; } .webFormItemField input[type="checkbox"]:not(checked) + label:before, .webFormItemField input[type="radio"]:not(checked) + label:before { position: absolute; content: " "; height: 17px; width: 17px; left: 0; top: 0px; } .webFormItemField input[type="checkbox"]:not(checked) + label:hover:before, .webFormItemField input[type="radio"]:not(checked) + label:hover:before { background-position: 0 -17px; } .webFormItemField input[type="checkbox"]:checked + label:before, .webFormItemField input[type="radio"]:checked + label:before { background-position: 0 -34px; } .webFormItemField input[type="checkbox"]:checked + label:hover:before, .webFormItemField input[type="radio"]:checked + label:hover:before { background-position: 0 -51px; } .webFormItemField input[type="checkbox"]:disabled + label, .webFormItemField input[type="radio"]:disabled + label { cursor: default; } .webFormItemField input[type="checkbox"]:disabled + label:before, .webFormItemField input[type="radio"]:disabled + label:before { background-position: 0 -68px !important; } .webFormItemField img.calendar-icon { vertical-align: middle !important; margin: 0 0 0 0px !important; border: 0 !important; } .webFormItemField [multiple]{ line-height: 120px; height: 120px; padding: 12px; } .webFormCaptchaPicture{ margin-top: 12px; } .webFormCaptchaPicture img{ vertical-align: middle; max-width: 100%; } .webFormCaptchaLabel{ margin-bottom: 12px; margin-top: 12px; } .webFormItemField input.captcha_word{ max-width: 300px; } .webFormTools{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 24px; } .webFormTools input[type="submit"], .webFormTools input[type="reset"]{ -webkit-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* font-family: "roboto_ltregular"; */ border: 1px solid #e7e7e7; text-align: center; line-height: 55px; font-size: 14px; cursor: pointer; color: #ffffff; outline: none; height: 55px; width: 100%; padding: 0; } .webFormTools .tc:first-child{ padding-right: 12px; } .webFormTools .tc:last-child{ padding-left: 12px; } .webFormTools input[type="submit"]:active{ position: relative; top: 1px; } .webFormTools input[type="submit"].loading{ background-image: url(/local/templates/redesign/components/bitrix/form.result.new/modal/images/loading.gif); background-color: #000000 !important; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #000000; pointer-events: none; color: #dddddd; opacity: 0.1; } .webFormTools input[type="reset"]{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #aaaaaa; background-color: #ffffff; color: #000000; } .webFormTools input[type="reset"]:hover{ border: 1px solid #cccccc; } .webFormTools input[type="reset"]:active{ position: relative; top: 1px; } .webFormItemError, .webFormError{ /* font-family: "robotoMedium"; */ font-weight: 500; margin-bottom: 12px; font-size: 12px; color: #ff0000; display: none; } .webFormError{ margin-bottom: 0px; margin-top: 24px; } .webFormItemError.visible, .webFormError.visible{ display: block; } .webFormItemField .error{ border: 1px solid #ff0000 !important; } .webFormMessage{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 0, 0, 0.4); line-height: 250px; position: fixed; overflow: auto; color: #000000; display: none; z-index: 1000; height: 100%; width: 100%; left: 0px; top: 0px; } .webFormMessageContainer{ box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.4); background-color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: -225px; position: absolute; text-align: center; margin-top: -125px; border-radius: 2px; padding: 0px 24px; height: 250px; width: 450px; left: 50%; top: 50%; } .webFormMessageMiddle{ vertical-align: middle; display: inline-block; line-height: 21px; } .webFormMessageHeading{ margin-bottom: 24px; text-align: center; font-weight: 500; font-size: 18px; } .webFormMessageDescription{ text-align: center; } .webFormMessageExit{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #000000; text-decoration: none; display: inline-block; text-align: center; border-radius: 2px; line-height: 40px; margin-top: 24px; padding: 0 24px; color: #ffffff; height: 40px; } .webFormMessageExit:hover{ opacity: 0.8; } .webFormMessageExit:active{ position: relative; top: 1px; } @media all and (max-width: 650px){ .webFormItemField input[id*="form_date_"]{ margin-bottom: 12px; } .webFormItemField img.calendar-icon{ margin-left: 0px !important; } .webFormTools input[type="reset"]{ margin-bottom: 0px; } } @media all and (max-width: 500px){ .webFormMessageContainer{ margin-left: -200px; width: 400px; } } @media all and (max-width: 420px){ .webFormMessageContainer{ margin-left: -150px; width: 300px; } } @media all and (max-width: 400px){ .webFormTools input[type="submit"], .webFormTools input[type="reset"]{ margin-bottom: 24px; max-width: 300px; display: block; width: 100%; } } /* End */ /* Start:/local/templates/redesign/styles.css?17709659834925*/ .content h2 { margin: 0 0 40px; font-family: var(--font-family); font-weight: 600; font-size: 32px; line-height: 140%; color: var(--h1-h5-color); } .content p { line-height: 140%; } .header__button { position: relative; } .header__button span { position: absolute; top: -10px; left: 10px; font-size: 12px; } .quantity { padding: 10px; display: flex; align-items: center; /* width: 136px; */ background: #f4f9fd; border: 1px solid #d9e3ef; border-radius: 12px; box-sizing: border-box; } .quantity__btn { display: flex; flex-shrink: 0; cursor: pointer; } .quantity__btn.disabled { opacity: 0.4; cursor: default; } .quantity__input { flex-grow: 1; width: 68px; background: none; border: none; outline: none; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; color: #1f2650; text-align: center; } .about-main { display: flex; align-items: center; gap: 140px; } .about-main__title { margin: 0; padding: 0; font-family: var(--font-family); font-weight: 600; font-size: 32px; line-height: 140%; color: #000; } .about-main__desc { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 140%; color: var(--text); } .about-main__desc a { color: inherit; text-decoration: underline; text-decoration-skip-ink: none; } .main-bottom { display: flex; justify-content: space-between; gap: 40px; } .main-bottom__block { padding: 60px; display: flex; flex-direction: column; gap: 40px; width: calc((100% - 22px) / 2); box-sizing: border-box; } .main-bottom__block--bg { padding: 30px; background: #f4f4f6; border-radius: 12px; } .main-bottom__about { display: flex; flex-direction: column; gap: 20px; } .main-bottom__about-title { font-family: var(--font-family); font-weight: 600; font-size: 32px; line-height: 140%; color: #08090B; } .main-bottom__about-text { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 125%; color: #000000; } .main-bottom__about-socials { margin-top: 20px; display: flex; gap: 12px; } .main-bottom__about-social { display: flex; } .main-bottom__messangers { display: flex; gap: 20px; justify-content: space-between; } .main-bottom__messanger { padding: 16px; display: flex; align-items: center; gap: 12px; width: calc((100% - 22px) / 2); background: rgba(0, 122, 255, 0.15); border-radius: 12px; box-sizing: border-box; text-decoration: none; } .main-bottom__messanger span { display: flex; } .main-bottom__messanger.wa { background: #48C95F33; } .main-bottom__messanger-title { font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 127%; color: #007AFF; height: fit-content; } .main-bottom__messanger.wa .main-bottom__messanger-title { color: #48C95F; } .main-bottom__messanger-link { display: flex; } .product-card a { text-decoration: none; } .lkdm_vw__container { transform: scale(1.05) !important; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5) !important; transition: 0.3s !important; } .lkdm_vw__container .lkdm_vw__toggle { opacity: 1 !important; visibility: visible !important; transition: .3s !important; } .social__item.social__item__a img { height: 28px; } .header__menu .dropdown { position: relative; } .header__menu .dropdown > .header__menu-link::after { content: ""; display: inline-block; margin-left: 6px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #000; position: relative; top: -2px; transition: .3s; } .header__menu .dropdown:hover > .header__menu-link::after { transform: rotate(180deg); } .advantages { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; } .advantages-item { border-radius: 14px; background-color: #F4F4F6; display: flex; align-items: center; } .advantages-item__image { border-radius: 14px; background-color: #007AFF; min-width: 86px; min-height: 86px; display: flex; align-items: center; justify-content: center; } .advantages-item__image img { width: 40px; height: 40px; } .advantages-item__content { padding: 23px 22px; font-size: 14px; font-weight: 400; line-height: 140%; color: #000000; } @media (max-width: 1320px) { .advantages { grid-template-columns: repeat(2, 1fr); row-gap: 15px; } } @media (max-width: 768px) { .advantages { grid-template-columns: 1fr; gap: 12px; } .advantages-item { border-radius: 8px; } .advantages-item__image { min-width: 80px; min-height: 80px; border-radius: 8px; } .advantages-item__content { padding: 20px 22px; } } /* End */ /* Start:/local/templates/redesign/template_styles.css?178124782162555*/ :root { --h1-h5-color: #08090b; --text: #4b586b; --akcent-color: #007aff; --grey: #f4f4f4; --grey-str: #ccd0d7; --red: #f31b31; } :root { --font-family: "Commissioner", sans-serif; --second-family: "Exo 2", sans-serif; --third-family: "Inter", sans-serif; --font3: "Gilroy", sans-serif; --font4: "Intro Black", sans-serif; } body { margin: 0; display: flex; flex-direction: column; min-height: 100vh; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 125%; color: var(--text); } main { flex-grow: 1; } .container { margin: auto; width: 1320px; max-width: 100%; padding: 0 15px; box-sizing: border-box; } .lock { position: relative; height: 100%; overflow: hidden; } .container .container { padding: 0; } @media (max-width: 500px) { .container { padding: 0 16px; } } @media (max-width: 420px) { .container { padding: 0 10px; } } .lkdm_vw__container { transform: scale(1.05) !important; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5) !important; transition: 0.3s !important; } .lkdm_vw__container .lkdm_vw__toggle { opacity: 1 !important; visibility: visible !important; transition: 0.3s !important; } @media(max-width:640px) { .lkdm_vw__container { width: 100px !important; height: 145px !important; } } h1, .h1 { margin: 0 0 24px; font-family: var(--font-family); font-weight: 600; font-size: 32px; line-height: 140%; color: var(--h1-h5-color); } h2, .h2 { /*margin: 0 0 24px;*/ font-family: var(--font-family); font-weight: 600; font-size: 32px; line-height: 100%; color: var(--h1-h5-color); } p { margin: 16px 0; } .section { margin: 60px 0; } .section h2, .section .h2 { margin-bottom: 30px; } @media (max-width: 500px) { .section .h2 { margin-bottom: 20px; } } .heading { margin: 10px 0 0px; display: flex; align-items: center; gap: 16px; } .heading .h1, .heading h1 { margin: 0; } .heading__back { display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid var(--grey-str); border-radius: 8px; width: 32px; height: 32px; } .heading__h1 { margin-bottom: 0; } .product-page .heading__h1 { margin-bottom: 20px; } .news__name { font-weight: 600; } .heading__total { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 22px; color: #595d84; } @media (max-width: 500px) { .heading { margin: 12px 0 0; } .product-page .heading__h1 { margin-bottom: 20px; } } .category-description { margin: 16px 0 0 0; color: #000; } @media (max-width: 500px) { .category-description { margin: 12px 0 10px 0; } } .button { padding: 12px; display: flex; align-items: center; justify-content: center; gap: 8px; background: var(--text); border: none; border-radius: 8px; outline: none; font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 125%; color: #fff; text-decoration: none; cursor: pointer; } .button:disabled { opacity: 0.4; cursor: default; } .button--blue { background: #3d81fa; } .input { padding: 12px; background-color: #fff; border: none; border-radius: 8px; outline: none; box-sizing: border-box; font-family: var(--font-family); font-weight: 500; font-size: 14px; line-height: 129%; color: #89909d; } .input--area { height: 100px; resize: none; } .input::placeholder { color: #89909d; } .social { display: flex; align-items: center; gap: 12px; } .header__top { background: #f4f4f6; } .header__top-wrapper { padding: 20px 0; display: flex; align-items: center; justify-content: space-between; gap: 40px; } .header__top-right { display: flex; align-items: center; } .city-changer { display: flex; margin-left: auto; align-items: center; gap: 6px; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 140%; color: #000; text-decoration: none; } .city-changer svg:last-child { margin-left: 5px; } #city-helper > div { cursor: pointer; } #city-helper > div a { color: inherit; } #city-helper > div a.active { color: #007aff; font-weight: 500; } #city-helper > div:not(:first-child) { margin-top: 4px; } .header__menu { margin: 0; padding: 0; display: flex; align-items: center; gap: 14px; list-style-type: none; } .header__menu { list-style: none; margin: 0; padding: 0; display: flex; } .header__menu li { position: relative; } .header__menu a { text-decoration: none; display: block; padding: 10px 15px; white-space: nowrap; } .header__menu-link { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 19px; color: #000; text-decoration: none; } .header__menu-link:hover { font-family: var(--font-family); font-weight: 400; font-size: 14px; color: #007aff; } .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; list-style: none; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.15); margin: 0; padding: 0; min-width: 160px; z-index: 1000; } .dropdown-menu li a { padding: 10px 15px; white-space: nowrap; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 19px; color: #000; } .dropdown-menu li a:hover { color: #007AFF; } .dropdown:hover .dropdown-menu { display: block; } .header__social { margin-left: 40px; } .header__bot-wrapper { padding: 20px 0; display: flex; align-items: center; justify-content: space-between; gap: 58px; } .header__bot-row { display: flex; align-items: center; gap: 6px; flex-grow: 1; } .catalog-menu { display: inline-flex; } .catalog-btn { padding: 10px 20px; display: flex; align-items: center; gap: 6px; background: #007aff; border-radius: 8px; font-family: var(--third-family); font-weight: 500; font-size: 14px; line-height: 140%; color: #fff; cursor: pointer; } .header__search { flex-grow: 1; } .header__contacts { display: flex; flex-direction: column; gap: 3px; } .header__phone { font-family: var(--font-family); font-weight: 600; font-size: 17px; line-height: 140%; text-decoration: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; color: #595d84; } .header__mail { display: flex; align-items: center; gap: 6px; font-family: var(--font-family); font-weight: 600; font-size: 13px; line-height: 140%; text-decoration: none; color: #007aff; } .header__buttons { display: flex; gap: 20px; } .header__button { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; } @media (max-width: 400px) { .header__top-wrapper { gap: 7px; justify-content: space-between; } } .search { position: relative; } .search__input { padding: 10px 20px; padding-right: 40px; width: 100%; background: #fff; border: 1px solid var(--grey-str); border-radius: 8px; box-sizing: border-box; outline: none; font-family: var(--font-family); font-weight: 500; font-size: 14px; line-height: 140%; color: var(--h1-h5-color); opacity: 0.6; } .search__btn { position: absolute; top: 9px; right: 19px; margin: 0; padding: 0; background: none; border: none; outline: none; cursor: pointer; } .header__bot_fixed { display: none; } .offcanvas { position: fixed; top: 0; right: 0; bottom: 0; left: 100%; z-index: 1000; transition: left 0.2s linear; } .offcanvas.active { left: 0; } .offcanvas-inner { display: none; background-color: #fff; padding: 20px 10px; height: 100vh; position: relative; z-index: 1000; } .offcanvas.active .offcanvas-inner { display: block; } .offcanvas-toggler { cursor: pointer; } .offcanvas-header { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; } .offcanvas .search__input { padding: 10px; padding-right: 40px; color: #000; } .offcanvas .search__input::placeholder { color: #000; } .offcanvas .search__btn { width: 20px; height: 20px; right: 10px; top: 50%; transform: translateY(-50%); } .offcanvas-menu { background-color: #fff !important; margin-bottom: 40px; } .header__menu.offcanvas-menu__wrapper { align-items: flex-start; } .slinky-menu a { padding: 0 !important; } .offcanvas .catalog-btn { padding: 0 !important; } .offcanvas a:not(.offcanvas-socials__item), .offcanvas .catalog-btn a { padding: 10px !important; } .offcanvas .catalog-btn { background-color: #fff; } .offcanvas-menu__wrapper li { display: flex; } .offcanvas-menu__wrapper li, .offcanvas-menu__wrapper li a { width: 100%; text-decoration: none; } .offcanvas li.header a { width: auto !important; } .offcanvas .next::after { margin-left: 0 !important; } .offcanvas li a, .offcanvas li span { font-size: 14px; font-weight: 400; color: #000; font-family: var(--font-family); line-height: 140%; } .slinky-theme-default a:not(.back):hover { background-color: #fff !important; } .slinky-theme-default .next::after { background: url("/local/templates/redesign/img/offcanvas-arrow.svg") !important; } .slinky-theme-default .back::before { content: unset; display: none; } .slinky-theme-default .back::after { content: ""; width: 20px; height: 20px; background: url("/local/templates/redesign/img/offcanvas-arrow-back.svg") !important; padding: 0 !important; } .slinky-theme-default .next::after, .slinky-theme-default .back::before { width: 20px !important; height: 20px !important; opacity: 1 !important; background-repeat: no-repeat; background-size: cover; background-position: center center; } .offcanvas ul { padding: 0 !important; } .offcanvas-socials { display: flex; align-items: center; gap: 10px; padding: 0 10px; } .offcanvas li.header a.back { order: 2; } .offcanvas li.header header.title { order: 1; } .slinky-menu .header { border-radius: 6px; background-color: #f4f4f6; font-size: 14px; font-weight: 400; color: #007aff; line-height: 140%; } .offcanvas .catalog__list__item { padding: 0px; } .offcanvas .catalog__list__item:hover .catalog__name { color: #000; } .offcanvas .catalog__list__title_bottom { padding: 0; } .offcanvas .catalog__list__title_bottom a span { font-size: 14px; font-weight: 400; color: #007aff !important; text-decoration: underline; } @media (max-width: 500px) { .header__top-wrapper { padding: 12px 0; } .header__bot { display: none; } .header__bot_fixed { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; display: flex; padding: 12px 0px; justify-content: space-between; gap: 5px; background-color: #fff; box-shadow: 0px -4px 10px 0px #00000014; } .header__bot_fixed .header-fixed__item a { display: flex; align-items: center; } .header-fixed__item.three-items { width: 100%; display: flex; justify-content: center; } .header-fixed__item.three-items:nth-of-type(2) { border-left: 2px solid #f4f4f6; border-right: 2px solid #f4f4f6; } .header-fixed__item.three-items:nth-of-type(3) { border-right: 2px solid #f4f4f6; } .offcanvas .header__search { display: block; } .header__menu.offcanvas-menu__wrapper { display: flex; flex-direction: column; gap: 0; } } .footer { margin-top: 140px; background-color: var(--grey); } .footer__wrapper { padding: 60px 0 0; } .footer__top { padding-bottom: 30px; display: flex; justify-content: space-between; border-bottom: 1px solid #ccc; gap: 16px; } .footer__column { display: flex; flex-direction: column; gap: 16px; } .footer__column-title { margin-bottom: 4px; font-family: var(--font-family); font-weight: 600; font-size: 16px; line-height: 125%; color: #000; } .footer__column-link { display: flex; gap: 9px; align-items: center; font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 125%; color: #000; text-decoration: none; } .footer-row { display: flex; align-items: center; gap: 36px; margin-top: 14px; } .footer-row .button[data-id="2"] { } .footer__column-link svg { min-width: 20px; } .footer__column-link > a { color: inherit; text-decoration: none; } .footer__column-btn-wrapper { display: flex; align-items: center; gap: 35px; } .footer__column-text { margin-top: 14px; max-width: 485px; font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 120%; color: #000; } .footer__bottom { padding: 28px 0 28px; display: flex; justify-content: space-between; align-items: center; column-gap: 20px; row-gap: 20px; flex-wrap: wrap; } .footer__bottom-link { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 140%; text-decoration: none; color: #000; } @media (max-width: 500px) { .footer-row .openWebFormModal { order: 1; padding: 12px 0; width: 100%; line-height: 140%; } .contacts-column .footer-row { flex-direction: column; align-items: flex-start; gap: 24px; } .contacts-column .footer-row .social { gap: 12px; } } .logo { display: flex; align-items: center; gap: 10px; text-decoration: none; } .logo__img { width: 58px; height: 34px; } .logo__text { display: flex; flex-direction: column; } .logo__top { font-family: var(--font-family); font-weight: 600; font-size: 21px; line-height: 25px; text-transform: uppercase; color: var(--h1-h5-color); } .logo__top--blue { color: #007aff; } .logo__bot { font-family: var(--third-family); font-weight: 500; font-size: 7px; line-height: 140%; letter-spacing: 0.03em; text-transform: uppercase; color: #000; } @media (max-width: 500px) { .logo__bot--desktop { display: none; } .logo__top { line-height: 100%; } .logo__bot { font-size: 5px; font-weight: 500; color: #8f93a8; } .logo__text { align-items: center; } } .payments { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .payments__text { font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 120%; letter-spacing: -0.02em; color: var(--text); } .payments__img { max-height: 26px; object-fit: contain; } .modal { position: fixed; padding: 24px; flex-direction: column; gap: 24px; min-width: 300px; max-width: 388px; background-color: var(--grey); border: none; border-radius: 12px; box-sizing: border-box; overflow: visible; } .modal.active { display: flex; } .modal::-webkit-scrollbar { width: 4px; background: #f5f5f5; border-radius: 4px; } .modal::-webkit-scrollbar-thumb { position: relative; width: 4px; background: #848485; border-radius: 2px; } .modal__close { position: absolute; top: -36px; right: 0; padding: 0; width: 24px; height: 24px; background: none; border: none; outline: none; cursor: pointer; } .modal__header { display: flex; flex-direction: column; } .modal__title { font-family: var(--font-family); font-weight: 500; font-size: 24px; line-height: 117%; text-align: center; color: var(--h1-h5-color); } .modal__subtitle { font-family: var(--second-family); font-weight: 500; font-size: 16px; line-height: 125%; text-align: center; color: var(--text); } .modal__input { padding: 12px; background-color: #fff; border: none; border-radius: 8px; outline: none; font-family: var(--second-family); font-weight: 500; font-size: 14px; line-height: 129%; color: var(--text); } .modal__input::placeholder { opacity: 0.4; } .category { display: flex; align-items: flex-start; gap: 28px; margin-top: 40px; } .category.empty { display: none; } .category + .section.section--bottom { margin-top: 140px; margin-bottom: 0; color: #000; } .category.empty + .section.section--bottom { margin-top: 0; } .category + .section.section--bottom h2 { /* font-weight: 700; */ } .category-image { margin: 40px 0 20px; } .category__smart { flex-shrink: 0; } @media (max-width: 500px) { .category { margin-top: 20px; gap: 12px; } .category + .section.section--bottom { margin-top: 60px; } } /* временно восстановленные стили, удалить после редизайна */ :root { --main-color: #003d76; --main-hover-color: #004d9d; --main-focus-color: #004a88; --btn-color: #ff4c4c; --btn-hover-color: #fb2a2a; --btn-focus-color: #fd4444; --second-color: #f29200; } .delivery-ways { display: flex; flex-wrap: wrap; text-align: center; max-width: 1000px; } .delivery-ways .item { width: 25%; box-sizing: border-box; padding: 10px 20px 30px; } .delivery-ways .picture { margin-bottom: 13px; text-align: center; } .delivery-ways img { width: 81px; } @media (max-width: 900px) { .delivery-ways .item { width: 33.3%; } } @media (max-width: 700px) { .delivery-ways .item { width: 50%; } } .information-heading { font-weight: 500; margin-bottom: 12px; font-size: 21px; } .information-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 12px; color: #555555; } .information-list-item { border: 1px solid #f1f1f1; border-radius: 2px; padding: 12px 12px; margin-top: 24px; } .information-list-item.red { border: 1px solid var(--btn-color); background: var(--btn-color); color: #fff; text-align: center; padding: 18px 12px; } .information-item-icon { padding-right: 24px; width: 42px; } .information-list-item a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: #000000; } .information-list-item a:hover { color: #777777; } .information-list-item a:active { position: relative; top: 1px; } .information-feedback-container { margin-top: 24px; } .information-feedback { -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-decoration: none; text-align: center; padding: 18px 12px; font-size: 16px; display: block; } .information-feedback:active { position: relative; top: -1px; } .tb { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } .tc { vertical-align: middle; display: table-cell; } .global-block-container { border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } .global-content-block, .global-information-block { display: table-cell; vertical-align: top; } .global-information-block { position: relative; padding-left: 24px; overflow: hidden; width: 280px; } .global-information-block.fixed .global-information-block-cn { padding-top: 24px; overflow: hidden; width: 280px; top: 0px; } .global-information-block-hide-scroll { width: 320px; } .global-information-block-hide-scroll-cn { width: 280px; } .global-information-block.max-scroll .global-information-block-cn { position: absolute; bottom: 0px; top: auto; } .btn-simple-wrap { margin-top: 14px; } .btn-simple { position: relative; display: inline-block; min-width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 21px 24px 19px; font-size: 14px; line-height: 18px; text-align: center; border: 1px solid transparent; border-radius: 2px; color: #ffffff; -webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out; transition: background 0.2s ease-in-out, border 0.2s ease-in-out; cursor: pointer; text-decoration: none; } .btn-simple:active { top: 1px; } .btn-simple.btn-black { background: #2d2d2d; border-color: #2d2d2d; } .btn-simple.btn-black:hover { background: #202020; border-color: #202020; } .btn-simple.btn-black-border { background: transparent; border-color: #aaaaaa; color: #000000; } .btn-simple.btn-black-border:hover { border-color: #000000; background: transparent; } .btn-simple.btn-medium { padding: 16px 24px 14px; } .btn-simple.btn-small { min-width: 126px; padding: 12px 8px 10px; } .btn-simple.btn-micro { min-width: 114px; padding: 6px 8px 4px; } .btn-simple.add-cart { min-width: 90px; padding: 4px 8px 3px; background: transparent; color: #000; border-color: #e7e8ea; } .btn-simple.add-cart:hover { border-color: #000; background: transparent; } .btn-simple.add-cart.disabled { pointer-events: none; opacity: 0.5; } .active-link { display: inline-block; font-weight: bold; font-size: 14px; color: #000000; text-transform: uppercase; text-decoration: none; border-bottom: 1px dashed #000000; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .active-link:active { position: relative; top: 1px; } .inactive-link { display: inline-block; font-weight: bold; font-size: 14px; color: #888888; text-transform: uppercase; text-decoration: none; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .inactive-link:active { position: relative; top: 1px; } .text-link { display: inline-block; vertical-align: middle; color: #3b3732; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .text-link:active { position: relative; top: 1px; } .big-text-link { display: inline-block; vertical-align: middle; font-size: 16px; color: #3b3732; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .big-text-link:active { position: relative; top: 1px; } .link-dashed { display: inline-block; font-size: 14px; color: #000000; text-decoration: none; border-bottom: 1px dashed #000000; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .link-dashed:active { position: relative; top: 1px; } .theme-link-dashed { display: inline-block; font-size: 14px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .theme-link-dashed:active { position: relative; top: 1px; } .priceTableContainer { max-width: 1000px; overflow-x: auto; min-width: 320px; } .priceTableStyle80 { border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .priceTableStyle80 th { font-weight: 500; background-color: #f7f7f7; border: 1px solid #e4e4e4; font-weight: normal; padding: 12px 24px; } .priceTableStyle80 td { border: 1px solid #e4e4e4; vertical-align: middle; padding: 12px 24px; text-align: left; color: #333333; } .mediumText { font-weight: 500; } .pagePicture { max-width: 100%; height: auto; } .banners-list { max-width: none; margin: 0 0 42px; font-size: 0; flex-wrap: wrap; display: flex; gap: 30px; } .banners-list .banner-wrap { width: calc(33% - 16px); /*padding: 16px;*/ box-sizing: border-box; border: 1px solid #e7e8ea; } .banner-wrap + .global-block-container .detail-text-wrap { margin-top: 0; } .banner-elem { overflow: hidden; display: flex; flex-direction: column; gap: 20px; } .banner-elem .limiter { height: 100%; } .banner-elem .tb { height: 100%; display: flex; flex-direction: column; } .banner-elem .tr { display: table-row; height: 100%; } .banner-elem .text-wrap { padding-top: 20px; padding-bottom: 20px; padding-left: 54px; color: #000; } .banner-elem .text-wrap .btn-simple { padding: 18px 24px 16px; margin-top: 15px; } @media (max-width: 767px) { .banner-elem .text-wrap .btn-simple { padding: 12px 15px 10px; } } .banner-elem .text-wrap *:last-child { margin-bottom: 0; } .banner-elem .date { margin-bottom: 6px; font-size: 13px; color: #000000; } .banner-elem h1 { font-size: 36px; margin-bottom: 18px; line-height: 43px; overflow: hidden; } .banner-elem .h2 { /* display: inline-block; /* line-height: 25px; overflow: hidden; */ font-family: Commissioner; /* font-weight: 700; */ font-size: 20px; line-height: 30px; letter-spacing: 0%; text-decoration: none; padding-left: 20px; } .banner-elem .h2 .arrow-rigth { padding: 0 20px 0 0; float: right; } .banner-elem .price { margin-bottom: 6px; font-size: 18px; line-height: 22px; max-height: 22px; overflow: hidden; } .banner-elem .descr { /* margin-bottom: 8px; font-size: 13px; line-height: 15px; overflow: hidden; */ font-family: Commissioner; font-weight: 400; font-size: 13px; line-height: 18.2px; letter-spacing: 0%; color: #000; padding: 0 20px 20px 20px; text-wrap-style: balance; } .banner-elem .descr span { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .banner-elem .descr .show_more_descr { font-family: Commissioner; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: 0%; margin-top: 8px; text-decoration: underline; text-decoration-style: solid; text-decoration-offset: Auto; text-decoration-thickness: Auto; text-decoration-skip-ink: auto; color: #007aff; } .banner-content { display: flex; flex-direction: column; gap: 8px; } @media (max-width: 500px) { .services-banners-list .banner-elem { gap: 0; } .services-banners-list .banner-content { padding: 20px 10px; } .services-banners-list .banner-elem .h2 { font-size: 20px; font-weight: 600; line-height: 150%; color: #08090b; padding-left: 0; } .services-banners-list .banner-elem .descr { padding: 0; } } summary::marker { content: ""; } details[open] summary { display: none; } details[open] .preview_descr { display: none; } .banner-elem .image { /*width: 55%;*/ /*vertical-align: bottom;*/ vertical-align: middle; height: 240px; /*padding-left: 12px;*/ font-size: 0; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .blog-banner .banner-elem .image { height: auto; } .banner-elem .image img { display: block; max-width: 100%; max-height: 296px; width: auto; height: auto; margin-left: auto; transition: all 0.4s ease-in-out; transform: translate3d(0, 0, 0) scale(1); } .banner-elem .image-link { display: block; width: auto; } .banner-elem .image-link:hover img { transform: translate3d(0, 0, 0) scale(1.02); } .banner-elem .image .image-link { display: inline-block; width: 100%; height: 100%; } .banner-elem .image .image-link img { display: inline-block; margin: auto; width: 100%; height: 100%; object-fit: cover; } .banner-elem .social { height: 60px; margin-top: 12px; } #about-main__section .about-main__title { line-height: 140%; max-width: 770px; margin: 0; } #about-main__section .about-main__wrapper { display: flex; flex-direction: column; gap: 60px; margin-top: 30px; } #about-main__section .about-main__video, #about-main__section .about-main__inf_wrapp { display: flex; gap: 30px; flex-wrap: wrap; } #about-main__section .about-video { width: calc((100% - 30px) / 2); border-radius: 20px; } #about-main__section .about-main__inf { width: calc((100% - 30px) / 2); margin-left: auto; color: #000; font-size: 18px; line-height: 150%; } #about-main__section .about-main__inf p { margin: 0; } #about-main__section .about-main__inf span { font-weight: 600; } @media (max-width: 1000px) { #about-main__section .about-video { height: 300px; } } @media (max-width: 890px) { #about-main__section .about-video { height: 250px; } } @media (max-width: 769px) { #about-main__section .about-main__inf { width: 100%; font-size: 16px; } #about-main__section .about-main__title { font-size: 25px; } #about-main__section .about-video { width: 100%; height: 400px; } #about-main__section .about-main__wrapper { gap: 30px; } #about-main__section .about-main__video, #about-main__section .about-main__inf_wrapp { gap: 20px; } } @media (max-width: 600px) { #about-main__section .about-video { height: 300px; } } @media (max-width: 420px) { #about-main__section .about-main__inf { font-size: 14px; } #about-main__section .about-video { height: 200px; } #about-main__section .about-main__video, #about-main__section .about-main__inf_wrapp { gap: 12px; } #about-main__section .about-main__wrapper { gap: 16px; margin-top: 16px; } #about-main__section .about-main__title { font-size: 20px; } #about-main__section .about-main__inf span { font-weight: 400; } } #our_products .our-products__title { line-height: 140%; margin: 0; } #our_products .our-products__wrapper { display: flex; flex-direction: column; gap: 40px; margin-top: 30px; } #our_products .our-products__img_wrapper, #our_products .our-products__inf_wrapp { display: flex; gap: 30px; flex-wrap: wrap; } #our_products .our-products__img.mob { display: none; width: 100%; } #our_products .our-products__img { width: calc((100% - 30px) / 2); border-radius: 20px; overflow: hidden; max-height: 458px; } #our_products .our-products__img img { width: 100%; height: 100%; } #our_products .our-products__img_wrapper .our-products__img:nth-of-type(2), #our_products .our-products__img_wrapper .our-products__img:nth-of-type(3) { width: calc((100% - 90px) / 4); } #our_products .our-products__inf { width: calc((100% - 30px) / 2); margin-left: auto; color: #000; font-size: 18px; line-height: 150%; } #our_products .our-products__inf p { margin: 0; } #our_products .our-products__inf span { font-weight: 600; } @media (max-width: 769px) { #our_products .our-products__inf { width: 100%; font-size: 16px; } #our_products .our-products__img.mob { display: block; } #our_products .our-products__wrapper { gap: 30px; } #our_products .our-products__img_wrapper, #our_products .our-products__inf_wrapp { gap: 20px; } #our_products .our-products__img_wrapper .our-products__img:nth-of-type(1) { display: none; } #our_products .our-products__img_wrapper .our-products__img:nth-of-type(2), #our_products .our-products__img_wrapper .our-products__img:nth-of-type(3) { width: calc((100% - 20px) / 2); } #our_products .our-products__inf, #our_products .our-products__inf_wrapp .our-products__img { width: 100%; } } @media (max-width: 420px) { #our_products .our-products__inf { font-size: 14px; } #our_products .our-products__wrapper { margin-top: 20px; } #our_products .our-products__img_wrapper, #our_products .our-products__inf_wrapp { gap: 10px; } #our_products .our-products__wrapper { gap: 16px; } #our_products .our-products__inf span { font-weight: 400; } } @media screen and (max-width: 1600px) { .banner-elem .text-wrap { padding-left: 24px; } } @media screen and (max-width: 1400px) { .banner-elem .image img { max-height: 260px; } .banner-elem .text-wrap { padding-left: 18px; } .banner-elem .price { font-size: 16px; line-height: 20px; max-height: 20px; } .banner-elem .social { height: 30px; } } @media screen and (max-width: 1280px) { .banner-elem h1 { font-size: 24px; margin-bottom: 12px; line-height: 29px; } } @media screen and (max-width: 1200px) { .banner-elem .image img { max-height: 220px; } .banner-elem .h2 { font-size: 18px; line-height: 22px; } .banner-elem .price { font-size: 15px; line-height: 18px; } } @media screen and (max-width: 1024px) { .banner-elem h1 { font-size: 20px; margin-bottom: 10px; line-height: 24px; } .banner-elem .image img { max-height: 160px; } .banner-elem .price { display: none; } } @media screen and (max-width: 800px) { .banners-list .banner-wrap:nth-child(n) { width: 100%; } .banner-elem .descr { padding: 0 10px 20px 10px; } .banner-elem .text-wrap { padding-left: 24px; } .banner-elem .image img { margin: 0 auto; } .banner-elem .h2 { padding-left: 10px; margin-bottom: 0px; } .banner-elem .h2 .arrow-rigth { padding-right: 10px; } .hide-800 { display: none !important; } .banner-elem .image { width: 100%; } .banner-elem .image .image-link { height: 100%; } .banner-elem .image img { max-height: none !important; object-fit: cover; height: 100%; } } @media screen and (max-width: 400px) { .banners-list { gap: 20px; margin-bottom: 20px; } .banner-elem .h2 { font-size: 20px; line-height: 30px; } .banner-elem .price { font-size: 14px; line-height: 18px; } .banner-elem .text-wrap { padding-left: 12px; } .banner-elem .btn-simple.btn-micro { min-width: 100px; padding: 3px 8px 3px; } .services-banners-list .banner-wrap .banner-elem { background: none !important; } } .fullscreen-banner { margin-bottom: 24px; border-bottom: 1px solid #e7e8ea; } .fullscreen-banner .limiter { position: relative; height: 100%; } .fullscreen-banner #breadcrumbs { position: absolute; left: 0; top: 0; width: 100%; } .fullscreen-banner #breadcrumbs + .tb .text-wrap { padding: 42px 0 0; } .fullscreen-banner h1 { margin-bottom: 12px; } .fullscreen-banner .price { margin-bottom: 12px; font-size: 30px; line-height: 36px; max-height: 36px; } .fullscreen-banner .descr { margin-bottom: 24px; font-size: 16px; line-height: 24px; } .fullscreen-banner .image { width: 55%; } .fullscreen-banner .image img { margin: 0 auto; max-height: 470px; } @media screen and (max-width: 1600px) { .fullscreen-banner .image img { max-height: 440px; } } @media screen and (max-width: 1400px) { .fullscreen-banner .price { font-size: 24px; line-height: 30px; height: 30px; } .fullscreen-banner .descr { margin-bottom: 18px; } .fullscreen-banner .image { width: 50%; } .fullscreen-banner .image img { max-height: 420px; } } @media screen and (max-width: 1024px) { .fullscreen-banner .image { width: 45%; } .fullscreen-banner .image img { max-height: 290px; } .fullscreen-banner .descr { margin-bottom: 12px; line-height: 20px; } } @media screen and (max-width: 800px) { .fullscreen-banner .image { width: 40%; } .fullscreen-banner .image img { max-height: 270px; } } @media screen and (max-width: 700px) { .fullscreen-banner .image img { max-height: 260px; } .fullscreen-banner #breadcrumbs { left: 12px; width: auto; right: 0; margin-top: 12px; } } @media screen and (max-width: 600px) { .banner-hide-images { background: none !important; } .banner-hide-images .image { display: none; } .hide-600 { display: none !important; } } @media screen and (max-width: 500px) { .fullscreen-banner .image img { max-height: 170px; } .fullscreen-banner .image { width: 50%; } .fullscreen-banner .btn-simple { padding: 13px 8px 11px; } } .banner-elem.arbitrary-banner .text-wrap { padding-left: 0; } @media screen and (max-width: 700px) { .banner-elem.arbitrary-banner { height: auto; margin-bottom: 18px; } .banner-elem.arbitrary-banner .descr { max-height: 80px; } .banner-elem.arbitrary-banner .text-wrap { display: block; margin-bottom: 6px; padding: 12px 12px 0; } .banner-elem.arbitrary-banner h1 { margin-bottom: 8px; font-size: 18px; } .banner-elem.arbitrary-banner .image { display: block; width: 100%; padding: 0; } .banner-elem.arbitrary-banner .image img { max-height: 250px; margin: 0 auto; } .banner-elem.arbitrary-banner.banner-no-bg .image img { max-height: none; } .hide-700 { display: none !important; } } @media screen and (max-width: 500px) { .banner-elem.arbitrary-banner .descr { display: block; } .banner-elem.arbitrary-banner h1 { font-size: 16px; margin-bottom: 8px; line-height: 20px; max-height: 60px; } .banner-elem.arbitrary-banner .image img { max-height: 200px; } } #error404 { margin-bottom: 24px; text-align: center; } #error404 h1 { margin-bottom: 24px; text-align: center; line-height: 48px; font-size: 48px; } #error404 .errorPic { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 48px; text-align: center; margin-top: 48px; display: block; } #error404 .errorPic img { max-height: 90%; max-width: 90%; } #error404 .errorPic:hover { opacity: 0.8; } #error404 .errorText { font-weight: bold; text-transform: uppercase; line-height: 28px; } #error404 .errorText a { color: #ff9601; } #error404 #empty { border-top: 1px solid #e5e5e5; margin-top: 48px; } #error404 #empty .emptyTitle { text-align: center; margin-top: 48px; } #error404 #empty .emptyMenu a { display: inline-block; width: 250px; text-align: left; } #empty { overflow: hidden; } #empty .emptyWrapper { padding-bottom: 24px; overflow: hidden; } #empty .pictureContainer { margin-right: 24px; float: left; } #empty h3 { font-weight: bold; text-transform: uppercase; font-weight: 400; font-size: 16px; padding: 0; margin: 0; } #empty p { font-size: 14px; } #empty a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 14px; } #empty a:active { position: relative; } #empty a img { vertical-align: middle; padding-right: 12px; } #empty .emptyTitle { text-transform: uppercase; font-weight: bold; margin-top: 24px; font-size: 14px; } #empty .emptyMenu { margin: 24px 0 24px 0; list-style: none; overflow: hidden; padding: 0; } #empty .emptyMenu li { margin-bottom: 12px; width: 33.333333%; float: left; } #empty .back { padding-bottom: 2px; } #empty .back:active { position: relative; top: 1px; } .product-card { position: relative; display: flex; flex-direction: column; gap: 20px; background-color: #f4f4f6; border-radius: 14px; height: 100%; } .product-card__wishlist { position: absolute; top: 10px; right: 10px; display: flex; gap: 8px; z-index: 1; } .product_card_tovar { position: absolute; top: 13px; left: 8px; display: flex; gap: 8px; z-index: 1; } .product_card_tovar span { color: #fff; font-size: 13px; font-weight: 500; line-height: 100%; background-color: #48C95F; padding: 5px 6px; border-radius: 4px; display: flex; width: fit-content; } .product-card__wishlist-item { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: #ffffff; border: none; border-radius: 10px; outline: none; cursor: pointer; } .product-card__wishlist-item.added path { fill: var(--red); } .js-compare.added path { stroke: var(--red); } .product-card__img { width: 100%; height: 220px; object-fit: contain; border-radius: 14px 14px 0 0; background-color: #fff; } .product-card__img-wrapper { border-bottom: 1px solid #CCD0D7; position: relative; } .product-card__data { display: flex; flex-direction: column; gap: 12px; padding: 0 16px; } .product-card__price { font-family: var(--font-family); font-weight: 600; font-size: 20px; line-height: 150%; color: #000; } .product-card__inner { display: flex; flex-direction: column; gap: 10px; } .product-card__name { font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 150%; color: #000; text-decoration: none; } .product-card__name.mobile { display: none; } .product-card__row { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-top: auto; } .product-card__rating { display: flex; align-items: center; gap: 6px; } .product-card__rating-title { font-size: 13px; font-weight: 400; line-height: 150%; color: #000000; } .product-card__rating-value { display: flex; align-items: center; gap: 4px; } .product-card__rating-value span { font-size: 13px; font-weight: 400; line-height: 150%; color: #000000; } .product-card__article { display: flex; align-items: center; gap: 4px; font-family: var(--font-family); font-weight: 400; font-size: 13px; line-height: 150%; color: #919191; } .product-card__button { margin-top: auto; } .product-card .addCart { margin-top: auto; margin: 0 16px 0; } .product-card .oneClick { margin: 0 16px 16px; } .product-card .product__quantity { margin: auto 16px 0; } @media (max-width: 600px) { .product-card__wishlist { right: 8px; bottom: 7px; top: unset; left: unset; } .product_card_tovar, .product-card__wishlist { gap: 4px; } .product_card_tovar { top: 4px; left: 4px; } .product_card_tovar span { font-size: 12px; } .product-card__wishlist-item { width: 28px; height: 28px; } } @media (max-width: 500px) { .product-card__name { /* display: none; */ } .product-card__name.mobile { /* display: block; */ } .product-card .addCart { margin: auto 6px 6px; padding: 6px; font-size: 12px; border-radius: 4px; } } .contactList { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 20px; } .contactList td { display: flex; } .contactList tr { display: flex; align-items: flex-end; gap: 12px; } .contactList li table tr td:last-child, .contactList li table tr td:last-child a { font-size: 18px; font-weight: 400; color: #000; line-height: 140%; text-decoration: none; } .contact-block--item.messangers { margin: 30px 0; } .contacts-messangers { display: flex; align-items: center; gap: 12px; } .contacts-messangers a { display: flex; } .contacts-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 30px; } .social__item__wa:hover .bg { fill: #25d366; } .social__item__tg:hover .bg { fill: #2aabee; } .header__top .header__contacts { display: none; } .mobile-menu-toggle { display: none; } .hidden { display: none; } .filters-toggle { display: none; } img { max-width: 100%; } .footer__top-logo.mobile-logo { display: none; } .footer__column-title.icon-title svg { display: none; } .footer__column-list { display: flex; flex-direction: column; gap: 16px; } .smart__header { display: none; } .smart__close { cursor: pointer; } @media (max-width: 1199px) { .city-changer { display: none; } .category { flex-direction: column; align-items: stretch; } .category__smart { display: none; } .category__smart.active { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; background-color: #fff; display: flex; flex-direction: column; } .category__smart.active #smartFilterForm { height: 100%; overflow-y: auto; padding: 20px; padding-bottom: 70px; } .category__smart.active .smart__header { display: flex; align-items: center; gap: 10px; justify-content: space-between; padding-bottom: 20px; padding: 20px; border-bottom: 1px solid #CCD0D7; } .category__smart.active #smartFilterControls { position: absolute; bottom: 0; left: 0; right: 0; padding: 12px 20px; background-color: #fff; box-shadow: 0px -4px 10px 0px #00000014; } .smart__header-title { font-size: 24px; font-weight: 600; line-height: 33px; color: #08090B; } .filters-toggle { display: flex; align-items: center; gap: 5px; justify-content: space-between; } .global-block-container { display: flex; flex-wrap: wrap; } } @media (max-width: 959px) { .header__menu { display: none; } .header__social { margin-left: auto; } .header__bot .header__contacts { display: none; } .header__top .header__contacts { display: inline-flex; } .mobile-menu-toggle { /* display: flex; */ } .about-main { flex-direction: column; gap: 40px; } .about-main__img { width: 100%; height: auto; } .main-bottom { flex-direction: column; gap: 8px; margin: 0 -15px; } .main-bottom__block { width: 100%; gap: 8px; } .main-bottom__block--bg, .main-bottom__about, .main-bottom__messanger { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .main-bottom__messanger { gap: 8px; width: calc((100% - 8px) / 2); } .section--bottom { margin-bottom: 0; } .footer { margin-top: 40px; } .footer__top { flex-wrap: wrap; row-gap: 40px; } .footer__column { width: calc(50% - 8px); } .footer__bottom { flex-direction: column; align-items: flex-start; } .footer__payments { margin-left: 0; } .footer__column-btn-wrapper { flex-direction: column; align-items: flex-start; gap: 10px; } } @media (max-width: 639px) { .header__top { padding: 0; background: none; } .logo { gap: 4px; } .logo__img { width: 30px; height: 18px; } .logo__top { font-size: 12px; } .social.header__social { display: none; } .header__search { display: none; } .header__button { width: 40px; height: 40px; } .header__bot { gap: 20px; } .header__buttons { margin-left: auto; } .product-card { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } .product-card__img { height: 120px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; -webkit-border-radius: 12px; } .product-card__wishlist-item { width: 30px; height: 30px; } .product-card__wishlist-item svg { width: 18px; height: 18px; } .product-card__price { font-size: 16px; line-height: 24px; } .product-card__name { font-size: 12px; } .product-card__article { font-size: 12px; } .about-main { gap: 20px; } .about-main__title { font-size: 24px; } .about-main__desc { font-size: 14px; } .consult__title, .main-bottom__about-title { font-size: 24px; } .consult__input { width: 100%; } .main-bottom__messanger { padding: 18px; } .main-bottom__messanger-title { font-size: 14px; } .footer__wrapper { padding: 30px 0; } .footer__column { width: 100%; } h1, .h1, h2, .h2, .content h2 { font-size: 24px; margin-bottom: 24px; } body { font-size: 14px; } .heading__back { display: none; } } @media (max-width: 500px) { .header__phone { font-size: 14px; font-weight: 700; display: flex; justify-content: flex-end; } .header__mail { font-size: 12px; gap: 2px; } .product-card { border-radius: 6px; padding: 0; gap: 6px; } .product-card__data { padding: 0px 6px; gap: 8px; margin-bottom: 6px; } .product-card__inner { gap: 6px; } .product-card__name { line-height: 150%; } .product-card__row { flex-direction: column; gap: 4px; align-items: flex-start; } .product-card__article { color: #919191; } h1, .h1, h2, .h2, .content h2 { margin-bottom: 20px; } .section h2, .section .h2 { margin-bottom: 20px; font-weight: 600; } .about-main__desc p { font-size: 14px; font-weight: 400; color: #000; line-height: 150%; } .main-bottom { margin: 0; gap: 60px; } .main-bottom__block--bg { padding: 16px; border-radius: 8px; } .consult { gap: 16px; } .consult__title { margin-bottom: 0; } .consult__button, .consult__form, .consult__policy { margin-top: 0; } .consult__subtitle { font-size: 14px; line-height: 150%; color: #89909d; } .consult__input { width: 47%; } .consult__button { font-size: 14px; line-height: 140%; } .consult__policy svg { display: none; } .consult__policy span { text-align: center; } .main-bottom__block { padding: 16px; margin: 0; } .main-bottom__block.socials { padding: 0; gap: 24px; margin: 0; } .main-bottom__about-title { line-height: 130%; } .main-bottom__about { gap: 16px; } .main-bottom__about-socials { margin-top: 4px; } .main-bottom__about-social svg, .main-bottom__messanger-icon svg { width: 24px; height: 24px; } .main-bottom__messanger { padding: 12px 11px; } .main-bottom__messanger { gap: 6px; border-radius: 6px; } .main-bottom__messanger-title { font-size: 12px; line-height: 20px; } .main-bottom__messangers { gap: 6px; } /* footer */ .footer { margin-top: 60px; } .footer__top-logo.mobile-logo { display: block; margin-bottom: 24px; } .footer__top-logo.desktop-logo { display: none; } .footer__top-logo.mobile-logo .logo__img { width: 57px; height: 34px; } .footer__top-logo.mobile-logo .logo { gap: 10px; } .footer__top-logo.mobile-logo .logo__top { font-size: 21px; } .footer__top-logo.mobile-logo .logo__bot { font-size: 7px; } .footer__wrapper { /* padding: 20px 30px 20px 0; margin: 0 -6px; */ } .footer__top { row-gap: 0px; border: none; padding-bottom: 0px; } .footer__column.menu-column .footer__column-title { padding: 16px 0; } .footer__column.menu-column .footer__column-title svg { transition: transform 0.3s; } .footer__column.menu-column .footer__column-title.active svg { transform: rotate(180deg); } .footer__column.menu-column { border-top: 1px solid #ccd0d7; gap: 8px; } .footer__column.menu-column.last { border-bottom: 1px solid #ccd0d7; } .footer__column.contacts-column { margin-top: 24px; } .footer__column-title { cursor: pointer; } .footer__column-title.icon-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .footer__column-title.icon-title svg { display: block; } .footer__column-list { display: none; } .footer__column-title.active + .footer__column-list { display: flex; padding-bottom: 24px; } .footer__column-title { margin-bottom: 0; } .footer-row { margin-top: 8px; gap: 20px; } .footer__column-text { margin-top: 8px; } .social { gap: 8px; } .footer-row .button[data-id="2"] { font-size: 14px; } .footer__bottom .logo.desktop-logo { display: none; } .footer__bottom { padding: 24px 0 50px; } .footer__payments { gap: 12px; } /* product cart */ .product-page__news .h2 { margin-bottom: 12px; } .product-page__news .section-header__link { display: none; } .similar-products .h2 { margin-bottom: 16px; } .services-title { margin-top: 12px; } .header__contacts { gap: 2px; } } @media (max-width: 420px) { .main-bottom__messanger { padding: 12px 11px; } } .about-main { margin: 30px 0; } .about-video { position: relative; height: 0; overflow: hidden; width: 630px; height: 350px; max-width: 100%; } .adapt-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .mail-wrapper { display: flex; align-items: center; gap: 5px; } .email-copy__wrapper { width: 10px; height: 10px; cursor: pointer; display: flex; position: relative; } .catalog-tags { margin-bottom: 20px; position: relative; } .catalog-tags__arrow { display: none; } .catalog-tags__caption { font-family: var(--font-family); font-weight: 600; font-size: 16px; line-height: 110%; letter-spacing: -0.02em; color: #000; margin-bottom: 16px; } .catalog-tags__list { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; } .catalog-tags__list li { margin: 0; display: flex; } .catalog-tags__list li:before { display: none; } .catalog-tags__list li.hidden { display: none; } .catalog-tags__list li a { font-size: 14px; font-weight: 400; color: #000; padding: 6px 12px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; background-color: #f4f4f6; text-decoration: none; } .catalog-tags__list li a:hover { background: var(--grey-str); } .js-seo-more { margin-top: 12px; display: inline-block; position: relative; } .js-seo-more::after { content: ""; display: block; width: 12px; height: 12px; background-image: url("/local/templates/redesign/img/offen-search-icon.svg"); background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); transition: transform .2s ease; } .js-seo-more a { text-decoration: none; font-size: 14px; font-weight: 400; color: #46484c; } .js-seo-more.active::after { transform: translateY(-50%) rotate(-180deg); } @media (max-width: 500px) { .catalog-tags__caption { display: flex; align-items: center; gap: 5px; justify-content: space-between; cursor: pointer; } .catalog-tags__arrow { display: block; transition: transform .3s ease; } .catalog-tags__list, .js-seo-more { display: none; } .catalog-tags.is-open .catalog-tags__list { display: flex; } .catalog-tags.is-open .catalog-tags__arrow { transform: rotate(180deg); } .catalog-tags.is-open .js-seo-more { display: inline-block; } .catalog-tags__list li a { padding: 6px 8px; } } .team__header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 25px; } .team { margin-top: 30px; } .team-items { display: flex; flex-wrap: wrap; margin-left: -40px; align-items: flex-start; row-gap: 40px; } .team-item { width: 292px; box-sizing: border-box; } .team-item__image { height: 400px; } .team-item__image img { width: 100%; height: 100%; object-fit: cover; } .team-item__name { margin-top: 10px; font-size: 18px; font-family: var(--font-family); font-weight: 600; color: var(--h1-h5-color); } .team-item__info { margin-top: 5px; font-size: 14px; } .team__arrows { position: relative; display: flex; gap: 8px; } .team__arrow { position: relative; top: 0; width: 44px; height: 44px; background: #cce4ff; transform: none; opacity: 1; transition-duration: 300ms; } .team__arrow:disabled { background: rgba(189, 189, 189, 0.2); opacity: 1; cursor: default; } .team__arrow--prev { left: 0; } .team__arrow--next { right: 0; } .team__arrow > svg { width: 24px; height: 24px; stroke: #007AFF; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition-duration: 300ms; } .team__arrow:disabled > svg { stroke: #BDBDBD; } .section .h2.team-title { margin: 0; } @media (max-width: 1199px) { .team-item { width: calc(100% / 3); } } @media (max-width: 991px) { .team-item__image { height: 300px; } } @media (max-width: 767px) { .team-item { width: 50%; } .team-item__image { height: 400px; } } @media (max-width: 500px) { .team__header { margin-bottom: 30px; } .team-item__image { height: 240px; border-radius: 12px; overflow: hidden; } .team-item__name { font-size: 16px; line-height: 120%; } .team-item__info { font-size: 13px; line-height: 120%; } .team__arrow { width: 40px; height: 40px; } .team { position: relative; padding-bottom: 60px; } .team__arrows { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } } /* Калькулятор доставки */ .calc-delivery__row { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-bottom: 30px; } .input-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .calc-delivery__column { width: 45%; } .calc-delivery .input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 48px; padding: 0 16px; border-radius: 10px; border: 1.5px solid #d1d5db; background-color: #fff; overflow: hidden; font-size: 16px; line-height: 1.2; color: #111827; opacity: 1; } .input-container .input { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .calc-delivery__title { display: block; font-size: 20px; font-weight: 600; color: var(--h1-h5-color); } .tabs .calc-delivery__title { color: #000; } .calc-delivery__price { display: block; font-size: 26px; white-space: nowrap; color: #000; } .calc-delivery__column.calc-delivery__auto { width: auto; } .contactList tr td:nth-of-type(1) { height: fit-content; margin: auto 0; } .contactList tr, .contactList td { padding: 0; } .contactList table { border-collapse: collapse; } @media (max-width: 767px) { .calc-delivery__row { gap: 10px; } .calc-delivery__column { width: 100%; } } /* contacts page */ @media (max-width: 767px) { .contacts-row { flex-direction: column; align-items: flex-start; } .contacts-page__image { width: auto !important; height: auto !important; } } @media (max-width: 500px) { .contactList tr { gap: 9px; } .contactList { gap: 14px; } .contactList li table tr td:last-child, .contactList li table tr td:last-child a { font-size: 14px; font-weight: 400; color: #000; line-height: 140%; } .contact-block--item.messangers { margin: 20px 0; } .contactList img { min-width: 20px; min-height: 20px; max-width: 20px; max-height: 20px; } } .requisites-table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; margin-top: 20px; } .requisites-table th, .requisites-table td { border: 1px solid #ccc; padding: 10px 12px; text-align: left; vertical-align: top; } .requisites-table th { background-color: #f5f5f5; font-size: 18px; font-weight: bold; text-align: left; color: #333; } .requisites-table td a { color: #007bff; text-decoration: none; } .requisites-table td a:hover { text-decoration: underline; } .cookies-block { display: none; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 999999; } .cookies-block .content { background: #fff; position: relative; border-radius: 4px 4px 0 0; box-shadow: 0px 3.83466px 43.1399px #f1f1f1; padding: 25px 160px 25px 38px; } .price-list { margin-top: 12px; cursor: pointer; width: fit-content; padding: 10px 20px; display: flex; align-items: center; gap: 6px; background: #007aff; border-radius: 8px; font-family: var(--third-family); font-weight: 500; font-size: 14px; line-height: 140%; color: #fff; text-decoration: none; white-space: nowrap; } @media (max-width: 500px) { .price-list { margin-top: 20px; } } .cookies-block .content p { font-size: 14px; line-height: 27px; margin: 0; } .cookies-block .content p a { color: #626262; } .cookies-block .content button { position: absolute; top: 50%; transform: translateY(-50%); right: 80px; background: #626262; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 70px; height: 45px; font-weight: 500; text-transform: uppercase; font-size: 15; cursor: pointer; } @media (max-width: 767px) { .cookies-block .content { padding: 15px; } .cookies-block .content button { margin-top: 15px; position: static; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } } .polytics-section table { border: 1px solid #ccc; border-collapse: collapse; } .polytics-section td, .polytics-section th { border: 1px solid #ccc; padding: 10px; } .sert_element_wrapper { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 20px; } .sert_element_block { width: 200px; text-align: center; text-decoration: none; color: inherit; } .sert_element_block img { max-width: 100%; height: auto; display: block; margin-bottom: 5px; } .sert_element_block span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } table { border: 1px solid #ccc; border-collapse: collapse; } table th, table td { border: 1px solid #ccc; padding: 5px; } @media (max-width: 800px) { .header-callback { display: none; } } .product__bottom-button { display: flex; flex-direction: column; gap: 10px; } .social__fixed { position: fixed; } .social__fixed.social__item__max { bottom: 120px; right: 55px; } .social__fixed.social__item__tg { bottom: 190px; right: 55px; } .product-visitors { padding: 0px; position: relative; display: inline-block; color: #16b73b; white-space: nowrap; font-size: 14px; font-weight: 500; width: 100%; margin-bottom: 10px; } /* End */ /* /local/templates/redesign/components/bitrix/catalog.section.list/menu/style.css?17416885272541 */ /* /local/components/seo365/search.line/templates/redesign/style.min.css?16274580386922 */ /* /local/templates/redesign/components/bitrix/catalog.section.list/mobile-menu/style.css?17416890081864 */ /* /local/templates/redesign/components/bitrix/form.result.new/modal/style.css?173440390710529 */ /* /local/templates/redesign/styles.css?17709659834925 */ /* /local/templates/redesign/template_styles.css?178124782162555 */