/* Start:/local/templates/dresscode/components/dresscode/catalog/.default/style.css?1671110108172*/ #middleSlider{ margin-bottom: 24px; } .panel-click.selected{ pointer-events: none; } .items.productList{ margin-bottom: 24px; } .removeFromWishlist{ display: none; } /* End */ /* Start:/local/components/dresscode/catalog.item/templates/detail/style.css?168244752152094*/ .inStock { display:none;}#left{ position: relative; }#left .collapsed{ position: absolute; width: 100%; z-index: 99;} .changeName + br{ display: none; } .cheaper-product-name{ visibility: hidden; }.videoFrame{ border: 0;}#catalogElement{ border-top: 1px solid #e7e8ea; position: relative; font-family: 'robotoregular'; } #catalogElement h2{ margin: 0; } #catalogElement.loading:after{ background: url(/local/components/dresscode/catalog.item/templates/detail/images/loader.svg) no-repeat rgba(0, 0, 0, 0.2) 50% 50%; transition: all 0.2s ease-in-out; pointer-events: none; position: fixed; height: 100vh; width: 100%; content: ""; z-index: 999; top: 0px;} #catalogElement .getStoresWindow{ text-decoration: none;} #elementSmallNavigation{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #e7e8ea; background-color: #f9f9f9; line-height: 50px; overflow: hidden; padding: 0 24px; display: none; height: 50px; } #elementSmallNavigation .tab{ padding-right: 18px; margin-left: 18px; float: left; } #elementSmallNavigation .tab:first-child{ border-left: 1px solid #e7e8ea; padding-left: 18px; margin-left: 0px;} #elementSmallNavigation a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; text-decoration: none; text-align: center; position: relative; font-size: 13px; color: #000000; display: block;}#elementSmallNavigation a:hover{ color: #888888;}#elementSmallNavigation a:active{ position: relative; top: 1px;} #elementSmallNavigation a img{ vertical-align: middle; padding-right: 12px;} #tableContainer{ border-collapse: collapse; table-layout: fixed; display: table; width: 100%;} #tableContainer .column{ display: table-cell; } #tableContainer .column:nth-child(2){ vertical-align: middle; padding-bottom: 24px;}#elementNavigation{ background-color: #eee; position: relative; padding-left: 24px; text-align: right; width: 355px;}#elementNavigation.fixed .tabs{ position: fixed; width: 355px; top: 0; } #elementNavigation .tabs.maxScroll{ position: absolute; bottom: 0px; right: 0px; top: unset; } #elementNavigation .tabs a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; display: inline-block; padding: 16px 24px; font-size: 16px; color: #000000; } #elementNavigation .tabs .tab{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0; }#elementNavigation .tabs .tab.disabled,#elementSmallNavigation .tabs .tab.disabled{ display: none; } #elementNavigation .tabs .tab.active a{ -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; background-color: #ffffff; border-radius: 7px 0 0 7px; }#elementNavigation .tabs img{ -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; vertical-align: middle; padding-left: 24px; opacity: 0.8;} #elementNavigation .tabs a:hover{ color: #888888;}#elementNavigation .tabs a:hover img{ opacity: 1;} #smallElementTools{ padding: 0 24px; display: none;}#smallElementTools .fastBack{ font-family: "roboto_ltregular"; display: inline-block; width: 220px; height: 45px; margin-bottom: 12px; line-height: 45px; text-align: center; background: #fff; border-radius: 2px;}.smallElementToolsContainer{ padding: 24px 24px 12px 24px; margin-bottom: 18px; border: 1px solid #e7e8ea;} #elementTools .priceContainer{ display: inline-block; font-size: 28px; } #smallElementTools .priceContainer{ display: inline-block; vertical-align: middle;} #elementContainer #smallElementTools .purchaseBonus{ display: block; vertical-align: middle; margin-left: 0; margin-right: 0; margin-bottom: 0; margin-top: 12px;} #smallElementTools .columnRowWrap{ font-size: 0;}#smallElementTools .columnRow{ display: inline-block; vertical-align: middle; width: 50%; box-sizing: border-box; padding-right: 6px;}#smallElementTools .columnRow:last-child{ padding: 0 0 0 6px;}#smallElementTools .columnRow .fastBack{ height: 60px; line-height: 60px; box-sizing: border-box; border-radius: 4px; border: 1px solid #d8d8d8; } #smallElementTools .columnRow .addCart{ margin-top: 0;} #smallElementTools .columnRow .addCart{ width: 100%; margin-bottom: 6px;}#smallElementTools .columnRow .fastBack{ width: 100%; margin-bottom: 6px;}#smallElementTools .secondTool .row{ display: inline-block; vertical-align: middle; margin-right: 24px; } #smallElementTools .smallElementToolsContainer .secondTool .row:last-child{ margin-right: 0; margin-bottom: 12px;}#elementTools{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #eee; padding: 24px 24px 0 24px; position: relative; width: 400px; z-index: 1;} #elementTools.fixed .fixContainer{ background-color: #eee; margin-top: 12px; position: fixed; width: 400px; z-index: 33; top: 0;} #elementTools .fixContainer.maxScroll{ padding-bottom: 12px; position: absolute; bottom: 0px; top: unset; left: 24px;} #elementTools .picture{ display: none;}#elementTools .picture img{ max-width: 280px;}#elementTools.fixed .fixContainer .picture{ display: block;}#elementTools .row,#smallElementTools .row{ margin-bottom: 12px; } #elementTools .secondTool .row:last-child{ margin-bottom: 0px;}#elementTools .row img,#smallElementTools .row img{ vertical-align: middle; padding-right: 6px; margin-top: -4px;}#elementTools .requestPrice{ cursor: pointer;}#elementTools .label,#smallElementTools .label{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; font-size: 14px; color: #717171;} #smallElementTools .label{ vertical-align: middle; display: inline-block;}#smallElementTools .qtyBlock img{ margin-top: 0px; }#elementTools .label:hover,#smallElementTools .label:hover{ color: #000000;}#elementTools .label:active,#smallElementTools .label:active{ position: relative; top: 1px; }#elementTools .article,#smallElementTools .article{ margin-bottom: 12px; font-size: 14px; color: #888888; } #elementTools .price, #smallElementTools .price{ font-family: 'robotobold'; text-decoration: none; margin-bottom: 25px; position: relative; font-size: 21px; display: block; color: #000000; } #elementTools .price .discount, #smallElementTools .price .discount{ color: #888888;} #elementTools .price .oldPriceLabel,#smallElementTools .price .oldPriceLabel{ font-family: 'roboto_condensedlight'; text-decoration: none; margin-bottom: 6px; margin-right: 12px; font-size: 14px; display: inline-block; color: #888888;}#elementTools .purchaseBonus{ font-family: "roboto_condensedlight"; margin-top: 6px; font-size: 14px; color: #888888; display: block; } #elementTools .priceBlock, #smallElementTools .priceBlock{ display: block; } #elementTools .purchaseBonus span{ display: inline-block; vertical-align: top; padding-right: 6px; font-family: "roboto_cnregular";} #smallElementTools .purchaseBonus{ margin-top: 6px; font-family: "roboto_condensedlight"; font-size: 14px; color: #888888; } #smallElementTools .purchaseBonus span{ display: inline-block; vertical-align: top; padding-right: 6px; font-family: "roboto_cnregular";}#elementTools .priceValue,#smallElementTools .priceValue{ border-bottom: 1px dashed #bbbbbb; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; padding-bottom: 8px; color: #000000;} #elementTools .priceValue:hover,#smallElementTools .priceValue:hover{ color: #333333;}#elementTools .priceValue:active,#smallElementTools .priceValue:active{ position: relative; top: 1px; } #elementTools .priceIcon,#smallElementTools .priceIcon{ margin-right: 12px;}#catalogElement .fixContainer{ width: 220px;}#catalogElement .mobileButtonsContainer{ white-space: nowrap; font-size: 0;}#catalogElement .mainTool .addCart{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; text-align: center; border-radius: 4px; line-height: 60px; padding: 0px 18px; font-size: 16px; color: #ffffff; height: 60px; width: 220px; } @media all and (min-width: 1101px){ #catalogElement .mainTool .addCartContainer:hover .addCart.requestPrice span, #catalogElement .mainTool .addCartContainer:hover .addCart.subscribe span, #catalogElement .mainTool .addCartContainer:hover .addCart.disabled span, #catalogElement .mainTool .addCartContainer:hover .addCart.added span, #catalogElement .mainTool .addCart span{ transform: translate(-50%, -50%); transition: all 0.2s ease-in-out; display: inline-block; position: absolute; left: 50%; top: 50%; } #catalogElement .mainTool .qtyBlock{ margin-bottom: 0px; } #catalogElement .mainTool .addCartContainer{ position: relative; overflow: hidden; width: 220px; } #catalogElement .mainTool .qtyBlockContainer{ transition: all 0.1s ease-in-out; transform: translateX(50px); position: absolute; visibility: hidden; right: 18px; opacity: 0; top: 16px; } #catalogElement .mainTool .addCartContainer:hover .qtyBlockContainer{ transition: all 0.2s ease-in-out; transform: translateX(0px); visibility: visible; opacity: 1; } #catalogElement .mainTool .addCartContainer:hover .addCart span{ transform: translate(24px, -50%); left: 0%; } #catalogElement .mainTool .addCartContainer:hover .addCart .icon{ transition: all 0.4s ease-in-out; visibility: hidden; padding: 0px; height: 0px; margin: 0px; width: 0px; opacity: 0; } #catalogElement .mainTool .addCartContainer:hover .addCart.requestPrice .icon, #catalogElement .mainTool .addCartContainer:hover .addCart.subscribe .icon, #catalogElement .mainTool .addCartContainer:hover .addCart.disabled .icon, #catalogElement .mainTool .addCartContainer:hover .addCart.added .icon{ padding-right: 12px; visibility: visible; margin-top: -6px; height: auto; width: auto; opacity: 1; } #catalogElement .mainTool .qtyBlockContainer .qty{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color: transparent; box-sizing: border-box; vertical-align: middle; display: inline-block; text-align: center; font-size: 12px; padding: 0 2px; color: #ffffff; margin: 0 4px; height: 28px; width: 28px; border: 0; } #catalogElement .mainTool .qtyBlockContainer .qty.error{ color: #ff0000; } #catalogElement .mainTool .qtyBlock .plus, #catalogElement .mainTool .qtyBlock .minus{ background-color: rgba(255, 255, 255, 0.1); vertical-align: middle; display: inline-block; min-width: auto; padding: 0px; height: 24px; width: 24px; border: 0px; } #catalogElement .mainTool .qtyBlock .minus, #catalogElement .mainTool .qtyBlock .plus{ background-position: 50% 50%; background-repeat: no-repeat; } #catalogElement .mainTool .qtyBlock .plus{ background-image: url(/local/components/dresscode/catalog.item/templates/detail/images/basket-add-plus.png); border-radius: 2px 2px 0px 0px; } #catalogElement .mainTool .qtyBlock .minus{ background-image: url(/local/components/dresscode/catalog.item/templates/detail/images/basket-add-minus.png); border-radius: 0px 0px 2px 2px; } #catalogElement .mainTool .qtyBlock .plus:hover, #catalogElement .mainTool .qtyBlock .minus:hover{ background-color: rgba(255, 255, 255, 0.15); } #catalogElement .mainTool .qtyBlock .minus:active, #catalogElement .mainTool .qtyBlock .plus:active{ position: relative; top: 1px; } #catalogElement .mainTool .qtyBlock .plus.error, #catalogElement .mainTool .qtyBlock .minus.error{ background-color: #bc1414; }} #catalogElement .mainTool .addCart.requestPrice + .qtyBlock,#catalogElement .mainTool .addCart.subscribe + .qtyBlock,#catalogElement .mainTool .addCart.disabled + .qtyBlock,#catalogElement .mainTool .addCart.added + .qtyBlock{ display: none;} #elementTools .addCart .icon,#smallElementTools .addCart .icon{ padding-right: 12px; margin-top: -6px;} #elementTools .fastBack{ display: inline-block; background: #ffffff; margin-bottom: 12px; text-align: center; border-radius: 4px; line-height: 50px; margin-top: 18px; font-size: 14px; color: #000000; width: 220px; height: 50px; } #elementTools .fastBack img { filter: brightness(0.1);}#elementTools .addCart.added, #smallElementTools .addCart.added{ background: #2b2b2b!important; }#elementTools .addCart.added:hover, #smallElementTools .addCart.added:hover{ background: #3b3b3b; }#elementTools .rating,#elementContainer .mainContainer .rating,#smallElementTools .rating{ display: inline-block; vertical-align: middle; margin-left: 6px; margin-top: -4px; position: relative; overflow: hidden; height: 15px; width: 79px; z-index: 2;} #elementTools .rating i,#elementContainer .mainContainer .rating i,#smallElementTools .rating i{ background: url(/local/components/dresscode/catalog.item/templates/detail/images/rating.png) repeat 0 0px transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0px; top: 0px;} #elementTools .rating i.m,#elementContainer .mainContainer .rating i.m,#smallElementTools .rating i.m{ background: url(/local/components/dresscode/catalog.item/templates/detail/images/rating.png) repeat 0 -14px transparent; width: 0px; z-index: 10;} #elementTools .icon,#smallElementTools .icon{ vertical-align: middle; display: inline-block;} .ya-share-label{ margin-bottom: 6px; margin-top: 30px; color: #717171; } #elementContainer{ position: relative; width: 100%;} #elementContainer .mainContainer{ border-collapse: collapse; table-layout: fixed; display: table; width: 100%;} #elementContainer .description{ margin: 12px 0; font-family: "roboto_ltregular"; } #elementContainer .description .heading{ font-family: 'robotoregular'; margin-bottom: 6px; font-size: 16px; }#elementContainer .changeShortDescription{ font-size: 13px; line-height: 16px;}#elementContainer .description .readMore{ -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin: 4px 0; display: block; color: #888888;} #elementContainer .description .readMore:hover{ color: #000000;}#elementContainer .mainContainer .col{ position: relative; vertical-align: middle; display: table-cell; padding: 24px 0; width: 50%;}#elementContainer .mainContainer .secondCol{ vertical-align: top; padding-right: 24px; position: static;}#elementContainer .mainContainer .col.hide{ display: none;} #elementContainer .mainContainer .col:first-child{ background: url(/local/templates/dresscode/images/empty.png) no-repeat center top 150px; background-size: 80px; vertical-align: top; text-align: center; padding: 24px 12px;}#elementContainer #pictureContainer .pictureSlider{ table-layout: fixed;}#elementContainer #pictureContainer .pictureSlider .item:first-child{ display: block;}#elementContainer #pictureContainer .pictureSlider .item{ padding: 0 24px; display: none;}#elementContainer #pictureContainer .item a{ border: 0px solid #919191; border-radius: 7px; text-align: center; display: block;}#elementContainer #pictureContainer .item a img{ vertical-align: middle; max-height: 100%; max-width: 90%;} #elementContainer #moreImagesCarousel{ transition: all 0.3s ease-in-out; visibility: hidden; position: relative; padding-top: 24px; margin-top: 24px; overflow: hidden; opacity: 0;} #elementContainer #moreImagesCarousel.show{ visibility: visible; opacity: 1;} #elementContainer #moreImagesCarousel.hide{ display: none;} #elementContainer #moreImagesCarousel #moreImagesLeftButton,#elementContainer #moreImagesCarousel #moreImagesRightButton{ background: url(/local/components/dresscode/catalog.item/templates/detail/images/carouselArrowSmall.png) 0 0 no-repeat transparent; position: absolute; margin-top: 3px; height: 16px; opacity: 0.5; z-index: 2; width: 14px; top: 50%;} #elementContainer #moreImagesCarousel #moreImagesLeftButton:hover,#elementContainer #moreImagesCarousel #moreImagesRightButton:hover{ opacity: 0.8;} #elementContainer #moreImagesCarousel #moreImagesLeftButton:active,#elementContainer #moreImagesCarousel #moreImagesRightButton:active{ opacity: 1;} #elementContainer #moreImagesCarousel #moreImagesLeftButton{ left: 32px;} #elementContainer #moreImagesCarousel #moreImagesRightButton{ background-position: -14px 0; right: 32px;} #elementContainer #moreImagesCarousel .carouselWrapper{ overflow: hidden; margin: auto; width: 80%;} #elementContainer #moreImagesCarousel .slideBox{ position: relative; overflow: hidden; list-style: none; height: 62px; padding: 0; margin: 0;} #elementContainer #moreImagesCarousel .slideBox .item{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; text-align: center; line-height: 50px; opacity: 0.5; height: 50px; float: left;} #elementContainer #moreImagesCarousel .slideBox .item.selected{ opacity: 1;} #elementContainer #moreImagesCarousel .slideBox .item.selected:after{ transform: translateX(-50%); border-bottom: 2px solid #000000; position: absolute; display: block; content: ""; width: 30%; left: 50%; bottom : -12px; } #elementContainer #moreImagesCarousel .slideBox .item a{ display: block; line-height: 50px; height: 50px;} #elementContainer #moreImagesCarousel .slideBox .item img{ vertical-align: middle; /*margin-top: -4px;*/ max-height: 100%; max-width: 100%;} #elementContainer .mainContainer .markerContainer{ position: absolute; z-index: 3; left: 24px; top: 24px; } #elementContainer .wishCompWrap{ position: relative; z-index: 2; right: 0; top: 0; border-bottom: 1px solid #D9D9D9; } #elementContainer .wishCompWrap .elem{display: inline-block; position: relative; width: auto; height: 34px; line-height: 34px; text-align: center; margin-bottom: 8px; border: none; border-radius: 2px; background: #fff; font-size: 16px; line-height: 36px; text-decoration: none; color: #000; padding-left: 35px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-right: 15px;} #elementContainer .wishCompWrap .elem:before, #elementContainer .wishCompWrap .elem:after{ content: ""; position: absolute; left: 0; top: 9px; width: 26px; height: 20px; background: url("/local/components/dresscode/catalog.item/templates/detail/images/wishCompImage.svg") 0 0 no-repeat; transition: all 0.2s ease-in-out; } #elementContainer .wishCompWrap .elem:after{ opacity: 0; }#elementContainer .wishCompWrap .addWishlist:before{ background-position: 0px 0px; } #elementContainer .wishCompWrap .addWishlist:after{ background: url(/local/templates/dresscode/images/like-hover.svg) no-repeat; background-size: 26px 19px; } #elementContainer .wishCompWrap .addCompare:before{ background: url("/local/components/dresscode/catalog.item/templates/detail/images/wishCompImage1.svg") 0 0 no-repeat; } #elementContainer .wishCompWrap .addCompare:after{ background-position: 0; background: url(/local/templates/dresscode/images/compare-cart-hover.svg)0 0 no-repeat; } #elementContainer .wishCompWrap .elem:hover { color: #f85e04; } #elementContainer .wishCompWrap .elem:active { top: 1px; }#elementContainer .wishCompWrap .elem.added:before { opacity: 0; } #elementContainer .wishCompWrap .elem.added:after { opacity: 1; }#elementContainer .wishCompWrap .elem img{ display: none; display: inline-block; vertical-align: middle;} #elementContainer .marker { font: normal normal 12px "roboto_ltregular" , arial , sans-serif; background-color: #424242; margin-bottom: 8px; color: #fff; padding: 3px 4px; line-height: 16px; z-index: 2;} #elementContainer .brandImageWrap{ display: block;} #elementContainer .brandImageWrap .tb{ width: auto; } #elementContainer .brandImage{ vertical-align: middle; display: inline-block; margin-bottom: 24px; margin-right: 66px; } #elementContainer .bindAction{ vertical-align: middle; display: inline-block; margin-bottom: 24px; line-height: 18px; font-size: 13px; } /*#elementContainer .tb{ width: auto; }*/ #elementContainer .bindActionImage{ width: 38px; } #elementContainer .bindActionImage .image{ display: block; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; background-size: contain;} #elementContainer .bindAction a { position: relative; font-size: 13px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #elementContainer .bindAction a:active { position: relative; top: 1px;} .newReviewTable{ font-size: 0; } .newReviewTable .left{ display: inline-block; width: 50%; vertical-align: top; font-size: 14px; padding-right: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; } .newReviewTable .right{ display: inline-block; width: 50%; vertical-align: top; font-size: 14px;} .reviewsBtnWrap{ padding-bottom: 6px; margin-top: 6px; } .reviewsBtnWrap .row{ display: inline-block; vertical-align: top; margin: 0 36px 12px 0; font-size: 16px; font-family: 'robotoregular'; } .reviewsBtnWrap .row:last-child{ margin-right: 0;} .reviewsBtnWrap .row img{ vertical-align: middle; padding-right: 6px; margin-top: -4px;} .reviewsBtnWrap .label{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; line-height: 21px; color: #0A001B; font-size: 16px; } .reviewsBtnWrap .labelDotted{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; color: #000000; border-bottom: 1px dashed #b9b9b9;} .reviewsBtnWrap a.label:hover .labelDotted{ border-color: #000000;} .reviewsBtnWrap a.label:hover{ color: #000000; } .reviewsBtnWrap a.label:active{ position: relative; top: 1px; } #elementContainer .brandImage img{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; max-height: 34px; max-width: 200px; } #elementContainer .brandImage:hover img{ opacity: 0.7; } #elementContainer .headingBox{ table-layout: fixed; display: table; width: 100%; } #elementContainer .headingBox .heading{ display: table-cell; vertical-align: top; padding-bottom: 12px; font-size: 16px; } #elementContainer .headingBox .moreProperties{ vertical-align: top; display: table-cell; padding-right: 24px; padding-left: 12px; width: 40%; } #elementContainer .headingBox .morePropertiesLink{ -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; /*text-decoration: none;*/ color: #888888; } #elementContainer .headingBox .morePropertiesLink:hover{ color: #000000; } #elementContainer .elementProperties .propertyTable{ table-layout: fixed; display: table; width: 100%; } #elementContainer .elementProperties .propertyTable{ font-size: 13px; } #elementContainer .elementProperties .propertyTable .propertyName, #elementContainer .elementProperties .propertyTable .propertyValue{ background-color: #ffffff; vertical-align: middle; display: table-cell; position: relative; overflow: hidden; padding: 2px 0; } #elementContainer .elementProperties .propertyTable .propertyValue{ padding-left: 12px; width: 40%; } #elementContainer .elementProperties .propertyTable .analog{ -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; color: #000000; } #elementContainer .elementProperties .propertyTable .analog:hover{ color: #888888; } #elementContainer .elementProperties .propertyTable .propertyName:after{ display:none; border-bottom: 1px dotted #cccccc; position: absolute; margin-left: 12px; height: 13px; content: ''; width: 100%; } #elementContainer .elementSkuPropertyValue{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #elementContainer .elementSkuPropertyValue.loading{ opacity: 0.5; } #elementContainer .elementSkuVariantLabel{ margin-top: 12px; font-size: 16px; } #elementContainer .elementSkuPropertyName{ font-size: 13px; color: #888888; } #elementContainer .elementSkuPropertyList{ overflow: hidden; list-style: none; margin: 0px -2px 0 -4px; padding: 0px; } #elementContainer .elementSkuProperty{ overflow: hidden; margin: 6px 0 12px; } #elementContainer .elementSkuPropertyDropdown{ margin: 6px 0 12px; } #elementContainer .elementSkuProperty li{ box-sizing: border-box; overflow: hidden; min-width: 54px; padding: 4px 2px 2px 4px; float: left; } #elementContainer .elementSkuProperty .selected .elementSkuPropertyLink{ pointer-events: none; position: relative; } #elementContainer .elementSkuProperty .disabled{ display: none; } #elementContainer .elementSkuPropertyLink{ transition: all 0.2s ease-in-out; border: 1px solid transparent; background-color: #f5f5f5; text-decoration: none; border-radius: 4px; text-align: center; line-height: 24px; padding: 8px 12px; font-size: 14px; display: block; color: #000000; } #elementContainer .selected .elementSkuPropertyLink{ background-color: transparent; } #elementContainer .elementSkuPropertyPicture{ background-color: transparent; border: 1px solid transparent; position: relative; border-radius: 4px; line-height: 54px; height: 50px; padding: 0px; width: 54px; overflow: hidden; } #elementContainer .elementSkuPropertyPicture:after{ background-color: rgba(0, 0, 0, 0.04); pointer-events: none; position: absolute; border-radius: 4px; content: ""; height: 54px; width: 54px; left: 0px; top: 0px; } #elementContainer .elementSkuPropertyLink:active{ position: relative; top: 1px; } #elementContainer .elementSkuPropertyList img{ vertical-align: middle; max-height: 100%; max-width: 100%; } #catalogElement .elementSkuDropDownProperty{ overflow: visible; } #catalogElement .elementSkuDropDownProperty .skuDropdownListItem { box-sizing: content-box; overflow: visible; min-width: auto; padding: 0px; float: none; } #catalogElement .skuDropdown{ background-color: #ffffff; border: 1px solid #e7e8ea; position: relative; line-height: 13px; font-size: 13px; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-radius: 2px; width: 264px; margin-top: 4px; } #catalogElement .skuCheckedItem{ background: url(/local/components/dresscode/catalog.item/templates/detail/images/selectArrow.png) 97% 50% no-repeat transparent; padding: 12px 30px 12px 8px !important; border-radius: 4px; display: block; cursor: pointer; } #catalogElement .skuCheckedItem:hover{ opacity: 0.8; } #catalogElement .skuCheckedItem:active{ position: relative; top: 1px; } #catalogElement .skuDropdown label:before, #catalogElement .skuCheckboxList label:before { display: none; } #catalogElement .skuDropdownList { background-color: #ffffff; border: 1px solid #e7e8ea; visibility: hidden; position: absolute; list-style: none; margin: 0 -1px; opacity: 0; padding: 0; z-index: 2; top: 44px; right: 0; left: 0; } #catalogElement .skuDropdownList.opened{ visibility: visible; opacity: 1; } #catalogElement .pics .skuDropdownList{ top: 52px; } #catalogElement .skuDropdownList .elementSkuPropertyValue{ border-top: 1px solid #e7e8ea; position: relative; display: block; } #catalogElement .skuDropdownList .elementSkuPropertyValue:first-child{ border-top: 0px; } #catalogElement .skuDropdownList .selected{ font-family: "robotomedium"; background-color: #f9f9f9; cursor: pointer; color: #ffffff; opacity: 0.8; } #catalogElement .skuDropdownList .elementSkuPropertyValue:hover{ background-color: #f9f9f9; cursor: pointer; color: #ffffff; opacity: 0.8; } #catalogElement .skuDropdownList .skuPropertyItemLink{ padding: 12px 8px !important; text-decoration: none; line-height: 18px; text-align: left; font-size: 13px; color: #000000; display: block; border: 0px; } #catalogElement .skuDropdownList .skuDropdownListItem.selected .skuPropertyItemLink{ border: 0px; } #catalogElement .skuDropdownList .skuDropdownListItem.disabled{ display: none; } #catalogElement .skuDropdownList .elementSkuPropertyValue:active .skuPropertyItemLink, #catalogElement .skuDropdownList .skuPropertyItemLink:active{ position: relative; top: 1px; } .changePropertiesNoGroup{ margin-top: 24px; } #elementContainer #detailText, #elementContainer #detailTags{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*margin-top: 24px;*/ overflow: hidden; padding: 0 24px 24px 24px; font-size: 14px; clear: both; } #elementContainer #detailTags{ padding-bottom: 0px; } #elementContainer #detailText .heading, #elementContainer #detailTags .heading{ border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 0; font-weight: 800; font-size: 20px; } #elementContainer #detailText img{ max-width: 100%; } #elementContainer .defailTagsItems{ margin-bottom: 12px; } #elementContainer .detailTagsItems .detailTagsItem{ vertical-align: middle; display: inline-block; margin-bottom: 12px; margin-right: 12px; } #elementContainer .detailTagsItems .detailTagsItem:last-child{ margin-right: 0px; } #elementContainer .detailTagsItems .detailTagsLink{ transition: all 0.2s ease-in-out; display: block; background-color: #f4f4f4; text-decoration: none; padding: 6px 12px; border-radius: 4px; color: #000000; } #elementContainer .detailTagsItems .detailTagsLink.selected{ font-family: 'robotomedium'; } #elementContainer .detailTagsItems .detailTagsLink.selected .reset{ vertical-align: middle; display: inline-block; margin-left: 6px; font-size: 13px; } #elementContainer .detailTagsItems .detailTagsLink:hover{ background-color: #f0f0f0; } #elementContainer .detailTagsItems .detailTagsLink:active{ position: relative; top: 1px; } #elementContainer .detailTagsItems .moreButton .detailTagsLink{ background-color: #ffffff; border: 1px solid #e7e8ea; } #elementContainer .detailTagsItems .moreButton .detailTagsLink:hover{ background-color: #fbfbfb; } #elementContainer .detailTagsItems .detailTagsItem.showAll{ display: inline-block !important; } @media screen and (min-width: 600px){ #elementContainer .detailTagsItems .desktopHidden{ display: none; } } @media screen and (max-width: 600px){ #elementContainer .detailTagsItems .mobileHidden, #elementContainer #detailTags.mobileHidden{ display: none; } } #morePhotoSlider{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin: 24px 48px 0 48px; } #morePhotoSlider .morePhotos{ -webkit-transition: opacity 0.6s ease-in-out; -o-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; visibility: hidden; overflow: hidden; opacity: 0; } #morePhotoSlider .morePhotos .photoItem{ /*transform: scale(0.7);*/ position: relative; text-align: center; opacity: 0.6; float: left; } #morePhotoSlider .morePhotos .photoItem.selected{ padding-bottom: 24px; /*transform: scale(1);*/ opacity: 1; } #morePhotoSlider .morePhotos .photoItem.selected:after{ transform: translateX(-50%); border-bottom: 2px solid #000000; position: absolute; display: block; content: ""; width: 30%; left: 50%; bottom : 0px; } #morePhotoSlider .morePhotos .photoItem a{ display: inline-block; line-height: 100px; height: 100px; } #morePhotoSlider .morePhotos .photoItem img{ max-width: 100%; max-height: 100%; vertical-align: middle; } #elementContainer .zoom{ cursor: zoom-in; } #related, #similar{ margin-top: 24px; } #related .heading, #similar .heading{ border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px;} #catalogElement .productList{ border-left: 0px;}#catalogElement .product{ width: 25%; }#similar .product{ width: 24%; margin-right: 10px;}#similar .productList { padding-left: 10px;} #giftContainer{ padding-bottom: 24px; margin-top: 24px; } #giftContainer .heading{ border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #elementProperties{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*margin-top: 24px;*/ padding: 0 24px; overflow: auto;}#elementProperties .heading{ border-top: 1px solid #efefef; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 0px 24px 0; font-weight: 800; font-size: 20px; display: block; } .elementProperties a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #000000; } #elementProperties .stats { /*min-width: 600px;*/ width: 100%; padding: 12px; border-collapse: collapse; table-layout: fixed; } #elementProperties .stats a{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #000000; } #elementProperties .stats a:active{ position: relative; top: 1px; } #elementProperties .stats td{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #elementProperties .stats .question { background: url("/local/components/dresscode/catalog.item/templates/detail/images/questions.png") 0 0 transparent; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; vertical-align: middle; display: inline-block; margin-left: 6px; height: 19px; width: 19px;} #elementProperties .stats .question:hover { background: url("/local/components/dresscode/catalog.item/templates/detail/images/questions.png") -19px 0 transparent;} #elementProperties .stats .question:active { background: url("/local/components/dresscode/catalog.item/templates/detail/images/questions.png") -38px 0 transparent;} #elementProperties .stats tr { border: none; } #elementProperties .stats tr.gray:last-child{ border-bottom: 0px;}#elementProperties .stats .gray td { background-color: #eee;}#elementProperties .stats tr:hover td { background: #eee;}#elementProperties .stats .cap,#elementProperties .stats .cap:hover td { background-color: #fff !important; border: 0 !important;} #elementProperties .stats .cap td { font-size: 18px; color: #000000; padding: 12px 0;} #elementProperties .stats td { padding: 6px 0px;}#elementProperties .stats .name { text-overflow: ellipsis; /*white-space: nowrap;*/ padding-left: 12px; overflow: hidden; width: 40%; } #elementProperties .stats .name span { box-sizing: border-box; vertical-align: middle; display: inline-block; padding-right: 12px; } #elementProperties .stats .analog { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 13px; text-decoration: none; color: #9d9d9d; border-bottom: 1px solid #d0d0d0; padding-bottom: 1px; } #elementProperties .stats .analog:hover { color: #000000; border-bottom-color: #000000; } #elementProperties .stats .analog:active { position: relative; top: 1px; } #elementProperties .stats .right { text-align: right; padding-right: 10%; } #catalogElement .bx_pagination_bottom{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #files{ margin-top: 24px; } #files .wrap{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #files .heading{ border-top: 1px solid #efefef; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #files .items{ overflow: hidden; } #files .item{ margin-bottom: 24px; overflow: hidden; height: 65px; float: left; width: 25%; } #files .item .tb{ table-layout: fixed; display: table; width: 100%; } #files .item .tbr{ display: table-row; } #files .item .icon{ vertical-align: middle; display: table-cell; width: 20%; } #files .item .icon a{ display: block; } #files .item .icon img{ vertical-align: middle; max-width: 100%; } #files .item .info{ vertical-align: middle; display: table-cell; padding-right: 18px; width: 50%; } #files .item .info .name{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 25px; overflow: hidden; font-size: 14px; display: block; color: #000000; height: 25px; } #files .item .info .name span{ vertical-align: middle; display: inline-block; line-height: 21px; } #files .item small{ display: block; } #video{ margin-top: 24px; } #video .wrap{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; } #video .heading{ border-top: 1px solid #efefef; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #video .items{ overflow: hidden; margin: 0 -12px; } #video .items.sz1{ margin: 0; } #video .item{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 33.33333%; padding: 0px 12px 24px 12px; } #video .item iframe{ height: 200px; width: 100%; } #video .items.sz1 .item{ padding: 0px; width: 100%; } #video .items.sz1 iframe{ height: 500px; } #video .items.sz2 .item{ width: 50%; } #video .items.sz2 iframe{ height: 300px; } #elementError { background-color: rgba(0, 0, 0, 0.298); display: none; height: 100%; left: 0px; overflow: visible; position: fixed; top: 0px; width: 100%; z-index: 998; } #elementErrorContainer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.500); background-color: #ffffff; margin-left: -150px; margin-top: -130px; position: relative; overflow: hidden; color: #000000; width: 300px; z-index: 999; left: 50%; top: 50%; } #elementErrorContainer span.heading { background-color: #424242; color: #ffffff; display: block; font-size: 16px; line-height: 50px; height: 50px; text-align: center; margin: 0; padding: 0; } #elementErrorContainer p { text-align: center; color: #000000; padding: 12px; } #elementErrorContainer #elementErrorClose { background: url("/local/components/dresscode/catalog.item/templates/detail/images/exit.png") 0px 0px no-repeat transparent; margin-bottom: 24px; position: absolute; display: block; height: 21px; right: 24px; width: 21px; top: 16px; } #elementErrorContainer #elementErrorClose:hover { background: url("/local/components/dresscode/catalog.item/templates/detail/images/exit.png") 0px -21px no-repeat transparent; } #elementErrorContainer #elementErrorClose:active { background: url("/local/components/dresscode/catalog.item/templates/detail/images/exit.png") 0px -42px no-repeat transparent; } #elementErrorContainer .close { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: block; height: 35px; line-height: 35px; text-align: center; color: #cccccc; background: #424242; width: 140px; text-decoration: none; margin: 0px auto 12px; } #elementErrorContainer .close:hover { background: #2b2b2b; } #elementErrorContainer .close:active { position: relative; top: 1px; } #catalogElement #hint { position: absolute; border: 1px solid #bdbdbd; background: #fff; width: 300px; box-shadow: 1px 1px 12px #dbdbdb; padding: 12px; } #catalogElement #hint span { font-size: 14px; line-height: 31px; font-weight: 600; display: block; } #catalogElement #hint ins { background: url("/local/components/dresscode/catalog.item/templates/detail/images/clear.png") no-repeat 0 0 transparent; display: block; position: absolute; top: 12px; right: 12px; width: 10px; height: 9px; cursor: pointer; } #catalogElement #hint ins:active { top: 13px; } #skuOffersTable{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px;} #skuOffersTable .offersTableContainer{ box-sizing: border-box; padding: 0px 24px;} #skuOffersTable .offersTableContainerBtn{ margin-top: 24px; text-align: center;}#skuOffersTable .catalogProductOffersNext img{ vertical-align: middle; display: inline-block; margin-right: 8px; margin-top: -2px;} #skuOffersTable .catalogProductOffersNext.btn-simple{ border-radius: 4px; width: 156px;} #skuOffersTable .heading{ border-top: 1px solid #e7e8ea; font-family: 'robotomedium'; text-transform: uppercase; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #skuOffersTable .offersTable{ width: 100%; } #skuOffersTable .tb{ transition: all 0.2s ease-in-out; width: 100%;} #skuOffersTable .tableElem .tb:hover{ background-color: #fdfdfd;} #skuOffersTable .tc{ box-sizing: border-box; text-align: center; padding: 8px 6px;} #skuOffersTable .thead{ border-radius: 4px; background: #f1f1f1;} #skuOffersTable .thead .tc{ padding: 12px 6px; } #skuOffersTable .tableElem{ border: 1px solid #f1f1f1; border-radius: 4px; margin-top: 8px; } #skuOffersTable .offersTable th, #skuOffersTable .offersTable td{ text-align: center; } #skuOffersTable .offersTable th{ background-color: #f1f1f1; padding: 12px 0px; font-weight: 400; font-size: 14px; color: #000000; } #skuOffersTable .offersTable td{ border-bottom: 1px solid #f3f3f3; border-top: 1px solid #f3f3f3; padding-bottom: 8px; padding-top: 8px; } #skuOffersTable .offersTable th{ border-bottom: 1px solid #f3f3f3; border-top: 1px solid #f3f3f3; } #skuOffersTable .offersTable th:first-child, #skuOffersTable .offersTable td:first-child{ border-left: 1px solid #f3f3f3; } #skuOffersTable .offersTable th:last-child, #skuOffersTable .offersTable td:last-child{ border-right: 1px solid #f3f3f3; } #skuOffersTable .offersTable .offersName{ text-align: left; width: 220px; } #skuOffersTable .offersTable .offersName + td{ padding-left: 12px; } #skuOffersTable .offersTable .offersPicture{ width: 96px; } #skuOffersTable .offersTable .offersPicture img{ vertical-align: middle; max-height: 54px; max-width: 42px; height: auto; width: auto; } #skuOffersTable .offersTable .priceWrap{ width: 184px; } #skuOffersTable .offersTable .quantity img{ vertical-align: middle; display: inline-block; padding-right: 6px; margin-top: -4px; } #skuOffersTable .offersTable .price{ font-family: "robotomedium"; position: relative; font-size: 16px; } #skuOffersTable .offersTable .getPricesWindow .priceIcon{ display: none; } #skuOffersTable .offersTable .quanBaskWrap{ width: 250px; padding: 0; } #skuOffersTable .offersTable .quanBaskWrap .tc{ width: 50%; } #skuOffersTable .offersTable .basket{ padding-right: 12px; } #skuOffersTable .offersTable .price .priceIcon{ margin-right: 6px; } #skuOffersTable .offersTable .price .lnk{ border-bottom: 1px dashed #000000; transition: all 0.2s ease-in-out; padding-bottom: 2px; } #skuOffersTable .offersTable .price:hover .lnk{ border-color: #888888; } #skuOffersTable .offersTable .property{ /*font-family: "robotobold";*/ font-size: 14px; } #skuOffersTable .offersTable .discount{ font-family: 'roboto_ltregular'; position: absolute; font-size: 13px; color: #888888; display: block; right: -12px; top: -16px; } #skuOffersTable .offersTable .basket .addCart{ /*width: 76px;*/ transition: all 0.2s ease-in-out; text-decoration: none; display: inline-block; text-align: center; border-radius: 4px; line-height: 30px; padding: 0 12px; color: #ffffff; height: 30px; } #skuOffersTable .offersTable .basket .addCart.requestPrice{ margin-top: 0px; } #skuOffersTable .offersTable .basket .addCart:active{ position: relative; top: 1px; } #skuOffersTable .offersTable .basket .addCart img{ vertical-align: middle; display: inline-block; margin-right: 12px; margin-top: -4px; } #skuOffersTable .outOfStock{ color: #888888; } #complect{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; padding: 0 24px; } #complect .heading{ border-top: 1px solid #efefef; font-family: 'robotobold'; text-transform: uppercase; padding: 24px 0px 12px 0; letter-spacing: 1px; font-weight: 800; font-size: 20px; display: block; } #complect .complectList{ overflow: hidden; margin: 0 -12px; } #complect .complectListItem{ position: relative; height: 355px; float: left; width: 25%; } #complect .complectListItemWrap{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 12px; } #complect .complectListItemPicture img{ -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; vertical-align: middle; max-height: 90%; max-width: 90%; } #complect .complectListItemPicture:hover img{ opacity: 0.8; } #complect .complectListItemPicLink{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: block; text-align: center; height: 240px; line-height: 240px; } #complect .complectListItemLink{ -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; text-decoration: none; margin-bottom: 12px; line-height: 44px; overflow: hidden; font-size: 14px; display: block; height: 44px; } #complect .complectListItemLink .middle{ display: inline-block; vertical-align: top; line-height: 21px; } #complect .complectListItemPrice{ font-family: 'robotobold'; font-size: 18px; display: block; text-decoration: none; margin-bottom: 12px; } #complect .complectListItemPrice .measure{ font-size: 16px; } #complect .complectListItemPrice .discount{ font-family: 'roboto_ltregular'; padding-left: 4px; font-size: 14px; } #complect .complectResult{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e8e8e8; background-color: #fdfdfd; padding-right: 24px; padding-left: 24px; line-height: 60px; overflow: hidden; height: 60px; } #complect .complectPriceResult{ font-family: 'robotobold'; display: inline-block; margin-left: 12px; font-size: 18px; } #complect .complectResult .discount{ font-family: 'roboto_ltregular'; margin-left: 12px; font-size: 14px; color: #888888; } #complect .complectResultEconomy{ border-left: 1px solid #e8e8e8; padding-left: 24px; float: right; } #complect .complectResultEconomyValue{ font-family: 'robotobold'; margin-left: 12px; font-size: 16px; } #complect .complectListItem:after{ font-family: 'roboto_thregular'; transform: translateY(-50%); position: absolute; font-size: 48px; display: block; color: #888888; content: "+"; right: -12px; top: 50%; } #complect .complectListItem:last-child:after, #complect .complectListItem:nth-child(4n):after{ display: none; } #zoomer{ -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; transform: scale(0.7); } #zoomer.opened{ opacity: 1; visibility: visible; transform: scale(1); } #zoomer #zoomerExitLink{ background: url(/local/components/dresscode/catalog.item/templates/detail/images/exitBig.png) 0 0 no-repeat transparent; height: 50px; opacity: 0.5; width: 50px; } #zoomer #zoomerExitLink:hover{ opacity: 0.8; } #zoomer #zoomerExitLink:active{ height: 48px; opacity: 1; top: 25px; } #zoomerMoreImagesContainerWrapper .item{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #zoomerMoreImagesContainerWrapper .item:hover{ opacity: 0.9 !important; } #zoomerMoreImagesContainerWrapper .selected{ opacity: 1 !important; } #zoomerBigPrevMore, #zoomerBigNextMore{ background: url(/local/components/dresscode/catalog.item/templates/detail/images/carouselArrowsBig.png) 0 0 no-repeat transparent; opacity: 0.5; } #zoomerBigNextMore{ background-position: -57px 0; } #zoomerNextMore, #zoomerPrevMore{ background: url(/local/components/dresscode/catalog.item/templates/detail/images/carouselArrows.png) 0 0 no-repeat transparent; opacity: 0.5; } #zoomerNextMore{ background-position: -80px 0; } #zoomerPrevMore:hover, #zoomerNextMore:hover, #zoomerBigPrevMore:hover, #zoomerBigNextMore:hover{ opacity: 0.8; } #zoomerPrevMore:active, #zoomerNextMore:active, #zoomerBigPrevMore:active, #zoomerBigNextMore:active{ opacity: 1; } #zoomerNextMore:active{ right: -1px !important; } #zoomerPrevMore:active{ left: -1px !important; } #zoomerBigPrevMore:active{ left: 23px !important; } #zoomerBigNextMore:active{ right: 23px !important; } #zoomerMoreImagesContainerWrapper .link:active{ position: relative; top: 1px; } .catalogProductOffersPager{ text-align: center; } .catalogProductOffersNext{ margin-top: 24px; } #catalogElement input[type="radio"]:not(checked){ position: absolute; opacity: 0; } #catalogElement input[type="radio"] + label{ cursor: pointer; } #catalogElement input[type="radio"]:not(checked) + label{ position: relative; padding-left: 28px; } .smallSpecialTime{ padding-bottom: 12px; color: #ffffff; font-size: 0; line-height: 0; } .smallSpecialTime .specialTimeItem{ display: inline-block; box-sizing: border-box; border-radius: 2px; text-align: center; overflow: hidden; margin-left: 4px; padding: 8px 0px; line-height: 14px; height: 42px; width: 48px; } .smallSpecialTime .specialTimeItem:first-child{ margin-left: 0px; } .smallSpecialTime .specialTimeItemValue{ font-family: 'robotomedium'; font-size: 14px; } .smallSpecialTime .specialTimeItemlabel{ font-family: "roboto_ltregular"; font-size: 12px; } .detail-text-wrap{ box-sizing: border-box; margin-top: 12px; padding: 0 24px 24px; border-top: 1px solid #e7e8ea; } .detail-text-wrap .heading { font-family: "robotomedium"; padding: 30px 0 0px; display: block; font-size: 20px; text-transform: uppercase; line-height: 24px; font-weight: 400; color: #000000; text-decoration: none; } #elementContainer .new-list-items-wrap{ border-top: 1px solid #e7e8ea; box-sizing: border-box; margin-bottom: 24px; margin-top: 0px; padding: 0 24px; } .new-list-items-wrap .heading{ display: block; padding: 36px 0 18px; font-family: "robotomedium"; font-size: 20px; text-transform: uppercase; line-height: 24px; font-weight: 400; color: #000000; text-decoration: none; } #elementContainer .new-list-items{ max-width: none; margin: 0 -12px; font-size: 0; } .new-list-items .list-item-wrap{ display: inline-block; vertical-align: top; width: 33.333%; padding: 12px; box-sizing: border-box; } .new-list-items .list-item{ padding: 24px 18px; border: 1px solid #e7e8ea; border-radius: 2px; } .new-list-items .image{ width: 54px; padding-right: 18px; } .new-list-items .image-container{ display: block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .new-list-items .image-container:hover{ opacity: 0.9; } .new-list-items .image-container:active{ position: relative; top: 1px; } .new-list-items .text{ color: #000000; } .new-list-items .name{ display: block; margin-bottom: 12px; font-size: 14px; line-height: 18px; max-height: 18px; overflow: hidden; text-decoration: none; color: #000000; } .new-list-items .name:active{ position: relative; top: 1px; } .new-list-items .price{ position: relative; display: inline-block; padding-right: 18px; font-size: 18px; font-family: "robotobold" } .new-list-items .old-price{ position: absolute; right: 0; top: -12px; font-size: 13px; line-height: 15px; font-family: "roboto_ltregular"; font-size: 13px; color: #888888; } .new-list-items .active-link{ display: inline-block; font-family: "roboto_ltregular"; font-size: 14px; color: #000000; text-decoration: none; border-bottom: 1px dashed #000000; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @keyframes fadein{ from { opacity: 0; } to { opacity: 1; } }@media all and (max-width: 1900px) { div #similar .product{ width: 23%; }}@media all and (max-width: 1350px) { .reviewsBtnWrap .row { margin: 0 20px 12px 0; } .reviewsBtnWrap .label { font-size: 14px; }} /* End */ /* Start:/local/components/dresscode/catalog.item/templates/detail/css/review.css?16756037818661*/ #catalogReviews{ margin-top: 24px; overflow: hidden; } #catalogReviews .heading{ border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; padding: 36px 24px; font-weight: 800; font-size: 20px; } #catalogReviews .heading .reviewAddButton{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-bottom: 1px dashed #888888; font-family: "robotoregular"; text-decoration: none; display: inline-block; vertical-align: middle; padding-bottom: 4px; margin-left: 24px; font-weight: 400; font-size: 12px; color: #888888; } #catalogReviews .heading .reviewAddButton:active{ position: relative; top: 1px; } #catalogReviews .heading .label{ font-family: "robotoregular"; text-transform: none; display: inline-block; letter-spacing: 0; font-weight: 400; font-size: 14px; color: #888888; } #catalogReviews .ratingContainer{ line-height: 20px; float: right; } #catalogReviews .ratingContainer .rating, #reviews .rating{ display: inline-block; vertical-align: middle; margin-left: 6px; margin-top: 0px; position: relative; height: 15px; width: 79px; z-index: 2; } #catalogReviews .ratingContainer .rating{ margin-left: 12px; } #catalogReviews .ratingContainer .rating i, #reviews .rating i { background: url(/local/components/dresscode/catalog.item/templates/detail/css/../images/rating.png) repeat 0 0px transparent; height: 15px; width: 79px; position: absolute; display: block; left: 0px; top: 0px; } #catalogReviews .ratingContainer .rating i.m , #reviews .rating i.m{ background: url(/local/components/dresscode/catalog.item/templates/detail/css/../images/rating.png) repeat 0 -14px transparent; width: 0px; z-index: 10; } #reviews .rating{ margin-top: -4px; } #catalogElement .ratingContainer .newReview { float: right; margin-right: 12px; color: #000000; } #catalogElement .newReview:hover { color: #0074d9; } #catalogElement #reviews, #catalogElement #reviews ul{ list-style: none; padding: 0; margin: 0; } #catalogElement #reviews .reviewItem{ border-top: 1px solid #f7f7f7; padding-top: 24px; position: relative; margin-bottom: 24px; } #catalogElement #reviews .reviewItem:first-child{ padding-top: 24px; border-top: 1px solid #e7e8ea; /*padding: 0;*/ /*border: 0;*/ } #reviews .reviewTable{ table-layout: fixed; display: table; width: 100%; } #reviews .reviewTable .reviewColumn{ display: table-cell; vertical-align: top; position: relative; padding: 0 24px; font-size: 14px; } #reviews .reviewTable .reviewColumn .label{ display: inline-block; font-size: 14px; } #reviews .reviewTable .reviewColumn .reviewRating, #reviews .reviewTable .reviewColumn .reviewName{ margin-top: 12px; } #reviews .reviewTable .reviewColumn .reviewDate, #reviews .reviewTable .reviewColumn .reviewName{ line-height: 21px; } #reviews .reviewTable .reviewColumn .advantages, #reviews .reviewTable .reviewColumn .limitations{ margin-bottom: 12px; } #reviews .reviewTable .reviewColumn .advantages .label, #reviews .reviewTable .reviewColumn .impressions .label, #reviews .reviewTable .reviewColumn .limitations .label{ margin-bottom: 4px; font-size: 14px; } #reviews .reviewTable .reviewColumn .advantages p, #reviews .reviewTable .reviewColumn .impressions p, #reviews .reviewTable .reviewColumn .limitations p{ font-size: 13px; } #reviews .reviewTable .reviewColumn:first-child{ vertical-align: middle; text-align: center; width: 30%; } #reviews .reviewTable .reviewColumn .reviewDate{ color: #888888; } #reviews .reviewTable .reviewColumn .reviewName, #reviews .reviewTable .reviewColumn .reviewName .label{ font-size: 16px; } #catalogElement #reviews .controls { background: #f4f4f4; text-align: center; margin-top: 24px; line-height: 35px; /*float: right;*/ width: 260px; height: 35px; } #catalogElement #reviews .controls a { text-decoration: none; } #catalogElement #reviews .controls a:active { position: relative; top: 1px; } #catalogElement #reviews .controls .good { color: #009E02; margin-right: 4px; } #catalogElement #reviews .controls .good:hover { color: #008902; } #catalogElement #reviews .controls .bad { color: #ff0000; } #catalogElement #reviews .controls .bad:hover { color: #9d9d9d; } #catalogElement #reviews p { color: #666; line-height: 21px; margin: 0; } #catalogElement #reviews .comment { clear: both; } #catalogElement #reviews .hide { display: none; } #showallReviews { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #e7e8ea; margin: 24px 24px 24px auto; text-decoration: none; text-align: center; border-radius: 4px; line-height: 40px; display: block; color: #000000; height: 40px; width: 200px; } #catalogElement #newReview{ display: none; } #catalogElement #newReview .heading{ border-bottom: 1px solid #e7e8ea; border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 24px; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #catalogElement #newReview form{ padding: 0 24px; } #catalogElement #newReview ins { text-decoration: none; margin-bottom: 4px; font-size: 14px; display: block; } #catalogElement #newReview #newRating { position: relative; } #catalogElement #newReview .rating { position: absolute; cursor: pointer; width: 150px; left: 100px; z-index: 10; top: -3px; } #catalogElement #newReview .rating i { background: url(/local/components/dresscode/catalog.item/templates/detail/css/../images/newRating.png) repeat 0 0px transparent; height: 22px; width: 150px; position: absolute; display: block; left: 0px; top: 0px; } #catalogElement #newReview .rating i.m { background: url(/local/components/dresscode/catalog.item/templates/detail/css/../images/newRating.png) repeat 0 -22px transparent; width: 0px; z-index: 10; } #catalogElement #newReview .usedSelect { list-style: none; overflow: hidden; clear: both; padding: 0; margin: 0; } #catalogElement #newReview .usedSelect li { float: left; margin-right: 12px; margin-bottom: 12px; } #catalogElement #newReview .usedSelect li a { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #e7e8ea; text-decoration: none; text-align: center; line-height: 35px; padding: 0px 12px; font-size: 13px; display: block; height: 35px; color: #000; } #catalogElement #newReview .usedSelect li a:hover { color: #696969; } #catalogElement #newReview .usedSelect li a:active { position: relative; top: 1px; } #catalogElement #newReview .usedSelect li a.selected { color: #fff; } #catalogElement #newReview table { width: 100%; border-collapse: collapse; table-layout: fixed; } #catalogElement #newReview table td { vertical-align: top; width: 50%; } #catalogElement #newReview table td:first-child{ padding-right: 24px; } #catalogElement #newReview label { display: block; margin: 12px 0; } #catalogElement #newReview textarea { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #E4E4E4; font-family: "roboto_ltregular"; padding-left: 12px; padding-top: 12px; background: #fff; resize: none; height: 90px; width: 100%; } #catalogElement #newReview textarea:focus { outline: none; border: 1px solid #CCC; } #catalogElement #newReview input { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "roboto_ltregular"; border: 1px solid #E4E4E4; display: inline-block; margin-bottom: 12px; vertical-align: top; background: #fff; padding-left: 12px; height: 50px; width: 74%; } #catalogElement #newReview input:focus { border: 1px solid #CCC; } #catalogElement #newReview .submit { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; vertical-align: middle; display: inline-block; text-decoration: none; text-align: center; line-height: 50px; margin-left: 3%; color: #ffffff; height: 50px; width: 23%; } #catalogElement #newReview .submit:active { position: relative; top: 1px; } #catalogElement #newReview .reviewError { overflow: hidden; padding: 0px 24px 0px 24px; } #catalogElement #newReview .reviewError .cap { color: #000000; font-size: 16px; } #catalogElement #newReview .reviewError img { vertical-align: middle; float: left; margin-right: 24px; } #catalogElement .countReviewsTools{ cursor: pointer; } /* End */ /* Start:/local/components/dresscode/catalog.item/templates/detail/css/media.css?167563675622076*/ @media all and (min-width: 2560px){ #elementNavigation.fixed .tabs{ width: 483px; }} @media all and (min-width: 2450px){ #catalogElement .product{ width: 20%; }} @media all and (min-width: 1921px){ #tableContainer .column:nth-child(2){ width: 1124px; } #catalogElement .product:nth-child(5n+5){ border-right-width: 0px; } #complect .complectListItem{ width: 20%; }} @media all and (min-width: 1900px){ #skuOffersTable .offersTable .offersName{ width: 22%; } #skuOffersTable .offersTable .priceWrap{ width: 18%; } #skuOffersTable .offersTable .quanBaskWrap{ width: 24%; }} @media all and (max-width: 1900px){ #catalogElement .product{ width: 33.333333%; }} @media all and (max-width: 1800px) { #skuOffersTable .offersTable .quanBaskWrap{ padding: 8px 6px; width: 120px; } #skuOffersTable .offersTable .quanBaskWrap .tc{ display: block; width: 100%; padding: 0; } #skuOffersTable .offersTable .quanBaskWrap .quantity{ padding-bottom: 6px; } .new-list-items{ margin: 0 -6px; } .new-list-items .list-item-wrap{ padding: 6px; } .new-list-items .list-item{ padding: 12px; } .new-list-items .image{ padding-right: 12px; }} @media all and (max-width: 1700px) { #elementTools{ width: 280px; } #files .item .icon{ width: 22%; }} @media all and (max-width: 1600px) { .limiter #left { width: 280px; } #elementNavigation{ width: 280px; } #elementNavigation.fixed .tabs{ width: 280px; } #files .item{ width: 33.33333% } #files .item .icon{ width: 20%; } #complect .complectListItem{ width: 33.33333%; } #complect .complectListItem:nth-child(4n):after{ display: block; } #complect .complectListItem:nth-child(3n):after, #complect .complectListItem:last-child:after{ display: none; } .new-list-items-wrap .heading{ padding: 36px 0 30px; } #elementContainer .new-list-items{ margin: 0 -6px; }} @media all and (max-width: 1520px) { .limiter #left{ width: 320px; } #elementTools{ width: 300px; } #tableContainer #elementNavigation{ display: none; } #elementSmallNavigation{ display: block; } #files .item .icon{ width: 14%; } #skuOffersTable .offersTable .quanBaskWrap{ width: 250px; padding: 0; } #skuOffersTable .offersTable .quanBaskWrap .tc{ display: table-cell; width: 50%; padding: 8px 6px; } #skuOffersTable .offersTable .quanBaskWrap .quantity{ padding: 8px 6px; } #catalogElement #newReview input{ width: 67%; } #catalogElement #newReview .submit{ width: 30%; } } @media all and (max-width: 1366px) { .limiter #left{ width: 280px; } .smallSpecialTime .specialTime{ padding: 12px 0px; } } @media all and (max-width: 1340px) { #elementSmallNavigation .tab:first-child{ padding-left: 0px; border-left: 0px; margin-left: 0px; } #elementSmallNavigation .tab { border-right: 0px; margin-left: 24px; } } @media all and (max-width: 1280px) { .limiter #left{ width: 330px; } #elementTools{ width: 270px; padding: 12px 24px 0; } .smallSpecialTime{ padding-bottom: 6px; } #files .item .icon{ width: 18%; } .ya-share-label{ margin-top: 0; } #elementContainer .brandImage{ margin-right: 24px; margin-bottom: 12px; } #elementContainer .bindAction{ margin-bottom: 12px; } .reviewsBtnWrap{ padding-bottom: 0px; margin-top: 0px; } .reviewsBtnWrap .row{ margin: 0 24px 12px 0; } #elementContainer .elementSkuVariantLabel{ display: none; } .productDetailText .heading{ font-size: 14px; } #catalogElement .product:nth-child(4n+4){ border-right-width: 1px; } #catalogElement .smallSpecialTime{ margin-bottom: 12px; } } @media all and (max-width: 1250px){ #skuOffersTable { display: none; } } @media all and (max-width: 1100px) { div #catalogElement .product{ width: 32%; } #tableContainer #elementTools{ display: none; } #smallElementTools{ margin: 24px 0px 36px 0px; display: block; clear: both; } .ya-share-label{ display: none; } .new-list-items .list-item-wrap{ width: 50%; } #smallElementTools .smallElementToolsContainer{ box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05); border-radius: 4px; border: 0; } #smallElementTools .mobilePriceContainer, #smallElementTools .mobileButtonsContainer{ vertical-align: middle; display: table-cell; width: 50%; } #smallElementTools .columnRow.mobileFastBackContainer{ margin-top: 12px; display: block; padding: 0px; width: 100%; } #catalogElement .mainTool .addCart{ padding: 0px; width: 50%; } #smallElementTools .columnRow .fastBack{ background: #F2F2F2; border-radius: 4px; font-size: 16px; color: #000000; border: 0; } #smallElementTools .columnRow .fastBack img{ display: none; } #catalogElement .mainTool .qtyBlock{ padding: 0px 0px 0px 12px; box-sizing: border-box; background: #ffffff; margin: 0px; width: 50%; } #catalogElement .mainTool .qtyBlock .qty{ background-color: #ffffff; vertical-align: middle; display: inline-block; font-size: 14px; height: 40px; border: 0px; width: 45px; } #catalogElement .mainTool .qtyBlockContainer{ border: 1px solid #f3f3f3; position: relative; padding-left: 12px; border-radius: 4px; line-height: 60px; height: 60px; } #catalogElement .mainTool .minus, #catalogElement .mainTool .plus{ transform: translate(0%, -50%); background-repeat: no-repeat; background-position: 50% 50%; background-color: #f2f2f2; position: absolute; border-radius: 8px; height: 30px; width: 30px; top: 50%; } #catalogElement .mainTool .minus{ background-image: url(/local/components/dresscode/catalog.item/templates/detail/css/../images/mobile-basket-add-minus.png); right: 60px; } #catalogElement .mainTool .plus{ background-image: url(/local/components/dresscode/catalog.item/templates/detail/css/../images/mobile-basket-add-plus.png); right: 24px; } #catalogElement .mainTool .qtyBlockContainer .qty.error{ color: #ff0000; } #catalogElement .smallElementToolsContainer{ padding: 0px; } #catalogElement .smallElementToolsContainer .secondTool .row:last-child, #catalogElement .columnRow .fastBack{ margin-bottom: 0px; } #catalogElement .secondTool{ border-top: 1px solid #e7e8ea; box-sizing: border-box; text-align: center; padding: 24px 0px; margin-top: 24px; } #elementTools .row, #smallElementTools .row{ margin-bottom: 0px; } #catalogElement .mainTool{ padding: 24px 72px 0px 72px; box-sizing: border-box; } #catalogElement .mainToolContainer{ border-collapse: collapse; border-radius: 4px; display: table; width: 100%; } #smallElementTools .secondTool .row{ margin-right: 60px; } #catalogElement .mainTool .addCart.added, #catalogElement .mainTool .addCart.subscribe, #catalogElement .mainTool .addCart.requestPrice{ width: 100%; } #catalogElement .priceContainer{ font-size: 24px; line-height: 30px; } #catalogElement .priceBlock{ margin-bottom: 6px; } #elementContainer #smallElementTools .purchaseBonus{ margin-top: 18px; font-size: 16px; } #elementTools .price .oldPriceLabel, #smallElementTools .price .oldPriceLabel{ font-size: 16px; } #elementTools .price, #smallElementTools .price{ margin-bottom: 0px; } #catalogElement .getPricesWindow .priceIcon{ margin-top: -4px; } #catalogElement .mainTool .addCart{ padding-right: 0px; } } @media all and (max-width: 1024px) { .limiter #left{ width: 100%; } #left .collapsed{ position: static; } } @media all and (max-width: 1023px) { #files .item{ width: 50%; } #files .item .icon{ width: 14%; } } @media all and (max-width: 1000px) { .pictureSlider{ margin-top: 24px; } #elementContainer .mainContainer .col{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 24px 0; } #elementContainer .brandImage{ margin-bottom: 18px; } #elementContainer .bindAction{ margin-bottom: 18px; } #complect .heading{ border: none; } #elementTools .addCart{ margin-top: 12px; } .newReviewTable .left{ width: 100%; padding: 0; } .newReviewTable .right{ width: 100%; margin-top: 18px; } } @media all and (max-width: 900px){ #catalogElement .mainTool{ padding: 24px 48px 0px 48px; } #smallElementTools .secondTool .row{ margin-right: 48px; } } @media all and (max-width: 800px) { #files .item .icon{ width: 70px; } #files .item .info{ width: 100%; } #reviews .reviewTable { display: block; } #reviews .reviewTable .reviewColumn{ display: block; } #reviews .reviewTable .reviewColumn:first-child{ margin-bottom: 24px; text-align: left; } #showallReviews{ margin: 0 0 0 24px; } #zoomerMoreImagesContainer{ display: none !important; } #zoomerBigPrevMore, #zoomerBigNextMore{ display: none !important; } #imageContainerSlider{ height: 100% !important; } #complect .complectList{ border-top: 1px solid #e7e8ea; margin: 0 -24px 12px; } #complect .complectListItem{ width: 50%; height: 140px; box-sizing: border-box; border-right: 1px solid #e7e8ea; border-bottom: 1px solid #e7e8ea; } #complect .complectListItem:nth-child(2n){ border-right-width: 0px; } #complect .complectListItem:after{ display: none; } .complectListItemTable{ display: table; width: 100%; table-layout: fixed; } .complectListItemCelImage{ display: table-cell; vertical-align: middle; width: 110px; padding-right: 12px; } .complectListItemCelText{ display: table-cell; vertical-align: middle; } #complect .complectListItemPicLink{ height: 120px; line-height: 120px; } #complect .complectListItemPrice .discount{ display: block; padding: 0; } #complect .complectListItemPrice{ margin: 0; font-size: 14px; } #complect .complectListItemPrice .discount{ font-size: 13px; line-height: 16px; color: #888888; } #complect .complectListItemLink{ height: 36px; margin-bottom: 2px; line-height: 36px; } #complect .complectListItemLink .middle{ vertical-align: middle; line-height: 18px; } #elementProperties .stats{ table-layout: auto; } #elementProperties .stats td{ padding: 12px 0px; } #elementProperties .stats .name span{ padding: 0; } #elementProperties .stats tr td:first-child{ padding: 0 6px; } #elementProperties .stats tr.cap td:first-child{ padding: 12px 0; } #elementProperties .stats tr td:nth-child(2){ padding-right: 6px; } #elementProperties .stats tr td:nth-child(n+3){ width: 0; overflow: hidden; padding: 0; max-width: 0px; white-space: nowrap; text-indent: 100px; } #elementProperties .stats .name{ width: 70%; } #catalogElement .mainTool{ padding: 24px 36px 0px 36px; } #smallElementTools .secondTool .row{ margin-right: 24px; } } @media screen and (max-width: 790px){ div #catalogElement .product{ width: 48%; } #catalogElement .product:nth-child(3n+3){ border-right-width: 1px; } #elementContainer .mainContainer .col{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 24px 0; display: block; width: 100%; } #elementContainer .brandImageWrap{ padding-top: 24px; border-top: 1px solid #e7e8ea; } .changePropertiesNoGroup{ display: none; } #elementContainer .new-list-items{ margin: 0 -3px; } .new-list-items{ margin: 0 -3px; } .new-list-items .list-item-wrap{ width: 100%; padding: 3px; } #elementContainer .new-list-items .list-item{ padding: 24px 24px; } #elementContainer .new-list-items .image{ text-align: center; width: 72px; } #elementContainer .new-list-items .image-container img{ display: inline-block; vertical-align: middle; } #catalogElement .new-list-items .list-item-wrap{ margin-bottom: 12px; } #catalogElement .new-list-items .list-item-wrap:last-child{ margin-bottom: 0px; } #smallElementTools .mobilePriceContainer{ width: 40%; } #smallElementTools .mobileButtonsContainer{ width: 60%; } #catalogElement .mainTool{ padding: 24px 24px 0px 24px; } } @media all and (max-width: 750px){ #smallElementTools .smallElementToolsContainer .secondTool .share-items{ border-top: 1px solid #e7e8ea; padding-top: 24px; margin-top: 24px; display: block; } #smallElementTools .secondTool .row{ margin-right: 48px; } #catalogElement .ya-share-label{ margin-right: 12px; } #catalogElement .ya-share-label, #catalogElement .ya-share2{ vertical-align: middle; display: inline-block; margin-bottom: 0px; } #catalogElement .priceContainer{ font-size: 21px; line-height: 24px; } #elementContainer #smallElementTools .purchaseBonus{ font-size: 14px; } #elementTools .price .oldPriceLabel, #smallElementTools .price .oldPriceLabel{ font-size: 14px; } #catalogElement .mainTool .addCart, #smallElementTools .columnRow .fastBack, #catalogElement .mainTool .qtyBlockContainer{ line-height: 55px; height: 55px; } #smallElementTools .secondTool .available-block{ margin-right: 0px; } } @media all and (max-width: 700px) { #elementContainer .mainContainer .markerContainer{ top: 12px; left: 24px; } #stores th, #stores td{ display: none; } #stores th.name, #stores td.name, #stores th.amount, #stores td.amount{ display: table-cell; } #storesContainer #stores .storeTable{ table-layout: auto; } #storesContainer #stores .wrap{ padding: 0; } #storesContainer #stores .storeTable .name{ width: 70%; padding: 12px 12px 12px 24px; line-height: 16px; } #storesContainer #stores th.amount{ font-family: "robotomedium"; text-align: right; } #storesContainer #stores .storeTable .green{ padding: 12px 24px 12px 0; text-align: right; } #storeMap{ display: none !important; } #video .item{ width: 100% !important; float: unset; } #reviews .reviewTable .reviewColumn:first-child{ width: 100%; } #reviews .rating{ margin-left: 0px; } #tableContainer .column:nth-child(2), #video .item:last-child{ padding-bottom: 0px; } #elementContainer .mainContainer .secondCol{ margin-top: 18px; padding: 18px 24px 0; border-top: 1px solid #e7e8ea; } #elementContainer .brandImageWrap{ display: none; } .reviewsBtnWrap{ border-bottom: none; } .reviewsBtnWrap .row img{ display: none; } .reviewsBtnWrap .row{ margin: 0 18px 6px 0; } .productDetailText{ margin: 6px 0 12px; } .new-list-items-wrap{ padding: 0 12px; } #catalogElement #elementContainer .addCompare{ display: none; } } @media all and (max-width: 680px){ .secondTool .addCompare, .secondTool .fastBack{ display: none; } #files .item{ width: 100%; } #smallElementTools .mobilePriceContainer, #smallElementTools .mobileButtonsContainer{ display: block; width: 100% } #smallElementTools .mobileButtonsContainer{ margin-top: 24px; } #catalogElement .mainTool{ padding: 24px 24px 0px 24px; } #elementContainer #smallElementTools .purchaseBonus{ margin-top: 12px; } .smallSpecialTime .specialTimeItem{ width: 60px; } } @media all and (max-width: 620px){ #elementSmallNavigation{ display: none; } #catalogElement .heading:not(.noTabs) + div{ display: none; } #elementContainer .new-list-items-wrap{ margin-top: 0px; border: 0px; } #catalogElement #set{ padding: 0 24px 24px 24px; } #catalogElement #set .setTools{ margin: 24px 0px 0px 0px; } #catalogElement #set .setList{ border-top: 0px; } #catalogElement #set .setElement:nth-child(n){ border: 0px; } #catalogElement h2:not(.noTabs).heading, #elementContainer #detailText h2:not(.noTabs).heading, #elementContainer #detailTags h2:not(.noTabs).heading{ font-family: "roboto_ltregular"; text-transform: uppercase; background-color: #f2f2f2; border-radius: 4px; position: relative; line-height: 16px; font-weight: 400; text-align: left; cursor: pointer; font-size: 14px; padding: 16px; border: 0px; margin: 0px; } #catalogReviews, #related, #similar, #stores, #files, #video{ padding: 0 24px; } .sale-products-gift{ padding: 0 24px; } .changePropertiesGroup{ margin-bottom: 24px; } #catalogElement h2:not(.noTabs).heading.active, #elementContainer #detailText h2:not(.noTabs).heading.active, #elementContainer #detailTags h2:not(.noTabs).heading.active{ margin-bottom: 24px; } #catalogElement #catalogReviews .ratingContainer{ display: none; } #catalogElement h2.heading:not(.noTabs):after{ background-image: url(/local/components/dresscode/catalog.item/templates/detail/css/../images/mobile-tab-show.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: #ffffff; border-radius: 25px; position: absolute; display: block; margin: auto; content: ""; height: 25px; width: 25px; bottom: 0px; right: 12px; top: 0px; } #catalogElement h2.heading.active:after{ background-image: url(/local/components/dresscode/catalog.item/templates/detail/css/../images/mobile-tab-hide.png); } div #catalogElement .product, #catalogElement .product:nth-child(2n+2), #catalogElement .product:nth-child(3n+3){ border-left: 1px solid #e7e8ea; border-right: 1px solid #e7e8ea; width: 100%; } #catalogElement .productColImage{ width: 50%; } #catalogElement .storeTable tr:last-child td{ border-bottom: 1px solid #e7e8ea; } #storesContainer #stores .storeTable .name{ font-size: 14px; } #catalogElement #newReview{ margin-top: 24px; } #catalogElement #newReview .heading{ font-family: "robotomedium"; text-transform: uppercase; font-size: 14px; line-height: 16px; padding: 18px 24px; } #reviews .reviewTable .reviewColumn{ padding :0px; } #catalogElement #reviews .reviewItem:last-child{ margin-bottom: 0px; } #catalogElement #reviews .reviewItem:first-child{ padding: 0px; border: 0px; } #catalogElement #elementProperties h2.heading.active{ margin-bottom: 12px; } #catalogElement #files .item:last-child{ margin-bottom: 0px; } #catalogElement #files .item{ height: auto; } #catalogElement #video .wrap{ padding: 0px; } #video .items.sz1 iframe{ height: 350px; } #catalogElement .secondTool{ padding: 0px; border: 0px; } #smallElementTools .secondTool .row:first-child{ border: 0px; } #smallElementTools .secondTool .row{ border-top: 1px solid #e7e8ea; position: relative; padding: 12px 0px; margin-right: 0px; text-align: left; display: block; width: 100%; } #catalogElement #smallElementTools .secondTool .share-items{ border-top: 1px solid #e7e8ea; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; } #catalogElement .ya-share-label{ display: none; } #catalogElement .secondTool{ padding: 0px 48px 24px 48px; margin-top: 0px; } #smallElementTools .secondTool .cheaper-container:after, #smallElementTools .secondTool .delivery-button-container:after{ background-image: url(/local/components/dresscode/catalog.item/templates/detail/css/../images/mobile-tab-show.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: #f2f2f2; pointer-events: none; border-radius: 25px; position: absolute; display: block; margin: auto; content: ""; height: 25px; width: 25px; bottom: 0px; right: 12px; top: 0px; } #smallElementTools .getStoresWindow.inStock span{ border-bottom: 0px !important; } #smallElementTools .label{ width: 100%; } } @media all and (max-width: 600px){ #complect .complectListItem:nth-child(n){ border-right-width: 0px; width: 100%; } .complectListItemCelImage{ width: 40%; min-width: 110px; max-width: 160px; } #elementProperties .stats{ font-size: 13px; } #elementProperties .stats .question{ display: none; } } @media all and (max-width: 550px) { #elementContainer #moreImagesCarousel{ padding: 0; margin-top: 12px; } #elementContainer #moreImagesCarousel .carouselWrapper{ width: 90%; } #elementContainer #moreImagesCarousel #moreImagesLeftButton{ margin-top: -12px; left: 0; } #elementContainer #moreImagesCarousel #moreImagesRightButton{ margin-top: -12px; right: 0; } #elementContainer #moreImagesCarousel .slideBox .item{ box-sizing: border-box; padding: 0 6px; } #elementContainer #moreImagesCarousel .slideBox .item{ height: 30px; } #elementContainer #moreImagesCarousel .slideBox .item a{ height: 30px; line-height: 30px; } #elementContainer #moreImagesCarousel .slideBox{ height: 36px; } #elementContainer #moreImagesCarousel .slideBox .item.selected:after{ bottom: -6px; } #elementProperties .stats .right{ width: 0px !important } #elementProperties .stats .analog{ display: none; } #elementProperties .stats .name{ width: 60%; } #catalogElement #newReview input{ width: 100%; } #catalogElement #newReview .submit{ width: 100%; margin: 0; } #catalogReviews .heading .ratingContainer{ display: none; } } @media all and (max-width: 480px) { #catalogElement .secondTool{ padding: 0px 24px 24px 24px; } #catalogElement .mainTool{ padding: 24px 24px 0px 24px; } #complect .complectListItem{ width: 100%; } #elementProperties .stats .name{ width: 100%; } #elementProperties .stats td:nth-child(2){ width: 90px; font-family: "robotomedium"; text-align: right; padding-right: 6px; } #storesContainer #stores .storeTable .name{ width: 66%; } #storesContainer #stores .storeTable .icon{ display: none; } #catalogElement .mainTool .minus{ right: 48px; } #catalogElement .mainTool .plus{ right: 12px; } #catalogElement .mainTool .qtyBlockContainer{ padding-left: 6px; } } @media screen and (max-width: 400px){ .new-list-items .price{ font-size: 16px; } .new-list-items .name{ max-height: 36px; } #catalogElement .secondTool{ padding: 0px 12px 24px 12px; } #catalogElement .mainTool{ padding: 24px 12px 0px 12px; } #catalogElement .mainTool .qtyBlock .qty{ width: 35px; } } @media screen and (max-width: 350px){ #catalogElement .mainTool .qtyBlockContainer{ padding-left: 4px; } .smallSpecialTime .specialTimeItem{ width: 54px; } #catalogElement .mainTool .qtyBlock .qty{ padding-left: 2px; width: 20px; } } /* End */ /* Start:/local/components/dresscode/catalog.item/templates/detail/css/set.css?167560378210964*/ #set{ padding-bottom: 24px; box-sizing: border-box; /*margin-top: 24px;*/ } #set .heading{ border-top: 1px solid #e7e8ea; font-family: 'robotobold'; text-transform: uppercase; letter-spacing: 1px; margin-top: 30px; padding: 36px 24px; font-weight: 800; font-size: 20px; display: block; } #set .setList .heading2{ margin-bottom: 12px; font-size: 14px; display: block; } #set .setList { overflow: hidden; } #set .setTools { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; border: 1px solid #e6e6e6; line-height: 60px; list-style: none; overflow: hidden; padding: 0 0 0 24px; height: 60px; margin: 12px 24px 0 24px; } #set .setTools li{ float: left; } #set .setTools .rt{ float: right; } #set .setTools .heading2{ margin-right: 24px; font-size: 14px; } #set .setTools .price{ font-family: 'robotobold'; text-decoration: none; position: relative; font-size: 18px; display: block; color: #000000; } #set .setTools .price #setDisnt{ font-family: 'roboto_ltregular'; display: inline-block; padding-left: 12px; font-size: 14px; color: #888888; } #setDisnt.hidden, #setWDisnt.hidden{ visibility: hidden; } #set .setTools .addCart{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 60px; color: #ffffff; height: 60px; font-size: 16px; text-align: center; display: inline-block; vertical-align: top; width: 250px; text-decoration: none; } #set .setTools .icon{ vertical-align: middle; display: inline-block; } #set .setTools .addCart .icon{ padding-right: 12px; margin-top: -6px; } #set .setTools .addSet{ font-family: 'roboto_condensedlight'; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #f8f8f8; line-height: 60px; color: #000000; height: 60px; font-size: 14px; text-align: center; display: inline-block; vertical-align: top; width: 250px; text-decoration: none; border-left: 1px solid #e6e6e6; } #set .setTools .addSet:hover{ background: #f6f6f6; } #set .disabled .wrap{ transform: scale(0.9); opacity: 0.5; } #set .setElement{ -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*border-left: 1px solid #e7e8ea;*/ position: relative; padding: 0 24px; float: left; width: 25%; } #set .setElement .wrap{ -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #set .setElement:first-child{ border: 0; } #set .setElement:after{ font-family: 'roboto_thregular'; transform: translateY(-50%); position: absolute; font-size: 48px; display: block; color: #888888; content: "+"; right: -8px; top: 50%; } #set .setElement:last-child:after{ /* right: 4px; content: "=";*/ display: none; } #set .setElement .picture{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 250px; text-align: center; margin-top: 12px; display: block; height: 250px; /*opacity: 0.8;*/ } #set .setElement:hover .picture, #set .setElement.general .picture{ opacity: 1; } #set .setElement.disabled .picture{ opacity: 0.8; } #set .setElement .picture img{ vertical-align: middle; max-height: 90%; max-width: 90%; } #set .setElement .name{ -webkit-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; margin-top: 12px; font-size: 14px; color: #000000; display: block; text-decoration: none; margin-bottom: 12px; height: 44px; line-height: 44px; overflow: hidden; } #setWindowTable .setElement .name{ font-size: 13px; } #set .setElement .middle{ line-height: 21px; vertical-align: middle; display: inline-block; } #set .setElement .price{ font-family: 'robotobold'; text-decoration: none; margin-bottom: 12px; position: relative; font-size: 16px; display: block; color: #000000; } #set .setElement .price .discount{ font-family: 'roboto_ltregular'; display: inline-block; padding-left: 8px; font-size: 14px; color: #888888; } #set .sCheck, #set .sWindowCheck{ background: url(/local/components/dresscode/catalog.item/templates/detail/css/../images/sCheck.png) 0 0 no-repeat transparent; position: absolute; cursor: pointer; display: block; height: 30px; width: 30px; right: 0px; z-index: 2; top: 12px; } #set .sCheck{ right: 24px; } #set .sCheck:hover, #set .sWindowCheck:hover{ background-position: -30px 0; } #set .sCheck:active, #set .sWindowCheck:active{ background-position: -60px 0; } #set .sCheck.disabled, #set .sWindowCheck.disabled{ background-position: -90px 0; } #set .sCheck.disabled:hover, #set .sWindowCheck.disabled:hover{ background-position: -120px 0; } #set .sCheck.disabled:active, #set .sWindowCheck.disabled:active{ background-position: -150px 0; } #setWindow{ background-color: rgba(0, 0, 0, 0.5); position: fixed; display: none; height: 100%; width: 100%; z-index: 999; left: 0px; top: 0px; } #setWindow .container{ transform: translateX(-50%) translateY(-50%); background-color: #ffffff; position: relative; max-height: 440px; overflow: hidden; width: 900px; left: 50%; top: 50%; } #setWindow .container .wp{ overflow: hidden; } #setWindow #setWindowTable{ width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse; } #setWindow #setWindowTable td{ padding: 0; } #setWindow .heading3{ background-color: #424242; position: relative; text-align: center; line-height: 60px; font-size: 18px; color: #ffffff; height: 60px; } #setWindow .container .wElement{ width: 240px; } #setWindow .setElement .picture{ height: 140px; line-height: 140px; } #setWindow #wProduct{ border-right: 1px solid #e7e8ea; width: 100%; } #setWindow #wProduct .picture{ opacity: 1 } #setWindow .fr{ display: inline-block; padding-top: 12px; font-size: 13px; } #setWindow .setElement:last-child:after{ display: none; } #setWindow .close{ background: url(/local/components/dresscode/catalog.item/templates/detail/css/../images/exit.png) 0 0 no-repeat transparent; position: absolute; display: block; height: 21px; width: 21px; right: 20px; top: 20px; } #setWindow .close:hover{ background-position: 0 -21px ; } #setWindow .close:active{ background-position: 0 -42px ; } #setWindowPrice{ background-color: #424242; position: relative; text-align: center; line-height: 60px; overflow: hidden; font-size: 18px; color: #ffffff; height: 60px; } #setWindowPrice ul{ list-style: none; padding: 0; margin: 0; } #setWindowPrice li{ float: left; } #setWindowPrice li:last-child{ text-align: right; color: #ffffff; float: right; } #setWindowPrice li .heading4{ margin-right: 12px; padding-left: 12px; font-size: 14px; } #setWindowPrice .discount{ font-family: 'roboto_ltregular'; display: inline-block; margin-left: 12px; padding-left: 8px; font-size: 14px; color: #888888; } #setWindowPrice .addCart{ font-family: 'roboto_condensedlight'; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; min-width: 152px; text-decoration: none; display: inline-block; vertical-align: top; text-align: center; line-height: 60px; padding: 0 24px; font-size: 16px; color: #ffffff; height: 60px; } #setWindowPrice .icon{ vertical-align: middle; display: inline-block; } #setWindowPrice .addCart .icon{ padding-right: 12px; margin-top: -6px; } #setWindowPrice .closeWindow{ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-left: 1px solid #4c4c4c; text-decoration: none; font-size: 14px; padding: 0 24px; color: #ffffff; float: left; } #setWindowPrice .closeWindow:hover{ background-color: #262626; } #setWindowPrice .closeWindow img{ vertical-align: middle; margin-right: 12px; } #setWindow .container .slideBox, #setCarousel{ position: relative; border: 0; } #setWindow .setBtnLeft, #setWindow .setBtnRight{ background: url(/local/components/dresscode/catalog.item/templates/detail/css/../images/slideArrowSmall.png) 0 0 no-repeat transparent; transform: translateY(-50%); position: absolute; height: 70px; width: 35px; z-index: 22; top: 50%; } #setWindow .setBtnLeft{ left: 0; } #setWindow .setBtnRight{ right: 0; } #setWindow .setBtnLeft:hover{ background-position: -35px 0; } #setWindow .setBtnLeft:active{ background-position: -70px 0; } #setWindow .setBtnRight{ background-position: 0 -70px; } #setWindow .setBtnRight:hover{ background-position: -35px -70px; } #setWindow .setBtnRight:active{ background-position: -70px -70px; } @media all and (max-width: 1366px) { #set .setElement .picture { height: 200px; line-height: 200px; } } @media all and (max-width: 900px) { #set .setTools .addSet{ display: none; } } @media all and (max-width: 800px) { #set .setList{ border-top: 1px solid #e7e8ea; } #set .setElement{ overflow: hidden; height: 140px; padding: 12px; } #set .setElement:nth-child(n){ border-bottom: 1px solid #e7e8ea; border-right: 1px solid #e7e8ea; width: 50%; } #set .setElement:nth-child(2n){ border-right-width: 0px; } #set .setElement:after{ display: none; } .setListTable{ display: table; width: 100%; table-layout: fixed; } .setListColImage{ display: table-cell; vertical-align: middle; width: 110px; padding-right: 12px; } .setListColText{ display: table-cell; vertical-align: middle; padding-right: 24px; } #set .setElement .picture{ height: 120px; margin: 0; line-height: 120px; } #set .sCheck{ top: 6px; right: 6px; } #set .setElement .name{ margin-top: 0; margin-bottom: 2px; height: 36px; line-height: 36px; } #set .setElement .middle{ line-height: 18px; } #set .setElement .price{ margin-bottom: 0; font-size: 14px; } #set .setElement .price .discount{ display: block; padding: 0; font-size: 13px; line-height: 16px; } #set .setTools .heading2{ display: none; } #set .setTools .addCart{ width: 200px; } } @media all and (max-width: 600px){ #set .setElement:nth-child(n){ width: 100%; border-right-width: 0px; } .setListColImage { width: 40%; min-width: 110px; max-width: 160px; } } @media all and (max-width: 550px) { #set .setTools{ overflow: hidden; padding: 0 24px; height: auto; margin: 0 0; border: 0; } #set .setTools li{ float: unset; } #set .setTools .rt{ text-align: left; display: block; float: unset; clear: both; } #set .setTools .addCart{ clear: both; } #set .setTools li{ line-height: 21px; margin-top: 24px; } #set .setTools li:last-child{ /*display: none;*/ } #set .setTools .heading2{ display: block !important; font-size: 16px; } } @media all and (max-width: 400px) { .setListColImage { width: 50%; } } /* End */ /* Start:/bitrix/components/dresscode/catalog.advantages/templates/.default/style.css?1669380357774*/ .advantagesDetail{ border-top: 1px solid #e7e8ea; padding: 24px; } .advantagesDetail .advantagesItem{ vertical-align: middle; display: inline-block; text-align: center; } .advantagesDetail .advantagesPicture{ margin-bottom: 12px; } .advantagesDetail .advantagesName{ display: inline-block; max-width: 200px; } @media all and (max-width: 700px) { .advantagesDetail .advantagesItem{ text-align: left; } } @media all and (max-width: 500px) { .advantagesDetail .advantagesItem{ text-align: center; } } @media all and (max-width: 450px) { .advantagesDetail .advantagesItem{ text-align: left; } } @media all and (max-width: 360px) { .advantagesDetail .advantagesName{ max-width: 170px; } } /* End */ /* Start:/local/components/dresscode/fast.calculate.delivery/templates/catalog-no-modal/ajax_style.css?16764887919382*/ .detail-deliveries-container{ border-top: 1px solid #e7e8ea; box-sizing: border-box; margin-bottom: 36px; margin-top: 0px; padding: 0 24px;} .detail-deliveries-heading{ font-family: "robotomedium"; text-transform: uppercase; text-decoration: none; padding: 36px 0 18px; line-height: 24px; font-weight: 400; font-size: 20px; display: block; color: #000000; } .detail-deliveries-heading .user-geo-position-value-link{ border-bottom: 1px dashed #000000; text-transform: uppercase; text-decoration: none; display: inline-block; vertical-align: top; line-height: 24px; font-weight: 400; font-size: 20px; max-width: 100%; color: #000000; } .detail-deliveries-heading + .delivery-items-container{ border: 1px solid #D9D9D9; border-radius: 7px; } .detail-deliveries-tabs-container{ margin-top: 18px; overflow: hidden; height: 40px;} .detail-deliveries-tabs-scroll{ white-space: nowrap; overflow-x: scroll;} .deliveries-tab-item{ vertical-align: middle; display: inline-block; text-align: center; margin-left: 12px;} .deliveries-tab-item:first-child{ margin-left: 0px;} .deliveries-tab-item.selected .deliveries-tab-switcher{ background-color: #2d2d2d; color: #ffffff;} .deliveries-tab-item .deliveries-tab-switcher{ border-radius: 4px 4px 0px 0px; background-color: #f3f3f3; box-sizing: border-box; display: inline-block; text-decoration: none; line-height: 40px; padding: 0 24px; color: #000000; height: 40px;} .delivery-items-container{ display: flex; align-items: center; width: 100%; border-radius: 7px; border: 1px solid #D9D9D9; } .delivery-group-item{ display: none; } .delivery-group-item.active{ display: block;}.delivery-items, .detail-delivery-paysystems{ vertical-align: middle; display: table-cell; } .detail-delivery-paysystems{ vertical-align: top; } .delivery-items + .detail-delivery-paysystems{ background-color: #f9f9f9; position: relative; width: 30%; }.delivery-items-container .delivery-item:last-child { border-bottom: none;}.delivery-items-container .delivery-item { border-bottom: 1px dashed #D9D9D9;} .detail-delivery-paysystems-container{ box-sizing: border-box; padding: 26px 36px; background: #F9F9F9; } .detail-delivery-paysystems-container.fixed{ position: fixed; top: 0px;}.detail-delivery-paysystems-container.ended{ position: absolute; bottom: 0px;}.detail-delivery-paysystems .delivery-paysystems-heading{ font-family: "robotomedium"; text-transform: uppercase; text-decoration: none; line-height: 20px; font-weight: 400; font-size: 16px; color: #000;} .detail-delivery-paysystems .delivery-paysystems-sub-heading{ font-family: "robotomedium"; text-decoration: none; line-height: 16px; font-weight: 400; margin-top: 24px; font-size: 14px; color: #000;} .detail-delivery-paysystems .delivery-paysystems-description{ line-height: 21px; margin-top: 24px; font-size: 14px;}.detail-delivery-paysystems .delivery-paysystems-images{ margin-top: 24px;}.delivery-item.disabled{ display: none;} .delivery-item-buy.btn-simple.btn-small{ text-overflow: ellipsis; white-space: nowrap; max-width: 178px; overflow: hidden; min-width: 160px; border: 1px solid #F85E04; border-radius: 7px;} .delivery-item-name-mobile, .delivery-item-price-mobile{ display: none; } .delivery-item-buy.loading, .delivery-item-buy.loading:hover{ background-image: url(/local/components/dresscode/fast.calculate.delivery/templates/catalog-no-modal/images/loader-38px.svg) !important; background-position: 50% 50%; background-repeat: no-repeat; pointer-events: none; transition: none; opacity: 0.9; } .show-all-deliveries-container{ text-align: center; padding: 24px; } .show-all-deliveries.btn-simple.btn-small{ padding-right: 18px; padding-left: 18px; min-width: auto; } .delivery-item-question{ background-image: url(/local/components/dresscode/fast.calculate.delivery/templates/catalog-no-modal/images/question.svg); transition: all 0.2s ease-in-out; background-repeat: no-repeat; background-position: 50% 50%; box-sizing: border-box; vertical-align: middle; display: inline-block; margin-right: 12px; line-height: 40px; height: 40px; width: 40px; border: 1px solid #F85E04; border-radius: 7px; } .delivery-item-question:hover{ opacity: 0.7;} .delivery-item-question:active{ position: relative; top: 1px; } .delivery-item-buy{ vertical-align: middle; display: inline-block;} .delivery-item-table{ border-collapse: collapse; table-layout: fixed; display: table; width: 100%; } .delivery-item-row{ display: table-row;} .delivery-item-column{ display: table-cell; padding: 24px 0px 24px 24px; } .delivery-item-column:first-child{ padding-left: 24px;} .delivery-item-column:last-child{ padding-right: 24px; width: 234px;} .delivery-item:last-child .delivery-item-container{ border-bottom: 0px;} .delivery-item-price,.delivery-item-period-value{ font-family: "robotobold"; vertical-align: middle; display: inline-block; line-height: 21px; }.delivery-item-period{ margin-bottom: 12px; text-align: right;} .delivery-item-period-value{ line-height: 16px; margin-top: -1px;} .delivery-item-period-icon{ background: url(/local/components/dresscode/fast.calculate.delivery/templates/catalog-no-modal/images/delivery-time.svg) 50% 50% no-repeat transparent; vertical-align: middle; display: inline-block; margin-right: 6px; font-size: 14px; height: 18px; width: 18px;} .delivery-item-period a{ display: none;} .delivery-item-buttons{ text-align: right;} .delivery-item-name{ margin: 0; font-size: 16px; padding-left: 10px; } .delivery-item-sub-column{ display: inline-block; vertical-align: middle;} .delivery-item-picture{ display: flex; align-items: center; width: 210px; } .delivery-item-image-container{ box-sizing: border-box; vertical-align: middle; display: inline-block; } .delivery-item-picture img{ vertical-align: middle; max-width: 100%; } .delivery-item-price-mobile, .delivery-item-price{ font-family: "robotobold"; line-height: 21px; font-size: 18px; } .delivery-item-price-mobile s, .delivery-item-price s{ font-family: "roboto_ltregular"; line-height: 14px; margin-left: 12px; font-size: 14px; color: #888888; } .delivery-item-description{ margin-bottom: 24px; position: relative; margin-left: 24px; padding-top: 6px; margin-right: 15px; display: none; } .delivery-item-description:after{ border-top: 2px solid #e7e8ea; position: absolute; width: 20px; content: ""; top: -6px; left: 0px; } .detail-deliveries-loader{ background-color: #fbfbfb; box-sizing: border-box; text-align: center; color: #000000; padding: 36px; margin: 24px; } .detail-deliveries-loader-heading{ font-family: "robotomedium"; margin-top: 6px; font-size: 16px; } .detail-deliveries-loader-heading a{ font-family: "robotomedium"; text-decoration: none; max-width: 100%; font-size: 16px; color: #000000; } .detail-deliveries-loader-heading a:hover{ opacity: 0.8; } .detail-deliveries-loader-text{ margin-top: 6px; color: #888888; } @media all and (max-width: 1850px){ .delivery-item-column { text-align: center; } .delivery-item-picture { width: 245px; } .delivery-item-name { font-size: 14px; } .delivery-item-price-mobile, .delivery-item-price { font-size: 15px; } .delivery-item-column { vertical-align: inherit; } } @media all and (max-width: 1200px){ .delivery-items + .detail-delivery-paysystems{ width: 100%; } .delivery-items-container { flex-wrap: wrap; }} @media all and (max-width: 730px){ .delivery-item-buy.btn-simple.btn-small{ background-image: url(/local/components/dresscode/fast.calculate.delivery/templates/catalog-no-modal/images/delivery-cart.svg); background-position: 50% 50%; background-repeat: no-repeat; text-indent: -9999px; min-width: unset; font-size: 0px; padding: 0px; height: 40px; width: 40px; } .delivery-item-column:last-child{ width: 140px; } .delivery-item-period-icon{ display: none; } .delivery-item-column{ padding: 24px 0px 24px 24px; }} @media all and (max-width: 670px){ .delivery-item-name-mobile{ margin-top: 12px; display: block; } .delivery-item-column:last-child{ width: 100px; } .delivery-item-price-mobile s{ margin-bottom: 8px; display: block; } .delivery-item-price-mobile{ margin-bottom: 12px; } .delivery-item-price, .delivery-item-period-value{ margin-top: 0px; display: block; } .delivery-item-column { padding: 17px 0px 17px 17px; } .delivery-item-picture { width: auto; } .delivery-item-image-container { display: none; } .delivery-item-column.delivery-item-picture { text-align: left; } } @media all and (max-width: 440px){ .delivery-item-question{ margin-right: 6px; } .delivery-item-description{ margin-left: 10px; } .delivery-items-container{ border: 0px; } .delivery-item-column:first-child, .delivery-item-column:last-child, .delivery-item-column{ padding: 24px 0px; } .delivery-item-column:first-child{ text-align: left; } .detail-delivery-paysystems-container { box-sizing: border-box; padding: 36px 24px; } } /* End */ /* Start:/local/templates/dresscode/components/bitrix/sale.products.gift/.default/style.css?167111010463*/ .detail-gift-container .items.productList{ margin-bottom: 0; } /* End */ /* Start:/local/templates/dresscode/components/bitrix/system.pagenavigation/round/style.css?16711101062281*/ .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; display: block; 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-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; } /* End */ /* Start:/bitrix/components/bitrix/sale.recommended.products/templates/.default/style.min.css?166870995826402*/ .bx_item_list_recommended{margin-bottom:20px;border-bottom:1px solid #e5e5e5}@media(max-width:640px){.bx_item_list_recommended{border-bottom:1px solid #e5e5e5}}.bx_item_list_recommended.bx_wood .bx_item_list_title{background:#ebf4f8}.bx_item_list_recommended.bx_red .bx_item_list_title{background:#fbf1f0}.bx_item_list_recommended.bx_green .bx_item_list_title{background:#f2fbea}.bx_item_list_recommended.bx_blue .bx_item_list_title{background:#ebf4f8}.bx_item_list_recommended.bx_black .bx_item_list_title{background:#f1f4f7}.bx_item_list_recommended.bx_yellow .bx_item_list_title{background:#fbf7db}.bx_item_list_recommended .bx_catalog_item{position:relative;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;margin-bottom:30px}.bx_item_list_recommended .bx_pagination_top{padding:10px}.bx_item_list_recommended .bx-nothing{padding:20px 20px 20px 20px}.popup-window-buttons .bx_item_list_recommended{border:none!important}@media(min-width:960px){.bx_item_list_recommended.col1 .bx_catalog_item{padding:1px 26px;margin:0 0 30px 0;width:100%}.bx_item_list_recommended.col2 .bx_catalog_item{padding:1px 26px;margin:0 1% 30px;width:48%}.bx_item_list_recommended.col2 .bx_catalog_item:nth-child(2n+1){clear:both}.bx_item_list_recommended.col3 .bx_catalog_item{padding:1px 26px;margin:0 1% 30px;width:31.333333%}.bx_item_list_recommended.col3 .bx_catalog_item:nth-child(3n+1){clear:both}.bx_item_list_recommended.col4 .bx_catalog_item{padding:1px 26px;margin:0 1% 30px;width:23%}.bx_item_list_recommended.col4 .bx_catalog_item:nth-child(4n+1){clear:both}.bx_item_list_recommended.col5 .bx_catalog_item{padding:1px 26px;margin:0 1% 30px;width:18%}.bx_item_list_recommended.col5 .bx_catalog_item:nth-child(5n+1){clear:both}}@media(min-width:760px) and (max-width:960px){.bx_item_list_recommended.col1 .bx_catalog_item{padding:1px 16px;margin:0 0 0 30px;width:100%}.bx_item_list_recommended.col2 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:48%}.bx_item_list_recommended.col2 .bx_catalog_item:nth-child(2n+1){clear:both}.bx_item_list_recommended.col3 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:31.333333%}.bx_item_list_recommended.col3 .bx_catalog_item:nth-child(3n+1){clear:both}.bx_item_list_recommended.col4 .bx_catalog_item,.bx_item_list_recommended.col5 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:23%}.bx_item_list_recommended.col4 .bx_catalog_item:nth-child(4n+1),.bx_item_list_recommended.col5 .bx_catalog_item:nth-child(4n+1){clear:both}}@media(max-width:760px){.bx_item_list_recommended.col1 .bx_catalog_item{padding:1px 16px;margin:0 0 0 30px;width:100%}.bx_item_list_recommended.col2 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:48%}.bx_item_list_recommended.col2 .bx_catalog_item:nth-child(2n+1){clear:both}.bx_item_list_recommended.col3 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:31.333333%}.bx_item_list_recommended.col3 .bx_catalog_item:nth-child(3n+1){clear:both}.bx_item_list_recommended.col3 .bx_catalog_item,.bx_item_list_recommended.col4 .bx_catalog_item,.bx_item_list_recommended.col5 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:31.333333%}.bx_item_list_recommended.col3 .bx_catalog_item:nth-child(3n+1),.bx_item_list_recommended.col4 .bx_catalog_item:nth-child(3n+1),.bx_item_list_recommended.col5 .bx_catalog_item:nth-child(3n+1){clear:both}}@media(max-width:580px){.bx-touch .bx_item_list_recommended.col1 .bx_catalog_item{padding:1px 26px;margin:0 0 0 30px;width:100%}.bx-touch .bx_item_list_recommended.col2 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:48%}.bx-touch .bx_item_list_recommended.col2 .bx_catalog_item:nth-child(3n+1){clear:none}.bx-touch .bx_item_list_recommended.col2 .bx_catalog_item:nth-child(2n+1){clear:both}.bx-touch .bx_item_list_recommended.col2 .bx_catalog_item,.bx-touch .bx_item_list_recommended.col3 .bx_catalog_item,.bx-touch .bx_item_list_recommended.col4 .bx_catalog_item,.bx-touch .bx_item_list_recommended.col5 .bx_catalog_item{padding:1px 16px;margin:0 1% 30px;width:48%;clear:none}.bx-touch .bx_item_list_recommended.col2 .bx_catalog_item:nth-child(2n+1),.bx-touch .bx_item_list_recommended.col3 .bx_catalog_item:nth-child(2n+1),.bx-touch .bx_item_list_recommended.col4 .bx_catalog_item:nth-child(2n+1),.bx-touch .bx_item_list_recommended.col5 .bx_catalog_item:nth-child(2n+1){clear:both}}.bx-no-touch .bx_item_list_recommended .bx_catalog_item .bx_catalog_item_container{z-index:10}.bx-no-touch .bx_item_list_recommended .bx_catalog_item:hover .bx_catalog_item_container{position:absolute;z-index:190;top:0;left:0;right:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.18);border-radius:3px;border:1px solid #d3d3d3;background:#fff;-webkit-animation:borderview .5s;animation:borderview .5s}@media(min-width:960px){.bx-no-touch .bx_item_list_recommended .bx_catalog_item:hover .bx_catalog_item_container{padding:0 25px 15px}}@media(max-width:960px){.bx-no-touch .bx_item_list_recommended .bx_catalog_item:hover .bx_catalog_item_container{padding:0 15px 15px}}@keyframes borderview{from{border:1px solid #fdfdfd;box-shadow:0 0 0 0 rgba(0,0,0,0)}to{border:1px solid #d3d3d3;box-shadow:0 2px 5px 0 rgba(0,0,0,.18)}}@-webkit-keyframes borderview{from{border:1px solid #fdfdfd;box-shadow:0 0 0 0 rgba(0,0,0,0)}to{border:1px solid #d3d3d3;box-shadow:0 2px 5px 0 rgba(0,0,0,.18)}}.bx_item_list_recommended .bx_catalog_item_articul{color:#a5a5a5;font-size:13px}.bx_item_list_recommended .bx_catalog_item_title{overflow:hidden;height:38px}.bx-no-touch .bx_item_list_recommended .bx_catalog_item:hover .bx_catalog_item_title{overflow:auto;height:auto!important}.bx_item_list_recommended .bx_catalog_item_title a{color:#3f3f3f;text-decoration:none;font-size:13px}.bx_item_list_recommended .bx_catalog_item_price{color:#3f3f3f;font-weight:bold}.bx_item_list_recommended .bx_catalog_item_price span{color:#a5a5a5;font-size:12px;font-weight:normal;white-space:nowrap;text-decoration:line-through}.bx_item_list_recommended .bx_catalog_item_controls{padding-top:10px;text-align:center;opacity:0}@media(min-width:641px) and (max-width:960px){.bx_item_list_recommended .bx_catalog_item_controls{height:auto}}@media(max-width:640px){.bx-touch .bx_item_list_recommended .bx_catalog_item_controls{height:auto;line-height:30px;text-align:center}}@media(max-width:479px){.bx-touch .bx_item_list_recommended .bx_catalog_item_controls{height:auto;line-height:30px;display:block}}@media(max-width:479px){.bx-touch .bx_item_list_recommended .bx_catalog_item:hover .bx_catalog_item_controls{height:auto}}.bx_item_list_recommended .bx_catalog_item_controls .bx_catalog_item_controls_blockone{width:100%;white-space:nowrap;text-align:center}.bx_item_list_recommended .bx_catalog_item_controls .bx_catalog_item_controls_blockone span{color:#3f3f3f;font-size:13px}.bx_item_list_recommended .bx_catalog_item_controls .bx_catalog_item_controls_blockone .bx_notavailable{text-align:left;font-size:12px;line-height:30px;font-weight:bold}.bx_item_list_recommended .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo{width:100%;text-align:center}.bx_item_list_recommended .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo a{margin:1%;width:48%;min-width:100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:25px;height:25px}@media(max-width:640px){.bx-touch .bx_item_list_recommended .bx_catalog_item_controls .bx_catalog_item_controls_blockone{display:none}.bx-touch .bx_item_list_recommended .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo{float:none;width:100%;text-align:center}}.bx_item_list_recommended .bx_catalog_item_controls input[type=text]{border:0}.bx-touch .bx_item_list_recommended .bx_catalog_item_controls,.bx_item_list_recommended .bx_catalog_item:hover .bx_catalog_item_controls{opacity:1}.bx_item_list_recommended .bx_cnt_desc{text-align:left;position:absolute;right:-45px;top:2px;width:40px}.bx_item_list_recommended .bx_catalog_item_controls a{margin-bottom:10px}.bx_item_list_recommended .bx_catalog_item_price .bx_price{font-size:15px;padding-top:5px}.bx_item_list_recommended .bx_catalog_item_images_double,.bx_item_list_recommended .bx_catalog_item_images{position:relative;z-index:180;display:block;padding-top:135%;width:100%;background-position:center;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain}.bx_item_list_recommended .bx_catalog_item_images_double{z-index:186;margin-top:-135%;opacity:0}.bx-no-touch .bx_item_list_recommended .bx_catalog_item.double:hover .bx_catalog_item_images{opacity:0;-webkit-animation:rotateimgfirst .5s;animation:rotateimgfirst .5s}.bx-no-touch .bx_item_list_recommended .bx_catalog_item.double:hover .bx_catalog_item_images_double{opacity:1;-webkit-animation:rotateimglast .5s;animation:rotateimglast .5s}@keyframes rotateimgfirst{from{opacity:1}to{opacity:0}}@-webkit-keyframes rotateimgfirst{from{opacity:1}to{opacity:0}}@keyframes rotateimglast{from{opacity:0}to{opacity:1}}@-webkit-keyframes rotateimglast{from{opacity:0}to{opacity:1}}.bx-no-touch .bx_item_list_recommended .bx_catalog_item .bx_catalog_item_controls,.bx_item_list_recommended .bx_catalog_item .bx_catalog_item_articul,.bx_item_list_recommended .bx_catalog_item .bx_catalog_item_scu{display:none}.bx-no-touch .bx_item_list_recommended .bx_catalog_item:hover .bx_catalog_item_controls,.bx-no-touch .bx_item_list_recommended .bx_catalog_item:hover .bx_catalog_item_articul,.bx-no-touch .bx_item_list_recommended .bx_catalog_item:hover .bx_catalog_item_scu{display:block}.bx_item_list_recommended .bx_catalog_item .bx_catalog_item_scu{padding-top:10px}.bx_item_list_recommended .bx_catalog_item:hover .bx_catalog_item_scu>div{margin:0 auto}.bx-no-touch .bx_item_list_recommended .bx_catalog_item .bx_catalog_item_controls.touch,.bx-touch .bx_item_list_recommended .bx_catalog_item .bx_catalog_item_controls.no_touch{display:none!important}.bx_item_list_recommended .bx_stick{position:absolute;width:123px;height:35px;background:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/stick.png) left center no-repeat;color:#fff;text-align:center;text-shadow:0 1px 0 #ba3434;line-height:35px;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.bx_item_list_recommended .bx_stick.short{font-weight:bold;font-size:18px}.bx_item_list_recommended .bx_stick.average{font-weight:bold;font-size:13px}.bx_item_list_recommended .bx_stick.long{font-weight:normal;font-size:11px}.bx_item_list_recommended .bx_stick_disc{position:absolute;width:72px;height:74px;background:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/stick_disc.png) no-repeat center;color:#fff;text-align:center;text-shadow:0 1px 0 #ba3434;font-weight:bold;font-size:23px;line-height:74px}.bx_item_list_recommended .bx_stick.left,.bx_item_list_recommended .bx_stick_disc.left{left:-2px}.bx_item_list_recommended .bx_stick.right,.bx_item_list_recommended .bx_stick_disc.right{right:0}.bx_item_list_recommended .bx_stick.top,.bx_item_list_recommended .bx_stick_disc.top{top:15px}.bx_item_list_recommended .bx_stick.bottom,.bx_item_list_recommended .bx_stick_disc.bottom{bottom:5px}.bx_item_list_recommended .bx_stick.middle,.bx_item_list_recommended .bx_stick_disc.middle{top:49%}@media(min-width:641px) and (max-width:960px){.bx_item_list_recommended .bx_stick{width:90px;height:30px;background-size:100%;line-height:30px}.bx_item_list_recommended .bx_stick.short{font-weight:normal;font-size:14px}.bx_item_list_recommended .bx_stick.average{font-weight:normal;font-size:11px}.bx_item_list_recommended .bx_stick.long{font-weight:normal;font-size:11px}.bx_item_list_recommended .bx_stick_disc{width:64px;height:65px;background-size:100%;font-size:20px;line-height:65px}}@media(max-width:640px){.bx-touch .bx_item_list_recommended .bx_stick{width:70px;height:30px;background-size:100%;font-size:11px;line-height:30px}.bx-touch .bx_item_list_recommended .bx_stick_disc{width:48px;height:49px;background-size:100%;font-size:16px;line-height:49px}}@media(max-width:479px){.bx-touch .bx_item_list_recommended .bx_stick{width:70px;height:30px;background-size:100%;font-size:11px;line-height:30px}.bx-touch .bx_item_list_recommended .bx_stick_disc{width:37px;height:38px;background-size:100%;font-size:13px;line-height:38px}}.bx_item_list_recommended .bx_bt_button,.bx_item_list_recommended .bx_bt_button_type_2{display:inline-block;border-radius:3px;text-align:center;text-decoration:none;font-size:14px;cursor:pointer;white-space:nowrap}.bx_item_list_recommended .bx_bt_button_type_2{border:1px solid #e9e9e9;background-image:-webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f1f1f1));background-image:-webkit-linear-gradient(#fcfcfc 0,#f1f1f1 100%);background-image:-moz-linear-gradient(#fcfcfc 0,#f1f1f1 100%);background-image:-o-linear-gradient(#fcfcfc 0,#f1f1f1 100%);background-image:linear-gradient(#fcfcfc 0,#f1f1f1 100%);color:#656565;text-shadow:0 1px 0 #fff}.bx_item_list_recommended .bx_bt_button_type_2:hover{background:#fff}.bx_item_list_recommended .bx_bt_button_type_2:active{background-image:-webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#fcfcfc));background-image:-webkit-linear-gradient(#f1f1f1 0,#fcfcfc 100%);background-image:-moz-linear-gradient(#f1f1f1 0,#fcfcfc 100%);background-image:-o-linear-gradient(#f1f1f1 0,#fcfcfc 100%);background-image:linear-gradient(#f1f1f1 0,#fcfcfc 100%);box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.05)}.bx_item_list_recommended .bx_bt_button{background:#00a2df;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#00a2df),color-stop(100%,#006fcb));background:-webkit-linear-gradient(top,#00a2df 0,#006fcb 100%);background:-moz-linear-gradient(top,#00a2df 0,#006fcb 100%);background:-ms-linear-gradient(top,#00a2df 0,#006fcb 100%);background:-o-linear-gradient(top,#00a2df 0,#006fcb 100%);background:linear-gradient(to bottom,#00a2df 0,#006fcb 100%);color:#fff;text-shadow:0 1px 0 #006cae;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2df',endColorstr='#006fcb',GradientType=0)}.bx_item_list_recommended .bx_bt_button:hover{background:#21afe4;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYWZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#21afe4),color-stop(100%,#006fcb));background:-webkit-linear-gradient(top,#21afe4 0,#006fcb 100%);background:-moz-linear-gradient(top,#21afe4 0,#006fcb 100%);background:-ms-linear-gradient(top,#21afe4 0,#006fcb 100%);background:-o-linear-gradient(top,#21afe4 0,#006fcb 100%);background:linear-gradient(to bottom,#21afe4 0,#006fcb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#21afe4',endColorstr='#006fcb',GradientType=0)}.bx_item_list_recommended .bx_bt_button:active{background:#21afe4;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYWZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#21afe4),color-stop(100%,#006fcb));background:-webkit-linear-gradient(top,#21afe4 0,#006fcb 100%);background:-moz-linear-gradient(top,#21afe4 0,#006fcb 100%);background:-ms-linear-gradient(top,#21afe4 0,#006fcb 100%);background:-o-linear-gradient(top,#21afe4 0,#006fcb 100%);background:linear-gradient(to bottom,#21afe4 0,#006fcb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#21afe4',endColorstr='#006fcb',GradientType=0)}.bx_item_list_recommended .bx_small.bx_bt_button{display:inline-block;min-width:20px;line-height:20px}.bx_item_list_recommended .bx_small.bx_bt_button_type_2{display:inline-block;min-width:18px;line-height:18px}.bx_item_list_recommended .bx_medium.bx_bt_button{padding:0 13px;height:25px;font-weight:bold;line-height:25px}.bx_item_list_recommended .bx_medium.bx_bt_button_type_2{padding:0 13px;height:23px;font-weight:bold;line-height:23px}.bx_item_list_recommended .bx_medium.bx_bt_button,.bx_item_list_recommended .bx_medium.bx_bt_button_type_2{font-weight:bold}.bx_item_list_recommended .bx_col_input{display:inline-block;width:40px;text-align:center}.bx_item_list_recommended .bx_item_detail_size{position:relative;margin-bottom:10px;padding:0;max-width:100%;width:100%}.bx-no-touch .bx_item_list_recommended .bx_item_detail_size.full{position:relative;margin-left:-5%;padding:0 5%}.bx_item_list_recommended .bx_item_detail_size .bx_item_section_name_gray{color:#9e9e9e;vertical-align:middle;font-size:11px;line-height:11px}.bx_item_list_recommended .bx_item_detail_size .bx_size_scroller_container{position:relative}.bx_item_list_recommended .bx_item_detail_size .bx_size{position:relative;overflow:hidden;margin:0;width:100%}.bx_item_list_recommended .bx_item_detail_size ul{position:relative;display:block;margin:0;padding:0;width:100%;white-space:nowrap}.bx-touch .bx_item_list_recommended .bx_item_detail_size .bx_size{overflow-x:auto}.bx_item_list_recommended .bx_item_detail_size ul{position:relative;display:block;margin:0;padding:0;width:100%;white-space:nowrap}.bx-touch .bx_item_list_recommended .bx_item_detail_size .bx_size ul{margin-left:0!important}.bx_item_list_recommended .bx_item_detail_size ul li{position:relative;display:block;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:25px}.bx_item_list_recommended .bx_item_detail_size ul li .cnt{cursor:pointer;position:absolute;top:0;right:2px;bottom:2px;left:2px;display:block;overflow:hidden;border:1px solid #c0cfda;background:#fff;color:#3f3f3f;text-align:center;text-decoration:none;font-weight:normal;font-size:10px;line-height:22px}.bx-touch .bx_item_list_recommended .bx_item_detail_size ul li .cnt{border:0;border-style:solid;border-width:1px;-webkit-border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border.png) 2 stretch;-moz-border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border.png) 2 stretch;-o-border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border.png) 2 stretch;border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border.png) 2 fill stretch}.bx_item_list_recommended .bx_item_detail_size ul li:hover .cnt{border:1px solid #006cc0}.bx_item_list_recommended .bx_item_detail_size ul li:active .cnt,.bx_item_list_recommended .bx_item_detail_size ul li.bx_active .cnt{border:2px solid #006cc0}.bx-touch .bx_item_list_recommended .bx_item_detail_size ul li.bx_active .cnt{border:0;border-style:solid;border-width:1px;-webkit-border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border_active.png) 2 stretch;-moz-border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border_active.png) 2 stretch;-o-border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border_active.png) 2 stretch;border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border_active.png) 2 fill stretch}.bx_item_list_recommended .bx_item_detail_size .bx_size ul li.bx_missing .cnt{border:1px solid #c0cfda!important}.bx_item_list_recommended .bx_item_detail_size .bx_size ul li.bx_missing>i{cursor:not-allowed;position:absolute;display:block;top:0;right:2px;bottom:2px;left:2px;z-index:11;background:rgba(255,255,255,.79) url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/missing.png) no-repeat center}.bx-no-touch .bx_item_list_recommended .bx_item_detail_size .bx_slide_left,.bx-no-touch .bx_item_list_recommended .bx_item_detail_size .bx_slide_right{opacity:.8}.bx-no-touch .bx_item_list_recommended .bx_item_detail_size .bx_slide_left:hover,.bx-no-touch .bx_item_list_recommended .bx_item_detail_size .bx_slide_right:hover{opacity:1.0}.bx_item_list_recommended .bx_item_detail_size.full .bx_slide_left,.bx_item_list_recommended .bx_item_detail_size.full .bx_slide_right{position:absolute;top:0;bottom:4px;width:5%;max-width:11px;cursor:pointer}.bx-no-touch .bx_item_list_recommended .bx_item_detail_size .bx_slide_left{left:-5%;background:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/arr_left.png) no-repeat left center;background-size:100% auto}.bx-no-touch .bx_item_list_recommended .bx_item_detail_size .bx_slide_right{right:-5%;background:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/arr_right.png) no-repeat right center;background-size:100% auto}.bx-touch .bx_item_list_recommended .bx_item_detail_size .bx_slide_left{left:0;background:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/fade_left.png) repeat-y left center;background-size:100% auto}.bx-touch .bx_item_list_recommended .bx_item_detail_size .bx_slide_right{right:0;background:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/fade_right.png) repeat-y right center;background-size:100% auto}.bx_item_list_recommended .bx_item_detail_scu{position:relative;margin-bottom:10px;padding:0;max-width:100%;width:100%}.bx-no-touch .bx_item_list_recommended .bx_item_detail_scu.full{position:relative;margin-left:-5%;padding:0 5%}.bx_item_list_recommended .bx_item_detail_scu .bx_item_section_name_gray{color:#9e9e9e;vertical-align:middle;font-size:11px;line-height:11px}.bx_item_list_recommended .bx_item_detail_scu .bx_scu_scroller_container{position:relative}.bx_item_list_recommended .bx_item_detail_scu .bx_scu{position:relative;overflow:hidden;margin:0;width:100%}.bx-touch .bx_item_list_recommended .bx_item_detail_scu .bx_scu{overflow-x:auto}.bx_item_list_recommended .bx_item_detail_scu .bx_scu ul{position:relative;display:block;margin:0;padding:0;width:100%;white-space:nowrap}.bx-touch .bx_item_list_recommended .bx_item_detail_scu .bx_scu ul{margin-left:0!important}.bx_item_list_recommended .bx_item_detail_scu .bx_scu ul li{position:relative;display:block;float:left;height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx_item_list_recommended .bx_item_detail_scu .bx_scu ul li .cnt{cursor:pointer;position:absolute;top:0;right:2px;bottom:4px;left:2px;display:block;overflow:hidden;border:1px solid #c0cfda;background:#fff;z-index:10}.bx-touch .bx_item_list_recommended .bx_item_detail_scu .bx_scu ul li .cnt{border:0;border-style:solid;border-width:1px;-webkit-border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border.png) 2 stretch;-moz-border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border.png) 2 stretch;-o-border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border.png) 2 stretch;border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border.png) 2 fill stretch}.bx_item_list_recommended .bx_item_detail_scu .bx_scu ul li:hover .cnt{border:1px solid #006cc0}.bx_item_list_recommended .bx_item_detail_scu .bx_scu ul li:active .cnt,.bx_item_list_recommended .bx_item_detail_scu .bx_scu ul li.bx_active .cnt{padding:3px;border:2px solid #006cc0}.bx_item_list_recommended .bx_item_detail_scu .bx_scu ul li.bx_missing .cnt{border:1px solid #c0cfda!important}.bx_item_list_recommended .bx_item_detail_scu .bx_scu ul li.bx_missing>i{cursor:not-allowed;position:absolute;display:block;top:0;right:2px;bottom:4px;left:2px;z-index:11;background:rgba(255,255,255,.79) url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/missing.png) no-repeat center}.bx-touch .bx_item_list_recommended .bx_item_detail_scu .bx_scu ul li.bx_active .cnt{border:0;border-style:solid;border-width:1px;-webkit-border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border_active.png) 2 stretch;-moz-border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border_active.png) 2 stretch;-o-border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border_active.png) 2 stretch;border-image:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/x2border_active.png) 2 fill stretch}.bx_item_list_recommended .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item{position:absolute;top:6%;right:6%;bottom:6%;left:6%;background-size:contain;background-repeat:no-repeat}.bx_item_list_recommended .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item img{width:auto;height:25px}.bx-no-touch .bx_item_list_recommended .bx_item_detail_scu .bx_slide_left,.bx-no-touch .bx_item_list_recommended .bx_item_detail_scu .bx_slide_right{opacity:.8}.bx-no-touch .bx_item_list_recommended .bx_item_detail_scu .bx_slide_left:hover,.bx-no-touch .bx_item_list_recommended .bx_item_detail_scu .bx_slide_right:hover{opacity:1.0}.bx_item_list_recommended .bx_item_detail_scu.full .bx_slide_left,.bx_item_list_recommended .bx_item_detail_scu.full .bx_slide_right{position:absolute;top:0;bottom:4px;width:5%;max-width:11px;cursor:pointer}.bx-no-touch .bx_item_list_recommended .bx_item_detail_scu .bx_slide_left{left:-5%;background:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/arr_left.png) no-repeat left center;background-size:100% auto}.bx-no-touch .bx_item_list_recommended .bx_item_detail_scu .bx_slide_right{right:-5%;background:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/arr_right.png) no-repeat right center;background-size:100% auto}.bx-touch .bx_item_list_recommended .bx_item_detail_scu .bx_slide_left{left:0;background:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/fade_left.png) repeat-y left center;background-size:100% auto}.bx-touch .bx_item_list_recommended .bx_item_detail_scu .bx_slide_right{right:0;background:url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/images/fade_right.png) repeat-y right center;background-size:100% auto}.bx_item_list_recommended{position:relative;margin-bottom:20px;border-radius:3px}.bx_item_list_recommended .bx_item_list_title{font-weight:bold;color:#000;background:#ebf4f8;vertical-align:middle;height:38px;text-align:center;line-height:38px;font-size:14px}.bx_item_list_recommended .bx_catalog_item_container.no-imgs>a{background-image:none!important} /* End */ /* Start:/bitrix/components/bitrix/sale.recommended.products/templates/.default/themes/blue/style.css?16687099584862*/ /* catalog.section */ .bx_item_list_recommended.bx_blue .bx_bt_button { background:#00a2df; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#00a2df),color-stop(100%,#006fcb)); background:-webkit-linear-gradient(top,#00a2df 0%,#006fcb 100%); background: -moz-linear-gradient(top,#00a2df 0%,#006fcb 100%); background: -ms-linear-gradient(top,#00a2df 0%,#006fcb 100%); background: -o-linear-gradient(top,#00a2df 0%,#006fcb 100%); background: linear-gradient(to bottom,#00a2df 0%,#006fcb 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2df',endColorstr='#006fcb',GradientType=0); color:#fff; text-shadow: 0 1px 0 #165c99; display:inline-block; border-radius:3px; text-align:center; text-decoration:none; font-size:14px; cursor:pointer; } .bx_item_list_recommended.bx_blue .bx_bt_button:hover { background:#26b0e4; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2YjBlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjg0ZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#26b0e4),color-stop(100%,#2684d3)); background:-webkit-linear-gradient(top,#26b0e4 0%,#2684d3 100%); background: -moz-linear-gradient(top,#26b0e4 0%,#2684d3 100%); background: -ms-linear-gradient(top,#26b0e4 0%,#2684d3 100%); background: -o-linear-gradient(top,#26b0e4 0%,#2684d3 100%); background: linear-gradient(to bottom,#26b0e4 0%,#2684d3 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b0e4',endColorstr='#2684d3',GradientType=0 ); } .bx_item_list_recommended.bx_blue .bx_bt_button:active { background:#0052bf; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTJiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg1ZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0052bf),color-stop(100%,#0085d3)); background:-webkit-linear-gradient(top,#0052bf 0%,#0085d3 100%); background: -moz-linear-gradient(top,#0052bf 0%,#0085d3 100%); background: -ms-linear-gradient(top,#0052bf 0%,#0085d3 100%); background: -o-linear-gradient(top,#0052bf 0%,#0085d3 100%); background:linear-gradient(to bottom,#0052bf 0%,#0085d3 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0052bf',endColorstr='#0085d3',GradientType=0 ); } /* scu_detail_size */ .bx-touch .bx_item_list_recommended.bx_blue .bx_item_detail_size ul li.bx_active .cnt{ -webkit-border-image: url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/themes/blue/images/x2border_active.png) 2 stretch; -moz-border-image: url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/themes/blue/images/x2border_active.png) 2 stretch; -o-border-image: url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/themes/blue/images/x2border_active.png) 2 stretch; border-image: url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/themes/blue/images/x2border_active.png) 2 fill stretch; } /* scu_detail_scu */ .bx-touch .bx_item_list_recommended.bx_blue .bx_item_detail_scu .bx_scu ul li.bx_active .cnt{ -webkit-border-image: url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/themes/blue/images/x2border_active.png) 2 stretch; -moz-border-image: url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/themes/blue/images/x2border_active.png) 2 stretch; -o-border-image: url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/themes/blue/images/x2border_active.png) 2 stretch; border-image: url(/bitrix/components/bitrix/sale.recommended.products/templates/.default/themes/blue/images/x2border_active.png) 2 fill stretch; } /* End */ /* /local/templates/dresscode/components/dresscode/catalog/.default/style.css?1671110108172 */ /* /local/components/dresscode/catalog.item/templates/detail/style.css?168244752152094 */ /* /local/components/dresscode/catalog.item/templates/detail/css/review.css?16756037818661 */ /* /local/components/dresscode/catalog.item/templates/detail/css/media.css?167563675622076 */ /* /local/components/dresscode/catalog.item/templates/detail/css/set.css?167560378210964 */ /* /bitrix/components/dresscode/catalog.advantages/templates/.default/style.css?1669380357774 */ /* /local/components/dresscode/fast.calculate.delivery/templates/catalog-no-modal/ajax_style.css?16764887919382 */ /* /local/templates/dresscode/components/bitrix/sale.products.gift/.default/style.css?167111010463 */ /* /local/templates/dresscode/components/bitrix/system.pagenavigation/round/style.css?16711101062281 */ /* /bitrix/components/bitrix/sale.recommended.products/templates/.default/style.min.css?166870995826402 */ /* /bitrix/components/bitrix/sale.recommended.products/templates/.default/themes/blue/style.css?16687099584862 */