/* Start:/local/templates/ddw/components/bitrix/catalog/.default/style.css?17692751581498*/ .grid{} .grid .bx_content_section{ margin-bottom: 15px; } .grid .bx_sidebar{ margin-bottom: 15px; } /* grid2x1 */ .grid2x1{} .grid2x1 .bx_content_section{ float: left; width: 66%; margin-bottom: 15px; } .grid2x1 .bx_sidebar{ float: right; width: 33%; margin-bottom: 15px; padding-left: 5%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } @media (max-width:960px){ .grid2x1 .bx_sidebar{ padding-left: 4%; } } @media (max-width:640px) { .grid2x1 .bx_content_section, .grid2x1 .bx_sidebar{ width: 100%; float: none; } .grid2x1 .bx_sidebar{ padding-left: 3%; } } @media (max-width:479px){ .grid2x1 .bx_sidebar{ padding-left: 1%; } } .catalog-block-header{ font-size:14px; font-weight: bold; text-align: left; margin:5px 0; padding:5px 15px; border-bottom: 2px solid #d9dee6; color: #000; } body.bx-theme-blue .catalog-block-header{border-color:#006cc0;} body.bx-theme-green .catalog-block-header{border-color:#63aa28;} body.bx-theme-red .catalog-block-header{border-color:#da3737;} body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;} .compare_section{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .compare_section .section{ color: #000; display:block; padding:0px 14px; } .compare_section .section span{font-size: 10px;} .compare_section .section.active{ color: #C71316; } /* End */ /* Start:/local/build/css/catalog.css?177563720887511*/ @charset "UTF-8"; /* reset */ /* main variables */ .catalog-cards { margin: 0 -14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .loadmore_catalog { margin-top: 34px; text-align: left; padding-left: 15.2%; } .catalog-card { margin: 0 14px 31px; background: #fff; border: 1px solid #E5E5E5; width: -webkit-calc(33.33% - 28px); width: calc(33.33% - 28px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; line-height: 1.2; position: relative; background: #fff; -webkit-transition: -webkit-box-shadow .6s ease; transition: -webkit-box-shadow .6s ease; -o-transition: box-shadow .6s ease; transition: box-shadow .6s ease; transition: box-shadow .6s ease, -webkit-box-shadow .6s ease; } .catalog-card__details { padding: 13px 17px 20px; -webkit-box-flex: 10; -webkit-flex-grow: 10; -ms-flex-positive: 10; flex-grow: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .catalog-card__title { font-size: 18px; line-height: 21px; margin: 0 8px; display: inline-block; color: #000; } .catalog-card__top { display: table; padding: 16px 8px 0; width: 100%; } .catalog-card__info { margin-top: 10px; line-height: 1.14; display: table-row; } .catalog-card__info-label, .catalog-card__info-val { display: table-cell; padding: 4px 0 3px; } .catalog-card__info-label { color: #8F8F8F; padding-right: 17px; width: 71%; } .catalog-card__bottom { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 17px; padding: 19px 0 0 8px; min-height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .catalog-card__price { font-weight: bold; font-size: 14px; line-height: 16px; padding: 0 4px 0 0; white-space: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .catalog-card__price i { font-weight: 400; font-size: 21px; color: rgba(0, 0, 0, 0.4); display: inline-block; margin-left: 5px; top: -1px; position: relative; } .catalog-card__img { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; position: relative; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; display: block; } .catalog-card__img:before { content: ''; padding-top: 72.8%; display: block; } .catalog-card__img:hover .overlay-img { opacity: 1; } .catalog-card__img img { position: absolute; left: 50%; top: 50%; max-height: 61%; width: auto; max-width: -webkit-calc(100% - 51px); max-width: calc(100% - 51px); z-index: 0; -webkit-transform: translate(-50%, -webkit-calc( 14px - 50%)); -ms-transform: translate(-50%, calc( 14px - 50%)); transform: translate(-50%, calc( 14px - 50%)); z-index: 0; } .catalog-card__label { font-weight: normal; font-size: 12px; line-height: 14px; position: absolute; left: 25px; top: 19px; text-transform: uppercase; z-index: 1; } .catalog-card__label-new { color: #f33; } .catalog-card__cart { margin-left: 8px; position: relative; } .catalog-card .product-counter { position: absolute; left: 0; right: 0; top: 0; opacity: 0; pointer-events: none; z-index: -1; } .catalog-card__top_2 { display: none; } .web .catalog-card:hover { border-color: #fff; -webkit-box-shadow: 0px 4px 25px rgba(246, 0, 0, 0.4); box-shadow: 0px 4px 25px rgba(246, 0, 0, 0.4); } .web .catalog-card:hover .catalog__title { color: #0D1ECF; } .web .catalog-card:hover .btn { background-position: 100% 0; } .no-photo { font-size: 18px; line-height: 21px; color: #8F8F8F; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .product-counter { max-width: 140px; border: 1px solid #E5E5E5; -webkit-border-radius: 30px; border-radius: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .product-counter__input { background: transparent; border: 0; width: 31px; height: 38px; text-align: center; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 14px; line-height: 138.38%; padding: 0 5px; } .counter__link { font-size: 14px; font-weight: 700; padding: 7px 3px; cursor: pointer; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; -webkit-border-radius: 4px; border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; width: 22px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #8F8F8F; } .web .counter__link:hover { color: #000; } .in-cart .product-counter { opacity: 1; z-index: 1; pointer-events: auto; } .in-cart .btn_order { opacity: 0; pointer-events: none; z-index: -1; } .no-aviable { font-size: 12px; line-height: 14px; text-align: right; color: #8F8F8F; } .libra { top: 12px; right: 13px; width: 25px; height: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; line-height: 14px; color: #8F8F8F; border: 1px solid #E5E5E5; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; color: rgba(0, 0, 0, 0.5); font-size: 10px; -webkit-transition: background .5s ease, color .5s ease, border-color .5s ease; -o-transition: background .5s ease, color .5s ease, border-color .5s ease; transition: background .5s ease, color .5s ease, border-color .5s ease; } .libra.active { background: -webkit-linear-gradient(356.63deg, #f33 10.35%, #E30000 100%); background: -o-linear-gradient(356.63deg, #f33 10.35%, #E30000 100%); background: linear-gradient(93.37deg, #f33 10.35%, #E30000 100%); color: #fff; } .libra span { font-size: 12px; line-height: 14px; color: #8F8F8F; position: absolute; right: 100%; top: 50%; margin-right: 4px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .libra:hover span { opacity: 1; } .libra i:before { color: inherit; } .web .libra:hover { background: -webkit-linear-gradient(356.63deg, #f33 10.35%, #E30000 100%); background: -o-linear-gradient(356.63deg, #f33 10.35%, #E30000 100%); background: linear-gradient(93.37deg, #f33 10.35%, #E30000 100%); color: #fff; } .btn_2 { background: -webkit-linear-gradient(356.63deg, #f33 10.35%, #E30000 50%, #f33 100%); background: -o-linear-gradient(356.63deg, #f33 10.35%, #E30000 50%, #f33 100%); background: linear-gradient(93.37deg, #f33 10.35%, #E30000 50%, #f33 100%); -webkit-background-size: 200% 100%; background-size: 200% 100%; } .btn_2:hover { background: -webkit-linear-gradient(356.63deg, #f33 10.35%, #E30000 50%, #f33 100%); background: -o-linear-gradient(356.63deg, #f33 10.35%, #E30000 50%, #f33 100%); background: linear-gradient(93.37deg, #f33 10.35%, #E30000 50%, #f33 100%); background-position: 100% 0; border-color: #f33; } .btn_order { font-weight: 500; font-size: 12px; padding-left: 18px; padding-right: 18px; } .catalog-slider { margin: 14px -30px 0; } .catalog-slider__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; } .catalog-slider.slick-initialized .slick-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .catalog-slider .catalog-card { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; } .catalog-slider .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .catalog-slider .slick-track:before, .catalog-slider .slick-track:after { display: none; } .catalog-slider .slick-list { padding: 0 14px; } .catalog-slider .slick-next { right: -49px; } .catalog-slider .slick-prev { left: -53px; } .catalog-slider .catalog-card { width: -webkit-calc(100% - 32px); width: calc(100% - 32px); margin: 25px 16px 31px; } @media screen and (max-width: 1366px) { .catalog-slider .slick-next { right: -18px; } .catalog-slider .slick-prev { left: -21px; } } @media screen and (max-width: 1180px) { .catalog-cards { margin-left: -12px; margin-right: -12px; } .catalog-cards { margin-left: -12px; margin-right: -12px; } .catalog-card { margin-left: 12px; margin-right: 12px; width: -webkit-calc(50% - 24px); width: calc(50% - 24px); } } @media screen and (max-width: 1023px) { .catalog-card__bottom, .catalog-card__top { padding-left: 0; padding-right: 0; } .catalog-card__title { margin-left: 0; margin-right: 0; } .catalog-card__title { font-size: 18px; line-height: 21px; } .catalog-slider .slick-list { padding: 0 10px; } .catalog-slider .catalog-card { margin-left: 10px; margin-right: 10px; } .catalog-slider .catalog-card { width: -webkit-calc(100% - 20px); width: calc(100% - 20px); } } @media screen and (max-width: 960px) { .catalog-slider .slick-dots { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 767px) { .catalog-card__img:before { padding-top: 64.6%; } .catalog-card__tp { padding-left: 8px; padding-right: 8px; } .catalog-card__info-label, .catalog-card__info-val { padding-bottom: 3px; } .catalog-card__top { padding-top: 16px; } .catalog-card__info-label { width: 61%; } .catalog-card__bottom { margin-top: 17px; } .btn_order { min-width: 127px; } .catalog-card__cart { margin-right: -5px; padding-left: 8px; } .catalog-card__cost { padding-top: 3px; } .catalog-card__img img { max-width: -webkit-calc(100% - 60px); max-width: calc(100% - 60px); } .catalog-card__title { font-size: 13px; line-height: 17px; } .catalog-slider .catalog-card { width: 100%; margin: 0; } .catalog-slider { margin: 49px -30px 0 39px; } .catalog-slider .slick-prev { left: -60px; } .catalog-slider .catalog-card__img:before { padding-top: 87.6%; } .catalog-slider .btn_order { min-width: 93px; } .catalog-slider .catalog-card__cost { padding-left: 8px; } .catalog-slider .catalog-card__info-label { width: 76%; } .catalog-slider .catalog-card__tp { padding-right: 0; } .catalog-slider .slick-next { display: none !important; } .catalog-slider__item { width: 255px; padding: 0 11px 30px; } .catalog-slider .slick-list { padding: 0; } .loadmore_catalog { padding-left: 0; text-align: center; } .catalog-cards + .loadmore { margin-top: 45px; margin-bottom: 0; } } @media screen and (max-width: 560px) { .catalog-card { width: -webkit-calc(100% - 24px); width: calc(100% - 24px); } } /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0 0 15px; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-wrapper.scroll--rtl { direction: rtl; } .scroll-element { -webkit-box-sizing: content-box; box-sizing: content-box; display: none; } .scroll-element div { -webkit-box-sizing: content-box; box-sizing: content-box; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /*************** SIMPLE OUTER SCROLLBAR ***************/ .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color: #ffffff; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; } .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; } .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { -webkit-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* scrollbar height/width & offset from container borders */ .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } /*************** SCROLLBAR MAC OS X ***************/ .scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: #6C6E71; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 7px; border-radius: 7px; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px; } /* scrollbar height/width & offset from container borders */ .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /*************** SCROLLBAR LIGHT ***************/ .scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-light > .scroll-element { background-color: #ffffff; } .scrollbar-light > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-light > .scroll-element .scroll-element_outer { -webkit-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element .scroll-element_size { background: #dbdbdb; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8)); background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, right top, from(#dbdbdb), to(#e8e8e8)); background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%); -webkit-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element.scroll-x { bottom: 0; height: 17px; left: 0; min-width: 100%; width: 100%; } .scrollbar-light > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 17px; } .scrollbar-light > .scroll-element .scroll-bar { background: #fefefe; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, right top, from(#fefefe), to(#f5f5f5)); background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%); border: 1px solid #dbdbdb; -webkit-border-radius: 10px; border-radius: 10px; } /* scrollbar height/width & offset from container borders */ .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; } .scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; } .scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /*************** SCROLLBAR RAIL ***************/ .scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-rail > .scroll-element { background-color: #ffffff; } .scrollbar-rail > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { background-color: #999; background-color: rgba(0, 0, 0, 0.3); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { background-color: #666; background-color: rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; } .scrollbar-rail > .scroll-element .scroll-bar { background-color: #d0b9a0; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar { -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } /* scrollbar height/width & offset from container borders */ .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } /*************** SCROLLBAR DYNAMIC ***************/ .scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-dynamic > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; } .scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; -webkit-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; -webkit-border-radius: 12px; border-radius: 12px; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; -webkit-border-radius: 7px; border-radius: 7px; } /* scrollbar height/width & offset from container borders */ .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; -webkit-transition: height 0.2s; -o-transition: height 0.2s; transition: height 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; -webkit-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* hover & drag */ .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; -webkit-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 20px; min-height: 7px; } .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 20px; } /*************** SCROLLBAR GOOGLE CHROME ***************/ .scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-chrome > .scroll-element { background-color: #ffffff; } .scrollbar-chrome > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-chrome > .scroll-element .scroll-element_track { background: #f1f1f1; border: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x { bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; } .scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; } .scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default; -webkit-border-radius: 2px; border-radius: 2px; } .scrollbar-chrome > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; border-color: #a9a9a9; } .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; border-color: #7e7e7e; } /* scrollbar height/width & offset from container borders */ .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; } .scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scroll-wrapper > .scroll-element, .scroll-wrapper > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scroll-wrapper > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scroll-wrapper > .scroll-element.scroll-x { bottom: 2px; height: 1px; left: 30px; right: 30px; } .scroll-wrapper > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scroll-wrapper > .scroll-element .scroll-element_outer { overflow: hidden; } .scroll-wrapper > .scroll-element .scroll-element_track { background-color: #C4C4C4; } .scroll-wrapper > .scroll-element .scroll-bar { background-color: #000; } .scroll-wrapper > .scroll-element:hover .scroll-bar { background-color: #919191; } .scroll-wrapper > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scroll-wrapper > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scroll-wrapper > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scroll-wrapper > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scroll-wrapper > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } .form-control_2 { background: #F9F9F9; border: 1px solid #C4C4C4; height: 40px; padding-left: 11px; padding-right: 11px; font-size: 14px; font-family: "Roboto", sans-serif; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: border-color .4s ease; -o-transition: border-color .4s ease; transition: border-color .4s ease; } .form-control_2::-webkit-input-placeholder { color: #8F8F8F; } .form-control_2:-moz-placeholder { color: #8F8F8F; } .form-control_2::-moz-placeholder { color: #8F8F8F; } .form-control_2:-ms-input-placeholder { color: #8F8F8F; } .form-control_2:focus { border-color: #f33; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .catalog-heading-wrap { margin-top: 72px; margin-bottom: 47px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .catalog-heading { font-weight: bold; font-size: 36px; line-height: 1.2; font-family: "Rubik", sans-serif; } .catalog-heading sup { color: #8F8F8F; vertical-align: top; font-size: 67%; margin: -5px 0px 0 11px; line-height: 1.2; font-weight: 400; display: inline-block; } .category-nav { margin: 19px 0 57px; } .category-nav .equipm { margin: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .category-nav .equipm-big .equipm_item_img { bottom: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; top: 50%; /*bottom: 0; justify-content: flex-start;*/ -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%); transform: translateY(-45%); left: 2px; } .category-nav .equipm-big .equipm_item_arrow { opacity: 1; bottom: 16px; right: 22px; } .category-nav .equipm_item { /*flex-grow: 1; flex-basis: 0;*/ padding-right: 31px; } .category-nav .equipm_item_3 { width: 33.33%; } .category-nav .equipm_item_4 { width: 25%; } .category-nav .equipm_item:hover:before { background: #E5E5E5; border-color: #E5E5E5; } .category-nav .equipm_item:hover .equipm_item_title { color: #000; } .category-nav .equipm-big .equipm_item_title { max-width: 248px; } .category-nav .equipm_item-bottom .equipm_item_img { bottom: 0; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .category-nav .equipm_item-center .equipm_item_img { min-width: 96%; } .equipm_item.active, .equipm_item.active:hover { cursor: default; } .equipm_item.active:before, .equipm_item.active:hover:before { background: #f33; border-color: #f33; } .equipm_item.active .equipm_item_arrow, .equipm_item.active:hover .equipm_item_arrow { opacity: 1; color: #fff; } .equipm_item.active .equipm_item_title, .equipm_item.active:hover .equipm_item_title { color: #fff; } .category-nav, .scroll-wrapper.category-nav { margin: 19px 0 0; } .category-nav.scroll-content { margin: 0; } .catalog { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .catalog-aside { padding-top: 6px; width: 244px; padding-right: 25px; } .catalog-aside .scroll-wrapper > .scroll-element.scroll-y { width: 5px; } .catalog-content { padding-left: 60px; width: -webkit-calc(100% - 244px); width: calc(100% - 244px); } .filter-head { margin-bottom: 9px; padding-bottom: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; border-bottom: 2px solid #e9e9e9; } .filter-head__title { font-weight: bold; font-size: 14px; line-height: 16px; text-transform: uppercase; } .filter-head__ic { font-size: 16px; margin-left: 18px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: color .5s ease; -o-transition: color .5s ease; transition: color .5s ease; } .filter-head__caret { color: #8F8F8F; font-size: 10px; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); display: inline-block; margin-left: 15px; font-size: 13px; color: #000; -webkit-transition: color .5s ease, -webkit-transform .5s ease; transition: color .5s ease, -webkit-transform .5s ease; -o-transition: transform .5s ease, color .5s ease; transition: transform .5s ease, color .5s ease; transition: transform .5s ease, color .5s ease, -webkit-transform .5s ease; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .filter-title { font-weight: bold; font-size: 18px; line-height: 21px; padding-bottom: 11px; margin-bottom: 7px; border-bottom: 1px solid #E5E5E5; } .filter-title_link { margin-bottom: 0; border: 0; padding-bottom: 1px; padding-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; } .filter-title_link i { color: #8F8F8F; font-size: 12px; margin-top: -8px; -webkit-transform: rotateX(0); transform: rotateX(0); display: inline-block; margin-left: 15px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-transition: color .5s ease, -webkit-transform .5s ease; transition: color .5s ease, -webkit-transform .5s ease; -o-transition: transform .5s ease, color .5s ease; transition: transform .5s ease, color .5s ease; transition: transform .5s ease, color .5s ease, -webkit-transform .5s ease; } .web .filter-title_link:hover i, .web .filter-head:hover i { color: #f33; } .catalog-filter__item.hidden .filter-title_link { padding-bottom: 25px; } .catalog-filter__item.hidden .filter-title_link i { -webkit-transform: rotateX(0); transform: rotateX(0); } .hide { display: none !important; } .selected-filters { padding-bottom: 32px; border-bottom: 1px solid #8F8F8F; } .selected-filters__item { border-bottom: 1px solid #C4C4C4; padding: 8px 0 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .selected-filters__values { padding-right: 15px; } .selected-filters__label { font-size: 14px; line-height: 16px; color: #8F8F8F; margin-bottom: 1px; } .selected-filters__val { font-size: 18px; line-height: 21px; } .remove-filter { cursor: pointer; padding: 5px; margin-right: -5px; -webkit-transition: color .5s ease; -o-transition: color .5s ease; transition: color .5s ease; } .remove-filter:hover { color: #f33; } .catalog-filter__item { border-bottom: 1px solid #C4C4C4; margin-bottom: 0; } .catalog-filter__item:last-child { border-bottom: 0; } .catalog-filter__cont { padding-top: 15px; padding-bottom: 16px; display: none; } .catalog-filter__cont .styled-select-2 { margin-bottom: 20px; } .catalog-filter__btn { margin-top: 21px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .catalog-filter__btn .btn { height: 30px; line-height: 29px; font-size: 12px; font-weight: 400; text-transform: uppercase; padding: 5px 16px 5px 16px; } .catalog-filter__btn .btn + .btn { margin-left: 9px; } .catalog-filter__btn .btn-reset { padding-left: 21px; padding-right: 21px; } .catalog-filter .noUi-horizontal { margin-top: 6px; } .btn-reset { color: #8F8F8F; border-color: #E5E5E5; background: #E5E5E5; } .catalog-check { padding-top: 6px; list-style: none; } .catalog-check__item { margin-bottom: 18px; } .checkbox-el label { position: relative; cursor: pointer; } .checkbox-el input { position: absolute; left: 0; top: 0; opacity: 0; } .checkbox-el__txt { font-size: 18px; line-height: 21px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .checkbox-el .check { display: block; border: 1px solid #8F8F8F; width: 15px; height: 15px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 3px 12px 0 0; background: #F9F9F9; position: relative; } .checkbox-el .check:after { position: absolute; left: -2px; content: ''; top: 50%; margin-top: -8px; width: 15px; height: 15px; } .checkbox-el input:checked ~ .checkbox-el__txt .check { background: #f33; border-color: #f33; -webkit-transition: border-color .2s ease, background .2s ease; -o-transition: border-color .2s ease, background .2s ease; transition: border-color .2s ease, background .2s ease; } .checkbox-el input:checked ~ .checkbox-el__txt .check:after { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11 9' style='enable-background:new 0 0 11 9;' xml:space='preserve'%3E%3Cpolygon fill='%23fff' class='st0' points='4.5,8.4 0.8,4.7 2.2,3.3 4.5,5.6 9.3,0.8 10.7,2.2 '/%3E%3C/svg%3E"); -webkit-background-size: 10px 8px; background-size: 10px 8px; background-position: center; background-repeat: no-repeat; } .web .checkbox-el__txt:hover:before { -webkit-transition: border-color .4s ease; -o-transition: border-color .4s ease; transition: border-color .4s ease; border-color: #f33; } .info-text { font-size: 14px; line-height: 16px; color: #8F8F8F; } .info-text i { font-size: 22px; color: #f33; display: inline-block; margin-bottom: 6px; } .info-text p:last-child { padding-bottom: 0; } .info-text p:fiirst-child { padding-top: 0; } .info-text_aside { margin-top: 55px; } .range-inputs { margin: 0 -4px 0 -5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-inputs .form-control_2 { width: 100%; font-size: 18px; } .range-inputs__label { font-size: 14px; line-height: 16px; color: #8F8F8F; margin-bottom: 3px; } .range-inputs .box-field { width: 50%; padding: 0 4px 0 5px; } .sorting { padding-bottom: 10px; padding-left: 3px; margin-bottom: 40px; border-bottom: 1px solid #E5E5E5; position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .sorting__navs { font-size: 13px; line-height: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sorting-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sorting-list__item { margin-left: 43px; position: relative; } .sorting-list__item:before { content: ''; display: block; position: absolute; left: 0; bottom: -18px; right: 0; height: 1px; background: #f33; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; } .sorting-list__item.active { cursor: default; } .sorting-list__item.active .sorting-list__link { color: #f33; } .sorting-list__item.active:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sorting-list__link { color: #000; } .sorting-list__link:before { content: "\e906"; font-family: icomoon; display: none; } .sorting-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sorting__action { margin-left: 47px; color: #f33; } .sorting__title i { display: none; } .web .sorting-list__link:hover { color: #f33; } .views { margin-right: -6px; } .views__item { color: rgba(0, 0, 0, 0.2); padding: 5px 6px; margin-left: 9px; font-size: 19px; cursor: pointer; display: inline-block; -webkit-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; } .views__item.active { color: #f33; } .views__item.icon-view3 { font-size: 18px; } .web .views__item:hover { color: #f33; } .section-promo { margin-top: 100px; } .promo { background: #f33; padding: 63px 45px 53px; display: block; text-align: center; height: auto; color: #fff; } .promo__img { text-align: center; } .promo__title { font-weight: 900; font-size: 64px; line-height: 1.1875; font-family: "Rubik", sans-serif; } .promo__txt { font-weight: 500; font-size: 24px; line-height: 28px; margin-top: 15px; } .promo__cont { max-width: 950px; margin: 0 auto; } .promo__heading { margin-bottom: 29px; font-size: 18px; line-height: 21px; letter-spacing: 0.2em; } .promo__heading span { position: relative; padding: 0 15px; } .promo__heading span:before, .promo__heading span:after { content: ''; display: block; height: 1px; width: 39px; background: #fff; position: absolute; top: 50%; } .promo__heading span:before { right: 100%; } .promo__heading span:after { left: 100%; } .promo__picture { position: relative; display: inline-block; max-width: 900px; margin: 0 auto 7px; } .promo .specbanner_link { top: auto; bottom: 25px; } .promo-list { margin: 32px -8px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .promo-list__item { border: 2px solid #FFFFFF; color: #fff; margin: 0 8px; font-weight: bold; font-size: 12px; line-height: 14px; height: 40px; line-height: 36px; -webkit-border-radius: 30px; border-radius: 30px; padding: 0 20px; min-width: 147px; text-transform: uppercase; text-align: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .promo-list__item:hover { background: #fff; color: #f33; } .play-link { height: 0; width: 0; margin-right: 10px; display: inline-block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #fff; } .play-link:hover { background: #fff; color: #f33; } .exellence-ustanovki { padding-top: 100px; } .exellence .about_item_img { width: 65.5%; } .exellence .about_item_cont { width: 34.5%; } .exellence .about_item { padding-top: 52px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .exellence .about_item_cont { padding: 0 0 0 57px; max-width: 323px; } .exellence .about_item_title { font-weight: 400; margin-bottom: 55px; } .exellence .about_item_img:before { padding-bottom: 67.5%; } .exellence .about_item_cont:before { margin-bottom: 55px; } .exellence .about_item_txt { font-size: 12px; line-height: 1.7; } .section-recomendation { padding: 59px 0 63px; } .section-recomendation .title-24 { font-weight: 400; } .section-offers_catalog { padding-top: 98px; } .section-offers_catalog .specbanner { margin-top: 120px; } .specbanner_2 .specbanner_title { font-weight: 900; font-size: 36px; font-family: "Rubik", sans-serif; } .h-center { text-align: center; } .view-2 { margin: 0; } .view-2 .catalog-card { margin: 0; padding: 9px 18px 8px; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: -1px; } .view-2 .catalog-card:hover { position: relative; z-index: 1; } .view-2 .catalog-card__img:before { padding-top: 60.8%; } .view-2 .catalog-card__top { display: none; } .view-2 .catalog-card__img { width: 113px; } .view-2 .catalog-card__details { padding: 0 0 0 7.7%; width: -webkit-calc(100% - 113px); width: calc(100% - 113px); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .view-2 .catalog-card__bottom { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; border: 0; max-width: 70%; margin: 0; padding: 0 0 0 25px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .view-2 .catalog-card__label { position: static; min-width: 56px; } .view-2 .libra { position: static; margin-left: 15px; } .view-2 .catalog-card__title { margin: 0; } .view-2 .catalog-card__img img { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; } .view-2 .catalog-card__img { height: 62px; } .view-2 .catalog-card__cart { margin-left: 32px; min-width: 95px; } .view-2 .catalog-card__cost { min-width: 115px; margin-left: 51px; } .view-2 .catalog-card__tp { padding-top: 4px; } .view-2 .catalog-card__price { font-size: 18px; line-height: 21px; } .view-2 + .loadmore { margin-top: 54px; } .view-2 .btn_order { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .section-recomendation_catalog { margin-top: 77px; } .section-specbanner_bur .specbanner { margin: 94px 0 0; } .h2-1 { font-size: 24px; font-weight: 900; font-family: "Rubik", sans-serif; margin-bottom: 56px; text-transform: uppercase; } .section-reviews_catalog { padding-top: 127px; } .catalog-table-wrap { border-top: 1px solid #000; border-bottom: 1px solid #000; padding-bottom: 27px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .catalog-table-info { border-right: 1px solid #000; padding: 84px 49px 31px 0; font-size: 13px; line-height: 15px; width: 300px; } .catalog-table-info p { padding-bottom: 15px; } .catalog-table-info__note { color: #8F8F8F; } .catalog-table-info img { margin-bottom: 15px; } .catalog-table-head { font-size: 36px; line-height: 42px; border-bottom: 1px solid #000; padding: 12px 24px 13px; } .catalog-table-cont { padding-bottom: 46px; width: -webkit-calc(100% - 300px); width: calc(100% - 300px); } .catalog-table { font-size: 18px; line-height: 21px; display: table; width: 100%; table-layout: fixed; } .catalog-table__tr { display: table-row; } .catalog-table__td { border-right: 1px solid #000; display: table-cell; padding: 13px 26px 7px; text-transform: uppercase; } .catalog-table__td:last-child { border-right: 0; padding-right: 0; width: 20%; padding-left: 10px; padding-right: 10px; text-align: center; } .catalog-table__img { min-width: 600px; } .catalog-table-img { margin: 61px 0 0 1.5%; text-align: center; min-width: 600px; } .win-calculator { padding-left: 12px; padding-right: 12px; } .link-calculator { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: -7px; } .link-calculator__btn { color: #f33; font-weight: bold; font-size: 12px; display: inline-block; line-height: 40px; height: 40px; background: #FFFFFF; -webkit-box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.25); box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.25); -webkit-border-radius: 30px; border-radius: 30px; padding: 0 28px; cursor: pointer; text-align: center; -webkit-transition: color .4s ease,-webkit-box-shadow .4s ease; transition: color .4s ease,-webkit-box-shadow .4s ease; -o-transition: color .4s ease,box-shadow .4s ease; transition: color .4s ease,box-shadow .4s ease; transition: color .4s ease,box-shadow .4s ease,-webkit-box-shadow .4s ease; } .link-calculator__text { margin-right: 31px; font-weight: bold; font-size: 18px; line-height: 21px; cursor: pointer; display: inline-block; padding-top: 4px; } .web .link-calculator__btn:hover { color: #000; -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.35); box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.35); } .calculator-tabs { margin: 40px 0 42px; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #E5E5E5; } .calculator-tabs li { font-weight: bold; font-size: 14px; line-height: 16px; width: 50%; } .calculator-tabs a { color: #8F8F8F; display: block; position: relative; text-align: center; padding: 11px 15px 16px; } .calculator-tabs a:hover { color: #f33; } .calculator-tabs a:before { content: ''; display: block; height: 1px; left: 0; right: 0; bottom: -1px; background: #f33; position: absolute; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .calculator-tabs li.active a { color: #000; } .calculator-tabs li.active a:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .calculator .form-control_2 { -webkit-border-radius: 3px; border-radius: 3px; padding-left: 21px; padding-right: 21px; height: 60px; width: 100%; } .calculator .box-field { margin-bottom: 20px; } .calculator-title { font-size: 24px; line-height: 28px; font-weight: 700; font-family: "Rubik", sans-serif; padding-top: 2px; } .calc-form { max-width: 421px; margin: 0 auto; } .btn_calculator { width: 100%; height: 60px; line-height: 49px; -webkit-border-radius: 30px; border-radius: 30px; } .calculator-results { border-top: 1px solid #E5E5E5; margin-top: 46px; padding-top: 43px; padding-bottom: 15px; } .calculator-results__title { font-weight: 500; font-size: 18px; line-height: 20px; margin-bottom: 9px; } .calculator-results__table { font-size: 12px; line-height: 14px; margin-right: -18px; display: table; } .calculator-results__tr { display: table-row; } .calculator-results__td { display: table-cell; padding: 34px 15px 0 0; height: 57px; } .calculator-results__td:last-child { padding-right: 0; width: 16%; } .calculator-results__th { font-size: 14px; line-height: 16px; color: #8F8F8F; width: 43.5%; } .colored { color: #f33; } .styled-select_calculator .ms-choice > div.icon-chevron { right: 39px; } .box-field_calculator-btn { margin-top: 30px; } .calc-form, .calculator-results, .calculator-title { padding-left: 53px; padding-right: 53px; } .calculator-tabs { margin-left: 53px; margin-right: 53px; } .exellence-2 { padding-top: 86px; } .exellence-2 .h1 { margin: 0 auto 85px; max-width: 937px; } .exellence_2 { margin-top: 79px; } .exellence_2 .about_item_cont { max-width: 405px; } .scroll-invisible > .scroll-element.scroll-x { opacity: 0; } .catalog-table-cont-top { min-width: 413px; } .category-nav_rashod .equipm-big .equipm_item_title { max-width: 290px; } .exellence-2_rashodniye .h1 { max-width: 1030px; } .checkbox-el_img { padding-bottom: 21px; border-bottom: 1px solid #E5E5E5; margin-bottom: 5px; } .checkbox-el_img img { vertical-align: top; } .checkbox-el_img label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .checkbox-img { min-width: 66px; display: inline-block; } .category-nav_bur-instrument .equipm-big .equipm_item_title { max-width: 239px; } .category-nav_bur-instrument .equipm_item-bottom .equipm_item_img { bottom: 0; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .category-nav_ncu .equipm-big .equipm_item_img { min-width: 65%; left: 11px; } .category-nav_ncu .equipm-big .equipm_item:last-child .equipm_item_img { -webkit-transform: translateY(-54%); -ms-transform: translateY(-54%); transform: translateY(-54%); } .category-nav_svarka .equipm_item .equipm_item_title { max-width: 97%; } .category-nav_svarka .equipm-big .equipm_item_img { height: 67%; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .category-nav_bur-stangi .equipm-big .equipm_item_img { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .category-nav_bur-instrument .equipm-big .equipm_item_img { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateY(-43%); -ms-transform: translateY(-43%); transform: translateY(-43%); } .category-nav_bur-instrument .equipm_item-bottom .equipm_item_img { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-transform: none; -ms-transform: none; transform: none; } .category-nav_locazion .equipm-big .equipm_item_img { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; height: 78%; } .category-nav_vspmogatelnoe .equipm-big .equipm_item_img { -webkit-transform: translateY(-41%); -ms-transform: translateY(-41%); transform: translateY(-41%); left: 18px; } .category-nav_vspmogatelnoe .equipm-big .equipm_item:first-child .equipm_item_img { -webkit-transform: translateY(-49%); -ms-transform: translateY(-49%); transform: translateY(-49%); } @media screen and (max-width: 1279px) { .category-nav .equipm_item { padding-right: 18px; } } @media screen and (max-width: 1200px) { .catalog-content { padding-left: 25px; } /* .category-nav { .equipm-big .equipm_item_title { max-width: 57%; } }*/ .view-2 .catalog-card__details { padding-left: 4%; } } @media screen and (max-width: 1180px) { .view-2 .catalog-card__cart { margin-left: 22px; } .view-2 .libra { margin-left: 17px; } .view-2 .catalog-card__cost { margin-left: 33px; } .category-nav .equipm-big .equipm_item_title { max-width: 71%; } .category-nav_bur-instrument .equipm-big .equipm_item_title { max-width: 172px; } .category-nav_rashod .equipm-big .equipm_item_title { max-width: 300px; } .category-nav_svarka .equipm-big .equipm_item_title { max-width: 97%; } .category-nav_vspmogatelnoe .equipm-big .equipm_item_img { min-width: 39%; } .category-nav_ncu .equipm-big .equipm_item_title { max-width: 71%; } } @media screen and (max-width: 1100px) { .sorting-list__item { margin-left: 32px; } .sorting__action { margin-left: 36px; } .selected-filters__val, .filter-title { font-size: 17px; } .catalog-aside { width: 220px; } .catalog-content { width: -webkit-calc(100% - 220px); width: calc(100% - 220px); } .catalog-filter__btn .btn, .catalog-filter__btn .btn-reset { padding-left: 12px; padding-right: 12px; } .btn_order { padding-left: 14px; padding-right: 14px; } .view-2 .catalog-card__cart { min-width: 84px; } .section-reviews_catalog { padding: 99px 0 0; } .h2-1 { margin-bottom: 30px; } .section-recomendation_catalog { margin-top: 35px; } .category-nav, .scroll-wrapper.category-nav { margin: 19px 0 0; } .catalog-heading-wrap { margin-top: 40px; margin-bottom: 38px; } .catalog-table-img { margin-left: 0; } .category-nav .equipm_item { font-size: 19px; } } @media screen and (max-width: 1024px) { .promo__title { font-size: 49px; } .sorting__title { cursor: pointer; } .sorting__title.opened i { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .web .sorting__title:hover { color: #f33; } .sorting-list { display: none; background: #FFFFFF; -webkit-box-shadow: 0px 4px 25px #E5E5E5; box-shadow: 0px 4px 25px #E5E5E5; position: absolute; top: 100%; left: 0; width: 196px; margin-top: 6px; box-shadow: 0px 4px 25px #E5E5E5; } .sorting-list__item { border-bottom: 1px solid #E5E5E5; margin: 0; } .sorting-list__item:before { display: none; } .sorting-list__item:last-child { border-bottom: 0; } .sorting-list__item.active .sorting-list__link { color: #000; background: #E5E5E5; } .sorting-list__item.active .sorting-list__link:hover { color: #000; } .sorting-list__item.active .sorting-list__link:before { display: inline-block; position: absolute; right: 15px; font-size: 24px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sorting-list__link { display: block; position: relative; padding: 13px 25px 13px; font-size: 14px; line-height: 16px; position: relative; } .sorting-wrap { position: relative; } .sorting__title { padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .sorting__title i { display: inline-block; color: #f33; font-size: 12px; margin-left: 13px; display: block; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .sorting__title:before { content: ''; display: block; height: 1px; background: #f33; position: absolute; left: 0; right: 0; bottom: -6px; } .exellence .about_item_img { width: 61%; } .exellence .about_item_cont { padding: 0 0 0 43px; width: 39%; } .sorting { padding-left: 0; padding-bottom: 5px; } .sorting__action { margin-left: 52px; } } @media screen and (max-width: 1023px) { .link-calculator__text { font-size: 12px; line-height: 15px; margin-right: 19px; } .category-nav .equipm_item { font-size: 17px; } .catalog-content { padding-left: 0; } .catalog-heading { font-size: 34px; } .catalog-heading sup { margin-top: -3px; } .view-2 .catalog-card { padding-top: 28px; } .view-2 .catalog-card__label { position: absolute; top: 7px; } .view-2 .libra { position: absolute; margin-left: 0; top: 7px; right: 110px; } .view-2 .catalog-card__img { width: 74px; } .view-2 .catalog-card__details { width: -webkit-calc(100% - 74px); width: calc(100% - 74px); } .view-2 .catalog-card__price { font-size: 13px; line-height: 17px; } .view-2 .catalog-card__cost { margin-left: 0; } .view-2 .catalog-card__cost { min-width: 86px; } .catalog-table-info { padding-right: 30px; width: 280px; } .catalog-table-cont { width: -webkit-calc(100% - 280px); width: calc(100% - 280px); } .catalog-table__td:last-child { width: auto; } .catalog-table { table-layout: auto; } .category-nav .equipm_item_3 { font-size: 17px; } .category-nav .equipm_item-center .equipm_item_img { min-width: 57%; height: 78%; } .category-nav_bur-stangi .equipm_item-center .equipm_item_img { min-width: 37%; max-width: 40%; } .category-nav_bur-stangi .equipm_item { font-size: 15px; } .category-nav_bur-stangi .equipm-big .equipm_item_title { max-width: 91%; } .category-nav_bur-instrument .equipm_item-bottom .equipm_item_img { height: 73%; } .category-nav_locazion .equipm_item:nth-child(3) .equipm_item_img { height: 66%; } .category-nav_locazion .equipm_item_img { -webkit-transform: translateY(-34%); -ms-transform: translateY(-34%); transform: translateY(-34%); } .category-nav_locazion .equipm-big .equipm_item_title { max-width: 82%; } .category-nav_rashod .equipm-big .equipm_item_title { max-width: 250px; } .category-nav_svarka .equipm-big .equipm_item_img { height: 59%; bottom: 12px; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; } } @media screen and (max-width: 1023px) and (min-width: 768px) { .category-nav .equipm_item_4 { font-size: 14px; } .category-nav .equipm_item_img { height: 63%; } .category-nav_svarka .equipm_item_3 { font-size: 14px; } .category-nav_zapchasti .equipm_item { font-size: 15px; } } @media screen and (max-width: 767px) { .mb-hide { display: none !important; } .catalog-heading-wrap { margin-top: 51px; margin-bottom: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .catalog-heading { display: none; font-size: 22px; } .filter-head__ic { margin-left: 10px; display: inline-block; top: 1px; position: relative; } .filter-head__caret { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); font-size: 15px; } .filter-head { margin-bottom: 0; padding-bottom: 22px; } .filter-title { padding-bottom: 15px; margin-bottom: 1px; } .selected-filters__item { padding: 8px 0 8px; } .selected-filters__item:nth-last-child(2) { border: 0; } .selected-filters { padding-bottom: 8px; } .sorting__title { font-size: 13px; line-height: 15px; text-transform: uppercase; color: #f33; } .catalog { display: block; } .catalog-aside { padding: 0; margin-bottom: 23px; width: 100%; } .catalog-content { width: 100%; margin: 0; padding: 0; } .catalog-filter { position: fixed; left: -100%; top: 0; width: 100%; bottom: 0; z-index: 100; padding: 21px 30px 94px; background: #fff; overflow: auto; left: -100%; -webkit-transition: left .8s ease; -o-transition: left .8s ease; transition: left .8s ease; } .catalog__aside:before { content: ''; display: block; width: 200%; top: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; z-index: 99; position: fixed; -webkit-transition: opacity .8s ease; -o-transition: opacity .8s ease; transition: opacity .8s ease; pointer-events: none; } .selected-filters__val, .filter-title { font-size: 18px; } .filter-head__close { padding: 5px; margin: -6px -5px 0 0; } .exellence .about_item_img { width: 100%; } .exellence .about_item_cont { padding: 0; width: 100%; max-width: 100%; } .category-nav .equipm_item { min-width: 200px; font-size: 14px; line-height: 17px; } .category-nav .equipm_item_img { max-width: 50%; } .category-nav .equipm { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .category-nav .equipm-big .equipm_item_title { max-width: 58%; } .category-nav .equipm_item:before { border-right-width: 0; } .category-nav .equipm_item:last-child:before { border-right-width: 1px; } .category-nav, .scroll-wrapper.category-nav { padding-right: 30px; margin: 8px -30px 0; } .category-nav.scroll-content { padding-left: 30px; padding-right: 30px; } .opened-filter header { position: static; } .opened-filter .content { position: relative; z-index: 11110; } .opened-filter .catalog-filter, .opened-filter .catalog-filter__btn { left: 0; } .opened-filter .catalog__aside:before { opacity: 1; } .opened-filter .catalog__aside { position: relative; z-index: 100 .opened-filter .catalog__aside; } .opened-filter .catalog__aside :before { opacity: 1; } .promo__title { font-size: 24px; line-height: 28px; max-width: 250px; margin: 0 auto; } .promo__txt { margin-top: 21px; } .promo-list { margin: 36px -6px 0; } .filter-head__title { font-size: 18px; line-height: 21px; } .sorting { margin-bottom: 31px; } .view-2 .catalog-card__price { font-size: 18px; line-height: 21px; } .section-recomendation { padding: 57px 0 21px; margin-top: 49px; } .exellence-ustanovki { padding-top: 41px; } .exellence-ustanovki .about_slider .about_item { padding: 0; } .exellence-ustanovki .about_slider { margin-top: 10px; } .exellence .about_item { padding-top: 44px; } .exellence .about_item_img:before { padding-bottom: 105.5%; } .exellence .about_item_cont { margin-top: 68px; } .exellence .about_item_title { margin-bottom: 32px; } .section-promo { margin-top: 73px; } .promo { padding: 44px 0 17px; } .promo-list__item { margin-bottom: 24px; } .promo .specbanner_link { margin: -50px auto 27px; bottom: 0; } .filter-title_link { padding-bottom: 0; } .selected-filters__val { font-weight: 700; } .catalog-filter__cont { padding-top: 15px; padding-bottom: 0px; } .catalog-check__item:last-child { margin-bottom: 13px; } .form-control_2 { height: 60px; border-color: #E5E5E5; } .form-control_2:focus { border-color: #f33; } .filter-title_link i { color: #000; font-size: 17px; margin-top: 1px; margin-right: -1px; } .catalog-filter .noUi-horizontal { margin-top: 9px; margin-bottom: 13px; } .catalog-filter__btn { left: -100%; -webkit-transition: left .8s ease; -o-transition: left .8s ease; transition: left .8s ease; background: #fff; z-index: 100; margin: 0; width: 100%; bottom: 0; padding: 31px 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: fixed; } .info-text_aside { display: none; } .catalog-filter__btn .btn, .catalog-filter__btn .btn-reset { height: 40px; width: -webkit-calc(50% - 8px); width: calc(50% - 8px); font-size: 14px; line-height: 16px; } .catalog-filter__btn .btn-reset { margin: 0 0 0 8px; } .category-subnav { margin: 16px 0 32px; } .category-subnav .equipm { margin: 0 -30px; } .category-subnav .equipm_item { min-height: 195px; padding: 17px 23px; } .category-subnav .equipm_item_title { font-size: 24px; line-height: 28px; } .category-subnav .equipm-big .equipm_item_img { height: 90%; margin-left: -89px; } .link-calculator__text { display: none; } .link-calculator__btn { height: 60px; line-height: 60px; width: 100%; } .link-calculator { width: 100%; max-width: 360px; margin: -10px auto 69px; } .category-nav .equipm-big .equipm_item_arrow { opacity: 1; bottom: 10px; right: 19px; } .catalog-table-wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .catalog-table-info { padding: 16px 45px 0 8px; width: 100%; } .catalog-table-cont { width: 100%; } .catalog-table-wrap { margin-left: -30px; margin-right: -30px; padding-left: 30px; border-bottom: 0; position: relative; padding-bottom: 58px; } .catalog-table-wrap:before { content: ''; display: block; height: 2px; background: #8F8F8F; left: 30px; right: 30px; position: absolute; bottom: 0; } .exellence-2 .h1 { margin-bottom: 30px; } .catalog-table-cont:before { content: ''; display: block; background: #000; width: 1px; top: 0; height: 105px; left: 0; position: absolute; } .catalog-table-cont-top { width: 100%; } .catalog-table-head { padding: 6px 20px 15px; } .catalog-table__td { padding: 16px 21px 7px; } .catalog-table-img { margin: 3px 0 0 4.5%; text-align: center; min-width: 743px; } .exellence_2 { margin-top: 35px; } .category-nav_bur-stangi .equipm_item { font-size: 18px; line-height: 21px; } .category-nav_bur-stangi .equipm-big .equipm_item_title { max-width: 90%; } .category-nav_bur-stangi .equipm-big .equipm_item_img { -webkit-transform: translateY(-56%); -ms-transform: translateY(-56%); transform: translateY(-56%); } .category-nav_bur-instrument .equipm-big .equipm_item_title { max-width: 137px; } .category-nav_locazion .equipm_item:nth-child(2) .equipm_item_img { -webkit-transform: translate(-6px, -44%); -ms-transform: translate(-6px, -44%); transform: translate(-6px, -44%); height: 64%; } .category-nav_locazion .equipm_item:nth-child(3) .equipm_item_img { -webkit-transform: translate(0px, -37%); -ms-transform: translate(0px, -37%); transform: translate(0px, -37%); } .category-nav_locazion .equipm_item:nth-child(4) .equipm_item_img { -webkit-transform: translate(-9px, -55%); -ms-transform: translate(-9px, -55%); transform: translate(-9px, -55%); height: 92%; } .category-nav_rashod .equipm-big .equipm_item_title { max-width: 179px; } .category-nav_rashod .equipm-big .equipm_item_img { -webkit-transform: translateY(-26%); -ms-transform: translateY(-26%); transform: translateY(-26%); max-width: 65%; } .category-nav_rashod .equipm-big .equipm_item:last-child .equipm_item_img { height: 71%; -webkit-transform: translate(-5px, -57%); -ms-transform: translate(-5px, -57%); transform: translate(-5px, -57%); } .category-nav_rashod .equipm-big .equipm_item_title { max-width: 164px; } .category-nav_svarka .equipm-big .equipm_item_title { max-width: 98%; word-break: break-all; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .category-nav_zapchasti .equipm_item { min-width: 158px; font-size: 12px; line-height: 14px; min-height: 94px; } .category-nav_zapchasti .equipm-big .equipm_item--1 .equipm_item_img { max-width: 39%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 3px; } .category-nav_zapchasti .equipm-big .equipm_item--2 .equipm_item_img { -webkit-transform: translateY(-43%); -ms-transform: translateY(-43%); transform: translateY(-43%); left: 3px; max-width: 51%; } .category-nav_zapchasti .equipm-big .equipm_item--3 .equipm_item_img { -webkit-transform: translateY(-49%); -ms-transform: translateY(-49%); transform: translateY(-49%); left: -4px; min-width: 44%; } .category-nav_zapchasti .equipm-big .equipm_item--4 .equipm_item_img { -webkit-transform: translateY(-31%); -ms-transform: translateY(-31%); transform: translateY(-31%); left: 3px; width: 54%; } .category-nav_zapchasti .equipm-big .equipm_item--5 .equipm_item_img { -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); left: 2px; min-width: 66%; } .category-nav_zapchasti .equipm-big .equipm_item--6 .equipm_item_img { -webkit-transform: translateY(-48%); -ms-transform: translateY(-48%); transform: translateY(-48%); left: -52px; min-width: 74%; } .category-nav_zapchasti .equipm-big .equipm_item--7 .equipm_item_img { -webkit-transform: translateY(-55%); -ms-transform: translateY(-55%); transform: translateY(-55%); left: -46px; min-width: 66%; } .category-nav_zapchasti .equipm-big .equipm_item--8 .equipm_item_img { -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); left: 0px; max-width: 47%; } .category-nav_zapchasti .equipm-big .equipm_item--6 .equipm_item_title { max-width: 60%; } .category-nav_zapchasti .equipm-big .equipm_item--8 .equipm_item_title { max-width: 75%; } .category-nav_zapchasti .equipm-big .equipm_item_title { max-width: 100%; } .category-nav_gnb .equipm-big .equipm_item--2 .equipm_item_img { left: -9px; } } @media screen and (max-width: 639px) { .category-nav .equipm-big .equipm_item { padding: 12px 17px 13px 10px; } .category-nav .equipm-big .equipm_item_img { left: 0px; } .category-nav .equipm_item { height: auto; min-height: 90px; } .category-nav > .scroll-content { padding-bottom: 33px; } .calculator-title { font-size: 18px; line-height: 21px; } .win-calculator { -webkit-box-shadow: none; box-shadow: none; background: none; padding: 25px; } .win-calculator-wrap { padding: 37px 18px; background: #FFFFFF; -webkit-box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.25); box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.25); } .calc-form, .calculator-title { padding-left: 0; padding-right: 0; } .calculator-results { padding-left: 9px; padding-right: 9px; } .calculator-results__table { padding-right: 0; display: block; font-size: 14px; line-height: 16px; } .calculator-results__tr { display: block; padding-top: 28px; } .calculator-results__td { display: block; max-width: 206px; height: auto; width: 100%; padding: 0; } .calculator-results__td:empty { display: none; } .calculator-results__td:last-child { width: 100%; } .calculator-results__td_1 { font-size: 12px; line-height: 14px; } .calculator-results .calculator-results__td + .calculator-results__td { padding-top: 7px; } .calculator-results .calculator-results__td + .calculator-results__td_1 { padding-top: 4px; padding-bottom: 2px; } .styled-select_calculator .ms-choice, .styled-select_calculator .ms-drop ul > li.hide-radio label span { font-size: 14px; } .styled-select_calculator .ms-drop ul > li.hide-radio label span { line-height: 16px; } .calculator-tabs { margin: 45px 0 43px; } .calculator-tabs a { padding: 11px 3px 13px; } .calculator-results__title { margin-bottom: 12px; } .category-nav_bur-instrument .equipm_item_img { height: 78%; min-width: 50%; } .category-nav_locazion .equipm-big .equipm_item_title { max-width: 82%; } .category-nav_vspmogatelnoe .equipm-big .equipm_item_4 .equipm_item_title { max-width: 85%; } .category-nav_vspmogatelnoe .equipm-big .equipm_item .equipm_item_img { height: 68%; -webkit-transform: translateY(-29%); -ms-transform: translateY(-29%); transform: translateY(-29%); left: 4px; min-width: 32%; } .category-nav_vspmogatelnoe .equipm-big .equipm_item:first-child .equipm_item_img { height: 84%; max-width: 54%; -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%); transform: translateY(-45%); left: 12px; } .category-nav_vspmogatelnoe .equipm-big .equipm_item:last-child .equipm_item_img { height: 62%; min-width: 26%; } .category-nav_ncu .equipm-big .equipm_item_title { max-width: 88%; } .category-nav_ncu .equipm-big .equipm_item_img { min-width: 57%; left: -6px; } .category-nav_ncu .equipm-big .equipm_item:last-child .equipm_item_img { height: 72%; -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%); transform: translateY(-45%); } .category-nav_ncu .equipm-big .equipm_item_title { max-width: 71%; } .category-nav_zapchasti .equipm_item { min-height: 94px; } .category-nav_gnb .equipm-big .equipm_item--2 .equipm_item_img { left: -9px; } .category-nav_bur .equipm-big .equipm_item--2 .equipm_item_img, .category-nav_bur .equipm-big .equipm_item--3 .equipm_item_img { min-width: 47%; } } @media screen and (max-width: 560px) { .view-4 { margin-left: -8px; margin-right: -9px; } .view-4 .catalog-card__label { font-size: 10px; line-height: 12px; left: 14px; top: 15px; } .view-4 .catalog-card__tp { padding-left: 0; padding-right: 0; } .view-4 .catalog-card__details { padding: 13px 8px 15px; } .view-4 .libra { top: 10px; right: 10px; } .view-4 .libra span { display: none; } .view-4 .catalog-card__img:before { padding-top: 86.6%; } .view-4 .catalog-card__img img { max-width: -webkit-calc(100% - 35px); max-width: calc(100% - 35px); } .view-4 .catalog-card__top { display: none; } .view-4 .catalog-card__cart { padding-left: 0; } .view-4 .catalog-card__bottom { margin-top: 0px; padding-top: 2px; } .view-4 .catalog-card { margin-left: 8px; margin-right: 9px; margin-bottom: 23px; width: -webkit-calc(50% - 17px); width: calc(50% - 17px); } .view-4 .catalog-card__title { font-size: 14px; line-height: 16px; } .view-4 .catalog-card__price { font-size: 12px; line-height: 14px; padding-bottom: 12px; border-bottom: 1px solid #E5E5E5; } .view-4 .catalog-card__bottom { border-top: 0; display: block; } .view-4 .catalog-card__cart { margin: 12px 0 0; text-align: center; } .view-4 + .loadmore { margin-top: 23px; margin-bottom: 0; } .m-hide { display: none !important; } .promo-list__item { margin-left: 6px; margin-right: 6px; } .promo-list__item:nth-child(2) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; width: -webkit-calc(100% - 12px); width: calc(100% - 12px); } .promo-list__item:nth-child(1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: -webkit-calc(50% - 12px); width: calc(50% - 12px); } .promo-list__item:nth-child(3) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: -webkit-calc(50% - 12px); width: calc(50% - 12px); } .promo__img { margin: 0 -18px; } } @media screen and (min-width: 561px) { .m-show { display: none !important; } } @media screen and (min-width: 768px) { .mb-show { display: none !important; } .category-nav .equipm_item { margin-right: -1px; margin-bottom: -1px; } .exellence-bur-rastvory .exellence .about_item_cont { max-width: 383px; } .category-nav_bur .equipm-big .equipm_item_img { -webkit-transform: translateY(-53%); -ms-transform: translateY(-53%); transform: translateY(-53%); } .category-nav_bur-stangi .equipm-big .equipm_item_img { bottom: 21px; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; left: 2px; } .category-nav .equipm-big .equipm_item_4 .equipm_item_title { max-width: 99%; } .category-nav_rashod .equipm-big .equipm_item_img { height: 71%; min-width: 41%; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .category-nav_rashod .equipm-big .equipm_item:first-child .equipm_item_img { min-width: 74%; } .category-nav_vspmogatelnoe .equipm-big .equipm_item:nth-child(2) .equipm_item_img { left: 15px; } .category-nav_vspmogatelnoe .equipm-big .equipm_item:nth-child(4) .equipm_item_img { -webkit-transform: translateY(-39%); -ms-transform: translateY(-39%); transform: translateY(-39%); left: -3px; } .category-nav_vspmogatelnoe .equipm-big .equipm_item_4 .equipm_item_title { max-width: 96%; } .category-nav_zapchasti .equipm-big .equipm_item_title { max-width: 342px; } .category-nav_zapchasti .equipm-big .equipm_item_img { min-width: 33%; } } @media screen and (min-width: 1024px) { .show-tablet, .hide-desktop { display: none !important; } .category-nav_bur-stangi .equipm-big .equipm_item_title { max-width: 221px; } .category-nav_locazion .equipm_item:first-child .equipm_item_img { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .category-nav_locazion .equipm_item:nth-child(2) .equipm_item_img { -webkit-transform: translate(11px, -41%); -ms-transform: translate(11px, -41%); transform: translate(11px, -41%); } .category-nav_locazion .equipm_item:nth-child(3) .equipm_item_img { -webkit-transform: translate(15px, -47%); -ms-transform: translate(15px, -47%); transform: translate(15px, -47%); } .category-nav_locazion .equipm_item:nth-child(4) .equipm_item_img { -webkit-transform: translate(6px, -51%); -ms-transform: translate(6px, -51%); transform: translate(6px, -51%); } .category-nav_vspmogatelnoe .equipm-big .equipm_item_4 .equipm_item_title { max-width: 94%; } .category-nav_zapchasti .equipm-big .equipm_item--1 .equipm_item_img { -webkit-transform: translateY(-56%); -ms-transform: translateY(-56%); transform: translateY(-56%); left: 5px; } .category-nav_zapchasti .equipm-big .equipm_item--2 .equipm_item_img { -webkit-transform: translateY(-48%); -ms-transform: translateY(-48%); transform: translateY(-48%); left: 28px; } .category-nav_zapchasti .equipm-big .equipm_item--3 .equipm_item_img { -webkit-transform: translateY(-49%); -ms-transform: translateY(-49%); transform: translateY(-49%); left: 2px; min-width: 46%; } .category-nav_zapchasti .equipm-big .equipm_item--4 .equipm_item_img { -webkit-transform: translateY(-49%); -ms-transform: translateY(-49%); transform: translateY(-49%); left: 2px; min-width: 54%; } .category-nav_zapchasti .equipm-big .equipm_item--5 .equipm_item_img { -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); left: 24px; min-width: 58%; } .category-nav_zapchasti .equipm-big .equipm_item--6 .equipm_item_img { -webkit-transform: translateY(-44%); -ms-transform: translateY(-44%); transform: translateY(-44%); left: 19px; min-width: 50%; } .category-nav_zapchasti .equipm-big .equipm_item--7 .equipm_item_img { -webkit-transform: translateY(-61%); -ms-transform: translateY(-61%); transform: translateY(-61%); left: 2px; min-width: 47%; } .category-nav_zapchasti .equipm-big .equipm_item--8 .equipm_item_img { -webkit-transform: translateY(-51%); -ms-transform: translateY(-51%); transform: translateY(-51%); left: 2px; min-width: 50%; } } @media screen and (min-width: 1181px) { .category-nav_vspmogatelnoe .equipm-big .equipm_item_4 .equipm_item_title { max-width: 99%; } } /*# sourceMappingURL=catalog.css.map */ /* End */ /* Start:/local/templates/ddw/components/bitrix/catalog.section.list/ddw/style.css?16490683057151*/ /* line */ .bx_catalog_line { margin-bottom: 30px; } .bx_catalog_line .bx_catalog_line_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_line .bx_catalog_line_category_title a { color: #000; text-decoration: none; } .bx_catalog_line .bx_catalog_line_ul { padding: 0; } .bx_catalog_line .bx_catalog_line_ul li { margin-bottom: 20px; list-style: none; } .bx_catalog_line .bx_catalog_line_ul li:before { content: '' !important } .bx_catalog_line .bx_catalog_line_img { position: relative; display: block; float: left; overflow: hidden; margin-right: 40px; width: 125px; height: 125px; border: 1px solid #ccc; border-radius: 2px; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: contain; } .bx_catalog_line .bx_catalog_line_title { margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 18px; } .bx_catalog_line .bx_catalog_line_title a { color: #4c7da6; font-size: 18px; } .bx_catalog_line .bx_catalog_line_title a:hover { text-decoration: none; } .bx_catalog_line .bx_catalog_line_title span { font-size: 16px } .bx_catalog_line .bx_catalog_line_description { color: #3f3f3f; font-size: 13px; line-height: 16px; } @media (max-width: 639px) { .bx-touch .bx_catalog_line .bx_catalog_line_img { margin-right: 10px; width: 50px; height: 50px; } .bx-touch .bx_catalog_line .bx_catalog_line_title { margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_title a { font-size: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_description { font-size: 11px; } } .bx_catalog_line .bx_catalog_line_img, .bx_catalog_line .bx_catalog_line_title, .bx_catalog_line .bx_catalog_line_title a, .bx_catalog_line .bx_catalog_line_description { transition: all 0.3s ease; } /* text */ .bx_catalog_text { margin-bottom: 30px; } .bx_catalog_text .bx_catalog_text_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_text .bx_catalog_text_category_title a { color: #000; text-decoration: none; } .bx_catalog_text .bx_catalog_text_ul { padding: 0; } .bx_catalog_text .bx_catalog_text_ul li { float: left; margin: 0 10px 10px; list-style: none; } .bx_catalog_text .bx_catalog_text_ul li:before { content: '' !important } .bx_catalog_text .bx_catalog_text_title { margin: 0; padding: 0; vertical-align: top; font-size: 14px; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a { display: inline-block; overflow: hidden; max-width: 100%; color: #4c7da6; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; } .bx_catalog_text .bx_catalog_text_title a:hover { text-decoration: none } .bx_catalog_text .bx_catalog_text_title span { font-size: 12px; } @media (max-width: 639px) { .bx-touch .bx_catalog_text .bx_catalog_line_title { margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_catalog_text .bx_catalog_line_title a { font-size: 12px; } } .bx_catalog_text .bx_catalog_line_title, .bx_catalog_text .bx_catalog_line_title a { transition: all 0.3s ease; } /* tile */ .bx_catalog_tile { margin-bottom: 30px; } .bx_catalog_tile .bx_catalog_tile_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_tile .bx_catalog_tile_category_title a { color: #000; text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_ul { padding: 0; } .bx_catalog_tile .bx_catalog_tile_ul li { float: left; box-sizing: border-box; margin-bottom: 20px; padding: 0 10px; width: 12.5%; list-style: none; text-align: center; } .bx_catalog_tile .bx_catalog_tile_ul li:before { content: '' !important } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: both; } .bx_catalog_tile .bx_catalog_tile_img { position: relative; display: block; overflow: hidden; margin: 0 auto; width: 78px; height: 78px; border: 1px solid #ccc; border-radius: 2px; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: contain; } .bx_catalog_tile .bx_catalog_tile_title { margin-top: 5px; margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a { color: #4c7da6; font-size: 14px; } .bx_catalog_tile .bx_catalog_tile_title a:hover { text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_title span { font-size: 12px; } /*2*/ @media (max-width: 980px) { .bx_catalog_tile .bx_catalog_tile_ul li { width: 20%; } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: both; } } /*3*/ @media (max-width: 639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_title { margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title { line-height: 10px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title a { font-size: 11px; } } @media (min-width: 480px) and (max-width: 639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 25%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1) { clear: both; } } /*4*/ @media (max-width: 479px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 33.3%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_img { width: 100%; height: 80px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1) { clear: both; } } .bx_catalog_tile .bx_catalog_tile_title, .bx_catalog_tile .bx_catalog_tile_title a, .bx_catalog_tile .bx_catalog_tile_ul li, .bx_catalog_tile .bx_catalog_tile_img { transition: all 0.3s ease; } /* list */ .bx_sitemap { margin-bottom: 30px; } .bx_sitemap .bx_sitemap_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_sitemap .bx_sitemap_title a { color: #000; text-decoration: none; } .bx_sitemap .bx_sitemap_ul li { padding: 0; line-height: 14px; } .bx_sitemap .bx_sitemap_ul li:before { content: '' !important } .bx_sitemap .bx_sitemap_li_title { display: inline-block; margin: 0; margin-bottom: 10px; padding: 0; vertical-align: top; font-weight: normal; line-height: 13px; } .bx_sitemap .bx_sitemap_li_title a { color: #4c7da6; white-space: nowrap; font-size: 13px; } .bx_sitemap .bx_sitemap_li_title a:hover { text-decoration: none } .bx_sitemap .bx_sitemap_li_title span { font-size: 11px; } @media (max-width: 639px) { .bx-touch .bx_sitemap .bx_catalog_line_title { margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_sitemap .bx_catalog_line_title a { font-size: 12px; } } .bx_sitemap .bx_catalog_line_title, .bx_sitemap .bx_catalog_line_title a { transition: all 0.3s ease; } /* End */ /* Start:/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/style.css?164906830518695*/ .bx-filter { width: 100%; min-width: 220px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 20px; } .bx-filter .bx-filter-section { /*background: #edf6fc; /* color */ position: relative; padding-top: 26px } .bx-filter .bx-filter-section>.row { padding: 0 5px; } .bx-filter .bx-filter-title { font-size: 18px; margin-bottom: 10px; color: #000; } /*Sections*/ .bx-filter .bx-filter-parameters-box { position: relative; } .bx-filter .bx-filter-parameters-box-title { font-size: 13px; padding-bottom: 7px; } @media (min-width: 992px) { .bx-filter .bx-filter-section .col-md-4:nth-child(3n+1) { clear: both; } } @media (min-width: 768px) and (max-width: 991px) { .bx-filter .bx-filter-section .col-md-4:nth-child(2n+1) { clear: both; } } .bx-filter .bx-filter-parameters-box-title span { color: #039be5; border-bottom: 1px solid transparent; cursor: pointer; } .bx-filter .bx-filter-parameters-box-title span:hover { border-color: #039be5; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span { /*color: #95a1a8;*/ } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span:hover { /*color: #758087;*/ border-color: transparent; } .bx-filter .bx-filter-block { display: none; -webkit-transition: padding .3s ease; -moz-transition: padding .3s ease; -ms-transition: padding .3s ease; -o-transition: padding .3s ease; transition: padding .3s ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .bx-filter .bx-filter-button-box .bx-filter-block, .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block { display: block; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub { font-size: 14px; font-style: normal; display: block; padding-bottom: 5px; } .bx-filter-parameters-box-container { padding-bottom: 20px; } .bx-filter-parameters-box-container .checkbox:first-child { margin-top: 0; } .bx-filter .bx-filter-parameters-box-container-block { font-size: 11px; color: #3f3f3f; } /* * INPUTS * */ .bx-filter .bx-filter-input-container {} .bx-filter .bx-filter-input-container input { display: block; width: 100%; font-size: 18px; height: 38px; margin: 0; padding: 0 4px; border: 1px solid #ccd5db; border-radius: 2px; background: #fff; outline: none } .bx-retina .bx-filter .bx-filter-input-container input { border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/border_default.png) 2 repeat; -moz-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/border_default.png) 2 repeat; -o-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/border_default.png) 2 repeat; border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/border_default.png) 2 repeat; } /*.bx-filter .bx-filter-input-container input:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-input-container input:focus { -webkit-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/active.png) 2 repeat; -moz-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/active.png) 2 repeat; -o-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/active.png) 2 repeat; border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/active.png) 2 repeat; } /* COLOR */ .bx-ios .bx-filter .bx-filter-input-container input { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%); background-image: linear-gradient(#ffffff 0%, #ffffff 100%); } .bx-filter .bx-filter-button-box { clear: both; } /* *Track * */ .bx-filter .bx-ui-slider-track-container { padding-top: 35px; padding-bottom: 25px; } .bx-filter .bx-ui-slider-track { position: relative; height: 7px; /*background: #d8e9f0;/* COLOR */ } .bx-filter .bx-ui-slider-part { position: absolute; top: -6px; width: 1px; height: 17px; background: #a2bfc7; } .bx-filter .bx-ui-slider-part.p1 { left: -1px; } .bx-filter .bx-ui-slider-part.p2 { left: 25%; } .bx-filter .bx-ui-slider-part.p3 { left: 50%; } .bx-filter .bx-ui-slider-part.p4 { left: 75%; } .bx-filter .bx-ui-slider-part.p5 { right: -1px; } .bx-filter .bx-ui-slider-part span { font-size: 11px; /*font-weight: bold;*/ position: absolute; top: -16px; left: 50%; display: block; width: 100px; margin-left: -50px; text-align: center; color: #000; } .bx-filter .bx-ui-slider-part.p2 span, .bx-filter .bx-ui-slider-part.p3 span, .bx-filter .bx-ui-slider-part.p4 span { color: #6b8086; } .bx-filter .bx-ui-slider-range, .bx-filter .bx-ui-slider-pricebar, .bx-filter .bx-ui-slider-pricebar-vd, .bx-filter .bx-ui-slider-pricebar-vn, .bx-filter .bx-ui-slider-pricebar-v { position: absolute; top: 0; bottom: 0; } .bx-filter .bx-ui-slider-range { z-index: 50; } .bx-filter .bx-ui-slider-pricebar { z-index: 100; } .bx-filter .bx-ui-slider-pricebar-vd { z-index: 60; /*background: #849da4;/* COLOR */ } .bx-filter .bx-ui-slider-pricebar-vn { z-index: 70; /*background: #a8dff3;/* COLOR */ } .bx-filter .bx-ui-slider-pricebar-v { z-index: 80; /*background: #499fd8;/* COLOR */ } .bx-filter .bx-ui-slider-handle { position: absolute; top: 100%; width: 22px; height: 22px; border-bottom: none; } .bx-filter .bx-ui-slider-handle:hover { -webkit-cursor: grab; -ms-cursor: grab; -o-cursor: grab; cursor: grab; } .bx-filter .bx-ui-slider-handle:active { -webkit-cursor: grabbing; -ms-cursor: grabbing; -o-cursor: grabbing; cursor: grabbing; } .bx-filter .bx-ui-slider-handle.left { left: 0; margin-left: -21px; /* COLOR */ /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAArUlEQVQ4y6WSQQ6FMAhEXbjyXwzOpBdx5bXKbYRWLFSJ2m8ysVHfzGA7DH9cuKVfNwwM40ZzZzJlmE3WTjjNfF9Fn2EwMH5pUGYWOJ3w6wZ4wDKz6rUBumQPPxrUmT0IxuxpqxYLQ7MOG5TaHtbk1iza5+VauW5dfdcYSDKcMLkP7wxdA5sMQWV/BkwDTY7mtAfHjpJ/Ihj4DoIgXZ9J+siaimi6rimLgSw87qod+1BRTwMJRYoAAAAASUVORK5CIIA=) no-repeat right top;*/ } .bx-filter .bx-ui-slider-handle.right { right: 0; margin-right: -21px; /* COLOR */ /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAq0lEQVQ4y6WSQRKDIAxFXXSlF0vOZC+SlddKblMUUhKCraIzX9Ahj58PE268TE8e3GSFJ5BUTDskaRl1QFk8BsHs4BCMQMruVEe+l4kWglFu5yLEZKDFXyeXIFoEpg3z738mJTzXhncj75+QtqjnJENO2sG4I1VXDtR3ogv7O1dHxV10gi75EGILiE78RRKy33AOq07i+Us4kRamkOPGptesQjeXIjZjO+fXB+hjUU/S3Z+WAAAAAElFTkSuQmCC) no-repeat left top;*/ } /* * Select * */ .bx-filter .bx-filter-select-container { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 35px; border-radius: 3px; border: 1px solid #ccd5db; } .bx-retina .bx-filter .bx-filter-select-container { border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/border_default.png) 2 repeat; -moz-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/border_default.png) 2 repeat; -o-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/border_default.png) 2 repeat; border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/border_default.png) 2 repeat; } /* COLOR */ /*.bx-filter .bx-filter-select-container.bx-active, .bx-filter .bx-filter-select-container:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-select-container.bx-active, .bx-retina .bx-filter .bx-filter-select-container:focus { -webkit-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/active.png) 2 repeat; -moz-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/active.png) 2 repeat; -o-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/active.png) 2 repeat; border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/active.png) 2 repeat; }*/ .bx-filter .bx-filter-select-block { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 33px; margin: 0; padding: 0 33px 0 10px; border: none; border-radius: 2px; background: #fff; } .bx-filter .bx-filter-select-text { font-size: 15px; line-height: 33px; overflow: hidden; max-width: 100%; height: 33px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .bx-filter .bx-filter-select-text.fix { min-width: 120px; } .bx-filter .bx-filter-select-text label { cursor: pointer; } .bx-filter .bx-filter-select-arrow { position: absolute; top: 0; right: 0; width: 34px; height: 33px; cursor: pointer; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center; } /* * Select popup * */ .bx-filter-select-popup { background: #fff; padding: 0; min-width: 173px; } .bx-filter-select-popup ul { margin: 0; padding: 0; list-style: none; } .bx-filter-select-popup ul li { display: block; text-align: left; vertical-align: middle; } .bx-filter-select-popup ul li:first-child { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px; } .bx-filter-select-popup ul li label { font-size: 14px; line-height: 26px; display: block; text-align: left !important; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 26px; padding: 0 5px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color: #575757; } .bx-filter-select-popup ul li label.selected, .bx-filter-select-popup ul li label:hover { color: #000; background: #f3f8fa; } .bx-filter-select-popup ul li label.disabled { color: #b8b8b8; background: transparent; } .bx-filter-select-popup ul li .bx-filter-param-text { line-height: 34px !important; } /* * TAGS * */ .bx-filter .bx-filter-tag { padding: 18px; /*border-top: 1px solid #d7eaf7;/* COLOR */ /*border-bottom: 1px solid #d7eaf7;/* COLOR */ } .bx-filter .bx-tag-link { font-size: 12px; text-decoration: none; /*color: #68939e;/* COLOR */ text-shadow: none; } .bx-filter .bx-tag-link.bx-active, .bx-filter .bx-tag-link:hover { color: #1d3d46; } /* * LABEL * */ .bx-filter .bx-filter-param-label { min-height: 20px; font-weight: normal; cursor: pointer; } .bx-filter .bx-filter-param-btn-inline .bx-filter-param-label { float: left; display: block; margin-right: 5px; } .bx-filter .bx-filter-param-btn-block .bx-filter-param-label { display: block; } .bx-filter .bx-filter-param-label { /*font-size: 13px;*/ } .bx-filter .bx-filter-param-label.dib { display: inline-block; } .bx-filter .bx-filter-param-text { font-weight: normal; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-text { color: #6c6c6c; } .bx-filter-select-popup .bx-filter-param-label.bx-active { background: #f3f8fa; } /* * Checkbox / Radio * */ .bx-filter .bx-filter-input-checkbox {} .bx-filter .bx-filter-input-checkbox input[type=radio], .bx-filter .bx-filter-input-checkbox input[type=checkbox] {} .bx-filter .bx-filter-input-checkbox .bx-filter-param-text { display: block; text-align: left; } /* * BTN * */ .bx-filter .bx-filter-param-btn { font-weight: normal; display: inline-block; width: 38px; height: 38px; padding: 6px; text-align: center; text-decoration: none; color: #000; vertical-align: middle; border: 1px solid #ccd5db; border-radius: 2px; background: #fff; position: relative; -webkit-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -moz-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -ms-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -o-transition: border .3s ease, box-shadow .1s ease, color .3s ease; transition: border .3s ease, box-shadow .1s ease, color .3s ease; cursor: pointer; } .bx-retina .bx-filter .bx-filter-param-btn { border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/border_default.png) 2 repeat; -moz-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/border_default.png) 2 repeat; -o-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/border_default.png) 2 repeat; border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/border_default.png) 2 repeat; } /* COLOR */ /*.bx-filter .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-filter .bx-filter-param-btn:hover, .bx-filter .bx-filter-param-btn:active, .bx-filter .bx-filter-param-btn:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-retina .bx-filter .bx-filter-param-btn:hover, .bx-retina .bx-filter .bx-filter-param-btn:active, .bx-retina .bx-filter .bx-filter-select-container:focus { -webkit-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/active.png) 2 repeat; -moz-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/active.png) 2 repeat; -o-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/active.png) 2 repeat; border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/active.png) 2 repeat; }*/ /* --- colors */ .bx-filter .bx-filter-param-btn.bx-color-sl {} .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { background: transparent; box-shadow: none } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { position: relative; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl:before { position: absolute; bottom: 0; right: 0; top: 0; left: 0; content: ' '; display: block; z-index: 100; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center; opacity: .7; } .bx-filter .bx-filter-param-btn .bx-filter-param-text { line-height: 26px; } /* * BTN P/M * */ .bx-filter .bx-filter-param-btn.bx-spm { width: 23px; min-width: 23px; height: 23px; line-height: 23px; font-weight: normal; padding: 0; font-size: 17px; color: #767b7e; vertical-align: top; border-radius: 50%; background-color: transparent; } .bx-filter .bx-filter-param-btn.bx-spm.bx-plus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=") no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm.bx-minus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC") no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm:active { outline: none !important; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12); } .bx-filter span.bx-spm { font-size: 18px; /*font-weight:bold;*/ line-height: 23px; display: inline-block; height: 23px; margin: 0 10px; vertical-align: middle; color: #000; } /* * icon * */ .bx-filter-select-popup .bx-filter-select-text-icon, .bx-filter .bx-filter-select-text-icon { line-height: 33px; position: relative; display: inline-block; width: 23px; height: 23px; margin-top: -4px; margin-right: 2px; vertical-align: middle; border-radius: 2px; } .bx-filter-select-popup .bx-filter-btn-color-icon, .bx-filter .bx-filter-btn-color-icon { line-height: 24px; /*position:relative;*/ /*top:4px;*/ border-radius: 2px; display: inline-block; width: 24px; height: 24px; vertical-align: middle; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05); -webkit-background-size: cover; background-size: cover; } .bx-filter-select-popup .bx-filter-btn-color-icon { width: 20px; height: 20px; margin: 2px 0; top: 0 !important; } .bx-filter .bx-filter-select-block .bx-filter-btn-color-icon { top: -1px !important; } .bx-filter-btn-color-icon.all { position: relative; border: none; box-shadow: none } .bx-filter-btn-color-icon.all:after, .bx-filter-btn-color-icon.all:before { position: absolute; width: 60%; height: 60%; background: #fff; content: " "; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); } .bx-filter-btn-color-icon.all:after { right: 0; bottom: 0; } .bx-filter-btn-color-icon.all:before { top: 0; left: 0; } .bx-filter .bx-filter-param-label.disabled .bx-filter-btn-color-icon { opacity: .2; } /* * BIZ * */ .bx-filter .bx-filter-parameter-biz { font-size: 14px; line-height: 15px; display: inline-block; margin-right: 10px; text-decoration: none; color: #1485ce; border-bottom: 1px dashed; } .bx-filter .bx-filter-parameter-biz:hover { text-decoration: none; border-bottom: 1px solid; } .bx-filter .bx-filter-parameter-biz.bx-active { position: relative; /*padding-left:20px;*/ color: #000; border-color: transparent; } /* * BTN result and reset * */ .btn-themes { /*background-color: #1485CE;/* COLOR */ /*border-color: #1485CE;/* COLOR */ color: #FFF } .btn-themes.bx-active, .btn-themes.focus, .btn-themes:active, .btn-themes:focus, .btn-themes:hover{ /*background-color: #53A4D8;/* COLOR */ /*border-color: #53A4D8;/* COLOR */ color: #FFF } /* * Result Popup * */ .bx-filter .bx-filter-popup-result { font-size: 13px; font-weight: normal; position: absolute; z-index: 915; display: none; line-height: normal; margin-top: -7px; margin-left: 10px; padding: 0 10px; white-space: nowrap; color: #3f3f3f; min-height: 37px; line-height: 18px; border-style: solid; border: 1px solid #C6DCE7; } .bx-filter .bx-filter-popup-result.left { border-width: 2px 10px 2px 2px; -webkit-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/result_popup_left.png) 4 20 4 4 repeat; -moz-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/result_popup_left.png) 4 20 4 4 repeat; -o-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/result_popup_left.png) 4 20 4 4 repeat; border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/result_popup_left.png) 4 20 4 4 fill repeat; } .bx-filter .bx-filter-popup-result.right { border-width: 2px 2px 2px 10px; -webkit-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/result_popup_right.png) 4 4 4 20 repeat; -moz-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/result_popup_right.png) 4 4 4 20 repeat; -o-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/result_popup_right.png) 4 4 4 20 repeat; border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/images/result_popup_right.png) 4 4 4 20 fill repeat; } .bx-filter .bx-filter-popup-result.right { left: 97%; } .bx-filter .bx-filter-popup-result.left { right:97%; } .bx-filter-horizontal .bx-filter-popup-result{ display: inline-block; position: relative; left: auto; right: auto; bottom: -7px; } .bx-filter .bx-filter-popup-result a { color: #0073a3; line-height: 10px; } .bx-filter .bx-filter-popup-result a:hover { text-decoration: none; } .bx-filter .bx-filter-popup-result-close { display: none; } @media (max-width: 767px) { .bx-touch .bx-filter .bx-filter-popup-result { font-size: 12px; line-height: 14px; position: fixed !important; z-index: 1001; top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin-top: 0; margin-left: 0; width: auto; height: auto; padding: 10px; border-radius: 2px; border: 1px solid #c6dae7; background: rgba(255,255,255,.9); } .bx-touch .bx-filter .bx-filter-popup-result br{display: none;} .bx-filter .bx-filter-popup-result .arrow { display: none; } } /* End */ /* Start:/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/themes/green/colors.css?16490683054484*/ .bx-filter.bx-green .bx-filter-section { background: #eefcea; } /* * INPUTS * */ .bx-filter.bx-green .bx-filter-input-container input:focus { border-color: #3BC915; } .bx-retina .bx-filter.bx-green .bx-filter-input-container input:focus { -webkit-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/themes/green/images/active.png) 2 repeat; -moz-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/themes/green/images/active.png) 2 repeat; -o-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/themes/green/images/active.png) 2 repeat; border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/themes/green/images/active.png) 2 repeat; } /* *Track * */ .bx-filter.bx-green .bx-ui-slider-track{background: #e7e7e7;} .bx-filter.bx-green .bx-ui-slider-pricebar-vd{background: #9f9f9f;} .bx-filter.bx-green .bx-ui-slider-pricebar-vn{background: #76e359;} .bx-filter.bx-green .bx-ui-slider-pricebar-v {background: #3bc915;} .bx-filter.bx-green .bx-ui-slider-handle.left { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjJCNUFBOTIxOENDMTFFNUI1QUQ5NjM4RjlEMDlEMzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjJCNUFBOTMxOENDMTFFNUI1QUQ5NjM4RjlEMDlEMzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMkI1QUE5MDE4Q0MxMUU1QjVBRDk2MzhGOUQwOUQzNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMkI1QUE5MTE4Q0MxMUU1QjVBRDk2MzhGOUQwOUQzNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhEx/hoAAABoSURBVHjaYqx+GsdAARBiokQzEO9mokQzEBsxUaIZxGGiRDOpBmBoJsUArJqJNQCnZmIMwKsZBFgIaN4DxIb4bGCiRDMuA4jWjM0AkjSjG0CyZmQDyNIMM4BszbBo/ArEzuTmaYAAAwCuYxHtbZ2yOQAAAABJRU5ErkJggg==") no-repeat right top; } .bx-filter.bx-green .bx-ui-slider-handle.right { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAMAAADjcdz2AAAAFVBMVEV75V575V575V575V575V575V575V6zNPkMAAAABnRSTlMABxESzc4pCdrRAAAAL0lEQVR42l3IsQGAIADAMBTt/yezwEAyZsyBz8nJycnJyclp+8/k5OTk5OS8t2cBPsADCUK09WkAAAAASUVORK5CYII=") no-repeat left top; } /* * Select * */ .bx-filter.bx-green .bx-filter-select-container.bx-active, .bx-filter.bx-green .bx-filter-select-container:focus { border-color: #3BC915; } .bx-retina .bx-filter.bx-green .bx-filter-select-container.bx-active, .bx-retina .bx-filter.bx-green .bx-filter-select-container:focus { -webkit-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/themes/green/images/active.png) 2 repeat; -moz-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/themes/green/images/active.png) 2 repeat; -o-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/themes/green/images/active.png) 2 repeat; border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/themes/green/images/active.png) 2 repeat; } /* * Select popup * */ /* * TAGS * */ .bx-filter.bx-green .bx-filter-tag { border-top: 1px solid #c6eabc; border-bottom: 1px solid #c6eabc; } .bx-filter.bx-green .bx-tag-link { color: #3bc915; } /* * LABEL * */ /* * Checkbox / Radio * */ /* * BTN * */ .bx-filter.bx-green .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-filter.bx-green .bx-filter-param-btn:hover, .bx-filter.bx-green .bx-filter-param-btn:active, .bx-filter.bx-green .bx-filter-param-btn:focus { border-color: #3BC915; } .bx-retina .bx-filter.bx-green .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-retina .bx-filter.bx-green .bx-filter-param-btn:hover, .bx-retina .bx-filter.bx-green .bx-filter-param-btn:active, .bx-retina .bx-filter.bx-green .bx-filter-select-container:focus { -webkit-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/themes/green/images/active.png) 2 repeat; -moz-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/themes/green/images/active.png) 2 repeat; -o-border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/themes/green/images/active.png) 2 repeat; border-image: url(/local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/themes/green/images/active.png) 2 repeat; } /* * BTN P/M * */ /* * icon * */ /* * BIZ * */ /* * BTN result and reset * */ .bx-filter.bx-green .btn-themes { background-color: #3bc915; border-color: #3bc915; color: #FFF } .bx-filter.bx-green .btn-themes.bx-active, .bx-filter.bx-green .btn-themes.focus, .bx-filter.bx-green .btn-themes:active, .bx-filter.bx-green .btn-themes:focus, .bx-filter.bx-green .btn-themes:hover{ background-color: #30d404; border-color: #30d404; color: #FFF } /* * Result Popup * */ /* End */ /* Start:/local/templates/ddw/components/bitrix/system.pagenavigation/round/style.css?17720314362917*/ .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span{ background: #0083d1; color: #fff; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } /*color schemes*/ .bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{ background: #3bc915; color: #fff; } .bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{ background: #F9A91D; color: #fff; } .bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{ background: #E22B2B; color: #fff; } .bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{ background: #0083d1; color: #fff; } /* End */ /* Start:/local/templates/ddw/components/bitrix/catalog.section/ddw/style.css?16490683053808*/ @media (min-width: 1200px){ /*lg*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-md-2:nth-child(6n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-md-3:nth-child(4n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (min-width: 992px) and (max-width:1199px){ /*md*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-md-2:nth-child(6n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-md-3:nth-child(4n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (min-width: 768px) and (max-width: 991px){ /*sm*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (max-width: 767px){ /*xs*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } .catalog-section-header{ font-size:14px; font-weight: bold; text-align: left; margin:5px 0; padding:5px 15px; border-bottom: 2px solid #d9dee6; color: #000; } .row::before { display: initial; } /* End */ /* Start:/local/templates/ddw/components/bitrix/catalog.item/.default/style.css?179015526125363*/ .product-item-container { position: relative; } .product-item-container.hover { z-index: 17; } .product-item { display: block; box-sizing: border-box; padding: 15px 0 5px; width: 100%; border: 1px solid transparent; border-radius: 2px; } .product-item-line-card .product-item { width: auto !important; border-bottom: 1px solid #dadada; } @media (max-width: 991px) { .product-item-line-card .product-item .col-sm-6:nth-child(2n) { clear: both; } } .bx-retina .product-item { border-width: .5px; } .product-item * { transition: opacity 300ms ease; } @media (max-width: 767px) { .product-item { padding: 15px 5px 5px } .product-item-line-card .product-item .col-xs-12:nth-child(2n) { clear: both; } } .bx-no-touch .product-item-container.hover .product-item { position: absolute; right: -15px; left: -15px; padding: 15px 15px 0; width: auto; border: 1px solid transparent; background: #fff; box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19); } .bx-touch .product-item { padding: 15px 0 0; width: auto; background: #fff; } .bx-no-touch .product-item-container.hover .product-item { -webkit-animation: product-item-hover 300ms 1 ease; } @-webkit-keyframes product-item-hover { 0% { position: absolute; left: -15px; right: -15px; border: 1px solid transparent; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 100% { border: 1px solid transparent; box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19); } } /*Image*/ .product-item-image-wrapper { position: relative; display: block; margin-bottom: 15px; padding-top: 116%; width: 100%; transition: all 300ms ease; } .product-item-image-wrapper:hover { } .product-item-container.hover.product-item-scalable-card .product-item-image-wrapper { padding-top: 54%; } .product-item-image-original, .product-item-image-alternative { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; transition: opacity 300ms linear; } .product-item-image-original { z-index: 11; } .product-item-image-alternative { z-index: 13; opacity: 0; } .bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 0; } .bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 1; } .product-item-big-card .product-item-image-wrapper { margin-bottom: 25px; } /*Image Slider*/ .product-item-image-slider-slide-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; overflow: hidden; width: 100%; height: 100%; transition: opacity 300ms ease; } .product-item-image-slide { position: relative; display: none; height: 100%; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; transition: .6s ease-in-out left; } @media all and (transform-3d), (-webkit-transform-3d) { .product-item-image-slide { transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .product-item-image-slide.next, .product-item-image-slide.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .product-item-image-slide.prev, .product-item-image-slide.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .product-item-image-slide.next.left, .product-item-image-slide.prev.right, .product-item-image-slide.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .product-item-image-slider-slide-container > .active, .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev { display: block; } .product-item-image-slider-slide-container > .active { left: 0; } .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev { position: absolute; top: 0; width: 100%; } .product-item-image-slider-slide-container > .next { left: 100%; } .product-item-image-slider-slide-container > .prev { left: -100%; } .product-item-image-slider-slide-container > .next.left, .product-item-image-slider-slide-container > .prev.right { left: 0; } .product-item-image-slider-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 1px; } .product-item-image-slider-progress-bar { position: absolute; top: 0; bottom: 0; left: 0; height: 1px; background-color: #f42c2c; opacity: .8; } .product-item-image-slider-control-container { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; padding: 0; text-align: center; opacity: 0; transition: opacity 300ms ease; } .product-item-container.hover .product-item-image-slider-control-container, .product-item-line-card:hover .product-item-image-slider-control-container { opacity: 1; } .product-item-image-slider-control, .product-item-image-slider-control.active { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: rgba(128, 128, 128, .8); opacity: .6; cursor: pointer; transition: all 300ms ease; } .product-item-image-slider-control:hover, .product-item-image-slider-control.active:hover { cursor: pointer; } /*Label*/ .product-item-label-text, .product-item-label-ring { position: absolute; z-index: 15; } .product-item-label-text span, .product-item-label-ring { display: inline-block; clear: both; margin-bottom: 2px; background: #f42c2c; color: #fff; vertical-align: middle; text-align: center; transition: all 250ms ease; } .bx-red .product-item-label-text span, .bx-red .product-item-label-ring { background-color: #fba90c; } .product-item-label-text > div, .product-item-label-ring > div { line-height: 0; } /* TEXT */ .product-item-label-text span { padding: 2px 5px; vertical-align: middle; font-weight: bold; } /*SMALL*/ .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-weight: normal; font-size: 13px; line-height: 14px; } .product-item-big-card .product-item-label-text.product-item-label-small span { padding: 5px 12px; font-size: 16px; line-height: 21px; } /* BIG */ .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span { padding: 4px 10px; font-size: 13px; line-height: 17px; } .product-item-big-card .product-item-label-text.product-item-label-big span { padding: 5px 17px; font-size: 22px; line-height: 33px; } @media (max-width: 767px) { .product-item-label-text > div { line-height: 0; } .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-size: 10px; line-height: 14px; } .product-item-big-card .product-item-label-text.product-item-label-small span, .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span { margin-bottom: 1px; padding: 3px 12px; font-size: 14px; line-height: 16px; } .product-item-big-card .product-item-label-text.product-item-label-big span { padding: 3px 12px; font-size: 20px; line-height: 25px; } } /*RING*/ .product-item-label-ring { box-sizing: border-box; border-radius: 50%; font-weight: bold; } .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small { width: 40px; height: 40px; font-size: 14px; line-height: 40px; } .product-item-big-card .product-item-label-ring.product-item-label-small { width: 100px; height: 100px; font-size: 30px; line-height: 100px; } .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big { width: 50px; height: 50px; font-size: 18px; line-height: 50px; } .product-item-big-card .product-item-label-ring.product-item-label-big { width: 120px; height: 120px; font-size: 42px; line-height: 120px; } @media (max-width: 767px) { .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small { width: 35px; height: 35px; font-size: 12px; line-height: 35px; } .product-item-big-card .product-item-label-ring.product-item-label-small, .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big { width: 35px; height: 35px; font-size: 12px; line-height: 35px; } .product-item-big-card .product-item-label-ring.product-item-label-big { width: 70px; height: 70px; font-size: 24px; line-height: 70px; } } .product-item-label-top { top: -5px; } .product-item-label-center { left: 50%; transform: translateX(-50%); } .product-item-label-center > div { text-align: center; } .product-item-label-left { left: -5px; } .product-item-label-left > div { text-align: left; } .product-item-label-bottom { bottom: -5px; } .product-item-label-middle { top: 50%; transform: translateY(-50%); } .product-item-label-right { right: -5px; } .product-item-label-right > div { text-align: right; } .product-item-label-center.product-item-label-middle { transform: translateY(-50%) translateX(-50%); } /*Title*/ .product-item-title { overflow: hidden; margin-bottom: 15px; text-overflow: ellipsis; white-space: nowrap; } .bx-touch .product-item-title, .product-item-container.hover .product-item-title { overflow: auto; white-space: normal; } .product-item-title a { color: #3f3f3f; text-decoration: none; font-size: 13px; } .product-item-big-card .product-item-title a { font-size: 21px; } .product-item-line-card .product-item-title a { font-size: 20px; } /*Price*/ .product-item-price-container { margin: 5px 0 10px; } .product-item-price-current { color: #3f3f3f; white-space: nowrap; font-weight: bold; font-size: 13px; } .product-item-price-old { color: #a5a5a5; text-decoration: line-through; white-space: nowrap; font-size: 12px; } .product-item-big-card .product-item-price-current, .product-item-big-card .product-item-price-old { vertical-align: middle; line-height: 20px; } .product-item-big-card .product-item-price-container { margin: 0 0 10px; } .product-item-big-card .product-item-price-current { font-size: 18px; } .product-item-big-card .product-item-price-old { font-size: 15px; } /*Info*/ .product-item-line-card .product-item-info-container { text-align: center; } .product-item-info-container { margin-bottom: 8px; } .product-item-info-container-title { color: #000; font-weight: bold; font-size: 13px; } .bx-no-touch .product-item-container .product-item-info-container.product-item-hidden { display: none; opacity: 0; transition: opacity 300ms ease; } .bx-touch .product-item-info-container.product-item-touch-hidden { display: none !important } .bx-touch .product-item-info-container.product-item-hidden, .bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden, .product-item-line-card .product-item-container .product-item-info-container.product-item-hidden { display: block; opacity: 1; } /*Amount*/ .product-item-amount { padding: 0 0 2px; text-align: center; } .product-item-amount-field-container { } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus { position: relative; display: inline-block; min-width: 22px; height: 22px; border-radius: 2px; background-color: #f2f2f2; color: #fff; vertical-align: middle; text-align: center; cursor: pointer; transition: background 300ms ease, opacity 300ms ease; } .bx-retina .product-item-amount-field-btn-plus, .bx-retina .product-item-amount-field-btn-minus { border-width: .5px; } .product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-minus:hover { background: #d3d3d3; } .product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-minus:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: .8; transition: opacity 300ms ease, background 300ms ease; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after { opacity: .3 !important; cursor: default; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover { background-color: #f2f2f2; } .product-item-amount-field-btn-plus:after { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center; background-size: 10px; } .product-item-amount-field-btn-minus:after { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center; background-size: 10px; } .product-item-amount-field-btn-plus:hover:after, .product-item-amount-field-btn-minus:hover:after { opacity: 1; } .product-item-amount-field { display: inline-block; padding: 0; max-width: 50px; width: auto; height: 22px; border: 1px solid transparent; border-radius: 2px; background: transparent !important; color: #000; vertical-align: middle; text-align: center; font-weight: bold; line-height: 22px; transition: border 300ms ease; } .bx-retina .product-item-amount-field { border-width: .5px; } .product-item-amount-field:focus { outline: none !important; } .bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button, .bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none } .product-item-amount-description-container { color: #a5a5a5; white-space: nowrap; font-size: 12px; display: block; } .product-item-big-card .product-item-amount-field-container { text-align: left; } .product-item-amount-description-container strong { color: #333; white-space: nowrap; } .product-item-amount-label-container { margin: 5px 0; color: #a5a5a5; font-weight: bold; font-size: 12px; } /**/ .product-item-quantity { color: #333; font-weight: normal; font-size: 12px; } /*Properties */ .product-item-properties { display: block; overflow: hidden; margin: 0; color: #a5a5a5; font-size: 12px; } .product-item-properties dl { clear: both; } .product-item-properties dt { float: left; clear: both; font-weight: normal; } .product-item-properties dd { float: right; margin-bottom: 3px; margin-left: 5px; color: #000; } /*Compare*/ .product-item-compare-container { position: relative; display: none; margin: 0 -15px; padding: 4px 15px; min-height: 30px; border-top: 1px solid #e6e6e6; background: #f3f3f3; box-shadow: inset 0 1px 1px 0 #eee; vertical-align: middle; font-size: 12px; line-height: 20px; } .product-item-line-card .product-item-compare-container { margin: 0; border: none; background-color: transparent; box-shadow: none; text-align: center; } .bx-touch .product-item-compare-container { display: none; } .product-item-line-card .product-item-compare-container, .product-item-container.hover .product-item-compare-container { display: block; } .product-item-compare .checkbox { margin: 0; padding: 0; } /* SCU */ .product-item-scu-container { padding: 0 0 2px; } .product-item-scu-container-title { color: #333; font-size: 12px; } .product-item-scu-block { } .product-item-scu-list { margin: 0; } .product-item-scu-item-list { overflow: hidden; margin: 0 0 0 -2px; padding: 0; list-style: none; } .product-item-scu-item-color-container, .product-item-scu-item-text-container { /* float: left; */ display: inline-block; box-sizing: border-box; padding: 5px 3px; max-width: 100%; } .product-item-scu-item-text-container { min-width: 32px; } .product-item-scu-item-color-container { max-width: 38px; width: 25%; } .product-item-scu-item-color-block { position: relative; padding-top: 100%; outline: 1px solid #c0cfda; cursor: pointer; } .bx-no-touch .product-item-scu-item-color-block { transition: outline 200ms ease; } .bx-retina .product-item-scu-item-color-block { outline-width: .5px; } .product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-width: 2px; } .bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block { outline-width: 1px; } .product-item-scu-item-color { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; background-position: center; background-size: contain; background-repeat: no-repeat; } .product-item-scu-item-text-block { position: relative; padding: 0 5px; outline: 1px solid #c0cfda; cursor: pointer; } .bx-no-touch .product-item-scu-item-text-block { transition: outline 300ms ease; } .bx-retina .product-item-scu-item-text-block { outline-width: .5px; } .product-item-scu-item-text-container.selected .product-item-scu-item-text-block { outline-width: 2px; } .bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block { outline-width: 1px; } .product-item-scu-item-text { overflow: hidden; max-width: 100%; vertical-align: middle; text-align: center; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 18px; } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block { position: relative; outline-color: #a9adb4 !important; } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after { position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center; background-size: 80% 80%; content: ""; } @media (max-width: 991px) { .product-item-line-card .product-item-scu-container-title { text-align: center; } .product-item-line-card .product-item-scu-item-list { text-align: center; } .product-item-line-card .product-item-scu-item-color-container, .product-item-line-card .product-item-scu-item-text-container { display: inline-block; float: none; } } /*Description*/ .product-item-description-container { } .product-item-description-container p { color: #575757; font-size: 13px; } /*Buttons*/ .product-item-button-container { text-align: center; } .product-item-button-container .btn { margin-bottom: 2px; } /*Stickers*/ .product-item-sticker, .product-item-sticker-round { display: none; } /*More*/ .product-item-more-container { position: relative; display: block; box-sizing: border-box; padding: 15px 15px 5px; width: 100%; border: 1px solid transparent; border-radius: 2px; transition: all 300ms ease; } .product-item-more-wrapper { position: relative; display: block; margin-bottom: 15px; padding-top: 116%; width: 100%; } .product-item-more { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: #f3f3f3 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjk3LjYxMyAyOTcuNjEzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjxjaXJjbGUgY3g9IjE1LjI3OSIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iMTQuODMiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjU5Ljc2OSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTAzLjgxIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIxNC44MyIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE0OC4zMDIiIGN5PSIxMDMuODEiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE5Mi4zNDMiIGN5PSI1OS43NjkiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjM4LjIzOCIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNS4yNzkiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjI4Mi43ODIiIHI9IjE0LjgzMSIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMjgyLjc4MiIgcj0iMTQuODMxIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjgyLjMzNCIgY3k9IjE0Ny44NTIiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjwvc3ZnPg==) no-repeat center; background-size: 50%; opacity: .7; transition: opacity 300ms ease; } .bx-touch .product-item-more, .product-item-container.hover .product-item-more { opacity: 1; } .product-item-more-title { overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } /* End */ /* /local/templates/ddw/components/bitrix/catalog/.default/style.css?17692751581498 */ /* /local/build/css/catalog.css?177563720887511 */ /* /local/templates/ddw/components/bitrix/catalog.section.list/ddw/style.css?16490683057151 */ /* /local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/style.css?164906830518695 */ /* /local/templates/ddw/components/bitrix/catalog.smart.filter/ddw/themes/green/colors.css?16490683054484 */ /* /local/templates/ddw/components/bitrix/system.pagenavigation/round/style.css?17720314362917 */ /* /local/templates/ddw/components/bitrix/catalog.section/ddw/style.css?16490683053808 */ /* /local/templates/ddw/components/bitrix/catalog.item/.default/style.css?179015526125363 */