/* Start:/local/css/style.css?175938961149691*/ /* @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-Black.eot'); src: local('Mont Black'), local('Mont-Black'), url('/local/fonts/mont/Mont-Black.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-Black.woff2') format('woff2'), url('/local/fonts/mont/Mont-Black.woff') format('woff'), url('/local/fonts/mont/Mont-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-ThinItalic.eot'); src: local('Mont Thin Italic'), local('Mont-ThinItalic'), url('/local/fonts/mont/Mont-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-ThinItalic.woff2') format('woff2'), url('/local/fonts/mont/Mont-ThinItalic.woff') format('woff'), url('/local/fonts/mont/Mont-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-ExtraLight.eot'); src: local('Mont ExtraLight'), local('Mont-ExtraLight'), url('/local/fonts/mont/Mont-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-ExtraLight.woff2') format('woff2'), url('/local/fonts/mont/Mont-ExtraLight.woff') format('woff'), url('/local/fonts/mont/Mont-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-Bold.eot'); src: local('Mont Bold'), local('Mont-Bold'), url('/local/fonts/mont/Mont-Bold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-Bold.woff2') format('woff2'), url('/local/fonts/mont/Mont-Bold.woff') format('woff'), url('/local/fonts/mont/Mont-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-HeavyItalic.eot'); src: local('Mont Heavy Italic'), local('Mont-HeavyItalic'), url('/local/fonts/mont/Mont-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-HeavyItalic.woff2') format('woff2'), url('/local/fonts/mont/Mont-HeavyItalic.woff') format('woff'), url('/local/fonts/mont/Mont-HeavyItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-BlackItalic.eot'); src: local('Mont Black Italic'), local('Mont-BlackItalic'), url('/local/fonts/mont/Mont-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-BlackItalic.woff2') format('woff2'), url('/local/fonts/mont/Mont-BlackItalic.woff') format('woff'), url('/local/fonts/mont/Mont-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-ExtraLightItalic.eot'); src: local('Mont ExtraLight Italic'), local('Mont-ExtraLightItalic'), url('/local/fonts/mont/Mont-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-ExtraLightItalic.woff2') format('woff2'), url('/local/fonts/mont/Mont-ExtraLightItalic.woff') format('woff'), url('/local/fonts/mont/Mont-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-Heavy.eot'); src: local('Mont Heavy'), local('Mont-Heavy'), url('/local/fonts/mont/Mont-Heavy.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-Heavy.woff2') format('woff2'), url('/local/fonts/mont/Mont-Heavy.woff') format('woff'), url('/local/fonts/mont/Mont-Heavy.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-SemiBold.eot'); src: local('Mont SemiBold'), local('Mont-SemiBold'), url('/local/fonts/mont/Mont-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-SemiBold.woff2') format('woff2'), url('/local/fonts/mont/Mont-SemiBold.woff') format('woff'), url('/local/fonts/mont/Mont-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-RegularItalic.eot'); src: local('Mont Regular Italic'), local('Mont-RegularItalic'), url('/local/fonts/mont/Mont-RegularItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-RegularItalic.woff2') format('woff2'), url('/local/fonts/mont/Mont-RegularItalic.woff') format('woff'), url('/local/fonts/mont/Mont-RegularItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-BoldItalic.eot'); src: local('Mont Bold Italic'), local('Mont-BoldItalic'), url('/local/fonts/mont/Mont-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-BoldItalic.woff2') format('woff2'), url('/local/fonts/mont/Mont-BoldItalic.woff') format('woff'), url('/local/fonts/mont/Mont-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-SemiBoldItalic.eot'); src: local('Mont SemiBold Italic'), local('Mont-SemiBoldItalic'), url('/local/fonts/mont/Mont-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-SemiBoldItalic.woff2') format('woff2'), url('/local/fonts/mont/Mont-SemiBoldItalic.woff') format('woff'), url('/local/fonts/mont/Mont-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-LightItalic.eot'); src: local('Mont Light Italic'), local('Mont-LightItalic'), url('/local/fonts/mont/Mont-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-LightItalic.woff2') format('woff2'), url('/local/fonts/mont/Mont-LightItalic.woff') format('woff'), url('/local/fonts/mont/Mont-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-Thin.eot'); src: local('Mont Thin'), local('Mont-Thin'), url('/local/fonts/mont/Mont-Thin.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-Thin.woff2') format('woff2'), url('/local/fonts/mont/Mont-Thin.woff') format('woff'), url('/local/fonts/mont/Mont-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-Regular.eot'); src: local('Mont Regular'), local('Mont-Regular'), url('/local/fonts/mont/Mont-Regular.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-Regular.woff2') format('woff2'), url('/local/fonts/mont/Mont-Regular.woff') format('woff'), url('/local/fonts/mont/Mont-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Mont'; src: url('/local/fonts/mont/Mont-Light.eot'); src: local('Mont Light'), local('Mont-Light'), url('/local/fonts/mont/Mont-Light.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mont/Mont-Light.woff2') format('woff2'), url('/local/fonts/mont/Mont-Light.woff') format('woff'), url('/local/fonts/mont/Mont-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } */ @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-Black.eot'); src: local('Mulish Black'), local('Mulish-Black'), url('/local/fonts/mulish/Mulish-Black.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/Mulish-Black.woff2') format('woff2'), url('/local/fonts/mulish/Mulish-Black.woff') format('woff'), url('/local/fonts/mulish/Mulish-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } /* @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/mulish-ThinItalic.eot'); src: local('mulish Thin Italic'), local('mulish-ThinItalic'), url('/local/fonts/mulish/mulish-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/mulish-ThinItalic.woff2') format('woff2'), url('/local/fonts/mulish/mulish-ThinItalic.woff') format('woff'), url('/local/fonts/mulish/mulish-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } */ @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-ExtraLight.eot'); src: local('Mulish ExtraLight'), local('Mulish-ExtraLight'), url('/local/fonts/mulish/Mulish-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/Mulish-ExtraLight.woff2') format('woff2'), url('/local/fonts/mulish/Mulish-ExtraLight.woff') format('woff'), url('/local/fonts/mulish/Mulish-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-Bold.eot'); src: local('Mulish Bold'), local('Mulish-Bold'), url('/local/fonts/mulish/Mulish-Bold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/Mulish-Bold.woff2') format('woff2'), url('/local/fonts/mulish/Mulish-Bold.woff') format('woff'), url('/local/fonts/mulish/Mulish-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-ExtraBoldItalic.eot'); src: local('Mulish Extra Bold Italic'), local('Mulish-ExtraBold'), url('/local/fonts/mulish/Mulish-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/Mulish-ExtraBoldItalic.woff2') format('woff2'), url('/local/fonts/mulish/Mulish-ExtraBoldItalic.woff') format('woff'), url('/local/fonts/mulish/Mulish-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-BlackItalic.eot'); src: local('Mulish Black Italic'), local('Mulish-BlackItalic'), url('/local/fonts/mulish/Mulish-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/Mulish-BlackItalic.woff2') format('woff2'), url('/local/fonts/mulish/Mulish-BlackItalic.woff') format('woff'), url('/local/fonts/mulish/Mulish-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-ExtraLightItalic.eot'); src: local('Mulish ExtraLight Italic'), local('Mulish-ExtraLightItalic'), url('/local/fonts/mulish/Mulish-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/Mulish-ExtraLightItalic.woff2') format('woff2'), url('/local/fonts/mulish/Mulish-ExtraLightItalic.woff') format('woff'), url('/local/fonts/mulish/Mulish-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-ExtraBold.eot'); src: local('Mulish Extra Bold'), local('Mulish-ExtraBold'), url('/local/fonts/mulish/Mulish-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/Mulish-ExtraBold.woff2') format('woff2'), url('/local/fonts/mulish/Mulish-ExtraBold.woff') format('woff'), url('/local/fonts/mulish/Mulish-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-SemiBold.eot'); src: local('Mulish SemiBold'), local('Mulish-SemiBold'), url('/local/fonts/mulish/Mulish-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/Mulish-SemiBold.woff2') format('woff2'), url('/local/fonts/mulish/Mulish-SemiBold.woff') format('woff'), url('/local/fonts/mulish/Mulish-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-Italic.eot'); src: local('Mulish Italic'), local('Mulish-Italic'), url('/local/fonts/mulish/Mulish-Italic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/Mulish-Italic.woff2') format('woff2'), url('/local/fonts/mulish/Mulish-Italic.woff') format('woff'), url('/local/fonts/mulish/Mulish-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-BoldItalic.eot'); src: local('Mulish Bold Italic'), local('Mulish-BoldItalic'), url('/local/fonts/mulish/Mulish-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/Mulish-BoldItalic.woff2') format('woff2'), url('/local/fonts/mulish/Mulish-BoldItalic.woff') format('woff'), url('/local/fonts/mulish/Mulish-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-SemiBoldItalic.eot'); src: local('Mulish SemiBold Italic'), local('Mulish-SemiBoldItalic'), url('/local/fonts/mulish/Mulish-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/Mulish-SemiBoldItalic.woff2') format('woff2'), url('/local/fonts/mulish/Mulish-SemiBoldItalic.woff') format('woff'), url('/local/fonts/mulish/Mulish-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-LightItalic.eot'); src: local('Mulish Light Italic'), local('Mulish-LightItalic'), url('/local/fonts/mulish/Mulish-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/Mulish-LightItalic.woff2') format('woff2'), url('/local/fonts/mulish/Mulish-LightItalic.woff') format('woff'), url('/local/fonts/mulish/Mulish-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } /* @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-Thin.eot'); src: local('Mulish Thin'), local('Mulish-Thin'), url('/local/fonts/mulish/mulish-Thin.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/mulish-Thin.woff2') format('woff2'), url('/local/fonts/mulish/mulish-Thin.woff') format('woff'), url('/local/fonts/mulish/mulish-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } */ @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-Regular.eot'); src: local('Mulish Regular'), local('Mulish-Regular'), url('/local/fonts/mulish/Mulish-Regular.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/Mulish-Regular.woff2') format('woff2'), url('/local/fonts/mulish/Mulish-Regular.woff') format('woff'), url('/local/fonts/mulish/Mulish-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Mulish'; src: url('/local/fonts/mulish/Mulish-Light.eot'); src: local('Mulish Light'), local('Mulish-Light'), url('/local/fonts/mulish/Mulish-Light.eot?#iefix') format('embedded-opentype'), url('/local/fonts/mulish/Mulish-Light.woff2') format('woff2'), url('/local/fonts/mulish/Mulish-Light.woff') format('woff'), url('/local/fonts/mulish/Mulish-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } .page-pagination-search { display:flex; justify-content: center; gap:5px; list-style: none; } .page-pagination-search li { width:32px; height:32px; background: #eff0f1; display:flex; justify-content: center; align-items: center; border-radius:50%; font-size: 14px; } .page-pagination-search li.active { background: #9CCC65; color:#fff; } .modal-authorization-body-form-code button:hover { cursor: pointer; background: #9CCC65; color:#fff; } .page-pagination-search li a { text-decoration: none; font-size: 14px; color: #444; display: flex; align-items: center; justify-content: center; border-radius:50%; } .page-pagination-search li a:hover { background: #9CCC65; color: #fff; width:32px; height:32px; border-radius:50%; } input, textarea { outline: none; } input:active, textarea:active { outline: none; } :focus { outline: none; } textarea { resize: none; } textarea { resize: vertical; } textarea { resize: horizontal; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:after { content: ""; display: block; clear: both; } html { min-width: 360px; } html, body { height: 100%; margin: 0; padding: 0; font-family: 'Mulish'; font-style: normal; font-size: 14px; line-height: 1.4; color: #333; background-color: #F8F8F8; } ul { padding: 0px; margin: 0px; } .header, .content-wrapper, .content, .footer { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; } .header { position: relative; /*height: 230px;*/ -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; box-shadow: 0 4px 70px rgba(0, 0, 0, 0.1); } .footer { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; display: block; } .top_modaladd_tocart_right { background: #F8F8F8; width: 40px; height: 40px; border-radius: 50%; padding: 8px; transition: .3s; } .js-close-modal-size-list { background: #F8F8F8; width: 40px; height: 40px; border-radius: 50%; padding: 8px; transition: .3s; } .js-close-modal-size-list:hover { background: #A6D275; } .header-line-block-icon-profile:hover { cursor: pointer; } .js-close-modal-buyoneclick { background: #F8F8F8; width: 40px; height: 40px; border-radius: 50%; padding: 8px; transition: .3s; } .feedback-wholesalers-form-success { background: #9CCC65; padding: 15px; color: #fff; border-radius: 2px; margin-top: 15px; text-align: center; } .js-close-modal-oneCall { background: #F8F8F8; width: 40px; height: 40px; border-radius: 50%; padding: 8px; transition: .3s; } .js-close-modal-oneCall:hover { background: #A6D275; } .catalog-page-top .catalog-page-breadcrums { width: 100%; padding-top: 30px; background: #fff; } .catalog-page-top .catalog-page-breadcrums { list-style: none; display: flex; align-items: center; gap: 5px; margin: 0; } .catalog-page-top .catalog-page-breadcrums li a { color: #848A8A; text-decoration: none; transition: .3s; } .js-close-modal-buyoneclick:hover { background: #A6D275; } .top_modaladd_tocart_right:hover { background: #A6D275; } .content-wrapper { margin: 0 auto; flex-direction: column; height: 100%; min-width: 380px; max-width: 2000px; } .container { flex-wrap: nowrap; flex: 1 0 auto; } .content { width: 100%; flex-direction: column; flex: 1 1 auto; order: 0; } .header-soc-list ul { display: flex; gap: 15px; } .header-soc-list ul { list-style: none; } .header-soc-list a { text-decoration: none; display: block; } .bx-filter.bx-blue .btn-themes.bx-active, .bx-filter.bx-blue .btn-themes.focus, .bx-filter.bx-blue .btn-themes:active, .bx-filter.bx-blue .btn-themes:focus, .bx-filter.bx-blue .btn-themes:hover { background: #9CCC65; cursor: pointer; } .btn-primary { background: #9CCC65; color: #fff; border: none; border-radius: 2px; padding: 16px 32px; color: #fff !important; display: flex; justify-content: flex-start; align-items: center; gap: 10px; } .btn-primary:hover { background: #323B3D; } .bx-pagination .bx-pagination-container ul li.bx-active span { background: #9CCC65; } .ico-viber { background: url('/local/images/ico-viber.svg') no-repeat; width: 20px; height: 20px; display: block; } .ico-whatsUp { background: url('/local/images/ico-whatsUp.svg') no-repeat; width: 20px; height: 20px; display: block; } .ico-telegram { background: url('/local/images/ico-telegramm.svg') no-repeat; width: 20px; height: 20px; display: block; } .header-top { border-bottom: 1px solid #EBECEC; } .header-top .container { display: flex; align-items: center; justify-content: space-between; padding-top: 32px; padding-bottom: 32px; } .header-contact-phone a { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 110%; letter-spacing: 0.025em; color: #323B3D; text-decoration: none; } .header-contact-info span { display: block; justify-content: right; text-align: right; } .header-contact-call { margin-top: 5px; } .js-click-auth:hover { cursor:pointer; } .header-contact-call a { font-family: 'Mulish'; font-style: normal; font-weight: 600; font-size: 13px; line-height: 140%; color: #848A8A; text-decoration: none; display: flex; align-items: center; justify-content: end; } .header { display: block; background: #fff; } .container { max-width: 1400px; margin: 0 auto; padding-left: 32px; padding-right: 32px; } .header-bottom-left a { text-decoration: none; font-weight: 600; font-size: 15px; line-height: 21px; color: #323B3D; } .wr-mobile-footer-menu { position: fixed; bottom: 0; width: 100%; background: #fff; padding: 15px 0; z-index: 100; } .header-bottom .container { display: flex; align-items: center; justify-content: space-between; } .header-bottom-left { display: inline-flex; align-items: center; justify-content: center; /*margin-right:15px;*/ } .header-burger-btn { margin-right: 15px; } .ico-burger { background: url('/local/images/ico-burger.svg') no-repeat; width: 26px; height: 18px; display: block; } .ico-phone-black { background: url('/local/images/ico-phone-black.svg') no-repeat; width: 30px; height: 30px; display: block; } .ico-chat { background: url('/local/images/ico-chat.svg') no-repeat; width: 30px; height: 30px; display: block; } .ico-geo { background: url('/local/images/ico-geo.svg') no-repeat; width: 30px; height: 30px; display: block; } .mobile-footer-menu-ico { height:30px; display:flex; justify-content: center; align-items: center; } .about-company-main-right img:hover { cursor: pointer; } .mobile-footer-menu-item a { text-decoration: none; color:#000; } .mobile-footer-menu-item:hover { cursor: pointer; } .mobile-footer-menu { display:none; } .ico-header-search { background: url('/local/images/ico-search.svg') no-repeat; width: 16px; height: 16px; display: block; margin-right: 5px; } .wr-input-search { width: 100%; } .header-top .ico-green-phone { background: url('/local/images/ico-green-phone.svg') no-repeat; width: 12px; height: 12px; display: block; } .header-contact-call span:first-child { padding-right: 5px; } .footer-top { background: #F8F8F8; } .footer-top .container { display: flex; justify-content: space-between; } .footer-right { display: flex; gap: 30px; } .modal-authorization { min-width:330px; max-width:500px; } .modal-auth-desc { margin-top: 10px; font-size: 12px; font-style: italic; color: #7b6f6f; } .political-auth a { color:red; } .political-auth { width:100%; text-align: right; margin-top:5px; } .footer-right ul { list-style: none; padding: 0px; margin: 0px; } .footer-right ul a { text-decoration: none; font-size: 14px; font-weight: 500; color: #5B6263; } .modal-buy-one-click-body { width:400px; } @media(max-width:500px) { .modal-buy-one-click-body { width:320px; } } .footer-right .footer-menu-title { font-size: 18px; font-weight: 600; padding-bottom: 15px; display: block; } .footer-bottom .container { display: flex; justify-content: space-between; } .footer-left .footer-phone { font-size: 22px; margin-top: 30px; } .footer-left .footer-addr { font-size: 14px; margin-top: 30px; } .footer-left { color: #323B3D; } .footer-left .footer-email a { font-size: 14px; text-decoration: none; color: #323B3D; } .footer-bottom .container { padding-top: 23px; padding-bottom: 23px; } .footer-bottom .footer-coperight { font-size: 14px; color: #616471; } .footer-bottom .footer-private-policy a { text-decoration: none; color: #616471; font-size: 14px; } .wr-input-search .header-search-form { display: flex; align-items: center; justify-content: center; } .header-search-btn button { border: none; background: none; } .wr-header-search .btn-header-search { border: none; background: none; } .hidden { display: none !important; } .active { display: block; } .footer-top { padding-top: 60px; padding-bottom: 30px; } .header-bottom { padding-top: 15px; padding-bottom: 15px; } .footer-soc-network ul { display: flex; list-style: none; gap: 5px; } .footer-left { display: grid; grid-template-columns: repeat(1, 1fr); justify-content: space-between; } .footer-soc-network { display: flex; align-items: end; margin-top: 30px; } .ico-share { background: url('/local/images/ico-share.svg') no-repeat; width: 24px; height: 24px; display: block; } .ico-favorite { background: url('/local/images/ico-favorite.svg') no-repeat; width: 21px !important; height: 18px !important; display: block; transition: .3s; } .ico-basket-favorite { background: url('/local/images/ico-basket-favorite.svg') no-repeat; width: 21px !important; height: 18px !important; display: block; transition: .3s; } .ico-delete { background: url('/local/images/ico-delete.svg') no-repeat; width: 21px !important; height: 18px !important; display: block; transition: .3s; } .ico-favorite-active { -webkit-animation: add-favorite .5s forwards; animation: add-favorite .5s forwards; width: 21px !important; height: 18px !important; display: block; transition: .3s; } .ico-compare-active { -webkit-animation: add-compare .5s forwards; animation: add-compare .5s forwards; width: 18px; height: 18px; display: block; } .ico-favorite:hover { /*background: url('/local/images/ico-favorite-hov.svg') no-repeat;*/ /*width: 21px !important;*/ /*height: 18px !important;*/ /*display: block;*/ } .ico-delivery-pay { background: url('/local/images/ico-delivery-pay.svg') no-repeat; width: 32px; height: 32px; display: block; } .icons-favorite-cart-compare:hover { -webkit-animation: heart 2s infinite; animation: heart 2s infinite; cursor: pointer; color: #e3000f; fill: #e3000f; } .lk-orded-list li { display: grid; grid-template-columns: 25px 50px 1fr 1fr 1fr; padding: 15px; } .lk-orded-list ul { background: #F8F8F8; border-radius: 4px; } .lk-id-user { color:gray; font-size:14px; } .lk-order-ul-header { max-height: 350px; overflow: auto; overflow-x: hidden; } .lk-orded-list-header { color:gray; font-size: 12px; } .sale-personal-content h1 { margin:0; font-size:24px; } .lk-orded-list { margin-top:30px; } @keyframes add-favorite { from { background: url('/local/images/ico-favorite.svg') no-repeat; } to { background: url(/local/images/ico-favorite-hov.svg) no-repeat; } } @keyframes add-compare { from { background: url('/local/images/ico-compare.svg') no-repeat; } to { background: url(/local/images/ico-compare-hov.svg) no-repeat; } } @keyframes heart { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.2, 1.2, 1.2); } 100% { transform: scaleX(1); } } .ico-pdf { background: url('/local/images/ico-pdf.svg') no-repeat; width: 29px; height: 40px; display: block; } .burger-modal-top { display: flex; align-items: center; justify-content: space-between; } .burger-modal-top-right { background: #F8F8F8; width: 40px; height: 40px; border-radius: 50%; padding: 10px; transition: .3s; } .burger-modal-top-right:hover { cursor: pointer; background: #A6D275; } .ico-close { background: url('/local/images/ico-close.svg') no-repeat; display: block; width: 100%; height: 100%; } .burger-modal-menu { position: absolute; top: 0; box-shadow: 0px 4px 70px rgb(0 0 0 / 10%); width: 100%; padding-top: 30px; padding-bottom: 30px; z-index: 100; background: #fff url('/local/images/modal-burger-stylus.svg') bottom left no-repeat; } .hidden { display: none; } .burger-modal-search { padding-top: 30px; } .header-burger-btn { cursor: pointer; } .burger-modal-bottom { display: grid; grid-template-columns: 70% 30%; margin-top: 60px; gap: 15px; } .burger-modal-bottom ul { padding: 0; margin: 0; list-style: none; } .burger-modal-bottom a { text-decoration: none; color: #323B3D; } .burger-modal-bottom-left-top .burger_menu_list-title { font-size: 22px; font-weight: 600; } .burger-modal-bottom-left-bottom .burger_menu_list-title { font-size: 18px; font-weight: 600; } .burger-modal-bottom .burger_menu_list ul { margin-top: 15px; } .burger-modal-bottom-left-top { grid-template-columns: repeat(3, 1fr); display: grid; gap: 15px; } .burger-modal-bottom-left-bottom { grid-template-columns: repeat(3, 1fr); display: grid; margin-top: 30px; } .ico-arrow-right-modal-menu { background: url('/local/images/ico-arrow-modal-menu.svg') no-repeat; display: block; width: 5px; height: 8px; } .ico-arrow-right { background: url('/local/images/ico-arrow-right.svg') no-repeat; display: block; width: 9px; height: 14px; } .category-list-modal-menu li { display: flex; align-items: center; gap: 5px; } .none { display: none; } .wr-modal-authorization { background: rgba(61, 61, 61, 0.7); width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 999; display: flex; align-items: center; justify-content: center; } .modal-authorization-body-top { display: flex; justify-content: space-between; font-weight: 600; font-family: 'Mulish'; font-size: 22px; } .modal-authorization-body { min-width:400px; } @media (max-width: 500px) { .modal-authorization-body { min-width:320px; } } .modal-authorization-body-form { margin-top: 15px; } .modal-authorization-body-form .form-group { position: relative; margin-top: 10px; } .modal-authorization-body-form .form-group input { width: 100%; border: none; background: #F8F8F8; padding: 20px 15px; margin-top: 15px; color: #ADB1B1; font-family: 'Mulish'; } .modal-authorization-body-form button { background: #323B3D; width: 100%; border: none; color: #fff; padding: 15px 0; margin-top: 25px; transition: .3s; } .modal-authorization-body-form button:hover { cursor: pointer; background: #9CCC65; } #phoneHelp, #passHelp { position: absolute; left: 0; top: -5px; color: #df0404; } .ico-start-active { background: url('/local/images/ico-star-active.svg') no-repeat; display: block; width: 20px; height: 19px; } .ico-start { background: url('/local/images/ico-star.svg') no-repeat; display: block; width: 20px; height: 19px; } #modalFieldCode { width: 100%; border: none; background: #F8F8F8; padding: 20px 15px; margin-top: 15px; color: #ADB1B1; font-family: 'Mulish'; } .modal-authorization-body-form-code button { background: #323B3D; width: 100%; border: none; color: #fff; padding: 15px 0; margin-top: 25px; } .modal-authorization-body-form-code .form-group { position: relative; margin-top: 10px; } #codeHelp { position: absolute; left: 0; top: -5px; color: #df0404; } .wr-page-wholesalers { background: #fff; } .top_modaladd_tocart { display: flex; justify-content: space-between; } .modal_item_addToBasket_bottom_right a { border: none; background: #323B3D; color: #fff; width: 100%; font-weight: 600; font-size: 12px; padding: 12px 0; border-radius: 2px; transition: .3s; text-align: center; text-decoration: none; } .modal_item_addToBasket_bottom_right a:hover { cursor: pointer; background: #9CCC65; } .modal_item_addToBasket { display: flex; justify-content: space-between; align-items: center; margin-top: 30px; } .modal_item_addToBasket_left { display: flex; gap: 15px; } .modal_item_addToBasket_name { font-weight: 700; font-size: 20px; } .modal_item_addToBasket_images img { width: 150px; } .modal_item_addToBasket_price { display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; } .top_modaladd_tocart_left { font-weight: 700; font-family: 'Mulish'; } .modal_add_tocart { width:400px; } @media(max-width:500px) { .modal_add_tocart { width:320px; } } .modal_item_addToBasket_quantity { border: 1px solid #EBECEC; border-radius: 2px; margin-top: 15px; display:flex; } .modal_item_addToBasket_quantity button { border: none; background: 0; } .modal_item_addToBasket_quantity button:hover { cursor: pointer; } .modal_item_addToBasket_quantity input { width: 50px; text-align: center; padding: 5px; border: none; } .section_picture_item img { max-height: 239px; width: 100%; object-fit: contain; } .modal_item_addToBasket_bottom_panel { margin-top: 60px; } .modal_item_addToBasket_bottom_title { border-bottom: 1px solid #EBECEC; padding-bottom: 5px; } .modal_item_addToBasket_bottom_right { display: grid; align-items: center; gap: 5px; grid-template-columns: repeat(2,1fr); } .modal_item_addToBasket_bottom_right button:hover { cursor: pointer; } .modal_item_addToBasket_btn_continue { padding: 12px 25px; border: 1px solid #EBECEC; border-radius: 2px; background: #fff; } .modal_item_addToBasket_btn_goBasket { padding: 10px 25px; background: #323B3D; color: #fff; border-radius: 2px; border: none; transition: .3s; } .modal-set-call-body { width: 400px; } @media(max-width:500px){ .modal-set-call-body { width: 320px; } } .modal_item_addToBasket_btn_goBasket:hover { cursor: pointer; background: #9CCC65; } .modal_item_addToBasket_summPrice { font-size: 22px; font-weight: 700; } .modal_item_addToBasket_bottom_left { display: flex; gap: 5px; justify-content:center; margin:15px 0; } .modal_item_addToBasket_summSalePrice { color: #EB7657; text-decoration: line-through; } .header-main-menu-item { /*display: inline-block;*/ } .catalog-form-subscribe { background: #fff; } .wr-page-about-us-getCatalog { padding-top: 60px; background: #fff; } .bg-modal-buy-one-click { background: rgba(61, 61, 61, 0.7); width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 999; display: flex; align-items: center; justify-content: center; } .modal-buy-one-click-body { /*background: #fff;*/ /*width: 500px;*/ /*opacity: 1;*/ /*z-index: 999;*/ /*position: fixed;*/ /*left: 50%;*/ /*top: 50%;*/ /*transform: translate(-50%, -50%);*/ /*border-radius: 2px;*/ /*padding: 30px;*/ } .buy-one-click-body-top { display: flex; justify-content: space-between; margin-bottom: 15px; } .buy-one-click-body-form input { width: 100%; background: #F8F8F8; border: none; border-radius: 2px; padding: 15px; } .buy-one-click-body-form .form-group { margin-bottom: 20px; } .buy-one-click-body-form button { background: #323B3D; border-radius: 2px; border: none; color: #fff; width: 100%; display: block; padding: 20px; transition: .3s; } .buy-one-click-body-form button:hover { cursor: pointer; color: #fff; background: #9CCC65; } .buy-one-click-body-title { color: #323B3D; font-size: 22px; } .form-buyOneClick-check { position: relative; } #checkBuyOneClickHelp { position: absolute; top: -15px; left: 7px; color: red; } .form-buyOneClick-check .form-buyOneClick-check-input { display: flex; gap: 5px; align-items: center; margin-top: 20px; } .ico-modal-close { background: url('/local/images/ico-modal-close.svg') no-repeat; display: block; width: 23px; height: 23px; } .js-close-modal-buyoneclick:hover { cursor: pointer; } .buy-one-click-body-form .form-group { position: relative; } .buy-one-click-body-form .form-group small { position: absolute; left: 0; top: -18px; color: red; } .spinner { animation: rotate 2s linear infinite; z-index: 2; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -13px; width: 25px; height: 25px; } .spinner .path { stroke: #93bfec; stroke-linecap: round; animation: dash 1.5s ease-in-out infinite; } @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .form-buy-onclick-submit { position: relative; } .wr-loading-block { background: #ffffffb3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .buy-one-click-body-success span { display: block; } .buy-one-click-body-success { background: #9CCC65; padding: 15px; color: #fff; border-radius: 2px; } .wr-modal_addToBasket_summSalePrice { color: #EB7657; font-weight: 600; text-decoration: line-through; } .wr-modal_item_addToBasket_summPrice { font-size: 22px; font-weight: 700; } .modal_item_addToBasket_price_sale { color: #EB7657; font-weight: 600; text-decoration: line-through; } .top_modaladd_tocart_right:hover { cursor: pointer; } .header-geolocation { display: flex; align-items: end; } .header-geolocation:hover { cursor: pointer; } .header-geolocation-title { color: #848A8A; } .header-geolocation .ico-arrow-down { background: url('/local/images/ico-arrow-down.svg') no-repeat; width: 13px; height: 7px; display: block; } .ico-map-mark { background: url('/local/images/map-marker-outline.svg') no-repeat; width: 18px; height: 17px; display: block; } .header-geolocation-country { display: flex; align-items: center; gap: 3px; } .header-geolocation-left { padding-bottom: 2px; } .modal-menu-info-callBack button { display: flex; align-items: center; gap: 5px; border: 1px solid #d2d2d2; padding: 7px 20px; border-radius: 2px; text-decoration: none; color: #5B6263; background: #fff; transition: .3s; } .modal-menu-info-callBack button:hover { cursor: pointer; background: #9CCC65; color:#fff; } .modal-menu-info-socSeti ul { display: flex; gap: 15px; margin-top: 15px; } .modal-menu-info-phone a { font-size: 20px; font-weight: 700; } .modal-menu-info-callBack { margin-top: 15px; } .ico-viber.active { background: url('/local/images/ico-viber-active.svg') no-repeat; width: 20px; height: 20px; display: block; fill: red; } .ico-whatsUp.active { background: url('/local/images/ico-whatsUp-active.svg') no-repeat; width: 20px; height: 20px; display: block; } .ico-telegram.active { background: url('/local/images/ico-telegramm-active.svg') no-repeat; width: 20px; height: 20px; display: block; } .ico-mail { background: url('/local/images/ico-mail.svg') no-repeat; width: 20px; height: 20px; display: block; } .ico-mail.active { background: url('/local/images/ico-mail-active.svg') no-repeat; width: 20px; height: 20px; display: block; } .bg-modal-set-call { background: rgba(61, 61, 61, 0.7); width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 999; display: flex; align-items: center; justify-content: center; } .set-call-body-top { display: flex; justify-content: space-between; margin-bottom: 15px; } .set-call-body-form .form-group { position: relative; margin-bottom: 20px; } .set-call-body-form input { width: 100%; background: #F8F8F8; border: none; border-radius: 2px; padding: 15px; } .set-call-body-form .form-group small { position: absolute; left: 0; top: -18px; color: red; } .form-buy-onclick-submit { position: relative; } .set-call-body-form button { background: #323B3D; border-radius: 2px; border: none; color: #fff; width: 100%; display: block; padding: 20px; transition: .3s; } .set-call-body-form button:hover { cursor: pointer; background: #9CCC65; } .btn-buy-complect:hover { cursor: pointer; background: #9CCC65; } .form-setCall-check { position: relative; } .form-setCall-check .form-setCall-check-input { display: flex; gap: 5px; align-items: center; margin-top: 20px; } .setCall-body-success { background: #9CCC65; padding: 15px; color: #fff; border-radius: 2px; } .set-call-body-title { font-size: 22px; font-weight: 700; } .modal-menu-info-callBack button:hover { cursor: pointer; } .js-close-modal-oneCall:hover { cursor: pointer; } .js-submit-set-call { cursor: pointer; } .bg-modal-location { background: rgba(61, 61, 61, 0.7); width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 999; display: flex; align-items: center; justify-content: center; } .modal-location-body { /*background: #fff;*/ /*width: 500px;*/ /*opacity: 1;*/ /*z-index: 999;*/ /*position: fixed;*/ /*left: 50%;*/ /*top: 50%;*/ /*transform: translate(-50%, -50%);*/ /*border-radius: 2px;*/ /*padding: 30px;*/ } .location-body-top { display: flex; justify-content: space-between; margin-bottom: 15px; } .location-body-form .form-group { position: relative; } .location-body-form input { width: 100%; background: #F8F8F8; border: none; border-radius: 2px; padding: 15px; } .modal-city-list { margin-top: 15px; } .modal-city-list ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); } .modal-city-list ul li { padding: 5px 0; transition: .3s; } .modal-city-list ul li:hover { color: #9CCC65; cursor: pointer; } .modal-notification-city { position: absolute; left: 0; top: -18px; color: red; font-size: 14px; } .modal-city-list-result ul li { padding: 5px 0; transition: .3s; } .modal-city-list-result ul li:hover { color: #9CCC65; cursor: pointer; } .modal-city-list-result ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); } .modal-city-list-result { max-height: 250px; overflow-y: scroll; } .js-close-modal-location:hover { cursor: pointer; } .page-search-breadcrums { width: 100%; margin-top: 30px; } .page-search-breadcrums ul { list-style: none; display: flex; align-items: center; gap: 5px; padding: 0; margin: 0; } .page-search-breadcrums li { color: #848A8A; } .page-search-breadcrums li a { color: #848A8A; text-decoration: none; transition: .3s; } .page-news-breadcrums { width: 100%; margin-top: 30px; } .page-news-breadcrums ul { list-style: none; display: flex; align-items: center; gap: 5px; padding: 0; margin: 0; } .page-news-breadcrums li { color: #848A8A; } .page-news-breadcrums li a { color: #848A8A; text-decoration: none; transition: .3s; } .ico-breadcrum { background: url(/local/images/ico-breadcrum.svg) no-repeat; display: block; width: 17px; height: 1px; } .search-page form { display: flex; } .search-page input[name=q] { width: 100%; padding: 15px; border: 2px solid #c5c3c3; background: #EBECEC; } .search-page input[type=submit] { padding: 15px 30px; background: #323B3D; color: #fff; transition: .3s; } @media (max-width: 1200px) { .wr-header-main-menu-list { display: none; } .header-search { display: none; } } @media (max-width: 1100px) { .burger-modal-bottom-left-top { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 870px) { .header-geolocation-right { display: none; } } @media (max-width: 720px) { .header-geolocation { display: none; } .header-soc-list { display: none; } .header-akcii-top { display: none; } } @media (max-width: 700px) { .footer-right { display: grid; grid-template-columns: repeat(1, 1fr); margin-top: 30px; } .footer-left { display: block; } } @media (max-width: 600px) { .burger-modal-bottom { grid-template-columns: repeat(1, 1fr); margin-top: 30px; } .burger-modal-bottom-right { display: none; } .modal-authorization-body-form .form-group input { font-size: 16px; } .modal_item_addToBasket_bottom_panel { margin-top: 30px; } .modal_item_addToBasket { display: block; } .modal_item_addToBasket_left { text-align: center; display: block; } .wr_modal_item_addToBasket_bottom { display: block; } .modal_item_addToBasket_bottom_left { margin-bottom: 15px; justify-content: center; } .modal_item_addToBasket_bottom_right { display: block; } .modal_item_addToBasket_bottom_right a { margin-top:15px; width:100%; display: block; } .modal_item_addToBasket_btn_continue { width: 100%; } .modal_item_addToBasket_btn_goBasket { width: 100%; margin-top: 15px; } .modal_item_addToBasket_price_sale { text-align: center; } .modal_item_addToBasket_quantity { border: none; display: flex; justify-content: center; align-items: center; } .modal_item_addToBasket_bottom_title { text-align: center; } } @media (max-width: 500px) { .header-contact-phone a { font-size: 16px; } .header-contact-call { margin-top: 0px; } .footer-top .container { display: grid; justify-content: center; } .footer-top { padding-top: 30px; } .footer-left { grid-row: 2; margin-top: 30px; } .footer-right { grid-row: 1; margin-top: 0; } .footer-bottom .container { display: grid; justify-content: center; } .footer-coperight { text-align: center; } .footer-private-policy { text-align: center; margin-top: 15px; } .footer-logo { text-align: center; } .footer-left .footer-phone { margin-top: 15px; text-align: center; } .footer-left .footer-addr { margin-top: 15px; text-align: center; } .footer-email { margin-top: 15px; text-align: center; } .footer-soc-network { margin-top: 15px; justify-content: center; } .burger-modal-bottom-left-top { grid-template-columns: repeat(1, 1fr); } .container { padding-left: 15px; padding-right: 15px; } } @media (max-width: 500px) { .mobile-footer-menu { display: grid; grid-template-columns: repeat(4,1fr); } .mobile-footer-menu-item { display:grid; justify-content: center; } } /* End */ /* Start:/local/css/owlCarousel/owl.carousel.min.css?16697480183351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/css/owlCarousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/css/owlCarousel/owl.theme.default.min.css?16697480181013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/SonService/components/bitrix/search.title/header_search/style.css?16786863961779*/ div.title-search-result { display:block; overflow:hidden; z-index:205; background: #fff; padding:15px; } .title-search-result { border-collapse: collapse; border:none; width:100%; } .title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } .title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; vertical-align:top; display:block; } .title-search-result td.title-search-item img { vertical-align:top; } .title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } .title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } .title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } .block-header-search { border-bottom: 1px solid #848A8A; padding-bottom: 5px; } .block-header-search input { border: none; width: 100%; } .block-header-search button { border:none; background: none; } .block-header-search button:hover { cursor: pointer; } .block-header-search form { display:flex; } .title-search-item a { display:flex; align-items: center; gap:15px; } .title-search-item a { text-decoration: #5B6263; color:#5B6263; } /* End */ /* Start:/local/css/components/header_mini_sale.css?1673938601485*/ .header-akcii-top a { text-decoration: none; color:#5B6263; } .count-header-akcii { display:flex; background:#EB7657; color:#fff; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; } .header-akcii-title { color:#5B6263; } .wr-header-akcii-top { border:none; background: #FFF6EC; padding: 10px 15px; align-items: center; display:flex; gap: 5px; } /* End */ /* Start:/local/css/components/header_main_menu.css?1680241771412*/ .header-main-menu-list { display:flex; align-items: center; } .header-main-menu-item a { display:flex; align-items: center; gap:3px; } .ico-header-arrow-down { background: url('/local/images/ico-header-arrow-down.svg') no-repeat; width:12px; height:8px; display:block; } .header-menu-list { display:flex; align-items: center; gap:15px; } /* End */ /* Start:/local/components/noda/header.mini.cart/templates/.default/style.css?16968758292566*/ .ico-cart { background: url('/local/images/ico-cart.svg') no-repeat; width: 18px; height: 18px; display: block; } .ico-user { background: url('/local/images/ico-user.svg') no-repeat; width: 35px; height: 35px; display: block; } .header-bottom-right .basket-line { display:flex; align-items: center; justify-content: space-between; gap:40px; position:relative; } .ico-compare { background: url('/local/images/ico-compare.svg') no-repeat; width: 18px; height: 18px; display: block; } .ico-favorite { background: url('/local/images/ico-favorite.svg') no-repeat; width: 24px; height: 22px; display: block; } .ico-favorite:hover { cursor: pointer; } .ico-compare:hover { cursor: pointer; } .basket-line-block-left { display:flex; gap:13px; } .basket-line-block a { text-decoration: none; } .header-count-cart, .header-count-compare, .header-count-favorite { display: flex; background: #EB7657; color: #fff; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; position: absolute; top: -20px; left: -14px; font-family: 'Mont'; } .basket-line-block-left .basket-line-block { position:relative; } .modal-header-profile { box-shadow: 0 0 32px rgba(50, 59, 61, 0.15); border-radius: 2px; padding:30px; width:250px; position:absolute; right:0; bottom:-250px; z-index:100; background: #fff; border-radius:2px; /*display:none;*/ transition: .3s; } .modal-header-profile-fio { font-weight:700; } .modal-header-profile-hreflist ul { list-style: none; padding:0; margin:0; } .modal-header-profile-bonus { padding:5px 0; display: flex; gap: 3px; align-items: center; } .modal-header-profile-body-top { border-bottom:1px solid #EBECEC; } .modal-header-profile-logout { padding:15px 0; } .modal-header-profile-logout button { border:none; background: none; } .modal-header-profile-logout button:hover { cursor: pointer; } .modal-header-profile-hreflist { padding:15px 0; border-bottom:1px solid #EBECEC; } .ico-profile-bonus { background: url('/local/images/ico-profile-bonus.svg') no-repeat; width:16px; height:19px; display:block; } .modal-header-profile-fio span { text-transform: uppercase; } .modal-header-profile-hreflist li a { color:#5B6263; padding: 3px 0; display: block; } .js-click-auth:hover { cursor: pointer; } /* End */ /* Start:/local/templates/SonService/components/bitrix/menu/modal_menu_fabrika/style.min.css?1672291857490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/SonService/components/bitrix/menu/modal_menu_fabrika/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/SonService/components/bitrix/menu/modal_menu_proizvodstvo/style.min.css?1672294517490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/SonService/components/bitrix/menu/modal_menu_proizvodstvo/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/SonService/components/bitrix/menu/modal_menu_collections/style.min.css?1779398375490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/SonService/components/bitrix/menu/modal_menu_collections/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/SonService/components/bitrix/form.result.new/callback/style.css?1742550038666*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/local/templates/SonService/components/bitrix/form.result.new/callback/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/local/templates/SonService/components/bitrix/form.result.new/callback/images/icon_warn.gif); } /* End */ /* Start:/local/templates/SonService/styles.css?17740076777235*/ .header-contact-phone-elem { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } .header-contact-phone-elem a { font-size: 18px; } .header-contact-phone-elem .hyphen { margin: 0px 5px; } .header-contact-phone-elem .hyphen::before { content: "-"; } @media (max-width: 992px) { .header-contact-phone-elem { flex-direction: column; align-items: flex-end; } .header-contact-phone-elem a { font-size: 16px; } .header-contact-phone-elem .hyphen { display: none; } .header-contact-phone-elem:first-child span.text { margin-bottom: 5px; } } .wholesalers-banner { margin: 20px 0px; } .wholesalers-banner .wholesalers-banner_title { font-size: 2.2rem; } .wholesalers-banner .wholesalers-banner_advanteges { display: grid; align-content: center; align-items: start; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; justify-content: center; } .wholesalers-banner .wholesalers-banner_advanteges-elem { font-size: 16px; padding: 10px; padding-left: 0px; } .wholesalers-banner .wholesalers-banner_advanteges-elem a { color: #000; text-decoration: none; } .wholesalers-banner .wholesalers-banner_advanteges-elem span.title { font-weight: 700; font-size: 18px; } @media (max-width: 768px) { .wholesalers-banner .wholesalers-banner_advanteges { grid-template-columns: 1fr; grid-template-rows: 1fr; } .wholesalers-banner .wholesalers-banner_advanteges-elem:nth-child(5) { order: 2; } } /* 1. The Main Link Wrapper */ .header-akcii-top { display: flex; align-items: center; } .wr-header-akcii-top { position: relative; display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 14px; background: linear-gradient(135deg, #ff5f6d 0%, #ff8a5b 50%, #ffc371 100%); color: #ffffff; text-decoration: none; font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; overflow: hidden; box-shadow: 0 10px 24px rgba(255, 95, 109, 0.22); transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease; animation: promoPulse 3.2s ease-in-out infinite; will-change: transform, box-shadow; } .wr-header-akcii-top::before { content: ""; position: absolute; top: 0; left: -160%; width: 70%; height: 100%; background: linear-gradient( 120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.30) 50%, rgba(255, 255, 255, 0) 100% ); transform: skewX(-22deg); animation: promoShine 4.5s ease-in-out infinite; pointer-events: none; } .wr-header-akcii-top::after { content: ""; position: absolute; inset: 1px; border-radius: 13px; background: linear-gradient( 180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.04) 100% ); pointer-events: none; } .wr-header-akcii-top:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 16px 34px rgba(255, 95, 109, 0.32); filter: brightness(1.04); animation-play-state: paused; } .wr-header-akcii-top:hover::before { animation-duration: 1.2s; } .wr-header-akcii-top:active { transform: translateY(-1px) scale(0.99); } .count-header-akcii { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; order: 2; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; background: #ffffff; color: #ff5f6d; font-size: 12px; font-weight: 800; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12); flex-shrink: 0; animation: badgeBounce 3.2s ease-in-out infinite; } .header-akcii-title { position: relative; z-index: 2; display: inline-block; order: 1; letter-spacing: 0.2px; color: #FFFFFF; } /* Мягкое "дыхание" кнопки */ @keyframes promoPulse { 0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 10px 24px rgba(255, 95, 109, 0.22); } 50% { transform: translateY(-1px) scale(1.01); box-shadow: 0 14px 30px rgba(255, 95, 109, 0.28); } } /* Плавный блик */ @keyframes promoShine { 0% { left: -160%; } 55% { left: -160%; } 100% { left: 180%; } } /* Лёгкая микро-анимация бейджа */ @keyframes badgeBounce { 0%, 100% { transform: translateY(0) scale(1); } 10% { transform: translateY(-1px) scale(1.04); } 20% { transform: translateY(0) scale(1); } } /* На мобильных делаем спокойнее */ @media (max-width: 768px) { .wr-header-akcii-top { padding: 9px 12px; gap: 8px; border-radius: 12px; font-size: 13px; animation: none; } .count-header-akcii { min-width: 22px; height: 22px; font-size: 11px; padding: 0 6px; animation: none; } .wr-header-akcii-top::before { animation: promoShine 5s ease-in-out infinite; } } /* Для пользователей, у которых отключены анимации */ @media (prefers-reduced-motion: reduce) { .wr-header-akcii-top, .wr-header-akcii-top::before, .count-header-akcii { animation: none !important; transition: none !important; } } /* Бургер */ .header-burger-btn { display: inline-flex; align-items: center; gap: 12px; /* Отступ между линиями и текстом */ cursor: pointer; padding: 10px 15px; border-radius: 8px; /* Скругление фона (если нужно) */ transition: background-color 0.3s ease; } /* Контейнер для полосок, чтобы управлять ими как единым целым */ .header-burger-btn::before { content: ""; /* Если не хотите менять HTML, можно использовать псевдоэлемент для обертки, но лучше просто стилизовать span'ы */ } .burger_line { display: block; width: 22px; height: 2px; background-color: #000; /* Цвет линий */ margin-bottom: 4px; transition: all 0.3s ease; } .burger_line:last-child { margin-bottom: 0; } /* Стили для текста "Каталог" (добавьте его в HTML или через content) */ .header-burger-btn .burger-text { font-size: 14px; font-weight: 600; letter-spacing: 0.05em; color: #000; text-transform: uppercase; } /* Эффекты при наведении */ .header-burger-btn:hover { background-color: #f5f5f5; /* Легкий фон при наведении */ } .header-burger-btn:hover .burger_line:nth-child(2) { width: 16px; /* Средняя линия становится короче — эффект "динамики" */ } .header-burger-btn:active { transform: scale(0.96); /* Эффект нажатия */ } .burger-icons { width:30px; } /* End */ /* Start:/local/templates/SonService/template_styles.css?1780043275108333*/ :root { --shadow: 0 4px 10px 0 rgb(0 0 0 / 15%); --font-family: 'Mulish'; --dark-gray-2: #5B6263; --gray-1: #EBECEC; --container: 1440px; } html, body { font-family: 'Mulish'; } .container { max-width: 1440px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } .owl-nav { display: flex; gap: 5px; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .wr-our-products .owl-nav button { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .owl-nav .arrow-left { background: url(/local/images/ico-arrow-left.svg) center center no-repeat; display: block; width: 8px; height: 14px; transition: .3s; } .owl-nav .owl-nav .next-slide, .owl-nav .owl-nav .prev-slide { background: #F8F8F8; transition: .3s; } .owl-nav .arrow-right { background: url(/local/images/ico-arrow-right.svg) center center no-repeat; display: block; width: 8px; height: 14px; transition: .3s; } .popup-window { padding: 0px; max-width: 95%; } .popup-window span, .popup-window br { display: none; } .popup-window span.popup-window-close-icon { display: block; } .popup-window input { padding: 10px 30px; border: none; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; margin-bottom: 10px; font-family: 'Mulish'; } .popup-window input.bx_subscribe_submit_container { background: #323B3D; border: none; color: #fff; padding: 10px 30px; transition: .3s; width: 100%; transition: .3s; } .popup-window input.bx_subscribe_submit_container:hover { cursor: pointer; background: #A6D275; } .panel-body { border-top: 0; } .owl-main-banner .owl-dots { background: #FFF; text-align: center; margin-top: 0; padding-top: 15px; align-items: center; justify-content: center; } .owl-main-banner button.owl-dot { background: #323B3D; } .owl-main-banner button.owl-dot.active { background: #9CCC65; } .owl-main-banner .owl-item.active { z-index: 10; } .bx_catalog_item_prices { margin-top: 5px; } .bx_catalog_item_prices .catalog_item_Split { background: #93cb52; color: #fff; padding: 5px; font-size: 18px; border-radius: 10px; } .item_split_price { margin-top: 5px; margin-bottom: 15px; } .item_split_price .catalog_item_Split { background: #323B3D; color: #fff; padding: 5px; font-size: 18px; border-radius: 10px; } .ico-vk { background: url(/local/images/ico-vk.svg) no-repeat; width: 20px; height: 20px; display: block; } .wr-our-products { padding-top: 0; } .wr-our-products .owl-nav button { width: 40px; height: 40px; } .wr-our-products .owl-carousel.owl-drag .owl-item { height: auto; } .wr-our-products .wr-our-products-item { padding: 50px 30px 30px; } .wr-sub-ourProducts-list { margin-bottom: -30px; } .owl-carousel-category-list .owl-item { transition: all .3s; } .owl-carousel-category-list .owl-item:nth-child(odd) { background: transparent; } .owl-carousel-category-list .owl-item:nth-child(even) { background: #F5F6F8; } .wr-main-stocks-list .owl-nav button { width: 40px; height: 40px; } .main-akcii-container { margin-top: 25px; } .wr-main-stocks-list .owl-nav { top: -55px; } .main-akcii-container-left { padding-right: 20px; } .main-akcii-container-left .owl-carousel .owl-item img { min-height: 450px; height: 100%; max-height: 600px; object-fit: cover; } .item-pror-size-title { gap: 5px; width: 100%; } .item-pror-size-title span { display: block; width: calc(31% - 5px); line-height: 1; padding-top: 2px; height: 22px; } .item-pror-size-title span:last-child { width: calc(36% - 5px); } .wr-item-pror-size .valueTag { gap: 5px; width: 100%; margin-top: 5px; } .wr-item-pror-size .valueTag span { display: block; width: calc(31% - 5px); white-space: nowrap; font-size: 12px; } .wr-item-pror-size .valueTag span:last-child { width: calc(36% - 5px); } .wr-item-pror-size ul li { gap: 5px; width: 100%; padding: 5px 9px !important; } .wr-item-pror-size ul li span { display: block; width: calc(31% - 5px); font-size: 12px; } .wr-item-pror-size ul li span:last-child { width: calc(36% - 5px); } .item-pror-size-arrow { position: absolute; right: 5px; } /* !!!!!!! */ .modal_item_addToBasket_quantity { display: none !important; } /* !!!!!!! */ .wr-main-stocks-list .owl-carousel .owl-stage-outer { height: 100%; padding: 0 10px 20px; margin: 0 -10px 0; } .form-getCatalog-main-right .form-getCatalog-form { gap: 24px; } .form-getCatalog-main-right .form-getCatalog-form input { background: transparent; border: solid 2px #ADB1B1; border-radius: 2px; font-size: 16px; font-weight: 500; font-family: 'Mulish'; color: #747474; } .form-getCatalog-main-left { margin-left: -100px; padding-right: 30px; } .about-company-main-img { margin-right: 15px; } .wr-about-company-main .about-company-main-left { padding: 80px 50px 80px 0; } .wr-about-company-main { overflow: hidden; } @media (min-width: 1360px) { .wr-about-company-main .container { grid-template-columns: 50% 65%; align-items: center; } .wr-about-company-main .about-company-main-right { position: relative; height: 100%; } .wr-about-company-main .about-company-main-right img { height: 100%; aspect-ratio: 16 / 9; position: absolute; left: 0; top: 0; bottom: 0; object-fit: cover; } } .owl-carousel .owl-item .wr-bx-catalog-item img, .owl-product-item .owl-item img { height: 235px; object-fit: cover; } .bx-catalog-item-bonuses { position: relative; z-index: 100; bottom: auto; left: auto; padding: 0; display: flex; align-items: center; gap: 3px; font-size: 12px; color: #333; background: transparent; line-height: 1; margin-left: auto; padding-left: 10px; font-weight: 600; } .contact_city_wrap .item { display: flex; align-items: center; gap: 5px; transition: .3s; background: #F8F8F8; padding: 10px 25px; } .contact_city_wrap .active .ico-region-map { background: url(/local/images/ico-ya-marker-active.svg) no-repeat; } .contact_city_wrap { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 35px; } .map-region-item { cursor: pointer; } .map-region-item.active { background: #fff; display: flex; } .adress-list-item-section { height: 500px; } .adress-list-item-section .adress-list-left { max-height: 100%; padding-right: 20px; } .adress-list-item-section .adress-list-left li { font-size: 15px; padding-top: 10px; border-top: 1px solid #ddd; } .adress-list-item-section .adress-list-left li:first-child { margin-top: 0; border-top: none; } .wr-news-main .owl-news-item-block, .owl-news-main .owl-item .item .owl-news-item-block { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding: 20px; z-index: 5; } .news-item-main .item, .owl-news-main .owl-item .item { position: relative; } .news-item-main .item::before, .owl-news-main .owl-item .item::before { content: ""; position: absolute; bottom: 0; height: 70%; left: 0; right: 0; background: linear-gradient(0deg, rgba(27, 27, 30, 0.7) 0%, rgba(27, 27, 30, 0.55) 35%, rgba(27, 27, 30, 0) 65%); z-index: 1; } .catalog-product-list .wr-bx-catalog-item { min-height: 480px; height: 100%; } .bx_catalog_item_title { min-height: 45px; } .about_play_ico { width: 80px !important; height: 80px !important; z-index: 5 !important; left: 50% !important; top: 50% !important; margin-left: -40px !important; margin-top: -40px !important; transition: all .3s !important; aspect-ratio: 1 !important; } .about-company-main-right:hover .about_play_ico { transform: scale(1.1); } .bx-pagination { margin-top: 30px; } .about-section { padding-top: 40px; } .catalog-section-description-body ul li { list-style: none; position: relative; padding-left: 15px; } .catalog-section-description-body ul li::before { content: ''; position: absolute; left: 0; top: 6px; width: 7px; height: 7px; background: #9CCC65; border-radius: 50%; } .param_chose_block { margin-top: 25px; } .paramm_chose_wrap { display: flex; flex-wrap: wrap; gap: 7px; margin-top: -4px; align-items: center; } .paramm_chose_wrap li { list-style: none; } .paramm_chose_wrap li .catalog-detail-tkan-img { display: block; position: relative; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; cursor: pointer; transition: all .3s; } .paramm_chose_wrap li .catalog-detail-tkan-img img { width: 98%; height: 98%; position: absolute; object-fit: cover; margin: 0; border-radius: 50%; inset: 1%; padding: 2px; } .wr-detail-trade-catalog-body { display: flex; } .wr-detail-trade-catalog-body .wr-item-pror-size { width: 60%; } .wr-detail-trade-catalog-body .wr-item-pror-size ul li span { width: calc(31% - 4px); } .color-detail-prop-item img.active { border: 2px solid #93cb52; } .wr-off_clear-color button { width: 35px; height: 35px; border-radius: 50%; border: solid 1px #aaa; font-family: cursive; display: flex; align-items: center; justify-content: center; text-align: center; background: transparent; color: #777; cursor: pointer; } .wr-item-pror-size .valueTag span.small_param { font-size: 14px; white-space: nowrap; } .panel-body { padding: 10px 0; border-top: 1px solid #ADB1B1; display: none; height: auto; opacity: 1; } .panel-active+.panel-body { animation: none !important; display: inherit; } .catalog-detail-delivery-body { display: none; gap: 0 20px; } .panel-active+.panel-body.catalog-detail-delivery-body { display: flex !important; } .deliv_ico { width: 32px; flex-shrink: 0; } .deliv_ico svg { max-width: 100%; } .detail-delivery-right { padding-left: 0; } .catalog-detail-haracteristic-title, .catalog-detail-delivery-title, .catalog-detail-layer-matras-title { height: auto; } /*.catalog-detail-haracteristic-title.panel-active, .catalog-detail-delivery-title.panel-active { height: auto; border-bottom: solid 1px #ddd; padding: 5px 0 10px; }*/ .catalog-detail-haracteristic-title.accord_wrap_title_active .panel-body { display: block; } .catalog-detail-haracteristic-title h3, .catalog-detail-delivery-title h3 { margin: 0; } .catalog-detail-haracteristic-body ul li { position: relative; } .catalog-detail-delivery-body .detail-delivery-sub-description { padding: 10px 0 15px; } .detail-delivery-sub-title { border-color: #ddd; } .catalog-detail-reviews-title { border-bottom: solid 1px #ddd; } .wr-product-gallery-all .owl-item { margin-bottom: 10px; } .osnova_img { width: 56px; height: 56px; object-fit: cover; border-radius: 50%; flex-shrink: 0; margin-right: 10px; } .wr-detail-property-list .osnova_wrap { justify-content: flex-start; padding: 15px; } .wr-detail-property-list .active { background: transparent; } .dop_prod_grid { grid-template-columns: 100%; } .wr-main-akcii.dop_prod_block { padding: 85px 0 60px; z-index: 3; position: relative; background: transparent; } .dop_prod_block .owl-carousel .owl-stage-outer { height: 540px; } .dop_prod_grid .wr-bx-catalog-item .wr-item-pror-size { background: #fff !important; } .catalog-reviews-bottom-panel { margin-top: 10px; } .side-panel-instock { width: 575px; right: -580px; } .side-panel-instock .map-region-list { flex-wrap: wrap; } .breadcrums_wrap { width: 100%; padding: 40px 0 30px; background: transparent; } .breadcrums_wrap ul { list-style: none; display: flex; align-items: center; gap: 5px; padding: 0; margin: 0; } .breadcrums_wrap li { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 120%; color: #848A8A; transition: all .3s; } .breadcrums_wrap li a { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 120%; color: #848A8A; transition: all .3s; text-decoration: none; } .page_h1 { font-size: 44px; } .component-recvizit-review-text { padding: 25px; font-size: 15px; margin-top: 25px; } .component-recvizit-review-text-title { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 140%; color: var(--dark-gray-1); } .burger_menu_list ul li { margin: 5px 0; } .burger-modal-bottom a { padding: 2px 0; transition: color .3s; } .burger-modal-bottom a:hover { color: #93cb52; } .burger-modal-menu { padding-top: 35px; transition: top .7s, opacity .3s; z-index: 70; } @media (max-width: 991px) { .adress-list-item-section { height: auto; } .adress-list-item-section .adress-list-left { max-height: 400px; } } @media (max-width: 575px) { .wr-detail-trade-catalog-body { flex-wrap: wrap; } .wr-detail-trade-catalog-body .wr-item-pror-size { width: 100%; } .catalog-detail-haracteristic-body ul { grid-template-columns: 1fr; gap: 7px 30px; margin-top: 15px; } .side-panel-instock { width: 90%; right: -95%; } .wr-our-products .wr-our-products-item { padding: 30px 30px 60px; } .wr-our-products .owl-item img { height: 220px; width: auto; max-width: 100%; object-fit: contain; } } .burger-modal-menu.hidden { display: block !important; top: -1000px; opacity: 0; } .header-bottom-left a { font-size: 15px; font-weight: 500; padding: 2px 3px; letter-spacing: 0.03em; transition: all .3s; } .header-bottom-left a:hover { color: #93cb52; } .header-burger-btn { margin-right: 30px; /*display: block;*/ align-items: center; padding: 5px 0; position: relative; /*width: 30px;*/ } .header-burger-btn svg rect { transition: all .3s; } .header-burger-btn:hover svg rect { fill: #93cb52; } .burger_line { display: block; width: 30px; height: 2px; background: #323B3D; transition: all .3s; } .burger_line:nth-child(1) { width: 100%; } .burger_line:nth-child(2) { width: 100%; margin: 5px 0; } .burger_line:nth-child(3) { width: 60%; } .header-burger-btn:hover .burger_line:nth-child(1) { -webkit-animation-name: slideTo; animation-name: slideTo; -webkit-animation-duration: .9s; animation-duration: .9s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .header-burger-btn:hover .burger_line:nth-child(2) { -webkit-animation-name: slideTo; animation-name: slideTo; -webkit-animation-duration: .9s; animation-duration: .9s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: .4s; animation-delay: .4s; } .header-burger-btn:hover .burger_line:nth-child(3) { -webkit-animation-name: slideFrom; animation-name: slideFrom; -webkit-animation-duration: .9s; animation-duration: .9s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: .2s; animation-delay: .2s; } @keyframes slideTo { from { width: 100% } 50% { width: 70% } to { width: 100% } } @keyframes slideFrom { from { width: 60% } 50% { width: 90% } to { width: 60% } } .soc_list_wrap li a svg path { transition: all .3s; } .soc_list_wrap li a:hover svg path.can_hover { fill: #93cb52; } div.title-search-result { padding: 0; } div.title-search-result>.title-search-result { padding: 15px 25px; } .title-search-result .title-search-item a { margin: 10px 0; } .wr-main-akcii { padding-bottom: 100px; } .wr-main-akcii-title h3 { font-size: 38px; font-weight: 700; } .wr-our-products h1 { font-size: 38px; font-weight: 700; } .wr-our-products .our-products-name { font-weight: 500; margin-top: 25px; } .item.our-products-li { transition: all .5s; } .wr-our-products .sub-our-products-name { font-weight: 700; margin-top: 25px; } .main-category-item-name { font-size: 16px; font-weight: 600; } .btn { font-family: 'Mulish'; font-size: 16px; } .block-header-search input { font-family: 'Mulish'; } .header-top .ico-green-phone { width: 14px; height: 14px; background-size: contain; background-position: left center; } .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #cacaca; opacity: 1; border-radius: 50px; transition: all .5s; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #93cb52 !important; width: 30px; } .wr-main-akcii-title a.all_akc_nav { padding: 12px 15px; width: 180px; max-width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 0 10px; border: 2px solid #EBECEC; margin-left: 35px; transition: all .3s; } .wr-main-akcii-title a.all_akc_nav:hover { border-color: #93cb52; } .wr-main-akcii-title a.all_akc_nav svg { transition: all .3s; } .wr-main-akcii-title a.all_akc_nav:hover svg { transform: translateX(5px); } .selectSizeBox { background: #fff; } .selectSizeBox li.select-option { padding: 7px 9px !important; border-top: solid 1px #eee; } .wr-main-stocks-list .main-item-stocks .bx_catalog_item_title a { font-size: 17px; font-weight: 700 !important; font-family: 'Mulish'; } .bx_catalog_item_prices .wr_bx_catalog_item_price { font-family: 'Mulish'; font-size: 23px; font-weight: 600; flex-shrink: 0; } .product-topPanel-left-hit { background: #EB7657; font-size: 12px; font-weight: 500; padding: 3px 8px; font-family: 'Mulish'; box-shadow: none; text-transform: lowercase; border-radius: 4px; } .product-topPanel-left-sale { background: #F5BD51; font-size: 12px; font-weight: 500; padding: 3px 8px; font-family: 'Mulish'; box-shadow: none; text-transform: lowercase; border-radius: 4px; } .wr-product-topPanel { padding: 10px 15px; min-height: 53px; } .product-topPanel-left { margin-left: -8px; } .product-topPanel-left-newProduct { background: #93cb52; font-size: 12px; font-weight: 500; padding: 3px 8px; font-family: 'Mulish'; box-shadow: none; text-transform: lowercase; border-radius: 4px; } .product-topPanel-left-hard { background: #4099ac; color: #fff; font-size: 12px; font-weight: 500; padding: 3px 8px; font-family: 'Mulish'; box-shadow: none; text-transform: lowercase; border-radius: 4px; } .product-topPanel-left-action { color: #fff; font-weight: 500; background: #7D5AB3; font-weight: 500; padding: 3px 8px; font-family: 'Mulish'; box-shadow: none; text-transform: lowercase; border-radius: 4px; } .product-topPanel-left-default { color: #fff; font-weight: 500; background: #90A3BD; font-weight: 500; padding: 3px 8px; font-family: 'Mulish'; box-shadow: none; text-transform: lowercase; border-radius: 4px; } .product-topPanel-left-action-green { color: #fff; font-weight: 500; background: #9DB589; font-weight: 500; padding: 3px 8px; font-family: 'Mulish'; box-shadow: none; text-transform: lowercase; border-radius: 4px; } .ico-item-compare2 { background: url(/local/images/ico-compare2.svg) no-repeat; } .ico-item-favorite { background: url(/local/images/favor2.svg) no-repeat; object-fit: contain; object-position: center; background-position: left center; background-size: contain; } .ico-item-favorite.ico-favorite-active { background: url(/local/images/favor2_hover.svg) no-repeat !important; background-position: left center !important; background-size: contain !important; } .wr-bx-catalog-item:hover .front { background: transparent; } .modal_item_addToBasket_bottom_left { display: none; } .bx_catalog_item_action_block { visibility: visible; } .wr-bx-catalog-item-content .front { position: relative; } .wr-bx-catalog-item { height: 100%; transition: all .4s; } .wr-bx-catalog-item:hover .front { height: initial; } .wr-bx-catalog-item:hover { box-shadow: var(--shadow); } .bx_catalog_item_add_toCart button { font-family: 'Mulish'; font-weight: 500; font-size: 16px; cursor: pointer; transition: all .3s; } .bx_catalog_item_add_toCart_oneClick button { font-family: 'Mulish'; font-weight: 500; font-size: 16px; cursor: pointer; transition: all .3s; } .bx_catalog_item_add_toCart_oneClick button:hover { background: #9CCC65; border-color: #9CCC65; color: #fff; } .selectSizeBox { box-shadow: 0 10px 10px 0 #0000003b; margin-top: 5px; } .bx_catalog_item_wr_title .selectSizeBox { height: 0; opacity: 0; animation: none !important; transition: all .3s; } .bx_catalog_item_wr_title .selectSizeBox.active { opacity: 1; overflow: auto; } .top-carusel-akcii { height: 100%; } .main-akcii-container-left, .main-akcii-container-left .owl-stage-outer, .main-akcii-container-left .owl-stage, .main-akcii-container-left .owl-item, .main-akcii-container-left .owl-item .item, .main-akcii-container-left { height: 100%; } .main-akcii-container-left .owl-item .item a { display: block; height: 100%; transition: all .3s; } .wr-carousel-category-main { padding-top: 70px; } .main-akcii-container-left .owl-item .item a:hover { box-shadow: 0 4px 10px 0 rgb(0 0 0 / 25%); ; } .top-carusel-akcii .owl-stage-outer { height: 100%; padding: 0 10px 20px; margin: 0 -10px 0; } .wr-bx-catalog-item-content .bx_catalog_item_oldPrice { font-weight: 500; font-size: 15px; } .basket-line-block { transition: all .3s; } .wr-form-getCatalog-main { background: #F8F8F8; } .form-getCatalog-main-right h3 { font-size: 38px; font-weight: 700; } .form-getCatalog-main-right .where-go-catalog span { font-family: 'Mulish'; font-weight: 500; font-size: 15px; display: block; margin-right: 15px; } .form-getCatalog-main-socialList div { background: none; } .form-getCatalog-main-socialList div i { width: 24px; height: 24px; background-size: contain; background-position: center; } .form-getCatalog-main-socialList ul li { width: 24px; height: 24px; cursor: pointer; transition: all .3s; } .form-getCatalog-main-socialList ul li:hover { transform: translateY(-2px); } .form-getCatalog-main-right .where-go-catalog { align-items: center; } .custom_check_wrap input[type="checkbox"] { display: none; } .custom_check { display: block; width: 20px; height: 20px; border: solid 1px #ddd; border-radius: 3px; } .custom_check_wrap input[type="checkbox"]:checked+.custom_check { background: url('/local/images/check_green.svg') no-repeat; background-position: center; background-size: 12px; border-color: #9ccc65; } .form_check_wrap { display: flex; gap: 15px; } .form_check_wrap a { color: var(--dark-gray-2); } .form_check_wrap a:hover { color: #93cb52; } .form_check_wrap .custom_check { flex-shrink: 0; } .form_check_wrap .custom_check { border: solid 2px #ADB1B1; border-radius: 4px; margin-top: 1px; } .form-getCatalog-main-right .form-getCatalog-check { font-family: 'Mulish'; font-size: 13px; font-weight: 400; color: #777; line-height: 1.2; grid-column: 1 / -1; margin-top: 0; } .wr-about-company-main .about-company-main-description h3 { font-weight: 700; font-size: 38px; line-height: 1.2; } .wr-about-company-main .about-company-main-description { font-family: var(--font-family); font-weight: 400; font-size: 15px; line-height: 150%; color: var(--dark-gray-2); } .about-company-main-description_content { margin-top: 35px; } .link-about-company-detail { padding: 15px; line-height: 1; display: inline-flex; align-items: center; gap: 7px; font-weight: 500; font-family: var(--font-family); border: 2px solid var(--gray-1); border-radius: 2px; width: 330px; max-width: 100%; transition: all .3s; } .link-about-company-detail:hover { color: #fff; background: #93cb52; border: 2px solid #93cb52; } .link-about-company-detail svg path { transition: all .3s; } .link-about-company-detail:hover svg path { fill: #fff; } .header-count-cart, .header-count-compare, .header-count-favorite { font-size: 12px; display: flex; padding: 2px 0 0 1px; background: #EB7657; color: #fff; align-items: center; justify-content: center; width: 21px; height: 21px; border-radius: 50%; position: absolute; top: -16px; left: -14px; font-family: 'Mulish'; } .header-contact-phone a { transition: all .3s; } .header-contact-phone a:hover { color: #93cb52; } .header-contact-call span { transition: all .3s; } .header-contact-call span:hover { color: #93cb52; } .header-line-block-icon-profile { background: var(--gray-1); border-radius: 50%; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; transition: all .3s; } .header-line-block-icon-profile svg { margin-left: 1px; } .header-line-block-icon-profile svg path { transition: all .3s; } .header-line-block-icon-profile:hover { background: #93cb52; } .header-line-block-icon-profile:hover svg path { stroke: #fff; } .wr-our-products .our-products-image img { height: 200px; object-fit: contain; } .burger-modal-bottom .burger_menu_list ul { margin-top: 25px; } .burger_menu_list ul li { margin: 10px 0; } .burger-modal-bottom a { font-family: 'Mulish'; font-size: 15px; font-weight: 500; padding: 5px 0; } .burger-modal-bottom-left-top .burger_menu_list-title { font-family: 'Mulish'; font-size: 22px; font-weight: 700; } .burger-modal-bottom .modal-menu-info-phone { margin-top: -3px; } .burger-modal-bottom .modal-menu-info-phone a { font-size: 28px; font-weight: 600; } .modal-menu-info-callBack { margin-top: 25px; } .modal-menu-info-callBack button { display: flex; width: 225px; max-width: 100%; justify-content: center; align-items: center; border: 2px solid var(--gray-1); border-radius: 2px; padding: 15px 30px; border-radius: 2px; text-decoration: none; color: #5B6263; font-family: var(--font-family); font-weight: 500; font-size: 16px; background: #fff; transition: .3s; } .modal-menu-info-callBack button:hover { background: #93cb52; border-color: #93cb52; } .set-call-body-form input { width: 100%; background: #F8F8F8; border: none; border-radius: 2px; padding: 20px 15px; font-size: 15px; font-family: var(--font-family); } .modal-menu-info-socSeti { margin-top: 30px; } .burger-modal-bottom { grid-template-columns: 70% calc(30% - 15px); } .burger-modal-menu .top-carusel-akcii .owl-stage-outer { height: auto; margin: 0; } .burger-modal-menu .top-carusel-akcii .owl-stage-outer .item { transition: all .3s; } .burger-modal-menu .top-carusel-akcii .owl-stage-outer .item img { max-height: 340px; object-fit: contain; background: var(--gray-1); } .ico-whatsUp.active, .ico-viber.active, .ico-telegram.active, .ico-mail.active { width: 24px; height: 24px; background-size: contain; background-position: center; } .link-about-company-detail .ico-right-hov { height: 17px !important; } .wr-our-advantage li { justify-content: flex-start; padding-left: 15px; } .wr-our-advantage .owl-item:first-child li { padding-left: 0; } .yandex-maps-description { font-size: 15px; font-weight: 400; } .wr-our-advantage .our-advantage-text { font-family: var(--font-family); font-size: 15px; font-weight: 400; line-height: 1.4; } .wr-adress-item .adress-item-name { font-weight: 700; font-size: 16px; line-height: 1.3; } .adress-item-body { margin-top: 15px; } .yandex-maps-item-title, .adress-item-body span { font-weight: 500; font-size: 14px; color: #5B6263; } .adress-item-body span.yandex-maps-item-title { font-weight: 500; } .wr-news-main { padding-top: 90px; padding-bottom: 90px; } .wr-news-main-title h3 { font-size: 32px; font-weight: 700; } .wr-news-main-title a.all_akc_nav, .btn_w_arr { padding: 12px 15px; width: 180px; max-width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 0 10px; border: 2px solid #EBECEC; margin-left: 35px; text-decoration: none; color: #323B3D; transition: all .3s; } .wr-news-main-title a.all_akc_nav:hover, .btn_w_arr:hover { border-color: #93cb52; } a.all_akc_nav { transition: all .3s; } .btn_w_arr svg { transition: all .3s; } a.all_akc_nav:hover svg, .btn_w_arr:hover svg { transform: translateX(5px); } .wr-news-main .wr-news-item-main { margin-top: 45px; } .wr-news-item-main .owl-news-main { padding-left: 0px; } .wr-news-main .news-item-main { padding-right: 10px; } .news-item-main .item img, .owl-news-main .item img { transition: all 1s; } .news-item-main .item:hover img { transform: scale(1.05); } .owl-news-main .item:hover img { transform: scale(1.1); } .wr-subscribe-main .subscribe-main-name { font-size: 28px; font-weight: 600; color: #fff; } .bx-subscribe .bx-input-group .bx-form-control { padding: 15px 30px; border-radius: 2px 0 0 2px; font-family: var(--font-family); font-size: 14px; color: #5B6263; } .subscribe-main-block .sender-btn { font-family: var(--font-family); padding: 15px 30px; border-radius: 0 2px 2px 0; font-size: 14px; } .footer-phone { margin-top: 40px; } .footer-phone a { font-weight: 500; font-size: 28px; text-decoration: none; color: #323B3D; } .foot_logo { display: block; width: 215px; } .foot_logo img { width: 100%; max-width: 100%; } .footer-left .footer-addr { font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 140%; color: var(--dark-gray-1); } .footer-left .footer-email { margin-top: 15px; } .footer-left .footer-email a { font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 140%; color: var(--dark-gray-1); } .footer-right { display: flex; flex-wrap: wrap; gap: 30px 40px; } .footer-right .burger_menu_list { width: 240px; max-width: 100%; } .footer-right .burger_menu_list-title { font-family: var(--font-family); font-weight: 700; font-size: 17px; line-height: 110%; color: var(--dark-gray-2); } .footer-right ul { margin-top: 20px; } .footer-right ul a { font-family: var(--font-family); font-weight: 500; font-size: 15px; line-height: 140%; color: var(--dark-gray-2); padding: 5px 0; transition: all .3s; } .footer-right ul a:hover { color: #93cb52; } .footer a { transition: all .3s; } .footer a:hover { color: #93cb52; } .wr-mobile-footer-menu { padding: 0; } .mobile-footer-menu { padding: 15px 0; } .footer-bottom { background: #fff; } .wr-news-main .owl-news-item-description a { font-family: var(--font-family); font-weight: 500; font-size: 14px; line-height: 140%; color: #fff; } .wr-news-main .owl-news-item-title { font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 110%; color: #fff; } .wr-news-main .owl-news-item-description { margin-top: 15px; } .modal_callback_term { margin-top: 20px; display: block; } .modal_callback_term .form_term { line-height: 1.2; font-size: 12px; } .form-getCatalog-main-right .form-getCatalog-form button { border: 2px solid #323B3D; } form button[type="submit"]:disabled { cursor: no-drop !important; opacity: .4 !important; background: #aaa !important; border-color: #aaa !important; } .wr_modal_addto_cart { width: 600px; max-width: 96%; } .modal_add_tocart { width: 100%; } .top_modaladd_tocart_left { font-family: var(--font-family); font-weight: 500; font-size: 22px; line-height: 110%; color: var(--dark-gray-1); } .modal_item_addToBasket_name { font-family: var(--font-family); font-weight: 600; font-size: 20px; line-height: 110%; color: var(--dark-gray-1); } .modal_item_addToBasket_price { font-family: var(--font-family); font-weight: 500; font-size: 24px; line-height: 110%; color: var(--dark-gray-1); } .modal_item_addToBasket { align-items: center; flex-wrap: wrap; gap: 10px 0; } .buy-one-click-body-form input { font-family: var(--font-family); padding: 20px; font-size: 14px; } .modal_item_addToBasket_left { align-items: center; } .modal_item_addToBasket_bottom_panel { margin-top: 40px; } .modal_item_addToBasket_bottom_right a, .modal_item_addToBasket_bottom_right button { font-family: var(--font-family); font-size: 15px; padding: 18px 15px; transition: all .3s; } .modal_item_addToBasket_bottom_right a { border: solid 1px #323B3D; } .modal_item_addToBasket_bottom_right a:hover, .modal_item_addToBasket_bottom_right button:hover { background: #93cb52; border-color: #93cb52; color: #fff; } .page-catalog-elemnet-breadcrumbs { margin-top: 50px; } .page-catalog-elemnet-breadcrumbs li, .page-catalog-elemnet-breadcrumbs li a { font-family: var(--font-family); font-weight: 400; font-size: 12px; line-height: 120%; color: #848A8A; transition: all .3s; } .page-catalog-elemnet-breadcrumbs li a:hover { color: #323B3D; } .ico-breadcrum { width: 15px; background-image: none; display: block; background: #ccc; line-height: 1; margin-top: -2px; } .bx_catalog_tile_category_title { font-family: var(--font-family); font-weight: 700; font-size: 44px; line-height: 110%; color: var(--dark-gray-1); margin-top: 40px; } .category_section_list ul a { font-family: var(--font-family); font-weight: 400; transition: all .3s; } .category_section_list ul a:not(.active):hover { background: #fafafa; } .bx-filter .bx-filter-input-container input { height: auto; font-size: 16px; padding: 12px; text-align: center; font-family: var(--font-family); font-weight: 500; color: var(--dark-gray-2); } .bx-filter .bx-filter-popup-result { display: inline-block; padding: 5px 10px; border: solid 2px #a6c86f; border-radius: 3px; font-size: 14px; font-family: var(--font-family); } .bx-filter .bx-filter-popup-result a { color: #a6c86f; line-height: 10px; font-weight: 600; margin-top: 6px; display: inline-block; text-decoration: none; transition: all .3s; } .bx-filter .bx-filter-popup-result a:hover { color: #dd7d5d; } .wr_catalog_section .container { display: block; /*grid-template-columns: 360px calc(100% - 360px);*/ width: 100%; justify-content: space-between; position: relative; } .wr_catalog_section { padding-top: 40px; } .bx-filter .bx-filter-section>.row { padding: 0; } .bx-filter-parameters-box-hint { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 110%; color: var(--dark-gray-1); } .bx-filter .bx-filter-parameters-box { margin-top: 20px; } .bx-filter-parameters-box-title { border-bottom: 2px solid #EBECEC; margin-bottom: 20px; padding: 12px 0; } .bx-filter .bx-filter-input-checkbox .bx-filter-param-text { font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 1; color: var(--dark-gray-2); padding-top: 2px; } .bx-filter-parameters-box-container label { display: block; margin: 8px 0; } .bx-filter-parameters-box-container { padding-bottom: 0; } .bx-filter-parameters-box-container .custom_check_wrap input[type="checkbox"]:checked+.custom_check { background: #93cb52; } .bx-filter-parameters-box-container .custom_check_wrap input[type="checkbox"]:checked+.custom_check::after { left: 8px; top: 3px; } .bx-filter .bx-ui-slider-handle.btn-left, .bx-filter .bx-ui-slider-handle.btn-right { box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1); } .bx-filter-parameters-box-container-block { flex-wrap: wrap; } .filter_price_label { width: 100%; margin-bottom: 3px; } .bx-filter-button-box .bx-filter-parameters-box-container { margin-top: 30px; display: flex; gap: 5px 2%; } .bx-filter-button-box .bx-filter-parameters-box-container #set_filter, .bx-filter-button-box .bx-filter-parameters-box-container #del_filter { padding: 12px 15px; font-family: var(--font-family); font-size: 14px; font-weight: 500; transition: all .3s; cursor: pointer; width: 48%; } .bx-filter-button-box .bx-filter-parameters-box-container #set_filter { background: #93cb52; color: #fff; } .bx-filter-button-box .bx-filter-parameters-box-container #set_filter:hover { background: #89c346; } .bx-filter-button-box .bx-filter-parameters-box-container #del_filter:hover { background: #ddd; } .wr_leftArea_smart_filter { position: absolute; top: 0; left: -500px; z-index: 20; box-shadow: 0 5px 30px rgb(0 0 0 / 25%); background: #fff; border-radius: 2px; padding: 20px 20px; } .wr_leftArea_smart_filter .bx-filter { margin: 0; } .wr_leftArea_smart_filter .bx-filter.bx-blue .bx-filter-section { padding: 0; } .catalog_section { padding: 0; } .catalog_section ul.catalog-product-list { display: flex; flex-wrap: wrap; gap: 20px 0; margin: 0 -10px; } .catalog_section ul.catalog-product-list>li { background: #F5F6F8; width: calc(25% - 20px); margin: 0 10px; } .bx_catalog_item_title a { font-size: 17px; font-weight: 700 !important; font-family: 'Mulish'; } .catalog_section ul.catalog-product-list .bx_catalog_item_title a { font-size: 17px; } .wr-bx-catalog-item:hover { box-shadow: var(--shadow); } .wr-bx-catalog-item:hover .wr-bx-catalog-item-content { height: 100%; z-index: 100; background: transparent; } .bx_catalog_item_prices .catalog_item_Split { background: #93cb52; color: #fff; padding: 5px 10px; font-size: 16px; border-radius: 3px; } .wr-bx-catalog-item:hover .bx_catalog_item_action_block { visibility: visible; } .wr-bx-catalog-item-content { width: 100%; height: 100%; display: flex; box-sizing: border-box; flex-direction: column; position: relative; transition: .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: transparent; } .side_filter { width: 350px; max-width: 100%; padding-top: 70px; } .side_filter.active { right: 0; } .side_filter .side-panel-title { font-weight: 600; } .catalog-filter_btn_wrap { display: block; position: sticky; left: 0; top: 20px; background: #9CCC65; padding: 0; border-radius: 2px; z-index: 8; flex-shrink: 0; cursor: pointer; transition: all .3s; } .catalog-filter_btn_wrap:hover { background: #b7ea7c; } .catalog-filter_btn_wrap label { padding: 7px; display: block; } .wr_catalog_section .container { display: flex; align-items: flex-start; gap: 0 10px; } .catalog-filter_btn_wrap .ico-filter { background: url(/local/images/filter-variant_wh.svg) no-repeat; } .side_filter .bx-filter-section { padding-right: 0 !important; } .side_filter .bx-filter .bx-filter-popup-result.left { display: none !important; } .bx-filter .bx-filter-param-btn-inline .bx-filter-param-label { border-bottom: solid 3px transparent; } .bx-filter .bx-filter-param-btn-inline .bx-filter-param-label.bx-active { border-bottom: solid 3px #93cb52; } .wr-catalog-section-description { padding-top: 40px; } .header-bottom-right .basket-line-block { transition: all .3s; } .header-bottom-right .basket-line-block:hover { transform: translateY(-2px); } .header { position: relative; z-index: 10; } .wr-catalog-company-advantage .catalog-company-advantage { grid-template-columns: 50% 45%; gap: 5%; } .catalog-section-description-left h2 { margin: .6em 0; } h2 { font-family: var(--font-family); font-weight: 700; font-size: 30px; line-height: 110%; color: var(--dark-gray-1); margin: .6em 0; } h2:first-child, h3:first-child { margin-top: 0; } .wr-catalog-company-advantage { padding-top: 80px; background: #fff; } .adv_r_img_wrap { position: relative; width: 160px; height: 160px; object-fit: contain; max-width: 100%; aspect-ratio: 1; } .adv_r_img { width: 100%; max-width: 100%; animation: rotate 15s linear infinite; } .adv_pero { position: absolute; z-index: 3; left: 50%; top: 50%; width: 50px; margin-left: -25px; margin-top: -17px; } @keyframes rotate { from { transform: rotate(0deg); /* Начальное положение */ } to { transform: rotate(360deg); /* Конечное положение */ } } .catalog-company-advantage-left-desc { font-size: 15px; line-height: 140%; } .wr-catalog-company-advantage .catalog-company-advantage-name { font-family: var(--font-family); font-weight: 700; font-size: 17px; line-height: 110%; color: var(--dark-gray-1); margin-top: 15px; border-bottom: 3px solid #EBECEC; padding: 0 0 7px; } .wr-catalog-company-advantage ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px; } .catalog-company-advantage-description { margin-top: 20px; font-family: var(--font-family); font-weight: 500; font-size: 15px; line-height: 140%; color: var(--dark-gray-2); } .catalog-section-description-left { font-size: 15px; padding-right: 1.5rem; } .catalog-section-description-left ul li { margin: 10px 0; } .wr-catalog-review-list { padding: 100px 0 30px; } .catalog-review-list { width: calc(100% + 15px); margin-top: 20px; } .catalog-review-list .owl-stage-outer { margin-right: 15px; } .catalog-review-list .item { background: #F8F8F8; padding: 20px; } .catalog-review-list .review-item-body-title { font-family: var(--font-family); font-weight: 700; font-size: 14px; line-height: 140%; color: var(--dark-gray-2); } .catalog-review-list .review-item-body-mark { display: flex; gap: 5px 10px; margin-top: 7px; align-items: center; } .catalog-review-list .review-item-body-description { margin-top: 9px; font-family: var(--font-family); font-weight: 500; font-size: 14px; line-height: 140%; color: var(--dark-gray-2); } .catalog-review-list .owl-stage { display: flex; } .catalog-review-list .owl-item { height: auto; } .catalog-review-list .item { height: 100%; } .ico-start { background-size: contain; background-position: left center; display: block; width: 17px; aspect-ratio: 1.05; } .ico-start-active { background-size: contain; background-position: left center; display: block; width: 17px; aspect-ratio: 1.05; } .catalog-review_btn_wrap { margin-top: 15px; display: flex; justify-content: flex-end; } .catalog-review_btn_wrap .btn_w_arr { margin-left: 0; } .catalog_posts { padding: 80px 0 0; } .catalog_posts .item, .wr-owl-article-list .owl-item { position: relative; height: 330px; overflow: hidden; } .catalog_posts .item::before { content: ""; position: absolute; bottom: 0; height: 100%; left: 0; right: 0; background: linear-gradient(0deg, rgba(27, 27, 30, 0.7) 0%, rgba(27, 27, 30, 0.55) 35%, rgba(27, 27, 30, 0) 65%); z-index: 2; } .catalog_posts_img { display: block; width: 100%; height: 100%; position: relative; } .catalog_posts_img img { position: absolute; left: 0; top: 0; height: 100% !important; width: 100% !important; object-fit: cover !important; z-index: 1; max-height: 100% !important; } .catalog_posts .item .owl-article-list-item-block { inset: 0; padding: 25px 20px; z-index: 5; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-end; } .catalog_posts .owl-item .catalog_posts_img img { transition: all .5s; } .catalog_posts .owl-item:hover .catalog_posts_img img { transform: scale(1.05); } .wr-owl-article-list .owl-item .owl-news-item-title { font-family: var(--font-family); font-weight: 700; font-size: 17px; line-height: 120%; color: #fff; } .owl-news-item-description { height: auto; font-family: var(--font-family); font-weight: 500; font-size: 14px; line-height: 130%; color: #fff; margin-top: 20px; } .catalog_last_blocks { padding-bottom: 50px; background: #fff; } .ya_maps_title h3 { font-size: 32px; font-weight: 700; margin-bottom: 15px; } /* */ /* CARD PAGE */ /* */ .wr-catalog-element .c-catalog-element { grid-template-columns: 48% 48%; justify-content: space-between; } .c-catalog-element .right-aside { padding: 0; } .prod_page_bread { margin-top: 0; margin-bottom: 25px; } .wr-catalog-detail-title .catalog-detail-name h1 { padding: 0px; margin: 0px; font-family: var(--font-family); font-weight: 700; font-size: 44px; line-height: 110%; color: var(--dark-gray-1); } .wr-catalog-detail-title { align-items: flex-start; } .wr-catalog-detail-title-right { flex-shrink: 0; margin-top: 8px; } .wr-catalog-detail-title-left { align-items: flex-start; } .catalog-detail-hit { margin-top: 8px; } .catalog-detail-new { background-color: #a6c86f; } .catalog-detail-action-green { background: #9DB589; } .catalog-detail-action { background: #7D5AB3; } .catalog-detail-default { background: #90A3BD; } .item_base_price { font-family: var(--font-family); font-weight: 600; font-size: 30px; line-height: 110%; color: var(--dark-gray-1); gap: 20px; } .bx_catalog_item_oldPrice { font-size: 18px; flex-shrink: 0; } .item_split_price .catalog_item_Split { background: #a6c86f; color: #fff; padding: 5px 10px; font-size: 18px; border-radius: 3px; } .item_split_price { margin-top: 12px; } .quantity-inStock { margin-top: 20px; } .count-store { font-weight: 600; display: inline-block; align-items: center; padding-left: 2px; transition: all .3s; } .count-store svg { transition: all .3s; } .count-store:hover { color: #93cb52; } .count-store:hover svg path { stroke: #93cb52; } .detail-trade-catalog { margin-top: 35px; } .wr-detail-trade-catalog-title { margin-top: 0; font-family: var(--font-family); font-weight: 600; font-size: 16px; line-height: 130%; color: var(--dark-gray-1); } .wr-detail-trade-catalog-body { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 15px 25px; justify-content: space-between; } .wr-detail-trade-catalog-body .wr-item-pror-size { margin-top: 0; } .wr-detail-trade-catalog-body .wr-item-pror-size { width: 400px; max-width: 100%; } .detail-catalog-custom-size { transition: all .3s; } .detail-catalog-custom-size:hover { color: #93cb52; } .wr-detail-trade-catalog-body .wr-item-pror-size ul { opacity: 0 !important; height: 0 !important; display: block !important; transition: height .3s, opacity .3s !important; box-shadow: 0 10px 12px -3px #0000003b; padding-top: 5px; overflow: hidden; } .wr-detail-trade-catalog-body .wr-item-pror-size ul.active { opacity: 1 !important; height: 100px !important; overflow: hidden auto; } .wr-detail-trade-catalog-body .wr-item-pror-size ul li { padding: 7px 9px !important; border-top: solid 1px #d5d5d5; transition: all .3s; } .wr-detail-trade-catalog-body .wr-item-pror-size ul li:hover { background: #e3e3e3 !important; } .param_chose_block h3 { margin-top: 0; font-family: var(--font-family); font-weight: 600; font-size: 16px; line-height: 130%; color: var(--dark-gray-1); } .wr-detail-property-list { margin-top: 25px; } .wr-detail-property-list h3 { margin-top: 0; font-family: var(--font-family); font-weight: 600; font-size: 16px; line-height: 130%; color: var(--dark-gray-1); } .osnova_wrap { font-family: var(--font-family); font-weight: 500; font-size: 13px; line-height: 120%; color: var(--dark-gray-1); } .wr-detail-property-list button { border: 2px solid #f0f0f0; } .wr-catalog-detail-btnList button { font-family: var(--font-family); font-weight: 500; font-size: 15px; border-width: 2px; } .catalog-detail-btn-byOneClick, .catalog-detail-btn-instalment { background: #fff; border: 2px solid #e9e9e9; } .catalog-detail-btn-byOneClick:hover, .catalog-detail-btn-instalment:hover { border-color: #93cb52; } .modal-installment-form .form-group { margin-bottom: 15px; } .modal-installment-form .form-group input { font-family: var(--font-family); font-size: 14px; padding: 15px; } .modal-installment-form-tab button { font-family: var(--font-family); } .sticky-header { padding: 10px 0; } .sticky-header-img img { width: auto; height: 58px; } .sticky-header-name { font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 110%; color: var(--dark-gray-1); } .catalog-detail-haracteristic-body li { position: relative; } .catalog-detail-haracteristic-body li::before { content: ''; position: absolute; left: 0; right: 0; height: 1px; bottom: 0; background: none; z-index: 1; border-bottom: dashed 1px #d4d4d4; } .catalog-detail-haracteristic-body li { list-style: none; } .catalog-detail-description-title { cursor: pointer; } .catalog-detail-description-body, .wr-catalog-detail-delivery { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 140%; color: var(--dark-gray-2); } .installment-form-doc a { color: #93cb52; transition: all .3s; } .installment-form-doc a:hover { color: #5c911e; } .wr-product-gallery-all { font-size: 38px; font-weight: 700; } .composition-product-item-name { display: inline-block; font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 110%; color: var(--dark-gray-1); border-bottom: solid 4px var(--gray-1); padding-bottom: 5px; } .composition-product-item-description { margin-top: 25px; font-family: var(--font-family); font-weight: 500; font-size: 15px; line-height: 150%; color: var(--dark-gray-2); } .wr-sticky-header-price { font-family: var(--font-family); font-weight: 600; font-size: 22px; line-height: 1; color: var(--dark-gray-1); } .wr-sticky-header-price_wrap { width: 140px; display: flex; flex-wrap: wrap; } .wr-sticky-header-price { width: 100%; } .sticky-header.prod_page_sticky { height: auto; } .sticky-header-btns { gap: 5px 10px; } .sticky-header-btns button { font-family: var(--font-family); font-weight: 500; font-size: 14px; line-height: 1.2; padding: 12px 15px; } .prod_page_sticky .container { gap: 10px 15px; } .composition-product-item-img img { width: 100%; max-height: 350px; object-fit: cover; } .dop_prod_grid .wr-bx-catalog-item { height: 100% !important; } .wr-product-gallery-all h3 { font-size: 38px; font-weight: 700; } .wr-product-gallery-all .owl-item { margin: 0; } .product-gallery-all .item { max-width: 1000px; max-height: 1000px; } .product-gallery-all .item a { display: block; position: relative; height: 340px; border-radius: 2px; cursor: pointer; transition: all .3s; } .product-gallery-all .item:hover a { box-shadow: var(--shadow); } .product-gallery-all .item a img { display: block; height: 100%; width: 100%; object-fit: cover; } .product-gallery-all { margin: 0 -15px; width: calc(100% + 15px); } .product-gallery-all .owl-stage-outer { padding: 0 15px 15px; } .product-gallery-all .owl-nav button.owl-prev { left: -10px; background: #fff !important; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1); } .product-gallery-all .owl-nav button.owl-next { background: #fff !important; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1); } .product-gallery-all .owl-nav button:hover { background: #caeb95 !important; } .composition_wrap { margin-top: 60px; } .wr_section_list.gray_bg, .wr_catalog_section.gray_bg, .bg_gray_cards { background: #F8F8F8; } .wr_catalog_section.gray_bg { padding-bottom: 70px; } .wr_catalog_section.gray_bg ul.catalog-product-list>li, .bg_gray_cards .ul-compare-list .li-stocks-list { background: #fff; } .wr_catalog_section.gray_bg .wr-item-pror-size { background: #F8F8F8; } .catalog_section { width: 100%; } .insrt_wrap { background: #FFF6EC; padding: 35px 70px 60px; margin-top: 70px; } .instr_info { font-family: var(--font-family); font-weight: 500; font-size: 14px; line-height: 130%; color: var(--dark-gray-2); display: flex; align-items: center; flex-wrap: wrap; } .instr_info svg { border: solid 1px var(--dark-gray-2); padding: 3px; border-radius: 50%; flex-shrink: 0; width: 20px; height: 20px; margin: 0 7px; } .instr_img_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-self: center; margin-top: 30px; padding: 20px 0; } .instr_img_l { width: 43%; position: relative; } .instr_img_r { width: 43%; text-align: right; } .instr_img_l img { width: 100%; max-width: 100%; } .instr_img_r img { max-width: 100%; } .instr_content_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-self: center; margin-top: 50px; align-items: flex-end; } .instr_content_l { width: 45%; position: relative; } .instr_desc h3 { font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 110%; color: var(--dark-gray-1); } .instr_desc p { margin-top: 20px; font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 150%; color: var(--dark-gray-2); } .instr_content_r { width: 43%; position: relative; } .instr_btns { display: flex; flex-direction: column; gap: 15px 0; align-items: flex-end; } .instr_btns .btn { font-family: var(--font-family); font-weight: 600; font-size: 16px; line-height: 140%; color: var(--dark-gray-2); border: 2px solid #323B3D; width: 350px; max-width: 100%; padding: 16px 20px; background: #323B3D; color: #fff; text-decoration: none; text-align: center; cursor: pointer; transition: all .3s; } .instr_btns .transp { border: 2px solid #ADB1B1; color: #323B3D; background: transparent; } .instr_btns .btn:hover { background: #93cb52; border: 2px solid #93cb52; color: #fff; } .instr_label { display: flex; padding: 2px 10px; border-radius: 2px; background: transparent; position: absolute; z-index: 5; align-items: center; width: auto; min-width: 60px; gap: 0 10px; transition: all .3s; } .instr_label img { width: 40px; height: 40px; max-width: 100%; border-radius: 50%; overflow: hidden; flex-shrink: 0; cursor: pointer; } .instr_text { padding-left: 0; font-family: var(--font-family); font-weight: 600; font-size: 14px; line-height: 1; color: var(--dark-gray-1); transition: opacity .3s; opacity: 0; width: 0; height: 0; overflow: hidden; z-index: -99; } .instr_label:hover { background: #fff; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15), 0 0 8px 0 rgba(0, 0, 0, 0.15); z-index: 10; } .instr_label:hover .instr_text { opacity: 1; z-index: 10; width: max-content; height: auto; } #divan_instr_label_1 { top: 15%; left: 15%; } #divan_instr_label_2 { top: -4%; left: 50%; } #divan_instr_label_3 { bottom: 10%; left: 4%; } #divan_instr_label_4 { top: 42%; right: 1%; flex-direction: row-reverse; } #bed_instr_label_1 { top: 15%; left: 15%; } #bed_instr_label_2 { top: -1%; left: 42%; } #bed_instr_label_3 { bottom: 30%; left: 20%; } #bed_instr_label_4 { top: 42%; right: 1%; flex-direction: row-reverse; } .catalog-element-gallery-list .item { margin-right: 0; max-width: 100%; } .catalog-element-gallery-list img { height: 250px; width: 100%; object-fit: cover; } .catalog-element-gallery-list { position: relative; } .catalog-element-gallery-list .owl-nav {} .catalog-element-gallery-list .owl-prev { transition: .3s; width: 50px; height: 50px; background: #efefefbf !important; border-radius: 50%; position: absolute; left: -25px; top: 40%; display: flex; align-items: center; justify-content: center; } .catalog-element-gallery-list .arrow-left { background: url(/local/images/ico-arrow-left.svg) center center no-repeat; display: block; width: 8px; height: 14px; transition: .3s; } .catalog-element-gallery-list .owl-next { transition: .3s; width: 50px; height: 50px; background: #efefefbf !important; border-radius: 50%; position: absolute; right: -25px; top: 40%; display: flex; align-items: center; justify-content: center; } .catalog-element-gallery-list .owl-nav button.owl-prev { left: -25px; background: #fff !important; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1); top: 50%; margin-top: -20px; } .catalog-element-gallery-list .owl-nav button.owl-next { background: #fff !important; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1); } .catalog-element-gallery-list .arrow-right { background: url(/local/images/ico-arrow-right.svg) center center no-repeat; display: block; width: 8px; height: 14px; transition: .3s; } .right-aside-stiky { top: 20px; } .page-basket-right { position: sticky; top: 20px; } .ico-basket-print { width: 18px; height: 18px; } .page-basket-top-list li { transition: all .3s; } .page-basket-top-list li:hover { color: #93cb52; } .basket-item-propsList-title { font-weight: 500; } .page-basket-list li { margin-top: 20px; } .page-basket-item-bottom-favorite, .page-basket-item-bottom-delete { gap: 0 7px; line-height: 1; } .page-basket-item-bottom-left .ico-favorite { width: 18px !important; height: 18px !important; background-size: contain; } .page-basket-item-bottom-left .ico-delete { width: 18px !important; height: 18px !important; background-size: contain; } .page-basket-item-bottom-left { display: flex; align-items: center; gap: 10px 25px; } .basket-item-propsList-body { color: #848A8A; } .basket-item-propsList-body span { display: inline-block; margin-right: 10px; } .basket-item-summPrice { font-family: var(--font-family); font-weight: 500; font-size: 24px; line-height: 110%; text-align: right; color: var(--dark-gray-1); } .page-basket-item-bottom { padding: 25px 30px 0; width: calc(100% + 60px); margin: 0 -30px; border-top: 2px solid #f5f5f5; } .page-basket-right { font-family: var(--font-family); font-weight: 500; font-size: 16px; color: var(--dark-gray-1); } .modal_item_addToBasket { flex-wrap: nowrap; } .modal_item_addToBasket_right { flex-shrink: 0; } .page-basket-right-btn-list button { font-weight: 500; padding: 15px 10px; font-family: var(--font-family); font-size: 16px; border: 2px solid var(--gray-1); transition: all .3s; } .page-basket-right-btn-list button:hover { border-color: #9CCC65; } .basket-right-result-summ { font-family: var(--font-family); font-weight: 600; font-size: 28px; line-height: 110%; color: var(--dark-gray-1); } .page-basket-right-bottom li a { margin: 5px 0; transition: all .3s; } .page-basket-right-bottom li a:hover { color: #93cb52; } .wr-page-cart { padding-bottom: 70px; } .bx-soa-pp-company-smalltitle { font-weight: 600; } .bx-soa-section { margin-bottom: 20px; } .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t { font-family: var(--font-family); font-weight: 600; font-size: 20px; line-height: 150%; color: var(--dark-gray-1); } .bx-soa-cart-d { font-family: var(--font-family); font-weight: 600 !important; font-size: 28px !important; line-height: 150%; color: var(--dark-gray-1); } .bx-soa-section .bx-soa-section-title { font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 110%; color: var(--dark-gray-1); } #bx-soa-basket .bx-soa-item-tr { font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 150%; color: var(--dark-gray-2); } .bx-soa-customer input { background: #efeeee; border-radius: 2px; font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 1; padding: 23px 30px; } .order_comment textarea { font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 1; height: 200px; } .bx-soa-item-td.bx-soa-item-properties.PRICE_FORMATED { display: none !important; } .order_conf { font-size: 16px; font-family: var(--font-family); font-weight: 500; line-height: 1.4; padding-bottom: 70px; } .order_conf .row.mb-5 { margin: 0 0 15px; } .page_content a { color: #67bd04; text-decoration: none; transition: all .3s; } .page_content a:hover { color: #da964e; } .page_content a b { font-weight: 500; } .order_conf { display: flex; justify-content: space-between; } .conf_col_r, .conf_col_l { width: 47%; background: #fff; padding: 30px; border-radius: 3px; } .conf_col_r { font-size: 18px; line-height: 1.5; } .pay_name_wrap h3 { font-size: 24px; font-weight: 600; } .pay_name_foot { margin-top: 15px; } .ya_pay_wrap div { margin: 15px 0; } .ya_pay_wrap>div:nth-child(2) { font-size: 18px; } .ya_pay_wrap>div:nth-child(2) strong { font-weight: 700; font-size: 24px; } .ya_pay_wrap .ya-pay-button_width_max { height: 80px !important; } .catalog-detail-new,.catalog-detail-hit, .catalog-detail-action,.catalog-detail-action-green,.catalog-detail-default, .catalog-detail-procent, .catalog-detail-hard { color: #fff; font-weight: 600; padding: 5px 10px; border-radius: 4px; font-size: 14px; } .catalog-detail-hard { background: #4099ac; text-transform: lowercase; } .detail-property-material-title { margin-bottom: 20px; align-items: flex-start; } .detail-property-material-title h3 { margin-bottom: 0; } .catalog-detail-delivery-body_wrap { display: flex; gap: 0 15px; } .catalog-detail-delivery-body_wrap .deliv_ico { margin-top: 3px; } .accord_wrap { padding: 15px; } .accord_wrap_title { height: auto !important; padding: 5px 0; } .accord_body { display: none; padding-top: 20px; } .accord_wrap_active .accord_body { display: block; } .accord_wrap_title { font-family: var(--font-family); font-weight: 400; font-size: 14px; line-height: 120%; color: var(--dark-gray-2); } .accord_body>ul { margin-top: 0; } .accord_wrap_title .ico-arrow-down { transition: all .3s; } .accord_wrap_title .ico-arrow-down.rotate180 { transform: rotateX(-180deg); } .wr_bx_catalog_split_price { display: flex; align-items: center; gap: 5px 10px; } .ya_split_ico { width: 27px; height: 27px; } .categ_top_desc { margin: -20px 0 30px; font-size: 15px; font-family: var(--font-family); font-weight: 500; line-height: 1.4; padding: 1.2rem 1rem; background: #fff; border-left: solid 5px #a6c86f; } .categ_top_desc p { margin-top: 0; } .categ_top_desc p:last-child { margin-bottom: 0; } .page_content h1, .cont_def h1 { font-family: var(--font-family); font-weight: 700; font-size: 44px; line-height: 110%; color: var(--dark-gray-1); margin-top: 40px; } .page_content>h1:first-child, .cont_def>h1:first-child { margin-top: 0; } .page_content h2, .cont_def h2 { font-family: var(--font-family); font-weight: 700; font-size: 30px; line-height: 110%; color: var(--dark-gray-1); margin: .6em 0; } .page_content h3, .cont_def h3 { font-family: var(--font-family); font-weight: 600; font-size: 20px; line-height: 110%; color: var(--dark-gray-1); margin: 15px 0; } .page_content>h3:first-child, .cont_def>h3:first-child { margin-top: 0; } .content_wrap_white { background: #fff; padding: 40px; border-radius: 5px; margin-bottom: 60px; } .page_content { font-size: 15px; line-height: 1.4; } .page_content ul { margin: 20px 0; padding-left: 15px; } .page_content ul li { list-style: none; position: relative; padding-left: 15px; margin: 10px 0; } .page_content ul li::before { content: ''; position: absolute; left: 0; top: 6px; width: 7px; height: 7px; background: #9CCC65; border-radius: 50%; } .page_content table { margin: 20px 0; min-width: 70%; } .page_content table tr:nth-child(odd) { background: #f2f2f2; } .page_content table th, td { padding: 12px; border-bottom: 0; font-weight: 500; } .optovik_sec { background: #fff; } .optovik_sec .wr-section-list-content { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; overflow: hidden; max-width: 100%; margin-left: calc((100% - var(--container))/2 + 20px); } .optovik_sec .top-section-list-left { padding-right: 70px; width: 550px; max-width: 100%; align-items: flex-start; display: flex; flex-direction: column; } .optovik_sec .top-section-list-right { width: calc(100% - 550px); max-width: 1060px; } .optovik_sec .top-section-list-right img { width: 100%; max-width: 100%; max-height: 700px; object-fit: cover; } .optovik_sec .top-section-list-left-description { font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 150%; color: var(--dark-gray-2); margin-top: 30px; } .optovik_sec .top-section-list-left-btnName { margin-top: 40px; } .optovik_sec .top-section-list-left-btnName button { display: block; background: #323B3D; padding: 20px; width: 250px; max-width: 100%; text-align: center; color: #fff; text-decoration: none; font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 1; color: #fff; transition: all .3s; } .optovik_sec .top-section-list-left-btnName button:hover { background: #93cb52; } .optovik_bottom { padding-top: 100px; } .optovik_bottom h2 { font-size: 40px; text-align: center; } .optovik_bottom_desc { font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 150%; text-align: center; color: var(--dark-gray-2); width: 1070px; max-width: 100%; margin: 30px auto 0; } .optovik_preim_wrap { display: flex; flex-wrap: wrap; margin: 30px -15px 0; } .optovik_preim_it { width: calc(25% - 30px); margin: 10px 15px; padding: 25px; background: #F8F8F8; border-radius: 2px; text-align: center; } .optovik_preim_title { font-family: var(--font-family); font-weight: 700; font-size: 15px; line-height: 110%; text-align: center; color: var(--dark-gray-1); margin-top: 20px; } .optovik_preim_desc { font-family: var(--font-family); font-weight: 500; font-size: 14px; line-height: 150%; text-align: center; color: var(--dark-gray-2); margin-top: 15px; } .optovikam_adv { padding-bottom: 70px; } .optovikam_adv .advantage-section-list-right-name { display: inline-block; font-family: var(--font-family); font-weight: 700; font-size: 18px; line-height: 110%; color: var(--dark-gray-1); padding-bottom: 6px; border-bottom: solid 4px #EBECEC; } .rev_ph_desc { font-weight: 600; } .bx_catalog_item_add_toCart_oneClick button.no_price_btn { border: none; background: #323B3D; color: #fff; width: 100%; padding: 12px 0; font-family: 'Mulish'; font-weight: 500; font-size: 16px; cursor: pointer; transition: all .3s; } .bx_catalog_item_add_toCart_oneClick button.no_price_btn:hover { background: #93cb52; } .wr-catalog-detail-btnList button.no_price_btn { border: none; background: #323B3D; color: #fff; width: 100%; padding: 12px 0; font-family: 'Mulish'; font-weight: 500; font-size: 16px; cursor: pointer; transition: all .3s; } .wr-catalog-detail-btnList button.no_price_btn:hover { background: #93cb52; } .contacts_page { padding-top: 0; } .shops-contacts-list { margin-top: 50px; } .shops-contacts-list ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px 30px; list-style: none; } .shops-contacts-list .shop-contact-item-title { font-weight: 700; font-size: 18px; margin-top: 0; } .shop-contact-item .shop-contact-item-right { padding-left: 20px; } .shop-contact-item-body { font-family: var(--font-family); font-weight: 500; font-size: 15px; line-height: 140%; color: var(--dark-gray-2); } .shop-contact-item-body>div { margin: 5px 0; } .wr-component-recvizit h3 { font-size: 22px; } .wr-component-recvizit { padding-top: 80px; } .component-recvizit { margin-top: 50px; display: grid; grid-template-columns: 32% 67%; justify-content: space-between; } .component-recvizit-right-top-right { padding-left: 20px; } .component-recvizit-right-top-right h4 { font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 140%; color: var(--dark-gray-1); } .component-recvizit-right-body { font-family: var(--font-family); font-weight: 500; font-size: 15px; line-height: 140%; color: var(--dark-gray-2); } .component-recvizit-right-body>div { margin: 5px 0; } .component-recvizit-review-text-body { font-family: var(--font-family); font-weight: 500; font-size: 15px; line-height: 140%; color: var(--dark-gray-2); } .component-recvizit-review-text-body ul li { margin: 5px 0; } .feedback-shops-btn-list button { font-family: var(--font-family); font-weight: 500; font-size: 15px; line-height: 1; color: #fff; padding: 17px 20px; } .feedback-shops-title { font-family: var(--font-family); font-weight: 700; font-size: 34px; line-height: 110%; text-align: center; color: var(--dark-gray-1); } .feedback-shops-form-top input { border: none; background: #FFFFFF; border-radius: 2px; padding: 18px 30px; width: 100%; font-family: var(--font-family); font-weight: 500; font-size: 16px; } .feedback-shops-bottom-description { font-family: var(--font-family); font-weight: 500; font-size: 18px; line-height: 150%; text-align: center; color: var(--dark-gray-2); } .feedback-shops_police { margin-top: 20px; text-align: center; display: block; } .feedback-shops_police .form_check_wrap { justify-content: center; } .feedback-shops_police .form_term { line-height: 1.7; } .wr-stock-list-top h1 { margin-top: 0; } .footer-bottom .container { gap: 5px 15px; } .feedback-wholesalers-title { text-align: center; font-weight: 700; } .feedback-wholesalers-form input { font-family: var(--font-family); font-size: 1rem; border: none; background: #FFFFFF; border-radius: 2px; padding: 17px 25px; width: 100%; } .feedback-wholesalers-form button { font-family: var(--font-family); font-size: 1rem; transition: all .3s; } .feedback-wholesalers-form-bottom { grid-template-columns: auto 200px; } .feedback-wholesalers .custom_check_wrap { margin-top: 1.2rem; justify-content: center; } .optovikam_bread { background: #fff; padding-bottom: 1rem; } .search_page .container { display: block; } .search_page .catalog-product-list .wr-bx-catalog-item { min-height: 200px; } .w100 { width: 100%; } .favor_wrap { margin-top: 3rem; } .favor_wrap .li-stocks-list { height: auto; background: #fff; } .favor_wrap .wr-bx-catalog-item:hover .bx_catalog_item_wr_title { background: transparent; } .wr-stocks-list .favor_page_h1 h1 { font-weight: 700; font-size: 2.5rem; } .wr-stocks-list.bg_gray_cards { padding-bottom: 3rem; } .h400 { min-height: 400px; } .r_fix_btn_wrap { position: fixed; z-index: 88; right: 0; bottom: 45%; background: #fff; } .r_fix_btn { width: 35px; height: 35px; background: #93cb52; display: flex; align-items: center; justify-content: center; transition: all .3s; cursor: pointer; position: relative; } .r_fix_btn svg { width: 15px; height: 15px; object-fit: contain; position: relative; z-index: 3; } .r_fix_btn svg path { fill: #fff; transition: all .3s; } .r_fix_btn:hover { background: #8ab349; } .call_fix_btn, .wts_fix_btn { margin-top: 1px; } .r_fix_btn_title { position: absolute; font-size: 12px; width: 85px; height: 35px; display: flex; justify-content: center; align-items: center; top: 0; left: 120px; background: #9fc75f; padding: 5px 10px; box-shadow: 0 2px 10px -2px rgb(0 0 0 / 5%); color: #fff; text-align: center; line-height: 1; opacity: 0; z-index: 1; transition: all .3s; } .r_fix_btn:hover .r_fix_btn_title { opacity: 1; left: -85px; } .private-policy-top-block, .private-policy-bg-block { background: #F8F8F8; padding: 1rem 1.5rem; border-left: solid 4px #a6c86f; } .toplink { display: flex; flex-wrap: wrap; align-items: center; margin-top: 2.5rem; max-width: 100%; font-size: .9rem; color: #323B3D; text-decoration: none; } .toplink svg { height: 13px; margin-left: -3px; } .toplink:hover { color: #93cb52; } .sitemap_ul { padding: 0 !important; } .wr-stocks-list .ul-stocks-list { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; gap: 15px; margin-top: 3rem; } .mech_wrap { width: 56px; height: 56px; display: inline-flex; flex-shrink: 0; justify-content: center; align-items: center; background: #fff; border-radius: 50%; overflow: hidden; margin-right: 10px; transition: all .3s; } .mech_wrap .osnova_img { width: 100%; height: 100%; border-radius: 50%; margin-right: 0; } .wr-detail-property-list .osnova_wrap.active .mech_wrap { background: #93cb52; } .instr_btns .btn_video { display: flex; align-items: center; justify-content: center; gap: 0 .5rem; } .instr_btns .btn_video svg { width: 2rem; height: 2rem; object-fit: contain; } .instr_btns .btn_video svg path { transition: all .3s; } .instr_btns .btn_video:hover svg path { fill: #fff; } .wr-stocks-list { z-index: 3; position: relative; } .wr-catalog-element-gallery a { display: block; position: relative; line-height: 0; } .wr-catalog-element-gallery a::before { content: ''; position: absolute; inset: 0; z-index: 1; cursor: pointer; background: rgb(0 0 0 / 20%); transition: all .3s; opacity: 0; } .wr-catalog-element-gallery a::after { content: ''; position: absolute; inset: 0; z-index: 1; background-image: url('/local/images/zoom-in-line-icon.svg'); background-repeat: no-repeat; background-position: center; background-size: 4rem; z-index: 3; cursor: pointer; transition: all .3s; opacity: 0; transform: scale(0.5); } .wr-catalog-element-gallery a:hover:after { opacity: 1; transform: scale(1); } .wr-catalog-element-gallery a:hover:before { opacity: 1; } .catalog-detail-img-panel { z-index: 5; } .catalog-element-gallery-list .item a { display: block; position: relative; line-height: 0; } .catalog-element-gallery-list .item a::before { content: ''; position: absolute; inset: 0; z-index: 1; cursor: pointer; background: rgb(0 0 0 / 20%); transition: all .3s; opacity: 0; } .catalog-element-gallery-list .item a::after { content: ''; position: absolute; inset: 0; z-index: 1; background-image: url('/local/images/zoom-in-line-icon.svg'); background-repeat: no-repeat; background-position: center; background-size: 2.5rem; z-index: 3; cursor: pointer; transition: all .3s; opacity: 0; transform: scale(0.5); } .catalog-element-gallery-list .item a:hover:after { opacity: 1; transform: scale(1); } .catalog-element-gallery-list .item a:hover:before { opacity: 1; } .header-contact-call { cursor: pointer; } .form_errors, .error-msg { padding-bottom: .7rem; color: #db6e6e; font-size: .9rem; } .success { display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center; height: auto; grid-gap: 1.25em; } svg.checkmark { display: block; width: 6em; height: 6em; border-radius: 50%; animation: checkmark_fill 0.4s ease-in-out 0.4s forwards, checkmark_scale 0.3s ease-in-out 0.9s both; stroke-width: 3; stroke: #fff; stroke-miterlimit: 10; } .checkmark__circle { animation: checkmark_stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #93cb52; fill: none; } .checkmark__check { animation: checkmark_stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; } .success__title { margin-bottom: 0.2em; font-weight: 700; font-size: 1.4em; } .success__description { font-size: 1em; } @keyframes checkmark_fill { 100% { box-shadow: inset 0 0 0 6em #93cb52; } } @keyframes checkmark_stroke { 100% { stroke-dashoffset: 0; } } @keyframes checkmark_scale { 0%, 100% { transform: none; } 50% { transform: scale3d(1.1, 1.1, 1); } } @keyframes checkmark_roll { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } #wr-modal-buy-one-click { display: none; } .success_wrap { display: none; } .shops_form_btn { display: block; background: #323B3D; padding: 20px; width: 250px; max-width: 100%; margin: 1.2rem auto 0; text-align: center; color: #fff; text-decoration: none; font-family: var(--font-family); font-weight: 500; font-size: 1rem; line-height: 1; color: #fff; cursor: pointer; border: none; transition: all .3s; } .shops_form_btn:hover { background: #93cb52; border-color: #93cb52; } .shops_wthat { padding: 20px; width: auto; background: #7c7c7c; font-size: 1rem; line-height: 1; color: #fff; cursor: pointer; transition: all .3s; text-align: center; } .shops_wthat:not(.chose):hover { background: #323B3D; } .shops_wthat.chose { background: #93cb52; } .wr_catalog_section .wr_catalog_section_top { display: flex !important; flex-wrap: wrap; } .categ_vid_btn { font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 140%; color: var(--dark-gray-2); border: 2px solid #ebecec; width: auto; max-width: 100%; padding: 12px 20px; background: #ebecec; text-decoration: none; text-align: center; cursor: pointer; transition: all .3s; display: inline-flex; align-items: center; justify-content: center; gap: 0 .5rem; margin: 3px 0 0; } .categ_vid_btn svg { width: 2rem; height: 2rem; object-fit: contain; } .categ_vid_btn svg path { transition: all .3s; } .categ_vid_btn:hover { background: #93cb52; border: 2px solid #93cb52; color: #fff; } .categ_vid_btn:hover svg path { fill: #fff; } .color_wrap2 { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 25px; } .clr2_wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; } .color_it2 { width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0; } .clr2_text { padding: 10px 15px; font-size: 14px; background: #f8f8f8; } .color2_info h3 { margin-bottom: 0; } .c-catalog-element .right-aside { position: relative; } .garant_wrap { position: absolute; right: 0; margin-top: 35px; } .garant_it { display: flex; justify-content: flex-end; text-align: right; align-items: center; gap: 0 5px; color: #777; } .garant_it svg { width: 15px; height: 15px; } #color_it_0 { background: #323B3D; } #color_it_1 { background: #5B6263; } #color_it_2 { background: #538683; } #color_it_3 { background: #535E86; } #color_it_4 { background: #A79682; } #color_it_5 { background: #C18A8A; } #color_it_6 { background: #F1CD98; } .color2_info_title { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 5px 10px; margin-bottom: 10px; } .color2_info_title_small { font-size: 13px; color: #4a4a4a; font-weight: 400; padding-bottom: 2px; } .wr-header-akcii-top { transition: all .3s; } .wr-header-akcii-top:hover { background-color: #fee1c1; } .advantage-section-list-left { width: 400px; max-width: 100%; flex-shrink: 0; } .advantage-section-list-left img { width: 100%; max-width: 100%; } .product_img_vid_btn { font-family: var(--font-family); font-weight: 500; font-size: 14px; line-height: 140%; color: #ffffff; border: 2px solid #adc577; width: auto; max-width: 100%; padding: 12px 10px 10px; background: #adc577; text-decoration: none; text-align: center; cursor: pointer; transition: all .3s; display: inline-flex; align-items: center; justify-content: center; gap: 0 .5rem; margin: 3px 0 0; position: absolute; bottom: 15px; left: 15px; z-index: 8; border-radius: 3px; } .product_img_vid_btn svg { width: 25px; height: 25px; object-fit: contain; margin-top: -3px; } .product_img_vid_btn:hover { background: #fff; border: 2px solid #fff; color: #adc577; } .product_img_vid_btn svg path { transition: all .3s; } .product_img_vid_btn:hover svg path { fill: #adc577; } .prod_video_iframe .fancybox__content { padding: 0; width: auto !important; aspect-ratio: 1; } .prod_video_iframe iframe { height: 100%; width: auto; aspect-ratio: 1; } .catalog-detail-description-body.page_content { font-size: 14px; } .modal-buy-one-click-body .form-getCatalog-check, .wr-modal-set-call .form-getCatalog-check { margin-top: 15px; display: block; font-size: 12px; } /* -------- */ /* MEDIA */ /* -------- */ @media (max-width: 1400px) { .optovik_sec .wr-section-list-content { margin-left: 20px; align-items: stretch; } .optovik_sec .top-section-list-left { padding: 3rem 1.5rem 3rem 0; } } @media (max-width: 1340px) { .wr-header-main-menu-list { display: none; } } @media (max-width: 1200px) { .catalog_section ul.catalog-product-list>li { width: calc(33.333% - 20px); } .optovik_sec .top-section-list-right { height: auto; } .news_inner_h1 { width: 100%; } } @media (max-width: 1100px) { .wr-advantage-section-list li { align-items: center; justify-content: flex-start; display: flex; flex-wrap: wrap; } .wr-stocks-list .ul-stocks-list { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 991px) { :root { --font-size: 14px; } html { font-size: var(--font-size) !important; } .wr-our-products h1, .wr-main-akcii-title h3 { font-size: 2.2rem; } .wr-our-products .our-products-name { font-size: 1.2rem; } .main_banner_r { width: calc(100% - 440px + 100px); min-width: 550px; position: relative; min-height: 630px; } .header-top .container { padding-top: 1.2rem; padding-bottom: 1.2rem; } .burger-modal-bottom { grid-template-columns: 100%; } .burger-modal-bottom-right { display: none; } .burger-modal-bottom-left-top { grid-template-columns: repeat(3, 1fr); } .wr-our-products .sub-our-products-list li { padding: 4rem 1rem; } .wr-our-products .sub-our-products-description { font-size: 1rem; } .main-akcii-container { grid-template-columns: 33.333% 66.6666%; } .form-getCatalog-main-right h3 { font-size: 2.3rem; font-weight: 700; } .wr-about-company-main .about-company-main-description h3 { font-size: 2.3rem; } .adress-list-item-section { grid-template-columns: 40% 60%; } .ya_maps_title h3, .wr-news-main-title h3 { font-size: 2.3rem; } .news-item-main, .owl-news-main, .owl-news-main .owl-item { height: 400px; } .news-item-main .item, .owl-news-main .owl-item .item { height: 100%; } .news-item-main .item img, .owl-news-main .item img { height: 100%; width: 100%; object-fit: cover; } .wr-subscribe-main .subscribe-main-name { font-size: 1.8rem; } .footer-phone a { font-size: 1.8rem; } .bx_catalog_item_prices { flex-wrap: wrap; } .bx-catalog-item-bonuses { margin-left: 0; margin-bottom: .7rem; padding-left: 0; } .wr-catalog-company-advantage ul { grid-template-columns: repeat(3, 1fr); gap: 40px 30px; } .stock_item { width: calc(50% - 30px); } .wr-catalog-detail-title .catalog-detail-name h1 { font-size: 2.5rem; } .order_conf { flex-wrap: wrap; } .conf_col_r, .conf_col_l { width: 100%; padding: 1rem 2rem; } .conf_col_r { font-size: 1.1rem; line-height: 1.5; } .conf_col_r { margin-top: 1.2rem; } .advantage-about-us-title h1 { font-size: 2.3rem !important; } .advantage-owl-desc { font-size: 1.1rem; } .advantage-about-us-left { width: 100%; margin: 2rem 0; } .advantage-about-us-right { width: 100%; display: none; } .advantage-owl-desc { width: 100% !important; display: none !important; } .advantage-about-us-left .wr-btn-go-catalog { display: none; } .wr-advantage-top>.container>h2:first-child { text-align: left; } .advantage-about-us { display: none; } .advantage-desc { text-align: left; } .wr-advantage-top { padding: 4rem 0 0; } .advantage-desc { font-size: 1rem; } .about_page_advantage_img svg { height: 2.2rem; width: auto; object-fit: contain; } .item.advantage-list-item { padding: 1.5rem; height: 100%; } .item-advantage-name { font-size: 1.1rem; margin-top: 1rem; } .about_page_stages { padding-top: 5rem; background: #fff; } .stage-item-left .stage-item-left-title { font-size: 1.8rem; } .stage-item-left .stage-item-left-previewtext { font-size: 1rem; } .friendly-team-title { font-size: 2.2rem; } .advantage-list .owl-stage { display: flex; } .production-stages-title h3 { font-size: 2.2rem; } .wr-page-review li .wr-review-item { grid-template-columns: 100%; } .review-item-right { margin-top: 1rem; } .wr-section-list-content { margin: 0 20px; } .optovik_sec .top-section-list-right { display: none; } .optovik_sec .top-section-list-left { padding: 3rem 0 0; width: 100%; } .optovik_bottom { padding-top: 4rem; } .optovik_bottom h2 { font-size: 2.2rem; text-align: left; } .optovik_bottom_desc { font-size: 1rem; text-align: left; } .optovik_preim_wrap { margin: 1.5rem -10px 0; } .optovik_preim_wrap.swiper-slide { background: #F8F8F8; opacity: 0 !important; } .optovik_preim_wrap.swiper-slide.swiper-slide-active { opacity: 1 !important; } .optovik_preim_it { width: calc(25% - 20px); margin: 10px 10px; padding: 1.1rem; } .shops-contacts-list ul { grid-template-columns: repeat(2, 1fr); } .garant_wrap { position: relative; right: auto; margin: 1.5rem 0 -20px; } .garant_it { display: flex; justify-content: flex-start; text-align: left; } } @media (max-width: 930px) { .footer-top .container { gap: 0 1.5rem; } .footer-right .burger_menu_list { width: 200px; } .component-recvizit-left { grid-template-columns: 100%; } } @media (max-width: 870px) { .catalog_section ul.catalog-product-list>li { width: calc(50% - 20px); } .component-recvizit { margin-top: 50px; grid-template-columns: 100%; gap: 1.5rem 0; } .component-recvizit-left { grid-template-columns: 100%; } } @media (max-width: 767px) { .main_banner_wrap { padding-bottom: 0; } .main_banner_r { width: 100%; min-width: 10px; position: relative; height: 110%; width: 100%; position: absolute; inset: 0; left: 18%; min-height: 1px; z-index: -1; opacity: 0.4; } .main_banner_l { width: 400px; max-width: 100%; padding-right: 30px; padding-top: 40px; padding-bottom: 90px; } .banner_footer { display: none; } #main_banner_pero { height: 40px; width: auto; } .main_banner_content { margin-top: 20px; } .swiper-pagination.main_banner_dots { bottom: 30px !important; } .wr-main-banner { padding-bottom: 0px; } .main_banner_flower { display: none; } .wr-our-products { padding-top: 3rem; } .wr-our-products .sub-our-products-list { grid-template-columns: repeat(2, 1fr); } .wr-our-products .wr-our-products-item { padding: 2rem 2rem 4rem; } .sub-our-products-image img { width: 4rem; height: auto; } .wr-our-products .sub-our-products-list li { padding: 2rem 1rem; } .main-akcii-container { grid-template-columns: 100%; } .main-akcii-container-left { display: none; } .main-akcii-container { margin-top: 50px; } .wr-main-akcii { padding: 1.7rem 0 3rem; } .wr-our-advantage .our-advantage-text { font-size: 1rem; } .wr-news-main { padding: 3rem 0; } .wr-news-main .owl-news-item-title { font-weight: 700; font-size: 1.3rem; } .wr-news-main .owl-news-item-description a { font-size: 1rem; } .news-item-main, .owl-news-main, .owl-news-main .owl-item { height: 350px; } .footer-top .container { flex-wrap: wrap; } .footer-left { width: 100%; } .footer-right { width: 100%; margin-top: 30px; } .footer-right .burger_menu_list { width: 180px; } .footer-bottom .container { gap: 5px 3rem; } .wr-catalog-section-description .container { grid-template-columns: repeat(1, 1fr); align-items: center; } .wr-catalog-section-description { padding-top: 1rem; } .wr_catalog_section .container { flex-wrap: wrap; } .catalog-filter_btn_wrap { margin-bottom: 20px; top: 5px; } .instr_img_l { width: 100%; } .instr_img_r { width: 100%; margin-top: 1rem; } .insrt_wrap { background: #FFF6EC; padding: 2rem 2rem 3rem; margin-top: 3rem; } .instr_content_l { width: 100%; } .instr_content_r { width: 100%; margin-top: 1.5rem; } .instr_btns { flex-direction: row; gap: 1rem 1.2rem; align-items: center; flex-wrap: wrap; } .basket-item-propsList { text-align: center; } .order_l { width: 100%; order: 2; max-resolution: 2rem; } .order_r { width: 100%; position: relative; order: 1; } #bx-soa-basket .bx-soa-item-tr { border-bottom: none; } .stage-item { padding: 2rem 0; } .wr-friendly-team { padding: 3rem 0; } .page_content h1, .cont_def h1 { font-size: 2.6rem; } .optovik_preim_it { width: calc(33.3333% - 20px); } .optovik_preim_it svg { height: 2rem; width: auto; } .optovikam_adv ul li { padding: 1.5rem; } .optovikam_adv .advantage-section-list-left, .optovikam_adv .advantage-section-list-right { width: 100%; text-align: center; } .optovikam_adv .advantage-section-list-left img { min-width: 1px; max-height: 400px; object-fit: cover; width: 100%; } .feedback-wholesalers-title { font-size: 2rem; } .feedback-wholesalers-description { text-align: center; font-weight: 500; font-size: 1.1rem; } .news-item_img { position: relative; overflow: hidden; width: 100%; height: 300px; } .wr-stocks-list .ul-stocks-list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .active_header { bottom: 0; } } @media (max-width: 650px) { .wr-catalog-section-description .container { display: block; padding: 1rem 20px 0; } .wr-catalog-company-advantage .catalog-company-advantage-right { display: none; } .wr-catalog-company-advantage .catalog-company-advantage { grid-template-columns: 100%; gap: 0; } .wr-catalog-company-advantage { padding-top: 3rem; background: #fff; } .wr-catalog-company-advantage ul { grid-template-columns: repeat(2, 1fr); gap: 2rem 1.5rem; } .stock_item { width: calc(100% - 30px); } .stock_item.img_only { min-height: 100px; height: auto; } .stock_item_img.img_only { object-fit: contain; background: #ddd; position: relative; height: auto; } .sticky-header.active_header { bottom: 0px; } .table_wrap { overflow-x: auto; } .table_wrap table { min-width: 450px; } } @media (max-width: 575px) { .burger-modal-bottom-left-top .burger_menu_list-title { font-size: 1.2rem; } .burger-modal-bottom a { font-size: 1rem; } .burger-modal-bottom .modal-menu-info-phone a { font-size: 1.3rem; } .modal-menu-info-callBack button { width: auto; padding: 15px 10px; max-width: 100%; } .burger-modal-top-left .foot_logo { max-width: 70%; } .footer-left { width: 100%; } .footer-right { width: 100%; } .adress-list-item-section { grid-template-columns: 100%; } .wr-adress-list { margin-top: 1rem; } .footer-top .container { flex-wrap: wrap; } .catalog_section ul.catalog-product-list>li { width: calc(100% - 20px); } .page_content h1, .cont_def h1 { font-weight: 700; font-size: 2.2rem; margin-top: 2rem; } .page_content>h1:first-child, .cont_def>h1:first-child { margin-top: 0; } .page_content h2, .cont_def h2 { font-family: var(--font-family); font-weight: 700; font-size: 1.7rem; margin: .6em 0; } .page_content h3, .cont_def h3 { font-family: var(--font-family); font-weight: 600; font-size: 1.2rem; line-height: 110%; color: var(--dark-gray-1); margin: 1rem 0; } .content_wrap_white { padding: 2rem 1.5rem; } .wr-stock-list-top h1 { font-size: 2.2rem; margin-top: 0; } .stock_item { width: calc(100% - 30px); } .page_h1 { font-size: 2.3rem; } .order_r .bx-soa-section-title-container { padding-top: 0; } .bx-soa-cart-total-button-container { margin-top: 2rem; } .bx-soa-cart-total-button-container>.btn { display: block; width: 100%; text-align: center; } .bx-soa-item-content { padding-top: 0; } .admin-personal-roznica-top { grid-template-columns: 100%; gap: 1.2rem 0; } .optovik_preim_it { width: calc(50% - 20px); } .feedback-wholesalers-title { font-size: 1.8rem; line-height: 1.1; } .feedback-wholesalers-form-bottom { grid-template-columns: 100%; } .page_content h1, .cont_def h1 { font-size: 2em; } .wr-yandex-maps { padding: 3rem 0; } .wr-news-list ul { grid-template-columns: 100%; gap: 3rem 0; } .news-item-name { margin-top: .5rem; } .news-item-name a { font-size: 1.2rem; } .breadcrums_wrap { width: 100%; padding: 2rem 0 1.5rem; } .shop-contact-item .shop-contact-item-right { padding: 1rem 0 0; } #map-recvizit { height: 100% !important; } .component-recvizit-right { overflow: hidden; } .wr-feedback-shops { margin-top: 2rem; } .instr_label { display: none; } .instr_btns { flex-wrap: wrap; } .instr_btns .btn { width: 100%; } .wr-compare-list { margin-top: 3rem; } .ul-compare-list .owl-nav { top: -15px; } .wr-stocks-list .ul-stocks-list { grid-template-columns: repeat(1, 1fr); } .instr_btns .btn { font-size: 1rem; } } @media (max-width: 500px) { :root { --font-size: 3.2vw !important; } .main_banner_name { font-size: 2.5rem; } .main_banner_price { font-size: 1.8rem; margin-top: .3rem; } .main_banner_size { font-size: 1.6rem; } .wr-our-products h1, .wr-main-akcii-title h3 { font-size: 2rem; } .main_banner_desc { font-size: 1.1rem; } .header-logo { max-width: 40%; } .header-contact-info { flex-shrink: 0; } .header-top .container { gap: 0 1rem; } .foot_logo { max-width: 100%; } .header-logo img { max-width: 100%; } .header-logo .foot_logo { display: flex; align-items: center; } .burger-modal-bottom-left-top { grid-template-columns: repeat(2, 1fr); gap: 2rem 1.5rem; } .modal-menu-info-callBack { margin-top: .5rem; } .modal-menu-info-callBack button { font-size: 1rem; } button[aria-label="Chat Button"] { margin: 0 !important; bottom: 100px !important; } .owl-carousel-category-list .item a { display: block; text-align: center; } .owl-carousel-category-list .item img { width: auto; height: 100px; max-width: 100%; object-fit: contain; margin: 0 auto 1rem; } .owl-carousel-category-list { width: 100%; } .owl-carousel-category-list .owl-stage-outer { margin-left: 0; margin-right: 0; } .owl-carousel-category-list .owl-nav button.owl-prev { left: -20px; top: 50%; margin-top: -20px; } .owl-carousel-category-list .owl-nav button.owl-next { right: -20px; top: 50%; margin-top: -20px; } .wr-main-akcii-title { display: block; } .wr-main-akcii-title a.all_akc_nav, .wr-news-main-title a.all_akc_nav, .btn_w_arr { margin: 0.5rem 0 0; padding: 10px 15px; width: auto; max-width: 150px; } .form-getCatalog-main-right h3 { font-size: 1.8rem; font-weight: 700; } .wr-about-company-main .about-company-main-left { padding: 3rem 0; } .wr-our-advantage li { justify-content: center; padding-left: 15px; } .wr-our-advantage li { justify-content: center; } .wr-our-advantage li .our-advantage-text br { display: none; } .wr-yandex-maps { padding: 3rem 0; } .wr-news-main { padding-top: 1rem; } .ya_maps_title h3, .wr-news-main-title h3, .wr-about-company-main .about-company-main-description h3 { font-size: 2rem; } .wr-news-main .news-item-main { padding-right: 0; } .news-item-main, .owl-news-main, .owl-news-main .owl-item { height: 300px; } .wr-news-item-main .owl-news-main { margin-top: 1rem; } .bx-subscribe .bx-input-group .bx-form-control { width: 100%; } .footer-right { gap: 1.5rem 1.1rem; } .footer-left .footer-phone { font-size: 1.4rem; margin-top: 1rem; } .footer-addr { font-size: 1rem; margin-top: 1rem; } .footer-logo .foot_logo { text-align: center; margin: 0 auto; } .footer-logo .foot_logo { text-align: center; } .mobile-footer-menu { padding: .8rem 0; } .mobile-footer-menu-ico .ico-burger { width: 2rem; height: 1rem; display: block; object-fit: contain; background-position: center; background-size: contain; } .mobile-footer-menu-title { font-size: .8rem; } .footer { padding-bottom: 70px; } #chat-client .gap-x-3.fixed { bottom: 70px !important; } .sticky-header.active_header { bottom: 6rem; } .wr-sticky-header-price_wrap { justify-content: center; width: 100%; } .wr-catalog-company-advantage .catalog-company-advantage-name { font-size: 1.05rem; } .catalog-company-advantage-description { font-size: .9rem; } .wr-product-gallery-all h3 { font-size: 2.2rem; } .instr_btns { flex-direction: column; gap: 1rem 1.2rem; align-items: center; } .instr_desc h3 { font-size: 1.7rem; } .instr_desc p { font-size: 1.1rem; } .instr_text { font-size: .9rem; } .wr-yandex-maps { padding: 3rem 0; } .wr-yandex-maps.contacts_page { padding: 0 0 3rem 0; } .shops-contacts-list ul { grid-template-columns: 100%; gap: 2rem 0; } .shop-contact-item-img .ico-page-stylus { margin: 0; } .component-recvizit-right-top-left .ico-page-stylus { margin: 0; } .component-recvizit { margin-top: 1rem; } .component-recvizit-right-top-right { padding: 1rem 0 0; } .r_fix_btn_wrap { display: none; } .toplink { margin-top: 1.5rem; justify-content: center; } } @media (max-width: 400px) { .sticky-header-name { display: flex; } .catalog-sticky-procent, .catalog-sticky-new { display: none; } .optovik_preim_it { width: calc(100% - 20px); } .wr-our-advantage .our-advantage-text { font-size: 15px; } } .page-detail-collection-left { max-width: 612px; } /* End */ /* /local/css/style.css?175938961149691 */ /* /local/css/owlCarousel/owl.carousel.min.css?16697480183351 */ /* /local/css/owlCarousel/owl.theme.default.min.css?16697480181013 */ /* /local/templates/SonService/components/bitrix/search.title/header_search/style.css?16786863961779 */ /* /local/css/components/header_mini_sale.css?1673938601485 */ /* /local/css/components/header_main_menu.css?1680241771412 */ /* /local/components/noda/header.mini.cart/templates/.default/style.css?16968758292566 */ /* /local/templates/SonService/components/bitrix/menu/modal_menu_fabrika/style.min.css?1672291857490 */ /* /local/templates/SonService/components/bitrix/menu/modal_menu_proizvodstvo/style.min.css?1672294517490 */ /* /local/templates/SonService/components/bitrix/menu/modal_menu_collections/style.min.css?1779398375490 */ /* /local/templates/SonService/components/bitrix/form.result.new/callback/style.css?1742550038666 */ /* /local/templates/SonService/styles.css?17740076777235 */ /* /local/templates/SonService/template_styles.css?1780043275108333 */